this["wp"] = this["wp"] || {}; this["wp"]["blockEditor"] =
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = 438);
/******/ })
/************************************************************************/
/******/ ([
/* 0 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["element"]; }());
/***/ }),
/* 1 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["i18n"]; }());
/***/ }),
/* 2 */
/***/ (function(module, exports) {
(function() { module.exports = this["lodash"]; }());
/***/ }),
/* 3 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["components"]; }());
/***/ }),
/* 4 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["data"]; }());
/***/ }),
/* 5 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _defineProperty; });
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
/***/ }),
/* 6 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["primitives"]; }());
/***/ }),
/* 7 */,
/* 8 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _extends; });
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);
}
/***/ }),
/* 9 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["compose"]; }());
/***/ }),
/* 10 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["blocks"]; }());
/***/ }),
/* 11 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
Copyright (c) 2017 Jed Watson.
Licensed under the MIT License (MIT), see
http://jedwatson.github.io/classnames
*/
/* global define */
(function () {
'use strict';
var hasOwn = {}.hasOwnProperty;
function classNames () {
var classes = [];
for (var i = 0; i < arguments.length; i++) {
var arg = arguments[i];
if (!arg) continue;
var argType = typeof arg;
if (argType === 'string' || argType === 'number') {
classes.push(arg);
} else if (Array.isArray(arg) && arg.length) {
var inner = classNames.apply(null, arg);
if (inner) {
classes.push(inner);
}
} else if (argType === 'object') {
for (var key in arg) {
if (hasOwn.call(arg, key) && arg[key]) {
classes.push(key);
}
}
}
}
return classes.join(' ');
}
if ( true && module.exports) {
classNames.default = classNames;
module.exports = classNames;
} else if (true) {
// register as 'classnames', consistent with npm package name
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () {
return classNames;
}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {}
}());
/***/ }),
/* 12 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _assertThisInitialized; });
function _assertThisInitialized(self) {
if (self === void 0) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return self;
}
/***/ }),
/* 13 */
/***/ (function(module, exports) {
(function() { module.exports = this["React"]; }());
/***/ }),
/* 14 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _slicedToArray; });
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
var arrayWithHoles = __webpack_require__(38);
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
function _iterableToArrayLimit(arr, i) {
if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
var _arr = [];
var _n = true;
var _d = false;
var _e = undefined;
try {
for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
_arr.push(_s.value);
if (i && _arr.length === i) break;
}
} catch (err) {
_d = true;
_e = err;
} finally {
try {
if (!_n && _i["return"] != null) _i["return"]();
} finally {
if (_d) throw _e;
}
}
return _arr;
}
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
var unsupportedIterableToArray = __webpack_require__(29);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
var nonIterableRest = __webpack_require__(39);
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
function _slicedToArray(arr, i) {
return Object(arrayWithHoles["a" /* default */])(arr) || _iterableToArrayLimit(arr, i) || Object(unsupportedIterableToArray["a" /* default */])(arr, i) || Object(nonIterableRest["a" /* default */])();
}
/***/ }),
/* 15 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectWithoutProperties; });
/* harmony import */ var _objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41);
function _objectWithoutProperties(source, excluded) {
if (source == null) return {};
var target = Object(_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(source, excluded);
var key, i;
if (Object.getOwnPropertySymbols) {
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
for (i = 0; i < sourceSymbolKeys.length; i++) {
key = sourceSymbolKeys[i];
if (excluded.indexOf(key) >= 0) continue;
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
target[key] = source[key];
}
}
return target;
}
/***/ }),
/* 16 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _getPrototypeOf; });
function _getPrototypeOf(o) {
_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
return o.__proto__ || Object.getPrototypeOf(o);
};
return _getPrototypeOf(o);
}
/***/ }),
/* 17 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectWithoutPropertiesLoose; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return _objectSpread2; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return _createForOfIteratorHelperLoose; });
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
function 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 _objectSpread2(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
if (i % 2) {
ownKeys(Object(source), true).forEach(function (key) {
_defineProperty(target, key, source[key]);
});
} else if (Object.getOwnPropertyDescriptors) {
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
} else {
ownKeys(Object(source)).forEach(function (key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
});
}
}
return target;
}
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 _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 _createForOfIteratorHelperLoose(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;
return function () {
if (i >= o.length) return {
done: true
};
return {
done: false,
value: o[i++]
};
};
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
it = o[Symbol.iterator]();
return it.next.bind(it);
}
/***/ }),
/* 18 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _toConsumableArray; });
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
var arrayLikeToArray = __webpack_require__(26);
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
function _arrayWithoutHoles(arr) {
if (Array.isArray(arr)) return Object(arrayLikeToArray["a" /* default */])(arr);
}
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
var iterableToArray = __webpack_require__(35);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
var unsupportedIterableToArray = __webpack_require__(29);
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
function _nonIterableSpread() {
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
function _toConsumableArray(arr) {
return _arrayWithoutHoles(arr) || Object(iterableToArray["a" /* default */])(arr) || Object(unsupportedIterableToArray["a" /* default */])(arr) || _nonIterableSpread();
}
/***/ }),
/* 19 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _createClass; });
function _defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
function _createClass(Constructor, protoProps, staticProps) {
if (protoProps) _defineProperties(Constructor.prototype, protoProps);
if (staticProps) _defineProperties(Constructor, staticProps);
return Constructor;
}
/***/ }),
/* 20 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _classCallCheck; });
function _classCallCheck(instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
}
/***/ }),
/* 21 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["keycodes"]; }());
/***/ }),
/* 22 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ _inherits; });
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
function _setPrototypeOf(o, p) {
_setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
o.__proto__ = p;
return o;
};
return _setPrototypeOf(o, p);
}
// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
function _inherits(subClass, superClass) {
if (typeof superClass !== "function" && superClass !== null) {
throw new TypeError("Super expression must either be null or a function");
}
subClass.prototype = Object.create(superClass && superClass.prototype, {
constructor: {
value: subClass,
writable: true,
configurable: true
}
});
if (superClass) _setPrototypeOf(subClass, superClass);
}
/***/ }),
/* 23 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _possibleConstructorReturn; });
/* harmony import */ var _helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(40);
/* harmony import */ var _assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(12);
function _possibleConstructorReturn(self, call) {
if (call && (Object(_helpers_esm_typeof__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(call) === "object" || typeof call === "function")) {
return call;
}
return Object(_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(self);
}
/***/ }),
/* 24 */
/***/ (function(module, exports) {
(function() { module.exports = this["regeneratorRuntime"]; }());
/***/ }),
/* 25 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["richText"]; }());
/***/ }),
/* 26 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _arrayLikeToArray; });
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;
}
/***/ }),
/* 27 */,
/* 28 */
/***/ (function(module, exports, __webpack_require__) {
/**
* 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.
*/
if (false) { var throwOnDirectAccess, ReactIs; } else {
// By explicitly using `prop-types` you are opting into new production behavior.
// http://fb.me/prop-types-in-prod
module.exports = __webpack_require__(138)();
}
/***/ }),
/* 29 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _unsupportedIterableToArray; });
/* harmony import */ var _arrayLikeToArray__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26);
function _unsupportedIterableToArray(o, minLen) {
if (!o) return;
if (typeof o === "string") return Object(_arrayLikeToArray__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(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 Object(_arrayLikeToArray__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(o, minLen);
}
/***/ }),
/* 30 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["dom"]; }());
/***/ }),
/* 31 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["url"]; }());
/***/ }),
/* 32 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["hooks"]; }());
/***/ }),
/* 33 */,
/* 34 */,
/* 35 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _iterableToArray; });
function _iterableToArray(iter) {
if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
}
/***/ }),
/* 36 */,
/* 37 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["deprecated"]; }());
/***/ }),
/* 38 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _arrayWithHoles; });
function _arrayWithHoles(arr) {
if (Array.isArray(arr)) return arr;
}
/***/ }),
/* 39 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _nonIterableRest; });
function _nonIterableRest() {
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
/***/ }),
/* 40 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _typeof; });
function _typeof(obj) {
"@babel/helpers - typeof";
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
_typeof = function _typeof(obj) {
return typeof obj;
};
} else {
_typeof = function _typeof(obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
};
}
return _typeof(obj);
}
/***/ }),
/* 41 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectWithoutPropertiesLoose; });
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;
}
/***/ }),
/* 42 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
var LEAF_KEY, hasWeakMap;
/**
* Arbitrary value used as key for referencing cache object in WeakMap tree.
*
* @type {Object}
*/
LEAF_KEY = {};
/**
* Whether environment supports WeakMap.
*
* @type {boolean}
*/
hasWeakMap = typeof WeakMap !== 'undefined';
/**
* Returns the first argument as the sole entry in an array.
*
* @param {*} value Value to return.
*
* @return {Array} Value returned as entry in array.
*/
function arrayOf( value ) {
return [ value ];
}
/**
* Returns true if the value passed is object-like, or false otherwise. A value
* is object-like if it can support property assignment, e.g. object or array.
*
* @param {*} value Value to test.
*
* @return {boolean} Whether value is object-like.
*/
function isObjectLike( value ) {
return !! value && 'object' === typeof value;
}
/**
* Creates and returns a new cache object.
*
* @return {Object} Cache object.
*/
function createCache() {
var cache = {
clear: function() {
cache.head = null;
},
};
return cache;
}
/**
* Returns true if entries within the two arrays are strictly equal by
* reference from a starting index.
*
* @param {Array} a First array.
* @param {Array} b Second array.
* @param {number} fromIndex Index from which to start comparison.
*
* @return {boolean} Whether arrays are shallowly equal.
*/
function isShallowEqual( a, b, fromIndex ) {
var i;
if ( a.length !== b.length ) {
return false;
}
for ( i = fromIndex; i < a.length; i++ ) {
if ( a[ i ] !== b[ i ] ) {
return false;
}
}
return true;
}
/**
* Returns a memoized selector function. The getDependants function argument is
* called before the memoized selector and is expected to return an immutable
* reference or array of references on which the selector depends for computing
* its own return value. The memoize cache is preserved only as long as those
* dependant references remain the same. If getDependants returns a different
* reference(s), the cache is cleared and the selector value regenerated.
*
* @param {Function} selector Selector function.
* @param {Function} getDependants Dependant getter returning an immutable
* reference or array of reference used in
* cache bust consideration.
*
* @return {Function} Memoized selector.
*/
/* harmony default export */ __webpack_exports__["a"] = (function( selector, getDependants ) {
var rootCache, getCache;
// Use object source as dependant if getter not provided
if ( ! getDependants ) {
getDependants = arrayOf;
}
/**
* Returns the root cache. If WeakMap is supported, this is assigned to the
* root WeakMap cache set, otherwise it is a shared instance of the default
* cache object.
*
* @return {(WeakMap|Object)} Root cache object.
*/
function getRootCache() {
return rootCache;
}
/**
* Returns the cache for a given dependants array. When possible, a WeakMap
* will be used to create a unique cache for each set of dependants. This
* is feasible due to the nature of WeakMap in allowing garbage collection
* to occur on entries where the key object is no longer referenced. Since
* WeakMap requires the key to be an object, this is only possible when the
* dependant is object-like. The root cache is created as a hierarchy where
* each top-level key is the first entry in a dependants set, the value a
* WeakMap where each key is the next dependant, and so on. This continues
* so long as the dependants are object-like. If no dependants are object-
* like, then the cache is shared across all invocations.
*
* @see isObjectLike
*
* @param {Array} dependants Selector dependants.
*
* @return {Object} Cache object.
*/
function getWeakMapCache( dependants ) {
var caches = rootCache,
isUniqueByDependants = true,
i, dependant, map, cache;
for ( i = 0; i < dependants.length; i++ ) {
dependant = dependants[ i ];
// Can only compose WeakMap from object-like key.
if ( ! isObjectLike( dependant ) ) {
isUniqueByDependants = false;
break;
}
// Does current segment of cache already have a WeakMap?
if ( caches.has( dependant ) ) {
// Traverse into nested WeakMap.
caches = caches.get( dependant );
} else {
// Create, set, and traverse into a new one.
map = new WeakMap();
caches.set( dependant, map );
caches = map;
}
}
// We use an arbitrary (but consistent) object as key for the last item
// in the WeakMap to serve as our running cache.
if ( ! caches.has( LEAF_KEY ) ) {
cache = createCache();
cache.isUniqueByDependants = isUniqueByDependants;
caches.set( LEAF_KEY, cache );
}
return caches.get( LEAF_KEY );
}
// Assign cache handler by availability of WeakMap
getCache = hasWeakMap ? getWeakMapCache : getRootCache;
/**
* Resets root memoization cache.
*/
function clear() {
rootCache = hasWeakMap ? new WeakMap() : createCache();
}
// eslint-disable-next-line jsdoc/check-param-names
/**
* The augmented selector call, considering first whether dependants have
* changed before passing it to underlying memoize function.
*
* @param {Object} source Source object for derivation.
* @param {...*} extraArgs Additional arguments to pass to selector.
*
* @return {*} Selector result.
*/
function callSelector( /* source, ...extraArgs */ ) {
var len = arguments.length,
cache, node, i, args, dependants;
// Create copy of arguments (avoid leaking deoptimization).
args = new Array( len );
for ( i = 0; i < len; i++ ) {
args[ i ] = arguments[ i ];
}
dependants = getDependants.apply( null, args );
cache = getCache( dependants );
// If not guaranteed uniqueness by dependants (primitive type or lack
// of WeakMap support), shallow compare against last dependants and, if
// references have changed, destroy cache to recalculate result.
if ( ! cache.isUniqueByDependants ) {
if ( cache.lastDependants && ! isShallowEqual( dependants, cache.lastDependants, 0 ) ) {
cache.clear();
}
cache.lastDependants = dependants;
}
node = cache.head;
while ( node ) {
// Check whether node arguments match arguments
if ( ! isShallowEqual( node.args, args, 1 ) ) {
node = node.next;
continue;
}
// At this point we can assume we've found a match
// Surface matched node to head if not already
if ( node !== cache.head ) {
// Adjust siblings to point to each other.
node.prev.next = node.next;
if ( node.next ) {
node.next.prev = node.prev;
}
node.next = cache.head;
node.prev = null;
cache.head.prev = node;
cache.head = node;
}
// Return immediately
return node.val;
}
// No cached value found. Continue to insertion phase:
node = {
// Generate the result from original function
val: selector.apply( null, args ),
};
// Avoid including the source object in the cache.
args[ 0 ] = null;
node.args = args;
// Don't need to check whether node is already head, since it would
// have been returned above already if it was
// Shift existing head down list
if ( cache.head ) {
cache.head.prev = node;
node.next = cache.head;
}
cache.head = node;
return node.val;
}
callSelector.getDependants = getDependants;
callSelector.clear = clear;
clear();
return callSelector;
});
/***/ }),
/* 43 */,
/* 44 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["blob"]; }());
/***/ }),
/* 45 */,
/* 46 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useLiveRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _useIsomorphicEffect_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(59);
/**
* A `React.Ref` that keeps track of the passed `value`.
*/
function useLiveRef(value) {
var ref = Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])(value);
Object(_useIsomorphicEffect_js__WEBPACK_IMPORTED_MODULE_1__[/* useIsomorphicEffect */ "a"])(function () {
ref.current = value;
});
return ref;
}
/***/ }),
/* 47 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getDocument; });
/**
* Returns `element.ownerDocument || window.document`.
*/
function getDocument(element) {
return element ? element.ownerDocument || element : window.document;
}
/***/ }),
/* 48 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ createHook; });
// EXTERNAL MODULE: external {"this":"React"}
var external_this_React_ = __webpack_require__(13);
// EXTERNAL MODULE: ./node_modules/reakit-system/es/SystemContext.js
var SystemContext = __webpack_require__(74);
// CONCATENATED MODULE: ./node_modules/reakit-system/es/useToken.js
/**
* React custom hook that returns the value of any token defined in the
* SystemContext. It's mainly used internally in [`useOptions`](#useoptions)
* and [`useProps`](#useprops).
*
* @example
* import { SystemProvider, useToken } from "reakit-system";
*
* const system = {
* token: "value",
* };
*
* function Component(props) {
* const token = useToken("token", "default value");
* return {token}
;
* }
*
* function App() {
* return (
*
*
*
* );
* }
*/
function useToken(token, defaultValue) {
Object(external_this_React_["useDebugValue"])(token);
var context = Object(external_this_React_["useContext"])(SystemContext["a" /* SystemContext */]);
return context[token] != null ? context[token] : defaultValue;
}
// CONCATENATED MODULE: ./node_modules/reakit-system/es/useProps.js
/**
* React custom hook that returns the props returned by a given
* `use${name}Props` in the SystemContext.
*
* @example
* import { SystemProvider, useProps } from "reakit-system";
*
* const system = {
* useAProps(options, htmlProps) {
* return {
* ...htmlProps,
* href: options.url,
* };
* },
* };
*
* function A({ url, ...htmlProps }) {
* const props = useProps("A", { url }, htmlProps);
* return ;
* }
*
* function App() {
* return (
*
* It will convert url into href in useAProps
*
* );
* }
*/
function useProps(name, options, htmlProps) {
if (options === void 0) {
options = {};
}
if (htmlProps === void 0) {
htmlProps = {};
}
var hookName = "use" + name + "Props";
Object(external_this_React_["useDebugValue"])(hookName);
var useHook = useToken(hookName);
if (useHook) {
return useHook(options, htmlProps);
}
return htmlProps;
}
// EXTERNAL MODULE: ./node_modules/reakit-system/es/_rollupPluginBabelHelpers-0c84a174.js
var _rollupPluginBabelHelpers_0c84a174 = __webpack_require__(55);
// CONCATENATED MODULE: ./node_modules/reakit-system/es/useOptions.js
/**
* React custom hook that returns the options returned by a given
* `use${name}Options` in the SystemContext.
*
* @example
* import React from "react";
* import { SystemProvider, useOptions } from "reakit-system";
*
* const system = {
* useAOptions(options, htmlProps) {
* return {
* ...options,
* url: htmlProps.href,
* };
* },
* };
*
* function A({ url, ...htmlProps }) {
* const options = useOptions("A", { url }, htmlProps);
* return ;
* }
*
* function App() {
* return (
*
*
* It will convert href into url in useAOptions and then url into href in A
*
*
* );
* }
*/
function useOptions(name, options, htmlProps) {
if (options === void 0) {
options = {};
}
if (htmlProps === void 0) {
htmlProps = {};
}
var hookName = "use" + name + "Options";
Object(external_this_React_["useDebugValue"])(hookName);
var useHook = useToken(hookName);
if (useHook) {
return Object(_rollupPluginBabelHelpers_0c84a174["a" /* _ */])(Object(_rollupPluginBabelHelpers_0c84a174["a" /* _ */])({}, options), useHook(options, htmlProps));
}
return options;
}
// EXTERNAL MODULE: ./node_modules/reakit-utils/es/shallowEqual.js
var shallowEqual = __webpack_require__(56);
// CONCATENATED MODULE: ./node_modules/reakit-utils/es/toArray.js
/**
* Transforms `arg` into an array if it's not already.
*
* @example
* import { toArray } from "reakit-utils";
*
* toArray("a"); // ["a"]
* toArray(["a"]); // ["a"]
*/
function toArray(arg) {
if (Array.isArray(arg)) {
return arg;
}
return typeof arg !== "undefined" ? [arg] : [];
}
// CONCATENATED MODULE: ./node_modules/reakit-system/es/createHook.js
/**
* Creates a React custom hook that will return component props.
*
* @example
* import { createHook } from "reakit-system";
*
* const useA = createHook({
* name: "A",
* keys: ["url"], // custom props/options keys
* useProps(options, htmlProps) {
* return {
* ...htmlProps,
* href: options.url,
* };
* },
* });
*
* function A({ url, ...htmlProps }) {
* const props = useA({ url }, htmlProps);
* return ;
* }
*
* @param options
*/
function createHook(options) {
var _options$useState, _composedHooks$;
var composedHooks = toArray(options.compose);
var __useOptions = function __useOptions(hookOptions, htmlProps) {
// Call the current hook's useOptions first
if (options.useOptions) {
hookOptions = options.useOptions(hookOptions, htmlProps);
} // If there's name, call useOptions from the system context
if (options.name) {
hookOptions = useOptions(options.name, hookOptions, htmlProps);
} // Run composed hooks useOptions
if (options.compose) {
for (var _iterator = Object(_rollupPluginBabelHelpers_0c84a174["c" /* b */])(composedHooks), _step; !(_step = _iterator()).done;) {
var hook = _step.value;
hookOptions = hook.__useOptions(hookOptions, htmlProps);
}
}
return hookOptions;
};
var useHook = function useHook(hookOptions, htmlProps, unstable_ignoreUseOptions) {
if (hookOptions === void 0) {
hookOptions = {};
}
if (htmlProps === void 0) {
htmlProps = {};
}
if (unstable_ignoreUseOptions === void 0) {
unstable_ignoreUseOptions = false;
}
// This won't execute when useHook was called from within another useHook
if (!unstable_ignoreUseOptions) {
hookOptions = __useOptions(hookOptions, htmlProps);
} // Call the current hook's useProps
if (options.useProps) {
htmlProps = options.useProps(hookOptions, htmlProps);
} // If there's name, call useProps from the system context
if (options.name) {
htmlProps = useProps(options.name, hookOptions, htmlProps);
}
if (options.compose) {
if (options.useComposeOptions) {
hookOptions = options.useComposeOptions(hookOptions, htmlProps);
}
if (options.useComposeProps) {
htmlProps = options.useComposeProps(hookOptions, htmlProps);
} else {
for (var _iterator2 = Object(_rollupPluginBabelHelpers_0c84a174["c" /* b */])(composedHooks), _step2; !(_step2 = _iterator2()).done;) {
var hook = _step2.value;
htmlProps = hook(hookOptions, htmlProps, true);
}
}
} // Remove undefined values from htmlProps
var finalHTMLProps = {};
var definedHTMLProps = htmlProps || {};
for (var prop in definedHTMLProps) {
if (definedHTMLProps[prop] !== undefined) {
finalHTMLProps[prop] = definedHTMLProps[prop];
}
}
return finalHTMLProps;
};
useHook.__useOptions = __useOptions;
var composedKeys = composedHooks.reduce(function (keys, hook) {
keys.push.apply(keys, hook.__keys || []);
return keys;
}, []); // It's used by createComponent to split option props (keys) and html props
useHook.__keys = [].concat(composedKeys, ((_options$useState = options.useState) === null || _options$useState === void 0 ? void 0 : _options$useState.__keys) || [], options.keys || []);
useHook.unstable_propsAreEqual = options.propsAreEqual || ((_composedHooks$ = composedHooks[0]) === null || _composedHooks$ === void 0 ? void 0 : _composedHooks$.unstable_propsAreEqual) || shallowEqual["a" /* shallowEqual */];
if (false) {}
return useHook;
}
/***/ }),
/* 49 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ createComponent; });
// EXTERNAL MODULE: external {"this":"React"}
var external_this_React_ = __webpack_require__(13);
// EXTERNAL MODULE: ./node_modules/reakit-system/es/_rollupPluginBabelHelpers-0c84a174.js
var _rollupPluginBabelHelpers_0c84a174 = __webpack_require__(55);
// EXTERNAL MODULE: ./node_modules/reakit-system/es/useCreateElement.js
var useCreateElement = __webpack_require__(78);
// CONCATENATED MODULE: ./node_modules/reakit-utils/es/splitProps.js
/**
* Splits an object (`props`) into a tuple where the first item is an object
* with the passed `keys`, and the second item is an object with these keys
* omitted.
*
* @example
* import { splitProps } from "reakit-utils";
*
* splitProps({ a: "a", b: "b" }, ["a"]); // [{ a: "a" }, { b: "b" }]
*/
function splitProps(props, keys) {
var propsKeys = Object.keys(props);
var picked = {};
var omitted = {};
for (var _i = 0, _propsKeys = propsKeys; _i < _propsKeys.length; _i++) {
var key = _propsKeys[_i];
if (keys.indexOf(key) >= 0) {
picked[key] = props[key];
} else {
omitted[key] = props[key];
}
}
return [picked, omitted];
}
// EXTERNAL MODULE: ./node_modules/reakit-utils/es/shallowEqual.js
var shallowEqual = __webpack_require__(56);
// CONCATENATED MODULE: ./node_modules/reakit-system/es/createComponent.js
function forwardRef(component) {
return /*#__PURE__*/Object(external_this_React_["forwardRef"])(component);
}
function memo(component, propsAreEqual) {
return /*#__PURE__*/Object(external_this_React_["memo"])(component, propsAreEqual);
}
/**
* Creates a React component.
*
* @example
* import { createComponent } from "reakit-system";
*
* const A = createComponent({ as: "a" });
*
* @param options
*/
function createComponent(_ref) {
var type = _ref.as,
useHook = _ref.useHook,
shouldMemo = _ref.memo,
_ref$propsAreEqual = _ref.propsAreEqual,
propsAreEqual = _ref$propsAreEqual === void 0 ? useHook === null || useHook === void 0 ? void 0 : useHook.unstable_propsAreEqual : _ref$propsAreEqual,
_ref$keys = _ref.keys,
keys = _ref$keys === void 0 ? (useHook === null || useHook === void 0 ? void 0 : useHook.__keys) || [] : _ref$keys,
_ref$useCreateElement = _ref.useCreateElement,
useCreateElement$1 = _ref$useCreateElement === void 0 ? useCreateElement["a" /* useCreateElement */] : _ref$useCreateElement;
var Comp = function Comp(_ref2, ref) {
var _ref2$as = _ref2.as,
as = _ref2$as === void 0 ? type : _ref2$as,
props = Object(_rollupPluginBabelHelpers_0c84a174["b" /* a */])(_ref2, ["as"]);
if (useHook) {
var _as$render;
var _splitProps = splitProps(props, keys),
_options = _splitProps[0],
htmlProps = _splitProps[1];
var _useHook = useHook(_options, Object(_rollupPluginBabelHelpers_0c84a174["a" /* _ */])({
ref: ref
}, htmlProps)),
wrapElement = _useHook.wrapElement,
elementProps = Object(_rollupPluginBabelHelpers_0c84a174["b" /* a */])(_useHook, ["wrapElement"]); // @ts-ignore
var asKeys = ((_as$render = as.render) === null || _as$render === void 0 ? void 0 : _as$render.__keys) || as.__keys;
var asOptions = asKeys && splitProps(props, asKeys)[0];
var allProps = asOptions ? Object(_rollupPluginBabelHelpers_0c84a174["a" /* _ */])(Object(_rollupPluginBabelHelpers_0c84a174["a" /* _ */])({}, elementProps), asOptions) : elementProps;
var _element = useCreateElement$1(as, allProps);
if (wrapElement) {
return wrapElement(_element);
}
return _element;
}
return useCreateElement$1(as, Object(_rollupPluginBabelHelpers_0c84a174["a" /* _ */])({
ref: ref
}, props));
};
if (false) {}
Comp = forwardRef(Comp);
if (shouldMemo) {
Comp = memo(Comp, propsAreEqual);
}
Comp.__keys = keys;
Comp.unstable_propsAreEqual = propsAreEqual || shallowEqual["a" /* shallowEqual */];
return Comp;
}
/***/ }),
/* 50 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _asyncToGenerator; });
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
try {
var info = gen[key](arg);
var value = info.value;
} catch (error) {
reject(error);
return;
}
if (info.done) {
resolve(value);
} else {
Promise.resolve(value).then(_next, _throw);
}
}
function _asyncToGenerator(fn) {
return function () {
var self = this,
args = arguments;
return new Promise(function (resolve, reject) {
var gen = fn.apply(self, args);
function _next(value) {
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
}
function _throw(err) {
asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
}
_next(undefined);
});
};
}
/***/ }),
/* 51 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return findFirstEnabledItem; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return flatten; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return groupItems; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return findEnabledItemById; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return getCurrentId; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return reverse; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return useCompositeState; });
/* harmony import */ var _rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var reakit_utils_useIsomorphicEffect__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(59);
/* harmony import */ var reakit_utils_useSealedState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(62);
/* harmony import */ var reakit_utils_applyState__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(61);
/* harmony import */ var _Id_IdState_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65);
function reverse(array) {
return array.slice().reverse();
}
function isElementPreceding(element1, element2) {
return Boolean(element2.compareDocumentPosition(element1) & Node.DOCUMENT_POSITION_PRECEDING);
}
function findDOMIndex(items, item) {
return items.findIndex(function (currentItem) {
if (!currentItem.ref.current || !item.ref.current) {
return false;
}
return isElementPreceding(item.ref.current, currentItem.ref.current);
});
}
function findFirstEnabledItem(items, excludeId) {
if (excludeId) {
return items.find(function (item) {
return !item.disabled && item.id !== excludeId;
});
}
return items.find(function (item) {
return !item.disabled;
});
}
function findEnabledItemById(items, id) {
if (!id) return undefined;
return items === null || items === void 0 ? void 0 : items.find(function (item) {
return item.id === id && !item.disabled;
});
}
function groupItems(items) {
var groups = [[]];
var _loop = function _loop() {
var item = _step.value;
var group = groups.find(function (g) {
return !g[0] || g[0].groupId === item.groupId;
});
if (group) {
group.push(item);
} else {
groups.push([item]);
}
};
for (var _iterator = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* b */ "c"])(items), _step; !(_step = _iterator()).done;) {
_loop();
}
return groups;
}
function getMaxLength(rows) {
var maxLength = 0;
for (var _iterator = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* b */ "c"])(rows), _step; !(_step = _iterator()).done;) {
var length = _step.value.length;
if (length > maxLength) {
maxLength = length;
}
}
return maxLength;
}
/**
* Turns [row1, row1, row2, row2] into [row1, row2, row1, row2]
*/
function verticalizeItems(items) {
var groups = groupItems(items);
var maxLength = getMaxLength(groups);
var verticalized = [];
for (var i = 0; i < maxLength; i += 1) {
for (var _iterator = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* b */ "c"])(groups), _step; !(_step = _iterator()).done;) {
var group = _step.value;
if (group[i]) {
verticalized.push(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, group[i]), {}, {
// If there's no groupId, it means that it's not a grid composite,
// but a single row instead. So, instead of verticalizing it, that
// is, assigning a different groupId based on the column index, we
// keep it undefined so they will be part of the same group.
// It's useful when using up/down on one-dimensional composites.
groupId: group[i].groupId ? "" + i : undefined
}));
}
}
}
return verticalized;
}
function flatten(grid) {
var flattened = [];
for (var _iterator = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* b */ "c"])(grid), _step; !(_step = _iterator()).done;) {
var row = _step.value;
flattened.push.apply(flattened, row);
}
return flattened;
}
/**
* Turns [[row1, row1], [row2]] into [[row1, row1], [row2, row2]]
*/
function fillGroups(groups) {
var maxLength = getMaxLength(groups);
for (var _iterator = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* b */ "c"])(groups), _step; !(_step = _iterator()).done;) {
var group = _step.value;
if (group.length < maxLength) {
for (var i = 0; i < maxLength; i += 1) {
if (!group[i]) {
group[i] = {
id: "__EMPTY_ITEM__",
disabled: true,
ref: {
current: null
},
groupId: group[i - 1].groupId
};
}
}
}
}
return groups;
}
function getCurrentId(options, passedId) {
var _findFirstEnabledItem;
if (passedId || passedId === null) {
return passedId;
}
if (options.currentId || options.currentId === null) {
return options.currentId;
}
return (_findFirstEnabledItem = findFirstEnabledItem(options.items || [])) === null || _findFirstEnabledItem === void 0 ? void 0 : _findFirstEnabledItem.id;
}
var nullItem = {
id: null,
ref: {
current: null
}
};
function placeItemsAfter(items, id, shouldInsertNullItem) {
var index = items.findIndex(function (item) {
return item.id === id;
});
return [].concat(items.slice(index + 1), shouldInsertNullItem ? [nullItem] : [], items.slice(0, index));
}
function getItemsInGroup(items, groupId) {
return items.filter(function (item) {
return item.groupId === groupId;
});
}
var map = {
horizontal: "vertical",
vertical: "horizontal"
};
function getOppositeOrientation(orientation) {
return orientation && map[orientation];
}
function addItemAtIndex(array, item, index) {
if (!(index in array)) {
return [].concat(array, [item]);
}
return [].concat(array.slice(0, index), [item], array.slice(index));
}
function sortBasedOnDOMPosition(items) {
var copy = items.slice();
var isOrderDifferent = false;
copy.sort(function (a, b) {
var elementA = a.ref.current;
var elementB = b.ref.current;
if (elementA && elementB && isElementPreceding(elementA, elementB)) {
isOrderDifferent = true;
return -1;
}
return 0;
});
if (isOrderDifferent) {
return copy;
}
return items;
}
function reducer(state, action) {
var virtual = state.unstable_virtual,
rtl = state.rtl,
orientation = state.orientation,
items = state.items,
groups = state.groups,
currentId = state.currentId,
loop = state.loop,
wrap = state.wrap,
pastIds = state.pastIds,
moves = state.unstable_moves,
initialVirtual = state.initialVirtual,
initialRTL = state.initialRTL,
initialOrientation = state.initialOrientation,
initialCurrentId = state.initialCurrentId,
initialLoop = state.initialLoop,
initialWrap = state.initialWrap,
hasSetCurrentId = state.hasSetCurrentId;
switch (action.type) {
case "registerGroup":
{
var _group = action.group; // If there are no groups yet, just add it as the first one
if (groups.length === 0) {
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
groups: [_group]
});
} // Finds the group index based on DOM position
var index = findDOMIndex(groups, _group);
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
groups: addItemAtIndex(groups, _group, index)
});
}
case "unregisterGroup":
{
var _id = action.id;
var nextGroups = groups.filter(function (group) {
return group.id !== _id;
}); // The group isn't registered, so do nothing
if (nextGroups.length === groups.length) {
return state;
}
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
groups: nextGroups
});
}
case "registerItem":
{
var _item = action.item; // Finds the item group based on the DOM hierarchy
var _group2 = groups.find(function (r) {
var _r$ref$current;
return (_r$ref$current = r.ref.current) === null || _r$ref$current === void 0 ? void 0 : _r$ref$current.contains(_item.ref.current);
}); // Group will be null if it's a one-dimensional composite
var nextItem = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({
groupId: _group2 === null || _group2 === void 0 ? void 0 : _group2.id
}, _item);
var _index = findDOMIndex(items, nextItem);
var nextState = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
items: addItemAtIndex(items, nextItem, _index)
});
if (!hasSetCurrentId && !moves && initialCurrentId === undefined) {
var _findFirstEnabledItem;
// Sets currentId to the first enabled item. This runs whenever an item
// is registered because the first enabled item may be registered
// asynchronously.
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, nextState), {}, {
currentId: (_findFirstEnabledItem = findFirstEnabledItem(nextState.items)) === null || _findFirstEnabledItem === void 0 ? void 0 : _findFirstEnabledItem.id
});
}
return nextState;
}
case "unregisterItem":
{
var _id2 = action.id;
var nextItems = items.filter(function (item) {
return item.id !== _id2;
}); // The item isn't registered, so do nothing
if (nextItems.length === items.length) {
return state;
} // Filters out the item that is being removed from the pastIds list
var nextPastIds = pastIds.filter(function (pastId) {
return pastId !== _id2;
});
var _nextState = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
pastIds: nextPastIds,
items: nextItems
}); // If the current item is the item that is being removed, focus pastId
if (currentId && currentId === _id2) {
var nextId = getCurrentId(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, _nextState), {}, {
currentId: nextPastIds[0]
}));
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, _nextState), {}, {
currentId: nextId
});
}
return _nextState;
}
case "move":
{
var _id3 = action.id; // move() does nothing
if (_id3 === undefined) {
return state;
} // Removes the current item and the item that is receiving focus from the
// pastIds list
var filteredPastIds = pastIds.filter(function (pastId) {
return pastId !== currentId && pastId !== _id3;
}); // If there's a currentId, add it to the pastIds list so it can be focused
// if the new item gets removed or disabled
var _nextPastIds = currentId ? [currentId].concat(filteredPastIds) : filteredPastIds;
var _nextState2 = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
pastIds: _nextPastIds
}); // move(null) will focus the composite element itself, not an item
if (_id3 === null) {
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, _nextState2), {}, {
unstable_moves: moves + 1,
currentId: getCurrentId(_nextState2, _id3)
});
}
var _item2 = findEnabledItemById(items, _id3);
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, _nextState2), {}, {
unstable_moves: _item2 ? moves + 1 : moves,
currentId: getCurrentId(_nextState2, _item2 === null || _item2 === void 0 ? void 0 : _item2.id)
});
}
case "next":
{
// If there's no item focused, we just move the first one
if (currentId == null) {
return reducer(state, Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, action), {}, {
type: "first"
}));
} // RTL doesn't make sense on vertical navigation
var isHorizontal = orientation !== "vertical";
var isRTL = rtl && isHorizontal;
var allItems = isRTL ? reverse(items) : items;
var currentItem = allItems.find(function (item) {
return item.id === currentId;
}); // If there's no item focused, we just move the first one
if (!currentItem) {
return reducer(state, Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, action), {}, {
type: "first"
}));
}
var isGrid = !!currentItem.groupId;
var currentIndex = allItems.indexOf(currentItem);
var _nextItems = allItems.slice(currentIndex + 1);
var nextItemsInGroup = getItemsInGroup(_nextItems, currentItem.groupId); // Home, End
if (action.allTheWay) {
// We reverse so we can get the last enabled item in the group. If it's
// RTL, nextItems and nextItemsInGroup are already reversed and don't
// have the items before the current one anymore. So we have to get
// items in group again with allItems.
var _nextItem2 = findFirstEnabledItem(isRTL ? getItemsInGroup(allItems, currentItem.groupId) : reverse(nextItemsInGroup));
return reducer(state, Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, action), {}, {
type: "move",
id: _nextItem2 === null || _nextItem2 === void 0 ? void 0 : _nextItem2.id
}));
}
var oppositeOrientation = getOppositeOrientation( // If it's a grid and orientation is not set, it's a next/previous
// call, which is inherently horizontal. up/down will call next with
// orientation set to vertical by default (see below on up/down cases).
isGrid ? orientation || "horizontal" : orientation);
var canLoop = loop && loop !== oppositeOrientation;
var canWrap = isGrid && wrap && wrap !== oppositeOrientation;
var hasNullItem = // `previous` and `up` will set action.hasNullItem, but when calling
// next directly, hasNullItem will only be true if it's not a grid and
// loop is set to true, which means that pressing right or down keys on
// grids will never focus the composite element. On one-dimensional
// composites that don't loop, pressing right or down keys also doesn't
// focus the composite element.
action.hasNullItem || !isGrid && canLoop && initialCurrentId === null;
if (canLoop) {
var loopItems = canWrap && !hasNullItem ? allItems : getItemsInGroup(allItems, currentItem.groupId); // Turns [0, 1, current, 3, 4] into [3, 4, 0, 1]
var sortedItems = placeItemsAfter(loopItems, currentId, hasNullItem);
var _nextItem3 = findFirstEnabledItem(sortedItems, currentId);
return reducer(state, Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, action), {}, {
type: "move",
id: _nextItem3 === null || _nextItem3 === void 0 ? void 0 : _nextItem3.id
}));
}
if (canWrap) {
var _nextItem4 = findFirstEnabledItem( // We can use nextItems, which contains all the next items, including
// items from other groups, to wrap between groups. However, if there
// is a null item (the composite element), we'll only use the next
// items in the group. So moving next from the last item will focus
// the composite element (null). On grid composites, horizontal
// navigation never focuses the composite element, only vertical.
hasNullItem ? nextItemsInGroup : _nextItems, currentId);
var _nextId = hasNullItem ? (_nextItem4 === null || _nextItem4 === void 0 ? void 0 : _nextItem4.id) || null : _nextItem4 === null || _nextItem4 === void 0 ? void 0 : _nextItem4.id;
return reducer(state, Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, action), {}, {
type: "move",
id: _nextId
}));
}
var _nextItem = findFirstEnabledItem(nextItemsInGroup, currentId);
if (!_nextItem && hasNullItem) {
return reducer(state, Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, action), {}, {
type: "move",
id: null
}));
}
return reducer(state, Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, action), {}, {
type: "move",
id: _nextItem === null || _nextItem === void 0 ? void 0 : _nextItem.id
}));
}
case "previous":
{
// If currentId is initially set to null, the composite element will be
// focusable while navigating with arrow keys. But, if it's a grid, we
// don't want to focus the composite element with horizontal navigation.
var _isGrid = !!groups.length;
var _hasNullItem = !_isGrid && initialCurrentId === null;
var _nextState3 = reducer(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
items: reverse(items)
}), Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, action), {}, {
type: "next",
hasNullItem: _hasNullItem
}));
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, _nextState3), {}, {
items: items
});
}
case "down":
{
// First, we make sure groups have the same number of items by filling it
// with disabled fake items. Then, we reorganize the items list so
// [1-1, 1-2, 2-1, 2-2] becomes [1-1, 2-1, 1-2, 2-2].
var verticalItems = verticalizeItems(flatten(fillGroups(groupItems(items))));
var _canLoop = loop && loop !== "horizontal"; // Pressing down arrow key will only focus the composite element if loop
// is true or vertical.
var _hasNullItem2 = _canLoop && initialCurrentId === null;
var _nextState4 = reducer(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
orientation: "vertical",
items: verticalItems
}), Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, action), {}, {
type: "next",
hasNullItem: _hasNullItem2
}));
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, _nextState4), {}, {
orientation: orientation,
items: items
});
}
case "up":
{
var _verticalItems = verticalizeItems(reverse(flatten(fillGroups(groupItems(items))))); // If currentId is initially set to null, we'll always focus the
// composite element when the up arrow key is pressed in the first row.
var _hasNullItem3 = initialCurrentId === null;
var _nextState5 = reducer(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
orientation: "vertical",
items: _verticalItems
}), Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, action), {}, {
type: "next",
hasNullItem: _hasNullItem3
}));
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, _nextState5), {}, {
orientation: orientation,
items: items
});
}
case "first":
{
var firstItem = findFirstEnabledItem(items);
return reducer(state, Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, action), {}, {
type: "move",
id: firstItem === null || firstItem === void 0 ? void 0 : firstItem.id
}));
}
case "last":
{
var _nextState6 = reducer(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
items: reverse(items)
}), Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, action), {}, {
type: "first"
}));
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, _nextState6), {}, {
items: items
});
}
case "sort":
{
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
items: sortBasedOnDOMPosition(items),
groups: sortBasedOnDOMPosition(groups)
});
}
case "setVirtual":
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
unstable_virtual: Object(reakit_utils_applyState__WEBPACK_IMPORTED_MODULE_4__[/* applyState */ "a"])(action.virtual, virtual)
});
case "setRTL":
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
rtl: Object(reakit_utils_applyState__WEBPACK_IMPORTED_MODULE_4__[/* applyState */ "a"])(action.rtl, rtl)
});
case "setOrientation":
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
orientation: Object(reakit_utils_applyState__WEBPACK_IMPORTED_MODULE_4__[/* applyState */ "a"])(action.orientation, orientation)
});
case "setCurrentId":
{
var nextCurrentId = getCurrentId(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
currentId: Object(reakit_utils_applyState__WEBPACK_IMPORTED_MODULE_4__[/* applyState */ "a"])(action.currentId, currentId)
}));
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
currentId: nextCurrentId,
hasSetCurrentId: true
});
}
case "setLoop":
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
loop: Object(reakit_utils_applyState__WEBPACK_IMPORTED_MODULE_4__[/* applyState */ "a"])(action.loop, loop)
});
case "setWrap":
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
wrap: Object(reakit_utils_applyState__WEBPACK_IMPORTED_MODULE_4__[/* applyState */ "a"])(action.wrap, wrap)
});
case "reset":
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
unstable_virtual: initialVirtual,
rtl: initialRTL,
orientation: initialOrientation,
currentId: getCurrentId(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, state), {}, {
currentId: initialCurrentId
})),
loop: initialLoop,
wrap: initialWrap,
unstable_moves: 0,
pastIds: []
});
default:
throw new Error();
}
}
function useAction(fn) {
return Object(react__WEBPACK_IMPORTED_MODULE_1__["useCallback"])(fn, []);
}
function useIsUnmountedRef() {
var isUnmountedRef = Object(react__WEBPACK_IMPORTED_MODULE_1__["useRef"])(false);
Object(reakit_utils_useIsomorphicEffect__WEBPACK_IMPORTED_MODULE_2__[/* useIsomorphicEffect */ "a"])(function () {
return function () {
isUnmountedRef.current = true;
};
}, []);
return isUnmountedRef;
}
function useCompositeState(initialState) {
if (initialState === void 0) {
initialState = {};
}
var _useSealedState = Object(reakit_utils_useSealedState__WEBPACK_IMPORTED_MODULE_3__[/* useSealedState */ "a"])(initialState),
_useSealedState$unsta = _useSealedState.unstable_virtual,
virtual = _useSealedState$unsta === void 0 ? false : _useSealedState$unsta,
_useSealedState$rtl = _useSealedState.rtl,
rtl = _useSealedState$rtl === void 0 ? false : _useSealedState$rtl,
orientation = _useSealedState.orientation,
currentId = _useSealedState.currentId,
_useSealedState$loop = _useSealedState.loop,
loop = _useSealedState$loop === void 0 ? false : _useSealedState$loop,
_useSealedState$wrap = _useSealedState.wrap,
wrap = _useSealedState$wrap === void 0 ? false : _useSealedState$wrap,
sealed = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* _ */ "a"])(_useSealedState, ["unstable_virtual", "rtl", "orientation", "currentId", "loop", "wrap"]);
var _React$useReducer = Object(react__WEBPACK_IMPORTED_MODULE_1__["useReducer"])(reducer, {
unstable_virtual: virtual,
rtl: rtl,
orientation: orientation,
items: [],
groups: [],
currentId: currentId,
loop: loop,
wrap: wrap,
unstable_moves: 0,
pastIds: [],
initialVirtual: virtual,
initialRTL: rtl,
initialOrientation: orientation,
initialCurrentId: currentId,
initialLoop: loop,
initialWrap: wrap
}),
_React$useReducer$ = _React$useReducer[0],
pastIds = _React$useReducer$.pastIds,
initialVirtual = _React$useReducer$.initialVirtual,
initialRTL = _React$useReducer$.initialRTL,
initialOrientation = _React$useReducer$.initialOrientation,
initialCurrentId = _React$useReducer$.initialCurrentId,
initialLoop = _React$useReducer$.initialLoop,
initialWrap = _React$useReducer$.initialWrap,
hasSetCurrentId = _React$useReducer$.hasSetCurrentId,
state = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* _ */ "a"])(_React$useReducer$, ["pastIds", "initialVirtual", "initialRTL", "initialOrientation", "initialCurrentId", "initialLoop", "initialWrap", "hasSetCurrentId"]),
dispatch = _React$useReducer[1];
var _React$useState = Object(react__WEBPACK_IMPORTED_MODULE_1__["useState"])(false),
hasActiveWidget = _React$useState[0],
setHasActiveWidget = _React$useState[1];
var idState = Object(_Id_IdState_js__WEBPACK_IMPORTED_MODULE_5__[/* unstable_useIdState */ "a"])(sealed); // register/unregister may be called when this component is unmounted. We
// store the unmounted state here so we don't update the state if it's true.
// This only happens in a very specific situation.
// See https://github.com/reakit/reakit/issues/650
var isUnmountedRef = useIsUnmountedRef();
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, idState), state), {}, {
unstable_hasActiveWidget: hasActiveWidget,
unstable_setHasActiveWidget: setHasActiveWidget,
registerItem: useAction(function (item) {
if (isUnmountedRef.current) return;
dispatch({
type: "registerItem",
item: item
});
}),
unregisterItem: useAction(function (id) {
if (isUnmountedRef.current) return;
dispatch({
type: "unregisterItem",
id: id
});
}),
registerGroup: useAction(function (group) {
if (isUnmountedRef.current) return;
dispatch({
type: "registerGroup",
group: group
});
}),
unregisterGroup: useAction(function (id) {
if (isUnmountedRef.current) return;
dispatch({
type: "unregisterGroup",
id: id
});
}),
move: useAction(function (id) {
return dispatch({
type: "move",
id: id
});
}),
next: useAction(function (allTheWay) {
return dispatch({
type: "next",
allTheWay: allTheWay
});
}),
previous: useAction(function (allTheWay) {
return dispatch({
type: "previous",
allTheWay: allTheWay
});
}),
up: useAction(function (allTheWay) {
return dispatch({
type: "up",
allTheWay: allTheWay
});
}),
down: useAction(function (allTheWay) {
return dispatch({
type: "down",
allTheWay: allTheWay
});
}),
first: useAction(function () {
return dispatch({
type: "first"
});
}),
last: useAction(function () {
return dispatch({
type: "last"
});
}),
unstable_sort: useAction(function () {
return dispatch({
type: "sort"
});
}),
unstable_setVirtual: useAction(function (value) {
return dispatch({
type: "setVirtual",
virtual: value
});
}),
setRTL: useAction(function (value) {
return dispatch({
type: "setRTL",
rtl: value
});
}),
setOrientation: useAction(function (value) {
return dispatch({
type: "setOrientation",
orientation: value
});
}),
setCurrentId: useAction(function (value) {
return dispatch({
type: "setCurrentId",
currentId: value
});
}),
setLoop: useAction(function (value) {
return dispatch({
type: "setLoop",
loop: value
});
}),
setWrap: useAction(function (value) {
return dispatch({
type: "setWrap",
wrap: value
});
}),
reset: useAction(function () {
return dispatch({
type: "reset"
});
})
});
}
var keys = [].concat(_Id_IdState_js__WEBPACK_IMPORTED_MODULE_5__[/* unstable_useIdState */ "a"].__keys, ["unstable_virtual", "rtl", "orientation", "items", "groups", "currentId", "loop", "wrap", "unstable_moves", "unstable_hasActiveWidget", "registerItem", "unregisterItem", "registerGroup", "unregisterGroup", "move", "next", "previous", "up", "down", "first", "last", "unstable_sort", "unstable_setVirtual", "setRTL", "setOrientation", "setCurrentId", "setLoop", "setWrap", "reset", "unstable_setHasActiveWidget"]);
useCompositeState.__keys = keys;
/***/ }),
/* 52 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["keyboardShortcuts"]; }());
/***/ }),
/* 53 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return isSelfTarget; });
/**
* Returns `true` if `event.target` and `event.currentTarget` are the same.
*/
function isSelfTarget(event) {
return event.target === event.currentTarget;
}
/***/ }),
/* 54 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["a11y"]; }());
/***/ }),
/* 55 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _objectSpread2; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return _objectWithoutPropertiesLoose; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return _createForOfIteratorHelperLoose; });
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
function 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 _objectSpread2(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i] != null ? arguments[i] : {};
if (i % 2) {
ownKeys(Object(source), true).forEach(function (key) {
_defineProperty(target, key, source[key]);
});
} else if (Object.getOwnPropertyDescriptors) {
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
} else {
ownKeys(Object(source)).forEach(function (key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
});
}
}
return target;
}
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 _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 _createForOfIteratorHelperLoose(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;
return function () {
if (i >= o.length) return {
done: true
};
return {
done: false,
value: o[i++]
};
};
}
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
}
it = o[Symbol.iterator]();
return it.next.bind(it);
}
/***/ }),
/* 56 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return shallowEqual; });
/**
* Compares two objects.
*
* @example
* import { shallowEqual } from "reakit-utils";
*
* shallowEqual({ a: "a" }, {}); // false
* shallowEqual({ a: "a" }, { b: "b" }); // false
* shallowEqual({ a: "a" }, { a: "a" }); // true
* shallowEqual({ a: "a" }, { a: "a", b: "b" }); // false
*/
function shallowEqual(objA, objB) {
if (objA === objB) return true;
if (!objA) return false;
if (!objB) return false;
if (typeof objA !== "object") return false;
if (typeof objB !== "object") return false;
var aKeys = Object.keys(objA);
var bKeys = Object.keys(objB);
var length = aKeys.length;
if (bKeys.length !== length) return false;
for (var _i = 0, _aKeys = aKeys; _i < _aKeys.length; _i++) {
var key = _aKeys[_i];
if (objA[key] !== objB[key]) {
return false;
}
}
return true;
}
/***/ }),
/* 57 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return getActiveElement; });
/* harmony import */ var _getDocument_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(47);
/**
* Returns `element.ownerDocument.activeElement`.
*/
function getActiveElement(element) {
return Object(_getDocument_js__WEBPACK_IMPORTED_MODULE_0__[/* getDocument */ "a"])(element).activeElement;
}
/***/ }),
/* 58 */,
/* 59 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useIsomorphicEffect; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/**
* `React.useLayoutEffect` that fallbacks to `React.useEffect` on server side
* rendering.
*/
var useIsomorphicEffect = typeof window === "undefined" ? react__WEBPACK_IMPORTED_MODULE_0__["useEffect"] : react__WEBPACK_IMPORTED_MODULE_0__["useLayoutEffect"];
/***/ }),
/* 60 */
/***/ (function(module, exports, __webpack_require__) {
/**
* Memize options object.
*
* @typedef MemizeOptions
*
* @property {number} [maxSize] Maximum size of the cache.
*/
/**
* Internal cache entry.
*
* @typedef MemizeCacheNode
*
* @property {?MemizeCacheNode|undefined} [prev] Previous node.
* @property {?MemizeCacheNode|undefined} [next] Next node.
* @property {Array<*>} args Function arguments for cache
* entry.
* @property {*} val Function result.
*/
/**
* Properties of the enhanced function for controlling cache.
*
* @typedef MemizeMemoizedFunction
*
* @property {()=>void} clear Clear the cache.
*/
/**
* Accepts a function to be memoized, and returns a new memoized function, with
* optional options.
*
* @template {Function} F
*
* @param {F} fn Function to memoize.
* @param {MemizeOptions} [options] Options object.
*
* @return {F & MemizeMemoizedFunction} Memoized function.
*/
function memize( fn, options ) {
var size = 0;
/** @type {?MemizeCacheNode|undefined} */
var head;
/** @type {?MemizeCacheNode|undefined} */
var tail;
options = options || {};
function memoized( /* ...args */ ) {
var node = head,
len = arguments.length,
args, i;
searchCache: while ( node ) {
// Perform a shallow equality test to confirm that whether the node
// under test is a candidate for the arguments passed. Two arrays
// are shallowly equal if their length matches and each entry is
// strictly equal between the two sets. Avoid abstracting to a
// function which could incur an arguments leaking deoptimization.
// Check whether node arguments match arguments length
if ( node.args.length !== arguments.length ) {
node = node.next;
continue;
}
// Check whether node arguments match arguments values
for ( i = 0; i < len; i++ ) {
if ( node.args[ i ] !== arguments[ i ] ) {
node = node.next;
continue searchCache;
}
}
// At this point we can assume we've found a match
// Surface matched node to head if not already
if ( node !== head ) {
// As tail, shift to previous. Must only shift if not also
// head, since if both head and tail, there is no previous.
if ( node === tail ) {
tail = node.prev;
}
// Adjust siblings to point to each other. If node was tail,
// this also handles new tail's empty `next` assignment.
/** @type {MemizeCacheNode} */ ( node.prev ).next = node.next;
if ( node.next ) {
node.next.prev = node.prev;
}
node.next = head;
node.prev = null;
/** @type {MemizeCacheNode} */ ( head ).prev = node;
head = node;
}
// Return immediately
return node.val;
}
// No cached value found. Continue to insertion phase:
// Create a copy of arguments (avoid leaking deoptimization)
args = new Array( len );
for ( i = 0; i < len; i++ ) {
args[ i ] = arguments[ i ];
}
node = {
args: args,
// Generate the result from original function
val: fn.apply( null, args ),
};
// Don't need to check whether node is already head, since it would
// have been returned above already if it was
// Shift existing head down list
if ( head ) {
head.prev = node;
node.next = head;
} else {
// If no head, follows that there's no tail (at initial or reset)
tail = node;
}
// Trim tail if we're reached max size and are pending cache insertion
if ( size === /** @type {MemizeOptions} */ ( options ).maxSize ) {
tail = /** @type {MemizeCacheNode} */ ( tail ).prev;
/** @type {MemizeCacheNode} */ ( tail ).next = null;
} else {
size++;
}
head = node;
return node.val;
}
memoized.clear = function() {
head = null;
tail = null;
size = 0;
};
if ( false ) {}
// Ignore reason: There's not a clear solution to create an intersection of
// the function with additional properties, where the goal is to retain the
// function signature of the incoming argument and add control properties
// on the return value.
// @ts-ignore
return memoized;
}
module.exports = memize;
/***/ }),
/* 61 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return applyState; });
function isUpdater(argument) {
return typeof argument === "function";
}
/**
* Receives a `setState` argument and calls it with `currentValue` if it's a
* function. Otherwise return the argument as the new value.
*
* @example
* import { applyState } from "reakit-utils";
*
* applyState((value) => value + 1, 1); // 2
* applyState(2, 1); // 2
*/
function applyState(argument, currentValue) {
if (isUpdater(argument)) {
return argument(currentValue);
}
return argument;
}
/***/ }),
/* 62 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useSealedState; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/**
* React custom hook that returns the very first value passed to `initialState`,
* even if it changes between re-renders.
*/
function useSealedState(initialState) {
var _React$useState = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])(initialState),
sealed = _React$useState[0];
return sealed;
}
/***/ }),
/* 63 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useForkRef; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
// https://github.com/mui-org/material-ui/blob/2bcc874cf07b81202968f769cb9c2398c7c11311/packages/material-ui/src/utils/useForkRef.js
function setRef(ref, value) {
if (value === void 0) {
value = null;
}
if (!ref) return;
if (typeof ref === "function") {
ref(value);
} else {
ref.current = value;
}
}
/**
* Merges up to two React Refs into a single memoized function React Ref so you
* can pass it to an element.
*
* @example
* import React from "react";
* import { useForkRef } from "reakit-utils";
*
* const Component = React.forwardRef((props, ref) => {
* const internalRef = React.useRef();
* return ;
* });
*/
function useForkRef(refA, refB) {
return Object(react__WEBPACK_IMPORTED_MODULE_0__["useMemo"])(function () {
if (refA == null && refB == null) {
return null;
}
return function (value) {
setRef(refA, value);
setRef(refB, value);
};
}, [refA, refB]);
}
/***/ }),
/* 64 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["isShallowEqual"]; }());
/***/ }),
/* 65 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return unstable_useIdState; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var reakit_utils_useSealedState__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(62);
/* harmony import */ var _IdProvider_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(68);
function unstable_useIdState(initialState) {
if (initialState === void 0) {
initialState = {};
}
var _useSealedState = Object(reakit_utils_useSealedState__WEBPACK_IMPORTED_MODULE_1__[/* useSealedState */ "a"])(initialState),
initialBaseId = _useSealedState.baseId;
var generateId = Object(react__WEBPACK_IMPORTED_MODULE_0__["useContext"])(_IdProvider_js__WEBPACK_IMPORTED_MODULE_2__[/* unstable_IdContext */ "a"]);
var idCountRef = Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])(0);
var _React$useState = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])(function () {
return initialBaseId || generateId();
}),
baseId = _React$useState[0],
setBaseId = _React$useState[1];
return {
baseId: baseId,
unstable_setBaseId: setBaseId,
unstable_idCountRef: idCountRef
};
}
var keys = ["baseId", "unstable_setBaseId", "unstable_idCountRef"];
unstable_useIdState.__keys = keys;
/***/ }),
/* 66 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_RESULT__;// TinyColor v1.4.1
// https://github.com/bgrins/TinyColor
// Brian Grinstead, MIT License
(function(Math) {
var trimLeft = /^\s+/,
trimRight = /\s+$/,
tinyCounter = 0,
mathRound = Math.round,
mathMin = Math.min,
mathMax = Math.max,
mathRandom = Math.random;
function tinycolor (color, opts) {
color = (color) ? color : '';
opts = opts || { };
// If input is already a tinycolor, return itself
if (color instanceof tinycolor) {
return color;
}
// If we are called as a function, call using new instead
if (!(this instanceof tinycolor)) {
return new tinycolor(color, opts);
}
var rgb = inputToRGB(color);
this._originalInput = color,
this._r = rgb.r,
this._g = rgb.g,
this._b = rgb.b,
this._a = rgb.a,
this._roundA = mathRound(100*this._a) / 100,
this._format = opts.format || rgb.format;
this._gradientType = opts.gradientType;
// Don't let the range of [0,255] come back in [0,1].
// Potentially lose a little bit of precision here, but will fix issues where
// .5 gets interpreted as half of the total, instead of half of 1
// If it was supposed to be 128, this was already taken care of by `inputToRgb`
if (this._r < 1) { this._r = mathRound(this._r); }
if (this._g < 1) { this._g = mathRound(this._g); }
if (this._b < 1) { this._b = mathRound(this._b); }
this._ok = rgb.ok;
this._tc_id = tinyCounter++;
}
tinycolor.prototype = {
isDark: function() {
return this.getBrightness() < 128;
},
isLight: function() {
return !this.isDark();
},
isValid: function() {
return this._ok;
},
getOriginalInput: function() {
return this._originalInput;
},
getFormat: function() {
return this._format;
},
getAlpha: function() {
return this._a;
},
getBrightness: function() {
//http://www.w3.org/TR/AERT#color-contrast
var rgb = this.toRgb();
return (rgb.r * 299 + rgb.g * 587 + rgb.b * 114) / 1000;
},
getLuminance: function() {
//http://www.w3.org/TR/2008/REC-WCAG20-20081211/#relativeluminancedef
var rgb = this.toRgb();
var RsRGB, GsRGB, BsRGB, R, G, B;
RsRGB = rgb.r/255;
GsRGB = rgb.g/255;
BsRGB = rgb.b/255;
if (RsRGB <= 0.03928) {R = RsRGB / 12.92;} else {R = Math.pow(((RsRGB + 0.055) / 1.055), 2.4);}
if (GsRGB <= 0.03928) {G = GsRGB / 12.92;} else {G = Math.pow(((GsRGB + 0.055) / 1.055), 2.4);}
if (BsRGB <= 0.03928) {B = BsRGB / 12.92;} else {B = Math.pow(((BsRGB + 0.055) / 1.055), 2.4);}
return (0.2126 * R) + (0.7152 * G) + (0.0722 * B);
},
setAlpha: function(value) {
this._a = boundAlpha(value);
this._roundA = mathRound(100*this._a) / 100;
return this;
},
toHsv: function() {
var hsv = rgbToHsv(this._r, this._g, this._b);
return { h: hsv.h * 360, s: hsv.s, v: hsv.v, a: this._a };
},
toHsvString: function() {
var hsv = rgbToHsv(this._r, this._g, this._b);
var h = mathRound(hsv.h * 360), s = mathRound(hsv.s * 100), v = mathRound(hsv.v * 100);
return (this._a == 1) ?
"hsv(" + h + ", " + s + "%, " + v + "%)" :
"hsva(" + h + ", " + s + "%, " + v + "%, "+ this._roundA + ")";
},
toHsl: function() {
var hsl = rgbToHsl(this._r, this._g, this._b);
return { h: hsl.h * 360, s: hsl.s, l: hsl.l, a: this._a };
},
toHslString: function() {
var hsl = rgbToHsl(this._r, this._g, this._b);
var h = mathRound(hsl.h * 360), s = mathRound(hsl.s * 100), l = mathRound(hsl.l * 100);
return (this._a == 1) ?
"hsl(" + h + ", " + s + "%, " + l + "%)" :
"hsla(" + h + ", " + s + "%, " + l + "%, "+ this._roundA + ")";
},
toHex: function(allow3Char) {
return rgbToHex(this._r, this._g, this._b, allow3Char);
},
toHexString: function(allow3Char) {
return '#' + this.toHex(allow3Char);
},
toHex8: function(allow4Char) {
return rgbaToHex(this._r, this._g, this._b, this._a, allow4Char);
},
toHex8String: function(allow4Char) {
return '#' + this.toHex8(allow4Char);
},
toRgb: function() {
return { r: mathRound(this._r), g: mathRound(this._g), b: mathRound(this._b), a: this._a };
},
toRgbString: function() {
return (this._a == 1) ?
"rgb(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ")" :
"rgba(" + mathRound(this._r) + ", " + mathRound(this._g) + ", " + mathRound(this._b) + ", " + this._roundA + ")";
},
toPercentageRgb: function() {
return { r: mathRound(bound01(this._r, 255) * 100) + "%", g: mathRound(bound01(this._g, 255) * 100) + "%", b: mathRound(bound01(this._b, 255) * 100) + "%", a: this._a };
},
toPercentageRgbString: function() {
return (this._a == 1) ?
"rgb(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%)" :
"rgba(" + mathRound(bound01(this._r, 255) * 100) + "%, " + mathRound(bound01(this._g, 255) * 100) + "%, " + mathRound(bound01(this._b, 255) * 100) + "%, " + this._roundA + ")";
},
toName: function() {
if (this._a === 0) {
return "transparent";
}
if (this._a < 1) {
return false;
}
return hexNames[rgbToHex(this._r, this._g, this._b, true)] || false;
},
toFilter: function(secondColor) {
var hex8String = '#' + rgbaToArgbHex(this._r, this._g, this._b, this._a);
var secondHex8String = hex8String;
var gradientType = this._gradientType ? "GradientType = 1, " : "";
if (secondColor) {
var s = tinycolor(secondColor);
secondHex8String = '#' + rgbaToArgbHex(s._r, s._g, s._b, s._a);
}
return "progid:DXImageTransform.Microsoft.gradient("+gradientType+"startColorstr="+hex8String+",endColorstr="+secondHex8String+")";
},
toString: function(format) {
var formatSet = !!format;
format = format || this._format;
var formattedString = false;
var hasAlpha = this._a < 1 && this._a >= 0;
var needsAlphaFormat = !formatSet && hasAlpha && (format === "hex" || format === "hex6" || format === "hex3" || format === "hex4" || format === "hex8" || format === "name");
if (needsAlphaFormat) {
// Special case for "transparent", all other non-alpha formats
// will return rgba when there is transparency.
if (format === "name" && this._a === 0) {
return this.toName();
}
return this.toRgbString();
}
if (format === "rgb") {
formattedString = this.toRgbString();
}
if (format === "prgb") {
formattedString = this.toPercentageRgbString();
}
if (format === "hex" || format === "hex6") {
formattedString = this.toHexString();
}
if (format === "hex3") {
formattedString = this.toHexString(true);
}
if (format === "hex4") {
formattedString = this.toHex8String(true);
}
if (format === "hex8") {
formattedString = this.toHex8String();
}
if (format === "name") {
formattedString = this.toName();
}
if (format === "hsl") {
formattedString = this.toHslString();
}
if (format === "hsv") {
formattedString = this.toHsvString();
}
return formattedString || this.toHexString();
},
clone: function() {
return tinycolor(this.toString());
},
_applyModification: function(fn, args) {
var color = fn.apply(null, [this].concat([].slice.call(args)));
this._r = color._r;
this._g = color._g;
this._b = color._b;
this.setAlpha(color._a);
return this;
},
lighten: function() {
return this._applyModification(lighten, arguments);
},
brighten: function() {
return this._applyModification(brighten, arguments);
},
darken: function() {
return this._applyModification(darken, arguments);
},
desaturate: function() {
return this._applyModification(desaturate, arguments);
},
saturate: function() {
return this._applyModification(saturate, arguments);
},
greyscale: function() {
return this._applyModification(greyscale, arguments);
},
spin: function() {
return this._applyModification(spin, arguments);
},
_applyCombination: function(fn, args) {
return fn.apply(null, [this].concat([].slice.call(args)));
},
analogous: function() {
return this._applyCombination(analogous, arguments);
},
complement: function() {
return this._applyCombination(complement, arguments);
},
monochromatic: function() {
return this._applyCombination(monochromatic, arguments);
},
splitcomplement: function() {
return this._applyCombination(splitcomplement, arguments);
},
triad: function() {
return this._applyCombination(triad, arguments);
},
tetrad: function() {
return this._applyCombination(tetrad, arguments);
}
};
// If input is an object, force 1 into "1.0" to handle ratios properly
// String input requires "1.0" as input, so 1 will be treated as 1
tinycolor.fromRatio = function(color, opts) {
if (typeof color == "object") {
var newColor = {};
for (var i in color) {
if (color.hasOwnProperty(i)) {
if (i === "a") {
newColor[i] = color[i];
}
else {
newColor[i] = convertToPercentage(color[i]);
}
}
}
color = newColor;
}
return tinycolor(color, opts);
};
// Given a string or object, convert that input to RGB
// Possible string inputs:
//
// "red"
// "#f00" or "f00"
// "#ff0000" or "ff0000"
// "#ff000000" or "ff000000"
// "rgb 255 0 0" or "rgb (255, 0, 0)"
// "rgb 1.0 0 0" or "rgb (1, 0, 0)"
// "rgba (255, 0, 0, 1)" or "rgba 255, 0, 0, 1"
// "rgba (1.0, 0, 0, 1)" or "rgba 1.0, 0, 0, 1"
// "hsl(0, 100%, 50%)" or "hsl 0 100% 50%"
// "hsla(0, 100%, 50%, 1)" or "hsla 0 100% 50%, 1"
// "hsv(0, 100%, 100%)" or "hsv 0 100% 100%"
//
function inputToRGB(color) {
var rgb = { r: 0, g: 0, b: 0 };
var a = 1;
var s = null;
var v = null;
var l = null;
var ok = false;
var format = false;
if (typeof color == "string") {
color = stringInputToObject(color);
}
if (typeof color == "object") {
if (isValidCSSUnit(color.r) && isValidCSSUnit(color.g) && isValidCSSUnit(color.b)) {
rgb = rgbToRgb(color.r, color.g, color.b);
ok = true;
format = String(color.r).substr(-1) === "%" ? "prgb" : "rgb";
}
else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.v)) {
s = convertToPercentage(color.s);
v = convertToPercentage(color.v);
rgb = hsvToRgb(color.h, s, v);
ok = true;
format = "hsv";
}
else if (isValidCSSUnit(color.h) && isValidCSSUnit(color.s) && isValidCSSUnit(color.l)) {
s = convertToPercentage(color.s);
l = convertToPercentage(color.l);
rgb = hslToRgb(color.h, s, l);
ok = true;
format = "hsl";
}
if (color.hasOwnProperty("a")) {
a = color.a;
}
}
a = boundAlpha(a);
return {
ok: ok,
format: color.format || format,
r: mathMin(255, mathMax(rgb.r, 0)),
g: mathMin(255, mathMax(rgb.g, 0)),
b: mathMin(255, mathMax(rgb.b, 0)),
a: a
};
}
// Conversion Functions
// --------------------
// `rgbToHsl`, `rgbToHsv`, `hslToRgb`, `hsvToRgb` modified from:
//
// `rgbToRgb`
// Handle bounds / percentage checking to conform to CSS color spec
//
// *Assumes:* r, g, b in [0, 255] or [0, 1]
// *Returns:* { r, g, b } in [0, 255]
function rgbToRgb(r, g, b){
return {
r: bound01(r, 255) * 255,
g: bound01(g, 255) * 255,
b: bound01(b, 255) * 255
};
}
// `rgbToHsl`
// Converts an RGB color value to HSL.
// *Assumes:* r, g, and b are contained in [0, 255] or [0, 1]
// *Returns:* { h, s, l } in [0,1]
function rgbToHsl(r, g, b) {
r = bound01(r, 255);
g = bound01(g, 255);
b = bound01(b, 255);
var max = mathMax(r, g, b), min = mathMin(r, g, b);
var h, s, l = (max + min) / 2;
if(max == min) {
h = s = 0; // achromatic
}
else {
var d = max - min;
s = l > 0.5 ? d / (2 - max - min) : d / (max + min);
switch(max) {
case r: h = (g - b) / d + (g < b ? 6 : 0); break;
case g: h = (b - r) / d + 2; break;
case b: h = (r - g) / d + 4; break;
}
h /= 6;
}
return { h: h, s: s, l: l };
}
// `hslToRgb`
// Converts an HSL color value to RGB.
// *Assumes:* h is contained in [0, 1] or [0, 360] and s and l are contained [0, 1] or [0, 100]
// *Returns:* { r, g, b } in the set [0, 255]
function hslToRgb(h, s, l) {
var r, g, b;
h = bound01(h, 360);
s = bound01(s, 100);
l = bound01(l, 100);
function hue2rgb(p, q, t) {
if(t < 0) t += 1;
if(t > 1) t -= 1;
if(t < 1/6) return p + (q - p) * 6 * t;
if(t < 1/2) return q;
if(t < 2/3) return p + (q - p) * (2/3 - t) * 6;
return p;
}
if(s === 0) {
r = g = b = l; // achromatic
}
else {
var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
r = hue2rgb(p, q, h + 1/3);
g = hue2rgb(p, q, h);
b = hue2rgb(p, q, h - 1/3);
}
return { r: r * 255, g: g * 255, b: b * 255 };
}
// `rgbToHsv`
// Converts an RGB color value to HSV
// *Assumes:* r, g, and b are contained in the set [0, 255] or [0, 1]
// *Returns:* { h, s, v } in [0,1]
function rgbToHsv(r, g, b) {
r = bound01(r, 255);
g = bound01(g, 255);
b = bound01(b, 255);
var max = mathMax(r, g, b), min = mathMin(r, g, b);
var h, s, v = max;
var d = max - min;
s = max === 0 ? 0 : d / max;
if(max == min) {
h = 0; // achromatic
}
else {
switch(max) {
case r: h = (g - b) / d + (g < b ? 6 : 0); break;
case g: h = (b - r) / d + 2; break;
case b: h = (r - g) / d + 4; break;
}
h /= 6;
}
return { h: h, s: s, v: v };
}
// `hsvToRgb`
// Converts an HSV color value to RGB.
// *Assumes:* h is contained in [0, 1] or [0, 360] and s and v are contained in [0, 1] or [0, 100]
// *Returns:* { r, g, b } in the set [0, 255]
function hsvToRgb(h, s, v) {
h = bound01(h, 360) * 6;
s = bound01(s, 100);
v = bound01(v, 100);
var i = Math.floor(h),
f = h - i,
p = v * (1 - s),
q = v * (1 - f * s),
t = v * (1 - (1 - f) * s),
mod = i % 6,
r = [v, q, p, p, t, v][mod],
g = [t, v, v, q, p, p][mod],
b = [p, p, t, v, v, q][mod];
return { r: r * 255, g: g * 255, b: b * 255 };
}
// `rgbToHex`
// Converts an RGB color to hex
// Assumes r, g, and b are contained in the set [0, 255]
// Returns a 3 or 6 character hex
function rgbToHex(r, g, b, allow3Char) {
var hex = [
pad2(mathRound(r).toString(16)),
pad2(mathRound(g).toString(16)),
pad2(mathRound(b).toString(16))
];
// Return a 3 character hex if possible
if (allow3Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1)) {
return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0);
}
return hex.join("");
}
// `rgbaToHex`
// Converts an RGBA color plus alpha transparency to hex
// Assumes r, g, b are contained in the set [0, 255] and
// a in [0, 1]. Returns a 4 or 8 character rgba hex
function rgbaToHex(r, g, b, a, allow4Char) {
var hex = [
pad2(mathRound(r).toString(16)),
pad2(mathRound(g).toString(16)),
pad2(mathRound(b).toString(16)),
pad2(convertDecimalToHex(a))
];
// Return a 4 character hex if possible
if (allow4Char && hex[0].charAt(0) == hex[0].charAt(1) && hex[1].charAt(0) == hex[1].charAt(1) && hex[2].charAt(0) == hex[2].charAt(1) && hex[3].charAt(0) == hex[3].charAt(1)) {
return hex[0].charAt(0) + hex[1].charAt(0) + hex[2].charAt(0) + hex[3].charAt(0);
}
return hex.join("");
}
// `rgbaToArgbHex`
// Converts an RGBA color to an ARGB Hex8 string
// Rarely used, but required for "toFilter()"
function rgbaToArgbHex(r, g, b, a) {
var hex = [
pad2(convertDecimalToHex(a)),
pad2(mathRound(r).toString(16)),
pad2(mathRound(g).toString(16)),
pad2(mathRound(b).toString(16))
];
return hex.join("");
}
// `equals`
// Can be called with any tinycolor input
tinycolor.equals = function (color1, color2) {
if (!color1 || !color2) { return false; }
return tinycolor(color1).toRgbString() == tinycolor(color2).toRgbString();
};
tinycolor.random = function() {
return tinycolor.fromRatio({
r: mathRandom(),
g: mathRandom(),
b: mathRandom()
});
};
// Modification Functions
// ----------------------
// Thanks to less.js for some of the basics here
//
function desaturate(color, amount) {
amount = (amount === 0) ? 0 : (amount || 10);
var hsl = tinycolor(color).toHsl();
hsl.s -= amount / 100;
hsl.s = clamp01(hsl.s);
return tinycolor(hsl);
}
function saturate(color, amount) {
amount = (amount === 0) ? 0 : (amount || 10);
var hsl = tinycolor(color).toHsl();
hsl.s += amount / 100;
hsl.s = clamp01(hsl.s);
return tinycolor(hsl);
}
function greyscale(color) {
return tinycolor(color).desaturate(100);
}
function lighten (color, amount) {
amount = (amount === 0) ? 0 : (amount || 10);
var hsl = tinycolor(color).toHsl();
hsl.l += amount / 100;
hsl.l = clamp01(hsl.l);
return tinycolor(hsl);
}
function brighten(color, amount) {
amount = (amount === 0) ? 0 : (amount || 10);
var rgb = tinycolor(color).toRgb();
rgb.r = mathMax(0, mathMin(255, rgb.r - mathRound(255 * - (amount / 100))));
rgb.g = mathMax(0, mathMin(255, rgb.g - mathRound(255 * - (amount / 100))));
rgb.b = mathMax(0, mathMin(255, rgb.b - mathRound(255 * - (amount / 100))));
return tinycolor(rgb);
}
function darken (color, amount) {
amount = (amount === 0) ? 0 : (amount || 10);
var hsl = tinycolor(color).toHsl();
hsl.l -= amount / 100;
hsl.l = clamp01(hsl.l);
return tinycolor(hsl);
}
// Spin takes a positive or negative amount within [-360, 360] indicating the change of hue.
// Values outside of this range will be wrapped into this range.
function spin(color, amount) {
var hsl = tinycolor(color).toHsl();
var hue = (hsl.h + amount) % 360;
hsl.h = hue < 0 ? 360 + hue : hue;
return tinycolor(hsl);
}
// Combination Functions
// ---------------------
// Thanks to jQuery xColor for some of the ideas behind these
//
function complement(color) {
var hsl = tinycolor(color).toHsl();
hsl.h = (hsl.h + 180) % 360;
return tinycolor(hsl);
}
function triad(color) {
var hsl = tinycolor(color).toHsl();
var h = hsl.h;
return [
tinycolor(color),
tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }),
tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l })
];
}
function tetrad(color) {
var hsl = tinycolor(color).toHsl();
var h = hsl.h;
return [
tinycolor(color),
tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }),
tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }),
tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l })
];
}
function splitcomplement(color) {
var hsl = tinycolor(color).toHsl();
var h = hsl.h;
return [
tinycolor(color),
tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}),
tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l})
];
}
function analogous(color, results, slices) {
results = results || 6;
slices = slices || 30;
var hsl = tinycolor(color).toHsl();
var part = 360 / slices;
var ret = [tinycolor(color)];
for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) {
hsl.h = (hsl.h + part) % 360;
ret.push(tinycolor(hsl));
}
return ret;
}
function monochromatic(color, results) {
results = results || 6;
var hsv = tinycolor(color).toHsv();
var h = hsv.h, s = hsv.s, v = hsv.v;
var ret = [];
var modification = 1 / results;
while (results--) {
ret.push(tinycolor({ h: h, s: s, v: v}));
v = (v + modification) % 1;
}
return ret;
}
// Utility Functions
// ---------------------
tinycolor.mix = function(color1, color2, amount) {
amount = (amount === 0) ? 0 : (amount || 50);
var rgb1 = tinycolor(color1).toRgb();
var rgb2 = tinycolor(color2).toRgb();
var p = amount / 100;
var rgba = {
r: ((rgb2.r - rgb1.r) * p) + rgb1.r,
g: ((rgb2.g - rgb1.g) * p) + rgb1.g,
b: ((rgb2.b - rgb1.b) * p) + rgb1.b,
a: ((rgb2.a - rgb1.a) * p) + rgb1.a
};
return tinycolor(rgba);
};
// Readability Functions
// ---------------------
// false
// tinycolor.isReadable("#000", "#111",{level:"AA",size:"large"}) => false
tinycolor.isReadable = function(color1, color2, wcag2) {
var readability = tinycolor.readability(color1, color2);
var wcag2Parms, out;
out = false;
wcag2Parms = validateWCAG2Parms(wcag2);
switch (wcag2Parms.level + wcag2Parms.size) {
case "AAsmall":
case "AAAlarge":
out = readability >= 4.5;
break;
case "AAlarge":
out = readability >= 3;
break;
case "AAAsmall":
out = readability >= 7;
break;
}
return out;
};
// `mostReadable`
// Given a base color and a list of possible foreground or background
// colors for that base, returns the most readable color.
// Optionally returns Black or White if the most readable color is unreadable.
// *Example*
// tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:false}).toHexString(); // "#112255"
// tinycolor.mostReadable(tinycolor.mostReadable("#123", ["#124", "#125"],{includeFallbackColors:true}).toHexString(); // "#ffffff"
// tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"large"}).toHexString(); // "#faf3f3"
// tinycolor.mostReadable("#a8015a", ["#faf3f3"],{includeFallbackColors:true,level:"AAA",size:"small"}).toHexString(); // "#ffffff"
tinycolor.mostReadable = function(baseColor, colorList, args) {
var bestColor = null;
var bestScore = 0;
var readability;
var includeFallbackColors, level, size ;
args = args || {};
includeFallbackColors = args.includeFallbackColors ;
level = args.level;
size = args.size;
for (var i= 0; i < colorList.length ; i++) {
readability = tinycolor.readability(baseColor, colorList[i]);
if (readability > bestScore) {
bestScore = readability;
bestColor = tinycolor(colorList[i]);
}
}
if (tinycolor.isReadable(baseColor, bestColor, {"level":level,"size":size}) || !includeFallbackColors) {
return bestColor;
}
else {
args.includeFallbackColors=false;
return tinycolor.mostReadable(baseColor,["#fff", "#000"],args);
}
};
// Big List of Colors
// ------------------
//
var names = tinycolor.names = {
aliceblue: "f0f8ff",
antiquewhite: "faebd7",
aqua: "0ff",
aquamarine: "7fffd4",
azure: "f0ffff",
beige: "f5f5dc",
bisque: "ffe4c4",
black: "000",
blanchedalmond: "ffebcd",
blue: "00f",
blueviolet: "8a2be2",
brown: "a52a2a",
burlywood: "deb887",
burntsienna: "ea7e5d",
cadetblue: "5f9ea0",
chartreuse: "7fff00",
chocolate: "d2691e",
coral: "ff7f50",
cornflowerblue: "6495ed",
cornsilk: "fff8dc",
crimson: "dc143c",
cyan: "0ff",
darkblue: "00008b",
darkcyan: "008b8b",
darkgoldenrod: "b8860b",
darkgray: "a9a9a9",
darkgreen: "006400",
darkgrey: "a9a9a9",
darkkhaki: "bdb76b",
darkmagenta: "8b008b",
darkolivegreen: "556b2f",
darkorange: "ff8c00",
darkorchid: "9932cc",
darkred: "8b0000",
darksalmon: "e9967a",
darkseagreen: "8fbc8f",
darkslateblue: "483d8b",
darkslategray: "2f4f4f",
darkslategrey: "2f4f4f",
darkturquoise: "00ced1",
darkviolet: "9400d3",
deeppink: "ff1493",
deepskyblue: "00bfff",
dimgray: "696969",
dimgrey: "696969",
dodgerblue: "1e90ff",
firebrick: "b22222",
floralwhite: "fffaf0",
forestgreen: "228b22",
fuchsia: "f0f",
gainsboro: "dcdcdc",
ghostwhite: "f8f8ff",
gold: "ffd700",
goldenrod: "daa520",
gray: "808080",
green: "008000",
greenyellow: "adff2f",
grey: "808080",
honeydew: "f0fff0",
hotpink: "ff69b4",
indianred: "cd5c5c",
indigo: "4b0082",
ivory: "fffff0",
khaki: "f0e68c",
lavender: "e6e6fa",
lavenderblush: "fff0f5",
lawngreen: "7cfc00",
lemonchiffon: "fffacd",
lightblue: "add8e6",
lightcoral: "f08080",
lightcyan: "e0ffff",
lightgoldenrodyellow: "fafad2",
lightgray: "d3d3d3",
lightgreen: "90ee90",
lightgrey: "d3d3d3",
lightpink: "ffb6c1",
lightsalmon: "ffa07a",
lightseagreen: "20b2aa",
lightskyblue: "87cefa",
lightslategray: "789",
lightslategrey: "789",
lightsteelblue: "b0c4de",
lightyellow: "ffffe0",
lime: "0f0",
limegreen: "32cd32",
linen: "faf0e6",
magenta: "f0f",
maroon: "800000",
mediumaquamarine: "66cdaa",
mediumblue: "0000cd",
mediumorchid: "ba55d3",
mediumpurple: "9370db",
mediumseagreen: "3cb371",
mediumslateblue: "7b68ee",
mediumspringgreen: "00fa9a",
mediumturquoise: "48d1cc",
mediumvioletred: "c71585",
midnightblue: "191970",
mintcream: "f5fffa",
mistyrose: "ffe4e1",
moccasin: "ffe4b5",
navajowhite: "ffdead",
navy: "000080",
oldlace: "fdf5e6",
olive: "808000",
olivedrab: "6b8e23",
orange: "ffa500",
orangered: "ff4500",
orchid: "da70d6",
palegoldenrod: "eee8aa",
palegreen: "98fb98",
paleturquoise: "afeeee",
palevioletred: "db7093",
papayawhip: "ffefd5",
peachpuff: "ffdab9",
peru: "cd853f",
pink: "ffc0cb",
plum: "dda0dd",
powderblue: "b0e0e6",
purple: "800080",
rebeccapurple: "663399",
red: "f00",
rosybrown: "bc8f8f",
royalblue: "4169e1",
saddlebrown: "8b4513",
salmon: "fa8072",
sandybrown: "f4a460",
seagreen: "2e8b57",
seashell: "fff5ee",
sienna: "a0522d",
silver: "c0c0c0",
skyblue: "87ceeb",
slateblue: "6a5acd",
slategray: "708090",
slategrey: "708090",
snow: "fffafa",
springgreen: "00ff7f",
steelblue: "4682b4",
tan: "d2b48c",
teal: "008080",
thistle: "d8bfd8",
tomato: "ff6347",
turquoise: "40e0d0",
violet: "ee82ee",
wheat: "f5deb3",
white: "fff",
whitesmoke: "f5f5f5",
yellow: "ff0",
yellowgreen: "9acd32"
};
// Make it easy to access colors via `hexNames[hex]`
var hexNames = tinycolor.hexNames = flip(names);
// Utilities
// ---------
// `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }`
function flip(o) {
var flipped = { };
for (var i in o) {
if (o.hasOwnProperty(i)) {
flipped[o[i]] = i;
}
}
return flipped;
}
// Return a valid alpha value [0,1] with all invalid values being set to 1
function boundAlpha(a) {
a = parseFloat(a);
if (isNaN(a) || a < 0 || a > 1) {
a = 1;
}
return a;
}
// Take input from [0, n] and return it as [0, 1]
function bound01(n, max) {
if (isOnePointZero(n)) { n = "100%"; }
var processPercent = isPercentage(n);
n = mathMin(max, mathMax(0, parseFloat(n)));
// Automatically convert percentage into number
if (processPercent) {
n = parseInt(n * max, 10) / 100;
}
// Handle floating point rounding errors
if ((Math.abs(n - max) < 0.000001)) {
return 1;
}
// Convert into [0, 1] range if it isn't already
return (n % max) / parseFloat(max);
}
// Force a number between 0 and 1
function clamp01(val) {
return mathMin(1, mathMax(0, val));
}
// Parse a base-16 hex value into a base-10 integer
function parseIntFromHex(val) {
return parseInt(val, 16);
}
// Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
//
function isOnePointZero(n) {
return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1;
}
// Check to see if string passed in is a percentage
function isPercentage(n) {
return typeof n === "string" && n.indexOf('%') != -1;
}
// Force a hex value to have 2 characters
function pad2(c) {
return c.length == 1 ? '0' + c : '' + c;
}
// Replace a decimal with it's percentage value
function convertToPercentage(n) {
if (n <= 1) {
n = (n * 100) + "%";
}
return n;
}
// Converts a decimal to a hex value
function convertDecimalToHex(d) {
return Math.round(parseFloat(d) * 255).toString(16);
}
// Converts a hex value to a decimal
function convertHexToDecimal(h) {
return (parseIntFromHex(h) / 255);
}
var matchers = (function() {
//
var CSS_INTEGER = "[-\\+]?\\d+%?";
//
var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
// Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome.
var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
// Actual matching.
// Parentheses and commas are optional, but not required.
// Whitespace can take the place of commas or opening paren
var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
return {
CSS_UNIT: new RegExp(CSS_UNIT),
rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
hsva: new RegExp("hsva" + PERMISSIVE_MATCH4),
hex3: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
hex6: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,
hex4: /^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
hex8: /^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
};
})();
// `isValidCSSUnit`
// Take in a single string / number and check to see if it looks like a CSS unit
// (see `matchers` above for definition).
function isValidCSSUnit(color) {
return !!matchers.CSS_UNIT.exec(color);
}
// `stringInputToObject`
// Permissive string parsing. Take in a number of formats, and output an object
// based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}`
function stringInputToObject(color) {
color = color.replace(trimLeft,'').replace(trimRight, '').toLowerCase();
var named = false;
if (names[color]) {
color = names[color];
named = true;
}
else if (color == 'transparent') {
return { r: 0, g: 0, b: 0, a: 0, format: "name" };
}
// Try to match string input using regular expressions.
// Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
// Just return an object and let the conversion functions handle that.
// This way the result will be the same whether the tinycolor is initialized with string or object.
var match;
if ((match = matchers.rgb.exec(color))) {
return { r: match[1], g: match[2], b: match[3] };
}
if ((match = matchers.rgba.exec(color))) {
return { r: match[1], g: match[2], b: match[3], a: match[4] };
}
if ((match = matchers.hsl.exec(color))) {
return { h: match[1], s: match[2], l: match[3] };
}
if ((match = matchers.hsla.exec(color))) {
return { h: match[1], s: match[2], l: match[3], a: match[4] };
}
if ((match = matchers.hsv.exec(color))) {
return { h: match[1], s: match[2], v: match[3] };
}
if ((match = matchers.hsva.exec(color))) {
return { h: match[1], s: match[2], v: match[3], a: match[4] };
}
if ((match = matchers.hex8.exec(color))) {
return {
r: parseIntFromHex(match[1]),
g: parseIntFromHex(match[2]),
b: parseIntFromHex(match[3]),
a: convertHexToDecimal(match[4]),
format: named ? "name" : "hex8"
};
}
if ((match = matchers.hex6.exec(color))) {
return {
r: parseIntFromHex(match[1]),
g: parseIntFromHex(match[2]),
b: parseIntFromHex(match[3]),
format: named ? "name" : "hex"
};
}
if ((match = matchers.hex4.exec(color))) {
return {
r: parseIntFromHex(match[1] + '' + match[1]),
g: parseIntFromHex(match[2] + '' + match[2]),
b: parseIntFromHex(match[3] + '' + match[3]),
a: convertHexToDecimal(match[4] + '' + match[4]),
format: named ? "name" : "hex8"
};
}
if ((match = matchers.hex3.exec(color))) {
return {
r: parseIntFromHex(match[1] + '' + match[1]),
g: parseIntFromHex(match[2] + '' + match[2]),
b: parseIntFromHex(match[3] + '' + match[3]),
format: named ? "name" : "hex"
};
}
return false;
}
function validateWCAG2Parms(parms) {
// return valid WCAG2 parms for isReadable.
// If input parms are invalid, return {"level":"AA", "size":"small"}
var level, size;
parms = parms || {"level":"AA", "size":"small"};
level = (parms.level || "AA").toUpperCase();
size = (parms.size || "small").toLowerCase();
if (level !== "AA" && level !== "AAA") {
level = "AA";
}
if (size !== "small" && size !== "large") {
size = "small";
}
return {"level":level, "size":size};
}
// Node: Export function
if ( true && module.exports) {
module.exports = tinycolor;
}
// AMD/requirejs: Define the module
else if (true) {
!(__WEBPACK_AMD_DEFINE_RESULT__ = (function () {return tinycolor;}).call(exports, __webpack_require__, exports, module),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
}
// Browser: Expose to window
else {}
})(Math);
/***/ }),
/* 67 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* unused harmony export Box */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useBox; });
/* harmony import */ var _rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
/* harmony import */ var reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49);
/* harmony import */ var reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(48);
/* harmony import */ var reakit_utils_shallowEqual__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(56);
var useBox = Object(reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__[/* createHook */ "a"])({
name: "Box",
keys: ["unstable_system"],
propsAreEqual: function propsAreEqual(prev, next) {
var prevSystem = prev.unstable_system,
prevProps = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* _ */ "a"])(prev, ["unstable_system"]);
var nextSystem = next.unstable_system,
nextProps = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* _ */ "a"])(next, ["unstable_system"]);
if (prevSystem !== nextSystem && !Object(reakit_utils_shallowEqual__WEBPACK_IMPORTED_MODULE_3__[/* shallowEqual */ "a"])(prevSystem, nextSystem)) {
return false;
}
return Object(reakit_utils_shallowEqual__WEBPACK_IMPORTED_MODULE_3__[/* shallowEqual */ "a"])(prevProps, nextProps);
}
});
var Box = Object(reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__[/* createComponent */ "a"])({
as: "div",
useHook: useBox
});
/***/ }),
/* 68 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return unstable_IdContext; });
/* unused harmony export unstable_IdProvider */
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var defaultPrefix = "id";
function generateRandomString(prefix) {
if (prefix === void 0) {
prefix = defaultPrefix;
}
return "" + (prefix ? prefix + "-" : "") + Math.random().toString(32).substr(2, 6);
}
var unstable_IdContext = Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])(generateRandomString);
function unstable_IdProvider(_ref) {
var children = _ref.children,
_ref$prefix = _ref.prefix,
prefix = _ref$prefix === void 0 ? defaultPrefix : _ref$prefix;
var count = Object(react__WEBPACK_IMPORTED_MODULE_0__["useRef"])(0);
var generateId = Object(react__WEBPACK_IMPORTED_MODULE_0__["useCallback"])(function (localPrefix) {
if (localPrefix === void 0) {
localPrefix = prefix;
}
return "" + (localPrefix ? localPrefix + "-" : "") + ++count.current;
}, [prefix]);
return /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createElement"])(unstable_IdContext.Provider, {
value: generateId
}, children);
}
/***/ }),
/* 69 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return hasFocusWithin; });
/* harmony import */ var _getActiveElement_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(57);
/**
* Checks if `element` has focus.
*
* @example
* import { hasFocusWithin } from "reakit-utils";
*
* hasFocusWithin(document.getElementById("id"));
*/
function hasFocusWithin(element) {
var activeElement = Object(_getActiveElement_js__WEBPACK_IMPORTED_MODULE_0__[/* getActiveElement */ "a"])(element);
if (!activeElement) return false;
if (element.contains(activeElement)) return true;
var activeDescendant = activeElement.getAttribute("aria-activedescendant");
if (!activeDescendant) return false;
return activeDescendant === element.id || !!element.querySelector("#" + activeDescendant);
}
/***/ }),
/* 70 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return isButton; });
var buttonInputTypes = ["button", "color", "file", "image", "reset", "submit"];
/**
* Checks whether `element` is a native HTML button element or not.
*
* @example
* import { isButton } from "reakit-utils";
*
* isButton(document.querySelector("button")); // true
* isButton(document.querySelector("input[type='button']")); // true
* isButton(document.querySelector("div")); // false
* isButton(document.querySelector("input[type='text']")); // false
*
* @returns {boolean}
*/
function isButton(element) {
if (element.tagName === "BUTTON") return true;
if (element.tagName === "INPUT") {
var input = element;
return buttonInputTypes.indexOf(input.type) !== -1;
}
return false;
}
/***/ }),
/* 71 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ ensureFocus; });
__webpack_require__.d(__webpack_exports__, "b", function() { return /* binding */ getClosestFocusable; });
// UNUSED EXPORTS: getAllFocusableIn, getAllTabbableIn, getFirstFocusableIn, getFirstTabbableIn, getLastTabbableIn, getNextTabbableIn, getPreviousTabbableIn, isFocusable, isTabbable
// CONCATENATED MODULE: ./node_modules/reakit-utils/es/matches.js
/**
* Ponyfill for `Element.prototype.matches`
*
* @see https://developer.mozilla.org/en-US/docs/Web/API/Element/matches
*/
function matches(element, selectors) {
if ("matches" in element) return element.matches(selectors);
if ("msMatchesSelector" in element) return element.msMatchesSelector(selectors);
return element.webkitMatchesSelector(selectors);
}
// CONCATENATED MODULE: ./node_modules/reakit-utils/es/closest.js
/**
* Ponyfill for `Element.prototype.closest`
*
* @example
* import { closest } from "reakit-utils";
*
* closest(document.getElementById("id"), "div");
* // same as
* document.getElementById("id").closest("div");
*/
function closest(element, selectors) {
if ("closest" in element) return element.closest(selectors);
do {
if (matches(element, selectors)) return element;
element = element.parentElement || element.parentNode;
} while (element !== null && element.nodeType === 1);
return null;
}
// EXTERNAL MODULE: ./node_modules/reakit-utils/es/getActiveElement.js
var getActiveElement = __webpack_require__(57);
// CONCATENATED MODULE: ./node_modules/reakit-utils/es/tabbable.js
/** @module tabbable */
var selector = "input:not([type='hidden']):not([disabled]), select:not([disabled]), " + "textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], " + "iframe, object, embed, area[href], audio[controls], video[controls], " + "[contenteditable]:not([contenteditable='false'])";
function isVisible(element) {
return element.offsetWidth > 0 || element.offsetHeight > 0 || element.getClientRects().length > 0;
}
function hasNegativeTabIndex(element) {
var tabIndex = parseInt(element.getAttribute("tabindex") || "0", 10);
return tabIndex < 0;
}
/**
* Checks whether `element` is focusable or not.
*
* @memberof tabbable
*
* @example
* import { isFocusable } from "reakit-utils";
*
* isFocusable(document.querySelector("input")); // true
* isFocusable(document.querySelector("input[tabindex='-1']")); // true
* isFocusable(document.querySelector("input[hidden]")); // false
* isFocusable(document.querySelector("input:disabled")); // false
*/
function isFocusable(element) {
return matches(element, selector) && isVisible(element);
}
/**
* Checks whether `element` is tabbable or not.
*
* @memberof tabbable
*
* @example
* import { isTabbable } from "reakit-utils";
*
* isTabbable(document.querySelector("input")); // true
* isTabbable(document.querySelector("input[tabindex='-1']")); // false
* isTabbable(document.querySelector("input[hidden]")); // false
* isTabbable(document.querySelector("input:disabled")); // false
*/
function isTabbable(element) {
return isFocusable(element) && !hasNegativeTabIndex(element);
}
/**
* Returns all the focusable elements in `container`.
*
* @memberof tabbable
*
* @param {Element} container
*
* @returns {Element[]}
*/
function getAllFocusableIn(container) {
var allFocusable = Array.from(container.querySelectorAll(selector));
allFocusable.unshift(container);
return allFocusable.filter(isFocusable);
}
/**
* Returns the first focusable element in `container`.
*
* @memberof tabbable
*
* @param {Element} container
*
* @returns {Element|null}
*/
function getFirstFocusableIn(container) {
var allFocusable = getAllFocusableIn(container);
return allFocusable.length ? allFocusable[0] : null;
}
/**
* Returns all the tabbable elements in `container`, including the container
* itself.
*
* @memberof tabbable
*
* @param {Element} container
* @param fallbackToFocusable If `true`, it'll return focusable elements if there are no tabbable ones.
*
* @returns {Element[]}
*/
function getAllTabbableIn(container, fallbackToFocusable) {
var allFocusable = Array.from(container.querySelectorAll(selector));
var allTabbable = allFocusable.filter(isTabbable);
if (isTabbable(container)) {
allTabbable.unshift(container);
}
if (!allTabbable.length && fallbackToFocusable) {
return allFocusable;
}
return allTabbable;
}
/**
* Returns the first tabbable element in `container`, including the container
* itself if it's tabbable.
*
* @memberof tabbable
*
* @param {Element} container
* @param fallbackToFocusable If `true`, it'll return the first focusable element if there are no tabbable ones.
*
* @returns {Element|null}
*/
function getFirstTabbableIn(container, fallbackToFocusable) {
var _getAllTabbableIn = getAllTabbableIn(container, fallbackToFocusable),
first = _getAllTabbableIn[0];
return first || null;
}
/**
* Returns the last tabbable element in `container`, including the container
* itself if it's tabbable.
*
* @memberof tabbable
*
* @param {Element} container
* @param fallbackToFocusable If `true`, it'll return the last focusable element if there are no tabbable ones.
*
* @returns {Element|null}
*/
function getLastTabbableIn(container, fallbackToFocusable) {
var allTabbable = getAllTabbableIn(container, fallbackToFocusable);
return allTabbable[allTabbable.length - 1] || null;
}
/**
* Returns the next tabbable element in `container`.
*
* @memberof tabbable
*
* @param {Element} container
* @param fallbackToFocusable If `true`, it'll return the next focusable element if there are no tabbable ones.
*
* @returns {Element|null}
*/
function getNextTabbableIn(container, fallbackToFocusable) {
var activeElement = Object(getActiveElement["a" /* getActiveElement */])(container);
var allFocusable = getAllFocusableIn(container);
var index = allFocusable.indexOf(activeElement);
var slice = allFocusable.slice(index + 1);
return slice.find(isTabbable) || allFocusable.find(isTabbable) || (fallbackToFocusable ? slice[0] : null);
}
/**
* Returns the previous tabbable element in `container`.
*
* @memberof tabbable
*
* @param {Element} container
* @param fallbackToFocusable If `true`, it'll return the previous focusable element if there are no tabbable ones.
*
* @returns {Element|null}
*/
function getPreviousTabbableIn(container, fallbackToFocusable) {
var activeElement = Object(getActiveElement["a" /* getActiveElement */])(container);
var allFocusable = getAllFocusableIn(container).reverse();
var index = allFocusable.indexOf(activeElement);
var slice = allFocusable.slice(index + 1);
return slice.find(isTabbable) || allFocusable.find(isTabbable) || (fallbackToFocusable ? slice[0] : null);
}
/**
* Returns the closest focusable element.
*
* @memberof tabbable
*
* @param {Element} container
*
* @returns {Element|null}
*/
function getClosestFocusable(element) {
while (element && !isFocusable(element)) {
element = closest(element, selector);
}
return element;
}
function defaultIsActive(element) {
return Object(getActiveElement["a" /* getActiveElement */])(element) === element;
}
/**
* Ensures `element` will receive focus if it's not already.
*
* @memberof tabbable
*
* @example
* import { ensureFocus } from "reakit-utils";
*
* ensureFocus(document.activeElement); // does nothing
*
* const element = document.querySelector("input");
*
* ensureFocus(element); // focuses element
* ensureFocus(element, { preventScroll: true }); // focuses element preventing scroll jump
*
* function isActive(el) {
* return el.dataset.active === "true";
* }
*
* ensureFocus(document.querySelector("[data-active='true']"), { isActive }); // does nothing
*
* @returns {number} `requestAnimationFrame` call ID so it can be passed to `cancelAnimationFrame` if needed.
*/
function ensureFocus(element, _temp) {
var _ref = _temp === void 0 ? {} : _temp,
_ref$isActive = _ref.isActive,
isActive = _ref$isActive === void 0 ? defaultIsActive : _ref$isActive,
preventScroll = _ref.preventScroll;
if (isActive(element)) return -1;
element.focus({
preventScroll: preventScroll
});
if (isActive(element)) return -1;
return requestAnimationFrame(function () {
element.focus({
preventScroll: preventScroll
});
});
}
/***/ }),
/* 72 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ isPortalEvent; });
// CONCATENATED MODULE: ./node_modules/reakit-utils/es/contains.js
/**
* Similar to `Element.prototype.contains`.
*/
function contains(parent, child) {
return parent === child || parent.contains(child);
}
// CONCATENATED MODULE: ./node_modules/reakit-utils/es/isPortalEvent.js
/**
* Returns `true` if `event` has been fired within a React Portal element.
*/
function isPortalEvent(event) {
return !contains(event.currentTarget, event.target);
}
/***/ }),
/* 73 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* unused harmony export Tabbable */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useTabbable; });
/* harmony import */ var _rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
/* harmony import */ var reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49);
/* harmony import */ var reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(48);
/* harmony import */ var _Box_Box_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var reakit_utils_useForkRef__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(63);
/* harmony import */ var reakit_utils_isButton__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(70);
/* harmony import */ var reakit_warning__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(80);
/* harmony import */ var reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(46);
/* harmony import */ var reakit_utils_useIsomorphicEffect__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(59);
/* harmony import */ var reakit_utils_hasFocusWithin__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(69);
/* harmony import */ var reakit_utils_isPortalEvent__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(72);
/* harmony import */ var reakit_utils_getActiveElement__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(57);
/* harmony import */ var reakit_utils_tabbable__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(71);
function isUA(string) {
if (typeof window === "undefined") return false;
return window.navigator.userAgent.indexOf(string) !== -1;
}
var isSafariOrFirefoxOnMac = isUA("Mac") && !isUA("Chrome") && (isUA("Safari") || isUA("Firefox"));
function focusIfNeeded(element) {
if (!Object(reakit_utils_hasFocusWithin__WEBPACK_IMPORTED_MODULE_10__[/* hasFocusWithin */ "a"])(element)) {
element.focus();
}
} // Safari and Firefox on MacOS don't focus on buttons on mouse down like other
// browsers/platforms. Instead, they focus on the closest focusable ancestor
// element, which is ultimately the body element. So we make sure to give focus
// to the tabbable element on mouse down so it works consistently across
// browsers.
// istanbul ignore next
function useFocusOnMouseDown() {
if (!isSafariOrFirefoxOnMac) return undefined;
var _React$useState = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(null),
tabbable = _React$useState[0],
scheduleFocus = _React$useState[1];
Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () {
if (!tabbable) return;
focusIfNeeded(tabbable);
scheduleFocus(null);
}, [tabbable]);
var onMouseDown = Object(react__WEBPACK_IMPORTED_MODULE_4__["useCallback"])(function (event) {
var element = event.currentTarget;
if (Object(reakit_utils_isPortalEvent__WEBPACK_IMPORTED_MODULE_11__[/* isPortalEvent */ "a"])(event)) return;
if (!Object(reakit_utils_isButton__WEBPACK_IMPORTED_MODULE_6__[/* isButton */ "a"])(element)) return;
var activeElement = Object(reakit_utils_getActiveElement__WEBPACK_IMPORTED_MODULE_12__[/* getActiveElement */ "a"])(element);
if (!activeElement) return;
var activeElementIsBody = activeElement.tagName === "BODY";
var focusableAncestor = Object(reakit_utils_tabbable__WEBPACK_IMPORTED_MODULE_13__[/* getClosestFocusable */ "b"])(element.parentElement);
if (activeElement === focusableAncestor || activeElementIsBody && !focusableAncestor) {
// When the active element is the focusable ancestor, it'll not emit
// focus/blur events. After all, it's already focused. So we can't
// listen to those events to focus this tabbable element.
// When the active element is body and there's no focusable ancestor,
// we also don't have any other event to listen to since body never
// emits focus/blur events on itself.
// In both of these cases, we have to schedule focus on this tabbable
// element.
scheduleFocus(element);
} else if (focusableAncestor) {
// Clicking (mouse down) on the tabbable element on Safari and Firefox
// on MacOS will fire focus on the focusable ancestor element if
// there's any and if it's not the current active element. So we wait
// for this event to happen before moving focus to this element.
// Instead of moving focus right away, we have to schedule it,
// otherwise it's gonna prevent drag events from happening.
var onFocus = function onFocus() {
return scheduleFocus(element);
};
focusableAncestor.addEventListener("focusin", onFocus, {
once: true
});
} else {
// Finally, if there's no focsuable ancestor and there's another
// element with focus, we wait for that element to get blurred before
// focusing this one.
var onBlur = function onBlur() {
return focusIfNeeded(element);
};
activeElement.addEventListener("blur", onBlur, {
once: true
});
}
}, []);
return onMouseDown;
}
function isNativeTabbable(element) {
return element.tagName === "BUTTON" || element.tagName === "INPUT" || element.tagName === "SELECT" || element.tagName === "TEXTAREA" || element.tagName === "A" || element.tagName === "AUDIO" || element.tagName === "VIDEO";
}
var useTabbable = Object(reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__[/* createHook */ "a"])({
name: "Tabbable",
compose: _Box_Box_js__WEBPACK_IMPORTED_MODULE_3__[/* useBox */ "a"],
keys: ["disabled", "focusable"],
useOptions: function useOptions(options, _ref) {
var disabled = _ref.disabled;
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({
disabled: disabled
}, options);
},
useProps: function useProps(options, _ref2) {
var htmlRef = _ref2.ref,
htmlTabIndex = _ref2.tabIndex,
htmlOnClick = _ref2.onClick,
htmlOnMouseDown = _ref2.onMouseDown,
htmlStyle = _ref2.style,
htmlProps = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* _ */ "a"])(_ref2, ["ref", "tabIndex", "onClick", "onMouseDown", "style"]);
var ref = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])(null);
var onClickRef = Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_8__[/* useLiveRef */ "a"])(htmlOnClick);
var onMouseDownRef = Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_8__[/* useLiveRef */ "a"])(htmlOnMouseDown);
var trulyDisabled = options.disabled && !options.focusable;
var _React$useState2 = Object(react__WEBPACK_IMPORTED_MODULE_4__["useState"])(true),
nativeTabbable = _React$useState2[0],
setNativeTabbable = _React$useState2[1];
var tabIndex = nativeTabbable ? htmlTabIndex : htmlTabIndex || 0;
var style = options.disabled ? Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({
pointerEvents: "none"
}, htmlStyle) : htmlStyle;
var focusOnMouseDown = useFocusOnMouseDown();
Object(reakit_utils_useIsomorphicEffect__WEBPACK_IMPORTED_MODULE_9__[/* useIsomorphicEffect */ "a"])(function () {
var tabbable = ref.current;
if (!tabbable) {
false ? undefined : void 0;
return;
}
if (!isNativeTabbable(tabbable)) {
setNativeTabbable(false);
}
}, []);
var onClick = Object(react__WEBPACK_IMPORTED_MODULE_4__["useCallback"])(function (event) {
var _onClickRef$current;
if (options.disabled) {
event.stopPropagation();
event.preventDefault();
return;
}
(_onClickRef$current = onClickRef.current) === null || _onClickRef$current === void 0 ? void 0 : _onClickRef$current.call(onClickRef, event);
}, [options.disabled]);
var onMouseDown = Object(react__WEBPACK_IMPORTED_MODULE_4__["useCallback"])(function (event) {
var _onMouseDownRef$curre;
if (options.disabled) {
event.stopPropagation();
event.preventDefault();
return;
}
(_onMouseDownRef$curre = onMouseDownRef.current) === null || _onMouseDownRef$curre === void 0 ? void 0 : _onMouseDownRef$curre.call(onMouseDownRef, event);
if (event.defaultPrevented) return;
focusOnMouseDown === null || focusOnMouseDown === void 0 ? void 0 : focusOnMouseDown(event);
}, [options.disabled, focusOnMouseDown]);
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({
ref: Object(reakit_utils_useForkRef__WEBPACK_IMPORTED_MODULE_5__[/* useForkRef */ "a"])(ref, htmlRef),
style: style,
tabIndex: !trulyDisabled ? tabIndex : undefined,
disabled: trulyDisabled && nativeTabbable ? true : undefined,
"aria-disabled": options.disabled ? true : undefined,
onClick: onClick,
onMouseDown: onMouseDown
}, htmlProps);
}
});
var Tabbable = Object(reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__[/* createComponent */ "a"])({
as: "div",
useHook: useTabbable
});
/***/ }),
/* 74 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return SystemContext; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
var SystemContext = /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])({});
/***/ }),
/* 75 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["htmlEntities"]; }());
/***/ }),
/* 76 */,
/* 77 */,
/* 78 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useCreateElement; });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _SystemContext_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(74);
/* harmony import */ var _rollupPluginBabelHelpers_0c84a174_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(55);
function isRenderProp(children) {
return typeof children === "function";
}
/**
* Custom hook that will call `children` if it's a function. If
* `useCreateElement` has been passed to the context, it'll be used instead.
*
* @example
* import React from "react";
* import { SystemProvider, useCreateElement } from "reakit-system";
*
* const system = {
* useCreateElement(type, props, children = props.children) {
* // very similar to what `useCreateElement` does already
* if (typeof children === "function") {
* const { children: _, ...rest } = props;
* return children(rest);
* }
* return React.createElement(type, props, children);
* },
* };
*
* function Component(props) {
* return useCreateElement("div", props);
* }
*
* function App() {
* return (
*
* {({ url }) => link}
*
* );
* }
*/
var useCreateElement = function useCreateElement(type, props, children) {
if (children === void 0) {
children = props.children;
}
var context = Object(react__WEBPACK_IMPORTED_MODULE_0__["useContext"])(_SystemContext_js__WEBPACK_IMPORTED_MODULE_1__[/* SystemContext */ "a"]);
if (context.useCreateElement) {
return context.useCreateElement(type, props, children);
}
if (typeof type === "string" && isRenderProp(children)) {
var _ = props.children,
rest = Object(_rollupPluginBabelHelpers_0c84a174_js__WEBPACK_IMPORTED_MODULE_2__[/* a */ "b"])(props, ["children"]);
return children(rest);
}
return /*#__PURE__*/Object(react__WEBPACK_IMPORTED_MODULE_0__["createElement"])(type, props, children);
};
/***/ }),
/* 79 */,
/* 80 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// UNUSED EXPORTS: warning, useWarning
// EXTERNAL MODULE: ./node_modules/reakit-warning/es/warning.js
var warning = __webpack_require__(106);
// EXTERNAL MODULE: external {"this":"React"}
var external_this_React_ = __webpack_require__(13);
// CONCATENATED MODULE: ./node_modules/reakit-utils/es/isObject.js
/**
* Checks whether `arg` is an object or not.
*
* @returns {boolean}
*/
function isObject(arg) {
return typeof arg === "object" && arg != null;
}
// CONCATENATED MODULE: ./node_modules/reakit-warning/es/useWarning.js
function isRefObject(ref) {
return isObject(ref) && "current" in ref;
}
/**
* Logs `messages` to the console using `console.warn` based on a `condition`.
* This should be used inside components.
*/
function useWarning(condition) {
for (var _len = arguments.length, messages = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
messages[_key - 1] = arguments[_key];
}
if (false) {}
}
// CONCATENATED MODULE: ./node_modules/reakit-warning/es/index.js
/***/ }),
/* 81 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["viewport"]; }());
/***/ }),
/* 82 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createOnKeyDown; });
/**
* Returns an `onKeyDown` handler to be passed to a component.
*
* @param options
*/
function createOnKeyDown(_temp) {
var _ref = _temp === void 0 ? {} : _temp,
keyMap = _ref.keyMap,
onKey = _ref.onKey,
stopPropagation = _ref.stopPropagation,
onKeyDown = _ref.onKeyDown,
_ref$shouldKeyDown = _ref.shouldKeyDown,
shouldKeyDown = _ref$shouldKeyDown === void 0 ? function () {
return true;
} : _ref$shouldKeyDown,
_ref$preventDefault = _ref.preventDefault,
preventDefault = _ref$preventDefault === void 0 ? true : _ref$preventDefault;
return function (event) {
if (!keyMap) return;
var finalKeyMap = typeof keyMap === "function" ? keyMap(event) : keyMap;
var shouldPreventDefault = typeof preventDefault === "function" ? preventDefault(event) : preventDefault;
var shouldStopPropagation = typeof stopPropagation === "function" ? stopPropagation(event) : stopPropagation;
if (event.key in finalKeyMap) {
var action = finalKeyMap[event.key];
if (typeof action === "function" && shouldKeyDown(event)) {
if (shouldPreventDefault) event.preventDefault();
if (shouldStopPropagation) event.stopPropagation();
if (onKey) onKey(event);
action(event); // Prevent onKeyDown from being called twice for the same keys
return;
}
}
if (onKeyDown && "current" in onKeyDown) {
var _onKeyDown$current;
(_onKeyDown$current = onKeyDown.current) === null || _onKeyDown$current === void 0 ? void 0 : _onKeyDown$current.call(onKeyDown, event);
} else {
onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
}
};
}
/***/ }),
/* 83 */,
/* 84 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* unused harmony export Clickable */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return useClickable; });
/* harmony import */ var _rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
/* harmony import */ var reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49);
/* harmony import */ var reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(48);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var reakit_utils_isButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(70);
/* harmony import */ var reakit_warning__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80);
/* harmony import */ var reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(46);
/* harmony import */ var reakit_utils_isSelfTarget__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(53);
/* harmony import */ var _Tabbable_Tabbable_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(73);
function isNativeClick(event) {
var element = event.currentTarget;
if (!event.isTrusted) return false; // istanbul ignore next: can't test trusted events yet
return Object(reakit_utils_isButton__WEBPACK_IMPORTED_MODULE_4__[/* isButton */ "a"])(element) || element.tagName === "INPUT" || element.tagName === "TEXTAREA" || element.tagName === "A" || element.tagName === "SELECT";
}
var useClickable = Object(reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__[/* createHook */ "a"])({
name: "Clickable",
compose: _Tabbable_Tabbable_js__WEBPACK_IMPORTED_MODULE_8__[/* useTabbable */ "a"],
keys: ["unstable_clickOnEnter", "unstable_clickOnSpace"],
useOptions: function useOptions(_ref) {
var _ref$unstable_clickOn = _ref.unstable_clickOnEnter,
unstable_clickOnEnter = _ref$unstable_clickOn === void 0 ? true : _ref$unstable_clickOn,
_ref$unstable_clickOn2 = _ref.unstable_clickOnSpace,
unstable_clickOnSpace = _ref$unstable_clickOn2 === void 0 ? true : _ref$unstable_clickOn2,
options = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* _ */ "a"])(_ref, ["unstable_clickOnEnter", "unstable_clickOnSpace"]);
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({
unstable_clickOnEnter: unstable_clickOnEnter,
unstable_clickOnSpace: unstable_clickOnSpace
}, options);
},
useProps: function useProps(options, _ref2) {
var htmlOnKeyDown = _ref2.onKeyDown,
htmlOnKeyUp = _ref2.onKeyUp,
htmlProps = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* _ */ "a"])(_ref2, ["onKeyDown", "onKeyUp"]);
var _React$useState = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(false),
active = _React$useState[0],
setActive = _React$useState[1];
var onKeyDownRef = Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_6__[/* useLiveRef */ "a"])(htmlOnKeyDown);
var onKeyUpRef = Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_6__[/* useLiveRef */ "a"])(htmlOnKeyUp);
var onKeyDown = Object(react__WEBPACK_IMPORTED_MODULE_3__["useCallback"])(function (event) {
var _onKeyDownRef$current;
(_onKeyDownRef$current = onKeyDownRef.current) === null || _onKeyDownRef$current === void 0 ? void 0 : _onKeyDownRef$current.call(onKeyDownRef, event);
if (event.defaultPrevented) return;
if (options.disabled) return;
if (event.metaKey) return;
if (!Object(reakit_utils_isSelfTarget__WEBPACK_IMPORTED_MODULE_7__[/* isSelfTarget */ "a"])(event)) return;
var isEnter = options.unstable_clickOnEnter && event.key === "Enter";
var isSpace = options.unstable_clickOnSpace && event.key === " ";
if (isEnter || isSpace) {
if (isNativeClick(event)) return;
event.preventDefault();
if (isEnter) {
event.currentTarget.click();
} else if (isSpace) {
setActive(true);
}
}
}, [options.disabled, options.unstable_clickOnEnter, options.unstable_clickOnSpace]);
var onKeyUp = Object(react__WEBPACK_IMPORTED_MODULE_3__["useCallback"])(function (event) {
var _onKeyUpRef$current;
(_onKeyUpRef$current = onKeyUpRef.current) === null || _onKeyUpRef$current === void 0 ? void 0 : _onKeyUpRef$current.call(onKeyUpRef, event);
if (event.defaultPrevented) return;
if (options.disabled) return;
if (event.metaKey) return;
var isSpace = options.unstable_clickOnSpace && event.key === " ";
if (active && isSpace) {
setActive(false);
event.currentTarget.click();
}
}, [options.disabled, options.unstable_clickOnSpace, active]);
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({
"data-active": active || undefined,
onKeyDown: onKeyDown,
onKeyUp: onKeyUp
}, htmlProps);
}
});
var Clickable = Object(reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__[/* createComponent */ "a"])({
as: "button",
memo: true,
useHook: useClickable
});
/***/ }),
/* 85 */,
/* 86 */,
/* 87 */,
/* 88 */,
/* 89 */,
/* 90 */,
/* 91 */,
/* 92 */,
/* 93 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* unused harmony export unstable_Id */
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return unstable_useId; });
/* harmony import */ var _rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
/* harmony import */ var reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49);
/* harmony import */ var reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(48);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _IdProvider_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(68);
/* harmony import */ var _IdState_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(65);
var unstable_useId = Object(reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__[/* createHook */ "a"])({
useState: _IdState_js__WEBPACK_IMPORTED_MODULE_5__[/* unstable_useIdState */ "a"],
keys: ["id"],
useOptions: function useOptions(options, htmlProps) {
var generateId = Object(react__WEBPACK_IMPORTED_MODULE_3__["useContext"])(_IdProvider_js__WEBPACK_IMPORTED_MODULE_4__[/* unstable_IdContext */ "a"]);
var _React$useState = Object(react__WEBPACK_IMPORTED_MODULE_3__["useState"])(function () {
// This comes from useIdState
if (options.unstable_idCountRef) {
options.unstable_idCountRef.current += 1;
return "-" + options.unstable_idCountRef.current;
} // If there's no useIdState, we check if `baseId` was passed (as a prop,
// not from useIdState).
if (options.baseId) {
return "-" + generateId("");
}
return "";
}),
suffix = _React$useState[0]; // `baseId` will be the prop passed directly as a prop or via useIdState.
// If there's neither, then it'll fallback to Context's generateId.
// This generateId can result in a sequential ID (if there's a Provider)
// or a random string (without Provider).
var baseId = Object(react__WEBPACK_IMPORTED_MODULE_3__["useMemo"])(function () {
return options.baseId || generateId();
}, [options.baseId, generateId]);
var id = htmlProps.id || options.id || "" + baseId + suffix;
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, options), {}, {
id: id
});
},
useProps: function useProps(options, htmlProps) {
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({
id: options.id
}, htmlProps);
}
});
var unstable_Id = Object(reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__[/* createComponent */ "a"])({
as: "div",
useHook: unstable_useId
});
/***/ }),
/* 94 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return fireEvent; });
/* harmony import */ var _createEvent_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(122);
/**
* Creates and dispatches `Event` in a way that also works on IE 11.
*
* @example
* import { fireEvent } from "reakit-utils";
*
* fireEvent(document.getElementById("id"), "blur", {
* bubbles: true,
* cancelable: true,
* });
*/
function fireEvent(element, type, eventInit) {
return element.dispatchEvent(Object(_createEvent_js__WEBPACK_IMPORTED_MODULE_0__[/* createEvent */ "a"])(element, type, eventInit));
}
/***/ }),
/* 95 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return isTextField; });
/**
* Check whether the given element is a text field, where text field is defined
* by the ability to select within the input, or that it is contenteditable.
*/
function isTextField(element) {
try {
var isTextInput = element instanceof HTMLInputElement && element.selectionStart !== null;
var isTextArea = element.tagName === "TEXTAREA";
var isContentEditable = element.contentEditable === "true";
return isTextInput || isTextArea || isContentEditable || false;
} catch (error) {
// Safari throws an exception when trying to get `selectionStart`
// on non-text elements (which, understandably, don't
// have the text selection API). We catch this via a try/catch
// block, as opposed to a more explicit check of the element's
// input types, because of Safari's non-standard behavior. This
// also means we don't have to worry about the list of input
// types that support `selectionStart` changing as the HTML spec
// evolves over time.
return false;
}
}
/***/ }),
/* 96 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return setTextFieldValue; });
function setTextFieldValue(element, value) {
element.value = value;
}
/***/ }),
/* 97 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
var TextareaAutosize_1 = __webpack_require__(172);
exports["default"] = TextareaAutosize_1["default"];
/***/ }),
/* 98 */,
/* 99 */,
/* 100 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["notices"]; }());
/***/ }),
/* 101 */,
/* 102 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, "a", function() { return /* binding */ fireKeyboardEvent; });
// EXTERNAL MODULE: ./node_modules/reakit-utils/es/getDocument.js
var getDocument = __webpack_require__(47);
// CONCATENATED MODULE: ./node_modules/reakit-utils/es/getDefaultView.js
/**
* Returns `element.ownerDocument.defaultView || window`.
*/
function getDefaultView(element) {
return Object(getDocument["a" /* getDocument */])(element).defaultView || window;
}
// CONCATENATED MODULE: ./node_modules/reakit-utils/es/createKeyboardEvent.js
/**
* Creates a `KeyboardEvent` in a way that also works on IE 11.
*
* @example
* import { createKeyboardEvent } from "reakit-utils";
*
* const el = document.getElementById("id");
* el.dispatchEvent(createKeyboardEvent(el, "keydown", { key: "ArrowDown" }));
*/
function createKeyboardEvent(element, type, eventInit) {
if (eventInit === void 0) {
eventInit = {};
}
if (typeof KeyboardEvent === "function") {
return new KeyboardEvent(type, eventInit);
} // IE 11 doesn't support Event constructors
var event = Object(getDocument["a" /* getDocument */])(element).createEvent("KeyboardEvent");
event.initKeyboardEvent(type, eventInit.bubbles, eventInit.cancelable, getDefaultView(element), eventInit.key, eventInit.location, eventInit.ctrlKey, eventInit.altKey, eventInit.shiftKey, eventInit.metaKey);
return event;
}
// CONCATENATED MODULE: ./node_modules/reakit-utils/es/fireKeyboardEvent.js
/**
* Creates and dispatches `KeyboardEvent` in a way that also works on IE 11.
*
* @example
* import { fireKeyboardEvent } from "reakit-utils";
*
* fireKeyboardEvent(document.getElementById("id"), "keydown", {
* key: "ArrowDown",
* shiftKey: true,
* });
*/
function fireKeyboardEvent(element, type, eventInit) {
return element.dispatchEvent(createKeyboardEvent(element, type, eventInit));
}
/***/ }),
/* 103 */,
/* 104 */,
/* 105 */,
/* 106 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* unused harmony export warning */
/**
* Logs `messages` to the console using `console.warn` based on a `condition`.
*
* @example
* import { warning } from "reakit-warning";
*
* warning(true, "a", "b"); // console.warn("a", "\n", "b")
* warning(false, "a", "b"); // does nothing
*/
function warning(condition) {
if (false) { var warns, _len, messages, _key, _console; }
}
/***/ }),
/* 107 */,
/* 108 */,
/* 109 */,
/* 110 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
function flattenIntoMap( map, effects ) {
var i;
if ( Array.isArray( effects ) ) {
for ( i = 0; i < effects.length; i++ ) {
flattenIntoMap( map, effects[ i ] );
}
} else {
for ( i in effects ) {
map[ i ] = ( map[ i ] || [] ).concat( effects[ i ] );
}
}
}
function refx( effects ) {
var map = {},
middleware;
flattenIntoMap( map, effects );
middleware = function( store ) {
return function( next ) {
return function( action ) {
var handlers = map[ action.type ],
result = next( action ),
i, handlerAction;
if ( handlers ) {
for ( i = 0; i < handlers.length; i++ ) {
handlerAction = handlers[ i ]( action, store );
if ( handlerAction ) {
store.dispatch( handlerAction );
}
}
}
return result;
};
};
};
middleware.effects = map;
return middleware;
}
module.exports = refx;
/***/ }),
/* 111 */,
/* 112 */,
/* 113 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, '__esModule', { value: true });
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var _extends = _interopDefault(__webpack_require__(169));
var _objectWithoutPropertiesLoose = _interopDefault(__webpack_require__(170));
var React = __webpack_require__(13);
var React__default = _interopDefault(React);
var _inheritsLoose = _interopDefault(__webpack_require__(145));
var _assertThisInitialized = _interopDefault(__webpack_require__(171));
var is = {
arr: Array.isArray,
obj: function obj(a) {
return Object.prototype.toString.call(a) === '[object Object]';
},
fun: function fun(a) {
return typeof a === 'function';
},
str: function str(a) {
return typeof a === 'string';
},
num: function num(a) {
return typeof a === 'number';
},
und: function und(a) {
return a === void 0;
},
nul: function nul(a) {
return a === null;
},
set: function set(a) {
return a instanceof Set;
},
map: function map(a) {
return a instanceof Map;
},
equ: function equ(a, b) {
if (typeof a !== typeof b) return false;
if (is.str(a) || is.num(a)) return a === b;
if (is.obj(a) && is.obj(b) && Object.keys(a).length + Object.keys(b).length === 0) return true;
var i;
for (i in a) {
if (!(i in b)) return false;
}
for (i in b) {
if (a[i] !== b[i]) return false;
}
return is.und(i) ? a === b : true;
}
};
function merge(target, lowercase) {
if (lowercase === void 0) {
lowercase = true;
}
return function (object) {
return (is.arr(object) ? object : Object.keys(object)).reduce(function (acc, element) {
var key = lowercase ? element[0].toLowerCase() + element.substring(1) : element;
acc[key] = target(key);
return acc;
}, target);
};
}
function useForceUpdate() {
var _useState = React.useState(false),
f = _useState[1];
var forceUpdate = React.useCallback(function () {
return f(function (v) {
return !v;
});
}, []);
return forceUpdate;
}
function withDefault(value, defaultValue) {
return is.und(value) || is.nul(value) ? defaultValue : value;
}
function toArray(a) {
return !is.und(a) ? is.arr(a) ? a : [a] : [];
}
function callProp(obj) {
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
args[_key - 1] = arguments[_key];
}
return is.fun(obj) ? obj.apply(void 0, args) : obj;
}
function getForwardProps(props) {
var to = props.to,
from = props.from,
config = props.config,
onStart = props.onStart,
onRest = props.onRest,
onFrame = props.onFrame,
children = props.children,
reset = props.reset,
reverse = props.reverse,
force = props.force,
immediate = props.immediate,
delay = props.delay,
attach = props.attach,
destroyed = props.destroyed,
interpolateTo = props.interpolateTo,
ref = props.ref,
lazy = props.lazy,
forward = _objectWithoutPropertiesLoose(props, ["to", "from", "config", "onStart", "onRest", "onFrame", "children", "reset", "reverse", "force", "immediate", "delay", "attach", "destroyed", "interpolateTo", "ref", "lazy"]);
return forward;
}
function interpolateTo(props) {
var forward = getForwardProps(props);
if (is.und(forward)) return _extends({
to: forward
}, props);
var rest = Object.keys(props).reduce(function (a, k) {
var _extends2;
return !is.und(forward[k]) ? a : _extends({}, a, (_extends2 = {}, _extends2[k] = props[k], _extends2));
}, {});
return _extends({
to: forward
}, rest);
}
function handleRef(ref, forward) {
if (forward) {
// If it's a function, assume it's a ref callback
if (is.fun(forward)) forward(ref);else if (is.obj(forward)) {
forward.current = ref;
}
}
return ref;
}
var Animated =
/*#__PURE__*/
function () {
function Animated() {
this.payload = void 0;
this.children = [];
}
var _proto = Animated.prototype;
_proto.getAnimatedValue = function getAnimatedValue() {
return this.getValue();
};
_proto.getPayload = function getPayload() {
return this.payload || this;
};
_proto.attach = function attach() {};
_proto.detach = function detach() {};
_proto.getChildren = function getChildren() {
return this.children;
};
_proto.addChild = function addChild(child) {
if (this.children.length === 0) this.attach();
this.children.push(child);
};
_proto.removeChild = function removeChild(child) {
var index = this.children.indexOf(child);
this.children.splice(index, 1);
if (this.children.length === 0) this.detach();
};
return Animated;
}();
var AnimatedArray =
/*#__PURE__*/
function (_Animated) {
_inheritsLoose(AnimatedArray, _Animated);
function AnimatedArray() {
var _this;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _Animated.call.apply(_Animated, [this].concat(args)) || this;
_this.payload = [];
_this.attach = function () {
return _this.payload.forEach(function (p) {
return p instanceof Animated && p.addChild(_assertThisInitialized(_this));
});
};
_this.detach = function () {
return _this.payload.forEach(function (p) {
return p instanceof Animated && p.removeChild(_assertThisInitialized(_this));
});
};
return _this;
}
return AnimatedArray;
}(Animated);
var AnimatedObject =
/*#__PURE__*/
function (_Animated2) {
_inheritsLoose(AnimatedObject, _Animated2);
function AnimatedObject() {
var _this2;
for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
args[_key3] = arguments[_key3];
}
_this2 = _Animated2.call.apply(_Animated2, [this].concat(args)) || this;
_this2.payload = {};
_this2.attach = function () {
return Object.values(_this2.payload).forEach(function (s) {
return s instanceof Animated && s.addChild(_assertThisInitialized(_this2));
});
};
_this2.detach = function () {
return Object.values(_this2.payload).forEach(function (s) {
return s instanceof Animated && s.removeChild(_assertThisInitialized(_this2));
});
};
return _this2;
}
var _proto2 = AnimatedObject.prototype;
_proto2.getValue = function getValue(animated) {
if (animated === void 0) {
animated = false;
}
var payload = {};
for (var _key4 in this.payload) {
var value = this.payload[_key4];
if (animated && !(value instanceof Animated)) continue;
payload[_key4] = value instanceof Animated ? value[animated ? 'getAnimatedValue' : 'getValue']() : value;
}
return payload;
};
_proto2.getAnimatedValue = function getAnimatedValue() {
return this.getValue(true);
};
return AnimatedObject;
}(Animated);
var applyAnimatedValues;
function injectApplyAnimatedValues(fn, transform) {
applyAnimatedValues = {
fn: fn,
transform: transform
};
}
var colorNames;
function injectColorNames(names) {
colorNames = names;
}
var requestFrame = function requestFrame(cb) {
return typeof window !== 'undefined' ? window.requestAnimationFrame(cb) : -1;
};
var cancelFrame = function cancelFrame(id) {
typeof window !== 'undefined' && window.cancelAnimationFrame(id);
};
function injectFrame(raf, caf) {
requestFrame = raf;
cancelFrame = caf;
}
var interpolation;
function injectStringInterpolator(fn) {
interpolation = fn;
}
var now = function now() {
return Date.now();
};
function injectNow(nowFn) {
now = nowFn;
}
var defaultElement;
function injectDefaultElement(el) {
defaultElement = el;
}
var animatedApi = function animatedApi(node) {
return node.current;
};
function injectAnimatedApi(fn) {
animatedApi = fn;
}
var createAnimatedStyle;
function injectCreateAnimatedStyle(factory) {
createAnimatedStyle = factory;
}
var manualFrameloop;
function injectManualFrameloop(callback) {
manualFrameloop = callback;
}
var Globals = /*#__PURE__*/Object.freeze({
get applyAnimatedValues () { return applyAnimatedValues; },
injectApplyAnimatedValues: injectApplyAnimatedValues,
get colorNames () { return colorNames; },
injectColorNames: injectColorNames,
get requestFrame () { return requestFrame; },
get cancelFrame () { return cancelFrame; },
injectFrame: injectFrame,
get interpolation () { return interpolation; },
injectStringInterpolator: injectStringInterpolator,
get now () { return now; },
injectNow: injectNow,
get defaultElement () { return defaultElement; },
injectDefaultElement: injectDefaultElement,
get animatedApi () { return animatedApi; },
injectAnimatedApi: injectAnimatedApi,
get createAnimatedStyle () { return createAnimatedStyle; },
injectCreateAnimatedStyle: injectCreateAnimatedStyle,
get manualFrameloop () { return manualFrameloop; },
injectManualFrameloop: injectManualFrameloop
});
/**
* Wraps the `style` property with `AnimatedStyle`.
*/
var AnimatedProps =
/*#__PURE__*/
function (_AnimatedObject) {
_inheritsLoose(AnimatedProps, _AnimatedObject);
function AnimatedProps(props, callback) {
var _this;
_this = _AnimatedObject.call(this) || this;
_this.update = void 0;
_this.payload = !props.style ? props : _extends({}, props, {
style: createAnimatedStyle(props.style)
});
_this.update = callback;
_this.attach();
return _this;
}
return AnimatedProps;
}(AnimatedObject);
var isFunctionComponent = function isFunctionComponent(val) {
return is.fun(val) && !(val.prototype instanceof React__default.Component);
};
var createAnimatedComponent = function createAnimatedComponent(Component) {
var AnimatedComponent = React.forwardRef(function (props, ref) {
var forceUpdate = useForceUpdate();
var mounted = React.useRef(true);
var propsAnimated = React.useRef(null);
var node = React.useRef(null);
var attachProps = React.useCallback(function (props) {
var oldPropsAnimated = propsAnimated.current;
var callback = function callback() {
var didUpdate = false;
if (node.current) {
didUpdate = applyAnimatedValues.fn(node.current, propsAnimated.current.getAnimatedValue());
}
if (!node.current || didUpdate === false) {
// If no referenced node has been found, or the update target didn't have a
// native-responder, then forceUpdate the animation ...
forceUpdate();
}
};
propsAnimated.current = new AnimatedProps(props, callback);
oldPropsAnimated && oldPropsAnimated.detach();
}, []);
React.useEffect(function () {
return function () {
mounted.current = false;
propsAnimated.current && propsAnimated.current.detach();
};
}, []);
React.useImperativeHandle(ref, function () {
return animatedApi(node, mounted, forceUpdate);
});
attachProps(props);
var _getValue = propsAnimated.current.getValue(),
scrollTop = _getValue.scrollTop,
scrollLeft = _getValue.scrollLeft,
animatedProps = _objectWithoutPropertiesLoose(_getValue, ["scrollTop", "scrollLeft"]); // Functions cannot have refs, see:
// See: https://github.com/react-spring/react-spring/issues/569
var refFn = isFunctionComponent(Component) ? undefined : function (childRef) {
return node.current = handleRef(childRef, ref);
};
return React__default.createElement(Component, _extends({}, animatedProps, {
ref: refFn
}));
});
return AnimatedComponent;
};
var active = false;
var controllers = new Set();
var update = function update() {
if (!active) return false;
var time = now();
for (var _iterator = controllers, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
var _ref;
if (_isArray) {
if (_i >= _iterator.length) break;
_ref = _iterator[_i++];
} else {
_i = _iterator.next();
if (_i.done) break;
_ref = _i.value;
}
var controller = _ref;
var isActive = false;
for (var configIdx = 0; configIdx < controller.configs.length; configIdx++) {
var config = controller.configs[configIdx];
var endOfAnimation = void 0,
lastTime = void 0;
for (var valIdx = 0; valIdx < config.animatedValues.length; valIdx++) {
var animation = config.animatedValues[valIdx]; // If an animation is done, skip, until all of them conclude
if (animation.done) continue;
var from = config.fromValues[valIdx];
var to = config.toValues[valIdx];
var position = animation.lastPosition;
var isAnimated = to instanceof Animated;
var velocity = Array.isArray(config.initialVelocity) ? config.initialVelocity[valIdx] : config.initialVelocity;
if (isAnimated) to = to.getValue(); // Conclude animation if it's either immediate, or from-values match end-state
if (config.immediate) {
animation.setValue(to);
animation.done = true;
continue;
} // Break animation when string values are involved
if (typeof from === 'string' || typeof to === 'string') {
animation.setValue(to);
animation.done = true;
continue;
}
if (config.duration !== void 0) {
/** Duration easing */
position = from + config.easing((time - animation.startTime) / config.duration) * (to - from);
endOfAnimation = time >= animation.startTime + config.duration;
} else if (config.decay) {
/** Decay easing */
position = from + velocity / (1 - 0.998) * (1 - Math.exp(-(1 - 0.998) * (time - animation.startTime)));
endOfAnimation = Math.abs(animation.lastPosition - position) < 0.1;
if (endOfAnimation) to = position;
} else {
/** Spring easing */
lastTime = animation.lastTime !== void 0 ? animation.lastTime : time;
velocity = animation.lastVelocity !== void 0 ? animation.lastVelocity : config.initialVelocity; // If we lost a lot of frames just jump to the end.
if (time > lastTime + 64) lastTime = time; // http://gafferongames.com/game-physics/fix-your-timestep/
var numSteps = Math.floor(time - lastTime);
for (var i = 0; i < numSteps; ++i) {
var force = -config.tension * (position - to);
var damping = -config.friction * velocity;
var acceleration = (force + damping) / config.mass;
velocity = velocity + acceleration * 1 / 1000;
position = position + velocity * 1 / 1000;
} // Conditions for stopping the spring animation
var isOvershooting = config.clamp && config.tension !== 0 ? from < to ? position > to : position < to : false;
var isVelocity = Math.abs(velocity) <= config.precision;
var isDisplacement = config.tension !== 0 ? Math.abs(to - position) <= config.precision : true;
endOfAnimation = isOvershooting || isVelocity && isDisplacement;
animation.lastVelocity = velocity;
animation.lastTime = time;
} // Trails aren't done until their parents conclude
if (isAnimated && !config.toValues[valIdx].done) endOfAnimation = false;
if (endOfAnimation) {
// Ensure that we end up with a round value
if (animation.value !== to) position = to;
animation.done = true;
} else isActive = true;
animation.setValue(position);
animation.lastPosition = position;
} // Keep track of updated values only when necessary
if (controller.props.onFrame) controller.values[config.name] = config.interpolation.getValue();
} // Update callbacks in the end of the frame
if (controller.props.onFrame) controller.props.onFrame(controller.values); // Either call onEnd or next frame
if (!isActive) {
controllers.delete(controller);
controller.stop(true);
}
} // Loop over as long as there are controllers ...
if (controllers.size) {
if (manualFrameloop) manualFrameloop();else requestFrame(update);
} else {
active = false;
}
return active;
};
var start = function start(controller) {
if (!controllers.has(controller)) controllers.add(controller);
if (!active) {
active = true;
if (manualFrameloop) requestFrame(manualFrameloop);else requestFrame(update);
}
};
var stop = function stop(controller) {
if (controllers.has(controller)) controllers.delete(controller);
};
function createInterpolator(range, output, extrapolate) {
if (typeof range === 'function') {
return range;
}
if (Array.isArray(range)) {
return createInterpolator({
range: range,
output: output,
extrapolate: extrapolate
});
}
if (interpolation && typeof range.output[0] === 'string') {
return interpolation(range);
}
var config = range;
var outputRange = config.output;
var inputRange = config.range || [0, 1];
var extrapolateLeft = config.extrapolateLeft || config.extrapolate || 'extend';
var extrapolateRight = config.extrapolateRight || config.extrapolate || 'extend';
var easing = config.easing || function (t) {
return t;
};
return function (input) {
var range = findRange(input, inputRange);
return interpolate(input, inputRange[range], inputRange[range + 1], outputRange[range], outputRange[range + 1], easing, extrapolateLeft, extrapolateRight, config.map);
};
}
function interpolate(input, inputMin, inputMax, outputMin, outputMax, easing, extrapolateLeft, extrapolateRight, map) {
var result = map ? map(input) : input; // Extrapolate
if (result < inputMin) {
if (extrapolateLeft === 'identity') return result;else if (extrapolateLeft === 'clamp') result = inputMin;
}
if (result > inputMax) {
if (extrapolateRight === 'identity') return result;else if (extrapolateRight === 'clamp') result = inputMax;
}
if (outputMin === outputMax) return outputMin;
if (inputMin === inputMax) return input <= inputMin ? outputMin : outputMax; // Input Range
if (inputMin === -Infinity) result = -result;else if (inputMax === Infinity) result = result - inputMin;else result = (result - inputMin) / (inputMax - inputMin); // Easing
result = easing(result); // Output Range
if (outputMin === -Infinity) result = -result;else if (outputMax === Infinity) result = result + outputMin;else result = result * (outputMax - outputMin) + outputMin;
return result;
}
function findRange(input, inputRange) {
for (var i = 1; i < inputRange.length - 1; ++i) {
if (inputRange[i] >= input) break;
}
return i - 1;
}
var AnimatedInterpolation =
/*#__PURE__*/
function (_AnimatedArray) {
_inheritsLoose(AnimatedInterpolation, _AnimatedArray);
function AnimatedInterpolation(parents, range, output, extrapolate) {
var _this;
_this = _AnimatedArray.call(this) || this;
_this.calc = void 0;
_this.payload = parents instanceof AnimatedArray && !(parents instanceof AnimatedInterpolation) ? parents.getPayload() : Array.isArray(parents) ? parents : [parents];
_this.calc = createInterpolator(range, output, extrapolate);
return _this;
}
var _proto = AnimatedInterpolation.prototype;
_proto.getValue = function getValue() {
return this.calc.apply(this, this.payload.map(function (value) {
return value.getValue();
}));
};
_proto.updateConfig = function updateConfig(range, output, extrapolate) {
this.calc = createInterpolator(range, output, extrapolate);
};
_proto.interpolate = function interpolate(range, output, extrapolate) {
return new AnimatedInterpolation(this, range, output, extrapolate);
};
return AnimatedInterpolation;
}(AnimatedArray);
var interpolate$1 = function interpolate(parents, range, output) {
return parents && new AnimatedInterpolation(parents, range, output);
};
var config = {
default: {
tension: 170,
friction: 26
},
gentle: {
tension: 120,
friction: 14
},
wobbly: {
tension: 180,
friction: 12
},
stiff: {
tension: 210,
friction: 20
},
slow: {
tension: 280,
friction: 60
},
molasses: {
tension: 280,
friction: 120
}
};
/** API
* useChain(references, timeSteps, timeFrame)
*/
function useChain(refs, timeSteps, timeFrame) {
if (timeFrame === void 0) {
timeFrame = 1000;
}
var previous = React.useRef();
React.useEffect(function () {
if (is.equ(refs, previous.current)) refs.forEach(function (_ref) {
var current = _ref.current;
return current && current.start();
});else if (timeSteps) {
refs.forEach(function (_ref2, index) {
var current = _ref2.current;
if (current) {
var ctrls = current.controllers;
if (ctrls.length) {
var t = timeFrame * timeSteps[index];
ctrls.forEach(function (ctrl) {
ctrl.queue = ctrl.queue.map(function (e) {
return _extends({}, e, {
delay: e.delay + t
});
});
ctrl.start();
});
}
}
});
} else refs.reduce(function (q, _ref3, rI) {
var current = _ref3.current;
return q = q.then(function () {
return current.start();
});
}, Promise.resolve());
previous.current = refs;
});
}
/**
* Animated works by building a directed acyclic graph of dependencies
* transparently when you render your Animated components.
*
* new Animated.Value(0)
* .interpolate() .interpolate() new Animated.Value(1)
* opacity translateY scale
* style transform
* View#234 style
* View#123
*
* A) Top Down phase
* When an AnimatedValue is updated, we recursively go down through this
* graph in order to find leaf nodes: the views that we flag as needing
* an update.
*
* B) Bottom Up phase
* When a view is flagged as needing an update, we recursively go back up
* in order to build the new value that it needs. The reason why we need
* this two-phases process is to deal with composite props such as
* transform which can receive values from multiple parents.
*/
function addAnimatedStyles(node, styles) {
if ('update' in node) {
styles.add(node);
} else {
node.getChildren().forEach(function (child) {
return addAnimatedStyles(child, styles);
});
}
}
var AnimatedValue =
/*#__PURE__*/
function (_Animated) {
_inheritsLoose(AnimatedValue, _Animated);
function AnimatedValue(_value) {
var _this;
_this = _Animated.call(this) || this;
_this.animatedStyles = new Set();
_this.value = void 0;
_this.startPosition = void 0;
_this.lastPosition = void 0;
_this.lastVelocity = void 0;
_this.startTime = void 0;
_this.lastTime = void 0;
_this.done = false;
_this.setValue = function (value, flush) {
if (flush === void 0) {
flush = true;
}
_this.value = value;
if (flush) _this.flush();
};
_this.value = _value;
_this.startPosition = _value;
_this.lastPosition = _value;
return _this;
}
var _proto = AnimatedValue.prototype;
_proto.flush = function flush() {
if (this.animatedStyles.size === 0) {
addAnimatedStyles(this, this.animatedStyles);
}
this.animatedStyles.forEach(function (animatedStyle) {
return animatedStyle.update();
});
};
_proto.clearStyles = function clearStyles() {
this.animatedStyles.clear();
};
_proto.getValue = function getValue() {
return this.value;
};
_proto.interpolate = function interpolate(range, output, extrapolate) {
return new AnimatedInterpolation(this, range, output, extrapolate);
};
return AnimatedValue;
}(Animated);
var AnimatedValueArray =
/*#__PURE__*/
function (_AnimatedArray) {
_inheritsLoose(AnimatedValueArray, _AnimatedArray);
function AnimatedValueArray(values) {
var _this;
_this = _AnimatedArray.call(this) || this;
_this.payload = values.map(function (n) {
return new AnimatedValue(n);
});
return _this;
}
var _proto = AnimatedValueArray.prototype;
_proto.setValue = function setValue(value, flush) {
var _this2 = this;
if (flush === void 0) {
flush = true;
}
if (Array.isArray(value)) {
if (value.length === this.payload.length) {
value.forEach(function (v, i) {
return _this2.payload[i].setValue(v, flush);
});
}
} else {
this.payload.forEach(function (p) {
return p.setValue(value, flush);
});
}
};
_proto.getValue = function getValue() {
return this.payload.map(function (v) {
return v.getValue();
});
};
_proto.interpolate = function interpolate(range, output) {
return new AnimatedInterpolation(this, range, output);
};
return AnimatedValueArray;
}(AnimatedArray);
var G = 0;
var Controller =
/*#__PURE__*/
function () {
function Controller() {
var _this = this;
this.id = void 0;
this.idle = true;
this.hasChanged = false;
this.guid = 0;
this.local = 0;
this.props = {};
this.merged = {};
this.animations = {};
this.interpolations = {};
this.values = {};
this.configs = [];
this.listeners = [];
this.queue = [];
this.localQueue = void 0;
this.getValues = function () {
return _this.interpolations;
};
this.id = G++;
}
/** update(props)
* This function filters input props and creates an array of tasks which are executed in .start()
* Each task is allowed to carry a delay, which means it can execute asnychroneously */
var _proto = Controller.prototype;
_proto.update = function update$$1(args) {
//this._id = n + this.id
if (!args) return this; // Extract delay and the to-prop from props
var _ref = interpolateTo(args),
_ref$delay = _ref.delay,
delay = _ref$delay === void 0 ? 0 : _ref$delay,
to = _ref.to,
props = _objectWithoutPropertiesLoose(_ref, ["delay", "to"]);
if (is.arr(to) || is.fun(to)) {
// If config is either a function or an array queue it up as is
this.queue.push(_extends({}, props, {
delay: delay,
to: to
}));
} else if (to) {
// Otherwise go through each key since it could be delayed individually
var ops = {};
Object.entries(to).forEach(function (_ref2) {
var _to;
var k = _ref2[0],
v = _ref2[1];
// Fetch delay and create an entry, consisting of the to-props, the delay, and basic props
var entry = _extends({
to: (_to = {}, _to[k] = v, _to),
delay: callProp(delay, k)
}, props);
var previous = ops[entry.delay] && ops[entry.delay].to;
ops[entry.delay] = _extends({}, ops[entry.delay], entry, {
to: _extends({}, previous, entry.to)
});
});
this.queue = Object.values(ops);
} // Sort queue, so that async calls go last
this.queue = this.queue.sort(function (a, b) {
return a.delay - b.delay;
}); // Diff the reduced props immediately (they'll contain the from-prop and some config)
this.diff(props);
return this;
}
/** start(onEnd)
* This function either executes a queue, if present, or starts the frameloop, which animates */
;
_proto.start = function start$$1(onEnd) {
var _this2 = this;
// If a queue is present we must excecute it
if (this.queue.length) {
this.idle = false; // Updates can interrupt trailing queues, in that case we just merge values
if (this.localQueue) {
this.localQueue.forEach(function (_ref3) {
var _ref3$from = _ref3.from,
from = _ref3$from === void 0 ? {} : _ref3$from,
_ref3$to = _ref3.to,
to = _ref3$to === void 0 ? {} : _ref3$to;
if (is.obj(from)) _this2.merged = _extends({}, from, _this2.merged);
if (is.obj(to)) _this2.merged = _extends({}, _this2.merged, to);
});
} // The guid helps us tracking frames, a new queue over an old one means an override
// We discard async calls in that caseÍ
var local = this.local = ++this.guid;
var queue = this.localQueue = this.queue;
this.queue = []; // Go through each entry and execute it
queue.forEach(function (_ref4, index) {
var delay = _ref4.delay,
props = _objectWithoutPropertiesLoose(_ref4, ["delay"]);
var cb = function cb(finished) {
if (index === queue.length - 1 && local === _this2.guid && finished) {
_this2.idle = true;
if (_this2.props.onRest) _this2.props.onRest(_this2.merged);
}
if (onEnd) onEnd();
}; // Entries can be delayed, ansyc or immediate
var async = is.arr(props.to) || is.fun(props.to);
if (delay) {
setTimeout(function () {
if (local === _this2.guid) {
if (async) _this2.runAsync(props, cb);else _this2.diff(props).start(cb);
}
}, delay);
} else if (async) _this2.runAsync(props, cb);else _this2.diff(props).start(cb);
});
} // Otherwise we kick of the frameloop
else {
if (is.fun(onEnd)) this.listeners.push(onEnd);
if (this.props.onStart) this.props.onStart();
start(this);
}
return this;
};
_proto.stop = function stop$$1(finished) {
this.listeners.forEach(function (onEnd) {
return onEnd(finished);
});
this.listeners = [];
return this;
}
/** Pause sets onEnd listeners free, but also removes the controller from the frameloop */
;
_proto.pause = function pause(finished) {
this.stop(true);
if (finished) stop(this);
return this;
};
_proto.runAsync = function runAsync(_ref5, onEnd) {
var _this3 = this;
var delay = _ref5.delay,
props = _objectWithoutPropertiesLoose(_ref5, ["delay"]);
var local = this.local; // If "to" is either a function or an array it will be processed async, therefor "to" should be empty right now
// If the view relies on certain values "from" has to be present
var queue = Promise.resolve(undefined);
if (is.arr(props.to)) {
var _loop = function _loop(i) {
var index = i;
var fresh = _extends({}, props, interpolateTo(props.to[index]));
if (is.arr(fresh.config)) fresh.config = fresh.config[index];
queue = queue.then(function () {
//this.stop()
if (local === _this3.guid) return new Promise(function (r) {
return _this3.diff(fresh).start(r);
});
});
};
for (var i = 0; i < props.to.length; i++) {
_loop(i);
}
} else if (is.fun(props.to)) {
var index = 0;
var last;
queue = queue.then(function () {
return props.to( // next(props)
function (p) {
var fresh = _extends({}, props, interpolateTo(p));
if (is.arr(fresh.config)) fresh.config = fresh.config[index];
index++; //this.stop()
if (local === _this3.guid) return last = new Promise(function (r) {
return _this3.diff(fresh).start(r);
});
return;
}, // cancel()
function (finished) {
if (finished === void 0) {
finished = true;
}
return _this3.stop(finished);
}).then(function () {
return last;
});
});
}
queue.then(onEnd);
};
_proto.diff = function diff(props) {
var _this4 = this;
this.props = _extends({}, this.props, props);
var _this$props = this.props,
_this$props$from = _this$props.from,
from = _this$props$from === void 0 ? {} : _this$props$from,
_this$props$to = _this$props.to,
to = _this$props$to === void 0 ? {} : _this$props$to,
_this$props$config = _this$props.config,
config = _this$props$config === void 0 ? {} : _this$props$config,
reverse = _this$props.reverse,
attach = _this$props.attach,
reset = _this$props.reset,
immediate = _this$props.immediate; // Reverse values when requested
if (reverse) {
var _ref6 = [to, from];
from = _ref6[0];
to = _ref6[1];
} // This will collect all props that were ever set, reset merged props when necessary
this.merged = _extends({}, from, this.merged, to);
this.hasChanged = false; // Attachment handling, trailed springs can "attach" themselves to a previous spring
var target = attach && attach(this); // Reduces input { name: value } pairs into animated values
this.animations = Object.entries(this.merged).reduce(function (acc, _ref7) {
var name = _ref7[0],
value = _ref7[1];
// Issue cached entries, except on reset
var entry = acc[name] || {}; // Figure out what the value is supposed to be
var isNumber = is.num(value);
var isString = is.str(value) && !value.startsWith('#') && !/\d/.test(value) && !colorNames[value];
var isArray = is.arr(value);
var isInterpolation = !isNumber && !isArray && !isString;
var fromValue = !is.und(from[name]) ? from[name] : value;
var toValue = isNumber || isArray ? value : isString ? value : 1;
var toConfig = callProp(config, name);
if (target) toValue = target.animations[name].parent;
var parent = entry.parent,
interpolation$$1 = entry.interpolation,
toValues = toArray(target ? toValue.getPayload() : toValue),
animatedValues;
var newValue = value;
if (isInterpolation) newValue = interpolation({
range: [0, 1],
output: [value, value]
})(1);
var currentValue = interpolation$$1 && interpolation$$1.getValue(); // Change detection flags
var isFirst = is.und(parent);
var isActive = !isFirst && entry.animatedValues.some(function (v) {
return !v.done;
});
var currentValueDiffersFromGoal = !is.equ(newValue, currentValue);
var hasNewGoal = !is.equ(newValue, entry.previous);
var hasNewConfig = !is.equ(toConfig, entry.config); // Change animation props when props indicate a new goal (new value differs from previous one)
// and current values differ from it. Config changes trigger a new update as well (though probably shouldn't?)
if (reset || hasNewGoal && currentValueDiffersFromGoal || hasNewConfig) {
var _extends2;
// Convert regular values into animated values, ALWAYS re-use if possible
if (isNumber || isString) parent = interpolation$$1 = entry.parent || new AnimatedValue(fromValue);else if (isArray) parent = interpolation$$1 = entry.parent || new AnimatedValueArray(fromValue);else if (isInterpolation) {
var prev = entry.interpolation && entry.interpolation.calc(entry.parent.value);
prev = prev !== void 0 && !reset ? prev : fromValue;
if (entry.parent) {
parent = entry.parent;
parent.setValue(0, false);
} else parent = new AnimatedValue(0);
var range = {
output: [prev, value]
};
if (entry.interpolation) {
interpolation$$1 = entry.interpolation;
entry.interpolation.updateConfig(range);
} else interpolation$$1 = parent.interpolate(range);
}
toValues = toArray(target ? toValue.getPayload() : toValue);
animatedValues = toArray(parent.getPayload());
if (reset && !isInterpolation) parent.setValue(fromValue, false);
_this4.hasChanged = true; // Reset animated values
animatedValues.forEach(function (value) {
value.startPosition = value.value;
value.lastPosition = value.value;
value.lastVelocity = isActive ? value.lastVelocity : undefined;
value.lastTime = isActive ? value.lastTime : undefined;
value.startTime = now();
value.done = false;
value.animatedStyles.clear();
}); // Set immediate values
if (callProp(immediate, name)) {
parent.setValue(isInterpolation ? toValue : value, false);
}
return _extends({}, acc, (_extends2 = {}, _extends2[name] = _extends({}, entry, {
name: name,
parent: parent,
interpolation: interpolation$$1,
animatedValues: animatedValues,
toValues: toValues,
previous: newValue,
config: toConfig,
fromValues: toArray(parent.getValue()),
immediate: callProp(immediate, name),
initialVelocity: withDefault(toConfig.velocity, 0),
clamp: withDefault(toConfig.clamp, false),
precision: withDefault(toConfig.precision, 0.01),
tension: withDefault(toConfig.tension, 170),
friction: withDefault(toConfig.friction, 26),
mass: withDefault(toConfig.mass, 1),
duration: toConfig.duration,
easing: withDefault(toConfig.easing, function (t) {
return t;
}),
decay: toConfig.decay
}), _extends2));
} else {
if (!currentValueDiffersFromGoal) {
var _extends3;
// So ... the current target value (newValue) appears to be different from the previous value,
// which normally constitutes an update, but the actual value (currentValue) matches the target!
// In order to resolve this without causing an animation update we silently flag the animation as done,
// which it technically is. Interpolations also needs a config update with their target set to 1.
if (isInterpolation) {
parent.setValue(1, false);
interpolation$$1.updateConfig({
output: [newValue, newValue]
});
}
parent.done = true;
_this4.hasChanged = true;
return _extends({}, acc, (_extends3 = {}, _extends3[name] = _extends({}, acc[name], {
previous: newValue
}), _extends3));
}
return acc;
}
}, this.animations);
if (this.hasChanged) {
// Make animations available to frameloop
this.configs = Object.values(this.animations);
this.values = {};
this.interpolations = {};
for (var key in this.animations) {
this.interpolations[key] = this.animations[key].interpolation;
this.values[key] = this.animations[key].interpolation.getValue();
}
}
return this;
};
_proto.destroy = function destroy() {
this.stop();
this.props = {};
this.merged = {};
this.animations = {};
this.interpolations = {};
this.values = {};
this.configs = [];
this.local = 0;
};
return Controller;
}();
/** API
* const props = useSprings(number, [{ ... }, { ... }, ...])
* const [props, set] = useSprings(number, (i, controller) => ({ ... }))
*/
var useSprings = function useSprings(length, props) {
var mounted = React.useRef(false);
var ctrl = React.useRef();
var isFn = is.fun(props); // The controller maintains the animation values, starts and stops animations
var _useMemo = React.useMemo(function () {
// Remove old controllers
if (ctrl.current) {
ctrl.current.map(function (c) {
return c.destroy();
});
ctrl.current = undefined;
}
var ref;
return [new Array(length).fill().map(function (_, i) {
var ctrl = new Controller();
var newProps = isFn ? callProp(props, i, ctrl) : props[i];
if (i === 0) ref = newProps.ref;
ctrl.update(newProps);
if (!ref) ctrl.start();
return ctrl;
}), ref];
}, [length]),
controllers = _useMemo[0],
ref = _useMemo[1];
ctrl.current = controllers; // The hooks reference api gets defined here ...
var api = React.useImperativeHandle(ref, function () {
return {
start: function start() {
return Promise.all(ctrl.current.map(function (c) {
return new Promise(function (r) {
return c.start(r);
});
}));
},
stop: function stop(finished) {
return ctrl.current.forEach(function (c) {
return c.stop(finished);
});
},
get controllers() {
return ctrl.current;
}
};
}); // This function updates the controllers
var updateCtrl = React.useMemo(function () {
return function (updateProps) {
return ctrl.current.map(function (c, i) {
c.update(isFn ? callProp(updateProps, i, c) : updateProps[i]);
if (!ref) c.start();
});
};
}, [length]); // Update controller if props aren't functional
React.useEffect(function () {
if (mounted.current) {
if (!isFn) updateCtrl(props);
} else if (!ref) ctrl.current.forEach(function (c) {
return c.start();
});
}); // Update mounted flag and destroy controller on unmount
React.useEffect(function () {
return mounted.current = true, function () {
return ctrl.current.forEach(function (c) {
return c.destroy();
});
};
}, []); // Return animated props, or, anim-props + the update-setter above
var propValues = ctrl.current.map(function (c) {
return c.getValues();
});
return isFn ? [propValues, updateCtrl, function (finished) {
return ctrl.current.forEach(function (c) {
return c.pause(finished);
});
}] : propValues;
};
/** API
* const props = useSpring({ ... })
* const [props, set] = useSpring(() => ({ ... }))
*/
var useSpring = function useSpring(props) {
var isFn = is.fun(props);
var _useSprings = useSprings(1, isFn ? props : [props]),
result = _useSprings[0],
set = _useSprings[1],
pause = _useSprings[2];
return isFn ? [result[0], set, pause] : result;
};
/** API
* const trails = useTrail(number, { ... })
* const [trails, set] = useTrail(number, () => ({ ... }))
*/
var useTrail = function useTrail(length, props) {
var mounted = React.useRef(false);
var isFn = is.fun(props);
var updateProps = callProp(props);
var instances = React.useRef();
var _useSprings = useSprings(length, function (i, ctrl) {
if (i === 0) instances.current = [];
instances.current.push(ctrl);
return _extends({}, updateProps, {
config: callProp(updateProps.config, i),
attach: i > 0 && function () {
return instances.current[i - 1];
}
});
}),
result = _useSprings[0],
set = _useSprings[1],
pause = _useSprings[2]; // Set up function to update controller
var updateCtrl = React.useMemo(function () {
return function (props) {
return set(function (i, ctrl) {
var last = props.reverse ? i === 0 : length - 1 === i;
var attachIdx = props.reverse ? i + 1 : i - 1;
var attachController = instances.current[attachIdx];
return _extends({}, props, {
config: callProp(props.config || updateProps.config, i),
attach: attachController && function () {
return attachController;
}
});
});
};
}, [length, updateProps.reverse]); // Update controller if props aren't functional
React.useEffect(function () {
return void (mounted.current && !isFn && updateCtrl(props));
}); // Update mounted flag and destroy controller on unmount
React.useEffect(function () {
return void (mounted.current = true);
}, []);
return isFn ? [result, updateCtrl, pause] : result;
};
/** API
* const transitions = useTransition(items, itemKeys, { ... })
* const [transitions, update] = useTransition(items, itemKeys, () => ({ ... }))
*/
var guid = 0;
var ENTER = 'enter';
var LEAVE = 'leave';
var UPDATE = 'update';
var mapKeys = function mapKeys(items, keys) {
return (typeof keys === 'function' ? items.map(keys) : toArray(keys)).map(String);
};
var get = function get(props) {
var items = props.items,
_props$keys = props.keys,
keys = _props$keys === void 0 ? function (item) {
return item;
} : _props$keys,
rest = _objectWithoutPropertiesLoose(props, ["items", "keys"]);
items = toArray(items !== void 0 ? items : null);
return _extends({
items: items,
keys: mapKeys(items, keys)
}, rest);
};
function useTransition(input, keyTransform, config) {
var props = _extends({
items: input,
keys: keyTransform || function (i) {
return i;
}
}, config);
var _get = get(props),
_get$lazy = _get.lazy,
lazy = _get$lazy === void 0 ? false : _get$lazy,
_get$unique = _get.unique,
_get$reset = _get.reset,
reset = _get$reset === void 0 ? false : _get$reset,
enter = _get.enter,
leave = _get.leave,
update = _get.update,
onDestroyed = _get.onDestroyed,
keys = _get.keys,
items = _get.items,
onFrame = _get.onFrame,
_onRest = _get.onRest,
onStart = _get.onStart,
ref = _get.ref,
extra = _objectWithoutPropertiesLoose(_get, ["lazy", "unique", "reset", "enter", "leave", "update", "onDestroyed", "keys", "items", "onFrame", "onRest", "onStart", "ref"]);
var forceUpdate = useForceUpdate();
var mounted = React.useRef(false);
var state = React.useRef({
mounted: false,
first: true,
deleted: [],
current: {},
transitions: [],
prevProps: {},
paused: !!props.ref,
instances: !mounted.current && new Map(),
forceUpdate: forceUpdate
});
React.useImperativeHandle(props.ref, function () {
return {
start: function start() {
return Promise.all(Array.from(state.current.instances).map(function (_ref) {
var c = _ref[1];
return new Promise(function (r) {
return c.start(r);
});
}));
},
stop: function stop(finished) {
return Array.from(state.current.instances).forEach(function (_ref2) {
var c = _ref2[1];
return c.stop(finished);
});
},
get controllers() {
return Array.from(state.current.instances).map(function (_ref3) {
var c = _ref3[1];
return c;
});
}
};
}); // Update state
state.current = diffItems(state.current, props);
if (state.current.changed) {
// Update state
state.current.transitions.forEach(function (transition) {
var slot = transition.slot,
from = transition.from,
to = transition.to,
config = transition.config,
trail = transition.trail,
key = transition.key,
item = transition.item;
if (!state.current.instances.has(key)) state.current.instances.set(key, new Controller()); // update the map object
var ctrl = state.current.instances.get(key);
var newProps = _extends({}, extra, {
to: to,
from: from,
config: config,
ref: ref,
onRest: function onRest(values) {
if (state.current.mounted) {
if (transition.destroyed) {
// If no ref is given delete destroyed items immediately
if (!ref && !lazy) cleanUp(state, key);
if (onDestroyed) onDestroyed(item);
} // A transition comes to rest once all its springs conclude
var curInstances = Array.from(state.current.instances);
var active = curInstances.some(function (_ref4) {
var c = _ref4[1];
return !c.idle;
});
if (!active && (ref || lazy) && state.current.deleted.length > 0) cleanUp(state);
if (_onRest) _onRest(item, slot, values);
}
},
onStart: onStart && function () {
return onStart(item, slot);
},
onFrame: onFrame && function (values) {
return onFrame(item, slot, values);
},
delay: trail,
reset: reset && slot === ENTER // Update controller
});
ctrl.update(newProps);
if (!state.current.paused) ctrl.start();
});
}
React.useEffect(function () {
state.current.mounted = mounted.current = true;
return function () {
state.current.mounted = mounted.current = false;
Array.from(state.current.instances).map(function (_ref5) {
var c = _ref5[1];
return c.destroy();
});
state.current.instances.clear();
};
}, []);
return state.current.transitions.map(function (_ref6) {
var item = _ref6.item,
slot = _ref6.slot,
key = _ref6.key;
return {
item: item,
key: key,
state: slot,
props: state.current.instances.get(key).getValues()
};
});
}
function cleanUp(state, filterKey) {
var deleted = state.current.deleted;
var _loop = function _loop() {
if (_isArray) {
if (_i >= _iterator.length) return "break";
_ref8 = _iterator[_i++];
} else {
_i = _iterator.next();
if (_i.done) return "break";
_ref8 = _i.value;
}
var _ref7 = _ref8;
var key = _ref7.key;
var filter = function filter(t) {
return t.key !== key;
};
if (is.und(filterKey) || filterKey === key) {
state.current.instances.delete(key);
state.current.transitions = state.current.transitions.filter(filter);
state.current.deleted = state.current.deleted.filter(filter);
}
};
for (var _iterator = deleted, _isArray = Array.isArray(_iterator), _i = 0, _iterator = _isArray ? _iterator : _iterator[Symbol.iterator]();;) {
var _ref8;
var _ret = _loop();
if (_ret === "break") break;
}
state.current.forceUpdate();
}
function diffItems(_ref9, props) {
var first = _ref9.first,
prevProps = _ref9.prevProps,
state = _objectWithoutPropertiesLoose(_ref9, ["first", "prevProps"]);
var _get2 = get(props),
items = _get2.items,
keys = _get2.keys,
initial = _get2.initial,
from = _get2.from,
enter = _get2.enter,
leave = _get2.leave,
update = _get2.update,
_get2$trail = _get2.trail,
trail = _get2$trail === void 0 ? 0 : _get2$trail,
unique = _get2.unique,
config = _get2.config,
_get2$order = _get2.order,
order = _get2$order === void 0 ? [ENTER, LEAVE, UPDATE] : _get2$order;
var _get3 = get(prevProps),
_keys = _get3.keys,
_items = _get3.items;
var current = _extends({}, state.current);
var deleted = [].concat(state.deleted); // Compare next keys with current keys
var currentKeys = Object.keys(current);
var currentSet = new Set(currentKeys);
var nextSet = new Set(keys);
var added = keys.filter(function (item) {
return !currentSet.has(item);
});
var removed = state.transitions.filter(function (item) {
return !item.destroyed && !nextSet.has(item.originalKey);
}).map(function (i) {
return i.originalKey;
});
var updated = keys.filter(function (item) {
return currentSet.has(item);
});
var delay = -trail;
while (order.length) {
var changeType = order.shift();
switch (changeType) {
case ENTER:
{
added.forEach(function (key, index) {
// In unique mode, remove fading out transitions if their key comes in again
if (unique && deleted.find(function (d) {
return d.originalKey === key;
})) deleted = deleted.filter(function (t) {
return t.originalKey !== key;
});
var keyIndex = keys.indexOf(key);
var item = items[keyIndex];
var slot = first && initial !== void 0 ? 'initial' : ENTER;
current[key] = {
slot: slot,
originalKey: key,
key: unique ? String(key) : guid++,
item: item,
trail: delay = delay + trail,
config: callProp(config, item, slot),
from: callProp(first ? initial !== void 0 ? initial || {} : from : from, item),
to: callProp(enter, item)
};
});
break;
}
case LEAVE:
{
removed.forEach(function (key) {
var keyIndex = _keys.indexOf(key);
var item = _items[keyIndex];
var slot = LEAVE;
deleted.unshift(_extends({}, current[key], {
slot: slot,
destroyed: true,
left: _keys[Math.max(0, keyIndex - 1)],
right: _keys[Math.min(_keys.length, keyIndex + 1)],
trail: delay = delay + trail,
config: callProp(config, item, slot),
to: callProp(leave, item)
}));
delete current[key];
});
break;
}
case UPDATE:
{
updated.forEach(function (key) {
var keyIndex = keys.indexOf(key);
var item = items[keyIndex];
var slot = UPDATE;
current[key] = _extends({}, current[key], {
item: item,
slot: slot,
trail: delay = delay + trail,
config: callProp(config, item, slot),
to: callProp(update, item)
});
});
break;
}
}
}
var out = keys.map(function (key) {
return current[key];
}); // This tries to restore order for deleted items by finding their last known siblings
// only using the left sibling to keep order placement consistent for all deleted items
deleted.forEach(function (_ref10) {
var left = _ref10.left,
right = _ref10.right,
item = _objectWithoutPropertiesLoose(_ref10, ["left", "right"]);
var pos; // Was it the element on the left, if yes, move there ...
if ((pos = out.findIndex(function (t) {
return t.originalKey === left;
})) !== -1) pos += 1; // And if nothing else helps, move it to the start ¯\_(ツ)_/¯
pos = Math.max(0, pos);
out = [].concat(out.slice(0, pos), [item], out.slice(pos));
});
return _extends({}, state, {
changed: added.length || removed.length || updated.length,
first: first && added.length === 0,
transitions: out,
current: current,
deleted: deleted,
prevProps: props
});
}
var AnimatedStyle =
/*#__PURE__*/
function (_AnimatedObject) {
_inheritsLoose(AnimatedStyle, _AnimatedObject);
function AnimatedStyle(style) {
var _this;
if (style === void 0) {
style = {};
}
_this = _AnimatedObject.call(this) || this;
if (style.transform && !(style.transform instanceof Animated)) {
style = applyAnimatedValues.transform(style);
}
_this.payload = style;
return _this;
}
return AnimatedStyle;
}(AnimatedObject);
// http://www.w3.org/TR/css3-color/#svg-color
var colors = {
transparent: 0x00000000,
aliceblue: 0xf0f8ffff,
antiquewhite: 0xfaebd7ff,
aqua: 0x00ffffff,
aquamarine: 0x7fffd4ff,
azure: 0xf0ffffff,
beige: 0xf5f5dcff,
bisque: 0xffe4c4ff,
black: 0x000000ff,
blanchedalmond: 0xffebcdff,
blue: 0x0000ffff,
blueviolet: 0x8a2be2ff,
brown: 0xa52a2aff,
burlywood: 0xdeb887ff,
burntsienna: 0xea7e5dff,
cadetblue: 0x5f9ea0ff,
chartreuse: 0x7fff00ff,
chocolate: 0xd2691eff,
coral: 0xff7f50ff,
cornflowerblue: 0x6495edff,
cornsilk: 0xfff8dcff,
crimson: 0xdc143cff,
cyan: 0x00ffffff,
darkblue: 0x00008bff,
darkcyan: 0x008b8bff,
darkgoldenrod: 0xb8860bff,
darkgray: 0xa9a9a9ff,
darkgreen: 0x006400ff,
darkgrey: 0xa9a9a9ff,
darkkhaki: 0xbdb76bff,
darkmagenta: 0x8b008bff,
darkolivegreen: 0x556b2fff,
darkorange: 0xff8c00ff,
darkorchid: 0x9932ccff,
darkred: 0x8b0000ff,
darksalmon: 0xe9967aff,
darkseagreen: 0x8fbc8fff,
darkslateblue: 0x483d8bff,
darkslategray: 0x2f4f4fff,
darkslategrey: 0x2f4f4fff,
darkturquoise: 0x00ced1ff,
darkviolet: 0x9400d3ff,
deeppink: 0xff1493ff,
deepskyblue: 0x00bfffff,
dimgray: 0x696969ff,
dimgrey: 0x696969ff,
dodgerblue: 0x1e90ffff,
firebrick: 0xb22222ff,
floralwhite: 0xfffaf0ff,
forestgreen: 0x228b22ff,
fuchsia: 0xff00ffff,
gainsboro: 0xdcdcdcff,
ghostwhite: 0xf8f8ffff,
gold: 0xffd700ff,
goldenrod: 0xdaa520ff,
gray: 0x808080ff,
green: 0x008000ff,
greenyellow: 0xadff2fff,
grey: 0x808080ff,
honeydew: 0xf0fff0ff,
hotpink: 0xff69b4ff,
indianred: 0xcd5c5cff,
indigo: 0x4b0082ff,
ivory: 0xfffff0ff,
khaki: 0xf0e68cff,
lavender: 0xe6e6faff,
lavenderblush: 0xfff0f5ff,
lawngreen: 0x7cfc00ff,
lemonchiffon: 0xfffacdff,
lightblue: 0xadd8e6ff,
lightcoral: 0xf08080ff,
lightcyan: 0xe0ffffff,
lightgoldenrodyellow: 0xfafad2ff,
lightgray: 0xd3d3d3ff,
lightgreen: 0x90ee90ff,
lightgrey: 0xd3d3d3ff,
lightpink: 0xffb6c1ff,
lightsalmon: 0xffa07aff,
lightseagreen: 0x20b2aaff,
lightskyblue: 0x87cefaff,
lightslategray: 0x778899ff,
lightslategrey: 0x778899ff,
lightsteelblue: 0xb0c4deff,
lightyellow: 0xffffe0ff,
lime: 0x00ff00ff,
limegreen: 0x32cd32ff,
linen: 0xfaf0e6ff,
magenta: 0xff00ffff,
maroon: 0x800000ff,
mediumaquamarine: 0x66cdaaff,
mediumblue: 0x0000cdff,
mediumorchid: 0xba55d3ff,
mediumpurple: 0x9370dbff,
mediumseagreen: 0x3cb371ff,
mediumslateblue: 0x7b68eeff,
mediumspringgreen: 0x00fa9aff,
mediumturquoise: 0x48d1ccff,
mediumvioletred: 0xc71585ff,
midnightblue: 0x191970ff,
mintcream: 0xf5fffaff,
mistyrose: 0xffe4e1ff,
moccasin: 0xffe4b5ff,
navajowhite: 0xffdeadff,
navy: 0x000080ff,
oldlace: 0xfdf5e6ff,
olive: 0x808000ff,
olivedrab: 0x6b8e23ff,
orange: 0xffa500ff,
orangered: 0xff4500ff,
orchid: 0xda70d6ff,
palegoldenrod: 0xeee8aaff,
palegreen: 0x98fb98ff,
paleturquoise: 0xafeeeeff,
palevioletred: 0xdb7093ff,
papayawhip: 0xffefd5ff,
peachpuff: 0xffdab9ff,
peru: 0xcd853fff,
pink: 0xffc0cbff,
plum: 0xdda0ddff,
powderblue: 0xb0e0e6ff,
purple: 0x800080ff,
rebeccapurple: 0x663399ff,
red: 0xff0000ff,
rosybrown: 0xbc8f8fff,
royalblue: 0x4169e1ff,
saddlebrown: 0x8b4513ff,
salmon: 0xfa8072ff,
sandybrown: 0xf4a460ff,
seagreen: 0x2e8b57ff,
seashell: 0xfff5eeff,
sienna: 0xa0522dff,
silver: 0xc0c0c0ff,
skyblue: 0x87ceebff,
slateblue: 0x6a5acdff,
slategray: 0x708090ff,
slategrey: 0x708090ff,
snow: 0xfffafaff,
springgreen: 0x00ff7fff,
steelblue: 0x4682b4ff,
tan: 0xd2b48cff,
teal: 0x008080ff,
thistle: 0xd8bfd8ff,
tomato: 0xff6347ff,
turquoise: 0x40e0d0ff,
violet: 0xee82eeff,
wheat: 0xf5deb3ff,
white: 0xffffffff,
whitesmoke: 0xf5f5f5ff,
yellow: 0xffff00ff,
yellowgreen: 0x9acd32ff
};
// const INTEGER = '[-+]?\\d+';
var NUMBER = '[-+]?\\d*\\.?\\d+';
var PERCENTAGE = NUMBER + '%';
function call() {
for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
parts[_key] = arguments[_key];
}
return '\\(\\s*(' + parts.join(')\\s*,\\s*(') + ')\\s*\\)';
}
var rgb = new RegExp('rgb' + call(NUMBER, NUMBER, NUMBER));
var rgba = new RegExp('rgba' + call(NUMBER, NUMBER, NUMBER, NUMBER));
var hsl = new RegExp('hsl' + call(NUMBER, PERCENTAGE, PERCENTAGE));
var hsla = new RegExp('hsla' + call(NUMBER, PERCENTAGE, PERCENTAGE, NUMBER));
var hex3 = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/;
var hex4 = /^#([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/;
var hex6 = /^#([0-9a-fA-F]{6})$/;
var hex8 = /^#([0-9a-fA-F]{8})$/;
/*
https://github.com/react-community/normalize-css-color
BSD 3-Clause License
Copyright (c) 2016, React Community
All rights reserved.
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:
* Redistributions of source code must retain the above copyright notice, this
list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.
* Neither the name of the copyright holder nor the names of its
contributors may be used to endorse or promote products derived from
this software without specific prior written permission.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/
function normalizeColor(color) {
var match;
if (typeof color === 'number') {
return color >>> 0 === color && color >= 0 && color <= 0xffffffff ? color : null;
} // Ordered based on occurrences on Facebook codebase
if (match = hex6.exec(color)) return parseInt(match[1] + 'ff', 16) >>> 0;
if (colors.hasOwnProperty(color)) return colors[color];
if (match = rgb.exec(color)) {
return (parse255(match[1]) << 24 | // r
parse255(match[2]) << 16 | // g
parse255(match[3]) << 8 | // b
0x000000ff) >>> // a
0;
}
if (match = rgba.exec(color)) {
return (parse255(match[1]) << 24 | // r
parse255(match[2]) << 16 | // g
parse255(match[3]) << 8 | // b
parse1(match[4])) >>> // a
0;
}
if (match = hex3.exec(color)) {
return parseInt(match[1] + match[1] + // r
match[2] + match[2] + // g
match[3] + match[3] + // b
'ff', // a
16) >>> 0;
} // https://drafts.csswg.org/css-color-4/#hex-notation
if (match = hex8.exec(color)) return parseInt(match[1], 16) >>> 0;
if (match = hex4.exec(color)) {
return parseInt(match[1] + match[1] + // r
match[2] + match[2] + // g
match[3] + match[3] + // b
match[4] + match[4], // a
16) >>> 0;
}
if (match = hsl.exec(color)) {
return (hslToRgb(parse360(match[1]), // h
parsePercentage(match[2]), // s
parsePercentage(match[3]) // l
) | 0x000000ff) >>> // a
0;
}
if (match = hsla.exec(color)) {
return (hslToRgb(parse360(match[1]), // h
parsePercentage(match[2]), // s
parsePercentage(match[3]) // l
) | parse1(match[4])) >>> // a
0;
}
return null;
}
function hue2rgb(p, q, t) {
if (t < 0) t += 1;
if (t > 1) t -= 1;
if (t < 1 / 6) return p + (q - p) * 6 * t;
if (t < 1 / 2) return q;
if (t < 2 / 3) return p + (q - p) * (2 / 3 - t) * 6;
return p;
}
function hslToRgb(h, s, l) {
var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
var p = 2 * l - q;
var r = hue2rgb(p, q, h + 1 / 3);
var g = hue2rgb(p, q, h);
var b = hue2rgb(p, q, h - 1 / 3);
return Math.round(r * 255) << 24 | Math.round(g * 255) << 16 | Math.round(b * 255) << 8;
}
function parse255(str) {
var int = parseInt(str, 10);
if (int < 0) return 0;
if (int > 255) return 255;
return int;
}
function parse360(str) {
var int = parseFloat(str);
return (int % 360 + 360) % 360 / 360;
}
function parse1(str) {
var num = parseFloat(str);
if (num < 0) return 0;
if (num > 1) return 255;
return Math.round(num * 255);
}
function parsePercentage(str) {
// parseFloat conveniently ignores the final %
var int = parseFloat(str);
if (int < 0) return 0;
if (int > 100) return 1;
return int / 100;
}
function colorToRgba(input) {
var int32Color = normalizeColor(input);
if (int32Color === null) return input;
int32Color = int32Color || 0;
var r = (int32Color & 0xff000000) >>> 24;
var g = (int32Color & 0x00ff0000) >>> 16;
var b = (int32Color & 0x0000ff00) >>> 8;
var a = (int32Color & 0x000000ff) / 255;
return "rgba(" + r + ", " + g + ", " + b + ", " + a + ")";
} // Problem: https://github.com/animatedjs/animated/pull/102
// Solution: https://stackoverflow.com/questions/638565/parsing-scientific-notation-sensibly/658662
var stringShapeRegex = /[+\-]?(?:0|[1-9]\d*)(?:\.\d*)?(?:[eE][+\-]?\d+)?/g; // Covers rgb, rgba, hsl, hsla
// Taken from https://gist.github.com/olmokramer/82ccce673f86db7cda5e
var colorRegex = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d\.]+%?\))/gi; // Covers color names (transparent, blue, etc.)
var colorNamesRegex = new RegExp("(" + Object.keys(colors).join('|') + ")", 'g');
/**
* Supports string shapes by extracting numbers so new values can be computed,
* and recombines those values into new strings of the same shape. Supports
* things like:
*
* rgba(123, 42, 99, 0.36) // colors
* -45deg // values with units
* 0 2px 2px 0px rgba(0, 0, 0, 0.12) // box shadows
*/
var createStringInterpolator = function createStringInterpolator(config) {
// Replace colors with rgba
var outputRange = config.output.map(function (rangeValue) {
return rangeValue.replace(colorRegex, colorToRgba);
}).map(function (rangeValue) {
return rangeValue.replace(colorNamesRegex, colorToRgba);
});
var outputRanges = outputRange[0].match(stringShapeRegex).map(function () {
return [];
});
outputRange.forEach(function (value) {
value.match(stringShapeRegex).forEach(function (number, i) {
return outputRanges[i].push(+number);
});
});
var interpolations = outputRange[0].match(stringShapeRegex).map(function (_value, i) {
return createInterpolator(_extends({}, config, {
output: outputRanges[i]
}));
});
return function (input) {
var i = 0;
return outputRange[0] // 'rgba(0, 100, 200, 0)'
// ->
// 'rgba(${interpolations[0](input)}, ${interpolations[1](input)}, ...'
.replace(stringShapeRegex, function () {
return interpolations[i++](input);
}) // rgba requires that the r,g,b are integers.... so we want to round them, but we *dont* want to
// round the opacity (4th column).
.replace(/rgba\(([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+), ([0-9\.-]+)\)/gi, function (_, p1, p2, p3, p4) {
return "rgba(" + Math.round(p1) + ", " + Math.round(p2) + ", " + Math.round(p3) + ", " + p4 + ")";
});
};
};
var isUnitlessNumber = {
animationIterationCount: true,
borderImageOutset: true,
borderImageSlice: true,
borderImageWidth: true,
boxFlex: true,
boxFlexGroup: true,
boxOrdinalGroup: true,
columnCount: true,
columns: true,
flex: true,
flexGrow: true,
flexPositive: true,
flexShrink: true,
flexNegative: true,
flexOrder: true,
gridRow: true,
gridRowEnd: true,
gridRowSpan: true,
gridRowStart: true,
gridColumn: true,
gridColumnEnd: true,
gridColumnSpan: true,
gridColumnStart: true,
fontWeight: true,
lineClamp: true,
lineHeight: true,
opacity: true,
order: true,
orphans: true,
tabSize: true,
widows: true,
zIndex: true,
zoom: true,
// SVG-related properties
fillOpacity: true,
floodOpacity: true,
stopOpacity: true,
strokeDasharray: true,
strokeDashoffset: true,
strokeMiterlimit: true,
strokeOpacity: true,
strokeWidth: true
};
var prefixKey = function prefixKey(prefix, key) {
return prefix + key.charAt(0).toUpperCase() + key.substring(1);
};
var prefixes = ['Webkit', 'Ms', 'Moz', 'O'];
isUnitlessNumber = Object.keys(isUnitlessNumber).reduce(function (acc, prop) {
prefixes.forEach(function (prefix) {
return acc[prefixKey(prefix, prop)] = acc[prop];
});
return acc;
}, isUnitlessNumber);
function dangerousStyleValue(name, value, isCustomProperty) {
if (value == null || typeof value === 'boolean' || value === '') return '';
if (!isCustomProperty && typeof value === 'number' && value !== 0 && !(isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])) return value + 'px'; // Presumes implicit 'px' suffix for unitless numbers
return ('' + value).trim();
}
var attributeCache = {};
injectCreateAnimatedStyle(function (style) {
return new AnimatedStyle(style);
});
injectDefaultElement('div');
injectStringInterpolator(createStringInterpolator);
injectColorNames(colors);
injectApplyAnimatedValues(function (instance, props) {
if (instance.nodeType && instance.setAttribute !== undefined) {
var style = props.style,
children = props.children,
scrollTop = props.scrollTop,
scrollLeft = props.scrollLeft,
attributes = _objectWithoutPropertiesLoose(props, ["style", "children", "scrollTop", "scrollLeft"]);
var filter = instance.nodeName === 'filter' || instance.parentNode && instance.parentNode.nodeName === 'filter';
if (scrollTop !== void 0) instance.scrollTop = scrollTop;
if (scrollLeft !== void 0) instance.scrollLeft = scrollLeft; // Set textContent, if children is an animatable value
if (children !== void 0) instance.textContent = children; // Set styles ...
for (var styleName in style) {
if (!style.hasOwnProperty(styleName)) continue;
var isCustomProperty = styleName.indexOf('--') === 0;
var styleValue = dangerousStyleValue(styleName, style[styleName], isCustomProperty);
if (styleName === 'float') styleName = 'cssFloat';
if (isCustomProperty) instance.style.setProperty(styleName, styleValue);else instance.style[styleName] = styleValue;
} // Set attributes ...
for (var name in attributes) {
// Attributes are written in dash case
var dashCase = filter ? name : attributeCache[name] || (attributeCache[name] = name.replace(/([A-Z])/g, function (n) {
return '-' + n.toLowerCase();
}));
if (typeof instance.getAttribute(dashCase) !== 'undefined') instance.setAttribute(dashCase, attributes[name]);
}
return;
} else return false;
}, function (style) {
return style;
});
var domElements = ['a', 'abbr', 'address', 'area', 'article', 'aside', 'audio', 'b', 'base', 'bdi', 'bdo', 'big', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'cite', 'code', 'col', 'colgroup', 'data', 'datalist', 'dd', 'del', 'details', 'dfn', 'dialog', 'div', 'dl', 'dt', 'em', 'embed', 'fieldset', 'figcaption', 'figure', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'iframe', 'img', 'input', 'ins', 'kbd', 'keygen', 'label', 'legend', 'li', 'link', 'main', 'map', 'mark', 'menu', 'menuitem', 'meta', 'meter', 'nav', 'noscript', 'object', 'ol', 'optgroup', 'option', 'output', 'p', 'param', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'script', 'section', 'select', 'small', 'source', 'span', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'textarea', 'tfoot', 'th', 'thead', 'time', 'title', 'tr', 'track', 'u', 'ul', 'var', 'video', 'wbr', // SVG
'circle', 'clipPath', 'defs', 'ellipse', 'foreignObject', 'g', 'image', 'line', 'linearGradient', 'mask', 'path', 'pattern', 'polygon', 'polyline', 'radialGradient', 'rect', 'stop', 'svg', 'text', 'tspan'];
// Extend animated with all the available THREE elements
var apply = merge(createAnimatedComponent, false);
var extendedAnimated = apply(domElements);
exports.apply = apply;
exports.config = config;
exports.update = update;
exports.animated = extendedAnimated;
exports.a = extendedAnimated;
exports.interpolate = interpolate$1;
exports.Globals = Globals;
exports.useSpring = useSpring;
exports.useTrail = useTrail;
exports.useTransition = useTransition;
exports.useChain = useChain;
exports.useSprings = useSprings;
/***/ }),
/* 114 */,
/* 115 */,
/* 116 */,
/* 117 */,
/* 118 */,
/* 119 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return Composite; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return useComposite; });
/* harmony import */ var _rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
/* harmony import */ var reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49);
/* harmony import */ var reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(48);
/* harmony import */ var _Box_Box_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(67);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var reakit_utils_useForkRef__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(63);
/* harmony import */ var reakit_warning__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(80);
/* harmony import */ var reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(46);
/* harmony import */ var reakit_utils_isSelfTarget__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(53);
/* harmony import */ var reakit_utils_getActiveElement__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(57);
/* harmony import */ var _Tabbable_Tabbable_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(73);
/* harmony import */ var reakit_system_useCreateElement__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(78);
/* harmony import */ var reakit_utils_createOnKeyDown__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(82);
/* harmony import */ var reakit_utils_getDocument__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(47);
/* harmony import */ var reakit_utils_fireEvent__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(94);
/* harmony import */ var reakit_utils_fireKeyboardEvent__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(102);
/* harmony import */ var _CompositeState_3a25dcee_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(51);
var isIE11 = typeof window !== "undefined" && "msCrypto" in window;
function getNextActiveElementOnBlur(event) {
// IE 11 doesn't support event.relatedTarget on blur.
// document.activeElement points the the next active element.
// On modern browsers, document.activeElement points to the current target.
if (isIE11) {
var activeElement = Object(reakit_utils_getActiveElement__WEBPACK_IMPORTED_MODULE_9__[/* getActiveElement */ "a"])(event.target);
return activeElement;
}
return event.relatedTarget;
}
var validCompositeRoles = ["combobox", "grid", "tablist", "listbox", "menu", "menubar", "toolbar", "radiogroup", "tree", "treegrid"];
var isIE11$1 = typeof window !== "undefined" && "msCrypto" in window;
function canProxyKeyboardEvent(event) {
if (!Object(reakit_utils_isSelfTarget__WEBPACK_IMPORTED_MODULE_8__[/* isSelfTarget */ "a"])(event)) return false;
if (event.metaKey) return false;
if (event.key === "Tab") return false;
return true;
}
function useKeyboardEventProxy(virtual, currentItem, htmlEventHandler) {
var eventHandlerRef = Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_7__[/* useLiveRef */ "a"])(htmlEventHandler);
return Object(react__WEBPACK_IMPORTED_MODULE_4__["useCallback"])(function (event) {
var _eventHandlerRef$curr;
if (virtual && canProxyKeyboardEvent(event)) {
var currentElement = currentItem === null || currentItem === void 0 ? void 0 : currentItem.ref.current;
if (currentElement) {
Object(reakit_utils_fireKeyboardEvent__WEBPACK_IMPORTED_MODULE_15__[/* fireKeyboardEvent */ "a"])(currentElement, event.type, event); // The event will be triggered on the composite item and then
// propagated up to this composite element again, so we can pretend
// that it wasn't called on this component in the first place.
if (event.currentTarget.contains(currentElement)) {
event.stopPropagation();
event.preventDefault();
return;
}
}
}
(_eventHandlerRef$curr = eventHandlerRef.current) === null || _eventHandlerRef$curr === void 0 ? void 0 : _eventHandlerRef$curr.call(eventHandlerRef, event);
}, [virtual, currentItem]);
} // istanbul ignore next
function useActiveElementRef(elementRef) {
var activeElementRef = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])(null);
Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () {
var document = Object(reakit_utils_getDocument__WEBPACK_IMPORTED_MODULE_13__[/* getDocument */ "a"])(elementRef.current);
var onFocus = function onFocus(event) {
var target = event.target;
activeElementRef.current = target;
};
document.addEventListener("focus", onFocus, true);
return function () {
document.removeEventListener("focus", onFocus, true);
};
}, []);
return activeElementRef;
}
function findFirstEnabledItemInTheLastRow(items) {
return Object(_CompositeState_3a25dcee_js__WEBPACK_IMPORTED_MODULE_16__["a"])(Object(_CompositeState_3a25dcee_js__WEBPACK_IMPORTED_MODULE_16__["b"])(Object(_CompositeState_3a25dcee_js__WEBPACK_IMPORTED_MODULE_16__[/* r */ "f"])(Object(_CompositeState_3a25dcee_js__WEBPACK_IMPORTED_MODULE_16__["c"])(items))));
}
function isItem(items, element) {
return items === null || items === void 0 ? void 0 : items.some(function (item) {
return !!element && item.ref.current === element;
});
}
var useComposite = Object(reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__[/* createHook */ "a"])({
name: "Composite",
compose: [_Tabbable_Tabbable_js__WEBPACK_IMPORTED_MODULE_10__[/* useTabbable */ "a"]],
useState: _CompositeState_3a25dcee_js__WEBPACK_IMPORTED_MODULE_16__[/* u */ "g"],
useOptions: function useOptions(options) {
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, options), {}, {
currentId: Object(_CompositeState_3a25dcee_js__WEBPACK_IMPORTED_MODULE_16__[/* g */ "e"])(options)
});
},
useProps: function useProps(options, _ref) {
var htmlRef = _ref.ref,
htmlOnFocus = _ref.onFocus,
htmlOnBlur = _ref.onBlur,
htmlOnKeyDown = _ref.onKeyDown,
htmlOnKeyUp = _ref.onKeyUp,
htmlProps = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* _ */ "a"])(_ref, ["ref", "onFocus", "onBlur", "onKeyDown", "onKeyUp"]);
var ref = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])(null);
var currentItem = Object(_CompositeState_3a25dcee_js__WEBPACK_IMPORTED_MODULE_16__[/* f */ "d"])(options.items, options.currentId);
var previousItem = Object(react__WEBPACK_IMPORTED_MODULE_4__["useRef"])(undefined);
var onFocusRef = Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_7__[/* useLiveRef */ "a"])(htmlOnFocus);
var onBlurRef = Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_7__[/* useLiveRef */ "a"])(htmlOnBlur); // IE 11 doesn't support event.relatedTarget, so we use the active element
// ref instead.
var activeElementRef = isIE11$1 ? useActiveElementRef(ref) : undefined;
Object(react__WEBPACK_IMPORTED_MODULE_4__["useEffect"])(function () {
var element = ref.current;
if (!element) {
false ? undefined : void 0;
return;
}
if (options.unstable_moves && !currentItem) {
// If composite.move(null) has been called, the composite container
// will receive focus.
element.focus();
}
}, [options.unstable_moves, currentItem]);
var onKeyDown = useKeyboardEventProxy(options.unstable_virtual, currentItem, htmlOnKeyDown);
var onKeyUp = useKeyboardEventProxy(options.unstable_virtual, currentItem, htmlOnKeyUp);
var onFocus = Object(react__WEBPACK_IMPORTED_MODULE_4__["useCallback"])(function (event) {
var _onFocusRef$current2;
if (options.unstable_virtual) {
// IE11 doesn't support event.relatedTarget, so we use the active
// element ref instead.
var previousActiveElement = (activeElementRef === null || activeElementRef === void 0 ? void 0 : activeElementRef.current) || event.relatedTarget;
var previousActiveElementWasItem = isItem(options.items, previousActiveElement);
if (Object(reakit_utils_isSelfTarget__WEBPACK_IMPORTED_MODULE_8__[/* isSelfTarget */ "a"])(event) && !previousActiveElementWasItem) {
var _onFocusRef$current, _currentItem$ref$curr;
// This means that the composite element has been focused while the
// composite item has not. For example, by clicking on the
// composite element without touching any item, or by tabbing into
// the composite element. In this case, we want to trigger focus on
// the item, just like it would happen with roving tabindex.
// When it receives focus, the composite item will put focus back
// on the composite element, in which case hasItemWithFocus will be
// true.
(_onFocusRef$current = onFocusRef.current) === null || _onFocusRef$current === void 0 ? void 0 : _onFocusRef$current.call(onFocusRef, event);
currentItem === null || currentItem === void 0 ? void 0 : (_currentItem$ref$curr = currentItem.ref.current) === null || _currentItem$ref$curr === void 0 ? void 0 : _currentItem$ref$curr.focus();
return;
}
if (previousActiveElementWasItem) {
// Composite has been focused as a result of an item receiving
// focus. The composite item will move focus back to the composite
// container. In this case, we don't want to propagate this
// additional event nor call the onFocus handler passed to
// (htmlOnFocus). Unless users add DOM
// event handlers to the composite element directly, this will be
// like this event has never existed.
event.stopPropagation();
return;
}
} else if (Object(reakit_utils_isSelfTarget__WEBPACK_IMPORTED_MODULE_8__[/* isSelfTarget */ "a"])(event)) {
var _options$setCurrentId;
// When the roving tabindex composite gets intentionally focused (for
// example, by clicking directly on it, and not on an item), we make
// sure to set the current id to null (which means the composite
// itself is focused).
(_options$setCurrentId = options.setCurrentId) === null || _options$setCurrentId === void 0 ? void 0 : _options$setCurrentId.call(options, null);
}
(_onFocusRef$current2 = onFocusRef.current) === null || _onFocusRef$current2 === void 0 ? void 0 : _onFocusRef$current2.call(onFocusRef, event);
}, [options.unstable_virtual, options.items, currentItem, options.setCurrentId]);
var onBlur = Object(react__WEBPACK_IMPORTED_MODULE_4__["useCallback"])(function (event) {
var _onBlurRef$current;
// When virtual is set to true, we move focus from the composite
// container (this component) to the composite item that is being
// selected. Then we move focus back to the composite container. This
// is so we can provide the same API as the roving tabindex method,
// which means people can attach onFocus/onBlur handlers on the
// CompositeItem component regardless of whether it's virtual or not.
// This sequence of blurring and focusing items and composite may be
// confusing, so we ignore intermediate focus and blurs by stopping its
// propagation and not calling the passed onBlur handler (htmlOnBlur).
if (options.unstable_virtual) {
var targetIsItem = isItem(options.items, event.target);
var nextActiveElement = getNextActiveElementOnBlur(event);
var nextActiveElementIsItem = isItem(options.items, nextActiveElement);
if (Object(reakit_utils_isSelfTarget__WEBPACK_IMPORTED_MODULE_8__[/* isSelfTarget */ "a"])(event) && nextActiveElementIsItem) {
var _previousItem$current;
// This is an intermediate blur event: blurring the composite
// container to focus an item (nextActiveElement). We ignore this
// event.
if ((_previousItem$current = previousItem.current) === null || _previousItem$current === void 0 ? void 0 : _previousItem$current.ref.current) {
// If there's a previous active item we fire a blur event on it
// so it will work just like if it had DOM focus before (like when
// using roving tabindex).
Object(reakit_utils_fireEvent__WEBPACK_IMPORTED_MODULE_14__[/* fireEvent */ "a"])(previousItem.current.ref.current, "blur", event);
}
previousItem.current = currentItem;
event.stopPropagation();
return;
}
if (!targetIsItem) {
// If target is another thing (probably something outside of the
// composite container), we don't ignore the event, but we should
// reset the previousItem reference.
if (currentItem === null || currentItem === void 0 ? void 0 : currentItem.ref.current) {
Object(reakit_utils_fireEvent__WEBPACK_IMPORTED_MODULE_14__[/* fireEvent */ "a"])(currentItem.ref.current, "blur", event);
}
previousItem.current = undefined;
} else {
previousItem.current = currentItem;
}
}
(_onBlurRef$current = onBlurRef.current) === null || _onBlurRef$current === void 0 ? void 0 : _onBlurRef$current.call(onBlurRef, event);
}, [options.unstable_virtual, options.items, currentItem]);
var onMove = Object(react__WEBPACK_IMPORTED_MODULE_4__["useMemo"])(function () {
return Object(reakit_utils_createOnKeyDown__WEBPACK_IMPORTED_MODULE_12__[/* createOnKeyDown */ "a"])({
onKeyDown: onKeyDown,
stopPropagation: true,
shouldKeyDown: function shouldKeyDown(event) {
return Object(reakit_utils_isSelfTarget__WEBPACK_IMPORTED_MODULE_8__[/* isSelfTarget */ "a"])(event) && options.currentId === null;
},
keyMap: function keyMap() {
var _options$groups;
var isVertical = options.orientation !== "horizontal";
var isHorizontal = options.orientation !== "vertical";
var isGrid = !!((_options$groups = options.groups) === null || _options$groups === void 0 ? void 0 : _options$groups.length);
var up = function up() {
if (isGrid) {
var item = findFirstEnabledItemInTheLastRow(options.items);
if (item === null || item === void 0 ? void 0 : item.id) {
var _options$move;
(_options$move = options.move) === null || _options$move === void 0 ? void 0 : _options$move.call(options, item.id);
}
} else {
var _options$last;
(_options$last = options.last) === null || _options$last === void 0 ? void 0 : _options$last.call(options);
}
};
var first = options.first && function () {
return options.first();
};
var last = options.last && function () {
return options.last();
};
return {
ArrowUp: (isGrid || isVertical) && up,
ArrowRight: (isGrid || isHorizontal) && first,
ArrowDown: (isGrid || isVertical) && first,
ArrowLeft: (isGrid || isHorizontal) && last,
Home: first,
End: last,
PageUp: first,
PageDown: last
};
}
});
}, [onKeyDown, options.currentId, options.orientation, options.groups, options.items, options.move, options.last, options.first]);
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({
ref: Object(reakit_utils_useForkRef__WEBPACK_IMPORTED_MODULE_5__[/* useForkRef */ "a"])(ref, htmlRef),
id: options.baseId,
onFocus: onFocus,
onBlur: onBlur,
onKeyDown: onMove,
onKeyUp: onKeyUp,
"aria-activedescendant": options.unstable_virtual ? (currentItem === null || currentItem === void 0 ? void 0 : currentItem.id) || undefined : undefined
}, htmlProps);
},
useComposeProps: function useComposeProps(options, htmlProps) {
htmlProps = Object(_Box_Box_js__WEBPACK_IMPORTED_MODULE_3__[/* useBox */ "a"])(options, htmlProps, true);
var tabbableHTMLProps = Object(_Tabbable_Tabbable_js__WEBPACK_IMPORTED_MODULE_10__[/* useTabbable */ "a"])(options, htmlProps, true);
if (options.unstable_virtual || options.currentId === null) {
// Composite will only be tabbable by default if the focus is managed
// using aria-activedescendant, which requires DOM focus on the container
// element (the composite)
return tabbableHTMLProps;
}
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, htmlProps), {}, {
ref: tabbableHTMLProps.ref
});
}
});
var Composite = Object(reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__[/* createComponent */ "a"])({
as: "div",
useHook: useComposite,
useCreateElement: function useCreateElement$1(type, props, children) {
false ? undefined : void 0;
false ? undefined : void 0;
return Object(reakit_system_useCreateElement__WEBPACK_IMPORTED_MODULE_11__[/* useCreateElement */ "a"])(type, props, children);
}
});
/***/ }),
/* 120 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CompositeItem; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return useCompositeItem; });
/* harmony import */ var _rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
/* harmony import */ var reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(49);
/* harmony import */ var reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(48);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(13);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var reakit_utils_useForkRef__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(63);
/* harmony import */ var reakit_warning__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(80);
/* harmony import */ var reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(46);
/* harmony import */ var reakit_utils_isSelfTarget__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(53);
/* harmony import */ var reakit_utils_hasFocusWithin__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(69);
/* harmony import */ var reakit_utils_isPortalEvent__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(72);
/* harmony import */ var reakit_utils_tabbable__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(71);
/* harmony import */ var _Clickable_Clickable_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(84);
/* harmony import */ var reakit_utils_createOnKeyDown__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(82);
/* harmony import */ var reakit_utils_getDocument__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(47);
/* harmony import */ var _CompositeState_3a25dcee_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(51);
/* harmony import */ var _Id_Id_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(93);
/* harmony import */ var reakit_utils_isTextField__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(95);
/* harmony import */ var _setTextFieldValue_78ab5d56_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(96);
function getWidget(itemElement) {
return itemElement.querySelector("[data-composite-item-widget]");
}
function useItem(options) {
return Object(react__WEBPACK_IMPORTED_MODULE_3__["useMemo"])(function () {
var _options$items;
return (_options$items = options.items) === null || _options$items === void 0 ? void 0 : _options$items.find(function (item) {
return options.id && item.id === options.id;
});
}, [options.items, options.id]);
}
function targetIsAnotherItem(event, items) {
if (Object(reakit_utils_isSelfTarget__WEBPACK_IMPORTED_MODULE_7__[/* isSelfTarget */ "a"])(event)) return false;
for (var _iterator = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* b */ "c"])(items), _step; !(_step = _iterator()).done;) {
var item = _step.value;
if (item.ref.current === event.target) {
return true;
}
}
return false;
}
var useCompositeItem = Object(reakit_system_createHook__WEBPACK_IMPORTED_MODULE_2__[/* createHook */ "a"])({
name: "CompositeItem",
compose: [_Clickable_Clickable_js__WEBPACK_IMPORTED_MODULE_11__[/* useClickable */ "a"], _Id_Id_js__WEBPACK_IMPORTED_MODULE_15__[/* unstable_useId */ "a"]],
useState: _CompositeState_3a25dcee_js__WEBPACK_IMPORTED_MODULE_14__[/* u */ "g"],
propsAreEqual: function propsAreEqual(prev, next) {
if (!next.id || prev.id !== next.id) {
return _Clickable_Clickable_js__WEBPACK_IMPORTED_MODULE_11__[/* useClickable */ "a"].unstable_propsAreEqual(prev, next);
}
var prevCurrentId = prev.currentId,
prevMoves = prev.unstable_moves,
prevProps = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* _ */ "a"])(prev, ["currentId", "unstable_moves"]);
var nextCurrentId = next.currentId,
nextMoves = next.unstable_moves,
nextProps = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* _ */ "a"])(next, ["currentId", "unstable_moves"]);
if (nextCurrentId !== prevCurrentId) {
if (next.id === nextCurrentId || next.id === prevCurrentId) {
return false;
}
} else if (prevMoves !== nextMoves) {
return false;
}
return _Clickable_Clickable_js__WEBPACK_IMPORTED_MODULE_11__[/* useClickable */ "a"].unstable_propsAreEqual(prevProps, nextProps);
},
useOptions: function useOptions(options) {
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])(Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({}, options), {}, {
id: options.id,
currentId: Object(_CompositeState_3a25dcee_js__WEBPACK_IMPORTED_MODULE_14__[/* g */ "e"])(options),
unstable_clickOnSpace: options.unstable_hasActiveWidget ? false : options.unstable_clickOnSpace
});
},
useProps: function useProps(options, _ref) {
var _options$items2;
var htmlRef = _ref.ref,
_ref$tabIndex = _ref.tabIndex,
htmlTabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
htmlOnFocus = _ref.onFocus,
htmlOnBlur = _ref.onBlur,
htmlOnKeyDown = _ref.onKeyDown,
htmlOnClick = _ref.onClick,
htmlProps = Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* _ */ "a"])(_ref, ["ref", "tabIndex", "onFocus", "onBlur", "onKeyDown", "onClick"]);
var ref = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])(null);
var id = options.id;
var trulyDisabled = options.disabled && !options.focusable;
var isCurrentItem = options.currentId === id;
var isCurrentItemRef = Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_6__[/* useLiveRef */ "a"])(isCurrentItem);
var hasFocusedComposite = Object(react__WEBPACK_IMPORTED_MODULE_3__["useRef"])(false);
var item = useItem(options);
var onFocusRef = Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_6__[/* useLiveRef */ "a"])(htmlOnFocus);
var onBlurRef = Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_6__[/* useLiveRef */ "a"])(htmlOnBlur);
var onKeyDownRef = Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_6__[/* useLiveRef */ "a"])(htmlOnKeyDown);
var onClickRef = Object(reakit_utils_useLiveRef__WEBPACK_IMPORTED_MODULE_6__[/* useLiveRef */ "a"])(htmlOnClick);
var shouldTabIndex = !options.unstable_virtual && !options.unstable_hasActiveWidget && isCurrentItem || // We don't want to set tabIndex="-1" when using CompositeItem as a
// standalone component, without state props.
!((_options$items2 = options.items) === null || _options$items2 === void 0 ? void 0 : _options$items2.length);
Object(react__WEBPACK_IMPORTED_MODULE_3__["useEffect"])(function () {
var _options$registerItem;
if (!id) return undefined;
(_options$registerItem = options.registerItem) === null || _options$registerItem === void 0 ? void 0 : _options$registerItem.call(options, {
id: id,
ref: ref,
disabled: !!trulyDisabled
});
return function () {
var _options$unregisterIt;
(_options$unregisterIt = options.unregisterItem) === null || _options$unregisterIt === void 0 ? void 0 : _options$unregisterIt.call(options, id);
};
}, [id, trulyDisabled, options.registerItem, options.unregisterItem]);
Object(react__WEBPACK_IMPORTED_MODULE_3__["useEffect"])(function () {
var element = ref.current;
if (!element) {
false ? undefined : void 0;
return;
} // `moves` will be incremented whenever next, previous, up, down, first,
// last or move have been called. This means that the composite item will
// be focused whenever some of these functions are called. We're using
// isCurrentItemRef instead of isCurrentItem because we don't want to
// focus the item if isCurrentItem changes (and options.moves doesn't).
if (options.unstable_moves && isCurrentItemRef.current) {
element.focus();
}
}, [options.unstable_moves]);
var onFocus = Object(react__WEBPACK_IMPORTED_MODULE_3__["useCallback"])(function (event) {
var _onFocusRef$current, _options$setCurrentId;
(_onFocusRef$current = onFocusRef.current) === null || _onFocusRef$current === void 0 ? void 0 : _onFocusRef$current.call(onFocusRef, event);
if (event.defaultPrevented) return;
if (Object(reakit_utils_isPortalEvent__WEBPACK_IMPORTED_MODULE_9__[/* isPortalEvent */ "a"])(event)) return;
if (!id) return;
if (targetIsAnotherItem(event, options.items)) return;
(_options$setCurrentId = options.setCurrentId) === null || _options$setCurrentId === void 0 ? void 0 : _options$setCurrentId.call(options, id); // When using aria-activedescendant, we want to make sure that the
// composite container receives focus, not the composite item.
// But we don't want to do this if the target is another focusable
// element inside the composite item, such as CompositeItemWidget.
if (options.unstable_virtual && options.baseId && Object(reakit_utils_isSelfTarget__WEBPACK_IMPORTED_MODULE_7__[/* isSelfTarget */ "a"])(event)) {
var target = event.target;
var composite = Object(reakit_utils_getDocument__WEBPACK_IMPORTED_MODULE_13__[/* getDocument */ "a"])(target).getElementById(options.baseId);
if (composite) {
hasFocusedComposite.current = true;
Object(reakit_utils_tabbable__WEBPACK_IMPORTED_MODULE_10__[/* ensureFocus */ "a"])(composite);
}
}
}, [id, options.items, options.setCurrentId, options.unstable_virtual, options.baseId]);
var onBlur = Object(react__WEBPACK_IMPORTED_MODULE_3__["useCallback"])(function (event) {
var _onBlurRef$current;
if (options.unstable_virtual) {
if (hasFocusedComposite.current) {
// When hasFocusedComposite is true, composite has been focused
// right after focusing this item. This is an intermediate blur
// event, so we ignore it.
hasFocusedComposite.current = false;
event.preventDefault();
event.stopPropagation();
return;
}
}
(_onBlurRef$current = onBlurRef.current) === null || _onBlurRef$current === void 0 ? void 0 : _onBlurRef$current.call(onBlurRef, event);
}, [options.unstable_virtual]);
var onCharacterKeyDown = Object(react__WEBPACK_IMPORTED_MODULE_3__["useCallback"])(function (event) {
var _onKeyDownRef$current;
(_onKeyDownRef$current = onKeyDownRef.current) === null || _onKeyDownRef$current === void 0 ? void 0 : _onKeyDownRef$current.call(onKeyDownRef, event);
if (!Object(reakit_utils_isSelfTarget__WEBPACK_IMPORTED_MODULE_7__[/* isSelfTarget */ "a"])(event)) return;
if (event.key.length === 1 && event.key !== " ") {
var widget = getWidget(event.currentTarget);
if (widget && Object(reakit_utils_isTextField__WEBPACK_IMPORTED_MODULE_16__[/* isTextField */ "a"])(widget)) {
widget.focus();
var key = event.key; // Using RAF here because otherwise the key will be added twice
// to the input when using roving tabindex
window.requestAnimationFrame(function () {
Object(_setTextFieldValue_78ab5d56_js__WEBPACK_IMPORTED_MODULE_17__[/* s */ "a"])(widget, key);
});
}
}
}, []);
var onKeyDown = Object(react__WEBPACK_IMPORTED_MODULE_3__["useMemo"])(function () {
return Object(reakit_utils_createOnKeyDown__WEBPACK_IMPORTED_MODULE_12__[/* createOnKeyDown */ "a"])({
onKeyDown: onCharacterKeyDown,
stopPropagation: true,
// We don't want to listen to focusable elements inside the composite
// item, such as a CompositeItemWidget.
shouldKeyDown: reakit_utils_isSelfTarget__WEBPACK_IMPORTED_MODULE_7__[/* isSelfTarget */ "a"],
keyMap: function keyMap() {
// `options.orientation` can also be undefined, which means that
// both `isVertical` and `isHorizontal` will be `true`.
var isVertical = options.orientation !== "horizontal";
var isHorizontal = options.orientation !== "vertical";
var isGrid = !!(item === null || item === void 0 ? void 0 : item.groupId);
var Delete = function Delete(event) {
var widget = getWidget(event.currentTarget);
if (widget && Object(reakit_utils_isTextField__WEBPACK_IMPORTED_MODULE_16__[/* isTextField */ "a"])(widget)) {
Object(_setTextFieldValue_78ab5d56_js__WEBPACK_IMPORTED_MODULE_17__[/* s */ "a"])(widget, "");
}
};
var up = options.up && function () {
return options.up();
};
var next = options.next && function () {
return options.next();
};
var down = options.down && function () {
return options.down();
};
var previous = options.previous && function () {
return options.previous();
};
return {
Delete: Delete,
Backspace: Delete,
ArrowUp: (isGrid || isVertical) && up,
ArrowRight: (isGrid || isHorizontal) && next,
ArrowDown: (isGrid || isVertical) && down,
ArrowLeft: (isGrid || isHorizontal) && previous,
Home: function Home(event) {
if (!isGrid || event.ctrlKey) {
var _options$first;
(_options$first = options.first) === null || _options$first === void 0 ? void 0 : _options$first.call(options);
} else {
var _options$previous;
(_options$previous = options.previous) === null || _options$previous === void 0 ? void 0 : _options$previous.call(options, true);
}
},
End: function End(event) {
if (!isGrid || event.ctrlKey) {
var _options$last;
(_options$last = options.last) === null || _options$last === void 0 ? void 0 : _options$last.call(options);
} else {
var _options$next;
(_options$next = options.next) === null || _options$next === void 0 ? void 0 : _options$next.call(options, true);
}
},
PageUp: function PageUp() {
if (isGrid) {
var _options$up;
(_options$up = options.up) === null || _options$up === void 0 ? void 0 : _options$up.call(options, true);
} else {
var _options$first2;
(_options$first2 = options.first) === null || _options$first2 === void 0 ? void 0 : _options$first2.call(options);
}
},
PageDown: function PageDown() {
if (isGrid) {
var _options$down;
(_options$down = options.down) === null || _options$down === void 0 ? void 0 : _options$down.call(options, true);
} else {
var _options$last2;
(_options$last2 = options.last) === null || _options$last2 === void 0 ? void 0 : _options$last2.call(options);
}
}
};
}
});
}, [onCharacterKeyDown, options.orientation, item, options.up, options.next, options.down, options.previous, options.first, options.last]);
var onClick = Object(react__WEBPACK_IMPORTED_MODULE_3__["useCallback"])(function (event) {
var _onClickRef$current;
(_onClickRef$current = onClickRef.current) === null || _onClickRef$current === void 0 ? void 0 : _onClickRef$current.call(onClickRef, event);
if (event.defaultPrevented) return;
var element = event.currentTarget;
var widget = getWidget(element);
if (widget && !Object(reakit_utils_hasFocusWithin__WEBPACK_IMPORTED_MODULE_8__[/* hasFocusWithin */ "a"])(widget)) {
// If there's a widget inside the composite item, we make sure it's
// focused when pressing enter, space or clicking on the composite item.
widget.focus();
}
}, []);
return Object(_rollupPluginBabelHelpers_1f0bf8c2_js__WEBPACK_IMPORTED_MODULE_0__[/* a */ "b"])({
ref: Object(reakit_utils_useForkRef__WEBPACK_IMPORTED_MODULE_4__[/* useForkRef */ "a"])(ref, htmlRef),
id: id,
tabIndex: shouldTabIndex ? htmlTabIndex : -1,
"aria-selected": options.unstable_virtual && isCurrentItem ? true : undefined,
onFocus: onFocus,
onBlur: onBlur,
onKeyDown: onKeyDown,
onClick: onClick
}, htmlProps);
}
});
var CompositeItem = Object(reakit_system_createComponent__WEBPACK_IMPORTED_MODULE_1__[/* createComponent */ "a"])({
as: "button",
memo: true,
useHook: useCompositeItem
});
/***/ }),
/* 121 */,
/* 122 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createEvent; });
/* harmony import */ var _getDocument_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(47);
/**
* Creates an `Event` in a way that also works on IE 11.
*
* @example
* import { createEvent } from "reakit-utils";
*
* const el = document.getElementById("id");
* el.dispatchEvent(createEvent(el, "blur", { bubbles: false }));
*/
function createEvent(element, type, eventInit) {
var _eventInit, _eventInit2;
if (eventInit === void 0) {
eventInit = {};
}
if (typeof Event === "function") {
return new Event(type, eventInit);
} // IE 11 doesn't support Event constructors
var event = Object(_getDocument_js__WEBPACK_IMPORTED_MODULE_0__[/* getDocument */ "a"])(element).createEvent("Event");
event.initEvent(type, (_eventInit = eventInit) === null || _eventInit === void 0 ? void 0 : _eventInit.bubbles, (_eventInit2 = eventInit) === null || _eventInit2 === void 0 ? void 0 : _eventInit2.cancelable);
return event;
}
/***/ }),
/* 123 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
module.exports = __webpack_require__(177);
/***/ }),
/* 124 */,
/* 125 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["shortcode"]; }());
/***/ }),
/* 126 */,
/* 127 */,
/* 128 */,
/* 129 */,
/* 130 */,
/* 131 */,
/* 132 */,
/* 133 */,
/* 134 */,
/* 135 */,
/* 136 */,
/* 137 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(5);
/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(15);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__);
function 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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { Object(_babel_runtime_helpers_esm_defineProperty__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* WordPress dependencies
*/
// Disable reason: JSDoc linter doesn't seem to parse the union (`&`) correctly.
/* eslint-disable jsdoc/valid-types */
/** @typedef {{icon: JSX.Element, size?: number} & import('react').ComponentPropsWithoutRef<'SVG'>} IconProps */
/* eslint-enable jsdoc/valid-types */
/**
* Return an SVG icon.
*
* @param {IconProps} props icon is the SVG component to render
* size is a number specifiying the icon size in pixels
* Other props will be passed to wrapped SVG component
*
* @return {JSX.Element} Icon component
*/
function Icon(_ref) {
var icon = _ref.icon,
_ref$size = _ref.size,
size = _ref$size === void 0 ? 24 : _ref$size,
props = Object(_babel_runtime_helpers_esm_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(_ref, ["icon", "size"]);
return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_2__["cloneElement"])(icon, _objectSpread({
width: size,
height: size
}, props));
}
/* harmony default export */ __webpack_exports__["a"] = (Icon);
/***/ }),
/* 138 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/**
* 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.
*/
var ReactPropTypesSecret = __webpack_require__(139);
function emptyFunction() {}
function emptyFunctionWithReset() {}
emptyFunctionWithReset.resetWarningCache = emptyFunction;
module.exports = function() {
function shim(props, propName, componentName, location, propFullName, secret) {
if (secret === ReactPropTypesSecret) {
// It is still safe when called from React.
return;
}
var err = new Error(
'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
'Use PropTypes.checkPropTypes() to call them. ' +
'Read more at http://fb.me/use-check-prop-types'
);
err.name = 'Invariant Violation';
throw err;
};
shim.isRequired = shim;
function getShim() {
return shim;
};
// Important!
// Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
var ReactPropTypes = {
array: shim,
bool: shim,
func: shim,
number: shim,
object: shim,
string: shim,
symbol: shim,
any: shim,
arrayOf: getShim,
element: shim,
elementType: shim,
instanceOf: getShim,
node: shim,
objectOf: getShim,
oneOf: getShim,
oneOfType: getShim,
shape: getShim,
exact: getShim,
checkPropTypes: emptyFunctionWithReset,
resetWarningCache: emptyFunction
};
ReactPropTypes.PropTypes = ReactPropTypes;
return ReactPropTypes;
};
/***/ }),
/* 139 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/**
* 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.
*/
var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
module.exports = ReactPropTypesSecret;
/***/ }),
/* 140 */,
/* 141 */,
/* 142 */,
/* 143 */,
/* 144 */,
/* 145 */
/***/ (function(module, exports) {
function _inheritsLoose(subClass, superClass) {
subClass.prototype = Object.create(superClass.prototype);
subClass.prototype.constructor = subClass;
subClass.__proto__ = superClass;
}
module.exports = _inheritsLoose;
/***/ }),
/* 146 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _toArray; });
/* harmony import */ var _arrayWithHoles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(38);
/* harmony import */ var _iterableToArray__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(35);
/* harmony import */ var _unsupportedIterableToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(29);
/* harmony import */ var _nonIterableRest__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(39);
function _toArray(arr) {
return Object(_arrayWithHoles__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"])(arr) || Object(_iterableToArray__WEBPACK_IMPORTED_MODULE_1__[/* default */ "a"])(arr) || Object(_unsupportedIterableToArray__WEBPACK_IMPORTED_MODULE_2__[/* default */ "a"])(arr) || Object(_nonIterableRest__WEBPACK_IMPORTED_MODULE_3__[/* default */ "a"])();
}
/***/ }),
/* 147 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["wordcount"]; }());
/***/ }),
/* 148 */,
/* 149 */,
/* 150 */,
/* 151 */,
/* 152 */
/***/ (function(module, exports) {
(function() { module.exports = this["wp"]["tokenList"]; }());
/***/ }),
/* 153 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var close = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"
}));
/* harmony default export */ __webpack_exports__["a"] = (close);
/***/ }),
/* 154 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var check = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M9 18.6L3.5 13l1-1L9 16.4l9.5-9.9 1 1z"
}));
/* harmony default export */ __webpack_exports__["a"] = (check);
/***/ }),
/* 155 */,
/* 156 */,
/* 157 */,
/* 158 */,
/* 159 */,
/* 160 */,
/* 161 */,
/* 162 */,
/* 163 */,
/* 164 */
/***/ (function(module, exports) {
if (typeof Object.create === 'function') {
// implementation from standard node.js 'util' module
module.exports = function inherits(ctor, superCtor) {
if (superCtor) {
ctor.super_ = superCtor
ctor.prototype = Object.create(superCtor.prototype, {
constructor: {
value: ctor,
enumerable: false,
writable: true,
configurable: true
}
})
}
};
} else {
// old school shim for old browsers
module.exports = function inherits(ctor, superCtor) {
if (superCtor) {
ctor.super_ = superCtor
var TempCtor = function () {}
TempCtor.prototype = superCtor.prototype
ctor.prototype = new TempCtor()
ctor.prototype.constructor = ctor
}
}
}
/***/ }),
/* 165 */,
/* 166 */,
/* 167 */,
/* 168 */,
/* 169 */
/***/ (function(module, exports) {
function _extends() {
module.exports = _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);
}
module.exports = _extends;
/***/ }),
/* 170 */
/***/ (function(module, exports) {
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;
}
module.exports = _objectWithoutPropertiesLoose;
/***/ }),
/* 171 */
/***/ (function(module, exports) {
function _assertThisInitialized(self) {
if (self === void 0) {
throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
}
return self;
}
module.exports = _assertThisInitialized;
/***/ }),
/* 172 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var __extends = (this && this.__extends) || (function () {
var extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
return function (d, b) {
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
var __assign = (this && this.__assign) || Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) if (e.indexOf(p[i]) < 0)
t[p[i]] = s[p[i]];
return t;
};
exports.__esModule = true;
var React = __webpack_require__(13);
var PropTypes = __webpack_require__(28);
var autosize = __webpack_require__(173);
var _getLineHeight = __webpack_require__(174);
var getLineHeight = _getLineHeight;
var UPDATE = 'autosize:update';
var DESTROY = 'autosize:destroy';
var RESIZED = 'autosize:resized';
/**
* A light replacement for built-in textarea component
* which automaticaly adjusts its height to match the content
*/
var TextareaAutosize = /** @class */ (function (_super) {
__extends(TextareaAutosize, _super);
function TextareaAutosize() {
var _this = _super !== null && _super.apply(this, arguments) || this;
_this.state = {
lineHeight: null
};
_this.dispatchEvent = function (EVENT_TYPE) {
var event = document.createEvent('Event');
event.initEvent(EVENT_TYPE, true, false);
_this.textarea.dispatchEvent(event);
};
_this.updateLineHeight = function () {
_this.setState({
lineHeight: getLineHeight(_this.textarea)
});
};
_this.onChange = function (e) {
var onChange = _this.props.onChange;
_this.currentValue = e.currentTarget.value;
onChange && onChange(e);
};
_this.saveDOMNodeRef = function (ref) {
var innerRef = _this.props.innerRef;
if (innerRef) {
innerRef(ref);
}
_this.textarea = ref;
};
_this.getLocals = function () {
var _a = _this, _b = _a.props, onResize = _b.onResize, maxRows = _b.maxRows, onChange = _b.onChange, style = _b.style, innerRef = _b.innerRef, props = __rest(_b, ["onResize", "maxRows", "onChange", "style", "innerRef"]), lineHeight = _a.state.lineHeight, saveDOMNodeRef = _a.saveDOMNodeRef;
var maxHeight = maxRows && lineHeight ? lineHeight * maxRows : null;
return __assign({}, props, { saveDOMNodeRef: saveDOMNodeRef, style: maxHeight ? __assign({}, style, { maxHeight: maxHeight }) : style, onChange: _this.onChange });
};
return _this;
}
TextareaAutosize.prototype.componentDidMount = function () {
var _this = this;
var _a = this.props, onResize = _a.onResize, maxRows = _a.maxRows;
if (typeof maxRows === 'number') {
this.updateLineHeight();
}
/*
the defer is needed to:
- force "autosize" to activate the scrollbar when this.props.maxRows is passed
- support StyledComponents (see #71)
*/
setTimeout(function () { return autosize(_this.textarea); });
if (onResize) {
this.textarea.addEventListener(RESIZED, onResize);
}
};
TextareaAutosize.prototype.componentWillUnmount = function () {
var onResize = this.props.onResize;
if (onResize) {
this.textarea.removeEventListener(RESIZED, onResize);
}
this.dispatchEvent(DESTROY);
};
TextareaAutosize.prototype.render = function () {
var _a = this.getLocals(), children = _a.children, saveDOMNodeRef = _a.saveDOMNodeRef, locals = __rest(_a, ["children", "saveDOMNodeRef"]);
return (React.createElement("textarea", __assign({}, locals, { ref: saveDOMNodeRef }), children));
};
TextareaAutosize.prototype.componentDidUpdate = function (prevProps) {
if (this.props.value !== this.currentValue || this.props.rows !== prevProps.rows) {
this.dispatchEvent(UPDATE);
}
};
TextareaAutosize.defaultProps = {
rows: 1
};
TextareaAutosize.propTypes = {
rows: PropTypes.number,
maxRows: PropTypes.number,
onResize: PropTypes.func,
innerRef: PropTypes.func
};
return TextareaAutosize;
}(React.Component));
exports["default"] = TextareaAutosize;
/***/ }),
/* 173 */
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
autosize 4.0.2
license: MIT
http://www.jacklmoore.com/autosize
*/
(function (global, factory) {
if (true) {
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [module, exports], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else { var mod; }
})(this, function (module, exports) {
'use strict';
var map = typeof Map === "function" ? new Map() : function () {
var keys = [];
var values = [];
return {
has: function has(key) {
return keys.indexOf(key) > -1;
},
get: function get(key) {
return values[keys.indexOf(key)];
},
set: function set(key, value) {
if (keys.indexOf(key) === -1) {
keys.push(key);
values.push(value);
}
},
delete: function _delete(key) {
var index = keys.indexOf(key);
if (index > -1) {
keys.splice(index, 1);
values.splice(index, 1);
}
}
};
}();
var createEvent = function createEvent(name) {
return new Event(name, { bubbles: true });
};
try {
new Event('test');
} catch (e) {
// IE does not support `new Event()`
createEvent = function createEvent(name) {
var evt = document.createEvent('Event');
evt.initEvent(name, true, false);
return evt;
};
}
function assign(ta) {
if (!ta || !ta.nodeName || ta.nodeName !== 'TEXTAREA' || map.has(ta)) return;
var heightOffset = null;
var clientWidth = null;
var cachedHeight = null;
function init() {
var style = window.getComputedStyle(ta, null);
if (style.resize === 'vertical') {
ta.style.resize = 'none';
} else if (style.resize === 'both') {
ta.style.resize = 'horizontal';
}
if (style.boxSizing === 'content-box') {
heightOffset = -(parseFloat(style.paddingTop) + parseFloat(style.paddingBottom));
} else {
heightOffset = parseFloat(style.borderTopWidth) + parseFloat(style.borderBottomWidth);
}
// Fix when a textarea is not on document body and heightOffset is Not a Number
if (isNaN(heightOffset)) {
heightOffset = 0;
}
update();
}
function changeOverflow(value) {
{
// Chrome/Safari-specific fix:
// When the textarea y-overflow is hidden, Chrome/Safari do not reflow the text to account for the space
// made available by removing the scrollbar. The following forces the necessary text reflow.
var width = ta.style.width;
ta.style.width = '0px';
// Force reflow:
/* jshint ignore:start */
ta.offsetWidth;
/* jshint ignore:end */
ta.style.width = width;
}
ta.style.overflowY = value;
}
function getParentOverflows(el) {
var arr = [];
while (el && el.parentNode && el.parentNode instanceof Element) {
if (el.parentNode.scrollTop) {
arr.push({
node: el.parentNode,
scrollTop: el.parentNode.scrollTop
});
}
el = el.parentNode;
}
return arr;
}
function resize() {
if (ta.scrollHeight === 0) {
// If the scrollHeight is 0, then the element probably has display:none or is detached from the DOM.
return;
}
var overflows = getParentOverflows(ta);
var docTop = document.documentElement && document.documentElement.scrollTop; // Needed for Mobile IE (ticket #240)
ta.style.height = '';
ta.style.height = ta.scrollHeight + heightOffset + 'px';
// used to check if an update is actually necessary on window.resize
clientWidth = ta.clientWidth;
// prevents scroll-position jumping
overflows.forEach(function (el) {
el.node.scrollTop = el.scrollTop;
});
if (docTop) {
document.documentElement.scrollTop = docTop;
}
}
function update() {
resize();
var styleHeight = Math.round(parseFloat(ta.style.height));
var computed = window.getComputedStyle(ta, null);
// Using offsetHeight as a replacement for computed.height in IE, because IE does not account use of border-box
var actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(computed.height)) : ta.offsetHeight;
// The actual height not matching the style height (set via the resize method) indicates that
// the max-height has been exceeded, in which case the overflow should be allowed.
if (actualHeight < styleHeight) {
if (computed.overflowY === 'hidden') {
changeOverflow('scroll');
resize();
actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(window.getComputedStyle(ta, null).height)) : ta.offsetHeight;
}
} else {
// Normally keep overflow set to hidden, to avoid flash of scrollbar as the textarea expands.
if (computed.overflowY !== 'hidden') {
changeOverflow('hidden');
resize();
actualHeight = computed.boxSizing === 'content-box' ? Math.round(parseFloat(window.getComputedStyle(ta, null).height)) : ta.offsetHeight;
}
}
if (cachedHeight !== actualHeight) {
cachedHeight = actualHeight;
var evt = createEvent('autosize:resized');
try {
ta.dispatchEvent(evt);
} catch (err) {
// Firefox will throw an error on dispatchEvent for a detached element
// https://bugzilla.mozilla.org/show_bug.cgi?id=889376
}
}
}
var pageResize = function pageResize() {
if (ta.clientWidth !== clientWidth) {
update();
}
};
var destroy = function (style) {
window.removeEventListener('resize', pageResize, false);
ta.removeEventListener('input', update, false);
ta.removeEventListener('keyup', update, false);
ta.removeEventListener('autosize:destroy', destroy, false);
ta.removeEventListener('autosize:update', update, false);
Object.keys(style).forEach(function (key) {
ta.style[key] = style[key];
});
map.delete(ta);
}.bind(ta, {
height: ta.style.height,
resize: ta.style.resize,
overflowY: ta.style.overflowY,
overflowX: ta.style.overflowX,
wordWrap: ta.style.wordWrap
});
ta.addEventListener('autosize:destroy', destroy, false);
// IE9 does not fire onpropertychange or oninput for deletions,
// so binding to onkeyup to catch most of those events.
// There is no way that I know of to detect something like 'cut' in IE9.
if ('onpropertychange' in ta && 'oninput' in ta) {
ta.addEventListener('keyup', update, false);
}
window.addEventListener('resize', pageResize, false);
ta.addEventListener('input', update, false);
ta.addEventListener('autosize:update', update, false);
ta.style.overflowX = 'hidden';
ta.style.wordWrap = 'break-word';
map.set(ta, {
destroy: destroy,
update: update
});
init();
}
function destroy(ta) {
var methods = map.get(ta);
if (methods) {
methods.destroy();
}
}
function update(ta) {
var methods = map.get(ta);
if (methods) {
methods.update();
}
}
var autosize = null;
// Do nothing in Node.js environment and IE8 (or lower)
if (typeof window === 'undefined' || typeof window.getComputedStyle !== 'function') {
autosize = function autosize(el) {
return el;
};
autosize.destroy = function (el) {
return el;
};
autosize.update = function (el) {
return el;
};
} else {
autosize = function autosize(el, options) {
if (el) {
Array.prototype.forEach.call(el.length ? el : [el], function (x) {
return assign(x, options);
});
}
return el;
};
autosize.destroy = function (el) {
if (el) {
Array.prototype.forEach.call(el.length ? el : [el], destroy);
}
return el;
};
autosize.update = function (el) {
if (el) {
Array.prototype.forEach.call(el.length ? el : [el], update);
}
return el;
};
}
exports.default = autosize;
module.exports = exports['default'];
});
/***/ }),
/* 174 */
/***/ (function(module, exports, __webpack_require__) {
// Load in dependencies
var computedStyle = __webpack_require__(175);
/**
* Calculate the `line-height` of a given node
* @param {HTMLElement} node Element to calculate line height of. Must be in the DOM.
* @returns {Number} `line-height` of the element in pixels
*/
function lineHeight(node) {
// Grab the line-height via style
var lnHeightStr = computedStyle(node, 'line-height');
var lnHeight = parseFloat(lnHeightStr, 10);
// If the lineHeight did not contain a unit (i.e. it was numeric), convert it to ems (e.g. '2.3' === '2.3em')
if (lnHeightStr === lnHeight + '') {
// Save the old lineHeight style and update the em unit to the element
var _lnHeightStyle = node.style.lineHeight;
node.style.lineHeight = lnHeightStr + 'em';
// Calculate the em based height
lnHeightStr = computedStyle(node, 'line-height');
lnHeight = parseFloat(lnHeightStr, 10);
// Revert the lineHeight style
if (_lnHeightStyle) {
node.style.lineHeight = _lnHeightStyle;
} else {
delete node.style.lineHeight;
}
}
// If the lineHeight is in `pt`, convert it to pixels (4px for 3pt)
// DEV: `em` units are converted to `pt` in IE6
// Conversion ratio from https://developer.mozilla.org/en-US/docs/Web/CSS/length
if (lnHeightStr.indexOf('pt') !== -1) {
lnHeight *= 4;
lnHeight /= 3;
// Otherwise, if the lineHeight is in `mm`, convert it to pixels (96px for 25.4mm)
} else if (lnHeightStr.indexOf('mm') !== -1) {
lnHeight *= 96;
lnHeight /= 25.4;
// Otherwise, if the lineHeight is in `cm`, convert it to pixels (96px for 2.54cm)
} else if (lnHeightStr.indexOf('cm') !== -1) {
lnHeight *= 96;
lnHeight /= 2.54;
// Otherwise, if the lineHeight is in `in`, convert it to pixels (96px for 1in)
} else if (lnHeightStr.indexOf('in') !== -1) {
lnHeight *= 96;
// Otherwise, if the lineHeight is in `pc`, convert it to pixels (12pt for 1pc)
} else if (lnHeightStr.indexOf('pc') !== -1) {
lnHeight *= 16;
}
// Continue our computation
lnHeight = Math.round(lnHeight);
// If the line-height is "normal", calculate by font-size
if (lnHeightStr === 'normal') {
// Create a temporary node
var nodeName = node.nodeName;
var _node = document.createElement(nodeName);
_node.innerHTML = ' ';
// If we have a text area, reset it to only 1 row
// https://github.com/twolfson/line-height/issues/4
if (nodeName.toUpperCase() === 'TEXTAREA') {
_node.setAttribute('rows', '1');
}
// Set the font-size of the element
var fontSizeStr = computedStyle(node, 'font-size');
_node.style.fontSize = fontSizeStr;
// Remove default padding/border which can affect offset height
// https://github.com/twolfson/line-height/issues/4
// https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetHeight
_node.style.padding = '0px';
_node.style.border = '0px';
// Append it to the body
var body = document.body;
body.appendChild(_node);
// Assume the line height of the element is the height
var height = _node.offsetHeight;
lnHeight = height;
// Remove our child from the DOM
body.removeChild(_node);
}
// Return the calculated height
return lnHeight;
}
// Export lineHeight
module.exports = lineHeight;
/***/ }),
/* 175 */
/***/ (function(module, exports) {
// This code has been refactored for 140 bytes
// You can see the original here: https://github.com/twolfson/computedStyle/blob/04cd1da2e30fa45844f95f5cb1ac898e9b9ef050/lib/computedStyle.js
var computedStyle = function (el, prop, getComputedStyle) {
getComputedStyle = window.getComputedStyle;
// In one fell swoop
return (
// If we have getComputedStyle
getComputedStyle ?
// Query it
// TODO: From CSS-Query notes, we might need (node, null) for FF
getComputedStyle(el) :
// Otherwise, we are in IE and use currentStyle
el.currentStyle
)[
// Switch to camelCase for CSSOM
// DEV: Grabbed from jQuery
// https://github.com/jquery/jquery/blob/1.9-stable/src/css.js#L191-L194
// https://github.com/jquery/jquery/blob/1.9-stable/src/core.js#L593-L597
prop.replace(/-(\w)/gi, function (word, letter) {
return letter.toUpperCase();
})
];
};
module.exports = computedStyle;
/***/ }),
/* 176 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var closeSmall = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M13 11.9l3.3-3.4-1.1-1-3.2 3.3-3.2-3.3-1.1 1 3.3 3.4-3.5 3.6 1 1L12 13l3.5 3.5 1-1z"
}));
/* harmony default export */ __webpack_exports__["a"] = (closeSmall);
/***/ }),
/* 177 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var util = __webpack_require__(178);
function scrollIntoView(elem, container, config) {
config = config || {};
// document 归一化到 window
if (container.nodeType === 9) {
container = util.getWindow(container);
}
var allowHorizontalScroll = config.allowHorizontalScroll;
var onlyScrollIfNeeded = config.onlyScrollIfNeeded;
var alignWithTop = config.alignWithTop;
var alignWithLeft = config.alignWithLeft;
var offsetTop = config.offsetTop || 0;
var offsetLeft = config.offsetLeft || 0;
var offsetBottom = config.offsetBottom || 0;
var offsetRight = config.offsetRight || 0;
allowHorizontalScroll = allowHorizontalScroll === undefined ? true : allowHorizontalScroll;
var isWin = util.isWindow(container);
var elemOffset = util.offset(elem);
var eh = util.outerHeight(elem);
var ew = util.outerWidth(elem);
var containerOffset = undefined;
var ch = undefined;
var cw = undefined;
var containerScroll = undefined;
var diffTop = undefined;
var diffBottom = undefined;
var win = undefined;
var winScroll = undefined;
var ww = undefined;
var wh = undefined;
if (isWin) {
win = container;
wh = util.height(win);
ww = util.width(win);
winScroll = {
left: util.scrollLeft(win),
top: util.scrollTop(win)
};
// elem 相对 container 可视视窗的距离
diffTop = {
left: elemOffset.left - winScroll.left - offsetLeft,
top: elemOffset.top - winScroll.top - offsetTop
};
diffBottom = {
left: elemOffset.left + ew - (winScroll.left + ww) + offsetRight,
top: elemOffset.top + eh - (winScroll.top + wh) + offsetBottom
};
containerScroll = winScroll;
} else {
containerOffset = util.offset(container);
ch = container.clientHeight;
cw = container.clientWidth;
containerScroll = {
left: container.scrollLeft,
top: container.scrollTop
};
// elem 相对 container 可视视窗的距离
// 注意边框, offset 是边框到根节点
diffTop = {
left: elemOffset.left - (containerOffset.left + (parseFloat(util.css(container, 'borderLeftWidth')) || 0)) - offsetLeft,
top: elemOffset.top - (containerOffset.top + (parseFloat(util.css(container, 'borderTopWidth')) || 0)) - offsetTop
};
diffBottom = {
left: elemOffset.left + ew - (containerOffset.left + cw + (parseFloat(util.css(container, 'borderRightWidth')) || 0)) + offsetRight,
top: elemOffset.top + eh - (containerOffset.top + ch + (parseFloat(util.css(container, 'borderBottomWidth')) || 0)) + offsetBottom
};
}
if (diffTop.top < 0 || diffBottom.top > 0) {
// 强制向上
if (alignWithTop === true) {
util.scrollTop(container, containerScroll.top + diffTop.top);
} else if (alignWithTop === false) {
util.scrollTop(container, containerScroll.top + diffBottom.top);
} else {
// 自动调整
if (diffTop.top < 0) {
util.scrollTop(container, containerScroll.top + diffTop.top);
} else {
util.scrollTop(container, containerScroll.top + diffBottom.top);
}
}
} else {
if (!onlyScrollIfNeeded) {
alignWithTop = alignWithTop === undefined ? true : !!alignWithTop;
if (alignWithTop) {
util.scrollTop(container, containerScroll.top + diffTop.top);
} else {
util.scrollTop(container, containerScroll.top + diffBottom.top);
}
}
}
if (allowHorizontalScroll) {
if (diffTop.left < 0 || diffBottom.left > 0) {
// 强制向上
if (alignWithLeft === true) {
util.scrollLeft(container, containerScroll.left + diffTop.left);
} else if (alignWithLeft === false) {
util.scrollLeft(container, containerScroll.left + diffBottom.left);
} else {
// 自动调整
if (diffTop.left < 0) {
util.scrollLeft(container, containerScroll.left + diffTop.left);
} else {
util.scrollLeft(container, containerScroll.left + diffBottom.left);
}
}
} else {
if (!onlyScrollIfNeeded) {
alignWithLeft = alignWithLeft === undefined ? true : !!alignWithLeft;
if (alignWithLeft) {
util.scrollLeft(container, containerScroll.left + diffTop.left);
} else {
util.scrollLeft(container, containerScroll.left + diffBottom.left);
}
}
}
}
}
module.exports = scrollIntoView;
/***/ }),
/* 178 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _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; };
var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
var RE_NUM = /[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source;
function getClientPosition(elem) {
var box = undefined;
var x = undefined;
var y = undefined;
var doc = elem.ownerDocument;
var body = doc.body;
var docElem = doc && doc.documentElement;
// 根据 GBS 最新数据，A-Grade Browsers 都已支持 getBoundingClientRect 方法，不用再考虑传统的实现方式
box = elem.getBoundingClientRect();
// 注：jQuery 还考虑减去 docElem.clientLeft/clientTop
// 但测试发现，这样反而会导致当 html 和 body 有边距/边框样式时，获取的值不正确
// 此外，ie6 会忽略 html 的 margin 值，幸运地是没有谁会去设置 html 的 margin
x = box.left;
y = box.top;
// In IE, most of the time, 2 extra pixels are added to the top and left
// due to the implicit 2-pixel inset border. In IE6/7 quirks mode and
// IE6 standards mode, this border can be overridden by setting the
// document element's border to zero -- thus, we cannot rely on the
// offset always being 2 pixels.
// In quirks mode, the offset can be determined by querying the body's
// clientLeft/clientTop, but in standards mode, it is found by querying
// the document element's clientLeft/clientTop. Since we already called
// getClientBoundingRect we have already forced a reflow, so it is not
// too expensive just to query them all.
// ie 下应该减去窗口的边框吧，毕竟默认 absolute 都是相对窗口定位的
// 窗口边框标准是设 documentElement ,quirks 时设置 body
// 最好禁止在 body 和 html 上边框 ，但 ie < 9 html 默认有 2px ，减去
// 但是非 ie 不可能设置窗口边框，body html 也不是窗口 ,ie 可以通过 html,body 设置
// 标准 ie 下 docElem.clientTop 就是 border-top
// ie7 html 即窗口边框改变不了。永远为 2
// 但标准 firefox/chrome/ie9 下 docElem.clientTop 是窗口边框，即使设了 border-top 也为 0
x -= docElem.clientLeft || body.clientLeft || 0;
y -= docElem.clientTop || body.clientTop || 0;
return {
left: x,
top: y
};
}
function getScroll(w, top) {
var ret = w['page' + (top ? 'Y' : 'X') + 'Offset'];
var method = 'scroll' + (top ? 'Top' : 'Left');
if (typeof ret !== 'number') {
var d = w.document;
// ie6,7,8 standard mode
ret = d.documentElement[method];
if (typeof ret !== 'number') {
// quirks mode
ret = d.body[method];
}
}
return ret;
}
function getScrollLeft(w) {
return getScroll(w);
}
function getScrollTop(w) {
return getScroll(w, true);
}
function getOffset(el) {
var pos = getClientPosition(el);
var doc = el.ownerDocument;
var w = doc.defaultView || doc.parentWindow;
pos.left += getScrollLeft(w);
pos.top += getScrollTop(w);
return pos;
}
function _getComputedStyle(elem, name, computedStyle_) {
var val = '';
var d = elem.ownerDocument;
var computedStyle = computedStyle_ || d.defaultView.getComputedStyle(elem, null);
// https://github.com/kissyteam/kissy/issues/61
if (computedStyle) {
val = computedStyle.getPropertyValue(name) || computedStyle[name];
}
return val;
}
var _RE_NUM_NO_PX = new RegExp('^(' + RE_NUM + ')(?!px)[a-z%]+$', 'i');
var RE_POS = /^(top|right|bottom|left)$/;
var CURRENT_STYLE = 'currentStyle';
var RUNTIME_STYLE = 'runtimeStyle';
var LEFT = 'left';
var PX = 'px';
function _getComputedStyleIE(elem, name) {
// currentStyle maybe null
// http://msdn.microsoft.com/en-us/library/ms535231.aspx
var ret = elem[CURRENT_STYLE] && elem[CURRENT_STYLE][name];
// 当 width/height 设置为百分比时，通过 pixelLeft 方式转换的 width/height 值
// 一开始就处理了! CUSTOM_STYLE.height,CUSTOM_STYLE.width ,cssHook 解决@2011-08-19
// 在 ie 下不对，需要直接用 offset 方式
// borderWidth 等值也有问题，但考虑到 borderWidth 设为百分比的概率很小，这里就不考虑了
// From the awesome hack by Dean Edwards
// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
// If we're not dealing with a regular pixel number
// but a number that has a weird ending, we need to convert it to pixels
// exclude left right for relativity
if (_RE_NUM_NO_PX.test(ret) && !RE_POS.test(name)) {
// Remember the original values
var style = elem.style;
var left = style[LEFT];
var rsLeft = elem[RUNTIME_STYLE][LEFT];
// prevent flashing of content
elem[RUNTIME_STYLE][LEFT] = elem[CURRENT_STYLE][LEFT];
// Put in the new values to get a computed value out
style[LEFT] = name === 'fontSize' ? '1em' : ret || 0;
ret = style.pixelLeft + PX;
// Revert the changed values
style[LEFT] = left;
elem[RUNTIME_STYLE][LEFT] = rsLeft;
}
return ret === '' ? 'auto' : ret;
}
var getComputedStyleX = undefined;
if (typeof window !== 'undefined') {
getComputedStyleX = window.getComputedStyle ? _getComputedStyle : _getComputedStyleIE;
}
function each(arr, fn) {
for (var i = 0; i < arr.length; i++) {
fn(arr[i]);
}
}
function isBorderBoxFn(elem) {
return getComputedStyleX(elem, 'boxSizing') === 'border-box';
}
var BOX_MODELS = ['margin', 'border', 'padding'];
var CONTENT_INDEX = -1;
var PADDING_INDEX = 2;
var BORDER_INDEX = 1;
var MARGIN_INDEX = 0;
function swap(elem, options, callback) {
var old = {};
var style = elem.style;
var name = undefined;
// Remember the old values, and insert the new ones
for (name in options) {
if (options.hasOwnProperty(name)) {
old[name] = style[name];
style[name] = options[name];
}
}
callback.call(elem);
// Revert the old values
for (name in options) {
if (options.hasOwnProperty(name)) {
style[name] = old[name];
}
}
}
function getPBMWidth(elem, props, which) {
var value = 0;
var prop = undefined;
var j = undefined;
var i = undefined;
for (j = 0; j < props.length; j++) {
prop = props[j];
if (prop) {
for (i = 0; i < which.length; i++) {
var cssProp = undefined;
if (prop === 'border') {
cssProp = prop + which[i] + 'Width';
} else {
cssProp = prop + which[i];
}
value += parseFloat(getComputedStyleX(elem, cssProp)) || 0;
}
}
}
return value;
}
/**
* A crude way of determining if an object is a window
* @member util
*/
function isWindow(obj) {
// must use == for ie8
/* eslint eqeqeq:0 */
return obj != null && obj == obj.window;
}
var domUtils = {};
each(['Width', 'Height'], function (name) {
domUtils['doc' + name] = function (refWin) {
var d = refWin.document;
return Math.max(
// firefox chrome documentElement.scrollHeight< body.scrollHeight
// ie standard mode : documentElement.scrollHeight> body.scrollHeight
d.documentElement['scroll' + name],
// quirks : documentElement.scrollHeight 最大等于可视窗口多一点？
d.body['scroll' + name], domUtils['viewport' + name](d));
};
domUtils['viewport' + name] = function (win) {
// pc browser includes scrollbar in window.innerWidth
var prop = 'client' + name;
var doc = win.document;
var body = doc.body;
var documentElement = doc.documentElement;
var documentElementProp = documentElement[prop];
// 标准模式取 documentElement
// backcompat 取 body
return doc.compatMode === 'CSS1Compat' && documentElementProp || body && body[prop] || documentElementProp;
};
});
/*
得到元素的大小信息
@param elem
@param name
@param {String} [extra] 'padding' : (css width) + padding
'border' : (css width) + padding + border
'margin' : (css width) + padding + border + margin
*/
function getWH(elem, name, extra) {
if (isWindow(elem)) {
return name === 'width' ? domUtils.viewportWidth(elem) : domUtils.viewportHeight(elem);
} else if (elem.nodeType === 9) {
return name === 'width' ? domUtils.docWidth(elem) : domUtils.docHeight(elem);
}
var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];
var borderBoxValue = name === 'width' ? elem.offsetWidth : elem.offsetHeight;
var computedStyle = getComputedStyleX(elem);
var isBorderBox = isBorderBoxFn(elem, computedStyle);
var cssBoxValue = 0;
if (borderBoxValue == null || borderBoxValue <= 0) {
borderBoxValue = undefined;
// Fall back to computed then un computed css if necessary
cssBoxValue = getComputedStyleX(elem, name);
if (cssBoxValue == null || Number(cssBoxValue) < 0) {
cssBoxValue = elem.style[name] || 0;
}
// Normalize '', auto, and prepare for extra
cssBoxValue = parseFloat(cssBoxValue) || 0;
}
if (extra === undefined) {
extra = isBorderBox ? BORDER_INDEX : CONTENT_INDEX;
}
var borderBoxValueOrIsBorderBox = borderBoxValue !== undefined || isBorderBox;
var val = borderBoxValue || cssBoxValue;
if (extra === CONTENT_INDEX) {
if (borderBoxValueOrIsBorderBox) {
return val - getPBMWidth(elem, ['border', 'padding'], which, computedStyle);
}
return cssBoxValue;
}
if (borderBoxValueOrIsBorderBox) {
var padding = extra === PADDING_INDEX ? -getPBMWidth(elem, ['border'], which, computedStyle) : getPBMWidth(elem, ['margin'], which, computedStyle);
return val + (extra === BORDER_INDEX ? 0 : padding);
}
return cssBoxValue + getPBMWidth(elem, BOX_MODELS.slice(extra), which, computedStyle);
}
var cssShow = {
position: 'absolute',
visibility: 'hidden',
display: 'block'
};
// fix #119 : https://github.com/kissyteam/kissy/issues/119
function getWHIgnoreDisplay(elem) {
var val = undefined;
var args = arguments;
// in case elem is window
// elem.offsetWidth === undefined
if (elem.offsetWidth !== 0) {
val = getWH.apply(undefined, args);
} else {
swap(elem, cssShow, function () {
val = getWH.apply(undefined, args);
});
}
return val;
}
function css(el, name, v) {
var value = v;
if ((typeof name === 'undefined' ? 'undefined' : _typeof(name)) === 'object') {
for (var i in name) {
if (name.hasOwnProperty(i)) {
css(el, i, name[i]);
}
}
return undefined;
}
if (typeof value !== 'undefined') {
if (typeof value === 'number') {
value += 'px';
}
el.style[name] = value;
return undefined;
}
return getComputedStyleX(el, name);
}
each(['width', 'height'], function (name) {
var first = name.charAt(0).toUpperCase() + name.slice(1);
domUtils['outer' + first] = function (el, includeMargin) {
return el && getWHIgnoreDisplay(el, name, includeMargin ? MARGIN_INDEX : BORDER_INDEX);
};
var which = name === 'width' ? ['Left', 'Right'] : ['Top', 'Bottom'];
domUtils[name] = function (elem, val) {
if (val !== undefined) {
if (elem) {
var computedStyle = getComputedStyleX(elem);
var isBorderBox = isBorderBoxFn(elem);
if (isBorderBox) {
val += getPBMWidth(elem, ['padding', 'border'], which, computedStyle);
}
return css(elem, name, val);
}
return undefined;
}
return elem && getWHIgnoreDisplay(elem, name, CONTENT_INDEX);
};
});
// 设置 elem 相对 elem.ownerDocument 的坐标
function setOffset(elem, offset) {
// set position first, in-case top/left are set even on static elem
if (css(elem, 'position') === 'static') {
elem.style.position = 'relative';
}
var old = getOffset(elem);
var ret = {};
var current = undefined;
var key = undefined;
for (key in offset) {
if (offset.hasOwnProperty(key)) {
current = parseFloat(css(elem, key)) || 0;
ret[key] = current + offset[key] - old[key];
}
}
css(elem, ret);
}
module.exports = _extends({
getWindow: function getWindow(node) {
var doc = node.ownerDocument || node;
return doc.defaultView || doc.parentWindow;
},
offset: function offset(el, value) {
if (typeof value !== 'undefined') {
setOffset(el, value);
} else {
return getOffset(el);
}
},
isWindow: isWindow,
each: each,
css: css,
clone: function clone(obj) {
var ret = {};
for (var i in obj) {
if (obj.hasOwnProperty(i)) {
ret[i] = obj[i];
}
}
var overflow = obj.overflow;
if (overflow) {
for (var i in obj) {
if (obj.hasOwnProperty(i)) {
ret.overflow[i] = obj.overflow[i];
}
}
}
return ret;
},
scrollLeft: function scrollLeft(w, v) {
if (isWindow(w)) {
if (v === undefined) {
return getScrollLeft(w);
}
window.scrollTo(v, getScrollTop(w));
} else {
if (v === undefined) {
return w.scrollLeft;
}
w.scrollLeft = v;
}
},
scrollTop: function scrollTop(w, v) {
if (isWindow(w)) {
if (v === undefined) {
return getScrollTop(w);
}
window.scrollTo(getScrollLeft(w), v);
} else {
if (v === undefined) {
return w.scrollTop;
}
w.scrollTop = v;
}
},
viewportWidth: 0,
viewportHeight: 0
}, domUtils);
/***/ }),
/* 179 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var link = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M15.6 7.2H14v1.5h1.6c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.8 0 5.2-2.3 5.2-5.2 0-2.9-2.3-5.2-5.2-5.2zM4.7 12.4c0-2 1.7-3.7 3.7-3.7H10V7.2H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2H10v-1.5H8.4c-2 0-3.7-1.7-3.7-3.7zm4.6.9h5.3v-1.5H9.3v1.5z"
}));
/* harmony default export */ __webpack_exports__["a"] = (link);
/***/ }),
/* 180 */,
/* 181 */,
/* 182 */,
/* 183 */,
/* 184 */,
/* 185 */,
/* 186 */,
/* 187 */,
/* 188 */,
/* 189 */,
/* 190 */,
/* 191 */,
/* 192 */,
/* 193 */,
/* 194 */,
/* 195 */,
/* 196 */,
/* 197 */,
/* 198 */,
/* 199 */,
/* 200 */,
/* 201 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var blockDefault = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M19 8h-1V6h-5v2h-2V6H6v2H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm.5 10c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-8c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v8z"
}));
/* harmony default export */ __webpack_exports__["a"] = (blockDefault);
/***/ }),
/* 202 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var keyboardReturn = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "-2 -2 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M16 4h2v9H7v3l-5-4 5-4v3h9V4z"
}));
/* harmony default export */ __webpack_exports__["a"] = (keyboardReturn);
/***/ }),
/* 203 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var upload = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M18.5 15v3.5H13V6.7l4.5 4.1 1-1.1-6.2-5.8-5.8 5.8 1 1.1 4-4v11.7h-6V15H4v5h16v-5z"
}));
/* harmony default export */ __webpack_exports__["a"] = (upload);
/***/ }),
/* 204 */,
/* 205 */,
/* 206 */,
/* 207 */,
/* 208 */,
/* 209 */,
/* 210 */,
/* 211 */,
/* 212 */,
/* 213 */,
/* 214 */,
/* 215 */,
/* 216 */,
/* 217 */,
/* 218 */,
/* 219 */,
/* 220 */,
/* 221 */,
/* 222 */,
/* 223 */,
/* 224 */,
/* 225 */,
/* 226 */,
/* 227 */,
/* 228 */,
/* 229 */,
/* 230 */,
/* 231 */,
/* 232 */,
/* 233 */,
/* 234 */,
/* 235 */,
/* 236 */,
/* 237 */,
/* 238 */,
/* 239 */,
/* 240 */,
/* 241 */,
/* 242 */,
/* 243 */,
/* 244 */,
/* 245 */,
/* 246 */,
/* 247 */,
/* 248 */,
/* 249 */,
/* 250 */,
/* 251 */,
/* 252 */,
/* 253 */,
/* 254 */,
/* 255 */,
/* 256 */,
/* 257 */,
/* 258 */,
/* 259 */,
/* 260 */,
/* 261 */,
/* 262 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
/**
* Redux dispatch multiple actions
*/
function multi(_ref) {
var dispatch = _ref.dispatch;
return function (next) {
return function (action) {
return Array.isArray(action) ? action.filter(Boolean).map(dispatch) : next(action);
};
};
}
/**
* Exports
*/
exports.default = multi;
/***/ }),
/* 263 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/*istanbul ignore start*/
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.diffChars = diffChars;
exports.characterDiff = void 0;
/*istanbul ignore end*/
var
/*istanbul ignore start*/
_base = _interopRequireDefault(__webpack_require__(298))
/*istanbul ignore end*/
;
/*istanbul ignore start*/ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
/*istanbul ignore end*/
var characterDiff = new
/*istanbul ignore start*/
_base
/*istanbul ignore end*/
.
/*istanbul ignore start*/
default
/*istanbul ignore end*/
();
/*istanbul ignore start*/
exports.characterDiff = characterDiff;
/*istanbul ignore end*/
function diffChars(oldStr, newStr, options) {
return characterDiff.diff(oldStr, newStr, options);
}
/***/ }),
/* 264 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/*
Copyright (c) 2014, Yahoo! Inc. All rights reserved.
Copyrights licensed under the New BSD License.
See the accompanying LICENSE file for terms.
*/
exports.match = matchQuery;
exports.parse = parseQuery;
// -----------------------------------------------------------------------------
var RE_MEDIA_QUERY = /(?:(only|not)?\s*([^\s\(\)]+)(?:\s*and)?\s*)?(.+)?/i,
RE_MQ_EXPRESSION = /\(\s*([^\s\:\)]+)\s*(?:\:\s*([^\s\)]+))?\s*\)/,
RE_MQ_FEATURE = /^(?:(min|max)-)?(.+)/,
RE_LENGTH_UNIT = /(em|rem|px|cm|mm|in|pt|pc)?$/,
RE_RESOLUTION_UNIT = /(dpi|dpcm|dppx)?$/;
function matchQuery(mediaQuery, values) {
return parseQuery(mediaQuery).some(function (query) {
var inverse = query.inverse;
// Either the parsed or specified `type` is "all", or the types must be
// equal for a match.
var typeMatch = query.type === 'all' || values.type === query.type;
// Quit early when `type` doesn't match, but take "not" into account.
if ((typeMatch && inverse) || !(typeMatch || inverse)) {
return false;
}
var expressionsMatch = query.expressions.every(function (expression) {
var feature = expression.feature,
modifier = expression.modifier,
expValue = expression.value,
value = values[feature];
// Missing or falsy values don't match.
if (!value) { return false; }
switch (feature) {
case 'orientation':
case 'scan':
return value.toLowerCase() === expValue.toLowerCase();
case 'width':
case 'height':
case 'device-width':
case 'device-height':
expValue = toPx(expValue);
value = toPx(value);
break;
case 'resolution':
expValue = toDpi(expValue);
value = toDpi(value);
break;
case 'aspect-ratio':
case 'device-aspect-ratio':
case /* Deprecated */ 'device-pixel-ratio':
expValue = toDecimal(expValue);
value = toDecimal(value);
break;
case 'grid':
case 'color':
case 'color-index':
case 'monochrome':
expValue = parseInt(expValue, 10) || 1;
value = parseInt(value, 10) || 0;
break;
}
switch (modifier) {
case 'min': return value >= expValue;
case 'max': return value <= expValue;
default : return value === expValue;
}
});
return (expressionsMatch && !inverse) || (!expressionsMatch && inverse);
});
}
function parseQuery(mediaQuery) {
return mediaQuery.split(',').map(function (query) {
query = query.trim();
var captures = query.match(RE_MEDIA_QUERY),
modifier = captures[1],
type = captures[2],
expressions = captures[3] || '',
parsed = {};
parsed.inverse = !!modifier && modifier.toLowerCase() === 'not';
parsed.type = type ? type.toLowerCase() : 'all';
// Split expressions into a list.
expressions = expressions.match(/\([^\)]+\)/g) || [];
parsed.expressions = expressions.map(function (expression) {
var captures = expression.match(RE_MQ_EXPRESSION),
feature = captures[1].toLowerCase().match(RE_MQ_FEATURE);
return {
modifier: feature[1],
feature : feature[2],
value : captures[2]
};
});
return parsed;
});
}
// -- Utilities ----------------------------------------------------------------
function toDecimal(ratio) {
var decimal = Number(ratio),
numbers;
if (!decimal) {
numbers = ratio.match(/^(\d+)\s*\/\s*(\d+)$/);
decimal = numbers[1] / numbers[2];
}
return decimal;
}
function toDpi(resolution) {
var value = parseFloat(resolution),
units = String(resolution).match(RE_RESOLUTION_UNIT)[1];
switch (units) {
case 'dpcm': return value / 2.54;
case 'dppx': return value * 96;
default : return value;
}
}
function toPx(length) {
var value = parseFloat(length),
units = String(length).match(RE_LENGTH_UNIT)[1];
switch (units) {
case 'em' : return value * 16;
case 'rem': return value * 16;
case 'cm' : return value * 96 / 2.54;
case 'mm' : return value * 96 / 2.54 / 10;
case 'in' : return value * 96;
case 'pt' : return value * 72;
case 'pc' : return value * 72 / 12;
default : return value;
}
}
/***/ }),
/* 265 */
/***/ (function(module, exports) {
var traverse = module.exports = function (obj) {
return new Traverse(obj);
};
function Traverse (obj) {
this.value = obj;
}
Traverse.prototype.get = function (ps) {
var node = this.value;
for (var i = 0; i < ps.length; i ++) {
var key = ps[i];
if (!node || !hasOwnProperty.call(node, key)) {
node = undefined;
break;
}
node = node[key];
}
return node;
};
Traverse.prototype.has = function (ps) {
var node = this.value;
for (var i = 0; i < ps.length; i ++) {
var key = ps[i];
if (!node || !hasOwnProperty.call(node, key)) {
return false;
}
node = node[key];
}
return true;
};
Traverse.prototype.set = function (ps, value) {
var node = this.value;
for (var i = 0; i < ps.length - 1; i ++) {
var key = ps[i];
if (!hasOwnProperty.call(node, key)) node[key] = {};
node = node[key];
}
node[ps[i]] = value;
return value;
};
Traverse.prototype.map = function (cb) {
return walk(this.value, cb, true);
};
Traverse.prototype.forEach = function (cb) {
this.value = walk(this.value, cb, false);
return this.value;
};
Traverse.prototype.reduce = function (cb, init) {
var skip = arguments.length === 1;
var acc = skip ? this.value : init;
this.forEach(function (x) {
if (!this.isRoot || !skip) {
acc = cb.call(this, acc, x);
}
});
return acc;
};
Traverse.prototype.paths = function () {
var acc = [];
this.forEach(function (x) {
acc.push(this.path);
});
return acc;
};
Traverse.prototype.nodes = function () {
var acc = [];
this.forEach(function (x) {
acc.push(this.node);
});
return acc;
};
Traverse.prototype.clone = function () {
var parents = [], nodes = [];
return (function clone (src) {
for (var i = 0; i < parents.length; i++) {
if (parents[i] === src) {
return nodes[i];
}
}
if (typeof src === 'object' && src !== null) {
var dst = copy(src);
parents.push(src);
nodes.push(dst);
forEach(objectKeys(src), function (key) {
dst[key] = clone(src[key]);
});
parents.pop();
nodes.pop();
return dst;
}
else {
return src;
}
})(this.value);
};
function walk (root, cb, immutable) {
var path = [];
var parents = [];
var alive = true;
return (function walker (node_) {
var node = immutable ? copy(node_) : node_;
var modifiers = {};
var keepGoing = true;
var state = {
node : node,
node_ : node_,
path : [].concat(path),
parent : parents[parents.length - 1],
parents : parents,
key : path.slice(-1)[0],
isRoot : path.length === 0,
level : path.length,
circular : null,
update : function (x, stopHere) {
if (!state.isRoot) {
state.parent.node[state.key] = x;
}
state.node = x;
if (stopHere) keepGoing = false;
},
'delete' : function (stopHere) {
delete state.parent.node[state.key];
if (stopHere) keepGoing = false;
},
remove : function (stopHere) {
if (isArray(state.parent.node)) {
state.parent.node.splice(state.key, 1);
}
else {
delete state.parent.node[state.key];
}
if (stopHere) keepGoing = false;
},
keys : null,
before : function (f) { modifiers.before = f },
after : function (f) { modifiers.after = f },
pre : function (f) { modifiers.pre = f },
post : function (f) { modifiers.post = f },
stop : function () { alive = false },
block : function () { keepGoing = false }
};
if (!alive) return state;
function updateState() {
if (typeof state.node === 'object' && state.node !== null) {
if (!state.keys || state.node_ !== state.node) {
state.keys = objectKeys(state.node)
}
state.isLeaf = state.keys.length == 0;
for (var i = 0; i < parents.length; i++) {
if (parents[i].node_ === node_) {
state.circular = parents[i];
break;
}
}
}
else {
state.isLeaf = true;
state.keys = null;
}
state.notLeaf = !state.isLeaf;
state.notRoot = !state.isRoot;
}
updateState();
// use return values to update if defined
var ret = cb.call(state, state.node);
if (ret !== undefined && state.update) state.update(ret);
if (modifiers.before) modifiers.before.call(state, state.node);
if (!keepGoing) return state;
if (typeof state.node == 'object'
&& state.node !== null && !state.circular) {
parents.push(state);
updateState();
forEach(state.keys, function (key, i) {
path.push(key);
if (modifiers.pre) modifiers.pre.call(state, state.node[key], key);
var child = walker(state.node[key]);
if (immutable && hasOwnProperty.call(state.node, key)) {
state.node[key] = child.node;
}
child.isLast = i == state.keys.length - 1;
child.isFirst = i == 0;
if (modifiers.post) modifiers.post.call(state, child);
path.pop();
});
parents.pop();
}
if (modifiers.after) modifiers.after.call(state, state.node);
return state;
})(root).node;
}
function copy (src) {
if (typeof src === 'object' && src !== null) {
var dst;
if (isArray(src)) {
dst = [];
}
else if (isDate(src)) {
dst = new Date(src.getTime ? src.getTime() : src);
}
else if (isRegExp(src)) {
dst = new RegExp(src);
}
else if (isError(src)) {
dst = { message: src.message };
}
else if (isBoolean(src)) {
dst = new Boolean(src);
}
else if (isNumber(src)) {
dst = new Number(src);
}
else if (isString(src)) {
dst = new String(src);
}
else if (Object.create && Object.getPrototypeOf) {
dst = Object.create(Object.getPrototypeOf(src));
}
else if (src.constructor === Object) {
dst = {};
}
else {
var proto =
(src.constructor && src.constructor.prototype)
|| src.__proto__
|| {}
;
var T = function () {};
T.prototype = proto;
dst = new T;
}
forEach(objectKeys(src), function (key) {
dst[key] = src[key];
});
return dst;
}
else return src;
}
var objectKeys = Object.keys || function keys (obj) {
var res = [];
for (var key in obj) res.push(key)
return res;
};
function toS (obj) { return Object.prototype.toString.call(obj) }
function isDate (obj) { return toS(obj) === '[object Date]' }
function isRegExp (obj) { return toS(obj) === '[object RegExp]' }
function isError (obj) { return toS(obj) === '[object Error]' }
function isBoolean (obj) { return toS(obj) === '[object Boolean]' }
function isNumber (obj) { return toS(obj) === '[object Number]' }
function isString (obj) { return toS(obj) === '[object String]' }
var isArray = Array.isArray || function isArray (xs) {
return Object.prototype.toString.call(xs) === '[object Array]';
};
var forEach = function (xs, fn) {
if (xs.forEach) return xs.forEach(fn)
else for (var i = 0; i < xs.length; i++) {
fn(xs[i], i, xs);
}
};
forEach(objectKeys(Traverse.prototype), function (key) {
traverse[key] = function (obj) {
var args = [].slice.call(arguments, 1);
var t = new Traverse(obj);
return t[key].apply(t, args);
};
});
var hasOwnProperty = Object.hasOwnProperty || function (obj, key) {
return key in obj;
};
/***/ }),
/* 266 */,
/* 267 */,
/* 268 */,
/* 269 */,
/* 270 */,
/* 271 */,
/* 272 */,
/* 273 */,
/* 274 */,
/* 275 */,
/* 276 */,
/* 277 */,
/* 278 */,
/* 279 */,
/* 280 */,
/* 281 */,
/* 282 */,
/* 283 */,
/* 284 */,
/* 285 */,
/* 286 */,
/* 287 */,
/* 288 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var alignLeft = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M4 19.8h8.9v-1.5H4v1.5zm8.9-15.6H4v1.5h8.9V4.2zm-8.9 7v1.5h16v-1.5H4z"
}));
/* harmony default export */ __webpack_exports__["a"] = (alignLeft);
/***/ }),
/* 289 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var alignCenter = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M16.4 4.2H7.6v1.5h8.9V4.2zM4 11.2v1.5h16v-1.5H4zm3.6 8.6h8.9v-1.5H7.6v1.5z"
}));
/* harmony default export */ __webpack_exports__["a"] = (alignCenter);
/***/ }),
/* 290 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var alignRight = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M11.1 19.8H20v-1.5h-8.9v1.5zm0-15.6v1.5H20V4.2h-8.9zM4 12.8h16v-1.5H4v1.5z"
}));
/* harmony default export */ __webpack_exports__["a"] = (alignRight);
/***/ }),
/* 291 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var plus = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"
}));
/* harmony default export */ __webpack_exports__["a"] = (plus);
/***/ }),
/* 292 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var search = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"
}));
/* harmony default export */ __webpack_exports__["a"] = (search);
/***/ }),
/* 293 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var chevronRight = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
}));
/* harmony default export */ __webpack_exports__["a"] = (chevronRight);
/***/ }),
/* 294 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var chevronLeft = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"
}));
/* harmony default export */ __webpack_exports__["a"] = (chevronLeft);
/***/ }),
/* 295 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var chevronUp = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M12 8l-6 5.4 1 1.2 5-4.6 5 4.6 1-1.2z"
}));
/* harmony default export */ __webpack_exports__["a"] = (chevronUp);
/***/ }),
/* 296 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var chevronDown = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M17 9.4L12 14 7 9.4l-1 1.2 6 5.4 6-5.4z"
}));
/* harmony default export */ __webpack_exports__["a"] = (chevronDown);
/***/ }),
/* 297 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var moreVertical = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z"
}));
/* harmony default export */ __webpack_exports__["a"] = (moreVertical);
/***/ }),
/* 298 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
/*istanbul ignore start*/
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = Diff;
/*istanbul ignore end*/
function Diff() {}
Diff.prototype = {
/*istanbul ignore start*/
/*istanbul ignore end*/
diff: function diff(oldString, newString) {
/*istanbul ignore start*/
var
/*istanbul ignore end*/
options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var callback = options.callback;
if (typeof options === 'function') {
callback = options;
options = {};
}
this.options = options;
var self = this;
function done(value) {
if (callback) {
setTimeout(function () {
callback(undefined, value);
}, 0);
return true;
} else {
return value;
}
} // Allow subclasses to massage the input prior to running
oldString = this.castInput(oldString);
newString = this.castInput(newString);
oldString = this.removeEmpty(this.tokenize(oldString));
newString = this.removeEmpty(this.tokenize(newString));
var newLen = newString.length,
oldLen = oldString.length;
var editLength = 1;
var maxEditLength = newLen + oldLen;
var bestPath = [{
newPos: -1,
components: []
}]; // Seed editLength = 0, i.e. the content starts with the same values
var oldPos = this.extractCommon(bestPath[0], newString, oldString, 0);
if (bestPath[0].newPos + 1 >= newLen && oldPos + 1 >= oldLen) {
// Identity per the equality and tokenizer
return done([{
value: this.join(newString),
count: newString.length
}]);
} // Main worker method. checks all permutations of a given edit length for acceptance.
function execEditLength() {
for (var diagonalPath = -1 * editLength; diagonalPath <= editLength; diagonalPath += 2) {
var basePath =
/*istanbul ignore start*/
void 0
/*istanbul ignore end*/
;
var addPath = bestPath[diagonalPath - 1],
removePath = bestPath[diagonalPath + 1],
_oldPos = (removePath ? removePath.newPos : 0) - diagonalPath;
if (addPath) {
// No one else is going to attempt to use this value, clear it
bestPath[diagonalPath - 1] = undefined;
}
var canAdd = addPath && addPath.newPos + 1 < newLen,
canRemove = removePath && 0 <= _oldPos && _oldPos < oldLen;
if (!canAdd && !canRemove) {
// If this path is a terminal then prune
bestPath[diagonalPath] = undefined;
continue;
} // Select the diagonal that we want to branch from. We select the prior
// path whose position in the new string is the farthest from the origin
// and does not pass the bounds of the diff graph
if (!canAdd || canRemove && addPath.newPos < removePath.newPos) {
basePath = clonePath(removePath);
self.pushComponent(basePath.components, undefined, true);
} else {
basePath = addPath; // No need to clone, we've pulled it from the list
basePath.newPos++;
self.pushComponent(basePath.components, true, undefined);
}
_oldPos = self.extractCommon(basePath, newString, oldString, diagonalPath); // If we have hit the end of both strings, then we are done
if (basePath.newPos + 1 >= newLen && _oldPos + 1 >= oldLen) {
return done(buildValues(self, basePath.components, newString, oldString, self.useLongestToken));
} else {
// Otherwise track this path as a potential candidate and continue.
bestPath[diagonalPath] = basePath;
}
}
editLength++;
} // Performs the length of edit iteration. Is a bit fugly as this has to support the
// sync and async mode which is never fun. Loops over execEditLength until a value
// is produced.
if (callback) {
(function exec() {
setTimeout(function () {
// This should not happen, but we want to be safe.
/* istanbul ignore next */
if (editLength > maxEditLength) {
return callback();
}
if (!execEditLength()) {
exec();
}
}, 0);
})();
} else {
while (editLength <= maxEditLength) {
var ret = execEditLength();
if (ret) {
return ret;
}
}
}
},
/*istanbul ignore start*/
/*istanbul ignore end*/
pushComponent: function pushComponent(components, added, removed) {
var last = components[components.length - 1];
if (last && last.added === added && last.removed === removed) {
// We need to clone here as the component clone operation is just
// as shallow array clone
components[components.length - 1] = {
count: last.count + 1,
added: added,
removed: removed
};
} else {
components.push({
count: 1,
added: added,
removed: removed
});
}
},
/*istanbul ignore start*/
/*istanbul ignore end*/
extractCommon: function extractCommon(basePath, newString, oldString, diagonalPath) {
var newLen = newString.length,
oldLen = oldString.length,
newPos = basePath.newPos,
oldPos = newPos - diagonalPath,
commonCount = 0;
while (newPos + 1 < newLen && oldPos + 1 < oldLen && this.equals(newString[newPos + 1], oldString[oldPos + 1])) {
newPos++;
oldPos++;
commonCount++;
}
if (commonCount) {
basePath.components.push({
count: commonCount
});
}
basePath.newPos = newPos;
return oldPos;
},
/*istanbul ignore start*/
/*istanbul ignore end*/
equals: function equals(left, right) {
if (this.options.comparator) {
return this.options.comparator(left, right);
} else {
return left === right || this.options.ignoreCase && left.toLowerCase() === right.toLowerCase();
}
},
/*istanbul ignore start*/
/*istanbul ignore end*/
removeEmpty: function removeEmpty(array) {
var ret = [];
for (var i = 0; i < array.length; i++) {
if (array[i]) {
ret.push(array[i]);
}
}
return ret;
},
/*istanbul ignore start*/
/*istanbul ignore end*/
castInput: function castInput(value) {
return value;
},
/*istanbul ignore start*/
/*istanbul ignore end*/
tokenize: function tokenize(value) {
return value.split('');
},
/*istanbul ignore start*/
/*istanbul ignore end*/
join: function join(chars) {
return chars.join('');
}
};
function buildValues(diff, components, newString, oldString, useLongestToken) {
var componentPos = 0,
componentLen = components.length,
newPos = 0,
oldPos = 0;
for (; componentPos < componentLen; componentPos++) {
var component = components[componentPos];
if (!component.removed) {
if (!component.added && useLongestToken) {
var value = newString.slice(newPos, newPos + component.count);
value = value.map(function (value, i) {
var oldValue = oldString[oldPos + i];
return oldValue.length > value.length ? oldValue : value;
});
component.value = diff.join(value);
} else {
component.value = diff.join(newString.slice(newPos, newPos + component.count));
}
newPos += component.count; // Common case
if (!component.added) {
oldPos += component.count;
}
} else {
component.value = diff.join(oldString.slice(oldPos, oldPos + component.count));
oldPos += component.count; // Reverse add and remove so removes are output first to match common convention
// The diffing algorithm is tied to add then remove output and this is the simplest
// route to get the desired output with minimal overhead.
if (componentPos && components[componentPos - 1].added) {
var tmp = components[componentPos - 1];
components[componentPos - 1] = components[componentPos];
components[componentPos] = tmp;
}
}
} // Special case handle for when one terminal is ignored (i.e. whitespace).
// For this case we merge the terminal into the prior string and drop the change.
// This is only available for string mode.
var lastComponent = components[componentLen - 1];
if (componentLen > 1 && typeof lastComponent.value === 'string' && (lastComponent.added || lastComponent.removed) && diff.equals('', lastComponent.value)) {
components[componentLen - 2].value += lastComponent.value;
components.pop();
}
return components;
}
function clonePath(path) {
return {
newPos: path.newPos,
components: path.components.slice(0)
};
}
/***/ }),
/* 299 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var layout = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "-2 -2 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M2 2h5v11H2V2zm6 0h5v5H8V2zm6 0h4v16h-4V2zM8 8h5v5H8V8zm-6 6h11v4H2v-4z"
}));
/* harmony default export */ __webpack_exports__["a"] = (layout);
/***/ }),
/* 300 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var pencil = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "-2 -2 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M13.89 3.39l2.71 2.72c.46.46.42 1.24.03 1.64l-8.01 8.02-5.56 1.16 1.16-5.58s7.6-7.63 7.99-8.03c.39-.39 1.22-.39 1.68.07zm-2.73 2.79l-5.59 5.61 1.11 1.11 5.54-5.65zm-2.97 8.23l5.58-5.6-1.07-1.08-5.59 5.6zM13.89 3.39l2.71 2.72c.46.46.42 1.24.03 1.64l-8.01 8.02-5.56 1.16 1.16-5.58s7.6-7.63 7.99-8.03c.39-.39 1.22-.39 1.68.07zm-2.73 2.79l-5.59 5.61 1.11 1.11 5.54-5.65zm-2.97 8.23l5.58-5.6-1.07-1.08-5.59 5.6z"
}));
/* harmony default export */ __webpack_exports__["a"] = (pencil);
/***/ }),
/* 301 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(0);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
var edit = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M20.1 5.1L16.9 2 6.2 12.7l-1.3 4.4 4.5-1.3L20.1 5.1zM4 20.8h8v-1.5H4v1.5z"
}));
/* harmony default export */ __webpack_exports__["a"] = (edit);
/***/ }),
/* 302 */,
/* 303 */,
/* 304 */,
/* 305 */,
/* 306 */,
/* 307 */,
/* 308 */,
/* 309 */,
/* 310 */,
/* 311 */,
/* 312 */,
/* 313 */,
/* 314 */,
/* 315 */,
/* 316 */,
/* 317 */,
/* 318 */,
/* 319 */,
/* 320 */,
/* 321 */,
/* 322 */,
/* 323 */,
/* 324 */,
/* 325 */,
/* 326 */,
/* 327 */,
/* 328 */,
/* 329 */,
/* 330 */,
/* 331 */,
/* 332 */,
/* 333 */,
/* 334 */,
/* 335 */,
/* 336 */,
/* 337 */,
/* 338 */,
/* 339 */,
/* 340 */,
/* 341 */,
/* 342 */,
/* 343 */,
/* 344 */,
/* 345 */,
/* 346 */,
/* 347 */,
/* 348 */,
/* 349 */,
/* 350 */,
/* 351 */,
/* 352 */,
/* 353 */,
/* 354 */,
/* 355 */,
/* 356 */,
/* 357 */,
/* 358 */,
/* 359 */,
/* 360 */,
/* 361 */,
/* 362 */,
/* 363 */,
/* 364 */,
/* 365 */,
/* 366 */,
/* 367 */,
/* 368 */,
/* 369 */,
/* 370 */,
/* 371 */,
/* 372 */,
/* 373 */,
/* 374 */,
/* 375 */,
/* 376 */,
/* 377 */,
/* 378 */,
/* 379 */,
/* 380 */,
/* 381 */,
/* 382 */,
/* 383 */,
/* 384 */,
/* 385 */,
/* 386 */,
/* 387 */,
/* 388 */,
/* 389 */,
/* 390 */,
/* 391 */,
/* 392 */,
/* 393 */,
/* 394 */,
/* 395 */,
/* 396 */,
/* 397 */,
/* 398 */,
/* 399 */,
/* 400 */,
/* 401 */,
/* 402 */,
/* 403 */,
/* 404 */,
/* 405 */,
/* 406 */,
/* 407 */,
/* 408 */,
/* 409 */,
/* 410 */,
/* 411 */,
/* 412 */,
/* 413 */,
/* 414 */,
/* 415 */,
/* 416 */,
/* 417 */,
/* 418 */,
/* 419 */,
/* 420 */,
/* 421 */,
/* 422 */,
/* 423 */,
/* 424 */,
/* 425 */,
/* 426 */,
/* 427 */,
/* 428 */,
/* 429 */,
/* 430 */,
/* 431 */,
/* 432 */,
/* 433 */,
/* 434 */,
/* 435 */,
/* 436 */,
/* 437 */,
/* 438 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, "__experimentalAlignmentHookSettingsProvider", function() { return /* reexport */ AlignmentHookSettingsProvider; });
__webpack_require__.d(__webpack_exports__, "getColorClassName", function() { return /* reexport */ getColorClassName; });
__webpack_require__.d(__webpack_exports__, "getColorObjectByAttributeValues", function() { return /* reexport */ utils_getColorObjectByAttributeValues; });
__webpack_require__.d(__webpack_exports__, "getColorObjectByColorValue", function() { return /* reexport */ utils_getColorObjectByColorValue; });
__webpack_require__.d(__webpack_exports__, "createCustomColorsHOC", function() { return /* reexport */ createCustomColorsHOC; });
__webpack_require__.d(__webpack_exports__, "withColors", function() { return /* reexport */ withColors; });
__webpack_require__.d(__webpack_exports__, "__experimentalUseColors", function() { return /* reexport */ __experimentalUseColors; });
__webpack_require__.d(__webpack_exports__, "__experimentalGetGradientClass", function() { return /* reexport */ __experimentalGetGradientClass; });
__webpack_require__.d(__webpack_exports__, "getGradientValueBySlug", function() { return /* reexport */ getGradientValueBySlug; });
__webpack_require__.d(__webpack_exports__, "__experimentalGetGradientObjectByGradientValue", function() { return /* reexport */ __experimentalGetGradientObjectByGradientValue; });
__webpack_require__.d(__webpack_exports__, "getGradientSlugByValue", function() { return /* reexport */ getGradientSlugByValue; });
__webpack_require__.d(__webpack_exports__, "__experimentalUseGradient", function() { return /* reexport */ __experimentalUseGradient; });
__webpack_require__.d(__webpack_exports__, "getFontSize", function() { return /* reexport */ utils_getFontSize; });
__webpack_require__.d(__webpack_exports__, "getFontSizeClass", function() { return /* reexport */ getFontSizeClass; });
__webpack_require__.d(__webpack_exports__, "getFontSizeObjectByValue", function() { return /* reexport */ getFontSizeObjectByValue; });
__webpack_require__.d(__webpack_exports__, "FontSizePicker", function() { return /* reexport */ font_size_picker; });
__webpack_require__.d(__webpack_exports__, "withFontSizes", function() { return /* reexport */ with_font_sizes; });
__webpack_require__.d(__webpack_exports__, "AlignmentToolbar", function() { return /* reexport */ alignment_toolbar; });
__webpack_require__.d(__webpack_exports__, "Autocomplete", function() { return /* reexport */ autocomplete; });
__webpack_require__.d(__webpack_exports__, "BlockAlignmentToolbar", function() { return /* reexport */ block_alignment_toolbar; });
__webpack_require__.d(__webpack_exports__, "__experimentalBlockAlignmentMatrixToolbar", function() { return /* reexport */ block_alignment_matrix_toolbar; });
__webpack_require__.d(__webpack_exports__, "BlockBreadcrumb", function() { return /* reexport */ block_breadcrumb; });
__webpack_require__.d(__webpack_exports__, "BlockContextProvider", function() { return /* reexport */ BlockContextProvider; });
__webpack_require__.d(__webpack_exports__, "BlockControls", function() { return /* reexport */ block_controls; });
__webpack_require__.d(__webpack_exports__, "BlockColorsStyleSelector", function() { return /* reexport */ color_style_selector; });
__webpack_require__.d(__webpack_exports__, "BlockEdit", function() { return /* reexport */ block_edit_BlockEdit; });
__webpack_require__.d(__webpack_exports__, "useBlockEditContext", function() { return /* reexport */ useBlockEditContext; });
__webpack_require__.d(__webpack_exports__, "BlockFormatControls", function() { return /* reexport */ block_format_controls; });
__webpack_require__.d(__webpack_exports__, "BlockIcon", function() { return /* reexport */ BlockIcon; });
__webpack_require__.d(__webpack_exports__, "BlockNavigationDropdown", function() { return /* reexport */ dropdown; });
__webpack_require__.d(__webpack_exports__, "__experimentalBlockNavigationBlockFill", function() { return /* reexport */ block_slot_BlockNavigationBlockFill; });
__webpack_require__.d(__webpack_exports__, "__experimentalBlockNavigationEditor", function() { return /* reexport */ BlockNavigationEditor; });
__webpack_require__.d(__webpack_exports__, "__experimentalBlockNavigationTree", function() { return /* reexport */ BlockNavigationTree; });
__webpack_require__.d(__webpack_exports__, "__experimentalBlockVariationPicker", function() { return /* reexport */ block_variation_picker; });
__webpack_require__.d(__webpack_exports__, "BlockVerticalAlignmentToolbar", function() { return /* reexport */ block_vertical_alignment_toolbar; });
__webpack_require__.d(__webpack_exports__, "ButtonBlockerAppender", function() { return /* reexport */ button_block_appender; });
__webpack_require__.d(__webpack_exports__, "ColorPalette", function() { return /* reexport */ color_palette; });
__webpack_require__.d(__webpack_exports__, "ColorPaletteControl", function() { return /* reexport */ ColorPaletteControl; });
__webpack_require__.d(__webpack_exports__, "ContrastChecker", function() { return /* reexport */ contrast_checker; });
__webpack_require__.d(__webpack_exports__, "__experimentalGradientPicker", function() { return /* reexport */ gradient_picker; });
__webpack_require__.d(__webpack_exports__, "__experimentalGradientPickerControl", function() { return /* reexport */ GradientPickerControl; });
__webpack_require__.d(__webpack_exports__, "__experimentalGradientPickerPanel", function() { return /* reexport */ GradientPanel; });
__webpack_require__.d(__webpack_exports__, "__experimentalColorGradientControl", function() { return /* reexport */ control; });
__webpack_require__.d(__webpack_exports__, "__experimentalPanelColorGradientSettings", function() { return /* reexport */ panel_color_gradient_settings; });
__webpack_require__.d(__webpack_exports__, "__experimentalImageSizeControl", function() { return /* reexport */ ImageSizeControl; });
__webpack_require__.d(__webpack_exports__, "InnerBlocks", function() { return /* reexport */ inner_blocks; });
__webpack_require__.d(__webpack_exports__, "InspectorAdvancedControls", function() { return /* reexport */ inspector_advanced_controls; });
__webpack_require__.d(__webpack_exports__, "InspectorControls", function() { return /* reexport */ inspector_controls; });
__webpack_require__.d(__webpack_exports__, "__experimentalLinkControl", function() { return /* reexport */ link_control; });
__webpack_require__.d(__webpack_exports__, "__experimentalLineHeightControl", function() { return /* reexport */ LineHeightControl; });
__webpack_require__.d(__webpack_exports__, "MediaReplaceFlow", function() { return /* reexport */ media_replace_flow; });
__webpack_require__.d(__webpack_exports__, "MediaPlaceholder", function() { return /* reexport */ media_placeholder; });
__webpack_require__.d(__webpack_exports__, "MediaUpload", function() { return /* reexport */ media_upload; });
__webpack_require__.d(__webpack_exports__, "MediaUploadCheck", function() { return /* reexport */ check; });
__webpack_require__.d(__webpack_exports__, "PanelColorSettings", function() { return /* reexport */ panel_color_settings; });
__webpack_require__.d(__webpack_exports__, "PlainText", function() { return /* reexport */ plain_text; });
__webpack_require__.d(__webpack_exports__, "__experimentalResponsiveBlockControl", function() { return /* reexport */ responsive_block_control; });
__webpack_require__.d(__webpack_exports__, "RichText", function() { return /* reexport */ rich_text; });
__webpack_require__.d(__webpack_exports__, "RichTextShortcut", function() { return /* reexport */ RichTextShortcut; });
__webpack_require__.d(__webpack_exports__, "RichTextToolbarButton", function() { return /* reexport */ RichTextToolbarButton; });
__webpack_require__.d(__webpack_exports__, "__unstableRichTextInputEvent", function() { return /* reexport */ input_event_unstableRichTextInputEvent; });
__webpack_require__.d(__webpack_exports__, "ToolSelector", function() { return /* reexport */ tool_selector; });
__webpack_require__.d(__webpack_exports__, "__experimentalUnitControl", function() { return /* reexport */ UnitControl; });
__webpack_require__.d(__webpack_exports__, "URLInput", function() { return /* reexport */ url_input; });
__webpack_require__.d(__webpack_exports__, "URLInputButton", function() { return /* reexport */ url_input_button; });
__webpack_require__.d(__webpack_exports__, "URLPopover", function() { return /* reexport */ url_popover; });
__webpack_require__.d(__webpack_exports__, "__experimentalImageURLInputUI", function() { return /* reexport */ image_url_input_ui_ImageURLInputUI; });
__webpack_require__.d(__webpack_exports__, "withColorContext", function() { return /* reexport */ with_color_context; });
__webpack_require__.d(__webpack_exports__, "__experimentalBlockSettingsMenuFirstItem", function() { return /* reexport */ block_settings_menu_first_item; });
__webpack_require__.d(__webpack_exports__, "__experimentalInserterMenuExtension", function() { return /* reexport */ inserter_menu_extension; });
__webpack_require__.d(__webpack_exports__, "__experimentalPreviewOptions", function() { return /* reexport */ PreviewOptions; });
__webpack_require__.d(__webpack_exports__, "__experimentalUseResizeCanvas", function() { return /* reexport */ useResizeCanvas; });
__webpack_require__.d(__webpack_exports__, "BlockInspector", function() { return /* reexport */ block_inspector; });
__webpack_require__.d(__webpack_exports__, "BlockList", function() { return /* reexport */ block_list; });
__webpack_require__.d(__webpack_exports__, "__experimentalBlock", function() { return /* reexport */ Block; });
__webpack_require__.d(__webpack_exports__, "BlockMover", function() { return /* reexport */ block_mover; });
__webpack_require__.d(__webpack_exports__, "BlockPreview", function() { return /* reexport */ block_preview; });
__webpack_require__.d(__webpack_exports__, "BlockSelectionClearer", function() { return /* reexport */ block_selection_clearer; });
__webpack_require__.d(__webpack_exports__, "BlockSettingsMenu", function() { return /* reexport */ block_settings_menu; });
__webpack_require__.d(__webpack_exports__, "BlockSettingsMenuControls", function() { return /* reexport */ block_settings_menu_controls; });
__webpack_require__.d(__webpack_exports__, "BlockTitle", function() { return /* reexport */ BlockTitle; });
__webpack_require__.d(__webpack_exports__, "BlockToolbar", function() { return /* reexport */ BlockToolbar; });
__webpack_require__.d(__webpack_exports__, "CopyHandler", function() { return /* reexport */ copy_handler; });
__webpack_require__.d(__webpack_exports__, "DefaultBlockAppender", function() { return /* reexport */ default_block_appender; });
__webpack_require__.d(__webpack_exports__, "__unstableEditorStyles", function() { return /* reexport */ editor_styles; });
__webpack_require__.d(__webpack_exports__, "Inserter", function() { return /* reexport */ inserter; });
__webpack_require__.d(__webpack_exports__, "__experimentalLibrary", function() { return /* reexport */ library; });
__webpack_require__.d(__webpack_exports__, "__experimentalSearchForm", function() { return /* reexport */ search_form; });
__webpack_require__.d(__webpack_exports__, "BlockEditorKeyboardShortcuts", function() { return /* reexport */ keyboard_shortcuts; });
__webpack_require__.d(__webpack_exports__, "MultiSelectScrollIntoView", function() { return /* reexport */ MultiSelectScrollIntoView; });
__webpack_require__.d(__webpack_exports__, "NavigableToolbar", function() { return /* reexport */ navigable_toolbar; });
__webpack_require__.d(__webpack_exports__, "ObserveTyping", function() { return /* reexport */ observe_typing; });
__webpack_require__.d(__webpack_exports__, "PreserveScrollInReorder", function() { return /* reexport */ PreserveScrollInReorder; });
__webpack_require__.d(__webpack_exports__, "SkipToSelectedBlock", function() { return /* reexport */ skip_to_selected_block; });
__webpack_require__.d(__webpack_exports__, "Typewriter", function() { return /* reexport */ typewriter; });
__webpack_require__.d(__webpack_exports__, "Warning", function() { return /* reexport */ warning; });
__webpack_require__.d(__webpack_exports__, "WritingFlow", function() { return /* reexport */ WritingFlow; });
__webpack_require__.d(__webpack_exports__, "BlockEditorProvider", function() { return /* reexport */ provider; });
__webpack_require__.d(__webpack_exports__, "__experimentalUseSimulatedMediaQuery", function() { return /* reexport */ useSimulatedMediaQuery; });
__webpack_require__.d(__webpack_exports__, "__experimentalUseEditorFeature", function() { return /* reexport */ useEditorFeature; });
__webpack_require__.d(__webpack_exports__, "transformStyles", function() { return /* reexport */ transform_styles; });
__webpack_require__.d(__webpack_exports__, "storeConfig", function() { return /* reexport */ storeConfig; });
__webpack_require__.d(__webpack_exports__, "SETTINGS_DEFAULTS", function() { return /* reexport */ SETTINGS_DEFAULTS; });
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-editor/build-module/store/actions.js
var actions_namespaceObject = {};
__webpack_require__.r(actions_namespaceObject);
__webpack_require__.d(actions_namespaceObject, "resetBlocks", function() { return actions_resetBlocks; });
__webpack_require__.d(actions_namespaceObject, "resetSelection", function() { return actions_resetSelection; });
__webpack_require__.d(actions_namespaceObject, "receiveBlocks", function() { return receiveBlocks; });
__webpack_require__.d(actions_namespaceObject, "updateBlockAttributes", function() { return actions_updateBlockAttributes; });
__webpack_require__.d(actions_namespaceObject, "updateBlock", function() { return actions_updateBlock; });
__webpack_require__.d(actions_namespaceObject, "selectBlock", function() { return actions_selectBlock; });
__webpack_require__.d(actions_namespaceObject, "selectPreviousBlock", function() { return selectPreviousBlock; });
__webpack_require__.d(actions_namespaceObject, "selectNextBlock", function() { return selectNextBlock; });
__webpack_require__.d(actions_namespaceObject, "startMultiSelect", function() { return actions_startMultiSelect; });
__webpack_require__.d(actions_namespaceObject, "stopMultiSelect", function() { return actions_stopMultiSelect; });
__webpack_require__.d(actions_namespaceObject, "multiSelect", function() { return actions_multiSelect; });
__webpack_require__.d(actions_namespaceObject, "clearSelectedBlock", function() { return actions_clearSelectedBlock; });
__webpack_require__.d(actions_namespaceObject, "toggleSelection", function() { return actions_toggleSelection; });
__webpack_require__.d(actions_namespaceObject, "replaceBlocks", function() { return actions_replaceBlocks; });
__webpack_require__.d(actions_namespaceObject, "replaceBlock", function() { return replaceBlock; });
__webpack_require__.d(actions_namespaceObject, "moveBlocksDown", function() { return actions_moveBlocksDown; });
__webpack_require__.d(actions_namespaceObject, "moveBlocksUp", function() { return actions_moveBlocksUp; });
__webpack_require__.d(actions_namespaceObject, "moveBlocksToPosition", function() { return actions_moveBlocksToPosition; });
__webpack_require__.d(actions_namespaceObject, "moveBlockToPosition", function() { return actions_moveBlockToPosition; });
__webpack_require__.d(actions_namespaceObject, "insertBlock", function() { return actions_insertBlock; });
__webpack_require__.d(actions_namespaceObject, "insertBlocks", function() { return actions_insertBlocks; });
__webpack_require__.d(actions_namespaceObject, "showInsertionPoint", function() { return actions_showInsertionPoint; });
__webpack_require__.d(actions_namespaceObject, "hideInsertionPoint", function() { return actions_hideInsertionPoint; });
__webpack_require__.d(actions_namespaceObject, "setTemplateValidity", function() { return setTemplateValidity; });
__webpack_require__.d(actions_namespaceObject, "synchronizeTemplate", function() { return synchronizeTemplate; });
__webpack_require__.d(actions_namespaceObject, "mergeBlocks", function() { return actions_mergeBlocks; });
__webpack_require__.d(actions_namespaceObject, "removeBlocks", function() { return actions_removeBlocks; });
__webpack_require__.d(actions_namespaceObject, "removeBlock", function() { return actions_removeBlock; });
__webpack_require__.d(actions_namespaceObject, "replaceInnerBlocks", function() { return actions_replaceInnerBlocks; });
__webpack_require__.d(actions_namespaceObject, "toggleBlockMode", function() { return toggleBlockMode; });
__webpack_require__.d(actions_namespaceObject, "startTyping", function() { return actions_startTyping; });
__webpack_require__.d(actions_namespaceObject, "stopTyping", function() { return actions_stopTyping; });
__webpack_require__.d(actions_namespaceObject, "startDraggingBlocks", function() { return actions_startDraggingBlocks; });
__webpack_require__.d(actions_namespaceObject, "stopDraggingBlocks", function() { return actions_stopDraggingBlocks; });
__webpack_require__.d(actions_namespaceObject, "enterFormattedText", function() { return actions_enterFormattedText; });
__webpack_require__.d(actions_namespaceObject, "exitFormattedText", function() { return actions_exitFormattedText; });
__webpack_require__.d(actions_namespaceObject, "selectionChange", function() { return actions_selectionChange; });
__webpack_require__.d(actions_namespaceObject, "insertDefaultBlock", function() { return actions_insertDefaultBlock; });
__webpack_require__.d(actions_namespaceObject, "updateBlockListSettings", function() { return actions_updateBlockListSettings; });
__webpack_require__.d(actions_namespaceObject, "updateSettings", function() { return actions_updateSettings; });
__webpack_require__.d(actions_namespaceObject, "__unstableSaveReusableBlock", function() { return __unstableSaveReusableBlock; });
__webpack_require__.d(actions_namespaceObject, "__unstableMarkLastChangeAsPersistent", function() { return actions_unstableMarkLastChangeAsPersistent; });
__webpack_require__.d(actions_namespaceObject, "__unstableMarkNextChangeAsNotPersistent", function() { return actions_unstableMarkNextChangeAsNotPersistent; });
__webpack_require__.d(actions_namespaceObject, "__unstableMarkAutomaticChange", function() { return actions_unstableMarkAutomaticChange; });
__webpack_require__.d(actions_namespaceObject, "setNavigationMode", function() { return actions_setNavigationMode; });
__webpack_require__.d(actions_namespaceObject, "setBlockMovingClientId", function() { return actions_setBlockMovingClientId; });
__webpack_require__.d(actions_namespaceObject, "duplicateBlocks", function() { return actions_duplicateBlocks; });
__webpack_require__.d(actions_namespaceObject, "insertBeforeBlock", function() { return actions_insertBeforeBlock; });
__webpack_require__.d(actions_namespaceObject, "insertAfterBlock", function() { return actions_insertAfterBlock; });
__webpack_require__.d(actions_namespaceObject, "toggleBlockHighlight", function() { return actions_toggleBlockHighlight; });
__webpack_require__.d(actions_namespaceObject, "flashBlock", function() { return actions_flashBlock; });
__webpack_require__.d(actions_namespaceObject, "setHasControlledInnerBlocks", function() { return actions_setHasControlledInnerBlocks; });
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-editor/build-module/store/selectors.js
var selectors_namespaceObject = {};
__webpack_require__.r(selectors_namespaceObject);
__webpack_require__.d(selectors_namespaceObject, "getBlockName", function() { return selectors_getBlockName; });
__webpack_require__.d(selectors_namespaceObject, "isBlockValid", function() { return selectors_isBlockValid; });
__webpack_require__.d(selectors_namespaceObject, "getBlockAttributes", function() { return getBlockAttributes; });
__webpack_require__.d(selectors_namespaceObject, "getBlock", function() { return selectors_getBlock; });
__webpack_require__.d(selectors_namespaceObject, "__unstableGetBlockWithoutInnerBlocks", function() { return selectors_unstableGetBlockWithoutInnerBlocks; });
__webpack_require__.d(selectors_namespaceObject, "getBlocks", function() { return selectors_getBlocks; });
__webpack_require__.d(selectors_namespaceObject, "getClientIdsOfDescendants", function() { return selectors_getClientIdsOfDescendants; });
__webpack_require__.d(selectors_namespaceObject, "getClientIdsWithDescendants", function() { return getClientIdsWithDescendants; });
__webpack_require__.d(selectors_namespaceObject, "getGlobalBlockCount", function() { return getGlobalBlockCount; });
__webpack_require__.d(selectors_namespaceObject, "getBlocksByClientId", function() { return selectors_getBlocksByClientId; });
__webpack_require__.d(selectors_namespaceObject, "getBlockCount", function() { return selectors_getBlockCount; });
__webpack_require__.d(selectors_namespaceObject, "getSelectionStart", function() { return selectors_getSelectionStart; });
__webpack_require__.d(selectors_namespaceObject, "getSelectionEnd", function() { return selectors_getSelectionEnd; });
__webpack_require__.d(selectors_namespaceObject, "getBlockSelectionStart", function() { return getBlockSelectionStart; });
__webpack_require__.d(selectors_namespaceObject, "getBlockSelectionEnd", function() { return selectors_getBlockSelectionEnd; });
__webpack_require__.d(selectors_namespaceObject, "getSelectedBlockCount", function() { return selectors_getSelectedBlockCount; });
__webpack_require__.d(selectors_namespaceObject, "hasSelectedBlock", function() { return hasSelectedBlock; });
__webpack_require__.d(selectors_namespaceObject, "getSelectedBlockClientId", function() { return selectors_getSelectedBlockClientId; });
__webpack_require__.d(selectors_namespaceObject, "getSelectedBlock", function() { return selectors_getSelectedBlock; });
__webpack_require__.d(selectors_namespaceObject, "getBlockRootClientId", function() { return selectors_getBlockRootClientId; });
__webpack_require__.d(selectors_namespaceObject, "getBlockParents", function() { return selectors_getBlockParents; });
__webpack_require__.d(selectors_namespaceObject, "getBlockParentsByBlockName", function() { return getBlockParentsByBlockName; });
__webpack_require__.d(selectors_namespaceObject, "getBlockHierarchyRootClientId", function() { return getBlockHierarchyRootClientId; });
__webpack_require__.d(selectors_namespaceObject, "getLowestCommonAncestorWithSelectedBlock", function() { return getLowestCommonAncestorWithSelectedBlock; });
__webpack_require__.d(selectors_namespaceObject, "getAdjacentBlockClientId", function() { return getAdjacentBlockClientId; });
__webpack_require__.d(selectors_namespaceObject, "getPreviousBlockClientId", function() { return getPreviousBlockClientId; });
__webpack_require__.d(selectors_namespaceObject, "getNextBlockClientId", function() { return getNextBlockClientId; });
__webpack_require__.d(selectors_namespaceObject, "getSelectedBlocksInitialCaretPosition", function() { return getSelectedBlocksInitialCaretPosition; });
__webpack_require__.d(selectors_namespaceObject, "getSelectedBlockClientIds", function() { return selectors_getSelectedBlockClientIds; });
__webpack_require__.d(selectors_namespaceObject, "getMultiSelectedBlockClientIds", function() { return getMultiSelectedBlockClientIds; });
__webpack_require__.d(selectors_namespaceObject, "getMultiSelectedBlocks", function() { return getMultiSelectedBlocks; });
__webpack_require__.d(selectors_namespaceObject, "getFirstMultiSelectedBlockClientId", function() { return selectors_getFirstMultiSelectedBlockClientId; });
__webpack_require__.d(selectors_namespaceObject, "getLastMultiSelectedBlockClientId", function() { return getLastMultiSelectedBlockClientId; });
__webpack_require__.d(selectors_namespaceObject, "isFirstMultiSelectedBlock", function() { return isFirstMultiSelectedBlock; });
__webpack_require__.d(selectors_namespaceObject, "isBlockMultiSelected", function() { return isBlockMultiSelected; });
__webpack_require__.d(selectors_namespaceObject, "isAncestorMultiSelected", function() { return isAncestorMultiSelected; });
__webpack_require__.d(selectors_namespaceObject, "getMultiSelectedBlocksStartClientId", function() { return getMultiSelectedBlocksStartClientId; });
__webpack_require__.d(selectors_namespaceObject, "getMultiSelectedBlocksEndClientId", function() { return getMultiSelectedBlocksEndClientId; });
__webpack_require__.d(selectors_namespaceObject, "getBlockOrder", function() { return selectors_getBlockOrder; });
__webpack_require__.d(selectors_namespaceObject, "getBlockIndex", function() { return selectors_getBlockIndex; });
__webpack_require__.d(selectors_namespaceObject, "isBlockSelected", function() { return isBlockSelected; });
__webpack_require__.d(selectors_namespaceObject, "hasSelectedInnerBlock", function() { return hasSelectedInnerBlock; });
__webpack_require__.d(selectors_namespaceObject, "isBlockWithinSelection", function() { return isBlockWithinSelection; });
__webpack_require__.d(selectors_namespaceObject, "hasMultiSelection", function() { return selectors_hasMultiSelection; });
__webpack_require__.d(selectors_namespaceObject, "isMultiSelecting", function() { return selectors_isMultiSelecting; });
__webpack_require__.d(selectors_namespaceObject, "isSelectionEnabled", function() { return selectors_isSelectionEnabled; });
__webpack_require__.d(selectors_namespaceObject, "getBlockMode", function() { return selectors_getBlockMode; });
__webpack_require__.d(selectors_namespaceObject, "isTyping", function() { return selectors_isTyping; });
__webpack_require__.d(selectors_namespaceObject, "isDraggingBlocks", function() { return selectors_isDraggingBlocks; });
__webpack_require__.d(selectors_namespaceObject, "isCaretWithinFormattedText", function() { return selectors_isCaretWithinFormattedText; });
__webpack_require__.d(selectors_namespaceObject, "getBlockInsertionPoint", function() { return getBlockInsertionPoint; });
__webpack_require__.d(selectors_namespaceObject, "isBlockInsertionPointVisible", function() { return isBlockInsertionPointVisible; });
__webpack_require__.d(selectors_namespaceObject, "isValidTemplate", function() { return isValidTemplate; });
__webpack_require__.d(selectors_namespaceObject, "getTemplate", function() { return getTemplate; });
__webpack_require__.d(selectors_namespaceObject, "getTemplateLock", function() { return selectors_getTemplateLock; });
__webpack_require__.d(selectors_namespaceObject, "canInsertBlockType", function() { return selectors_canInsertBlockType; });
__webpack_require__.d(selectors_namespaceObject, "canInsertBlocks", function() { return selectors_canInsertBlocks; });
__webpack_require__.d(selectors_namespaceObject, "getInserterItems", function() { return selectors_getInserterItems; });
__webpack_require__.d(selectors_namespaceObject, "hasInserterItems", function() { return selectors_hasInserterItems; });
__webpack_require__.d(selectors_namespaceObject, "__experimentalGetAllowedBlocks", function() { return selectors_experimentalGetAllowedBlocks; });
__webpack_require__.d(selectors_namespaceObject, "getBlockListSettings", function() { return selectors_getBlockListSettings; });
__webpack_require__.d(selectors_namespaceObject, "getSettings", function() { return selectors_getSettings; });
__webpack_require__.d(selectors_namespaceObject, "isLastBlockChangePersistent", function() { return isLastBlockChangePersistent; });
__webpack_require__.d(selectors_namespaceObject, "__experimentalGetBlockListSettingsForBlocks", function() { return selectors_experimentalGetBlockListSettingsForBlocks; });
__webpack_require__.d(selectors_namespaceObject, "__experimentalGetParsedReusableBlock", function() { return __experimentalGetParsedReusableBlock; });
__webpack_require__.d(selectors_namespaceObject, "__unstableIsLastBlockChangeIgnored", function() { return __unstableIsLastBlockChangeIgnored; });
__webpack_require__.d(selectors_namespaceObject, "__experimentalGetLastBlockAttributeChanges", function() { return __experimentalGetLastBlockAttributeChanges; });
__webpack_require__.d(selectors_namespaceObject, "isNavigationMode", function() { return selectors_isNavigationMode; });
__webpack_require__.d(selectors_namespaceObject, "hasBlockMovingClientId", function() { return selectors_hasBlockMovingClientId; });
__webpack_require__.d(selectors_namespaceObject, "didAutomaticChange", function() { return selectors_didAutomaticChange; });
__webpack_require__.d(selectors_namespaceObject, "isBlockHighlighted", function() { return isBlockHighlighted; });
__webpack_require__.d(selectors_namespaceObject, "areInnerBlocksControlled", function() { return areInnerBlocksControlled; });
// EXTERNAL MODULE: external {"this":["wp","blocks"]}
var external_this_wp_blocks_ = __webpack_require__(10);
// EXTERNAL MODULE: external {"this":["wp","richText"]}
var external_this_wp_richText_ = __webpack_require__(25);
// EXTERNAL MODULE: external {"this":["wp","viewport"]}
var external_this_wp_viewport_ = __webpack_require__(81);
// EXTERNAL MODULE: external {"this":["wp","keyboardShortcuts"]}
var external_this_wp_keyboardShortcuts_ = __webpack_require__(52);
// EXTERNAL MODULE: external {"this":["wp","notices"]}
var external_this_wp_notices_ = __webpack_require__(100);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
var esm_extends = __webpack_require__(8);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
var defineProperty = __webpack_require__(5);
// EXTERNAL MODULE: external {"this":["wp","element"]}
var external_this_wp_element_ = __webpack_require__(0);
// EXTERNAL MODULE: ./node_modules/classnames/index.js
var classnames = __webpack_require__(11);
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
// EXTERNAL MODULE: external {"this":"lodash"}
var external_this_lodash_ = __webpack_require__(2);
// EXTERNAL MODULE: external {"this":["wp","compose"]}
var external_this_wp_compose_ = __webpack_require__(9);
// EXTERNAL MODULE: external {"this":["wp","hooks"]}
var external_this_wp_hooks_ = __webpack_require__(32);
// EXTERNAL MODULE: external {"this":["wp","data"]}
var external_this_wp_data_ = __webpack_require__(4);
// EXTERNAL MODULE: external {"this":["wp","components"]}
var external_this_wp_components_ = __webpack_require__(3);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-edit/context.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
var Context = Object(external_this_wp_element_["createContext"])({
name: '',
isSelected: false,
focusedElement: null,
setFocusedElement: external_this_lodash_["noop"],
clientId: null
});
var Provider = Context.Provider;
/**
* A hook that returns the block edit context.
*
* @return {Object} Block edit context
*/
function useBlockEditContext() {
return Object(external_this_wp_element_["useContext"])(Context);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-display-block-controls/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function useDisplayBlockControls() {
var _useBlockEditContext = useBlockEditContext(),
isSelected = _useBlockEditContext.isSelected,
clientId = _useBlockEditContext.clientId,
name = _useBlockEditContext.name;
var isFirstAndSameTypeMultiSelected = Object(external_this_wp_data_["useSelect"])(function (select) {
// Don't bother checking, see OR statement below.
if (isSelected) {
return;
}
var _select = select('core/block-editor'),
getBlockName = _select.getBlockName,
isFirstMultiSelectedBlock = _select.isFirstMultiSelectedBlock,
getMultiSelectedBlockClientIds = _select.getMultiSelectedBlockClientIds;
if (!isFirstMultiSelectedBlock(clientId)) {
return false;
}
return getMultiSelectedBlockClientIds().every(function (id) {
return getBlockName(id) === name;
});
}, [clientId, isSelected, name]);
return isSelected || isFirstAndSameTypeMultiSelected;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-controls/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var _createSlotFill = Object(external_this_wp_components_["createSlotFill"])('BlockControls'),
Fill = _createSlotFill.Fill,
Slot = _createSlotFill.Slot;
function BlockControlsSlot(props) {
var accessibleToolbarState = Object(external_this_wp_element_["useContext"])(external_this_wp_components_["__experimentalToolbarContext"]);
return Object(external_this_wp_element_["createElement"])(Slot, Object(esm_extends["a" /* default */])({}, props, {
fillProps: accessibleToolbarState
}));
}
function BlockControlsFill(_ref) {
var controls = _ref.controls,
children = _ref.children;
if (!useDisplayBlockControls()) {
return null;
}
return Object(external_this_wp_element_["createElement"])(Fill, null, function (fillProps) {
// Children passed to BlockControlsFill will not have access to any
// React Context whose Provider is part of the BlockControlsSlot tree.
// So we re-create the Provider in this subtree.
var value = !Object(external_this_lodash_["isEmpty"])(fillProps) ? fillProps : null;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalToolbarContext"].Provider, {
value: value
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarGroup"], {
controls: controls
}), children);
});
}
var BlockControls = BlockControlsFill;
BlockControls.Slot = BlockControlsSlot;
/* harmony default export */ var block_controls = (BlockControls);
// EXTERNAL MODULE: external {"this":["wp","i18n"]}
var external_this_wp_i18n_ = __webpack_require__(1);
// EXTERNAL MODULE: external {"this":["wp","primitives"]}
var external_this_wp_primitives_ = __webpack_require__(6);
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/position-left.js
/**
* WordPress dependencies
*/
var positionLeft = Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["Path"], {
d: "M4 9v6h14V9H4zm8-4.8H4v1.5h8V4.2zM4 19.8h8v-1.5H4v1.5z"
}));
/* harmony default export */ var position_left = (positionLeft);
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/position-center.js
/**
* WordPress dependencies
*/
var positionCenter = Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["Path"], {
d: "M5 15h14V9H5v6zm0 4.8h14v-1.5H5v1.5zM5 4.2v1.5h14V4.2H5z"
}));
/* harmony default export */ var position_center = (positionCenter);
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/position-right.js
/**
* WordPress dependencies
*/
var positionRight = Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["Path"], {
d: "M6 15h14V9H6v6zm6-10.8v1.5h8V4.2h-8zm0 15.6h8v-1.5h-8v1.5z"
}));
/* harmony default export */ var position_right = (positionRight);
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/stretch-wide.js
/**
* WordPress dependencies
*/
var stretchWide = Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["Path"], {
d: "M5 9v6h14V9H5zm11-4.8H8v1.5h8V4.2zM8 19.8h8v-1.5H8v1.5z"
}));
/* harmony default export */ var stretch_wide = (stretchWide);
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/stretch-full-width.js
/**
* WordPress dependencies
*/
var stretchFullWidth = Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["Path"], {
d: "M5 4v11h14V4H5zm3 15.8h8v-1.5H8v1.5z"
}));
/* harmony default export */ var stretch_full_width = (stretchFullWidth);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-alignment-toolbar/index.js
function 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 _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { 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 { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* WordPress dependencies
*/
var BLOCK_ALIGNMENTS_CONTROLS = {
left: {
icon: position_left,
title: Object(external_this_wp_i18n_["__"])('Align left')
},
center: {
icon: position_center,
title: Object(external_this_wp_i18n_["__"])('Align center')
},
right: {
icon: position_right,
title: Object(external_this_wp_i18n_["__"])('Align right')
},
wide: {
icon: stretch_wide,
title: Object(external_this_wp_i18n_["__"])('Wide width')
},
full: {
icon: stretch_full_width,
title: Object(external_this_wp_i18n_["__"])('Full width')
}
};
var DEFAULT_CONTROLS = ['left', 'center', 'right', 'wide', 'full'];
var DEFAULT_CONTROL = 'center';
var WIDE_CONTROLS = ['wide', 'full'];
var block_alignment_toolbar_POPOVER_PROPS = {
isAlternate: true
};
function BlockAlignmentToolbar(_ref) {
var value = _ref.value,
onChange = _ref.onChange,
_ref$controls = _ref.controls,
controls = _ref$controls === void 0 ? DEFAULT_CONTROLS : _ref$controls,
_ref$isCollapsed = _ref.isCollapsed,
isCollapsed = _ref$isCollapsed === void 0 ? true : _ref$isCollapsed,
_ref$wideControlsEnab = _ref.wideControlsEnabled,
wideControlsEnabled = _ref$wideControlsEnab === void 0 ? false : _ref$wideControlsEnab;
function applyOrUnset(align) {
return function () {
return onChange(value === align ? undefined : align);
};
}
var enabledControls = wideControlsEnabled ? controls : controls.filter(function (control) {
return WIDE_CONTROLS.indexOf(control) === -1;
});
var activeAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[value];
var defaultAlignmentControl = BLOCK_ALIGNMENTS_CONTROLS[DEFAULT_CONTROL];
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarGroup"], {
popoverProps: block_alignment_toolbar_POPOVER_PROPS,
isCollapsed: isCollapsed,
icon: activeAlignmentControl ? activeAlignmentControl.icon : defaultAlignmentControl.icon,
label: Object(external_this_wp_i18n_["__"])('Change alignment'),
controls: enabledControls.map(function (control) {
return _objectSpread({}, BLOCK_ALIGNMENTS_CONTROLS[control], {
isActive: value === control,
role: isCollapsed ? 'menuitemradio' : undefined,
onClick: applyOrUnset(control)
});
})
});
}
/* harmony default export */ var block_alignment_toolbar = (Object(external_this_wp_compose_["compose"])(Object(external_this_wp_data_["withSelect"])(function (select) {
var _select = select('core/block-editor'),
getSettings = _select.getSettings;
var settings = getSettings();
return {
wideControlsEnabled: settings.alignWide
};
}))(BlockAlignmentToolbar));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/align.js
function align_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 align_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { align_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 { align_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* An array which includes all possible valid alignments,
* used to validate if an alignment is valid or not.
*
* @constant
* @type {string[]}
*/
var ALL_ALIGNMENTS = ['left', 'center', 'right', 'wide', 'full'];
/**
* An array which includes all wide alignments.
* In order for this alignments to be valid they need to be supported by the block,
* and by the theme.
*
* @constant
* @type {string[]}
*/
var WIDE_ALIGNMENTS = ['wide', 'full'];
/**
* Returns the valid alignments.
* Takes into consideration the aligns supported by a block, if the block supports wide controls or not and if theme supports wide controls or not.
* Exported just for testing purposes, not exported outside the module.
*
* @param {?boolean|string[]} blockAlign Aligns supported by the block.
* @param {?boolean} hasWideBlockSupport True if block supports wide alignments. And False otherwise.
* @param {?boolean} hasWideEnabled True if theme supports wide alignments. And False otherwise.
*
* @return {string[]} Valid alignments.
*/
function getValidAlignments(blockAlign) {
var hasWideBlockSupport = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
var hasWideEnabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
var validAlignments;
if (Array.isArray(blockAlign)) {
validAlignments = blockAlign;
} else if (blockAlign === true) {
// `true` includes all alignments...
validAlignments = ALL_ALIGNMENTS;
} else {
validAlignments = [];
}
if (!hasWideEnabled || blockAlign === true && !hasWideBlockSupport) {
return external_this_lodash_["without"].apply(void 0, [validAlignments].concat(WIDE_ALIGNMENTS));
}
return validAlignments;
}
/**
* Filters registered block settings, extending attributes to include `align`.
*
* @param {Object} settings Original block settings
* @return {Object} Filtered block settings
*/
function addAttribute(settings) {
// allow blocks to specify their own attribute definition with default values if needed.
if (Object(external_this_lodash_["has"])(settings.attributes, ['align', 'type'])) {
return settings;
}
if (Object(external_this_wp_blocks_["hasBlockSupport"])(settings, 'align')) {
// Gracefully handle if settings.attributes is undefined.
settings.attributes = align_objectSpread({}, settings.attributes, {
align: {
type: 'string'
}
});
}
return settings;
}
var AlignmentHookSettings = Object(external_this_wp_element_["createContext"])({});
/**
* Allows to pass additional settings to the alignment hook.
*/
var AlignmentHookSettingsProvider = AlignmentHookSettings.Provider;
/**
* Override the default edit UI to include new toolbar controls for block
* alignment, if block defines support.
*
* @param {Function} BlockEdit Original component
* @return {Function} Wrapped component
*/
var withToolbarControls = Object(external_this_wp_compose_["createHigherOrderComponent"])(function (BlockEdit) {
return function (props) {
var _useContext = Object(external_this_wp_element_["useContext"])(AlignmentHookSettings),
isEmbedButton = _useContext.isEmbedButton;
var blockName = props.name; // Compute valid alignments without taking into account,
// if the theme supports wide alignments or not.
// BlockAlignmentToolbar takes into account the theme support.
var validAlignments = isEmbedButton ? [] : getValidAlignments(Object(external_this_wp_blocks_["getBlockSupport"])(blockName, 'align'), Object(external_this_wp_blocks_["hasBlockSupport"])(blockName, 'alignWide', true));
var updateAlignment = function updateAlignment(nextAlign) {
if (!nextAlign) {
var blockType = Object(external_this_wp_blocks_["getBlockType"])(props.name);
var blockDefaultAlign = Object(external_this_lodash_["get"])(blockType, ['attributes', 'align', 'default']);
if (blockDefaultAlign) {
nextAlign = '';
}
}
props.setAttributes({
align: nextAlign
});
};
return [validAlignments.length > 0 && props.isSelected && Object(external_this_wp_element_["createElement"])(block_controls, {
key: "align-controls"
}, Object(external_this_wp_element_["createElement"])(block_alignment_toolbar, {
value: props.attributes.align,
onChange: updateAlignment,
controls: validAlignments
})), Object(external_this_wp_element_["createElement"])(BlockEdit, Object(esm_extends["a" /* default */])({
key: "edit"
}, props))];
};
}, 'withToolbarControls');
/**
* Override the default block element to add alignment wrapper props.
*
* @param {Function} BlockListBlock Original component
* @return {Function} Wrapped component
*/
var withDataAlign = Object(external_this_wp_compose_["createHigherOrderComponent"])(function (BlockListBlock) {
return function (props) {
var name = props.name,
attributes = props.attributes;
var align = attributes.align;
var hasWideEnabled = Object(external_this_wp_data_["useSelect"])(function (select) {
return !!select('core/block-editor').getSettings().alignWide;
}, []); // If an alignment is not assigned, there's no need to go through the
// effort to validate or assign its value.
if (align === undefined) {
return Object(external_this_wp_element_["createElement"])(BlockListBlock, props);
}
var validAlignments = getValidAlignments(Object(external_this_wp_blocks_["getBlockSupport"])(name, 'align'), Object(external_this_wp_blocks_["hasBlockSupport"])(name, 'alignWide', true), hasWideEnabled);
var wrapperProps = props.wrapperProps;
if (validAlignments.includes(align)) {
wrapperProps = align_objectSpread({}, wrapperProps, {
'data-align': align
});
}
return Object(external_this_wp_element_["createElement"])(BlockListBlock, Object(esm_extends["a" /* default */])({}, props, {
wrapperProps: wrapperProps
}));
};
});
/**
* Override props assigned to save component to inject alignment class name if
* block supports it.
*
* @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 addAssignedAlign(props, blockType, attributes) {
var align = attributes.align;
var blockAlign = Object(external_this_wp_blocks_["getBlockSupport"])(blockType, 'align');
var hasWideBlockSupport = Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, 'alignWide', true); // Compute valid alignments without taking into account if
// the theme supports wide alignments or not.
// This way changing themes does not impact the block save.
var isAlignValid = getValidAlignments(blockAlign, hasWideBlockSupport).includes(align);
if (isAlignValid) {
props.className = classnames_default()("align".concat(align), props.className);
}
return props;
}
Object(external_this_wp_hooks_["addFilter"])('blocks.registerBlockType', 'core/align/addAttribute', addAttribute);
Object(external_this_wp_hooks_["addFilter"])('editor.BlockListBlock', 'core/editor/align/with-data-align', withDataAlign);
Object(external_this_wp_hooks_["addFilter"])('editor.BlockEdit', 'core/editor/align/with-toolbar-controls', withToolbarControls);
Object(external_this_wp_hooks_["addFilter"])('blocks.getSaveContent.extraProps', 'core/align/addAssignedAlign', addAssignedAlign);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inspector-advanced-controls/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var inspector_advanced_controls_name = 'InspectorAdvancedControls';
var inspector_advanced_controls_createSlotFill = Object(external_this_wp_components_["createSlotFill"])(inspector_advanced_controls_name),
inspector_advanced_controls_Fill = inspector_advanced_controls_createSlotFill.Fill,
inspector_advanced_controls_Slot = inspector_advanced_controls_createSlotFill.Slot;
function InspectorAdvancedControls(_ref) {
var children = _ref.children;
var _useBlockEditContext = useBlockEditContext(),
isSelected = _useBlockEditContext.isSelected;
return isSelected ? Object(external_this_wp_element_["createElement"])(inspector_advanced_controls_Fill, null, children) : null;
}
InspectorAdvancedControls.slotName = inspector_advanced_controls_name;
InspectorAdvancedControls.Slot = inspector_advanced_controls_Slot;
/* harmony default export */ var inspector_advanced_controls = (InspectorAdvancedControls);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/anchor.js
function anchor_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 anchor_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { anchor_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 { anchor_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Regular expression matching invalid anchor characters for replacement.
*
* @type {RegExp}
*/
var ANCHOR_REGEX = /[\s#]/g;
/**
* Filters registered block settings, extending attributes with anchor using ID
* of the first node.
*
* @param {Object} settings Original block settings.
*
* @return {Object} Filtered block settings.
*/
function anchor_addAttribute(settings) {
// allow blocks to specify their own attribute definition with default values if needed.
if (Object(external_this_lodash_["has"])(settings.attributes, ['anchor', 'type'])) {
return settings;
}
if (Object(external_this_wp_blocks_["hasBlockSupport"])(settings, 'anchor')) {
// Gracefully handle if settings.attributes is undefined.
settings.attributes = anchor_objectSpread({}, settings.attributes, {
anchor: {
type: 'string',
source: 'attribute',
attribute: 'id',
selector: '*'
}
});
}
return settings;
}
/**
* Override the default edit UI to include a new block inspector control for
* assigning the anchor ID, if block supports anchor.
*
* @param {WPComponent} BlockEdit Original component.
*
* @return {WPComponent} Wrapped component.
*/
var withInspectorControl = Object(external_this_wp_compose_["createHigherOrderComponent"])(function (BlockEdit) {
return function (props) {
var hasAnchor = Object(external_this_wp_blocks_["hasBlockSupport"])(props.name, 'anchor');
if (hasAnchor && props.isSelected) {
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(BlockEdit, props), Object(external_this_wp_element_["createElement"])(inspector_advanced_controls, null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["TextControl"], {
className: "html-anchor-control",
label: Object(external_this_wp_i18n_["__"])('HTML anchor'),
help: Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_i18n_["__"])('Enter a word or two — without spaces — to make a unique web address just for this heading, called an “anchor.” Then, you’ll be able to link directly to this section of your page.'), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ExternalLink"], {
href: 'https://wordpress.org/support/article/page-jumps/'
}, Object(external_this_wp_i18n_["__"])('Learn more about anchors'))),
value: props.attributes.anchor || '',
onChange: function onChange(nextValue) {
nextValue = nextValue.replace(ANCHOR_REGEX, '-');
props.setAttributes({
anchor: nextValue
});
},
autoComplete: "off"
})));
}
return Object(external_this_wp_element_["createElement"])(BlockEdit, props);
};
}, 'withInspectorControl');
/**
* Override props assigned to save component to inject anchor ID, if block
* supports anchor. 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.
* @param {Object} attributes Current block attributes.
*
* @return {Object} Filtered props applied to save element.
*/
function addSaveProps(extraProps, blockType, attributes) {
if (Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, 'anchor')) {
extraProps.id = attributes.anchor === '' ? null : attributes.anchor;
}
return extraProps;
}
Object(external_this_wp_hooks_["addFilter"])('blocks.registerBlockType', 'core/anchor/attribute', anchor_addAttribute);
Object(external_this_wp_hooks_["addFilter"])('editor.BlockEdit', 'core/editor/anchor/with-inspector-control', withInspectorControl);
Object(external_this_wp_hooks_["addFilter"])('blocks.getSaveContent.extraProps', 'core/anchor/save-props', addSaveProps);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/custom-class-name.js
function custom_class_name_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 custom_class_name_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { custom_class_name_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 { custom_class_name_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Filters registered block settings, extending attributes with anchor using ID
* of the first node.
*
* @param {Object} settings Original block settings.
*
* @return {Object} Filtered block settings.
*/
function custom_class_name_addAttribute(settings) {
if (Object(external_this_wp_blocks_["hasBlockSupport"])(settings, 'customClassName', true)) {
// Gracefully handle if settings.attributes is undefined.
settings.attributes = custom_class_name_objectSpread({}, settings.attributes, {
className: {
type: 'string'
}
});
}
return settings;
}
/**
* Override the default edit UI to include a new block inspector control for
* assigning the custom class name, if block supports custom class name.
*
* @param {WPComponent} BlockEdit Original component.
*
* @return {WPComponent} Wrapped component.
*/
var custom_class_name_withInspectorControl = Object(external_this_wp_compose_["createHigherOrderComponent"])(function (BlockEdit) {
return function (props) {
var hasCustomClassName = Object(external_this_wp_blocks_["hasBlockSupport"])(props.name, 'customClassName', true);
if (hasCustomClassName && props.isSelected) {
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(BlockEdit, props), Object(external_this_wp_element_["createElement"])(inspector_advanced_controls, null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["TextControl"], {
autoComplete: "off",
label: Object(external_this_wp_i18n_["__"])('Additional CSS class(es)'),
value: props.attributes.className || '',
onChange: function onChange(nextValue) {
props.setAttributes({
className: nextValue !== '' ? nextValue : undefined
});
},
help: Object(external_this_wp_i18n_["__"])('Separate multiple classes with spaces.')
})));
}
return Object(external_this_wp_element_["createElement"])(BlockEdit, props);
};
}, 'withInspectorControl');
/**
* Override props assigned to save component to inject anchor ID, if block
* supports anchor. 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.
* @param {Object} attributes Current block attributes.
*
* @return {Object} Filtered props applied to save element.
*/
function custom_class_name_addSaveProps(extraProps, blockType, attributes) {
if (Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, 'customClassName', true) && attributes.className) {
extraProps.className = classnames_default()(extraProps.className, attributes.className);
}
return extraProps;
}
/**
* Given an HTML string, returns an array of class names assigned to the root
* element in the markup.
*
* @param {string} innerHTML Markup string from which to extract classes.
*
* @return {string[]} Array of class names assigned to the root element.
*/
function getHTMLRootElementClasses(innerHTML) {
innerHTML = "".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__(18);
// 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__(14);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toArray.js
var toArray = __webpack_require__(146);
// 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/gradients/use-gradient.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
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 = useBlockEditContext(),
clientId = _useBlockEditContext.clientId;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getBlockAttributes = _select.getBlockAttributes,
getSettings = _select.getSettings;
var attributes = getBlockAttributes(clientId);
return {
gradient: attributes[gradientAttribute],
customGradient: attributes[customGradientAttribute],
gradients: getSettings().gradients
};
}, [clientId, gradientAttribute, customGradientAttribute]),
gradients = _useSelect.gradients,
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__(15);
// 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 = Object(external_this_wp_data_["useSelect"])(function (select) {
var settings = select('core/block-editor').getSettings();
return Object(external_this_lodash_["pick"])(settings, colorsAndGradientKeys);
});
return Object(external_this_wp_element_["createElement"])(ColorGradientControlInner, 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 = Object(external_this_wp_data_["useSelect"])(function (select) {
var settings = select('core/block-editor').getSettings();
return Object(external_this_lodash_["pick"])(settings, panel_color_gradient_settings_colorsAndGradientKeys);
});
return Object(external_this_wp_element_["createElement"])(panel_color_gradient_settings_PanelColorGradientSettingsInner, 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__(54);
// 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);
// 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 useDisplayBlockControls() ? 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 !== window.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 ColorPanel(_ref) {
var settings = _ref.settings,
clientId = _ref.clientId,
_ref$enableContrastCh = _ref.enableContrastChecking,
enableContrastChecking = _ref$enableContrastCh === void 0 ? true : _ref$enableContrastCh;
var _window = window,
getComputedStyle = _window.getComputedStyle,
Node = _window.Node;
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 === Node.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 = '__experimentalColor';
var color_hasColorSupport = function hasColorSupport(blockType) {
return external_this_wp_element_["Platform"].OS === 'web' && Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, COLOR_SUPPORT_KEY);
};
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.linkColor;
};
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;
};
/**
* 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 _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').getSettings();
}, []),
colors = _useSelect.colors,
gradients = _useSelect.gradients,
__experimentalEnableLinkColor = _useSelect.__experimentalEnableLinkColor; // 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 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({}, localAttributes.current.style, {
color: 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({}, 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({}, (_localAttributes$curr3 = localAttributes.current) === null || _localAttributes$curr3 === void 0 ? void 0 : _localAttributes$curr3.style, {
color: 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({}, (_localAttributes$curr6 = localAttributes.current) === null || _localAttributes$curr6 === void 0 ? void 0 : _localAttributes$curr6.style, {
color: 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({}, localAttributes.current, {}, newAttributes);
};
var onChangeLinkColor = function onChangeLinkColor(value) {
var _props$attributes$sty;
var colorObject = utils_getColorObjectByColorValue(colors, value);
props.setAttributes({
style: color_objectSpread({}, props.attributes.style, {
color: 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: [{
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
}, {
label: Object(external_this_wp_i18n_["__"])('Background Color'),
onColorChange: onChangeColor('background'),
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
}].concat(Object(toConsumableArray["a" /* default */])(__experimentalEnableLinkColor && 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 = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').getSettings().colors;
}, []);
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({}, props.wrapperProps, {
style: 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__(21);
// 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 = '__experimentalLineHeight';
/**
* 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({}, style, {
typography: 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 = Object(external_this_wp_data_["useSelect"])(function (select) {
var editorSettings = select('core/block-editor').getSettings();
return !editorSettings.enableCustomLineHeight;
});
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__(152);
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
*/
/* harmony default export */ var font_size_picker = (Object(external_this_wp_data_["withSelect"])(function (select) {
var _select$getSettings = select('core/block-editor').getSettings(),
disableCustomFontSizes = _select$getSettings.disableCustomFontSizes,
fontSizes = _select$getSettings.fontSizes;
return {
disableCustomFontSizes: disableCustomFontSizes,
fontSizes: fontSizes
};
})(external_this_wp_components_["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 = '__experimentalFontSize';
/**
* 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;
}
function useFontSizes() {
return Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').getSettings().fontSizes;
});
}
/**
* 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 = useFontSizes();
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({}, style, {
typography: 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 = useFontSizes();
var hasFontSizes = 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 = useFontSizes();
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({}, 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
*/
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} unitsProp Collection of available units.
*
* @return {Array} Filtered units based on settings.
*/
function useCustomUnits(unitsProp) {
var settings = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').getSettings().enableCustomUnits;
}, []);
var isDisabled = !settings; // Adjust units based on add_theme_support( 'custom-units' );
var units;
/**
* Handle extra arguments for add_theme_support
*
* Example: add_theme_support( 'custom-units', 'rem' );
* Or: add_theme_support( 'custom-units', 'px, 'rem', 'em' );
*
* Note: If there are unit argument (e.g. 'em'), these units are enabled
* within the control.
*/
if (Array.isArray(settings)) {
units = filterUnitsWithSettings(settings, unitsProp);
} else {
units = isDisabled ? false : unitsProp;
}
return units;
}
// 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 PADDING_SUPPORT_KEY = '__experimentalPadding';
/**
* 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 (!Object(external_this_wp_blocks_["hasBlockSupport"])(blockName, PADDING_SUPPORT_KEY)) {
return null;
}
var onChange = function onChange(next) {
var newStyle = padding_objectSpread({}, style, {
spacing: {
padding: next
}
});
setAttributes({
style: utils_cleanEmptyObject(newStyle)
});
};
var onChangeShowVisualizer = function onChangeShowVisualizer(next) {
var newStyle = 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
});
}
var paddingStyleMappings = {
paddingTop: ['spacing', 'padding', 'top'],
paddingRight: ['spacing', 'padding', 'right'],
paddingBottom: ['spacing', 'padding', 'bottom'],
paddingLeft: ['spacing', 'padding', 'left']
};
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/spacing-panel-control/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function SpacingPanelControl(_ref) {
var children = _ref.children,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["children"]);
var isSpacingEnabled = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getSettings = _select.getSettings;
return Object(external_this_lodash_["get"])(getSettings(), '__experimentalEnableCustomSpacing');
}, []);
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, PADDING_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 mappings = style_objectSpread({}, paddingStyleMappings, {
lineHeight: ['typography', 'lineHeight'],
fontSize: ['typography', 'fontSize'],
background: ['color', 'gradient'],
backgroundColor: ['color', 'background'],
color: ['color', 'text'],
'--wp--style--color--link': ['color', 'link']
});
var output = {};
Object.entries(mappings).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({}, 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 hasPaddingSupport = Object(external_this_wp_blocks_["hasBlockSupport"])(blockName, PADDING_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)), hasPaddingSupport && 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__(20);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
var createClass = __webpack_require__(19);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
var assertThisInitialized = __webpack_require__(12);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
var possibleConstructorReturn = __webpack_require__(23);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
var getPrototypeOf = __webpack_require__(16);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js + 1 modules
var inherits = __webpack_require__(22);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors/with-colors.js
function _createSuper(Derived) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (_isNativeReflectConstruct()) { 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_data_["withSelect"])(function (select) {
var settings = select('core/block-editor').getSettings();
return {
colors: Object(external_this_lodash_["get"])(settings, ['colors'], DEFAULT_COLORS)
};
});
};
/**
* 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({}, 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({}, 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 = Object(external_this_lodash_["get"])(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({}, 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({}, 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) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = _unsupportedIterableToArray(o))) { 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 it, 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(n); 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
*/
/**
* Browser dependencies
*/
var use_colors_window = window,
use_colors_getComputedStyle = use_colors_window.getComputedStyle,
use_colors_Node = use_colors_window.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 = useBlockEditContext(),
clientId = _useBlockEditContext.clientId;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getBlockAttributes = _select.getBlockAttributes,
getSettings = _select.getSettings;
var colors = getSettings().colors;
return {
attributes: getBlockAttributes(clientId),
settingsColors: !colors || colors === true ? use_colors_DEFAULT_COLORS : colors
};
}, [clientId]),
attributes = _useSelect.attributes,
settingsColors = _useSelect.settingsColors;
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({}, 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({}, 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 === use_colors_Node.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({}, 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({}, 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) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (with_font_sizes_isNativeReflectConstruct()) { 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
*/
/**
* 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_data_["withSelect"])(function (select) {
var _select$getSettings = select('core/block-editor').getSettings(),
fontSizes = _select$getSettings.fontSizes;
return {
fontSizes: fontSizes
};
}), 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({}, 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({}, fontSizeObject, {
class: getFontSizeClass(fontSizeAttributeValue)
});
return newStateAccumulator;
}, {});
return 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__(288);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/align-center.js
var align_center = __webpack_require__(289);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/align-right.js
var align_right = __webpack_require__(290);
// 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({}, 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
function search_items_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 search_items_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { search_items_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 { search_items_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* Converts the search term into a list of normalized terms.
*
* @param {string} term The search term to normalize.
*
* @return {string[]} The normalized list of search terms.
*/
var search_items_normalizeSearchTerm = function normalizeSearchTerm() {
var term = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
// Disregard diacritics.
// Input: "média"
term = Object(external_this_lodash_["deburr"])(term); // Accommodate leading slash, matching autocomplete expectations.
// Input: "/media"
term = term.replace(/^\//, ''); // Lowercase.
// Input: "MEDIA"
term = term.toLowerCase(); // Extract words.
return Object(external_this_lodash_["words"])(term);
};
var search_items_removeMatchingTerms = function removeMatchingTerms(unmatchedTerms, unprocessedTerms) {
return Object(external_this_lodash_["differenceWith"])(unmatchedTerms, search_items_normalizeSearchTerm(unprocessedTerms), function (unmatchedTerm, unprocessedTerm) {
return unprocessedTerm.includes(unmatchedTerm);
});
};
var search_items_searchBlockItems = function searchBlockItems(items, categories, collections, searchTerm) {
var normalizedSearchTerms = search_items_normalizeSearchTerm(searchTerm);
if (normalizedSearchTerms.length === 0) {
return items;
}
return search_items_searchItems(items, searchTerm, {
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(item) {
return (item.variations || []).map(function (variation) {
return variation.title;
});
}
}).map(function (item) {
if (Object(external_this_lodash_["isEmpty"])(item.variations)) {
return item;
}
var matchedVariations = item.variations.filter(function (variation) {
return Object(external_this_lodash_["intersectionWith"])(normalizedSearchTerms, search_items_normalizeSearchTerm(variation.title), function (termToMatch, labelTerm) {
return labelTerm.includes(termToMatch);
}).length > 0;
}); // When no variations matched, fallback to all variations.
if (Object(external_this_lodash_["isEmpty"])(matchedVariations)) {
return item;
}
return search_items_objectSpread({}, item, {
variations: matchedVariations
});
});
};
/**
* Filters an item list given a search term.
*
* @param {Array} items Item list
* @param {string} searchTerm Search term.
* @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 searchTerm = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var normalizedSearchTerms = search_items_normalizeSearchTerm(searchTerm);
if (normalizedSearchTerms.length === 0) {
return items;
}
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;
};
var defaultGetVariations = function defaultGetVariations() {
return [];
};
var _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,
_config$getVariations = config.getVariations,
getVariations = _config$getVariations === void 0 ? defaultGetVariations : _config$getVariations;
return items.filter(function (item) {
var title = getTitle(item);
var keywords = getKeywords(item);
var category = getCategory(item);
var collection = getCollection(item);
var variations = getVariations(item);
var terms = [title].concat(Object(toConsumableArray["a" /* default */])(keywords), [category, collection], Object(toConsumableArray["a" /* default */])(variations)).join(' ');
var unmatchedTerms = search_items_removeMatchingTerms(normalizedSearchTerms, terms);
return unmatchedTerms.length === 0;
});
};
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/hooks/use-block-types-state.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
// Copied over from the Columns block. It seems like it should become part of public API.
var use_block_types_state_createBlocksFromInnerBlocksTemplate = function createBlocksFromInnerBlocksTemplate(innerBlocksTemplate) {
return Object(external_this_lodash_["map"])(innerBlocksTemplate, function (_ref) {
var _ref2 = Object(slicedToArray["a" /* default */])(_ref, 3),
name = _ref2[0],
attributes = _ref2[1],
_ref2$ = _ref2[2],
innerBlocks = _ref2$ === void 0 ? [] : _ref2$;
return Object(external_this_wp_blocks_["createBlock"])(name, attributes, createBlocksFromInnerBlocksTemplate(innerBlocks));
});
};
/**
* 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,
getSettings = _select.getSettings;
var _select2 = select('core/blocks'),
getCategories = _select2.getCategories,
getCollections = _select2.getCollections;
var _getSettings = getSettings(),
__experimentalFetchReusableBlocks = _getSettings.__experimentalFetchReusableBlocks;
return {
categories: getCategories(),
collections: getCollections(),
items: getInserterItems(rootClientId),
fetchReusableBlocks: __experimentalFetchReusableBlocks
};
}, [rootClientId]),
categories = _useSelect.categories,
collections = _useSelect.collections,
items = _useSelect.items,
fetchReusableBlocks = _useSelect.fetchReusableBlocks; // Fetch resuable blocks on mount
Object(external_this_wp_element_["useEffect"])(function () {
if (fetchReusableBlocks) {
fetchReusableBlocks();
}
}, []);
var onSelectItem = function onSelectItem(_ref3) {
var name = _ref3.name,
initialAttributes = _ref3.initialAttributes,
innerBlocks = _ref3.innerBlocks;
var insertedBlock = Object(external_this_wp_blocks_["createBlock"])(name, initialAttributes, use_block_types_state_createBlocksFromInnerBlocksTemplate(innerBlocks));
onInsert(insertedBlock);
};
return [items, categories, collections, onSelectItem];
};
/* harmony default export */ var use_block_types_state = (use_block_types_state_useBlockTypesState);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/utils.js
function utils_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 utils_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { utils_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 { utils_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* Normalizes an inserter block types list and includes variations as separate items.
*
* @param {Array} items Denormalized inserter items
* @return {Array} Normalized inserter items.
*/
function includeVariationsInInserterItems(items) {
return items.reduce(function (result, item) {
var _item$variations = item.variations,
variations = _item$variations === void 0 ? [] : _item$variations;
var hasDefaultVariation = variations.some(function (_ref) {
var isDefault = _ref.isDefault;
return isDefault;
}); // If there is no default inserter variation provided,
// then default block type is displayed.
if (!hasDefaultVariation) {
result.push(item);
}
if (variations.length) {
result = result.concat(variations.map(function (variation) {
return utils_objectSpread({}, item, {
id: "".concat(item.id, "-").concat(variation.name),
icon: variation.icon || item.icon,
title: variation.title || item.title,
description: variation.description || item.description,
// If `example` is explicitly undefined for the variation, the preview will not be shown.
example: variation.hasOwnProperty('example') ? variation.example : item.example,
initialAttributes: utils_objectSpread({}, item.initialAttributes, {}, variation.attributes),
innerBlocks: variation.innerBlocks
});
}));
}
return result;
}, []);
}
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/block-default.js
var block_default = __webpack_require__(201);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-icon/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function BlockIcon(_ref) {
var icon = _ref.icon,
_ref$showColors = _ref.showColors,
showColors = _ref$showColors === void 0 ? false : _ref$showColors,
className = _ref.className;
if (Object(external_this_lodash_["get"])(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 block_createBlocksFromInnerBlocksTemplate = function createBlocksFromInnerBlocksTemplate(innerBlocksTemplate) {
return Object(external_this_lodash_["map"])(innerBlocksTemplate, function (_ref) {
var _ref2 = Object(slicedToArray["a" /* default */])(_ref, 3),
name = _ref2[0],
attributes = _ref2[1],
_ref2$ = _ref2[2],
innerBlocks = _ref2$ === void 0 ? [] : _ref2$;
return Object(external_this_wp_blocks_["createBlock"])(name, attributes, createBlocksFromInnerBlocksTemplate(innerBlocks));
});
};
/** @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 () {
return search_items_searchBlockItems(items, categories, collections, filterValue).filter(function (item) {
return item.name !== selectedBlockName;
});
}, [filterValue, selectedBlockName, items, categories, collections]);
var options = Object(external_this_wp_element_["useMemo"])(function () {
return includeVariationsInInserterItems(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, block_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 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 = useBlockEditContext(),
name = _useBlockEditContext.name;
var _props$completers = props.completers,
completers = _props$completers === void 0 ? 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
/**
* WordPress dependencies
*/
/**
* Renders the block's configured title as a string, or empty if the title
* cannot be determined.
*
* @example
*
* ```jsx
*
* ```
*
* @param {Object} props
* @param {string} props.clientId Client ID of block.
*
* @return {?string} Block title.
*/
function BlockTitle(_ref) {
var clientId = _ref.clientId;
var name = Object(external_this_wp_data_["useSelect"])(function (select) {
if (!clientId) {
return null;
}
var _select = select('core/block-editor'),
getBlockName = _select.getBlockName;
return getBlockName(clientId);
}, [clientId]);
if (!name) {
return null;
}
var blockType = Object(external_this_wp_blocks_["getBlockType"])(name);
if (!blockType) {
return null;
}
return blockType.title;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-breadcrumb/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Block breadcrumb component, displaying the hierarchy of the current block selection as a breadcrumb.
*
* @return {WPElement} Block Breadcrumb.
*/
function BlockBreadcrumb() {
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
selectBlock = _useDispatch.selectBlock,
clearSelectedBlock = _useDispatch.clearSelectedBlock;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getSelectionStart = _select.getSelectionStart,
getSelectedBlockClientId = _select.getSelectedBlockClientId,
getBlockParents = _select.getBlockParents;
var selectedBlockClientId = getSelectedBlockClientId();
return {
parents: getBlockParents(selectedBlockClientId),
clientId: selectedBlockClientId,
hasSelection: !!getSelectionStart().clientId
};
}, []),
clientId = _useSelect.clientId,
parents = _useSelect.parents,
hasSelection = _useSelect.hasSelection;
/*
* Disable reason: The `list` ARIA role is redundant but
* Safari+VoiceOver won't announce the list otherwise.
*/
/* eslint-disable jsx-a11y/no-redundant-roles */
return Object(external_this_wp_element_["createElement"])("ul", {
className: "block-editor-block-breadcrumb",
role: "list",
"aria-label": Object(external_this_wp_i18n_["__"])('Block breadcrumb')
}, Object(external_this_wp_element_["createElement"])("li", {
className: !hasSelection ? 'block-editor-block-breadcrumb__current' : undefined,
"aria-current": !hasSelection ? 'true' : undefined
}, hasSelection && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
className: "block-editor-block-breadcrumb__button",
isTertiary: true,
onClick: clearSelectedBlock
}, Object(external_this_wp_i18n_["__"])('Document')), !hasSelection && Object(external_this_wp_i18n_["__"])('Document')), parents.map(function (parentClientId) {
return Object(external_this_wp_element_["createElement"])("li", {
key: parentClientId
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
className: "block-editor-block-breadcrumb__button",
isTertiary: true,
onClick: function onClick() {
return selectBlock(parentClientId);
}
}, Object(external_this_wp_element_["createElement"])(BlockTitle, {
clientId: parentClientId
})));
}), !!clientId && Object(external_this_wp_element_["createElement"])("li", {
className: "block-editor-block-breadcrumb__current",
"aria-current": "true"
}, Object(external_this_wp_element_["createElement"])(BlockTitle, {
clientId: clientId
})))
/* eslint-enable jsx-a11y/no-redundant-roles */
;
}
/* harmony default export */ var block_breadcrumb = (BlockBreadcrumb);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-context/index.js
function block_context_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 block_context_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { block_context_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 { block_context_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* WordPress dependencies
*/
/** @typedef {import('react').ReactNode} ReactNode */
/**
* @typedef BlockContextProviderProps
*
* @property {Record} value Context value to merge with current
* value.
* @property {ReactNode} children Component children.
*/
/** @type {import('react').Context>} */
var block_context_Context = Object(external_this_wp_element_["createContext"])({});
/**
* Component which merges passed value with current consumed block context.
*
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/block-context/README.md
*
* @param {BlockContextProviderProps} props
*/
function BlockContextProvider(_ref) {
var value = _ref.value,
children = _ref.children;
var context = Object(external_this_wp_element_["useContext"])(block_context_Context);
var nextValue = Object(external_this_wp_element_["useMemo"])(function () {
return block_context_objectSpread({}, context, {}, value);
}, [context, value]);
return Object(external_this_wp_element_["createElement"])(block_context_Context.Provider, {
value: nextValue,
children: children
});
}
/* harmony default export */ var block_context = (block_context_Context);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/color-style-selector/index.js
/**
* WordPress dependencies
*/
var color_style_selector_ColorSelectorSVGIcon = function ColorSelectorSVGIcon() {
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["SVG"], {
xmlns: "https://www.w3.org/2000/svg",
viewBox: "0 0 20 20"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Path"], {
d: "M7.434 5l3.18 9.16H8.538l-.692-2.184H4.628l-.705 2.184H2L5.18 5h2.254zm-1.13 1.904h-.115l-1.148 3.593H7.44L6.304 6.904zM14.348 7.006c1.853 0 2.9.876 2.9 2.374v4.78h-1.79v-.914h-.114c-.362.64-1.123 1.022-2.031 1.022-1.346 0-2.292-.826-2.292-2.108 0-1.27.972-2.006 2.71-2.107l1.696-.102V9.38c0-.584-.42-.914-1.18-.914-.667 0-1.112.228-1.264.647h-1.701c.12-1.295 1.307-2.107 3.066-2.107zm1.079 4.1l-1.416.09c-.793.056-1.18.342-1.18.844 0 .52.45.837 1.091.837.857 0 1.505-.545 1.505-1.256v-.515z"
}));
};
/**
* Color Selector Icon component.
*
* @param {Object} props Component properties.
* @param {Object} props.style Style object.
* @param {string} props.className Class name for component.
*
* @return {*} React Icon component.
*/
var color_style_selector_ColorSelectorIcon = function ColorSelectorIcon(_ref) {
var style = _ref.style,
className = _ref.className;
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-library-colors-selector__icon-container"
}, Object(external_this_wp_element_["createElement"])("div", {
className: "".concat(className, " block-library-colors-selector__state-selection"),
style: style
}, Object(external_this_wp_element_["createElement"])(color_style_selector_ColorSelectorSVGIcon, null)));
};
/**
* Renders the Colors Selector Toolbar with the icon button.
*
* @param {Object} props Component properties.
* @param {Object} props.TextColor Text color component that wraps icon.
* @param {Object} props.BackgroundColor Background color component that wraps icon.
*
* @return {*} React toggle button component.
*/
var color_style_selector_renderToggleComponent = function renderToggleComponent(_ref2) {
var TextColor = _ref2.TextColor,
BackgroundColor = _ref2.BackgroundColor;
return function (_ref3) {
var onToggle = _ref3.onToggle,
isOpen = _ref3.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"], {
className: "components-toolbar__control block-library-colors-selector__toggle",
label: Object(external_this_wp_i18n_["__"])('Open Colors Selector'),
onClick: onToggle,
onKeyDown: openOnArrowDown,
icon: Object(external_this_wp_element_["createElement"])(BackgroundColor, null, Object(external_this_wp_element_["createElement"])(TextColor, null, Object(external_this_wp_element_["createElement"])(color_style_selector_ColorSelectorIcon, null)))
}));
};
};
var color_style_selector_BlockColorsStyleSelector = function BlockColorsStyleSelector(_ref4) {
var children = _ref4.children,
other = Object(objectWithoutProperties["a" /* default */])(_ref4, ["children"]);
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Dropdown"], {
position: "bottom right",
className: "block-library-colors-selector",
contentClassName: "block-library-colors-selector__popover",
renderToggle: color_style_selector_renderToggleComponent(other),
renderContent: function renderContent() {
return children;
}
});
};
/* harmony default export */ var color_style_selector = (color_style_selector_BlockColorsStyleSelector);
// EXTERNAL MODULE: external {"this":["wp","deprecated"]}
var external_this_wp_deprecated_ = __webpack_require__(37);
var external_this_wp_deprecated_default = /*#__PURE__*/__webpack_require__.n(external_this_wp_deprecated_);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-edit/edit.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Default value used for blocks which do not define their own context needs,
* used to guarantee that a block's `context` prop will always be an object. It
* is assigned as a constant since it is always expected to be an empty object,
* and in order to avoid unnecessary React reconciliations of a changing object.
*
* @type {{}}
*/
var DEFAULT_BLOCK_CONTEXT = {};
var edit_Edit = function Edit(props) {
var _props$attributes = props.attributes,
attributes = _props$attributes === void 0 ? {} : _props$attributes,
name = props.name;
var blockType = Object(external_this_wp_blocks_["getBlockType"])(name);
var blockContext = Object(external_this_wp_element_["useContext"])(block_context); // Assign context values using the block type's declared context needs.
var context = Object(external_this_wp_element_["useMemo"])(function () {
if (blockType && blockType.context) {
external_this_wp_deprecated_default()('Block type "context" option', {
alternative: '"usesContext"',
version: '8.6.0',
hint: "Block \"".concat(name, "\"."),
link: 'https://developer.wordpress.org/block-editor/developers/block-api/block-context/'
});
return Object(external_this_lodash_["pick"])(blockContext, blockType.context);
}
return blockType && blockType.usesContext ? Object(external_this_lodash_["pick"])(blockContext, blockType.usesContext) : DEFAULT_BLOCK_CONTEXT;
}, [blockType, blockContext]);
if (!blockType) {
return null;
} // `edit` and `save` are functions or components describing the markup
// with which a block is displayed. If `blockType` is valid, assign
// them preferentially as the render value for the block.
var Component = blockType.edit || blockType.save;
var lightBlockWrapper = Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, 'lightBlockWrapper', false);
if (lightBlockWrapper) {
return Object(external_this_wp_element_["createElement"])(Component, Object(esm_extends["a" /* default */])({}, props, {
context: context
}));
} // Generate a class name for the block's editable form
var generatedClassName = Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, 'className', true) ? Object(external_this_wp_blocks_["getBlockDefaultClassName"])(name) : null;
var className = classnames_default()(generatedClassName, attributes.className);
return Object(external_this_wp_element_["createElement"])(Component, Object(esm_extends["a" /* default */])({}, props, {
context: context,
className: className
}));
};
/* harmony default export */ var edit = (Object(external_this_wp_components_["withFilters"])('editor.BlockEdit')(edit_Edit));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-edit/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function block_edit_BlockEdit(props) {
var name = props.name,
isSelected = props.isSelected,
clientId = props.clientId,
onFocus = props.onFocus,
onCaretVerticalPositionChange = props.onCaretVerticalPositionChange;
var context = {
name: name,
isSelected: isSelected,
clientId: clientId,
onFocus: onFocus,
onCaretVerticalPositionChange: onCaretVerticalPositionChange
};
return Object(external_this_wp_element_["createElement"])(Provider // It is important to return the same object if props haven't
// changed to avoid unnecessary rerenders.
// See https://reactjs.org/docs/context.html#caveats.
, {
value: Object(external_this_wp_element_["useMemo"])(function () {
return context;
}, Object.values(context))
}, Object(external_this_wp_element_["createElement"])(edit, props));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-format-controls/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var block_format_controls_createSlotFill = Object(external_this_wp_components_["createSlotFill"])('BlockFormatControls'),
block_format_controls_Fill = block_format_controls_createSlotFill.Fill,
block_format_controls_Slot = block_format_controls_createSlotFill.Slot;
function BlockFormatControlsSlot(props) {
var accessibleToolbarState = Object(external_this_wp_element_["useContext"])(external_this_wp_components_["__experimentalToolbarContext"]);
return Object(external_this_wp_element_["createElement"])(block_format_controls_Slot, Object(esm_extends["a" /* default */])({}, props, {
fillProps: accessibleToolbarState
}));
}
function BlockFormatControlsFill(props) {
var _useBlockEditContext = useBlockEditContext(),
isSelected = _useBlockEditContext.isSelected;
if (!isSelected) {
return null;
}
return Object(external_this_wp_element_["createElement"])(block_format_controls_Fill, null, function (fillProps) {
var value = !Object(external_this_lodash_["isEmpty"])(fillProps) ? fillProps : null;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalToolbarContext"].Provider, {
value: value
}, props.children);
});
}
var BlockFormatControls = BlockFormatControlsFill;
BlockFormatControls.Slot = BlockFormatControlsSlot;
/* harmony default export */ var block_format_controls = (BlockFormatControls);
// EXTERNAL MODULE: external {"this":"regeneratorRuntime"}
var external_this_regeneratorRuntime_ = __webpack_require__(24);
var external_this_regeneratorRuntime_default = /*#__PURE__*/__webpack_require__.n(external_this_regeneratorRuntime_);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
var asyncToGenerator = __webpack_require__(50);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/more-vertical.js
var more_vertical = __webpack_require__(297);
// EXTERNAL MODULE: ./node_modules/react-spring/web.cjs.js
var web_cjs = __webpack_require__(113);
// EXTERNAL MODULE: external {"this":["wp","dom"]}
var external_this_wp_dom_ = __webpack_require__(30);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-moving-animation/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Simple reducer used to increment a counter.
*
* @param {number} state Previous counter value.
* @return {number} New state value.
*/
var counterReducer = function counterReducer(state) {
return state + 1;
};
var getAbsolutePosition = function getAbsolutePosition(element) {
return {
top: element.offsetTop,
left: element.offsetLeft
};
};
/**
* Hook used to compute the styles required to move a div into a new position.
*
* The way this animation works is the following:
* - It first renders the element as if there was no animation.
* - It takes a snapshot of the position of the block to use it
* as a destination point for the animation.
* - It restores the element to the previous position using a CSS transform
* - It uses the "resetAnimation" flag to reset the animation
* from the beginning in order to animate to the new destination point.
*
* @param {Object} ref Reference to the element to animate.
* @param {boolean} isSelected Whether it's the current block or not.
* @param {boolean} adjustScrolling Adjust the scroll position to the current block.
* @param {boolean} enableAnimation Enable/Disable animation.
* @param {*} triggerAnimationOnChange Variable used to trigger the animation if it changes.
*/
function useMovingAnimation(ref, isSelected, adjustScrolling, enableAnimation, triggerAnimationOnChange) {
var prefersReducedMotion = Object(external_this_wp_compose_["useReducedMotion"])() || !enableAnimation;
var _useReducer = Object(external_this_wp_element_["useReducer"])(counterReducer, 0),
_useReducer2 = Object(slicedToArray["a" /* default */])(_useReducer, 2),
triggeredAnimation = _useReducer2[0],
triggerAnimation = _useReducer2[1];
var _useReducer3 = Object(external_this_wp_element_["useReducer"])(counterReducer, 0),
_useReducer4 = Object(slicedToArray["a" /* default */])(_useReducer3, 2),
finishedAnimation = _useReducer4[0],
endAnimation = _useReducer4[1];
var _useState = Object(external_this_wp_element_["useState"])({
x: 0,
y: 0
}),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
transform = _useState2[0],
setTransform = _useState2[1];
var previous = Object(external_this_wp_element_["useMemo"])(function () {
return ref.current ? getAbsolutePosition(ref.current) : null;
}, [triggerAnimationOnChange]); // Calculate the previous position of the block relative to the viewport and
// return a function to maintain that position by scrolling.
var preserveScrollPosition = Object(external_this_wp_element_["useMemo"])(function () {
if (!adjustScrolling || !ref.current) {
return function () {};
}
var scrollContainer = Object(external_this_wp_dom_["getScrollContainer"])(ref.current);
if (!scrollContainer) {
return function () {};
}
var prevRect = ref.current.getBoundingClientRect();
return function () {
var blockRect = ref.current.getBoundingClientRect();
var diff = blockRect.top - prevRect.top;
if (diff) {
scrollContainer.scrollTop += diff;
}
};
}, [triggerAnimationOnChange, adjustScrolling]);
Object(external_this_wp_element_["useLayoutEffect"])(function () {
if (triggeredAnimation) {
endAnimation();
}
}, [triggeredAnimation]);
Object(external_this_wp_element_["useLayoutEffect"])(function () {
if (!previous) {
return;
}
if (prefersReducedMotion) {
// if the animation is disabled and the scroll needs to be adjusted,
// just move directly to the final scroll position.
preserveScrollPosition();
return;
}
ref.current.style.transform = '';
var destination = getAbsolutePosition(ref.current);
triggerAnimation();
setTransform({
x: Math.round(previous.left - destination.left),
y: Math.round(previous.top - destination.top)
});
}, [triggerAnimationOnChange]); // Only called when either the x or y value changes.
function onFrameChange(_ref) {
var x = _ref.x,
y = _ref.y;
if (!ref.current) {
return;
}
var isMoving = x === 0 && y === 0;
ref.current.style.transformOrigin = isMoving ? '' : 'center';
ref.current.style.transform = isMoving ? '' : "translate3d(".concat(x, "px,").concat(y, "px,0)");
ref.current.style.zIndex = !isSelected || isMoving ? '' : '1';
preserveScrollPosition();
} // Called for every frame computed by useSpring.
function onFrame(_ref2) {
var x = _ref2.x,
y = _ref2.y;
x = Math.round(x);
y = Math.round(y);
if (x !== onFrame.x || y !== onFrame.y) {
onFrameChange({
x: x,
y: y
});
onFrame.x = x;
onFrame.y = y;
}
}
onFrame.x = 0;
onFrame.y = 0;
Object(web_cjs["useSpring"])({
from: {
x: transform.x,
y: transform.y
},
to: {
x: 0,
y: 0
},
reset: triggeredAnimation !== finishedAnimation,
config: {
mass: 5,
tension: 2000,
friction: 200
},
immediate: prefersReducedMotion,
onFrame: onFrame
});
}
/* harmony default export */ var use_moving_animation = (useMovingAnimation);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/leaf.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var AnimatedTreeGridRow = Object(web_cjs["animated"])(external_this_wp_components_["__experimentalTreeGridRow"]);
function BlockNavigationLeaf(_ref) {
var isSelected = _ref.isSelected,
position = _ref.position,
level = _ref.level,
rowCount = _ref.rowCount,
children = _ref.children,
className = _ref.className,
path = _ref.path,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["isSelected", "position", "level", "rowCount", "children", "className", "path"]);
var wrapper = Object(external_this_wp_element_["useRef"])(null);
var adjustScrolling = false;
var enableAnimation = true;
var animateOnChange = path.join('_');
var style = use_moving_animation(wrapper, isSelected, adjustScrolling, enableAnimation, animateOnChange);
return Object(external_this_wp_element_["createElement"])(AnimatedTreeGridRow, Object(esm_extends["a" /* default */])({
ref: wrapper,
style: style,
className: classnames_default()('block-editor-block-navigation-leaf', className),
level: level,
positionInSet: position,
setSize: rowCount
}, props), children);
}
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-right.js
var chevron_right = __webpack_require__(293);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-left.js
var chevron_left = __webpack_require__(294);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-up.js
var chevron_up = __webpack_require__(295);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-down.js
var chevron_down = __webpack_require__(296);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-mover/mover-description.js
/**
* WordPress dependencies
*/
/**
* Return a label for the block movement controls depending on block position.
*
* @param {number} selectedCount Number of blocks selected.
* @param {string} type Block type - in the case of a single block, should
* define its 'type'. I.e. 'Text', 'Heading', 'Image' etc.
* @param {number} firstIndex The index (position - 1) of the first block selected.
* @param {boolean} isFirst This is the first block.
* @param {boolean} isLast This is the last block.
* @param {number} dir Direction of movement (> 0 is considered to be going
* down, < 0 is up).
* @param {string} orientation The orientation of the block movers, vertical or
* horizontal.
* @param {boolean} isRTL True if current writing system is right to left.
*
* @return {string} Label for the block movement controls.
*/
function getBlockMoverDescription(selectedCount, type, firstIndex, isFirst, isLast, dir, orientation, isRTL) {
var position = firstIndex + 1;
var getMovementDirection = function getMovementDirection(moveDirection) {
if (moveDirection === 'up') {
if (orientation === 'horizontal') {
return isRTL ? 'right' : 'left';
}
return 'up';
} else if (moveDirection === 'down') {
if (orientation === 'horizontal') {
return isRTL ? 'left' : 'right';
}
return 'down';
}
return null;
};
if (selectedCount > 1) {
return getMultiBlockMoverDescription(selectedCount, firstIndex, isFirst, isLast, dir);
}
if (isFirst && isLast) {
return Object(external_this_wp_i18n_["sprintf"])( // translators: %s: Type of block (i.e. Text, Image etc)
Object(external_this_wp_i18n_["__"])('Block %s is the only block, and cannot be moved'), type);
}
if (dir > 0 && !isLast) {
// moving down
var movementDirection = getMovementDirection('down');
if (movementDirection === 'down') {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position
Object(external_this_wp_i18n_["__"])('Move %1$s block from position %2$d down to position %3$d'), type, position, position + 1);
}
if (movementDirection === 'left') {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position
Object(external_this_wp_i18n_["__"])('Move %1$s block from position %2$d left to position %3$d'), type, position, position + 1);
}
if (movementDirection === 'right') {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position
Object(external_this_wp_i18n_["__"])('Move %1$s block from position %2$d right to position %3$d'), type, position, position + 1);
}
}
if (dir > 0 && isLast) {
// moving down, and is the last item
var _movementDirection = getMovementDirection('down');
if (_movementDirection === 'down') {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Type of block (i.e. Text, Image etc)
Object(external_this_wp_i18n_["__"])('Block %1$s is at the end of the content and can’t be moved down'), type);
}
if (_movementDirection === 'left') {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Type of block (i.e. Text, Image etc)
Object(external_this_wp_i18n_["__"])('Block %1$s is at the end of the content and can’t be moved left'), type);
}
if (_movementDirection === 'right') {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Type of block (i.e. Text, Image etc)
Object(external_this_wp_i18n_["__"])('Block %1$s is at the end of the content and can’t be moved right'), type);
}
}
if (dir < 0 && !isFirst) {
// moving up
var _movementDirection2 = getMovementDirection('up');
if (_movementDirection2 === 'up') {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position
Object(external_this_wp_i18n_["__"])('Move %1$s block from position %2$d up to position %3$d'), type, position, position - 1);
}
if (_movementDirection2 === 'left') {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position
Object(external_this_wp_i18n_["__"])('Move %1$s block from position %2$d left to position %3$d'), type, position, position - 1);
}
if (_movementDirection2 === 'right') {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Type of block (i.e. Text, Image etc), 2: Position of selected block, 3: New position
Object(external_this_wp_i18n_["__"])('Move %1$s block from position %2$d right to position %3$d'), type, position, position - 1);
}
}
if (dir < 0 && isFirst) {
// moving up, and is the first item
var _movementDirection3 = getMovementDirection('up');
if (_movementDirection3 === 'up') {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Type of block (i.e. Text, Image etc)
Object(external_this_wp_i18n_["__"])('Block %1$s is at the beginning of the content and can’t be moved up'), type);
}
if (_movementDirection3 === 'left') {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Type of block (i.e. Text, Image etc)
Object(external_this_wp_i18n_["__"])('Block %1$s is at the beginning of the content and can’t be moved left'), type);
}
if (_movementDirection3 === 'right') {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Type of block (i.e. Text, Image etc)
Object(external_this_wp_i18n_["__"])('Block %1$s is at the beginning of the content and can’t be moved right'), type);
}
}
}
/**
* Return a label for the block movement controls depending on block position.
*
* @param {number} selectedCount Number of blocks selected.
* @param {number} firstIndex The index (position - 1) of the first block selected.
* @param {boolean} isFirst This is the first block.
* @param {boolean} isLast This is the last block.
* @param {number} dir Direction of movement (> 0 is considered to be going
* down, < 0 is up).
*
* @return {string} Label for the block movement controls.
*/
function getMultiBlockMoverDescription(selectedCount, firstIndex, isFirst, isLast, dir) {
var position = firstIndex + 1;
if (dir < 0 && isFirst) {
return Object(external_this_wp_i18n_["__"])('Blocks cannot be moved up as they are already at the top');
}
if (dir > 0 && isLast) {
return Object(external_this_wp_i18n_["__"])('Blocks cannot be moved down as they are already at the bottom');
}
if (dir < 0 && !isFirst) {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Number of selected blocks, 2: Position of selected blocks
Object(external_this_wp_i18n_["_n"])('Move %1$d block from position %2$d up by one place', 'Move %1$d blocks from position %2$d up by one place', selectedCount), selectedCount, position);
}
if (dir > 0 && !isLast) {
return Object(external_this_wp_i18n_["sprintf"])( // translators: 1: Number of selected blocks, 2: Position of selected blocks
Object(external_this_wp_i18n_["_n"])('Move %1$d block from position %2$d down by one place', 'Move %1$d blocks from position %2$d down by one place', selectedCount), selectedCount, position);
}
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-mover/button.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var button_getArrowIcon = function getArrowIcon(direction, orientation, isRTL) {
if (direction === 'up') {
if (orientation === 'horizontal') {
return isRTL ? chevron_right["a" /* default */] : chevron_left["a" /* default */];
}
return chevron_up["a" /* default */];
} else if (direction === 'down') {
if (orientation === 'horizontal') {
return isRTL ? chevron_left["a" /* default */] : chevron_right["a" /* default */];
}
return chevron_down["a" /* default */];
}
return null;
};
var button_getMovementDirectionLabel = function getMovementDirectionLabel(moveDirection, orientation, isRTL) {
if (moveDirection === 'up') {
if (orientation === 'horizontal') {
return isRTL ? Object(external_this_wp_i18n_["__"])('Move right') : Object(external_this_wp_i18n_["__"])('Move left');
}
return Object(external_this_wp_i18n_["__"])('Move up');
} else if (moveDirection === 'down') {
if (orientation === 'horizontal') {
return isRTL ? Object(external_this_wp_i18n_["__"])('Move left') : Object(external_this_wp_i18n_["__"])('Move right');
}
return Object(external_this_wp_i18n_["__"])('Move down');
}
return null;
};
var BlockMoverButton = Object(external_this_wp_element_["forwardRef"])(function (_ref, ref) {
var clientIds = _ref.clientIds,
direction = _ref.direction,
moverOrientation = _ref.orientation,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["clientIds", "direction", "orientation"]);
var instanceId = Object(external_this_wp_compose_["useInstanceId"])(BlockMoverButton);
var blocksCount = Object(external_this_lodash_["castArray"])(clientIds).length;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getBlockIndex = _select.getBlockIndex,
getBlockRootClientId = _select.getBlockRootClientId,
getBlockOrder = _select.getBlockOrder,
getBlock = _select.getBlock,
getSettings = _select.getSettings,
getBlockListSettings = _select.getBlockListSettings;
var normalizedClientIds = Object(external_this_lodash_["castArray"])(clientIds);
var firstClientId = Object(external_this_lodash_["first"])(normalizedClientIds);
var blockRootClientId = getBlockRootClientId(firstClientId);
var firstBlockIndex = getBlockIndex(firstClientId, blockRootClientId);
var lastBlockIndex = getBlockIndex(Object(external_this_lodash_["last"])(normalizedClientIds), blockRootClientId);
var blockOrder = getBlockOrder(blockRootClientId);
var block = getBlock(firstClientId);
var isFirstBlock = firstBlockIndex === 0;
var isLastBlock = lastBlockIndex === blockOrder.length - 1;
var _ref2 = getBlockListSettings(blockRootClientId) || {},
blockListOrientation = _ref2.orientation;
return {
blockType: block ? Object(external_this_wp_blocks_["getBlockType"])(block.name) : null,
isDisabled: direction === 'up' ? isFirstBlock : isLastBlock,
rootClientId: blockRootClientId,
firstIndex: firstBlockIndex,
isFirst: isFirstBlock,
isLast: isLastBlock,
isRTL: getSettings().isRTL,
orientation: moverOrientation || blockListOrientation
};
}, [clientIds, direction]),
blockType = _useSelect.blockType,
isDisabled = _useSelect.isDisabled,
rootClientId = _useSelect.rootClientId,
isFirst = _useSelect.isFirst,
isLast = _useSelect.isLast,
firstIndex = _useSelect.firstIndex,
isRTL = _useSelect.isRTL,
_useSelect$orientatio = _useSelect.orientation,
orientation = _useSelect$orientatio === void 0 ? 'vertical' : _useSelect$orientatio;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
moveBlocksDown = _useDispatch.moveBlocksDown,
moveBlocksUp = _useDispatch.moveBlocksUp;
var moverFunction = direction === 'up' ? moveBlocksUp : moveBlocksDown;
var onClick = function onClick(event) {
moverFunction(clientIds, rootClientId);
if (props.onClick) {
props.onClick(event);
}
};
var descriptionId = "block-editor-block-mover-button__description-".concat(instanceId);
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], Object(esm_extends["a" /* default */])({
ref: ref,
className: classnames_default()('block-editor-block-mover-button', "is-".concat(direction, "-button")),
icon: button_getArrowIcon(direction, orientation, isRTL),
label: button_getMovementDirectionLabel(direction, orientation, isRTL),
"aria-describedby": descriptionId
}, props, {
onClick: isDisabled ? null : onClick,
"aria-disabled": isDisabled
})), Object(external_this_wp_element_["createElement"])("span", {
id: descriptionId,
className: "block-editor-block-mover-button__description"
}, getBlockMoverDescription(blocksCount, blockType && blockType.title, firstIndex, isFirst, isLast, direction === 'up' ? -1 : 1, orientation, isRTL)));
});
var BlockMoverUpButton = Object(external_this_wp_element_["forwardRef"])(function (props, ref) {
return Object(external_this_wp_element_["createElement"])(BlockMoverButton, Object(esm_extends["a" /* default */])({
direction: "up",
ref: ref
}, props));
});
var BlockMoverDownButton = Object(external_this_wp_element_["forwardRef"])(function (props, ref) {
return Object(external_this_wp_element_["createElement"])(BlockMoverButton, Object(esm_extends["a" /* default */])({
direction: "down",
ref: ref
}, props));
});
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/descender-lines.js
/**
* External dependencies
*/
var lineClassName = 'block-editor-block-navigator-descender-line';
function DescenderLines(_ref) {
var level = _ref.level,
isLastRow = _ref.isLastRow,
terminatedLevels = _ref.terminatedLevels;
return Object(external_this_lodash_["times"])(level - 1, function (index) {
// The first 'level' that has a descender line is level 2.
// Add 2 to the zero-based index below to reflect that.
var currentLevel = index + 2;
var hasItem = currentLevel === level;
return Object(external_this_wp_element_["createElement"])("div", {
key: index,
"aria-hidden": "true",
className: classnames_default()(lineClassName, {
'has-item': hasItem,
'is-last-row': isLastRow,
'is-terminated': terminatedLevels.includes(currentLevel)
})
});
});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/context.js
/**
* WordPress dependencies
*/
var BlockNavigationContext = Object(external_this_wp_element_["createContext"])({
__experimentalFeatures: false
});
var context_useBlockNavigationContext = function useBlockNavigationContext() {
return Object(external_this_wp_element_["useContext"])(BlockNavigationContext);
};
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/more-horizontal.js
/**
* WordPress dependencies
*/
var moreHorizontal = Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["Path"], {
d: "M11 13h2v-2h-2v2zm-6 0h2v-2H5v2zm12-2v2h2v-2h-2z"
}));
/* harmony default export */ var more_horizontal = (moreHorizontal);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/warning/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function Warning(_ref) {
var className = _ref.className,
actions = _ref.actions,
children = _ref.children,
secondaryActions = _ref.secondaryActions;
return Object(external_this_wp_element_["createElement"])("div", {
className: classnames_default()(className, 'block-editor-warning')
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-warning__contents"
}, Object(external_this_wp_element_["createElement"])("p", {
className: "block-editor-warning__message"
}, children), (external_this_wp_element_["Children"].count(actions) > 0 || secondaryActions) && Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-warning__actions"
}, external_this_wp_element_["Children"].count(actions) > 0 && external_this_wp_element_["Children"].map(actions, function (action, i) {
return Object(external_this_wp_element_["createElement"])("span", {
key: i,
className: "block-editor-warning__action"
}, action);
}), secondaryActions && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Dropdown"], {
className: "block-editor-warning__secondary",
position: "bottom left",
renderToggle: function renderToggle(_ref2) {
var isOpen = _ref2.isOpen,
onToggle = _ref2.onToggle;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
icon: more_horizontal,
label: Object(external_this_wp_i18n_["__"])('More options'),
onClick: onToggle,
"aria-expanded": isOpen
});
},
renderContent: function renderContent() {
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuGroup"], null, secondaryActions.map(function (item, pos) {
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
onClick: item.onClick,
key: pos
}, item.title);
}));
}
}))));
}
/* harmony default export */ var warning = (Warning);
// EXTERNAL MODULE: ./node_modules/@wordpress/block-editor/node_modules/diff/lib/diff/character.js
var diff_character = __webpack_require__(263);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-compare/block-view.js
/**
* WordPress dependencies
*/
var block_view_BlockView = function BlockView(_ref) {
var title = _ref.title,
rawContent = _ref.rawContent,
renderedContent = _ref.renderedContent,
action = _ref.action,
actionText = _ref.actionText,
className = _ref.className;
return Object(external_this_wp_element_["createElement"])("div", {
className: className
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-compare__content"
}, Object(external_this_wp_element_["createElement"])("h2", {
className: "block-editor-block-compare__heading"
}, title), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-compare__html"
}, rawContent), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-compare__preview edit-post-visual-editor"
}, renderedContent)), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-compare__action"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
isSecondary: true,
tabIndex: "0",
onClick: action
}, actionText)));
};
/* harmony default export */ var block_view = (block_view_BlockView);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-compare/index.js
/**
* External dependencies
*/
// diff doesn't tree-shake correctly, so we import from the individual
// module here, to avoid including too much of the library
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockCompare(_ref) {
var block = _ref.block,
onKeep = _ref.onKeep,
onConvert = _ref.onConvert,
convertor = _ref.convertor,
convertButtonText = _ref.convertButtonText;
function getDifference(originalContent, newContent) {
var difference = Object(diff_character["diffChars"])(originalContent, newContent);
return difference.map(function (item, pos) {
var classes = classnames_default()({
'block-editor-block-compare__added': item.added,
'block-editor-block-compare__removed': item.removed
});
return Object(external_this_wp_element_["createElement"])("span", {
key: pos,
className: classes
}, item.value);
});
}
function getConvertedContent(convertedBlock) {
// The convertor may return an array of items or a single item
var newBlocks = Object(external_this_lodash_["castArray"])(convertedBlock); // Get converted block details
var newContent = newBlocks.map(function (item) {
return Object(external_this_wp_blocks_["getSaveContent"])(item.name, item.attributes, item.innerBlocks);
});
var renderedContent = newBlocks.map(function (item) {
return Object(external_this_wp_blocks_["getSaveElement"])(item.name, item.attributes, item.innerBlocks);
});
return {
rawContent: newContent.join(''),
renderedContent: renderedContent
};
}
var original = {
rawContent: block.originalContent,
renderedContent: Object(external_this_wp_blocks_["getSaveElement"])(block.name, block.attributes)
};
var converted = getConvertedContent(convertor(block));
var difference = getDifference(original.rawContent, converted.rawContent);
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-compare__wrapper"
}, Object(external_this_wp_element_["createElement"])(block_view, {
title: Object(external_this_wp_i18n_["__"])('Current'),
className: "block-editor-block-compare__current",
action: onKeep,
actionText: Object(external_this_wp_i18n_["__"])('Convert to HTML'),
rawContent: original.rawContent,
renderedContent: original.renderedContent
}), Object(external_this_wp_element_["createElement"])(block_view, {
title: Object(external_this_wp_i18n_["__"])('After Conversion'),
className: "block-editor-block-compare__converted",
action: onConvert,
actionText: convertButtonText,
rawContent: difference,
renderedContent: converted.renderedContent
}));
}
/* harmony default export */ var block_compare = (BlockCompare);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block-invalid-warning.js
function block_invalid_warning_createSuper(Derived) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (block_invalid_warning_isNativeReflectConstruct()) { 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 block_invalid_warning_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; } }
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var block_invalid_warning_BlockInvalidWarning = /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(BlockInvalidWarning, _Component);
var _super = block_invalid_warning_createSuper(BlockInvalidWarning);
function BlockInvalidWarning(props) {
var _this;
Object(classCallCheck["a" /* default */])(this, BlockInvalidWarning);
_this = _super.call(this, props);
_this.state = {
compare: false
};
_this.onCompare = _this.onCompare.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.onCompareClose = _this.onCompareClose.bind(Object(assertThisInitialized["a" /* default */])(_this));
return _this;
}
Object(createClass["a" /* default */])(BlockInvalidWarning, [{
key: "onCompare",
value: function onCompare() {
this.setState({
compare: true
});
}
}, {
key: "onCompareClose",
value: function onCompareClose() {
this.setState({
compare: false
});
}
}, {
key: "render",
value: function render() {
var _this$props = this.props,
convertToHTML = _this$props.convertToHTML,
convertToBlocks = _this$props.convertToBlocks,
convertToClassic = _this$props.convertToClassic,
attemptBlockRecovery = _this$props.attemptBlockRecovery,
block = _this$props.block;
var hasHTMLBlock = !!Object(external_this_wp_blocks_["getBlockType"])('core/html');
var compare = this.state.compare;
var hiddenActions = [{
title: Object(external_this_wp_i18n_["__"])('Convert to Classic Block'),
onClick: convertToClassic
}, {
title: Object(external_this_wp_i18n_["__"])('Attempt Block Recovery'),
onClick: attemptBlockRecovery
}];
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(warning, {
actions: [Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
key: "convert",
onClick: this.onCompare,
isSecondary: hasHTMLBlock,
isPrimary: !hasHTMLBlock
}, // translators: Button to fix block content
Object(external_this_wp_i18n_["_x"])('Resolve', 'imperative verb')), hasHTMLBlock && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
key: "edit",
onClick: convertToHTML,
isPrimary: true
}, Object(external_this_wp_i18n_["__"])('Convert to HTML'))],
secondaryActions: hiddenActions
}, Object(external_this_wp_i18n_["__"])('This block contains unexpected or invalid content.')), compare && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Modal"], {
title: // translators: Dialog title to fix block content
Object(external_this_wp_i18n_["__"])('Resolve Block'),
onRequestClose: this.onCompareClose,
className: "block-editor-block-compare"
}, Object(external_this_wp_element_["createElement"])(block_compare, {
block: block,
onKeep: convertToHTML,
onConvert: convertToBlocks,
convertor: block_invalid_warning_blockToBlocks,
convertButtonText: Object(external_this_wp_i18n_["__"])('Convert to Blocks')
})));
}
}]);
return BlockInvalidWarning;
}(external_this_wp_element_["Component"]);
var block_invalid_warning_blockToClassic = function blockToClassic(block) {
return Object(external_this_wp_blocks_["createBlock"])('core/freeform', {
content: block.originalContent
});
};
var block_invalid_warning_blockToHTML = function blockToHTML(block) {
return Object(external_this_wp_blocks_["createBlock"])('core/html', {
content: block.originalContent
});
};
var block_invalid_warning_blockToBlocks = function blockToBlocks(block) {
return Object(external_this_wp_blocks_["rawHandler"])({
HTML: block.originalContent
});
};
var block_invalid_warning_recoverBlock = function recoverBlock(_ref) {
var name = _ref.name,
attributes = _ref.attributes,
innerBlocks = _ref.innerBlocks;
return Object(external_this_wp_blocks_["createBlock"])(name, attributes, innerBlocks);
};
/* harmony default export */ var block_invalid_warning = (Object(external_this_wp_compose_["compose"])([Object(external_this_wp_data_["withSelect"])(function (select, _ref2) {
var clientId = _ref2.clientId;
return {
block: select('core/block-editor').getBlock(clientId)
};
}), Object(external_this_wp_data_["withDispatch"])(function (dispatch, _ref3) {
var block = _ref3.block;
var _dispatch = dispatch('core/block-editor'),
replaceBlock = _dispatch.replaceBlock;
return {
convertToClassic: function convertToClassic() {
replaceBlock(block.clientId, block_invalid_warning_blockToClassic(block));
},
convertToHTML: function convertToHTML() {
replaceBlock(block.clientId, block_invalid_warning_blockToHTML(block));
},
convertToBlocks: function convertToBlocks() {
replaceBlock(block.clientId, block_invalid_warning_blockToBlocks(block));
},
attemptBlockRecovery: function attemptBlockRecovery() {
replaceBlock(block.clientId, block_invalid_warning_recoverBlock(block));
}
};
})])(block_invalid_warning_BlockInvalidWarning));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block-crash-warning.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var block_crash_warning_warning = Object(external_this_wp_element_["createElement"])(warning, {
className: "block-editor-block-list__block-crash-warning"
}, Object(external_this_wp_i18n_["__"])('This block has encountered an error and cannot be previewed.'));
/* harmony default export */ var block_crash_warning = (function () {
return block_crash_warning_warning;
});
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block-crash-boundary.js
function block_crash_boundary_createSuper(Derived) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (block_crash_boundary_isNativeReflectConstruct()) { 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 block_crash_boundary_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; } }
/**
* WordPress dependencies
*/
var block_crash_boundary_BlockCrashBoundary = /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(BlockCrashBoundary, _Component);
var _super = block_crash_boundary_createSuper(BlockCrashBoundary);
function BlockCrashBoundary() {
var _this;
Object(classCallCheck["a" /* default */])(this, BlockCrashBoundary);
_this = _super.apply(this, arguments);
_this.state = {
hasError: false
};
return _this;
}
Object(createClass["a" /* default */])(BlockCrashBoundary, [{
key: "componentDidCatch",
value: function componentDidCatch(error) {
this.props.onError(error);
this.setState({
hasError: true
});
}
}, {
key: "render",
value: function render() {
if (this.state.hasError) {
return null;
}
return this.props.children;
}
}]);
return BlockCrashBoundary;
}(external_this_wp_element_["Component"]);
/* harmony default export */ var block_crash_boundary = (block_crash_boundary_BlockCrashBoundary);
// EXTERNAL MODULE: ./node_modules/react-autosize-textarea/lib/index.js
var lib = __webpack_require__(97);
var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block-html.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function BlockHTML(_ref) {
var clientId = _ref.clientId;
var _useState = Object(external_this_wp_element_["useState"])(''),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
html = _useState2[0],
setHtml = _useState2[1];
var block = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').getBlock(clientId);
}, [clientId]);
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
updateBlock = _useDispatch.updateBlock;
var onChange = function onChange() {
var blockType = Object(external_this_wp_blocks_["getBlockType"])(block.name);
var attributes = Object(external_this_wp_blocks_["getBlockAttributes"])(blockType, html, block.attributes); // If html is empty we reset the block to the default HTML and mark it as valid to avoid triggering an error
var content = html ? html : Object(external_this_wp_blocks_["getSaveContent"])(blockType, attributes);
var isValid = html ? Object(external_this_wp_blocks_["isValidBlockContent"])(blockType, attributes, content) : true;
updateBlock(clientId, {
attributes: attributes,
originalContent: content,
isValid: isValid
}); // Ensure the state is updated if we reset so it displays the default content
if (!html) {
setHtml({
content: content
});
}
};
Object(external_this_wp_element_["useEffect"])(function () {
setHtml(Object(external_this_wp_blocks_["getBlockContent"])(block));
}, [block]);
return Object(external_this_wp_element_["createElement"])(lib_default.a, {
className: "block-editor-block-list__block-html-textarea",
value: html,
onBlur: onChange,
onChange: function onChange(event) {
return setHtml(event.target.value);
}
});
}
/* harmony default export */ var block_html = (BlockHTML);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/use-multi-selection.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Returns for the deepest node at the start or end of a container node. Ignores
* any text nodes that only contain HTML formatting whitespace.
*
* @param {Element} node Container to search.
* @param {string} type 'start' or 'end'.
*/
function getDeepestNode(node, type) {
var child = type === 'start' ? 'firstChild' : 'lastChild';
var sibling = type === 'start' ? 'nextSibling' : 'previousSibling';
while (node[child]) {
node = node[child];
while (node.nodeType === node.TEXT_NODE && /^[ \t\n]*$/.test(node.data) && node[sibling]) {
node = node[sibling];
}
}
return node;
}
function use_multi_selection_selector(select) {
var _select = select('core/block-editor'),
isSelectionEnabled = _select.isSelectionEnabled,
isMultiSelecting = _select.isMultiSelecting,
getMultiSelectedBlockClientIds = _select.getMultiSelectedBlockClientIds,
hasMultiSelection = _select.hasMultiSelection,
getBlockParents = _select.getBlockParents,
getSelectedBlockClientId = _select.getSelectedBlockClientId;
return {
isSelectionEnabled: isSelectionEnabled(),
isMultiSelecting: isMultiSelecting(),
multiSelectedBlockClientIds: getMultiSelectedBlockClientIds(),
hasMultiSelection: hasMultiSelection(),
getBlockParents: getBlockParents,
selectedBlockClientId: getSelectedBlockClientId()
};
}
function toggleRichText(container, toggle) {
Array.from(container.querySelectorAll('.rich-text')).forEach(function (node) {
if (toggle) {
node.setAttribute('contenteditable', true);
} else {
node.removeAttribute('contenteditable');
}
});
}
function useMultiSelection(ref) {
var _useSelect = Object(external_this_wp_data_["useSelect"])(use_multi_selection_selector, []),
isSelectionEnabled = _useSelect.isSelectionEnabled,
isMultiSelecting = _useSelect.isMultiSelecting,
multiSelectedBlockClientIds = _useSelect.multiSelectedBlockClientIds,
hasMultiSelection = _useSelect.hasMultiSelection,
getBlockParents = _useSelect.getBlockParents,
selectedBlockClientId = _useSelect.selectedBlockClientId;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
startMultiSelect = _useDispatch.startMultiSelect,
stopMultiSelect = _useDispatch.stopMultiSelect,
multiSelect = _useDispatch.multiSelect,
selectBlock = _useDispatch.selectBlock;
var rafId = Object(external_this_wp_element_["useRef"])();
var startClientId = Object(external_this_wp_element_["useRef"])();
var anchorElement = Object(external_this_wp_element_["useRef"])();
/**
* When the component updates, and there is multi selection, we need to
* select the entire block contents.
*/
Object(external_this_wp_element_["useEffect"])(function () {
if (!hasMultiSelection || isMultiSelecting) {
if (!selectedBlockClientId || isMultiSelecting) {
return;
}
var _selection = window.getSelection();
if (_selection.rangeCount && !_selection.isCollapsed) {
var blockNode = getBlockDOMNode(selectedBlockClientId);
var _selection$getRangeAt = _selection.getRangeAt(0),
startContainer = _selection$getRangeAt.startContainer,
endContainer = _selection$getRangeAt.endContainer;
if (!!blockNode && (!blockNode.contains(startContainer) || !blockNode.contains(endContainer))) {
_selection.removeAllRanges();
}
}
return;
}
var length = multiSelectedBlockClientIds.length;
if (length < 2) {
return;
} // These must be in the right DOM order.
var start = multiSelectedBlockClientIds[0];
var end = multiSelectedBlockClientIds[length - 1];
var startNode = getBlockDOMNode(start);
var endNode = getBlockDOMNode(end);
var selection = window.getSelection();
var range = document.createRange(); // The most stable way to select the whole block contents is to start
// and end at the deepest points.
startNode = getDeepestNode(startNode, 'start');
endNode = getDeepestNode(endNode, 'end');
range.setStartBefore(startNode);
range.setEndAfter(endNode);
selection.removeAllRanges();
selection.addRange(range);
}, [hasMultiSelection, isMultiSelecting, multiSelectedBlockClientIds, selectBlock, selectedBlockClientId]);
var onSelectionChange = Object(external_this_wp_element_["useCallback"])(function (_ref) {
var isSelectionEnd = _ref.isSelectionEnd;
var selection = window.getSelection(); // If no selection is found, end multi selection and enable all rich
// text areas.
if (!selection.rangeCount || selection.isCollapsed) {
toggleRichText(ref.current, true);
return;
}
var clientId = getBlockClientId(selection.focusNode);
var isSingularSelection = startClientId.current === clientId;
if (isSingularSelection) {
selectBlock(clientId); // If the selection is complete (on mouse up), and no multiple
// blocks have been selected, set focus back to the anchor element
// if the anchor element contains the selection. Additionally, rich
// text elements that were previously disabled can now be enabled
// again.
if (isSelectionEnd) {
toggleRichText(ref.current, true);
if (selection.rangeCount) {
var _selection$getRangeAt2 = selection.getRangeAt(0),
commonAncestorContainer = _selection$getRangeAt2.commonAncestorContainer;
if (anchorElement.current.contains(commonAncestorContainer)) {
anchorElement.current.focus();
}
}
}
} else {
var startPath = [].concat(Object(toConsumableArray["a" /* default */])(getBlockParents(startClientId.current)), [startClientId.current]);
var endPath = [].concat(Object(toConsumableArray["a" /* default */])(getBlockParents(clientId)), [clientId]);
var depth = Math.min(startPath.length, endPath.length) - 1;
multiSelect(startPath[depth], endPath[depth]);
}
}, [selectBlock, getBlockParents, multiSelect]);
/**
* Handles a mouseup event to end the current mouse multi-selection.
*/
var onSelectionEnd = Object(external_this_wp_element_["useCallback"])(function () {
document.removeEventListener('selectionchange', onSelectionChange); // Equivalent to attaching the listener once.
window.removeEventListener('mouseup', onSelectionEnd); // The browser selection won't have updated yet at this point, so wait
// until the next animation frame to get the browser selection.
rafId.current = window.requestAnimationFrame(function () {
onSelectionChange({
isSelectionEnd: true
});
stopMultiSelect();
});
}, [onSelectionChange, stopMultiSelect]); // Only clean up when unmounting, these are added and cleaned up elsewhere.
Object(external_this_wp_element_["useEffect"])(function () {
return function () {
document.removeEventListener('selectionchange', onSelectionChange);
window.removeEventListener('mouseup', onSelectionEnd);
window.cancelAnimationFrame(rafId.current);
};
}, [onSelectionChange, onSelectionEnd]);
/**
* Binds event handlers to the document for tracking a pending multi-select
* in response to a mousedown event occurring in a rendered block.
*/
return Object(external_this_wp_element_["useCallback"])(function (clientId) {
if (!isSelectionEnabled) {
return;
}
startClientId.current = clientId;
anchorElement.current = document.activeElement;
startMultiSelect(); // `onSelectionStart` is called after `mousedown` and `mouseleave`
// (from a block). The selection ends when `mouseup` happens anywhere
// in the window.
document.addEventListener('selectionchange', onSelectionChange);
window.addEventListener('mouseup', onSelectionEnd); // Removing the contenteditable attributes within the block editor is
// essential for selection to work across editable areas. The edible
// hosts are removed, allowing selection to be extended outside the
// DOM element. `startMultiSelect` sets a flag in the store so the rich
// text components are updated, but the rerender may happen very slowly,
// especially in Safari for the blocks that are asynchonously rendered.
// To ensure the browser instantly removes the selection boundaries, we
// remove the contenteditable attributes manually.
toggleRichText(ref.current, false);
}, [isSelectionEnabled, startMultiSelect, onSelectionEnd]);
}
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/plus.js
var plus = __webpack_require__(291);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/tips.js
/**
* WordPress dependencies
*/
var globalTips = [Object(external_this_wp_element_["createInterpolateElement"])(Object(external_this_wp_i18n_["__"])('While writing, you can press / to quickly insert new blocks.'), {
kbd: Object(external_this_wp_element_["createElement"])("kbd", null)
}), Object(external_this_wp_element_["createInterpolateElement"])(Object(external_this_wp_i18n_["__"])('Indent a list by pressing space at the beginning of a line.'), {
kbd: Object(external_this_wp_element_["createElement"])("kbd", null)
}), Object(external_this_wp_element_["createInterpolateElement"])(Object(external_this_wp_i18n_["__"])('Outdent a list by pressing backspace at the beginning of a line.'), {
kbd: Object(external_this_wp_element_["createElement"])("kbd", null)
}), Object(external_this_wp_i18n_["__"])('Drag files into the editor to automatically insert media blocks.'), Object(external_this_wp_i18n_["__"])("Change a block's type by pressing the block icon on the toolbar.")];
function Tips() {
var _useState = Object(external_this_wp_element_["useState"])( // Disable Reason: I'm not generating an HTML id.
// eslint-disable-next-line no-restricted-syntax
Math.floor(Math.random() * globalTips.length)),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 1),
randomIndex = _useState2[0];
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Tip"], null, globalTips[randomIndex]);
}
/* harmony default export */ var tips = (Tips);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/close-small.js
var close_small = __webpack_require__(176);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js
var build_module_icon = __webpack_require__(137);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/search.js
var search = __webpack_require__(292);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/search-form.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function InserterSearchForm(_ref) {
var className = _ref.className,
_onChange = _ref.onChange,
value = _ref.value;
var instanceId = Object(external_this_wp_compose_["useInstanceId"])(InserterSearchForm);
var searchInput = Object(external_this_wp_element_["useRef"])(); // Disable reason (no-autofocus): The inserter menu is a modal display, not one which
// is always visible, and one which already incurs this behavior of autoFocus via
// Popover's focusOnMount.
/* eslint-disable jsx-a11y/no-autofocus */
return Object(external_this_wp_element_["createElement"])("div", {
className: classnames_default()('block-editor-inserter__search', className)
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["VisuallyHidden"], {
as: "label",
htmlFor: "block-editor-inserter__search-".concat(instanceId)
}, Object(external_this_wp_i18n_["__"])('Search for a block')), Object(external_this_wp_element_["createElement"])("input", {
ref: searchInput,
className: "block-editor-inserter__search-input",
id: "block-editor-inserter__search-".concat(instanceId),
type: "search",
placeholder: Object(external_this_wp_i18n_["__"])('Search for a block'),
autoFocus: true,
onChange: function onChange(event) {
return _onChange(event.target.value);
},
autoComplete: "off",
value: value || ''
}), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__search-icon"
}, !!value && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
icon: close_small["a" /* default */],
label: Object(external_this_wp_i18n_["__"])('Reset search'),
onClick: function onClick() {
_onChange('');
searchInput.current.focus();
}
}), !value && Object(external_this_wp_element_["createElement"])(build_module_icon["a" /* default */], {
icon: search["a" /* default */]
})));
/* eslint-enable jsx-a11y/no-autofocus */
}
/* harmony default export */ var search_form = (InserterSearchForm);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-card/index.js
/**
* Internal dependencies
*/
function BlockCard(_ref) {
var blockType = _ref.blockType;
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-card"
}, Object(external_this_wp_element_["createElement"])(BlockIcon, {
icon: blockType.icon,
showColors: true
}), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-card__content"
}, Object(external_this_wp_element_["createElement"])("h2", {
className: "block-editor-block-card__title"
}, blockType.title), Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-block-card__description"
}, blockType.description)));
}
/* harmony default export */ var block_card = (BlockCard);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/defaults.js
/**
* WordPress dependencies
*/
var PREFERENCES_DEFAULTS = {
insertUsage: {}
};
/**
* The default editor settings
*
* @typedef {Object} SETTINGS_DEFAULT
* @property {boolean} alignWide Enable/Disable Wide/Full Alignments
* @property {Array} availableLegacyWidgets Array of objects representing the legacy widgets available.
* @property {Array} colors Palette colors
* @property {boolean} disableCustomColors Whether or not the custom colors are disabled
* @property {Array} fontSizes Available font sizes
* @property {boolean} disableCustomFontSizes Whether or not the custom font sizes are disabled
* @property {boolean} imageEditing Image Editing settings set to false to disable.
* @property {Array} imageSizes Available image sizes
* @property {number} maxWidth Max width to constraint resizing
* @property {boolean|Array} allowedBlockTypes Allowed block types
* @property {boolean} hasFixedToolbar Whether or not the editor toolbar is fixed
* @property {boolean} hasPermissionsToManageWidgets Whether or not the user is able to manage widgets.
* @property {boolean} focusMode Whether the focus mode is enabled or not
* @property {Array} styles Editor Styles
* @property {boolean} isRTL Whether the editor is in RTL mode
* @property {boolean} keepCaretInsideBlock Whether caret should move between blocks in edit mode
* @property {string} bodyPlaceholder Empty post placeholder
* @property {string} titlePlaceholder Empty title placeholder
* @property {boolean} codeEditingEnabled Whether or not the user can switch to the code editor
* @property {boolean} __experimentalCanUserUseUnfilteredHTML Whether the user should be able to use unfiltered HTML or the HTML should be filtered e.g., to remove elements considered insecure like iframes.
* @property {boolean} __experimentalEnableLegacyWidgetBlock Whether the user has enabled the Legacy Widget Block
* @property {boolean} __experimentalBlockDirectory Whether the user has enabled the Block Directory
* @property {boolean} __experimentalEnableFullSiteEditing Whether the user has enabled Full Site Editing
* @property {boolean} __experimentalEnableFullSiteEditingDemo Whether the user has enabled Full Site Editing Demo Templates
*/
var SETTINGS_DEFAULTS = {
alignWide: false,
colors: [{
name: Object(external_this_wp_i18n_["__"])('Black'),
slug: 'black',
color: '#000000'
}, {
name: Object(external_this_wp_i18n_["__"])('Cyan bluish gray'),
slug: 'cyan-bluish-gray',
color: '#abb8c3'
}, {
name: Object(external_this_wp_i18n_["__"])('White'),
slug: 'white',
color: '#ffffff'
}, {
name: Object(external_this_wp_i18n_["__"])('Pale pink'),
slug: 'pale-pink',
color: '#f78da7'
}, {
name: Object(external_this_wp_i18n_["__"])('Vivid red'),
slug: 'vivid-red',
color: '#cf2e2e'
}, {
name: Object(external_this_wp_i18n_["__"])('Luminous vivid orange'),
slug: 'luminous-vivid-orange',
color: '#ff6900'
}, {
name: Object(external_this_wp_i18n_["__"])('Luminous vivid amber'),
slug: 'luminous-vivid-amber',
color: '#fcb900'
}, {
name: Object(external_this_wp_i18n_["__"])('Light green cyan'),
slug: 'light-green-cyan',
color: '#7bdcb5'
}, {
name: Object(external_this_wp_i18n_["__"])('Vivid green cyan'),
slug: 'vivid-green-cyan',
color: '#00d084'
}, {
name: Object(external_this_wp_i18n_["__"])('Pale cyan blue'),
slug: 'pale-cyan-blue',
color: '#8ed1fc'
}, {
name: Object(external_this_wp_i18n_["__"])('Vivid cyan blue'),
slug: 'vivid-cyan-blue',
color: '#0693e3'
}, {
name: Object(external_this_wp_i18n_["__"])('Vivid purple'),
slug: 'vivid-purple',
color: '#9b51e0'
}],
fontSizes: [{
name: Object(external_this_wp_i18n_["_x"])('Small', 'font size name'),
size: 13,
slug: 'small'
}, {
name: Object(external_this_wp_i18n_["_x"])('Normal', 'font size name'),
size: 16,
slug: 'normal'
}, {
name: Object(external_this_wp_i18n_["_x"])('Medium', 'font size name'),
size: 20,
slug: 'medium'
}, {
name: Object(external_this_wp_i18n_["_x"])('Large', 'font size name'),
size: 36,
slug: 'large'
}, {
name: Object(external_this_wp_i18n_["_x"])('Huge', 'font size name'),
size: 48,
slug: 'huge'
}],
imageSizes: [{
slug: 'thumbnail',
name: Object(external_this_wp_i18n_["__"])('Thumbnail')
}, {
slug: 'medium',
name: Object(external_this_wp_i18n_["__"])('Medium')
}, {
slug: 'large',
name: Object(external_this_wp_i18n_["__"])('Large')
}, {
slug: 'full',
name: Object(external_this_wp_i18n_["__"])('Full Size')
}],
// Allow plugin to disable Image Editor if need be
imageEditing: true,
// This is current max width of the block inner area
// It's used to constraint image resizing and this value could be overridden later by themes
maxWidth: 580,
// Allowed block types for the editor, defaulting to true (all supported).
allowedBlockTypes: true,
// Maximum upload size in bytes allowed for the site.
maxUploadFileSize: 0,
// List of allowed mime types and file extensions.
allowedMimeTypes: null,
availableLegacyWidgets: {},
hasPermissionsToManageWidgets: false,
__experimentalCanUserUseUnfilteredHTML: false,
__experimentalEnableLegacyWidgetBlock: false,
__experimentalBlockDirectory: false,
__experimentalEnableFullSiteEditing: false,
__experimentalEnableFullSiteEditingDemo: false,
__mobileEnablePageTemplates: false,
gradients: [{
name: Object(external_this_wp_i18n_["__"])('Vivid cyan blue to vivid purple'),
gradient: 'linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)',
slug: 'vivid-cyan-blue-to-vivid-purple'
}, {
name: Object(external_this_wp_i18n_["__"])('Light green cyan to vivid green cyan'),
gradient: 'linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%)',
slug: 'light-green-cyan-to-vivid-green-cyan'
}, {
name: Object(external_this_wp_i18n_["__"])('Luminous vivid amber to luminous vivid orange'),
gradient: 'linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%)',
slug: 'luminous-vivid-amber-to-luminous-vivid-orange'
}, {
name: Object(external_this_wp_i18n_["__"])('Luminous vivid orange to vivid red'),
gradient: 'linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%)',
slug: 'luminous-vivid-orange-to-vivid-red'
}, {
name: Object(external_this_wp_i18n_["__"])('Very light gray to cyan bluish gray'),
gradient: 'linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%)',
slug: 'very-light-gray-to-cyan-bluish-gray'
}, {
name: Object(external_this_wp_i18n_["__"])('Cool to warm spectrum'),
gradient: 'linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%)',
slug: 'cool-to-warm-spectrum'
}, {
name: Object(external_this_wp_i18n_["__"])('Blush light purple'),
gradient: 'linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%)',
slug: 'blush-light-purple'
}, {
name: Object(external_this_wp_i18n_["__"])('Blush bordeaux'),
gradient: 'linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%)',
slug: 'blush-bordeaux'
}, {
name: Object(external_this_wp_i18n_["__"])('Luminous dusk'),
gradient: 'linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%)',
slug: 'luminous-dusk'
}, {
name: Object(external_this_wp_i18n_["__"])('Pale ocean'),
gradient: 'linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%)',
slug: 'pale-ocean'
}, {
name: Object(external_this_wp_i18n_["__"])('Electric grass'),
gradient: 'linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%)',
slug: 'electric-grass'
}, {
name: Object(external_this_wp_i18n_["__"])('Midnight'),
gradient: 'linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%)',
slug: 'midnight'
}]
};
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/array.js
/**
* External dependencies
*/
/**
* Insert one or multiple elements into a given position of an array.
*
* @param {Array} array Source array.
* @param {*} elements Elements to insert.
* @param {number} index Insert Position.
*
* @return {Array} Result.
*/
function insertAt(array, elements, index) {
return [].concat(Object(toConsumableArray["a" /* default */])(array.slice(0, index)), Object(toConsumableArray["a" /* default */])(Object(external_this_lodash_["castArray"])(elements)), Object(toConsumableArray["a" /* default */])(array.slice(index)));
}
/**
* Moves an element in an array.
*
* @param {Array} array Source array.
* @param {number} from Source index.
* @param {number} to Destination index.
* @param {number} count Number of elements to move.
*
* @return {Array} Result.
*/
function moveTo(array, from, to) {
var count = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
var withoutMovedElements = Object(toConsumableArray["a" /* default */])(array);
withoutMovedElements.splice(from, count);
return insertAt(withoutMovedElements, array.slice(from, from + count), to);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/reducer.js
function reducer_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 reducer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { reducer_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 { reducer_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Given an array of blocks, returns an object where each key is a nesting
* context, the value of which is an array of block client IDs existing within
* that nesting context.
*
* @param {Array} blocks Blocks to map.
* @param {?string} rootClientId Assumed root client ID.
*
* @return {Object} Block order map object.
*/
function mapBlockOrder(blocks) {
var rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
var result = Object(defineProperty["a" /* default */])({}, rootClientId, []);
blocks.forEach(function (block) {
var clientId = block.clientId,
innerBlocks = block.innerBlocks;
result[rootClientId].push(clientId);
Object.assign(result, mapBlockOrder(innerBlocks, clientId));
});
return result;
}
/**
* Given an array of blocks, returns an object where each key contains
* the clientId of the block and the value is the parent of the block.
*
* @param {Array} blocks Blocks to map.
* @param {?string} rootClientId Assumed root client ID.
*
* @return {Object} Block order map object.
*/
function mapBlockParents(blocks) {
var rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
return blocks.reduce(function (result, block) {
return Object.assign(result, Object(defineProperty["a" /* default */])({}, block.clientId, rootClientId), mapBlockParents(block.innerBlocks, block.clientId));
}, {});
}
/**
* Helper method to iterate through all blocks, recursing into inner blocks,
* applying a transformation function to each one.
* Returns a flattened object with the transformed blocks.
*
* @param {Array} blocks Blocks to flatten.
* @param {Function} transform Transforming function to be applied to each block.
*
* @return {Object} Flattened object.
*/
function flattenBlocks(blocks) {
var transform = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : external_this_lodash_["identity"];
var result = {};
var stack = Object(toConsumableArray["a" /* default */])(blocks);
while (stack.length) {
var _stack$shift = stack.shift(),
innerBlocks = _stack$shift.innerBlocks,
block = Object(objectWithoutProperties["a" /* default */])(_stack$shift, ["innerBlocks"]);
stack.push.apply(stack, Object(toConsumableArray["a" /* default */])(innerBlocks));
result[block.clientId] = transform(block);
}
return result;
}
/**
* Given an array of blocks, returns an object containing all blocks, without
* attributes, recursing into inner blocks. Keys correspond to the block client
* ID, the value of which is the attributes object.
*
* @param {Array} blocks Blocks to flatten.
*
* @return {Object} Flattened block attributes object.
*/
function getFlattenedBlocksWithoutAttributes(blocks) {
return flattenBlocks(blocks, function (block) {
return Object(external_this_lodash_["omit"])(block, 'attributes');
});
}
/**
* Given an array of blocks, returns an object containing all block attributes,
* recursing into inner blocks. Keys correspond to the block client ID, the
* value of which is the attributes object.
*
* @param {Array} blocks Blocks to flatten.
*
* @return {Object} Flattened block attributes object.
*/
function getFlattenedBlockAttributes(blocks) {
return flattenBlocks(blocks, function (block) {
return block.attributes;
});
}
/**
* Given a block order map object, returns *all* of the block client IDs that are
* a descendant of the given root client ID.
*
* Calling this with `rootClientId` set to `''` results in a list of client IDs
* that are in the post. That is, it excludes blocks like fetched reusable
* blocks which are stored into state but not visible. It also excludes
* InnerBlocks controllers, like template parts.
*
* It is important to exclude the full inner block controller and not just the
* inner blocks because in many cases, we need to persist the previous value of
* an inner block controller. To do so, it must be excluded from the list of
* client IDs which are considered to be part of the top-level entity.
*
* @param {Object} blocksOrder Object that maps block client IDs to a list of
* nested block client IDs.
* @param {?string} rootClientId The root client ID to search. Defaults to ''.
* @param {?Object} controlledInnerBlocks The InnerBlocks controller state.
*
* @return {Array} List of descendant client IDs.
*/
function getNestedBlockClientIds(blocksOrder) {
var rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
var controlledInnerBlocks = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
return Object(external_this_lodash_["reduce"])(blocksOrder[rootClientId], function (result, clientId) {
if (!!controlledInnerBlocks[clientId]) {
return result;
}
return [].concat(Object(toConsumableArray["a" /* default */])(result), [clientId], Object(toConsumableArray["a" /* default */])(getNestedBlockClientIds(blocksOrder, clientId)));
}, []);
}
/**
* Returns an object against which it is safe to perform mutating operations,
* given the original object and its current working copy.
*
* @param {Object} original Original object.
* @param {Object} working Working object.
*
* @return {Object} Mutation-safe object.
*/
function getMutateSafeObject(original, working) {
if (original === working) {
return reducer_objectSpread({}, original);
}
return working;
}
/**
* Returns true if the two object arguments have the same keys, or false
* otherwise.
*
* @param {Object} a First object.
* @param {Object} b Second object.
*
* @return {boolean} Whether the two objects have the same keys.
*/
function hasSameKeys(a, b) {
return Object(external_this_lodash_["isEqual"])(Object(external_this_lodash_["keys"])(a), Object(external_this_lodash_["keys"])(b));
}
/**
* Returns true if, given the currently dispatching action and the previously
* dispatched action, the two actions are updating the same block attribute, or
* false otherwise.
*
* @param {Object} action Currently dispatching action.
* @param {Object} lastAction Previously dispatched action.
*
* @return {boolean} Whether actions are updating the same block attribute.
*/
function isUpdatingSameBlockAttribute(action, lastAction) {
return action.type === 'UPDATE_BLOCK_ATTRIBUTES' && lastAction !== undefined && lastAction.type === 'UPDATE_BLOCK_ATTRIBUTES' && Object(external_this_lodash_["isEqual"])(action.clientIds, lastAction.clientIds) && hasSameKeys(action.attributes, lastAction.attributes);
}
/**
* Utility returning an object with an empty object value for each key.
*
* @param {Array} objectKeys Keys to fill.
* @return {Object} Object filled with empty object as values for each clientId.
*/
var fillKeysWithEmptyObject = function fillKeysWithEmptyObject(objectKeys) {
return objectKeys.reduce(function (result, key) {
result[key] = {};
return result;
}, {});
};
/**
* Higher-order reducer intended to compute a cache key for each block in the post.
* A new instance of the cache key (empty object) is created each time the block object
* needs to be refreshed (for any change in the block or its children).
*
* @param {Function} reducer Original reducer function.
*
* @return {Function} Enhanced reducer function.
*/
var reducer_withBlockCache = function withBlockCache(reducer) {
return function () {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var action = arguments.length > 1 ? arguments[1] : undefined;
var newState = reducer(state, action);
if (newState === state) {
return state;
}
newState.cache = state.cache ? state.cache : {};
/**
* For each clientId provided, traverses up parents, adding the provided clientIds
* and each parent's clientId to the returned array.
*
* When calling this function consider that it uses the old state, so any state
* modifications made by the `reducer` will not be present.
*
* @param {Array} clientIds an Array of block clientIds.
*
* @return {Array} The provided clientIds and all of their parent clientIds.
*/
var getBlocksWithParentsClientIds = function getBlocksWithParentsClientIds(clientIds) {
return clientIds.reduce(function (result, clientId) {
var current = clientId;
do {
result.push(current);
current = state.parents[current];
} while (current && !state.controlledInnerBlocks[current]);
return result;
}, []);
};
switch (action.type) {
case 'RESET_BLOCKS':
newState.cache = Object(external_this_lodash_["mapValues"])(flattenBlocks(action.blocks), function () {
return {};
});
break;
case 'RECEIVE_BLOCKS':
case 'INSERT_BLOCKS':
{
var updatedBlockUids = Object(external_this_lodash_["keys"])(flattenBlocks(action.blocks));
if (action.rootClientId && !state.controlledInnerBlocks[action.rootClientId]) {
updatedBlockUids.push(action.rootClientId);
}
newState.cache = reducer_objectSpread({}, newState.cache, {}, fillKeysWithEmptyObject(getBlocksWithParentsClientIds(updatedBlockUids)));
break;
}
case 'UPDATE_BLOCK':
newState.cache = reducer_objectSpread({}, newState.cache, {}, fillKeysWithEmptyObject(getBlocksWithParentsClientIds([action.clientId])));
break;
case 'UPDATE_BLOCK_ATTRIBUTES':
newState.cache = reducer_objectSpread({}, newState.cache, {}, fillKeysWithEmptyObject(getBlocksWithParentsClientIds(action.clientIds)));
break;
case 'REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN':
var parentClientIds = fillKeysWithEmptyObject(getBlocksWithParentsClientIds(action.replacedClientIds));
newState.cache = reducer_objectSpread({}, Object(external_this_lodash_["omit"])(newState.cache, action.replacedClientIds), {}, Object(external_this_lodash_["omit"])(parentClientIds, action.replacedClientIds), {}, fillKeysWithEmptyObject(Object(external_this_lodash_["keys"])(flattenBlocks(action.blocks))));
break;
case 'REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN':
newState.cache = reducer_objectSpread({}, Object(external_this_lodash_["omit"])(newState.cache, action.removedClientIds), {}, fillKeysWithEmptyObject(Object(external_this_lodash_["difference"])(getBlocksWithParentsClientIds(action.clientIds), action.clientIds)));
break;
case 'MOVE_BLOCKS_TO_POSITION':
{
var _updatedBlockUids = Object(toConsumableArray["a" /* default */])(action.clientIds);
if (action.fromRootClientId) {
_updatedBlockUids.push(action.fromRootClientId);
}
if (action.toRootClientId) {
_updatedBlockUids.push(action.toRootClientId);
}
newState.cache = reducer_objectSpread({}, newState.cache, {}, fillKeysWithEmptyObject(getBlocksWithParentsClientIds(_updatedBlockUids)));
break;
}
case 'MOVE_BLOCKS_UP':
case 'MOVE_BLOCKS_DOWN':
{
var _updatedBlockUids2 = [];
if (action.rootClientId) {
_updatedBlockUids2.push(action.rootClientId);
}
newState.cache = reducer_objectSpread({}, newState.cache, {}, fillKeysWithEmptyObject(getBlocksWithParentsClientIds(_updatedBlockUids2)));
break;
}
case 'SAVE_REUSABLE_BLOCK_SUCCESS':
{
var _updatedBlockUids3 = Object(external_this_lodash_["keys"])(Object(external_this_lodash_["omitBy"])(newState.attributes, function (attributes, clientId) {
return newState.byClientId[clientId].name !== 'core/block' || attributes.ref !== action.updatedId;
}));
newState.cache = reducer_objectSpread({}, newState.cache, {}, fillKeysWithEmptyObject(getBlocksWithParentsClientIds(_updatedBlockUids3)));
}
}
return newState;
};
};
/**
* Higher-order reducer intended to augment the blocks reducer, assigning an
* `isPersistentChange` property value corresponding to whether a change in
* state can be considered as persistent. All changes are considered persistent
* except when updating the same block attribute as in the previous action.
*
* @param {Function} reducer Original reducer function.
*
* @return {Function} Enhanced reducer function.
*/
function withPersistentBlockChange(reducer) {
var lastAction;
var markNextChangeAsNotPersistent = false;
return function (state, action) {
var nextState = reducer(state, action);
var isExplicitPersistentChange = action.type === 'MARK_LAST_CHANGE_AS_PERSISTENT' || markNextChangeAsNotPersistent; // Defer to previous state value (or default) unless changing or
// explicitly marking as persistent.
if (state === nextState && !isExplicitPersistentChange) {
markNextChangeAsNotPersistent = action.type === 'MARK_NEXT_CHANGE_AS_NOT_PERSISTENT';
var nextIsPersistentChange = Object(external_this_lodash_["get"])(state, ['isPersistentChange'], true);
if (state.isPersistentChange === nextIsPersistentChange) {
return state;
}
return reducer_objectSpread({}, nextState, {
isPersistentChange: nextIsPersistentChange
});
}
nextState = reducer_objectSpread({}, nextState, {
isPersistentChange: isExplicitPersistentChange ? !markNextChangeAsNotPersistent : !isUpdatingSameBlockAttribute(action, lastAction)
}); // In comparing against the previous action, consider only those which
// would have qualified as one which would have been ignored or not
// have resulted in a changed state.
lastAction = action;
markNextChangeAsNotPersistent = action.type === 'MARK_NEXT_CHANGE_AS_NOT_PERSISTENT';
return nextState;
};
}
/**
* Higher-order reducer intended to augment the blocks reducer, assigning an
* `isIgnoredChange` property value corresponding to whether a change in state
* can be considered as ignored. A change is considered ignored when the result
* of an action not incurred by direct user interaction.
*
* @param {Function} reducer Original reducer function.
*
* @return {Function} Enhanced reducer function.
*/
function withIgnoredBlockChange(reducer) {
/**
* Set of action types for which a blocks state change should be ignored.
*
* @type {Set}
*/
var IGNORED_ACTION_TYPES = new Set(['RECEIVE_BLOCKS']);
return function (state, action) {
var nextState = reducer(state, action);
if (nextState !== state) {
nextState.isIgnoredChange = IGNORED_ACTION_TYPES.has(action.type);
}
return nextState;
};
}
/**
* Higher-order reducer targeting the combined blocks reducer, augmenting
* block client IDs in remove action to include cascade of inner blocks.
*
* @param {Function} reducer Original reducer function.
*
* @return {Function} Enhanced reducer function.
*/
var reducer_withInnerBlocksRemoveCascade = function withInnerBlocksRemoveCascade(reducer) {
return function (state, action) {
// Gets all children which need to be removed.
var getAllChildren = function getAllChildren(clientIds) {
var result = clientIds;
for (var i = 0; i < result.length; i++) {
var _result2;
if (!state.order[result[i]] || action.keepControlledInnerBlocks && action.keepControlledInnerBlocks[result[i]]) {
continue;
}
if (result === clientIds) {
result = Object(toConsumableArray["a" /* default */])(result);
}
(_result2 = result).push.apply(_result2, Object(toConsumableArray["a" /* default */])(state.order[result[i]]));
}
return result;
};
if (state) {
switch (action.type) {
case 'REMOVE_BLOCKS':
action = reducer_objectSpread({}, action, {
type: 'REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN',
removedClientIds: getAllChildren(action.clientIds)
});
break;
case 'REPLACE_BLOCKS':
action = reducer_objectSpread({}, action, {
type: 'REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN',
replacedClientIds: getAllChildren(action.clientIds)
});
break;
}
}
return reducer(state, action);
};
};
/**
* Higher-order reducer which targets the combined blocks reducer and handles
* the `RESET_BLOCKS` action. When dispatched, this action will replace all
* blocks that exist in the post, leaving blocks that exist only in state (e.g.
* reusable blocks and blocks controlled by inner blocks controllers) alone.
*
* @param {Function} reducer Original reducer function.
*
* @return {Function} Enhanced reducer function.
*/
var reducer_withBlockReset = function withBlockReset(reducer) {
return function (state, action) {
if (state && action.type === 'RESET_BLOCKS') {
/**
* A list of client IDs associated with the top level entity (like a
* post or template). It excludes the client IDs of blocks associated
* with other entities, like inner block controllers or reusable blocks.
*/
var visibleClientIds = getNestedBlockClientIds(state.order, '', state.controlledInnerBlocks); // pickBy returns only the truthy values from controlledInnerBlocks
var controlledInnerBlocks = Object.keys(Object(external_this_lodash_["pickBy"])(state.controlledInnerBlocks));
/**
* Each update operation consists of a few parts:
* 1. First, the client IDs associated with the top level entity are
* removed from the existing state key, leaving in place controlled
* blocks (like reusable blocks and inner block controllers).
* 2. Second, the blocks from the reset action are used to calculate the
* individual state keys. This will re-populate the clientIDs which
* were removed in step 1.
* 3. In some cases, we remove the recalculated inner block controllers,
* letting their old values persist. We need to do this because the
* reset block action from a top-level entity is not aware of any
* inner blocks inside InnerBlock controllers. So if the new values
* were used, it would not take into account the existing InnerBlocks
* which already exist in the state for inner block controllers. For
* example, `attributes` uses the newly computed value for controllers
* since attributes are stored in the top-level entity. But `order`
* uses the previous value for the controllers since the new value
* does not include the order of controlled inner blocks. So if the
* new value was used, template parts would disappear from the editor
* whenever you try to undo a change in the top level entity.
*/
return reducer_objectSpread({}, state, {
byClientId: reducer_objectSpread({}, Object(external_this_lodash_["omit"])(state.byClientId, visibleClientIds), {}, getFlattenedBlocksWithoutAttributes(action.blocks)),
attributes: reducer_objectSpread({}, Object(external_this_lodash_["omit"])(state.attributes, visibleClientIds), {}, getFlattenedBlockAttributes(action.blocks)),
order: reducer_objectSpread({}, Object(external_this_lodash_["omit"])(state.order, visibleClientIds), {}, Object(external_this_lodash_["omit"])(mapBlockOrder(action.blocks), controlledInnerBlocks)),
parents: reducer_objectSpread({}, Object(external_this_lodash_["omit"])(state.parents, visibleClientIds), {}, mapBlockParents(action.blocks)),
cache: reducer_objectSpread({}, Object(external_this_lodash_["omit"])(state.cache, visibleClientIds), {}, Object(external_this_lodash_["omit"])(Object(external_this_lodash_["mapValues"])(flattenBlocks(action.blocks), function () {
return {};
}), controlledInnerBlocks))
});
}
return reducer(state, action);
};
};
/**
* Higher-order reducer which targets the combined blocks reducer and handles
* the `REPLACE_INNER_BLOCKS` action. When dispatched, this action the state
* should become equivalent to the execution of a `REMOVE_BLOCKS` action
* containing all the child's of the root block followed by the execution of
* `INSERT_BLOCKS` with the new blocks.
*
* @param {Function} reducer Original reducer function.
*
* @return {Function} Enhanced reducer function.
*/
var reducer_withReplaceInnerBlocks = function withReplaceInnerBlocks(reducer) {
return function (state, action) {
if (action.type !== 'REPLACE_INNER_BLOCKS') {
return reducer(state, action);
} // Finds every nested inner block controller. We must check the action blocks
// and not just the block parent state because some inner block controllers
// should be deleted if specified, whereas others should not be deleted. If
// a controlled should not be deleted, then we need to avoid deleting its
// inner blocks from the block state because its inner blocks will not be
// attached to the block in the action.
var nestedControllers = {};
if (Object.keys(state.controlledInnerBlocks).length) {
var stack = Object(toConsumableArray["a" /* default */])(action.blocks);
while (stack.length) {
var _stack$shift2 = stack.shift(),
innerBlocks = _stack$shift2.innerBlocks,
block = Object(objectWithoutProperties["a" /* default */])(_stack$shift2, ["innerBlocks"]);
stack.push.apply(stack, Object(toConsumableArray["a" /* default */])(innerBlocks));
if (!!state.controlledInnerBlocks[block.clientId]) {
nestedControllers[block.clientId] = true;
}
}
} // The `keepControlledInnerBlocks` prop will keep the inner blocks of the
// marked block in the block state so that they can be reattached to the
// marked block when we re-insert everything a few lines below.
var stateAfterBlocksRemoval = state;
if (state.order[action.rootClientId]) {
stateAfterBlocksRemoval = reducer(stateAfterBlocksRemoval, {
type: 'REMOVE_BLOCKS',
keepControlledInnerBlocks: nestedControllers,
clientIds: state.order[action.rootClientId]
});
}
var stateAfterInsert = stateAfterBlocksRemoval;
if (action.blocks.length) {
stateAfterInsert = reducer(stateAfterInsert, reducer_objectSpread({}, action, {
type: 'INSERT_BLOCKS',
index: 0
})); // We need to re-attach the block order of the controlled inner blocks.
// Otherwise, an inner block controller's blocks will be deleted entirely
// from its entity..
stateAfterInsert.order = reducer_objectSpread({}, stateAfterInsert.order, {}, Object(external_this_lodash_["reduce"])(nestedControllers, function (result, value, key) {
if (state.order[key]) {
result[key] = state.order[key];
}
return result;
}, {}));
}
return stateAfterInsert;
};
};
/**
* Higher-order reducer which targets the combined blocks reducer and handles
* the `SAVE_REUSABLE_BLOCK_SUCCESS` action. This action can't be handled by
* regular reducers and needs a higher-order reducer since it needs access to
* both `byClientId` and `attributes` simultaneously.
*
* @param {Function} reducer Original reducer function.
*
* @return {Function} Enhanced reducer function.
*/
var reducer_withSaveReusableBlock = function withSaveReusableBlock(reducer) {
return function (state, action) {
if (state && action.type === 'SAVE_REUSABLE_BLOCK_SUCCESS') {
var id = action.id,
updatedId = action.updatedId; // If a temporary reusable block is saved, we swap the temporary id with the final one
if (id === updatedId) {
return state;
}
state = reducer_objectSpread({}, state);
state.attributes = Object(external_this_lodash_["mapValues"])(state.attributes, function (attributes, clientId) {
var name = state.byClientId[clientId].name;
if (name === 'core/block' && attributes.ref === id) {
return reducer_objectSpread({}, attributes, {
ref: updatedId
});
}
return attributes;
});
}
return reducer(state, action);
};
};
/**
* Reducer returning the blocks state.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {Object} Updated state.
*/
var reducer_blocks = Object(external_this_lodash_["flow"])(external_this_wp_data_["combineReducers"], reducer_withSaveReusableBlock, // needs to be before withBlockCache
reducer_withBlockCache, // needs to be before withInnerBlocksRemoveCascade
reducer_withInnerBlocksRemoveCascade, reducer_withReplaceInnerBlocks, // needs to be after withInnerBlocksRemoveCascade
reducer_withBlockReset, withPersistentBlockChange, withIgnoredBlockChange)({
byClientId: function byClientId() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'RESET_BLOCKS':
return getFlattenedBlocksWithoutAttributes(action.blocks);
case 'RECEIVE_BLOCKS':
case 'INSERT_BLOCKS':
return reducer_objectSpread({}, state, {}, getFlattenedBlocksWithoutAttributes(action.blocks));
case 'UPDATE_BLOCK':
// Ignore updates if block isn't known
if (!state[action.clientId]) {
return state;
} // Do nothing if only attributes change.
var changes = Object(external_this_lodash_["omit"])(action.updates, 'attributes');
if (Object(external_this_lodash_["isEmpty"])(changes)) {
return state;
}
return reducer_objectSpread({}, state, Object(defineProperty["a" /* default */])({}, action.clientId, reducer_objectSpread({}, state[action.clientId], {}, changes)));
case 'REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN':
if (!action.blocks) {
return state;
}
return reducer_objectSpread({}, Object(external_this_lodash_["omit"])(state, action.replacedClientIds), {}, getFlattenedBlocksWithoutAttributes(action.blocks));
case 'REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN':
return Object(external_this_lodash_["omit"])(state, action.removedClientIds);
}
return state;
},
attributes: function attributes() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'RESET_BLOCKS':
return getFlattenedBlockAttributes(action.blocks);
case 'RECEIVE_BLOCKS':
case 'INSERT_BLOCKS':
return reducer_objectSpread({}, state, {}, getFlattenedBlockAttributes(action.blocks));
case 'UPDATE_BLOCK':
// Ignore updates if block isn't known or there are no attribute changes.
if (!state[action.clientId] || !action.updates.attributes) {
return state;
}
return reducer_objectSpread({}, state, Object(defineProperty["a" /* default */])({}, action.clientId, reducer_objectSpread({}, state[action.clientId], {}, action.updates.attributes)));
case 'UPDATE_BLOCK_ATTRIBUTES':
{
// Avoid a state change if none of the block IDs are known.
if (action.clientIds.every(function (id) {
return !state[id];
})) {
return state;
}
var next = action.clientIds.reduce(function (accumulator, id) {
return reducer_objectSpread({}, accumulator, Object(defineProperty["a" /* default */])({}, id, Object(external_this_lodash_["reduce"])(action.attributes, function (result, value, key) {
// Consider as updates only changed values.
if (value !== result[key]) {
result = getMutateSafeObject(state[id], result);
result[key] = value;
}
return result;
}, state[id])));
}, {});
if (action.clientIds.every(function (id) {
return next[id] === state[id];
})) {
return state;
}
return reducer_objectSpread({}, state, {}, next);
}
case 'REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN':
if (!action.blocks) {
return state;
}
return reducer_objectSpread({}, Object(external_this_lodash_["omit"])(state, action.replacedClientIds), {}, getFlattenedBlockAttributes(action.blocks));
case 'REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN':
return Object(external_this_lodash_["omit"])(state, action.removedClientIds);
}
return state;
},
order: function order() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'RESET_BLOCKS':
return mapBlockOrder(action.blocks);
case 'RECEIVE_BLOCKS':
return reducer_objectSpread({}, state, {}, Object(external_this_lodash_["omit"])(mapBlockOrder(action.blocks), ''));
case 'INSERT_BLOCKS':
{
var _action$rootClientId = action.rootClientId,
rootClientId = _action$rootClientId === void 0 ? '' : _action$rootClientId;
var subState = state[rootClientId] || [];
var mappedBlocks = mapBlockOrder(action.blocks, rootClientId);
var _action$index = action.index,
index = _action$index === void 0 ? subState.length : _action$index;
return reducer_objectSpread({}, state, {}, mappedBlocks, Object(defineProperty["a" /* default */])({}, rootClientId, insertAt(subState, mappedBlocks[rootClientId], index)));
}
case 'MOVE_BLOCKS_TO_POSITION':
{
var _objectSpread7;
var _action$fromRootClien = action.fromRootClientId,
fromRootClientId = _action$fromRootClien === void 0 ? '' : _action$fromRootClien,
_action$toRootClientI = action.toRootClientId,
toRootClientId = _action$toRootClientI === void 0 ? '' : _action$toRootClientI,
clientIds = action.clientIds;
var _action$index2 = action.index,
_index = _action$index2 === void 0 ? state[toRootClientId].length : _action$index2; // Moving inside the same parent block
if (fromRootClientId === toRootClientId) {
var _subState = state[toRootClientId];
var fromIndex = _subState.indexOf(clientIds[0]);
return reducer_objectSpread({}, state, Object(defineProperty["a" /* default */])({}, toRootClientId, moveTo(state[toRootClientId], fromIndex, _index, clientIds.length)));
} // Moving from a parent block to another
return reducer_objectSpread({}, state, (_objectSpread7 = {}, Object(defineProperty["a" /* default */])(_objectSpread7, fromRootClientId, external_this_lodash_["without"].apply(void 0, [state[fromRootClientId]].concat(Object(toConsumableArray["a" /* default */])(clientIds)))), Object(defineProperty["a" /* default */])(_objectSpread7, toRootClientId, insertAt(state[toRootClientId], clientIds, _index)), _objectSpread7));
}
case 'MOVE_BLOCKS_UP':
{
var _clientIds = action.clientIds,
_action$rootClientId2 = action.rootClientId,
_rootClientId = _action$rootClientId2 === void 0 ? '' : _action$rootClientId2;
var firstClientId = Object(external_this_lodash_["first"])(_clientIds);
var _subState2 = state[_rootClientId];
if (!_subState2.length || firstClientId === Object(external_this_lodash_["first"])(_subState2)) {
return state;
}
var firstIndex = _subState2.indexOf(firstClientId);
return reducer_objectSpread({}, state, Object(defineProperty["a" /* default */])({}, _rootClientId, moveTo(_subState2, firstIndex, firstIndex - 1, _clientIds.length)));
}
case 'MOVE_BLOCKS_DOWN':
{
var _clientIds2 = action.clientIds,
_action$rootClientId3 = action.rootClientId,
_rootClientId2 = _action$rootClientId3 === void 0 ? '' : _action$rootClientId3;
var _firstClientId = Object(external_this_lodash_["first"])(_clientIds2);
var lastClientId = Object(external_this_lodash_["last"])(_clientIds2);
var _subState3 = state[_rootClientId2];
if (!_subState3.length || lastClientId === Object(external_this_lodash_["last"])(_subState3)) {
return state;
}
var _firstIndex = _subState3.indexOf(_firstClientId);
return reducer_objectSpread({}, state, Object(defineProperty["a" /* default */])({}, _rootClientId2, moveTo(_subState3, _firstIndex, _firstIndex + 1, _clientIds2.length)));
}
case 'REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN':
{
var _clientIds3 = action.clientIds;
if (!action.blocks) {
return state;
}
var _mappedBlocks = mapBlockOrder(action.blocks);
return Object(external_this_lodash_["flow"])([function (nextState) {
return Object(external_this_lodash_["omit"])(nextState, action.replacedClientIds);
}, function (nextState) {
return reducer_objectSpread({}, nextState, {}, Object(external_this_lodash_["omit"])(_mappedBlocks, ''));
}, function (nextState) {
return Object(external_this_lodash_["mapValues"])(nextState, function (subState) {
return Object(external_this_lodash_["reduce"])(subState, function (result, clientId) {
if (clientId === _clientIds3[0]) {
return [].concat(Object(toConsumableArray["a" /* default */])(result), Object(toConsumableArray["a" /* default */])(_mappedBlocks['']));
}
if (_clientIds3.indexOf(clientId) === -1) {
result.push(clientId);
}
return result;
}, []);
});
}])(state);
}
case 'REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN':
return Object(external_this_lodash_["flow"])([// Remove inner block ordering for removed blocks
function (nextState) {
return Object(external_this_lodash_["omit"])(nextState, action.removedClientIds);
}, // Remove deleted blocks from other blocks' orderings
function (nextState) {
return Object(external_this_lodash_["mapValues"])(nextState, function (subState) {
return external_this_lodash_["without"].apply(void 0, [subState].concat(Object(toConsumableArray["a" /* default */])(action.removedClientIds)));
});
}])(state);
}
return state;
},
// While technically redundant data as the inverse of `order`, it serves as
// an optimization for the selectors which derive the ancestry of a block.
parents: function parents() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'RESET_BLOCKS':
return mapBlockParents(action.blocks);
case 'RECEIVE_BLOCKS':
return reducer_objectSpread({}, state, {}, mapBlockParents(action.blocks));
case 'INSERT_BLOCKS':
return reducer_objectSpread({}, state, {}, mapBlockParents(action.blocks, action.rootClientId || ''));
case 'MOVE_BLOCKS_TO_POSITION':
{
return reducer_objectSpread({}, state, {}, action.clientIds.reduce(function (accumulator, id) {
accumulator[id] = action.toRootClientId || '';
return accumulator;
}, {}));
}
case 'REPLACE_BLOCKS_AUGMENTED_WITH_CHILDREN':
return reducer_objectSpread({}, Object(external_this_lodash_["omit"])(state, action.replacedClientIds), {}, mapBlockParents(action.blocks, state[action.clientIds[0]]));
case 'REMOVE_BLOCKS_AUGMENTED_WITH_CHILDREN':
return Object(external_this_lodash_["omit"])(state, action.removedClientIds);
}
return state;
},
controlledInnerBlocks: function controlledInnerBlocks() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var _ref = arguments.length > 1 ? arguments[1] : undefined,
type = _ref.type,
clientId = _ref.clientId,
hasControlledInnerBlocks = _ref.hasControlledInnerBlocks;
if (type === 'SET_HAS_CONTROLLED_INNER_BLOCKS') {
return reducer_objectSpread({}, state, Object(defineProperty["a" /* default */])({}, clientId, hasControlledInnerBlocks));
}
return state;
}
});
/**
* Reducer returning typing state.
*
* @param {boolean} state Current state.
* @param {Object} action Dispatched action.
*
* @return {boolean} Updated state.
*/
function reducer_isTyping() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'START_TYPING':
return true;
case 'STOP_TYPING':
return false;
}
return state;
}
/**
* Reducer returning dragging state.
*
* @param {boolean} state Current state.
* @param {Object} action Dispatched action.
*
* @return {boolean} Updated state.
*/
function isDraggingBlocks() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'START_DRAGGING_BLOCKS':
return true;
case 'STOP_DRAGGING_BLOCKS':
return false;
}
return state;
}
/**
* Reducer returning whether the caret is within formatted text.
*
* @param {boolean} state Current state.
* @param {Object} action Dispatched action.
*
* @return {boolean} Updated state.
*/
function reducer_isCaretWithinFormattedText() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'ENTER_FORMATTED_TEXT':
return true;
case 'EXIT_FORMATTED_TEXT':
return false;
}
return state;
}
/**
* Internal helper reducer for selectionStart and selectionEnd. Can hold a block
* selection, represented by an object with property clientId.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {Object} Updated state.
*/
function reducer_selection() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'CLEAR_SELECTED_BLOCK':
{
if (state.clientId) {
return {};
}
return state;
}
case 'SELECT_BLOCK':
if (action.clientId === state.clientId) {
return state;
}
return {
clientId: action.clientId
};
case 'REPLACE_INNER_BLOCKS': // REPLACE_INNER_BLOCKS and INSERT_BLOCKS should follow the same logic.
case 'INSERT_BLOCKS':
{
// REPLACE_INNER_BLOCKS can be called with an empty array.
if (!action.updateSelection || !action.blocks.length) {
return state;
}
return {
clientId: action.blocks[0].clientId
};
}
case 'REMOVE_BLOCKS':
if (!action.clientIds || !action.clientIds.length || action.clientIds.indexOf(state.clientId) === -1) {
return state;
}
return {};
case 'REPLACE_BLOCKS':
{
if (action.clientIds.indexOf(state.clientId) === -1) {
return state;
}
var indexToSelect = action.indexToSelect || action.blocks.length - 1;
var blockToSelect = action.blocks[indexToSelect];
if (!blockToSelect) {
return {};
}
if (blockToSelect.clientId === state.clientId) {
return state;
}
var newState = {
clientId: blockToSelect.clientId
};
if (typeof action.initialPosition === 'number') {
newState.initialPosition = action.initialPosition;
}
return newState;
}
}
return state;
}
/**
* Reducer returning the block selection's start.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {Object} Updated state.
*/
function reducer_selectionStart() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'SELECTION_CHANGE':
return {
clientId: action.clientId,
attributeKey: action.attributeKey,
offset: action.startOffset
};
case 'RESET_SELECTION':
return action.selectionStart;
case 'MULTI_SELECT':
return {
clientId: action.start
};
}
return reducer_selection(state, action);
}
/**
* Reducer returning the block selection's end.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {Object} Updated state.
*/
function reducer_selectionEnd() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'SELECTION_CHANGE':
return {
clientId: action.clientId,
attributeKey: action.attributeKey,
offset: action.endOffset
};
case 'RESET_SELECTION':
return action.selectionEnd;
case 'MULTI_SELECT':
return {
clientId: action.end
};
}
return reducer_selection(state, action);
}
/**
* Reducer returning whether the user is multi-selecting.
*
* @param {boolean} state Current state.
* @param {Object} action Dispatched action.
*
* @return {boolean} Updated state.
*/
function reducer_isMultiSelecting() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'START_MULTI_SELECT':
return true;
case 'STOP_MULTI_SELECT':
return false;
}
return state;
}
/**
* Reducer returning whether selection is enabled.
*
* @param {boolean} state Current state.
* @param {Object} action Dispatched action.
*
* @return {boolean} Updated state.
*/
function reducer_isSelectionEnabled() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'TOGGLE_SELECTION':
return action.isSelectionEnabled;
}
return state;
}
/**
* Reducer returning the intial block selection.
*
* Currently this in only used to restore the selection after block deletion and
* pasting new content.This reducer should eventually be removed in favour of setting
* selection directly.
*
* @param {boolean} state Current state.
* @param {Object} action Dispatched action.
*
* @return {?number} Initial position: -1 or undefined.
*/
function reducer_initialPosition(state, action) {
if (action.type === 'REPLACE_BLOCKS' && typeof action.initialPosition === 'number') {
return action.initialPosition;
} else if (action.type === 'SELECT_BLOCK') {
return action.initialPosition;
} else if (action.type === 'REMOVE_BLOCKS') {
return state;
} else if (action.type === 'START_TYPING') {
return state;
} // Reset the state by default (for any action not handled).
}
function blocksMode() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var action = arguments.length > 1 ? arguments[1] : undefined;
if (action.type === 'TOGGLE_BLOCK_MODE') {
var clientId = action.clientId;
return reducer_objectSpread({}, state, Object(defineProperty["a" /* default */])({}, clientId, state[clientId] && state[clientId] === 'html' ? 'visual' : 'html'));
}
return state;
}
/**
* Reducer returning the block insertion point visibility, either null if there
* is not an explicit insertion point assigned, or an object of its `index` and
* `rootClientId`.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {Object} Updated state.
*/
function insertionPoint() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'SHOW_INSERTION_POINT':
var rootClientId = action.rootClientId,
index = action.index;
return {
rootClientId: rootClientId,
index: index
};
case 'HIDE_INSERTION_POINT':
return null;
}
return state;
}
/**
* Reducer returning whether the post blocks match the defined template or not.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {boolean} Updated state.
*/
function reducer_template() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
isValid: true
};
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'SET_TEMPLATE_VALIDITY':
return reducer_objectSpread({}, state, {
isValid: action.isValid
});
}
return state;
}
/**
* Reducer returning the editor setting.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {Object} Updated state.
*/
function reducer_settings() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : SETTINGS_DEFAULTS;
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'UPDATE_SETTINGS':
return reducer_objectSpread({}, state, {}, action.settings);
}
return state;
}
/**
* Reducer returning the user preferences.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {string} Updated state.
*/
function preferences() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : PREFERENCES_DEFAULTS;
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'INSERT_BLOCKS':
case 'REPLACE_BLOCKS':
return action.blocks.reduce(function (prevState, block) {
var id = block.name;
var insert = {
name: block.name
};
if (Object(external_this_wp_blocks_["isReusableBlock"])(block)) {
insert.ref = block.attributes.ref;
id += '/' + block.attributes.ref;
}
return reducer_objectSpread({}, prevState, {
insertUsage: reducer_objectSpread({}, prevState.insertUsage, Object(defineProperty["a" /* default */])({}, id, {
time: action.time,
count: prevState.insertUsage[id] ? prevState.insertUsage[id].count + 1 : 1,
insert: insert
}))
});
}, state);
}
return state;
}
/**
* Reducer returning an object where each key is a block client ID, its value
* representing the settings for its nested blocks.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {Object} Updated state.
*/
var reducer_blockListSettings = function blockListSettings() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
// Even if the replaced blocks have the same client ID, our logic
// should correct the state.
case 'REPLACE_BLOCKS':
case 'REMOVE_BLOCKS':
{
return Object(external_this_lodash_["omit"])(state, action.clientIds);
}
case 'UPDATE_BLOCK_LIST_SETTINGS':
{
var clientId = action.clientId;
if (!action.settings) {
if (state.hasOwnProperty(clientId)) {
return Object(external_this_lodash_["omit"])(state, clientId);
}
return state;
}
if (Object(external_this_lodash_["isEqual"])(state[clientId], action.settings)) {
return state;
}
return reducer_objectSpread({}, state, Object(defineProperty["a" /* default */])({}, clientId, action.settings));
}
}
return state;
};
/**
* Reducer returning whether the navigation mode is enabled or not.
*
* @param {string} state Current state.
* @param {Object} action Dispatched action.
*
* @return {string} Updated state.
*/
function reducer_isNavigationMode() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
var action = arguments.length > 1 ? arguments[1] : undefined;
// Let inserting block always trigger Edit mode.
if (action.type === 'INSERT_BLOCKS') {
return false;
}
if (action.type === 'SET_NAVIGATION_MODE') {
return action.isNavigationMode;
}
return state;
}
/**
* Reducer returning whether the block moving mode is enabled or not.
*
* @param {string|null} state Current state.
* @param {Object} action Dispatched action.
*
* @return {string|null} Updated state.
*/
function reducer_hasBlockMovingClientId() {
var state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
var action = arguments.length > 1 ? arguments[1] : undefined;
// Let inserting block always trigger Edit mode.
if (action.type === 'SET_BLOCK_MOVING_MODE') {
return action.hasBlockMovingClientId;
}
return state;
}
/**
* Reducer return an updated state representing the most recent block attribute
* update. The state is structured as an object where the keys represent the
* client IDs of blocks, the values a subset of attributes from the most recent
* block update. The state is always reset to null if the last action is
* anything other than an attributes update.
*
* @param {Object} state Current state.
* @param {Object} action Action object.
*
* @return {[string,Object]} Updated state.
*/
function lastBlockAttributesChange(state, action) {
switch (action.type) {
case 'UPDATE_BLOCK':
if (!action.updates.attributes) {
break;
}
return Object(defineProperty["a" /* default */])({}, action.clientId, action.updates.attributes);
case 'UPDATE_BLOCK_ATTRIBUTES':
return action.clientIds.reduce(function (accumulator, id) {
return reducer_objectSpread({}, accumulator, Object(defineProperty["a" /* default */])({}, id, action.attributes));
}, {});
}
return null;
}
/**
* Reducer returning automatic change state.
*
* @param {boolean} state Current state.
* @param {Object} action Dispatched action.
*
* @return {string} Updated state.
*/
function automaticChangeStatus(state, action) {
switch (action.type) {
case 'MARK_AUTOMATIC_CHANGE':
return 'pending';
case 'MARK_AUTOMATIC_CHANGE_FINAL':
if (state === 'pending') {
return 'final';
}
return;
case 'SELECTION_CHANGE':
// As long as the state is not final, ignore any selection changes.
if (state !== 'final') {
return state;
}
return;
// Undoing an automatic change should still be possible after mouse
// move.
case 'STOP_TYPING':
return state;
} // Reset the state by default (for any action not handled).
}
/**
* Reducer returning current highlighted block.
*
* @param {boolean} state Current highlighted block.
* @param {Object} action Dispatched action.
*
* @return {string} Updated state.
*/
function highlightedBlock(state, action) {
switch (action.type) {
case 'TOGGLE_BLOCK_HIGHLIGHT':
var clientId = action.clientId,
isHighlighted = action.isHighlighted;
if (isHighlighted) {
return clientId;
} else if (state === clientId) {
return null;
}
return state;
case 'SELECT_BLOCK':
if (action.clientId !== state) {
return null;
}
}
return state;
}
/* harmony default export */ var store_reducer = (Object(external_this_wp_data_["combineReducers"])({
blocks: reducer_blocks,
isTyping: reducer_isTyping,
isDraggingBlocks: isDraggingBlocks,
isCaretWithinFormattedText: reducer_isCaretWithinFormattedText,
selectionStart: reducer_selectionStart,
selectionEnd: reducer_selectionEnd,
isMultiSelecting: reducer_isMultiSelecting,
isSelectionEnabled: reducer_isSelectionEnabled,
initialPosition: reducer_initialPosition,
blocksMode: blocksMode,
blockListSettings: reducer_blockListSettings,
insertionPoint: insertionPoint,
template: reducer_template,
settings: reducer_settings,
preferences: preferences,
lastBlockAttributesChange: lastBlockAttributesChange,
isNavigationMode: reducer_isNavigationMode,
hasBlockMovingClientId: reducer_hasBlockMovingClientId,
automaticChangeStatus: automaticChangeStatus,
highlightedBlock: highlightedBlock
}));
// EXTERNAL MODULE: ./node_modules/refx/refx.js
var refx = __webpack_require__(110);
var refx_default = /*#__PURE__*/__webpack_require__.n(refx);
// EXTERNAL MODULE: ./node_modules/redux-multi/lib/index.js
var redux_multi_lib = __webpack_require__(262);
var redux_multi_lib_default = /*#__PURE__*/__webpack_require__.n(redux_multi_lib);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
var esm_typeof = __webpack_require__(40);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/controls.js
/**
* WordPress dependencies
*/
/**
* Calls a selector using the current state.
*
* @param {string} storeName Store name.
* @param {string} selectorName Selector name.
* @param {Array} args Selector arguments.
*
* @return {Object} control descriptor.
*/
function controls_select(storeName, selectorName) {
for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
args[_key - 2] = arguments[_key];
}
return {
type: 'SELECT',
storeName: storeName,
selectorName: selectorName,
args: args
};
}
var controls_controls = {
SELECT: Object(external_this_wp_data_["createRegistryControl"])(function (registry) {
return function (_ref) {
var _registry$select;
var storeName = _ref.storeName,
selectorName = _ref.selectorName,
args = _ref.args;
return (_registry$select = registry.select(storeName))[selectorName].apply(_registry$select, Object(toConsumableArray["a" /* default */])(args));
};
}),
SLEEP: function SLEEP(_ref2) {
var duration = _ref2.duration;
return new Promise(function (resolve) {
setTimeout(resolve, duration);
});
}
};
/* harmony default export */ var store_controls = (controls_controls);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/actions.js
function actions_createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = actions_unsupportedIterableToArray(o))) { 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 it, 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 actions_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return actions_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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return actions_arrayLikeToArray(o, minLen); }
function actions_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 actions_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 actions_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { actions_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 { actions_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var _marked = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(ensureDefaultBlock),
_marked2 = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(selectPreviousBlock),
_marked3 = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(selectNextBlock),
_marked4 = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(actions_replaceBlocks),
_marked5 = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(actions_moveBlocksToPosition),
_marked6 = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(actions_moveBlockToPosition),
_marked7 = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(actions_insertBlocks),
_marked8 = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(actions_removeBlocks),
_marked9 = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(actions_setNavigationMode),
_marked10 = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(actions_setBlockMovingClientId),
_marked11 = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(actions_duplicateBlocks),
_marked12 = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(actions_insertBeforeBlock),
_marked13 = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(actions_insertAfterBlock),
_marked14 = /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(actions_flashBlock);
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Generator which will yield a default block insert action if there
* are no other blocks at the root of the editor. This generator should be used
* in actions which may result in no blocks remaining in the editor (removal,
* replacement, etc).
*/
function ensureDefaultBlock() {
var count;
return external_this_regeneratorRuntime_default.a.wrap(function ensureDefaultBlock$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return controls_select('core/block-editor', 'getBlockCount');
case 2:
count = _context.sent;
if (!(count === 0)) {
_context.next = 7;
break;
}
_context.next = 6;
return actions_insertDefaultBlock();
case 6:
return _context.abrupt("return", _context.sent);
case 7:
case "end":
return _context.stop();
}
}
}, _marked);
}
/**
* Returns an action object used in signalling that blocks state should be
* reset to the specified array of blocks, taking precedence over any other
* content reflected as an edit in state.
*
* @param {Array} blocks Array of blocks.
*
* @return {Object} Action object.
*/
function actions_resetBlocks(blocks) {
return {
type: 'RESET_BLOCKS',
blocks: blocks
};
}
/**
* A block selection object.
*
* @typedef {Object} WPBlockSelection
*
* @property {string} clientId A block client ID.
* @property {string} attributeKey A block attribute key.
* @property {number} offset An attribute value offset, based on the rich
* text value. See `wp.richText.create`.
*/
/**
* Returns an action object used in signalling that selection state should be
* reset to the specified selection.
*
* @param {WPBlockSelection} selectionStart The selection start.
* @param {WPBlockSelection} selectionEnd The selection end.
*
* @return {Object} Action object.
*/
function actions_resetSelection(selectionStart, selectionEnd) {
return {
type: 'RESET_SELECTION',
selectionStart: selectionStart,
selectionEnd: selectionEnd
};
}
/**
* Returns an action object used in signalling that blocks have been received.
* Unlike resetBlocks, these should be appended to the existing known set, not
* replacing.
*
* @param {Object[]} blocks Array of block objects.
*
* @return {Object} Action object.
*/
function receiveBlocks(blocks) {
return {
type: 'RECEIVE_BLOCKS',
blocks: blocks
};
}
/**
* Returns an action object used in signalling that the multiple blocks'
* attributes with the specified client IDs have been updated.
*
* @param {string|string[]} clientIds Block client IDs.
* @param {Object} attributes Block attributes to be merged.
*
* @return {Object} Action object.
*/
function actions_updateBlockAttributes(clientIds, attributes) {
return {
type: 'UPDATE_BLOCK_ATTRIBUTES',
clientIds: Object(external_this_lodash_["castArray"])(clientIds),
attributes: attributes
};
}
/**
* Returns an action object used in signalling that the block with the
* specified client ID has been updated.
*
* @param {string} clientId Block client ID.
* @param {Object} updates Block attributes to be merged.
*
* @return {Object} Action object.
*/
function actions_updateBlock(clientId, updates) {
return {
type: 'UPDATE_BLOCK',
clientId: clientId,
updates: updates
};
}
/**
* Returns an action object used in signalling that the block with the
* specified client ID has been selected, optionally accepting a position
* value reflecting its selection directionality. An initialPosition of -1
* reflects a reverse selection.
*
* @param {string} clientId Block client ID.
* @param {?number} initialPosition Optional initial position. Pass as -1 to
* reflect reverse selection.
*
* @return {Object} Action object.
*/
function actions_selectBlock(clientId) {
var initialPosition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
return {
type: 'SELECT_BLOCK',
initialPosition: initialPosition,
clientId: clientId
};
}
/**
* Yields action objects used in signalling that the block preceding the given
* clientId should be selected.
*
* @param {string} clientId Block client ID.
*/
function selectPreviousBlock(clientId) {
var previousBlockClientId;
return external_this_regeneratorRuntime_default.a.wrap(function selectPreviousBlock$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
_context2.next = 2;
return controls_select('core/block-editor', 'getPreviousBlockClientId', clientId);
case 2:
previousBlockClientId = _context2.sent;
if (!previousBlockClientId) {
_context2.next = 7;
break;
}
_context2.next = 6;
return actions_selectBlock(previousBlockClientId, -1);
case 6:
return _context2.abrupt("return", [previousBlockClientId]);
case 7:
case "end":
return _context2.stop();
}
}
}, _marked2);
}
/**
* Yields action objects used in signalling that the block following the given
* clientId should be selected.
*
* @param {string} clientId Block client ID.
*/
function selectNextBlock(clientId) {
var nextBlockClientId;
return external_this_regeneratorRuntime_default.a.wrap(function selectNextBlock$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
_context3.next = 2;
return controls_select('core/block-editor', 'getNextBlockClientId', clientId);
case 2:
nextBlockClientId = _context3.sent;
if (!nextBlockClientId) {
_context3.next = 7;
break;
}
_context3.next = 6;
return actions_selectBlock(nextBlockClientId);
case 6:
return _context3.abrupt("return", [nextBlockClientId]);
case 7:
case "end":
return _context3.stop();
}
}
}, _marked3);
}
/**
* Returns an action object used in signalling that a block multi-selection has started.
*
* @return {Object} Action object.
*/
function actions_startMultiSelect() {
return {
type: 'START_MULTI_SELECT'
};
}
/**
* Returns an action object used in signalling that block multi-selection stopped.
*
* @return {Object} Action object.
*/
function actions_stopMultiSelect() {
return {
type: 'STOP_MULTI_SELECT'
};
}
/**
* Returns an action object used in signalling that block multi-selection changed.
*
* @param {string} start First block of the multi selection.
* @param {string} end Last block of the multiselection.
*
* @return {Object} Action object.
*/
function actions_multiSelect(start, end) {
return {
type: 'MULTI_SELECT',
start: start,
end: end
};
}
/**
* Returns an action object used in signalling that the block selection is cleared.
*
* @return {Object} Action object.
*/
function actions_clearSelectedBlock() {
return {
type: 'CLEAR_SELECTED_BLOCK'
};
}
/**
* Returns an action object that enables or disables block selection.
*
* @param {boolean} [isSelectionEnabled=true] Whether block selection should
* be enabled.
*
* @return {Object} Action object.
*/
function actions_toggleSelection() {
var isSelectionEnabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
return {
type: 'TOGGLE_SELECTION',
isSelectionEnabled: isSelectionEnabled
};
}
function getBlocksWithDefaultStylesApplied(blocks, blockEditorSettings) {
var preferredStyleVariations = Object(external_this_lodash_["get"])(blockEditorSettings, ['__experimentalPreferredStyleVariations', 'value'], {});
return blocks.map(function (block) {
var blockName = block.name;
if (!Object(external_this_wp_blocks_["hasBlockSupport"])(blockName, 'defaultStylePicker', true)) {
return block;
}
if (!preferredStyleVariations[blockName]) {
return block;
}
var className = Object(external_this_lodash_["get"])(block, ['attributes', 'className']);
if (className === null || className === void 0 ? void 0 : className.includes('is-style-')) {
return block;
}
var _block$attributes = block.attributes,
attributes = _block$attributes === void 0 ? {} : _block$attributes;
var blockStyle = preferredStyleVariations[blockName];
return actions_objectSpread({}, block, {
attributes: actions_objectSpread({}, attributes, {
className: "".concat(className || '', " is-style-").concat(blockStyle).trim()
})
});
});
}
/**
* Returns an action object signalling that a blocks should be replaced with
* one or more replacement blocks.
*
* @param {(string|string[])} clientIds Block client ID(s) to replace.
* @param {(Object|Object[])} blocks Replacement block(s).
* @param {number} indexToSelect Index of replacement block to select.
* @param {number} initialPosition Index of caret after in the selected block after the operation.
*
* @yield {Object} Action object.
*/
function actions_replaceBlocks(clientIds, blocks, indexToSelect, initialPosition) {
var rootClientId, index, block, canInsertBlock;
return external_this_regeneratorRuntime_default.a.wrap(function replaceBlocks$(_context4) {
while (1) {
switch (_context4.prev = _context4.next) {
case 0:
clientIds = Object(external_this_lodash_["castArray"])(clientIds);
_context4.t0 = getBlocksWithDefaultStylesApplied;
_context4.t1 = Object(external_this_lodash_["castArray"])(blocks);
_context4.next = 5;
return controls_select('core/block-editor', 'getSettings');
case 5:
_context4.t2 = _context4.sent;
blocks = (0, _context4.t0)(_context4.t1, _context4.t2);
_context4.next = 9;
return controls_select('core/block-editor', 'getBlockRootClientId', Object(external_this_lodash_["first"])(clientIds));
case 9:
rootClientId = _context4.sent;
index = 0;
case 11:
if (!(index < blocks.length)) {
_context4.next = 21;
break;
}
block = blocks[index];
_context4.next = 15;
return controls_select('core/block-editor', 'canInsertBlockType', block.name, rootClientId);
case 15:
canInsertBlock = _context4.sent;
if (canInsertBlock) {
_context4.next = 18;
break;
}
return _context4.abrupt("return");
case 18:
index++;
_context4.next = 11;
break;
case 21:
_context4.next = 23;
return {
type: 'REPLACE_BLOCKS',
clientIds: clientIds,
blocks: blocks,
time: Date.now(),
indexToSelect: indexToSelect,
initialPosition: initialPosition
};
case 23:
return _context4.delegateYield(ensureDefaultBlock(), "t3", 24);
case 24:
case "end":
return _context4.stop();
}
}
}, _marked4);
}
/**
* Returns an action object signalling that a single block should be replaced
* with one or more replacement blocks.
*
* @param {(string|string[])} clientId Block client ID to replace.
* @param {(Object|Object[])} block Replacement block(s).
*
* @return {Object} Action object.
*/
function replaceBlock(clientId, block) {
return actions_replaceBlocks(clientId, block);
}
/**
* Higher-order action creator which, given the action type to dispatch creates
* an action creator for managing block movement.
*
* @param {string} type Action type to dispatch.
*
* @return {Function} Action creator.
*/
function createOnMove(type) {
return function (clientIds, rootClientId) {
return {
clientIds: Object(external_this_lodash_["castArray"])(clientIds),
type: type,
rootClientId: rootClientId
};
};
}
var actions_moveBlocksDown = createOnMove('MOVE_BLOCKS_DOWN');
var actions_moveBlocksUp = createOnMove('MOVE_BLOCKS_UP');
/**
* Returns an action object signalling that the given blocks should be moved to
* a new position.
*
* @param {?string} clientIds The client IDs of the blocks.
* @param {?string} fromRootClientId Root client ID source.
* @param {?string} toRootClientId Root client ID destination.
* @param {number} index The index to move the blocks to.
*
* @yield {Object} Action object.
*/
function actions_moveBlocksToPosition(clientIds) {
var fromRootClientId,
toRootClientId,
index,
templateLock,
action,
canInsertBlocks,
_args5 = arguments;
return external_this_regeneratorRuntime_default.a.wrap(function moveBlocksToPosition$(_context5) {
while (1) {
switch (_context5.prev = _context5.next) {
case 0:
fromRootClientId = _args5.length > 1 && _args5[1] !== undefined ? _args5[1] : '';
toRootClientId = _args5.length > 2 && _args5[2] !== undefined ? _args5[2] : '';
index = _args5.length > 3 ? _args5[3] : undefined;
_context5.next = 5;
return controls_select('core/block-editor', 'getTemplateLock', fromRootClientId);
case 5:
templateLock = _context5.sent;
if (!(templateLock === 'all')) {
_context5.next = 8;
break;
}
return _context5.abrupt("return");
case 8:
action = {
type: 'MOVE_BLOCKS_TO_POSITION',
fromRootClientId: fromRootClientId,
toRootClientId: toRootClientId,
clientIds: clientIds,
index: index
}; // If moving inside the same root block the move is always possible.
if (!(fromRootClientId === toRootClientId)) {
_context5.next = 13;
break;
}
_context5.next = 12;
return action;
case 12:
return _context5.abrupt("return");
case 13:
if (!(templateLock === 'insert')) {
_context5.next = 15;
break;
}
return _context5.abrupt("return");
case 15:
_context5.next = 17;
return controls_select('core/block-editor', 'canInsertBlocks', clientIds, toRootClientId);
case 17:
canInsertBlocks = _context5.sent;
if (!canInsertBlocks) {
_context5.next = 21;
break;
}
_context5.next = 21;
return action;
case 21:
case "end":
return _context5.stop();
}
}
}, _marked5);
}
/**
* Returns an action object signalling that the given block should be moved to a
* new position.
*
* @param {?string} clientId The client ID of the block.
* @param {?string} fromRootClientId Root client ID source.
* @param {?string} toRootClientId Root client ID destination.
* @param {number} index The index to move the block to.
*
* @yield {Object} Action object.
*/
function actions_moveBlockToPosition(clientId) {
var fromRootClientId,
toRootClientId,
index,
_args6 = arguments;
return external_this_regeneratorRuntime_default.a.wrap(function moveBlockToPosition$(_context6) {
while (1) {
switch (_context6.prev = _context6.next) {
case 0:
fromRootClientId = _args6.length > 1 && _args6[1] !== undefined ? _args6[1] : '';
toRootClientId = _args6.length > 2 && _args6[2] !== undefined ? _args6[2] : '';
index = _args6.length > 3 ? _args6[3] : undefined;
_context6.next = 5;
return actions_moveBlocksToPosition([clientId], fromRootClientId, toRootClientId, index);
case 5:
case "end":
return _context6.stop();
}
}
}, _marked6);
}
/**
* Returns an action object used in signalling that a single block should be
* inserted, optionally at a specific index respective a root block list.
*
* @param {Object} block Block object to insert.
* @param {?number} index Index at which block should be inserted.
* @param {?string} rootClientId Optional root client ID of block list on which to insert.
* @param {?boolean} updateSelection If true block selection will be updated. If false, block selection will not change. Defaults to true.
*
* @return {Object} Action object.
*/
function actions_insertBlock(block, index, rootClientId) {
var updateSelection = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
return actions_insertBlocks([block], index, rootClientId, updateSelection);
}
/**
* Returns an action object used in signalling that an array of blocks should
* be inserted, optionally at a specific index respective a root block list.
*
* @param {Object[]} blocks Block objects to insert.
* @param {?number} index Index at which block should be inserted.
* @param {?string} rootClientId Optional root client ID of block list on which to insert.
* @param {?boolean} updateSelection If true block selection will be updated. If false, block selection will not change. Defaults to true.
*
* @return {Object} Action object.
*/
function actions_insertBlocks(blocks, index, rootClientId) {
var updateSelection,
allowedBlocks,
_iterator,
_step,
block,
isValid,
_args7 = arguments;
return external_this_regeneratorRuntime_default.a.wrap(function insertBlocks$(_context7) {
while (1) {
switch (_context7.prev = _context7.next) {
case 0:
updateSelection = _args7.length > 3 && _args7[3] !== undefined ? _args7[3] : true;
_context7.t0 = getBlocksWithDefaultStylesApplied;
_context7.t1 = Object(external_this_lodash_["castArray"])(blocks);
_context7.next = 5;
return controls_select('core/block-editor', 'getSettings');
case 5:
_context7.t2 = _context7.sent;
blocks = (0, _context7.t0)(_context7.t1, _context7.t2);
allowedBlocks = [];
_iterator = actions_createForOfIteratorHelper(blocks);
_context7.prev = 9;
_iterator.s();
case 11:
if ((_step = _iterator.n()).done) {
_context7.next = 19;
break;
}
block = _step.value;
_context7.next = 15;
return controls_select('core/block-editor', 'canInsertBlockType', block.name, rootClientId);
case 15:
isValid = _context7.sent;
if (isValid) {
allowedBlocks.push(block);
}
case 17:
_context7.next = 11;
break;
case 19:
_context7.next = 24;
break;
case 21:
_context7.prev = 21;
_context7.t3 = _context7["catch"](9);
_iterator.e(_context7.t3);
case 24:
_context7.prev = 24;
_iterator.f();
return _context7.finish(24);
case 27:
if (!allowedBlocks.length) {
_context7.next = 29;
break;
}
return _context7.abrupt("return", {
type: 'INSERT_BLOCKS',
blocks: allowedBlocks,
index: index,
rootClientId: rootClientId,
time: Date.now(),
updateSelection: updateSelection
});
case 29:
case "end":
return _context7.stop();
}
}
}, _marked7, null, [[9, 21, 24, 27]]);
}
/**
* Returns an action object used in signalling that the insertion point should
* be shown.
*
* @param {?string} rootClientId Optional root client ID of block list on
* which to insert.
* @param {?number} index Index at which block should be inserted.
*
* @return {Object} Action object.
*/
function actions_showInsertionPoint(rootClientId, index) {
return {
type: 'SHOW_INSERTION_POINT',
rootClientId: rootClientId,
index: index
};
}
/**
* Returns an action object hiding the insertion point.
*
* @return {Object} Action object.
*/
function actions_hideInsertionPoint() {
return {
type: 'HIDE_INSERTION_POINT'
};
}
/**
* Returns an action object resetting the template validity.
*
* @param {boolean} isValid template validity flag.
*
* @return {Object} Action object.
*/
function setTemplateValidity(isValid) {
return {
type: 'SET_TEMPLATE_VALIDITY',
isValid: isValid
};
}
/**
* Returns an action object synchronize the template with the list of blocks
*
* @return {Object} Action object.
*/
function synchronizeTemplate() {
return {
type: 'SYNCHRONIZE_TEMPLATE'
};
}
/**
* Returns an action object used in signalling that two blocks should be merged
*
* @param {string} firstBlockClientId Client ID of the first block to merge.
* @param {string} secondBlockClientId Client ID of the second block to merge.
*
* @return {Object} Action object.
*/
function actions_mergeBlocks(firstBlockClientId, secondBlockClientId) {
return {
type: 'MERGE_BLOCKS',
blocks: [firstBlockClientId, secondBlockClientId]
};
}
/**
* Yields action objects used in signalling that the blocks corresponding to
* the set of specified client IDs are to be removed.
*
* @param {string|string[]} clientIds Client IDs of blocks to remove.
* @param {boolean} selectPrevious True if the previous block should be
* selected when a block is removed.
*/
function actions_removeBlocks(clientIds) {
var selectPrevious,
rootClientId,
isLocked,
previousBlockId,
defaultBlockId,
_args8 = arguments;
return external_this_regeneratorRuntime_default.a.wrap(function removeBlocks$(_context8) {
while (1) {
switch (_context8.prev = _context8.next) {
case 0:
selectPrevious = _args8.length > 1 && _args8[1] !== undefined ? _args8[1] : true;
if (!(!clientIds || !clientIds.length)) {
_context8.next = 3;
break;
}
return _context8.abrupt("return");
case 3:
clientIds = Object(external_this_lodash_["castArray"])(clientIds);
_context8.next = 6;
return controls_select('core/block-editor', 'getBlockRootClientId', clientIds[0]);
case 6:
rootClientId = _context8.sent;
_context8.next = 9;
return controls_select('core/block-editor', 'getTemplateLock', rootClientId);
case 9:
isLocked = _context8.sent;
if (!isLocked) {
_context8.next = 12;
break;
}
return _context8.abrupt("return");
case 12:
if (!selectPrevious) {
_context8.next = 18;
break;
}
_context8.next = 15;
return selectPreviousBlock(clientIds[0]);
case 15:
previousBlockId = _context8.sent;
_context8.next = 21;
break;
case 18:
_context8.next = 20;
return controls_select('core/block-editor', 'getPreviousBlockClientId', clientIds[0]);
case 20:
previousBlockId = _context8.sent;
case 21:
_context8.next = 23;
return {
type: 'REMOVE_BLOCKS',
clientIds: clientIds
};
case 23:
return _context8.delegateYield(ensureDefaultBlock(), "t0", 24);
case 24:
defaultBlockId = _context8.t0;
return _context8.abrupt("return", [previousBlockId || defaultBlockId]);
case 26:
case "end":
return _context8.stop();
}
}
}, _marked8);
}
/**
* Returns an action object used in signalling that the block with the
* specified client ID is to be removed.
*
* @param {string} clientId Client ID of block to remove.
* @param {boolean} selectPrevious True if the previous block should be
* selected when a block is removed.
*
* @return {Object} Action object.
*/
function actions_removeBlock(clientId, selectPrevious) {
return actions_removeBlocks([clientId], selectPrevious);
}
/**
* Returns an action object used in signalling that the inner blocks with the
* specified client ID should be replaced.
*
* @param {string} rootClientId Client ID of the block whose InnerBlocks will re replaced.
* @param {Object[]} blocks Block objects to insert as new InnerBlocks
* @param {?boolean} updateSelection If true block selection will be updated. If false, block selection will not change. Defaults to true.
*
* @return {Object} Action object.
*/
function actions_replaceInnerBlocks(rootClientId, blocks) {
var updateSelection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
return {
type: 'REPLACE_INNER_BLOCKS',
rootClientId: rootClientId,
blocks: blocks,
updateSelection: updateSelection,
time: Date.now()
};
}
/**
* Returns an action object used to toggle the block editing mode between
* visual and HTML modes.
*
* @param {string} clientId Block client ID.
*
* @return {Object} Action object.
*/
function toggleBlockMode(clientId) {
return {
type: 'TOGGLE_BLOCK_MODE',
clientId: clientId
};
}
/**
* Returns an action object used in signalling that the user has begun to type.
*
* @return {Object} Action object.
*/
function actions_startTyping() {
return {
type: 'START_TYPING'
};
}
/**
* Returns an action object used in signalling that the user has stopped typing.
*
* @return {Object} Action object.
*/
function actions_stopTyping() {
return {
type: 'STOP_TYPING'
};
}
/**
* Returns an action object used in signalling that the user has begun to drag blocks.
*
* @return {Object} Action object.
*/
function actions_startDraggingBlocks() {
return {
type: 'START_DRAGGING_BLOCKS'
};
}
/**
* Returns an action object used in signalling that the user has stopped dragging blocks.
*
* @return {Object} Action object.
*/
function actions_stopDraggingBlocks() {
return {
type: 'STOP_DRAGGING_BLOCKS'
};
}
/**
* Returns an action object used in signalling that the caret has entered formatted text.
*
* @return {Object} Action object.
*/
function actions_enterFormattedText() {
return {
type: 'ENTER_FORMATTED_TEXT'
};
}
/**
* Returns an action object used in signalling that the user caret has exited formatted text.
*
* @return {Object} Action object.
*/
function actions_exitFormattedText() {
return {
type: 'EXIT_FORMATTED_TEXT'
};
}
/**
* Returns an action object used in signalling that the user caret has changed
* position.
*
* @param {string} clientId The selected block client ID.
* @param {string} attributeKey The selected block attribute key.
* @param {number} startOffset The start offset.
* @param {number} endOffset The end offset.
*
* @return {Object} Action object.
*/
function actions_selectionChange(clientId, attributeKey, startOffset, endOffset) {
return {
type: 'SELECTION_CHANGE',
clientId: clientId,
attributeKey: attributeKey,
startOffset: startOffset,
endOffset: endOffset
};
}
/**
* Returns an action object used in signalling that a new block of the default
* type should be added to the block list.
*
* @param {?Object} attributes Optional attributes of the block to assign.
* @param {?string} rootClientId Optional root client ID of block list on which
* to append.
* @param {?number} index Optional index where to insert the default block
*
* @return {Object} Action object
*/
function actions_insertDefaultBlock(attributes, rootClientId, index) {
// Abort if there is no default block type (if it has been unregistered).
var defaultBlockName = Object(external_this_wp_blocks_["getDefaultBlockName"])();
if (!defaultBlockName) {
return;
}
var block = Object(external_this_wp_blocks_["createBlock"])(defaultBlockName, attributes);
return actions_insertBlock(block, index, rootClientId);
}
/**
* Returns an action object that changes the nested settings of a given block.
*
* @param {string} clientId Client ID of the block whose nested setting are
* being received.
* @param {Object} settings Object with the new settings for the nested block.
*
* @return {Object} Action object
*/
function actions_updateBlockListSettings(clientId, settings) {
return {
type: 'UPDATE_BLOCK_LIST_SETTINGS',
clientId: clientId,
settings: settings
};
}
/**
* Returns an action object used in signalling that the block editor settings have been updated.
*
* @param {Object} settings Updated settings
*
* @return {Object} Action object
*/
function actions_updateSettings(settings) {
return {
type: 'UPDATE_SETTINGS',
settings: settings
};
}
/**
* Returns an action object used in signalling that a temporary reusable blocks have been saved
* in order to switch its temporary id with the real id.
*
* @param {string} id Reusable block's id.
* @param {string} updatedId Updated block's id.
*
* @return {Object} Action object.
*/
function __unstableSaveReusableBlock(id, updatedId) {
return {
type: 'SAVE_REUSABLE_BLOCK_SUCCESS',
id: id,
updatedId: updatedId
};
}
/**
* Returns an action object used in signalling that the last block change should be marked explicitely as persistent.
*
* @return {Object} Action object.
*/
function actions_unstableMarkLastChangeAsPersistent() {
return {
type: 'MARK_LAST_CHANGE_AS_PERSISTENT'
};
}
/**
* Returns an action object used in signalling that the next block change should be marked explicitly as not persistent.
*
* @return {Object} Action object.
*/
function actions_unstableMarkNextChangeAsNotPersistent() {
return {
type: 'MARK_NEXT_CHANGE_AS_NOT_PERSISTENT'
};
}
/**
* Returns an action object used in signalling that the last block change is
* an automatic change, meaning it was not performed by the user, and can be
* undone using the `Escape` and `Backspace` keys. This action must be called
* after the change was made, and any actions that are a consequence of it, so
* it is recommended to be called at the next idle period to ensure all
* selection changes have been recorded.
*
* @return {Object} Action object.
*/
function actions_unstableMarkAutomaticChange() {
return {
type: 'MARK_AUTOMATIC_CHANGE'
};
}
/**
* Generators that triggers an action used to enable or disable the navigation mode.
*
* @param {string} isNavigationMode Enable/Disable navigation mode.
*/
function actions_setNavigationMode() {
var isNavigationMode,
_args9 = arguments;
return external_this_regeneratorRuntime_default.a.wrap(function setNavigationMode$(_context9) {
while (1) {
switch (_context9.prev = _context9.next) {
case 0:
isNavigationMode = _args9.length > 0 && _args9[0] !== undefined ? _args9[0] : true;
_context9.next = 3;
return {
type: 'SET_NAVIGATION_MODE',
isNavigationMode: isNavigationMode
};
case 3:
if (isNavigationMode) {
Object(external_this_wp_a11y_["speak"])(Object(external_this_wp_i18n_["__"])('You are currently in navigation mode. Navigate blocks using the Tab key and Arrow keys. Use Left and Right Arrow keys to move between nesting levels. To exit navigation mode and edit the selected block, press Enter.'));
} else {
Object(external_this_wp_a11y_["speak"])(Object(external_this_wp_i18n_["__"])('You are currently in edit mode. To return to the navigation mode, press Escape.'));
}
case 4:
case "end":
return _context9.stop();
}
}
}, _marked9);
}
/**
* Generator that triggers an action used to enable or disable the block moving mode.
*
* @param {string|null} hasBlockMovingClientId Enable/Disable block moving mode.
*/
function actions_setBlockMovingClientId() {
var hasBlockMovingClientId,
_args10 = arguments;
return external_this_regeneratorRuntime_default.a.wrap(function setBlockMovingClientId$(_context10) {
while (1) {
switch (_context10.prev = _context10.next) {
case 0:
hasBlockMovingClientId = _args10.length > 0 && _args10[0] !== undefined ? _args10[0] : null;
_context10.next = 3;
return {
type: 'SET_BLOCK_MOVING_MODE',
hasBlockMovingClientId: hasBlockMovingClientId
};
case 3:
if (hasBlockMovingClientId) {
Object(external_this_wp_a11y_["speak"])(Object(external_this_wp_i18n_["__"])('Use the Tab key and Arrow keys to choose new block location. Use Left and Right Arrow keys to move between nesting levels. Once location is selected press Enter or Space to move the block.'));
}
case 4:
case "end":
return _context10.stop();
}
}
}, _marked10);
}
/**
* Generator that triggers an action used to duplicate a list of blocks.
*
* @param {string[]} clientIds
* @param {boolean} updateSelection
*/
function actions_duplicateBlocks(clientIds) {
var updateSelection,
blocks,
rootClientId,
blockNames,
lastSelectedIndex,
clonedBlocks,
_args11 = arguments;
return external_this_regeneratorRuntime_default.a.wrap(function duplicateBlocks$(_context11) {
while (1) {
switch (_context11.prev = _context11.next) {
case 0:
updateSelection = _args11.length > 1 && _args11[1] !== undefined ? _args11[1] : true;
if (!(!clientIds && !clientIds.length)) {
_context11.next = 3;
break;
}
return _context11.abrupt("return");
case 3:
_context11.next = 5;
return controls_select('core/block-editor', 'getBlocksByClientId', clientIds);
case 5:
blocks = _context11.sent;
_context11.next = 8;
return controls_select('core/block-editor', 'getBlockRootClientId', clientIds[0]);
case 8:
rootClientId = _context11.sent;
if (!Object(external_this_lodash_["some"])(blocks, function (block) {
return !block;
})) {
_context11.next = 11;
break;
}
return _context11.abrupt("return");
case 11:
blockNames = blocks.map(function (block) {
return block.name;
}); // Return early if blocks don't support multiple usage.
if (!Object(external_this_lodash_["some"])(blockNames, function (blockName) {
return !Object(external_this_wp_blocks_["hasBlockSupport"])(blockName, 'multiple', true);
})) {
_context11.next = 14;
break;
}
return _context11.abrupt("return");
case 14:
_context11.next = 16;
return controls_select('core/block-editor', 'getBlockIndex', Object(external_this_lodash_["last"])(Object(external_this_lodash_["castArray"])(clientIds)), rootClientId);
case 16:
lastSelectedIndex = _context11.sent;
clonedBlocks = blocks.map(function (block) {
return Object(external_this_wp_blocks_["cloneBlock"])(block);
});
_context11.next = 20;
return actions_insertBlocks(clonedBlocks, lastSelectedIndex + 1, rootClientId, updateSelection);
case 20:
if (!(clonedBlocks.length > 1 && updateSelection)) {
_context11.next = 23;
break;
}
_context11.next = 23;
return actions_multiSelect(Object(external_this_lodash_["first"])(clonedBlocks).clientId, Object(external_this_lodash_["last"])(clonedBlocks).clientId);
case 23:
return _context11.abrupt("return", clonedBlocks.map(function (block) {
return block.clientId;
}));
case 24:
case "end":
return _context11.stop();
}
}
}, _marked11);
}
/**
* Generator used to insert an empty block after a given block.
*
* @param {string} clientId
*/
function actions_insertBeforeBlock(clientId) {
var rootClientId, isLocked, firstSelectedIndex;
return external_this_regeneratorRuntime_default.a.wrap(function insertBeforeBlock$(_context12) {
while (1) {
switch (_context12.prev = _context12.next) {
case 0:
if (clientId) {
_context12.next = 2;
break;
}
return _context12.abrupt("return");
case 2:
_context12.next = 4;
return controls_select('core/block-editor', 'getBlockRootClientId', clientId);
case 4:
rootClientId = _context12.sent;
_context12.next = 7;
return controls_select('core/block-editor', 'getTemplateLock', rootClientId);
case 7:
isLocked = _context12.sent;
if (!isLocked) {
_context12.next = 10;
break;
}
return _context12.abrupt("return");
case 10:
_context12.next = 12;
return controls_select('core/block-editor', 'getBlockIndex', clientId, rootClientId);
case 12:
firstSelectedIndex = _context12.sent;
_context12.next = 15;
return actions_insertDefaultBlock({}, rootClientId, firstSelectedIndex);
case 15:
return _context12.abrupt("return", _context12.sent);
case 16:
case "end":
return _context12.stop();
}
}
}, _marked12);
}
/**
* Generator used to insert an empty block before a given block.
*
* @param {string} clientId
*/
function actions_insertAfterBlock(clientId) {
var rootClientId, isLocked, firstSelectedIndex;
return external_this_regeneratorRuntime_default.a.wrap(function insertAfterBlock$(_context13) {
while (1) {
switch (_context13.prev = _context13.next) {
case 0:
if (clientId) {
_context13.next = 2;
break;
}
return _context13.abrupt("return");
case 2:
_context13.next = 4;
return controls_select('core/block-editor', 'getBlockRootClientId', clientId);
case 4:
rootClientId = _context13.sent;
_context13.next = 7;
return controls_select('core/block-editor', 'getTemplateLock', rootClientId);
case 7:
isLocked = _context13.sent;
if (!isLocked) {
_context13.next = 10;
break;
}
return _context13.abrupt("return");
case 10:
_context13.next = 12;
return controls_select('core/block-editor', 'getBlockIndex', clientId, rootClientId);
case 12:
firstSelectedIndex = _context13.sent;
_context13.next = 15;
return actions_insertDefaultBlock({}, rootClientId, firstSelectedIndex + 1);
case 15:
return _context13.abrupt("return", _context13.sent);
case 16:
case "end":
return _context13.stop();
}
}
}, _marked13);
}
/**
* Returns an action object that toggles the highlighted block state.
*
* @param {string} clientId The block's clientId.
* @param {boolean} isHighlighted The highlight state.
*/
function actions_toggleBlockHighlight(clientId, isHighlighted) {
return {
type: 'TOGGLE_BLOCK_HIGHLIGHT',
clientId: clientId,
isHighlighted: isHighlighted
};
}
/**
* Yields action objects used in signalling that the block corresponding to the
* given clientId should appear to "flash" by rhythmically highlighting it.
*
* @param {string} clientId Target block client ID.
*/
function actions_flashBlock(clientId) {
return external_this_regeneratorRuntime_default.a.wrap(function flashBlock$(_context14) {
while (1) {
switch (_context14.prev = _context14.next) {
case 0:
_context14.next = 2;
return actions_toggleBlockHighlight(clientId, true);
case 2:
_context14.next = 4;
return {
type: 'SLEEP',
duration: 150
};
case 4:
_context14.next = 6;
return actions_toggleBlockHighlight(clientId, false);
case 6:
case "end":
return _context14.stop();
}
}
}, _marked14);
}
/**
* Returns an action object that sets whether the block has controlled innerblocks.
*
* @param {string} clientId The block's clientId.
* @param {boolean} hasControlledInnerBlocks True if the block's inner blocks are controlled.
*/
function actions_setHasControlledInnerBlocks(clientId, hasControlledInnerBlocks) {
return {
type: 'SET_HAS_CONTROLLED_INNER_BLOCKS',
hasControlledInnerBlocks: hasControlledInnerBlocks,
clientId: clientId
};
}
// EXTERNAL MODULE: ./node_modules/rememo/es/rememo.js
var rememo = __webpack_require__(42);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/selectors.js
function selectors_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 selectors_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { selectors_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 { selectors_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* A block selection object.
*
* @typedef {Object} WPBlockSelection
*
* @property {string} clientId A block client ID.
* @property {string} attributeKey A block attribute key.
* @property {number} offset An attribute value offset, based on the rich
* text value. See `wp.richText.create`.
*/
// Module constants
var MILLISECONDS_PER_HOUR = 3600 * 1000;
var MILLISECONDS_PER_DAY = 24 * 3600 * 1000;
var MILLISECONDS_PER_WEEK = 7 * 24 * 3600 * 1000;
var templateIcon = Object(external_this_wp_element_["createElement"])(external_this_wp_components_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Rect"], {
x: "0",
fill: "none",
width: "24",
height: "24"
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["G"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Path"], {
d: "M19 3H5c-1.105 0-2 .895-2 2v14c0 1.105.895 2 2 2h14c1.105 0 2-.895 2-2V5c0-1.105-.895-2-2-2zM6 6h5v5H6V6zm4.5 13C9.12 19 8 17.88 8 16.5S9.12 14 10.5 14s2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5zm3-6l3-5 3 5h-6z"
})));
/**
* Shared reference to an empty array for cases where it is important to avoid
* returning a new array reference on every invocation, as in a connected or
* other pure component which performs `shouldComponentUpdate` check on props.
* This should be used as a last resort, since the normalized data should be
* maintained by the reducer result in state.
*
* @type {Array}
*/
var selectors_EMPTY_ARRAY = [];
/**
* Returns a block's name given its client ID, or null if no block exists with
* the client ID.
*
* @param {Object} state Editor state.
* @param {string} clientId Block client ID.
*
* @return {string} Block name.
*/
function selectors_getBlockName(state, clientId) {
var block = state.blocks.byClientId[clientId];
return block ? block.name : null;
}
/**
* Returns whether a block is valid or not.
*
* @param {Object} state Editor state.
* @param {string} clientId Block client ID.
*
* @return {boolean} Is Valid.
*/
function selectors_isBlockValid(state, clientId) {
var block = state.blocks.byClientId[clientId];
return !!block && block.isValid;
}
/**
* Returns a block's attributes given its client ID, or null if no block exists with
* the client ID.
*
* @param {Object} state Editor state.
* @param {string} clientId Block client ID.
*
* @return {Object?} Block attributes.
*/
function getBlockAttributes(state, clientId) {
var block = state.blocks.byClientId[clientId];
if (!block) {
return null;
}
return state.blocks.attributes[clientId];
}
/**
* Returns a block given its client ID. This is a parsed copy of the block,
* containing its `blockName`, `clientId`, and current `attributes` state. This
* is not the block's registration settings, which must be retrieved from the
* blocks module registration store.
*
* getBlock recurses through its inner blocks until all its children blocks have
* been retrieved. Note that getBlock will not return the child inner blocks of
* an inner block controller. This is because an inner block controller syncs
* itself with its own entity, and should therefore not be included with the
* blocks of a different entity. For example, say you call `getBlocks( TP )` to
* get the blocks of a template part. If another template part is a child of TP,
* then the nested template part's child blocks will not be returned. This way,
* the template block itself is considered part of the parent, but the children
* are not.
*
* @param {Object} state Editor state.
* @param {string} clientId Block client ID.
*
* @return {Object} Parsed block object.
*/
var selectors_getBlock = Object(rememo["a" /* default */])(function (state, clientId) {
var block = state.blocks.byClientId[clientId];
if (!block) {
return null;
}
return selectors_objectSpread({}, block, {
attributes: getBlockAttributes(state, clientId),
innerBlocks: areInnerBlocksControlled(state, clientId) ? selectors_EMPTY_ARRAY : selectors_getBlocks(state, clientId)
});
}, function (state, clientId) {
return [// Normally, we'd have both `getBlockAttributes` dependencies and
// `getBlocks` (children) dependancies here but for performance reasons
// we use a denormalized cache key computed in the reducer that takes both
// the attributes and inner blocks into account. The value of the cache key
// is being changed whenever one of these dependencies is out of date.
state.blocks.cache[clientId]];
});
var selectors_unstableGetBlockWithoutInnerBlocks = Object(rememo["a" /* default */])(function (state, clientId) {
var block = state.blocks.byClientId[clientId];
if (!block) {
return null;
}
return selectors_objectSpread({}, block, {
attributes: getBlockAttributes(state, clientId)
});
}, function (state, clientId) {
return [state.blocks.byClientId[clientId], state.blocks.attributes[clientId]];
});
/**
* Returns all block objects for the current post being edited as an array in
* the order they appear in the post. Note that this will exclude child blocks
* of nested inner block controllers.
*
* Note: It's important to memoize this selector to avoid return a new instance
* on each call. We use the block cache state for each top-level block of the
* given clientID. This way, the selector only refreshes on changes to blocks
* associated with the given entity, and does not refresh when changes are made
* to blocks which are part of different inner block controllers.
*
* @param {Object} state Editor state.
* @param {?string} rootClientId Optional root client ID of block list.
*
* @return {Object[]} Post blocks.
*/
var selectors_getBlocks = Object(rememo["a" /* default */])(function (state, rootClientId) {
return Object(external_this_lodash_["map"])(selectors_getBlockOrder(state, rootClientId), function (clientId) {
return selectors_getBlock(state, clientId);
});
}, function (state, rootClientId) {
return Object(external_this_lodash_["map"])(state.blocks.order[rootClientId || ''], function (id) {
return state.blocks.cache[id];
});
});
/**
* Returns an array containing the clientIds of all descendants
* of the blocks given.
*
* @param {Object} state Global application state.
* @param {Array} clientIds Array of blocks to inspect.
*
* @return {Array} ids of descendants.
*/
var selectors_getClientIdsOfDescendants = function getClientIdsOfDescendants(state, clientIds) {
return Object(external_this_lodash_["flatMap"])(clientIds, function (clientId) {
var descendants = selectors_getBlockOrder(state, clientId);
return [].concat(Object(toConsumableArray["a" /* default */])(descendants), Object(toConsumableArray["a" /* default */])(getClientIdsOfDescendants(state, descendants)));
});
};
/**
* Returns an array containing the clientIds of the top-level blocks
* and their descendants of any depth (for nested blocks).
*
* @param {Object} state Global application state.
*
* @return {Array} ids of top-level and descendant blocks.
*/
var getClientIdsWithDescendants = Object(rememo["a" /* default */])(function (state) {
var topLevelIds = selectors_getBlockOrder(state);
return [].concat(Object(toConsumableArray["a" /* default */])(topLevelIds), Object(toConsumableArray["a" /* default */])(selectors_getClientIdsOfDescendants(state, topLevelIds)));
}, function (state) {
return [state.blocks.order];
});
/**
* Returns the total number of blocks, or the total number of blocks with a specific name in a post.
* The number returned includes nested blocks.
*
* @param {Object} state Global application state.
* @param {?string} blockName Optional block name, if specified only blocks of that type will be counted.
*
* @return {number} Number of blocks in the post, or number of blocks with name equal to blockName.
*/
var getGlobalBlockCount = Object(rememo["a" /* default */])(function (state, blockName) {
var clientIds = getClientIdsWithDescendants(state);
if (!blockName) {
return clientIds.length;
}
return Object(external_this_lodash_["reduce"])(clientIds, function (accumulator, clientId) {
var block = state.blocks.byClientId[clientId];
return block.name === blockName ? accumulator + 1 : accumulator;
}, 0);
}, function (state) {
return [state.blocks.order, state.blocks.byClientId];
});
/**
* Given an array of block client IDs, returns the corresponding array of block
* objects.
*
* @param {Object} state Editor state.
* @param {string[]} clientIds Client IDs for which blocks are to be returned.
*
* @return {WPBlock[]} Block objects.
*/
var selectors_getBlocksByClientId = Object(rememo["a" /* default */])(function (state, clientIds) {
return Object(external_this_lodash_["map"])(Object(external_this_lodash_["castArray"])(clientIds), function (clientId) {
return selectors_getBlock(state, clientId);
});
}, function (state) {
return [state.blocks.byClientId, state.blocks.order, state.blocks.attributes];
});
/**
* Returns the number of blocks currently present in the post.
*
* @param {Object} state Editor state.
* @param {?string} rootClientId Optional root client ID of block list.
*
* @return {number} Number of blocks in the post.
*/
function selectors_getBlockCount(state, rootClientId) {
return selectors_getBlockOrder(state, rootClientId).length;
}
/**
* Returns the current selection start block client ID, attribute key and text
* offset.
*
* @param {Object} state Block editor state.
*
* @return {WPBlockSelection} Selection start information.
*/
function selectors_getSelectionStart(state) {
return state.selectionStart;
}
/**
* Returns the current selection end block client ID, attribute key and text
* offset.
*
* @param {Object} state Block editor state.
*
* @return {WPBlockSelection} Selection end information.
*/
function selectors_getSelectionEnd(state) {
return state.selectionEnd;
}
/**
* Returns the current block selection start. This value may be null, and it
* may represent either a singular block selection or multi-selection start.
* A selection is singular if its start and end match.
*
* @param {Object} state Global application state.
*
* @return {?string} Client ID of block selection start.
*/
function getBlockSelectionStart(state) {
return state.selectionStart.clientId;
}
/**
* Returns the current block selection end. This value may be null, and it
* may represent either a singular block selection or multi-selection end.
* A selection is singular if its start and end match.
*
* @param {Object} state Global application state.
*
* @return {?string} Client ID of block selection end.
*/
function selectors_getBlockSelectionEnd(state) {
return state.selectionEnd.clientId;
}
/**
* Returns the number of blocks currently selected in the post.
*
* @param {Object} state Global application state.
*
* @return {number} Number of blocks selected in the post.
*/
function selectors_getSelectedBlockCount(state) {
var multiSelectedBlockCount = getMultiSelectedBlockClientIds(state).length;
if (multiSelectedBlockCount) {
return multiSelectedBlockCount;
}
return state.selectionStart.clientId ? 1 : 0;
}
/**
* Returns true if there is a single selected block, or false otherwise.
*
* @param {Object} state Editor state.
*
* @return {boolean} Whether a single block is selected.
*/
function hasSelectedBlock(state) {
var selectionStart = state.selectionStart,
selectionEnd = state.selectionEnd;
return !!selectionStart.clientId && selectionStart.clientId === selectionEnd.clientId;
}
/**
* Returns the currently selected block client ID, or null if there is no
* selected block.
*
* @param {Object} state Editor state.
*
* @return {?string} Selected block client ID.
*/
function selectors_getSelectedBlockClientId(state) {
var selectionStart = state.selectionStart,
selectionEnd = state.selectionEnd;
var clientId = selectionStart.clientId;
if (!clientId || clientId !== selectionEnd.clientId) {
return null;
}
return clientId;
}
/**
* Returns the currently selected block, or null if there is no selected block.
*
* @param {Object} state Global application state.
*
* @return {?Object} Selected block.
*/
function selectors_getSelectedBlock(state) {
var clientId = selectors_getSelectedBlockClientId(state);
return clientId ? selectors_getBlock(state, clientId) : null;
}
/**
* Given a block client ID, returns the root block from which the block is
* nested, an empty string for top-level blocks, or null if the block does not
* exist.
*
* @param {Object} state Editor state.
* @param {string} clientId Block from which to find root client ID.
*
* @return {?string} Root client ID, if exists
*/
function selectors_getBlockRootClientId(state, clientId) {
return state.blocks.parents[clientId] !== undefined ? state.blocks.parents[clientId] : null;
}
/**
* Given a block client ID, returns the list of all its parents from top to bottom.
*
* @param {Object} state Editor state.
* @param {string} clientId Block from which to find root client ID.
* @param {boolean} ascending Order results from bottom to top (true) or top to bottom (false).
*
* @return {Array} ClientIDs of the parent blocks.
*/
var selectors_getBlockParents = Object(rememo["a" /* default */])(function (state, clientId) {
var ascending = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
var parents = [];
var current = clientId;
while (!!state.blocks.parents[current]) {
current = state.blocks.parents[current];
parents.push(current);
}
return ascending ? parents : parents.reverse();
}, function (state) {
return [state.blocks.parents];
});
/**
* Given a block client ID and a block name,
* returns the list of all its parents from top to bottom,
* filtered by the given name.
*
* @param {Object} state Editor state.
* @param {string} clientId Block from which to find root client ID.
* @param {string} blockName Block name to filter.
* @param {boolean} ascending Order results from bottom to top (true) or top to bottom (false).
*
* @return {Array} ClientIDs of the parent blocks.
*/
var getBlockParentsByBlockName = Object(rememo["a" /* default */])(function (state, clientId, blockName) {
var ascending = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
var parents = selectors_getBlockParents(state, clientId, ascending);
return Object(external_this_lodash_["map"])(Object(external_this_lodash_["filter"])(Object(external_this_lodash_["map"])(parents, function (id) {
return {
id: id,
name: selectors_getBlockName(state, id)
};
}), {
name: blockName
}), function (_ref) {
var id = _ref.id;
return id;
});
}, function (state) {
return [state.blocks.parents];
});
/**
* Given a block client ID, returns the root of the hierarchy from which the block is nested, return the block itself for root level blocks.
*
* @param {Object} state Editor state.
* @param {string} clientId Block from which to find root client ID.
*
* @return {string} Root client ID
*/
function getBlockHierarchyRootClientId(state, clientId) {
var current = clientId;
var parent;
do {
parent = current;
current = state.blocks.parents[current];
} while (current);
return parent;
}
/**
* Given a block client ID, returns the lowest common ancestor with selected client ID.
*
* @param {Object} state Editor state.
* @param {string} clientId Block from which to find common ancestor client ID.
*
* @return {string} Common ancestor client ID or undefined
*/
function getLowestCommonAncestorWithSelectedBlock(state, clientId) {
var selectedId = selectors_getSelectedBlockClientId(state);
var clientParents = [].concat(Object(toConsumableArray["a" /* default */])(selectors_getBlockParents(state, clientId)), [clientId]);
var selectedParents = [].concat(Object(toConsumableArray["a" /* default */])(selectors_getBlockParents(state, selectedId)), [selectedId]);
var lowestCommonAncestor;
var maxDepth = Math.min(clientParents.length, selectedParents.length);
for (var index = 0; index < maxDepth; index++) {
if (clientParents[index] === selectedParents[index]) {
lowestCommonAncestor = clientParents[index];
} else {
break;
}
}
return lowestCommonAncestor;
}
/**
* Returns the client ID of the block adjacent one at the given reference
* startClientId and modifier directionality. Defaults start startClientId to
* the selected block, and direction as next block. Returns null if there is no
* adjacent block.
*
* @param {Object} state Editor state.
* @param {?string} startClientId Optional client ID of block from which to
* search.
* @param {?number} modifier Directionality multiplier (1 next, -1
* previous).
*
* @return {?string} Return the client ID of the block, or null if none exists.
*/
function getAdjacentBlockClientId(state, startClientId) {
var modifier = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
// Default to selected block.
if (startClientId === undefined) {
startClientId = selectors_getSelectedBlockClientId(state);
} // Try multi-selection starting at extent based on modifier.
if (startClientId === undefined) {
if (modifier < 0) {
startClientId = selectors_getFirstMultiSelectedBlockClientId(state);
} else {
startClientId = getLastMultiSelectedBlockClientId(state);
}
} // Validate working start client ID.
if (!startClientId) {
return null;
} // Retrieve start block root client ID, being careful to allow the falsey
// empty string top-level root by explicitly testing against null.
var rootClientId = selectors_getBlockRootClientId(state, startClientId);
if (rootClientId === null) {
return null;
}
var order = state.blocks.order;
var orderSet = order[rootClientId];
var index = orderSet.indexOf(startClientId);
var nextIndex = index + 1 * modifier; // Block was first in set and we're attempting to get previous.
if (nextIndex < 0) {
return null;
} // Block was last in set and we're attempting to get next.
if (nextIndex === orderSet.length) {
return null;
} // Assume incremented index is within the set.
return orderSet[nextIndex];
}
/**
* Returns the previous block's client ID from the given reference start ID.
* Defaults start to the selected block. Returns null if there is no previous
* block.
*
* @param {Object} state Editor state.
* @param {?string} startClientId Optional client ID of block from which to
* search.
*
* @return {?string} Adjacent block's client ID, or null if none exists.
*/
function getPreviousBlockClientId(state, startClientId) {
return getAdjacentBlockClientId(state, startClientId, -1);
}
/**
* Returns the next block's client ID from the given reference start ID.
* Defaults start to the selected block. Returns null if there is no next
* block.
*
* @param {Object} state Editor state.
* @param {?string} startClientId Optional client ID of block from which to
* search.
*
* @return {?string} Adjacent block's client ID, or null if none exists.
*/
function getNextBlockClientId(state, startClientId) {
return getAdjacentBlockClientId(state, startClientId, 1);
}
/**
* Returns the initial caret position for the selected block.
* This position is to used to position the caret properly when the selected block changes.
*
* @param {Object} state Global application state.
*
* @return {?Object} Selected block.
*/
function getSelectedBlocksInitialCaretPosition(state) {
return state.initialPosition;
}
/**
* Returns the current selection set of block client IDs (multiselection or single selection).
*
* @param {Object} state Editor state.
*
* @return {Array} Multi-selected block client IDs.
*/
var selectors_getSelectedBlockClientIds = Object(rememo["a" /* default */])(function (state) {
var selectionStart = state.selectionStart,
selectionEnd = state.selectionEnd;
if (selectionStart.clientId === undefined || selectionEnd.clientId === undefined) {
return selectors_EMPTY_ARRAY;
}
if (selectionStart.clientId === selectionEnd.clientId) {
return [selectionStart.clientId];
} // Retrieve root client ID to aid in retrieving relevant nested block
// order, being careful to allow the falsey empty string top-level root
// by explicitly testing against null.
var rootClientId = selectors_getBlockRootClientId(state, selectionStart.clientId);
if (rootClientId === null) {
return selectors_EMPTY_ARRAY;
}
var blockOrder = selectors_getBlockOrder(state, rootClientId);
var startIndex = blockOrder.indexOf(selectionStart.clientId);
var endIndex = blockOrder.indexOf(selectionEnd.clientId);
if (startIndex > endIndex) {
return blockOrder.slice(endIndex, startIndex + 1);
}
return blockOrder.slice(startIndex, endIndex + 1);
}, function (state) {
return [state.blocks.order, state.selectionStart.clientId, state.selectionEnd.clientId];
});
/**
* Returns the current multi-selection set of block client IDs, or an empty
* array if there is no multi-selection.
*
* @param {Object} state Editor state.
*
* @return {Array} Multi-selected block client IDs.
*/
function getMultiSelectedBlockClientIds(state) {
var selectionStart = state.selectionStart,
selectionEnd = state.selectionEnd;
if (selectionStart.clientId === selectionEnd.clientId) {
return selectors_EMPTY_ARRAY;
}
return selectors_getSelectedBlockClientIds(state);
}
/**
* Returns the current multi-selection set of blocks, or an empty array if
* there is no multi-selection.
*
* @param {Object} state Editor state.
*
* @return {Array} Multi-selected block objects.
*/
var getMultiSelectedBlocks = Object(rememo["a" /* default */])(function (state) {
var multiSelectedBlockClientIds = getMultiSelectedBlockClientIds(state);
if (!multiSelectedBlockClientIds.length) {
return selectors_EMPTY_ARRAY;
}
return multiSelectedBlockClientIds.map(function (clientId) {
return selectors_getBlock(state, clientId);
});
}, function (state) {
return [].concat(Object(toConsumableArray["a" /* default */])(selectors_getSelectedBlockClientIds.getDependants(state)), [state.blocks.byClientId, state.blocks.order, state.blocks.attributes]);
});
/**
* Returns the client ID of the first block in the multi-selection set, or null
* if there is no multi-selection.
*
* @param {Object} state Editor state.
*
* @return {?string} First block client ID in the multi-selection set.
*/
function selectors_getFirstMultiSelectedBlockClientId(state) {
return Object(external_this_lodash_["first"])(getMultiSelectedBlockClientIds(state)) || null;
}
/**
* Returns the client ID of the last block in the multi-selection set, or null
* if there is no multi-selection.
*
* @param {Object} state Editor state.
*
* @return {?string} Last block client ID in the multi-selection set.
*/
function getLastMultiSelectedBlockClientId(state) {
return Object(external_this_lodash_["last"])(getMultiSelectedBlockClientIds(state)) || null;
}
/**
* Returns true if a multi-selection exists, and the block corresponding to the
* specified client ID is the first block of the multi-selection set, or false
* otherwise.
*
* @param {Object} state Editor state.
* @param {string} clientId Block client ID.
*
* @return {boolean} Whether block is first in multi-selection.
*/
function isFirstMultiSelectedBlock(state, clientId) {
return selectors_getFirstMultiSelectedBlockClientId(state) === clientId;
}
/**
* Returns true if the client ID occurs within the block multi-selection, or
* false otherwise.
*
* @param {Object} state Editor state.
* @param {string} clientId Block client ID.
*
* @return {boolean} Whether block is in multi-selection set.
*/
function isBlockMultiSelected(state, clientId) {
return getMultiSelectedBlockClientIds(state).indexOf(clientId) !== -1;
}
/**
* Returns true if an ancestor of the block is multi-selected, or false
* otherwise.
*
* @param {Object} state Editor state.
* @param {string} clientId Block client ID.
*
* @return {boolean} Whether an ancestor of the block is in multi-selection
* set.
*/
var isAncestorMultiSelected = Object(rememo["a" /* default */])(function (state, clientId) {
var ancestorClientId = clientId;
var isMultiSelected = false;
while (ancestorClientId && !isMultiSelected) {
ancestorClientId = selectors_getBlockRootClientId(state, ancestorClientId);
isMultiSelected = isBlockMultiSelected(state, ancestorClientId);
}
return isMultiSelected;
}, function (state) {
return [state.blocks.order, state.selectionStart.clientId, state.selectionEnd.clientId];
});
/**
* Returns the client ID of the block which begins the multi-selection set, or
* null if there is no multi-selection.
*
* This is not necessarily the first client ID in the selection.
*
* @see getFirstMultiSelectedBlockClientId
*
* @param {Object} state Editor state.
*
* @return {?string} Client ID of block beginning multi-selection.
*/
function getMultiSelectedBlocksStartClientId(state) {
var selectionStart = state.selectionStart,
selectionEnd = state.selectionEnd;
if (selectionStart.clientId === selectionEnd.clientId) {
return null;
}
return selectionStart.clientId || null;
}
/**
* Returns the client ID of the block which ends the multi-selection set, or
* null if there is no multi-selection.
*
* This is not necessarily the last client ID in the selection.
*
* @see getLastMultiSelectedBlockClientId
*
* @param {Object} state Editor state.
*
* @return {?string} Client ID of block ending multi-selection.
*/
function getMultiSelectedBlocksEndClientId(state) {
var selectionStart = state.selectionStart,
selectionEnd = state.selectionEnd;
if (selectionStart.clientId === selectionEnd.clientId) {
return null;
}
return selectionEnd.clientId || null;
}
/**
* Returns an array containing all block client IDs in the editor in the order
* they appear. Optionally accepts a root client ID of the block list for which
* the order should be returned, defaulting to the top-level block order.
*
* @param {Object} state Editor state.
* @param {?string} rootClientId Optional root client ID of block list.
*
* @return {Array} Ordered client IDs of editor blocks.
*/
function selectors_getBlockOrder(state, rootClientId) {
return state.blocks.order[rootClientId || ''] || selectors_EMPTY_ARRAY;
}
/**
* Returns the index at which the block corresponding to the specified client
* ID occurs within the block order, or `-1` if the block does not exist.
*
* @param {Object} state Editor state.
* @param {string} clientId Block client ID.
* @param {?string} rootClientId Optional root client ID of block list.
*
* @return {number} Index at which block exists in order.
*/
function selectors_getBlockIndex(state, clientId, rootClientId) {
return selectors_getBlockOrder(state, rootClientId).indexOf(clientId);
}
/**
* Returns true if the block corresponding to the specified client ID is
* currently selected and no multi-selection exists, or false otherwise.
*
* @param {Object} state Editor state.
* @param {string} clientId Block client ID.
*
* @return {boolean} Whether block is selected and multi-selection exists.
*/
function isBlockSelected(state, clientId) {
var selectionStart = state.selectionStart,
selectionEnd = state.selectionEnd;
if (selectionStart.clientId !== selectionEnd.clientId) {
return false;
}
return selectionStart.clientId === clientId;
}
/**
* Returns true if one of the block's inner blocks is selected.
*
* @param {Object} state Editor state.
* @param {string} clientId Block client ID.
* @param {boolean} deep Perform a deep check.
*
* @return {boolean} Whether the block as an inner block selected
*/
function hasSelectedInnerBlock(state, clientId) {
var deep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
return Object(external_this_lodash_["some"])(selectors_getBlockOrder(state, clientId), function (innerClientId) {
return isBlockSelected(state, innerClientId) || isBlockMultiSelected(state, innerClientId) || deep && hasSelectedInnerBlock(state, innerClientId, deep);
});
}
/**
* Returns true if the block corresponding to the specified client ID is
* currently selected but isn't the last of the selected blocks. Here "last"
* refers to the block sequence in the document, _not_ the sequence of
* multi-selection, which is why `state.selectionEnd` isn't used.
*
* @param {Object} state Editor state.
* @param {string} clientId Block client ID.
*
* @return {boolean} Whether block is selected and not the last in the
* selection.
*/
function isBlockWithinSelection(state, clientId) {
if (!clientId) {
return false;
}
var clientIds = getMultiSelectedBlockClientIds(state);
var index = clientIds.indexOf(clientId);
return index > -1 && index < clientIds.length - 1;
}
/**
* Returns true if a multi-selection has been made, or false otherwise.
*
* @param {Object} state Editor state.
*
* @return {boolean} Whether multi-selection has been made.
*/
function selectors_hasMultiSelection(state) {
var selectionStart = state.selectionStart,
selectionEnd = state.selectionEnd;
return selectionStart.clientId !== selectionEnd.clientId;
}
/**
* Whether in the process of multi-selecting or not. This flag is only true
* while the multi-selection is being selected (by mouse move), and is false
* once the multi-selection has been settled.
*
* @see hasMultiSelection
*
* @param {Object} state Global application state.
*
* @return {boolean} True if multi-selecting, false if not.
*/
function selectors_isMultiSelecting(state) {
return state.isMultiSelecting;
}
/**
* Selector that returns if multi-selection is enabled or not.
*
* @param {Object} state Global application state.
*
* @return {boolean} True if it should be possible to multi-select blocks, false if multi-selection is disabled.
*/
function selectors_isSelectionEnabled(state) {
return state.isSelectionEnabled;
}
/**
* Returns the block's editing mode, defaulting to "visual" if not explicitly
* assigned.
*
* @param {Object} state Editor state.
* @param {string} clientId Block client ID.
*
* @return {Object} Block editing mode.
*/
function selectors_getBlockMode(state, clientId) {
return state.blocksMode[clientId] || 'visual';
}
/**
* Returns true if the user is typing, or false otherwise.
*
* @param {Object} state Global application state.
*
* @return {boolean} Whether user is typing.
*/
function selectors_isTyping(state) {
return state.isTyping;
}
/**
* Returns true if the user is dragging blocks, or false otherwise.
*
* @param {Object} state Global application state.
*
* @return {boolean} Whether user is dragging blocks.
*/
function selectors_isDraggingBlocks(state) {
return state.isDraggingBlocks;
}
/**
* Returns true if the caret is within formatted text, or false otherwise.
*
* @param {Object} state Global application state.
*
* @return {boolean} Whether the caret is within formatted text.
*/
function selectors_isCaretWithinFormattedText(state) {
return state.isCaretWithinFormattedText;
}
/**
* Returns the insertion point, the index at which the new inserted block would
* be placed. Defaults to the last index.
*
* @param {Object} state Editor state.
*
* @return {Object} Insertion point object with `rootClientId`, `index`.
*/
function getBlockInsertionPoint(state) {
var rootClientId, index;
var insertionPoint = state.insertionPoint,
selectionEnd = state.selectionEnd;
if (insertionPoint !== null) {
return insertionPoint;
}
var clientId = selectionEnd.clientId;
if (clientId) {
rootClientId = selectors_getBlockRootClientId(state, clientId) || undefined;
index = selectors_getBlockIndex(state, selectionEnd.clientId, rootClientId) + 1;
} else {
index = selectors_getBlockOrder(state).length;
}
return {
rootClientId: rootClientId,
index: index
};
}
/**
* Returns true if we should show the block insertion point.
*
* @param {Object} state Global application state.
*
* @return {?boolean} Whether the insertion point is visible or not.
*/
function isBlockInsertionPointVisible(state) {
return state.insertionPoint !== null;
}
/**
* Returns whether the blocks matches the template or not.
*
* @param {boolean} state
* @return {?boolean} Whether the template is valid or not.
*/
function isValidTemplate(state) {
return state.template.isValid;
}
/**
* Returns the defined block template
*
* @param {boolean} state
* @return {?Array} Block Template
*/
function getTemplate(state) {
return state.settings.template;
}
/**
* Returns the defined block template lock. Optionally accepts a root block
* client ID as context, otherwise defaulting to the global context.
*
* @param {Object} state Editor state.
* @param {?string} rootClientId Optional block root client ID.
*
* @return {?string} Block Template Lock
*/
function selectors_getTemplateLock(state, rootClientId) {
if (!rootClientId) {
return state.settings.templateLock;
}
var blockListSettings = selectors_getBlockListSettings(state, rootClientId);
if (!blockListSettings) {
return null;
}
return blockListSettings.templateLock;
}
/**
* Determines if the given block type is allowed to be inserted into the block list.
* This function is not exported and not memoized because using a memoized selector
* inside another memoized selector is just a waste of time.
*
* @param {Object} state Editor state.
* @param {string} blockName The name of the block type, e.g.' core/paragraph'.
* @param {?string} rootClientId Optional root client ID of block list.
*
* @return {boolean} Whether the given block type is allowed to be inserted.
*/
var selectors_canInsertBlockTypeUnmemoized = function canInsertBlockTypeUnmemoized(state, blockName) {
var rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
var checkAllowList = function checkAllowList(list, item) {
var defaultResult = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
if (Object(external_this_lodash_["isBoolean"])(list)) {
return list;
}
if (Object(external_this_lodash_["isArray"])(list)) {
// TODO: when there is a canonical way to detect that we are editing a post
// the following check should be changed to something like:
// if ( list.includes( 'core/post-content' ) && getEditorMode() === 'post-content' && item === null )
if (list.includes('core/post-content') && item === null) {
return true;
}
return list.includes(item);
}
return defaultResult;
};
var blockType = Object(external_this_wp_blocks_["getBlockType"])(blockName);
if (!blockType) {
return false;
}
var _getSettings = selectors_getSettings(state),
allowedBlockTypes = _getSettings.allowedBlockTypes;
var isBlockAllowedInEditor = checkAllowList(allowedBlockTypes, blockName, true);
if (!isBlockAllowedInEditor) {
return false;
}
var isLocked = !!selectors_getTemplateLock(state, rootClientId);
if (isLocked) {
return false;
}
var parentBlockListSettings = selectors_getBlockListSettings(state, rootClientId);
var parentAllowedBlocks = Object(external_this_lodash_["get"])(parentBlockListSettings, ['allowedBlocks']);
var hasParentAllowedBlock = checkAllowList(parentAllowedBlocks, blockName);
var blockAllowedParentBlocks = blockType.parent;
var parentName = selectors_getBlockName(state, rootClientId);
var hasBlockAllowedParent = checkAllowList(blockAllowedParentBlocks, parentName);
if (hasParentAllowedBlock !== null && hasBlockAllowedParent !== null) {
return hasParentAllowedBlock || hasBlockAllowedParent;
} else if (hasParentAllowedBlock !== null) {
return hasParentAllowedBlock;
} else if (hasBlockAllowedParent !== null) {
return hasBlockAllowedParent;
}
return true;
};
/**
* Determines if the given block type is allowed to be inserted into the block list.
*
* @param {Object} state Editor state.
* @param {string} blockName The name of the block type, e.g.' core/paragraph'.
* @param {?string} rootClientId Optional root client ID of block list.
*
* @return {boolean} Whether the given block type is allowed to be inserted.
*/
var selectors_canInsertBlockType = Object(rememo["a" /* default */])(selectors_canInsertBlockTypeUnmemoized, function (state, blockName, rootClientId) {
return [state.blockListSettings[rootClientId], state.blocks.byClientId[rootClientId], state.settings.allowedBlockTypes, state.settings.templateLock];
});
/**
* Determines if the given blocks are allowed to be inserted into the block
* list.
*
* @param {Object} state Editor state.
* @param {string} clientIds The block client IDs to be inserted.
* @param {?string} rootClientId Optional root client ID of block list.
*
* @return {boolean} Whether the given blocks are allowed to be inserted.
*/
function selectors_canInsertBlocks(state, clientIds) {
var rootClientId = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
return clientIds.every(function (id) {
return selectors_canInsertBlockType(state, selectors_getBlockName(state, id), rootClientId);
});
}
/**
* Returns information about how recently and frequently a block has been inserted.
*
* @param {Object} state Global application state.
* @param {string} id A string which identifies the insert, e.g. 'core/block/12'
*
* @return {?{ time: number, count: number }} An object containing `time` which is when the last
* insert occurred as a UNIX epoch, and `count` which is
* the number of inserts that have occurred.
*/
function getInsertUsage(state, id) {
return Object(external_this_lodash_["get"])(state.preferences.insertUsage, [id], null);
}
/**
* Returns whether we can show a block type in the inserter
*
* @param {Object} state Global State
* @param {Object} blockType BlockType
* @param {?string} rootClientId Optional root client ID of block list.
*
* @return {boolean} Whether the given block type is allowed to be shown in the inserter.
*/
var selectors_canIncludeBlockTypeInInserter = function canIncludeBlockTypeInInserter(state, blockType, rootClientId) {
if (!Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, 'inserter', true)) {
return false;
}
return selectors_canInsertBlockTypeUnmemoized(state, blockType.name, rootClientId);
};
/**
* Determines the items that appear in the inserter. Includes both static
* items (e.g. a regular block type) and dynamic items (e.g. a reusable block).
*
* Each item object contains what's necessary to display a button in the
* inserter and handle its selection.
*
* The 'frecency' property is a heuristic (https://en.wikipedia.org/wiki/Frecency)
* that combines block usage frequenty and recency.
*
* Items are returned ordered descendingly by their 'utility' and 'frecency'.
*
* @param {Object} state Editor state.
* @param {?string} rootClientId Optional root client ID of block list.
*
* @return {WPEditorInserterItem[]} Items that appear in inserter.
*
* @typedef {Object} WPEditorInserterItem
* @property {string} id Unique identifier for the item.
* @property {string} name The type of block to create.
* @property {Object} initialAttributes Attributes to pass to the newly created block.
* @property {string} title Title of the item, as it appears in the inserter.
* @property {string} icon Dashicon for the item, as it appears in the inserter.
* @property {string} category Block category that the item is associated with.
* @property {string[]} keywords Keywords that can be searched to find this item.
* @property {boolean} isDisabled Whether or not the user should be prevented from inserting
* this item.
* @property {number} frecency Hueristic that combines frequency and recency.
*/
var selectors_getInserterItems = Object(rememo["a" /* default */])(function (state) {
var rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
var calculateFrecency = function calculateFrecency(time, count) {
if (!time) {
return count;
} // The selector is cached, which means Date.now() is the last time that the
// relevant state changed. This suits our needs.
var duration = Date.now() - time;
switch (true) {
case duration < MILLISECONDS_PER_HOUR:
return count * 4;
case duration < MILLISECONDS_PER_DAY:
return count * 2;
case duration < MILLISECONDS_PER_WEEK:
return count / 2;
default:
return count / 4;
}
};
var buildBlockTypeInserterItem = function buildBlockTypeInserterItem(blockType) {
var id = blockType.name;
var isDisabled = false;
if (!Object(external_this_wp_blocks_["hasBlockSupport"])(blockType.name, 'multiple', true)) {
isDisabled = Object(external_this_lodash_["some"])(selectors_getBlocksByClientId(state, getClientIdsWithDescendants(state)), {
name: blockType.name
});
}
var _ref2 = getInsertUsage(state, id) || {},
time = _ref2.time,
_ref2$count = _ref2.count,
count = _ref2$count === void 0 ? 0 : _ref2$count;
var inserterVariations = blockType.variations.filter(function (_ref3) {
var scope = _ref3.scope;
return !scope || scope.includes('inserter');
});
return {
id: id,
name: blockType.name,
initialAttributes: {},
title: blockType.title,
description: blockType.description,
icon: blockType.icon,
category: blockType.category,
keywords: blockType.keywords,
variations: inserterVariations,
example: blockType.example,
isDisabled: isDisabled,
utility: 1,
// deprecated
frecency: calculateFrecency(time, count)
};
};
var buildReusableBlockInserterItem = function buildReusableBlockInserterItem(reusableBlock) {
var id = "core/block/".concat(reusableBlock.id);
var referencedBlocks = __experimentalGetParsedReusableBlock(state, reusableBlock.id);
var referencedBlockType;
if (referencedBlocks.length === 1) {
referencedBlockType = Object(external_this_wp_blocks_["getBlockType"])(referencedBlocks[0].name);
}
var _ref4 = getInsertUsage(state, id) || {},
time = _ref4.time,
_ref4$count = _ref4.count,
count = _ref4$count === void 0 ? 0 : _ref4$count;
var frecency = calculateFrecency(time, count);
return {
id: id,
name: 'core/block',
initialAttributes: {
ref: reusableBlock.id
},
title: reusableBlock.title,
icon: referencedBlockType ? referencedBlockType.icon : templateIcon,
category: 'reusable',
keywords: [],
isDisabled: false,
utility: 1,
// deprecated
frecency: frecency
};
};
var blockTypeInserterItems = Object(external_this_wp_blocks_["getBlockTypes"])().filter(function (blockType) {
return selectors_canIncludeBlockTypeInInserter(state, blockType, rootClientId);
}).map(buildBlockTypeInserterItem);
var reusableBlockInserterItems = selectors_canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) ? getReusableBlocks(state).map(buildReusableBlockInserterItem) : [];
return [].concat(Object(toConsumableArray["a" /* default */])(blockTypeInserterItems), Object(toConsumableArray["a" /* default */])(reusableBlockInserterItems));
}, function (state, rootClientId) {
return [state.blockListSettings[rootClientId], state.blocks.byClientId, state.blocks.order, state.preferences.insertUsage, state.settings.allowedBlockTypes, state.settings.templateLock, getReusableBlocks(state), Object(external_this_wp_blocks_["getBlockTypes"])()];
});
/**
* Determines whether there are items to show in the inserter.
*
* @param {Object} state Editor state.
* @param {?string} rootClientId Optional root client ID of block list.
*
* @return {boolean} Items that appear in inserter.
*/
var selectors_hasInserterItems = Object(rememo["a" /* default */])(function (state) {
var rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
var hasBlockType = Object(external_this_lodash_["some"])(Object(external_this_wp_blocks_["getBlockTypes"])(), function (blockType) {
return selectors_canIncludeBlockTypeInInserter(state, blockType, rootClientId);
});
if (hasBlockType) {
return true;
}
var hasReusableBlock = selectors_canInsertBlockTypeUnmemoized(state, 'core/block', rootClientId) && getReusableBlocks(state).length > 0;
return hasReusableBlock;
}, function (state, rootClientId) {
return [state.blockListSettings[rootClientId], state.blocks.byClientId, state.settings.allowedBlockTypes, state.settings.templateLock, getReusableBlocks(state), Object(external_this_wp_blocks_["getBlockTypes"])()];
});
/**
* Returns the list of allowed inserter blocks for inner blocks children
*
* @param {Object} state Editor state.
* @param {?string} rootClientId Optional root client ID of block list.
*
* @return {Array?} The list of allowed block types.
*/
var selectors_experimentalGetAllowedBlocks = Object(rememo["a" /* default */])(function (state) {
var rootClientId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
if (!rootClientId) {
return;
}
return Object(external_this_lodash_["filter"])(Object(external_this_wp_blocks_["getBlockTypes"])(), function (blockType) {
return selectors_canIncludeBlockTypeInInserter(state, blockType, rootClientId);
});
}, function (state, rootClientId) {
return [state.blockListSettings[rootClientId], state.blocks.byClientId, state.settings.allowedBlockTypes, state.settings.templateLock, Object(external_this_wp_blocks_["getBlockTypes"])()];
});
/**
* Returns the Block List settings of a block, if any exist.
*
* @param {Object} state Editor state.
* @param {?string} clientId Block client ID.
*
* @return {?Object} Block settings of the block if set.
*/
function selectors_getBlockListSettings(state, clientId) {
return state.blockListSettings[clientId];
}
/**
* Returns the editor settings.
*
* @param {Object} state Editor state.
*
* @return {Object} The editor settings object.
*/
function selectors_getSettings(state) {
return state.settings;
}
/**
* Returns true if the most recent block change is be considered persistent, or
* false otherwise. A persistent change is one committed by BlockEditorProvider
* via its `onChange` callback, in addition to `onInput`.
*
* @param {Object} state Block editor state.
*
* @return {boolean} Whether the most recent block change was persistent.
*/
function isLastBlockChangePersistent(state) {
return state.blocks.isPersistentChange;
}
/**
* Returns the Block List settings for an array of blocks, if any exist.
*
* @param {Object} state Editor state.
* @param {Array} clientIds Block client IDs.
*
* @return {Array} Block List Settings for each of the found blocks
*/
var selectors_experimentalGetBlockListSettingsForBlocks = Object(rememo["a" /* default */])(function (state, clientIds) {
return Object(external_this_lodash_["filter"])(state.blockListSettings, function (value, key) {
return clientIds.includes(key);
});
}, function (state) {
return [state.blockListSettings];
});
/**
* Returns the parsed block saved as shared block with the given ID.
*
* @param {Object} state Global application state.
* @param {number|string} ref The shared block's ID.
*
* @return {Object} The parsed block.
*/
var __experimentalGetParsedReusableBlock = Object(rememo["a" /* default */])(function (state, ref) {
var reusableBlock = Object(external_this_lodash_["find"])(getReusableBlocks(state), function (block) {
return block.id === ref;
});
if (!reusableBlock) {
return null;
}
return Object(external_this_wp_blocks_["parse"])(reusableBlock.content);
}, function (state) {
return [getReusableBlocks(state)];
});
/**
* Returns true if the most recent block change is be considered ignored, or
* false otherwise. An ignored change is one not to be committed by
* BlockEditorProvider, neither via `onChange` nor `onInput`.
*
* @param {Object} state Block editor state.
*
* @return {boolean} Whether the most recent block change was ignored.
*/
function __unstableIsLastBlockChangeIgnored(state) {
// TODO: Removal Plan: Changes incurred by RECEIVE_BLOCKS should not be
// ignored if in-fact they result in a change in blocks state. The current
// need to ignore changes not a result of user interaction should be
// accounted for in the refactoring of reusable blocks as occurring within
// their own separate block editor / state (#7119).
return state.blocks.isIgnoredChange;
}
/**
* Returns the block attributes changed as a result of the last dispatched
* action.
*
* @param {Object} state Block editor state.
*
* @return {Object} Subsets of block attributes changed, keyed
* by block client ID.
*/
function __experimentalGetLastBlockAttributeChanges(state) {
return state.lastBlockAttributesChange;
}
/**
* Returns the available reusable blocks
*
* @param {Object} state Global application state.
*
* @return {Array} Reusable blocks
*/
function getReusableBlocks(state) {
return Object(external_this_lodash_["get"])(state, ['settings', '__experimentalReusableBlocks'], selectors_EMPTY_ARRAY);
}
/**
* Returns whether the navigation mode is enabled.
*
* @param {Object} state Editor state.
*
* @return {boolean} Is navigation mode enabled.
*/
function selectors_isNavigationMode(state) {
return state.isNavigationMode;
}
/**
* Returns whether block moving mode is enabled.
*
* @param {Object} state Editor state.
*
* @return {string} Client Id of moving block.
*/
function selectors_hasBlockMovingClientId(state) {
return state.hasBlockMovingClientId;
}
/**
* Returns true if the last change was an automatic change, false otherwise.
*
* @param {Object} state Global application state.
*
* @return {boolean} Whether the last change was automatic.
*/
function selectors_didAutomaticChange(state) {
return !!state.automaticChangeStatus;
}
/**
* Returns true if the current highlighted block matches the block clientId.
*
* @param {Object} state Global application state.
* @param {string} clientId The block to check.
*
* @return {boolean} Whether the block is currently highlighted.
*/
function isBlockHighlighted(state, clientId) {
return state.highlightedBlock === clientId;
}
/**
* Checks if a given block has controlled inner blocks.
*
* @param {Object} state Global application state.
* @param {string} clientId The block to check.
*
* @return {boolean} True if the block has controlled inner blocks.
*/
function areInnerBlocksControlled(state, clientId) {
return !!state.blocks.controlledInnerBlocks[clientId];
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/effects.js
function effects_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 effects_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { effects_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 { effects_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Block validity is a function of blocks state (at the point of a
* reset) and the template setting. As a compromise to its placement
* across distinct parts of state, it is implemented here as a side-
* effect of the block reset action.
*
* @param {Object} action RESET_BLOCKS action.
* @param {Object} store Store instance.
*
* @return {?Object} New validity set action if validity has changed.
*/
function validateBlocksToTemplate(action, store) {
var state = store.getState();
var template = getTemplate(state);
var templateLock = selectors_getTemplateLock(state); // Unlocked templates are considered always valid because they act
// as default values only.
var isBlocksValidToTemplate = !template || templateLock !== 'all' || Object(external_this_wp_blocks_["doBlocksMatchTemplate"])(action.blocks, template); // Update if validity has changed.
if (isBlocksValidToTemplate !== isValidTemplate(state)) {
return setTemplateValidity(isBlocksValidToTemplate);
}
}
/* harmony default export */ var effects = ({
MERGE_BLOCKS: function MERGE_BLOCKS(action, store) {
var dispatch = store.dispatch;
var state = store.getState();
var _action$blocks = Object(slicedToArray["a" /* default */])(action.blocks, 2),
clientIdA = _action$blocks[0],
clientIdB = _action$blocks[1];
var blockA = selectors_getBlock(state, clientIdA);
var blockAType = Object(external_this_wp_blocks_["getBlockType"])(blockA.name); // Only focus the previous block if it's not mergeable
if (!blockAType.merge) {
dispatch(actions_selectBlock(blockA.clientId));
return;
}
var blockB = selectors_getBlock(state, clientIdB);
var blockBType = Object(external_this_wp_blocks_["getBlockType"])(blockB.name);
var _getSelectionStart = selectors_getSelectionStart(state),
clientId = _getSelectionStart.clientId,
attributeKey = _getSelectionStart.attributeKey,
offset = _getSelectionStart.offset;
var selectedBlockType = clientId === clientIdA ? blockAType : blockBType;
var attributeDefinition = selectedBlockType.attributes[attributeKey];
var canRestoreTextSelection = (clientId === clientIdA || clientId === clientIdB) && attributeKey !== undefined && offset !== undefined && // We cannot restore text selection if the RichText identifier
// is not a defined block attribute key. This can be the case if the
// fallback intance ID is used to store selection (and no RichText
// identifier is set), or when the identifier is wrong.
!!attributeDefinition;
if (!attributeDefinition) {
if (typeof attributeKey === 'number') {
window.console.error("RichText needs an identifier prop that is the block attribute key of the attribute it controls. Its type is expected to be a string, but was ".concat(Object(esm_typeof["a" /* default */])(attributeKey)));
} else {
window.console.error('The RichText identifier prop does not match any attributes defined by the block.');
}
} // A robust way to retain selection position through various transforms
// is to insert a special character at the position and then recover it.
var START_OF_SELECTED_AREA = "\x86"; // Clone the blocks so we don't insert the character in a "live" block.
var cloneA = Object(external_this_wp_blocks_["cloneBlock"])(blockA);
var cloneB = Object(external_this_wp_blocks_["cloneBlock"])(blockB);
if (canRestoreTextSelection) {
var selectedBlock = clientId === clientIdA ? cloneA : cloneB;
var html = selectedBlock.attributes[attributeKey];
var multilineTag = attributeDefinition.multiline,
multilineWrapperTags = attributeDefinition.__unstableMultilineWrapperTags,
preserveWhiteSpace = attributeDefinition.__unstablePreserveWhiteSpace;
var value = Object(external_this_wp_richText_["insert"])(Object(external_this_wp_richText_["create"])({
html: html,
multilineTag: multilineTag,
multilineWrapperTags: multilineWrapperTags,
preserveWhiteSpace: preserveWhiteSpace
}), START_OF_SELECTED_AREA, offset, offset);
selectedBlock.attributes[attributeKey] = Object(external_this_wp_richText_["toHTMLString"])({
value: value,
multilineTag: multilineTag,
preserveWhiteSpace: preserveWhiteSpace
});
} // We can only merge blocks with similar types
// thus, we transform the block to merge first
var blocksWithTheSameType = blockA.name === blockB.name ? [cloneB] : Object(external_this_wp_blocks_["switchToBlockType"])(cloneB, blockA.name); // If the block types can not match, do nothing
if (!blocksWithTheSameType || !blocksWithTheSameType.length) {
return;
} // Calling the merge to update the attributes and remove the block to be merged
var updatedAttributes = blockAType.merge(cloneA.attributes, blocksWithTheSameType[0].attributes);
if (canRestoreTextSelection) {
var newAttributeKey = Object(external_this_lodash_["findKey"])(updatedAttributes, function (v) {
return typeof v === 'string' && v.indexOf(START_OF_SELECTED_AREA) !== -1;
});
var convertedHtml = updatedAttributes[newAttributeKey];
var _blockAType$attribute = blockAType.attributes[newAttributeKey],
_multilineTag = _blockAType$attribute.multiline,
_multilineWrapperTags = _blockAType$attribute.__unstableMultilineWrapperTags,
_preserveWhiteSpace = _blockAType$attribute.__unstablePreserveWhiteSpace;
var convertedValue = Object(external_this_wp_richText_["create"])({
html: convertedHtml,
multilineTag: _multilineTag,
multilineWrapperTags: _multilineWrapperTags,
preserveWhiteSpace: _preserveWhiteSpace
});
var newOffset = convertedValue.text.indexOf(START_OF_SELECTED_AREA);
var newValue = Object(external_this_wp_richText_["remove"])(convertedValue, newOffset, newOffset + 1);
var newHtml = Object(external_this_wp_richText_["toHTMLString"])({
value: newValue,
multilineTag: _multilineTag,
preserveWhiteSpace: _preserveWhiteSpace
});
updatedAttributes[newAttributeKey] = newHtml;
dispatch(actions_selectionChange(blockA.clientId, newAttributeKey, newOffset, newOffset));
}
dispatch(actions_replaceBlocks([blockA.clientId, blockB.clientId], [effects_objectSpread({}, blockA, {
attributes: effects_objectSpread({}, blockA.attributes, {}, updatedAttributes)
})].concat(Object(toConsumableArray["a" /* default */])(blocksWithTheSameType.slice(1)))));
},
RESET_BLOCKS: [validateBlocksToTemplate],
MULTI_SELECT: function MULTI_SELECT(action, _ref) {
var getState = _ref.getState;
var blockCount = selectors_getSelectedBlockCount(getState());
Object(external_this_wp_a11y_["speak"])(Object(external_this_wp_i18n_["sprintf"])(
/* translators: %s: number of selected blocks */
Object(external_this_wp_i18n_["_n"])('%s block selected.', '%s blocks selected.', blockCount), blockCount), 'assertive');
},
SYNCHRONIZE_TEMPLATE: function SYNCHRONIZE_TEMPLATE(action, _ref2) {
var getState = _ref2.getState;
var state = getState();
var blocks = selectors_getBlocks(state);
var template = getTemplate(state);
var updatedBlockList = Object(external_this_wp_blocks_["synchronizeBlocksWithTemplate"])(blocks, template);
return actions_resetBlocks(updatedBlockList);
},
MARK_AUTOMATIC_CHANGE: function MARK_AUTOMATIC_CHANGE(action, store) {
var _window = window,
setTimeout = _window.setTimeout,
_window$requestIdleCa = _window.requestIdleCallback,
requestIdleCallback = _window$requestIdleCa === void 0 ? function (callback) {
return setTimeout(callback, 100);
} : _window$requestIdleCa;
requestIdleCallback(function () {
store.dispatch({
type: 'MARK_AUTOMATIC_CHANGE_FINAL'
});
});
}
});
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/middlewares.js
/**
* External dependencies
*/
/**
* Internal dependencies
*/
/**
* Applies the custom middlewares used specifically in the editor module.
*
* @param {Object} store Store Object.
*
* @return {Object} Update Store Object.
*/
function applyMiddlewares(store) {
var middlewares = [refx_default()(effects), redux_multi_lib_default.a];
var enhancedDispatch = function enhancedDispatch() {
throw new Error('Dispatching while constructing your middleware is not allowed. ' + 'Other middleware would not be applied to this dispatch.');
};
var chain = [];
var middlewareAPI = {
getState: store.getState,
dispatch: function dispatch() {
return enhancedDispatch.apply(void 0, arguments);
}
};
chain = middlewares.map(function (middleware) {
return middleware(middlewareAPI);
});
enhancedDispatch = external_this_lodash_["flowRight"].apply(void 0, Object(toConsumableArray["a" /* default */])(chain))(store.dispatch);
store.dispatch = enhancedDispatch;
return store;
}
/* harmony default export */ var store_middlewares = (applyMiddlewares);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/store/index.js
function store_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 store_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { store_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 { store_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Module Constants
*/
var MODULE_KEY = 'core/block-editor';
/**
* Block editor data store configuration.
*
* @see https://github.com/WordPress/gutenberg/blob/master/packages/data/README.md#registerStore
*
* @type {Object}
*/
var storeConfig = {
reducer: store_reducer,
selectors: selectors_namespaceObject,
actions: actions_namespaceObject,
controls: store_controls
};
var store_store = Object(external_this_wp_data_["registerStore"])(MODULE_KEY, store_objectSpread({}, storeConfig, {
persist: ['preferences']
}));
store_middlewares(store_store);
/* harmony default export */ var build_module_store = (store_store);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/provider/with-registry-provider.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var withRegistryProvider = Object(external_this_wp_compose_["createHigherOrderComponent"])(function (WrappedComponent) {
return Object(external_this_wp_data_["withRegistry"])(function (_ref) {
var _ref$useSubRegistry = _ref.useSubRegistry,
useSubRegistry = _ref$useSubRegistry === void 0 ? true : _ref$useSubRegistry,
registry = _ref.registry,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["useSubRegistry", "registry"]);
if (!useSubRegistry) {
return Object(external_this_wp_element_["createElement"])(WrappedComponent, Object(esm_extends["a" /* default */])({
registry: registry
}, props));
}
var _useState = Object(external_this_wp_element_["useState"])(null),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
subRegistry = _useState2[0],
setSubRegistry = _useState2[1];
Object(external_this_wp_element_["useEffect"])(function () {
var newRegistry = Object(external_this_wp_data_["createRegistry"])({}, registry);
var store = newRegistry.registerStore('core/block-editor', storeConfig); // This should be removed after the refactoring of the effects to controls.
store_middlewares(store);
setSubRegistry(newRegistry);
}, [registry]);
if (!subRegistry) {
return null;
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_data_["RegistryProvider"], {
value: subRegistry
}, Object(external_this_wp_element_["createElement"])(WrappedComponent, Object(esm_extends["a" /* default */])({
registry: subRegistry
}, props)));
});
}, 'withRegistryProvider');
/* harmony default export */ var with_registry_provider = (withRegistryProvider);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/provider/use-block-sync.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* A function to call when the block value has been updated in the block-editor
* store.
*
* @callback onBlockUpdate
* @param {Object[]} blocks The updated blocks.
* @param {Object} options The updated block options, such as selectionStart
* and selectionEnd.
*/
/**
* useBlockSync is a side effect which handles bidirectional sync between the
* block-editor store and a controlling data source which provides blocks. This
* is most commonly used by the BlockEditorProvider to synchronize the contents
* of the block-editor store with the root entity, like a post.
*
* Another example would be the template part block, which provides blocks from
* a separate entity data source than a root entity. This hook syncs edits to
* the template part in the block editor back to the entity and vice-versa.
*
* Here are some of its basic functions:
* - Initalizes the block-editor store for the given clientID to the blocks
* given via props.
* - Adds incoming changes (like undo) to the block-editor store.
* - Adds outgoing changes (like editing content) to the controlling entity,
* determining if a change should be considered persistent or not.
* - Handles edge cases and race conditions which occur in those operations.
* - Ignores changes which happen to other entities (like nested inner block
* controllers.
* - Passes selection state from the block-editor store to the controlling entity.
*
* @param {Object} props Props for the block sync hook
* @param {string} props.clientId The client ID of the inner block controller.
* If none is passed, then it is assumed to be a
* root controller rather than an inner block
* controller.
* @param {Object[]} props.value The control value for the blocks. This value
* is used to initalize the block-editor store
* and for resetting the blocks to incoming
* changes like undo.
* @param {Object} props.selectionStart The selection start vlaue from the
* controlling component.
* @param {Object} props.selectionEnd The selection end vlaue from the
* controlling component.
* @param {onBlockUpdate} props.onChange Function to call when a persistent
* change has been made in the block-editor blocks
* for the given clientId. For example, after
* this function is called, an entity is marked
* dirty because it has changes to save.
* @param {onBlockUpdate} props.onInput Function to call when a non-persistent
* change has been made in the block-editor blocks
* for the given clientId. When this is called,
* controlling sources do not become dirty.
*/
function useBlockSync(_ref) {
var _ref$clientId = _ref.clientId,
clientId = _ref$clientId === void 0 ? null : _ref$clientId,
controlledBlocks = _ref.value,
controlledSelectionStart = _ref.selectionStart,
controlledSelectionEnd = _ref.selectionEnd,
_ref$onChange = _ref.onChange,
onChange = _ref$onChange === void 0 ? external_this_lodash_["noop"] : _ref$onChange,
_ref$onInput = _ref.onInput,
onInput = _ref$onInput === void 0 ? external_this_lodash_["noop"] : _ref$onInput;
var registry = Object(external_this_wp_data_["useRegistry"])();
var _registry$dispatch = registry.dispatch('core/block-editor'),
resetBlocks = _registry$dispatch.resetBlocks,
resetSelection = _registry$dispatch.resetSelection,
replaceInnerBlocks = _registry$dispatch.replaceInnerBlocks,
setHasControlledInnerBlocks = _registry$dispatch.setHasControlledInnerBlocks,
__unstableMarkNextChangeAsNotPersistent = _registry$dispatch.__unstableMarkNextChangeAsNotPersistent;
var _registry$select = registry.select('core/block-editor'),
getBlockName = _registry$select.getBlockName,
getBlocks = _registry$select.getBlocks;
var pendingChanges = Object(external_this_wp_element_["useRef"])({
incoming: null,
outgoing: []
});
var setControlledBlocks = function setControlledBlocks() {
if (!controlledBlocks) {
return;
} // We don't need to persist this change because we only replace
// controlled inner blocks when the change was caused by an entity,
// and so it would already be persisted.
__unstableMarkNextChangeAsNotPersistent();
if (clientId) {
setHasControlledInnerBlocks(clientId, true);
__unstableMarkNextChangeAsNotPersistent();
replaceInnerBlocks(clientId, controlledBlocks, false);
} else {
resetBlocks(controlledBlocks);
}
}; // Add a subscription to the block-editor registry to detect when changes
// have been made. This lets us inform the data source of changes. This
// is an effect so that the subscriber can run synchronously without
// waiting for React renders for changes.
var onInputRef = Object(external_this_wp_element_["useRef"])(onInput);
var onChangeRef = Object(external_this_wp_element_["useRef"])(onChange);
Object(external_this_wp_element_["useEffect"])(function () {
onInputRef.current = onInput;
onChangeRef.current = onChange;
}, [onInput, onChange]);
Object(external_this_wp_element_["useEffect"])(function () {
var _registry$select2 = registry.select('core/block-editor'),
getSelectionStart = _registry$select2.getSelectionStart,
getSelectionEnd = _registry$select2.getSelectionEnd,
isLastBlockChangePersistent = _registry$select2.isLastBlockChangePersistent,
__unstableIsLastBlockChangeIgnored = _registry$select2.__unstableIsLastBlockChangeIgnored;
var blocks;
var isPersistent = isLastBlockChangePersistent();
var previousAreBlocksDifferent = false;
var unsubscribe = registry.subscribe(function () {
// Sometimes, when changing block lists, lingering subscriptions
// might trigger before they are cleaned up. If the block for which
// the subscription runs is no longer in the store, this would clear
// its parent entity's block list. To avoid this, we bail out if
// the subscription is triggering for a block (`clientId !== null`)
// and its block name can't be found because it's not on the list.
// (`getBlockName( clientId ) === null`).
if (clientId !== null && getBlockName(clientId) === null) return;
var newIsPersistent = isLastBlockChangePersistent();
var newBlocks = getBlocks(clientId);
var areBlocksDifferent = newBlocks !== blocks;
blocks = newBlocks;
if (areBlocksDifferent && (pendingChanges.current.incoming || __unstableIsLastBlockChangeIgnored())) {
pendingChanges.current.incoming = null;
isPersistent = newIsPersistent;
return;
} // Since we often dispatch an action to mark the previous action as
// persistent, we need to make sure that the blocks changed on the
// previous action before committing the change.
var didPersistenceChange = previousAreBlocksDifferent && !areBlocksDifferent && newIsPersistent && !isPersistent;
if (areBlocksDifferent || didPersistenceChange) {
isPersistent = newIsPersistent; // We know that onChange/onInput will update controlledBlocks.
// We need to be aware that it was caused by an outgoing change
// so that we do not treat it as an incoming change later on,
// which would cause a block reset.
pendingChanges.current.outgoing.push(blocks); // Inform the controlling entity that changes have been made to
// the block-editor store they should be aware about.
var updateParent = isPersistent ? onChangeRef.current : onInputRef.current;
updateParent(blocks, {
selectionStart: getSelectionStart(),
selectionEnd: getSelectionEnd()
});
}
previousAreBlocksDifferent = areBlocksDifferent;
});
return function () {
return unsubscribe();
};
}, [registry, clientId]); // Determine if blocks need to be reset when they change.
Object(external_this_wp_element_["useEffect"])(function () {
if (pendingChanges.current.outgoing.includes(controlledBlocks)) {
// Skip block reset if the value matches expected outbound sync
// triggered by this component by a preceding change detection.
// Only skip if the value matches expectation, since a reset should
// still occur if the value is modified (not equal by reference),
// to allow that the consumer may apply modifications to reflect
// back on the editor.
if (Object(external_this_lodash_["last"])(pendingChanges.current.outgoing) === controlledBlocks) {
pendingChanges.current.outgoing = [];
}
} else if (getBlocks(clientId) !== controlledBlocks) {
// Reset changing value in all other cases than the sync described
// above. Since this can be reached in an update following an out-
// bound sync, unset the outbound value to avoid considering it in
// subsequent renders.
pendingChanges.current.outgoing = [];
pendingChanges.current.incoming = controlledBlocks;
setControlledBlocks();
if (controlledSelectionStart && controlledSelectionEnd) {
resetSelection(controlledSelectionStart, controlledSelectionEnd);
}
}
}, [controlledBlocks, clientId]);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/provider/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/** @typedef {import('@wordpress/data').WPDataRegistry} WPDataRegistry */
function BlockEditorProvider(props) {
var children = props.children,
settings = props.settings;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
updateSettings = _useDispatch.updateSettings;
Object(external_this_wp_element_["useEffect"])(function () {
updateSettings(settings);
}, [settings]); // Syncs the entity provider with changes in the block-editor store.
useBlockSync(props);
return children;
}
/* harmony default export */ var provider = (with_registry_provider(BlockEditorProvider));
// EXTERNAL MODULE: external {"this":["wp","htmlEntities"]}
var external_this_wp_htmlEntities_ = __webpack_require__(75);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/default-block-appender/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function default_block_appender_DefaultBlockAppender(_ref) {
var isLocked = _ref.isLocked,
isVisible = _ref.isVisible,
onAppend = _ref.onAppend,
showPrompt = _ref.showPrompt,
placeholder = _ref.placeholder,
rootClientId = _ref.rootClientId;
if (isLocked || !isVisible) {
return null;
}
var value = Object(external_this_wp_htmlEntities_["decodeEntities"])(placeholder) || Object(external_this_wp_i18n_["__"])('Start writing or type / to choose a block'); // The appender "button" is in-fact a text field so as to support
// transitions by WritingFlow occurring by arrow key press. WritingFlow
// only supports tab transitions into text fields and to the block focus
// boundary.
//
// See: https://github.com/WordPress/gutenberg/issues/4829#issuecomment-374213658
//
// If it were ever to be made to be a proper `button` element, it is
// important to note that `onFocus` alone would not be sufficient to
// capture click events, notably in Firefox.
//
// See: https://gist.github.com/cvrebert/68659d0333a578d75372
// The wp-block className is important for editor styles.
return Object(external_this_wp_element_["createElement"])("div", {
"data-root-client-id": rootClientId || '',
className: "wp-block block-editor-default-block-appender"
}, Object(external_this_wp_element_["createElement"])(lib_default.a, {
role: "button",
"aria-label": Object(external_this_wp_i18n_["__"])('Add block'),
className: "block-editor-default-block-appender__content",
readOnly: true,
onFocus: onAppend,
value: showPrompt ? value : ''
}), Object(external_this_wp_element_["createElement"])(inserter, {
rootClientId: rootClientId,
position: "bottom right",
isAppender: true,
__experimentalIsQuick: true
}));
}
/* harmony default export */ var default_block_appender = (Object(external_this_wp_compose_["compose"])(Object(external_this_wp_data_["withSelect"])(function (select, ownProps) {
var _select = select('core/block-editor'),
getBlockCount = _select.getBlockCount,
getBlockName = _select.getBlockName,
isBlockValid = _select.isBlockValid,
getSettings = _select.getSettings,
getTemplateLock = _select.getTemplateLock;
var isEmpty = !getBlockCount(ownProps.rootClientId);
var isLastBlockDefault = getBlockName(ownProps.lastBlockClientId) === Object(external_this_wp_blocks_["getDefaultBlockName"])();
var isLastBlockValid = isBlockValid(ownProps.lastBlockClientId);
var _getSettings = getSettings(),
bodyPlaceholder = _getSettings.bodyPlaceholder;
return {
isVisible: isEmpty || !isLastBlockDefault || !isLastBlockValid,
showPrompt: isEmpty,
isLocked: !!getTemplateLock(ownProps.rootClientId),
placeholder: bodyPlaceholder
};
}), Object(external_this_wp_data_["withDispatch"])(function (dispatch, ownProps) {
var _dispatch = dispatch('core/block-editor'),
insertDefaultBlock = _dispatch.insertDefaultBlock,
startTyping = _dispatch.startTyping;
return {
onAppend: function onAppend() {
var rootClientId = ownProps.rootClientId;
insertDefaultBlock(undefined, rootClientId);
startTyping();
}
};
}))(default_block_appender_DefaultBlockAppender));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/button-block-appender/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function button_block_appender_ButtonBlockAppender(_ref, ref) {
var rootClientId = _ref.rootClientId,
className = _ref.className,
selectBlockOnInsert = _ref.__experimentalSelectBlockOnInsert,
onFocus = _ref.onFocus,
tabIndex = _ref.tabIndex;
return Object(external_this_wp_element_["createElement"])(inserter, {
position: "bottom center",
rootClientId: rootClientId,
__experimentalSelectBlockOnInsert: selectBlockOnInsert,
__experimentalIsQuick: true,
renderToggle: function renderToggle(_ref2) {
var onToggle = _ref2.onToggle,
disabled = _ref2.disabled,
isOpen = _ref2.isOpen,
blockTitle = _ref2.blockTitle,
hasSingleBlockType = _ref2.hasSingleBlockType;
var label;
if (hasSingleBlockType) {
label = Object(external_this_wp_i18n_["sprintf"])( // translators: %s: the name of the block when there is only one
Object(external_this_wp_i18n_["_x"])('Add %s', 'directly add the only allowed block'), blockTitle);
} else {
label = Object(external_this_wp_i18n_["_x"])('Add block', 'Generic label for block inserter button');
}
var isToggleButton = !hasSingleBlockType;
var inserterButton = Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
ref: ref,
onFocus: onFocus,
tabIndex: tabIndex,
className: classnames_default()(className, 'block-editor-button-block-appender'),
onClick: onToggle,
"aria-haspopup": isToggleButton ? 'true' : undefined,
"aria-expanded": isToggleButton ? isOpen : undefined,
disabled: disabled,
label: label
}, !hasSingleBlockType && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["VisuallyHidden"], {
as: "span"
}, label), Object(external_this_wp_element_["createElement"])(build_module_icon["a" /* default */], {
icon: plus["a" /* default */]
}));
if (isToggleButton || hasSingleBlockType) {
inserterButton = Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Tooltip"], {
text: label
}, inserterButton);
}
return inserterButton;
},
isAppender: true
});
}
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/button-block-appender/README.md
*/
/* harmony default export */ var button_block_appender = (Object(external_this_wp_element_["forwardRef"])(button_block_appender_ButtonBlockAppender));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list-appender/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function block_list_appender_stopPropagation(event) {
event.stopPropagation();
}
function BlockListAppender(_ref) {
var blockClientIds = _ref.blockClientIds,
rootClientId = _ref.rootClientId,
canInsertDefaultBlock = _ref.canInsertDefaultBlock,
isLocked = _ref.isLocked,
CustomAppender = _ref.renderAppender,
className = _ref.className,
_ref$tagName = _ref.tagName,
TagName = _ref$tagName === void 0 ? 'div' : _ref$tagName;
if (isLocked || CustomAppender === false) {
return null;
}
var appender;
if (CustomAppender) {
// Prefer custom render prop if provided.
appender = Object(external_this_wp_element_["createElement"])(CustomAppender, null);
} else if (canInsertDefaultBlock) {
// Render the default block appender when renderAppender has not been
// provided and the context supports use of the default appender.
appender = Object(external_this_wp_element_["createElement"])(default_block_appender, {
rootClientId: rootClientId,
lastBlockClientId: Object(external_this_lodash_["last"])(blockClientIds)
});
} else {
// Fallback in the case no renderAppender has been provided and the
// default block can't be inserted.
appender = Object(external_this_wp_element_["createElement"])(button_block_appender, {
rootClientId: rootClientId,
className: "block-list-appender__toggle"
});
}
return Object(external_this_wp_element_["createElement"])(TagName // A `tabIndex` is used on the wrapping `div` element in order to
// force a focus event to occur when an appender `button` element
// is clicked. In some browsers (Firefox, Safari), button clicks do
// not emit a focus event, which could cause this event to propagate
// unexpectedly. The `tabIndex` ensures that the interaction is
// captured as a focus, without also adding an extra tab stop.
//
// See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus
, {
tabIndex: -1 // Prevent the block from being selected when the appender is
// clicked.
,
onFocus: block_list_appender_stopPropagation,
className: classnames_default()('block-list-appender', className)
}, appender);
}
/* harmony default export */ var block_list_appender = (Object(external_this_wp_data_["withSelect"])(function (select, _ref2) {
var rootClientId = _ref2.rootClientId;
var _select = select('core/block-editor'),
getBlockOrder = _select.getBlockOrder,
canInsertBlockType = _select.canInsertBlockType,
getTemplateLock = _select.getTemplateLock;
return {
isLocked: !!getTemplateLock(rootClientId),
blockClientIds: getBlockOrder(rootClientId),
canInsertDefaultBlock: canInsertBlockType(Object(external_this_wp_blocks_["getDefaultBlockName"])(), rootClientId)
};
})(BlockListAppender));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-block-drop-zone/index.js
/**
* WordPress dependencies
*/
/** @typedef {import('@wordpress/element').WPSyntheticEvent} WPSyntheticEvent */
/**
* @typedef {Object} WPBlockDragPosition
* @property {number} x The horizontal position of a the block being dragged.
* @property {number} y The vertical position of the block being dragged.
*/
/**
* The orientation of a block list.
*
* @typedef {'horizontal'|'vertical'|undefined} WPBlockListOrientation
*/
/**
* Given a list of block DOM elements finds the index that a block should be dropped
* at.
*
* This function works for both horizontal and vertical block lists and uses the following
* terms for its variables:
*
* - Lateral, meaning the axis running horizontally when a block list is vertical and vertically when a block list is horizontal.
* - Forward, meaning the axis running vertically when a block list is vertical and horizontally
* when a block list is horizontal.
*
*
* @param {Element[]} elements Array of DOM elements that represent each block in a block list.
* @param {WPBlockDragPosition} position The position of the item being dragged.
* @param {WPBlockListOrientation} orientation The orientation of a block list.
*
* @return {number|undefined} The block index that's closest to the drag position.
*/
function getNearestBlockIndex(elements, position, orientation) {
var x = position.x,
y = position.y;
var isHorizontal = orientation === 'horizontal';
var candidateIndex;
var candidateDistance;
elements.forEach(function (element, index) {
// Ensure the element is a block. It should have the `wp-block` class.
if (!element.classList.contains('wp-block')) {
return;
}
var rect = element.getBoundingClientRect();
var cursorLateralPosition = isHorizontal ? y : x;
var cursorForwardPosition = isHorizontal ? x : y;
var edgeLateralStart = isHorizontal ? rect.top : rect.left;
var edgeLateralEnd = isHorizontal ? rect.bottom : rect.right; // When the cursor position is within the lateral bounds of the block,
// measure the straight line distance to the nearest point on the
// block's edge, else measure diagonal distance to the nearest corner.
var edgeLateralPosition;
if (cursorLateralPosition >= edgeLateralStart && cursorLateralPosition <= edgeLateralEnd) {
edgeLateralPosition = cursorLateralPosition;
} else if (cursorLateralPosition < edgeLateralStart) {
edgeLateralPosition = edgeLateralStart;
} else {
edgeLateralPosition = edgeLateralEnd;
}
var leadingEdgeForwardPosition = isHorizontal ? rect.left : rect.top;
var trailingEdgeForwardPosition = isHorizontal ? rect.right : rect.bottom; // First measure the distance to the leading edge of the block.
var leadingEdgeDistance = Math.sqrt(Math.pow(cursorLateralPosition - edgeLateralPosition, 2) + Math.pow(cursorForwardPosition - leadingEdgeForwardPosition, 2)); // If no candidate has been assigned yet or this is the nearest
// block edge to the cursor, then assign it as the candidate.
if (candidateDistance === undefined || Math.abs(leadingEdgeDistance) < candidateDistance) {
candidateDistance = leadingEdgeDistance;
candidateIndex = index;
} // Next measure the distance to the trailing edge of the block.
var trailingEdgeDistance = Math.sqrt(Math.pow(cursorLateralPosition - edgeLateralPosition, 2) + Math.pow(cursorForwardPosition - trailingEdgeForwardPosition, 2)); // If no candidate has been assigned yet or this is the nearest
// block edge to the cursor, then assign the next block as the candidate.
if (Math.abs(trailingEdgeDistance) < candidateDistance) {
candidateDistance = trailingEdgeDistance;
var nextBlockOffset = 1; // If the next block is the one being dragged, skip it and consider
// the block afterwards the drop target. This is needed as the
// block being dragged is set to display: none and won't display
// any drop target styling.
if (elements[index + 1] && elements[index + 1].classList.contains('is-dragging')) {
nextBlockOffset = 2;
}
candidateIndex = index + nextBlockOffset;
}
});
return candidateIndex;
}
/**
* Retrieve the data for a block drop event.
*
* @param {WPSyntheticEvent} event The drop event.
*
* @return {Object} An object with block drag and drop data.
*/
function parseDropEvent(event) {
var result = {
srcRootClientId: null,
srcClientIds: null,
type: null
};
if (!event.dataTransfer) {
return result;
}
try {
result = Object.assign(result, JSON.parse(event.dataTransfer.getData('text')));
} catch (err) {
return result;
}
return result;
}
/**
* @typedef {Object} WPBlockDropZoneConfig
* @property {Object} element A React ref object pointing to the block list's DOM element.
* @property {string} rootClientId The root client id for the block list.
*/
/**
* A React hook that can be used to make a block list handle drag and drop.
*
* @param {WPBlockDropZoneConfig} dropZoneConfig configuration data for the drop zone.
*
* @return {number|undefined} The block index that's closest to the drag position.
*/
function useBlockDropZone(_ref) {
var element = _ref.element,
targetRootClientId = _ref.rootClientId;
var _useState = Object(external_this_wp_element_["useState"])(null),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
targetBlockIndex = _useState2[0],
setTargetBlockIndex = _useState2[1];
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _getBlockListSettings;
var _select = select('core/block-editor'),
getBlockListSettings = _select.getBlockListSettings,
_getClientIdsOfDescendants = _select.getClientIdsOfDescendants,
_getBlockIndex = _select.getBlockIndex,
getSettings = _select.getSettings,
getTemplateLock = _select.getTemplateLock;
return {
orientation: (_getBlockListSettings = getBlockListSettings(targetRootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation,
getClientIdsOfDescendants: _getClientIdsOfDescendants,
getBlockIndex: _getBlockIndex,
hasUploadPermissions: !!getSettings().mediaUpload,
isLockedAll: getTemplateLock(targetRootClientId) === 'all'
};
}, [targetRootClientId]),
getClientIdsOfDescendants = _useSelect.getClientIdsOfDescendants,
getBlockIndex = _useSelect.getBlockIndex,
hasUploadPermissions = _useSelect.hasUploadPermissions,
isLockedAll = _useSelect.isLockedAll,
orientation = _useSelect.orientation;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
insertBlocks = _useDispatch.insertBlocks,
updateBlockAttributes = _useDispatch.updateBlockAttributes,
moveBlocksToPosition = _useDispatch.moveBlocksToPosition;
var onFilesDrop = Object(external_this_wp_element_["useCallback"])(function (files) {
if (!hasUploadPermissions) {
return;
}
var transformation = Object(external_this_wp_blocks_["findTransform"])(Object(external_this_wp_blocks_["getBlockTransforms"])('from'), function (transform) {
return transform.type === 'files' && transform.isMatch(files);
});
if (transformation) {
var blocks = transformation.transform(files, updateBlockAttributes);
insertBlocks(blocks, targetBlockIndex, targetRootClientId);
}
}, [hasUploadPermissions, updateBlockAttributes, insertBlocks, targetBlockIndex, targetRootClientId]);
var onHTMLDrop = Object(external_this_wp_element_["useCallback"])(function (HTML) {
var blocks = Object(external_this_wp_blocks_["pasteHandler"])({
HTML: HTML,
mode: 'BLOCKS'
});
if (blocks.length) {
insertBlocks(blocks, targetBlockIndex, targetRootClientId);
}
}, [insertBlocks, targetBlockIndex, targetRootClientId]);
var onDrop = Object(external_this_wp_element_["useCallback"])(function (event) {
var _parseDropEvent = parseDropEvent(event),
sourceRootClientId = _parseDropEvent.srcRootClientId,
sourceClientIds = _parseDropEvent.srcClientIds,
dropType = _parseDropEvent.type; // If the user isn't dropping a block, return early.
if (dropType !== 'block') {
return;
}
var sourceBlockIndex = getBlockIndex(sourceClientIds[0], sourceRootClientId); // If the user is dropping to the same position, return early.
if (sourceRootClientId === targetRootClientId && sourceBlockIndex === targetBlockIndex) {
return;
} // If the user is attempting to drop a block within its own
// nested blocks, return early as this would create infinite
// recursion.
if (sourceClientIds.includes(targetRootClientId) || getClientIdsOfDescendants(sourceClientIds).some(function (id) {
return id === targetRootClientId;
})) {
return;
}
var isAtSameLevel = sourceRootClientId === targetRootClientId || sourceRootClientId === '' && targetRootClientId === undefined;
var draggedBlockCount = sourceClientIds.length; // If the block is kept at the same level and moved downwards,
// subtract to take into account that the blocks being dragged
// were removed from the block list.
var insertIndex = isAtSameLevel && sourceBlockIndex < targetBlockIndex ? targetBlockIndex - draggedBlockCount : targetBlockIndex;
moveBlocksToPosition(sourceClientIds, sourceRootClientId, targetRootClientId, insertIndex);
}, [getClientIdsOfDescendants, getBlockIndex, targetBlockIndex, moveBlocksToPosition, targetRootClientId]);
var _useDropZone = Object(external_this_wp_components_["__unstableUseDropZone"])({
element: element,
onFilesDrop: onFilesDrop,
onHTMLDrop: onHTMLDrop,
onDrop: onDrop,
isDisabled: isLockedAll,
withPosition: true
}),
position = _useDropZone.position;
Object(external_this_wp_element_["useEffect"])(function () {
if (position) {
var blockElements = Array.from(element.current.children);
var targetIndex = getNearestBlockIndex(blockElements, position, orientation);
setTargetBlockIndex(targetIndex === undefined ? 0 : targetIndex);
}
}, [position]);
if (position) {
return targetBlockIndex;
}
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* If the block count exceeds the threshold, we disable the reordering animation
* to avoid laginess.
*/
var BLOCK_ANIMATION_THRESHOLD = 200;
function BlockList(_ref, ref) {
var className = _ref.className,
rootClientId = _ref.rootClientId,
renderAppender = _ref.renderAppender,
_ref$__experimentalTa = _ref.__experimentalTagName,
__experimentalTagName = _ref$__experimentalTa === void 0 ? 'div' : _ref$__experimentalTa,
__experimentalAppenderTagName = _ref.__experimentalAppenderTagName,
_ref$__experimentalPa = _ref.__experimentalPassedProps,
__experimentalPassedProps = _ref$__experimentalPa === void 0 ? {} : _ref$__experimentalPa;
function selector(select) {
var _getBlockListSettings;
var _select = select('core/block-editor'),
getBlockOrder = _select.getBlockOrder,
getBlockListSettings = _select.getBlockListSettings,
getSelectedBlockClientId = _select.getSelectedBlockClientId,
getMultiSelectedBlockClientIds = _select.getMultiSelectedBlockClientIds,
hasMultiSelection = _select.hasMultiSelection,
getGlobalBlockCount = _select.getGlobalBlockCount,
isTyping = _select.isTyping;
return {
blockClientIds: getBlockOrder(rootClientId),
selectedBlockClientId: getSelectedBlockClientId(),
multiSelectedBlockClientIds: getMultiSelectedBlockClientIds(),
orientation: (_getBlockListSettings = getBlockListSettings(rootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation,
hasMultiSelection: hasMultiSelection(),
enableAnimation: !isTyping() && getGlobalBlockCount() <= BLOCK_ANIMATION_THRESHOLD
};
}
var _useSelect = Object(external_this_wp_data_["useSelect"])(selector, [rootClientId]),
blockClientIds = _useSelect.blockClientIds,
selectedBlockClientId = _useSelect.selectedBlockClientId,
multiSelectedBlockClientIds = _useSelect.multiSelectedBlockClientIds,
orientation = _useSelect.orientation,
hasMultiSelection = _useSelect.hasMultiSelection,
enableAnimation = _useSelect.enableAnimation;
var Container = rootClientId ? __experimentalTagName : root_container;
var dropTargetIndex = useBlockDropZone({
element: ref,
rootClientId: rootClientId
});
var isAppenderDropTarget = dropTargetIndex === blockClientIds.length;
return Object(external_this_wp_element_["createElement"])(Container, Object(esm_extends["a" /* default */])({}, __experimentalPassedProps, {
ref: ref,
className: classnames_default()('block-editor-block-list__layout', className, __experimentalPassedProps.className)
}), blockClientIds.map(function (clientId, index) {
var isBlockInSelection = hasMultiSelection ? multiSelectedBlockClientIds.includes(clientId) : selectedBlockClientId === clientId;
var isDropTarget = dropTargetIndex === index;
return Object(external_this_wp_element_["createElement"])(external_this_wp_data_["AsyncModeProvider"], {
key: clientId,
value: !isBlockInSelection
}, Object(external_this_wp_element_["createElement"])(block_list_block, {
rootClientId: rootClientId,
clientId: clientId // This prop is explicitely computed and passed down
// to avoid being impacted by the async mode
// otherwise there might be a small delay to trigger the animation.
,
index: index,
enableAnimation: enableAnimation,
className: classnames_default()({
'is-drop-target': isDropTarget,
'is-dropping-horizontally': isDropTarget && orientation === 'horizontal'
})
}));
}), Object(external_this_wp_element_["createElement"])(block_list_appender, {
tagName: __experimentalAppenderTagName,
rootClientId: rootClientId,
renderAppender: renderAppender,
className: classnames_default()({
'is-drop-target': isAppenderDropTarget,
'is-dropping-horizontally': isAppenderDropTarget && orientation === 'horizontal'
})
}));
}
var ForwardedBlockList = Object(external_this_wp_element_["forwardRef"])(BlockList); // This component needs to always be synchronous
// as it's the one changing the async mode
// depending on the block selection.
/* harmony default export */ var block_list = (Object(external_this_wp_element_["forwardRef"])(function (props, ref) {
var fallbackRef = Object(external_this_wp_element_["useRef"])();
return Object(external_this_wp_element_["createElement"])(external_this_wp_data_["AsyncModeProvider"], {
value: false
}, Object(external_this_wp_element_["createElement"])(ForwardedBlockList, Object(esm_extends["a" /* default */])({
ref: ref || fallbackRef
}, props)));
}));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-preview/live.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function LiveBlockPreview(_ref) {
var onClick = _ref.onClick;
return Object(external_this_wp_element_["createElement"])("div", {
tabIndex: 0,
role: "button",
onClick: onClick,
onKeyPress: onClick
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Disabled"], null, Object(external_this_wp_element_["createElement"])(block_list, null)));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-preview/auto.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
// This is used to avoid rendering the block list if the sizes change.
var MemoizedBlockList;
function AutoBlockPreview(_ref) {
var viewportWidth = _ref.viewportWidth,
__experimentalPadding = _ref.__experimentalPadding;
var _useResizeObserver = Object(external_this_wp_compose_["useResizeObserver"])(),
_useResizeObserver2 = Object(slicedToArray["a" /* default */])(_useResizeObserver, 2),
containerResizeListener = _useResizeObserver2[0],
containerWidth = _useResizeObserver2[1].width;
var _useResizeObserver3 = Object(external_this_wp_compose_["useResizeObserver"])(),
_useResizeObserver4 = Object(slicedToArray["a" /* default */])(_useResizeObserver3, 2),
containtResizeListener = _useResizeObserver4[0],
contentHeight = _useResizeObserver4[1].height; // Initialize on render instead of module top level, to avoid circular dependency issues.
MemoizedBlockList = MemoizedBlockList || Object(external_this_wp_compose_["pure"])(block_list);
var scale = (containerWidth - 2 * __experimentalPadding) / viewportWidth;
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-preview__container editor-styles-wrapper",
"aria-hidden": true,
style: {
height: contentHeight * scale + 2 * __experimentalPadding
}
}, containerResizeListener, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Disabled"], {
style: {
transform: "scale(".concat(scale, ")"),
width: viewportWidth,
left: __experimentalPadding,
right: __experimentalPadding,
top: __experimentalPadding
},
className: "block-editor-block-preview__content"
}, containtResizeListener, Object(external_this_wp_element_["createElement"])(MemoizedBlockList, null)));
}
/* harmony default export */ var auto = (AutoBlockPreview);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-preview/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockPreview(_ref) {
var blocks = _ref.blocks,
_ref$__experimentalPa = _ref.__experimentalPadding,
__experimentalPadding = _ref$__experimentalPa === void 0 ? 0 : _ref$__experimentalPa,
_ref$viewportWidth = _ref.viewportWidth,
viewportWidth = _ref$viewportWidth === void 0 ? 700 : _ref$viewportWidth,
_ref$__experimentalLi = _ref.__experimentalLive,
__experimentalLive = _ref$__experimentalLi === void 0 ? false : _ref$__experimentalLi,
__experimentalOnClick = _ref.__experimentalOnClick;
var settings = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').getSettings();
}, []);
var renderedBlocks = Object(external_this_wp_element_["useMemo"])(function () {
return Object(external_this_lodash_["castArray"])(blocks);
}, [blocks]);
if (!blocks || blocks.length === 0) {
return null;
}
return Object(external_this_wp_element_["createElement"])(provider, {
value: renderedBlocks,
settings: settings
}, __experimentalLive ? Object(external_this_wp_element_["createElement"])(LiveBlockPreview, {
onClick: __experimentalOnClick
}) : Object(external_this_wp_element_["createElement"])(auto, {
viewportWidth: viewportWidth,
__experimentalPadding: __experimentalPadding
}));
}
/**
* BlockPreview renders a preview of a block or array of blocks.
*
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/block-preview/README.md
*
* @param {Object} preview options for how the preview should be shown
* @param {Array|Object} preview.blocks A block instance (object) or an array of blocks to be previewed.
* @param {number} preview.viewportWidth Width of the preview container in pixels. Controls at what size the blocks will be rendered inside the preview. Default: 700.
*
* @return {WPComponent} The component to be rendered.
*/
/* harmony default export */ var block_preview = (Object(external_this_wp_element_["memo"])(BlockPreview));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/preview-panel.js
function preview_panel_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 preview_panel_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { preview_panel_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 { preview_panel_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function InserterPreviewPanel(_ref) {
var item = _ref.item;
var hoveredItemBlockType = Object(external_this_wp_blocks_["getBlockType"])(item.name);
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__preview-container"
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__preview"
}, Object(external_this_wp_blocks_["isReusableBlock"])(item) || hoveredItemBlockType.example ? Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__preview-content"
}, Object(external_this_wp_element_["createElement"])(block_preview, {
__experimentalPadding: 16,
viewportWidth: 500,
blocks: hoveredItemBlockType.example ? Object(external_this_wp_blocks_["getBlockFromExample"])(item.name, {
attributes: preview_panel_objectSpread({}, hoveredItemBlockType.example.attributes, {}, item.initialAttributes),
innerBlocks: hoveredItemBlockType.example.innerBlocks
}) : Object(external_this_wp_blocks_["createBlock"])(item.name, item.initialAttributes)
})) : Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__preview-content-missing"
}, Object(external_this_wp_i18n_["__"])('No Preview Available.'))), !Object(external_this_wp_blocks_["isReusableBlock"])(item) && Object(external_this_wp_element_["createElement"])(block_card, {
blockType: item
}));
}
/* harmony default export */ var preview_panel = (InserterPreviewPanel);
// EXTERNAL MODULE: ./node_modules/reakit/es/CompositeState-3a25dcee.js
var CompositeState_3a25dcee = __webpack_require__(51);
// EXTERNAL MODULE: ./node_modules/reakit/es/Composite/Composite.js
var Composite = __webpack_require__(119);
// EXTERNAL MODULE: ./node_modules/reakit/es/Composite/CompositeItem.js
var CompositeItem = __webpack_require__(120);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter-list-item/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function InserterListItem(_ref) {
var icon = _ref.icon,
_onClick = _ref.onClick,
isDisabled = _ref.isDisabled,
title = _ref.title,
className = _ref.className,
composite = _ref.composite,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["icon", "onClick", "isDisabled", "title", "className", "composite"]);
var itemIconStyle = icon ? {
backgroundColor: icon.background,
color: icon.foreground
} : {};
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-types-list__list-item"
}, Object(external_this_wp_element_["createElement"])(CompositeItem["a" /* CompositeItem */], Object(esm_extends["a" /* default */])({
role: "option",
as: external_this_wp_components_["Button"]
}, composite, {
className: classnames_default()('block-editor-block-types-list__item', className),
onClick: function onClick(event) {
event.preventDefault();
_onClick();
},
disabled: isDisabled
}, props), Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-block-types-list__item-icon",
style: itemIconStyle
}, Object(external_this_wp_element_["createElement"])(BlockIcon, {
icon: icon,
showColors: true
})), Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-block-types-list__item-title"
}, title)));
}
/* harmony default export */ var inserter_list_item = (InserterListItem);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-types-list/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockTypesList(_ref) {
var _ref$items = _ref.items,
items = _ref$items === void 0 ? [] : _ref$items,
onSelect = _ref.onSelect,
_ref$onHover = _ref.onHover,
onHover = _ref$onHover === void 0 ? function () {} : _ref$onHover,
children = _ref.children,
label = _ref.label;
var composite = Object(CompositeState_3a25dcee["g" /* u */])();
var normalizedItems = includeVariationsInInserterItems(items);
var orderId = normalizedItems.reduce(function (acc, item) {
return acc + '--' + item.id;
}, ''); // This ensures the composite state refreshes when the list order changes.
Object(external_this_wp_element_["useEffect"])(function () {
composite.unstable_sort();
}, [composite.unstable_sort, orderId]);
return (
/*
* Disable reason: The `list` ARIA role is redundant but
* Safari+VoiceOver won't announce the list otherwise.
*/
/* eslint-disable jsx-a11y/no-redundant-roles */
Object(external_this_wp_element_["createElement"])(Composite["a" /* Composite */], Object(esm_extends["a" /* default */])({}, composite, {
role: "listbox",
className: "block-editor-block-types-list",
"aria-label": label
}), normalizedItems.map(function (item) {
return Object(external_this_wp_element_["createElement"])(inserter_list_item, {
key: item.id,
className: Object(external_this_wp_blocks_["getBlockMenuDefaultClassName"])(item.id),
icon: item.icon,
onClick: function onClick() {
onSelect(item);
onHover(null);
},
onFocus: function onFocus() {
return onHover(item);
},
onMouseEnter: function onMouseEnter() {
return onHover(item);
},
onMouseLeave: function onMouseLeave() {
return onHover(null);
},
onBlur: function onBlur() {
return onHover(null);
},
isDisabled: item.isDisabled,
title: item.title,
composite: composite
});
}), children)
/* eslint-enable jsx-a11y/no-redundant-roles */
);
}
/* harmony default export */ var block_types_list = (BlockTypesList);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/child-blocks.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ChildBlocks(_ref) {
var rootClientId = _ref.rootClientId,
children = _ref.children;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/blocks'),
getBlockType = _select.getBlockType;
var _select2 = select('core/block-editor'),
getBlockName = _select2.getBlockName;
var rootBlockName = getBlockName(rootClientId);
var rootBlockType = getBlockType(rootBlockName);
return {
rootBlockTitle: rootBlockType && rootBlockType.title,
rootBlockIcon: rootBlockType && rootBlockType.icon
};
}),
rootBlockTitle = _useSelect.rootBlockTitle,
rootBlockIcon = _useSelect.rootBlockIcon;
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__child-blocks"
}, (rootBlockIcon || rootBlockTitle) && Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__parent-block-header"
}, Object(external_this_wp_element_["createElement"])(BlockIcon, {
icon: rootBlockIcon,
showColors: true
}), rootBlockTitle && Object(external_this_wp_element_["createElement"])("h2", null, rootBlockTitle)), children);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter-menu-extension/index.js
/**
* WordPress dependencies
*/
var inserter_menu_extension_createSlotFill = Object(external_this_wp_components_["createSlotFill"])('__experimentalInserterMenuExtension'),
__experimentalInserterMenuExtension = inserter_menu_extension_createSlotFill.Fill,
inserter_menu_extension_Slot = inserter_menu_extension_createSlotFill.Slot;
__experimentalInserterMenuExtension.Slot = inserter_menu_extension_Slot;
/* harmony default export */ var inserter_menu_extension = (__experimentalInserterMenuExtension);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/panel.js
/**
* WordPress dependencies
*/
function InserterPanel(_ref) {
var title = _ref.title,
icon = _ref.icon,
children = _ref.children;
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__panel-header"
}, Object(external_this_wp_element_["createElement"])("h2", {
className: "block-editor-inserter__panel-title"
}, title), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Icon"], {
icon: icon
})), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__panel-content"
}, children));
}
/* harmony default export */ var panel = (InserterPanel);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/no-results.js
/**
* WordPress dependencies
*/
function InserterNoResults() {
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__no-results"
}, Object(external_this_wp_element_["createElement"])(build_module_icon["a" /* default */], {
className: "block-editor-inserter__no-results-icon",
icon: block_default["a" /* default */]
}), Object(external_this_wp_element_["createElement"])("p", null, Object(external_this_wp_i18n_["__"])('No results found.')));
}
/* harmony default export */ var no_results = (InserterNoResults);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/block-types-tab.js
function block_types_tab_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 block_types_tab_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { block_types_tab_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 { block_types_tab_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var getBlockNamespace = function getBlockNamespace(item) {
return item.name.split('/')[0];
};
var MAX_SUGGESTED_ITEMS = 6;
function BlockTypesTab(_ref) {
var rootClientId = _ref.rootClientId,
onInsert = _ref.onInsert,
onHover = _ref.onHover,
filterValue = _ref.filterValue,
debouncedSpeak = _ref.debouncedSpeak,
showMostUsedBlocks = _ref.showMostUsedBlocks;
var _useBlockTypesState = use_block_types_state(rootClientId, onInsert),
_useBlockTypesState2 = Object(slicedToArray["a" /* default */])(_useBlockTypesState, 4),
items = _useBlockTypesState2[0],
categories = _useBlockTypesState2[1],
collections = _useBlockTypesState2[2],
onSelectItem = _useBlockTypesState2[3];
var hasChildItems = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getBlockName = _select.getBlockName;
var _select2 = select('core/blocks'),
getChildBlockNames = _select2.getChildBlockNames;
var rootBlockName = getBlockName(rootClientId);
return !!getChildBlockNames(rootBlockName).length;
}, [rootClientId]);
var filteredItems = Object(external_this_wp_element_["useMemo"])(function () {
return search_items_searchBlockItems(items, categories, collections, filterValue);
}, [filterValue, items, categories, collections]);
var suggestedItems = Object(external_this_wp_element_["useMemo"])(function () {
return Object(external_this_lodash_["orderBy"])(items, ['frecency'], ['desc']).slice(0, MAX_SUGGESTED_ITEMS);
}, [items]);
var uncategorizedItems = Object(external_this_wp_element_["useMemo"])(function () {
return filteredItems.filter(function (item) {
return !item.category;
});
}, [filteredItems]);
var itemsPerCategory = Object(external_this_wp_element_["useMemo"])(function () {
var getCategoryIndex = function getCategoryIndex(item) {
return Object(external_this_lodash_["findIndex"])(categories, function (category) {
return category.slug === item.category;
});
};
return Object(external_this_lodash_["flow"])(function (itemList) {
return itemList.filter(function (item) {
return item.category && item.category !== 'reusable';
});
}, function (itemList) {
return Object(external_this_lodash_["sortBy"])(itemList, getCategoryIndex);
}, function (itemList) {
return Object(external_this_lodash_["groupBy"])(itemList, 'category');
})(filteredItems);
}, [filteredItems, categories]);
var itemsPerCollection = Object(external_this_wp_element_["useMemo"])(function () {
// Create a new Object to avoid mutating collection
var result = block_types_tab_objectSpread({}, collections);
Object.keys(collections).forEach(function (namespace) {
result[namespace] = filteredItems.filter(function (item) {
return getBlockNamespace(item) === namespace;
});
if (result[namespace].length === 0) {
delete result[namespace];
}
});
return result;
}, [filteredItems, collections]); // Announce search results on change
Object(external_this_wp_element_["useEffect"])(function () {
var resultsFoundMessage = Object(external_this_wp_i18n_["sprintf"])(
/* translators: %d: number of results. */
Object(external_this_wp_i18n_["_n"])('%d result found.', '%d results found.', filteredItems.length), filteredItems.length);
debouncedSpeak(resultsFoundMessage);
}, [filterValue, debouncedSpeak]);
var hasItems = !Object(external_this_lodash_["isEmpty"])(filteredItems);
return Object(external_this_wp_element_["createElement"])("div", null, hasChildItems && Object(external_this_wp_element_["createElement"])(ChildBlocks, {
rootClientId: rootClientId
}, Object(external_this_wp_element_["createElement"])(block_types_list // Pass along every block, as useBlockTypesState() and
// getInserterItems() will have already filtered out
// non-child blocks.
, {
items: filteredItems,
onSelect: onSelectItem,
onHover: onHover,
label: Object(external_this_wp_i18n_["__"])('Child Blocks')
})), showMostUsedBlocks && !hasChildItems && !!suggestedItems.length && !filterValue && Object(external_this_wp_element_["createElement"])(panel, {
title: Object(external_this_wp_i18n_["_x"])('Most used', 'blocks')
}, Object(external_this_wp_element_["createElement"])(block_types_list, {
items: suggestedItems,
onSelect: onSelectItem,
onHover: onHover,
label: Object(external_this_wp_i18n_["_x"])('Most used', 'blocks')
})), !hasChildItems && Object(external_this_lodash_["map"])(categories, function (category) {
var categoryItems = itemsPerCategory[category.slug];
if (!categoryItems || !categoryItems.length) {
return null;
}
return Object(external_this_wp_element_["createElement"])(panel, {
key: category.slug,
title: category.title,
icon: category.icon
}, Object(external_this_wp_element_["createElement"])(block_types_list, {
items: categoryItems,
onSelect: onSelectItem,
onHover: onHover,
label: category.title
}));
}), !hasChildItems && !!uncategorizedItems.length && Object(external_this_wp_element_["createElement"])(panel, {
className: "block-editor-inserter__uncategorized-blocks-panel",
title: Object(external_this_wp_i18n_["__"])('Uncategorized')
}, Object(external_this_wp_element_["createElement"])(block_types_list, {
items: uncategorizedItems,
onSelect: onSelectItem,
onHover: onHover,
label: Object(external_this_wp_i18n_["__"])('Uncategorized')
})), !hasChildItems && Object(external_this_lodash_["map"])(collections, function (collection, namespace) {
var collectionItems = itemsPerCollection[namespace];
if (!collectionItems || !collectionItems.length) {
return null;
}
return Object(external_this_wp_element_["createElement"])(panel, {
key: namespace,
title: collection.title,
icon: collection.icon
}, Object(external_this_wp_element_["createElement"])(block_types_list, {
items: collectionItems,
onSelect: onSelectItem,
onHover: onHover,
label: collection.title
}));
}), Object(external_this_wp_element_["createElement"])(inserter_menu_extension.Slot, {
fillProps: {
onSelect: onSelectItem,
onHover: onHover,
filterValue: filterValue,
hasItems: hasItems
}
}, function (fills) {
if (fills.length) {
return fills;
}
if (!hasItems) {
return Object(external_this_wp_element_["createElement"])(no_results, null);
}
return null;
}));
}
/* harmony default export */ var block_types_tab = (Object(external_this_wp_components_["withSpokenMessages"])(BlockTypesTab));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/hooks/use-patterns-state.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Retrieves the block patterns inserter state.
*
* @param {Function} onInsert function called when inserter a list of blocks.
*
* @return {Array} Returns the patterns state. (patterns, categories, onSelect handler)
*/
var use_patterns_state_usePatternsState = function usePatternsState(onInsert) {
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select$getSettings = select('core/block-editor').getSettings(),
__experimentalBlockPatterns = _select$getSettings.__experimentalBlockPatterns,
__experimentalBlockPatternCategories = _select$getSettings.__experimentalBlockPatternCategories;
return {
patterns: __experimentalBlockPatterns,
patternCategories: __experimentalBlockPatternCategories
};
}, []),
patternCategories = _useSelect.patternCategories,
patterns = _useSelect.patterns;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/notices'),
createSuccessNotice = _useDispatch.createSuccessNotice;
var onClickPattern = Object(external_this_wp_element_["useCallback"])(function (pattern, blocks) {
onInsert(Object(external_this_lodash_["map"])(blocks, function (block) {
return Object(external_this_wp_blocks_["cloneBlock"])(block);
}));
createSuccessNotice(Object(external_this_wp_i18n_["sprintf"])(
/* translators: %s: block pattern title. */
Object(external_this_wp_i18n_["__"])('Pattern "%s" inserted.'), pattern.title), {
type: 'snackbar'
});
}, []);
return [patterns, patternCategories, onClickPattern];
};
/* harmony default export */ var use_patterns_state = (use_patterns_state_usePatternsState);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-patterns-list/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockPattern(_ref) {
var pattern = _ref.pattern,
_onClick = _ref.onClick;
var content = pattern.content,
viewportWidth = pattern.viewportWidth;
var blocks = Object(external_this_wp_element_["useMemo"])(function () {
return Object(external_this_wp_blocks_["parse"])(content);
}, [content]);
var instanceId = Object(external_this_wp_compose_["useInstanceId"])(BlockPattern);
var descriptionId = "block-editor-block-patterns-list__item-description-".concat(instanceId);
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-patterns-list__item",
role: "button",
onClick: function onClick() {
return _onClick(pattern, blocks);
},
onKeyDown: function onKeyDown(event) {
if (external_this_wp_keycodes_["ENTER"] === event.keyCode || external_this_wp_keycodes_["SPACE"] === event.keyCode) {
_onClick(pattern, blocks);
}
},
tabIndex: 0,
"aria-label": pattern.title,
"aria-describedby": pattern.description ? descriptionId : undefined
}, Object(external_this_wp_element_["createElement"])(block_preview, {
blocks: blocks,
viewportWidth: viewportWidth
}), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-patterns-list__item-title"
}, pattern.title), !!pattern.description && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["VisuallyHidden"], {
id: descriptionId
}, pattern.description));
}
function BlockPatternPlaceholder() {
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-patterns-list__item is-placeholder"
});
}
function BlockPatternList(_ref2) {
var blockPatterns = _ref2.blockPatterns,
shownPatterns = _ref2.shownPatterns,
onClickPattern = _ref2.onClickPattern;
return blockPatterns.map(function (pattern) {
var isShown = shownPatterns.includes(pattern);
return isShown ? Object(external_this_wp_element_["createElement"])(BlockPattern, {
key: pattern.name,
pattern: pattern,
onClick: onClickPattern
}) : Object(external_this_wp_element_["createElement"])(BlockPatternPlaceholder, {
key: pattern.name
});
});
}
/* harmony default export */ var block_patterns_list = (BlockPatternList);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/block-patterns-tab.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockPatternsSearchResults(_ref) {
var filterValue = _ref.filterValue,
onInsert = _ref.onInsert;
var _usePatternsState = use_patterns_state(onInsert),
_usePatternsState2 = Object(slicedToArray["a" /* default */])(_usePatternsState, 3),
patterns = _usePatternsState2[0],
onClick = _usePatternsState2[2];
var currentShownPatterns = Object(external_this_wp_compose_["useAsyncList"])(patterns);
var filteredPatterns = Object(external_this_wp_element_["useMemo"])(function () {
return search_items_searchItems(patterns, filterValue);
}, [filterValue, patterns]);
if (filterValue) {
return !!filteredPatterns.length ? Object(external_this_wp_element_["createElement"])(panel, {
title: Object(external_this_wp_i18n_["__"])('Search Results')
}, Object(external_this_wp_element_["createElement"])(block_patterns_list, {
shownPatterns: currentShownPatterns,
blockPatterns: filteredPatterns,
onClickPattern: onClick
})) : Object(external_this_wp_element_["createElement"])(no_results, null);
}
}
function BlockPatternsPerCategories(_ref2) {
var onInsert = _ref2.onInsert;
var _usePatternsState3 = use_patterns_state(onInsert),
_usePatternsState4 = Object(slicedToArray["a" /* default */])(_usePatternsState3, 3),
patterns = _usePatternsState4[0],
categories = _usePatternsState4[1],
onClick = _usePatternsState4[2];
var getPatternIndex = Object(external_this_wp_element_["useCallback"])(function (pattern) {
if (!pattern.categories || !pattern.categories.length) {
return Infinity;
}
var indexedCategories = Object(external_this_lodash_["fromPairs"])(categories.map(function (_ref3, index) {
var name = _ref3.name;
return [name, index];
}));
return Math.min.apply(Math, Object(toConsumableArray["a" /* default */])(pattern.categories.map(function (category) {
return indexedCategories[category] !== undefined ? indexedCategories[category] : Infinity;
})));
}, [categories]); // Ordering the patterns per category is important for the async rendering.
var orderedPatterns = Object(external_this_wp_element_["useMemo"])(function () {
return patterns.sort(function (a, b) {
return getPatternIndex(a) - getPatternIndex(b);
});
}, [patterns, getPatternIndex]);
var currentShownPatterns = Object(external_this_wp_compose_["useAsyncList"])(orderedPatterns); // Uncategorized Patterns
var uncategorizedPatterns = Object(external_this_wp_element_["useMemo"])(function () {
return patterns.filter(function (pattern) {
return getPatternIndex(pattern) === Infinity;
});
}, [patterns, getPatternIndex]);
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, categories.map(function (patternCategory) {
var categoryPatterns = patterns.filter(function (pattern) {
return pattern.categories && pattern.categories.includes(patternCategory.name);
});
return !!categoryPatterns.length && Object(external_this_wp_element_["createElement"])(panel, {
key: patternCategory.name,
title: patternCategory.label
}, Object(external_this_wp_element_["createElement"])(block_patterns_list, {
shownPatterns: currentShownPatterns,
blockPatterns: categoryPatterns,
onClickPattern: onClick
}));
}), !!uncategorizedPatterns.length && Object(external_this_wp_element_["createElement"])(panel, {
title: Object(external_this_wp_i18n_["_x"])('Uncategorized')
}, Object(external_this_wp_element_["createElement"])(block_patterns_list, {
shownPatterns: currentShownPatterns,
blockPatterns: uncategorizedPatterns,
onClickPattern: onClick
})));
}
function BlockPatternsTabs(_ref4) {
var onInsert = _ref4.onInsert,
filterValue = _ref4.filterValue;
return filterValue ? Object(external_this_wp_element_["createElement"])(BlockPatternsSearchResults, {
onInsert: onInsert,
filterValue: filterValue
}) : Object(external_this_wp_element_["createElement"])(BlockPatternsPerCategories, {
onInsert: onInsert
});
}
/* harmony default export */ var block_patterns_tab = (BlockPatternsTabs);
// EXTERNAL MODULE: external {"this":["wp","url"]}
var external_this_wp_url_ = __webpack_require__(31);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/reusable-blocks-tab.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ReusableBlocksList(_ref) {
var debouncedSpeak = _ref.debouncedSpeak,
filterValue = _ref.filterValue,
onHover = _ref.onHover,
onInsert = _ref.onInsert,
rootClientId = _ref.rootClientId;
var _useBlockTypesState = use_block_types_state(rootClientId, onInsert),
_useBlockTypesState2 = Object(slicedToArray["a" /* default */])(_useBlockTypesState, 4),
items = _useBlockTypesState2[0],
categories = _useBlockTypesState2[1],
collections = _useBlockTypesState2[2],
onSelectItem = _useBlockTypesState2[3];
var filteredItems = Object(external_this_wp_element_["useMemo"])(function () {
var reusableItems = items.filter(function (_ref2) {
var category = _ref2.category;
return category === 'reusable';
});
if (!filterValue) {
return reusableItems;
}
return search_items_searchBlockItems(reusableItems, categories, collections, filterValue);
}, [filterValue, items, categories, collections]); // Announce search results on change.
Object(external_this_wp_element_["useEffect"])(function () {
var resultsFoundMessage = Object(external_this_wp_i18n_["sprintf"])(
/* translators: %d: number of results. */
Object(external_this_wp_i18n_["_n"])('%d result found.', '%d results found.', filteredItems.length), filteredItems.length);
debouncedSpeak(resultsFoundMessage);
}, [filterValue, debouncedSpeak]);
if (filteredItems.length === 0) {
return Object(external_this_wp_element_["createElement"])(no_results, null);
}
return Object(external_this_wp_element_["createElement"])(panel, {
title: filterValue ? Object(external_this_wp_i18n_["__"])('Search Results') : Object(external_this_wp_i18n_["__"])('Reusable blocks')
}, Object(external_this_wp_element_["createElement"])(block_types_list, {
items: filteredItems,
onSelect: onSelectItem,
onHover: onHover,
label: filterValue ? Object(external_this_wp_i18n_["__"])('Search Results') : Object(external_this_wp_i18n_["__"])('Reusable blocks')
}));
} // The unwrapped component is only exported for use by unit tests.
/**
* List of reusable blocks shown in the "Reusable" tab of the inserter.
*
* @param {Object} props Component props.
* @param {?string} props.rootClientId Client id of block to insert into.
* @param {Function} props.onInsert Callback to run when item is inserted.
* @param {Function} props.onHover Callback to run when item is hovered.
* @param {?string} props.filterValue Search term.
* @param {Function} props.debouncedSpeak Debounced speak function.
*
* @return {WPComponent} The component.
*/
function ReusableBlocksTab(_ref3) {
var rootClientId = _ref3.rootClientId,
onInsert = _ref3.onInsert,
onHover = _ref3.onHover,
filterValue = _ref3.filterValue,
debouncedSpeak = _ref3.debouncedSpeak;
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(ReusableBlocksList, {
debouncedSpeak: debouncedSpeak,
filterValue: filterValue,
onHover: onHover,
onInsert: onInsert,
rootClientId: rootClientId
}), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__manage-reusable-blocks-container"
}, Object(external_this_wp_element_["createElement"])("a", {
className: "block-editor-inserter__manage-reusable-blocks",
href: Object(external_this_wp_url_["addQueryArgs"])('edit.php', {
post_type: 'wp_block'
})
}, Object(external_this_wp_i18n_["__"])('Manage all reusable blocks'))));
}
/* harmony default export */ var reusable_blocks_tab = (Object(external_this_wp_components_["withSpokenMessages"])(ReusableBlocksTab));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/hooks/use-insertion-point.js
function use_insertion_point_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_insertion_point_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { use_insertion_point_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_insertion_point_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* @typedef WPInserterConfig
*
* @property {string=} rootClientId Inserter Root Client ID.
* @property {string=} clientId Inserter Client ID.
* @property {boolean} isAppender Whether the inserter is an appender or not.
* @property {boolean} selectBlockOnInsert Whether the block should be selected on insert.
*/
/**
* Returns the insertion point state given the inserter config.
*
* @param {WPInserterConfig} config Inserter Config.
* @return {Array} Insertion Point State (rootClientID, onInsertBlocks and onToggle).
*/
function useInsertionPoint(_ref) {
var rootClientId = _ref.rootClientId,
clientId = _ref.clientId,
isAppender = _ref.isAppender,
selectBlockOnInsert = _ref.selectBlockOnInsert;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _getSettings$__experi;
var _select = select('core/block-editor'),
getSettings = _select.getSettings,
getBlockRootClientId = _select.getBlockRootClientId,
_getBlockSelectionEnd = _select.getBlockSelectionEnd;
var destRootClientId = rootClientId;
if (!destRootClientId && !clientId && !isAppender) {
var end = _getBlockSelectionEnd();
if (end) {
destRootClientId = getBlockRootClientId(end);
}
}
return use_insertion_point_objectSpread({
hasPatterns: !!((_getSettings$__experi = getSettings().__experimentalBlockPatterns) === null || _getSettings$__experi === void 0 ? void 0 : _getSettings$__experi.length),
destinationRootClientId: destRootClientId
}, Object(external_this_lodash_["pick"])(select('core/block-editor'), ['getSelectedBlock', 'getBlockIndex', 'getBlockSelectionEnd', 'getBlockOrder']));
}, [isAppender, clientId, rootClientId]),
destinationRootClientId = _useSelect.destinationRootClientId,
getSelectedBlock = _useSelect.getSelectedBlock,
getBlockIndex = _useSelect.getBlockIndex,
getBlockSelectionEnd = _useSelect.getBlockSelectionEnd,
getBlockOrder = _useSelect.getBlockOrder;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
replaceBlocks = _useDispatch.replaceBlocks,
insertBlocks = _useDispatch.insertBlocks,
showInsertionPoint = _useDispatch.showInsertionPoint,
hideInsertionPoint = _useDispatch.hideInsertionPoint;
function getInsertionIndex() {
// If the clientId is defined, we insert at the position of the block.
if (clientId) {
return getBlockIndex(clientId, destinationRootClientId);
} // If there a selected block, we insert after the selected block.
var end = getBlockSelectionEnd();
if (!isAppender && end) {
return getBlockIndex(end, destinationRootClientId) + 1;
} // Otherwise, we insert at the end of the current rootClientId
return getBlockOrder(destinationRootClientId).length;
}
var onInsertBlocks = function onInsertBlocks(blocks) {
var selectedBlock = getSelectedBlock();
if (!isAppender && selectedBlock && Object(external_this_wp_blocks_["isUnmodifiedDefaultBlock"])(selectedBlock)) {
replaceBlocks(selectedBlock.clientId, blocks);
} else {
insertBlocks(blocks, getInsertionIndex(), destinationRootClientId, selectBlockOnInsert);
}
if (!selectBlockOnInsert) {
// translators: %d: the name of the block that has been added
var message = Object(external_this_wp_i18n_["_n"])('%d block added.', '%d blocks added.', blocks.length);
Object(external_this_wp_a11y_["speak"])(message);
}
};
var onToggleInsertionPoint = function onToggleInsertionPoint(show) {
if (show) {
var index = getInsertionIndex();
showInsertionPoint(destinationRootClientId, index);
} else {
hideInsertionPoint();
}
};
return [destinationRootClientId, onInsertBlocks, onToggleInsertionPoint];
}
/* harmony default export */ var use_insertion_point = (useInsertionPoint);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/tabs.js
/**
* WordPress dependencies
*/
var tabs_blocksTab = {
name: 'blocks',
/* translators: Blocks tab title in the block inserter. */
title: Object(external_this_wp_i18n_["__"])('Blocks')
};
var tabs_patternsTab = {
name: 'patterns',
/* translators: Patterns tab title in the block inserter. */
title: Object(external_this_wp_i18n_["__"])('Patterns')
};
var tabs_reusableBlocksTab = {
name: 'reusable',
/* translators: Reusable blocks tab title in the block inserter. */
title: Object(external_this_wp_i18n_["__"])('Reusable')
};
function InserterTabs(_ref) {
var children = _ref.children,
_ref$showPatterns = _ref.showPatterns,
showPatterns = _ref$showPatterns === void 0 ? false : _ref$showPatterns,
_ref$showReusableBloc = _ref.showReusableBlocks,
showReusableBlocks = _ref$showReusableBloc === void 0 ? false : _ref$showReusableBloc;
var tabs = [tabs_blocksTab];
if (showPatterns) {
tabs.push(tabs_patternsTab);
}
if (showReusableBlocks) {
tabs.push(tabs_reusableBlocksTab);
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["TabPanel"], {
className: "block-editor-inserter__tabs",
tabs: tabs
}, children);
}
/* harmony default export */ var inserter_tabs = (InserterTabs);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/menu.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var stopKeyPropagation = function stopKeyPropagation(event) {
return event.stopPropagation();
};
function InserterMenu(_ref) {
var rootClientId = _ref.rootClientId,
clientId = _ref.clientId,
isAppender = _ref.isAppender,
__experimentalSelectBlockOnInsert = _ref.__experimentalSelectBlockOnInsert,
onSelect = _ref.onSelect,
showInserterHelpPanel = _ref.showInserterHelpPanel,
showMostUsedBlocks = _ref.showMostUsedBlocks;
var _useState = Object(external_this_wp_element_["useState"])(''),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
filterValue = _useState2[0],
setFilterValue = _useState2[1];
var _useState3 = Object(external_this_wp_element_["useState"])(null),
_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),
hoveredItem = _useState4[0],
setHoveredItem = _useState4[1];
var _useInsertionPoint = use_insertion_point({
rootClientId: rootClientId,
clientId: clientId,
isAppender: isAppender,
selectBlockOnInsert: __experimentalSelectBlockOnInsert
}),
_useInsertionPoint2 = Object(slicedToArray["a" /* default */])(_useInsertionPoint, 3),
destinationRootClientId = _useInsertionPoint2[0],
onInsertBlocks = _useInsertionPoint2[1],
onToggleInsertionPoint = _useInsertionPoint2[2];
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select$getSettings = select('core/block-editor').getSettings(),
__experimentalBlockPatterns = _select$getSettings.__experimentalBlockPatterns,
__experimentalReusableBlocks = _select$getSettings.__experimentalReusableBlocks;
return {
hasPatterns: !!(__experimentalBlockPatterns === null || __experimentalBlockPatterns === void 0 ? void 0 : __experimentalBlockPatterns.length),
hasReusableBlocks: !!(__experimentalReusableBlocks === null || __experimentalReusableBlocks === void 0 ? void 0 : __experimentalReusableBlocks.length)
};
}, []),
hasPatterns = _useSelect.hasPatterns,
hasReusableBlocks = _useSelect.hasReusableBlocks;
var showPatterns = !destinationRootClientId && hasPatterns;
var onKeyDown = function onKeyDown(event) {
if ([external_this_wp_keycodes_["LEFT"], external_this_wp_keycodes_["DOWN"], external_this_wp_keycodes_["RIGHT"], external_this_wp_keycodes_["UP"], external_this_wp_keycodes_["BACKSPACE"], external_this_wp_keycodes_["ENTER"]].includes(event.keyCode)) {
// Stop the key event from propagating up to ObserveTyping.startTypingInTextField.
event.stopPropagation();
}
};
var onInsert = function onInsert(blocks) {
onInsertBlocks(blocks);
onSelect();
};
var onHover = function onHover(item) {
onToggleInsertionPoint(!!item);
setHoveredItem(item);
};
var blocksTab = Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__block-list"
}, Object(external_this_wp_element_["createElement"])(block_types_tab, {
rootClientId: destinationRootClientId,
onInsert: onInsert,
onHover: onHover,
filterValue: filterValue,
showMostUsedBlocks: showMostUsedBlocks
})), showInserterHelpPanel && Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__tips"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["VisuallyHidden"], {
as: "h2"
}, Object(external_this_wp_i18n_["__"])('A tip for using the block editor')), Object(external_this_wp_element_["createElement"])(tips, null)));
var patternsTab = Object(external_this_wp_element_["createElement"])(block_patterns_tab, {
onInsert: onInsert,
filterValue: filterValue
});
var reusableBlocksTab = Object(external_this_wp_element_["createElement"])(reusable_blocks_tab, {
rootClientId: destinationRootClientId,
onInsert: onInsert,
onHover: onHover,
filterValue: filterValue
}); // Disable reason (no-autofocus): The inserter menu is a modal display, not one which
// is always visible, and one which already incurs this behavior of autoFocus via
// Popover's focusOnMount.
// Disable reason (no-static-element-interactions): Navigational key-presses within
// the menu are prevented from triggering WritingFlow and ObserveTyping interactions.
/* eslint-disable jsx-a11y/no-autofocus, jsx-a11y/no-static-element-interactions */
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__menu",
onKeyPress: stopKeyPropagation,
onKeyDown: onKeyDown
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__main-area"
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__content"
}, Object(external_this_wp_element_["createElement"])(search_form, {
onChange: setFilterValue,
value: filterValue
}), (showPatterns || hasReusableBlocks) && Object(external_this_wp_element_["createElement"])(inserter_tabs, {
showPatterns: showPatterns,
showReusableBlocks: hasReusableBlocks
}, function (tab) {
if (tab.name === 'blocks') {
return blocksTab;
} else if (tab.name === 'patterns') {
return patternsTab;
}
return reusableBlocksTab;
}), !showPatterns && !hasReusableBlocks && blocksTab)), showInserterHelpPanel && hoveredItem && Object(external_this_wp_element_["createElement"])(preview_panel, {
item: hoveredItem
}));
/* eslint-enable jsx-a11y/no-autofocus, jsx-a11y/no-static-element-interactions */
}
/* harmony default export */ var menu = (InserterMenu);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/quick-inserter.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var SEARCH_THRESHOLD = 6;
var SHOWN_BLOCK_TYPES = 6;
var SHOWN_BLOCK_PATTERNS = 2;
var quick_inserter_preventArrowKeysPropagation = function preventArrowKeysPropagation(event) {
if ([external_this_wp_keycodes_["LEFT"], external_this_wp_keycodes_["DOWN"], external_this_wp_keycodes_["RIGHT"], external_this_wp_keycodes_["UP"], external_this_wp_keycodes_["BACKSPACE"], external_this_wp_keycodes_["ENTER"]].includes(event.keyCode)) {
// Stop the key event from propagating up to ObserveTyping.startTypingInTextField.
event.stopPropagation();
}
};
var quick_inserter_stopKeyPropagation = function stopKeyPropagation(event) {
return event.stopPropagation();
};
function QuickInserterList(_ref) {
var blockTypes = _ref.blockTypes,
blockPatterns = _ref.blockPatterns,
onSelectBlockType = _ref.onSelectBlockType,
onSelectBlockPattern = _ref.onSelectBlockPattern,
onHover = _ref.onHover;
var shownBlockTypes = Object(external_this_wp_element_["useMemo"])(function () {
return Object(external_this_lodash_["orderBy"])(blockTypes, ['frecency'], ['desc']).slice(0, SHOWN_BLOCK_TYPES);
}, [blockTypes]);
var shownBlockPatterns = Object(external_this_wp_element_["useMemo"])(function () {
return blockPatterns.slice(0, SHOWN_BLOCK_PATTERNS);
}, [blockTypes]);
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__quick-inserter-results"
}, !shownBlockTypes.length && !shownBlockPatterns.length && Object(external_this_wp_element_["createElement"])(no_results, null), !!shownBlockTypes.length && Object(external_this_wp_element_["createElement"])(panel, {
title: Object(external_this_wp_element_["createElement"])(external_this_wp_components_["VisuallyHidden"], null, Object(external_this_wp_i18n_["__"])('Blocks'))
}, Object(external_this_wp_element_["createElement"])(block_types_list, {
items: shownBlockTypes,
onSelect: onSelectBlockType,
onHover: onHover,
label: Object(external_this_wp_i18n_["__"])('Blocks')
})), !!shownBlockTypes.length && !!shownBlockPatterns.length && Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__quick-inserter-separator"
}), !!shownBlockPatterns.length && Object(external_this_wp_element_["createElement"])(panel, {
title: Object(external_this_wp_element_["createElement"])(external_this_wp_components_["VisuallyHidden"], null, Object(external_this_wp_i18n_["__"])('Blocks'))
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__quick-inserter-patterns"
}, Object(external_this_wp_element_["createElement"])(block_patterns_list, {
shownPatterns: shownBlockPatterns,
blockPatterns: shownBlockPatterns,
onClickPattern: onSelectBlockPattern
}))));
}
function QuickInserter(_ref2) {
var rootClientId = _ref2.rootClientId,
clientId = _ref2.clientId,
isAppender = _ref2.isAppender,
selectBlockOnInsert = _ref2.selectBlockOnInsert,
debouncedSpeak = _ref2.debouncedSpeak;
var _useState = Object(external_this_wp_element_["useState"])(''),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
filterValue = _useState2[0],
setFilterValue = _useState2[1];
var _useInsertionPoint = use_insertion_point({
rootClientId: rootClientId,
clientId: clientId,
isAppender: isAppender,
selectBlockOnInsert: selectBlockOnInsert
}),
_useInsertionPoint2 = Object(slicedToArray["a" /* default */])(_useInsertionPoint, 3),
destinationRootClientId = _useInsertionPoint2[0],
onInsertBlocks = _useInsertionPoint2[1],
onToggleInsertionPoint = _useInsertionPoint2[2];
var _useBlockTypesState = use_block_types_state(destinationRootClientId, onInsertBlocks),
_useBlockTypesState2 = Object(slicedToArray["a" /* default */])(_useBlockTypesState, 4),
blockTypes = _useBlockTypesState2[0],
blockTypeCategories = _useBlockTypesState2[1],
blockTypeCollections = _useBlockTypesState2[2],
onSelectBlockType = _useBlockTypesState2[3];
var _usePatternsState = use_patterns_state(onInsertBlocks),
_usePatternsState2 = Object(slicedToArray["a" /* default */])(_usePatternsState, 3),
patterns = _usePatternsState2[0],
onSelectBlockPattern = _usePatternsState2[2];
var showPatterns = !destinationRootClientId && patterns.length && !!filterValue;
var showSearch = showPatterns && patterns.length > SEARCH_THRESHOLD || blockTypes.length > SEARCH_THRESHOLD;
var filteredBlockTypes = Object(external_this_wp_element_["useMemo"])(function () {
return search_items_searchBlockItems(blockTypes, blockTypeCategories, blockTypeCollections, filterValue);
}, [filterValue, blockTypes, blockTypeCategories, blockTypeCollections]);
var filteredBlockPatterns = Object(external_this_wp_element_["useMemo"])(function () {
return search_items_searchItems(patterns, filterValue);
}, [filterValue, patterns]);
var setInsererIsOpened = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').getSettings().__experimentalSetIsInserterOpened;
}, []);
var previousBlockClientId = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').getPreviousBlockClientId(clientId);
}, [clientId]);
Object(external_this_wp_element_["useEffect"])(function () {
if (setInsererIsOpened) {
setInsererIsOpened(false);
}
}, [setInsererIsOpened]);
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
selectBlock = _useDispatch.selectBlock; // Announce search results on change
Object(external_this_wp_element_["useEffect"])(function () {
if (!filterValue) {
return;
}
var count = filteredBlockTypes.length + filteredBlockPatterns.length;
var resultsFoundMessage = Object(external_this_wp_i18n_["sprintf"])(
/* translators: %d: number of results. */
Object(external_this_wp_i18n_["_n"])('%d result found.', '%d results found.', count), count);
debouncedSpeak(resultsFoundMessage);
}, [filterValue, debouncedSpeak]); // When clicking Browse All select the appropriate block so as
// the insertion point can work as expected
var onBrowseAll = function onBrowseAll() {
// We have to select the previous block because the menu inserter
// inserts the new block after the selected one.
// Ideally, this selection shouldn't focus the block to avoid the setTimeout.
selectBlock(previousBlockClientId); // eslint-disable-next-line @wordpress/react-no-unsafe-timeout
setTimeout(function () {
setInsererIsOpened(true);
});
}; // Disable reason (no-autofocus): The inserter menu is a modal display, not one which
// is always visible, and one which already incurs this behavior of autoFocus via
// Popover's focusOnMount.
// Disable reason (no-static-element-interactions): Navigational key-presses within
// the menu are prevented from triggering WritingFlow and ObserveTyping interactions.
/* eslint-disable jsx-a11y/no-autofocus, jsx-a11y/no-static-element-interactions */
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inserter__quick-inserter",
onKeyPress: quick_inserter_stopKeyPropagation,
onKeyDown: quick_inserter_preventArrowKeysPropagation
}, showSearch && Object(external_this_wp_element_["createElement"])(search_form, {
value: filterValue,
onChange: function onChange(value) {
setFilterValue(value);
}
}), Object(external_this_wp_element_["createElement"])(QuickInserterList, {
blockTypes: filteredBlockTypes,
blockPatterns: showPatterns ? filteredBlockPatterns : [],
onSelectBlockPattern: onSelectBlockPattern,
onSelectBlockType: onSelectBlockType,
onHover: onToggleInsertionPoint
}), setInsererIsOpened && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
className: "block-editor-inserter__quick-inserter-expand",
onClick: onBrowseAll,
"aria-label": Object(external_this_wp_i18n_["__"])('Browse all. This will open the main inserter panel in the editor toolbar.')
}, Object(external_this_wp_i18n_["__"])('Browse all')));
/* eslint-enable jsx-a11y/no-autofocus, jsx-a11y/no-static-element-interactions */
}
/* harmony default export */ var quick_inserter = (Object(external_this_wp_components_["withSpokenMessages"])(QuickInserter));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/index.js
function inserter_createSuper(Derived) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (inserter_isNativeReflectConstruct()) { 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 inserter_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 inserter_defaultRenderToggle = function defaultRenderToggle(_ref) {
var onToggle = _ref.onToggle,
disabled = _ref.disabled,
isOpen = _ref.isOpen,
blockTitle = _ref.blockTitle,
hasSingleBlockType = _ref.hasSingleBlockType,
toggleProps = _ref.toggleProps;
var label;
if (hasSingleBlockType) {
label = Object(external_this_wp_i18n_["sprintf"])( // translators: %s: the name of the block when there is only one
Object(external_this_wp_i18n_["_x"])('Add %s', 'directly add the only allowed block'), blockTitle);
} else {
label = Object(external_this_wp_i18n_["_x"])('Add block', 'Generic label for block inserter button');
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], Object(esm_extends["a" /* default */])({
icon: plus["a" /* default */],
label: label,
tooltipPosition: "bottom",
onClick: onToggle,
className: "block-editor-inserter__toggle",
"aria-haspopup": !hasSingleBlockType ? 'true' : false,
"aria-expanded": !hasSingleBlockType ? isOpen : false,
disabled: disabled
}, toggleProps));
};
var inserter_Inserter = /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(Inserter, _Component);
var _super = inserter_createSuper(Inserter);
function Inserter() {
var _this;
Object(classCallCheck["a" /* default */])(this, Inserter);
_this = _super.apply(this, arguments);
_this.onToggle = _this.onToggle.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.renderToggle = _this.renderToggle.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.renderContent = _this.renderContent.bind(Object(assertThisInitialized["a" /* default */])(_this));
return _this;
}
Object(createClass["a" /* default */])(Inserter, [{
key: "onToggle",
value: function onToggle(isOpen) {
var onToggle = this.props.onToggle; // Surface toggle callback to parent component
if (onToggle) {
onToggle(isOpen);
}
}
/**
* Render callback to display Dropdown toggle element.
*
* @param {Object} options
* @param {Function} options.onToggle Callback to invoke when toggle is
* pressed.
* @param {boolean} options.isOpen Whether dropdown is currently open.
*
* @return {WPElement} Dropdown toggle element.
*/
}, {
key: "renderToggle",
value: function renderToggle(_ref2) {
var onToggle = _ref2.onToggle,
isOpen = _ref2.isOpen;
var _this$props = this.props,
disabled = _this$props.disabled,
blockTitle = _this$props.blockTitle,
hasSingleBlockType = _this$props.hasSingleBlockType,
toggleProps = _this$props.toggleProps,
hasItems = _this$props.hasItems,
_this$props$renderTog = _this$props.renderToggle,
renderToggle = _this$props$renderTog === void 0 ? inserter_defaultRenderToggle : _this$props$renderTog;
return renderToggle({
onToggle: onToggle,
isOpen: isOpen,
disabled: disabled || !hasItems,
blockTitle: blockTitle,
hasSingleBlockType: hasSingleBlockType,
toggleProps: toggleProps
});
}
/**
* Render callback to display Dropdown content element.
*
* @param {Object} options
* @param {Function} options.onClose Callback to invoke when dropdown is
* closed.
*
* @return {WPElement} Dropdown content element.
*/
}, {
key: "renderContent",
value: function renderContent(_ref3) {
var onClose = _ref3.onClose;
var _this$props2 = this.props,
rootClientId = _this$props2.rootClientId,
clientId = _this$props2.clientId,
isAppender = _this$props2.isAppender,
showInserterHelpPanel = _this$props2.showInserterHelpPanel,
selectBlockOnInsert = _this$props2.__experimentalSelectBlockOnInsert,
isQuick = _this$props2.__experimentalIsQuick;
if (isQuick) {
return Object(external_this_wp_element_["createElement"])(quick_inserter, {
rootClientId: rootClientId,
clientId: clientId,
isAppender: isAppender,
selectBlockOnInsert: selectBlockOnInsert
});
}
return Object(external_this_wp_element_["createElement"])(menu, {
onSelect: onClose,
rootClientId: rootClientId,
clientId: clientId,
isAppender: isAppender,
showInserterHelpPanel: showInserterHelpPanel,
__experimentalSelectBlockOnInsert: selectBlockOnInsert
});
}
}, {
key: "render",
value: function render() {
var _this$props3 = this.props,
position = _this$props3.position,
hasSingleBlockType = _this$props3.hasSingleBlockType,
insertOnlyAllowedBlock = _this$props3.insertOnlyAllowedBlock,
isQuick = _this$props3.__experimentalIsQuick;
if (hasSingleBlockType) {
return this.renderToggle({
onToggle: insertOnlyAllowedBlock
});
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Dropdown"], {
className: "block-editor-inserter",
contentClassName: classnames_default()('block-editor-inserter__popover', {
'is-quick': isQuick
}),
position: position,
onToggle: this.onToggle,
expandOnMobile: true,
headerTitle: Object(external_this_wp_i18n_["__"])('Add a block'),
renderToggle: this.renderToggle,
renderContent: this.renderContent
});
}
}]);
return Inserter;
}(external_this_wp_element_["Component"]);
/* harmony default export */ var inserter = (Object(external_this_wp_compose_["compose"])([Object(external_this_wp_data_["withSelect"])(function (select, _ref4) {
var clientId = _ref4.clientId,
rootClientId = _ref4.rootClientId;
var _select = select('core/block-editor'),
getBlockRootClientId = _select.getBlockRootClientId,
hasInserterItems = _select.hasInserterItems,
__experimentalGetAllowedBlocks = _select.__experimentalGetAllowedBlocks;
var _select2 = select('core/blocks'),
getBlockVariations = _select2.getBlockVariations;
rootClientId = rootClientId || getBlockRootClientId(clientId) || undefined;
var allowedBlocks = __experimentalGetAllowedBlocks(rootClientId);
var hasSingleBlockType = Object(external_this_lodash_["size"])(allowedBlocks) === 1 && Object(external_this_lodash_["size"])(getBlockVariations(allowedBlocks[0].name, 'inserter')) === 0;
var allowedBlockType = false;
if (hasSingleBlockType) {
allowedBlockType = allowedBlocks[0];
}
return {
hasItems: hasInserterItems(rootClientId),
hasSingleBlockType: hasSingleBlockType,
blockTitle: allowedBlockType ? allowedBlockType.title : '',
allowedBlockType: allowedBlockType,
rootClientId: rootClientId
};
}), Object(external_this_wp_data_["withDispatch"])(function (dispatch, ownProps, _ref5) {
var select = _ref5.select;
return {
insertOnlyAllowedBlock: function insertOnlyAllowedBlock() {
var rootClientId = ownProps.rootClientId,
clientId = ownProps.clientId,
isAppender = ownProps.isAppender;
var hasSingleBlockType = ownProps.hasSingleBlockType,
allowedBlockType = ownProps.allowedBlockType,
selectBlockOnInsert = ownProps.__experimentalSelectBlockOnInsert;
if (!hasSingleBlockType) {
return;
}
function getInsertionIndex() {
var _select3 = select('core/block-editor'),
getBlockIndex = _select3.getBlockIndex,
getBlockSelectionEnd = _select3.getBlockSelectionEnd,
getBlockOrder = _select3.getBlockOrder; // If the clientId is defined, we insert at the position of the block.
if (clientId) {
return getBlockIndex(clientId, rootClientId);
} // If there a selected block, we insert after the selected block.
var end = getBlockSelectionEnd();
if (!isAppender && end) {
return getBlockIndex(end, rootClientId) + 1;
} // Otherwise, we insert at the end of the current rootClientId
return getBlockOrder(rootClientId).length;
}
var _dispatch = dispatch('core/block-editor'),
insertBlock = _dispatch.insertBlock;
var blockToInsert = Object(external_this_wp_blocks_["createBlock"])(allowedBlockType.name);
insertBlock(blockToInsert, getInsertionIndex(), rootClientId, selectBlockOnInsert);
if (!selectBlockOnInsert) {
var message = Object(external_this_wp_i18n_["sprintf"])( // translators: %s: the name of the block that has been added
Object(external_this_wp_i18n_["__"])('%s block added'), allowedBlockType.title);
Object(external_this_wp_a11y_["speak"])(message);
}
}
};
}), // The global inserter should always be visible, we are using ( ! isAppender && ! rootClientId && ! clientId ) as
// a way to detect the global Inserter.
Object(external_this_wp_compose_["ifCondition"])(function (_ref6) {
var hasItems = _ref6.hasItems,
isAppender = _ref6.isAppender,
rootClientId = _ref6.rootClientId,
clientId = _ref6.clientId;
return hasItems || !isAppender && !rootClientId && !clientId;
})])(inserter_Inserter));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/writing-flow/focus-capture.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Renders focus capturing areas to redirect focus to the selected block if not
* in Navigation mode.
*
* @param {string} selectedClientId Client ID of the selected block.
* @param {boolean} isReverse Set to true if the component is rendered
* after the block list, false if rendered
* before.
* @param {Object} containerRef Reference containing the element reference
* of the block list container.
* @param {boolean} noCapture Reference containing the flag for enabling
* or disabling capturing.
*
* @return {WPElement} The focus capture element.
*/
var FocusCapture = Object(external_this_wp_element_["forwardRef"])(function (_ref, ref) {
var selectedClientId = _ref.selectedClientId,
isReverse = _ref.isReverse,
containerRef = _ref.containerRef,
noCapture = _ref.noCapture,
hasMultiSelection = _ref.hasMultiSelection,
multiSelectionContainer = _ref.multiSelectionContainer;
var isNavigationMode = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').isNavigationMode();
});
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
setNavigationMode = _useDispatch.setNavigationMode;
function onFocus() {
// Do not capture incoming focus if set by us in WritingFlow.
if (noCapture.current) {
noCapture.current = null;
return;
} // When focus coming in from out of the block list, and no block is
// selected, enable Navigation mode and select the first or last block
// depending on the direction.
if (!selectedClientId) {
if (hasMultiSelection) {
multiSelectionContainer.current.focus();
return;
}
setNavigationMode(true);
var tabbables = external_this_wp_dom_["focus"].tabbable.find(containerRef.current);
if (tabbables.length) {
if (isReverse) {
Object(external_this_lodash_["last"])(tabbables).focus();
} else {
Object(external_this_lodash_["first"])(tabbables).focus();
}
}
return;
} // If there is a selected block, move focus to the first or last
// tabbable element depending on the direction.
var wrapper = getBlockDOMNode(selectedClientId);
if (isReverse) {
var _tabbables = external_this_wp_dom_["focus"].tabbable.find(wrapper);
var lastTabbable = Object(external_this_lodash_["last"])(_tabbables) || wrapper;
lastTabbable.focus();
} else {
wrapper.focus();
}
}
return Object(external_this_wp_element_["createElement"])("div", {
ref: ref // Don't allow tabbing to this element in Navigation mode.
,
tabIndex: !isNavigationMode ? '0' : undefined,
onFocus: onFocus // Needs to be positioned within the viewport, so focus to this
// element does not scroll the page.
,
style: {
position: 'fixed'
}
});
});
/* harmony default export */ var focus_capture = (FocusCapture);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/writing-flow/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Browser constants
*/
var writing_flow_window = window,
getSelection = writing_flow_window.getSelection,
writing_flow_getComputedStyle = writing_flow_window.getComputedStyle;
/**
* Given an element, returns true if the element is a tabbable text field, or
* false otherwise.
*
* @param {Element} element Element to test.
*
* @return {boolean} Whether element is a tabbable text field.
*/
var isTabbableTextField = Object(external_this_lodash_["overEvery"])([external_this_wp_dom_["isTextField"], external_this_wp_dom_["focus"].tabbable.isTabbableIndex]);
/**
* Returns true if the element should consider edge navigation upon a keyboard
* event of the given directional key code, or false otherwise.
*
* @param {Element} element HTML element to test.
* @param {number} keyCode KeyboardEvent keyCode to test.
* @param {boolean} hasModifier Whether a modifier is pressed.
*
* @return {boolean} Whether element should consider edge navigation.
*/
function isNavigationCandidate(element, keyCode, hasModifier) {
var isVertical = keyCode === external_this_wp_keycodes_["UP"] || keyCode === external_this_wp_keycodes_["DOWN"]; // Currently, all elements support unmodified vertical navigation.
if (isVertical && !hasModifier) {
return true;
} // Native inputs should not navigate horizontally.
var tagName = element.tagName;
return tagName !== 'INPUT' && tagName !== 'TEXTAREA';
}
/**
* Returns the optimal tab target from the given focused element in the
* desired direction. A preference is made toward text fields, falling back
* to the block focus stop if no other candidates exist for the block.
*
* @param {Element} target Currently focused text field.
* @param {boolean} isReverse True if considering as the first field.
* @param {Element} containerElement Element containing all blocks.
* @param {boolean} onlyVertical Wether to only consider tabbable elements
* that are visually above or under the
* target.
*
* @return {?Element} Optimal tab target, if one exists.
*/
function getClosestTabbable(target, isReverse, containerElement, onlyVertical) {
// Since the current focus target is not guaranteed to be a text field,
// find all focusables. Tabbability is considered later.
var focusableNodes = external_this_wp_dom_["focus"].focusable.find(containerElement);
if (isReverse) {
focusableNodes = Object(external_this_lodash_["reverse"])(focusableNodes);
} // Consider as candidates those focusables after the current target.
// It's assumed this can only be reached if the target is focusable
// (on its keydown event), so no need to verify it exists in the set.
focusableNodes = focusableNodes.slice(focusableNodes.indexOf(target) + 1);
var targetRect;
if (onlyVertical) {
targetRect = target.getBoundingClientRect();
}
function isTabCandidate(node, i, array) {
// Not a candidate if the node is not tabbable.
if (!external_this_wp_dom_["focus"].tabbable.isTabbableIndex(node)) {
return false;
}
if (onlyVertical) {
var nodeRect = node.getBoundingClientRect();
if (nodeRect.left >= targetRect.right || nodeRect.right <= targetRect.left) {
return false;
}
} // Prefer text fields...
if (Object(external_this_wp_dom_["isTextField"])(node)) {
return true;
} // ...but settle for block focus stop.
if (!isBlockFocusStop(node)) {
return false;
} // If element contains inner blocks, stop immediately at its focus
// wrapper.
if (hasInnerBlocksContext(node)) {
return true;
} // If navigating out of a block (in reverse), don't consider its
// block focus stop.
if (node.contains(target)) {
return false;
} // In case of block focus stop, check to see if there's a better
// text field candidate within.
for (var offset = 1, nextNode; nextNode = array[i + offset]; offset++) {
// Abort if no longer testing descendents of focus stop.
if (!node.contains(nextNode)) {
break;
} // Apply same tests by recursion. This is important to consider
// nestable blocks where we don't want to settle for the inner
// block focus stop.
if (isTabCandidate(nextNode, i + offset, array)) {
return false;
}
}
return true;
}
return Object(external_this_lodash_["find"])(focusableNodes, isTabCandidate);
}
function writing_flow_selector(select) {
var _select = select('core/block-editor'),
getSelectedBlockClientId = _select.getSelectedBlockClientId,
getMultiSelectedBlocksStartClientId = _select.getMultiSelectedBlocksStartClientId,
getMultiSelectedBlocksEndClientId = _select.getMultiSelectedBlocksEndClientId,
getPreviousBlockClientId = _select.getPreviousBlockClientId,
getNextBlockClientId = _select.getNextBlockClientId,
getFirstMultiSelectedBlockClientId = _select.getFirstMultiSelectedBlockClientId,
getLastMultiSelectedBlockClientId = _select.getLastMultiSelectedBlockClientId,
hasMultiSelection = _select.hasMultiSelection,
getBlockOrder = _select.getBlockOrder,
isNavigationMode = _select.isNavigationMode,
hasBlockMovingClientId = _select.hasBlockMovingClientId,
getBlockIndex = _select.getBlockIndex,
getBlockRootClientId = _select.getBlockRootClientId,
getClientIdsOfDescendants = _select.getClientIdsOfDescendants,
canInsertBlockType = _select.canInsertBlockType,
getBlockName = _select.getBlockName,
isSelectionEnabled = _select.isSelectionEnabled,
getBlockSelectionStart = _select.getBlockSelectionStart,
isMultiSelecting = _select.isMultiSelecting,
getSettings = _select.getSettings;
var selectedBlockClientId = getSelectedBlockClientId();
var selectionStartClientId = getMultiSelectedBlocksStartClientId();
var selectionEndClientId = getMultiSelectedBlocksEndClientId();
return {
selectedBlockClientId: selectedBlockClientId,
selectionStartClientId: selectionStartClientId,
selectionBeforeEndClientId: getPreviousBlockClientId(selectionEndClientId || selectedBlockClientId),
selectionAfterEndClientId: getNextBlockClientId(selectionEndClientId || selectedBlockClientId),
selectedFirstClientId: getFirstMultiSelectedBlockClientId(),
selectedLastClientId: getLastMultiSelectedBlockClientId(),
hasMultiSelection: hasMultiSelection(),
blocks: getBlockOrder(),
isNavigationMode: isNavigationMode(),
hasBlockMovingClientId: hasBlockMovingClientId,
getBlockIndex: getBlockIndex,
getBlockRootClientId: getBlockRootClientId,
getClientIdsOfDescendants: getClientIdsOfDescendants,
canInsertBlockType: canInsertBlockType,
getBlockName: getBlockName,
isSelectionEnabled: isSelectionEnabled(),
blockSelectionStart: getBlockSelectionStart(),
isMultiSelecting: isMultiSelecting(),
keepCaretInsideBlock: getSettings().keepCaretInsideBlock
};
}
/**
* Handles selection and navigation across blocks. This component should be
* wrapped around BlockList.
*
* @param {Object} props Component properties.
* @param {WPElement} props.children Children to be rendered.
*/
function WritingFlow(_ref) {
var children = _ref.children;
var container = Object(external_this_wp_element_["useRef"])();
var focusCaptureBeforeRef = Object(external_this_wp_element_["useRef"])();
var focusCaptureAfterRef = Object(external_this_wp_element_["useRef"])();
var multiSelectionContainer = Object(external_this_wp_element_["useRef"])();
var entirelySelected = Object(external_this_wp_element_["useRef"])(); // Reference that holds the a flag for enabling or disabling
// capturing on the focus capture elements.
var noCapture = Object(external_this_wp_element_["useRef"])(); // Here a DOMRect is stored while moving the caret vertically so vertical
// position of the start position can be restored. This is to recreate
// browser behaviour across blocks.
var verticalRect = Object(external_this_wp_element_["useRef"])();
var _useSelect = Object(external_this_wp_data_["useSelect"])(writing_flow_selector, []),
selectedBlockClientId = _useSelect.selectedBlockClientId,
selectionStartClientId = _useSelect.selectionStartClientId,
selectionBeforeEndClientId = _useSelect.selectionBeforeEndClientId,
selectionAfterEndClientId = _useSelect.selectionAfterEndClientId,
selectedFirstClientId = _useSelect.selectedFirstClientId,
selectedLastClientId = _useSelect.selectedLastClientId,
hasMultiSelection = _useSelect.hasMultiSelection,
blocks = _useSelect.blocks,
isNavigationMode = _useSelect.isNavigationMode,
hasBlockMovingClientId = _useSelect.hasBlockMovingClientId,
isSelectionEnabled = _useSelect.isSelectionEnabled,
blockSelectionStart = _useSelect.blockSelectionStart,
isMultiSelecting = _useSelect.isMultiSelecting,
getBlockIndex = _useSelect.getBlockIndex,
getBlockRootClientId = _useSelect.getBlockRootClientId,
getClientIdsOfDescendants = _useSelect.getClientIdsOfDescendants,
canInsertBlockType = _useSelect.canInsertBlockType,
getBlockName = _useSelect.getBlockName,
keepCaretInsideBlock = _useSelect.keepCaretInsideBlock;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
multiSelect = _useDispatch.multiSelect,
selectBlock = _useDispatch.selectBlock,
clearSelectedBlock = _useDispatch.clearSelectedBlock,
setNavigationMode = _useDispatch.setNavigationMode,
setBlockMovingClientId = _useDispatch.setBlockMovingClientId,
moveBlockToPosition = _useDispatch.moveBlockToPosition;
var _useState = Object(external_this_wp_element_["useState"])(false),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
canInsertMovingBlock = _useState2[0],
setCanInsertMovingBlock = _useState2[1];
function onMouseDown(event) {
verticalRect.current = null; // Clicking inside a selected block should exit navigation mode and block moving mode.
if (isNavigationMode && selectedBlockClientId && isInsideRootBlock(getBlockDOMNode(selectedBlockClientId), event.target)) {
setNavigationMode(false);
setBlockMovingClientId(null);
} else if (isNavigationMode && hasBlockMovingClientId() && getBlockClientId(event.target)) {
setCanInsertMovingBlock(canInsertBlockType(getBlockName(hasBlockMovingClientId()), getBlockRootClientId(getBlockClientId(event.target))));
} // Multi-select blocks when Shift+clicking.
if (isSelectionEnabled && // The main button.
// https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/button
event.button === 0) {
var clientId = getBlockClientId(event.target);
if (clientId) {
if (event.shiftKey) {
if (blockSelectionStart !== clientId) {
multiSelect(blockSelectionStart, clientId);
event.preventDefault();
} // Allow user to escape out of a multi-selection to a singular
// selection of a block via click. This is handled here since
// focus handling excludes blocks when there is multiselection,
// as focus can be incurred by starting a multiselection (focus
// moved to first block's multi-controls).
} else if (hasMultiSelection) {
selectBlock(clientId);
}
}
}
}
function expandSelection(isReverse) {
var nextSelectionEndClientId = isReverse ? selectionBeforeEndClientId : selectionAfterEndClientId;
if (nextSelectionEndClientId) {
multiSelect(selectionStartClientId || selectedBlockClientId, nextSelectionEndClientId);
}
}
function moveSelection(isReverse) {
var focusedBlockClientId = isReverse ? selectedFirstClientId : selectedLastClientId;
if (focusedBlockClientId) {
selectBlock(focusedBlockClientId);
}
}
/**
* Returns true if the given target field is the last in its block which
* can be considered for tab transition. For example, in a block with two
* text fields, this would return true when reversing from the first of the
* two fields, but false when reversing from the second.
*
* @param {Element} target Currently focused text field.
* @param {boolean} isReverse True if considering as the first field.
*
* @return {boolean} Whether field is at edge for tab transition.
*/
function isTabbableEdge(target, isReverse) {
var closestTabbable = getClosestTabbable(target, isReverse, container.current);
return !closestTabbable || !isInSameBlock(target, closestTabbable);
}
function onKeyDown(event) {
var keyCode = event.keyCode,
target = event.target;
var isUp = keyCode === external_this_wp_keycodes_["UP"];
var isDown = keyCode === external_this_wp_keycodes_["DOWN"];
var isLeft = keyCode === external_this_wp_keycodes_["LEFT"];
var isRight = keyCode === external_this_wp_keycodes_["RIGHT"];
var isTab = keyCode === external_this_wp_keycodes_["TAB"];
var isEscape = keyCode === external_this_wp_keycodes_["ESCAPE"];
var isEnter = keyCode === external_this_wp_keycodes_["ENTER"];
var isSpace = keyCode === external_this_wp_keycodes_["SPACE"];
var isReverse = isUp || isLeft;
var isHorizontal = isLeft || isRight;
var isVertical = isUp || isDown;
var isNav = isHorizontal || isVertical;
var isShift = event.shiftKey;
var hasModifier = isShift || event.ctrlKey || event.altKey || event.metaKey;
var isNavEdge = isVertical ? external_this_wp_dom_["isVerticalEdge"] : external_this_wp_dom_["isHorizontalEdge"]; // In navigation mode, tab and arrows navigate from block to block.
if (isNavigationMode) {
var navigateUp = isTab && isShift || isUp;
var navigateDown = isTab && !isShift || isDown; // Move out of current nesting level (no effect if at root level).
var navigateOut = isLeft; // Move into next nesting level (no effect if the current block has no innerBlocks).
var navigateIn = isRight;
var focusedBlockUid;
if (navigateUp) {
focusedBlockUid = selectionBeforeEndClientId;
} else if (navigateDown) {
focusedBlockUid = selectionAfterEndClientId;
} else if (navigateOut) {
var _getBlockRootClientId;
focusedBlockUid = (_getBlockRootClientId = getBlockRootClientId(selectedBlockClientId)) !== null && _getBlockRootClientId !== void 0 ? _getBlockRootClientId : selectedBlockClientId;
} else if (navigateIn) {
var _getClientIdsOfDescen;
focusedBlockUid = (_getClientIdsOfDescen = getClientIdsOfDescendants([selectedBlockClientId])[0]) !== null && _getClientIdsOfDescen !== void 0 ? _getClientIdsOfDescen : selectedBlockClientId;
}
var startingBlockClientId = hasBlockMovingClientId();
if (startingBlockClientId && focusedBlockUid) {
setCanInsertMovingBlock(canInsertBlockType(getBlockName(startingBlockClientId), getBlockRootClientId(focusedBlockUid)));
}
if (isEscape && startingBlockClientId) {
setBlockMovingClientId(null);
setCanInsertMovingBlock(false);
}
if ((isEnter || isSpace) && startingBlockClientId) {
var sourceRoot = getBlockRootClientId(startingBlockClientId);
var destRoot = getBlockRootClientId(selectedBlockClientId);
var sourceBlockIndex = getBlockIndex(startingBlockClientId, sourceRoot);
var destinationBlockIndex = getBlockIndex(selectedBlockClientId, destRoot);
if (sourceBlockIndex < destinationBlockIndex && sourceRoot === destRoot) {
destinationBlockIndex -= 1;
}
moveBlockToPosition(startingBlockClientId, sourceRoot, destRoot, destinationBlockIndex);
selectBlock(startingBlockClientId);
setBlockMovingClientId(null);
}
if (navigateDown || navigateUp || navigateOut || navigateIn) {
if (focusedBlockUid) {
event.preventDefault();
selectBlock(focusedBlockUid);
} else if (isTab && selectedBlockClientId) {
var wrapper = getBlockDOMNode(selectedBlockClientId);
var nextTabbable;
if (navigateDown) {
nextTabbable = external_this_wp_dom_["focus"].tabbable.findNext(wrapper);
} else {
nextTabbable = external_this_wp_dom_["focus"].tabbable.findPrevious(wrapper);
}
if (nextTabbable) {
event.preventDefault();
nextTabbable.focus();
clearSelectedBlock();
}
}
}
return;
} // In Edit mode, Tab should focus the first tabbable element after the
// content, which is normally the sidebar (with block controls) and
// Shift+Tab should focus the first tabbable element before the content,
// which is normally the block toolbar.
// Arrow keys can be used, and Tab and arrow keys can be used in
// Navigation mode (press Esc), to navigate through blocks.
if (selectedBlockClientId) {
if (isTab) {
var _wrapper = getBlockDOMNode(selectedBlockClientId);
if (isShift) {
if (target === _wrapper) {
// Disable focus capturing on the focus capture element, so
// it doesn't refocus this block and so it allows default
// behaviour (moving focus to the next tabbable element).
noCapture.current = true;
focusCaptureBeforeRef.current.focus();
return;
}
} else {
var tabbables = external_this_wp_dom_["focus"].tabbable.find(_wrapper);
var lastTabbable = Object(external_this_lodash_["last"])(tabbables) || _wrapper;
if (target === lastTabbable) {
// See comment above.
noCapture.current = true;
focusCaptureAfterRef.current.focus();
return;
}
}
} else if (isEscape) {
setNavigationMode(true);
}
} else if (hasMultiSelection && isTab && target === multiSelectionContainer.current) {
// See comment above.
noCapture.current = true;
if (isShift) {
focusCaptureBeforeRef.current.focus();
} else {
focusCaptureAfterRef.current.focus();
}
return;
} // When presing any key other than up or down, the initial vertical
// position must ALWAYS be reset. The vertical position is saved so it
// can be restored as well as possible on sebsequent vertical arrow key
// presses. It may not always be possible to restore the exact same
// position (such as at an empty line), so it wouldn't be good to
// compute the position right before any vertical arrow key press.
if (!isVertical) {
verticalRect.current = null;
} else if (!verticalRect.current) {
verticalRect.current = Object(external_this_wp_dom_["computeCaretRect"])();
} // This logic inside this condition needs to be checked before
// the check for event.nativeEvent.defaultPrevented.
// The logic handles meta+a keypress and this event is default prevented
// by RichText.
if (!isNav) {
// Set immediately before the meta+a combination can be pressed.
if (external_this_wp_keycodes_["isKeyboardEvent"].primary(event)) {
entirelySelected.current = Object(external_this_wp_dom_["isEntirelySelected"])(target);
}
if (external_this_wp_keycodes_["isKeyboardEvent"].primary(event, 'a')) {
// When the target is contentEditable, selection will already
// have been set by the browser earlier in this call stack. We
// need check the previous result, otherwise all blocks will be
// selected right away.
if (target.isContentEditable ? entirelySelected.current : Object(external_this_wp_dom_["isEntirelySelected"])(target)) {
multiSelect(Object(external_this_lodash_["first"])(blocks), Object(external_this_lodash_["last"])(blocks));
event.preventDefault();
} // After pressing primary + A we can assume isEntirelySelected is true.
// Calling right away isEntirelySelected after primary + A may still return false on some browsers.
entirelySelected.current = true;
}
return;
} // Abort if navigation has already been handled (e.g. RichText inline
// boundaries).
if (event.nativeEvent.defaultPrevented) {
return;
} // Abort if our current target is not a candidate for navigation (e.g.
// preserve native input behaviors).
if (!isNavigationCandidate(target, keyCode, hasModifier)) {
return;
} // In the case of RTL scripts, right means previous and left means next,
// which is the exact reverse of LTR.
var _getComputedStyle = writing_flow_getComputedStyle(target),
direction = _getComputedStyle.direction;
var isReverseDir = direction === 'rtl' ? !isReverse : isReverse;
if (isShift) {
if ( // Ensure that there is a target block.
(isReverse && selectionBeforeEndClientId || !isReverse && selectionAfterEndClientId) && (hasMultiSelection || isTabbableEdge(target, isReverse) && isNavEdge(target, isReverse))) {
// Shift key is down, and there is multi selection or we're at
// the end of the current block.
expandSelection(isReverse);
event.preventDefault();
}
} else if (hasMultiSelection) {
// Moving from block multi-selection to single block selection
moveSelection(isReverse);
event.preventDefault();
} else if (isVertical && Object(external_this_wp_dom_["isVerticalEdge"])(target, isReverse) && !keepCaretInsideBlock) {
var closestTabbable = getClosestTabbable(target, isReverse, container.current, true);
if (closestTabbable) {
Object(external_this_wp_dom_["placeCaretAtVerticalEdge"])(closestTabbable, isReverse, verticalRect.current);
event.preventDefault();
}
} else if (isHorizontal && getSelection().isCollapsed && Object(external_this_wp_dom_["isHorizontalEdge"])(target, isReverseDir) && !keepCaretInsideBlock) {
var _closestTabbable = getClosestTabbable(target, isReverseDir, container.current);
Object(external_this_wp_dom_["placeCaretAtHorizontalEdge"])(_closestTabbable, isReverseDir);
event.preventDefault();
}
}
function focusLastTextField() {
var focusableNodes = external_this_wp_dom_["focus"].focusable.find(container.current);
var target = Object(external_this_lodash_["findLast"])(focusableNodes, isTabbableTextField);
if (target) {
Object(external_this_wp_dom_["placeCaretAtHorizontalEdge"])(target, true);
}
}
Object(external_this_wp_element_["useEffect"])(function () {
if (hasMultiSelection && !isMultiSelecting) {
multiSelectionContainer.current.focus();
}
}, [hasMultiSelection, isMultiSelecting]);
var className = classnames_default()('block-editor-writing-flow', {
'is-navigate-mode': isNavigationMode,
'is-block-moving-mode': !!hasBlockMovingClientId(),
'can-insert-moving-block': canInsertMovingBlock
}); // Disable reason: Wrapper itself is non-interactive, but must capture
// bubbling events from children to determine focus transition intents.
/* eslint-disable jsx-a11y/no-static-element-interactions */
return Object(external_this_wp_element_["createElement"])("div", {
className: className
}, Object(external_this_wp_element_["createElement"])(focus_capture, {
ref: focusCaptureBeforeRef,
selectedClientId: selectedBlockClientId,
containerRef: container,
noCapture: noCapture,
hasMultiSelection: hasMultiSelection,
multiSelectionContainer: multiSelectionContainer
}), Object(external_this_wp_element_["createElement"])("div", {
ref: container,
onKeyDown: onKeyDown,
onMouseDown: onMouseDown
}, Object(external_this_wp_element_["createElement"])("div", {
ref: multiSelectionContainer,
tabIndex: hasMultiSelection ? '0' : undefined,
"aria-label": hasMultiSelection ? Object(external_this_wp_i18n_["__"])('Multiple selected blocks') : undefined // Needs to be positioned within the viewport, so focus to this
// element does not scroll the page.
,
style: {
position: 'fixed'
}
}), children), Object(external_this_wp_element_["createElement"])(focus_capture, {
ref: focusCaptureAfterRef,
selectedClientId: selectedBlockClientId,
containerRef: container,
noCapture: noCapture,
hasMultiSelection: hasMultiSelection,
multiSelectionContainer: multiSelectionContainer,
isReverse: true
}), Object(external_this_wp_element_["createElement"])("div", {
"aria-hidden": true,
tabIndex: -1,
onClick: focusLastTextField,
className: "block-editor-writing-flow__click-redirect"
}));
/* eslint-enable jsx-a11y/no-static-element-interactions */
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/insertion-point.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function InsertionPointInserter(_ref) {
var clientId = _ref.clientId,
setIsInserterForced = _ref.setIsInserterForced,
containerRef = _ref.containerRef;
var ref = Object(external_this_wp_element_["useRef"])(); // Hide the inserter above the selected block and during multi-selection.
var isInserterHidden = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getMultiSelectedBlockClientIds = _select.getMultiSelectedBlockClientIds,
getSelectedBlockClientId = _select.getSelectedBlockClientId,
hasMultiSelection = _select.hasMultiSelection;
var multiSelectedBlockClientIds = getMultiSelectedBlockClientIds();
var selectedBlockClientId = getSelectedBlockClientId();
return hasMultiSelection() ? multiSelectedBlockClientIds.includes(clientId) : clientId === selectedBlockClientId;
}, [clientId]);
function focusClosestTabbable(event) {
var clientX = event.clientX,
clientY = event.clientY,
target = event.target; // Only handle click on the wrapper specifically, and not an event
// bubbled from the inserter itself.
if (target !== ref.current) {
return;
}
var targetRect = target.getBoundingClientRect();
var isReverse = clientY < targetRect.top + targetRect.height / 2;
var blockNode = getBlockDOMNode(clientId);
var container = isReverse ? containerRef.current : blockNode;
var closest = getClosestTabbable(blockNode, true, container) || blockNode;
var rect = new window.DOMRect(clientX, clientY, 0, 16);
Object(external_this_wp_dom_["placeCaretAtVerticalEdge"])(closest, isReverse, rect, false);
}
return (
/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */
Object(external_this_wp_element_["createElement"])("div", {
ref: ref,
onFocus: function onFocus() {
return setIsInserterForced(true);
},
onBlur: function onBlur() {
return setIsInserterForced(false);
},
onClick: focusClosestTabbable // While ideally it would be enough to capture the
// bubbling focus event from the Inserter, due to the
// characteristics of click focusing of `button`s in
// Firefox and Safari, it is not reliable.
//
// See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus
,
tabIndex: -1,
className: classnames_default()('block-editor-block-list__insertion-point-inserter', {
'is-inserter-hidden': isInserterHidden
})
}, Object(external_this_wp_element_["createElement"])(inserter, {
position: "bottom center",
clientId: clientId,
__experimentalIsQuick: true
}))
);
}
function InsertionPointPopover(_ref2) {
var clientId = _ref2.clientId,
isInserterShown = _ref2.isInserterShown,
isInserterForced = _ref2.isInserterForced,
setIsInserterForced = _ref2.setIsInserterForced,
containerRef = _ref2.containerRef,
showInsertionPoint = _ref2.showInsertionPoint;
var element = getBlockDOMNode(clientId);
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Popover"], {
noArrow: true,
animate: false,
anchorRef: element,
position: "top right left",
focusOnMount: false,
className: "block-editor-block-list__insertion-point-popover",
__unstableSlotName: "block-toolbar"
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-list__insertion-point",
style: {
width: element === null || element === void 0 ? void 0 : element.offsetWidth
}
}, showInsertionPoint && Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-list__insertion-point-indicator"
}), (isInserterShown || isInserterForced) && Object(external_this_wp_element_["createElement"])(InsertionPointInserter, {
clientId: clientId,
setIsInserterForced: setIsInserterForced,
containerRef: containerRef
})));
}
function InsertionPoint(_ref3) {
var children = _ref3.children,
containerRef = _ref3.containerRef;
var _useState = Object(external_this_wp_element_["useState"])(false),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
isInserterShown = _useState2[0],
setIsInserterShown = _useState2[1];
var _useState3 = Object(external_this_wp_element_["useState"])(false),
_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),
isInserterForced = _useState4[0],
setIsInserterForced = _useState4[1];
var _useState5 = Object(external_this_wp_element_["useState"])(null),
_useState6 = Object(slicedToArray["a" /* default */])(_useState5, 2),
inserterClientId = _useState6[0],
setInserterClientId = _useState6[1];
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select2 = select('core/block-editor'),
_isMultiSelecting = _select2.isMultiSelecting,
isBlockInsertionPointVisible = _select2.isBlockInsertionPointVisible,
getBlockInsertionPoint = _select2.getBlockInsertionPoint,
getBlockOrder = _select2.getBlockOrder;
var insertionPoint = getBlockInsertionPoint();
var order = getBlockOrder(insertionPoint.rootClientId);
return {
isMultiSelecting: _isMultiSelecting(),
isInserterVisible: isBlockInsertionPointVisible(),
selectedClientId: order[insertionPoint.index]
};
}, []),
isMultiSelecting = _useSelect.isMultiSelecting,
isInserterVisible = _useSelect.isInserterVisible,
selectedClientId = _useSelect.selectedClientId;
function onMouseMove(event) {
if (!event.target.classList.contains('block-editor-block-list__layout')) {
if (isInserterShown) {
setIsInserterShown(false);
}
return;
}
var rect = event.target.getBoundingClientRect();
var offset = event.clientY - rect.top;
var element = Array.from(event.target.children).find(function (blockEl) {
return blockEl.offsetTop > offset;
});
if (!element) {
return;
}
var clientId = element.id.slice('block-'.length);
if (!clientId) {
return;
}
var elementRect = element.getBoundingClientRect();
if (event.clientX > elementRect.right || event.clientX < elementRect.left) {
if (isInserterShown) {
setIsInserterShown(false);
}
return;
}
setIsInserterShown(true);
setInserterClientId(clientId);
}
var isVisible = isInserterShown || isInserterForced || isInserterVisible;
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, !isMultiSelecting && isVisible && Object(external_this_wp_element_["createElement"])(InsertionPointPopover, {
clientId: isInserterVisible ? selectedClientId : inserterClientId,
isInserterShown: isInserterShown,
isInserterForced: isInserterForced,
setIsInserterForced: setIsInserterForced,
containerRef: containerRef,
showInsertionPoint: isInserterVisible
}), Object(external_this_wp_element_["createElement"])("div", {
onMouseMove: !isInserterForced && !isMultiSelecting ? onMouseMove : undefined
}, children));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block-selection-button.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Returns true if the user is using windows.
*
* @return {boolean} Whether the user is using Windows.
*/
function isWindows() {
return window.navigator.platform.indexOf('Win') > -1;
}
/**
* Block selection button component, displaying the label of the block. If the block
* descends from a root block, a button is displayed enabling the user to select
* the root block.
*
* @param {string} props Component props.
* @param {string} props.clientId Client ID of block.
*
* @return {WPComponent} The component to be rendered.
*/
function BlockSelectionButton(_ref) {
var clientId = _ref.clientId,
rootClientId = _ref.rootClientId,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["clientId", "rootClientId"]);
var selected = Object(external_this_wp_data_["useSelect"])(function (select) {
var _getBlockListSettings;
var _select = select('core/block-editor'),
__unstableGetBlockWithoutInnerBlocks = _select.__unstableGetBlockWithoutInnerBlocks,
getBlockIndex = _select.getBlockIndex,
hasBlockMovingClientId = _select.hasBlockMovingClientId,
getBlockListSettings = _select.getBlockListSettings;
var index = getBlockIndex(clientId, rootClientId);
var _unstableGetBlockWit = __unstableGetBlockWithoutInnerBlocks(clientId),
name = _unstableGetBlockWit.name,
attributes = _unstableGetBlockWit.attributes;
var blockMovingMode = hasBlockMovingClientId();
return {
index: index,
name: name,
attributes: attributes,
blockMovingMode: blockMovingMode,
orientation: (_getBlockListSettings = getBlockListSettings(rootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation
};
}, [clientId, rootClientId]);
var index = selected.index,
name = selected.name,
attributes = selected.attributes,
blockMovingMode = selected.blockMovingMode,
orientation = selected.orientation;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
setNavigationMode = _useDispatch.setNavigationMode,
removeBlock = _useDispatch.removeBlock;
var ref = Object(external_this_wp_element_["useRef"])(); // Focus the breadcrumb in navigation mode.
Object(external_this_wp_element_["useEffect"])(function () {
ref.current.focus(); // NVDA on windows suffers from a bug where focus changes are not announced properly
// See WordPress/gutenberg#24121 and nvaccess/nvda#5825 for more details
// To solve it we announce the focus change manually.
if (isWindows()) {
Object(external_this_wp_a11y_["speak"])(label);
}
}, []);
function onKeyDown(event) {
var keyCode = event.keyCode;
if (keyCode === external_this_wp_keycodes_["BACKSPACE"] || keyCode === external_this_wp_keycodes_["DELETE"]) {
removeBlock(clientId);
event.preventDefault();
}
}
var blockType = Object(external_this_wp_blocks_["getBlockType"])(name);
var label = Object(external_this_wp_blocks_["__experimentalGetAccessibleBlockLabel"])(blockType, attributes, index + 1, orientation);
var classNames = classnames_default()('block-editor-block-list__block-selection-button', {
'is-block-moving-mode': !!blockMovingMode
});
return Object(external_this_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({
className: classNames
}, props), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
ref: ref,
onClick: function onClick() {
return setNavigationMode(false);
},
onKeyDown: onKeyDown,
label: label
}, Object(external_this_wp_element_["createElement"])(BlockTitle, {
clientId: clientId
})));
}
/* harmony default export */ var block_selection_button = (BlockSelectionButton);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/navigable-toolbar/index.js
/**
* WordPress dependencies
*/
function useUpdateLayoutEffect(effect, deps) {
var mounted = Object(external_this_wp_element_["useRef"])(false);
Object(external_this_wp_element_["useLayoutEffect"])(function () {
if (mounted.current) {
return effect();
}
mounted.current = true;
}, deps);
}
function hasOnlyToolbarItem(elements) {
var dataProp = 'experimentalToolbarItem';
return !elements.some(function (element) {
return !(dataProp in element.dataset);
});
}
function focusFirstTabbableIn(container) {
var _focus$tabbable$find = external_this_wp_dom_["focus"].tabbable.find(container),
_focus$tabbable$find2 = Object(slicedToArray["a" /* default */])(_focus$tabbable$find, 1),
firstTabbable = _focus$tabbable$find2[0];
if (firstTabbable) {
firstTabbable.focus();
}
}
function useIsAccessibleToolbar(ref) {
/*
* By default, we'll assume the starting accessible state of the Toolbar
* is true, as it seems to be the most common case.
*
* Transitioning from an (initial) false to true state causes the
* component to mount twice, which is causing undesired
* side-effects. These side-effects appear to only affect certain
* E2E tests.
*
* This was initial discovered in this pull-request:
* https://github.com/WordPress/gutenberg/pull/23425
*/
var initialAccessibleToolbarState = true; // By default, it's gonna render NavigableMenu. If all the tabbable elements
// inside the toolbar are ToolbarItem components (or derived components like
// ToolbarButton), then we can wrap them with the accessible Toolbar
// component.
var _useState = Object(external_this_wp_element_["useState"])(initialAccessibleToolbarState),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
isAccessibleToolbar = _useState2[0],
setIsAccessibleToolbar = _useState2[1];
var determineIsAccessibleToolbar = Object(external_this_wp_element_["useCallback"])(function () {
var tabbables = external_this_wp_dom_["focus"].tabbable.find(ref.current);
setIsAccessibleToolbar(hasOnlyToolbarItem(tabbables));
}, []);
Object(external_this_wp_element_["useLayoutEffect"])(determineIsAccessibleToolbar, []);
useUpdateLayoutEffect(function () {
// Toolbar buttons may be rendered asynchronously, so we use
// MutationObserver to check if the toolbar subtree has been modified
var observer = new window.MutationObserver(determineIsAccessibleToolbar);
observer.observe(ref.current, {
childList: true,
subtree: true
});
return function () {
return observer.disconnect();
};
}, [isAccessibleToolbar]);
return isAccessibleToolbar;
}
function useToolbarFocus(ref, focusOnMount, isAccessibleToolbar) {
// Make sure we don't use modified versions of this prop
var _useState3 = Object(external_this_wp_element_["useState"])(focusOnMount),
_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 1),
initialFocusOnMount = _useState4[0];
var focusToolbar = Object(external_this_wp_element_["useCallback"])(function () {
focusFirstTabbableIn(ref.current);
}, []);
Object(external_this_wp_keyboardShortcuts_["useShortcut"])('core/block-editor/focus-toolbar', focusToolbar, {
bindGlobal: true,
eventName: 'keydown'
});
Object(external_this_wp_element_["useEffect"])(function () {
if (initialFocusOnMount) {
focusToolbar();
}
}, [isAccessibleToolbar, initialFocusOnMount, focusToolbar]);
}
function NavigableToolbar(_ref) {
var children = _ref.children,
focusOnMount = _ref.focusOnMount,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["children", "focusOnMount"]);
var wrapper = Object(external_this_wp_element_["useRef"])();
var isAccessibleToolbar = useIsAccessibleToolbar(wrapper);
useToolbarFocus(wrapper, focusOnMount, isAccessibleToolbar);
if (isAccessibleToolbar) {
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Toolbar"], Object(esm_extends["a" /* default */])({
__experimentalAccessibilityLabel: props['aria-label'],
ref: wrapper
}, props), children);
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["NavigableMenu"], Object(esm_extends["a" /* default */])({
orientation: "horizontal",
role: "toolbar",
ref: wrapper
}, props), children);
}
/* harmony default export */ var navigable_toolbar = (NavigableToolbar);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-mover/index.js
function block_mover_createSuper(Derived) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (block_mover_isNativeReflectConstruct()) { 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 block_mover_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 block_mover_BlockMover = /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(BlockMover, _Component);
var _super = block_mover_createSuper(BlockMover);
function BlockMover() {
var _this;
Object(classCallCheck["a" /* default */])(this, BlockMover);
_this = _super.apply(this, arguments);
_this.state = {
isFocused: false
};
_this.onFocus = _this.onFocus.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.onBlur = _this.onBlur.bind(Object(assertThisInitialized["a" /* default */])(_this));
return _this;
}
Object(createClass["a" /* default */])(BlockMover, [{
key: "onFocus",
value: function onFocus() {
this.setState({
isFocused: true
});
}
}, {
key: "onBlur",
value: function onBlur() {
this.setState({
isFocused: false
});
}
}, {
key: "render",
value: function render() {
var _this$props = this.props,
isFirst = _this$props.isFirst,
isLast = _this$props.isLast,
clientIds = _this$props.clientIds,
isLocked = _this$props.isLocked,
isHidden = _this$props.isHidden,
rootClientId = _this$props.rootClientId,
orientation = _this$props.orientation;
var isFocused = this.state.isFocused;
if (isLocked || isFirst && isLast && !rootClientId) {
return null;
} // We emulate a disabled state because forcefully applying the `disabled`
// attribute on the buttons while it has focus causes the screen to change
// to an unfocused state (body as active element) without firing blur on,
// the rendering parent, leaving it unable to react to focus out.
return Object(external_this_wp_element_["createElement"])("div", {
className: classnames_default()('block-editor-block-mover', {
'is-visible': isFocused || !isHidden,
'is-horizontal': orientation === 'horizontal'
})
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarGroup"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalToolbarItem"], {
onFocus: this.onFocus,
onBlur: this.onBlur
}, function (itemProps) {
return Object(external_this_wp_element_["createElement"])(BlockMoverUpButton, Object(esm_extends["a" /* default */])({
clientIds: clientIds
}, itemProps));
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalToolbarItem"], {
onFocus: this.onFocus,
onBlur: this.onBlur
}, function (itemProps) {
return Object(external_this_wp_element_["createElement"])(BlockMoverDownButton, Object(esm_extends["a" /* default */])({
clientIds: clientIds
}, itemProps));
})));
}
}]);
return BlockMover;
}(external_this_wp_element_["Component"]);
/* harmony default export */ var block_mover = (Object(external_this_wp_data_["withSelect"])(function (select, _ref) {
var _getBlockListSettings;
var clientIds = _ref.clientIds;
var _select = select('core/block-editor'),
getBlock = _select.getBlock,
getBlockIndex = _select.getBlockIndex,
getBlockListSettings = _select.getBlockListSettings,
getTemplateLock = _select.getTemplateLock,
getBlockOrder = _select.getBlockOrder,
getBlockRootClientId = _select.getBlockRootClientId;
var normalizedClientIds = Object(external_this_lodash_["castArray"])(clientIds);
var firstClientId = Object(external_this_lodash_["first"])(normalizedClientIds);
var block = getBlock(firstClientId);
var rootClientId = getBlockRootClientId(Object(external_this_lodash_["first"])(normalizedClientIds));
var firstIndex = getBlockIndex(firstClientId, rootClientId);
var lastIndex = getBlockIndex(Object(external_this_lodash_["last"])(normalizedClientIds), rootClientId);
var blockOrder = getBlockOrder(rootClientId);
var isFirst = firstIndex === 0;
var isLast = lastIndex === blockOrder.length - 1;
return {
blockType: block ? Object(external_this_wp_blocks_["getBlockType"])(block.name) : null,
isLocked: getTemplateLock(rootClientId) === 'all',
rootClientId: rootClientId,
firstIndex: firstIndex,
isFirst: isFirst,
isLast: isLast,
orientation: (_getBlockListSettings = getBlockListSettings(rootClientId)) === null || _getBlockListSettings === void 0 ? void 0 : _getBlockListSettings.orientation
};
})(block_mover_BlockMover));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-parent-selector/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Block parent selector component, displaying the hierarchy of the
* current block selection as a single icon to "go up" a level.
*
* @return {WPComponent} Parent block selector.
*/
function BlockParentSelector() {
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
selectBlock = _useDispatch.selectBlock;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getBlockName = _select.getBlockName,
getBlockParents = _select.getBlockParents,
getSelectedBlockClientId = _select.getSelectedBlockClientId;
var selectedBlockClientId = getSelectedBlockClientId();
var parents = getBlockParents(selectedBlockClientId);
var _firstParentClientId = parents[parents.length - 1];
var parentBlockName = getBlockName(_firstParentClientId);
return {
parentBlockType: Object(external_this_wp_blocks_["getBlockType"])(parentBlockName),
firstParentClientId: _firstParentClientId
};
}, []),
parentBlockType = _useSelect.parentBlockType,
firstParentClientId = _useSelect.firstParentClientId;
if (firstParentClientId !== undefined) {
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-parent-selector",
key: firstParentClientId
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarButton"], {
className: "block-editor-block-parent-selector__button",
onClick: function onClick() {
return selectBlock(firstParentClientId);
},
label: Object(external_this_wp_i18n_["sprintf"])(
/* translators: %s: Name of the block's parent. */
Object(external_this_wp_i18n_["__"])('Select parent (%s)'), parentBlockType.title),
showTooltip: true,
icon: Object(external_this_wp_element_["createElement"])(BlockIcon, {
icon: parentBlockType.icon
})
}));
}
return null;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/stack.js
/**
* WordPress dependencies
*/
var stack_stack = Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["Path"], {
d: "M20.2 8v11c0 .7-.6 1.2-1.2 1.2H6v1.5h13c1.5 0 2.7-1.2 2.7-2.8V8zM18 16.4V4.6c0-.9-.7-1.6-1.6-1.6H4.6C3.7 3 3 3.7 3 4.6v11.8c0 .9.7 1.6 1.6 1.6h11.8c.9 0 1.6-.7 1.6-1.6zm-13.5 0V4.6c0-.1.1-.1.1-.1h11.8c.1 0 .1.1.1.1v11.8c0 .1-.1.1-.1.1H4.6l-.1-.1z"
}));
/* harmony default export */ var library_stack = (stack_stack);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-styles/index.js
function block_styles_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 block_styles_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { block_styles_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 { block_styles_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function block_styles_createForOfIteratorHelper(o) { if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (o = block_styles_unsupportedIterableToArray(o))) { 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 it, 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 block_styles_unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return block_styles_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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return block_styles_arrayLikeToArray(o, minLen); }
function block_styles_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; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Returns the active style from the given className.
*
* @param {Array} styles Block style variations.
* @param {string} className Class name
*
* @return {Object?} The active style.
*/
function getActiveStyle(styles, className) {
var _iterator = block_styles_createForOfIteratorHelper(new external_this_wp_tokenList_default.a(className).values()),
_step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done;) {
var style = _step.value;
if (style.indexOf('is-style-') === -1) {
continue;
}
var potentialStyleName = style.substring(9);
var activeStyle = Object(external_this_lodash_["find"])(styles, {
name: potentialStyleName
});
if (activeStyle) {
return activeStyle;
}
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
return Object(external_this_lodash_["find"])(styles, 'isDefault');
}
/**
* Replaces the active style in the block's className.
*
* @param {string} className Class name.
* @param {Object?} activeStyle The replaced style.
* @param {Object} newStyle The replacing style.
*
* @return {string} The updated className.
*/
function replaceActiveStyle(className, activeStyle, newStyle) {
var list = new external_this_wp_tokenList_default.a(className);
if (activeStyle) {
list.remove('is-style-' + activeStyle.name);
}
list.add('is-style-' + newStyle.name);
return list.value;
}
var block_styles_useGenericPreviewBlock = function useGenericPreviewBlock(block, type) {
return Object(external_this_wp_element_["useMemo"])(function () {
return type.example ? Object(external_this_wp_blocks_["getBlockFromExample"])(block.name, {
attributes: type.example.attributes,
innerBlocks: type.example.innerBlocks
}) : Object(external_this_wp_blocks_["cloneBlock"])(block);
}, [type.example ? block.name : block, type]);
};
function BlockStyles(_ref) {
var clientId = _ref.clientId,
_ref$onSwitch = _ref.onSwitch,
onSwitch = _ref$onSwitch === void 0 ? external_this_lodash_["noop"] : _ref$onSwitch,
_ref$onHoverClassName = _ref.onHoverClassName,
onHoverClassName = _ref$onHoverClassName === void 0 ? external_this_lodash_["noop"] : _ref$onHoverClassName,
itemRole = _ref.itemRole;
var selector = function selector(select) {
var _select = select('core/block-editor'),
getBlock = _select.getBlock;
var _select2 = select('core/blocks'),
getBlockStyles = _select2.getBlockStyles;
var block = getBlock(clientId);
var blockType = Object(external_this_wp_blocks_["getBlockType"])(block.name);
return {
block: block,
type: blockType,
styles: getBlockStyles(block.name),
className: block.attributes.className || ''
};
};
var _useSelect = Object(external_this_wp_data_["useSelect"])(selector, [clientId]),
styles = _useSelect.styles,
block = _useSelect.block,
type = _useSelect.type,
className = _useSelect.className;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
updateBlockAttributes = _useDispatch.updateBlockAttributes;
var genericPreviewBlock = block_styles_useGenericPreviewBlock(block, type);
if (!styles || styles.length === 0) {
return null;
}
var renderedStyles = Object(external_this_lodash_["find"])(styles, 'isDefault') ? styles : [{
name: 'default',
label: Object(external_this_wp_i18n_["_x"])('Default', 'block style'),
isDefault: true
}].concat(Object(toConsumableArray["a" /* default */])(styles));
var activeStyle = getActiveStyle(renderedStyles, className);
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-styles"
}, renderedStyles.map(function (style) {
var styleClassName = replaceActiveStyle(className, activeStyle, style);
return Object(external_this_wp_element_["createElement"])(BlockStyleItem, {
genericPreviewBlock: genericPreviewBlock,
className: className,
isActive: activeStyle === style,
key: style.name,
onSelect: function onSelect() {
updateBlockAttributes(clientId, {
className: styleClassName
});
onHoverClassName(null);
onSwitch();
},
onBlur: function onBlur() {
return onHoverClassName(null);
},
onHover: function onHover() {
return onHoverClassName(styleClassName);
},
style: style,
styleClassName: styleClassName,
itemRole: itemRole
});
}));
}
function BlockStyleItem(_ref2) {
var genericPreviewBlock = _ref2.genericPreviewBlock,
style = _ref2.style,
isActive = _ref2.isActive,
onBlur = _ref2.onBlur,
onHover = _ref2.onHover,
onSelect = _ref2.onSelect,
styleClassName = _ref2.styleClassName,
itemRole = _ref2.itemRole;
var previewBlocks = Object(external_this_wp_element_["useMemo"])(function () {
return block_styles_objectSpread({}, genericPreviewBlock, {
attributes: block_styles_objectSpread({}, genericPreviewBlock.attributes, {
className: styleClassName
})
});
}, [genericPreviewBlock, styleClassName]);
return Object(external_this_wp_element_["createElement"])("div", {
key: style.name,
className: classnames_default()('block-editor-block-styles__item', {
'is-active': isActive
}),
onClick: function onClick() {
return onSelect();
},
onKeyDown: function onKeyDown(event) {
if (external_this_wp_keycodes_["ENTER"] === event.keyCode || external_this_wp_keycodes_["SPACE"] === event.keyCode) {
event.preventDefault();
onSelect();
}
},
onMouseEnter: onHover,
onMouseLeave: onBlur,
role: itemRole || 'button',
tabIndex: "0",
"aria-label": style.label || style.name
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-styles__item-preview"
}, Object(external_this_wp_element_["createElement"])(block_preview, {
viewportWidth: 500,
blocks: previewBlocks
})), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-styles__item-label"
}, style.label || style.name));
}
/* harmony default export */ var block_styles = (BlockStyles);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/block-transformations-menu.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var block_transformations_menu_BlockTransformationsMenu = function BlockTransformationsMenu(_ref) {
var className = _ref.className,
possibleBlockTransformations = _ref.possibleBlockTransformations,
onSelect = _ref.onSelect;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuGroup"], {
label: Object(external_this_wp_i18n_["__"])('Transform to'),
className: className
}, possibleBlockTransformations.map(function (item) {
var name = item.name,
icon = item.icon,
title = item.title;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
key: name,
className: Object(external_this_wp_blocks_["getBlockMenuDefaultClassName"])(name),
icon: Object(external_this_wp_element_["createElement"])(BlockIcon, {
icon: icon,
showColors: true
}),
onClick: function onClick(event) {
event.preventDefault();
onSelect(name);
}
}, title);
}));
};
/* harmony default export */ var block_transformations_menu = (block_transformations_menu_BlockTransformationsMenu);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-switcher/index.js
function block_switcher_createSuper(Derived) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (block_switcher_isNativeReflectConstruct()) { 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 block_switcher_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 block_switcher_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 block_switcher_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { block_switcher_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 { block_switcher_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function PreviewBlockPopover(_ref) {
var hoveredBlock = _ref.hoveredBlock,
hoveredClassName = _ref.hoveredClassName;
var hoveredBlockType = Object(external_this_wp_blocks_["getBlockType"])(hoveredBlock.name);
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-switcher__popover__preview__parent"
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-switcher__popover__preview__container"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Popover"], {
className: "block-editor-block-switcher__preview__popover",
position: "bottom right",
focusOnMount: false
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-switcher__preview"
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-switcher__preview-title"
}, Object(external_this_wp_i18n_["__"])('Preview')), Object(external_this_wp_element_["createElement"])(block_preview, {
viewportWidth: 500,
blocks: hoveredBlockType.example ? Object(external_this_wp_blocks_["getBlockFromExample"])(hoveredBlock.name, {
attributes: block_switcher_objectSpread({}, hoveredBlockType.example.attributes, {
className: hoveredClassName
}),
innerBlocks: hoveredBlockType.example.innerBlocks
}) : Object(external_this_wp_blocks_["cloneBlock"])(hoveredBlock, {
className: hoveredClassName
})
})))));
}
var block_switcher_BlockSwitcher = /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(BlockSwitcher, _Component);
var _super = block_switcher_createSuper(BlockSwitcher);
function BlockSwitcher() {
var _this;
Object(classCallCheck["a" /* default */])(this, BlockSwitcher);
_this = _super.apply(this, arguments);
_this.state = {
hoveredClassName: null
};
_this.onHoverClassName = _this.onHoverClassName.bind(Object(assertThisInitialized["a" /* default */])(_this));
return _this;
}
Object(createClass["a" /* default */])(BlockSwitcher, [{
key: "onHoverClassName",
value: function onHoverClassName(className) {
this.setState({
hoveredClassName: className
});
}
}, {
key: "render",
value: function render() {
var _this2 = this;
var _this$props = this.props,
blocks = _this$props.blocks,
onTransform = _this$props.onTransform,
inserterItems = _this$props.inserterItems,
hasBlockStyles = _this$props.hasBlockStyles;
var hoveredClassName = this.state.hoveredClassName;
if (!Array.isArray(blocks) || !blocks.length) {
return null;
}
var _blocks = Object(slicedToArray["a" /* default */])(blocks, 1),
hoveredBlock = _blocks[0];
var itemsByName = Object(external_this_lodash_["mapKeys"])(inserterItems, function (_ref2) {
var name = _ref2.name;
return name;
});
var possibleBlockTransformations = Object(external_this_lodash_["orderBy"])(Object(external_this_lodash_["filter"])(Object(external_this_wp_blocks_["getPossibleBlockTransformations"])(blocks), function (block) {
return block && !!itemsByName[block.name];
}), function (block) {
return itemsByName[block.name].frecency;
}, 'desc'); // When selection consists of blocks of multiple types, display an
// appropriate icon to communicate the non-uniformity.
var isSelectionOfSameType = Object(external_this_lodash_["uniq"])(Object(external_this_lodash_["map"])(blocks, 'name')).length === 1;
var icon;
if (isSelectionOfSameType) {
var sourceBlockName = hoveredBlock.name;
var blockType = Object(external_this_wp_blocks_["getBlockType"])(sourceBlockName);
icon = blockType.icon;
} else {
icon = library_stack;
}
var hasPossibleBlockTransformations = !!possibleBlockTransformations.length;
if (!hasBlockStyles && !hasPossibleBlockTransformations) {
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarGroup"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarButton"], {
disabled: true,
className: "block-editor-block-switcher__no-switcher-icon",
title: Object(external_this_wp_i18n_["__"])('Block icon'),
icon: Object(external_this_wp_element_["createElement"])(BlockIcon, {
icon: icon,
showColors: true
})
}));
}
var blockSwitcherLabel = 1 === blocks.length ? Object(external_this_wp_i18n_["__"])('Change block type or style') : Object(external_this_wp_i18n_["sprintf"])(
/* translators: %s: number of blocks. */
Object(external_this_wp_i18n_["_n"])('Change type of %d block', 'Change type of %d blocks', blocks.length), blocks.length);
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarGroup"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalToolbarItem"], null, function (toggleProps) {
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["DropdownMenu"], {
className: "block-editor-block-switcher",
label: blockSwitcherLabel,
popoverProps: {
position: 'bottom right',
isAlternate: true,
className: 'block-editor-block-switcher__popover'
},
icon: Object(external_this_wp_element_["createElement"])(BlockIcon, {
icon: icon,
className: "block-editor-block-switcher__toggle",
showColors: true
}),
toggleProps: toggleProps,
menuProps: {
orientation: 'both'
}
}, function (_ref3) {
var onClose = _ref3.onClose;
return (hasBlockStyles || hasPossibleBlockTransformations) && Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-switcher__container"
}, hasPossibleBlockTransformations && Object(external_this_wp_element_["createElement"])(block_transformations_menu, {
className: "block-editor-block-switcher__transforms__menugroup",
possibleBlockTransformations: possibleBlockTransformations,
onSelect: function onSelect(name) {
onTransform(blocks, name);
onClose();
}
}), hasBlockStyles && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuGroup"], {
label: Object(external_this_wp_i18n_["__"])('Styles'),
className: "block-editor-block-switcher__styles__menugroup"
}, hoveredClassName !== null && Object(external_this_wp_element_["createElement"])(PreviewBlockPopover, {
hoveredBlock: hoveredBlock,
hoveredClassName: hoveredClassName
}), Object(external_this_wp_element_["createElement"])(block_styles, {
clientId: hoveredBlock.clientId,
onSwitch: onClose,
onHoverClassName: _this2.onHoverClassName,
itemRole: "menuitem"
})));
});
}));
}
}]);
return BlockSwitcher;
}(external_this_wp_element_["Component"]);
/* harmony default export */ var block_switcher = (Object(external_this_wp_compose_["compose"])(Object(external_this_wp_data_["withSelect"])(function (select, _ref4) {
var clientIds = _ref4.clientIds;
var _select = select('core/block-editor'),
getBlocksByClientId = _select.getBlocksByClientId,
getBlockRootClientId = _select.getBlockRootClientId,
getInserterItems = _select.getInserterItems;
var _select2 = select('core/blocks'),
getBlockStyles = _select2.getBlockStyles;
var rootClientId = getBlockRootClientId(Object(external_this_lodash_["castArray"])(clientIds)[0]);
var blocks = getBlocksByClientId(clientIds);
var firstBlock = blocks && blocks.length === 1 ? blocks[0] : null;
var styles = firstBlock && getBlockStyles(firstBlock.name);
return {
blocks: blocks,
inserterItems: getInserterItems(rootClientId),
hasBlockStyles: styles && styles.length > 0
};
}), Object(external_this_wp_data_["withDispatch"])(function (dispatch, ownProps) {
return {
onTransform: function onTransform(blocks, name) {
dispatch('core/block-editor').replaceBlocks(ownProps.clientIds, Object(external_this_wp_blocks_["switchToBlockType"])(blocks, name));
}
};
}))(block_switcher_BlockSwitcher));
// EXTERNAL MODULE: external {"this":["wp","blob"]}
var external_this_wp_blob_ = __webpack_require__(44);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/get-paste-event-data.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function getPasteEventData(_ref) {
var clipboardData = _ref.clipboardData;
var items = clipboardData.items,
files = clipboardData.files; // In Edge these properties can be null instead of undefined, so a more
// rigorous test is required over using default values.
items = Object(external_this_lodash_["isNil"])(items) ? [] : items;
files = Object(external_this_lodash_["isNil"])(files) ? [] : files;
var plainText = '';
var html = ''; // IE11 only supports `Text` as an argument for `getData` and will
// otherwise throw an invalid argument error, so we try the standard
// arguments first, then fallback to `Text` if they fail.
try {
plainText = clipboardData.getData('text/plain');
html = clipboardData.getData('text/html');
} catch (error1) {
try {
html = clipboardData.getData('Text');
} catch (error2) {
// Some browsers like UC Browser paste plain text by default and
// don't support clipboardData at all, so allow default
// behaviour.
return;
}
}
files = Array.from(files);
Array.from(items).forEach(function (item) {
if (!item.getAsFile) {
return;
}
var file = item.getAsFile();
if (!file) {
return;
}
var name = file.name,
type = file.type,
size = file.size;
if (!Object(external_this_lodash_["find"])(files, {
name: name,
type: type,
size: size
})) {
files.push(file);
}
});
files = files.filter(function (_ref2) {
var type = _ref2.type;
return /^image\/(?:jpe?g|png|gif)$/.test(type);
}); // Only process files if no HTML is present.
// A pasted file may have the URL as plain text.
if (files.length && !html) {
html = files.map(function (file) {
return "![](\"".concat(Object(external_this_wp_blob_["createBlobURL"])(file),)
");
}).join('');
plainText = '';
}
return {
html: html,
plainText: plainText
};
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/copy-handler/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function useNotifyCopy() {
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor');
}, []),
getBlockName = _useSelect.getBlockName;
var _useSelect2 = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/blocks');
}, []),
getBlockType = _useSelect2.getBlockType;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/notices'),
createSuccessNotice = _useDispatch.createSuccessNotice;
return Object(external_this_wp_element_["useCallback"])(function (eventType, selectedBlockClientIds) {
var notice = '';
if (selectedBlockClientIds.length === 1) {
var clientId = selectedBlockClientIds[0];
var _getBlockType = getBlockType(getBlockName(clientId)),
title = _getBlockType.title;
notice = eventType === 'copy' ? Object(external_this_wp_i18n_["sprintf"])( // Translators: Name of the block being copied, e.g. "Paragraph".
Object(external_this_wp_i18n_["__"])('Copied "%s" to clipboard.'), title) : Object(external_this_wp_i18n_["sprintf"])( // Translators: Name of the block being cut, e.g. "Paragraph".
Object(external_this_wp_i18n_["__"])('Moved "%s" to clipboard.'), title);
} else {
notice = eventType === 'copy' ? Object(external_this_wp_i18n_["sprintf"])( // Translators: %d: Number of blocks being copied.
Object(external_this_wp_i18n_["_n"])('Copied %d block to clipboard.', 'Copied %d blocks to clipboard.', selectedBlockClientIds.length), selectedBlockClientIds.length) : Object(external_this_wp_i18n_["sprintf"])( // Translators: %d: Number of blocks being cut.
Object(external_this_wp_i18n_["_n"])('Moved %d block to clipboard.', 'Moved %d blocks to clipboard.', selectedBlockClientIds.length), selectedBlockClientIds.length);
}
createSuccessNotice(notice, {
type: 'snackbar'
});
}, []);
}
function CopyHandler(_ref) {
var children = _ref.children;
var containerRef = Object(external_this_wp_element_["useRef"])();
var _useSelect3 = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor');
}, []),
getBlocksByClientId = _useSelect3.getBlocksByClientId,
getSelectedBlockClientIds = _useSelect3.getSelectedBlockClientIds,
hasMultiSelection = _useSelect3.hasMultiSelection,
getSettings = _useSelect3.getSettings;
var _useDispatch2 = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
flashBlock = _useDispatch2.flashBlock,
removeBlocks = _useDispatch2.removeBlocks,
replaceBlocks = _useDispatch2.replaceBlocks;
var notifyCopy = useNotifyCopy();
var _getSettings = getSettings(),
canUserUseUnfilteredHTML = _getSettings.__experimentalCanUserUseUnfilteredHTML;
var handler = function handler(event) {
var selectedBlockClientIds = getSelectedBlockClientIds();
if (selectedBlockClientIds.length === 0) {
return;
} // Always handle multiple selected blocks.
if (!hasMultiSelection()) {
// If copying, only consider actual text selection as selection.
// Otherwise, any focus on an input field is considered.
var hasSelection = event.type === 'copy' || event.type === 'cut' ? Object(external_this_wp_dom_["documentHasUncollapsedSelection"])() : Object(external_this_wp_dom_["documentHasSelection"])(); // Let native copy behaviour take over in input fields.
if (hasSelection) {
return;
}
}
if (!containerRef.current.contains(event.target)) {
return;
}
event.preventDefault();
if (event.type === 'copy' || event.type === 'cut') {
if (selectedBlockClientIds.length === 1) {
flashBlock(selectedBlockClientIds[0]);
}
notifyCopy(event.type, selectedBlockClientIds);
var blocks = getBlocksByClientId(selectedBlockClientIds);
var serialized = Object(external_this_wp_blocks_["serialize"])(blocks);
event.clipboardData.setData('text/plain', serialized);
event.clipboardData.setData('text/html', serialized);
}
if (event.type === 'cut') {
removeBlocks(selectedBlockClientIds);
} else if (event.type === 'paste') {
var _getPasteEventData = getPasteEventData(event),
plainText = _getPasteEventData.plainText,
html = _getPasteEventData.html;
var _blocks = Object(external_this_wp_blocks_["pasteHandler"])({
HTML: html,
plainText: plainText,
mode: 'BLOCKS',
canUserUseUnfilteredHTML: canUserUseUnfilteredHTML
});
replaceBlocks(selectedBlockClientIds, _blocks, _blocks.length - 1, -1);
}
};
return Object(external_this_wp_element_["createElement"])("div", {
ref: containerRef,
onCopy: handler,
onCut: handler,
onPaste: handler
}, children);
}
/* harmony default export */ var copy_handler = (CopyHandler);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-actions/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockActions(_ref) {
var clientIds = _ref.clientIds,
children = _ref.children,
updateSelection = _ref.__experimentalUpdateSelection;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor');
}, []),
canInsertBlockType = _useSelect.canInsertBlockType,
getBlockRootClientId = _useSelect.getBlockRootClientId,
getBlocksByClientId = _useSelect.getBlocksByClientId,
getTemplateLock = _useSelect.getTemplateLock;
var _useSelect2 = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/blocks');
}, []),
getDefaultBlockName = _useSelect2.getDefaultBlockName,
getGroupingBlockName = _useSelect2.getGroupingBlockName;
var blocks = getBlocksByClientId(clientIds);
var rootClientId = getBlockRootClientId(clientIds[0]);
var canDuplicate = Object(external_this_lodash_["every"])(blocks, function (block) {
return !!block && Object(external_this_wp_blocks_["hasBlockSupport"])(block.name, 'multiple', true) && canInsertBlockType(block.name, rootClientId);
});
var canInsertDefaultBlock = canInsertBlockType(getDefaultBlockName(), rootClientId);
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
removeBlocks = _useDispatch.removeBlocks,
replaceBlocks = _useDispatch.replaceBlocks,
duplicateBlocks = _useDispatch.duplicateBlocks,
insertAfterBlock = _useDispatch.insertAfterBlock,
insertBeforeBlock = _useDispatch.insertBeforeBlock,
flashBlock = _useDispatch.flashBlock,
setBlockMovingClientId = _useDispatch.setBlockMovingClientId,
setNavigationMode = _useDispatch.setNavigationMode;
var notifyCopy = useNotifyCopy();
return children({
canDuplicate: canDuplicate,
canInsertDefaultBlock: canInsertDefaultBlock,
isLocked: !!getTemplateLock(rootClientId),
rootClientId: rootClientId,
blocks: blocks,
onDuplicate: function onDuplicate() {
return duplicateBlocks(clientIds, updateSelection);
},
onRemove: function onRemove() {
return removeBlocks(clientIds, updateSelection);
},
onInsertBefore: function onInsertBefore() {
insertBeforeBlock(Object(external_this_lodash_["first"])(Object(external_this_lodash_["castArray"])(clientIds)));
},
onInsertAfter: function onInsertAfter() {
insertAfterBlock(Object(external_this_lodash_["last"])(Object(external_this_lodash_["castArray"])(clientIds)));
},
onMoveTo: function onMoveTo() {
setNavigationMode(true);
setBlockMovingClientId(clientIds[0]);
},
onGroup: function onGroup() {
if (!blocks.length) {
return;
}
var groupingBlockName = getGroupingBlockName(); // Activate the `transform` on `core/group` which does the conversion
var newBlocks = Object(external_this_wp_blocks_["switchToBlockType"])(blocks, groupingBlockName);
if (!newBlocks) {
return;
}
replaceBlocks(clientIds, newBlocks);
},
onUngroup: function onUngroup() {
if (!blocks.length) {
return;
}
var innerBlocks = blocks[0].innerBlocks;
if (!innerBlocks.length) {
return;
}
replaceBlocks(clientIds, innerBlocks);
},
onCopy: function onCopy() {
var selectedBlockClientIds = blocks.map(function (_ref2) {
var clientId = _ref2.clientId;
return clientId;
});
if (blocks.length === 1) {
flashBlock(selectedBlockClientIds[0]);
}
notifyCopy('copy', selectedBlockClientIds);
}
});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-mode-toggle.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function BlockModeToggle(_ref) {
var blockType = _ref.blockType,
mode = _ref.mode,
onToggleMode = _ref.onToggleMode,
_ref$small = _ref.small,
small = _ref$small === void 0 ? false : _ref$small,
_ref$isCodeEditingEna = _ref.isCodeEditingEnabled,
isCodeEditingEnabled = _ref$isCodeEditingEna === void 0 ? true : _ref$isCodeEditingEna;
if (!Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, 'html', true) || !isCodeEditingEnabled) {
return null;
}
var label = mode === 'visual' ? Object(external_this_wp_i18n_["__"])('Edit as HTML') : Object(external_this_wp_i18n_["__"])('Edit visually');
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
onClick: onToggleMode
}, !small && label);
}
/* harmony default export */ var block_mode_toggle = (Object(external_this_wp_compose_["compose"])([Object(external_this_wp_data_["withSelect"])(function (select, _ref2) {
var clientId = _ref2.clientId;
var _select = select('core/block-editor'),
getBlock = _select.getBlock,
getBlockMode = _select.getBlockMode,
getSettings = _select.getSettings;
var block = getBlock(clientId);
var isCodeEditingEnabled = getSettings().codeEditingEnabled;
return {
mode: getBlockMode(clientId),
blockType: block ? Object(external_this_wp_blocks_["getBlockType"])(block.name) : null,
isCodeEditingEnabled: isCodeEditingEnabled
};
}), Object(external_this_wp_data_["withDispatch"])(function (dispatch, _ref3) {
var _ref3$onToggle = _ref3.onToggle,
onToggle = _ref3$onToggle === void 0 ? external_this_lodash_["noop"] : _ref3$onToggle,
clientId = _ref3.clientId;
return {
onToggleMode: function onToggleMode() {
dispatch('core/block-editor').toggleBlockMode(clientId);
onToggle();
}
};
})])(BlockModeToggle));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-convert-button.js
/**
* WordPress dependencies
*/
function BlockConvertButton(_ref) {
var shouldRender = _ref.shouldRender,
onClick = _ref.onClick,
small = _ref.small;
if (!shouldRender) {
return null;
}
var label = Object(external_this_wp_i18n_["__"])('Convert to Blocks');
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
onClick: onClick
}, !small && label);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-html-convert-button.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/* harmony default export */ var block_html_convert_button = (Object(external_this_wp_compose_["compose"])(Object(external_this_wp_data_["withSelect"])(function (select, _ref) {
var clientId = _ref.clientId;
var block = select('core/block-editor').getBlock(clientId);
return {
block: block,
shouldRender: block && block.name === 'core/html'
};
}), Object(external_this_wp_data_["withDispatch"])(function (dispatch, _ref2) {
var block = _ref2.block;
return {
onClick: function onClick() {
return dispatch('core/block-editor').replaceBlocks(block.clientId, Object(external_this_wp_blocks_["rawHandler"])({
HTML: Object(external_this_wp_blocks_["getBlockContent"])(block)
}));
}
};
}))(BlockConvertButton));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-unknown-convert-button.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/* harmony default export */ var block_unknown_convert_button = (Object(external_this_wp_compose_["compose"])(Object(external_this_wp_data_["withSelect"])(function (select, _ref) {
var clientId = _ref.clientId;
var block = select('core/block-editor').getBlock(clientId);
return {
block: block,
shouldRender: block && block.name === Object(external_this_wp_blocks_["getFreeformContentHandlerName"])()
};
}), Object(external_this_wp_data_["withDispatch"])(function (dispatch, _ref2) {
var block = _ref2.block;
return {
onClick: function onClick() {
return dispatch('core/block-editor').replaceBlocks(block.clientId, Object(external_this_wp_blocks_["rawHandler"])({
HTML: Object(external_this_wp_blocks_["serialize"])(block)
}));
}
};
}))(BlockConvertButton));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-settings-menu-first-item.js
/**
* WordPress dependencies
*/
var block_settings_menu_first_item_createSlotFill = Object(external_this_wp_components_["createSlotFill"])('__experimentalBlockSettingsMenuFirstItem'),
__experimentalBlockSettingsMenuFirstItem = block_settings_menu_first_item_createSlotFill.Fill,
block_settings_menu_first_item_Slot = block_settings_menu_first_item_createSlotFill.Slot;
__experimentalBlockSettingsMenuFirstItem.Slot = block_settings_menu_first_item_Slot;
/* harmony default export */ var block_settings_menu_first_item = (__experimentalBlockSettingsMenuFirstItem);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu-controls/index.js
function block_settings_menu_controls_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 block_settings_menu_controls_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { block_settings_menu_controls_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 { block_settings_menu_controls_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
var block_settings_menu_controls_createSlotFill = Object(external_this_wp_components_["createSlotFill"])('BlockSettingsMenuControls'),
BlockSettingsMenuControls = block_settings_menu_controls_createSlotFill.Fill,
block_settings_menu_controls_Slot = block_settings_menu_controls_createSlotFill.Slot;
var block_settings_menu_controls_BlockSettingsMenuControlsSlot = function BlockSettingsMenuControlsSlot(_ref) {
var fillProps = _ref.fillProps,
_ref$clientIds = _ref.clientIds,
clientIds = _ref$clientIds === void 0 ? null : _ref$clientIds;
var selectedBlocks = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getBlocksByClientId = _select.getBlocksByClientId,
getSelectedBlockClientIds = _select.getSelectedBlockClientIds;
var ids = clientIds !== null ? clientIds : getSelectedBlockClientIds();
return Object(external_this_lodash_["map"])(getBlocksByClientId(ids), function (block) {
return block.name;
});
}, [clientIds]);
return Object(external_this_wp_element_["createElement"])(block_settings_menu_controls_Slot, {
fillProps: block_settings_menu_controls_objectSpread({}, fillProps, {
selectedBlocks: selectedBlocks
})
}, function (fills) {
return !Object(external_this_lodash_["isEmpty"])(fills) && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuGroup"], null, fills);
});
};
BlockSettingsMenuControls.Slot = block_settings_menu_controls_BlockSettingsMenuControlsSlot;
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/block-settings-menu-controls/README.md
*/
/* harmony default export */ var block_settings_menu_controls = (BlockSettingsMenuControls);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/block-settings-dropdown.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var block_settings_dropdown_POPOVER_PROPS = {
className: 'block-editor-block-settings-menu__popover',
position: 'bottom right',
isAlternate: true
};
function BlockSettingsDropdown(_ref) {
var clientIds = _ref.clientIds,
__experimentalSelectBlock = _ref.__experimentalSelectBlock,
children = _ref.children,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["clientIds", "__experimentalSelectBlock", "children"]);
var blockClientIds = Object(external_this_lodash_["castArray"])(clientIds);
var count = blockClientIds.length;
var firstBlockClientId = blockClientIds[0];
var shortcuts = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/keyboard-shortcuts'),
getShortcutRepresentation = _select.getShortcutRepresentation;
return {
duplicate: getShortcutRepresentation('core/block-editor/duplicate'),
remove: getShortcutRepresentation('core/block-editor/remove'),
insertAfter: getShortcutRepresentation('core/block-editor/insert-after'),
insertBefore: getShortcutRepresentation('core/block-editor/insert-before')
};
}, []);
var updateSelection = Object(external_this_wp_element_["useCallback"])(__experimentalSelectBlock ? /*#__PURE__*/function () {
var _ref2 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(function _callee(clientIdsPromise) {
var ids;
return external_this_regeneratorRuntime_default.a.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return clientIdsPromise;
case 2:
ids = _context.sent;
if (ids && ids[0]) {
__experimentalSelectBlock(ids[0]);
}
case 4:
case "end":
return _context.stop();
}
}
}, _callee);
}));
return function (_x) {
return _ref2.apply(this, arguments);
};
}() : external_this_lodash_["noop"], [__experimentalSelectBlock]);
return Object(external_this_wp_element_["createElement"])(BlockActions, {
clientIds: clientIds,
__experimentalUpdateSelection: !__experimentalSelectBlock
}, function (_ref3) {
var canDuplicate = _ref3.canDuplicate,
canInsertDefaultBlock = _ref3.canInsertDefaultBlock,
isLocked = _ref3.isLocked,
onDuplicate = _ref3.onDuplicate,
onInsertAfter = _ref3.onInsertAfter,
onInsertBefore = _ref3.onInsertBefore,
onRemove = _ref3.onRemove,
onCopy = _ref3.onCopy,
onMoveTo = _ref3.onMoveTo,
blocks = _ref3.blocks;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["DropdownMenu"], Object(esm_extends["a" /* default */])({
icon: more_vertical["a" /* default */],
label: Object(external_this_wp_i18n_["__"])('More options'),
className: "block-editor-block-settings-menu",
popoverProps: block_settings_dropdown_POPOVER_PROPS,
noIcons: true
}, props), function (_ref4) {
var onClose = _ref4.onClose;
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuGroup"], null, Object(external_this_wp_element_["createElement"])(block_settings_menu_first_item.Slot, {
fillProps: {
onClose: onClose
}
}), count === 1 && Object(external_this_wp_element_["createElement"])(block_unknown_convert_button, {
clientId: firstBlockClientId
}), count === 1 && Object(external_this_wp_element_["createElement"])(block_html_convert_button, {
clientId: firstBlockClientId
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ClipboardButton"], {
text: function text() {
return Object(external_this_wp_blocks_["serialize"])(blocks);
},
role: "menuitem",
className: "components-menu-item__button",
onCopy: onCopy
}, Object(external_this_wp_i18n_["__"])('Copy')), canDuplicate && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
onClick: Object(external_this_lodash_["flow"])(onClose, onDuplicate, updateSelection),
shortcut: shortcuts.duplicate
}, Object(external_this_wp_i18n_["__"])('Duplicate')), canInsertDefaultBlock && Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
onClick: Object(external_this_lodash_["flow"])(onClose, onInsertBefore),
shortcut: shortcuts.insertBefore
}, Object(external_this_wp_i18n_["__"])('Insert Before')), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
onClick: Object(external_this_lodash_["flow"])(onClose, onInsertAfter),
shortcut: shortcuts.insertAfter
}, Object(external_this_wp_i18n_["__"])('Insert After'))), !isLocked && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
onClick: Object(external_this_lodash_["flow"])(onClose, onMoveTo)
}, Object(external_this_wp_i18n_["__"])('Move To')), count === 1 && Object(external_this_wp_element_["createElement"])(block_mode_toggle, {
clientId: firstBlockClientId,
onToggle: onClose
})), Object(external_this_wp_element_["createElement"])(block_settings_menu_controls.Slot, {
fillProps: {
onClose: onClose
},
clientIds: clientIds
}), typeof children === 'function' ? children({
onClose: onClose
}) : external_this_wp_element_["Children"].map(function (child) {
return Object(external_this_wp_element_["cloneElement"])(child, {
onClose: onClose
});
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuGroup"], null, !isLocked && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
onClick: Object(external_this_lodash_["flow"])(onClose, onRemove, updateSelection),
shortcut: shortcuts.remove
}, Object(external_this_wp_i18n_["_n"])('Remove Block', 'Remove Blocks', count))));
});
});
}
/* harmony default export */ var block_settings_dropdown = (BlockSettingsDropdown);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-settings-menu/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockSettingsMenu(_ref) {
var clientIds = _ref.clientIds,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["clientIds"]);
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarGroup"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalToolbarItem"], null, function (toggleProps) {
return Object(external_this_wp_element_["createElement"])(block_settings_dropdown, Object(esm_extends["a" /* default */])({
clientIds: clientIds,
toggleProps: toggleProps
}, props));
}));
}
/* harmony default export */ var block_settings_menu = (BlockSettingsMenu);
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/handle.js
/**
* WordPress dependencies
*/
var handle = Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["SVG"], {
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["Path"], {
d: "M7 16.5h10V15H7v1.5zm0-9V9h10V7.5H7z"
}));
/* harmony default export */ var library_handle = (handle);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-draggable/draggable-chip.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockDraggableChip(_ref) {
var clientIds = _ref.clientIds;
var icon = Object(external_this_wp_data_["useSelect"])(function (select) {
if (clientIds.length !== 1) {
return;
}
var _select = select('core/block-editor'),
getBlockName = _select.getBlockName;
var _clientIds = Object(slicedToArray["a" /* default */])(clientIds, 1),
firstId = _clientIds[0];
var blockName = getBlockName(firstId);
return Object(external_this_wp_blocks_["getBlockType"])(blockName).icon;
}, [clientIds]);
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-draggable-chip-wrapper"
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-draggable-chip"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Flex"], {
justify: "center",
className: "block-editor-block-draggable-chip__content"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["FlexItem"], null, Object(external_this_wp_element_["createElement"])(BlockIcon, {
icon: library_handle
})), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["FlexItem"], null, icon ? Object(external_this_wp_element_["createElement"])(BlockIcon, {
icon: icon
}) : Object(external_this_wp_i18n_["sprintf"])(
/* translators: %d: Number of blocks. */
Object(external_this_wp_i18n_["_n"])('%d block', '%d blocks', clientIds.length), clientIds.length)))));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-draggable/use-scroll-when-dragging.js
/**
* WordPress dependencies
*/
var SCROLL_INACTIVE_DISTANCE_PX = 50;
var SCROLL_INTERVAL_MS = 25;
var PIXELS_PER_SECOND_PER_PERCENTAGE = 1000;
var VELOCITY_MULTIPLIER = PIXELS_PER_SECOND_PER_PERCENTAGE * (SCROLL_INTERVAL_MS / 1000);
/**
* React hook that scrolls the scroll container when a block is being dragged.
*
* @return {Function[]} `startScrolling`, `scrollOnDragOver`, `stopScrolling`
* functions to be called in `onDragStart`, `onDragOver`
* and `onDragEnd` events respectively.
*/
function useScrollWhenDragging() {
var dragStartY = Object(external_this_wp_element_["useRef"])(null);
var velocityY = Object(external_this_wp_element_["useRef"])(null);
var scrollParentY = Object(external_this_wp_element_["useRef"])(null);
var scrollEditorInterval = Object(external_this_wp_element_["useRef"])(null); // Clear interval when unmounting.
Object(external_this_wp_element_["useEffect"])(function () {
return function () {
if (scrollEditorInterval.current) {
clearInterval(scrollEditorInterval.current);
scrollEditorInterval.current = null;
}
};
}, []);
var startScrolling = Object(external_this_wp_element_["useCallback"])(function (event) {
dragStartY.current = event.clientY; // Find nearest parent(s) to scroll.
scrollParentY.current = Object(external_this_wp_dom_["getScrollContainer"])(event.target);
scrollEditorInterval.current = setInterval(function () {
if (scrollParentY.current && velocityY.current) {
var newTop = scrollParentY.current.scrollTop + velocityY.current; // Setting `behavior: 'smooth'` as a scroll property seems to hurt performance.
// Better to use a small scroll interval.
scrollParentY.current.scroll({
top: newTop
});
}
}, SCROLL_INTERVAL_MS);
}, []);
var scrollOnDragOver = Object(external_this_wp_element_["useCallback"])(function (event) {
if (!scrollParentY.current) {
return;
}
var scrollParentHeight = scrollParentY.current.offsetHeight;
var offsetDragStartPosition = dragStartY.current - scrollParentY.current.offsetTop;
var offsetDragPosition = event.clientY - scrollParentY.current.offsetTop;
if (event.clientY > offsetDragStartPosition) {
// User is dragging downwards.
var moveableDistance = Math.max(scrollParentHeight - offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX, 0);
var dragDistance = Math.max(offsetDragPosition - offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX, 0);
var distancePercentage = dragDistance / moveableDistance;
velocityY.current = VELOCITY_MULTIPLIER * distancePercentage;
} else if (event.clientY < offsetDragStartPosition) {
// User is dragging upwards.
var _moveableDistance = Math.max(offsetDragStartPosition - SCROLL_INACTIVE_DISTANCE_PX, 0);
var _dragDistance = Math.max(offsetDragStartPosition - offsetDragPosition - SCROLL_INACTIVE_DISTANCE_PX, 0);
var _distancePercentage = _dragDistance / _moveableDistance;
velocityY.current = -VELOCITY_MULTIPLIER * _distancePercentage;
} else {
velocityY.current = 0;
}
}, []);
var stopScrolling = function stopScrolling() {
dragStartY.current = null;
scrollParentY.current = null;
if (scrollEditorInterval.current) {
clearInterval(scrollEditorInterval.current);
scrollEditorInterval.current = null;
}
};
return [startScrolling, scrollOnDragOver, stopScrolling];
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-draggable/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var block_draggable_BlockDraggable = function BlockDraggable(_ref) {
var children = _ref.children,
clientIds = _ref.clientIds,
cloneClassname = _ref.cloneClassname,
_onDragStart = _ref.onDragStart,
_onDragEnd = _ref.onDragEnd;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getBlockRootClientId = _select.getBlockRootClientId,
getTemplateLock = _select.getTemplateLock;
var rootClientId = getBlockRootClientId(clientIds[0]);
var templateLock = rootClientId ? getTemplateLock(rootClientId) : null;
return {
srcRootClientId: rootClientId,
isDraggable: 'all' !== templateLock
};
}, [clientIds]),
srcRootClientId = _useSelect.srcRootClientId,
isDraggable = _useSelect.isDraggable;
var isDragging = Object(external_this_wp_element_["useRef"])(false);
var _useScrollWhenDraggin = useScrollWhenDragging(),
_useScrollWhenDraggin2 = Object(slicedToArray["a" /* default */])(_useScrollWhenDraggin, 3),
startScrolling = _useScrollWhenDraggin2[0],
scrollOnDragOver = _useScrollWhenDraggin2[1],
stopScrolling = _useScrollWhenDraggin2[2];
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
startDraggingBlocks = _useDispatch.startDraggingBlocks,
stopDraggingBlocks = _useDispatch.stopDraggingBlocks; // Stop dragging blocks if the block draggable is unmounted
Object(external_this_wp_element_["useEffect"])(function () {
return function () {
if (isDragging.current) {
stopDraggingBlocks();
}
};
}, []);
if (!isDraggable) {
return children({
isDraggable: false
});
}
var transferData = {
type: 'block',
srcClientIds: clientIds,
srcRootClientId: srcRootClientId
};
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Draggable"], {
cloneClassname: cloneClassname,
elementId: "block-".concat(clientIds[0]),
transferData: transferData,
onDragStart: function onDragStart(event) {
startDraggingBlocks();
isDragging.current = true;
startScrolling(event);
if (_onDragStart) {
_onDragStart();
}
},
onDragOver: scrollOnDragOver,
onDragEnd: function onDragEnd() {
stopDraggingBlocks();
isDragging.current = false;
stopScrolling();
if (_onDragEnd) {
_onDragEnd();
}
},
__experimentalDragComponent: Object(external_this_wp_element_["createElement"])(BlockDraggableChip, {
clientIds: clientIds
})
}, function (_ref2) {
var onDraggableStart = _ref2.onDraggableStart,
onDraggableEnd = _ref2.onDraggableEnd;
return children({
isDraggable: true,
onDraggableStart: onDraggableStart,
onDraggableEnd: onDraggableEnd
});
});
};
/* harmony default export */ var block_draggable = (block_draggable_BlockDraggable);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-toolbar/utils.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
var utils_window = window,
utils_clearTimeout = utils_window.clearTimeout,
utils_setTimeout = utils_window.setTimeout;
var DEBOUNCE_TIMEOUT = 200;
/**
* Hook that creates a showMover state, as well as debounced show/hide callbacks.
*
* @param {Object} props Component props.
* @param {Object} props.ref Element reference.
* @param {boolean} props.isFocused Whether the component has current focus.
* @param {number} [props.debounceTimeout=250] Debounce timeout in milliseconds.
* @param {Function} [props.onChange=noop] Callback function.
*/
function useDebouncedShowMovers(_ref) {
var ref = _ref.ref,
isFocused = _ref.isFocused,
_ref$debounceTimeout = _ref.debounceTimeout,
debounceTimeout = _ref$debounceTimeout === void 0 ? DEBOUNCE_TIMEOUT : _ref$debounceTimeout,
_ref$onChange = _ref.onChange,
onChange = _ref$onChange === void 0 ? external_this_lodash_["noop"] : _ref$onChange;
var _useState = Object(external_this_wp_element_["useState"])(false),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
showMovers = _useState2[0],
setShowMovers = _useState2[1];
var timeoutRef = Object(external_this_wp_element_["useRef"])();
var handleOnChange = function handleOnChange(nextIsFocused) {
setShowMovers(nextIsFocused);
onChange(nextIsFocused);
};
var getIsHovered = function getIsHovered() {
return (ref === null || ref === void 0 ? void 0 : ref.current) && ref.current.matches(':hover');
};
var shouldHideMovers = function shouldHideMovers() {
var isHovered = getIsHovered();
return !isFocused && !isHovered;
};
var clearTimeoutRef = function clearTimeoutRef() {
var timeout = timeoutRef.current;
if (timeout && utils_clearTimeout) {
utils_clearTimeout(timeout);
}
};
var debouncedShowMovers = function debouncedShowMovers(event) {
if (event) {
event.stopPropagation();
}
clearTimeoutRef();
if (!showMovers) {
handleOnChange(true);
}
};
var debouncedHideMovers = function debouncedHideMovers(event) {
if (event) {
event.stopPropagation();
}
clearTimeoutRef();
timeoutRef.current = utils_setTimeout(function () {
if (shouldHideMovers()) {
handleOnChange(false);
}
}, debounceTimeout);
};
Object(external_this_wp_element_["useEffect"])(function () {
return function () {
return clearTimeoutRef();
};
}, []);
return {
showMovers: showMovers,
debouncedShowMovers: debouncedShowMovers,
debouncedHideMovers: debouncedHideMovers
};
}
/**
* Hook that provides a showMovers state and gesture events for DOM elements
* that interact with the showMovers state.
*
* @param {Object} props Component props.
* @param {Object} props.ref Element reference.
* @param {number} [props.debounceTimeout=250] Debounce timeout in milliseconds.
* @param {Function} [props.onChange=noop] Callback function.
*/
function useShowMoversGestures(_ref2) {
var ref = _ref2.ref,
_ref2$debounceTimeout = _ref2.debounceTimeout,
debounceTimeout = _ref2$debounceTimeout === void 0 ? DEBOUNCE_TIMEOUT : _ref2$debounceTimeout,
_ref2$onChange = _ref2.onChange,
onChange = _ref2$onChange === void 0 ? external_this_lodash_["noop"] : _ref2$onChange;
var _useState3 = Object(external_this_wp_element_["useState"])(false),
_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),
isFocused = _useState4[0],
setIsFocused = _useState4[1];
var _useDebouncedShowMove = useDebouncedShowMovers({
ref: ref,
debounceTimeout: debounceTimeout,
isFocused: isFocused,
onChange: onChange
}),
showMovers = _useDebouncedShowMove.showMovers,
debouncedShowMovers = _useDebouncedShowMove.debouncedShowMovers,
debouncedHideMovers = _useDebouncedShowMove.debouncedHideMovers;
var registerRef = Object(external_this_wp_element_["useRef"])(false);
var isFocusedWithin = function isFocusedWithin() {
return (ref === null || ref === void 0 ? void 0 : ref.current) && ref.current.contains(document.activeElement);
};
Object(external_this_wp_element_["useEffect"])(function () {
var node = ref.current;
var handleOnFocus = function handleOnFocus() {
if (isFocusedWithin()) {
setIsFocused(true);
debouncedShowMovers();
}
};
var handleOnBlur = function handleOnBlur() {
if (!isFocusedWithin()) {
setIsFocused(false);
debouncedHideMovers();
}
};
/**
* Events are added via DOM events (vs. React synthetic events),
* as the child React components swallow mouse events.
*/
if (node && !registerRef.current) {
node.addEventListener('focus', handleOnFocus, true);
node.addEventListener('blur', handleOnBlur, true);
registerRef.current = true;
}
return function () {
if (node) {
node.removeEventListener('focus', handleOnFocus);
node.removeEventListener('blur', handleOnBlur);
}
};
}, [ref, registerRef, setIsFocused, debouncedShowMovers, debouncedHideMovers]);
return {
showMovers: showMovers,
gestures: {
onMouseMove: debouncedShowMovers,
onMouseLeave: debouncedHideMovers
}
};
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-toolbar/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockToolbar(_ref) {
var hideDragHandle = _ref.hideDragHandle;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getBlockName = _select.getBlockName,
getBlockMode = _select.getBlockMode,
getSelectedBlockClientIds = _select.getSelectedBlockClientIds,
isBlockValid = _select.isBlockValid,
getBlockRootClientId = _select.getBlockRootClientId,
getSettings = _select.getSettings;
var selectedBlockClientIds = getSelectedBlockClientIds();
var selectedBlockClientId = selectedBlockClientIds[0];
var blockRootClientId = getBlockRootClientId(selectedBlockClientId);
return {
blockClientIds: selectedBlockClientIds,
blockClientId: selectedBlockClientId,
blockType: selectedBlockClientId && Object(external_this_wp_blocks_["getBlockType"])(getBlockName(selectedBlockClientId)),
hasFixedToolbar: getSettings().hasFixedToolbar,
rootClientId: blockRootClientId,
isValid: selectedBlockClientIds.every(function (id) {
return isBlockValid(id);
}),
isVisual: selectedBlockClientIds.every(function (id) {
return getBlockMode(id) === 'visual';
})
};
}, []),
blockClientIds = _useSelect.blockClientIds,
blockClientId = _useSelect.blockClientId,
blockType = _useSelect.blockType,
hasFixedToolbar = _useSelect.hasFixedToolbar,
isValid = _useSelect.isValid,
isVisual = _useSelect.isVisual;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
toggleBlockHighlight = _useDispatch.toggleBlockHighlight;
var nodeRef = Object(external_this_wp_element_["useRef"])();
var _useShowMoversGesture = useShowMoversGestures({
ref: nodeRef,
onChange: function onChange(isFocused) {
toggleBlockHighlight(blockClientId, isFocused);
}
}),
showMovers = _useShowMoversGesture.showMovers,
showMoversGestures = _useShowMoversGesture.gestures;
var displayHeaderToolbar = Object(external_this_wp_compose_["useViewportMatch"])('medium', '<') || hasFixedToolbar;
if (blockType) {
if (!Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, '__experimentalToolbar', true)) {
return null;
}
}
var shouldShowMovers = displayHeaderToolbar || showMovers;
if (blockClientIds.length === 0) {
return null;
}
var shouldShowVisualToolbar = isValid && isVisual;
var isMultiToolbar = blockClientIds.length > 1;
var classes = classnames_default()('block-editor-block-toolbar', shouldShowMovers && 'is-showing-movers');
return Object(external_this_wp_element_["createElement"])("div", {
className: classes
}, Object(external_this_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({
ref: nodeRef
}, showMoversGestures), !isMultiToolbar && Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-toolbar__block-parent-selector-wrapper"
}, Object(external_this_wp_element_["createElement"])(BlockParentSelector, {
clientIds: blockClientIds
})), (shouldShowVisualToolbar || isMultiToolbar) && Object(external_this_wp_element_["createElement"])(block_switcher, {
clientIds: blockClientIds
})), (shouldShowVisualToolbar || isMultiToolbar) && Object(external_this_wp_element_["createElement"])(block_draggable, {
clientIds: blockClientIds,
cloneClassname: "block-editor-block-toolbar__drag-clone"
}, function (_ref2) {
var isDraggable = _ref2.isDraggable,
onDraggableStart = _ref2.onDraggableStart,
onDraggableEnd = _ref2.onDraggableEnd;
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-toolbar__drag-handle-area",
draggable: isDraggable && !hideDragHandle,
onDragStart: onDraggableStart,
onDragEnd: onDraggableEnd
}, Object(external_this_wp_element_["createElement"])(block_mover, {
clientIds: blockClientIds
}));
}), shouldShowVisualToolbar && Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(block_controls.Slot, {
bubblesVirtually: true,
className: "block-editor-block-toolbar__slot"
}), Object(external_this_wp_element_["createElement"])(block_format_controls.Slot, {
bubblesVirtually: true,
className: "block-editor-block-toolbar__slot"
})), Object(external_this_wp_element_["createElement"])(block_settings_menu, {
clientIds: blockClientIds
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block-contextual-toolbar.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockContextualToolbar(_ref) {
var focusOnMount = _ref.focusOnMount,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["focusOnMount"]);
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getBlockName = _select.getBlockName,
getSelectedBlockClientIds = _select.getSelectedBlockClientIds;
var _select2 = select('core/blocks'),
getBlockType = _select2.getBlockType;
var selectedBlockClientIds = getSelectedBlockClientIds();
var selectedBlockClientId = selectedBlockClientIds[0];
return {
blockType: selectedBlockClientId && getBlockType(getBlockName(selectedBlockClientId))
};
}, []),
blockType = _useSelect.blockType;
if (blockType) {
if (!Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, '__experimentalToolbar', true)) {
return null;
}
}
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-contextual-toolbar-wrapper"
}, Object(external_this_wp_element_["createElement"])(navigable_toolbar, Object(esm_extends["a" /* default */])({
focusOnMount: focusOnMount,
className: "block-editor-block-contextual-toolbar"
/* translators: accessibility text for the block toolbar */
,
"aria-label": Object(external_this_wp_i18n_["__"])('Block tools')
}, props), Object(external_this_wp_element_["createElement"])(BlockToolbar, null)));
}
/* harmony default export */ var block_contextual_toolbar = (BlockContextualToolbar);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block-popover.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function block_popover_selector(select) {
var _select = select('core/block-editor'),
isNavigationMode = _select.isNavigationMode,
isMultiSelecting = _select.isMultiSelecting,
hasMultiSelection = _select.hasMultiSelection,
isTyping = _select.isTyping,
isCaretWithinFormattedText = _select.isCaretWithinFormattedText,
getSettings = _select.getSettings,
getLastMultiSelectedBlockClientId = _select.getLastMultiSelectedBlockClientId;
return {
isNavigationMode: isNavigationMode(),
isMultiSelecting: isMultiSelecting(),
isTyping: isTyping(),
isCaretWithinFormattedText: isCaretWithinFormattedText(),
hasMultiSelection: hasMultiSelection(),
hasFixedToolbar: getSettings().hasFixedToolbar,
lastClientId: getLastMultiSelectedBlockClientId()
};
}
function BlockPopover(_ref) {
var clientId = _ref.clientId,
rootClientId = _ref.rootClientId,
isValid = _ref.isValid,
isEmptyDefaultBlock = _ref.isEmptyDefaultBlock,
capturingClientId = _ref.capturingClientId;
var _useSelect = Object(external_this_wp_data_["useSelect"])(block_popover_selector, []),
isNavigationMode = _useSelect.isNavigationMode,
isMultiSelecting = _useSelect.isMultiSelecting,
isTyping = _useSelect.isTyping,
isCaretWithinFormattedText = _useSelect.isCaretWithinFormattedText,
hasMultiSelection = _useSelect.hasMultiSelection,
hasFixedToolbar = _useSelect.hasFixedToolbar,
lastClientId = _useSelect.lastClientId;
var isLargeViewport = Object(external_this_wp_compose_["useViewportMatch"])('medium');
var _useState = Object(external_this_wp_element_["useState"])(false),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
isToolbarForced = _useState2[0],
setIsToolbarForced = _useState2[1];
var _useState3 = Object(external_this_wp_element_["useState"])(false),
_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),
isInserterShown = _useState4[0],
setIsInserterShown = _useState4[1];
var blockNodes = Object(external_this_wp_element_["useContext"])(BlockNodes);
var showEmptyBlockSideInserter = !isNavigationMode && isEmptyDefaultBlock && isValid;
var shouldShowBreadcrumb = isNavigationMode;
var shouldShowContextualToolbar = !isNavigationMode && !hasFixedToolbar && isLargeViewport && !showEmptyBlockSideInserter && !isMultiSelecting && (!isTyping || isCaretWithinFormattedText);
var canFocusHiddenToolbar = !isNavigationMode && !shouldShowContextualToolbar && !hasFixedToolbar && !isEmptyDefaultBlock;
Object(external_this_wp_keyboardShortcuts_["useShortcut"])('core/block-editor/focus-toolbar', Object(external_this_wp_element_["useCallback"])(function () {
return setIsToolbarForced(true);
}, []), {
bindGlobal: true,
eventName: 'keydown',
isDisabled: !canFocusHiddenToolbar
});
if (!shouldShowBreadcrumb && !shouldShowContextualToolbar && !isToolbarForced && !showEmptyBlockSideInserter) {
return null;
}
var node = blockNodes[clientId];
if (capturingClientId) {
node = document.getElementById('block-' + capturingClientId);
}
if (!node) {
return null;
}
var anchorRef = node;
if (hasMultiSelection) {
var bottomNode = blockNodes[lastClientId]; // Wait to render the popover until the bottom reference is available
// as well.
if (!bottomNode) {
return null;
}
anchorRef = {
top: node,
bottom: bottomNode
};
}
function onFocus() {
setIsInserterShown(true);
}
function onBlur() {
setIsInserterShown(false);
} // Position above the anchor, pop out towards the right, and position in the
// left corner. For the side inserter, pop out towards the left, and
// position in the right corner.
// To do: refactor `Popover` to make this prop clearer.
var popoverPosition = showEmptyBlockSideInserter ? 'top left right' : 'top right left';
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Popover"], {
noArrow: true,
animate: false,
position: popoverPosition,
focusOnMount: false,
anchorRef: anchorRef,
className: "block-editor-block-list__block-popover",
__unstableSticky: !showEmptyBlockSideInserter,
__unstableSlotName: "block-toolbar",
__unstableBoundaryParent: true // Observe movement for block animations (especially horizontal).
,
__unstableObserveElement: node,
onBlur: function onBlur() {
return setIsToolbarForced(false);
},
shouldAnchorIncludePadding: true
}, (shouldShowContextualToolbar || isToolbarForced) && Object(external_this_wp_element_["createElement"])("div", {
onFocus: onFocus,
onBlur: onBlur // While ideally it would be enough to capture the
// bubbling focus event from the Inserter, due to the
// characteristics of click focusing of `button`s in
// Firefox and Safari, it is not reliable.
//
// See: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Clicking_and_focus
,
tabIndex: -1,
className: classnames_default()('block-editor-block-list__block-popover-inserter', {
'is-visible': isInserterShown
})
}, Object(external_this_wp_element_["createElement"])(inserter, {
clientId: clientId,
rootClientId: rootClientId,
__experimentalIsQuick: true
})), (shouldShowContextualToolbar || isToolbarForced) && Object(external_this_wp_element_["createElement"])(block_contextual_toolbar // If the toolbar is being shown because of being forced
// it should focus the toolbar right after the mount.
, {
focusOnMount: isToolbarForced
}), shouldShowBreadcrumb && Object(external_this_wp_element_["createElement"])(block_selection_button, {
clientId: clientId,
rootClientId: rootClientId
}), showEmptyBlockSideInserter && Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-list__empty-block-inserter"
}, Object(external_this_wp_element_["createElement"])(inserter, {
position: "bottom right",
rootClientId: rootClientId,
clientId: clientId,
__experimentalIsQuick: true
})));
}
function wrapperSelector(select) {
var _select2 = select('core/block-editor'),
getSelectedBlockClientId = _select2.getSelectedBlockClientId,
getFirstMultiSelectedBlockClientId = _select2.getFirstMultiSelectedBlockClientId,
getBlockRootClientId = _select2.getBlockRootClientId,
__unstableGetBlockWithoutInnerBlocks = _select2.__unstableGetBlockWithoutInnerBlocks,
getBlockParents = _select2.getBlockParents,
__experimentalGetBlockListSettingsForBlocks = _select2.__experimentalGetBlockListSettingsForBlocks;
var clientId = getSelectedBlockClientId() || getFirstMultiSelectedBlockClientId();
if (!clientId) {
return;
}
var _ref2 = __unstableGetBlockWithoutInnerBlocks(clientId) || {},
name = _ref2.name,
_ref2$attributes = _ref2.attributes,
attributes = _ref2$attributes === void 0 ? {} : _ref2$attributes,
isValid = _ref2.isValid;
var blockParentsClientIds = getBlockParents(clientId); // Get Block List Settings for all ancestors of the current Block clientId
var ancestorBlockListSettings = __experimentalGetBlockListSettingsForBlocks(blockParentsClientIds); // Find the index of the first Block with the `captureDescendantsToolbars` prop defined
// This will be the top most ancestor because getBlockParents() returns tree from top -> bottom
var topmostAncestorWithCaptureDescendantsToolbarsIndex = Object(external_this_lodash_["findIndex"])(ancestorBlockListSettings, ['__experimentalCaptureToolbars', true]);
var capturingClientId;
if (topmostAncestorWithCaptureDescendantsToolbarsIndex !== -1) {
capturingClientId = blockParentsClientIds[topmostAncestorWithCaptureDescendantsToolbarsIndex];
}
return {
clientId: clientId,
rootClientId: getBlockRootClientId(clientId),
name: name,
isValid: isValid,
isEmptyDefaultBlock: name && Object(external_this_wp_blocks_["isUnmodifiedDefaultBlock"])({
name: name,
attributes: attributes
}),
capturingClientId: capturingClientId
};
}
function WrappedBlockPopover() {
var selected = Object(external_this_wp_data_["useSelect"])(wrapperSelector, []);
if (!selected) {
return null;
}
var clientId = selected.clientId,
rootClientId = selected.rootClientId,
name = selected.name,
isValid = selected.isValid,
isEmptyDefaultBlock = selected.isEmptyDefaultBlock,
capturingClientId = selected.capturingClientId;
if (!name) {
return null;
}
return Object(external_this_wp_element_["createElement"])(BlockPopover, {
clientId: clientId,
rootClientId: rootClientId,
isValid: isValid,
isEmptyDefaultBlock: isEmptyDefaultBlock,
capturingClientId: capturingClientId
});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/root-container.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/** @typedef {import('@wordpress/element').WPSyntheticEvent} WPSyntheticEvent */
var root_container_Context = Object(external_this_wp_element_["createContext"])();
var BlockNodes = Object(external_this_wp_element_["createContext"])();
var SetBlockNodes = Object(external_this_wp_element_["createContext"])();
function root_container_selector(select) {
var _select = select('core/block-editor'),
getSelectedBlockClientId = _select.getSelectedBlockClientId,
hasMultiSelection = _select.hasMultiSelection;
return {
selectedBlockClientId: getSelectedBlockClientId(),
hasMultiSelection: hasMultiSelection()
};
}
/**
* Prevents default dragging behavior within a block.
* To do: we must handle this in the future and clean up the drag target.
* Previously dragging was prevented for multi-selected, but this is no longer
* needed.
*
* @param {WPSyntheticEvent} event Synthetic drag event.
*/
function onDragStart(event) {
// Ensure we target block content, not block controls.
if (getBlockClientId(event.target)) {
event.preventDefault();
}
}
function RootContainer(_ref, ref) {
var children = _ref.children,
className = _ref.className;
var _useSelect = Object(external_this_wp_data_["useSelect"])(root_container_selector, []),
selectedBlockClientId = _useSelect.selectedBlockClientId,
hasMultiSelection = _useSelect.hasMultiSelection;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
selectBlock = _useDispatch.selectBlock;
var onSelectionStart = useMultiSelection(ref);
/**
* Marks the block as selected when focused and not already selected. This
* specifically handles the case where block does not set focus on its own
* (via `setFocus`), typically if there is no focusable input in the block.
*
* @param {WPSyntheticEvent} event
*/
function onFocus(event) {
if (hasMultiSelection) {
return;
}
var clientId = getBlockClientId(event.target);
if (clientId && clientId !== selectedBlockClientId) {
selectBlock(clientId);
}
}
var _useState = Object(external_this_wp_element_["useState"])({}),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
blockNodes = _useState2[0],
setBlockNodes = _useState2[1];
return Object(external_this_wp_element_["createElement"])(InsertionPoint, {
containerRef: ref
}, Object(external_this_wp_element_["createElement"])(BlockNodes.Provider, {
value: blockNodes
}, Object(external_this_wp_element_["createElement"])(WrappedBlockPopover, null), Object(external_this_wp_element_["createElement"])("div", {
ref: ref,
className: classnames_default()(className, 'is-root-container'),
onFocus: onFocus,
onDragStart: onDragStart
}, Object(external_this_wp_element_["createElement"])(SetBlockNodes.Provider, {
value: setBlockNodes
}, Object(external_this_wp_element_["createElement"])(root_container_Context.Provider, {
value: onSelectionStart
}, children)))));
}
/* harmony default export */ var root_container = (Object(external_this_wp_element_["forwardRef"])(RootContainer));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block-wrapper-elements.js
/**
* HTML elements that can be used as a block wrapper.
*/
var ELEMENTS = ['p', 'div', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'ol', 'ul', 'li', 'figure', 'nav', 'pre', 'header', 'section', 'aside', 'footer', 'main'];
/* harmony default export */ var block_wrapper_elements = (ELEMENTS);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block-wrapper.js
function block_wrapper_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 block_wrapper_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { block_wrapper_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 { block_wrapper_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var BlockComponent = Object(external_this_wp_element_["forwardRef"])(function (_ref, wrapper) {
var children = _ref.children,
_ref$tagName = _ref.tagName,
TagName = _ref$tagName === void 0 ? 'div' : _ref$tagName,
__unstableIsHtml = _ref.__unstableIsHtml,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["children", "tagName", "__unstableIsHtml"]);
var onSelectionStart = Object(external_this_wp_element_["useContext"])(root_container_Context);
var setBlockNodes = Object(external_this_wp_element_["useContext"])(SetBlockNodes);
var _useContext = Object(external_this_wp_element_["useContext"])(BlockListBlockContext),
clientId = _useContext.clientId,
rootClientId = _useContext.rootClientId,
isSelected = _useContext.isSelected,
isFirstMultiSelected = _useContext.isFirstMultiSelected,
isLastMultiSelected = _useContext.isLastMultiSelected,
isPartOfMultiSelection = _useContext.isPartOfMultiSelection,
enableAnimation = _useContext.enableAnimation,
index = _useContext.index,
className = _useContext.className,
name = _useContext.name,
mode = _useContext.mode,
blockTitle = _useContext.blockTitle,
wrapperProps = _useContext.wrapperProps;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getSelectedBlocksInitialCaretPosition = _select.getSelectedBlocksInitialCaretPosition,
_isMultiSelecting = _select.isMultiSelecting,
_isNavigationMode = _select.isNavigationMode;
return {
shouldFocusFirstElement: isSelected && !_isMultiSelecting() && !_isNavigationMode(),
initialPosition: isSelected ? getSelectedBlocksInitialCaretPosition() : undefined,
isNavigationMode: _isNavigationMode
};
}, [isSelected]),
initialPosition = _useSelect.initialPosition,
shouldFocusFirstElement = _useSelect.shouldFocusFirstElement,
isNavigationMode = _useSelect.isNavigationMode;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
insertDefaultBlock = _useDispatch.insertDefaultBlock,
removeBlock = _useDispatch.removeBlock;
var fallbackRef = Object(external_this_wp_element_["useRef"])();
var isAligned = wrapperProps && !!wrapperProps['data-align'];
wrapper = wrapper || fallbackRef;
var _useState = Object(external_this_wp_element_["useState"])(false),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
isHovered = _useState2[0],
setHovered = _useState2[1]; // Provide the selected node, or the first and last nodes of a multi-
// selection, so it can be used to position the contextual block toolbar.
// We only provide what is necessary, and remove the nodes again when they
// are no longer selected.
Object(external_this_wp_element_["useEffect"])(function () {
if (isSelected || isFirstMultiSelected || isLastMultiSelected) {
var node = wrapper.current;
setBlockNodes(function (nodes) {
return block_wrapper_objectSpread({}, nodes, Object(defineProperty["a" /* default */])({}, clientId, node));
});
return function () {
setBlockNodes(function (nodes) {
return Object(external_this_lodash_["omit"])(nodes, clientId);
});
};
}
}, [isSelected, isFirstMultiSelected, isLastMultiSelected]); // translators: %s: Type of block (i.e. Text, Image etc)
var blockLabel = Object(external_this_wp_i18n_["sprintf"])(Object(external_this_wp_i18n_["__"])('Block: %s'), blockTitle); // Handing the focus of the block on creation and update
/**
* When a block becomes selected, transition focus to an inner tabbable.
*/
var focusTabbable = function focusTabbable() {
// Focus is captured by the wrapper node, so while focus transition
// should only consider tabbables within editable display, since it
// may be the wrapper itself or a side control which triggered the
// focus event, don't unnecessary transition to an inner tabbable.
if (document.activeElement && isInsideRootBlock(wrapper.current, document.activeElement)) {
return;
} // Find all tabbables within node.
var textInputs = external_this_wp_dom_["focus"].tabbable.find(wrapper.current).filter(external_this_wp_dom_["isTextField"]) // Exclude inner blocks and block appenders
.filter(function (node) {
return isInsideRootBlock(wrapper.current, node) && !node.closest('.block-list-appender');
}); // If reversed (e.g. merge via backspace), use the last in the set of
// tabbables.
var isReverse = -1 === initialPosition;
var target = (isReverse ? external_this_lodash_["last"] : external_this_lodash_["first"])(textInputs) || wrapper.current;
Object(external_this_wp_dom_["placeCaretAtHorizontalEdge"])(target, isReverse);
};
Object(external_this_wp_element_["useEffect"])(function () {
if (shouldFocusFirstElement) {
focusTabbable();
}
}, [shouldFocusFirstElement]); // Block Reordering animation
use_moving_animation(wrapper, isSelected || isPartOfMultiSelection, isSelected || isFirstMultiSelected, enableAnimation, index);
/**
* Interprets keydown event intent to remove or insert after block if key
* event occurs on wrapper node. This can occur when the block has no text
* fields of its own, particularly after initial insertion, to allow for
* easy deletion and continuous writing flow to add additional content.
*
* @param {KeyboardEvent} event Keydown event.
*/
var onKeyDown = function onKeyDown(event) {
var keyCode = event.keyCode,
target = event.target;
if (props.onKeyDown) {
props.onKeyDown(event);
}
if (keyCode !== external_this_wp_keycodes_["ENTER"] && keyCode !== external_this_wp_keycodes_["BACKSPACE"] && keyCode !== external_this_wp_keycodes_["DELETE"]) {
return;
}
if (target !== wrapper.current || Object(external_this_wp_dom_["isTextField"])(target)) {
return;
}
event.preventDefault();
if (keyCode === external_this_wp_keycodes_["ENTER"]) {
insertDefaultBlock({}, rootClientId, index + 1);
} else {
removeBlock(clientId);
}
};
var onMouseLeave = function onMouseLeave(_ref2) {
var which = _ref2.which,
buttons = _ref2.buttons;
// The primary button must be pressed to initiate selection. Fall back
// to `which` if the standard `buttons` property is falsy. There are
// cases where Firefox might always set `buttons` to `0`.
// See https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/buttons
// See https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/which
if ((buttons || which) === 1) {
onSelectionStart(clientId);
}
};
var htmlSuffix = mode === 'html' && !__unstableIsHtml ? '-visual' : '';
var blockElementId = "block-".concat(clientId).concat(htmlSuffix);
function onMouseOver(event) {
if (event.defaultPrevented) {
return;
}
event.preventDefault();
if (isHovered) {
return;
}
setHovered(true);
}
function onMouseOut(event) {
if (event.defaultPrevented) {
return;
}
event.preventDefault();
if (!isHovered) {
return;
}
setHovered(false);
}
return (// eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
Object(external_this_wp_element_["createElement"])(TagName // Overrideable props.
, Object(esm_extends["a" /* default */])({
"aria-label": blockLabel,
role: "group"
}, Object(external_this_lodash_["omit"])(wrapperProps, ['data-align']), props, {
id: blockElementId,
ref: wrapper,
className: classnames_default()(className, props.className, wrapperProps && wrapperProps.className, {
'is-hovered': isHovered,
'wp-block': !isAligned
}),
"data-block": clientId,
"data-type": name,
"data-title": blockTitle // Only allow shortcuts when a blocks is selected.
,
onKeyDown: isSelected ? onKeyDown : undefined // Only allow selection to be started from a selected block.
,
onMouseLeave: isSelected ? onMouseLeave : undefined // No need to have these listeners for hover class in edit mode.
,
onMouseOver: isNavigationMode ? onMouseOver : undefined,
onMouseOut: isNavigationMode ? onMouseOut : undefined,
tabIndex: "0",
style: block_wrapper_objectSpread({}, wrapperProps ? wrapperProps.style : {}, {}, props.style || {})
}), children)
);
});
var ExtendedBlockComponent = block_wrapper_elements.reduce(function (acc, element) {
acc[element] = Object(external_this_wp_element_["forwardRef"])(function (props, ref) {
return Object(external_this_wp_element_["createElement"])(BlockComponent, Object(esm_extends["a" /* default */])({}, props, {
ref: ref,
tagName: element
}));
});
return acc;
}, BlockComponent);
var Block = ExtendedBlockComponent;
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block.js
function block_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 block_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { block_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 { block_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var BlockListBlockContext = Object(external_this_wp_element_["createContext"])();
/**
* Merges wrapper props with special handling for classNames and styles.
*
* @param {Object} propsA
* @param {Object} propsB
*
* @return {Object} Merged props.
*/
function mergeWrapperProps(propsA, propsB) {
var newProps = block_objectSpread({}, propsA, {}, propsB);
if (propsA && propsB && propsA.className && propsB.className) {
newProps.className = classnames_default()(propsA.className, propsB.className);
}
if (propsA && propsB && propsA.style && propsB.style) {
newProps.style = block_objectSpread({}, propsA.style, {}, propsB.style);
}
return newProps;
}
function block_BlockListBlock(_ref) {
var mode = _ref.mode,
isFocusMode = _ref.isFocusMode,
isLocked = _ref.isLocked,
clientId = _ref.clientId,
rootClientId = _ref.rootClientId,
isSelected = _ref.isSelected,
isMultiSelected = _ref.isMultiSelected,
isPartOfMultiSelection = _ref.isPartOfMultiSelection,
isFirstMultiSelected = _ref.isFirstMultiSelected,
isLastMultiSelected = _ref.isLastMultiSelected,
isTypingWithinBlock = _ref.isTypingWithinBlock,
isAncestorOfSelectedBlock = _ref.isAncestorOfSelectedBlock,
isSelectionEnabled = _ref.isSelectionEnabled,
className = _ref.className,
name = _ref.name,
isValid = _ref.isValid,
attributes = _ref.attributes,
wrapperProps = _ref.wrapperProps,
setAttributes = _ref.setAttributes,
onReplace = _ref.onReplace,
onInsertBlocksAfter = _ref.onInsertBlocksAfter,
onMerge = _ref.onMerge,
toggleSelection = _ref.toggleSelection,
index = _ref.index,
enableAnimation = _ref.enableAnimation;
// In addition to withSelect, we should favor using useSelect in this
// component going forward to avoid leaking new props to the public API
// (editor.BlockListBlock filter)
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
isDraggingBlocks = _select.isDraggingBlocks,
isBlockHighlighted = _select.isBlockHighlighted;
return {
isDragging: isDraggingBlocks(),
isHighlighted: isBlockHighlighted(clientId)
};
}, [clientId]),
isDragging = _useSelect.isDragging,
isHighlighted = _useSelect.isHighlighted;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
removeBlock = _useDispatch.removeBlock;
var onRemove = Object(external_this_wp_element_["useCallback"])(function () {
return removeBlock(clientId);
}, [clientId]); // Handling the error state
var _useState = Object(external_this_wp_element_["useState"])(false),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
hasError = _useState2[0],
setErrorState = _useState2[1];
var onBlockError = function onBlockError() {
return setErrorState(true);
};
var blockType = Object(external_this_wp_blocks_["getBlockType"])(name);
var lightBlockWrapper = Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, 'lightBlockWrapper', false);
var isUnregisteredBlock = name === Object(external_this_wp_blocks_["getUnregisteredTypeHandlerName"])(); // Determine whether the block has props to apply to the wrapper.
if (blockType.getEditWrapperProps) {
wrapperProps = mergeWrapperProps(wrapperProps, blockType.getEditWrapperProps(attributes));
}
var generatedClassName = lightBlockWrapper && Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, 'className', true) ? Object(external_this_wp_blocks_["getBlockDefaultClassName"])(name) : null;
var customClassName = lightBlockWrapper ? attributes.className : null;
var isAligned = wrapperProps && !!wrapperProps['data-align']; // The wp-block className is important for editor styles.
// Generate the wrapper class names handling the different states of the
// block.
var wrapperClassName = classnames_default()(generatedClassName, customClassName, 'block-editor-block-list__block', {
'wp-block': !isAligned,
'has-warning': !isValid || !!hasError || isUnregisteredBlock,
'is-selected': isSelected,
'is-highlighted': isHighlighted,
'is-multi-selected': isMultiSelected,
'is-reusable': Object(external_this_wp_blocks_["isReusableBlock"])(blockType),
'is-dragging': isDragging && (isSelected || isPartOfMultiSelection),
'is-typing': isTypingWithinBlock,
'is-focused': isFocusMode && (isSelected || isAncestorOfSelectedBlock),
'is-focus-mode': isFocusMode,
'has-child-selected': isAncestorOfSelectedBlock
}, className); // We wrap the BlockEdit component in a div that hides it when editing in
// HTML mode. This allows us to render all of the ancillary pieces
// (InspectorControls, etc.) which are inside `BlockEdit` but not
// `BlockHTML`, even in HTML mode.
var blockEdit = Object(external_this_wp_element_["createElement"])(block_edit_BlockEdit, {
name: name,
isSelected: isSelected,
attributes: attributes,
setAttributes: setAttributes,
insertBlocksAfter: isLocked ? undefined : onInsertBlocksAfter,
onReplace: isLocked ? undefined : onReplace,
onRemove: isLocked ? undefined : onRemove,
mergeBlocks: isLocked ? undefined : onMerge,
clientId: clientId,
isSelectionEnabled: isSelectionEnabled,
toggleSelection: toggleSelection
}); // For aligned blocks, provide a wrapper element so the block can be
// positioned relative to the block column.
if (isAligned) {
var alignmentWrapperProps = {
'data-align': wrapperProps['data-align']
};
blockEdit = Object(external_this_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({
className: "wp-block"
}, alignmentWrapperProps), blockEdit);
}
var value = {
clientId: clientId,
rootClientId: rootClientId,
isSelected: isSelected,
isFirstMultiSelected: isFirstMultiSelected,
isLastMultiSelected: isLastMultiSelected,
isPartOfMultiSelection: isPartOfMultiSelection,
enableAnimation: enableAnimation,
index: index,
className: wrapperClassName,
isLocked: isLocked,
name: name,
mode: mode,
blockTitle: blockType.title,
wrapperProps: wrapperProps
};
var memoizedValue = Object(external_this_wp_element_["useMemo"])(function () {
return value;
}, Object.values(value));
var block;
if (!isValid) {
block = Object(external_this_wp_element_["createElement"])(Block.div, null, Object(external_this_wp_element_["createElement"])(block_invalid_warning, {
clientId: clientId
}), Object(external_this_wp_element_["createElement"])("div", null, Object(external_this_wp_blocks_["getSaveElement"])(blockType, attributes)));
} else if (mode === 'html') {
// Render blockEdit so the inspector controls don't disappear.
// See #8969.
block = Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])("div", {
style: {
display: 'none'
}
}, blockEdit), Object(external_this_wp_element_["createElement"])(Block.div, {
__unstableIsHtml: true
}, Object(external_this_wp_element_["createElement"])(block_html, {
clientId: clientId
})));
} else if (lightBlockWrapper) {
block = blockEdit;
} else {
block = Object(external_this_wp_element_["createElement"])(Block.div, wrapperProps, blockEdit);
}
return Object(external_this_wp_element_["createElement"])(BlockListBlockContext.Provider, {
value: memoizedValue
}, Object(external_this_wp_element_["createElement"])(block_crash_boundary, {
onError: onBlockError
}, block), !!hasError && Object(external_this_wp_element_["createElement"])(Block.div, null, Object(external_this_wp_element_["createElement"])(block_crash_warning, null)));
}
var applyWithSelect = Object(external_this_wp_data_["withSelect"])(function (select, _ref2) {
var clientId = _ref2.clientId,
rootClientId = _ref2.rootClientId,
isLargeViewport = _ref2.isLargeViewport;
var _select2 = select('core/block-editor'),
isBlockSelected = _select2.isBlockSelected,
isAncestorMultiSelected = _select2.isAncestorMultiSelected,
isBlockMultiSelected = _select2.isBlockMultiSelected,
isFirstMultiSelectedBlock = _select2.isFirstMultiSelectedBlock,
getLastMultiSelectedBlockClientId = _select2.getLastMultiSelectedBlockClientId,
isTyping = _select2.isTyping,
getBlockMode = _select2.getBlockMode,
isSelectionEnabled = _select2.isSelectionEnabled,
getSettings = _select2.getSettings,
hasSelectedInnerBlock = _select2.hasSelectedInnerBlock,
getTemplateLock = _select2.getTemplateLock,
__unstableGetBlockWithoutInnerBlocks = _select2.__unstableGetBlockWithoutInnerBlocks,
getMultiSelectedBlockClientIds = _select2.getMultiSelectedBlockClientIds;
var block = __unstableGetBlockWithoutInnerBlocks(clientId);
var isSelected = isBlockSelected(clientId);
var _getSettings = getSettings(),
focusMode = _getSettings.focusMode,
isRTL = _getSettings.isRTL;
var templateLock = getTemplateLock(rootClientId);
var checkDeep = true; // "ancestor" is the more appropriate label due to "deep" check
var isAncestorOfSelectedBlock = hasSelectedInnerBlock(clientId, checkDeep); // The fallback to `{}` is a temporary fix.
// This function should never be called when a block is not present in
// the state. It happens now because the order in withSelect rendering
// is not correct.
var _ref3 = block || {},
name = _ref3.name,
attributes = _ref3.attributes,
isValid = _ref3.isValid;
var isFirstMultiSelected = isFirstMultiSelectedBlock(clientId); // Do not add new properties here, use `useSelect` instead to avoid
// leaking new props to the public API (editor.BlockListBlock filter).
return {
isMultiSelected: isBlockMultiSelected(clientId),
isPartOfMultiSelection: isBlockMultiSelected(clientId) || isAncestorMultiSelected(clientId),
isFirstMultiSelected: isFirstMultiSelected,
isLastMultiSelected: getLastMultiSelectedBlockClientId() === clientId,
multiSelectedClientIds: isFirstMultiSelected ? getMultiSelectedBlockClientIds() : undefined,
// We only care about this prop when the block is selected
// Thus to avoid unnecessary rerenders we avoid updating the prop if
// the block is not selected.
isTypingWithinBlock: (isSelected || isAncestorOfSelectedBlock) && isTyping(),
mode: getBlockMode(clientId),
isSelectionEnabled: isSelectionEnabled(),
isLocked: !!templateLock,
isFocusMode: focusMode && isLargeViewport,
isRTL: isRTL,
// Users of the editor.BlockListBlock filter used to be able to
// access the block prop.
// Ideally these blocks would rely on the clientId prop only.
// This is kept for backward compatibility reasons.
block: block,
name: name,
attributes: attributes,
isValid: isValid,
isSelected: isSelected,
isAncestorOfSelectedBlock: isAncestorOfSelectedBlock
};
});
var applyWithDispatch = Object(external_this_wp_data_["withDispatch"])(function (dispatch, ownProps, _ref4) {
var select = _ref4.select;
var _dispatch = dispatch('core/block-editor'),
updateBlockAttributes = _dispatch.updateBlockAttributes,
insertBlocks = _dispatch.insertBlocks,
mergeBlocks = _dispatch.mergeBlocks,
replaceBlocks = _dispatch.replaceBlocks,
_toggleSelection = _dispatch.toggleSelection,
__unstableMarkLastChangeAsPersistent = _dispatch.__unstableMarkLastChangeAsPersistent; // Do not add new properties here, use `useDispatch` instead to avoid
// leaking new props to the public API (editor.BlockListBlock filter).
return {
setAttributes: function setAttributes(newAttributes) {
var clientId = ownProps.clientId,
isFirstMultiSelected = ownProps.isFirstMultiSelected,
multiSelectedClientIds = ownProps.multiSelectedClientIds;
var clientIds = isFirstMultiSelected ? multiSelectedClientIds : [clientId];
updateBlockAttributes(clientIds, newAttributes);
},
onInsertBlocks: function onInsertBlocks(blocks, index) {
var rootClientId = ownProps.rootClientId;
insertBlocks(blocks, index, rootClientId);
},
onInsertBlocksAfter: function onInsertBlocksAfter(blocks) {
var clientId = ownProps.clientId,
rootClientId = ownProps.rootClientId;
var _select3 = select('core/block-editor'),
getBlockIndex = _select3.getBlockIndex;
var index = getBlockIndex(clientId, rootClientId);
insertBlocks(blocks, index + 1, rootClientId);
},
onMerge: function onMerge(forward) {
var clientId = ownProps.clientId;
var _select4 = select('core/block-editor'),
getPreviousBlockClientId = _select4.getPreviousBlockClientId,
getNextBlockClientId = _select4.getNextBlockClientId;
if (forward) {
var nextBlockClientId = getNextBlockClientId(clientId);
if (nextBlockClientId) {
mergeBlocks(clientId, nextBlockClientId);
}
} else {
var previousBlockClientId = getPreviousBlockClientId(clientId);
if (previousBlockClientId) {
mergeBlocks(previousBlockClientId, clientId);
}
}
},
onReplace: function onReplace(blocks, indexToSelect, initialPosition) {
if (blocks.length && !Object(external_this_wp_blocks_["isUnmodifiedDefaultBlock"])(blocks[blocks.length - 1])) {
__unstableMarkLastChangeAsPersistent();
}
replaceBlocks([ownProps.clientId], blocks, indexToSelect, initialPosition);
},
toggleSelection: function toggleSelection(selectionEnabled) {
_toggleSelection(selectionEnabled);
}
};
});
/* harmony default export */ var block_list_block = (Object(external_this_wp_compose_["compose"])(external_this_wp_compose_["pure"], Object(external_this_wp_viewport_["withViewportMatch"])({
isLargeViewport: 'medium'
}), applyWithSelect, applyWithDispatch, // block is sometimes not mounted at the right time, causing it be undefined
// see issue for more info
// https://github.com/WordPress/gutenberg/issues/17013
Object(external_this_wp_compose_["ifCondition"])(function (_ref5) {
var block = _ref5.block;
return !!block;
}), Object(external_this_wp_components_["withFilters"])('editor.BlockListBlock'))(block_BlockListBlock));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/utils.js
/**
* WordPress dependencies
*/
var utils_getBlockPositionDescription = function getBlockPositionDescription(position, siblingCount, level) {
return Object(external_this_wp_i18n_["sprintf"])(
/* translators: 1: The numerical position of the block. 2: The total number of blocks. 3. The level of nesting for the block. */
Object(external_this_wp_i18n_["__"])('Block %1$d of %2$d, Level %3$d'), position, siblingCount, level);
};
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/block-select-button.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockNavigationBlockSelectButton(_ref, ref) {
var className = _ref.className,
block = _ref.block,
isSelected = _ref.isSelected,
onClick = _ref.onClick,
position = _ref.position,
siblingBlockCount = _ref.siblingBlockCount,
level = _ref.level,
tabIndex = _ref.tabIndex,
onFocus = _ref.onFocus;
var name = block.name,
attributes = block.attributes;
var blockType = Object(external_this_wp_blocks_["getBlockType"])(name);
var blockDisplayName = Object(external_this_wp_blocks_["__experimentalGetBlockLabel"])(blockType, attributes);
var instanceId = Object(external_this_wp_compose_["useInstanceId"])(BlockNavigationBlockSelectButton);
var descriptionId = "block-navigation-block-select-button__".concat(instanceId);
var blockPositionDescription = utils_getBlockPositionDescription(position, siblingBlockCount, level);
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
className: classnames_default()('block-editor-block-navigation-block-select-button', className),
onClick: onClick,
"aria-describedby": descriptionId,
ref: ref,
tabIndex: tabIndex,
onFocus: onFocus
}, Object(external_this_wp_element_["createElement"])(BlockIcon, {
icon: blockType.icon,
showColors: true
}), blockDisplayName, isSelected && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["VisuallyHidden"], null, Object(external_this_wp_i18n_["__"])('(selected block)'))), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-navigation-block-select-button__description",
id: descriptionId
}, blockPositionDescription));
}
/* harmony default export */ var block_select_button = (Object(external_this_wp_element_["forwardRef"])(BlockNavigationBlockSelectButton));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/block-slot.js
function block_slot_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 block_slot_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { block_slot_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 { block_slot_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var getSlotName = function getSlotName(clientId) {
return "BlockNavigationBlock-".concat(clientId);
};
function BlockNavigationBlockSlot(props, ref) {
var instanceId = Object(external_this_wp_compose_["useInstanceId"])(BlockNavigationBlockSlot);
var clientId = props.block.clientId;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Slot"], {
name: getSlotName(clientId)
}, function (fills) {
if (!fills.length) {
return Object(external_this_wp_element_["createElement"])(block_select_button, Object(esm_extends["a" /* default */])({
ref: ref
}, props));
}
var className = props.className,
block = props.block,
isSelected = props.isSelected,
position = props.position,
siblingBlockCount = props.siblingBlockCount,
level = props.level,
tabIndex = props.tabIndex,
onFocus = props.onFocus;
var name = block.name;
var blockType = Object(external_this_wp_blocks_["getBlockType"])(name);
var descriptionId = "block-navigation-block-slot__".concat(instanceId);
var blockPositionDescription = utils_getBlockPositionDescription(position, siblingBlockCount, level);
var forwardedFillProps = {
// Ensure that the component in the slot can receive
// keyboard navigation.
tabIndex: tabIndex,
onFocus: onFocus,
ref: ref,
// Give the element rendered in the slot a description
// that describes its position.
'aria-describedby': descriptionId
};
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])("div", {
className: classnames_default()('block-editor-block-navigation-block-slot', className)
}, Object(external_this_wp_element_["createElement"])(BlockIcon, {
icon: blockType.icon,
showColors: true
}), external_this_wp_element_["Children"].map(fills, function (fill) {
return Object(external_this_wp_element_["cloneElement"])(fill, block_slot_objectSpread({}, fill.props, {}, forwardedFillProps));
}), isSelected && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["VisuallyHidden"], null, Object(external_this_wp_i18n_["__"])('(selected block)')), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-navigation-block-slot__description",
id: descriptionId
}, blockPositionDescription)));
});
}
/* harmony default export */ var block_slot = (Object(external_this_wp_element_["forwardRef"])(BlockNavigationBlockSlot));
var block_slot_BlockNavigationBlockFill = function BlockNavigationBlockFill(props) {
var _useContext = Object(external_this_wp_element_["useContext"])(BlockListBlockContext),
clientId = _useContext.clientId;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Fill"], Object(esm_extends["a" /* default */])({}, props, {
name: getSlotName(clientId)
}));
};
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/block-contents.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var BlockNavigationBlockContents = Object(external_this_wp_element_["forwardRef"])(function (_ref, ref) {
var onClick = _ref.onClick,
block = _ref.block,
isSelected = _ref.isSelected,
position = _ref.position,
siblingBlockCount = _ref.siblingBlockCount,
level = _ref.level,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["onClick", "block", "isSelected", "position", "siblingBlockCount", "level"]);
var _useBlockNavigationCo = context_useBlockNavigationContext(),
withBlockNavigationSlots = _useBlockNavigationCo.__experimentalFeatures;
return withBlockNavigationSlots ? Object(external_this_wp_element_["createElement"])(block_slot, Object(esm_extends["a" /* default */])({
ref: ref,
className: "block-editor-block-navigation-block-contents",
block: block,
onClick: onClick,
isSelected: isSelected,
position: position,
siblingBlockCount: siblingBlockCount,
level: level
}, props)) : Object(external_this_wp_element_["createElement"])(block_select_button, Object(esm_extends["a" /* default */])({
ref: ref,
className: "block-editor-block-navigation-block-contents",
block: block,
onClick: onClick,
isSelected: isSelected,
position: position,
siblingBlockCount: siblingBlockCount,
level: level
}, props));
});
/* harmony default export */ var block_contents = (BlockNavigationBlockContents);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/block.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockNavigationBlock(_ref) {
var block = _ref.block,
isSelected = _ref.isSelected,
_onClick = _ref.onClick,
position = _ref.position,
level = _ref.level,
rowCount = _ref.rowCount,
siblingBlockCount = _ref.siblingBlockCount,
showBlockMovers = _ref.showBlockMovers,
terminatedLevels = _ref.terminatedLevels,
path = _ref.path;
var cellRef = Object(external_this_wp_element_["useRef"])(null);
var _useState = Object(external_this_wp_element_["useState"])(false),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
isHovered = _useState2[0],
setIsHovered = _useState2[1];
var _useState3 = Object(external_this_wp_element_["useState"])(false),
_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),
isFocused = _useState4[0],
setIsFocused = _useState4[1];
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
selectEditorBlock = _useDispatch.selectBlock;
var clientId = block.clientId;
var hasSiblings = siblingBlockCount > 0;
var hasRenderedMovers = showBlockMovers && hasSiblings;
var hasVisibleMovers = isHovered || isFocused;
var moverCellClassName = classnames_default()('block-editor-block-navigation-block__mover-cell', {
'is-visible': hasVisibleMovers
});
var _useBlockNavigationCo = context_useBlockNavigationContext(),
withExperimentalFeatures = _useBlockNavigationCo.__experimentalFeatures;
var blockNavigationBlockSettingsClassName = classnames_default()('block-editor-block-navigation-block__menu-cell', {
'is-visible': hasVisibleMovers
});
Object(external_this_wp_element_["useEffect"])(function () {
if (withExperimentalFeatures && isSelected) {
cellRef.current.focus();
}
}, [withExperimentalFeatures, isSelected]);
return Object(external_this_wp_element_["createElement"])(BlockNavigationLeaf, {
className: classnames_default()({
'is-selected': isSelected
}),
onMouseEnter: function onMouseEnter() {
return setIsHovered(true);
},
onMouseLeave: function onMouseLeave() {
return setIsHovered(false);
},
onFocus: function onFocus() {
return setIsFocused(true);
},
onBlur: function onBlur() {
return setIsFocused(false);
},
level: level,
position: position,
rowCount: rowCount,
path: path
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalTreeGridCell"], {
className: "block-editor-block-navigation-block__contents-cell",
colSpan: hasRenderedMovers ? undefined : 2,
ref: cellRef
}, function (_ref2) {
var ref = _ref2.ref,
tabIndex = _ref2.tabIndex,
onFocus = _ref2.onFocus;
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-navigation-block__contents-container"
}, Object(external_this_wp_element_["createElement"])(DescenderLines, {
level: level,
isLastRow: position === rowCount,
terminatedLevels: terminatedLevels
}), Object(external_this_wp_element_["createElement"])(block_contents, {
block: block,
onClick: function onClick() {
return _onClick(block.clientId);
},
isSelected: isSelected,
position: position,
siblingBlockCount: siblingBlockCount,
level: level,
ref: ref,
tabIndex: tabIndex,
onFocus: onFocus
}));
}), hasRenderedMovers && Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalTreeGridCell"], {
className: moverCellClassName,
withoutGridItem: true
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalTreeGridItem"], null, function (_ref3) {
var ref = _ref3.ref,
tabIndex = _ref3.tabIndex,
onFocus = _ref3.onFocus;
return Object(external_this_wp_element_["createElement"])(BlockMoverUpButton, {
__experimentalOrientation: "vertical",
clientIds: [clientId],
ref: ref,
tabIndex: tabIndex,
onFocus: onFocus
});
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalTreeGridItem"], null, function (_ref4) {
var ref = _ref4.ref,
tabIndex = _ref4.tabIndex,
onFocus = _ref4.onFocus;
return Object(external_this_wp_element_["createElement"])(BlockMoverDownButton, {
__experimentalOrientation: "vertical",
clientIds: [clientId],
ref: ref,
tabIndex: tabIndex,
onFocus: onFocus
});
}))), withExperimentalFeatures && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalTreeGridCell"], {
className: blockNavigationBlockSettingsClassName
}, function (_ref5) {
var ref = _ref5.ref,
tabIndex = _ref5.tabIndex,
onFocus = _ref5.onFocus;
return Object(external_this_wp_element_["createElement"])(block_settings_dropdown, {
clientIds: [clientId],
icon: more_vertical["a" /* default */],
toggleProps: {
ref: ref,
tabIndex: tabIndex,
onFocus: onFocus
},
disableOpenOnArrowDown: true,
__experimentalSelectBlock: _onClick
}, function (_ref6) {
var onClose = _ref6.onClose;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuGroup"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
onClick: /*#__PURE__*/Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(function _callee() {
return external_this_regeneratorRuntime_default.a.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return selectEditorBlock(null);
case 2:
_context.next = 4;
return selectEditorBlock(clientId);
case 4:
onClose();
case 5:
case "end":
return _context.stop();
}
}
}, _callee);
}))
}, Object(external_this_wp_i18n_["__"])('Go to block')));
});
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/appender.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockNavigationAppender(_ref) {
var parentBlockClientId = _ref.parentBlockClientId,
position = _ref.position,
level = _ref.level,
rowCount = _ref.rowCount,
terminatedLevels = _ref.terminatedLevels,
path = _ref.path;
var instanceId = Object(external_this_wp_compose_["useInstanceId"])(BlockNavigationAppender);
var descriptionId = "block-navigation-appender-row__description_".concat(instanceId);
var appenderPositionDescription = Object(external_this_wp_i18n_["sprintf"])(
/* translators: 1: The numerical position of the block that will be inserted. 2: The level of nesting for the block that will be inserted. */
Object(external_this_wp_i18n_["__"])('Add block at position %1$d, Level %2$d'), position, level);
return Object(external_this_wp_element_["createElement"])(BlockNavigationLeaf, {
level: level,
position: position,
rowCount: rowCount,
path: path
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalTreeGridCell"], {
className: "block-editor-block-navigation-appender__cell",
colSpan: "3"
}, function (_ref2) {
var ref = _ref2.ref,
tabIndex = _ref2.tabIndex,
onFocus = _ref2.onFocus;
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-navigation-appender__container"
}, Object(external_this_wp_element_["createElement"])(DescenderLines, {
level: level,
isLastRow: position === rowCount,
terminatedLevels: terminatedLevels
}), Object(external_this_wp_element_["createElement"])(inserter, {
rootClientId: parentBlockClientId,
__experimentalSelectBlockOnInsert: false,
"aria-describedby": descriptionId,
toggleProps: {
ref: ref,
tabIndex: tabIndex,
onFocus: onFocus
}
}), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-navigation-appender__description",
id: descriptionId
}, appenderPositionDescription));
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/branch.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockNavigationBranch(props) {
var blocks = props.blocks,
selectBlock = props.selectBlock,
selectedBlockClientId = props.selectedBlockClientId,
showAppender = props.showAppender,
showBlockMovers = props.showBlockMovers,
showNestedBlocks = props.showNestedBlocks,
parentBlockClientId = props.parentBlockClientId,
_props$level = props.level,
level = _props$level === void 0 ? 1 : _props$level,
_props$terminatedLeve = props.terminatedLevels,
terminatedLevels = _props$terminatedLeve === void 0 ? [] : _props$terminatedLeve,
_props$path = props.path,
path = _props$path === void 0 ? [] : _props$path;
var isTreeRoot = !parentBlockClientId;
var filteredBlocks = Object(external_this_lodash_["compact"])(blocks);
var itemHasAppender = function itemHasAppender(parentClientId) {
return showAppender && !isTreeRoot && selectedBlockClientId === parentClientId;
};
var hasAppender = itemHasAppender(parentBlockClientId); // Add +1 to the rowCount to take the block appender into account.
var blockCount = filteredBlocks.length;
var rowCount = hasAppender ? blockCount + 1 : blockCount;
var appenderPosition = rowCount;
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_lodash_["map"])(filteredBlocks, function (block, index) {
var clientId = block.clientId,
innerBlocks = block.innerBlocks;
var position = index + 1;
var isLastRowAtLevel = rowCount === position;
var updatedTerminatedLevels = isLastRowAtLevel ? [].concat(Object(toConsumableArray["a" /* default */])(terminatedLevels), [level]) : terminatedLevels;
var updatedPath = [].concat(Object(toConsumableArray["a" /* default */])(path), [position]);
var hasNestedBlocks = showNestedBlocks && !!innerBlocks && !!innerBlocks.length;
var hasNestedAppender = itemHasAppender(clientId);
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], {
key: clientId
}, Object(external_this_wp_element_["createElement"])(BlockNavigationBlock, {
block: block,
onClick: selectBlock,
isSelected: selectedBlockClientId === clientId,
level: level,
position: position,
rowCount: rowCount,
siblingBlockCount: blockCount,
showBlockMovers: showBlockMovers,
terminatedLevels: terminatedLevels,
path: updatedPath
}), (hasNestedBlocks || hasNestedAppender) && Object(external_this_wp_element_["createElement"])(BlockNavigationBranch, {
blocks: innerBlocks,
selectedBlockClientId: selectedBlockClientId,
selectBlock: selectBlock,
showAppender: showAppender,
showBlockMovers: showBlockMovers,
showNestedBlocks: showNestedBlocks,
parentBlockClientId: clientId,
level: level + 1,
terminatedLevels: updatedTerminatedLevels,
path: updatedPath
}));
}), hasAppender && Object(external_this_wp_element_["createElement"])(BlockNavigationAppender, {
parentBlockClientId: parentBlockClientId,
position: rowCount,
rowCount: appenderPosition,
level: level,
terminatedLevels: terminatedLevels,
path: [].concat(Object(toConsumableArray["a" /* default */])(path), [appenderPosition])
}));
}
BlockNavigationBranch.defaultProps = {
selectBlock: function selectBlock() {}
};
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/tree.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Wrap `BlockNavigationRows` with `TreeGrid`. BlockNavigationRows is a
* recursive component (it renders itself), so this ensures TreeGrid is only
* present at the very top of the navigation grid.
*
* @param {Object} props Components props.
* @param {Object} props.__experimentalFeatures Object used in context provider.
*/
function BlockNavigationTree(_ref) {
var __experimentalFeatures = _ref.__experimentalFeatures,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["__experimentalFeatures"]);
var contextValue = Object(external_this_wp_element_["useMemo"])(function () {
return {
__experimentalFeatures: __experimentalFeatures
};
}, [__experimentalFeatures]);
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalTreeGrid"], {
className: "block-editor-block-navigation-tree",
"aria-label": Object(external_this_wp_i18n_["__"])('Block navigation structure')
}, Object(external_this_wp_element_["createElement"])(BlockNavigationContext.Provider, {
value: contextValue
}, Object(external_this_wp_element_["createElement"])(BlockNavigationBranch, props)));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockNavigation(_ref) {
var rootBlock = _ref.rootBlock,
rootBlocks = _ref.rootBlocks,
selectedBlockClientId = _ref.selectedBlockClientId,
selectBlock = _ref.selectBlock,
__experimentalFeatures = _ref.__experimentalFeatures;
if (!rootBlocks || rootBlocks.length === 0) {
return null;
}
var hasHierarchy = rootBlock && (rootBlock.clientId !== selectedBlockClientId || rootBlock.innerBlocks && rootBlock.innerBlocks.length !== 0);
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-navigation__container"
}, Object(external_this_wp_element_["createElement"])("p", {
className: "block-editor-block-navigation__label"
}, Object(external_this_wp_i18n_["__"])('Block navigation')), hasHierarchy && Object(external_this_wp_element_["createElement"])(BlockNavigationTree, {
blocks: [rootBlock],
selectedBlockClientId: selectedBlockClientId,
selectBlock: selectBlock,
__experimentalFeatures: __experimentalFeatures,
showNestedBlocks: true
}), !hasHierarchy && Object(external_this_wp_element_["createElement"])(BlockNavigationTree, {
blocks: rootBlocks,
selectedBlockClientId: selectedBlockClientId,
selectBlock: selectBlock,
__experimentalFeatures: __experimentalFeatures
}));
}
/* harmony default export */ var block_navigation = (Object(external_this_wp_compose_["compose"])(Object(external_this_wp_data_["withSelect"])(function (select) {
var _select = select('core/block-editor'),
getSelectedBlockClientId = _select.getSelectedBlockClientId,
getBlockHierarchyRootClientId = _select.getBlockHierarchyRootClientId,
getBlock = _select.getBlock,
getBlocks = _select.getBlocks;
var selectedBlockClientId = getSelectedBlockClientId();
return {
rootBlocks: getBlocks(),
rootBlock: selectedBlockClientId ? getBlock(getBlockHierarchyRootClientId(selectedBlockClientId)) : null,
selectedBlockClientId: selectedBlockClientId
};
}), Object(external_this_wp_data_["withDispatch"])(function (dispatch, _ref2) {
var _ref2$onSelect = _ref2.onSelect,
onSelect = _ref2$onSelect === void 0 ? external_this_lodash_["noop"] : _ref2$onSelect;
return {
selectBlock: function selectBlock(clientId) {
dispatch('core/block-editor').selectBlock(clientId);
onSelect(clientId);
}
};
}))(BlockNavigation));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/dropdown.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var MenuIcon = Object(external_this_wp_element_["createElement"])(external_this_wp_components_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24",
width: "24",
height: "24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Path"], {
d: "M13.8 5.2H3v1.5h10.8V5.2zm-3.6 12v1.5H21v-1.5H10.2zm7.2-6H6.6v1.5h10.8v-1.5z"
}));
function BlockNavigationDropdownToggle(_ref) {
var isEnabled = _ref.isEnabled,
onToggle = _ref.onToggle,
isOpen = _ref.isOpen,
innerRef = _ref.innerRef,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["isEnabled", "onToggle", "isOpen", "innerRef"]);
Object(external_this_wp_keyboardShortcuts_["useShortcut"])('core/edit-post/toggle-block-navigation', Object(external_this_wp_element_["useCallback"])(onToggle, [onToggle]), {
bindGlobal: true,
isDisabled: !isEnabled
});
var shortcut = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/keyboard-shortcuts').getShortcutRepresentation('core/edit-post/toggle-block-navigation');
}, []);
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], Object(esm_extends["a" /* default */])({}, props, {
ref: innerRef,
icon: MenuIcon,
"aria-expanded": isOpen,
onClick: isEnabled ? onToggle : undefined,
label: Object(external_this_wp_i18n_["__"])('Block navigation'),
className: "block-editor-block-navigation",
shortcut: shortcut,
"aria-disabled": !isEnabled
}));
}
function BlockNavigationDropdown(_ref2, ref) {
var isDisabled = _ref2.isDisabled,
__experimentalFeatures = _ref2.__experimentalFeatures,
props = Object(objectWithoutProperties["a" /* default */])(_ref2, ["isDisabled", "__experimentalFeatures"]);
var hasBlocks = Object(external_this_wp_data_["useSelect"])(function (select) {
return !!select('core/block-editor').getBlockCount();
}, []);
var isEnabled = hasBlocks && !isDisabled;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Dropdown"], {
contentClassName: "block-editor-block-navigation__popover",
position: "bottom right",
renderToggle: function renderToggle(_ref3) {
var isOpen = _ref3.isOpen,
onToggle = _ref3.onToggle;
return Object(external_this_wp_element_["createElement"])(BlockNavigationDropdownToggle, Object(esm_extends["a" /* default */])({}, props, {
innerRef: ref,
isOpen: isOpen,
onToggle: onToggle,
isEnabled: isEnabled
}));
},
renderContent: function renderContent(_ref4) {
var onClose = _ref4.onClose;
return Object(external_this_wp_element_["createElement"])(block_navigation, {
onSelect: onClose,
__experimentalFeatures: __experimentalFeatures
});
}
});
}
/* harmony default export */ var dropdown = (Object(external_this_wp_element_["forwardRef"])(BlockNavigationDropdown));
// EXTERNAL MODULE: external {"this":["wp","shortcode"]}
var external_this_wp_shortcode_ = __webpack_require__(125);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/rich-text/remove-browser-shortcuts.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Set of keyboard shortcuts handled internally by RichText.
*
* @type {Array}
*/
var HANDLED_SHORTCUTS = [external_this_wp_keycodes_["rawShortcut"].primary('z'), external_this_wp_keycodes_["rawShortcut"].primaryShift('z'), external_this_wp_keycodes_["rawShortcut"].primary('y')];
/**
* An instance of a KeyboardShortcuts element pre-bound for the handled
* shortcuts. Since shortcuts never change, the element can be considered
* static, and can be skipped in reconciliation.
*
* @type {WPElement}
*/
var SHORTCUTS_ELEMENT = Object(external_this_wp_element_["createElement"])(external_this_wp_components_["KeyboardShortcuts"], {
bindGlobal: true,
shortcuts: Object(external_this_lodash_["fromPairs"])(HANDLED_SHORTCUTS.map(function (shortcut) {
return [shortcut, function (event) {
return event.preventDefault();
}];
}))
});
/**
* Component which registered keyboard event handlers to prevent default
* behaviors for key combinations otherwise handled internally by RichText.
*
* @return {WPComponent} The component to be rendered.
*/
var RemoveBrowserShortcuts = function RemoveBrowserShortcuts() {
return SHORTCUTS_ELEMENT;
};
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/rich-text/file-paste-handler.js
/**
* WordPress dependencies
*/
function filePasteHandler(files) {
return files.filter(function (_ref) {
var type = _ref.type;
return /^image\/(?:jpe?g|png|gif)$/.test(type);
}).map(function (file) {
return "");
}).join('');
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/rich-text/format-toolbar/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
var format_toolbar_POPOVER_PROPS = {
position: 'bottom right',
isAlternate: true
};
var format_toolbar_FormatToolbar = function FormatToolbar() {
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-format-toolbar"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarGroup"], null, ['bold', 'italic', 'link', 'text-color'].map(function (format) {
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Slot"], {
name: "RichText.ToolbarControls.".concat(format),
key: format
});
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Slot"], {
name: "RichText.ToolbarControls"
}, function (fills) {
return fills.length !== 0 && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalToolbarItem"], null, function (toggleProps) {
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["DropdownMenu"], {
icon: chevron_down["a" /* default */],
label: Object(external_this_wp_i18n_["__"])('More rich text controls'),
toggleProps: toggleProps,
controls: Object(external_this_lodash_["orderBy"])(fills.map(function (_ref) {
var _ref2 = Object(slicedToArray["a" /* default */])(_ref, 1),
props = _ref2[0].props;
return props;
}), 'title'),
popoverProps: format_toolbar_POPOVER_PROPS
});
});
})));
};
/* harmony default export */ var format_toolbar = (format_toolbar_FormatToolbar);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/rich-text/format-toolbar-container.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var format_toolbar_container_FormatToolbarContainer = function FormatToolbarContainer(_ref) {
var inline = _ref.inline,
anchorRef = _ref.anchorRef;
if (inline) {
// Render in popover
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Popover"], {
noArrow: true,
position: "top center",
focusOnMount: false,
anchorRef: anchorRef,
className: "block-editor-rich-text__inline-format-toolbar"
}, Object(external_this_wp_element_["createElement"])(format_toolbar, null));
} // Render regular toolbar
return Object(external_this_wp_element_["createElement"])(block_format_controls, null, Object(external_this_wp_element_["createElement"])(format_toolbar, null));
};
/* harmony default export */ var format_toolbar_container = (format_toolbar_container_FormatToolbarContainer);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/rich-text/index.js
function rich_text_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 rich_text_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { rich_text_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 { rich_text_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var wrapperClasses = 'block-editor-rich-text';
var rich_text_classes = 'block-editor-rich-text__editable';
/**
* Get the multiline tag based on the multiline prop.
*
* @param {?(string|boolean)} multiline The multiline prop.
*
* @return {?string} The multiline tag.
*/
function getMultilineTag(multiline) {
if (multiline !== true && multiline !== 'p' && multiline !== 'li') {
return;
}
return multiline === true ? 'p' : multiline;
}
function getAllowedFormats(_ref) {
var allowedFormats = _ref.allowedFormats,
formattingControls = _ref.formattingControls,
disableFormats = _ref.disableFormats;
if (disableFormats) {
return getAllowedFormats.EMPTY_ARRAY;
}
if (!allowedFormats && !formattingControls) {
return;
}
if (allowedFormats) {
return allowedFormats;
}
external_this_wp_deprecated_default()('wp.blockEditor.RichText formattingControls prop', {
alternative: 'allowedFormats'
});
return formattingControls.map(function (name) {
return "core/".concat(name);
});
}
getAllowedFormats.EMPTY_ARRAY = [];
var rich_text_isShortcode = function isShortcode(text) {
return Object(external_this_wp_shortcode_["regexp"])('.*').test(text);
};
function RichTextWrapper(_ref2, forwardedRef) {
var children = _ref2.children,
tagName = _ref2.tagName,
originalValue = _ref2.value,
originalOnChange = _ref2.onChange,
originalIsSelected = _ref2.isSelected,
multiline = _ref2.multiline,
inlineToolbar = _ref2.inlineToolbar,
wrapperClassName = _ref2.wrapperClassName,
className = _ref2.className,
autocompleters = _ref2.autocompleters,
onReplace = _ref2.onReplace,
placeholder = _ref2.placeholder,
keepPlaceholderOnFocus = _ref2.keepPlaceholderOnFocus,
allowedFormats = _ref2.allowedFormats,
formattingControls = _ref2.formattingControls,
withoutInteractiveFormatting = _ref2.withoutInteractiveFormatting,
onRemove = _ref2.onRemove,
onMerge = _ref2.onMerge,
onSplit = _ref2.onSplit,
onSplitAtEnd = _ref2.__unstableOnSplitAtEnd,
onSplitMiddle = _ref2.__unstableOnSplitMiddle,
identifier = _ref2.identifier,
startAttr = _ref2.start,
reversed = _ref2.reversed,
style = _ref2.style,
preserveWhiteSpace = _ref2.preserveWhiteSpace,
__unstableEmbedURLOnPaste = _ref2.__unstableEmbedURLOnPaste,
disableFormats = _ref2.__unstableDisableFormats,
disableLineBreaks = _ref2.disableLineBreaks,
props = Object(objectWithoutProperties["a" /* default */])(_ref2, ["children", "tagName", "value", "onChange", "isSelected", "multiline", "inlineToolbar", "wrapperClassName", "className", "autocompleters", "onReplace", "placeholder", "keepPlaceholderOnFocus", "allowedFormats", "formattingControls", "withoutInteractiveFormatting", "onRemove", "onMerge", "onSplit", "__unstableOnSplitAtEnd", "__unstableOnSplitMiddle", "identifier", "start", "reversed", "style", "preserveWhiteSpace", "__unstableEmbedURLOnPaste", "__unstableDisableFormats", "disableLineBreaks"]);
var instanceId = Object(external_this_wp_compose_["useInstanceId"])(RichTextWrapper);
identifier = identifier || instanceId;
var fallbackRef = Object(external_this_wp_element_["useRef"])();
var ref = forwardedRef || fallbackRef;
var _useBlockEditContext = useBlockEditContext(),
clientId = _useBlockEditContext.clientId,
onCaretVerticalPositionChange = _useBlockEditContext.onCaretVerticalPositionChange,
blockIsSelected = _useBlockEditContext.isSelected;
var selector = function selector(select) {
var _select = select('core/block-editor'),
isCaretWithinFormattedText = _select.isCaretWithinFormattedText,
getSelectionStart = _select.getSelectionStart,
getSelectionEnd = _select.getSelectionEnd,
getSettings = _select.getSettings,
didAutomaticChange = _select.didAutomaticChange,
__unstableGetBlockWithoutInnerBlocks = _select.__unstableGetBlockWithoutInnerBlocks,
isMultiSelecting = _select.isMultiSelecting,
hasMultiSelection = _select.hasMultiSelection;
var selectionStart = getSelectionStart();
var selectionEnd = getSelectionEnd();
var _getSettings = getSettings(),
undo = _getSettings.__experimentalUndo;
var isSelected;
if (originalIsSelected === undefined) {
isSelected = selectionStart.clientId === clientId && selectionStart.attributeKey === identifier;
} else if (originalIsSelected) {
isSelected = selectionStart.clientId === clientId;
}
var extraProps = {};
if (external_this_wp_element_["Platform"].OS === 'native') {
// If the block of this RichText is unmodified then it's a candidate for replacing when adding a new block.
// In order to fix https://github.com/wordpress-mobile/gutenberg-mobile/issues/1126, let's blur on unmount in that case.
// This apparently assumes functionality the BlockHlder actually
var block = clientId && __unstableGetBlockWithoutInnerBlocks(clientId);
var _shouldBlurOnUnmount = block && isSelected && Object(external_this_wp_blocks_["isUnmodifiedDefaultBlock"])(block);
extraProps = {
shouldBlurOnUnmount: _shouldBlurOnUnmount
};
}
return rich_text_objectSpread({
isCaretWithinFormattedText: isCaretWithinFormattedText(),
selectionStart: isSelected ? selectionStart.offset : undefined,
selectionEnd: isSelected ? selectionEnd.offset : undefined,
isSelected: isSelected,
didAutomaticChange: didAutomaticChange(),
disabled: isMultiSelecting() || hasMultiSelection(),
undo: undo
}, extraProps);
}; // This selector must run on every render so the right selection state is
// retreived from the store on merge.
// To do: fix this somehow.
var _useSelect = Object(external_this_wp_data_["useSelect"])(selector),
isCaretWithinFormattedText = _useSelect.isCaretWithinFormattedText,
selectionStart = _useSelect.selectionStart,
selectionEnd = _useSelect.selectionEnd,
isSelected = _useSelect.isSelected,
didAutomaticChange = _useSelect.didAutomaticChange,
disabled = _useSelect.disabled,
undo = _useSelect.undo,
shouldBlurOnUnmount = _useSelect.shouldBlurOnUnmount;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
__unstableMarkLastChangeAsPersistent = _useDispatch.__unstableMarkLastChangeAsPersistent,
enterFormattedText = _useDispatch.enterFormattedText,
exitFormattedText = _useDispatch.exitFormattedText,
selectionChange = _useDispatch.selectionChange,
__unstableMarkAutomaticChange = _useDispatch.__unstableMarkAutomaticChange;
var multilineTag = getMultilineTag(multiline);
var adjustedAllowedFormats = getAllowedFormats({
allowedFormats: allowedFormats,
formattingControls: formattingControls,
disableFormats: disableFormats
});
var hasFormats = !adjustedAllowedFormats || adjustedAllowedFormats.length > 0;
var adjustedValue = originalValue;
var adjustedOnChange = originalOnChange; // Handle deprecated format.
if (Array.isArray(originalValue)) {
adjustedValue = external_this_wp_blocks_["children"].toHTML(originalValue);
adjustedOnChange = function adjustedOnChange(newValue) {
return originalOnChange(external_this_wp_blocks_["children"].fromDOM(Object(external_this_wp_richText_["__unstableCreateElement"])(document, newValue).childNodes));
};
}
var onSelectionChange = Object(external_this_wp_element_["useCallback"])(function (start, end) {
selectionChange(clientId, identifier, start, end);
}, [clientId, identifier]);
var onDelete = Object(external_this_wp_element_["useCallback"])(function (_ref3) {
var value = _ref3.value,
isReverse = _ref3.isReverse;
if (onMerge) {
onMerge(!isReverse);
} // Only handle remove on Backspace. This serves dual-purpose of being
// an intentional user interaction distinguishing between Backspace and
// Delete to remove the empty field, but also to avoid merge & remove
// causing destruction of two fields (merge, then removed merged).
if (onRemove && Object(external_this_wp_richText_["isEmpty"])(value) && isReverse) {
onRemove(!isReverse);
}
}, [onMerge, onRemove]);
/**
* Signals to the RichText owner that the block can be replaced with two
* blocks as a result of splitting the block by pressing enter, or with
* blocks as a result of splitting the block by pasting block content in the
* instance.
*
* @param {Object} record The rich text value to split.
* @param {Array} pastedBlocks The pasted blocks to insert, if any.
*/
var splitValue = Object(external_this_wp_element_["useCallback"])(function (record) {
var pastedBlocks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
if (!onReplace || !onSplit) {
return;
}
var blocks = [];
var _split = Object(external_this_wp_richText_["split"])(record),
_split2 = Object(slicedToArray["a" /* default */])(_split, 2),
before = _split2[0],
after = _split2[1];
var hasPastedBlocks = pastedBlocks.length > 0;
var lastPastedBlockIndex = -1; // Create a block with the content before the caret if there's no pasted
// blocks, or if there are pasted blocks and the value is not empty.
// We do not want a leading empty block on paste, but we do if split
// with e.g. the enter key.
if (!hasPastedBlocks || !Object(external_this_wp_richText_["isEmpty"])(before)) {
blocks.push(onSplit(Object(external_this_wp_richText_["toHTMLString"])({
value: before,
multilineTag: multilineTag
})));
lastPastedBlockIndex += 1;
}
if (hasPastedBlocks) {
blocks.push.apply(blocks, Object(toConsumableArray["a" /* default */])(pastedBlocks));
lastPastedBlockIndex += pastedBlocks.length;
} else if (onSplitMiddle) {
blocks.push(onSplitMiddle());
} // If there's pasted blocks, append a block with non empty content
/// after the caret. Otherwise, do append an empty block if there
// is no `onSplitMiddle` prop, but if there is and the content is
// empty, the middle block is enough to set focus in.
if (hasPastedBlocks ? !Object(external_this_wp_richText_["isEmpty"])(after) : !onSplitMiddle || !Object(external_this_wp_richText_["isEmpty"])(after)) {
blocks.push(onSplit(Object(external_this_wp_richText_["toHTMLString"])({
value: after,
multilineTag: multilineTag
})));
} // If there are pasted blocks, set the selection to the last one.
// Otherwise, set the selection to the second block.
var indexToSelect = hasPastedBlocks ? lastPastedBlockIndex : 1; // If there are pasted blocks, move the caret to the end of the selected block
// Otherwise, retain the default value.
var initialPosition = hasPastedBlocks ? -1 : null;
onReplace(blocks, indexToSelect, initialPosition);
}, [onReplace, onSplit, multilineTag, onSplitMiddle]);
var onEnter = Object(external_this_wp_element_["useCallback"])(function (_ref4) {
var value = _ref4.value,
onChange = _ref4.onChange,
shiftKey = _ref4.shiftKey;
var canSplit = onReplace && onSplit;
if (onReplace) {
var transforms = Object(external_this_wp_blocks_["getBlockTransforms"])('from').filter(function (_ref5) {
var type = _ref5.type;
return type === 'enter';
});
var transformation = Object(external_this_wp_blocks_["findTransform"])(transforms, function (item) {
return item.regExp.test(value.text);
});
if (transformation) {
onReplace([transformation.transform({
content: value.text
})]);
__unstableMarkAutomaticChange();
}
}
if (multiline) {
if (shiftKey) {
if (!disableLineBreaks) {
onChange(Object(external_this_wp_richText_["insert"])(value, '\n'));
}
} else if (canSplit && Object(external_this_wp_richText_["__unstableIsEmptyLine"])(value)) {
splitValue(value);
} else {
onChange(Object(external_this_wp_richText_["__unstableInsertLineSeparator"])(value));
}
} else {
var text = value.text,
start = value.start,
end = value.end;
var canSplitAtEnd = onSplitAtEnd && start === end && end === text.length;
if (shiftKey || !canSplit && !canSplitAtEnd) {
if (!disableLineBreaks) {
onChange(Object(external_this_wp_richText_["insert"])(value, '\n'));
}
} else if (!canSplit && canSplitAtEnd) {
onSplitAtEnd();
} else if (canSplit) {
splitValue(value);
}
}
}, [onReplace, onSplit, __unstableMarkAutomaticChange, multiline, splitValue, onSplitAtEnd]);
var onPaste = Object(external_this_wp_element_["useCallback"])(function (_ref6) {
var value = _ref6.value,
onChange = _ref6.onChange,
html = _ref6.html,
plainText = _ref6.plainText,
files = _ref6.files,
activeFormats = _ref6.activeFormats;
// Only process file if no HTML is present.
// Note: a pasted file may have the URL as plain text.
if (files && files.length && !html) {
var _content = Object(external_this_wp_blocks_["pasteHandler"])({
HTML: filePasteHandler(files),
mode: 'BLOCKS',
tagName: tagName
}); // Allows us to ask for this information when we get a report.
// eslint-disable-next-line no-console
window.console.log('Received items:\n\n', files);
if (onReplace && Object(external_this_wp_richText_["isEmpty"])(value)) {
onReplace(_content);
} else {
splitValue(value, _content);
}
return;
}
var mode = onReplace && onSplit ? 'AUTO' : 'INLINE'; // Force the blocks mode when the user is pasting
// on a new line & the content resembles a shortcode.
// Otherwise it's going to be detected as inline
// and the shortcode won't be replaced.
if (mode === 'AUTO' && Object(external_this_wp_richText_["isEmpty"])(value) && rich_text_isShortcode(plainText)) {
mode = 'BLOCKS';
}
if (__unstableEmbedURLOnPaste && Object(external_this_wp_richText_["isEmpty"])(value) && Object(external_this_wp_url_["isURL"])(plainText.trim())) {
mode = 'BLOCKS';
}
var content = Object(external_this_wp_blocks_["pasteHandler"])({
HTML: html,
plainText: plainText,
mode: mode,
tagName: tagName
});
if (typeof content === 'string') {
var valueToInsert = Object(external_this_wp_richText_["create"])({
html: content
}); // If there are active formats, merge them with the pasted formats.
if (activeFormats.length) {
var index = valueToInsert.formats.length;
while (index--) {
valueToInsert.formats[index] = [].concat(Object(toConsumableArray["a" /* default */])(activeFormats), Object(toConsumableArray["a" /* default */])(valueToInsert.formats[index] || []));
}
} // If the content should be multiline, we should process text
// separated by a line break as separate lines.
if (multiline) {
valueToInsert = Object(external_this_wp_richText_["replace"])(valueToInsert, /\n+/g, external_this_wp_richText_["__UNSTABLE_LINE_SEPARATOR"]);
}
onChange(Object(external_this_wp_richText_["insert"])(value, valueToInsert));
} else if (content.length > 0) {
if (onReplace && Object(external_this_wp_richText_["isEmpty"])(value)) {
onReplace(content, content.length - 1, -1);
} else {
splitValue(value, content);
}
}
}, [tagName, onReplace, onSplit, splitValue, __unstableEmbedURLOnPaste, multiline]);
var inputRule = Object(external_this_wp_element_["useCallback"])(function (value, valueToFormat) {
if (!onReplace) {
return;
}
var start = value.start,
text = value.text;
var characterBefore = text.slice(start - 1, start); // The character right before the caret must be a plain space.
if (characterBefore !== ' ') {
return;
}
var trimmedTextBefore = text.slice(0, start).trim();
var prefixTransforms = Object(external_this_wp_blocks_["getBlockTransforms"])('from').filter(function (_ref7) {
var type = _ref7.type;
return type === 'prefix';
});
var transformation = Object(external_this_wp_blocks_["findTransform"])(prefixTransforms, function (_ref8) {
var prefix = _ref8.prefix;
return trimmedTextBefore === prefix;
});
if (!transformation) {
return;
}
var content = valueToFormat(Object(external_this_wp_richText_["slice"])(value, start, text.length));
var block = transformation.transform(content);
onReplace([block]);
__unstableMarkAutomaticChange();
}, [onReplace, __unstableMarkAutomaticChange]);
var content = Object(external_this_wp_element_["createElement"])(external_this_wp_richText_["__experimentalRichText"], Object(esm_extends["a" /* default */])({}, props, {
clientId: clientId,
identifier: identifier,
ref: ref,
value: adjustedValue,
onChange: adjustedOnChange,
selectionStart: selectionStart,
selectionEnd: selectionEnd,
onSelectionChange: onSelectionChange,
tagName: tagName,
className: classnames_default()(rich_text_classes, className, {
'keep-placeholder-on-focus': keepPlaceholderOnFocus
}),
placeholder: placeholder,
allowedFormats: adjustedAllowedFormats,
withoutInteractiveFormatting: withoutInteractiveFormatting,
onEnter: onEnter,
onDelete: onDelete,
onPaste: onPaste,
__unstableIsSelected: isSelected,
__unstableInputRule: inputRule,
__unstableMultilineTag: multilineTag,
__unstableIsCaretWithinFormattedText: isCaretWithinFormattedText,
__unstableOnEnterFormattedText: enterFormattedText,
__unstableOnExitFormattedText: exitFormattedText,
__unstableOnCreateUndoLevel: __unstableMarkLastChangeAsPersistent,
__unstableMarkAutomaticChange: __unstableMarkAutomaticChange,
__unstableDidAutomaticChange: didAutomaticChange,
__unstableUndo: undo,
__unstableDisableFormats: disableFormats,
style: style,
preserveWhiteSpace: preserveWhiteSpace,
disabled: disabled,
start: startAttr,
reversed: reversed // Native props.
,
onCaretVerticalPositionChange: onCaretVerticalPositionChange,
blockIsSelected: originalIsSelected !== undefined ? originalIsSelected : blockIsSelected,
shouldBlurOnUnmount: shouldBlurOnUnmount
}), function (_ref9) {
var nestedIsSelected = _ref9.isSelected,
value = _ref9.value,
onChange = _ref9.onChange,
onFocus = _ref9.onFocus,
editableProps = _ref9.editableProps,
TagName = _ref9.editableTagName;
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, children && children({
value: value,
onChange: onChange,
onFocus: onFocus
}), nestedIsSelected && hasFormats && Object(external_this_wp_element_["createElement"])(format_toolbar_container, {
inline: inlineToolbar,
anchorRef: ref.current
}), nestedIsSelected && Object(external_this_wp_element_["createElement"])(RemoveBrowserShortcuts, null), Object(external_this_wp_element_["createElement"])(autocomplete, {
onReplace: onReplace,
completers: autocompleters,
record: value,
onChange: onChange,
isSelected: nestedIsSelected
}, function (_ref10) {
var listBoxId = _ref10.listBoxId,
activeId = _ref10.activeId,
_onKeyDown = _ref10.onKeyDown;
return Object(external_this_wp_element_["createElement"])(TagName, Object(esm_extends["a" /* default */])({}, editableProps, {
"aria-autocomplete": listBoxId ? 'list' : undefined,
"aria-owns": listBoxId,
"aria-activedescendant": activeId,
start: startAttr,
reversed: reversed,
onKeyDown: function onKeyDown(event) {
_onKeyDown(event);
editableProps.onKeyDown(event);
}
}));
}));
});
if (!wrapperClassName) {
return content;
}
external_this_wp_deprecated_default()('wp.blockEditor.RichText wrapperClassName prop', {
alternative: 'className prop or create your own wrapper div'
});
return Object(external_this_wp_element_["createElement"])("div", {
className: classnames_default()(wrapperClasses, wrapperClassName)
}, content);
}
var ForwardedRichTextContainer = Object(external_this_wp_element_["forwardRef"])(RichTextWrapper);
ForwardedRichTextContainer.Content = function (_ref11) {
var value = _ref11.value,
Tag = _ref11.tagName,
multiline = _ref11.multiline,
props = Object(objectWithoutProperties["a" /* default */])(_ref11, ["value", "tagName", "multiline"]);
// Handle deprecated `children` and `node` sources.
if (Array.isArray(value)) {
value = external_this_wp_blocks_["children"].toHTML(value);
}
var MultilineTag = getMultilineTag(multiline);
if (!value && MultilineTag) {
value = "<".concat(MultilineTag, ">");
}
var content = Object(external_this_wp_element_["createElement"])(external_this_wp_element_["RawHTML"], null, value);
if (Tag) {
return Object(external_this_wp_element_["createElement"])(Tag, Object(external_this_lodash_["omit"])(props, ['format']), content);
}
return content;
};
ForwardedRichTextContainer.isEmpty = function (value) {
return !value || value.length === 0;
};
ForwardedRichTextContainer.Content.defaultProps = {
format: 'string',
value: ''
};
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/rich-text/README.md
*/
/* harmony default export */ var rich_text = (ForwardedRichTextContainer);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-navigation/editor.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockNavigationEditor(_ref) {
var value = _ref.value,
onChange = _ref.onChange;
return Object(external_this_wp_element_["createElement"])(block_slot_BlockNavigationBlockFill, null, Object(external_this_wp_element_["createElement"])(rich_text, {
value: value,
onChange: onChange,
placeholder: Object(external_this_wp_i18n_["__"])('Navigation item'),
keepPlaceholderOnFocus: true,
withoutInteractiveFormatting: true,
allowedFormats: ['core/bold', 'core/italic', 'core/image', 'core/strikethrough']
}));
}
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/layout.js
var layout = __webpack_require__(299);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-variation-picker/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function BlockVariationPicker(_ref) {
var _ref$icon = _ref.icon,
icon = _ref$icon === void 0 ? layout["a" /* default */] : _ref$icon,
_ref$label = _ref.label,
label = _ref$label === void 0 ? Object(external_this_wp_i18n_["__"])('Choose variation') : _ref$label,
_ref$instructions = _ref.instructions,
instructions = _ref$instructions === void 0 ? Object(external_this_wp_i18n_["__"])('Select a variation to start with.') : _ref$instructions,
variations = _ref.variations,
onSelect = _ref.onSelect,
allowSkip = _ref.allowSkip;
var classes = classnames_default()('block-editor-block-variation-picker', {
'has-many-variations': variations.length > 4
});
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Placeholder"], {
icon: icon,
label: label,
instructions: instructions,
className: classes
}, Object(external_this_wp_element_["createElement"])("ul", {
className: "block-editor-block-variation-picker__variations",
role: "list",
"aria-label": Object(external_this_wp_i18n_["__"])('Block variations')
}, variations.map(function (variation) {
return Object(external_this_wp_element_["createElement"])("li", {
key: variation.name
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
isSecondary: true,
icon: variation.icon,
iconSize: 48,
onClick: function onClick() {
return onSelect(variation);
},
className: "block-editor-block-variation-picker__variation",
label: variation.description || variation.title
}), Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-block-variation-picker__variation-label",
role: "presentation"
}, variation.title));
})), allowSkip && Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-variation-picker__skip"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
isLink: true,
onClick: function onClick() {
return onSelect();
}
}, Object(external_this_wp_i18n_["__"])('Skip'))));
}
/* harmony default export */ var block_variation_picker = (BlockVariationPicker);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-vertical-alignment-toolbar/icons.js
/**
* WordPress dependencies
*/
var alignBottom = Object(external_this_wp_element_["createElement"])(external_this_wp_components_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Path"], {
d: "M15 4H9v11h6V4zM4 18.5V20h16v-1.5H4z"
}));
var alignCenter = Object(external_this_wp_element_["createElement"])(external_this_wp_components_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Path"], {
d: "M20 11h-5V4H9v7H4v1.5h5V20h6v-7.5h5z"
}));
var alignTop = Object(external_this_wp_element_["createElement"])(external_this_wp_components_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Path"], {
d: "M9 20h6V9H9v11zM4 4v1.5h16V4H4z"
}));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-vertical-alignment-toolbar/index.js
function block_vertical_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 block_vertical_alignment_toolbar_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { block_vertical_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 { block_vertical_alignment_toolbar_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var block_vertical_alignment_toolbar_BLOCK_ALIGNMENTS_CONTROLS = {
top: {
icon: alignTop,
title: Object(external_this_wp_i18n_["_x"])('Vertically Align Top', 'Block vertical alignment setting')
},
center: {
icon: alignCenter,
title: Object(external_this_wp_i18n_["_x"])('Vertically Align Middle', 'Block vertical alignment setting')
},
bottom: {
icon: alignBottom,
title: Object(external_this_wp_i18n_["_x"])('Vertically Align Bottom', 'Block vertical alignment setting')
}
};
var block_vertical_alignment_toolbar_DEFAULT_CONTROLS = ['top', 'center', 'bottom'];
var block_vertical_alignment_toolbar_DEFAULT_CONTROL = 'top';
var block_vertical_alignment_toolbar_POPOVER_PROPS = {
isAlternate: true
};
function BlockVerticalAlignmentToolbar(_ref) {
var value = _ref.value,
onChange = _ref.onChange,
_ref$controls = _ref.controls,
controls = _ref$controls === void 0 ? block_vertical_alignment_toolbar_DEFAULT_CONTROLS : _ref$controls,
_ref$isCollapsed = _ref.isCollapsed,
isCollapsed = _ref$isCollapsed === void 0 ? true : _ref$isCollapsed;
function applyOrUnset(align) {
return function () {
return onChange(value === align ? undefined : align);
};
}
var activeAlignment = block_vertical_alignment_toolbar_BLOCK_ALIGNMENTS_CONTROLS[value];
var defaultAlignmentControl = block_vertical_alignment_toolbar_BLOCK_ALIGNMENTS_CONTROLS[block_vertical_alignment_toolbar_DEFAULT_CONTROL];
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarGroup"], {
popoverProps: block_vertical_alignment_toolbar_POPOVER_PROPS,
isCollapsed: isCollapsed,
icon: activeAlignment ? activeAlignment.icon : defaultAlignmentControl.icon,
label: Object(external_this_wp_i18n_["_x"])('Change vertical alignment', 'Block vertical alignment setting label'),
controls: controls.map(function (control) {
return block_vertical_alignment_toolbar_objectSpread({}, block_vertical_alignment_toolbar_BLOCK_ALIGNMENTS_CONTROLS[control], {
isActive: value === control,
role: isCollapsed ? 'menuitemradio' : undefined,
onClick: applyOrUnset(control)
});
})
});
}
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/block-vertical-alignment-toolbar/README.md
*/
/* harmony default export */ var block_vertical_alignment_toolbar = (BlockVerticalAlignmentToolbar);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/color-palette/with-color-context.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/* harmony default export */ var with_color_context = (Object(external_this_wp_compose_["createHigherOrderComponent"])(Object(external_this_wp_data_["withSelect"])(function (select, ownProps) {
var settings = select('core/block-editor').getSettings();
var colors = ownProps.colors === undefined ? settings.colors : ownProps.colors;
var disableCustomColors = ownProps.disableCustomColors === undefined ? settings.disableCustomColors : ownProps.disableCustomColors;
return {
colors: colors,
disableCustomColors: disableCustomColors,
hasColorsToChoose: !Object(external_this_lodash_["isEmpty"])(colors) || !disableCustomColors
};
}), 'withColorContext'));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/color-palette/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/* harmony default export */ var color_palette = (with_color_context(external_this_wp_components_["ColorPalette"]));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/color-palette/control.js
/**
* Internal dependencies
*/
function ColorPaletteControl(_ref) {
var onChange = _ref.onChange,
value = _ref.value,
otherProps = Object(objectWithoutProperties["a" /* default */])(_ref, ["onChange", "value"]);
return Object(external_this_wp_element_["createElement"])(control, Object(esm_extends["a" /* default */])({}, otherProps, {
onColorChange: onChange,
colorValue: value,
gradients: [],
disableCustomGradients: true
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/gradient-picker/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function GradientPickerWithGradients(props) {
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
return Object(external_this_lodash_["pick"])(select('core/block-editor').getSettings(), ['gradients', 'disableCustomGradients']);
}, []),
gradients = _useSelect.gradients,
disableCustomGradients = _useSelect.disableCustomGradients;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalGradientPicker"], Object(esm_extends["a" /* default */])({
gradients: props.gradients !== undefined ? props.gradient : gradients,
disableCustomGradients: props.disableCustomGradients !== undefined ? props.disableCustomGradients : disableCustomGradients
}, props));
}
/* harmony default export */ var gradient_picker = (function (props) {
var ComponentToUse = props.gradients !== undefined && props.disableCustomGradients !== undefined ? external_this_wp_components_["__experimentalGradientPicker"] : GradientPickerWithGradients;
return Object(external_this_wp_element_["createElement"])(ComponentToUse, props);
});
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/gradient-picker/control.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function GradientPickerControl(_ref) {
var className = _ref.className,
value = _ref.value,
onChange = _ref.onChange,
_ref$label = _ref.label,
label = _ref$label === void 0 ? Object(external_this_wp_i18n_["__"])('Gradient Presets') : _ref$label,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["className", "value", "onChange", "label"]);
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
return Object(external_this_lodash_["pick"])(select('core/block-editor').getSettings(), ['gradients', 'disableCustomGradients']);
}, []),
_useSelect$gradients = _useSelect.gradients,
gradients = _useSelect$gradients === void 0 ? [] : _useSelect$gradients,
disableCustomGradients = _useSelect.disableCustomGradients;
if (Object(external_this_lodash_["isEmpty"])(gradients) && disableCustomGradients) {
return null;
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["BaseControl"], {
className: classnames_default()('block-editor-gradient-picker-control', className)
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["BaseControl"].VisualLabel, null, label), Object(external_this_wp_element_["createElement"])(gradient_picker, Object(esm_extends["a" /* default */])({
value: value,
onChange: onChange,
className: "block-editor-gradient-picker-control__gradient-picker-presets",
gradients: gradients,
disableCustomGradients: disableCustomGradients
}, props)));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/gradient-picker/panel.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function GradientPanel(props) {
var gradients = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').getSettings().gradients;
}, []);
if (Object(external_this_lodash_["isEmpty"])(gradients)) {
return null;
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["PanelBody"], {
title: Object(external_this_wp_i18n_["__"])('Gradient')
}, Object(external_this_wp_element_["createElement"])(GradientPickerControl, props));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/image-size-control/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
var IMAGE_SIZE_PRESETS = [25, 50, 75, 100];
function ImageSizeControl(_ref) {
var _ref2, _ref3;
var imageWidth = _ref.imageWidth,
imageHeight = _ref.imageHeight,
_ref$imageSizeOptions = _ref.imageSizeOptions,
imageSizeOptions = _ref$imageSizeOptions === void 0 ? [] : _ref$imageSizeOptions,
_ref$isResizable = _ref.isResizable,
isResizable = _ref$isResizable === void 0 ? true : _ref$isResizable,
slug = _ref.slug,
width = _ref.width,
height = _ref.height,
_onChange = _ref.onChange,
_ref$onChangeImage = _ref.onChangeImage,
onChangeImage = _ref$onChangeImage === void 0 ? external_this_lodash_["noop"] : _ref$onChangeImage;
function updateDimensions(nextWidth, nextHeight) {
return function () {
_onChange({
width: nextWidth,
height: nextHeight
});
};
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, !Object(external_this_lodash_["isEmpty"])(imageSizeOptions) && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["SelectControl"], {
label: Object(external_this_wp_i18n_["__"])('Image size'),
value: slug,
options: imageSizeOptions,
onChange: onChangeImage
}), isResizable && Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-image-size-control"
}, Object(external_this_wp_element_["createElement"])("p", {
className: "block-editor-image-size-control__row"
}, Object(external_this_wp_i18n_["__"])('Image dimensions')), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-image-size-control__row"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["TextControl"], {
type: "number",
className: "block-editor-image-size-control__width",
label: Object(external_this_wp_i18n_["__"])('Width'),
value: (_ref2 = width !== null && width !== void 0 ? width : imageWidth) !== null && _ref2 !== void 0 ? _ref2 : '',
min: 1,
onChange: function onChange(value) {
return _onChange({
width: parseInt(value, 10)
});
}
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["TextControl"], {
type: "number",
className: "block-editor-image-size-control__height",
label: Object(external_this_wp_i18n_["__"])('Height'),
value: (_ref3 = height !== null && height !== void 0 ? height : imageHeight) !== null && _ref3 !== void 0 ? _ref3 : '',
min: 1,
onChange: function onChange(value) {
return _onChange({
height: parseInt(value, 10)
});
}
})), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-image-size-control__row"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ButtonGroup"], {
"aria-label": Object(external_this_wp_i18n_["__"])('Image size presets')
}, IMAGE_SIZE_PRESETS.map(function (scale) {
var scaledWidth = Math.round(imageWidth * (scale / 100));
var scaledHeight = Math.round(imageHeight * (scale / 100));
var isCurrent = width === scaledWidth && height === scaledHeight;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
key: scale,
isSmall: true,
isPrimary: isCurrent,
isPressed: isCurrent,
onClick: updateDimensions(scaledWidth, scaledHeight)
}, scale, "%");
})), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
isSmall: true,
onClick: updateDimensions()
}, Object(external_this_wp_i18n_["__"])('Reset')))));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/with-client-id.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var withClientId = Object(external_this_wp_compose_["createHigherOrderComponent"])(function (WrappedComponent) {
return function (props) {
var _useBlockEditContext = useBlockEditContext(),
clientId = _useBlockEditContext.clientId;
return Object(external_this_wp_element_["createElement"])(WrappedComponent, Object(esm_extends["a" /* default */])({}, props, {
clientId: clientId
}));
};
}, 'withClientId');
/* harmony default export */ var with_client_id = (withClientId);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/button-block-appender.js
/**
* Internal dependencies
*/
var inner_blocks_button_block_appender_ButtonBlockAppender = function ButtonBlockAppender(_ref) {
var clientId = _ref.clientId,
showSeparator = _ref.showSeparator,
isFloating = _ref.isFloating,
onAddBlock = _ref.onAddBlock;
return Object(external_this_wp_element_["createElement"])(button_block_appender, {
rootClientId: clientId,
showSeparator: showSeparator,
isFloating: isFloating,
onAddBlock: onAddBlock
});
};
/* harmony default export */ var inner_blocks_button_block_appender = (with_client_id(inner_blocks_button_block_appender_ButtonBlockAppender));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/default-block-appender.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var inner_blocks_default_block_appender_DefaultBlockAppender = function DefaultBlockAppender(_ref) {
var clientId = _ref.clientId,
lastBlockClientId = _ref.lastBlockClientId;
return Object(external_this_wp_element_["createElement"])(default_block_appender, {
rootClientId: clientId,
lastBlockClientId: lastBlockClientId
});
};
/* harmony default export */ var inner_blocks_default_block_appender = (Object(external_this_wp_compose_["compose"])([with_client_id, Object(external_this_wp_data_["withSelect"])(function (select, _ref2) {
var clientId = _ref2.clientId;
var _select = select('core/block-editor'),
getBlockOrder = _select.getBlockOrder;
var blockClientIds = getBlockOrder(clientId);
return {
lastBlockClientId: Object(external_this_lodash_["last"])(blockClientIds)
};
})])(inner_blocks_default_block_appender_DefaultBlockAppender));
// EXTERNAL MODULE: external {"this":["wp","isShallowEqual"]}
var external_this_wp_isShallowEqual_ = __webpack_require__(64);
var external_this_wp_isShallowEqual_default = /*#__PURE__*/__webpack_require__.n(external_this_wp_isShallowEqual_);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/use-nested-settings-update.js
/**
* WordPress dependencies
*/
/**
* This hook is a side effect which updates the block-editor store when changes
* happen to inner block settings. The given props are transformed into a
* settings object, and if that is different from the current settings object in
* the block-editor store, then the store is updated with the new settings which
* came from props.
*
* @param {string} clientId The client ID of the block to update.
* @param {string[]} allowedBlocks An array of block names which are permitted
* in inner blocks.
* @param {string} [templateLock] The template lock specified for the inner
* blocks component. (e.g. "all")
* @param {boolean} captureToolbars Whether or children toolbars should be shown
* in the inner blocks component rather than on
* the child block.
* @param {string} orientation The direction in which the block
* should face.
*/
function useNestedSettingsUpdate(clientId, allowedBlocks, templateLock, captureToolbars, orientation) {
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
updateBlockListSettings = _useDispatch.updateBlockListSettings;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var rootClientId = select('core/block-editor').getBlockRootClientId(clientId);
return {
blockListSettings: select('core/block-editor').getBlockListSettings(clientId),
parentLock: select('core/block-editor').getTemplateLock(rootClientId)
};
}, [clientId]),
blockListSettings = _useSelect.blockListSettings,
parentLock = _useSelect.parentLock;
Object(external_this_wp_element_["useLayoutEffect"])(function () {
var newSettings = {
allowedBlocks: allowedBlocks,
templateLock: templateLock === undefined ? parentLock : templateLock
}; // These values are not defined for RN, so only include them if they
// are defined.
if (captureToolbars !== undefined) {
newSettings.__experimentalCaptureToolbars = captureToolbars;
}
if (orientation !== undefined) {
newSettings.orientation = orientation;
}
if (!external_this_wp_isShallowEqual_default()(blockListSettings, newSettings)) {
updateBlockListSettings(clientId, newSettings);
}
}, [clientId, blockListSettings, allowedBlocks, templateLock, parentLock, captureToolbars, orientation, updateBlockListSettings]);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/use-inner-block-template-sync.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* This hook makes sure that a block's inner blocks stay in sync with the given
* block "template". The template is a block hierarchy to which inner blocks must
* conform. If the blocks get "out of sync" with the template and the template
* is meant to be locked (e.g. templateLock = "all"), then we replace the inner
* blocks with the correct value after synchronizing it with the template.
*
* @param {string} clientId The block client ID.
* @param {Object} template The template to match.
* @param {string} templateLock The template lock state for the inner blocks. For
* example, if the template lock is set to "all",
* then the inner blocks will stay in sync with the
* template. If not defined or set to false, then
* the inner blocks will not be synchronized with
* the given template.
* @param {boolean} templateInsertUpdatesSelection Whether or not to update the
* block-editor selection state when inner blocks
* are replaced after template synchronization.
*/
function useInnerBlockTemplateSync(clientId, template, templateLock, templateInsertUpdatesSelection) {
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
replaceInnerBlocks = _useDispatch.replaceInnerBlocks;
var innerBlocks = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').getBlocks(clientId);
}, [clientId]); // Maintain a reference to the previous value so we can do a deep equality check.
var existingTemplate = Object(external_this_wp_element_["useRef"])(null);
Object(external_this_wp_element_["useLayoutEffect"])(function () {
// Only synchronize innerBlocks with template if innerBlocks are empty or
// a locking all exists directly on the block.
if (innerBlocks.length === 0 || templateLock === 'all') {
var hasTemplateChanged = !Object(external_this_lodash_["isEqual"])(template, existingTemplate.current);
if (hasTemplateChanged) {
existingTemplate.current = template;
var nextBlocks = Object(external_this_wp_blocks_["synchronizeBlocksWithTemplate"])(innerBlocks, template);
if (!Object(external_this_lodash_["isEqual"])(nextBlocks, innerBlocks)) {
replaceInnerBlocks(clientId, nextBlocks, innerBlocks.length === 0 && templateInsertUpdatesSelection && nextBlocks.length !== 0);
}
}
}
}, [innerBlocks, templateLock, clientId]);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/get-block-context.js
/**
* External dependencies
*/
/**
* Block context cache, implemented as a WeakMap mapping block types to a
* WeakMap mapping attributes object to context value.
*
* @type {WeakMap>}
*/
var BLOCK_CONTEXT_CACHE = new WeakMap();
/**
* Returns a cached context object value for a given set of attributes for the
* block type.
*
* @param {Record} attributes Block attributes object.
* @param {WPBlockType} blockType Block type settings.
*
* @return {Record} Context value.
*/
function getBlockContext(attributes, blockType) {
if (!BLOCK_CONTEXT_CACHE.has(blockType)) {
BLOCK_CONTEXT_CACHE.set(blockType, new WeakMap());
}
var blockTypeCache = BLOCK_CONTEXT_CACHE.get(blockType);
if (!blockTypeCache.has(attributes)) {
var context = Object(external_this_lodash_["mapValues"])(blockType.providesContext, function (attributeName) {
return attributes[attributeName];
});
blockTypeCache.set(attributes, context);
}
return blockTypeCache.get(attributes);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inner-blocks/index.js
function inner_blocks_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 inner_blocks_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { inner_blocks_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 { inner_blocks_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Internal dependencies
*/
/**
* InnerBlocks is a component which allows a single block to have multiple blocks
* as children. The UncontrolledInnerBlocks component is used whenever the inner
* blocks are not controlled by another entity. In other words, it is normally
* used for inner blocks in the post editor
*
* @param {Object} props The component props.
*/
function UncontrolledInnerBlocks(props) {
var clientId = props.clientId,
allowedBlocks = props.allowedBlocks,
template = props.template,
templateLock = props.templateLock,
forwardedRef = props.forwardedRef,
templateInsertUpdatesSelection = props.templateInsertUpdatesSelection,
captureToolbars = props.__experimentalCaptureToolbars,
orientation = props.orientation;
var isSmallScreen = Object(external_this_wp_compose_["useViewportMatch"])('medium', '<');
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getBlock = _select.getBlock,
isBlockSelected = _select.isBlockSelected,
hasSelectedInnerBlock = _select.hasSelectedInnerBlock,
isNavigationMode = _select.isNavigationMode;
var theBlock = getBlock(clientId);
return {
block: theBlock,
hasOverlay: theBlock.name !== 'core/template' && !isBlockSelected(clientId) && !hasSelectedInnerBlock(clientId, true),
enableClickThrough: isNavigationMode() || isSmallScreen
};
}),
hasOverlay = _useSelect.hasOverlay,
block = _useSelect.block,
enableClickThrough = _useSelect.enableClickThrough;
useNestedSettingsUpdate(clientId, allowedBlocks, templateLock, captureToolbars, orientation);
useInnerBlockTemplateSync(clientId, template, templateLock, templateInsertUpdatesSelection);
var classes = classnames_default()({
'has-overlay': enableClickThrough && hasOverlay,
'is-capturing-toolbar': captureToolbars
});
var blockList = Object(external_this_wp_element_["createElement"])(block_list, Object(esm_extends["a" /* default */])({}, props, {
ref: forwardedRef,
rootClientId: clientId,
className: classes
})); // Wrap context provider if (and only if) block has context to provide.
var blockType = Object(external_this_wp_blocks_["getBlockType"])(block.name);
if (blockType && blockType.providesContext) {
var context = getBlockContext(block.attributes, blockType);
blockList = Object(external_this_wp_element_["createElement"])(BlockContextProvider, {
value: context
}, blockList);
}
if (props.__experimentalTagName) {
return blockList;
}
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-inner-blocks"
}, blockList);
}
/**
* The controlled inner blocks component wraps the uncontrolled inner blocks
* component with the blockSync hook. This keeps the innerBlocks of the block in
* the block-editor store in sync with the blocks of the controlling entity. An
* example of an inner block controller is a template part block, which provides
* its own blocks from the template part entity data source.
*
* @param {Object} props The component props.
*/
function ControlledInnerBlocks(props) {
useBlockSync(props);
return Object(external_this_wp_element_["createElement"])(UncontrolledInnerBlocks, props);
}
/**
* Wrapped InnerBlocks component which detects whether to use the controlled or
* uncontrolled variations of the InnerBlocks component. This is the component
* which should be used throughout the application.
*/
var ForwardedInnerBlocks = Object(external_this_wp_element_["forwardRef"])(function (props, ref) {
var _useBlockEditContext = useBlockEditContext(),
clientId = _useBlockEditContext.clientId;
var fallbackRef = Object(external_this_wp_element_["useRef"])();
var allProps = inner_blocks_objectSpread({
clientId: clientId,
forwardedRef: ref || fallbackRef
}, props); // Detects if the InnerBlocks should be controlled by an incoming value.
if (props.value && props.onChange) {
return Object(external_this_wp_element_["createElement"])(ControlledInnerBlocks, allProps);
}
return Object(external_this_wp_element_["createElement"])(UncontrolledInnerBlocks, allProps);
}); // Expose default appender placeholders as components.
ForwardedInnerBlocks.DefaultBlockAppender = inner_blocks_default_block_appender;
ForwardedInnerBlocks.ButtonBlockAppender = inner_blocks_button_block_appender;
ForwardedInnerBlocks.Content = Object(external_this_wp_blocks_["withBlockContentContext"])(function (_ref) {
var BlockContent = _ref.BlockContent;
return Object(external_this_wp_element_["createElement"])(BlockContent, null);
});
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/inner-blocks/README.md
*/
/* harmony default export */ var inner_blocks = (ForwardedInnerBlocks);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/link-control/settings-drawer.js
function settings_drawer_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 settings_drawer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { settings_drawer_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 { settings_drawer_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
var defaultSettings = [{
id: 'opensInNewTab',
title: Object(external_this_wp_i18n_["__"])('Open in new tab')
}];
var settings_drawer_LinkControlSettingsDrawer = function LinkControlSettingsDrawer(_ref) {
var value = _ref.value,
_ref$onChange = _ref.onChange,
onChange = _ref$onChange === void 0 ? external_this_lodash_["noop"] : _ref$onChange,
_ref$settings = _ref.settings,
settings = _ref$settings === void 0 ? defaultSettings : _ref$settings;
if (!settings || !settings.length) {
return null;
}
var handleSettingChange = function handleSettingChange(setting) {
return function (newValue) {
onChange(settings_drawer_objectSpread({}, value, Object(defineProperty["a" /* default */])({}, setting.id, newValue)));
};
};
var theSettings = settings.map(function (setting) {
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToggleControl"], {
className: "block-editor-link-control__setting",
key: setting.id,
label: setting.title,
onChange: handleSettingChange(setting),
checked: value ? !!value[setting.id] : false
});
});
return Object(external_this_wp_element_["createElement"])("fieldset", {
className: "block-editor-link-control__settings"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["VisuallyHidden"], {
as: "legend"
}, Object(external_this_wp_i18n_["__"])('Currently selected link settings')), theSettings);
};
/* harmony default export */ var settings_drawer = (settings_drawer_LinkControlSettingsDrawer);
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/globe.js
/**
* WordPress dependencies
*/
var globe = Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "-2 -2 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["Path"], {
d: "M9 0C4.03 0 0 4.03 0 9s4.03 9 9 9 9-4.03 9-9-4.03-9-9-9zM1.11 9.68h2.51c.04.91.167 1.814.38 2.7H1.84c-.403-.85-.65-1.764-.73-2.7zm8.57-5.4V1.19c.964.366 1.756 1.08 2.22 2 .205.347.386.708.54 1.08l-2.76.01zm3.22 1.35c.232.883.37 1.788.41 2.7H9.68v-2.7h3.22zM8.32 1.19v3.09H5.56c.154-.372.335-.733.54-1.08.462-.924 1.255-1.64 2.22-2.01zm0 4.44v2.7H4.7c.04-.912.178-1.817.41-2.7h3.21zm-4.7 2.69H1.11c.08-.936.327-1.85.73-2.7H4c-.213.886-.34 1.79-.38 2.7zM4.7 9.68h3.62v2.7H5.11c-.232-.883-.37-1.788-.41-2.7zm3.63 4v3.09c-.964-.366-1.756-1.08-2.22-2-.205-.347-.386-.708-.54-1.08l2.76-.01zm1.35 3.09v-3.04h2.76c-.154.372-.335.733-.54 1.08-.464.92-1.256 1.634-2.22 2v-.04zm0-4.44v-2.7h3.62c-.04.912-.178 1.817-.41 2.7H9.68zm4.71-2.7h2.51c-.08.936-.327 1.85-.73 2.7H14c.21-.87.337-1.757.38-2.65l.01-.05zm0-1.35c-.046-.894-.176-1.78-.39-2.65h2.16c.403.85.65 1.764.73 2.7l-2.5-.05zm1-4H13.6c-.324-.91-.793-1.76-1.39-2.52 1.244.56 2.325 1.426 3.14 2.52h.04zm-9.6-2.52c-.597.76-1.066 1.61-1.39 2.52H2.65c.815-1.094 1.896-1.96 3.14-2.52zm-3.15 12H4.4c.324.91.793 1.76 1.39 2.52-1.248-.567-2.33-1.445-3.14-2.55l-.01.03zm9.56 2.52c.597-.76 1.066-1.61 1.39-2.52h1.76c-.82 1.08-1.9 1.933-3.14 2.48l-.01.04z"
}));
/* harmony default export */ var library_globe = (globe);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/link-control/search-item.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
var search_item_LinkControlSearchItem = function LinkControlSearchItem(_ref) {
var itemProps = _ref.itemProps,
suggestion = _ref.suggestion,
_ref$isSelected = _ref.isSelected,
isSelected = _ref$isSelected === void 0 ? false : _ref$isSelected,
onClick = _ref.onClick,
_ref$isURL = _ref.isURL,
isURL = _ref$isURL === void 0 ? false : _ref$isURL,
_ref$searchTerm = _ref.searchTerm,
searchTerm = _ref$searchTerm === void 0 ? '' : _ref$searchTerm;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], Object(esm_extends["a" /* default */])({}, itemProps, {
onClick: onClick,
className: classnames_default()('block-editor-link-control__search-item', {
'is-selected': isSelected,
'is-url': isURL,
'is-entity': !isURL
})
}), isURL && Object(external_this_wp_element_["createElement"])(build_module_icon["a" /* default */], {
className: "block-editor-link-control__search-item-icon",
icon: library_globe
}), Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-link-control__search-item-header"
}, Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-link-control__search-item-title"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["TextHighlight"], {
text: suggestion.title,
highlight: searchTerm
})), Object(external_this_wp_element_["createElement"])("span", {
"aria-hidden": !isURL,
className: "block-editor-link-control__search-item-info"
}, !isURL && (Object(external_this_wp_url_["filterURLForDisplay"])(Object(external_this_wp_url_["safeDecodeURI"])(suggestion.url)) || ''), isURL && Object(external_this_wp_i18n_["__"])('Press ENTER to add this link'))), suggestion.type && Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-link-control__search-item-type"
}, suggestion.type));
};
/* harmony default export */ var search_item = (search_item_LinkControlSearchItem);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/keyboard-return.js
var keyboard_return = __webpack_require__(202);
// EXTERNAL MODULE: ./node_modules/dom-scroll-into-view/lib/index.js
var dom_scroll_into_view_lib = __webpack_require__(123);
var dom_scroll_into_view_lib_default = /*#__PURE__*/__webpack_require__.n(dom_scroll_into_view_lib);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/url-input/index.js
function url_input_createSuper(Derived) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (url_input_isNativeReflectConstruct()) { 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 url_input_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
*/
// Since URLInput is rendered in the context of other inputs, but should be
// considered a separate modal node, prevent keyboard events from propagating
// as being considered from the input.
var stopEventPropagation = function stopEventPropagation(event) {
return event.stopPropagation();
};
var url_input_URLInput = /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(URLInput, _Component);
var _super = url_input_createSuper(URLInput);
function URLInput(props) {
var _this;
Object(classCallCheck["a" /* default */])(this, URLInput);
_this = _super.call(this, props);
_this.onChange = _this.onChange.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.onFocus = _this.onFocus.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.onKeyDown = _this.onKeyDown.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.selectLink = _this.selectLink.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.handleOnClick = _this.handleOnClick.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.bindSuggestionNode = _this.bindSuggestionNode.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.autocompleteRef = props.autocompleteRef || Object(external_this_wp_element_["createRef"])();
_this.inputRef = Object(external_this_wp_element_["createRef"])();
_this.updateSuggestions = Object(external_this_lodash_["throttle"])(_this.updateSuggestions.bind(Object(assertThisInitialized["a" /* default */])(_this)), 200);
_this.suggestionNodes = [];
_this.isUpdatingSuggestions = false;
_this.state = {
suggestions: [],
showSuggestions: false,
selectedSuggestion: null
};
return _this;
}
Object(createClass["a" /* default */])(URLInput, [{
key: "componentDidUpdate",
value: function componentDidUpdate(prevProps) {
var _this2 = this;
var _this$state = this.state,
showSuggestions = _this$state.showSuggestions,
selectedSuggestion = _this$state.selectedSuggestion;
var value = this.props.value; // only have to worry about scrolling selected suggestion into view
// when already expanded
if (showSuggestions && selectedSuggestion !== null && this.suggestionNodes[selectedSuggestion] && !this.scrollingIntoView) {
this.scrollingIntoView = true;
dom_scroll_into_view_lib_default()(this.suggestionNodes[selectedSuggestion], this.autocompleteRef.current, {
onlyScrollIfNeeded: true
});
this.props.setTimeout(function () {
_this2.scrollingIntoView = false;
}, 100);
} // Only attempt an update on suggestions if the input value has actually changed.
if (prevProps.value !== value && this.shouldShowInitialSuggestions()) {
this.updateSuggestions();
}
}
}, {
key: "componentDidMount",
value: function componentDidMount() {
if (this.shouldShowInitialSuggestions()) {
this.updateSuggestions();
}
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
delete this.suggestionsRequest;
}
}, {
key: "bindSuggestionNode",
value: function bindSuggestionNode(index) {
var _this3 = this;
return function (ref) {
_this3.suggestionNodes[index] = ref;
};
}
}, {
key: "shouldShowInitialSuggestions",
value: function shouldShowInitialSuggestions() {
var suggestions = this.state.suggestions;
var _this$props = this.props,
_this$props$__experim = _this$props.__experimentalShowInitialSuggestions,
__experimentalShowInitialSuggestions = _this$props$__experim === void 0 ? false : _this$props$__experim,
value = _this$props.value;
return !this.isUpdatingSuggestions && __experimentalShowInitialSuggestions && !(value && value.length) && !(suggestions && suggestions.length);
}
}, {
key: "updateSuggestions",
value: function updateSuggestions() {
var _this4 = this;
var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var _this$props2 = this.props,
fetchLinkSuggestions = _this$props2.__experimentalFetchLinkSuggestions,
handleURLSuggestions = _this$props2.__experimentalHandleURLSuggestions;
if (!fetchLinkSuggestions) {
return;
}
var isInitialSuggestions = !(value && value.length); // Allow a suggestions request if:
// - there are at least 2 characters in the search input (except manual searches where
// search input length is not required to trigger a fetch)
// - this is a direct entry (eg: a URL)
if (!isInitialSuggestions && (value.length < 2 || !handleURLSuggestions && Object(external_this_wp_url_["isURL"])(value))) {
this.setState({
showSuggestions: false,
selectedSuggestion: null,
loading: false
});
return;
}
this.isUpdatingSuggestions = true;
this.setState({
selectedSuggestion: null,
loading: true
});
var request = fetchLinkSuggestions(value, {
isInitialSuggestions: isInitialSuggestions
});
request.then(function (suggestions) {
// A fetch Promise doesn't have an abort option. It's mimicked by
// comparing the request reference in on the instance, which is
// reset or deleted on subsequent requests or unmounting.
if (_this4.suggestionsRequest !== request) {
return;
}
_this4.setState({
suggestions: suggestions,
loading: false,
showSuggestions: !!suggestions.length
});
if (!!suggestions.length) {
_this4.props.debouncedSpeak(Object(external_this_wp_i18n_["sprintf"])(
/* translators: %s: number of results. */
Object(external_this_wp_i18n_["_n"])('%d result found, use up and down arrow keys to navigate.', '%d results found, use up and down arrow keys to navigate.', suggestions.length), suggestions.length), 'assertive');
} else {
_this4.props.debouncedSpeak(Object(external_this_wp_i18n_["__"])('No results.'), 'assertive');
}
_this4.isUpdatingSuggestions = false;
}).catch(function () {
if (_this4.suggestionsRequest === request) {
_this4.setState({
loading: false
});
_this4.isUpdatingSuggestions = false;
}
}); // Note that this assignment is handled *before* the async search request
// as a Promise always resolves on the next tick of the event loop.
this.suggestionsRequest = request;
}
}, {
key: "onChange",
value: function onChange(event) {
var inputValue = event.target.value;
this.props.onChange(inputValue);
if (!this.props.disableSuggestions) {
this.updateSuggestions(inputValue.trim());
}
}
}, {
key: "onFocus",
value: function onFocus() {
var suggestions = this.state.suggestions;
var _this$props3 = this.props,
disableSuggestions = _this$props3.disableSuggestions,
value = _this$props3.value; // When opening the link editor, if there's a value present, we want to load the suggestions pane with the results for this input search value
// Don't re-run the suggestions on focus if there are already suggestions present (prevents searching again when tabbing between the input and buttons)
if (value && !disableSuggestions && !this.isUpdatingSuggestions && !(suggestions && suggestions.length)) {
// Ensure the suggestions are updated with the current input value
this.updateSuggestions(value.trim());
}
}
}, {
key: "onKeyDown",
value: function onKeyDown(event) {
var _this$state2 = this.state,
showSuggestions = _this$state2.showSuggestions,
selectedSuggestion = _this$state2.selectedSuggestion,
suggestions = _this$state2.suggestions,
loading = _this$state2.loading; // If the suggestions are not shown or loading, we shouldn't handle the arrow keys
// We shouldn't preventDefault to allow block arrow keys navigation
if (!showSuggestions || !suggestions.length || loading) {
// In the Windows version of Firefox the up and down arrows don't move the caret
// within an input field like they do for Mac Firefox/Chrome/Safari. This causes
// a form of focus trapping that is disruptive to the user experience. This disruption
// only happens if the caret is not in the first or last position in the text input.
// See: https://github.com/WordPress/gutenberg/issues/5693#issuecomment-436684747
switch (event.keyCode) {
// When UP is pressed, if the caret is at the start of the text, move it to the 0
// position.
case external_this_wp_keycodes_["UP"]:
{
if (0 !== event.target.selectionStart) {
event.stopPropagation();
event.preventDefault(); // Set the input caret to position 0
event.target.setSelectionRange(0, 0);
}
break;
}
// When DOWN is pressed, if the caret is not at the end of the text, move it to the
// last position.
case external_this_wp_keycodes_["DOWN"]:
{
if (this.props.value.length !== event.target.selectionStart) {
event.stopPropagation();
event.preventDefault(); // Set the input caret to the last position
event.target.setSelectionRange(this.props.value.length, this.props.value.length);
}
break;
}
}
return;
}
var suggestion = this.state.suggestions[this.state.selectedSuggestion];
switch (event.keyCode) {
case external_this_wp_keycodes_["UP"]:
{
event.stopPropagation();
event.preventDefault();
var previousIndex = !selectedSuggestion ? suggestions.length - 1 : selectedSuggestion - 1;
this.setState({
selectedSuggestion: previousIndex
});
break;
}
case external_this_wp_keycodes_["DOWN"]:
{
event.stopPropagation();
event.preventDefault();
var nextIndex = selectedSuggestion === null || selectedSuggestion === suggestions.length - 1 ? 0 : selectedSuggestion + 1;
this.setState({
selectedSuggestion: nextIndex
});
break;
}
case external_this_wp_keycodes_["TAB"]:
{
if (this.state.selectedSuggestion !== null) {
this.selectLink(suggestion); // Announce a link has been selected when tabbing away from the input field.
this.props.speak(Object(external_this_wp_i18n_["__"])('Link selected.'));
}
break;
}
case external_this_wp_keycodes_["ENTER"]:
{
if (this.state.selectedSuggestion !== null) {
event.stopPropagation();
this.selectLink(suggestion);
}
break;
}
}
}
}, {
key: "selectLink",
value: function selectLink(suggestion) {
this.props.onChange(suggestion.url, suggestion);
this.setState({
selectedSuggestion: null,
showSuggestions: false
});
}
}, {
key: "handleOnClick",
value: function handleOnClick(suggestion) {
this.selectLink(suggestion); // Move focus to the input field when a link suggestion is clicked.
this.inputRef.current.focus();
}
}, {
key: "render",
value: function render() {
var _this5 = this;
var _this$props4 = this.props,
label = _this$props4.label,
instanceId = _this$props4.instanceId,
className = _this$props4.className,
isFullWidth = _this$props4.isFullWidth,
renderSuggestions = _this$props4.__experimentalRenderSuggestions,
_this$props4$placehol = _this$props4.placeholder,
placeholder = _this$props4$placehol === void 0 ? Object(external_this_wp_i18n_["__"])('Paste URL or type to search') : _this$props4$placehol,
_this$props4$value = _this$props4.value,
value = _this$props4$value === void 0 ? '' : _this$props4$value,
_this$props4$autoFocu = _this$props4.autoFocus,
autoFocus = _this$props4$autoFocu === void 0 ? true : _this$props4$autoFocu,
_this$props4$__experi = _this$props4.__experimentalShowInitialSuggestions,
__experimentalShowInitialSuggestions = _this$props4$__experi === void 0 ? false : _this$props4$__experi;
var _this$state3 = this.state,
showSuggestions = _this$state3.showSuggestions,
suggestions = _this$state3.suggestions,
selectedSuggestion = _this$state3.selectedSuggestion,
loading = _this$state3.loading;
var id = "url-input-control-".concat(instanceId);
var suggestionsListboxId = "block-editor-url-input-suggestions-".concat(instanceId);
var suggestionOptionIdPrefix = "block-editor-url-input-suggestion-".concat(instanceId);
var suggestionsListProps = {
id: suggestionsListboxId,
ref: this.autocompleteRef,
role: 'listbox'
};
var buildSuggestionItemProps = function buildSuggestionItemProps(suggestion, index) {
return {
role: 'option',
tabIndex: '-1',
id: "".concat(suggestionOptionIdPrefix, "-").concat(index),
ref: _this5.bindSuggestionNode(index),
'aria-selected': index === selectedSuggestion
};
};
/* eslint-disable jsx-a11y/no-autofocus */
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["BaseControl"], {
label: label,
id: id,
className: classnames_default()('block-editor-url-input', className, {
'is-full-width': isFullWidth
})
}, Object(external_this_wp_element_["createElement"])("input", {
className: "block-editor-url-input__input",
autoFocus: autoFocus,
type: "text",
"aria-label": Object(external_this_wp_i18n_["__"])('URL'),
required: true,
value: value,
onChange: this.onChange,
onFocus: this.onFocus,
onInput: stopEventPropagation,
placeholder: placeholder,
onKeyDown: this.onKeyDown,
role: "combobox",
"aria-expanded": showSuggestions,
"aria-autocomplete": "list",
"aria-owns": suggestionsListboxId,
"aria-activedescendant": selectedSuggestion !== null ? "".concat(suggestionOptionIdPrefix, "-").concat(selectedSuggestion) : undefined,
ref: this.inputRef
}), loading && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Spinner"], null), Object(external_this_lodash_["isFunction"])(renderSuggestions) && showSuggestions && !!suggestions.length && renderSuggestions({
suggestions: suggestions,
selectedSuggestion: selectedSuggestion,
suggestionsListProps: suggestionsListProps,
buildSuggestionItemProps: buildSuggestionItemProps,
isLoading: loading,
handleSuggestionClick: this.handleOnClick,
isInitialSuggestions: __experimentalShowInitialSuggestions && !(value && value.length)
}), !Object(external_this_lodash_["isFunction"])(renderSuggestions) && showSuggestions && !!suggestions.length && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Popover"], {
position: "bottom",
noArrow: true,
focusOnMount: false
}, Object(external_this_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({}, suggestionsListProps, {
className: classnames_default()('block-editor-url-input__suggestions', "".concat(className, "__suggestions"))
}), suggestions.map(function (suggestion, index) {
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], Object(esm_extends["a" /* default */])({}, buildSuggestionItemProps(suggestion, index), {
key: suggestion.id,
className: classnames_default()('block-editor-url-input__suggestion', {
'is-selected': index === selectedSuggestion
}),
onClick: function onClick() {
return _this5.handleOnClick(suggestion);
}
}), suggestion.title);
}))));
/* eslint-enable jsx-a11y/no-autofocus */
}
}], [{
key: "getDerivedStateFromProps",
value: function getDerivedStateFromProps(_ref, _ref2) {
var value = _ref.value,
disableSuggestions = _ref.disableSuggestions,
_ref$__experimentalSh = _ref.__experimentalShowInitialSuggestions,
__experimentalShowInitialSuggestions = _ref$__experimentalSh === void 0 ? false : _ref$__experimentalSh;
var showSuggestions = _ref2.showSuggestions;
var shouldShowSuggestions = showSuggestions;
var hasValue = value && value.length;
if (!__experimentalShowInitialSuggestions && !hasValue) {
shouldShowSuggestions = false;
}
if (disableSuggestions === true) {
shouldShowSuggestions = false;
}
return {
showSuggestions: shouldShowSuggestions
};
}
}]);
return URLInput;
}(external_this_wp_element_["Component"]);
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/url-input/README.md
*/
/* harmony default export */ var url_input = (Object(external_this_wp_compose_["compose"])(external_this_wp_compose_["withSafeTimeout"], external_this_wp_components_["withSpokenMessages"], external_this_wp_compose_["withInstanceId"], Object(external_this_wp_data_["withSelect"])(function (select, props) {
// If a link suggestions handler is already provided then
// bail
if (Object(external_this_lodash_["isFunction"])(props.__experimentalFetchLinkSuggestions)) {
return;
}
var _select = select('core/block-editor'),
getSettings = _select.getSettings;
return {
__experimentalFetchLinkSuggestions: getSettings().__experimentalFetchLinkSuggestions
};
}))(url_input_URLInput));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/link-control/search-input.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var search_input_LinkControlSearchInput = function LinkControlSearchInput(_ref) {
var placeholder = _ref.placeholder,
value = _ref.value,
onChange = _ref.onChange,
onSelect = _ref.onSelect,
renderSuggestions = _ref.renderSuggestions,
fetchSuggestions = _ref.fetchSuggestions,
showInitialSuggestions = _ref.showInitialSuggestions,
errorMessage = _ref.errorMessage;
var _useState = Object(external_this_wp_element_["useState"])(),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
selectedSuggestion = _useState2[0],
setSelectedSuggestion = _useState2[1];
/**
* Handles the user moving between different suggestions. Does not handle
* choosing an individual item.
*
* @param {string} selection the url of the selected suggestion.
* @param {Object} suggestion the suggestion object.
*/
var selectItemHandler = function selectItemHandler(selection, suggestion) {
onChange(selection);
setSelectedSuggestion(suggestion);
};
function selectSuggestionOrCurrentInputValue(event) {
// Avoid default forms behavior, since it's being handled custom here.
event.preventDefault(); // Interpret the selected value as either the selected suggestion, if
// exists, or otherwise the current input value as entered.
onSelect(selectedSuggestion || {
url: value
});
}
return Object(external_this_wp_element_["createElement"])("form", {
onSubmit: selectSuggestionOrCurrentInputValue
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-link-control__search-input-wrapper"
}, Object(external_this_wp_element_["createElement"])(url_input, {
className: "block-editor-link-control__search-input",
value: value,
onChange: selectItemHandler,
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : Object(external_this_wp_i18n_["__"])('Search or type url'),
__experimentalRenderSuggestions: renderSuggestions,
__experimentalFetchLinkSuggestions: fetchSuggestions,
__experimentalHandleURLSuggestions: true,
__experimentalShowInitialSuggestions: showInitialSuggestions
}), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-link-control__search-actions"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
type: "submit",
label: Object(external_this_wp_i18n_["__"])('Submit'),
icon: keyboard_return["a" /* default */],
className: "block-editor-link-control__search-submit"
}))), errorMessage && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Notice"], {
className: "block-editor-link-control__search-error",
status: "error",
isDismissible: false
}, errorMessage));
};
/* harmony default export */ var search_input = (search_input_LinkControlSearchInput);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/link-control/search-create-button.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
var search_create_button_LinkControlSearchCreate = function LinkControlSearchCreate(_ref) {
var searchTerm = _ref.searchTerm,
onClick = _ref.onClick,
itemProps = _ref.itemProps,
isSelected = _ref.isSelected;
if (!searchTerm) {
return null;
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], Object(esm_extends["a" /* default */])({}, itemProps, {
className: classnames_default()('block-editor-link-control__search-create block-editor-link-control__search-item', {
'is-selected': isSelected
}),
onClick: onClick
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Icon"], {
className: "block-editor-link-control__search-item-icon",
icon: "insert"
}), Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-link-control__search-item-header"
}, Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-link-control__search-item-title"
}, Object(external_this_wp_element_["createInterpolateElement"])(Object(external_this_wp_i18n_["sprintf"])(
/* translators: %s: search term. */
Object(external_this_wp_i18n_["__"])('New page: %s'), searchTerm), {
mark: Object(external_this_wp_element_["createElement"])("mark", null)
}))));
};
/* harmony default export */ var search_create_button = (search_create_button_LinkControlSearchCreate);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/link-control/index.js
function link_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 link_control_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { link_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 { link_control_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var link_control_createSlotFill = Object(external_this_wp_components_["createSlotFill"])('BlockEditorLinkControlViewer'),
ViewerSlot = link_control_createSlotFill.Slot,
ViewerFill = link_control_createSlotFill.Fill; // Used as a unique identifier for the "Create" option within search results.
// Used to help distinguish the "Create" suggestion within the search results in
// order to handle it as a unique case.
var CREATE_TYPE = '__CREATE__';
/**
* Creates a wrapper around a promise which allows it to be programmatically
* cancelled.
* See: https://reactjs.org/blog/2015/12/16/ismounted-antipattern.html
*
* @param {Promise} promise the Promise to make cancelable
*/
var makeCancelable = function makeCancelable(promise) {
var hasCanceled_ = false;
var wrappedPromise = new Promise(function (resolve, reject) {
promise.then(function (val) {
return hasCanceled_ ? reject({
isCanceled: true
}) : resolve(val);
}, function (error) {
return hasCanceled_ ? reject({
isCanceled: true
}) : reject(error);
});
});
return {
promise: wrappedPromise,
cancel: function cancel() {
hasCanceled_ = true;
}
};
};
/**
* Default properties associated with a link control value.
*
* @typedef WPLinkControlDefaultValue
*
* @property {string} url Link URL.
* @property {string=} title Link title.
* @property {boolean=} opensInNewTab Whether link should open in a new browser
* tab. This value is only assigned if not
* providing a custom `settings` prop.
*/
/* eslint-disable jsdoc/valid-types */
/**
* Custom settings values associated with a link.
*
* @typedef {{[setting:string]:any}} WPLinkControlSettingsValue
*/
/* eslint-enable */
/**
* Custom settings values associated with a link.
*
* @typedef WPLinkControlSetting
*
* @property {string} id Identifier to use as property for setting value.
* @property {string} title Human-readable label to show in user interface.
*/
/* eslint-disable jsdoc/valid-types */
/**
* Properties associated with a link control value, composed as a union of the
* default properties and any custom settings values.
*
* @typedef {WPLinkControlDefaultValue&WPLinkControlSettingsValue} WPLinkControlValue
*/
/* eslint-enable */
/** @typedef {(nextValue:WPLinkControlValue)=>void} WPLinkControlOnChangeProp */
/**
* Properties associated with a search suggestion used within the LinkControl.
*
* @typedef WPLinkControlSuggestion
*
* @property {string} id Identifier to use to uniquely identify the suggestion.
* @property {string} type Identifies the type of the suggestion (eg: `post`,
* `page`, `url`...etc)
* @property {string} title Human-readable label to show in user interface.
* @property {string} url A URL for the suggestion.
*/
/** @typedef {(title:string)=>WPLinkControlSuggestion} WPLinkControlCreateSuggestionProp */
/**
* @typedef WPLinkControlProps
*
* @property {(WPLinkControlSetting[])=} settings An array of settings objects. Each object will used to
* render a `ToggleControl` for that setting.
* @property {boolean=} forceIsEditingLink If passed as either `true` or `false`, controls the
* internal editing state of the component to respective
* show or not show the URL input field.
* @property {WPLinkControlValue=} value Current link value.
* @property {WPLinkControlOnChangeProp=} onChange Value change handler, called with the updated value if
* the user selects a new link or updates settings.
* @property {boolean=} noDirectEntry Whether to disable direct entries or not.
* @property {boolean=} showSuggestions Whether to present suggestions when typing the URL.
* @property {boolean=} showInitialSuggestions Whether to present initial suggestions immediately.
* @property {WPLinkControlCreateSuggestionProp=} createSuggestion Handler to manage creation of link value from suggestion.
*/
/**
* Renders a link control. A link control is a controlled input which maintains
* a value associated with a link (HTML anchor element) and relevant settings
* for how that link is expected to behave.
*
* @param {WPLinkControlProps} props Component props.
*/
function LinkControl(_ref) {
var searchInputPlaceholder = _ref.searchInputPlaceholder,
value = _ref.value,
settings = _ref.settings,
_ref$onChange = _ref.onChange,
onChange = _ref$onChange === void 0 ? external_this_lodash_["noop"] : _ref$onChange,
_ref$noDirectEntry = _ref.noDirectEntry,
noDirectEntry = _ref$noDirectEntry === void 0 ? false : _ref$noDirectEntry,
_ref$showSuggestions = _ref.showSuggestions,
showSuggestions = _ref$showSuggestions === void 0 ? true : _ref$showSuggestions,
showInitialSuggestions = _ref.showInitialSuggestions,
forceIsEditingLink = _ref.forceIsEditingLink,
createSuggestion = _ref.createSuggestion;
var cancelableOnCreate = Object(external_this_wp_element_["useRef"])();
var cancelableCreateSuggestion = Object(external_this_wp_element_["useRef"])();
var wrapperNode = Object(external_this_wp_element_["useRef"])();
var instanceId = Object(external_this_wp_compose_["useInstanceId"])(LinkControl);
var _useState = Object(external_this_wp_element_["useState"])(value && value.url || ''),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
inputValue = _useState2[0],
setInputValue = _useState2[1];
var _useState3 = Object(external_this_wp_element_["useState"])(forceIsEditingLink !== undefined ? forceIsEditingLink : !value || !value.url),
_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),
isEditingLink = _useState4[0],
setIsEditingLink = _useState4[1];
var _useState5 = Object(external_this_wp_element_["useState"])(false),
_useState6 = Object(slicedToArray["a" /* default */])(_useState5, 2),
isResolvingLink = _useState6[0],
setIsResolvingLink = _useState6[1];
var _useState7 = Object(external_this_wp_element_["useState"])(null),
_useState8 = Object(slicedToArray["a" /* default */])(_useState7, 2),
errorMessage = _useState8[0],
setErrorMessage = _useState8[1];
var isEndingEditWithFocus = Object(external_this_wp_element_["useRef"])(false);
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getSettings = _select.getSettings;
return {
fetchSearchSuggestions: getSettings().__experimentalFetchLinkSuggestions
};
}, []),
fetchSearchSuggestions = _useSelect.fetchSearchSuggestions;
var displayURL = value && Object(external_this_wp_url_["filterURLForDisplay"])(Object(external_this_wp_url_["safeDecodeURI"])(value.url)) || '';
Object(external_this_wp_element_["useEffect"])(function () {
if (forceIsEditingLink !== undefined && forceIsEditingLink !== isEditingLink) {
setIsEditingLink(forceIsEditingLink);
}
}, [forceIsEditingLink]);
Object(external_this_wp_element_["useEffect"])(function () {
// When `isEditingLink` is set to `false`, a focus loss could occur
// since the link input may be removed from the DOM. To avoid this,
// reinstate focus to a suitable target if focus has in-fact been lost.
// Note that the check is necessary because while typically unsetting
// edit mode would render the read-only mode's link element, it isn't
// guaranteed. The link input may continue to be shown if the next value
// is still unassigned after calling `onChange`.
var hadFocusLoss = isEndingEditWithFocus.current && wrapperNode.current && !wrapperNode.current.contains(document.activeElement);
if (hadFocusLoss) {
// Prefer to focus a natural focusable descendent of the wrapper,
// but settle for the wrapper if there are no other options.
var nextFocusTarget = external_this_wp_dom_["focus"].focusable.find(wrapperNode.current)[0] || wrapperNode.current;
nextFocusTarget.focus();
}
isEndingEditWithFocus.current = false;
}, [isEditingLink]);
/**
* Handles cancelling any pending Promises that have been made cancelable.
*/
Object(external_this_wp_element_["useEffect"])(function () {
return function () {
// componentDidUnmount
if (cancelableOnCreate.current) {
cancelableOnCreate.current.cancel();
}
if (cancelableCreateSuggestion.current) {
cancelableCreateSuggestion.current.cancel();
}
};
}, []);
/**
* onChange LinkControlSearchInput event handler
*
* @param {string} val Current value returned by the search.
*/
var onInputChange = function onInputChange() {
var val = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
setInputValue(val);
};
var handleDirectEntry = noDirectEntry ? function () {
return Promise.resolve([]);
} : function (val) {
var type = 'URL';
var protocol = Object(external_this_wp_url_["getProtocol"])(val) || '';
if (protocol.includes('mailto')) {
type = 'mailto';
}
if (protocol.includes('tel')) {
type = 'tel';
}
if (Object(external_this_lodash_["startsWith"])(val, '#')) {
type = 'internal';
}
return Promise.resolve([{
id: val,
title: val,
url: type === 'URL' ? Object(external_this_wp_url_["prependHTTP"])(val) : val,
type: type
}]);
};
var handleEntitySearch = /*#__PURE__*/function () {
var _ref2 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(function _callee(val, args) {
var results, couldBeURL;
return external_this_regeneratorRuntime_default.a.wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
_context.next = 2;
return Promise.all([fetchSearchSuggestions(val, link_control_objectSpread({}, args.isInitialSuggestions ? {
perPage: 3
} : {})), handleDirectEntry(val)]);
case 2:
results = _context.sent;
couldBeURL = !val.includes(' '); // If it's potentially a URL search then concat on a URL search suggestion
// just for good measure. That way once the actual results run out we always
// have a URL option to fallback on.
results = couldBeURL && !args.isInitialSuggestions ? results[0].concat(results[1]) : results[0]; // If displaying initial suggestions just return plain results.
if (!args.isInitialSuggestions) {
_context.next = 7;
break;
}
return _context.abrupt("return", results);
case 7:
return _context.abrupt("return", isURLLike(val) || !createSuggestion ? results : results.concat({
// the `id` prop is intentionally ommitted here because it
// is never exposed as part of the component's public API.
// see: https://github.com/WordPress/gutenberg/pull/19775#discussion_r378931316.
title: val,
// must match the existing ``s text value
url: val,
// must match the existing ``s text value
type: CREATE_TYPE
}));
case 8:
case "end":
return _context.stop();
}
}
}, _callee);
}));
return function handleEntitySearch(_x, _x2) {
return _ref2.apply(this, arguments);
};
}();
/**
* Cancels editing state and marks that focus may need to be restored after
* the next render, if focus was within the wrapper when editing finished.
*/
function stopEditing() {
var _wrapperNode$current;
isEndingEditWithFocus.current = !!((_wrapperNode$current = wrapperNode.current) === null || _wrapperNode$current === void 0 ? void 0 : _wrapperNode$current.contains(document.activeElement));
setIsEditingLink(false);
}
/**
* Determines whether a given value could be a URL. Note this does not
* guarantee the value is a URL only that it looks like it might be one. For
* example, just because a string has `www.` in it doesn't make it a URL,
* but it does make it highly likely that it will be so in the context of
* creating a link it makes sense to treat it like one.
*
* @param {string} val the candidate for being URL-like (or not).
* @return {boolean} whether or not the value is potentially a URL.
*/
function isURLLike(val) {
var isInternal = Object(external_this_lodash_["startsWith"])(val, '#');
return Object(external_this_wp_url_["isURL"])(val) || val && val.includes('www.') || isInternal;
} // Effects
var getSearchHandler = Object(external_this_wp_element_["useCallback"])(function (val, args) {
if (!showSuggestions) {
return Promise.resolve([]);
}
return isURLLike(val) ? handleDirectEntry(val, args) : handleEntitySearch(val, args);
}, [handleDirectEntry, fetchSearchSuggestions]);
var handleOnCreate = /*#__PURE__*/function () {
var _ref3 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(function _callee2(suggestionTitle) {
var newSuggestion;
return external_this_regeneratorRuntime_default.a.wrap(function _callee2$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
setIsResolvingLink(true);
setErrorMessage(null);
_context2.prev = 2;
// Make cancellable in order that we can avoid setting State
// if the component unmounts during the call to `createSuggestion`
cancelableCreateSuggestion.current = makeCancelable( // Using Promise.resolve to allow createSuggestion to return a
// non-Promise based value.
Promise.resolve(createSuggestion(suggestionTitle)));
_context2.next = 6;
return cancelableCreateSuggestion.current.promise;
case 6:
newSuggestion = _context2.sent;
// ********
// NOTE: if the above Promise rejects then code below here will never run
// ********
setIsResolvingLink(false); // Only set link if request is resolved, otherwise enable edit mode.
if (newSuggestion) {
onChange(newSuggestion);
stopEditing();
} else {
setIsEditingLink(true);
}
_context2.next = 18;
break;
case 11:
_context2.prev = 11;
_context2.t0 = _context2["catch"](2);
if (!(_context2.t0 && _context2.t0.isCanceled)) {
_context2.next = 15;
break;
}
return _context2.abrupt("return");
case 15:
setErrorMessage(_context2.t0.message || Object(external_this_wp_i18n_["__"])('An unknown error occurred during creation. Please try again.'));
setIsResolvingLink(false);
setIsEditingLink(true);
case 18:
case "end":
return _context2.stop();
}
}
}, _callee2, null, [[2, 11]]);
}));
return function handleOnCreate(_x3) {
return _ref3.apply(this, arguments);
};
}();
var handleSelectSuggestion = function handleSelectSuggestion(suggestion) {
var _value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
setIsEditingLink(false);
var __value = link_control_objectSpread({}, _value); // Some direct entries don't have types or IDs, and we still need to clear the previous ones.
delete __value.type;
delete __value.id;
onChange(link_control_objectSpread({}, __value, {}, suggestion));
}; // Render Components
var renderSearchResults = function renderSearchResults(_ref4) {
var suggestionsListProps = _ref4.suggestionsListProps,
buildSuggestionItemProps = _ref4.buildSuggestionItemProps,
suggestions = _ref4.suggestions,
selectedSuggestion = _ref4.selectedSuggestion,
isLoading = _ref4.isLoading,
isInitialSuggestions = _ref4.isInitialSuggestions;
var resultsListClasses = classnames_default()('block-editor-link-control__search-results', {
'is-loading': isLoading
});
var directLinkEntryTypes = ['url', 'mailto', 'tel', 'internal'];
var isSingleDirectEntryResult = suggestions.length === 1 && directLinkEntryTypes.includes(suggestions[0].type.toLowerCase());
var shouldShowCreateSuggestion = createSuggestion && !isSingleDirectEntryResult && !isInitialSuggestions; // According to guidelines aria-label should be added if the label
// itself is not visible.
// See: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/listbox_role
var searchResultsLabelId = "block-editor-link-control-search-results-label-".concat(instanceId);
var labelText = isInitialSuggestions ? Object(external_this_wp_i18n_["__"])('Recently updated') : Object(external_this_wp_i18n_["sprintf"])(
/* translators: %s: search term. */
Object(external_this_wp_i18n_["__"])('Search results for "%s"'), inputValue); // VisuallyHidden rightly doesn't accept custom classNames
// so we conditionally render it as a wrapper to visually hide the label
// when that is required.
var searchResultsLabel = Object(external_this_wp_element_["createElement"])(isInitialSuggestions ? external_this_wp_element_["Fragment"] : external_this_wp_components_["VisuallyHidden"], {}, // empty props
Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-link-control__search-results-label",
id: searchResultsLabelId
}, labelText));
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-link-control__search-results-wrapper"
}, searchResultsLabel, Object(external_this_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({}, suggestionsListProps, {
className: resultsListClasses,
"aria-labelledby": searchResultsLabelId
}), suggestions.map(function (suggestion, index) {
if (shouldShowCreateSuggestion && CREATE_TYPE === suggestion.type) {
return Object(external_this_wp_element_["createElement"])(search_create_button, {
searchTerm: inputValue,
onClick: /*#__PURE__*/Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(function _callee3() {
return external_this_regeneratorRuntime_default.a.wrap(function _callee3$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
_context3.next = 2;
return handleOnCreate(suggestion.title);
case 2:
case "end":
return _context3.stop();
}
}
}, _callee3);
})) // Intentionally only using `type` here as
// the constant is enough to uniquely
// identify the single "CREATE" suggestion.
,
key: suggestion.type,
itemProps: buildSuggestionItemProps(suggestion, index),
isSelected: index === selectedSuggestion
});
} // If we're not handling "Create" suggestions above then
// we don't want them in the main results so exit early
if (CREATE_TYPE === suggestion.type) {
return null;
}
return Object(external_this_wp_element_["createElement"])(search_item, {
key: "".concat(suggestion.id, "-").concat(suggestion.type),
itemProps: buildSuggestionItemProps(suggestion, index),
suggestion: suggestion,
index: index,
onClick: function onClick() {
stopEditing();
onChange(link_control_objectSpread({}, value, {}, suggestion));
},
isSelected: index === selectedSuggestion,
isURL: directLinkEntryTypes.includes(suggestion.type.toLowerCase()),
searchTerm: inputValue
});
})));
};
return Object(external_this_wp_element_["createElement"])("div", {
tabIndex: -1,
ref: wrapperNode,
className: "block-editor-link-control"
}, isResolvingLink && Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-link-control__loading"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Spinner"], null), " ", Object(external_this_wp_i18n_["__"])('Creating'), "\u2026"), (isEditingLink || !value) && !isResolvingLink && Object(external_this_wp_element_["createElement"])(search_input, {
placeholder: searchInputPlaceholder,
value: inputValue,
onChange: onInputChange,
onSelect: /*#__PURE__*/function () {
var _ref6 = Object(asyncToGenerator["a" /* default */])( /*#__PURE__*/external_this_regeneratorRuntime_default.a.mark(function _callee4(suggestion) {
return external_this_regeneratorRuntime_default.a.wrap(function _callee4$(_context4) {
while (1) {
switch (_context4.prev = _context4.next) {
case 0:
if (!(CREATE_TYPE === suggestion.type)) {
_context4.next = 5;
break;
}
_context4.next = 3;
return handleOnCreate(inputValue);
case 3:
_context4.next = 6;
break;
case 5:
if (!noDirectEntry || Object.keys(suggestion).length > 1) {
handleSelectSuggestion(suggestion, value);
stopEditing();
}
case 6:
case "end":
return _context4.stop();
}
}
}, _callee4);
}));
return function (_x4) {
return _ref6.apply(this, arguments);
};
}(),
renderSuggestions: showSuggestions ? renderSearchResults : null,
fetchSuggestions: getSearchHandler,
showInitialSuggestions: showInitialSuggestions,
errorMessage: errorMessage
}), value && !isEditingLink && !isResolvingLink && Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])("div", {
"aria-label": Object(external_this_wp_i18n_["__"])('Currently selected'),
"aria-selected": "true",
className: classnames_default()('block-editor-link-control__search-item', {
'is-current': true
})
}, Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-link-control__search-item-header"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ExternalLink"], {
className: "block-editor-link-control__search-item-title",
href: value.url
}, value && value.title || displayURL), value && value.title && Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-link-control__search-item-info"
}, displayURL)), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
isSecondary: true,
onClick: function onClick() {
return setIsEditingLink(true);
},
className: "block-editor-link-control__search-item-action"
}, Object(external_this_wp_i18n_["__"])('Edit')), Object(external_this_wp_element_["createElement"])(ViewerSlot, {
fillProps: value
}))), Object(external_this_wp_element_["createElement"])(settings_drawer, {
value: value,
settings: settings,
onChange: onChange
}));
}
LinkControl.ViewerFill = ViewerFill;
/* harmony default export */ var link_control = (LinkControl);
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/media.js
/**
* WordPress dependencies
*/
var media_media = Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "-2 -2 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["Path"], {
d: "M13 11V4c0-.55-.45-1-1-1h-1.67L9 1H5L3.67 3H2c-.55 0-1 .45-1 1v7c0 .55.45 1 1 1h10c.55 0 1-.45 1-1zM7 4.5c1.38 0 2.5 1.12 2.5 2.5S8.38 9.5 7 9.5 4.5 8.38 4.5 7 5.62 4.5 7 4.5zM14 6h5v10.5c0 1.38-1.12 2.5-2.5 2.5S14 17.88 14 16.5s1.12-2.5 2.5-2.5c.17 0 .34.02.5.05V9h-3V6zm-4 8.05V13h2v3.5c0 1.38-1.12 2.5-2.5 2.5S7 17.88 7 16.5 8.12 14 9.5 14c.17 0 .34.02.5.05z"
}));
/* harmony default export */ var library_media = (media_media);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/upload.js
var upload = __webpack_require__(203);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/media-upload/index.js
/**
* WordPress dependencies
*/
/**
* This is a placeholder for the media upload component necessary to make it possible to provide
* an integration with the core blocks that handle media files. By default it renders nothing but
* it provides a way to have it overridden with the `editor.MediaUpload` filter.
*
* @return {WPComponent} The component to be rendered.
*/
var MediaUpload = function MediaUpload() {
return null;
};
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/media-upload/README.md
*/
/* harmony default export */ var media_upload = (Object(external_this_wp_components_["withFilters"])('editor.MediaUpload')(MediaUpload));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/media-upload/check.js
/**
* WordPress dependencies
*/
function MediaUploadCheck(_ref) {
var hasUploadPermissions = _ref.hasUploadPermissions,
_ref$fallback = _ref.fallback,
fallback = _ref$fallback === void 0 ? null : _ref$fallback,
children = _ref.children;
return hasUploadPermissions ? children : fallback;
}
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/media-upload/README.md
*/
/* harmony default export */ var check = (Object(external_this_wp_data_["withSelect"])(function (select) {
var _select = select('core/block-editor'),
getSettings = _select.getSettings;
return {
hasUploadPermissions: !!getSettings().mediaUpload
};
})(MediaUploadCheck));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/media-replace-flow/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var media_replace_flow_MediaReplaceFlow = function MediaReplaceFlow(_ref) {
var mediaURL = _ref.mediaURL,
mediaId = _ref.mediaId,
allowedTypes = _ref.allowedTypes,
accept = _ref.accept,
onSelect = _ref.onSelect,
onSelectURL = _ref.onSelectURL,
_ref$onFilesUpload = _ref.onFilesUpload,
onFilesUpload = _ref$onFilesUpload === void 0 ? external_this_lodash_["noop"] : _ref$onFilesUpload,
_ref$name = _ref.name,
name = _ref$name === void 0 ? Object(external_this_wp_i18n_["__"])('Replace') : _ref$name,
createNotice = _ref.createNotice,
removeNotice = _ref.removeNotice;
var _useState = Object(external_this_wp_element_["useState"])(mediaURL),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
mediaURLValue = _useState2[0],
setMediaURLValue = _useState2[1];
var mediaUpload = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').getSettings().mediaUpload;
}, []);
var editMediaButtonRef = Object(external_this_wp_element_["createRef"])();
var errorNoticeID = Object(external_this_lodash_["uniqueId"])('block-editor/media-replace-flow/error-notice/');
var onError = function onError(message) {
var errorElement = document.createElement('div');
errorElement.innerHTML = Object(external_this_wp_element_["renderToString"])(message); // The default error contains some HTML that,
// for example, makes the filename bold.
// The notice, by default, accepts strings only and so
// we need to remove the html from the error.
var renderMsg = errorElement.textContent || errorElement.innerText || ''; // We need to set a timeout for showing the notice
// so that VoiceOver and possibly other screen readers
// can announce the error afer the toolbar button
// regains focus once the upload dialog closes.
// Otherwise VO simply skips over the notice and announces
// the focused element and the open menu.
setTimeout(function () {
createNotice('error', renderMsg, {
speak: true,
id: errorNoticeID,
isDismissible: true
});
}, 1000);
};
var selectMedia = function selectMedia(media) {
onSelect(media);
setMediaURLValue(media.url);
Object(external_this_wp_a11y_["speak"])(Object(external_this_wp_i18n_["__"])('The media file has been replaced'));
removeNotice(errorNoticeID);
};
var selectURL = function selectURL(newURL) {
onSelectURL(newURL);
};
var uploadFiles = function uploadFiles(event) {
var files = event.target.files;
onFilesUpload(files);
var setMedia = function setMedia(_ref2) {
var _ref3 = Object(slicedToArray["a" /* default */])(_ref2, 1),
media = _ref3[0];
selectMedia(media);
};
mediaUpload({
allowedTypes: allowedTypes,
filesList: files,
onFileChange: setMedia,
onError: onError
});
};
var openOnArrowDown = function openOnArrowDown(event) {
if (event.keyCode === external_this_wp_keycodes_["DOWN"]) {
event.preventDefault();
event.stopPropagation();
event.target.click();
}
};
var POPOVER_PROPS = {
isAlternate: true
};
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Dropdown"], {
popoverProps: POPOVER_PROPS,
contentClassName: "block-editor-media-replace-flow__options",
renderToggle: function renderToggle(_ref4) {
var isOpen = _ref4.isOpen,
onToggle = _ref4.onToggle;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarGroup"], {
className: "media-replace-flow"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarButton"], {
ref: editMediaButtonRef,
"aria-expanded": isOpen,
onClick: onToggle,
onKeyDown: openOnArrowDown
}, name));
},
renderContent: function renderContent(_ref5) {
var onClose = _ref5.onClose;
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["NavigableMenu"], {
className: "block-editor-media-replace-flow__media-upload-menu"
}, Object(external_this_wp_element_["createElement"])(media_upload, {
value: mediaId,
onSelect: function onSelect(media) {
return selectMedia(media);
},
allowedTypes: allowedTypes,
render: function render(_ref6) {
var open = _ref6.open;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
icon: library_media,
onClick: open
}, Object(external_this_wp_i18n_["__"])('Open Media Library'));
}
}), Object(external_this_wp_element_["createElement"])(check, null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["FormFileUpload"], {
onChange: function onChange(event) {
uploadFiles(event, onClose);
},
accept: accept,
render: function render(_ref7) {
var openFileDialog = _ref7.openFileDialog;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
icon: upload["a" /* default */],
onClick: function onClick() {
openFileDialog();
}
}, Object(external_this_wp_i18n_["__"])('Upload'));
}
}))), onSelectURL && // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
Object(external_this_wp_element_["createElement"])("form", {
className: "block-editor-media-flow__url-input",
onKeyDown: function onKeyDown(event) {
event.stopPropagation();
},
onKeyPress: function onKeyPress(event) {
event.stopPropagation();
}
}, Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-media-replace-flow__image-url-label"
}, Object(external_this_wp_i18n_["__"])('Current media URL:')), Object(external_this_wp_element_["createElement"])(link_control, {
value: {
url: mediaURLValue
},
settings: [],
showSuggestions: false,
onChange: function onChange(_ref8) {
var url = _ref8.url;
setMediaURLValue(url);
selectURL(url);
editMediaButtonRef.current.focus();
}
})));
}
});
};
/* harmony default export */ var media_replace_flow = (Object(external_this_wp_compose_["compose"])([Object(external_this_wp_data_["withDispatch"])(function (dispatch) {
var _dispatch = dispatch('core/notices'),
createNotice = _dispatch.createNotice,
removeNotice = _dispatch.removeNotice;
return {
createNotice: createNotice,
removeNotice: removeNotice
};
}), Object(external_this_wp_components_["withFilters"])('editor.MediaReplaceFlow')])(media_replace_flow_MediaReplaceFlow));
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/pencil.js
var pencil = __webpack_require__(300);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/url-popover/link-viewer-url.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function LinkViewerURL(_ref) {
var url = _ref.url,
urlLabel = _ref.urlLabel,
className = _ref.className;
var linkClassName = classnames_default()(className, 'block-editor-url-popover__link-viewer-url');
if (!url) {
return Object(external_this_wp_element_["createElement"])("span", {
className: linkClassName
});
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ExternalLink"], {
className: linkClassName,
href: url
}, urlLabel || Object(external_this_wp_url_["filterURLForDisplay"])(Object(external_this_wp_url_["safeDecodeURI"])(url)));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/url-popover/link-viewer.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function LinkViewer(_ref) {
var className = _ref.className,
linkClassName = _ref.linkClassName,
onEditLinkClick = _ref.onEditLinkClick,
url = _ref.url,
urlLabel = _ref.urlLabel,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["className", "linkClassName", "onEditLinkClick", "url", "urlLabel"]);
return Object(external_this_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({
className: classnames_default()('block-editor-url-popover__link-viewer', className)
}, props), Object(external_this_wp_element_["createElement"])(LinkViewerURL, {
url: url,
urlLabel: urlLabel,
className: linkClassName
}), onEditLinkClick && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
icon: pencil["a" /* default */],
label: Object(external_this_wp_i18n_["__"])('Edit'),
onClick: onEditLinkClick
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/url-popover/link-editor.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function LinkEditor(_ref) {
var autocompleteRef = _ref.autocompleteRef,
className = _ref.className,
onChangeInputValue = _ref.onChangeInputValue,
value = _ref.value,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["autocompleteRef", "className", "onChangeInputValue", "value"]);
return Object(external_this_wp_element_["createElement"])("form", Object(esm_extends["a" /* default */])({
className: classnames_default()('block-editor-url-popover__link-editor', className)
}, props), Object(external_this_wp_element_["createElement"])(url_input, {
value: value,
onChange: onChangeInputValue,
autocompleteRef: autocompleteRef
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
icon: keyboard_return["a" /* default */],
label: Object(external_this_wp_i18n_["__"])('Apply'),
type: "submit"
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/url-popover/index.js
function url_popover_createSuper(Derived) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (url_popover_isNativeReflectConstruct()) { 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 url_popover_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; } }
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var url_popover_URLPopover = /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(URLPopover, _Component);
var _super = url_popover_createSuper(URLPopover);
function URLPopover() {
var _this;
Object(classCallCheck["a" /* default */])(this, URLPopover);
_this = _super.apply(this, arguments);
_this.toggleSettingsVisibility = _this.toggleSettingsVisibility.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.state = {
isSettingsExpanded: false
};
return _this;
}
Object(createClass["a" /* default */])(URLPopover, [{
key: "toggleSettingsVisibility",
value: function toggleSettingsVisibility() {
this.setState({
isSettingsExpanded: !this.state.isSettingsExpanded
});
}
}, {
key: "render",
value: function render() {
var _this$props = this.props,
additionalControls = _this$props.additionalControls,
children = _this$props.children,
renderSettings = _this$props.renderSettings,
_this$props$position = _this$props.position,
position = _this$props$position === void 0 ? 'bottom center' : _this$props$position,
_this$props$focusOnMo = _this$props.focusOnMount,
focusOnMount = _this$props$focusOnMo === void 0 ? 'firstElement' : _this$props$focusOnMo,
popoverProps = Object(objectWithoutProperties["a" /* default */])(_this$props, ["additionalControls", "children", "renderSettings", "position", "focusOnMount"]);
var isSettingsExpanded = this.state.isSettingsExpanded;
var showSettings = !!renderSettings && isSettingsExpanded;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Popover"], Object(esm_extends["a" /* default */])({
className: "block-editor-url-popover",
focusOnMount: focusOnMount,
position: position
}, popoverProps), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-url-popover__input-container"
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-url-popover__row"
}, children, !!renderSettings && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
className: "block-editor-url-popover__settings-toggle",
icon: chevron_down["a" /* default */],
label: Object(external_this_wp_i18n_["__"])('Link settings'),
onClick: this.toggleSettingsVisibility,
"aria-expanded": isSettingsExpanded
})), showSettings && Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-url-popover__row block-editor-url-popover__settings"
}, renderSettings())), additionalControls && !showSettings && Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-url-popover__additional-controls"
}, additionalControls));
}
}]);
return URLPopover;
}(external_this_wp_element_["Component"]);
url_popover_URLPopover.LinkEditor = LinkEditor;
url_popover_URLPopover.LinkViewer = LinkViewer;
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/url-popover/README.md
*/
/* harmony default export */ var url_popover = (url_popover_URLPopover);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/media-placeholder/index.js
function media_placeholder_createSuper(Derived) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (media_placeholder_isNativeReflectConstruct()) { 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 media_placeholder_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 media_placeholder_InsertFromURLPopover = function InsertFromURLPopover(_ref) {
var src = _ref.src,
onChange = _ref.onChange,
onSubmit = _ref.onSubmit,
onClose = _ref.onClose;
return Object(external_this_wp_element_["createElement"])(url_popover, {
onClose: onClose
}, Object(external_this_wp_element_["createElement"])("form", {
className: "block-editor-media-placeholder__url-input-form",
onSubmit: onSubmit
}, Object(external_this_wp_element_["createElement"])("input", {
className: "block-editor-media-placeholder__url-input-field",
type: "url",
"aria-label": Object(external_this_wp_i18n_["__"])('URL'),
placeholder: Object(external_this_wp_i18n_["__"])('Paste or type URL'),
onChange: onChange,
value: src
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
className: "block-editor-media-placeholder__url-input-submit-button",
icon: keyboard_return["a" /* default */],
label: Object(external_this_wp_i18n_["__"])('Apply'),
type: "submit"
})));
};
var media_placeholder_MediaPlaceholder = /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(MediaPlaceholder, _Component);
var _super = media_placeholder_createSuper(MediaPlaceholder);
function MediaPlaceholder() {
var _this;
Object(classCallCheck["a" /* default */])(this, MediaPlaceholder);
_this = _super.apply(this, arguments);
_this.state = {
src: '',
isURLInputVisible: false
};
_this.onChangeSrc = _this.onChangeSrc.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.onSubmitSrc = _this.onSubmitSrc.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.onUpload = _this.onUpload.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.onFilesUpload = _this.onFilesUpload.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.openURLInput = _this.openURLInput.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.closeURLInput = _this.closeURLInput.bind(Object(assertThisInitialized["a" /* default */])(_this));
return _this;
}
Object(createClass["a" /* default */])(MediaPlaceholder, [{
key: "onlyAllowsImages",
value: function onlyAllowsImages() {
var allowedTypes = this.props.allowedTypes;
if (!allowedTypes) {
return false;
}
return Object(external_this_lodash_["every"])(allowedTypes, function (allowedType) {
return allowedType === 'image' || Object(external_this_lodash_["startsWith"])(allowedType, 'image/');
});
}
}, {
key: "componentDidMount",
value: function componentDidMount() {
this.setState({
src: Object(external_this_lodash_["get"])(this.props.value, ['src'], '')
});
}
}, {
key: "componentDidUpdate",
value: function componentDidUpdate(prevProps) {
if (Object(external_this_lodash_["get"])(prevProps.value, ['src'], '') !== Object(external_this_lodash_["get"])(this.props.value, ['src'], '')) {
this.setState({
src: Object(external_this_lodash_["get"])(this.props.value, ['src'], '')
});
}
}
}, {
key: "onChangeSrc",
value: function onChangeSrc(event) {
this.setState({
src: event.target.value
});
}
}, {
key: "onSubmitSrc",
value: function onSubmitSrc(event) {
event.preventDefault();
if (this.state.src && this.props.onSelectURL) {
this.props.onSelectURL(this.state.src);
this.closeURLInput();
}
}
}, {
key: "onUpload",
value: function onUpload(event) {
this.onFilesUpload(event.target.files);
}
}, {
key: "onFilesUpload",
value: function onFilesUpload(files) {
var _this2 = this;
var _this$props = this.props,
addToGallery = _this$props.addToGallery,
allowedTypes = _this$props.allowedTypes,
mediaUpload = _this$props.mediaUpload,
multiple = _this$props.multiple,
onError = _this$props.onError,
onSelect = _this$props.onSelect,
_this$props$onFilesPr = _this$props.onFilesPreUpload,
onFilesPreUpload = _this$props$onFilesPr === void 0 ? external_this_lodash_["noop"] : _this$props$onFilesPr;
onFilesPreUpload(files);
var setMedia;
if (multiple) {
if (addToGallery) {
// To allow changes to a gallery to be made while uploads are in progress
// (including trigging multiple upload groups and removing already in place images),
// we must be able to add newMedia based on the current value of the Gallery
// whenever the setMedia function runs (not destructuring 'value' from props).
// Additionally, since the setMedia function runs multiple times per upload group
// and is passed newMedia containing every item in its group each time, we must
// also filter out whatever this upload group had previously returned to the
// gallery before adding and returning the image array with replacement newMedia
// values.
// Define an array to store urls from newMedia between subsequent function calls.
var lastMediaPassed = [];
setMedia = function setMedia(newMedia) {
// Remove any images this upload group is responsible for (lastMediaPassed).
// Their replacements are contained in newMedia.
var filteredMedia = (_this2.props.value || []).filter(function (item) {
// If Item has id, only remove it if lastMediaPassed has an item with that id.
if (item.id) {
return !lastMediaPassed.some( // Be sure to convert to number for comparison.
function (_ref2) {
var id = _ref2.id;
return Number(id) === Number(item.id);
});
} // Compare transient images via .includes since gallery may append extra info onto the url.
return !lastMediaPassed.some(function (_ref3) {
var urlSlug = _ref3.urlSlug;
return item.url.includes(urlSlug);
});
}); // Return the filtered media array along with newMedia.
onSelect(filteredMedia.concat(newMedia)); // Reset lastMediaPassed and set it with ids and urls from newMedia.
lastMediaPassed = newMedia.map(function (media) {
// Add everything up to '.fileType' to compare via .includes.
var cutOffIndex = media.url.lastIndexOf('.');
var urlSlug = media.url.slice(0, cutOffIndex);
return {
id: media.id,
urlSlug: urlSlug
};
});
};
} else {
setMedia = onSelect;
}
} else {
setMedia = function setMedia(_ref4) {
var _ref5 = Object(slicedToArray["a" /* default */])(_ref4, 1),
media = _ref5[0];
return onSelect(media);
};
}
mediaUpload({
allowedTypes: allowedTypes,
filesList: files,
onFileChange: setMedia,
onError: onError
});
}
}, {
key: "openURLInput",
value: function openURLInput() {
this.setState({
isURLInputVisible: true
});
}
}, {
key: "closeURLInput",
value: function closeURLInput() {
this.setState({
isURLInputVisible: false
});
}
}, {
key: "renderPlaceholder",
value: function renderPlaceholder(content, onClick) {
var _this$props2 = this.props,
_this$props2$allowedT = _this$props2.allowedTypes,
allowedTypes = _this$props2$allowedT === void 0 ? [] : _this$props2$allowedT,
className = _this$props2.className,
icon = _this$props2.icon,
isAppender = _this$props2.isAppender,
_this$props2$labels = _this$props2.labels,
labels = _this$props2$labels === void 0 ? {} : _this$props2$labels,
onDoubleClick = _this$props2.onDoubleClick,
mediaPreview = _this$props2.mediaPreview,
notices = _this$props2.notices,
onSelectURL = _this$props2.onSelectURL,
mediaUpload = _this$props2.mediaUpload,
children = _this$props2.children;
var instructions = labels.instructions;
var title = labels.title;
if (!mediaUpload && !onSelectURL) {
instructions = Object(external_this_wp_i18n_["__"])('To edit this block, you need permission to upload media.');
}
if (instructions === undefined || title === undefined) {
var isOneType = 1 === allowedTypes.length;
var isAudio = isOneType && 'audio' === allowedTypes[0];
var isImage = isOneType && 'image' === allowedTypes[0];
var isVideo = isOneType && 'video' === allowedTypes[0];
if (instructions === undefined && mediaUpload) {
instructions = Object(external_this_wp_i18n_["__"])('Upload a media file or pick one from your media library.');
if (isAudio) {
instructions = Object(external_this_wp_i18n_["__"])('Upload an audio file, pick one from your media library, or add one with a URL.');
} else if (isImage) {
instructions = Object(external_this_wp_i18n_["__"])('Upload an image file, pick one from your media library, or add one with a URL.');
} else if (isVideo) {
instructions = Object(external_this_wp_i18n_["__"])('Upload a video file, pick one from your media library, or add one with a URL.');
}
}
if (title === undefined) {
title = Object(external_this_wp_i18n_["__"])('Media');
if (isAudio) {
title = Object(external_this_wp_i18n_["__"])('Audio');
} else if (isImage) {
title = Object(external_this_wp_i18n_["__"])('Image');
} else if (isVideo) {
title = Object(external_this_wp_i18n_["__"])('Video');
}
}
}
var placeholderClassName = classnames_default()('block-editor-media-placeholder', className, {
'is-appender': isAppender
});
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Placeholder"], {
icon: icon,
label: title,
instructions: instructions,
className: placeholderClassName,
notices: notices,
onClick: onClick,
onDoubleClick: onDoubleClick,
preview: mediaPreview
}, content, children);
}
}, {
key: "renderDropZone",
value: function renderDropZone() {
var _this$props3 = this.props,
disableDropZone = _this$props3.disableDropZone,
_this$props3$onHTMLDr = _this$props3.onHTMLDrop,
onHTMLDrop = _this$props3$onHTMLDr === void 0 ? external_this_lodash_["noop"] : _this$props3$onHTMLDr;
if (disableDropZone) {
return null;
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["DropZone"], {
onFilesDrop: this.onFilesUpload,
onHTMLDrop: onHTMLDrop
});
}
}, {
key: "renderCancelLink",
value: function renderCancelLink() {
var onCancel = this.props.onCancel;
return onCancel && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
className: "block-editor-media-placeholder__cancel-button",
title: Object(external_this_wp_i18n_["__"])('Cancel'),
isLink: true,
onClick: onCancel
}, Object(external_this_wp_i18n_["__"])('Cancel'));
}
}, {
key: "renderUrlSelectionUI",
value: function renderUrlSelectionUI() {
var onSelectURL = this.props.onSelectURL;
if (!onSelectURL) {
return null;
}
var _this$state = this.state,
isURLInputVisible = _this$state.isURLInputVisible,
src = _this$state.src;
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-media-placeholder__url-input-container"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
className: "block-editor-media-placeholder__button",
onClick: this.openURLInput,
isPressed: isURLInputVisible,
isTertiary: true
}, Object(external_this_wp_i18n_["__"])('Insert from URL')), isURLInputVisible && Object(external_this_wp_element_["createElement"])(media_placeholder_InsertFromURLPopover, {
src: src,
onChange: this.onChangeSrc,
onSubmit: this.onSubmitSrc,
onClose: this.closeURLInput
}));
}
}, {
key: "renderMediaUploadChecked",
value: function renderMediaUploadChecked() {
var _this3 = this;
var _this$props4 = this.props,
accept = _this$props4.accept,
addToGallery = _this$props4.addToGallery,
_this$props4$allowedT = _this$props4.allowedTypes,
allowedTypes = _this$props4$allowedT === void 0 ? [] : _this$props4$allowedT,
isAppender = _this$props4.isAppender,
mediaUpload = _this$props4.mediaUpload,
_this$props4$multiple = _this$props4.multiple,
multiple = _this$props4$multiple === void 0 ? false : _this$props4$multiple,
onSelect = _this$props4.onSelect,
_this$props4$value = _this$props4.value,
value = _this$props4$value === void 0 ? {} : _this$props4$value;
var mediaLibraryButton = Object(external_this_wp_element_["createElement"])(media_upload, {
addToGallery: addToGallery,
gallery: multiple && this.onlyAllowsImages(),
multiple: multiple,
onSelect: onSelect,
allowedTypes: allowedTypes,
value: Object(external_this_lodash_["isArray"])(value) ? value.map(function (_ref6) {
var id = _ref6.id;
return id;
}) : value.id,
render: function render(_ref7) {
var open = _ref7.open;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
isTertiary: true,
onClick: function onClick(event) {
event.stopPropagation();
open();
}
}, Object(external_this_wp_i18n_["__"])('Media Library'));
}
});
if (mediaUpload && isAppender) {
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, this.renderDropZone(), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["FormFileUpload"], {
onChange: this.onUpload,
accept: accept,
multiple: multiple,
render: function render(_ref8) {
var openFileDialog = _ref8.openFileDialog;
var content = Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
isPrimary: true,
className: classnames_default()('block-editor-media-placeholder__button', 'block-editor-media-placeholder__upload-button')
}, Object(external_this_wp_i18n_["__"])('Upload')), mediaLibraryButton, _this3.renderUrlSelectionUI(), _this3.renderCancelLink());
return _this3.renderPlaceholder(content, openFileDialog);
}
}));
}
if (mediaUpload) {
var content = Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, this.renderDropZone(), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["FormFileUpload"], {
isPrimary: true,
className: classnames_default()('block-editor-media-placeholder__button', 'block-editor-media-placeholder__upload-button'),
onChange: this.onUpload,
accept: accept,
multiple: multiple
}, Object(external_this_wp_i18n_["__"])('Upload')), mediaLibraryButton, this.renderUrlSelectionUI(), this.renderCancelLink());
return this.renderPlaceholder(content);
}
return this.renderPlaceholder(mediaLibraryButton);
}
}, {
key: "render",
value: function render() {
var _this$props5 = this.props,
disableMediaButtons = _this$props5.disableMediaButtons,
dropZoneUIOnly = _this$props5.dropZoneUIOnly;
if (dropZoneUIOnly || disableMediaButtons) {
if (dropZoneUIOnly) {
external_this_wp_deprecated_default()('wp.blockEditor.MediaPlaceholder dropZoneUIOnly prop', {
alternative: 'disableMediaButtons'
});
}
return Object(external_this_wp_element_["createElement"])(check, null, this.renderDropZone());
}
return Object(external_this_wp_element_["createElement"])(check, {
fallback: this.renderPlaceholder(this.renderUrlSelectionUI())
}, this.renderMediaUploadChecked());
}
}]);
return MediaPlaceholder;
}(external_this_wp_element_["Component"]);
var media_placeholder_applyWithSelect = Object(external_this_wp_data_["withSelect"])(function (select) {
var _select = select('core/block-editor'),
getSettings = _select.getSettings;
return {
mediaUpload: getSettings().mediaUpload
};
});
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/media-placeholder/README.md
*/
/* harmony default export */ var media_placeholder = (Object(external_this_wp_compose_["compose"])(media_placeholder_applyWithSelect, Object(external_this_wp_components_["withFilters"])('editor.MediaPlaceholder'))(media_placeholder_MediaPlaceholder));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/editable-text/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var EditableText = Object(external_this_wp_element_["forwardRef"])(function (props, ref) {
return Object(external_this_wp_element_["createElement"])(rich_text, Object(esm_extends["a" /* default */])({
ref: ref
}, props, {
__unstableDisableFormats: true,
preserveWhiteSpace: true
}));
});
EditableText.Content = function (_ref) {
var _ref$value = _ref.value,
value = _ref$value === void 0 ? '' : _ref$value,
_ref$tagName = _ref.tagName,
Tag = _ref$tagName === void 0 ? 'div' : _ref$tagName,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["value", "tagName"]);
return Object(external_this_wp_element_["createElement"])(Tag, props, value);
};
/**
* Renders an editable text input in which text formatting is not allowed.
*/
/* harmony default export */ var editable_text = (EditableText);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/plain-text/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/plain-text/README.md
*/
var PlainText = Object(external_this_wp_element_["forwardRef"])(function (_ref, ref) {
var __experimentalVersion = _ref.__experimentalVersion,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["__experimentalVersion"]);
if (__experimentalVersion === 2) {
return Object(external_this_wp_element_["createElement"])(editable_text, Object(esm_extends["a" /* default */])({
ref: ref
}, props));
}
var className = props.className,
_onChange = props.onChange,
remainingProps = Object(objectWithoutProperties["a" /* default */])(props, ["className", "onChange"]);
return Object(external_this_wp_element_["createElement"])(lib_default.a, Object(esm_extends["a" /* default */])({
ref: ref,
className: classnames_default()('block-editor-plain-text', className),
onChange: function onChange(event) {
return _onChange(event.target.value);
}
}, remainingProps));
});
/* harmony default export */ var plain_text = (PlainText);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/responsive-block-control/label.js
/**
* WordPress dependencies
*/
function ResponsiveBlockControlLabel(_ref) {
var property = _ref.property,
viewport = _ref.viewport,
desc = _ref.desc;
var instanceId = Object(external_this_wp_compose_["useInstanceId"])(ResponsiveBlockControlLabel);
var accessibleLabel = desc || Object(external_this_wp_i18n_["sprintf"])(
/* translators: 1: property name. 2: viewport name. */
Object(external_this_wp_i18n_["_x"])('Controls the %1$s property for %2$s viewports.', 'Text labelling a interface as controlling a given layout property (eg: margin) for a given screen size.'), property, viewport.label);
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])("span", {
"aria-describedby": "rbc-desc-".concat(instanceId)
}, viewport.label), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["VisuallyHidden"], {
as: "span",
id: "rbc-desc-".concat(instanceId)
}, accessibleLabel));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/responsive-block-control/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ResponsiveBlockControl(props) {
var title = props.title,
property = props.property,
toggleLabel = props.toggleLabel,
onIsResponsiveChange = props.onIsResponsiveChange,
renderDefaultControl = props.renderDefaultControl,
renderResponsiveControls = props.renderResponsiveControls,
_props$isResponsive = props.isResponsive,
isResponsive = _props$isResponsive === void 0 ? false : _props$isResponsive,
_props$defaultLabel = props.defaultLabel,
defaultLabel = _props$defaultLabel === void 0 ? {
id: 'all',
/* translators: 'Label. Used to signify a layout property (eg: margin, padding) will apply uniformly to all screensizes.' */
label: Object(external_this_wp_i18n_["__"])('All')
} : _props$defaultLabel,
_props$viewports = props.viewports,
viewports = _props$viewports === void 0 ? [{
id: 'small',
label: Object(external_this_wp_i18n_["__"])('Small screens')
}, {
id: 'medium',
label: Object(external_this_wp_i18n_["__"])('Medium screens')
}, {
id: 'large',
label: Object(external_this_wp_i18n_["__"])('Large screens')
}] : _props$viewports;
if (!title || !property || !renderDefaultControl) {
return null;
}
var toggleControlLabel = toggleLabel || Object(external_this_wp_i18n_["sprintf"])(
/* translators: 'Toggle control label. Should the property be the same across all screen sizes or unique per screen size.'. %s property value for the control (eg: margin, padding...etc) */
Object(external_this_wp_i18n_["__"])('Use the same %s on all screensizes.'), property);
/* translators: 'Help text for the responsive mode toggle control.' */
var toggleHelpText = Object(external_this_wp_i18n_["__"])('Toggle between using the same value for all screen sizes or using a unique value per screen size.');
var defaultControl = renderDefaultControl(Object(external_this_wp_element_["createElement"])(ResponsiveBlockControlLabel, {
property: property,
viewport: defaultLabel
}), defaultLabel);
var defaultResponsiveControls = function defaultResponsiveControls() {
return viewports.map(function (viewport) {
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], {
key: viewport.id
}, renderDefaultControl(Object(external_this_wp_element_["createElement"])(ResponsiveBlockControlLabel, {
property: property,
viewport: viewport
}), viewport));
});
};
return Object(external_this_wp_element_["createElement"])("fieldset", {
className: "block-editor-responsive-block-control"
}, Object(external_this_wp_element_["createElement"])("legend", {
className: "block-editor-responsive-block-control__title"
}, title), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-responsive-block-control__inner"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToggleControl"], {
className: "block-editor-responsive-block-control__toggle",
label: toggleControlLabel,
checked: !isResponsive,
onChange: onIsResponsiveChange,
help: toggleHelpText
}), Object(external_this_wp_element_["createElement"])("div", {
className: classnames_default()('block-editor-responsive-block-control__group', {
'is-responsive': isResponsive
})
}, !isResponsive && defaultControl, isResponsive && (renderResponsiveControls ? renderResponsiveControls(viewports) : defaultResponsiveControls()))));
}
/* harmony default export */ var responsive_block_control = (ResponsiveBlockControl);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/rich-text/shortcut.js
/**
* WordPress dependencies
*/
function RichTextShortcut(_ref) {
var character = _ref.character,
type = _ref.type,
onUse = _ref.onUse;
var callback = function callback() {
onUse();
return false;
};
Object(external_this_wp_compose_["useKeyboardShortcut"])(external_this_wp_keycodes_["rawShortcut"][type](character), callback, {
bindGlobal: true
});
return null;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/rich-text/toolbar-button.js
/**
* WordPress dependencies
*/
function RichTextToolbarButton(_ref) {
var name = _ref.name,
shortcutType = _ref.shortcutType,
shortcutCharacter = _ref.shortcutCharacter,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["name", "shortcutType", "shortcutCharacter"]);
var shortcut;
var fillName = 'RichText.ToolbarControls';
if (name) {
fillName += ".".concat(name);
}
if (shortcutType && shortcutCharacter) {
shortcut = external_this_wp_keycodes_["displayShortcut"][shortcutType](shortcutCharacter);
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Fill"], {
name: fillName
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarButton"], Object(esm_extends["a" /* default */])({}, props, {
shortcut: shortcut
})));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/rich-text/input-event.js
function input_event_createSuper(Derived) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (input_event_isNativeReflectConstruct()) { 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 input_event_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; } }
/**
* WordPress dependencies
*/
var input_event_unstableRichTextInputEvent = /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(__unstableRichTextInputEvent, _Component);
var _super = input_event_createSuper(__unstableRichTextInputEvent);
function __unstableRichTextInputEvent() {
var _this;
Object(classCallCheck["a" /* default */])(this, __unstableRichTextInputEvent);
_this = _super.apply(this, arguments);
_this.onInput = _this.onInput.bind(Object(assertThisInitialized["a" /* default */])(_this));
return _this;
}
Object(createClass["a" /* default */])(__unstableRichTextInputEvent, [{
key: "onInput",
value: function onInput(event) {
if (event.inputType === this.props.inputType) {
this.props.onInput();
}
}
}, {
key: "componentDidMount",
value: function componentDidMount() {
document.addEventListener('input', this.onInput, true);
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
document.removeEventListener('input', this.onInput, true);
}
}, {
key: "render",
value: function render() {
return null;
}
}]);
return __unstableRichTextInputEvent;
}(external_this_wp_element_["Component"]);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/edit.js
var library_edit = __webpack_require__(301);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/tool-selector/index.js
/**
* WordPress dependencies
*/
var selectIcon = Object(external_this_wp_element_["createElement"])(external_this_wp_components_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
width: "24",
height: "24",
viewBox: "0 0 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Path"], {
d: "M9.4 20.5L5.2 3.8l14.6 9-2 .3c-.2 0-.4.1-.7.1-.9.2-1.6.3-2.2.5-.8.3-1.4.5-1.8.8-.4.3-.8.8-1.3 1.5-.4.5-.8 1.2-1.2 2l-.3.6-.9 1.9zM7.6 7.1l2.4 9.3c.2-.4.5-.8.7-1.1.6-.8 1.1-1.4 1.6-1.8.5-.4 1.3-.8 2.2-1.1l1.2-.3-8.1-5z"
}));
function ToolSelector(props, ref) {
var isNavigationTool = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').isNavigationMode();
}, []);
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
setNavigationMode = _useDispatch.setNavigationMode;
var onSwitchMode = function onSwitchMode(mode) {
setNavigationMode(mode === 'edit' ? false : true);
};
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Dropdown"], {
renderToggle: function renderToggle(_ref) {
var isOpen = _ref.isOpen,
onToggle = _ref.onToggle;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], Object(esm_extends["a" /* default */])({}, props, {
ref: ref,
icon: isNavigationTool ? selectIcon : library_edit["a" /* default */],
"aria-expanded": isOpen,
onClick: onToggle,
label: Object(external_this_wp_i18n_["__"])('Tools')
}));
},
position: "bottom right",
renderContent: function renderContent() {
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["NavigableMenu"], {
role: "menu",
"aria-label": Object(external_this_wp_i18n_["__"])('Tools')
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItemsChoice"], {
value: isNavigationTool ? 'select' : 'edit',
onSelect: onSwitchMode,
choices: [{
value: 'edit',
label: Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(build_module_icon["a" /* default */], {
icon: library_edit["a" /* default */]
}), Object(external_this_wp_i18n_["__"])('Edit'))
}, {
value: 'select',
label: Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, selectIcon, Object(external_this_wp_i18n_["__"])('Select'))
}]
})), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-tool-selector__help"
}, Object(external_this_wp_i18n_["__"])('Tools offer different interactions for block selection & editing. To select, press Escape, to go back to editing, press Enter.')));
}
});
}
/* harmony default export */ var tool_selector = (Object(external_this_wp_element_["forwardRef"])(ToolSelector));
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/link.js
var library_link = __webpack_require__(179);
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/arrow-left.js
/**
* WordPress dependencies
*/
var arrowLeft = Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_primitives_["Path"], {
d: "M9.737 18.011L3.98 12.255l5.734-6.28 1.107 1.012-4.103 4.494h13.3v1.5H6.828l3.97 3.97-1.06 1.06z"
}));
/* harmony default export */ var arrow_left = (arrowLeft);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/url-input/button.js
function button_createSuper(Derived) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (button_isNativeReflectConstruct()) { 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 button_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; } }
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var button_URLInputButton = /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(URLInputButton, _Component);
var _super = button_createSuper(URLInputButton);
function URLInputButton() {
var _this;
Object(classCallCheck["a" /* default */])(this, URLInputButton);
_this = _super.apply(this, arguments);
_this.toggle = _this.toggle.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.submitLink = _this.submitLink.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.state = {
expanded: false
};
return _this;
}
Object(createClass["a" /* default */])(URLInputButton, [{
key: "toggle",
value: function toggle() {
this.setState({
expanded: !this.state.expanded
});
}
}, {
key: "submitLink",
value: function submitLink(event) {
event.preventDefault();
this.toggle();
}
}, {
key: "render",
value: function render() {
var _this$props = this.props,
url = _this$props.url,
onChange = _this$props.onChange;
var expanded = this.state.expanded;
var buttonLabel = url ? Object(external_this_wp_i18n_["__"])('Edit link') : Object(external_this_wp_i18n_["__"])('Insert link');
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-url-input__button"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
icon: library_link["a" /* default */],
label: buttonLabel,
onClick: this.toggle,
className: "components-toolbar__control",
isPressed: !!url
}), expanded && Object(external_this_wp_element_["createElement"])("form", {
className: "block-editor-url-input__button-modal",
onSubmit: this.submitLink
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-url-input__button-modal-line"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
className: "block-editor-url-input__back",
icon: arrow_left,
label: Object(external_this_wp_i18n_["__"])('Close'),
onClick: this.toggle
}), Object(external_this_wp_element_["createElement"])(url_input, {
value: url || '',
onChange: onChange
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
icon: keyboard_return["a" /* default */],
label: Object(external_this_wp_i18n_["__"])('Submit'),
type: "submit"
}))));
}
}]);
return URLInputButton;
}(external_this_wp_element_["Component"]);
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/url-input/README.md
*/
/* harmony default export */ var url_input_button = (button_URLInputButton);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/close.js
var library_close = __webpack_require__(153);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/url-popover/image-url-input-ui.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var LINK_DESTINATION_NONE = 'none';
var LINK_DESTINATION_CUSTOM = 'custom';
var LINK_DESTINATION_MEDIA = 'media';
var LINK_DESTINATION_ATTACHMENT = 'attachment';
var NEW_TAB_REL = ['noreferrer', 'noopener'];
var image_url_input_ui_icon = Object(external_this_wp_element_["createElement"])(external_this_wp_components_["SVG"], {
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Path"], {
d: "M0,0h24v24H0V0z",
fill: "none"
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Path"], {
d: "m19 5v14h-14v-14h14m0-2h-14c-1.1 0-2 0.9-2 2v14c0 1.1 0.9 2 2 2h14c1.1 0 2-0.9 2-2v-14c0-1.1-0.9-2-2-2z"
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Path"], {
d: "m14.14 11.86l-3 3.87-2.14-2.59-3 3.86h12l-3.86-5.14z"
}));
var image_url_input_ui_ImageURLInputUI = function ImageURLInputUI(_ref) {
var linkDestination = _ref.linkDestination,
onChangeUrl = _ref.onChangeUrl,
url = _ref.url,
_ref$mediaType = _ref.mediaType,
mediaType = _ref$mediaType === void 0 ? 'image' : _ref$mediaType,
mediaUrl = _ref.mediaUrl,
mediaLink = _ref.mediaLink,
linkTarget = _ref.linkTarget,
linkClass = _ref.linkClass,
rel = _ref.rel;
var _useState = Object(external_this_wp_element_["useState"])(false),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
isOpen = _useState2[0],
setIsOpen = _useState2[1];
var openLinkUI = Object(external_this_wp_element_["useCallback"])(function () {
setIsOpen(true);
});
var _useState3 = Object(external_this_wp_element_["useState"])(false),
_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),
isEditingLink = _useState4[0],
setIsEditingLink = _useState4[1];
var _useState5 = Object(external_this_wp_element_["useState"])(null),
_useState6 = Object(slicedToArray["a" /* default */])(_useState5, 2),
urlInput = _useState6[0],
setUrlInput = _useState6[1];
var autocompleteRef = Object(external_this_wp_element_["useRef"])(null);
var stopPropagation = function stopPropagation(event) {
event.stopPropagation();
};
var stopPropagationRelevantKeys = function stopPropagationRelevantKeys(event) {
if ([external_this_wp_keycodes_["LEFT"], external_this_wp_keycodes_["DOWN"], external_this_wp_keycodes_["RIGHT"], external_this_wp_keycodes_["UP"], external_this_wp_keycodes_["BACKSPACE"], external_this_wp_keycodes_["ENTER"]].indexOf(event.keyCode) > -1) {
// Stop the key event from propagating up to ObserveTyping.startTypingInTextField.
event.stopPropagation();
}
};
var startEditLink = Object(external_this_wp_element_["useCallback"])(function () {
if (linkDestination === LINK_DESTINATION_MEDIA || linkDestination === LINK_DESTINATION_ATTACHMENT) {
setUrlInput('');
}
setIsEditingLink(true);
});
var stopEditLink = Object(external_this_wp_element_["useCallback"])(function () {
setIsEditingLink(false);
});
var closeLinkUI = Object(external_this_wp_element_["useCallback"])(function () {
setUrlInput(null);
stopEditLink();
setIsOpen(false);
});
var removeNewTabRel = function removeNewTabRel(currentRel) {
var newRel = currentRel;
if (currentRel !== undefined && !Object(external_this_lodash_["isEmpty"])(newRel)) {
if (!Object(external_this_lodash_["isEmpty"])(newRel)) {
Object(external_this_lodash_["each"])(NEW_TAB_REL, function (relVal) {
var regExp = new RegExp('\\b' + relVal + '\\b', 'gi');
newRel = newRel.replace(regExp, '');
}); // Only trim if NEW_TAB_REL values was replaced.
if (newRel !== currentRel) {
newRel = newRel.trim();
}
if (Object(external_this_lodash_["isEmpty"])(newRel)) {
newRel = undefined;
}
}
}
return newRel;
};
var getUpdatedLinkTargetSettings = function getUpdatedLinkTargetSettings(value) {
var newLinkTarget = value ? '_blank' : undefined;
var updatedRel;
if (!newLinkTarget && !rel) {
updatedRel = undefined;
} else {
updatedRel = removeNewTabRel(rel);
}
return {
linkTarget: newLinkTarget,
rel: updatedRel
};
};
var onFocusOutside = Object(external_this_wp_element_["useCallback"])(function () {
return function (event) {
// The autocomplete suggestions list renders in a separate popover (in a portal),
// so onFocusOutside fails to detect that a click on a suggestion occurred in the
// LinkContainer. Detect clicks on autocomplete suggestions using a ref here, and
// return to avoid the popover being closed.
var autocompleteElement = autocompleteRef.current;
if (autocompleteElement && autocompleteElement.contains(event.target)) {
return;
}
setIsOpen(false);
setUrlInput(null);
stopEditLink();
};
});
var onSubmitLinkChange = Object(external_this_wp_element_["useCallback"])(function () {
return function (event) {
if (urlInput) {
onChangeUrl({
href: urlInput
});
}
stopEditLink();
setUrlInput(null);
event.preventDefault();
};
});
var onLinkRemove = Object(external_this_wp_element_["useCallback"])(function () {
onChangeUrl({
linkDestination: LINK_DESTINATION_NONE,
href: ''
});
});
var getLinkDestinations = function getLinkDestinations() {
return [{
linkDestination: LINK_DESTINATION_MEDIA,
title: Object(external_this_wp_i18n_["__"])('Media File'),
url: mediaType === 'image' ? mediaUrl : undefined,
icon: image_url_input_ui_icon
}, {
linkDestination: LINK_DESTINATION_ATTACHMENT,
title: Object(external_this_wp_i18n_["__"])('Attachment Page'),
url: mediaType === 'image' ? mediaLink : undefined,
icon: Object(external_this_wp_element_["createElement"])(external_this_wp_components_["SVG"], {
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Path"], {
d: "M0 0h24v24H0V0z",
fill: "none"
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Path"], {
d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zM6 20V4h7v5h5v11H6z"
}))
}];
};
var onSetHref = function onSetHref(value) {
var linkDestinations = getLinkDestinations();
var linkDestinationInput;
if (!value) {
linkDestinationInput = LINK_DESTINATION_NONE;
} else {
linkDestinationInput = (Object(external_this_lodash_["find"])(linkDestinations, function (destination) {
return destination.url === value;
}) || {
linkDestination: LINK_DESTINATION_CUSTOM
}).linkDestination;
}
onChangeUrl({
linkDestination: linkDestinationInput,
href: value
});
};
var onSetNewTab = function onSetNewTab(value) {
var updatedLinkTarget = getUpdatedLinkTargetSettings(value);
onChangeUrl(updatedLinkTarget);
};
var onSetLinkRel = function onSetLinkRel(value) {
onChangeUrl({
rel: value
});
};
var onSetLinkClass = function onSetLinkClass(value) {
onChangeUrl({
linkClass: value
});
};
var advancedOptions = Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToggleControl"], {
label: Object(external_this_wp_i18n_["__"])('Open in new tab'),
onChange: onSetNewTab,
checked: linkTarget === '_blank'
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["TextControl"], {
label: Object(external_this_wp_i18n_["__"])('Link Rel'),
value: removeNewTabRel(rel) || '',
onChange: onSetLinkRel,
onKeyPress: stopPropagation,
onKeyDown: stopPropagationRelevantKeys
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["TextControl"], {
label: Object(external_this_wp_i18n_["__"])('Link CSS Class'),
value: linkClass || '',
onKeyPress: stopPropagation,
onKeyDown: stopPropagationRelevantKeys,
onChange: onSetLinkClass
}));
var linkEditorValue = urlInput !== null ? urlInput : url;
var urlLabel = (Object(external_this_lodash_["find"])(getLinkDestinations(), ['linkDestination', linkDestination]) || {}).title;
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarButton"], {
icon: library_link["a" /* default */],
className: "components-toolbar__control",
label: url ? Object(external_this_wp_i18n_["__"])('Edit link') : Object(external_this_wp_i18n_["__"])('Insert link'),
"aria-expanded": isOpen,
onClick: openLinkUI
}), isOpen && Object(external_this_wp_element_["createElement"])(url_popover, {
onFocusOutside: onFocusOutside(),
onClose: closeLinkUI,
renderSettings: function renderSettings() {
return advancedOptions;
},
additionalControls: !linkEditorValue && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["NavigableMenu"], null, Object(external_this_lodash_["map"])(getLinkDestinations(), function (link) {
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
key: link.linkDestination,
icon: link.icon,
onClick: function onClick() {
setUrlInput(null);
onSetHref(link.url);
stopEditLink();
}
}, link.title);
}))
}, (!url || isEditingLink) && Object(external_this_wp_element_["createElement"])(url_popover.LinkEditor, {
className: "block-editor-format-toolbar__link-container-content",
value: linkEditorValue,
onChangeInputValue: setUrlInput,
onKeyDown: stopPropagationRelevantKeys,
onKeyPress: stopPropagation,
onSubmit: onSubmitLinkChange(),
autocompleteRef: autocompleteRef
}), url && !isEditingLink && Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(url_popover.LinkViewer, {
className: "block-editor-format-toolbar__link-container-content",
onKeyPress: stopPropagation,
url: url,
onEditLinkClick: startEditLink,
urlLabel: urlLabel
}), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
icon: library_close["a" /* default */],
label: Object(external_this_wp_i18n_["__"])('Remove link'),
onClick: onLinkRemove
}))));
};
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/check.js
var library_check = __webpack_require__(154);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/preview-options/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function PreviewOptions(_ref) {
var children = _ref.children,
className = _ref.className,
_ref$isEnabled = _ref.isEnabled,
isEnabled = _ref$isEnabled === void 0 ? true : _ref$isEnabled,
deviceType = _ref.deviceType,
setDeviceType = _ref.setDeviceType;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Dropdown"], {
className: "block-editor-post-preview__dropdown",
contentClassName: classnames_default()(className, 'block-editor-post-preview__dropdown-content'),
popoverProps: {
role: 'menu'
},
position: "bottom left",
renderToggle: function renderToggle(_ref2) {
var isOpen = _ref2.isOpen,
onToggle = _ref2.onToggle;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
isTertiary: true,
onClick: onToggle,
className: "block-editor-post-preview__button-toggle",
"aria-expanded": isOpen,
disabled: !isEnabled
}, Object(external_this_wp_i18n_["__"])('Preview'));
},
renderContent: function renderContent() {
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuGroup"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
className: "block-editor-post-preview__button-resize",
onClick: function onClick() {
return setDeviceType('Desktop');
},
icon: deviceType === 'Desktop' && library_check["a" /* default */]
}, Object(external_this_wp_i18n_["__"])('Desktop')), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
className: "block-editor-post-preview__button-resize",
onClick: function onClick() {
return setDeviceType('Tablet');
},
icon: deviceType === 'Tablet' && library_check["a" /* default */]
}, Object(external_this_wp_i18n_["__"])('Tablet')), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["MenuItem"], {
className: "block-editor-post-preview__button-resize",
onClick: function onClick() {
return setDeviceType('Mobile');
},
icon: deviceType === 'Mobile' && library_check["a" /* default */]
}, Object(external_this_wp_i18n_["__"])('Mobile'))), children);
}
});
}
// EXTERNAL MODULE: ./node_modules/css-mediaquery/index.js
var css_mediaquery = __webpack_require__(264);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-simulated-media-query/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
var ENABLED_MEDIA_QUERY = '(min-width:0px)';
var DISABLED_MEDIA_QUERY = '(min-width:999999px)';
var VALID_MEDIA_QUERY_REGEX = /\((min|max)-width:[^\(]*?\)/g;
function getStyleSheetsThatMatchHostname() {
if (typeof window === 'undefined') {
return [];
}
return Object(external_this_lodash_["filter"])(Object(external_this_lodash_["get"])(window, ['document', 'styleSheets'], []), function (styleSheet) {
if (!styleSheet.href) {
return false;
}
return Object(external_this_wp_url_["getProtocol"])(styleSheet.href) === window.location.protocol && Object(external_this_wp_url_["getAuthority"])(styleSheet.href) === window.location.host;
});
}
function isReplaceableMediaRule(rule) {
if (!rule.media) {
return false;
} // Need to use "media.mediaText" instead of "conditionText" for IE support.
return !!rule.media.mediaText.match(VALID_MEDIA_QUERY_REGEX);
}
function replaceRule(styleSheet, newRuleText, index) {
styleSheet.deleteRule(index);
styleSheet.insertRule(newRuleText, index);
}
function replaceMediaQueryWithWidthEvaluation(ruleText, widthValue) {
return ruleText.replace(VALID_MEDIA_QUERY_REGEX, function (matchedSubstring) {
if (Object(css_mediaquery["match"])(matchedSubstring, {
type: 'screen',
width: widthValue
})) {
return ENABLED_MEDIA_QUERY;
}
return DISABLED_MEDIA_QUERY;
});
}
/**
* Function that manipulates media queries from stylesheets to simulate a given
* viewport width.
*
* @param {string} marker CSS selector string defining start and end of
* manipulable styles.
* @param {number?} width Viewport width to simulate. If provided null, the
* stylesheets will not be modified.
*/
function useSimulatedMediaQuery(marker, width) {
Object(external_this_wp_element_["useEffect"])(function () {
if (!width) {
return;
}
var styleSheets = getStyleSheetsThatMatchHostname();
var originalStyles = [];
styleSheets.forEach(function (styleSheet, styleSheetIndex) {
var relevantSection = false;
for (var ruleIndex = 0; ruleIndex < styleSheet.cssRules.length; ++ruleIndex) {
var rule = styleSheet.cssRules[ruleIndex];
if (rule.type !== window.CSSRule.STYLE_RULE && rule.type !== window.CSSRule.MEDIA_RULE) {
continue;
}
if (!relevantSection && !!rule.cssText.match(new RegExp("#start-".concat(marker)))) {
relevantSection = true;
}
if (relevantSection && !!rule.cssText.match(new RegExp("#end-".concat(marker)))) {
relevantSection = false;
}
if (!relevantSection || !isReplaceableMediaRule(rule)) {
continue;
}
var ruleText = rule.cssText;
if (!originalStyles[styleSheetIndex]) {
originalStyles[styleSheetIndex] = [];
}
originalStyles[styleSheetIndex][ruleIndex] = ruleText;
replaceRule(styleSheet, replaceMediaQueryWithWidthEvaluation(ruleText, width), ruleIndex);
}
});
return function () {
originalStyles.forEach(function (rulesCollection, styleSheetIndex) {
if (!rulesCollection) {
return;
}
for (var ruleIndex = 0; ruleIndex < rulesCollection.length; ++ruleIndex) {
var originalRuleText = rulesCollection[ruleIndex];
if (originalRuleText) {
replaceRule(styleSheets[styleSheetIndex], originalRuleText, ruleIndex);
}
}
});
};
}, [width]);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-resize-canvas/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Function to resize the editor window.
*
* @param {string} deviceType Used for determining the size of the container (e.g. Desktop, Tablet, Mobile)
*
* @return {Object} Inline styles to be added to resizable container.
*/
function useResizeCanvas(deviceType) {
var _useState = Object(external_this_wp_element_["useState"])(window.innerWidth),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
actualWidth = _useState2[0],
updateActualWidth = _useState2[1];
Object(external_this_wp_element_["useEffect"])(function () {
if (deviceType === 'Desktop') {
return;
}
var resizeListener = function resizeListener() {
return updateActualWidth(window.innerWidth);
};
window.addEventListener('resize', resizeListener);
return function () {
window.removeEventListener('resize', resizeListener);
};
}, [deviceType]);
var getCanvasWidth = function getCanvasWidth(device) {
var deviceWidth;
switch (device) {
case 'Tablet':
deviceWidth = 780;
break;
case 'Mobile':
deviceWidth = 360;
break;
default:
return null;
}
return deviceWidth < actualWidth ? deviceWidth : actualWidth;
};
var marginValue = function marginValue() {
return window.innerHeight < 800 ? 36 : 72;
};
var contentInlineStyles = function contentInlineStyles(device) {
var height = device === 'Mobile' ? '768px' : '1024px';
switch (device) {
case 'Tablet':
case 'Mobile':
return {
width: getCanvasWidth(device),
margin: marginValue() + 'px auto',
flexGrow: 0,
height: height,
minHeight: height,
maxHeight: height,
overflowY: 'auto'
};
default:
return null;
}
};
useSimulatedMediaQuery('resizable-editor-section', getCanvasWidth(deviceType));
return contentInlineStyles(deviceType);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/skip-to-selected-block/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var skip_to_selected_block_SkipToSelectedBlock = function SkipToSelectedBlock(_ref) {
var selectedBlockClientId = _ref.selectedBlockClientId;
var onClick = function onClick() {
var selectedBlockElement = getBlockDOMNode(selectedBlockClientId);
selectedBlockElement.focus();
};
return selectedBlockClientId && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
isSecondary: true,
className: "block-editor-skip-to-selected-block",
onClick: onClick
}, Object(external_this_wp_i18n_["__"])('Skip to the selected block'));
};
/* harmony default export */ var skip_to_selected_block = (Object(external_this_wp_data_["withSelect"])(function (select) {
return {
selectedBlockClientId: select('core/block-editor').getBlockSelectionStart()
};
})(skip_to_selected_block_SkipToSelectedBlock));
// EXTERNAL MODULE: external {"this":["wp","wordcount"]}
var external_this_wp_wordcount_ = __webpack_require__(147);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/multi-selection-inspector/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function MultiSelectionInspector(_ref) {
var blocks = _ref.blocks;
var words = Object(external_this_wp_wordcount_["count"])(Object(external_this_wp_blocks_["serialize"])(blocks), 'words');
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-multi-selection-inspector__card"
}, Object(external_this_wp_element_["createElement"])(BlockIcon, {
icon: library_stack,
showColors: true
}), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-multi-selection-inspector__card-content"
}, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-multi-selection-inspector__card-title"
}, Object(external_this_wp_i18n_["sprintf"])(
/* translators: %d: number of blocks */
Object(external_this_wp_i18n_["_n"])('%d block', '%d blocks', blocks.length), blocks.length)), Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-multi-selection-inspector__card-description"
}, Object(external_this_wp_i18n_["sprintf"])(
/* translators: %d: number of words */
Object(external_this_wp_i18n_["_n"])('%d word', '%d words', words), words))));
}
/* harmony default export */ var multi_selection_inspector = (Object(external_this_wp_data_["withSelect"])(function (select) {
var _select = select('core/block-editor'),
getMultiSelectedBlocks = _select.getMultiSelectedBlocks;
return {
blocks: getMultiSelectedBlocks()
};
})(MultiSelectionInspector));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/default-style-picker/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function DefaultStylePicker(_ref) {
var blockName = _ref.blockName;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var settings = select('core/block-editor').getSettings();
var preferredStyleVariations = settings.__experimentalPreferredStyleVariations;
return {
preferredStyle: Object(external_this_lodash_["get"])(preferredStyleVariations, ['value', blockName]),
onUpdatePreferredStyleVariations: Object(external_this_lodash_["get"])(preferredStyleVariations, ['onChange'], null),
styles: select('core/blocks').getBlockStyles(blockName)
};
}, [blockName]),
preferredStyle = _useSelect.preferredStyle,
onUpdatePreferredStyleVariations = _useSelect.onUpdatePreferredStyleVariations,
styles = _useSelect.styles;
var selectOptions = Object(external_this_wp_element_["useMemo"])(function () {
return [{
label: Object(external_this_wp_i18n_["__"])('Not set'),
value: ''
}].concat(Object(toConsumableArray["a" /* default */])(styles.map(function (_ref2) {
var label = _ref2.label,
name = _ref2.name;
return {
label: label,
value: name
};
})));
}, [styles]);
var selectOnChange = Object(external_this_wp_element_["useCallback"])(function (blockStyle) {
onUpdatePreferredStyleVariations(blockName, blockStyle);
}, [blockName, onUpdatePreferredStyleVariations]);
return onUpdatePreferredStyleVariations && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["SelectControl"], {
options: selectOptions,
value: preferredStyle || '',
label: Object(external_this_wp_i18n_["__"])('Default Style'),
onChange: selectOnChange
});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-inspector/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var block_inspector_BlockInspector = function BlockInspector(_ref) {
var blockType = _ref.blockType,
count = _ref.count,
hasBlockStyles = _ref.hasBlockStyles,
selectedBlockClientId = _ref.selectedBlockClientId,
selectedBlockName = _ref.selectedBlockName,
_ref$showNoBlockSelec = _ref.showNoBlockSelectedMessage,
showNoBlockSelectedMessage = _ref$showNoBlockSelec === void 0 ? true : _ref$showNoBlockSelec;
if (count > 1) {
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-inspector"
}, Object(external_this_wp_element_["createElement"])(multi_selection_inspector, null), Object(external_this_wp_element_["createElement"])(inspector_controls.Slot, {
bubblesVirtually: true
}));
}
var isSelectedBlockUnregistered = selectedBlockName === Object(external_this_wp_blocks_["getUnregisteredTypeHandlerName"])();
/*
* If the selected block is of an unregistered type, avoid showing it as an actual selection
* because we want the user to focus on the unregistered block warning, not block settings.
*/
if (!blockType || !selectedBlockClientId || isSelectedBlockUnregistered) {
if (showNoBlockSelectedMessage) {
return Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-block-inspector__no-blocks"
}, Object(external_this_wp_i18n_["__"])('No block selected.'));
}
return null;
}
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-block-inspector"
}, Object(external_this_wp_element_["createElement"])(block_card, {
blockType: blockType
}), hasBlockStyles && Object(external_this_wp_element_["createElement"])("div", null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["PanelBody"], {
title: Object(external_this_wp_i18n_["__"])('Styles')
}, Object(external_this_wp_element_["createElement"])(block_styles, {
clientId: selectedBlockClientId
}), Object(external_this_wp_blocks_["hasBlockSupport"])(blockType.name, 'defaultStylePicker', true) && Object(external_this_wp_element_["createElement"])(DefaultStylePicker, {
blockName: blockType.name
}))), Object(external_this_wp_element_["createElement"])(inspector_controls.Slot, {
bubblesVirtually: true
}), Object(external_this_wp_element_["createElement"])("div", null, Object(external_this_wp_element_["createElement"])(block_inspector_AdvancedControls, {
slotName: inspector_advanced_controls.slotName
})), Object(external_this_wp_element_["createElement"])(skip_to_selected_block, {
key: "back"
}));
};
var block_inspector_AdvancedControls = function AdvancedControls(_ref2) {
var slotName = _ref2.slotName;
var slot = Object(external_this_wp_components_["__experimentalUseSlot"])(slotName);
var hasFills = Boolean(slot.fills && slot.fills.length);
if (!hasFills) {
return null;
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["PanelBody"], {
className: "block-editor-block-inspector__advanced",
title: Object(external_this_wp_i18n_["__"])('Advanced'),
initialOpen: false
}, Object(external_this_wp_element_["createElement"])(inspector_advanced_controls.Slot, {
bubblesVirtually: true
}));
};
/* harmony default export */ var block_inspector = (Object(external_this_wp_data_["withSelect"])(function (select) {
var _select = select('core/block-editor'),
getSelectedBlockClientId = _select.getSelectedBlockClientId,
getSelectedBlockCount = _select.getSelectedBlockCount,
getBlockName = _select.getBlockName;
var _select2 = select('core/blocks'),
getBlockStyles = _select2.getBlockStyles;
var selectedBlockClientId = getSelectedBlockClientId();
var selectedBlockName = selectedBlockClientId && getBlockName(selectedBlockClientId);
var blockType = selectedBlockClientId && Object(external_this_wp_blocks_["getBlockType"])(selectedBlockName);
var blockStyles = selectedBlockClientId && getBlockStyles(selectedBlockName);
return {
count: getSelectedBlockCount(),
hasBlockStyles: blockStyles && blockStyles.length > 0,
selectedBlockName: selectedBlockName,
selectedBlockClientId: selectedBlockClientId,
blockType: blockType
};
})(block_inspector_BlockInspector));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-selection-clearer/index.js
function block_selection_clearer_createSuper(Derived) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (block_selection_clearer_isNativeReflectConstruct()) { 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 block_selection_clearer_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
*/
var block_selection_clearer_BlockSelectionClearer = /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(BlockSelectionClearer, _Component);
var _super = block_selection_clearer_createSuper(BlockSelectionClearer);
function BlockSelectionClearer() {
var _this;
Object(classCallCheck["a" /* default */])(this, BlockSelectionClearer);
_this = _super.apply(this, arguments);
_this.bindContainer = _this.bindContainer.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.clearSelectionIfFocusTarget = _this.clearSelectionIfFocusTarget.bind(Object(assertThisInitialized["a" /* default */])(_this));
return _this;
}
Object(createClass["a" /* default */])(BlockSelectionClearer, [{
key: "bindContainer",
value: function bindContainer(ref) {
this.container = ref;
}
/**
* Clears the selected block on focus if the container is the target of the
* focus. This assumes no other descendents have received focus until event
* has bubbled to the container.
*
* @param {FocusEvent} event Focus event.
*/
}, {
key: "clearSelectionIfFocusTarget",
value: function clearSelectionIfFocusTarget(event) {
var _this$props = this.props,
hasSelectedBlock = _this$props.hasSelectedBlock,
hasMultiSelection = _this$props.hasMultiSelection,
clearSelectedBlock = _this$props.clearSelectedBlock;
var hasSelection = hasSelectedBlock || hasMultiSelection;
if (event.target === this.container && hasSelection) {
clearSelectedBlock();
}
}
}, {
key: "render",
value: function render() {
return Object(external_this_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({
tabIndex: -1,
onFocus: this.clearSelectionIfFocusTarget,
ref: this.bindContainer
}, Object(external_this_lodash_["omit"])(this.props, ['clearSelectedBlock', 'hasSelectedBlock', 'hasMultiSelection'])));
}
}]);
return BlockSelectionClearer;
}(external_this_wp_element_["Component"]);
/* harmony default export */ var block_selection_clearer = (Object(external_this_wp_compose_["compose"])([Object(external_this_wp_data_["withSelect"])(function (select) {
var _select = select('core/block-editor'),
hasSelectedBlock = _select.hasSelectedBlock,
hasMultiSelection = _select.hasMultiSelection;
return {
hasSelectedBlock: hasSelectedBlock(),
hasMultiSelection: hasMultiSelection()
};
}), Object(external_this_wp_data_["withDispatch"])(function (dispatch) {
var _dispatch = dispatch('core/block-editor'),
clearSelectedBlock = _dispatch.clearSelectedBlock;
return {
clearSelectedBlock: clearSelectedBlock
};
})])(block_selection_clearer_BlockSelectionClearer));
// EXTERNAL MODULE: ./node_modules/traverse/index.js
var traverse = __webpack_require__(265);
var traverse_default = /*#__PURE__*/__webpack_require__.n(traverse);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/transform-styles/ast/parse.js
/* eslint-disable @wordpress/no-unused-vars-before-return */
// Adapted from https://github.com/reworkcss/css
// because we needed to remove source map support.
// http://www.w3.org/TR/CSS21/grammar.htm
// https://github.com/visionmedia/css-parse/pull/49#issuecomment-30088027
var commentre = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
/* harmony default export */ var parse = (function (css, options) {
options = options || {};
/**
* Positional.
*/
var lineno = 1;
var column = 1;
/**
* Update lineno and column based on `str`.
*/
function updatePosition(str) {
var lines = str.match(/\n/g);
if (lines) {
lineno += lines.length;
}
var i = str.lastIndexOf('\n'); // eslint-disable-next-line no-bitwise
column = ~i ? str.length - i : column + str.length;
}
/**
* Mark position and patch `node.position`.
*/
function position() {
var start = {
line: lineno,
column: column
};
return function (node) {
node.position = new Position(start);
whitespace();
return node;
};
}
/**
* Store position information for a node
*/
function Position(start) {
this.start = start;
this.end = {
line: lineno,
column: column
};
this.source = options.source;
}
/**
* Non-enumerable source string
*/
Position.prototype.content = css;
/**
* Error `msg`.
*/
var errorsList = [];
function error(msg) {
var err = new Error(options.source + ':' + lineno + ':' + column + ': ' + msg);
err.reason = msg;
err.filename = options.source;
err.line = lineno;
err.column = column;
err.source = css;
if (options.silent) {
errorsList.push(err);
} else {
throw err;
}
}
/**
* Parse stylesheet.
*/
function stylesheet() {
var rulesList = rules();
return {
type: 'stylesheet',
stylesheet: {
source: options.source,
rules: rulesList,
parsingErrors: errorsList
}
};
}
/**
* Opening brace.
*/
function open() {
return match(/^{\s*/);
}
/**
* Closing brace.
*/
function close() {
return match(/^}/);
}
/**
* Parse ruleset.
*/
function rules() {
var node;
var accumulator = [];
whitespace();
comments(accumulator);
while (css.length && css.charAt(0) !== '}' && (node = atrule() || rule())) {
if (node !== false) {
accumulator.push(node);
comments(accumulator);
}
}
return accumulator;
}
/**
* Match `re` and return captures.
*/
function match(re) {
var m = re.exec(css);
if (!m) {
return;
}
var str = m[0];
updatePosition(str);
css = css.slice(str.length);
return m;
}
/**
* Parse whitespace.
*/
function whitespace() {
match(/^\s*/);
}
/**
* Parse comments;
*/
function comments(accumulator) {
var c;
accumulator = accumulator || []; // eslint-disable-next-line no-cond-assign
while (c = comment()) {
if (c !== false) {
accumulator.push(c);
}
}
return accumulator;
}
/**
* Parse comment.
*/
function comment() {
var pos = position();
if ('/' !== css.charAt(0) || '*' !== css.charAt(1)) {
return;
}
var i = 2;
while ('' !== css.charAt(i) && ('*' !== css.charAt(i) || '/' !== css.charAt(i + 1))) {
++i;
}
i += 2;
if ('' === css.charAt(i - 1)) {
return error('End of comment missing');
}
var str = css.slice(2, i - 2);
column += 2;
updatePosition(str);
css = css.slice(i);
column += 2;
return pos({
type: 'comment',
comment: str
});
}
/**
* Parse selector.
*/
function selector() {
var m = match(/^([^{]+)/);
if (!m) {
return;
} // FIXME: Remove all comments from selectors http://ostermiller.org/findcomment.html
return trim(m[0]).replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g, '').replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g, function (matched) {
return matched.replace(/,/g, "\u200C");
}).split(/\s*(?![^(]*\)),\s*/).map(function (s) {
return s.replace(/\u200C/g, ',');
});
}
/**
* Parse declaration.
*/
function declaration() {
var pos = position(); // prop
var prop = match(/^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/);
if (!prop) {
return;
}
prop = trim(prop[0]); // :
if (!match(/^:\s*/)) {
return error("property missing ':'");
} // val
var val = match(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/);
var ret = pos({
type: 'declaration',
property: prop.replace(commentre, ''),
value: val ? trim(val[0]).replace(commentre, '') : ''
}); // ;
match(/^[;\s]*/);
return ret;
}
/**
* Parse declarations.
*/
function declarations() {
var decls = [];
if (!open()) {
return error("missing '{'");
}
comments(decls); // declarations
var decl; // eslint-disable-next-line no-cond-assign
while (decl = declaration()) {
if (decl !== false) {
decls.push(decl);
comments(decls);
}
}
if (!close()) {
return error("missing '}'");
}
return decls;
}
/**
* Parse keyframe.
*/
function keyframe() {
var m;
var vals = [];
var pos = position(); // eslint-disable-next-line no-cond-assign
while (m = match(/^((\d+\.\d+|\.\d+|\d+)%?|[a-z]+)\s*/)) {
vals.push(m[1]);
match(/^,\s*/);
}
if (!vals.length) {
return;
}
return pos({
type: 'keyframe',
values: vals,
declarations: declarations()
});
}
/**
* Parse keyframes.
*/
function atkeyframes() {
var pos = position();
var m = match(/^@([-\w]+)?keyframes\s*/);
if (!m) {
return;
}
var vendor = m[1]; // identifier
m = match(/^([-\w]+)\s*/);
if (!m) {
return error('@keyframes missing name');
}
var name = m[1];
if (!open()) {
return error("@keyframes missing '{'");
}
var frame;
var frames = comments(); // eslint-disable-next-line no-cond-assign
while (frame = keyframe()) {
frames.push(frame);
frames = frames.concat(comments());
}
if (!close()) {
return error("@keyframes missing '}'");
}
return pos({
type: 'keyframes',
name: name,
vendor: vendor,
keyframes: frames
});
}
/**
* Parse supports.
*/
function atsupports() {
var pos = position();
var m = match(/^@supports *([^{]+)/);
if (!m) {
return;
}
var supports = trim(m[1]);
if (!open()) {
return error("@supports missing '{'");
}
var style = comments().concat(rules());
if (!close()) {
return error("@supports missing '}'");
}
return pos({
type: 'supports',
supports: supports,
rules: style
});
}
/**
* Parse host.
*/
function athost() {
var pos = position();
var m = match(/^@host\s*/);
if (!m) {
return;
}
if (!open()) {
return error("@host missing '{'");
}
var style = comments().concat(rules());
if (!close()) {
return error("@host missing '}'");
}
return pos({
type: 'host',
rules: style
});
}
/**
* Parse media.
*/
function atmedia() {
var pos = position();
var m = match(/^@media *([^{]+)/);
if (!m) {
return;
}
var media = trim(m[1]);
if (!open()) {
return error("@media missing '{'");
}
var style = comments().concat(rules());
if (!close()) {
return error("@media missing '}'");
}
return pos({
type: 'media',
media: media,
rules: style
});
}
/**
* Parse custom-media.
*/
function atcustommedia() {
var pos = position();
var m = match(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);
if (!m) {
return;
}
return pos({
type: 'custom-media',
name: trim(m[1]),
media: trim(m[2])
});
}
/**
* Parse paged media.
*/
function atpage() {
var pos = position();
var m = match(/^@page */);
if (!m) {
return;
}
var sel = selector() || [];
if (!open()) {
return error("@page missing '{'");
}
var decls = comments(); // declarations
var decl; // eslint-disable-next-line no-cond-assign
while (decl = declaration()) {
decls.push(decl);
decls = decls.concat(comments());
}
if (!close()) {
return error("@page missing '}'");
}
return pos({
type: 'page',
selectors: sel,
declarations: decls
});
}
/**
* Parse document.
*/
function atdocument() {
var pos = position();
var m = match(/^@([-\w]+)?document *([^{]+)/);
if (!m) {
return;
}
var vendor = trim(m[1]);
var doc = trim(m[2]);
if (!open()) {
return error("@document missing '{'");
}
var style = comments().concat(rules());
if (!close()) {
return error("@document missing '}'");
}
return pos({
type: 'document',
document: doc,
vendor: vendor,
rules: style
});
}
/**
* Parse font-face.
*/
function atfontface() {
var pos = position();
var m = match(/^@font-face\s*/);
if (!m) {
return;
}
if (!open()) {
return error("@font-face missing '{'");
}
var decls = comments(); // declarations
var decl; // eslint-disable-next-line no-cond-assign
while (decl = declaration()) {
decls.push(decl);
decls = decls.concat(comments());
}
if (!close()) {
return error("@font-face missing '}'");
}
return pos({
type: 'font-face',
declarations: decls
});
}
/**
* Parse import
*/
var atimport = _compileAtrule('import');
/**
* Parse charset
*/
var atcharset = _compileAtrule('charset');
/**
* Parse namespace
*/
var atnamespace = _compileAtrule('namespace');
/**
* Parse non-block at-rules
*/
function _compileAtrule(name) {
var re = new RegExp('^@' + name + '\\s*([^;]+);');
return function () {
var pos = position();
var m = match(re);
if (!m) {
return;
}
var ret = {
type: name
};
ret[name] = m[1].trim();
return pos(ret);
};
}
/**
* Parse at rule.
*/
function atrule() {
if (css[0] !== '@') {
return;
}
return atkeyframes() || atmedia() || atcustommedia() || atsupports() || atimport() || atcharset() || atnamespace() || atdocument() || atpage() || athost() || atfontface();
}
/**
* Parse rule.
*/
function rule() {
var pos = position();
var sel = selector();
if (!sel) {
return error('selector missing');
}
comments();
return pos({
type: 'rule',
selectors: sel,
declarations: declarations()
});
}
return addParent(stylesheet());
});
/**
* Trim `str`.
*/
function trim(str) {
return str ? str.replace(/^\s+|\s+$/g, '') : '';
}
/**
* Adds non-enumerable parent node reference to each node.
*/
function addParent(obj, parent) {
var isNode = obj && typeof obj.type === 'string';
var childParent = isNode ? obj : parent;
for (var k in obj) {
var value = obj[k];
if (Array.isArray(value)) {
value.forEach(function (v) {
addParent(v, childParent);
});
} else if (value && Object(esm_typeof["a" /* default */])(value) === 'object') {
addParent(value, childParent);
}
}
if (isNode) {
Object.defineProperty(obj, 'parent', {
configurable: true,
writable: true,
enumerable: false,
value: parent || null
});
}
return obj;
}
/* eslint-enable @wordpress/no-unused-vars-before-return */
// EXTERNAL MODULE: ./node_modules/inherits/inherits_browser.js
var inherits_browser = __webpack_require__(164);
var inherits_browser_default = /*#__PURE__*/__webpack_require__.n(inherits_browser);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/transform-styles/ast/stringify/compiler.js
// Adapted from https://github.com/reworkcss/css
// because we needed to remove source map support.
/**
* Expose `Compiler`.
*/
/* harmony default export */ var stringify_compiler = (Compiler);
/**
* Initialize a compiler.
*/
function Compiler(opts) {
this.options = opts || {};
}
/**
* Emit `str`
*/
Compiler.prototype.emit = function (str) {
return str;
};
/**
* Visit `node`.
*/
Compiler.prototype.visit = function (node) {
return this[node.type](node);
};
/**
* Map visit over array of `nodes`, optionally using a `delim`
*/
Compiler.prototype.mapVisit = function (nodes, delim) {
var buf = '';
delim = delim || '';
for (var i = 0, length = nodes.length; i < length; i++) {
buf += this.visit(nodes[i]);
if (delim && i < length - 1) {
buf += this.emit(delim);
}
}
return buf;
};
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/transform-styles/ast/stringify/compress.js
// Adapted from https://github.com/reworkcss/css
// because we needed to remove source map support.
/**
* External dependencies
*/
/**
* Internal dependencies
*/
/**
* Expose compiler.
*/
/* harmony default export */ var compress = (compress_Compiler);
/**
* Initialize a new `Compiler`.
*/
function compress_Compiler(options) {
stringify_compiler.call(this, options);
}
/**
* Inherit from `Base.prototype`.
*/
inherits_browser_default()(compress_Compiler, stringify_compiler);
/**
* Compile `node`.
*/
compress_Compiler.prototype.compile = function (node) {
return node.stylesheet.rules.map(this.visit, this).join('');
};
/**
* Visit comment node.
*/
compress_Compiler.prototype.comment = function (node) {
return this.emit('', node.position);
};
/**
* Visit import node.
*/
compress_Compiler.prototype.import = function (node) {
return this.emit('@import ' + node.import + ';', node.position);
};
/**
* Visit media node.
*/
compress_Compiler.prototype.media = function (node) {
return this.emit('@media ' + node.media, node.position) + this.emit('{') + this.mapVisit(node.rules) + this.emit('}');
};
/**
* Visit document node.
*/
compress_Compiler.prototype.document = function (node) {
var doc = '@' + (node.vendor || '') + 'document ' + node.document;
return this.emit(doc, node.position) + this.emit('{') + this.mapVisit(node.rules) + this.emit('}');
};
/**
* Visit charset node.
*/
compress_Compiler.prototype.charset = function (node) {
return this.emit('@charset ' + node.charset + ';', node.position);
};
/**
* Visit namespace node.
*/
compress_Compiler.prototype.namespace = function (node) {
return this.emit('@namespace ' + node.namespace + ';', node.position);
};
/**
* Visit supports node.
*/
compress_Compiler.prototype.supports = function (node) {
return this.emit('@supports ' + node.supports, node.position) + this.emit('{') + this.mapVisit(node.rules) + this.emit('}');
};
/**
* Visit keyframes node.
*/
compress_Compiler.prototype.keyframes = function (node) {
return this.emit('@' + (node.vendor || '') + 'keyframes ' + node.name, node.position) + this.emit('{') + this.mapVisit(node.keyframes) + this.emit('}');
};
/**
* Visit keyframe node.
*/
compress_Compiler.prototype.keyframe = function (node) {
var decls = node.declarations;
return this.emit(node.values.join(','), node.position) + this.emit('{') + this.mapVisit(decls) + this.emit('}');
};
/**
* Visit page node.
*/
compress_Compiler.prototype.page = function (node) {
var sel = node.selectors.length ? node.selectors.join(', ') : '';
return this.emit('@page ' + sel, node.position) + this.emit('{') + this.mapVisit(node.declarations) + this.emit('}');
};
/**
* Visit font-face node.
*/
compress_Compiler.prototype['font-face'] = function (node) {
return this.emit('@font-face', node.position) + this.emit('{') + this.mapVisit(node.declarations) + this.emit('}');
};
/**
* Visit host node.
*/
compress_Compiler.prototype.host = function (node) {
return this.emit('@host', node.position) + this.emit('{') + this.mapVisit(node.rules) + this.emit('}');
};
/**
* Visit custom-media node.
*/
compress_Compiler.prototype['custom-media'] = function (node) {
return this.emit('@custom-media ' + node.name + ' ' + node.media + ';', node.position);
};
/**
* Visit rule node.
*/
compress_Compiler.prototype.rule = function (node) {
var decls = node.declarations;
if (!decls.length) {
return '';
}
return this.emit(node.selectors.join(','), node.position) + this.emit('{') + this.mapVisit(decls) + this.emit('}');
};
/**
* Visit declaration node.
*/
compress_Compiler.prototype.declaration = function (node) {
return this.emit(node.property + ':' + node.value, node.position) + this.emit(';');
};
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/transform-styles/ast/stringify/identity.js
/* eslint-disable @wordpress/no-unused-vars-before-return */
// Adapted from https://github.com/reworkcss/css
// because we needed to remove source map support.
/**
* External dependencies
*/
/**
* Internal dependencies
*/
/**
* Expose compiler.
*/
/* harmony default export */ var identity = (identity_Compiler);
/**
* Initialize a new `Compiler`.
*/
function identity_Compiler(options) {
options = options || {};
stringify_compiler.call(this, options);
this.indentation = options.indent;
}
/**
* Inherit from `Base.prototype`.
*/
inherits_browser_default()(identity_Compiler, stringify_compiler);
/**
* Compile `node`.
*/
identity_Compiler.prototype.compile = function (node) {
return this.stylesheet(node);
};
/**
* Visit stylesheet node.
*/
identity_Compiler.prototype.stylesheet = function (node) {
return this.mapVisit(node.stylesheet.rules, '\n\n');
};
/**
* Visit comment node.
*/
identity_Compiler.prototype.comment = function (node) {
return this.emit(this.indent() + '/*' + node.comment + '*/', node.position);
};
/**
* Visit import node.
*/
identity_Compiler.prototype.import = function (node) {
return this.emit('@import ' + node.import + ';', node.position);
};
/**
* Visit media node.
*/
identity_Compiler.prototype.media = function (node) {
return this.emit('@media ' + node.media, node.position) + this.emit(' {\n' + this.indent(1)) + this.mapVisit(node.rules, '\n\n') + this.emit(this.indent(-1) + '\n}');
};
/**
* Visit document node.
*/
identity_Compiler.prototype.document = function (node) {
var doc = '@' + (node.vendor || '') + 'document ' + node.document;
return this.emit(doc, node.position) + this.emit(' ' + ' {\n' + this.indent(1)) + this.mapVisit(node.rules, '\n\n') + this.emit(this.indent(-1) + '\n}');
};
/**
* Visit charset node.
*/
identity_Compiler.prototype.charset = function (node) {
return this.emit('@charset ' + node.charset + ';', node.position);
};
/**
* Visit namespace node.
*/
identity_Compiler.prototype.namespace = function (node) {
return this.emit('@namespace ' + node.namespace + ';', node.position);
};
/**
* Visit supports node.
*/
identity_Compiler.prototype.supports = function (node) {
return this.emit('@supports ' + node.supports, node.position) + this.emit(' {\n' + this.indent(1)) + this.mapVisit(node.rules, '\n\n') + this.emit(this.indent(-1) + '\n}');
};
/**
* Visit keyframes node.
*/
identity_Compiler.prototype.keyframes = function (node) {
return this.emit('@' + (node.vendor || '') + 'keyframes ' + node.name, node.position) + this.emit(' {\n' + this.indent(1)) + this.mapVisit(node.keyframes, '\n') + this.emit(this.indent(-1) + '}');
};
/**
* Visit keyframe node.
*/
identity_Compiler.prototype.keyframe = function (node) {
var decls = node.declarations;
return this.emit(this.indent()) + this.emit(node.values.join(', '), node.position) + this.emit(' {\n' + this.indent(1)) + this.mapVisit(decls, '\n') + this.emit(this.indent(-1) + '\n' + this.indent() + '}\n');
};
/**
* Visit page node.
*/
identity_Compiler.prototype.page = function (node) {
var sel = node.selectors.length ? node.selectors.join(', ') + ' ' : '';
return this.emit('@page ' + sel, node.position) + this.emit('{\n') + this.emit(this.indent(1)) + this.mapVisit(node.declarations, '\n') + this.emit(this.indent(-1)) + this.emit('\n}');
};
/**
* Visit font-face node.
*/
identity_Compiler.prototype['font-face'] = function (node) {
return this.emit('@font-face ', node.position) + this.emit('{\n') + this.emit(this.indent(1)) + this.mapVisit(node.declarations, '\n') + this.emit(this.indent(-1)) + this.emit('\n}');
};
/**
* Visit host node.
*/
identity_Compiler.prototype.host = function (node) {
return this.emit('@host', node.position) + this.emit(' {\n' + this.indent(1)) + this.mapVisit(node.rules, '\n\n') + this.emit(this.indent(-1) + '\n}');
};
/**
* Visit custom-media node.
*/
identity_Compiler.prototype['custom-media'] = function (node) {
return this.emit('@custom-media ' + node.name + ' ' + node.media + ';', node.position);
};
/**
* Visit rule node.
*/
identity_Compiler.prototype.rule = function (node) {
var indent = this.indent();
var decls = node.declarations;
if (!decls.length) {
return '';
}
return this.emit(node.selectors.map(function (s) {
return indent + s;
}).join(',\n'), node.position) + this.emit(' {\n') + this.emit(this.indent(1)) + this.mapVisit(decls, '\n') + this.emit(this.indent(-1)) + this.emit('\n' + this.indent() + '}');
};
/**
* Visit declaration node.
*/
identity_Compiler.prototype.declaration = function (node) {
return this.emit(this.indent()) + this.emit(node.property + ': ' + node.value, node.position) + this.emit(';');
};
/**
* Increase, decrease or return current indentation.
*/
identity_Compiler.prototype.indent = function (level) {
this.level = this.level || 1;
if (null !== level) {
this.level += level;
return '';
}
return Array(this.level).join(this.indentation || ' ');
};
/* eslint-enable @wordpress/no-unused-vars-before-return */
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/transform-styles/ast/stringify/index.js
// Adapted from https://github.com/reworkcss/css
// because we needed to remove source map support.
/**
* Internal dependencies
*/
/**
* Stringfy the given AST `node`.
*
* Options:
*
* - `compress` space-optimized output
* - `sourcemap` return an object with `.code` and `.map`
*
* @param {Object} node
* @param {Object} [options]
* @return {string}
*/
/* harmony default export */ var stringify = (function (node, options) {
options = options || {};
var compiler = options.compress ? new compress(options) : new identity(options);
var code = compiler.compile(node);
return code;
});
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/transform-styles/traverse.js
/**
* External dependencies
*/
/**
* Internal dependencies
*/
function traverseCSS(css, callback) {
try {
var parsed = parse(css);
var updated = traverse_default.a.map(parsed, function (node) {
if (!node) {
return node;
}
var updatedNode = callback(node);
return this.update(updatedNode);
});
return stringify(updated);
} catch (err) {
// eslint-disable-next-line no-console
console.warn('Error while traversing the CSS: ' + err);
return null;
}
}
/* harmony default export */ var transform_styles_traverse = (traverseCSS);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/transform-styles/transforms/url-rewrite.js
function url_rewrite_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 url_rewrite_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { url_rewrite_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 { url_rewrite_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* Return `true` if the given path is http/https.
*
* @param {string} filePath path
*
* @return {boolean} is remote path.
*/
function isRemotePath(filePath) {
return /^(?:https?:)?\/\//.test(filePath);
}
/**
* Return `true` if the given filePath is an absolute url.
*
* @param {string} filePath path
*
* @return {boolean} is absolute path.
*/
function isAbsolutePath(filePath) {
return /^\/(?!\/)/.test(filePath);
}
/**
* Whether or not the url should be inluded.
*
* @param {Object} meta url meta info
*
* @return {boolean} is valid.
*/
function isValidURL(meta) {
// ignore hashes or data uris
if (meta.value.indexOf('data:') === 0 || meta.value.indexOf('#') === 0) {
return false;
}
if (isAbsolutePath(meta.value)) {
return false;
} // do not handle the http/https urls if `includeRemote` is false
if (isRemotePath(meta.value)) {
return false;
}
return true;
}
/**
* Get the absolute path of the url, relative to the basePath
*
* @param {string} str the url
* @param {string} baseURL base URL
*
* @return {string} the full path to the file
*/
function getResourcePath(str, baseURL) {
return new URL(str, baseURL).toString();
}
/**
* Process the single `url()` pattern
*
* @param {string} baseURL the base URL for relative URLs
* @return {Promise} the Promise
*/
function processURL(baseURL) {
return function (meta) {
return url_rewrite_objectSpread({}, meta, {
newUrl: 'url(' + meta.before + meta.quote + getResourcePath(meta.value, baseURL) + meta.quote + meta.after + ')'
});
};
}
/**
* Get all `url()`s, and return the meta info
*
* @param {string} value decl.value
*
* @return {Array} the urls
*/
function getURLs(value) {
var reg = /url\((\s*)(['"]?)(.+?)\2(\s*)\)/g;
var match;
var URLs = [];
while ((match = reg.exec(value)) !== null) {
var meta = {
source: match[0],
before: match[1],
quote: match[2],
value: match[3],
after: match[4]
};
if (isValidURL(meta)) {
URLs.push(meta);
}
}
return URLs;
}
/**
* Replace the raw value's `url()` segment to the new value
*
* @param {string} raw the raw value
* @param {Array} URLs the URLs to replace
*
* @return {string} the new value
*/
function replaceURLs(raw, URLs) {
URLs.forEach(function (item) {
raw = raw.replace(item.source, item.newUrl);
});
return raw;
}
var rewrite = function rewrite(rootURL) {
return function (node) {
if (node.type === 'declaration') {
var updatedURLs = getURLs(node.value).map(processURL(rootURL));
return url_rewrite_objectSpread({}, node, {
value: replaceURLs(node.value, updatedURLs)
});
}
return node;
};
};
/* harmony default export */ var url_rewrite = (rewrite);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/transform-styles/transforms/wrap.js
function wrap_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 wrap_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { wrap_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 { wrap_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* @constant string IS_ROOT_TAG Regex to check if the selector is a root tag selector.
*/
var IS_ROOT_TAG = /^(body|html|:root).*$/;
var wrap = function wrap(namespace) {
var ignore = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
return function (node) {
var updateSelector = function updateSelector(selector) {
if (ignore.includes(selector.trim())) {
return selector;
} // Anything other than a root tag is always prefixed.
{
if (!selector.match(IS_ROOT_TAG)) {
return namespace + ' ' + selector;
}
} // HTML and Body elements cannot be contained within our container so lets extract their styles.
return selector.replace(/^(body|html|:root)/, namespace);
};
if (node.type === 'rule') {
return wrap_objectSpread({}, node, {
selectors: node.selectors.map(updateSelector)
});
}
return node;
};
};
/* harmony default export */ var transforms_wrap = (wrap);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/transform-styles/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Applies a series of CSS rule transforms to wrap selectors inside a given class and/or rewrite URLs depending on the parameters passed.
*
* @param {Array} styles CSS rules.
* @param {string} wrapperClassName Wrapper Class Name.
* @return {Array} converted rules.
*/
var transform_styles_transformStyles = function transformStyles(styles) {
var wrapperClassName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
return Object(external_this_lodash_["map"])(styles, function (_ref) {
var css = _ref.css,
baseURL = _ref.baseURL;
var transforms = [];
if (wrapperClassName) {
transforms.push(transforms_wrap(wrapperClassName));
}
if (baseURL) {
transforms.push(url_rewrite(baseURL));
}
if (transforms.length) {
return transform_styles_traverse(css, Object(external_this_wp_compose_["compose"])(transforms));
}
return css;
});
};
/* harmony default export */ var transform_styles = (transform_styles_transformStyles);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/editor-styles/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function EditorStyles(_ref) {
var styles = _ref.styles;
Object(external_this_wp_element_["useEffect"])(function () {
var updatedStyles = transform_styles(styles, '.editor-styles-wrapper');
var nodes = Object(external_this_lodash_["map"])(Object(external_this_lodash_["compact"])(updatedStyles), function (updatedCSS) {
var node = document.createElement('style');
node.innerHTML = updatedCSS;
document.body.appendChild(node);
return node;
});
return function () {
return nodes.forEach(function (node) {
return document.body.removeChild(node);
});
};
}, [styles]);
return null;
}
/* harmony default export */ var editor_styles = (EditorStyles);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/library.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function InserterLibrary(_ref) {
var rootClientId = _ref.rootClientId,
clientId = _ref.clientId,
isAppender = _ref.isAppender,
showInserterHelpPanel = _ref.showInserterHelpPanel,
_ref$showMostUsedBloc = _ref.showMostUsedBlocks,
showMostUsedBlocks = _ref$showMostUsedBloc === void 0 ? false : _ref$showMostUsedBloc,
selectBlockOnInsert = _ref.__experimentalSelectBlockOnInsert,
_ref$onSelect = _ref.onSelect,
onSelect = _ref$onSelect === void 0 ? external_this_lodash_["noop"] : _ref$onSelect;
var destinationRootClientId = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getBlockRootClientId = _select.getBlockRootClientId;
return rootClientId || getBlockRootClientId(clientId) || undefined;
}, [clientId, rootClientId]);
return Object(external_this_wp_element_["createElement"])(menu, {
onSelect: onSelect,
rootClientId: destinationRootClientId,
clientId: clientId,
isAppender: isAppender,
showInserterHelpPanel: showInserterHelpPanel,
showMostUsedBlocks: showMostUsedBlocks,
__experimentalSelectBlockOnInsert: selectBlockOnInsert
});
}
/* harmony default export */ var library = (InserterLibrary);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/keyboard-shortcuts/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function KeyboardShortcuts() {
// Shortcuts Logic
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getSelectedBlockClientIds = _select.getSelectedBlockClientIds,
getBlockOrder = _select.getBlockOrder,
getBlockRootClientId = _select.getBlockRootClientId;
var selectedClientIds = getSelectedBlockClientIds();
var _selectedClientIds = Object(slicedToArray["a" /* default */])(selectedClientIds, 1),
firstClientId = _selectedClientIds[0];
return {
clientIds: selectedClientIds,
rootBlocksClientIds: getBlockOrder(),
rootClientId: getBlockRootClientId(firstClientId)
};
}, []),
clientIds = _useSelect.clientIds,
rootBlocksClientIds = _useSelect.rootBlocksClientIds,
rootClientId = _useSelect.rootClientId;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
duplicateBlocks = _useDispatch.duplicateBlocks,
removeBlocks = _useDispatch.removeBlocks,
insertAfterBlock = _useDispatch.insertAfterBlock,
insertBeforeBlock = _useDispatch.insertBeforeBlock,
multiSelect = _useDispatch.multiSelect,
clearSelectedBlock = _useDispatch.clearSelectedBlock,
moveBlocksUp = _useDispatch.moveBlocksUp,
moveBlocksDown = _useDispatch.moveBlocksDown; // Moves selected block/blocks up
Object(external_this_wp_keyboardShortcuts_["useShortcut"])('core/block-editor/move-up', Object(external_this_wp_element_["useCallback"])(function (event) {
event.preventDefault();
moveBlocksUp(clientIds, rootClientId);
}, [clientIds, moveBlocksUp]), {
bindGlobal: true,
isDisabled: clientIds.length === 0
}); // Moves selected block/blocks up
Object(external_this_wp_keyboardShortcuts_["useShortcut"])('core/block-editor/move-down', Object(external_this_wp_element_["useCallback"])(function (event) {
event.preventDefault();
moveBlocksDown(clientIds, rootClientId);
}, [clientIds, moveBlocksDown]), {
bindGlobal: true,
isDisabled: clientIds.length === 0
}); // Prevents bookmark all Tabs shortcut in Chrome when devtools are closed.
// Prevents reposition Chrome devtools pane shortcut when devtools are open.
Object(external_this_wp_keyboardShortcuts_["useShortcut"])('core/block-editor/duplicate', Object(external_this_wp_element_["useCallback"])(function (event) {
event.preventDefault();
duplicateBlocks(clientIds);
}, [clientIds, duplicateBlocks]), {
bindGlobal: true,
isDisabled: clientIds.length === 0
}); // Does not clash with any known browser/native shortcuts, but preventDefault
// is used to prevent any obscure unknown shortcuts from triggering.
Object(external_this_wp_keyboardShortcuts_["useShortcut"])('core/block-editor/remove', Object(external_this_wp_element_["useCallback"])(function (event) {
event.preventDefault();
removeBlocks(clientIds);
}, [clientIds, removeBlocks]), {
bindGlobal: true,
isDisabled: clientIds.length === 0
}); // Does not clash with any known browser/native shortcuts, but preventDefault
// is used to prevent any obscure unknown shortcuts from triggering.
Object(external_this_wp_keyboardShortcuts_["useShortcut"])('core/block-editor/insert-after', Object(external_this_wp_element_["useCallback"])(function (event) {
event.preventDefault();
insertAfterBlock(Object(external_this_lodash_["last"])(clientIds));
}, [clientIds, insertAfterBlock]), {
bindGlobal: true,
isDisabled: clientIds.length === 0
}); // Prevent 'view recently closed tabs' in Opera using preventDefault.
Object(external_this_wp_keyboardShortcuts_["useShortcut"])('core/block-editor/insert-before', Object(external_this_wp_element_["useCallback"])(function (event) {
event.preventDefault();
insertBeforeBlock(Object(external_this_lodash_["first"])(clientIds));
}, [clientIds, insertBeforeBlock]), {
bindGlobal: true,
isDisabled: clientIds.length === 0
});
Object(external_this_wp_keyboardShortcuts_["useShortcut"])('core/block-editor/delete-multi-selection', Object(external_this_wp_element_["useCallback"])(function (event) {
event.preventDefault();
removeBlocks(clientIds);
}, [clientIds, removeBlocks]), {
isDisabled: clientIds.length < 2
});
Object(external_this_wp_keyboardShortcuts_["useShortcut"])('core/block-editor/select-all', Object(external_this_wp_element_["useCallback"])(function (event) {
event.preventDefault();
multiSelect(Object(external_this_lodash_["first"])(rootBlocksClientIds), Object(external_this_lodash_["last"])(rootBlocksClientIds));
}, [rootBlocksClientIds, multiSelect]));
Object(external_this_wp_keyboardShortcuts_["useShortcut"])('core/block-editor/unselect', Object(external_this_wp_element_["useCallback"])(function (event) {
event.preventDefault();
clearSelectedBlock();
window.getSelection().removeAllRanges();
}, [clientIds, clearSelectedBlock]), {
isDisabled: clientIds.length < 2
});
return null;
}
function KeyboardShortcutsRegister() {
// Registering the shortcuts
var _useDispatch2 = Object(external_this_wp_data_["useDispatch"])('core/keyboard-shortcuts'),
registerShortcut = _useDispatch2.registerShortcut;
Object(external_this_wp_element_["useEffect"])(function () {
registerShortcut({
name: 'core/block-editor/duplicate',
category: 'block',
description: Object(external_this_wp_i18n_["__"])('Duplicate the selected block(s).'),
keyCombination: {
modifier: 'primaryShift',
character: 'd'
}
});
registerShortcut({
name: 'core/block-editor/remove',
category: 'block',
description: Object(external_this_wp_i18n_["__"])('Remove the selected block(s).'),
keyCombination: {
modifier: 'access',
character: 'z'
}
});
registerShortcut({
name: 'core/block-editor/insert-before',
category: 'block',
description: Object(external_this_wp_i18n_["__"])('Insert a new block before the selected block(s).'),
keyCombination: {
modifier: 'primaryAlt',
character: 't'
}
});
registerShortcut({
name: 'core/block-editor/insert-after',
category: 'block',
description: Object(external_this_wp_i18n_["__"])('Insert a new block after the selected block(s).'),
keyCombination: {
modifier: 'primaryAlt',
character: 'y'
}
});
registerShortcut({
name: 'core/block-editor/delete-multi-selection',
category: 'block',
description: Object(external_this_wp_i18n_["__"])('Remove multiple selected blocks.'),
keyCombination: {
character: 'del'
},
aliases: [{
character: 'backspace'
}]
});
registerShortcut({
name: 'core/block-editor/select-all',
category: 'selection',
description: Object(external_this_wp_i18n_["__"])('Select all text when typing. Press again to select all blocks.'),
keyCombination: {
modifier: 'primary',
character: 'a'
}
});
registerShortcut({
name: 'core/block-editor/unselect',
category: 'selection',
description: Object(external_this_wp_i18n_["__"])('Clear selection.'),
keyCombination: {
character: 'escape'
}
});
registerShortcut({
name: 'core/block-editor/focus-toolbar',
category: 'global',
description: Object(external_this_wp_i18n_["__"])('Navigate to the nearest toolbar.'),
keyCombination: {
modifier: 'alt',
character: 'F10'
}
});
registerShortcut({
name: 'core/block-editor/move-up',
category: 'block',
description: Object(external_this_wp_i18n_["__"])('Move the selected block(s) up.'),
keyCombination: {
modifier: 'secondary',
character: 't'
}
});
registerShortcut({
name: 'core/block-editor/move-down',
category: 'block',
description: Object(external_this_wp_i18n_["__"])('Move the selected block(s) down.'),
keyCombination: {
modifier: 'secondary',
character: 'y'
}
});
}, [registerShortcut]);
return null;
}
KeyboardShortcuts.Register = KeyboardShortcutsRegister;
/* harmony default export */ var keyboard_shortcuts = (KeyboardShortcuts);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/multi-select-scroll-into-view/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Scrolls the multi block selection end into view if not in view already. This
* is important to do after selection by keyboard.
*/
function MultiSelectScrollIntoView() {
var selector = function selector(select) {
var _select = select('core/block-editor'),
getBlockSelectionEnd = _select.getBlockSelectionEnd,
hasMultiSelection = _select.hasMultiSelection,
isMultiSelecting = _select.isMultiSelecting;
return {
selectionEnd: getBlockSelectionEnd(),
isMultiSelection: hasMultiSelection(),
isMultiSelecting: isMultiSelecting()
};
};
var _useSelect = Object(external_this_wp_data_["useSelect"])(selector, []),
isMultiSelection = _useSelect.isMultiSelection,
selectionEnd = _useSelect.selectionEnd,
isMultiSelecting = _useSelect.isMultiSelecting;
Object(external_this_wp_element_["useEffect"])(function () {
if (!selectionEnd || isMultiSelecting || !isMultiSelection) {
return;
}
var extentNode = getBlockDOMNode(selectionEnd);
if (!extentNode) {
return;
}
var scrollContainer = Object(external_this_wp_dom_["getScrollContainer"])(extentNode); // If there's no scroll container, it follows that there's no scrollbar
// and thus there's no need to try to scroll into view.
if (!scrollContainer) {
return;
}
dom_scroll_into_view_lib_default()(extentNode, scrollContainer, {
onlyScrollIfNeeded: true
});
}, [isMultiSelection, selectionEnd, isMultiSelecting]);
return null;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/observe-typing/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Set of key codes upon which typing is to be initiated on a keydown event.
*
* @type {number[]}
*/
var KEY_DOWN_ELIGIBLE_KEY_CODES = [external_this_wp_keycodes_["UP"], external_this_wp_keycodes_["RIGHT"], external_this_wp_keycodes_["DOWN"], external_this_wp_keycodes_["LEFT"], external_this_wp_keycodes_["ENTER"], external_this_wp_keycodes_["BACKSPACE"]];
/**
* Returns true if a given keydown event can be inferred as intent to start
* typing, or false otherwise. A keydown is considered eligible if it is a
* text navigation without shift active.
*
* @param {KeyboardEvent} event Keydown event to test.
*
* @return {boolean} Whether event is eligible to start typing.
*/
function isKeyDownEligibleForStartTyping(event) {
var keyCode = event.keyCode,
shiftKey = event.shiftKey;
return !shiftKey && KEY_DOWN_ELIGIBLE_KEY_CODES.includes(keyCode);
}
function ObserveTyping(_ref) {
var children = _ref.children,
setSafeTimeout = _ref.setTimeout;
var typingContainer = Object(external_this_wp_element_["useRef"])();
var lastMouseMove = Object(external_this_wp_element_["useRef"])();
var isTyping = Object(external_this_wp_data_["useSelect"])(function (select) {
return select('core/block-editor').isTyping();
});
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
startTyping = _useDispatch.startTyping,
stopTyping = _useDispatch.stopTyping;
Object(external_this_wp_element_["useEffect"])(function () {
toggleEventBindings(isTyping);
return function () {
return toggleEventBindings(false);
};
}, [isTyping]);
/**
* Bind or unbind events to the document when typing has started or stopped
* respectively, or when component has become unmounted.
*
* @param {boolean} isBound Whether event bindings should be applied.
*/
function toggleEventBindings(isBound) {
var bindFn = isBound ? 'addEventListener' : 'removeEventListener';
document[bindFn]('selectionchange', stopTypingOnSelectionUncollapse);
document[bindFn]('mousemove', stopTypingOnMouseMove);
}
/**
* On mouse move, unset typing flag if user has moved cursor.
*
* @param {MouseEvent} event Mousemove event.
*/
function stopTypingOnMouseMove(event) {
var clientX = event.clientX,
clientY = event.clientY; // We need to check that the mouse really moved because Safari triggers
// mousemove events when shift or ctrl are pressed.
if (lastMouseMove.current) {
var _lastMouseMove$curren = lastMouseMove.current,
lastClientX = _lastMouseMove$curren.clientX,
lastClientY = _lastMouseMove$curren.clientY;
if (lastClientX !== clientX || lastClientY !== clientY) {
stopTyping();
}
}
lastMouseMove.current = {
clientX: clientX,
clientY: clientY
};
}
/**
* On selection change, unset typing flag if user has made an uncollapsed
* (shift) selection.
*/
function stopTypingOnSelectionUncollapse() {
var selection = window.getSelection();
var isCollapsed = selection.rangeCount > 0 && selection.getRangeAt(0).collapsed;
if (!isCollapsed) {
stopTyping();
}
}
/**
* Unsets typing flag if user presses Escape while typing flag is active.
*
* @param {KeyboardEvent} event Keypress or keydown event to interpret.
*/
function stopTypingOnEscapeKey(event) {
if (isTyping && (event.keyCode === external_this_wp_keycodes_["ESCAPE"] || event.keyCode === external_this_wp_keycodes_["TAB"])) {
stopTyping();
}
}
/**
* Handles a keypress or keydown event to infer intention to start typing.
*
* @param {KeyboardEvent} event Keypress or keydown event to interpret.
*/
function startTypingInTextField(event) {
var type = event.type,
target = event.target; // Abort early if already typing, or key press is incurred outside a
// text field (e.g. arrow-ing through toolbar buttons).
// Ignore typing if outside the current DOM container
if (isTyping || !Object(external_this_wp_dom_["isTextField"])(target) || !typingContainer.current.contains(target)) {
return;
} // Special-case keydown because certain keys do not emit a keypress
// event. Conversely avoid keydown as the canonical event since there
// are many keydown which are explicitly not targeted for typing.
if (type === 'keydown' && !isKeyDownEligibleForStartTyping(event)) {
return;
}
startTyping();
}
/**
* Stops typing when focus transitions to a non-text field element.
*
* @param {FocusEvent} event Focus event.
*/
function stopTypingOnNonTextField(event) {
var target = event.target; // Since focus to a non-text field via arrow key will trigger before
// the keydown event, wait until after current stack before evaluating
// whether typing is to be stopped. Otherwise, typing will re-start.
setSafeTimeout(function () {
if (isTyping && !Object(external_this_wp_dom_["isTextField"])(target)) {
stopTyping();
}
});
} // Disable reason: This component is responsible for capturing bubbled
// keyboard events which are interpreted as typing intent.
/* eslint-disable jsx-a11y/no-static-element-interactions */
return Object(external_this_wp_element_["createElement"])("div", {
ref: typingContainer,
onFocus: stopTypingOnNonTextField,
onKeyPress: startTypingInTextField,
onKeyDown: Object(external_this_lodash_["over"])([startTypingInTextField, stopTypingOnEscapeKey])
}, children);
/* eslint-enable jsx-a11y/no-static-element-interactions */
}
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/observe-typing/README.md
*/
/* harmony default export */ var observe_typing = (Object(external_this_wp_compose_["withSafeTimeout"])(ObserveTyping));
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/preserve-scroll-in-reorder/index.js
/**
* WordPress dependencies
*/
function PreserveScrollInReorder() {
external_this_wp_deprecated_default()('PreserveScrollInReorder component', {
hint: 'This behavior is now built-in the block list'
});
return null;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/typewriter/index.js
function typewriter_createSuper(Derived) { return function () { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (typewriter_isNativeReflectConstruct()) { 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 typewriter_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; } }
/**
* WordPress dependencies
*/
/** @typedef {import('@wordpress/element').WPSyntheticEvent} WPSyntheticEvent */
var isIE = window.navigator.userAgent.indexOf('Trident') !== -1;
var arrowKeyCodes = new Set([external_this_wp_keycodes_["UP"], external_this_wp_keycodes_["DOWN"], external_this_wp_keycodes_["LEFT"], external_this_wp_keycodes_["RIGHT"]]);
var initialTriggerPercentage = 0.75;
var typewriter_Typewriter = /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(Typewriter, _Component);
var _super = typewriter_createSuper(Typewriter);
function Typewriter() {
var _this;
Object(classCallCheck["a" /* default */])(this, Typewriter);
_this = _super.apply(this, arguments);
_this.ref = Object(external_this_wp_element_["createRef"])();
_this.onKeyDown = _this.onKeyDown.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.addSelectionChangeListener = _this.addSelectionChangeListener.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.computeCaretRectOnSelectionChange = _this.computeCaretRectOnSelectionChange.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.maintainCaretPosition = _this.maintainCaretPosition.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.computeCaretRect = _this.computeCaretRect.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.onScrollResize = _this.onScrollResize.bind(Object(assertThisInitialized["a" /* default */])(_this));
_this.isSelectionEligibleForScroll = _this.isSelectionEligibleForScroll.bind(Object(assertThisInitialized["a" /* default */])(_this));
return _this;
}
Object(createClass["a" /* default */])(Typewriter, [{
key: "componentDidMount",
value: function componentDidMount() {
// When the user scrolls or resizes, the scroll position should be
// reset.
window.addEventListener('scroll', this.onScrollResize, true);
window.addEventListener('resize', this.onScrollResize, true);
}
}, {
key: "componentWillUnmount",
value: function componentWillUnmount() {
window.removeEventListener('scroll', this.onScrollResize, true);
window.removeEventListener('resize', this.onScrollResize, true);
document.removeEventListener('selectionchange', this.computeCaretRectOnSelectionChange);
if (this.onScrollResize.rafId) {
window.cancelAnimationFrame(this.onScrollResize.rafId);
}
if (this.onKeyDown.rafId) {
window.cancelAnimationFrame(this.onKeyDown.rafId);
}
}
/**
* Resets the scroll position to be maintained.
*/
}, {
key: "computeCaretRect",
value: function computeCaretRect() {
if (this.isSelectionEligibleForScroll()) {
this.caretRect = Object(external_this_wp_dom_["computeCaretRect"])();
}
}
/**
* Resets the scroll position to be maintained during a `selectionchange`
* event. Also removes the listener, so it acts as a one-time listener.
*/
}, {
key: "computeCaretRectOnSelectionChange",
value: function computeCaretRectOnSelectionChange() {
document.removeEventListener('selectionchange', this.computeCaretRectOnSelectionChange);
this.computeCaretRect();
}
}, {
key: "onScrollResize",
value: function onScrollResize() {
var _this2 = this;
if (this.onScrollResize.rafId) {
return;
}
this.onScrollResize.rafId = window.requestAnimationFrame(function () {
_this2.computeCaretRect();
delete _this2.onScrollResize.rafId;
});
}
/**
* Checks if the current situation is elegible for scroll:
* - There should be one and only one block selected.
* - The component must contain the selection.
* - The active element must be contenteditable.
*/
}, {
key: "isSelectionEligibleForScroll",
value: function isSelectionEligibleForScroll() {
return this.props.selectedBlockClientId && this.ref.current.contains(document.activeElement) && document.activeElement.isContentEditable;
}
}, {
key: "isLastEditableNode",
value: function isLastEditableNode() {
var editableNodes = this.ref.current.querySelectorAll('[contenteditable="true"]');
var lastEditableNode = editableNodes[editableNodes.length - 1];
return lastEditableNode === document.activeElement;
}
/**
* Maintains the scroll position after a selection change caused by a
* keyboard event.
*
* @param {WPSyntheticEvent} event Synthetic keyboard event.
*/
}, {
key: "maintainCaretPosition",
value: function maintainCaretPosition(_ref) {
var keyCode = _ref.keyCode;
if (!this.isSelectionEligibleForScroll()) {
return;
}
var currentCaretRect = Object(external_this_wp_dom_["computeCaretRect"])();
if (!currentCaretRect) {
return;
} // If for some reason there is no position set to be scrolled to, let
// this be the position to be scrolled to in the future.
if (!this.caretRect) {
this.caretRect = currentCaretRect;
return;
} // Even though enabling the typewriter effect for arrow keys results in
// a pleasant experience, it may not be the case for everyone, so, for
// now, let's disable it.
if (arrowKeyCodes.has(keyCode)) {
// Reset the caret position to maintain.
this.caretRect = currentCaretRect;
return;
}
var diff = currentCaretRect.top - this.caretRect.top;
if (diff === 0) {
return;
}
var scrollContainer = Object(external_this_wp_dom_["getScrollContainer"])(this.ref.current); // The page must be scrollable.
if (!scrollContainer) {
return;
}
var windowScroll = scrollContainer === document.body;
var scrollY = windowScroll ? window.scrollY : scrollContainer.scrollTop;
var scrollContainerY = windowScroll ? 0 : scrollContainer.getBoundingClientRect().top;
var relativeScrollPosition = windowScroll ? this.caretRect.top / window.innerHeight : (this.caretRect.top - scrollContainerY) / (window.innerHeight - scrollContainerY); // If the scroll position is at the start, the active editable element
// is the last one, and the caret is positioned within the initial
// trigger percentage of the page, do not scroll the page.
// The typewriter effect should not kick in until an empty page has been
// filled with the initial trigger percentage or the user scrolls
// intentionally down.
if (scrollY === 0 && relativeScrollPosition < initialTriggerPercentage && this.isLastEditableNode()) {
// Reset the caret position to maintain.
this.caretRect = currentCaretRect;
return;
}
var scrollContainerHeight = windowScroll ? window.innerHeight : scrollContainer.clientHeight; // Abort if the target scroll position would scroll the caret out of
// view.
if ( // The caret is under the lower fold.
this.caretRect.top + this.caretRect.height > scrollContainerY + scrollContainerHeight || // The caret is above the upper fold.
this.caretRect.top < scrollContainerY) {
// Reset the caret position to maintain.
this.caretRect = currentCaretRect;
return;
}
if (windowScroll) {
window.scrollBy(0, diff);
} else {
scrollContainer.scrollTop += diff;
}
}
/**
* Adds a `selectionchange` listener to reset the scroll position to be
* maintained.
*/
}, {
key: "addSelectionChangeListener",
value: function addSelectionChangeListener() {
document.addEventListener('selectionchange', this.computeCaretRectOnSelectionChange);
}
}, {
key: "onKeyDown",
value: function onKeyDown(event) {
var _this3 = this;
event.persist(); // Ensure the any remaining request is cancelled.
if (this.onKeyDown.rafId) {
window.cancelAnimationFrame(this.onKeyDown.rafId);
} // Use an animation frame for a smooth result.
this.onKeyDown.rafId = window.requestAnimationFrame(function () {
_this3.maintainCaretPosition(event);
delete _this3.onKeyDown.rafId;
});
}
}, {
key: "render",
value: function render() {
// Disable reason: Wrapper itself is non-interactive, but must capture
// bubbling events from children to determine focus transition intents.
/* eslint-disable jsx-a11y/no-static-element-interactions */
return Object(external_this_wp_element_["createElement"])("div", {
ref: this.ref,
onKeyDown: this.onKeyDown,
onKeyUp: this.maintainCaretPosition,
onMouseDown: this.addSelectionChangeListener,
onTouchStart: this.addSelectionChangeListener,
className: "block-editor__typewriter"
}, this.props.children);
/* eslint-enable jsx-a11y/no-static-element-interactions */
}
}]);
return Typewriter;
}(external_this_wp_element_["Component"]);
/**
* The exported component. The implementation of Typewriter faced technical
* challenges in Internet Explorer, and is simply skipped, rendering the given
* props children instead.
*
* @type {WPComponent}
*/
var TypewriterOrIEBypass = isIE ? function (props) {
return props.children;
} : Object(external_this_wp_data_["withSelect"])(function (select) {
var _select = select('core/block-editor'),
getSelectedBlockClientId = _select.getSelectedBlockClientId;
return {
selectedBlockClientId: getSelectedBlockClientId()
};
})(typewriter_Typewriter);
/**
* Ensures that the text selection keeps the same vertical distance from the
* viewport during keyboard events within this component. The vertical distance
* can vary. It is the last clicked or scrolled to position.
*/
/* harmony default export */ var typewriter = (TypewriterOrIEBypass);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-editor-feature/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* 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 = useBlockEditContext(),
blockName = _useBlockEditContext.name;
var path = "__experimentalFeatures.".concat(featurePath);
var setting = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/blocks'),
getBlockSupport = _select.getBlockSupport;
var blockSupportValue = getBlockSupport(blockName, path);
if (blockSupportValue !== undefined) {
return blockSupportValue;
}
var _select2 = select('core/block-editor'),
getSettings = _select2.getSettings;
return Object(external_this_lodash_["get"])(getSettings(), path);
}, [blockName, path]);
return setting;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/index.js
/*
* Block Creation Components
*/
/*
* Content Related Components
*/
/*
* State Related Components
*/
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/index.js
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/***/ })
/******/ ]);