--- a/wp/wp-includes/js/dist/block-library.js Thu Sep 29 08:06:27 2022 +0200
+++ b/wp/wp-includes/js/dist/block-library.js Fri Sep 05 18:40:08 2025 +0200
@@ -1,809 +1,592 @@
-/******/ (function() { // webpackBootstrap
+/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
-/***/ 3827:
-/***/ (function(module, exports) {
-
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
- Copyright (c) 2018 Jed Watson.
- Licensed under the MIT License (MIT), see
- http://jedwatson.github.io/classnames
-*/
-/* global define */
-
-(function () {
- 'use strict';
-
- var classNames = (function () {
- // don't inherit from Object so we can skip hasOwnProperty check later
- // http://stackoverflow.com/questions/15518328/creating-js-object-with-object-createnull#answer-21079232
- function StorageObject() {}
- StorageObject.prototype = Object.create(null);
-
- function _parseArray (resultSet, array) {
- var length = array.length;
-
- for (var i = 0; i < length; ++i) {
- _parse(resultSet, array[i]);
- }
- }
-
- var hasOwn = {}.hasOwnProperty;
-
- function _parseNumber (resultSet, num) {
- resultSet[num] = true;
- }
-
- function _parseObject (resultSet, object) {
- if (object.toString === Object.prototype.toString) {
- for (var k in object) {
- if (hasOwn.call(object, k)) {
- // set value to false instead of deleting it to avoid changing object structure
- // https://www.smashingmagazine.com/2012/11/writing-fast-memory-efficient-javascript/#de-referencing-misconceptions
- resultSet[k] = !!object[k];
- }
- }
- } else {
- resultSet[object.toString()] = true;
- }
- }
-
- var SPACE = /\s+/;
- function _parseString (resultSet, str) {
- var array = str.split(SPACE);
- var length = array.length;
-
- for (var i = 0; i < length; ++i) {
- resultSet[array[i]] = true;
- }
- }
-
- function _parse (resultSet, arg) {
- if (!arg) return;
- var argType = typeof arg;
-
- // 'foo bar'
- if (argType === 'string') {
- _parseString(resultSet, arg);
-
- // ['foo', 'bar', ...]
- } else if (Array.isArray(arg)) {
- _parseArray(resultSet, arg);
-
- // { 'foo': true, ... }
- } else if (argType === 'object') {
- _parseObject(resultSet, arg);
-
- // '130'
- } else if (argType === 'number') {
- _parseNumber(resultSet, arg);
- }
- }
-
- function _classNames () {
- // don't leak arguments
- // https://github.com/petkaantonov/bluebird/wiki/Optimization-killers#32-leaking-arguments
- var len = arguments.length;
- var args = Array(len);
- for (var i = 0; i < len; i++) {
- args[i] = arguments[i];
- }
-
- var classSet = new StorageObject();
- _parseArray(classSet, args);
-
- var list = [];
-
- for (var k in classSet) {
- if (classSet[k]) {
- list.push(k)
- }
- }
-
- return list.join(' ');
- }
-
- return _classNames;
- })();
-
- 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 {}
-}());
+/***/ 2321:
+/***/ ((module) => {
+
+/**
+ * Checks if the block is experimental based on the metadata loaded
+ * from block.json.
+ *
+ * This function is in a separate file and uses the older JS syntax so
+ * that it can be imported in both:
+ * – block-library/src/index.js
+ * – block-library/src/babel-plugin.js
+ *
+ * @param {Object} metadata Parsed block.json metadata.
+ * @return {boolean} Is the block experimental?
+ */
+module.exports = function isBlockMetadataExperimental(metadata) {
+ return metadata && '__experimental' in metadata && metadata.__experimental !== false;
+};
/***/ }),
-/***/ 4403:
-/***/ (function(module, exports) {
-
-var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
- Copyright (c) 2018 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)) {
- if (arg.length) {
- var inner = classNames.apply(null, arg);
- if (inner) {
- classes.push(inner);
- }
- }
- } else if (argType === 'object') {
- if (arg.toString === Object.prototype.toString) {
- for (var key in arg) {
- if (hasOwn.call(arg, key) && arg[key]) {
- classes.push(key);
- }
- }
- } else {
- classes.push(arg.toString());
- }
- }
- }
-
- 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 {}
-}());
+/***/ 7734:
+/***/ ((module) => {
+
+"use strict";
+
+
+// do not edit .js files directly - edit src/index.jst
+
+
+ var envHasBigInt64Array = typeof BigInt64Array !== 'undefined';
+
+
+module.exports = function equal(a, b) {
+ if (a === b) return true;
+
+ if (a && b && typeof a == 'object' && typeof b == 'object') {
+ if (a.constructor !== b.constructor) return false;
+
+ var length, i, keys;
+ if (Array.isArray(a)) {
+ length = a.length;
+ if (length != b.length) return false;
+ for (i = length; i-- !== 0;)
+ if (!equal(a[i], b[i])) return false;
+ return true;
+ }
+
+
+ if ((a instanceof Map) && (b instanceof Map)) {
+ if (a.size !== b.size) return false;
+ for (i of a.entries())
+ if (!b.has(i[0])) return false;
+ for (i of a.entries())
+ if (!equal(i[1], b.get(i[0]))) return false;
+ return true;
+ }
+
+ if ((a instanceof Set) && (b instanceof Set)) {
+ if (a.size !== b.size) return false;
+ for (i of a.entries())
+ if (!b.has(i[0])) return false;
+ return true;
+ }
+
+ if (ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {
+ length = a.length;
+ if (length != b.length) return false;
+ for (i = length; i-- !== 0;)
+ if (a[i] !== b[i]) return false;
+ return true;
+ }
+
+
+ if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;
+ if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();
+ if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();
+
+ keys = Object.keys(a);
+ length = keys.length;
+ if (length !== Object.keys(b).length) return false;
+
+ for (i = length; i-- !== 0;)
+ if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;
+
+ for (i = length; i-- !== 0;) {
+ var key = keys[i];
+
+ if (!equal(a[key], b[key])) return false;
+ }
+
+ return true;
+ }
+
+ // true if both NaN, false otherwise
+ return a!==a && b!==b;
+};
/***/ }),
-/***/ 5027:
-/***/ (function(module) {
-
-/*! Fast Average Color | © 2019 Denis Seleznev | MIT License | https://github.com/hcodes/fast-average-color/ */
-(function (global, factory) {
- true ? module.exports = factory() :
- 0;
-}(this, (function () { 'use strict';
-
-function _classCallCheck(instance, Constructor) {
- if (!(instance instanceof Constructor)) {
- throw new TypeError("Cannot call a class as a function");
- }
-}
-
-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;
-}
-
-function _slicedToArray(arr, i) {
- return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
-}
-
-function _arrayWithHoles(arr) {
- if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(arr, i) {
- 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;
-}
-
-function _nonIterableRest() {
- throw new TypeError("Invalid attempt to destructure non-iterable instance");
-}
-
-var FastAverageColor =
-/*#__PURE__*/
-function () {
- function FastAverageColor() {
- _classCallCheck(this, FastAverageColor);
- }
-
- _createClass(FastAverageColor, [{
- key: "getColorAsync",
-
- /**
- * Get asynchronously the average color from not loaded image.
- *
- * @param {HTMLImageElement} resource
- * @param {Function} callback
- * @param {Object|null} [options]
- * @param {Array} [options.defaultColor=[255, 255, 255, 255]]
- * @param {*} [options.data]
- * @param {string} [options.mode="speed"] "precision" or "speed"
- * @param {string} [options.algorithm="sqrt"] "simple", "sqrt" or "dominant"
- * @param {number} [options.step=1]
- * @param {number} [options.left=0]
- * @param {number} [options.top=0]
- * @param {number} [options.width=width of resource]
- * @param {number} [options.height=height of resource]
- */
- value: function getColorAsync(resource, callback, options) {
- if (resource.complete) {
- callback.call(resource, this.getColor(resource, options), options && options.data);
- } else {
- this._bindImageEvents(resource, callback, options);
- }
- }
- /**
- * Get the average color from images, videos and canvas.
- *
- * @param {HTMLImageElement|HTMLVideoElement|HTMLCanvasElement} resource
- * @param {Object|null} [options]
- * @param {Array} [options.defaultColor=[255, 255, 255, 255]]
- * @param {*} [options.data]
- * @param {string} [options.mode="speed"] "precision" or "speed"
- * @param {string} [options.algorithm="sqrt"] "simple", "sqrt" or "dominant"
- * @param {number} [options.step=1]
- * @param {number} [options.left=0]
- * @param {number} [options.top=0]
- * @param {number} [options.width=width of resource]
- * @param {number} [options.height=height of resource]
- *
- * @returns {Object}
- */
-
- }, {
- key: "getColor",
- value: function getColor(resource, options) {
- options = options || {};
-
- var defaultColor = this._getDefaultColor(options),
- originalSize = this._getOriginalSize(resource),
- size = this._prepareSizeAndPosition(originalSize, options);
-
- var error = null,
- value = defaultColor;
-
- if (!size.srcWidth || !size.srcHeight || !size.destWidth || !size.destHeight) {
- return this._prepareResult(defaultColor, new Error('FastAverageColor: Incorrect sizes.'));
- }
-
- if (!this._ctx) {
- this._canvas = this._makeCanvas();
- this._ctx = this._canvas.getContext && this._canvas.getContext('2d');
-
- if (!this._ctx) {
- return this._prepareResult(defaultColor, new Error('FastAverageColor: Canvas Context 2D is not supported in this browser.'));
- }
- }
-
- this._canvas.width = size.destWidth;
- this._canvas.height = size.destHeight;
-
- try {
- this._ctx.clearRect(0, 0, size.destWidth, size.destHeight);
-
- this._ctx.drawImage(resource, size.srcLeft, size.srcTop, size.srcWidth, size.srcHeight, 0, 0, size.destWidth, size.destHeight);
-
- var bitmapData = this._ctx.getImageData(0, 0, size.destWidth, size.destHeight).data;
-
- value = this.getColorFromArray4(bitmapData, options);
- } catch (e) {
- // Security error, CORS
- // https://developer.mozilla.org/en/docs/Web/HTML/CORS_enabled_image
- error = e;
- }
-
- return this._prepareResult(value, error);
- }
- /**
- * Get the average color from a array when 1 pixel is 4 bytes.
- *
- * @param {Array|Uint8Array} arr
- * @param {Object} [options]
- * @param {string} [options.algorithm="sqrt"] "simple", "sqrt" or "dominant"
- * @param {Array} [options.defaultColor=[255, 255, 255, 255]]
- * @param {number} [options.step=1]
- *
- * @returns {Array} [red (0-255), green (0-255), blue (0-255), alpha (0-255)]
- */
-
- }, {
- key: "getColorFromArray4",
- value: function getColorFromArray4(arr, options) {
- options = options || {};
- var bytesPerPixel = 4,
- arrLength = arr.length;
-
- if (arrLength < bytesPerPixel) {
- return this._getDefaultColor(options);
- }
-
- var len = arrLength - arrLength % bytesPerPixel,
- preparedStep = (options.step || 1) * bytesPerPixel,
- algorithm = '_' + (options.algorithm || 'sqrt') + 'Algorithm';
-
- if (typeof this[algorithm] !== 'function') {
- throw new Error("FastAverageColor: ".concat(options.algorithm, " is unknown algorithm."));
- }
-
- return this[algorithm](arr, len, preparedStep);
- }
- /**
- * Destroy the instance.
- */
-
- }, {
- key: "destroy",
- value: function destroy() {
- delete this._canvas;
- delete this._ctx;
- }
- }, {
- key: "_getDefaultColor",
- value: function _getDefaultColor(options) {
- return this._getOption(options, 'defaultColor', [255, 255, 255, 255]);
- }
- }, {
- key: "_getOption",
- value: function _getOption(options, name, defaultValue) {
- return typeof options[name] === 'undefined' ? defaultValue : options[name];
- }
- }, {
- key: "_prepareSizeAndPosition",
- value: function _prepareSizeAndPosition(originalSize, options) {
- var srcLeft = this._getOption(options, 'left', 0),
- srcTop = this._getOption(options, 'top', 0),
- srcWidth = this._getOption(options, 'width', originalSize.width),
- srcHeight = this._getOption(options, 'height', originalSize.height),
- destWidth = srcWidth,
- destHeight = srcHeight;
-
- if (options.mode === 'precision') {
- return {
- srcLeft: srcLeft,
- srcTop: srcTop,
- srcWidth: srcWidth,
- srcHeight: srcHeight,
- destWidth: destWidth,
- destHeight: destHeight
- };
- }
-
- var maxSize = 100,
- minSize = 10;
- var factor;
-
- if (srcWidth > srcHeight) {
- factor = srcWidth / srcHeight;
- destWidth = maxSize;
- destHeight = Math.round(destWidth / factor);
- } else {
- factor = srcHeight / srcWidth;
- destHeight = maxSize;
- destWidth = Math.round(destHeight / factor);
- }
-
- if (destWidth > srcWidth || destHeight > srcHeight || destWidth < minSize || destHeight < minSize) {
- destWidth = srcWidth;
- destHeight = srcHeight;
- }
-
- return {
- srcLeft: srcLeft,
- srcTop: srcTop,
- srcWidth: srcWidth,
- srcHeight: srcHeight,
- destWidth: destWidth,
- destHeight: destHeight
- };
- }
- }, {
- key: "_simpleAlgorithm",
- value: function _simpleAlgorithm(arr, len, preparedStep) {
- var redTotal = 0,
- greenTotal = 0,
- blueTotal = 0,
- alphaTotal = 0,
- count = 0;
-
- for (var i = 0; i < len; i += preparedStep) {
- var alpha = arr[i + 3],
- red = arr[i] * alpha,
- green = arr[i + 1] * alpha,
- blue = arr[i + 2] * alpha;
- redTotal += red;
- greenTotal += green;
- blueTotal += blue;
- alphaTotal += alpha;
- count++;
- }
-
- return alphaTotal ? [Math.round(redTotal / alphaTotal), Math.round(greenTotal / alphaTotal), Math.round(blueTotal / alphaTotal), Math.round(alphaTotal / count)] : [0, 0, 0, 0];
- }
- }, {
- key: "_sqrtAlgorithm",
- value: function _sqrtAlgorithm(arr, len, preparedStep) {
- var redTotal = 0,
- greenTotal = 0,
- blueTotal = 0,
- alphaTotal = 0,
- count = 0;
-
- for (var i = 0; i < len; i += preparedStep) {
- var red = arr[i],
- green = arr[i + 1],
- blue = arr[i + 2],
- alpha = arr[i + 3];
- redTotal += red * red * alpha;
- greenTotal += green * green * alpha;
- blueTotal += blue * blue * alpha;
- alphaTotal += alpha;
- count++;
- }
-
- return alphaTotal ? [Math.round(Math.sqrt(redTotal / alphaTotal)), Math.round(Math.sqrt(greenTotal / alphaTotal)), Math.round(Math.sqrt(blueTotal / alphaTotal)), Math.round(alphaTotal / count)] : [0, 0, 0, 0];
- }
- }, {
- key: "_dominantAlgorithm",
- value: function _dominantAlgorithm(arr, len, preparedStep) {
- var colorHash = {},
- divider = 24;
-
- for (var i = 0; i < len; i += preparedStep) {
- var red = arr[i],
- green = arr[i + 1],
- blue = arr[i + 2],
- alpha = arr[i + 3],
- key = Math.round(red / divider) + ',' + Math.round(green / divider) + ',' + Math.round(blue / divider);
-
- if (colorHash[key]) {
- colorHash[key] = [colorHash[key][0] + red * alpha, colorHash[key][1] + green * alpha, colorHash[key][2] + blue * alpha, colorHash[key][3] + alpha, colorHash[key][4] + 1];
- } else {
- colorHash[key] = [red * alpha, green * alpha, blue * alpha, alpha, 1];
- }
- }
-
- var buffer = Object.keys(colorHash).map(function (key) {
- return colorHash[key];
- }).sort(function (a, b) {
- var countA = a[4],
- countB = b[4];
- return countA > countB ? -1 : countA === countB ? 0 : 1;
- });
-
- var _buffer$ = _slicedToArray(buffer[0], 5),
- redTotal = _buffer$[0],
- greenTotal = _buffer$[1],
- blueTotal = _buffer$[2],
- alphaTotal = _buffer$[3],
- count = _buffer$[4];
-
- return alphaTotal ? [Math.round(redTotal / alphaTotal), Math.round(greenTotal / alphaTotal), Math.round(blueTotal / alphaTotal), Math.round(alphaTotal / count)] : [0, 0, 0, 0];
- }
- }, {
- key: "_bindImageEvents",
- value: function _bindImageEvents(resource, callback, options) {
- var _this = this;
-
- options = options || {};
-
- var data = options && options.data,
- defaultColor = this._getDefaultColor(options),
- onload = function onload() {
- unbindEvents();
- callback.call(resource, _this.getColor(resource, options), data);
- },
- onerror = function onerror() {
- unbindEvents();
- callback.call(resource, _this._prepareResult(defaultColor, new Error('Image error')), data);
- },
- onabort = function onabort() {
- unbindEvents();
- callback.call(resource, _this._prepareResult(defaultColor, new Error('Image abort')), data);
- },
- unbindEvents = function unbindEvents() {
- resource.removeEventListener('load', onload);
- resource.removeEventListener('error', onerror);
- resource.removeEventListener('abort', onabort);
- };
-
- resource.addEventListener('load', onload);
- resource.addEventListener('error', onerror);
- resource.addEventListener('abort', onabort);
- }
- }, {
- key: "_prepareResult",
- value: function _prepareResult(value, error) {
- var rgb = value.slice(0, 3),
- rgba = [].concat(rgb, value[3] / 255),
- isDark = this._isDark(value);
-
- return {
- error: error,
- value: value,
- rgb: 'rgb(' + rgb.join(',') + ')',
- rgba: 'rgba(' + rgba.join(',') + ')',
- hex: this._arrayToHex(rgb),
- hexa: this._arrayToHex(value),
- isDark: isDark,
- isLight: !isDark
- };
- }
- }, {
- key: "_getOriginalSize",
- value: function _getOriginalSize(resource) {
- if (resource instanceof HTMLImageElement) {
- return {
- width: resource.naturalWidth,
- height: resource.naturalHeight
- };
- }
-
- if (resource instanceof HTMLVideoElement) {
- return {
- width: resource.videoWidth,
- height: resource.videoHeight
- };
- }
-
- return {
- width: resource.width,
- height: resource.height
- };
- }
- }, {
- key: "_toHex",
- value: function _toHex(num) {
- var str = num.toString(16);
- return str.length === 1 ? '0' + str : str;
- }
- }, {
- key: "_arrayToHex",
- value: function _arrayToHex(arr) {
- return '#' + arr.map(this._toHex).join('');
- }
- }, {
- key: "_isDark",
- value: function _isDark(color) {
- // http://www.w3.org/TR/AERT#color-contrast
- var result = (color[0] * 299 + color[1] * 587 + color[2] * 114) / 1000;
- return result < 128;
- }
- }, {
- key: "_makeCanvas",
- value: function _makeCanvas() {
- return typeof window === 'undefined' ? new OffscreenCanvas(1, 1) : document.createElement('canvas');
- }
- }]);
-
- return FastAverageColor;
-}();
-
-return FastAverageColor;
-
-})));
-
-
-/***/ }),
-
-/***/ 9756:
-/***/ (function(module) {
-
-/**
- * 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;
+/***/ 9681:
+/***/ ((module) => {
+
+var characterMap = {
+ "À": "A",
+ "Á": "A",
+ "Â": "A",
+ "Ã": "A",
+ "Ä": "A",
+ "Å": "A",
+ "Ấ": "A",
+ "Ắ": "A",
+ "Ẳ": "A",
+ "Ẵ": "A",
+ "Ặ": "A",
+ "Æ": "AE",
+ "Ầ": "A",
+ "Ằ": "A",
+ "Ȃ": "A",
+ "Ả": "A",
+ "Ạ": "A",
+ "Ẩ": "A",
+ "Ẫ": "A",
+ "Ậ": "A",
+ "Ç": "C",
+ "Ḉ": "C",
+ "È": "E",
+ "É": "E",
+ "Ê": "E",
+ "Ë": "E",
+ "Ế": "E",
+ "Ḗ": "E",
+ "Ề": "E",
+ "Ḕ": "E",
+ "Ḝ": "E",
+ "Ȇ": "E",
+ "Ẻ": "E",
+ "Ẽ": "E",
+ "Ẹ": "E",
+ "Ể": "E",
+ "Ễ": "E",
+ "Ệ": "E",
+ "Ì": "I",
+ "Í": "I",
+ "Î": "I",
+ "Ï": "I",
+ "Ḯ": "I",
+ "Ȋ": "I",
+ "Ỉ": "I",
+ "Ị": "I",
+ "Ð": "D",
+ "Ñ": "N",
+ "Ò": "O",
+ "Ó": "O",
+ "Ô": "O",
+ "Õ": "O",
+ "Ö": "O",
+ "Ø": "O",
+ "Ố": "O",
+ "Ṍ": "O",
+ "Ṓ": "O",
+ "Ȏ": "O",
+ "Ỏ": "O",
+ "Ọ": "O",
+ "Ổ": "O",
+ "Ỗ": "O",
+ "Ộ": "O",
+ "Ờ": "O",
+ "Ở": "O",
+ "Ỡ": "O",
+ "Ớ": "O",
+ "Ợ": "O",
+ "Ù": "U",
+ "Ú": "U",
+ "Û": "U",
+ "Ü": "U",
+ "Ủ": "U",
+ "Ụ": "U",
+ "Ử": "U",
+ "Ữ": "U",
+ "Ự": "U",
+ "Ý": "Y",
+ "à": "a",
+ "á": "a",
+ "â": "a",
+ "ã": "a",
+ "ä": "a",
+ "å": "a",
+ "ấ": "a",
+ "ắ": "a",
+ "ẳ": "a",
+ "ẵ": "a",
+ "ặ": "a",
+ "æ": "ae",
+ "ầ": "a",
+ "ằ": "a",
+ "ȃ": "a",
+ "ả": "a",
+ "ạ": "a",
+ "ẩ": "a",
+ "ẫ": "a",
+ "ậ": "a",
+ "ç": "c",
+ "ḉ": "c",
+ "è": "e",
+ "é": "e",
+ "ê": "e",
+ "ë": "e",
+ "ế": "e",
+ "ḗ": "e",
+ "ề": "e",
+ "ḕ": "e",
+ "ḝ": "e",
+ "ȇ": "e",
+ "ẻ": "e",
+ "ẽ": "e",
+ "ẹ": "e",
+ "ể": "e",
+ "ễ": "e",
+ "ệ": "e",
+ "ì": "i",
+ "í": "i",
+ "î": "i",
+ "ï": "i",
+ "ḯ": "i",
+ "ȋ": "i",
+ "ỉ": "i",
+ "ị": "i",
+ "ð": "d",
+ "ñ": "n",
+ "ò": "o",
+ "ó": "o",
+ "ô": "o",
+ "õ": "o",
+ "ö": "o",
+ "ø": "o",
+ "ố": "o",
+ "ṍ": "o",
+ "ṓ": "o",
+ "ȏ": "o",
+ "ỏ": "o",
+ "ọ": "o",
+ "ổ": "o",
+ "ỗ": "o",
+ "ộ": "o",
+ "ờ": "o",
+ "ở": "o",
+ "ỡ": "o",
+ "ớ": "o",
+ "ợ": "o",
+ "ù": "u",
+ "ú": "u",
+ "û": "u",
+ "ü": "u",
+ "ủ": "u",
+ "ụ": "u",
+ "ử": "u",
+ "ữ": "u",
+ "ự": "u",
+ "ý": "y",
+ "ÿ": "y",
+ "Ā": "A",
+ "ā": "a",
+ "Ă": "A",
+ "ă": "a",
+ "Ą": "A",
+ "ą": "a",
+ "Ć": "C",
+ "ć": "c",
+ "Ĉ": "C",
+ "ĉ": "c",
+ "Ċ": "C",
+ "ċ": "c",
+ "Č": "C",
+ "č": "c",
+ "C̆": "C",
+ "c̆": "c",
+ "Ď": "D",
+ "ď": "d",
+ "Đ": "D",
+ "đ": "d",
+ "Ē": "E",
+ "ē": "e",
+ "Ĕ": "E",
+ "ĕ": "e",
+ "Ė": "E",
+ "ė": "e",
+ "Ę": "E",
+ "ę": "e",
+ "Ě": "E",
+ "ě": "e",
+ "Ĝ": "G",
+ "Ǵ": "G",
+ "ĝ": "g",
+ "ǵ": "g",
+ "Ğ": "G",
+ "ğ": "g",
+ "Ġ": "G",
+ "ġ": "g",
+ "Ģ": "G",
+ "ģ": "g",
+ "Ĥ": "H",
+ "ĥ": "h",
+ "Ħ": "H",
+ "ħ": "h",
+ "Ḫ": "H",
+ "ḫ": "h",
+ "Ĩ": "I",
+ "ĩ": "i",
+ "Ī": "I",
+ "ī": "i",
+ "Ĭ": "I",
+ "ĭ": "i",
+ "Į": "I",
+ "į": "i",
+ "İ": "I",
+ "ı": "i",
+ "IJ": "IJ",
+ "ij": "ij",
+ "Ĵ": "J",
+ "ĵ": "j",
+ "Ķ": "K",
+ "ķ": "k",
+ "Ḱ": "K",
+ "ḱ": "k",
+ "K̆": "K",
+ "k̆": "k",
+ "Ĺ": "L",
+ "ĺ": "l",
+ "Ļ": "L",
+ "ļ": "l",
+ "Ľ": "L",
+ "ľ": "l",
+ "Ŀ": "L",
+ "ŀ": "l",
+ "Ł": "l",
+ "ł": "l",
+ "Ḿ": "M",
+ "ḿ": "m",
+ "M̆": "M",
+ "m̆": "m",
+ "Ń": "N",
+ "ń": "n",
+ "Ņ": "N",
+ "ņ": "n",
+ "Ň": "N",
+ "ň": "n",
+ "ʼn": "n",
+ "N̆": "N",
+ "n̆": "n",
+ "Ō": "O",
+ "ō": "o",
+ "Ŏ": "O",
+ "ŏ": "o",
+ "Ő": "O",
+ "ő": "o",
+ "Œ": "OE",
+ "œ": "oe",
+ "P̆": "P",
+ "p̆": "p",
+ "Ŕ": "R",
+ "ŕ": "r",
+ "Ŗ": "R",
+ "ŗ": "r",
+ "Ř": "R",
+ "ř": "r",
+ "R̆": "R",
+ "r̆": "r",
+ "Ȓ": "R",
+ "ȓ": "r",
+ "Ś": "S",
+ "ś": "s",
+ "Ŝ": "S",
+ "ŝ": "s",
+ "Ş": "S",
+ "Ș": "S",
+ "ș": "s",
+ "ş": "s",
+ "Š": "S",
+ "š": "s",
+ "Ţ": "T",
+ "ţ": "t",
+ "ț": "t",
+ "Ț": "T",
+ "Ť": "T",
+ "ť": "t",
+ "Ŧ": "T",
+ "ŧ": "t",
+ "T̆": "T",
+ "t̆": "t",
+ "Ũ": "U",
+ "ũ": "u",
+ "Ū": "U",
+ "ū": "u",
+ "Ŭ": "U",
+ "ŭ": "u",
+ "Ů": "U",
+ "ů": "u",
+ "Ű": "U",
+ "ű": "u",
+ "Ų": "U",
+ "ų": "u",
+ "Ȗ": "U",
+ "ȗ": "u",
+ "V̆": "V",
+ "v̆": "v",
+ "Ŵ": "W",
+ "ŵ": "w",
+ "Ẃ": "W",
+ "ẃ": "w",
+ "X̆": "X",
+ "x̆": "x",
+ "Ŷ": "Y",
+ "ŷ": "y",
+ "Ÿ": "Y",
+ "Y̆": "Y",
+ "y̆": "y",
+ "Ź": "Z",
+ "ź": "z",
+ "Ż": "Z",
+ "ż": "z",
+ "Ž": "Z",
+ "ž": "z",
+ "ſ": "s",
+ "ƒ": "f",
+ "Ơ": "O",
+ "ơ": "o",
+ "Ư": "U",
+ "ư": "u",
+ "Ǎ": "A",
+ "ǎ": "a",
+ "Ǐ": "I",
+ "ǐ": "i",
+ "Ǒ": "O",
+ "ǒ": "o",
+ "Ǔ": "U",
+ "ǔ": "u",
+ "Ǖ": "U",
+ "ǖ": "u",
+ "Ǘ": "U",
+ "ǘ": "u",
+ "Ǚ": "U",
+ "ǚ": "u",
+ "Ǜ": "U",
+ "ǜ": "u",
+ "Ứ": "U",
+ "ứ": "u",
+ "Ṹ": "U",
+ "ṹ": "u",
+ "Ǻ": "A",
+ "ǻ": "a",
+ "Ǽ": "AE",
+ "ǽ": "ae",
+ "Ǿ": "O",
+ "ǿ": "o",
+ "Þ": "TH",
+ "þ": "th",
+ "Ṕ": "P",
+ "ṕ": "p",
+ "Ṥ": "S",
+ "ṥ": "s",
+ "X́": "X",
+ "x́": "x",
+ "Ѓ": "Г",
+ "ѓ": "г",
+ "Ќ": "К",
+ "ќ": "к",
+ "A̋": "A",
+ "a̋": "a",
+ "E̋": "E",
+ "e̋": "e",
+ "I̋": "I",
+ "i̋": "i",
+ "Ǹ": "N",
+ "ǹ": "n",
+ "Ồ": "O",
+ "ồ": "o",
+ "Ṑ": "O",
+ "ṑ": "o",
+ "Ừ": "U",
+ "ừ": "u",
+ "Ẁ": "W",
+ "ẁ": "w",
+ "Ỳ": "Y",
+ "ỳ": "y",
+ "Ȁ": "A",
+ "ȁ": "a",
+ "Ȅ": "E",
+ "ȅ": "e",
+ "Ȉ": "I",
+ "ȉ": "i",
+ "Ȍ": "O",
+ "ȍ": "o",
+ "Ȑ": "R",
+ "ȑ": "r",
+ "Ȕ": "U",
+ "ȕ": "u",
+ "B̌": "B",
+ "b̌": "b",
+ "Č̣": "C",
+ "č̣": "c",
+ "Ê̌": "E",
+ "ê̌": "e",
+ "F̌": "F",
+ "f̌": "f",
+ "Ǧ": "G",
+ "ǧ": "g",
+ "Ȟ": "H",
+ "ȟ": "h",
+ "J̌": "J",
+ "ǰ": "j",
+ "Ǩ": "K",
+ "ǩ": "k",
+ "M̌": "M",
+ "m̌": "m",
+ "P̌": "P",
+ "p̌": "p",
+ "Q̌": "Q",
+ "q̌": "q",
+ "Ř̩": "R",
+ "ř̩": "r",
+ "Ṧ": "S",
+ "ṧ": "s",
+ "V̌": "V",
+ "v̌": "v",
+ "W̌": "W",
+ "w̌": "w",
+ "X̌": "X",
+ "x̌": "x",
+ "Y̌": "Y",
+ "y̌": "y",
+ "A̧": "A",
+ "a̧": "a",
+ "B̧": "B",
+ "b̧": "b",
+ "Ḑ": "D",
+ "ḑ": "d",
+ "Ȩ": "E",
+ "ȩ": "e",
+ "Ɛ̧": "E",
+ "ɛ̧": "e",
+ "Ḩ": "H",
+ "ḩ": "h",
+ "I̧": "I",
+ "i̧": "i",
+ "Ɨ̧": "I",
+ "ɨ̧": "i",
+ "M̧": "M",
+ "m̧": "m",
+ "O̧": "O",
+ "o̧": "o",
+ "Q̧": "Q",
+ "q̧": "q",
+ "U̧": "U",
+ "u̧": "u",
+ "X̧": "X",
+ "x̧": "x",
+ "Z̧": "Z",
+ "z̧": "z",
+ "й":"и",
+ "Й":"И",
+ "ё":"е",
+ "Ё":"Е",
+};
+
+var chars = Object.keys(characterMap).join('|');
+var allAccents = new RegExp(chars, 'g');
+var firstAccent = new RegExp(chars, '');
+
+function matcher(match) {
+ return characterMap[match];
+}
+
+var removeAccents = function(string) {
+ return string.replace(allAccents, matcher);
+};
+
+var hasAccents = function(string) {
+ return !!string.match(firstAccent);
+};
+
+module.exports = removeAccents;
+module.exports.has = hasAccents;
+module.exports.remove = removeAccents;
/***/ })
@@ -828,7 +611,7 @@
/******/ };
/******/
/******/ // Execute the module function
-/******/ __webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
@@ -836,931 +619,1211 @@
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
-/******/ !function() {
+/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
-/******/ __webpack_require__.n = function(module) {
+/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
-/******/ function() { return module['default']; } :
-/******/ function() { return module; };
+/******/ () => (module['default']) :
+/******/ () => (module);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
-/******/ }();
+/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
-/******/ !function() {
+/******/ (() => {
/******/ // define getter functions for harmony exports
-/******/ __webpack_require__.d = function(exports, definition) {
+/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
-/******/ }();
+/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
-/******/ !function() {
-/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
-/******/ }();
+/******/ (() => {
+/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
-/******/ !function() {
+/******/ (() => {
/******/ // define __esModule on exports
-/******/ __webpack_require__.r = function(exports) {
+/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
-/******/ }();
+/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry need to be wrapped in an IIFE because it need to be in strict mode.
-!function() {
+(() => {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
- "__experimentalGetCoreBlocks": function() { return /* binding */ __experimentalGetCoreBlocks; },
- "__experimentalRegisterExperimentalCoreBlocks": function() { return /* binding */ __experimentalRegisterExperimentalCoreBlocks; },
- "registerCoreBlocks": function() { return /* binding */ registerCoreBlocks; }
+ __experimentalGetCoreBlocks: () => (/* binding */ __experimentalGetCoreBlocks),
+ __experimentalRegisterExperimentalCoreBlocks: () => (/* binding */ __experimentalRegisterExperimentalCoreBlocks),
+ privateApis: () => (/* reexport */ privateApis),
+ registerCoreBlocks: () => (/* binding */ registerCoreBlocks)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/archives/index.js
var archives_namespaceObject = {};
__webpack_require__.r(archives_namespaceObject);
__webpack_require__.d(archives_namespaceObject, {
- "metadata": function() { return metadata; },
- "name": function() { return archives_name; },
- "settings": function() { return settings; }
+ init: () => (init),
+ metadata: () => (metadata),
+ name: () => (archives_name),
+ settings: () => (settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/avatar/index.js
var avatar_namespaceObject = {};
__webpack_require__.r(avatar_namespaceObject);
__webpack_require__.d(avatar_namespaceObject, {
- "metadata": function() { return avatar_metadata; },
- "name": function() { return avatar_name; },
- "settings": function() { return avatar_settings; }
+ init: () => (avatar_init),
+ metadata: () => (avatar_metadata),
+ name: () => (avatar_name),
+ settings: () => (avatar_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/audio/index.js
var build_module_audio_namespaceObject = {};
__webpack_require__.r(build_module_audio_namespaceObject);
__webpack_require__.d(build_module_audio_namespaceObject, {
- "metadata": function() { return audio_metadata; },
- "name": function() { return audio_name; },
- "settings": function() { return audio_settings; }
+ init: () => (audio_init),
+ metadata: () => (audio_metadata),
+ name: () => (audio_name),
+ settings: () => (audio_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/button/index.js
var build_module_button_namespaceObject = {};
__webpack_require__.r(build_module_button_namespaceObject);
__webpack_require__.d(build_module_button_namespaceObject, {
- "metadata": function() { return button_metadata; },
- "name": function() { return button_name; },
- "settings": function() { return button_settings; }
+ init: () => (button_init),
+ metadata: () => (button_metadata),
+ name: () => (button_name),
+ settings: () => (button_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/buttons/index.js
var build_module_buttons_namespaceObject = {};
__webpack_require__.r(build_module_buttons_namespaceObject);
__webpack_require__.d(build_module_buttons_namespaceObject, {
- "metadata": function() { return buttons_metadata; },
- "name": function() { return buttons_name; },
- "settings": function() { return buttons_settings; }
+ init: () => (buttons_init),
+ metadata: () => (buttons_metadata),
+ name: () => (buttons_name),
+ settings: () => (buttons_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/calendar/index.js
var build_module_calendar_namespaceObject = {};
__webpack_require__.r(build_module_calendar_namespaceObject);
__webpack_require__.d(build_module_calendar_namespaceObject, {
- "metadata": function() { return calendar_metadata; },
- "name": function() { return calendar_name; },
- "settings": function() { return calendar_settings; }
+ init: () => (calendar_init),
+ metadata: () => (calendar_metadata),
+ name: () => (calendar_name),
+ settings: () => (calendar_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/categories/index.js
var categories_namespaceObject = {};
__webpack_require__.r(categories_namespaceObject);
__webpack_require__.d(categories_namespaceObject, {
- "metadata": function() { return categories_metadata; },
- "name": function() { return categories_name; },
- "settings": function() { return categories_settings; }
+ init: () => (categories_init),
+ metadata: () => (categories_metadata),
+ name: () => (categories_name),
+ settings: () => (categories_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/freeform/index.js
var freeform_namespaceObject = {};
__webpack_require__.r(freeform_namespaceObject);
__webpack_require__.d(freeform_namespaceObject, {
- "metadata": function() { return freeform_metadata; },
- "name": function() { return freeform_name; },
- "settings": function() { return freeform_settings; }
+ init: () => (freeform_init),
+ metadata: () => (freeform_metadata),
+ name: () => (freeform_name),
+ settings: () => (freeform_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/code/index.js
var build_module_code_namespaceObject = {};
__webpack_require__.r(build_module_code_namespaceObject);
__webpack_require__.d(build_module_code_namespaceObject, {
- "metadata": function() { return code_metadata; },
- "name": function() { return code_name; },
- "settings": function() { return code_settings; }
+ init: () => (code_init),
+ metadata: () => (code_metadata),
+ name: () => (code_name),
+ settings: () => (code_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/column/index.js
var build_module_column_namespaceObject = {};
__webpack_require__.r(build_module_column_namespaceObject);
__webpack_require__.d(build_module_column_namespaceObject, {
- "metadata": function() { return column_metadata; },
- "name": function() { return column_name; },
- "settings": function() { return column_settings; }
+ init: () => (column_init),
+ metadata: () => (column_metadata),
+ name: () => (column_name),
+ settings: () => (column_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/columns/index.js
var build_module_columns_namespaceObject = {};
__webpack_require__.r(build_module_columns_namespaceObject);
__webpack_require__.d(build_module_columns_namespaceObject, {
- "metadata": function() { return columns_metadata; },
- "name": function() { return columns_name; },
- "settings": function() { return columns_settings; }
+ init: () => (columns_init),
+ metadata: () => (columns_metadata),
+ name: () => (columns_name),
+ settings: () => (columns_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comments/index.js
+var comments_namespaceObject = {};
+__webpack_require__.r(comments_namespaceObject);
+__webpack_require__.d(comments_namespaceObject, {
+ init: () => (comments_init),
+ metadata: () => (comments_metadata),
+ name: () => (comments_name),
+ settings: () => (comments_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comment-author-avatar/index.js
+var build_module_comment_author_avatar_namespaceObject = {};
+__webpack_require__.r(build_module_comment_author_avatar_namespaceObject);
+__webpack_require__.d(build_module_comment_author_avatar_namespaceObject, {
+ init: () => (comment_author_avatar_init),
+ metadata: () => (comment_author_avatar_metadata),
+ name: () => (comment_author_avatar_name),
+ settings: () => (comment_author_avatar_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comment-author-name/index.js
var build_module_comment_author_name_namespaceObject = {};
__webpack_require__.r(build_module_comment_author_name_namespaceObject);
__webpack_require__.d(build_module_comment_author_name_namespaceObject, {
- "metadata": function() { return comment_author_name_metadata; },
- "name": function() { return comment_author_name_name; },
- "settings": function() { return comment_author_name_settings; }
+ init: () => (comment_author_name_init),
+ metadata: () => (comment_author_name_metadata),
+ name: () => (comment_author_name_name),
+ settings: () => (comment_author_name_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comment-content/index.js
var build_module_comment_content_namespaceObject = {};
__webpack_require__.r(build_module_comment_content_namespaceObject);
__webpack_require__.d(build_module_comment_content_namespaceObject, {
- "metadata": function() { return comment_content_metadata; },
- "name": function() { return comment_content_name; },
- "settings": function() { return comment_content_settings; }
+ init: () => (comment_content_init),
+ metadata: () => (comment_content_metadata),
+ name: () => (comment_content_name),
+ settings: () => (comment_content_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comment-date/index.js
var comment_date_namespaceObject = {};
__webpack_require__.r(comment_date_namespaceObject);
__webpack_require__.d(comment_date_namespaceObject, {
- "metadata": function() { return comment_date_metadata; },
- "name": function() { return comment_date_name; },
- "settings": function() { return comment_date_settings; }
+ init: () => (comment_date_init),
+ metadata: () => (comment_date_metadata),
+ name: () => (comment_date_name),
+ settings: () => (comment_date_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comment-edit-link/index.js
var build_module_comment_edit_link_namespaceObject = {};
__webpack_require__.r(build_module_comment_edit_link_namespaceObject);
__webpack_require__.d(build_module_comment_edit_link_namespaceObject, {
- "metadata": function() { return comment_edit_link_metadata; },
- "name": function() { return comment_edit_link_name; },
- "settings": function() { return comment_edit_link_settings; }
+ init: () => (comment_edit_link_init),
+ metadata: () => (comment_edit_link_metadata),
+ name: () => (comment_edit_link_name),
+ settings: () => (comment_edit_link_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comment-reply-link/index.js
var build_module_comment_reply_link_namespaceObject = {};
__webpack_require__.r(build_module_comment_reply_link_namespaceObject);
__webpack_require__.d(build_module_comment_reply_link_namespaceObject, {
- "metadata": function() { return comment_reply_link_metadata; },
- "name": function() { return comment_reply_link_name; },
- "settings": function() { return comment_reply_link_settings; }
+ init: () => (comment_reply_link_init),
+ metadata: () => (comment_reply_link_metadata),
+ name: () => (comment_reply_link_name),
+ settings: () => (comment_reply_link_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comment-template/index.js
var comment_template_namespaceObject = {};
__webpack_require__.r(comment_template_namespaceObject);
__webpack_require__.d(comment_template_namespaceObject, {
- "metadata": function() { return comment_template_metadata; },
- "name": function() { return comment_template_name; },
- "settings": function() { return comment_template_settings; }
+ init: () => (comment_template_init),
+ metadata: () => (comment_template_metadata),
+ name: () => (comment_template_name),
+ settings: () => (comment_template_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comments-pagination-previous/index.js
var comments_pagination_previous_namespaceObject = {};
__webpack_require__.r(comments_pagination_previous_namespaceObject);
__webpack_require__.d(comments_pagination_previous_namespaceObject, {
- "metadata": function() { return comments_pagination_previous_metadata; },
- "name": function() { return comments_pagination_previous_name; },
- "settings": function() { return comments_pagination_previous_settings; }
-});
-
-// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comments-query-loop/index.js
-var comments_query_loop_namespaceObject = {};
-__webpack_require__.r(comments_query_loop_namespaceObject);
-__webpack_require__.d(comments_query_loop_namespaceObject, {
- "metadata": function() { return comments_query_loop_metadata; },
- "name": function() { return comments_query_loop_name; },
- "settings": function() { return comments_query_loop_settings; }
+ init: () => (comments_pagination_previous_init),
+ metadata: () => (comments_pagination_previous_metadata),
+ name: () => (comments_pagination_previous_name),
+ settings: () => (comments_pagination_previous_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comments-pagination/index.js
var comments_pagination_namespaceObject = {};
__webpack_require__.r(comments_pagination_namespaceObject);
__webpack_require__.d(comments_pagination_namespaceObject, {
- "metadata": function() { return comments_pagination_metadata; },
- "name": function() { return comments_pagination_name; },
- "settings": function() { return comments_pagination_settings; }
+ init: () => (comments_pagination_init),
+ metadata: () => (comments_pagination_metadata),
+ name: () => (comments_pagination_name),
+ settings: () => (comments_pagination_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comments-pagination-next/index.js
var comments_pagination_next_namespaceObject = {};
__webpack_require__.r(comments_pagination_next_namespaceObject);
__webpack_require__.d(comments_pagination_next_namespaceObject, {
- "metadata": function() { return comments_pagination_next_metadata; },
- "name": function() { return comments_pagination_next_name; },
- "settings": function() { return comments_pagination_next_settings; }
+ init: () => (comments_pagination_next_init),
+ metadata: () => (comments_pagination_next_metadata),
+ name: () => (comments_pagination_next_name),
+ settings: () => (comments_pagination_next_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comments-pagination-numbers/index.js
var comments_pagination_numbers_namespaceObject = {};
__webpack_require__.r(comments_pagination_numbers_namespaceObject);
__webpack_require__.d(comments_pagination_numbers_namespaceObject, {
- "metadata": function() { return comments_pagination_numbers_metadata; },
- "name": function() { return comments_pagination_numbers_name; },
- "settings": function() { return comments_pagination_numbers_settings; }
+ init: () => (comments_pagination_numbers_init),
+ metadata: () => (comments_pagination_numbers_metadata),
+ name: () => (comments_pagination_numbers_name),
+ settings: () => (comments_pagination_numbers_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/comments-title/index.js
var comments_title_namespaceObject = {};
__webpack_require__.r(comments_title_namespaceObject);
__webpack_require__.d(comments_title_namespaceObject, {
- "metadata": function() { return comments_title_metadata; },
- "name": function() { return comments_title_name; },
- "settings": function() { return comments_title_settings; }
+ init: () => (comments_title_init),
+ metadata: () => (comments_title_metadata),
+ name: () => (comments_title_name),
+ settings: () => (comments_title_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/cover/index.js
var build_module_cover_namespaceObject = {};
__webpack_require__.r(build_module_cover_namespaceObject);
__webpack_require__.d(build_module_cover_namespaceObject, {
- "metadata": function() { return cover_metadata; },
- "name": function() { return cover_name; },
- "settings": function() { return cover_settings; }
+ init: () => (cover_init),
+ metadata: () => (cover_metadata),
+ name: () => (cover_name),
+ settings: () => (cover_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/details/index.js
+var build_module_details_namespaceObject = {};
+__webpack_require__.r(build_module_details_namespaceObject);
+__webpack_require__.d(build_module_details_namespaceObject, {
+ init: () => (details_init),
+ metadata: () => (details_metadata),
+ name: () => (details_name),
+ settings: () => (details_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/embed/index.js
var embed_namespaceObject = {};
__webpack_require__.r(embed_namespaceObject);
__webpack_require__.d(embed_namespaceObject, {
- "metadata": function() { return embed_metadata; },
- "name": function() { return embed_name; },
- "settings": function() { return embed_settings; }
+ init: () => (embed_init),
+ metadata: () => (embed_metadata),
+ name: () => (embed_name),
+ settings: () => (embed_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/file/index.js
var build_module_file_namespaceObject = {};
__webpack_require__.r(build_module_file_namespaceObject);
__webpack_require__.d(build_module_file_namespaceObject, {
- "metadata": function() { return file_metadata; },
- "name": function() { return file_name; },
- "settings": function() { return file_settings; }
+ init: () => (file_init),
+ metadata: () => (file_metadata),
+ name: () => (file_name),
+ settings: () => (file_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/form/index.js
+var build_module_form_namespaceObject = {};
+__webpack_require__.r(build_module_form_namespaceObject);
+__webpack_require__.d(build_module_form_namespaceObject, {
+ init: () => (form_init),
+ metadata: () => (form_metadata),
+ name: () => (form_name),
+ settings: () => (form_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/form-input/index.js
+var form_input_namespaceObject = {};
+__webpack_require__.r(form_input_namespaceObject);
+__webpack_require__.d(form_input_namespaceObject, {
+ init: () => (form_input_init),
+ metadata: () => (form_input_metadata),
+ name: () => (form_input_name),
+ settings: () => (form_input_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/form-submit-button/index.js
+var form_submit_button_namespaceObject = {};
+__webpack_require__.r(form_submit_button_namespaceObject);
+__webpack_require__.d(form_submit_button_namespaceObject, {
+ init: () => (form_submit_button_init),
+ metadata: () => (form_submit_button_metadata),
+ name: () => (form_submit_button_name),
+ settings: () => (form_submit_button_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/form-submission-notification/index.js
+var form_submission_notification_namespaceObject = {};
+__webpack_require__.r(form_submission_notification_namespaceObject);
+__webpack_require__.d(form_submission_notification_namespaceObject, {
+ init: () => (form_submission_notification_init),
+ metadata: () => (form_submission_notification_metadata),
+ name: () => (form_submission_notification_name),
+ settings: () => (form_submission_notification_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/gallery/index.js
var build_module_gallery_namespaceObject = {};
__webpack_require__.r(build_module_gallery_namespaceObject);
__webpack_require__.d(build_module_gallery_namespaceObject, {
- "metadata": function() { return gallery_metadata; },
- "name": function() { return gallery_name; },
- "settings": function() { return gallery_settings; }
+ init: () => (gallery_init),
+ metadata: () => (gallery_metadata),
+ name: () => (gallery_name),
+ settings: () => (gallery_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/group/index.js
var build_module_group_namespaceObject = {};
__webpack_require__.r(build_module_group_namespaceObject);
__webpack_require__.d(build_module_group_namespaceObject, {
- "metadata": function() { return group_metadata; },
- "name": function() { return group_name; },
- "settings": function() { return group_settings; }
+ init: () => (group_init),
+ metadata: () => (group_metadata),
+ name: () => (group_name),
+ settings: () => (group_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/heading/index.js
var build_module_heading_namespaceObject = {};
__webpack_require__.r(build_module_heading_namespaceObject);
__webpack_require__.d(build_module_heading_namespaceObject, {
- "metadata": function() { return heading_metadata; },
- "name": function() { return heading_name; },
- "settings": function() { return heading_settings; }
+ init: () => (heading_init),
+ metadata: () => (heading_metadata),
+ name: () => (heading_name),
+ settings: () => (heading_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/home-link/index.js
var home_link_namespaceObject = {};
__webpack_require__.r(home_link_namespaceObject);
__webpack_require__.d(home_link_namespaceObject, {
- "metadata": function() { return home_link_metadata; },
- "name": function() { return home_link_name; },
- "settings": function() { return home_link_settings; }
+ init: () => (home_link_init),
+ metadata: () => (home_link_metadata),
+ name: () => (home_link_name),
+ settings: () => (home_link_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/html/index.js
var build_module_html_namespaceObject = {};
__webpack_require__.r(build_module_html_namespaceObject);
__webpack_require__.d(build_module_html_namespaceObject, {
- "metadata": function() { return html_metadata; },
- "name": function() { return html_name; },
- "settings": function() { return html_settings; }
+ init: () => (html_init),
+ metadata: () => (html_metadata),
+ name: () => (html_name),
+ settings: () => (html_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/image/index.js
var build_module_image_namespaceObject = {};
__webpack_require__.r(build_module_image_namespaceObject);
__webpack_require__.d(build_module_image_namespaceObject, {
- "metadata": function() { return image_metadata; },
- "name": function() { return image_name; },
- "settings": function() { return image_settings; }
+ init: () => (image_init),
+ metadata: () => (image_metadata),
+ name: () => (image_name),
+ settings: () => (image_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/latest-comments/index.js
var latest_comments_namespaceObject = {};
__webpack_require__.r(latest_comments_namespaceObject);
__webpack_require__.d(latest_comments_namespaceObject, {
- "metadata": function() { return latest_comments_metadata; },
- "name": function() { return latest_comments_name; },
- "settings": function() { return latest_comments_settings; }
+ init: () => (latest_comments_init),
+ metadata: () => (latest_comments_metadata),
+ name: () => (latest_comments_name),
+ settings: () => (latest_comments_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/latest-posts/index.js
var latest_posts_namespaceObject = {};
__webpack_require__.r(latest_posts_namespaceObject);
__webpack_require__.d(latest_posts_namespaceObject, {
- "metadata": function() { return latest_posts_metadata; },
- "name": function() { return latest_posts_name; },
- "settings": function() { return latest_posts_settings; }
+ init: () => (latest_posts_init),
+ metadata: () => (latest_posts_metadata),
+ name: () => (latest_posts_name),
+ settings: () => (latest_posts_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/list/index.js
var build_module_list_namespaceObject = {};
__webpack_require__.r(build_module_list_namespaceObject);
__webpack_require__.d(build_module_list_namespaceObject, {
- "metadata": function() { return list_metadata; },
- "name": function() { return list_name; },
- "settings": function() { return list_settings; }
+ init: () => (list_init),
+ metadata: () => (list_metadata),
+ name: () => (list_name),
+ settings: () => (list_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/list-item/index.js
+var build_module_list_item_namespaceObject = {};
+__webpack_require__.r(build_module_list_item_namespaceObject);
+__webpack_require__.d(build_module_list_item_namespaceObject, {
+ init: () => (list_item_init),
+ metadata: () => (list_item_metadata),
+ name: () => (list_item_name),
+ settings: () => (list_item_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/loginout/index.js
var loginout_namespaceObject = {};
__webpack_require__.r(loginout_namespaceObject);
__webpack_require__.d(loginout_namespaceObject, {
- "metadata": function() { return loginout_metadata; },
- "name": function() { return loginout_name; },
- "settings": function() { return loginout_settings; }
+ init: () => (loginout_init),
+ metadata: () => (loginout_metadata),
+ name: () => (loginout_name),
+ settings: () => (loginout_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/media-text/index.js
var media_text_namespaceObject = {};
__webpack_require__.r(media_text_namespaceObject);
__webpack_require__.d(media_text_namespaceObject, {
- "metadata": function() { return media_text_metadata; },
- "name": function() { return media_text_name; },
- "settings": function() { return media_text_settings; }
+ init: () => (media_text_init),
+ metadata: () => (media_text_metadata),
+ name: () => (media_text_name),
+ settings: () => (media_text_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/missing/index.js
var missing_namespaceObject = {};
__webpack_require__.r(missing_namespaceObject);
__webpack_require__.d(missing_namespaceObject, {
- "metadata": function() { return missing_metadata; },
- "name": function() { return missing_name; },
- "settings": function() { return missing_settings; }
+ init: () => (missing_init),
+ metadata: () => (missing_metadata),
+ name: () => (missing_name),
+ settings: () => (missing_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/more/index.js
var build_module_more_namespaceObject = {};
__webpack_require__.r(build_module_more_namespaceObject);
__webpack_require__.d(build_module_more_namespaceObject, {
- "metadata": function() { return more_metadata; },
- "name": function() { return more_name; },
- "settings": function() { return more_settings; }
+ init: () => (more_init),
+ metadata: () => (more_metadata),
+ name: () => (more_name),
+ settings: () => (more_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/navigation/index.js
var build_module_navigation_namespaceObject = {};
__webpack_require__.r(build_module_navigation_namespaceObject);
__webpack_require__.d(build_module_navigation_namespaceObject, {
- "metadata": function() { return navigation_metadata; },
- "name": function() { return navigation_name; },
- "settings": function() { return navigation_settings; }
+ init: () => (navigation_init),
+ metadata: () => (navigation_metadata),
+ name: () => (navigation_name),
+ settings: () => (navigation_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/navigation-link/index.js
var navigation_link_namespaceObject = {};
__webpack_require__.r(navigation_link_namespaceObject);
__webpack_require__.d(navigation_link_namespaceObject, {
- "metadata": function() { return navigation_link_metadata; },
- "name": function() { return navigation_link_name; },
- "settings": function() { return navigation_link_settings; }
+ init: () => (navigation_link_init),
+ metadata: () => (navigation_link_metadata),
+ name: () => (navigation_link_name),
+ settings: () => (navigation_link_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/navigation-submenu/index.js
var navigation_submenu_namespaceObject = {};
__webpack_require__.r(navigation_submenu_namespaceObject);
__webpack_require__.d(navigation_submenu_namespaceObject, {
- "metadata": function() { return navigation_submenu_metadata; },
- "name": function() { return navigation_submenu_name; },
- "settings": function() { return navigation_submenu_settings; }
+ init: () => (navigation_submenu_init),
+ metadata: () => (navigation_submenu_metadata),
+ name: () => (navigation_submenu_name),
+ settings: () => (navigation_submenu_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/nextpage/index.js
var nextpage_namespaceObject = {};
__webpack_require__.r(nextpage_namespaceObject);
__webpack_require__.d(nextpage_namespaceObject, {
- "metadata": function() { return nextpage_metadata; },
- "name": function() { return nextpage_name; },
- "settings": function() { return nextpage_settings; }
+ init: () => (nextpage_init),
+ metadata: () => (nextpage_metadata),
+ name: () => (nextpage_name),
+ settings: () => (nextpage_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/pattern/index.js
var pattern_namespaceObject = {};
__webpack_require__.r(pattern_namespaceObject);
__webpack_require__.d(pattern_namespaceObject, {
- "metadata": function() { return pattern_metadata; },
- "name": function() { return pattern_name; },
- "settings": function() { return pattern_settings; }
+ init: () => (pattern_init),
+ metadata: () => (pattern_metadata),
+ name: () => (pattern_name),
+ settings: () => (pattern_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/page-list/index.js
var page_list_namespaceObject = {};
__webpack_require__.r(page_list_namespaceObject);
__webpack_require__.d(page_list_namespaceObject, {
- "metadata": function() { return page_list_metadata; },
- "name": function() { return page_list_name; },
- "settings": function() { return page_list_settings; }
+ init: () => (page_list_init),
+ metadata: () => (page_list_metadata),
+ name: () => (page_list_name),
+ settings: () => (page_list_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/page-list-item/index.js
+var page_list_item_namespaceObject = {};
+__webpack_require__.r(page_list_item_namespaceObject);
+__webpack_require__.d(page_list_item_namespaceObject, {
+ init: () => (page_list_item_init),
+ metadata: () => (page_list_item_metadata),
+ name: () => (page_list_item_name),
+ settings: () => (page_list_item_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/paragraph/index.js
var build_module_paragraph_namespaceObject = {};
__webpack_require__.r(build_module_paragraph_namespaceObject);
__webpack_require__.d(build_module_paragraph_namespaceObject, {
- "metadata": function() { return paragraph_metadata; },
- "name": function() { return paragraph_name; },
- "settings": function() { return paragraph_settings; }
+ init: () => (paragraph_init),
+ metadata: () => (paragraph_metadata),
+ name: () => (paragraph_name),
+ settings: () => (paragraph_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-author/index.js
var build_module_post_author_namespaceObject = {};
__webpack_require__.r(build_module_post_author_namespaceObject);
__webpack_require__.d(build_module_post_author_namespaceObject, {
- "metadata": function() { return post_author_metadata; },
- "name": function() { return post_author_name; },
- "settings": function() { return post_author_settings; }
+ init: () => (post_author_init),
+ metadata: () => (post_author_metadata),
+ name: () => (post_author_name),
+ settings: () => (post_author_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-author-name/index.js
+var post_author_name_namespaceObject = {};
+__webpack_require__.r(post_author_name_namespaceObject);
+__webpack_require__.d(post_author_name_namespaceObject, {
+ init: () => (post_author_name_init),
+ metadata: () => (post_author_name_metadata),
+ name: () => (post_author_name_name),
+ settings: () => (post_author_name_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-author-biography/index.js
var post_author_biography_namespaceObject = {};
__webpack_require__.r(post_author_biography_namespaceObject);
__webpack_require__.d(post_author_biography_namespaceObject, {
- "metadata": function() { return post_author_biography_metadata; },
- "name": function() { return post_author_biography_name; },
- "settings": function() { return post_author_biography_settings; }
-});
-
-// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-comments/index.js
-var build_module_post_comments_namespaceObject = {};
-__webpack_require__.r(build_module_post_comments_namespaceObject);
-__webpack_require__.d(build_module_post_comments_namespaceObject, {
- "metadata": function() { return post_comments_metadata; },
- "name": function() { return post_comments_name; },
- "settings": function() { return post_comments_settings; }
+ init: () => (post_author_biography_init),
+ metadata: () => (post_author_biography_metadata),
+ name: () => (post_author_biography_name),
+ settings: () => (post_author_biography_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-comment/index.js
+var post_comment_namespaceObject = {};
+__webpack_require__.r(post_comment_namespaceObject);
+__webpack_require__.d(post_comment_namespaceObject, {
+ init: () => (post_comment_init),
+ metadata: () => (post_comment_metadata),
+ name: () => (post_comment_name),
+ settings: () => (post_comment_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-comments-count/index.js
+var build_module_post_comments_count_namespaceObject = {};
+__webpack_require__.r(build_module_post_comments_count_namespaceObject);
+__webpack_require__.d(build_module_post_comments_count_namespaceObject, {
+ init: () => (post_comments_count_init),
+ metadata: () => (post_comments_count_metadata),
+ name: () => (post_comments_count_name),
+ settings: () => (post_comments_count_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-comments-form/index.js
var build_module_post_comments_form_namespaceObject = {};
__webpack_require__.r(build_module_post_comments_form_namespaceObject);
__webpack_require__.d(build_module_post_comments_form_namespaceObject, {
- "metadata": function() { return post_comments_form_metadata; },
- "name": function() { return post_comments_form_name; },
- "settings": function() { return post_comments_form_settings; }
+ init: () => (post_comments_form_init),
+ metadata: () => (post_comments_form_metadata),
+ name: () => (post_comments_form_name),
+ settings: () => (post_comments_form_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-comments-link/index.js
+var post_comments_link_namespaceObject = {};
+__webpack_require__.r(post_comments_link_namespaceObject);
+__webpack_require__.d(post_comments_link_namespaceObject, {
+ init: () => (post_comments_link_init),
+ metadata: () => (post_comments_link_metadata),
+ name: () => (post_comments_link_name),
+ settings: () => (post_comments_link_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-content/index.js
var build_module_post_content_namespaceObject = {};
__webpack_require__.r(build_module_post_content_namespaceObject);
__webpack_require__.d(build_module_post_content_namespaceObject, {
- "metadata": function() { return post_content_metadata; },
- "name": function() { return post_content_name; },
- "settings": function() { return post_content_settings; }
+ init: () => (post_content_init),
+ metadata: () => (post_content_metadata),
+ name: () => (post_content_name),
+ settings: () => (post_content_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-date/index.js
var build_module_post_date_namespaceObject = {};
__webpack_require__.r(build_module_post_date_namespaceObject);
__webpack_require__.d(build_module_post_date_namespaceObject, {
- "metadata": function() { return post_date_metadata; },
- "name": function() { return post_date_name; },
- "settings": function() { return post_date_settings; }
+ init: () => (post_date_init),
+ metadata: () => (post_date_metadata),
+ name: () => (post_date_name),
+ settings: () => (post_date_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-excerpt/index.js
var build_module_post_excerpt_namespaceObject = {};
__webpack_require__.r(build_module_post_excerpt_namespaceObject);
__webpack_require__.d(build_module_post_excerpt_namespaceObject, {
- "metadata": function() { return post_excerpt_metadata; },
- "name": function() { return post_excerpt_name; },
- "settings": function() { return post_excerpt_settings; }
+ init: () => (post_excerpt_init),
+ metadata: () => (post_excerpt_metadata),
+ name: () => (post_excerpt_name),
+ settings: () => (post_excerpt_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-featured-image/index.js
var build_module_post_featured_image_namespaceObject = {};
__webpack_require__.r(build_module_post_featured_image_namespaceObject);
__webpack_require__.d(build_module_post_featured_image_namespaceObject, {
- "metadata": function() { return post_featured_image_metadata; },
- "name": function() { return post_featured_image_name; },
- "settings": function() { return post_featured_image_settings; }
+ init: () => (post_featured_image_init),
+ metadata: () => (post_featured_image_metadata),
+ name: () => (post_featured_image_name),
+ settings: () => (post_featured_image_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-navigation-link/index.js
var post_navigation_link_namespaceObject = {};
__webpack_require__.r(post_navigation_link_namespaceObject);
__webpack_require__.d(post_navigation_link_namespaceObject, {
- "metadata": function() { return post_navigation_link_metadata; },
- "name": function() { return post_navigation_link_name; },
- "settings": function() { return post_navigation_link_settings; }
+ init: () => (post_navigation_link_init),
+ metadata: () => (post_navigation_link_metadata),
+ name: () => (post_navigation_link_name),
+ settings: () => (post_navigation_link_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-template/index.js
var post_template_namespaceObject = {};
__webpack_require__.r(post_template_namespaceObject);
__webpack_require__.d(post_template_namespaceObject, {
- "metadata": function() { return post_template_metadata; },
- "name": function() { return post_template_name; },
- "settings": function() { return post_template_settings; }
+ init: () => (post_template_init),
+ metadata: () => (post_template_metadata),
+ name: () => (post_template_name),
+ settings: () => (post_template_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-terms/index.js
var build_module_post_terms_namespaceObject = {};
__webpack_require__.r(build_module_post_terms_namespaceObject);
__webpack_require__.d(build_module_post_terms_namespaceObject, {
- "metadata": function() { return post_terms_metadata; },
- "name": function() { return post_terms_name; },
- "settings": function() { return post_terms_settings; }
+ init: () => (post_terms_init),
+ metadata: () => (post_terms_metadata),
+ name: () => (post_terms_name),
+ settings: () => (post_terms_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-time-to-read/index.js
+var post_time_to_read_namespaceObject = {};
+__webpack_require__.r(post_time_to_read_namespaceObject);
+__webpack_require__.d(post_time_to_read_namespaceObject, {
+ init: () => (post_time_to_read_init),
+ metadata: () => (post_time_to_read_metadata),
+ name: () => (post_time_to_read_name),
+ settings: () => (post_time_to_read_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/post-title/index.js
-var build_module_post_title_namespaceObject = {};
-__webpack_require__.r(build_module_post_title_namespaceObject);
-__webpack_require__.d(build_module_post_title_namespaceObject, {
- "metadata": function() { return post_title_metadata; },
- "name": function() { return post_title_name; },
- "settings": function() { return post_title_settings; }
+var post_title_namespaceObject = {};
+__webpack_require__.r(post_title_namespaceObject);
+__webpack_require__.d(post_title_namespaceObject, {
+ init: () => (post_title_init),
+ metadata: () => (post_title_metadata),
+ name: () => (post_title_name),
+ settings: () => (post_title_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/preformatted/index.js
var build_module_preformatted_namespaceObject = {};
__webpack_require__.r(build_module_preformatted_namespaceObject);
__webpack_require__.d(build_module_preformatted_namespaceObject, {
- "metadata": function() { return preformatted_metadata; },
- "name": function() { return preformatted_name; },
- "settings": function() { return preformatted_settings; }
+ init: () => (preformatted_init),
+ metadata: () => (preformatted_metadata),
+ name: () => (preformatted_name),
+ settings: () => (preformatted_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/pullquote/index.js
var build_module_pullquote_namespaceObject = {};
__webpack_require__.r(build_module_pullquote_namespaceObject);
__webpack_require__.d(build_module_pullquote_namespaceObject, {
- "metadata": function() { return pullquote_metadata; },
- "name": function() { return pullquote_name; },
- "settings": function() { return pullquote_settings; }
+ init: () => (pullquote_init),
+ metadata: () => (pullquote_metadata),
+ name: () => (pullquote_name),
+ settings: () => (pullquote_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/query/index.js
var query_namespaceObject = {};
__webpack_require__.r(query_namespaceObject);
__webpack_require__.d(query_namespaceObject, {
- "metadata": function() { return query_metadata; },
- "name": function() { return query_name; },
- "settings": function() { return query_settings; }
+ init: () => (query_init),
+ metadata: () => (query_metadata),
+ name: () => (query_name),
+ settings: () => (query_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/query-no-results/index.js
var query_no_results_namespaceObject = {};
__webpack_require__.r(query_no_results_namespaceObject);
__webpack_require__.d(query_no_results_namespaceObject, {
- "metadata": function() { return query_no_results_metadata; },
- "name": function() { return query_no_results_name; },
- "settings": function() { return query_no_results_settings; }
+ init: () => (query_no_results_init),
+ metadata: () => (query_no_results_metadata),
+ name: () => (query_no_results_name),
+ settings: () => (query_no_results_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/query-pagination/index.js
var build_module_query_pagination_namespaceObject = {};
__webpack_require__.r(build_module_query_pagination_namespaceObject);
__webpack_require__.d(build_module_query_pagination_namespaceObject, {
- "metadata": function() { return query_pagination_metadata; },
- "name": function() { return query_pagination_name; },
- "settings": function() { return query_pagination_settings; }
+ init: () => (query_pagination_init),
+ metadata: () => (query_pagination_metadata),
+ name: () => (query_pagination_name),
+ settings: () => (query_pagination_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/query-pagination-next/index.js
var build_module_query_pagination_next_namespaceObject = {};
__webpack_require__.r(build_module_query_pagination_next_namespaceObject);
__webpack_require__.d(build_module_query_pagination_next_namespaceObject, {
- "metadata": function() { return query_pagination_next_metadata; },
- "name": function() { return query_pagination_next_name; },
- "settings": function() { return query_pagination_next_settings; }
+ init: () => (query_pagination_next_init),
+ metadata: () => (query_pagination_next_metadata),
+ name: () => (query_pagination_next_name),
+ settings: () => (query_pagination_next_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/query-pagination-numbers/index.js
var build_module_query_pagination_numbers_namespaceObject = {};
__webpack_require__.r(build_module_query_pagination_numbers_namespaceObject);
__webpack_require__.d(build_module_query_pagination_numbers_namespaceObject, {
- "metadata": function() { return query_pagination_numbers_metadata; },
- "name": function() { return query_pagination_numbers_name; },
- "settings": function() { return query_pagination_numbers_settings; }
+ init: () => (query_pagination_numbers_init),
+ metadata: () => (query_pagination_numbers_metadata),
+ name: () => (query_pagination_numbers_name),
+ settings: () => (query_pagination_numbers_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/query-pagination-previous/index.js
var build_module_query_pagination_previous_namespaceObject = {};
__webpack_require__.r(build_module_query_pagination_previous_namespaceObject);
__webpack_require__.d(build_module_query_pagination_previous_namespaceObject, {
- "metadata": function() { return query_pagination_previous_metadata; },
- "name": function() { return query_pagination_previous_name; },
- "settings": function() { return query_pagination_previous_settings; }
+ init: () => (query_pagination_previous_init),
+ metadata: () => (query_pagination_previous_metadata),
+ name: () => (query_pagination_previous_name),
+ settings: () => (query_pagination_previous_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/query-title/index.js
-var build_module_query_title_namespaceObject = {};
-__webpack_require__.r(build_module_query_title_namespaceObject);
-__webpack_require__.d(build_module_query_title_namespaceObject, {
- "metadata": function() { return query_title_metadata; },
- "name": function() { return query_title_name; },
- "settings": function() { return query_title_settings; }
+var query_title_namespaceObject = {};
+__webpack_require__.r(query_title_namespaceObject);
+__webpack_require__.d(query_title_namespaceObject, {
+ init: () => (query_title_init),
+ metadata: () => (query_title_metadata),
+ name: () => (query_title_name),
+ settings: () => (query_title_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/quote/index.js
var build_module_quote_namespaceObject = {};
__webpack_require__.r(build_module_quote_namespaceObject);
__webpack_require__.d(build_module_quote_namespaceObject, {
- "metadata": function() { return quote_metadata; },
- "name": function() { return quote_name; },
- "settings": function() { return quote_settings; },
- "settingsV1": function() { return quote_settingsV1; }
+ init: () => (quote_init),
+ metadata: () => (quote_metadata),
+ name: () => (quote_name),
+ settings: () => (quote_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/block/index.js
var block_namespaceObject = {};
__webpack_require__.r(block_namespaceObject);
__webpack_require__.d(block_namespaceObject, {
- "metadata": function() { return block_metadata; },
- "name": function() { return block_name; },
- "settings": function() { return block_settings; }
+ init: () => (block_init),
+ metadata: () => (block_metadata),
+ name: () => (block_name),
+ settings: () => (block_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/read-more/index.js
var read_more_namespaceObject = {};
__webpack_require__.r(read_more_namespaceObject);
__webpack_require__.d(read_more_namespaceObject, {
- "metadata": function() { return read_more_metadata; },
- "name": function() { return read_more_name; },
- "settings": function() { return read_more_settings; }
+ init: () => (read_more_init),
+ metadata: () => (read_more_metadata),
+ name: () => (read_more_name),
+ settings: () => (read_more_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/rss/index.js
var build_module_rss_namespaceObject = {};
__webpack_require__.r(build_module_rss_namespaceObject);
__webpack_require__.d(build_module_rss_namespaceObject, {
- "metadata": function() { return rss_metadata; },
- "name": function() { return rss_name; },
- "settings": function() { return rss_settings; }
+ init: () => (rss_init),
+ metadata: () => (rss_metadata),
+ name: () => (rss_name),
+ settings: () => (rss_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/search/index.js
var build_module_search_namespaceObject = {};
__webpack_require__.r(build_module_search_namespaceObject);
__webpack_require__.d(build_module_search_namespaceObject, {
- "metadata": function() { return search_metadata; },
- "name": function() { return search_name; },
- "settings": function() { return search_settings; }
+ init: () => (search_init),
+ metadata: () => (search_metadata),
+ name: () => (search_name),
+ settings: () => (search_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/separator/index.js
var build_module_separator_namespaceObject = {};
__webpack_require__.r(build_module_separator_namespaceObject);
__webpack_require__.d(build_module_separator_namespaceObject, {
- "metadata": function() { return separator_metadata; },
- "name": function() { return separator_name; },
- "settings": function() { return separator_settings; }
+ init: () => (separator_init),
+ metadata: () => (separator_metadata),
+ name: () => (separator_name),
+ settings: () => (separator_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/shortcode/index.js
var build_module_shortcode_namespaceObject = {};
__webpack_require__.r(build_module_shortcode_namespaceObject);
__webpack_require__.d(build_module_shortcode_namespaceObject, {
- "metadata": function() { return shortcode_metadata; },
- "name": function() { return shortcode_name; },
- "settings": function() { return shortcode_settings; }
+ init: () => (shortcode_init),
+ metadata: () => (shortcode_metadata),
+ name: () => (shortcode_name),
+ settings: () => (shortcode_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/site-logo/index.js
var build_module_site_logo_namespaceObject = {};
__webpack_require__.r(build_module_site_logo_namespaceObject);
__webpack_require__.d(build_module_site_logo_namespaceObject, {
- "metadata": function() { return site_logo_metadata; },
- "name": function() { return site_logo_name; },
- "settings": function() { return site_logo_settings; }
+ init: () => (site_logo_init),
+ metadata: () => (site_logo_metadata),
+ name: () => (site_logo_name),
+ settings: () => (site_logo_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/site-tagline/index.js
var site_tagline_namespaceObject = {};
__webpack_require__.r(site_tagline_namespaceObject);
__webpack_require__.d(site_tagline_namespaceObject, {
- "metadata": function() { return site_tagline_metadata; },
- "name": function() { return site_tagline_name; },
- "settings": function() { return site_tagline_settings; }
+ init: () => (site_tagline_init),
+ metadata: () => (site_tagline_metadata),
+ name: () => (site_tagline_name),
+ settings: () => (site_tagline_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/site-title/index.js
var site_title_namespaceObject = {};
__webpack_require__.r(site_title_namespaceObject);
__webpack_require__.d(site_title_namespaceObject, {
- "metadata": function() { return site_title_metadata; },
- "name": function() { return site_title_name; },
- "settings": function() { return site_title_settings; }
+ init: () => (site_title_init),
+ metadata: () => (site_title_metadata),
+ name: () => (site_title_name),
+ settings: () => (site_title_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/social-link/index.js
var social_link_namespaceObject = {};
__webpack_require__.r(social_link_namespaceObject);
__webpack_require__.d(social_link_namespaceObject, {
- "metadata": function() { return social_link_metadata; },
- "name": function() { return social_link_name; },
- "settings": function() { return social_link_settings; }
+ init: () => (social_link_init),
+ metadata: () => (social_link_metadata),
+ name: () => (social_link_name),
+ settings: () => (social_link_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/social-links/index.js
var social_links_namespaceObject = {};
__webpack_require__.r(social_links_namespaceObject);
__webpack_require__.d(social_links_namespaceObject, {
- "metadata": function() { return social_links_metadata; },
- "name": function() { return social_links_name; },
- "settings": function() { return social_links_settings; }
+ init: () => (social_links_init),
+ metadata: () => (social_links_metadata),
+ name: () => (social_links_name),
+ settings: () => (social_links_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/spacer/index.js
var spacer_namespaceObject = {};
__webpack_require__.r(spacer_namespaceObject);
__webpack_require__.d(spacer_namespaceObject, {
- "metadata": function() { return spacer_metadata; },
- "name": function() { return spacer_name; },
- "settings": function() { return spacer_settings; }
+ init: () => (spacer_init),
+ metadata: () => (spacer_metadata),
+ name: () => (spacer_name),
+ settings: () => (spacer_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/table/index.js
var build_module_table_namespaceObject = {};
__webpack_require__.r(build_module_table_namespaceObject);
__webpack_require__.d(build_module_table_namespaceObject, {
- "metadata": function() { return table_metadata; },
- "name": function() { return table_name; },
- "settings": function() { return table_settings; }
+ init: () => (table_init),
+ metadata: () => (table_metadata),
+ name: () => (table_name),
+ settings: () => (table_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/table-of-contents/index.js
+var build_module_table_of_contents_namespaceObject = {};
+__webpack_require__.r(build_module_table_of_contents_namespaceObject);
+__webpack_require__.d(build_module_table_of_contents_namespaceObject, {
+ init: () => (table_of_contents_init),
+ metadata: () => (table_of_contents_metadata),
+ name: () => (table_of_contents_name),
+ settings: () => (table_of_contents_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/tag-cloud/index.js
var tag_cloud_namespaceObject = {};
__webpack_require__.r(tag_cloud_namespaceObject);
__webpack_require__.d(tag_cloud_namespaceObject, {
- "metadata": function() { return tag_cloud_metadata; },
- "name": function() { return tag_cloud_name; },
- "settings": function() { return tag_cloud_settings; }
+ init: () => (tag_cloud_init),
+ metadata: () => (tag_cloud_metadata),
+ name: () => (tag_cloud_name),
+ settings: () => (tag_cloud_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/template-part/index.js
var template_part_namespaceObject = {};
__webpack_require__.r(template_part_namespaceObject);
__webpack_require__.d(template_part_namespaceObject, {
- "metadata": function() { return template_part_metadata; },
- "name": function() { return template_part_name; },
- "settings": function() { return template_part_settings; }
+ init: () => (template_part_init),
+ metadata: () => (template_part_metadata),
+ name: () => (template_part_name),
+ settings: () => (template_part_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/term-description/index.js
var build_module_term_description_namespaceObject = {};
__webpack_require__.r(build_module_term_description_namespaceObject);
__webpack_require__.d(build_module_term_description_namespaceObject, {
- "metadata": function() { return term_description_metadata; },
- "name": function() { return term_description_name; },
- "settings": function() { return term_description_settings; }
+ init: () => (term_description_init),
+ metadata: () => (term_description_metadata),
+ name: () => (term_description_name),
+ settings: () => (term_description_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/text-columns/index.js
var text_columns_namespaceObject = {};
__webpack_require__.r(text_columns_namespaceObject);
__webpack_require__.d(text_columns_namespaceObject, {
- "metadata": function() { return text_columns_metadata; },
- "name": function() { return text_columns_name; },
- "settings": function() { return text_columns_settings; }
+ init: () => (text_columns_init),
+ metadata: () => (text_columns_metadata),
+ name: () => (text_columns_name),
+ settings: () => (text_columns_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/verse/index.js
var build_module_verse_namespaceObject = {};
__webpack_require__.r(build_module_verse_namespaceObject);
__webpack_require__.d(build_module_verse_namespaceObject, {
- "metadata": function() { return verse_metadata; },
- "name": function() { return verse_name; },
- "settings": function() { return verse_settings; }
+ init: () => (verse_init),
+ metadata: () => (verse_metadata),
+ name: () => (verse_name),
+ settings: () => (verse_settings)
});
// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/video/index.js
var build_module_video_namespaceObject = {};
__webpack_require__.r(build_module_video_namespaceObject);
__webpack_require__.d(build_module_video_namespaceObject, {
- "metadata": function() { return video_metadata; },
- "name": function() { return video_name; },
- "settings": function() { return video_settings; }
+ init: () => (video_init),
+ metadata: () => (video_metadata),
+ name: () => (video_name),
+ settings: () => (video_settings)
+});
+
+// NAMESPACE OBJECT: ./node_modules/@wordpress/block-library/build-module/footnotes/index.js
+var footnotes_namespaceObject = {};
+__webpack_require__.r(footnotes_namespaceObject);
+__webpack_require__.d(footnotes_namespaceObject, {
+ init: () => (footnotes_init),
+ metadata: () => (footnotes_metadata),
+ name: () => (footnotes_name),
+ settings: () => (footnotes_settings)
});
;// CONCATENATED MODULE: external ["wp","blocks"]
-var external_wp_blocks_namespaceObject = window["wp"]["blocks"];
-;// CONCATENATED MODULE: external ["wp","element"]
-var external_wp_element_namespaceObject = window["wp"]["element"];
+const external_wp_blocks_namespaceObject = window["wp"]["blocks"];
;// CONCATENATED MODULE: external ["wp","primitives"]
-var external_wp_primitives_namespaceObject = window["wp"]["primitives"];
+const external_wp_primitives_namespaceObject = window["wp"]["primitives"];
+;// CONCATENATED MODULE: external "ReactJSXRuntime"
+const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/archive.js
-
-
-/**
- * WordPress dependencies
- */
-
-const archive = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19 6.2h-5.9l-.6-1.1c-.3-.7-1-1.1-1.8-1.1H5c-1.1 0-2 .9-2 2v11.8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8.2c0-1.1-.9-2-2-2zm.5 11.6c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h5.8c.2 0 .4.1.4.3l1 2H19c.3 0 .5.2.5.5v9.5zM8 12.8h8v-1.5H8v1.5zm0 3h8v-1.5H8v1.5z"
-}));
-/* harmony default export */ var library_archive = (archive);
+/**
+ * WordPress dependencies
+ */
+
+
+const archive = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ fillRule: "evenodd",
+ clipRule: "evenodd",
+ d: "M11.934 7.406a1 1 0 0 0 .914.594H19a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5h5.764a.5.5 0 0 1 .447.276l.723 1.63Zm1.064-1.216a.5.5 0 0 0 .462.31H19a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h5.764a2 2 0 0 1 1.789 1.106l.445 1.084ZM8.5 10.5h7V12h-7v-1.5Zm7 3.5h-7v1.5h7V14Z"
+ })
+});
+/* harmony default export */ const library_archive = (archive);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/utils/init-block.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Function to register an individual block.
+ *
+ * @param {Object} block The block to be registered.
+ *
+ * @return {WPBlockType | undefined} The block, if it has been successfully registered;
+ * otherwise `undefined`.
+ */
+function initBlock(block) {
+ if (!block) {
+ return;
+ }
+ const {
+ metadata,
+ settings,
+ name
+ } = block;
+ return (0,external_wp_blocks_namespaceObject.registerBlockType)({
+ name,
+ ...metadata
+ }, settings);
+}
;// CONCATENATED MODULE: external ["wp","components"]
-var external_wp_components_namespaceObject = window["wp"]["components"];
+const external_wp_components_namespaceObject = window["wp"]["components"];
;// CONCATENATED MODULE: external ["wp","i18n"]
-var external_wp_i18n_namespaceObject = window["wp"]["i18n"];
+const external_wp_i18n_namespaceObject = window["wp"]["i18n"];
;// CONCATENATED MODULE: external ["wp","blockEditor"]
-var external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"];
+const external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"];
;// CONCATENATED MODULE: external ["wp","serverSideRender"]
-var external_wp_serverSideRender_namespaceObject = window["wp"]["serverSideRender"];
+const external_wp_serverSideRender_namespaceObject = window["wp"]["serverSideRender"];
var external_wp_serverSideRender_default = /*#__PURE__*/__webpack_require__.n(external_wp_serverSideRender_namespaceObject);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/archives/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-function ArchivesEdit(_ref) {
- let {
- attributes,
- setAttributes
- } = _ref;
- const {
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+function ArchivesEdit({
+ attributes,
+ setAttributes
+}) {
+ const {
+ showLabel,
showPostCounts,
displayAsDropdown,
type
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Archives settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Display as dropdown'),
- checked: displayAsDropdown,
- onChange: () => setAttributes({
- displayAsDropdown: !displayAsDropdown
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show post counts'),
- checked: showPostCounts,
- onChange: () => setAttributes({
- showPostCounts: !showPostCounts
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Group by:'),
- options: [{
- label: (0,external_wp_i18n_namespaceObject.__)('Year'),
- value: 'yearly'
- }, {
- label: (0,external_wp_i18n_namespaceObject.__)('Month'),
- value: 'monthly'
- }, {
- label: (0,external_wp_i18n_namespaceObject.__)('Week'),
- value: 'weekly'
- }, {
- label: (0,external_wp_i18n_namespaceObject.__)('Day'),
- value: 'daily'
- }],
- value: type,
- onChange: value => setAttributes({
- type: value
- })
- }))), (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)(), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Disabled, null, (0,external_wp_element_namespaceObject.createElement)((external_wp_serverSideRender_default()), {
- block: "core/archives",
- attributes: attributes
- }))));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display as dropdown'),
+ checked: displayAsDropdown,
+ onChange: () => setAttributes({
+ displayAsDropdown: !displayAsDropdown
+ })
+ }), displayAsDropdown && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show label'),
+ checked: showLabel,
+ onChange: () => setAttributes({
+ showLabel: !showLabel
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show post counts'),
+ checked: showPostCounts,
+ onChange: () => setAttributes({
+ showPostCounts: !showPostCounts
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Group by:'),
+ options: [{
+ label: (0,external_wp_i18n_namespaceObject.__)('Year'),
+ value: 'yearly'
+ }, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Month'),
+ value: 'monthly'
+ }, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Week'),
+ value: 'weekly'
+ }, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Day'),
+ value: 'daily'
+ }],
+ value: type,
+ onChange: value => setAttributes({
+ type: value
+ })
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Disabled, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)((external_wp_serverSideRender_default()), {
+ block: "core/archives",
+ skipBlockSupportAttributes: true,
+ attributes: attributes
+ })
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/archives/index.js
@@ -1768,13 +1831,14 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/archives",
title: "Archives",
category: "widgets",
@@ -1785,6 +1849,10 @@
type: "boolean",
"default": false
},
+ showLabel: {
+ type: "boolean",
+ "default": true
+ },
showPostCounts: {
type: "boolean",
"default": false
@@ -1796,7 +1864,31 @@
},
supports: {
align: true,
- html: false
+ html: false,
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-archives-editor"
};
@@ -1810,50 +1902,37 @@
example: {},
edit: ArchivesEdit
};
+const init = () => initBlock({
+ name: archives_name,
+ metadata,
+ settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/comment-author-avatar.js
-
-
-/**
- * WordPress dependencies
- */
-
-const commentAuthorAvatar = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- fillRule: "evenodd",
- d: "M7.25 16.437a6.5 6.5 0 1 1 9.5 0V16A2.75 2.75 0 0 0 14 13.25h-4A2.75 2.75 0 0 0 7.25 16v.437Zm1.5 1.193a6.47 6.47 0 0 0 3.25.87 6.47 6.47 0 0 0 3.25-.87V16c0-.69-.56-1.25-1.25-1.25h-4c-.69 0-1.25.56-1.25 1.25v1.63ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm10-2a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z",
- clipRule: "evenodd"
-}));
-/* harmony default export */ var comment_author_avatar = (commentAuthorAvatar);
-
-;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
-function _extends() {
- _extends = Object.assign ? Object.assign.bind() : 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);
-}
-// EXTERNAL MODULE: ./node_modules/classnames/index.js
-var classnames = __webpack_require__(4403);
-var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
+/**
+ * WordPress dependencies
+ */
+
+
+const commentAuthorAvatar = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ fillRule: "evenodd",
+ d: "M7.25 16.437a6.5 6.5 0 1 1 9.5 0V16A2.75 2.75 0 0 0 14 13.25h-4A2.75 2.75 0 0 0 7.25 16v.437Zm1.5 1.193a6.47 6.47 0 0 0 3.25.87 6.47 6.47 0 0 0 3.25-.87V16c0-.69-.56-1.25-1.25-1.25h-4c-.69 0-1.25.56-1.25 1.25v1.63ZM4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm10-2a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z",
+ clipRule: "evenodd"
+ })
+});
+/* harmony default export */ const comment_author_avatar = (commentAuthorAvatar);
+
+;// CONCATENATED MODULE: ./node_modules/clsx/dist/clsx.mjs
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ const dist_clsx = (clsx);
;// CONCATENATED MODULE: external ["wp","url"]
-var external_wp_url_namespaceObject = window["wp"]["url"];
+const external_wp_url_namespaceObject = window["wp"]["url"];
;// CONCATENATED MODULE: external ["wp","coreData"]
-var external_wp_coreData_namespaceObject = window["wp"]["coreData"];
+const external_wp_coreData_namespaceObject = window["wp"]["coreData"];
;// CONCATENATED MODULE: external ["wp","data"]
-var external_wp_data_namespaceObject = window["wp"]["data"];
+const external_wp_data_namespaceObject = window["wp"]["data"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/avatar/hooks.js
/**
* WordPress dependencies
@@ -1862,7 +1941,6 @@
-
function getAvatarSizes(sizes) {
const minSize = sizes ? sizes[0] : 24;
const maxSize = sizes ? sizes[sizes.length - 1] : 96;
@@ -1872,7 +1950,6 @@
maxSize: maxSizeBuffer
};
}
-
function useDefaultAvatar() {
const {
avatarURL: defaultAvatarUrl
@@ -1887,11 +1964,9 @@
});
return defaultAvatarUrl;
}
-
-function useCommentAvatar(_ref) {
- let {
- commentId
- } = _ref;
+function useCommentAvatar({
+ commentId
+}) {
const [avatars] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'comment', 'author_avatar_urls', commentId);
const [authorName] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'comment', 'author_name', commentId);
const avatarUrls = avatars ? Object.values(avatars) : null;
@@ -1906,40 +1981,35 @@
minSize,
maxSize,
// translators: %s is the Author name.
- alt: authorName ? // translators: %s is the Author name.
+ alt: authorName ?
+ // translators: %s is the Author name.
(0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('%s Avatar'), authorName) : (0,external_wp_i18n_namespaceObject.__)('Default Avatar')
};
}
-function useUserAvatar(_ref2) {
- let {
- userId,
- postId,
- postType
- } = _ref2;
+function useUserAvatar({
+ userId,
+ postId,
+ postType
+}) {
const {
authorDetails
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _getEditedEntityRecor;
-
const {
getEditedEntityRecord,
getUser
} = select(external_wp_coreData_namespaceObject.store);
-
if (userId) {
return {
authorDetails: getUser(userId)
};
}
-
- const _authorId = (_getEditedEntityRecor = getEditedEntityRecord('postType', postType, postId)) === null || _getEditedEntityRecor === void 0 ? void 0 : _getEditedEntityRecor.author;
-
+ const _authorId = getEditedEntityRecord('postType', postType, postId)?.author;
return {
authorDetails: _authorId ? getUser(_authorId) : null
};
}, [postType, postId, userId]);
- const avatarUrls = authorDetails && authorDetails !== null && authorDetails !== void 0 && authorDetails.avatar_urls ? Object.values(authorDetails.avatar_urls) : null;
- const sizes = authorDetails && authorDetails !== null && authorDetails !== void 0 && authorDetails.avatar_urls ? Object.keys(authorDetails.avatar_urls) : null;
+ const avatarUrls = authorDetails?.avatar_urls ? Object.values(authorDetails.avatar_urls) : null;
+ const sizes = authorDetails?.avatar_urls ? Object.keys(authorDetails.avatar_urls) : null;
const {
minSize,
maxSize
@@ -1949,17 +2019,19 @@
src: avatarUrls ? avatarUrls[avatarUrls.length - 1] : defaultAvatar,
minSize,
maxSize,
- alt: authorDetails ? // translators: %s is the Author name.
- (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('%s Avatar'), authorDetails === null || authorDetails === void 0 ? void 0 : authorDetails.name) : (0,external_wp_i18n_namespaceObject.__)('Default Avatar')
- };
-}
-
+ alt: authorDetails ?
+ // translators: %s is the Author name.
+ (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('%s Avatar'), authorDetails?.name) : (0,external_wp_i18n_namespaceObject.__)('Default Avatar')
+ };
+}
+
+;// CONCATENATED MODULE: external ["wp","element"]
+const external_wp_element_namespaceObject = window["wp"]["element"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/avatar/user-control.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
@@ -1971,12 +2043,10 @@
_fields: 'id,name',
context: 'view'
};
-
-function UserControl(_ref) {
- let {
- value,
- onChange
- } = _ref;
+function UserControl({
+ value,
+ onChange
+}) {
const [filteredAuthorsList, setFilteredAuthorsList] = (0,external_wp_element_namespaceObject.useState)();
const authorsList = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
@@ -1984,18 +2054,17 @@
} = select(external_wp_coreData_namespaceObject.store);
return getUsers(AUTHORS_QUERY);
}, []);
-
if (!authorsList) {
return null;
}
-
const options = authorsList.map(author => {
return {
label: author.name,
value: author.id
};
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ComboboxControl, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ComboboxControl, {
+ __nextHasNoMarginBottom: true,
label: (0,external_wp_i18n_namespaceObject.__)('User'),
help: (0,external_wp_i18n_namespaceObject.__)('Select the avatar user to display, if it is blank it will use the post/page author.'),
value: value,
@@ -2004,122 +2073,120 @@
onFilterValueChange: inputValue => setFilteredAuthorsList(options.filter(option => option.label.toLowerCase().startsWith(inputValue.toLowerCase())))
});
}
-
-/* harmony default export */ var user_control = (UserControl);
+/* harmony default export */ const user_control = (UserControl);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/avatar/edit.js
-
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-
-const AvatarInspectorControls = _ref => {
- let {
- setAttributes,
- avatar,
- attributes,
- selectUser
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Image size'),
- onChange: newSize => setAttributes({
- size: newSize
- }),
- min: avatar.minSize,
- max: avatar.maxSize,
- initialPosition: attributes === null || attributes === void 0 ? void 0 : attributes.size,
- value: attributes === null || attributes === void 0 ? void 0 : attributes.size
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Link to user profile'),
- onChange: () => setAttributes({
- isLink: !attributes.isLink
- }),
- checked: attributes.isLink
- }), attributes.isLink && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
- onChange: value => setAttributes({
- linkTarget: value ? '_blank' : '_self'
- }),
- checked: attributes.linkTarget === '_blank'
- }), selectUser && (0,external_wp_element_namespaceObject.createElement)(user_control, {
- value: attributes === null || attributes === void 0 ? void 0 : attributes.userId,
- onChange: value => {
- setAttributes({
- userId: value
- });
- }
- })));
-};
-
-const ResizableAvatar = _ref2 => {
- let {
- setAttributes,
- attributes,
- avatar,
- blockProps,
- isSelected
- } = _ref2;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+const AvatarInspectorControls = ({
+ setAttributes,
+ avatar,
+ attributes,
+ selectUser
+}) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Image size'),
+ onChange: newSize => setAttributes({
+ size: newSize
+ }),
+ min: avatar.minSize,
+ max: avatar.maxSize,
+ initialPosition: attributes?.size,
+ value: attributes?.size
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link to user profile'),
+ onChange: () => setAttributes({
+ isLink: !attributes.isLink
+ }),
+ checked: attributes.isLink
+ }), attributes.isLink && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
+ onChange: value => setAttributes({
+ linkTarget: value ? '_blank' : '_self'
+ }),
+ checked: attributes.linkTarget === '_blank'
+ }), selectUser && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(user_control, {
+ value: attributes?.userId,
+ onChange: value => {
+ setAttributes({
+ userId: value
+ });
+ }
+ })]
+ })
+});
+const ResizableAvatar = ({
+ setAttributes,
+ attributes,
+ avatar,
+ blockProps,
+ isSelected
+}) => {
const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseBorderProps)(attributes);
- const doubledSizedSrc = (0,external_wp_url_namespaceObject.addQueryArgs)((0,external_wp_url_namespaceObject.removeQueryArgs)(avatar === null || avatar === void 0 ? void 0 : avatar.src, ['s']), {
- s: (attributes === null || attributes === void 0 ? void 0 : attributes.size) * 2
- });
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ResizableBox, {
- size: {
- width: attributes.size,
- height: attributes.size
- },
- showHandle: isSelected,
- onResizeStop: (event, direction, elt, delta) => {
- setAttributes({
- size: parseInt(attributes.size + (delta.height || delta.width), 10)
- });
- },
- lockAspectRatio: true,
- enable: {
- top: false,
- right: !(0,external_wp_i18n_namespaceObject.isRTL)(),
- bottom: true,
- left: (0,external_wp_i18n_namespaceObject.isRTL)()
- },
- minWidth: avatar.minSize,
- maxWidth: avatar.maxSize
- }, (0,external_wp_element_namespaceObject.createElement)("img", _extends({
- src: doubledSizedSrc,
- alt: avatar.alt
- }, borderProps, {
- className: classnames_default()('avatar', 'avatar-' + attributes.size, 'photo', 'wp-block-avatar__image', borderProps.className),
- style: { ...borderProps.style // Border radius, width and style.
-
- }
- }))));
-};
-
-const CommentEdit = _ref3 => {
- let {
- attributes,
- context,
- setAttributes,
- isSelected
- } = _ref3;
+ const doubledSizedSrc = (0,external_wp_url_namespaceObject.addQueryArgs)((0,external_wp_url_namespaceObject.removeQueryArgs)(avatar?.src, ['s']), {
+ s: attributes?.size * 2
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ResizableBox, {
+ size: {
+ width: attributes.size,
+ height: attributes.size
+ },
+ showHandle: isSelected,
+ onResizeStop: (event, direction, elt, delta) => {
+ setAttributes({
+ size: parseInt(attributes.size + (delta.height || delta.width), 10)
+ });
+ },
+ lockAspectRatio: true,
+ enable: {
+ top: false,
+ right: !(0,external_wp_i18n_namespaceObject.isRTL)(),
+ bottom: true,
+ left: (0,external_wp_i18n_namespaceObject.isRTL)()
+ },
+ minWidth: avatar.minSize,
+ maxWidth: avatar.maxSize,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: doubledSizedSrc,
+ alt: avatar.alt,
+ className: dist_clsx('avatar', 'avatar-' + attributes.size, 'photo', 'wp-block-avatar__image', borderProps.className),
+ style: borderProps.style
+ })
+ })
+ });
+};
+const CommentEdit = ({
+ attributes,
+ context,
+ setAttributes,
+ isSelected
+}) => {
const {
commentId
} = context;
@@ -2127,80 +2194,84 @@
const avatar = useCommentAvatar({
commentId
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(AvatarInspectorControls, {
- avatar: avatar,
- setAttributes: setAttributes,
- attributes: attributes,
- selectUser: false
- }), attributes.isLink ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "#avatar-pseudo-link",
- className: "wp-block-avatar__link",
- onClick: event => event.preventDefault()
- }, (0,external_wp_element_namespaceObject.createElement)(ResizableAvatar, {
- attributes: attributes,
- avatar: avatar,
- blockProps: blockProps,
- isSelected: isSelected,
- setAttributes: setAttributes
- })) : (0,external_wp_element_namespaceObject.createElement)(ResizableAvatar, {
- attributes: attributes,
- avatar: avatar,
- blockProps: blockProps,
- isSelected: isSelected,
- setAttributes: setAttributes
- }));
-};
-
-const UserEdit = _ref4 => {
- let {
- attributes,
- context,
- setAttributes,
- isSelected
- } = _ref4;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(AvatarInspectorControls, {
+ avatar: avatar,
+ setAttributes: setAttributes,
+ attributes: attributes,
+ selectUser: false
+ }), attributes.isLink ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: "#avatar-pseudo-link",
+ className: "wp-block-avatar__link",
+ onClick: event => event.preventDefault(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResizableAvatar, {
+ attributes: attributes,
+ avatar: avatar,
+ blockProps: blockProps,
+ isSelected: isSelected,
+ setAttributes: setAttributes
+ })
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResizableAvatar, {
+ attributes: attributes,
+ avatar: avatar,
+ blockProps: blockProps,
+ isSelected: isSelected,
+ setAttributes: setAttributes
+ })]
+ });
+};
+const UserEdit = ({
+ attributes,
+ context,
+ setAttributes,
+ isSelected
+}) => {
const {
postId,
postType
} = context;
const avatar = useUserAvatar({
- userId: attributes === null || attributes === void 0 ? void 0 : attributes.userId,
+ userId: attributes?.userId,
postId,
postType
});
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(AvatarInspectorControls, {
- selectUser: true,
- attributes: attributes,
- avatar: avatar,
- setAttributes: setAttributes
- }), (0,external_wp_element_namespaceObject.createElement)("div", null, attributes.isLink ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "#avatar-pseudo-link",
- className: "wp-block-avatar__link",
- onClick: event => event.preventDefault()
- }, (0,external_wp_element_namespaceObject.createElement)(ResizableAvatar, {
- attributes: attributes,
- avatar: avatar,
- blockProps: blockProps,
- isSelected: isSelected,
- setAttributes: setAttributes
- })) : (0,external_wp_element_namespaceObject.createElement)(ResizableAvatar, {
- attributes: attributes,
- avatar: avatar,
- blockProps: blockProps,
- isSelected: isSelected,
- setAttributes: setAttributes
- })));
-};
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(AvatarInspectorControls, {
+ selectUser: true,
+ attributes: attributes,
+ avatar: avatar,
+ setAttributes: setAttributes
+ }), attributes.isLink ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: "#avatar-pseudo-link",
+ className: "wp-block-avatar__link",
+ onClick: event => event.preventDefault(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResizableAvatar, {
+ attributes: attributes,
+ avatar: avatar,
+ blockProps: blockProps,
+ isSelected: isSelected,
+ setAttributes: setAttributes
+ })
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResizableAvatar, {
+ attributes: attributes,
+ avatar: avatar,
+ blockProps: blockProps,
+ isSelected: isSelected,
+ setAttributes: setAttributes
+ })]
+ });
+};
function Edit(props) {
- var _props$context, _props$context2;
-
// Don't show the Comment Edit controls if we have a comment ID set, or if we're in the Site Editor (where it is `null`).
- if (props !== null && props !== void 0 && (_props$context = props.context) !== null && _props$context !== void 0 && _props$context.commentId || (props === null || props === void 0 ? void 0 : (_props$context2 = props.context) === null || _props$context2 === void 0 ? void 0 : _props$context2.commentId) === null) {
- return (0,external_wp_element_namespaceObject.createElement)(CommentEdit, props);
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(UserEdit, props);
+ if (props?.context?.commentId || props?.context?.commentId === null) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommentEdit, {
+ ...props
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(UserEdit, {
+ ...props
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/avatar/index.js
@@ -2208,17 +2279,18 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const avatar_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/avatar",
title: "Avatar",
category: "theme",
- description: "Add a user's avatar.",
+ description: "Add a user\u2019s avatar.",
textdomain: "default",
attributes: {
userId: {
@@ -2243,7 +2315,12 @@
align: true,
alignWide: false,
spacing: {
- margin: true
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
},
__experimentalBorder: {
__experimentalSkipSerialization: true,
@@ -2259,9 +2336,15 @@
text: false,
background: false,
__experimentalDuotone: "img"
- }
- },
- editorStyle: "wp-block-avatar",
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ },
+ selectors: {
+ border: ".wp-block-avatar img"
+ },
+ editorStyle: "wp-block-avatar-editor",
style: "wp-block-avatar"
};
@@ -2273,30 +2356,35 @@
icon: comment_author_avatar,
edit: Edit
};
+const avatar_init = () => initBlock({
+ name: avatar_name,
+ metadata: avatar_metadata,
+ settings: avatar_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/audio.js
-
-
-/**
- * WordPress dependencies
- */
-
-const audio = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M17.7 4.3c-1.2 0-2.8 0-3.8 1-.6.6-.9 1.5-.9 2.6V14c-.6-.6-1.5-1-2.5-1C8.6 13 7 14.6 7 16.5S8.6 20 10.5 20c1.5 0 2.8-1 3.3-2.3.5-.8.7-1.8.7-2.5V7.9c0-.7.2-1.2.5-1.6.6-.6 1.8-.6 2.8-.6h.3V4.3h-.4z"
-}));
-/* harmony default export */ var library_audio = (audio);
+/**
+ * WordPress dependencies
+ */
+
+
+const audio = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M17.7 4.3c-1.2 0-2.8 0-3.8 1-.6.6-.9 1.5-.9 2.6V14c-.6-.6-1.5-1-2.5-1C8.6 13 7 14.6 7 16.5S8.6 20 10.5 20c1.5 0 2.8-1 3.3-2.3.5-.8.7-1.8.7-2.5V7.9c0-.7.2-1.2.5-1.6.6-.6 1.8-.6 2.8-.6h.3V4.3h-.4z"
+ })
+});
+/* harmony default export */ const library_audio = (audio);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/audio/deprecated.js
-
-
-/**
- * WordPress dependencies
- */
-
-/* harmony default export */ var deprecated = ([{
+/**
+ * WordPress dependencies
+ */
+
+
+
+/* harmony default export */ const deprecated = ([{
attributes: {
src: {
type: 'string',
@@ -2334,11 +2422,9 @@
supports: {
align: true
},
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+ save({
+ attributes
+ }) {
const {
autoplay,
caption,
@@ -2346,24 +2432,190 @@
preload,
src
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("figure", null, (0,external_wp_element_namespaceObject.createElement)("audio", {
- controls: "controls",
- src: src,
- autoPlay: autoplay,
- loop: loop,
- preload: preload
- }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: caption
- }));
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("audio", {
+ controls: "controls",
+ src: src,
+ autoPlay: autoplay,
+ loop: loop,
+ preload: preload
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ }
}]);
;// CONCATENATED MODULE: external ["wp","blob"]
-var external_wp_blob_namespaceObject = window["wp"]["blob"];
+const external_wp_blob_namespaceObject = window["wp"]["blob"];
+;// CONCATENATED MODULE: external ["wp","notices"]
+const external_wp_notices_namespaceObject = window["wp"]["notices"];
+;// CONCATENATED MODULE: ./node_modules/memize/dist/index.js
+/**
+ * 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 {(...args: any[]) => any} F
+ *
+ * @param {F} fn Function to memoize.
+ * @param {MemizeOptions} [options] Options object.
+ *
+ * @return {((...args: Parameters<F>) => ReturnType<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;
+ };
+
+ // 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;
+}
+
+
+
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/constants.js
-const ASPECT_RATIOS = [// Common video resolutions.
+const ASPECT_RATIOS = [
+// Common video resolutions.
{
ratio: '2.33',
className: 'wp-embed-aspect-21-9'
@@ -2376,7 +2628,8 @@
}, {
ratio: '1.33',
className: 'wp-embed-aspect-4-3'
-}, // Vertical video and instagram square video support.
+},
+// Vertical video and instagram square video support.
{
ratio: '1.00',
className: 'wp-embed-aspect-1-1'
@@ -2389,41 +2642,38 @@
}];
const WP_EMBED_TYPE = 'wp-embed';
-;// CONCATENATED MODULE: external "lodash"
-var external_lodash_namespaceObject = window["lodash"];
-// EXTERNAL MODULE: ./node_modules/classnames/dedupe.js
-var dedupe = __webpack_require__(3827);
-var dedupe_default = /*#__PURE__*/__webpack_require__.n(dedupe);
-// EXTERNAL MODULE: ./node_modules/memize/index.js
-var memize = __webpack_require__(9756);
-var memize_default = /*#__PURE__*/__webpack_require__.n(memize);
+;// CONCATENATED MODULE: external ["wp","privateApis"]
+const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/lock-unlock.js
+/**
+ * WordPress dependencies
+ */
+
+const {
+ lock,
+ unlock
+} = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.', '@wordpress/block-library');
+
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/util.js
-
-
-/**
- * Internal dependencies
- */
-
-/**
- * External dependencies
- */
-
-
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-/**
- * Internal dependencies
- */
-
+/**
+ * External dependencies
+ */
+
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * Internal dependencies
+ */
const util_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/embed",
title: "Embed",
category: "embed",
@@ -2431,18 +2681,22 @@
textdomain: "default",
attributes: {
url: {
- type: "string"
+ type: "string",
+ __experimentalRole: "content"
},
caption: {
- type: "string",
- source: "html",
- selector: "figcaption"
+ type: "rich-text",
+ source: "rich-text",
+ selector: "figcaption",
+ __experimentalRole: "content"
},
type: {
- type: "string"
+ type: "string",
+ __experimentalRole: "content"
},
providerNameSlug: {
- type: "string"
+ type: "string",
+ __experimentalRole: "content"
},
allowResponsive: {
type: "boolean",
@@ -2450,22 +2704,37 @@
},
responsive: {
type: "boolean",
- "default": false
+ "default": false,
+ __experimentalRole: "content"
},
previewable: {
type: "boolean",
- "default": true
- }
- },
- supports: {
- align: true
+ "default": true,
+ __experimentalRole: "content"
+ }
+ },
+ supports: {
+ align: true,
+ spacing: {
+ margin: true
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-embed-editor",
style: "wp-block-embed"
};
+
+
+
const {
name: DEFAULT_EMBED_BLOCK
} = util_metadata;
+const {
+ kebabCase
+} = unlock(external_wp_components_namespaceObject.privateApis);
+
/** @typedef {import('@wordpress/blocks').WPBlockVariation} WPBlockVariation */
/**
@@ -2474,17 +2743,10 @@
* @param {string} provider The embed block's provider
* @return {WPBlockVariation} The embed block's information
*/
-
-const getEmbedInfoByProvider = provider => {
- var _getBlockVariations;
-
- return (_getBlockVariations = (0,external_wp_blocks_namespaceObject.getBlockVariations)(DEFAULT_EMBED_BLOCK)) === null || _getBlockVariations === void 0 ? void 0 : _getBlockVariations.find(_ref => {
- let {
- name
- } = _ref;
- return name === provider;
- });
-};
+const getEmbedInfoByProvider = provider => (0,external_wp_blocks_namespaceObject.getBlockVariations)(DEFAULT_EMBED_BLOCK)?.find(({
+ name
+}) => name === provider);
+
/**
* Returns true if any of the regular expressions match the URL.
*
@@ -2492,11 +2754,8 @@
* @param {Array} patterns The list of regular expressions to test agains.
* @return {boolean} True if any of the regular expressions match the URL.
*/
-
-const matchesPatterns = function (url) {
- let patterns = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
- return patterns.some(pattern => url.match(pattern));
-};
+const matchesPatterns = (url, patterns = []) => patterns.some(pattern => url.match(pattern));
+
/**
* Finds the block variation that should be used for the URL,
* based on the provided URL and the variation's patterns.
@@ -2504,29 +2763,26 @@
* @param {string} url The URL to test.
* @return {WPBlockVariation} The block variation that should be used for this URL
*/
-
-const findMoreSuitableBlock = url => {
- var _getBlockVariations2;
-
- return (_getBlockVariations2 = (0,external_wp_blocks_namespaceObject.getBlockVariations)(DEFAULT_EMBED_BLOCK)) === null || _getBlockVariations2 === void 0 ? void 0 : _getBlockVariations2.find(_ref2 => {
- let {
- patterns
- } = _ref2;
- return matchesPatterns(url, patterns);
- });
-};
+const findMoreSuitableBlock = url => (0,external_wp_blocks_namespaceObject.getBlockVariations)(DEFAULT_EMBED_BLOCK)?.find(({
+ patterns
+}) => matchesPatterns(url, patterns));
const isFromWordPress = html => html && html.includes('class="wp-embedded-content"');
const getPhotoHtml = photo => {
+ // If full image url not found use thumbnail.
+ const imageUrl = photo.url || photo.thumbnail_url;
+
// 100% width for the preview so it fits nicely into the document, some "thumbnails" are
- // actually the full size photo. If thumbnails not found, use full image.
- const imageUrl = photo.thumbnail_url || photo.url;
- const photoPreview = (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_element_namespaceObject.createElement)("img", {
- src: imageUrl,
- alt: photo.title,
- width: "100%"
- }));
+ // actually the full size photo.
+ const photoPreview = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: imageUrl,
+ alt: photo.title,
+ width: "100%"
+ })
+ });
return (0,external_wp_element_namespaceObject.renderToString)(photoPreview);
};
+
/**
* Creates a more suitable embed block based on the passed in props
* and attributes generated from an embed block's preview.
@@ -2541,11 +2797,7 @@
* @param {Object} [attributesFromPreview] Attributes generated from the block's most up to date preview.
* @return {Object|undefined} A more suitable embed block if one exists.
*/
-
-const createUpgradedEmbedBlock = function (props) {
- var _getBlockVariations3;
-
- let attributesFromPreview = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+const createUpgradedEmbedBlock = (props, attributesFromPreview = {}) => {
const {
preview,
attributes = {}
@@ -2556,15 +2808,17 @@
type,
...restAttributes
} = attributes;
- if (!url || !(0,external_wp_blocks_namespaceObject.getBlockType)(DEFAULT_EMBED_BLOCK)) return;
- const matchedBlock = findMoreSuitableBlock(url); // WordPress blocks can work on multiple sites, and so don't have patterns,
+ if (!url || !(0,external_wp_blocks_namespaceObject.getBlockType)(DEFAULT_EMBED_BLOCK)) {
+ return;
+ }
+ const matchedBlock = findMoreSuitableBlock(url);
+
+ // WordPress blocks can work on multiple sites, and so don't have patterns,
// so if we're in a WordPress block, assume the user has chosen it for a WordPress URL.
-
- const isCurrentBlockWP = providerNameSlug === 'wordpress' || type === WP_EMBED_TYPE; // If current block is not WordPress and a more suitable block found
+ const isCurrentBlockWP = providerNameSlug === 'wordpress' || type === WP_EMBED_TYPE;
+ // If current block is not WordPress and a more suitable block found
// that is different from the current one, create the new matched block.
-
const shouldCreateNewBlock = !isCurrentBlockWP && matchedBlock && (matchedBlock.attributes.providerNameSlug !== providerNameSlug || !providerNameSlug);
-
if (shouldCreateNewBlock) {
return (0,external_wp_blocks_namespaceObject.createBlock)(DEFAULT_EMBED_BLOCK, {
url,
@@ -2572,19 +2826,16 @@
...matchedBlock.attributes
});
}
-
- const wpVariation = (_getBlockVariations3 = (0,external_wp_blocks_namespaceObject.getBlockVariations)(DEFAULT_EMBED_BLOCK)) === null || _getBlockVariations3 === void 0 ? void 0 : _getBlockVariations3.find(_ref3 => {
- let {
- name
- } = _ref3;
- return name === 'wordpress';
- }); // We can't match the URL for WordPress embeds, we have to check the HTML instead.
-
+ const wpVariation = (0,external_wp_blocks_namespaceObject.getBlockVariations)(DEFAULT_EMBED_BLOCK)?.find(({
+ name
+ }) => name === 'wordpress');
+
+ // We can't match the URL for WordPress embeds, we have to check the HTML instead.
if (!wpVariation || !preview || !isFromWordPress(preview.html) || isCurrentBlockWP) {
return;
- } // This is not the WordPress embed block so transform it into one.
-
-
+ }
+
+ // This is not the WordPress embed block so transform it into one.
return (0,external_wp_blocks_namespaceObject.createBlock)(DEFAULT_EMBED_BLOCK, {
url,
...wpVariation.attributes,
@@ -2598,6 +2849,22 @@
...attributesFromPreview
});
};
+
+/**
+ * Determine if the block already has an aspect ratio class applied.
+ *
+ * @param {string} existingClassNames Existing block classes.
+ * @return {boolean} True or false if the classnames contain an aspect ratio class.
+ */
+const hasAspectRatioClass = existingClassNames => {
+ if (!existingClassNames) {
+ return false;
+ }
+ return ASPECT_RATIOS.some(({
+ className
+ }) => existingClassNames.includes(className));
+};
+
/**
* Removes all previously set aspect ratio related classes and return the rest
* existing class names.
@@ -2605,26 +2872,26 @@
* @param {string} existingClassNames Any existing class names.
* @return {string} The class names without any aspect ratio related class.
*/
-
const removeAspectRatioClasses = existingClassNames => {
if (!existingClassNames) {
// Avoids extraneous work and also, by returning the same value as
// received, ensures the post is not dirtied by a change of the block
- // attribute from `undefined` to an emtpy string.
+ // attribute from `undefined` to an empty string.
return existingClassNames;
}
-
- const aspectRatioClassNames = ASPECT_RATIOS.reduce((accumulator, _ref4) => {
- let {
- className
- } = _ref4;
- accumulator[className] = false;
+ const aspectRatioClassNames = ASPECT_RATIOS.reduce((accumulator, {
+ className
+ }) => {
+ accumulator.push(className);
return accumulator;
- }, {
- 'wp-has-aspect-ratio': false
- });
- return dedupe_default()(existingClassNames, aspectRatioClassNames);
-};
+ }, ['wp-has-aspect-ratio']);
+ let outputClassNames = existingClassNames;
+ for (const className of aspectRatioClassNames) {
+ outputClassNames = outputClassNames.replace(className, '');
+ }
+ return outputClassNames.trim();
+};
+
/**
* Returns class names with any relevant responsive aspect ratio names.
*
@@ -2633,42 +2900,36 @@
* @param {boolean} allowResponsive If the responsive class names should be added, or removed.
* @return {string} Deduped class names.
*/
-
-function getClassNames(html, existingClassNames) {
- let allowResponsive = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-
+function getClassNames(html, existingClassNames, allowResponsive = true) {
if (!allowResponsive) {
return removeAspectRatioClasses(existingClassNames);
}
-
const previewDocument = document.implementation.createHTMLDocument('');
previewDocument.body.innerHTML = html;
- const iframe = previewDocument.body.querySelector('iframe'); // If we have a fixed aspect iframe, and it's a responsive embed block.
-
+ const iframe = previewDocument.body.querySelector('iframe');
+
+ // If we have a fixed aspect iframe, and it's a responsive embed block.
if (iframe && iframe.height && iframe.width) {
- const aspectRatio = (iframe.width / iframe.height).toFixed(2); // Given the actual aspect ratio, find the widest ratio to support it.
-
+ const aspectRatio = (iframe.width / iframe.height).toFixed(2);
+ // Given the actual aspect ratio, find the widest ratio to support it.
for (let ratioIndex = 0; ratioIndex < ASPECT_RATIOS.length; ratioIndex++) {
const potentialRatio = ASPECT_RATIOS[ratioIndex];
-
if (aspectRatio >= potentialRatio.ratio) {
// Evaluate the difference between actual aspect ratio and closest match.
// If the difference is too big, do not scale the embed according to aspect ratio.
const ratioDiff = aspectRatio - potentialRatio.ratio;
-
if (ratioDiff > 0.1) {
// No close aspect ratio match found.
return removeAspectRatioClasses(existingClassNames);
- } // Close aspect ratio match found.
-
-
- return dedupe_default()(removeAspectRatioClasses(existingClassNames), potentialRatio.className, 'wp-has-aspect-ratio');
- }
- }
- }
-
+ }
+ // Close aspect ratio match found.
+ return dist_clsx(removeAspectRatioClasses(existingClassNames), potentialRatio.className, 'wp-has-aspect-ratio');
+ }
+ }
+ }
return existingClassNames;
}
+
/**
* Fallback behaviour for unembeddable URLs.
* Creates a paragraph block containing a link to the URL, and calls `onReplace`.
@@ -2676,15 +2937,16 @@
* @param {string} url The URL that could not be embedded.
* @param {Function} onReplace Function to call with the created fallback block.
*/
-
function fallback(url, onReplace) {
- const link = (0,external_wp_element_namespaceObject.createElement)("a", {
- href: url
- }, url);
+ const link = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: url,
+ children: url
+ });
onReplace((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
content: (0,external_wp_element_namespaceObject.renderToString)(link)
}));
}
+
/***
* Gets block attributes based on the preview and responsive state.
*
@@ -2695,122 +2957,326 @@
* @param {boolean} allowResponsive Apply responsive classes to fixed size content.
* @return {Object} Attributes and values.
*/
-
-const getAttributesFromPreview = memize_default()(function (preview, title, currentClassNames, isResponsive) {
- let allowResponsive = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : true;
-
+const getAttributesFromPreview = memize((preview, title, currentClassNames, isResponsive, allowResponsive = true) => {
if (!preview) {
return {};
}
-
- const attributes = {}; // Some plugins only return HTML with no type info, so default this to 'rich'.
-
+ const attributes = {};
+ // Some plugins only return HTML with no type info, so default this to 'rich'.
let {
type = 'rich'
- } = preview; // If we got a provider name from the API, use it for the slug, otherwise we use the title,
+ } = preview;
+ // If we got a provider name from the API, use it for the slug, otherwise we use the title,
// because not all embed code gives us a provider name.
-
const {
html,
provider_name: providerName
} = preview;
- const providerNameSlug = (0,external_lodash_namespaceObject.kebabCase)((providerName || title).toLowerCase());
-
+ const providerNameSlug = kebabCase((providerName || title).toLowerCase());
if (isFromWordPress(html)) {
type = WP_EMBED_TYPE;
}
-
if (html || 'photo' === type) {
attributes.type = type;
attributes.providerNameSlug = providerNameSlug;
}
+ // Aspect ratio classes are removed when the embed URL is updated.
+ // If the embed already has an aspect ratio class, that means the URL has not changed.
+ // Which also means no need to regenerate it with getClassNames.
+ if (hasAspectRatioClass(currentClassNames)) {
+ return attributes;
+ }
attributes.className = getClassNames(html, currentClassNames, isResponsive && allowResponsive);
return attributes;
});
+/**
+ * Returns the attributes derived from the preview, merged with the current attributes.
+ *
+ * @param {Object} currentAttributes The current attributes of the block.
+ * @param {Object} preview The preview data.
+ * @param {string} title The block's title, e.g. Twitter.
+ * @param {boolean} isResponsive Boolean indicating if the block supports responsive content.
+ * @return {Object} Merged attributes.
+ */
+const getMergedAttributesWithPreview = (currentAttributes, preview, title, isResponsive) => {
+ const {
+ allowResponsive,
+ className
+ } = currentAttributes;
+ return {
+ ...currentAttributes,
+ ...getAttributesFromPreview(preview, title, className, isResponsive, allowResponsive)
+ };
+};
+
+;// CONCATENATED MODULE: external ["wp","compose"]
+const external_wp_compose_namespaceObject = window["wp"]["compose"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/utils/hooks.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Returns whether the current user can edit the given entity.
+ *
+ * @param {string} kind Entity kind.
+ * @param {string} name Entity name.
+ * @param {string} recordId Record's id.
+ */
+function useCanEditEntity(kind, name, recordId) {
+ return (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_coreData_namespaceObject.store).canUserEditEntityRecord(kind, name, recordId), [kind, name, recordId]);
+}
+
+/**
+ * Handles uploading a media file from a blob URL on mount.
+ *
+ * @param {Object} args Upload media arguments.
+ * @param {string} args.url Blob URL.
+ * @param {?Array} args.allowedTypes Array of allowed media types.
+ * @param {Function} args.onChange Function called when the media is uploaded.
+ * @param {Function} args.onError Function called when an error happens.
+ */
+function useUploadMediaFromBlobURL(args = {}) {
+ const latestArgs = (0,external_wp_element_namespaceObject.useRef)(args);
+ const hasUploadStarted = (0,external_wp_element_namespaceObject.useRef)(false);
+ const {
+ getSettings
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ (0,external_wp_element_namespaceObject.useLayoutEffect)(() => {
+ latestArgs.current = args;
+ });
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ // Uploading is a special effect that can't be canceled via the cleanup method.
+ // The extra check avoids duplicate uploads in development mode (React.StrictMode).
+ if (hasUploadStarted.current) {
+ return;
+ }
+ if (!latestArgs.current.url || !(0,external_wp_blob_namespaceObject.isBlobURL)(latestArgs.current.url)) {
+ return;
+ }
+ const file = (0,external_wp_blob_namespaceObject.getBlobByURL)(latestArgs.current.url);
+ if (!file) {
+ return;
+ }
+ const {
+ url,
+ allowedTypes,
+ onChange,
+ onError
+ } = latestArgs.current;
+ const {
+ mediaUpload
+ } = getSettings();
+ hasUploadStarted.current = true;
+ mediaUpload({
+ filesList: [file],
+ allowedTypes,
+ onFileChange: ([media]) => {
+ if ((0,external_wp_blob_namespaceObject.isBlobURL)(media?.url)) {
+ return;
+ }
+ (0,external_wp_blob_namespaceObject.revokeBlobURL)(url);
+ onChange(media);
+ hasUploadStarted.current = false;
+ },
+ onError: message => {
+ (0,external_wp_blob_namespaceObject.revokeBlobURL)(url);
+ onError(message);
+ hasUploadStarted.current = false;
+ }
+ });
+ }, [getSettings]);
+}
+function useToolsPanelDropdownMenuProps() {
+ const isMobile = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<');
+ return !isMobile ? {
+ popoverProps: {
+ placement: 'left-start',
+ // For non-mobile, inner sidebar width (248px) - button width (24px) - border (1px) + padding (16px) + spacing (20px)
+ offset: 259
+ }
+ } : {};
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/caption.js
+/**
+ * WordPress dependencies
+ */
+
+
+const caption = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ fillRule: "evenodd",
+ clipRule: "evenodd",
+ d: "M6 5.5h12a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H6a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5ZM4 6a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6Zm4 10h2v-1.5H8V16Zm5 0h-2v-1.5h2V16Zm1 0h2v-1.5h-2V16Z"
+ })
+});
+/* harmony default export */ const library_caption = (caption);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/utils/caption.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function Caption({
+ attributeKey = 'caption',
+ attributes,
+ setAttributes,
+ isSelected,
+ insertBlocksAfter,
+ placeholder = (0,external_wp_i18n_namespaceObject.__)('Add caption'),
+ label = (0,external_wp_i18n_namespaceObject.__)('Caption text'),
+ showToolbarButton = true,
+ excludeElementClassName,
+ className,
+ readOnly,
+ tagName = 'figcaption',
+ addLabel = (0,external_wp_i18n_namespaceObject.__)('Add caption'),
+ removeLabel = (0,external_wp_i18n_namespaceObject.__)('Remove caption'),
+ icon = library_caption,
+ ...props
+}) {
+ const caption = attributes[attributeKey];
+ const prevCaption = (0,external_wp_compose_namespaceObject.usePrevious)(caption);
+ const {
+ PrivateRichText: RichText
+ } = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+ const isCaptionEmpty = RichText.isEmpty(caption);
+ const isPrevCaptionEmpty = RichText.isEmpty(prevCaption);
+ const [showCaption, setShowCaption] = (0,external_wp_element_namespaceObject.useState)(!isCaptionEmpty);
+
+ // We need to show the caption when changes come from
+ // history navigation(undo/redo).
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!isCaptionEmpty && isPrevCaptionEmpty) {
+ setShowCaption(true);
+ }
+ }, [isCaptionEmpty, isPrevCaptionEmpty]);
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!isSelected && isCaptionEmpty) {
+ setShowCaption(false);
+ }
+ }, [isSelected, isCaptionEmpty]);
+
+ // Focus the caption when we click to add one.
+ const ref = (0,external_wp_element_namespaceObject.useCallback)(node => {
+ if (node && isCaptionEmpty) {
+ node.focus();
+ }
+ }, [isCaptionEmpty]);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [showToolbarButton && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ onClick: () => {
+ setShowCaption(!showCaption);
+ if (showCaption && caption) {
+ setAttributes({
+ [attributeKey]: undefined
+ });
+ }
+ },
+ icon: icon,
+ isPressed: showCaption,
+ label: showCaption ? removeLabel : addLabel
+ })
+ }), showCaption && (!RichText.isEmpty(caption) || isSelected) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(RichText, {
+ identifier: attributeKey,
+ tagName: tagName,
+ className: dist_clsx(className, excludeElementClassName ? '' : (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption')),
+ ref: ref,
+ "aria-label": label,
+ placeholder: placeholder,
+ value: caption,
+ onChange: value => setAttributes({
+ [attributeKey]: value
+ }),
+ inlineToolbar: true,
+ __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)())),
+ readOnly: readOnly,
+ ...props
+ })]
+ });
+}
+
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/audio/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
const ALLOWED_MEDIA_TYPES = ['audio'];
-
-function AudioEdit(_ref) {
- let {
- attributes,
- className,
- noticeOperations,
- setAttributes,
- onReplace,
- isSelected,
- noticeUI,
- insertBlocksAfter
- } = _ref;
+function AudioEdit({
+ attributes,
+ className,
+ setAttributes,
+ onReplace,
+ isSelected: isSingleSelected,
+ insertBlocksAfter
+}) {
const {
id,
autoplay,
- caption,
loop,
preload,
src
} = attributes;
const isTemporaryAudio = !id && (0,external_wp_blob_namespaceObject.isBlobURL)(src);
- const mediaUpload = (0,external_wp_data_namespaceObject.useSelect)(select => {
- const {
- getSettings
- } = select(external_wp_blockEditor_namespaceObject.store);
- return getSettings().mediaUpload;
- }, []);
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (!id && (0,external_wp_blob_namespaceObject.isBlobURL)(src)) {
- const file = (0,external_wp_blob_namespaceObject.getBlobByURL)(src);
-
- if (file) {
- mediaUpload({
- filesList: [file],
- onFileChange: _ref2 => {
- let [{
- id: mediaId,
- url
- }] = _ref2;
- setAttributes({
- id: mediaId,
- src: url
- });
- },
- onError: e => {
- setAttributes({
- src: undefined,
- id: undefined
- });
- noticeOperations.createErrorNotice(e);
- },
- allowedTypes: ALLOWED_MEDIA_TYPES
- });
- }
- }
- }, []);
-
+ useUploadMediaFromBlobURL({
+ url: src,
+ allowedTypes: ALLOWED_MEDIA_TYPES,
+ onChange: onSelectAudio,
+ onError: onUploadError
+ });
function toggleAttribute(attribute) {
return newValue => {
setAttributes({
@@ -2818,7 +3284,6 @@
});
};
}
-
function onSelectURL(newSrc) {
// Set the block's src from the edit component's state, and switch off
// the editing UI.
@@ -2829,141 +3294,149 @@
url: newSrc
}
});
-
if (undefined !== embedBlock && onReplace) {
onReplace(embedBlock);
return;
}
-
setAttributes({
src: newSrc,
id: undefined
});
}
}
-
+ const {
+ createErrorNotice
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
function onUploadError(message) {
- noticeOperations.removeAllNotices();
- noticeOperations.createErrorNotice(message);
- }
-
+ createErrorNotice(message, {
+ type: 'snackbar'
+ });
+ }
function getAutoplayHelp(checked) {
return checked ? (0,external_wp_i18n_namespaceObject.__)('Autoplay may cause usability issues for some users.') : null;
}
-
function onSelectAudio(media) {
if (!media || !media.url) {
// In this case there was an error and we should continue in the editing state
// previous attributes should be removed because they may be temporary blob urls.
setAttributes({
src: undefined,
- id: undefined
- });
- return;
- } // Sets the block's attribute and updates the edit component from the
+ id: undefined,
+ caption: undefined
+ });
+ return;
+ }
+ // Sets the block's attribute and updates the edit component from the
// selected media, then switches off the editing UI.
-
-
setAttributes({
src: media.url,
- id: media.id
- });
- }
-
- const classes = classnames_default()(className, {
+ id: media.id,
+ caption: media.caption
+ });
+ }
+ const classes = dist_clsx(className, {
'is-transient': isTemporaryAudio
});
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
className: classes
});
-
if (!src) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockIcon, {
- icon: library_audio
- }),
- onSelect: onSelectAudio,
- onSelectURL: onSelectURL,
- accept: "audio/*",
- allowedTypes: ALLOWED_MEDIA_TYPES,
- value: attributes,
- notices: noticeUI,
- onError: onUploadError
- }));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "other"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
- mediaId: id,
- mediaURL: src,
- allowedTypes: ALLOWED_MEDIA_TYPES,
- accept: "audio/*",
- onSelect: onSelectAudio,
- onSelectURL: onSelectURL,
- onError: onUploadError
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Audio settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Autoplay'),
- onChange: toggleAttribute('autoplay'),
- checked: autoplay,
- help: getAutoplayHelp
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Loop'),
- onChange: toggleAttribute('loop'),
- checked: loop
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject._x)('Preload', 'noun; Audio block parameter'),
- value: preload || '' // `undefined` is required for the preload attribute to be unset.
- ,
- onChange: value => setAttributes({
- preload: value || undefined
- }),
- options: [{
- value: '',
- label: (0,external_wp_i18n_namespaceObject.__)('Browser default')
- }, {
- value: 'auto',
- label: (0,external_wp_i18n_namespaceObject.__)('Auto')
- }, {
- value: 'metadata',
- label: (0,external_wp_i18n_namespaceObject.__)('Metadata')
- }, {
- value: 'none',
- label: (0,external_wp_i18n_namespaceObject._x)('None', 'Preload value')
- }]
- }))), (0,external_wp_element_namespaceObject.createElement)("figure", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Disabled, {
- isDisabled: !isSelected
- }, (0,external_wp_element_namespaceObject.createElement)("audio", {
- controls: "controls",
- src: src
- })), isTemporaryAudio && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null), (!external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) || isSelected) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- tagName: "figcaption",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Audio caption text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Add caption'),
- value: caption,
- onChange: value => setAttributes({
- caption: value
- }),
- inlineToolbar: true,
- __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph'))
- })));
-}
-
-/* harmony default export */ var edit = ((0,external_wp_components_namespaceObject.withNotices)(AudioEdit));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+ icon: library_audio
+ }),
+ onSelect: onSelectAudio,
+ onSelectURL: onSelectURL,
+ accept: "audio/*",
+ allowedTypes: ALLOWED_MEDIA_TYPES,
+ value: attributes,
+ onError: onUploadError
+ })
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [isSingleSelected && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
+ mediaId: id,
+ mediaURL: src,
+ allowedTypes: ALLOWED_MEDIA_TYPES,
+ accept: "audio/*",
+ onSelect: onSelectAudio,
+ onSelectURL: onSelectURL,
+ onError: onUploadError
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Autoplay'),
+ onChange: toggleAttribute('autoplay'),
+ checked: autoplay,
+ help: getAutoplayHelp
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Loop'),
+ onChange: toggleAttribute('loop'),
+ checked: loop
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject._x)('Preload', 'noun; Audio block parameter'),
+ value: preload || ''
+ // `undefined` is required for the preload attribute to be unset.
+ ,
+ onChange: value => setAttributes({
+ preload: value || undefined
+ }),
+ options: [{
+ value: '',
+ label: (0,external_wp_i18n_namespaceObject.__)('Browser default')
+ }, {
+ value: 'auto',
+ label: (0,external_wp_i18n_namespaceObject.__)('Auto')
+ }, {
+ value: 'metadata',
+ label: (0,external_wp_i18n_namespaceObject.__)('Metadata')
+ }, {
+ value: 'none',
+ label: (0,external_wp_i18n_namespaceObject._x)('None', 'Preload value')
+ }]
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...blockProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Disabled, {
+ isDisabled: !isSingleSelected,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("audio", {
+ controls: "controls",
+ src: src
+ })
+ }), isTemporaryAudio && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Caption, {
+ attributes: attributes,
+ setAttributes: setAttributes,
+ isSelected: isSingleSelected,
+ insertBlocksAfter: insertBlocksAfter,
+ label: (0,external_wp_i18n_namespaceObject.__)('Audio caption text'),
+ showToolbarButton: isSingleSelected
+ })]
+ })]
+ });
+}
+/* harmony default export */ const edit = (AudioEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/audio/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+function save({
+ attributes
+}) {
const {
autoplay,
caption,
@@ -2971,16 +3444,20 @@
preload,
src
} = attributes;
- return src && (0,external_wp_element_namespaceObject.createElement)("figure", external_wp_blockEditor_namespaceObject.useBlockProps.save(), (0,external_wp_element_namespaceObject.createElement)("audio", {
- controls: "controls",
- src: src,
- autoPlay: autoplay,
- loop: loop,
- preload: preload
- }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: caption
- }));
+ return src && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("audio", {
+ controls: "controls",
+ src: src,
+ autoPlay: autoplay,
+ loop: loop,
+ preload: preload
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption,
+ className: (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption')
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/audio/transforms.js
@@ -2992,85 +3469,79 @@
const transforms = {
from: [{
type: 'files',
-
isMatch(files) {
return files.length === 1 && files[0].type.indexOf('audio/') === 0;
},
-
transform(files) {
- const file = files[0]; // We don't need to upload the media directly here
+ const file = files[0];
+ // We don't need to upload the media directly here
// It's already done as part of the `componentDidMount`
// in the audio block.
-
const block = (0,external_wp_blocks_namespaceObject.createBlock)('core/audio', {
src: (0,external_wp_blob_namespaceObject.createBlobURL)(file)
});
return block;
}
-
}, {
type: 'shortcode',
tag: 'audio',
attributes: {
src: {
type: 'string',
- shortcode: _ref => {
- let {
- named: {
- src,
- mp3,
- m4a,
- ogg,
- wav,
- wma
- }
- } = _ref;
+ shortcode: ({
+ named: {
+ src,
+ mp3,
+ m4a,
+ ogg,
+ wav,
+ wma
+ }
+ }) => {
return src || mp3 || m4a || ogg || wav || wma;
}
},
loop: {
type: 'string',
- shortcode: _ref2 => {
- let {
- named: {
- loop
- }
- } = _ref2;
+ shortcode: ({
+ named: {
+ loop
+ }
+ }) => {
return loop;
}
},
autoplay: {
type: 'string',
- shortcode: _ref3 => {
- let {
- named: {
- autoplay
- }
- } = _ref3;
+ shortcode: ({
+ named: {
+ autoplay
+ }
+ }) => {
return autoplay;
}
},
preload: {
type: 'string',
- shortcode: _ref4 => {
- let {
- named: {
- preload
- }
- } = _ref4;
+ shortcode: ({
+ named: {
+ preload
+ }
+ }) => {
return preload;
}
}
}
}]
};
-/* harmony default export */ var audio_transforms = (transforms);
+/* harmony default export */ const audio_transforms = (transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/audio/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -3079,7 +3550,7 @@
const audio_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/audio",
title: "Audio",
category: "media",
@@ -3091,15 +3562,18 @@
type: "string",
source: "attribute",
selector: "audio",
- attribute: "src"
+ attribute: "src",
+ __experimentalRole: "content"
},
caption: {
- type: "string",
- source: "html",
- selector: "figcaption"
+ type: "rich-text",
+ source: "rich-text",
+ selector: "figcaption",
+ __experimentalRole: "content"
},
id: {
- type: "number"
+ type: "number",
+ __experimentalRole: "content"
},
autoplay: {
type: "boolean",
@@ -3122,7 +3596,18 @@
},
supports: {
anchor: true,
- align: true
+ align: true,
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-audio-editor",
style: "wp-block-audio"
@@ -3138,63 +3623,48 @@
example: {
attributes: {
src: 'https://upload.wikimedia.org/wikipedia/commons/d/dd/Armstrong_Small_Step.ogg'
- }
+ },
+ viewportWidth: 350
},
transforms: audio_transforms,
deprecated: deprecated,
edit: edit,
save: save
};
+const audio_init = () => initBlock({
+ name: audio_name,
+ metadata: audio_metadata,
+ settings: audio_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/button.js
-
-
-/**
- * WordPress dependencies
- */
-
-const button_button = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19 6.5H5c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7c0-1.1-.9-2-2-2zm.5 9c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v7zM8 12.8h8v-1.5H8v1.5z"
-}));
-/* harmony default export */ var library_button = (button_button);
-
-;// CONCATENATED MODULE: external ["wp","compose"]
-var external_wp_compose_namespaceObject = window["wp"]["compose"];
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/utils/clean-empty-object.js
-/**
- * External dependencies
- */
-
-/**
- * Removed empty nodes from nested objects.
- *
- * @param {Object} object
- * @return {Object} Object cleaned from empty nodes.
- */
-
-const cleanEmptyObject = object => {
- if (!(0,external_lodash_namespaceObject.isObject)(object) || Array.isArray(object)) {
- return object;
- }
-
- const cleanedNestedObjects = (0,external_lodash_namespaceObject.pickBy)((0,external_lodash_namespaceObject.mapValues)(object, cleanEmptyObject), external_lodash_namespaceObject.identity);
- return (0,external_lodash_namespaceObject.isEmpty)(cleanedNestedObjects) ? undefined : cleanedNestedObjects;
-};
-
-/* harmony default export */ var clean_empty_object = (cleanEmptyObject);
+/**
+ * WordPress dependencies
+ */
+
+
+const button_button = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M8 12.5h8V11H8v1.5Z M19 6.5H5a2 2 0 0 0-2 2V15a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a2 2 0 0 0-2-2ZM5 8h14a.5.5 0 0 1 .5.5V15a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V8.5A.5.5 0 0 1 5 8Z"
+ })
+});
+/* harmony default export */ const library_button = (button_button);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/utils/migrate-font-family.js
/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+const {
+ cleanEmptyObject
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
/**
* Migrates the current style.typography.fontFamily attribute,
@@ -3204,106 +3674,117 @@
* @param {Object} attributes The current attributes
* @return {Object} The updated attributes.
*/
-
/* harmony default export */ function migrate_font_family(attributes) {
- var _attributes$style, _attributes$style$typ;
-
- if (!(attributes !== null && attributes !== void 0 && (_attributes$style = attributes.style) !== null && _attributes$style !== void 0 && (_attributes$style$typ = _attributes$style.typography) !== null && _attributes$style$typ !== void 0 && _attributes$style$typ.fontFamily)) {
+ if (!attributes?.style?.typography?.fontFamily) {
return attributes;
- } // Clone first so when we delete the fontFamily
- // below we're not modifying the original
- // attributes. Because the deprecation may be discarded
- // we don't want to alter the original attributes.
-
-
- const atts = (0,external_lodash_namespaceObject.cloneDeep)(attributes);
- const fontFamily = atts.style.typography.fontFamily.split('|').pop();
- delete atts.style.typography.fontFamily;
- atts.style = clean_empty_object(atts.style);
- return { ...atts,
- fontFamily
+ }
+ const {
+ fontFamily,
+ ...typography
+ } = attributes.style.typography;
+ return {
+ ...attributes,
+ style: cleanEmptyObject({
+ ...attributes.style,
+ typography
+ }),
+ fontFamily: fontFamily.split('|').pop()
};
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/button/deprecated.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-/**
- * Internal dependencies
- */
-
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
const migrateBorderRadius = attributes => {
- var _newAttributes$style, _newAttributes$style$, _newAttributes$style2;
-
const {
borderRadius,
...newAttributes
- } = attributes; // We have to check old property `borderRadius` and if
+ } = attributes;
+ // We have to check old property `borderRadius` and if
// `styles.border.radius` is a `number`
-
- const oldBorderRadius = [borderRadius, (_newAttributes$style = newAttributes.style) === null || _newAttributes$style === void 0 ? void 0 : (_newAttributes$style$ = _newAttributes$style.border) === null || _newAttributes$style$ === void 0 ? void 0 : _newAttributes$style$.radius].find(possibleBorderRadius => {
+ const oldBorderRadius = [borderRadius, newAttributes.style?.border?.radius].find(possibleBorderRadius => {
return typeof possibleBorderRadius === 'number' && possibleBorderRadius !== 0;
});
-
if (!oldBorderRadius) {
return newAttributes;
}
-
- return { ...newAttributes,
- style: { ...newAttributes.style,
- border: { ...((_newAttributes$style2 = newAttributes.style) === null || _newAttributes$style2 === void 0 ? void 0 : _newAttributes$style2.border),
+ return {
+ ...newAttributes,
+ style: {
+ ...newAttributes.style,
+ border: {
+ ...newAttributes.style?.border,
radius: `${oldBorderRadius}px`
}
}
};
};
-
+function migrateAlign(attributes) {
+ if (!attributes.align) {
+ return attributes;
+ }
+ const {
+ align,
+ ...otherAttributes
+ } = attributes;
+ return {
+ ...otherAttributes,
+ className: dist_clsx(otherAttributes.className, `align${attributes.align}`)
+ };
+}
const migrateCustomColorsAndGradients = attributes => {
if (!attributes.customTextColor && !attributes.customBackgroundColor && !attributes.customGradient) {
return attributes;
}
-
const style = {
color: {}
};
-
if (attributes.customTextColor) {
style.color.text = attributes.customTextColor;
}
-
if (attributes.customBackgroundColor) {
style.color.background = attributes.customBackgroundColor;
}
-
if (attributes.customGradient) {
style.color.gradient = attributes.customGradient;
}
-
- return { ...(0,external_lodash_namespaceObject.omit)(attributes, ['customTextColor', 'customBackgroundColor', 'customGradient']),
+ const {
+ customTextColor,
+ customBackgroundColor,
+ customGradient,
+ ...restAttributes
+ } = attributes;
+ return {
+ ...restAttributes,
style
};
};
-
const oldColorsMigration = attributes => {
- return migrateCustomColorsAndGradients((0,external_lodash_namespaceObject.omit)({ ...attributes,
+ const {
+ color,
+ textColor,
+ ...restAttributes
+ } = {
+ ...attributes,
customTextColor: attributes.textColor && '#' === attributes.textColor[0] ? attributes.textColor : undefined,
customBackgroundColor: attributes.color && '#' === attributes.color[0] ? attributes.color : undefined
- }, ['color', 'textColor']));
-};
-
+ };
+ return migrateCustomColorsAndGradients(restAttributes);
+};
const blockAttributes = {
url: {
type: 'string',
@@ -3323,6 +3804,145 @@
selector: 'a'
}
};
+const v11 = {
+ attributes: {
+ url: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'a',
+ attribute: 'href'
+ },
+ title: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'a',
+ attribute: 'title'
+ },
+ text: {
+ type: 'string',
+ source: 'html',
+ selector: 'a'
+ },
+ linkTarget: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'a',
+ attribute: 'target'
+ },
+ rel: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'a',
+ attribute: 'rel'
+ },
+ placeholder: {
+ type: 'string'
+ },
+ backgroundColor: {
+ type: 'string'
+ },
+ textColor: {
+ type: 'string'
+ },
+ gradient: {
+ type: 'string'
+ },
+ width: {
+ type: 'number'
+ }
+ },
+ supports: {
+ anchor: true,
+ align: true,
+ alignWide: false,
+ color: {
+ __experimentalSkipSerialization: true,
+ gradients: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ typography: {
+ fontSize: true,
+ __experimentalFontFamily: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ reusable: false,
+ spacing: {
+ __experimentalSkipSerialization: true,
+ padding: ['horizontal', 'vertical'],
+ __experimentalDefaultControls: {
+ padding: true
+ }
+ },
+ __experimentalBorder: {
+ radius: true,
+ __experimentalSkipSerialization: true,
+ __experimentalDefaultControls: {
+ radius: true
+ }
+ },
+ __experimentalSelector: '.wp-block-button__link'
+ },
+ save({
+ attributes,
+ className
+ }) {
+ const {
+ fontSize,
+ linkTarget,
+ rel,
+ style,
+ text,
+ title,
+ url,
+ width
+ } = attributes;
+ if (!text) {
+ return null;
+ }
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetBorderClassesAndStyles)(attributes);
+ const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes);
+ const spacingProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetSpacingClassesAndStyles)(attributes);
+ const buttonClasses = dist_clsx('wp-block-button__link', colorProps.className, borderProps.className, {
+ // For backwards compatibility add style that isn't provided via
+ // block support.
+ 'no-border-radius': style?.border?.radius === 0
+ });
+ const buttonStyle = {
+ ...borderProps.style,
+ ...colorProps.style,
+ ...spacingProps.style
+ };
+
+ // The use of a `title` attribute here is soft-deprecated, but still applied
+ // if it had already been assigned, for the sake of backward-compatibility.
+ // A title will no longer be assigned for new or updated button block links.
+
+ const wrapperClasses = dist_clsx(className, {
+ [`has-custom-width wp-block-button__width-${width}`]: width,
+ [`has-custom-font-size`]: fontSize || style?.typography?.fontSize
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: wrapperClasses
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "a",
+ className: buttonClasses,
+ href: url,
+ title: title,
+ style: buttonStyle,
+ value: text,
+ target: linkTarget,
+ rel: rel
+ })
+ });
+ }
+};
const v10 = {
attributes: {
url: {
@@ -3396,14 +4016,10 @@
},
__experimentalSelector: '.wp-block-button__link'
},
-
- save(_ref) {
- var _style$border, _style$typography;
-
- let {
- attributes,
- className
- } = _ref;
+ save({
+ attributes,
+ className
+ }) {
const {
fontSize,
linkTarget,
@@ -3414,57 +4030,55 @@
url,
width
} = attributes;
-
if (!text) {
return null;
}
-
const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetBorderClassesAndStyles)(attributes);
const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes);
const spacingProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetSpacingClassesAndStyles)(attributes);
- const buttonClasses = classnames_default()('wp-block-button__link', colorProps.className, borderProps.className, {
+ const buttonClasses = dist_clsx('wp-block-button__link', colorProps.className, borderProps.className, {
// For backwards compatibility add style that isn't provided via
// block support.
- 'no-border-radius': (style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border.radius) === 0
- });
- const buttonStyle = { ...borderProps.style,
+ 'no-border-radius': style?.border?.radius === 0
+ });
+ const buttonStyle = {
+ ...borderProps.style,
...colorProps.style,
...spacingProps.style
- }; // The use of a `title` attribute here is soft-deprecated, but still applied
+ };
+
+ // The use of a `title` attribute here is soft-deprecated, but still applied
// if it had already been assigned, for the sake of backward-compatibility.
// A title will no longer be assigned for new or updated button block links.
- const wrapperClasses = classnames_default()(className, {
+ const wrapperClasses = dist_clsx(className, {
[`has-custom-width wp-block-button__width-${width}`]: width,
- [`has-custom-font-size`]: fontSize || (style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontSize)
- });
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: wrapperClasses
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "a",
- className: buttonClasses,
- href: url,
- title: title,
- style: buttonStyle,
- value: text,
- target: linkTarget,
- rel: rel
- }));
- },
-
+ [`has-custom-font-size`]: fontSize || style?.typography?.fontSize
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: wrapperClasses
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "a",
+ className: buttonClasses,
+ href: url,
+ title: title,
+ style: buttonStyle,
+ value: text,
+ target: linkTarget,
+ rel: rel
+ })
+ });
+ },
migrate: migrate_font_family,
-
- isEligible(_ref2) {
- var _style$typography2;
-
- let {
- style
- } = _ref2;
- return style === null || style === void 0 ? void 0 : (_style$typography2 = style.typography) === null || _style$typography2 === void 0 ? void 0 : _style$typography2.fontFamily;
- }
-
-};
-const deprecated_deprecated = [v10, {
+ isEligible({
+ style
+ }) {
+ return style?.typography?.fontFamily;
+ }
+};
+const deprecated_deprecated = [v11, v10, {
supports: {
anchor: true,
align: true,
@@ -3480,7 +4094,8 @@
reusable: false,
__experimentalSelector: '.wp-block-button__link'
},
- attributes: { ...blockAttributes,
+ attributes: {
+ ...blockAttributes,
linkTarget: {
type: 'string',
source: 'attribute',
@@ -3509,23 +4124,15 @@
type: 'number'
}
},
-
- isEligible(_ref3) {
- var _style$border2;
-
- let {
- style
- } = _ref3;
- return typeof (style === null || style === void 0 ? void 0 : (_style$border2 = style.border) === null || _style$border2 === void 0 ? void 0 : _style$border2.radius) === 'number';
- },
-
- save(_ref4) {
- var _style$border3, _style$border4, _style$typography3;
-
- let {
- attributes,
- className
- } = _ref4;
+ isEligible({
+ style
+ }) {
+ return typeof style?.border?.radius === 'number';
+ },
+ save({
+ attributes,
+ className
+ }) {
const {
fontSize,
linkTarget,
@@ -3536,41 +4143,43 @@
url,
width
} = attributes;
-
if (!text) {
return null;
}
-
- const borderRadius = style === null || style === void 0 ? void 0 : (_style$border3 = style.border) === null || _style$border3 === void 0 ? void 0 : _style$border3.radius;
+ const borderRadius = style?.border?.radius;
const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes);
- const buttonClasses = classnames_default()('wp-block-button__link', colorProps.className, {
- 'no-border-radius': (style === null || style === void 0 ? void 0 : (_style$border4 = style.border) === null || _style$border4 === void 0 ? void 0 : _style$border4.radius) === 0
+ const buttonClasses = dist_clsx('wp-block-button__link', colorProps.className, {
+ 'no-border-radius': style?.border?.radius === 0
});
const buttonStyle = {
borderRadius: borderRadius ? borderRadius : undefined,
...colorProps.style
- }; // The use of a `title` attribute here is soft-deprecated, but still applied
+ };
+
+ // The use of a `title` attribute here is soft-deprecated, but still applied
// if it had already been assigned, for the sake of backward-compatibility.
// A title will no longer be assigned for new or updated button block links.
- const wrapperClasses = classnames_default()(className, {
+ const wrapperClasses = dist_clsx(className, {
[`has-custom-width wp-block-button__width-${width}`]: width,
- [`has-custom-font-size`]: fontSize || (style === null || style === void 0 ? void 0 : (_style$typography3 = style.typography) === null || _style$typography3 === void 0 ? void 0 : _style$typography3.fontSize)
- });
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: wrapperClasses
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "a",
- className: buttonClasses,
- href: url,
- title: title,
- style: buttonStyle,
- value: text,
- target: linkTarget,
- rel: rel
- }));
- },
-
+ [`has-custom-font-size`]: fontSize || style?.typography?.fontSize
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: wrapperClasses
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "a",
+ className: buttonClasses,
+ href: url,
+ title: title,
+ style: buttonStyle,
+ value: text,
+ target: linkTarget,
+ rel: rel
+ })
+ });
+ },
migrate: (0,external_wp_compose_namespaceObject.compose)(migrate_font_family, migrateBorderRadius)
}, {
supports: {
@@ -3583,7 +4192,8 @@
reusable: false,
__experimentalSelector: '.wp-block-button__link'
},
- attributes: { ...blockAttributes,
+ attributes: {
+ ...blockAttributes,
linkTarget: {
type: 'string',
source: 'attribute',
@@ -3618,12 +4228,10 @@
type: 'number'
}
},
-
- save(_ref5) {
- let {
- attributes,
- className
- } = _ref5;
+ save({
+ attributes,
+ className
+ }) {
const {
borderRadius,
linkTarget,
@@ -3634,33 +4242,37 @@
width
} = attributes;
const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes);
- const buttonClasses = classnames_default()('wp-block-button__link', colorProps.className, {
+ const buttonClasses = dist_clsx('wp-block-button__link', colorProps.className, {
'no-border-radius': borderRadius === 0
});
const buttonStyle = {
borderRadius: borderRadius ? borderRadius + 'px' : undefined,
...colorProps.style
- }; // The use of a `title` attribute here is soft-deprecated, but still applied
+ };
+
+ // The use of a `title` attribute here is soft-deprecated, but still applied
// if it had already been assigned, for the sake of backward-compatibility.
// A title will no longer be assigned for new or updated button block links.
- const wrapperClasses = classnames_default()(className, {
+ const wrapperClasses = dist_clsx(className, {
[`has-custom-width wp-block-button__width-${width}`]: width
});
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: wrapperClasses
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "a",
- className: buttonClasses,
- href: url,
- title: title,
- style: buttonStyle,
- value: text,
- target: linkTarget,
- rel: rel
- }));
- },
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: wrapperClasses
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "a",
+ className: buttonClasses,
+ href: url,
+ title: title,
+ style: buttonStyle,
+ value: text,
+ target: linkTarget,
+ rel: rel
+ })
+ });
+ },
migrate: (0,external_wp_compose_namespaceObject.compose)(migrate_font_family, migrateBorderRadius)
}, {
supports: {
@@ -3673,7 +4285,8 @@
reusable: false,
__experimentalSelector: '.wp-block-button__link'
},
- attributes: { ...blockAttributes,
+ attributes: {
+ ...blockAttributes,
linkTarget: {
type: 'string',
source: 'attribute',
@@ -3708,12 +4321,10 @@
type: 'number'
}
},
-
- save(_ref6) {
- let {
- attributes,
- className
- } = _ref6;
+ save({
+ attributes,
+ className
+ }) {
const {
borderRadius,
linkTarget,
@@ -3724,33 +4335,37 @@
width
} = attributes;
const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes);
- const buttonClasses = classnames_default()('wp-block-button__link', colorProps.className, {
+ const buttonClasses = dist_clsx('wp-block-button__link', colorProps.className, {
'no-border-radius': borderRadius === 0
});
const buttonStyle = {
borderRadius: borderRadius ? borderRadius + 'px' : undefined,
...colorProps.style
- }; // The use of a `title` attribute here is soft-deprecated, but still applied
+ };
+
+ // The use of a `title` attribute here is soft-deprecated, but still applied
// if it had already been assigned, for the sake of backward-compatibility.
// A title will no longer be assigned for new or updated button block links.
- const wrapperClasses = classnames_default()(className, {
+ const wrapperClasses = dist_clsx(className, {
[`has-custom-width wp-block-button__width-${width}`]: width
});
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: wrapperClasses
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "a",
- className: buttonClasses,
- href: url,
- title: title,
- style: buttonStyle,
- value: text,
- target: linkTarget,
- rel: rel
- }));
- },
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: wrapperClasses
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "a",
+ className: buttonClasses,
+ href: url,
+ title: title,
+ style: buttonStyle,
+ value: text,
+ target: linkTarget,
+ rel: rel
+ })
+ });
+ },
migrate: (0,external_wp_compose_namespaceObject.compose)(migrate_font_family, migrateBorderRadius)
}, {
supports: {
@@ -3760,7 +4375,8 @@
gradients: true
}
},
- attributes: { ...blockAttributes,
+ attributes: {
+ ...blockAttributes,
linkTarget: {
type: 'string',
source: 'attribute',
@@ -3792,11 +4408,9 @@
type: 'object'
}
},
-
- save(_ref7) {
- let {
- attributes
- } = _ref7;
+ save({
+ attributes
+ }) {
const {
borderRadius,
linkTarget,
@@ -3805,13 +4419,13 @@
title,
url
} = attributes;
- const buttonClasses = classnames_default()('wp-block-button__link', {
+ const buttonClasses = dist_clsx('wp-block-button__link', {
'no-border-radius': borderRadius === 0
});
const buttonStyle = {
borderRadius: borderRadius ? borderRadius + 'px' : undefined
};
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
tagName: "a",
className: buttonClasses,
href: url,
@@ -3822,14 +4436,14 @@
rel: rel
});
},
-
migrate: migrateBorderRadius
}, {
supports: {
align: true,
alignWide: false
},
- attributes: { ...blockAttributes,
+ attributes: {
+ ...blockAttributes,
linkTarget: {
type: 'string',
source: 'attribute',
@@ -3867,13 +4481,11 @@
type: 'string'
}
},
- isEligible: attributes => !!attributes.customTextColor || !!attributes.customBackgroundColor || !!attributes.customGradient,
- migrate: (0,external_wp_compose_namespaceObject.compose)(migrateBorderRadius, migrateCustomColorsAndGradients),
-
- save(_ref8) {
- let {
- attributes
- } = _ref8;
+ isEligible: attributes => !!attributes.customTextColor || !!attributes.customBackgroundColor || !!attributes.customGradient || !!attributes.align,
+ migrate: (0,external_wp_compose_namespaceObject.compose)(migrateBorderRadius, migrateCustomColorsAndGradients, migrateAlign),
+ save({
+ attributes
+ }) {
const {
backgroundColor,
borderRadius,
@@ -3890,10 +4502,8 @@
} = attributes;
const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
const backgroundClass = !customGradient && (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
-
const gradientClass = (0,external_wp_blockEditor_namespaceObject.__experimentalGetGradientClass)(gradient);
-
- const buttonClasses = classnames_default()('wp-block-button__link', {
+ const buttonClasses = dist_clsx('wp-block-button__link', {
'has-text-color': textColor || customTextColor,
[textClass]: textClass,
'has-background': backgroundColor || customBackgroundColor || customGradient || gradient,
@@ -3906,24 +4516,28 @@
backgroundColor: backgroundClass || customGradient || gradient ? undefined : customBackgroundColor,
color: textClass ? undefined : customTextColor,
borderRadius: borderRadius ? borderRadius + 'px' : undefined
- }; // The use of a `title` attribute here is soft-deprecated, but still applied
+ };
+
+ // The use of a `title` attribute here is soft-deprecated, but still applied
// if it had already been assigned, for the sake of backward-compatibility.
// A title will no longer be assigned for new or updated button block links.
- return (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "a",
- className: buttonClasses,
- href: url,
- title: title,
- style: buttonStyle,
- value: text,
- target: linkTarget,
- rel: rel
- }));
- }
-
-}, {
- attributes: { ...blockAttributes,
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "a",
+ className: buttonClasses,
+ href: url,
+ title: title,
+ style: buttonStyle,
+ value: text,
+ target: linkTarget,
+ rel: rel
+ })
+ });
+ }
+}, {
+ attributes: {
+ ...blockAttributes,
align: {
type: 'string',
default: 'none'
@@ -3956,28 +4570,23 @@
type: 'string'
}
},
-
isEligible(attribute) {
return attribute.className && attribute.className.includes('is-style-squared');
},
-
migrate(attributes) {
let newClassName = attributes.className;
-
if (newClassName) {
newClassName = newClassName.replace(/is-style-squared[\s]?/, '').trim();
}
-
- return migrateBorderRadius(migrateCustomColorsAndGradients({ ...attributes,
+ return migrateBorderRadius(migrateCustomColorsAndGradients({
+ ...attributes,
className: newClassName ? newClassName : undefined,
borderRadius: 0
}));
},
-
- save(_ref9) {
- let {
- attributes
- } = _ref9;
+ save({
+ attributes
+ }) {
const {
backgroundColor,
customBackgroundColor,
@@ -3991,7 +4600,7 @@
} = attributes;
const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
- const buttonClasses = classnames_default()('wp-block-button__link', {
+ const buttonClasses = dist_clsx('wp-block-button__link', {
'has-text-color': textColor || customTextColor,
[textClass]: textClass,
'has-background': backgroundColor || customBackgroundColor,
@@ -4001,20 +4610,22 @@
backgroundColor: backgroundClass ? undefined : customBackgroundColor,
color: textClass ? undefined : customTextColor
};
- return (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "a",
- className: buttonClasses,
- href: url,
- title: title,
- style: buttonStyle,
- value: text,
- target: linkTarget,
- rel: rel
- }));
- }
-
-}, {
- attributes: { ...blockAttributes,
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "a",
+ className: buttonClasses,
+ href: url,
+ title: title,
+ style: buttonStyle,
+ value: text,
+ target: linkTarget,
+ rel: rel
+ })
+ });
+ }
+}, {
+ attributes: {
+ ...blockAttributes,
align: {
type: 'string',
default: 'none'
@@ -4033,11 +4644,9 @@
}
},
migrate: oldColorsMigration,
-
- save(_ref10) {
- let {
- attributes
- } = _ref10;
+ save({
+ attributes
+ }) {
const {
url,
text,
@@ -4049,7 +4658,7 @@
} = attributes;
const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
- const buttonClasses = classnames_default()('wp-block-button__link', {
+ const buttonClasses = dist_clsx('wp-block-button__link', {
'has-text-color': textColor || customTextColor,
[textClass]: textClass,
'has-background': backgroundColor || customBackgroundColor,
@@ -4059,18 +4668,20 @@
backgroundColor: backgroundClass ? undefined : customBackgroundColor,
color: textClass ? undefined : customTextColor
};
- return (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "a",
- className: buttonClasses,
- href: url,
- title: title,
- style: buttonStyle,
- value: text
- }));
- }
-
-}, {
- attributes: { ...blockAttributes,
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "a",
+ className: buttonClasses,
+ href: url,
+ title: title,
+ style: buttonStyle,
+ value: text
+ })
+ });
+ }
+}, {
+ attributes: {
+ ...blockAttributes,
color: {
type: 'string'
},
@@ -4082,11 +4693,9 @@
default: 'none'
}
},
-
- save(_ref11) {
- let {
- attributes
- } = _ref11;
+ save({
+ attributes
+ }) {
const {
url,
text,
@@ -4100,21 +4709,22 @@
color: textColor
};
const linkClass = 'wp-block-button__link';
- return (0,external_wp_element_namespaceObject.createElement)("div", {
- className: `align${align}`
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "a",
- className: linkClass,
- href: url,
- title: title,
- style: buttonStyle,
- value: text
- }));
- },
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: `align${align}`,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "a",
+ className: linkClass,
+ href: url,
+ title: title,
+ style: buttonStyle,
+ value: text
+ })
+ });
+ },
migrate: oldColorsMigration
}, {
- attributes: { ...blockAttributes,
+ attributes: {
+ ...blockAttributes,
color: {
type: 'string'
},
@@ -4126,11 +4736,9 @@
default: 'none'
}
},
-
- save(_ref12) {
- let {
- attributes
- } = _ref12;
+ save({
+ attributes
+ }) {
const {
url,
text,
@@ -4139,186 +4747,290 @@
color,
textColor
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
className: `align${align}`,
style: {
backgroundColor: color
- }
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "a",
- href: url,
- title: title,
- style: {
- color: textColor
- },
- value: text
- }));
- },
-
+ },
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "a",
+ href: url,
+ title: title,
+ style: {
+ color: textColor
+ },
+ value: text
+ })
+ });
+ },
migrate: oldColorsMigration
}];
-/* harmony default export */ var button_deprecated = (deprecated_deprecated);
+/* harmony default export */ const button_deprecated = (deprecated_deprecated);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/button/constants.js
+const NEW_TAB_REL = 'noreferrer noopener';
+const NEW_TAB_TARGET = '_blank';
+const NOFOLLOW_REL = 'nofollow';
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/button/get-updated-link-attributes.js
+/**
+ * Internal dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Updates the link attributes.
+ *
+ * @param {Object} attributes The current block attributes.
+ * @param {string} attributes.rel The current link rel attribute.
+ * @param {string} attributes.url The current link url.
+ * @param {boolean} attributes.opensInNewTab Whether the link should open in a new window.
+ * @param {boolean} attributes.nofollow Whether the link should be marked as nofollow.
+ */
+function getUpdatedLinkAttributes({
+ rel = '',
+ url = '',
+ opensInNewTab,
+ nofollow
+}) {
+ let newLinkTarget;
+ // Since `rel` is editable attribute, we need to check for existing values and proceed accordingly.
+ let updatedRel = rel;
+ if (opensInNewTab) {
+ newLinkTarget = NEW_TAB_TARGET;
+ updatedRel = updatedRel?.includes(NEW_TAB_REL) ? updatedRel : updatedRel + ` ${NEW_TAB_REL}`;
+ } else {
+ const relRegex = new RegExp(`\\b${NEW_TAB_REL}\\s*`, 'g');
+ updatedRel = updatedRel?.replace(relRegex, '').trim();
+ }
+ if (nofollow) {
+ updatedRel = updatedRel?.includes(NOFOLLOW_REL) ? updatedRel : updatedRel + ` ${NOFOLLOW_REL}`;
+ } else {
+ const relRegex = new RegExp(`\\b${NOFOLLOW_REL}\\s*`, 'g');
+ updatedRel = updatedRel?.replace(relRegex, '').trim();
+ }
+ return {
+ url: (0,external_wp_url_namespaceObject.prependHTTP)(url),
+ linkTarget: newLinkTarget,
+ rel: updatedRel || undefined
+ };
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/utils/remove-anchor-tag.js
+/**
+ * Removes anchor tags from a string.
+ *
+ * @param {string} value The value to remove anchor tags from.
+ *
+ * @return {string} The value with anchor tags removed.
+ */
+function removeAnchorTag(value) {
+ // To do: Refactor this to use rich text's removeFormat instead.
+ return value.toString().replace(/<\/?a[^>]*>/g, '');
+}
;// CONCATENATED MODULE: external ["wp","keycodes"]
-var external_wp_keycodes_namespaceObject = window["wp"]["keycodes"];
+const external_wp_keycodes_namespaceObject = window["wp"]["keycodes"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/link.js
-
-
-/**
- * WordPress dependencies
- */
-
-const link_link = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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 */ var library_link = (link_link);
+/**
+ * WordPress dependencies
+ */
+
+
+const link_link = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"
+ })
+});
+/* harmony default export */ const library_link = (link_link);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/link-off.js
-
-
-/**
- * WordPress dependencies
- */
-
-const linkOff = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M15.6 7.3h-.7l1.6-3.5-.9-.4-3.9 8.5H9v1.5h2l-1.3 2.8H8.4c-2 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7H10V7.3H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2H9l-1.4 3.2.9.4 5.7-12.5h1.4c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.9 0 5.2-2.3 5.2-5.2 0-2.9-2.4-5.2-5.2-5.2z"
-}));
-/* harmony default export */ var link_off = (linkOff);
+/**
+ * WordPress dependencies
+ */
+
+
+const linkOff = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M17.031 4.703 15.576 4l-1.56 3H14v.03l-2.324 4.47H9.5V13h1.396l-1.502 2.889h-.95a3.694 3.694 0 0 1 0-7.389H10V7H8.444a5.194 5.194 0 1 0 0 10.389h.17L7.5 19.53l1.416.719L15.049 8.5h.507a3.694 3.694 0 0 1 0 7.39H14v1.5h1.556a5.194 5.194 0 0 0 .273-10.383l1.202-2.304Z"
+ })
+});
+/* harmony default export */ const link_off = (linkOff);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/button/edit.js
-
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-const NEW_TAB_REL = 'noreferrer noopener';
-
-function WidthPanel(_ref) {
- let {
- selectedWidth,
- setAttributes
- } = _ref;
-
+/**
+ * External dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+const LINK_SETTINGS = [...external_wp_blockEditor_namespaceObject.__experimentalLinkControl.DEFAULT_LINK_SETTINGS, {
+ id: 'nofollow',
+ title: (0,external_wp_i18n_namespaceObject.__)('Mark as nofollow')
+}];
+function useEnter(props) {
+ const {
+ replaceBlocks,
+ selectionChange
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const {
+ getBlock,
+ getBlockRootClientId,
+ getBlockIndex
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ const propsRef = (0,external_wp_element_namespaceObject.useRef)(props);
+ propsRef.current = props;
+ return (0,external_wp_compose_namespaceObject.useRefEffect)(element => {
+ function onKeyDown(event) {
+ if (event.defaultPrevented || event.keyCode !== external_wp_keycodes_namespaceObject.ENTER) {
+ return;
+ }
+ const {
+ content,
+ clientId
+ } = propsRef.current;
+ if (content.length) {
+ return;
+ }
+ event.preventDefault();
+ const topParentListBlock = getBlock(getBlockRootClientId(clientId));
+ const blockIndex = getBlockIndex(clientId);
+ const head = (0,external_wp_blocks_namespaceObject.cloneBlock)({
+ ...topParentListBlock,
+ innerBlocks: topParentListBlock.innerBlocks.slice(0, blockIndex)
+ });
+ const middle = (0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)());
+ const after = topParentListBlock.innerBlocks.slice(blockIndex + 1);
+ const tail = after.length ? [(0,external_wp_blocks_namespaceObject.cloneBlock)({
+ ...topParentListBlock,
+ innerBlocks: after
+ })] : [];
+ replaceBlocks(topParentListBlock.clientId, [head, middle, ...tail], 1);
+ // We manually change the selection here because we are replacing
+ // a different block than the selected one.
+ selectionChange(middle.clientId);
+ }
+ element.addEventListener('keydown', onKeyDown);
+ return () => {
+ element.removeEventListener('keydown', onKeyDown);
+ };
+ }, []);
+}
+function WidthPanel({
+ selectedWidth,
+ setAttributes
+}) {
function handleChange(newWidth) {
// Check if we are toggling the width off
- const width = selectedWidth === newWidth ? undefined : newWidth; // Update attributes.
-
+ const width = selectedWidth === newWidth ? undefined : newWidth;
+
+ // Update attributes.
setAttributes({
width
});
}
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Width settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ButtonGroup, {
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Button width')
- }, [25, 50, 75, 100].map(widthValue => {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- key: widthValue,
- isSmall: true,
- variant: widthValue === selectedWidth ? 'primary' : undefined,
- onClick: () => handleChange(widthValue)
- }, widthValue, "%");
- })));
-}
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ButtonGroup, {
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Button width'),
+ children: [25, 50, 75, 100].map(widthValue => {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Button, {
+ size: "small",
+ variant: widthValue === selectedWidth ? 'primary' : undefined,
+ onClick: () => handleChange(widthValue),
+ children: [widthValue, "%"]
+ }, widthValue);
+ })
+ })
+ });
+}
function ButtonEdit(props) {
- var _style$border;
-
const {
attributes,
setAttributes,
className,
isSelected,
onReplace,
- mergeBlocks
+ mergeBlocks,
+ clientId,
+ context
} = props;
const {
+ tagName,
+ textAlign,
linkTarget,
placeholder,
rel,
style,
text,
url,
- width
- } = attributes;
- const onSetLinkRel = (0,external_wp_element_namespaceObject.useCallback)(value => {
- setAttributes({
- rel: value
- });
- }, [setAttributes]);
-
- function onToggleOpenInNewTab(value) {
- const newLinkTarget = value ? '_blank' : undefined;
- let updatedRel = rel;
-
- if (newLinkTarget && !rel) {
- updatedRel = NEW_TAB_REL;
- } else if (!newLinkTarget && rel === NEW_TAB_REL) {
- updatedRel = undefined;
- }
-
- setAttributes({
- linkTarget: newLinkTarget,
- rel: updatedRel
- });
- }
-
- function setButtonText(newText) {
- // Remove anchor tags from button text content.
- setAttributes({
- text: newText.replace(/<\/?a[^>]*>/g, '')
- });
- }
-
+ width,
+ metadata
+ } = attributes;
+ const TagName = tagName || 'a';
function onKeyDown(event) {
if (external_wp_keycodes_namespaceObject.isKeyboardEvent.primary(event, 'k')) {
startEditing(event);
} else if (external_wp_keycodes_namespaceObject.isKeyboardEvent.primaryShift(event, 'k')) {
- var _richTextRef$current;
-
unlink();
- (_richTextRef$current = richTextRef.current) === null || _richTextRef$current === void 0 ? void 0 : _richTextRef$current.focus();
- }
- }
-
+ richTextRef.current?.focus();
+ }
+ }
+
+ // Use internal state instead of a ref to make sure that the component
+ // re-renders when the popover's anchor updates.
+ const [popoverAnchor, setPopoverAnchor] = (0,external_wp_element_namespaceObject.useState)(null);
const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseBorderProps)(attributes);
const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseColorProps)(attributes);
const spacingProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetSpacingClassesAndStyles)(attributes);
+ const shadowProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetShadowClassesAndStyles)(attributes);
const ref = (0,external_wp_element_namespaceObject.useRef)();
const richTextRef = (0,external_wp_element_namespaceObject.useRef)();
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- ref,
+ ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([setPopoverAnchor, ref]),
onKeyDown
});
+ const blockEditingMode = (0,external_wp_blockEditor_namespaceObject.useBlockEditingMode)();
const [isEditingURL, setIsEditingURL] = (0,external_wp_element_namespaceObject.useState)(false);
const isURLSet = !!url;
- const opensInNewTab = linkTarget === '_blank';
-
+ const opensInNewTab = linkTarget === NEW_TAB_TARGET;
+ const nofollow = !!rel?.includes(NOFOLLOW_REL);
+ const isLinkTag = 'a' === TagName;
function startEditing(event) {
event.preventDefault();
setIsEditingURL(true);
}
-
function unlink() {
setAttributes({
url: undefined,
@@ -4327,125 +5039,162 @@
});
setIsEditingURL(false);
}
-
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (!isSelected) {
setIsEditingURL(false);
}
}, [isSelected]);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", _extends({}, blockProps, {
- className: classnames_default()(blockProps.className, {
- [`has-custom-width wp-block-button__width-${width}`]: width,
- [`has-custom-font-size`]: blockProps.style.fontSize
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- ref: richTextRef,
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Button text'),
- placeholder: placeholder || (0,external_wp_i18n_namespaceObject.__)('Add text…'),
- value: text,
- onChange: value => setButtonText(value),
- withoutInteractiveFormatting: true,
- className: classnames_default()(className, 'wp-block-button__link', colorProps.className, borderProps.className, {
- // For backwards compatibility add style that isn't
- // provided via block support.
- 'no-border-radius': (style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border.radius) === 0
- }),
- style: { ...borderProps.style,
- ...colorProps.style,
- ...spacingProps.style
- },
- onSplit: value => (0,external_wp_blocks_namespaceObject.createBlock)('core/button', { ...attributes,
- text: value
- }),
- onReplace: onReplace,
- onMerge: mergeBlocks,
- identifier: "text"
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, !isURLSet && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- name: "link",
- icon: library_link,
- title: (0,external_wp_i18n_namespaceObject.__)('Link'),
- shortcut: external_wp_keycodes_namespaceObject.displayShortcut.primary('k'),
- onClick: startEditing
- }), isURLSet && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- name: "link",
- icon: link_off,
- title: (0,external_wp_i18n_namespaceObject.__)('Unlink'),
- shortcut: external_wp_keycodes_namespaceObject.displayShortcut.primaryShift('k'),
- onClick: unlink,
- isActive: true
- })), isSelected && (isEditingURL || isURLSet) && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, {
- position: "bottom center",
- onClose: () => {
- var _richTextRef$current2;
-
- setIsEditingURL(false);
- (_richTextRef$current2 = richTextRef.current) === null || _richTextRef$current2 === void 0 ? void 0 : _richTextRef$current2.focus();
- },
- anchorRef: ref === null || ref === void 0 ? void 0 : ref.current,
- focusOnMount: isEditingURL ? 'firstElement' : false,
- __unstableSlotName: '__unstable-block-tools-after'
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalLinkControl, {
- className: "wp-block-navigation-link__inline-link-input",
- value: {
- url,
- opensInNewTab
- },
- onChange: _ref2 => {
- let {
- url: newURL = '',
- opensInNewTab: newOpensInNewTab
- } = _ref2;
- setAttributes({
- url: newURL
- });
-
- if (opensInNewTab !== newOpensInNewTab) {
- onToggleOpenInNewTab(newOpensInNewTab);
- }
- },
- onRemove: () => {
- var _richTextRef$current3;
-
- unlink();
- (_richTextRef$current3 = richTextRef.current) === null || _richTextRef$current3 === void 0 ? void 0 : _richTextRef$current3.focus();
- },
- forceIsEditingLink: isEditingURL
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(WidthPanel, {
- selectedWidth: width,
- setAttributes: setAttributes
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, {
- __experimentalGroup: "advanced"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Link rel'),
- value: rel || '',
- onChange: onSetLinkRel
- })));
-}
-
-/* harmony default export */ var button_edit = (ButtonEdit);
+
+ // Memoize link value to avoid overriding the LinkControl's internal state.
+ // This is a temporary fix. See https://github.com/WordPress/gutenberg/issues/51256.
+ const linkValue = (0,external_wp_element_namespaceObject.useMemo)(() => ({
+ url,
+ opensInNewTab,
+ nofollow
+ }), [url, opensInNewTab, nofollow]);
+ const useEnterRef = useEnter({
+ content: text,
+ clientId
+ });
+ const mergedRef = (0,external_wp_compose_namespaceObject.useMergeRefs)([useEnterRef, richTextRef]);
+ const {
+ lockUrlControls = false
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ if (!isSelected) {
+ return {};
+ }
+ const blockBindingsSource = unlock(select(external_wp_blocks_namespaceObject.store)).getBlockBindingsSource(metadata?.bindings?.url?.source);
+ return {
+ lockUrlControls: !!metadata?.bindings?.url && !blockBindingsSource?.canUserEditValue({
+ select,
+ context,
+ args: metadata?.bindings?.url?.args
+ })
+ };
+ }, [isSelected, metadata?.bindings?.url]);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ className: dist_clsx(blockProps.className, {
+ [`has-custom-width wp-block-button__width-${width}`]: width,
+ [`has-custom-font-size`]: blockProps.style.fontSize
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ ref: mergedRef,
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Button text'),
+ placeholder: placeholder || (0,external_wp_i18n_namespaceObject.__)('Add text…'),
+ value: text,
+ onChange: value => setAttributes({
+ text: removeAnchorTag(value)
+ }),
+ withoutInteractiveFormatting: true,
+ className: dist_clsx(className, 'wp-block-button__link', colorProps.className, borderProps.className, {
+ [`has-text-align-${textAlign}`]: textAlign,
+ // For backwards compatibility add style that isn't
+ // provided via block support.
+ 'no-border-radius': style?.border?.radius === 0
+ }, (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('button')),
+ style: {
+ ...borderProps.style,
+ ...colorProps.style,
+ ...spacingProps.style,
+ ...shadowProps.style
+ },
+ onReplace: onReplace,
+ onMerge: mergeBlocks,
+ identifier: "text"
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: [blockEditingMode === 'default' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ }), !isURLSet && isLinkTag && !lockUrlControls && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ name: "link",
+ icon: library_link,
+ title: (0,external_wp_i18n_namespaceObject.__)('Link'),
+ shortcut: external_wp_keycodes_namespaceObject.displayShortcut.primary('k'),
+ onClick: startEditing
+ }), isURLSet && isLinkTag && !lockUrlControls && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ name: "link",
+ icon: link_off,
+ title: (0,external_wp_i18n_namespaceObject.__)('Unlink'),
+ shortcut: external_wp_keycodes_namespaceObject.displayShortcut.primaryShift('k'),
+ onClick: unlink,
+ isActive: true
+ })]
+ }), isLinkTag && isSelected && (isEditingURL || isURLSet) && !lockUrlControls && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Popover, {
+ placement: "bottom",
+ onClose: () => {
+ setIsEditingURL(false);
+ richTextRef.current?.focus();
+ },
+ anchor: popoverAnchor,
+ focusOnMount: isEditingURL ? 'firstElement' : false,
+ __unstableSlotName: "__unstable-block-tools-after",
+ shift: true,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalLinkControl, {
+ value: linkValue,
+ onChange: ({
+ url: newURL,
+ opensInNewTab: newOpensInNewTab,
+ nofollow: newNofollow
+ }) => setAttributes(getUpdatedLinkAttributes({
+ rel,
+ url: newURL,
+ opensInNewTab: newOpensInNewTab,
+ nofollow: newNofollow
+ })),
+ onRemove: () => {
+ unlink();
+ richTextRef.current?.focus();
+ },
+ forceIsEditingLink: isEditingURL,
+ settings: LINK_SETTINGS
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WidthPanel, {
+ selectedWidth: width,
+ setAttributes: setAttributes
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: isLinkTag && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link rel'),
+ value: rel || '',
+ onChange: newRel => setAttributes({
+ rel: newRel
+ })
+ })
+ })]
+ });
+}
+/* harmony default export */ const button_edit = (ButtonEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/button/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-function save_save(_ref) {
- var _style$border, _style$typography;
-
- let {
- attributes,
- className
- } = _ref;
- const {
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+function save_save({
+ attributes,
+ className
+}) {
+ const {
+ tagName,
+ type,
+ textAlign,
fontSize,
linkTarget,
rel,
@@ -4455,42 +5204,50 @@
url,
width
} = attributes;
-
- if (!text) {
- return null;
- }
-
+ const TagName = tagName || 'a';
+ const isButtonTag = 'button' === TagName;
+ const buttonType = type || 'button';
const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetBorderClassesAndStyles)(attributes);
const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes);
const spacingProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetSpacingClassesAndStyles)(attributes);
- const buttonClasses = classnames_default()('wp-block-button__link', colorProps.className, borderProps.className, {
+ const shadowProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetShadowClassesAndStyles)(attributes);
+ const buttonClasses = dist_clsx('wp-block-button__link', colorProps.className, borderProps.className, {
+ [`has-text-align-${textAlign}`]: textAlign,
// For backwards compatibility add style that isn't provided via
// block support.
- 'no-border-radius': (style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border.radius) === 0
- });
- const buttonStyle = { ...borderProps.style,
+ 'no-border-radius': style?.border?.radius === 0
+ }, (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('button'));
+ const buttonStyle = {
+ ...borderProps.style,
...colorProps.style,
- ...spacingProps.style
- }; // The use of a `title` attribute here is soft-deprecated, but still applied
+ ...spacingProps.style,
+ ...shadowProps.style
+ };
+
+ // The use of a `title` attribute here is soft-deprecated, but still applied
// if it had already been assigned, for the sake of backward-compatibility.
// A title will no longer be assigned for new or updated button block links.
- const wrapperClasses = classnames_default()(className, {
+ const wrapperClasses = dist_clsx(className, {
[`has-custom-width wp-block-button__width-${width}`]: width,
- [`has-custom-font-size`]: fontSize || (style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontSize)
- });
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: wrapperClasses
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "a",
- className: buttonClasses,
- href: url,
- title: title,
- style: buttonStyle,
- value: text,
- target: linkTarget,
- rel: rel
- }));
+ [`has-custom-font-size`]: fontSize || style?.typography?.fontSize
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: wrapperClasses
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: TagName,
+ type: isButtonTag ? buttonType : null,
+ className: buttonClasses,
+ href: isButtonTag ? null : url,
+ title: title,
+ style: buttonStyle,
+ value: text,
+ target: isButtonTag ? null : linkTarget,
+ rel: isButtonTag ? null : rel
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/button/index.js
@@ -4499,6 +5256,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -4507,7 +5265,7 @@
const button_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/button",
title: "Button",
category: "design",
@@ -4516,34 +5274,51 @@
keywords: ["link"],
textdomain: "default",
attributes: {
+ tagName: {
+ type: "string",
+ "enum": ["a", "button"],
+ "default": "a"
+ },
+ type: {
+ type: "string",
+ "default": "button"
+ },
+ textAlign: {
+ type: "string"
+ },
url: {
type: "string",
source: "attribute",
selector: "a",
- attribute: "href"
+ attribute: "href",
+ __experimentalRole: "content"
},
title: {
type: "string",
source: "attribute",
- selector: "a",
- attribute: "title"
+ selector: "a,button",
+ attribute: "title",
+ __experimentalRole: "content"
},
text: {
- type: "string",
- source: "html",
- selector: "a"
+ type: "rich-text",
+ source: "rich-text",
+ selector: "a,button",
+ __experimentalRole: "content"
},
linkTarget: {
type: "string",
source: "attribute",
selector: "a",
- attribute: "target"
+ attribute: "target",
+ __experimentalRole: "content"
},
rel: {
type: "string",
source: "attribute",
selector: "a",
- attribute: "rel"
+ attribute: "rel",
+ __experimentalRole: "content"
},
placeholder: {
type: "string"
@@ -4563,7 +5338,8 @@
},
supports: {
anchor: true,
- align: true,
+ splitting: true,
+ align: false,
alignWide: false,
color: {
__experimentalSkipSerialization: true,
@@ -4575,12 +5351,21 @@
},
typography: {
fontSize: true,
- __experimentalFontFamily: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
__experimentalDefaultControls: {
fontSize: true
}
},
reusable: false,
+ shadow: {
+ __experimentalSkipSerialization: true
+ },
spacing: {
__experimentalSkipSerialization: true,
padding: ["horizontal", "vertical"],
@@ -4589,13 +5374,22 @@
}
},
__experimentalBorder: {
+ color: true,
radius: true,
+ style: true,
+ width: true,
__experimentalSkipSerialization: true,
__experimentalDefaultControls: {
- radius: true
- }
- },
- __experimentalSelector: ".wp-block-button__link"
+ color: true,
+ radius: true,
+ style: true,
+ width: true
+ }
+ },
+ __experimentalSelector: ".wp-block-button .wp-block-button__link",
+ interactivity: {
+ clientNavigation: true
+ }
},
styles: [{
name: "fill",
@@ -4624,34 +5418,35 @@
edit: button_edit,
save: save_save,
deprecated: button_deprecated,
- merge: (a, _ref) => {
- let {
- text = ''
- } = _ref;
- return { ...a,
- text: (a.text || '') + text
- };
- }
-};
+ merge: (a, {
+ text = ''
+ }) => ({
+ ...a,
+ text: (a.text || '') + text
+ })
+};
+const button_init = () => initBlock({
+ name: button_name,
+ metadata: button_metadata,
+ settings: button_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/buttons.js
-
-
-/**
- * WordPress dependencies
- */
-
-const buttons = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M17 3H7c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm.5 6c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5V5c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v4zm-8-1.2h5V6.2h-5v1.6zM17 13H7c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2zm.5 6c0 .3-.2.5-.5.5H7c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v4zm-8-1.2h5v-1.5h-5v1.5z"
-}));
-/* harmony default export */ var library_buttons = (buttons);
+/**
+ * WordPress dependencies
+ */
+
+
+const buttons = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M14.5 17.5H9.5V16H14.5V17.5Z M14.5 8H9.5V6.5H14.5V8Z M7 3.5H17C18.1046 3.5 19 4.39543 19 5.5V9C19 10.1046 18.1046 11 17 11H7C5.89543 11 5 10.1046 5 9V5.5C5 4.39543 5.89543 3.5 7 3.5ZM17 5H7C6.72386 5 6.5 5.22386 6.5 5.5V9C6.5 9.27614 6.72386 9.5 7 9.5H17C17.2761 9.5 17.5 9.27614 17.5 9V5.5C17.5 5.22386 17.2761 5 17 5Z M7 13H17C18.1046 13 19 13.8954 19 15V18.5C19 19.6046 18.1046 20.5 17 20.5H7C5.89543 20.5 5 19.6046 5 18.5V15C5 13.8954 5.89543 13 7 13ZM17 14.5H7C6.72386 14.5 6.5 14.7239 6.5 15V18.5C6.5 18.7761 6.72386 19 7 19H17C17.2761 19 17.5 18.7761 17.5 18.5V15C17.5 14.7239 17.2761 14.5 17 14.5Z"
+ })
+});
+/* harmony default export */ const library_buttons = (buttons);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/buttons/deprecated.js
-
-
/**
* External dependencies
*/
@@ -4669,13 +5464,11 @@
if (!!attributes.layout) {
return attributes;
}
-
const {
contentJustification,
orientation,
...updatedAttributes
} = attributes;
-
if (contentJustification || orientation) {
Object.assign(updatedAttributes, {
layout: {
@@ -4689,10 +5482,8 @@
}
});
}
-
return updatedAttributes;
};
-
const buttons_deprecated_deprecated = [{
attributes: {
contentJustification: {
@@ -4715,49 +5506,45 @@
}
}
},
- isEligible: _ref => {
- let {
+ isEligible: ({
+ contentJustification,
+ orientation
+ }) => !!contentJustification || !!orientation,
+ migrate: migrateWithLayout,
+ save({
+ attributes: {
contentJustification,
orientation
- } = _ref;
- return !!contentJustification || !!orientation;
- },
- migrate: migrateWithLayout,
-
- save(_ref2) {
- let {
- attributes: {
- contentJustification,
- orientation
- }
- } = _ref2;
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: classnames_default()({
- [`is-content-justification-${contentJustification}`]: contentJustification,
- 'is-vertical': orientation === 'vertical'
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null));
- }
-
+ }
+ }) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: dist_clsx({
+ [`is-content-justification-${contentJustification}`]: contentJustification,
+ 'is-vertical': orientation === 'vertical'
+ })
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
+ }
}, {
supports: {
align: ['center', 'left', 'right'],
anchor: true
},
-
save() {
- return (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null));
- },
-
- isEligible(_ref3) {
- let {
- align
- } = _ref3;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
+ },
+ isEligible({
+ align
+ }) {
return align && ['center', 'left', 'right'].includes(align);
},
-
migrate(attributes) {
- return migrateWithLayout({ ...attributes,
+ return migrateWithLayout({
+ ...attributes,
align: undefined,
// Floating Buttons blocks shouldn't have been supported in the
// first place. Most users using them probably expected them to
@@ -4768,81 +5555,114 @@
contentJustification: attributes.align
});
}
-
}];
-/* harmony default export */ var buttons_deprecated = (buttons_deprecated_deprecated);
+/* harmony default export */ const buttons_deprecated = (buttons_deprecated_deprecated);
;// CONCATENATED MODULE: external ["wp","richText"]
-var external_wp_richText_namespaceObject = window["wp"]["richText"];
+const external_wp_richText_namespaceObject = window["wp"]["richText"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/utils/get-transformed-metadata.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Transform the metadata attribute with only the values and bindings specified by each transform.
+ * Returns `undefined` if the input metadata is falsy.
+ *
+ * @param {Object} metadata Original metadata attribute from the block that is being transformed.
+ * @param {Object} newBlockName Name of the final block after the transformation.
+ * @param {Function} bindingsCallback Optional callback to transform the `bindings` property object.
+ * @return {Object|undefined} New metadata object only with the relevant properties.
+ */
+function getTransformedMetadata(metadata, newBlockName, bindingsCallback) {
+ if (!metadata) {
+ return;
+ }
+ const {
+ supports
+ } = (0,external_wp_blocks_namespaceObject.getBlockType)(newBlockName);
+ // Fixed until an opt-in mechanism is implemented.
+ const BLOCK_BINDINGS_SUPPORTED_BLOCKS = ['core/paragraph', 'core/heading', 'core/image', 'core/button'];
+ // The metadata properties that should be preserved after the transform.
+ const transformSupportedProps = [];
+ // If it support bindings, and there is a transform bindings callback, add the `id` and `bindings` properties.
+ if (BLOCK_BINDINGS_SUPPORTED_BLOCKS.includes(newBlockName) && bindingsCallback) {
+ transformSupportedProps.push('id', 'bindings');
+ }
+ // If it support block naming (true by default), add the `name` property.
+ if (supports.renaming !== false) {
+ transformSupportedProps.push('name');
+ }
+
+ // Return early if no supported properties.
+ if (!transformSupportedProps.length) {
+ return;
+ }
+ const newMetadata = Object.entries(metadata).reduce((obj, [prop, value]) => {
+ // If prop is not supported, don't add it to the new metadata object.
+ if (!transformSupportedProps.includes(prop)) {
+ return obj;
+ }
+ obj[prop] = prop === 'bindings' ? bindingsCallback(value) : value;
+ return obj;
+ }, {});
+
+ // Return undefined if object is empty.
+ return Object.keys(newMetadata).length ? newMetadata : undefined;
+}
+
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/buttons/transforms.js
/**
* WordPress dependencies
*/
-/**
- * Internal dependencies
- */
-
-const {
- name: transforms_name
-} = {
- $schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
- name: "core/buttons",
- title: "Buttons",
- category: "design",
- description: "Prompt visitors to take action with a group of button-style links.",
- keywords: ["link"],
- textdomain: "default",
- supports: {
- anchor: true,
- align: ["wide", "full"],
- __experimentalExposeControlsToChildren: true,
- spacing: {
- blockGap: true,
- margin: ["top", "bottom"],
- __experimentalDefaultControls: {
- blockGap: true
- }
- },
- __experimentalLayout: {
- allowSwitching: false,
- allowInheriting: false,
- "default": {
- type: "flex"
- }
- }
- },
- editorStyle: "wp-block-buttons-editor",
- style: "wp-block-buttons"
-};
+
+/**
+ * Internal dependencies
+ */
+
const transforms_transforms = {
from: [{
type: 'block',
isMultiBlock: true,
blocks: ['core/button'],
- transform: buttons => // Creates the buttons block.
- (0,external_wp_blocks_namespaceObject.createBlock)(transforms_name, {}, // Loop the selected buttons.
- buttons.map(attributes => // Create singular button in the buttons block.
+ transform: buttons =>
+ // Creates the buttons block.
+ (0,external_wp_blocks_namespaceObject.createBlock)('core/buttons', {},
+ // Loop the selected buttons.
+ buttons.map(attributes =>
+ // Create singular button in the buttons block.
(0,external_wp_blocks_namespaceObject.createBlock)('core/button', attributes)))
}, {
type: 'block',
isMultiBlock: true,
blocks: ['core/paragraph'],
- transform: buttons => // Creates the buttons block.
- (0,external_wp_blocks_namespaceObject.createBlock)(transforms_name, {}, // Loop the selected buttons.
+ transform: buttons =>
+ // Creates the buttons block.
+ (0,external_wp_blocks_namespaceObject.createBlock)('core/buttons', {},
+ // Loop the selected buttons.
buttons.map(attributes => {
- const element = (0,external_wp_richText_namespaceObject.__unstableCreateElement)(document, attributes.content); // Remove any HTML tags.
-
- const text = element.innerText || ''; // Get first url.
-
+ const {
+ content,
+ metadata
+ } = attributes;
+ const element = (0,external_wp_richText_namespaceObject.__unstableCreateElement)(document, content);
+ // Remove any HTML tags.
+ const text = element.innerText || '';
+ // Get first url.
const link = element.querySelector('a');
- const url = link === null || link === void 0 ? void 0 : link.getAttribute('href'); // Create singular button in the buttons block.
-
+ const url = link?.getAttribute('href');
+ // Create singular button in the buttons block.
return (0,external_wp_blocks_namespaceObject.createBlock)('core/button', {
text,
- url
+ url,
+ metadata: getTransformedMetadata(metadata, 'core/button', ({
+ content: contentBinding
+ }) => ({
+ text: contentBinding
+ }))
});
})),
isMatch: paragraphs => {
@@ -4855,66 +5675,90 @@
}
}]
};
-/* harmony default export */ var buttons_transforms = (transforms_transforms);
+/* harmony default export */ const buttons_transforms = (transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/buttons/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-/**
- * Internal dependencies
- */
-
-
-const ALLOWED_BLOCKS = [button_name];
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
const DEFAULT_BLOCK = {
- name: button_name,
+ name: 'core/button',
attributesToCopy: ['backgroundColor', 'border', 'className', 'fontFamily', 'fontSize', 'gradient', 'style', 'textColor', 'width']
};
-
-function ButtonsEdit(_ref) {
- let {
- attributes: {
- layout = {}
- }
- } = _ref;
- const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
- const preferredStyle = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _preferredStyleVariat;
-
- const preferredStyleVariations = select(external_wp_blockEditor_namespaceObject.store).getSettings().__experimentalPreferredStyleVariations;
-
- return preferredStyleVariations === null || preferredStyleVariations === void 0 ? void 0 : (_preferredStyleVariat = preferredStyleVariations.value) === null || _preferredStyleVariat === void 0 ? void 0 : _preferredStyleVariat[button_name];
+function ButtonsEdit({
+ attributes,
+ className
+}) {
+ var _layout$orientation;
+ const {
+ fontSize,
+ layout,
+ style
+ } = attributes;
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: dist_clsx(className, {
+ 'has-custom-font-size': fontSize || style?.typography?.fontSize
+ })
+ });
+ const {
+ hasButtonVariations
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const buttonVariations = select(external_wp_blocks_namespaceObject.store).getBlockVariations('core/button', 'inserter');
+ return {
+ hasButtonVariations: buttonVariations.length > 0
+ };
}, []);
const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
- allowedBlocks: ALLOWED_BLOCKS,
- __experimentalDefaultBlock: DEFAULT_BLOCK,
- __experimentalDirectInsert: true,
- template: [[button_name, {
- className: preferredStyle && `is-style-${preferredStyle}`
- }]],
- __experimentalLayout: layout,
- templateInsertUpdatesSelection: true
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps));
-}
-
-/* harmony default export */ var buttons_edit = (ButtonsEdit);
+ defaultBlock: DEFAULT_BLOCK,
+ // This check should be handled by the `Inserter` internally to be consistent across all blocks that use it.
+ directInsert: !hasButtonVariations,
+ template: [['core/button']],
+ templateInsertUpdatesSelection: true,
+ orientation: (_layout$orientation = layout?.orientation) !== null && _layout$orientation !== void 0 ? _layout$orientation : 'horizontal'
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ });
+}
+/* harmony default export */ const buttons_edit = (ButtonsEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/buttons/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function buttons_save_save() {
- const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(external_wp_blockEditor_namespaceObject.useBlockProps.save());
- return (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps);
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+function buttons_save_save({
+ attributes,
+ className
+}) {
+ const {
+ fontSize,
+ style
+ } = attributes;
+ const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: dist_clsx(className, {
+ 'has-custom-font-size': fontSize || style?.typography?.fontSize
+ })
+ });
+ const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(blockProps);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/buttons/index.js
@@ -4923,6 +5767,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -4932,16 +5777,18 @@
const buttons_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/buttons",
title: "Buttons",
category: "design",
+ allowedBlocks: ["core/button"],
description: "Prompt visitors to take action with a group of button-style links.",
keywords: ["link"],
textdomain: "default",
supports: {
anchor: true,
align: ["wide", "full"],
+ html: false,
__experimentalExposeControlsToChildren: true,
spacing: {
blockGap: true,
@@ -4950,12 +5797,28 @@
blockGap: true
}
},
- __experimentalLayout: {
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ layout: {
allowSwitching: false,
allowInheriting: false,
"default": {
type: "flex"
}
+ },
+ interactivity: {
+ clientNavigation: true
}
},
editorStyle: "wp-block-buttons-editor",
@@ -4986,59 +5849,66 @@
edit: buttons_edit,
save: buttons_save_save
};
+const buttons_init = () => initBlock({
+ name: buttons_name,
+ metadata: buttons_metadata,
+ settings: buttons_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/calendar.js
-
-
-/**
- * WordPress dependencies
- */
-
-const calendar = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm.5 16c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V7h15v12zM9 10H7v2h2v-2zm0 4H7v2h2v-2zm4-4h-2v2h2v-2zm4 0h-2v2h2v-2zm-4 4h-2v2h2v-2zm4 0h-2v2h2v-2z"
-}));
-/* harmony default export */ var library_calendar = (calendar);
-
-;// CONCATENATED MODULE: external "moment"
-var external_moment_namespaceObject = window["moment"];
-var external_moment_default = /*#__PURE__*/__webpack_require__.n(external_moment_namespaceObject);
+/**
+ * WordPress dependencies
+ */
+
+
+const calendar = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm.5 16c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V7h15v12zM9 10H7v2h2v-2zm0 4H7v2h2v-2zm4-4h-2v2h2v-2zm4 0h-2v2h2v-2zm-4 4h-2v2h2v-2zm4 0h-2v2h2v-2z"
+ })
+});
+/* harmony default export */ const library_calendar = (calendar);
+
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/calendar/edit.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-const getYearMonth = memize_default()(date => {
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+/**
+ * Returns the year and month of a specified date.
+ *
+ * @see `WP_REST_Posts_Controller::prepare_date_response()`.
+ *
+ * @param {string} date Date in `ISO8601/RFC3339` format.
+ * @return {Object} Year and date of the specified date.
+ */
+
+const getYearMonth = memize(date => {
if (!date) {
return {};
}
-
- const momentDate = external_moment_default()(date);
+ const dateObj = new Date(date);
return {
- year: momentDate.year(),
- month: momentDate.month() + 1
- };
-});
-function CalendarEdit(_ref) {
- let {
- attributes
- } = _ref;
+ year: dateObj.getFullYear(),
+ month: dateObj.getMonth() + 1
+ };
+});
+function CalendarEdit({
+ attributes
+}) {
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
const {
date,
@@ -5055,44 +5925,49 @@
};
const posts = getEntityRecords('postType', 'post', singlePublishedPostQuery);
const postsResolved = hasFinishedResolution('getEntityRecords', ['postType', 'post', singlePublishedPostQuery]);
-
- let _date; // FIXME: @wordpress/block-library should not depend on @wordpress/editor.
+ let _date;
+
+ // FIXME: @wordpress/block-library should not depend on @wordpress/editor.
// Blocks can be loaded into a *non-post* block editor.
// eslint-disable-next-line @wordpress/data-no-store-string-literals
-
-
const editorSelectors = select('core/editor');
-
if (editorSelectors) {
- const postType = editorSelectors.getEditedPostAttribute('type'); // Dates are used to overwrite year and month used on the calendar.
+ const postType = editorSelectors.getEditedPostAttribute('type');
+ // Dates are used to overwrite year and month used on the calendar.
// This overwrite should only happen for 'post' post types.
// For other post types the calendar always displays the current month.
-
if (postType === 'post') {
_date = editorSelectors.getEditedPostAttribute('date');
}
}
-
return {
date: _date,
hasPostsResolved: postsResolved,
- hasPosts: postsResolved && (posts === null || posts === void 0 ? void 0 : posts.length) === 1
+ hasPosts: postsResolved && posts?.length === 1
};
}, []);
-
if (!hasPosts) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, {
- icon: library_calendar,
- label: (0,external_wp_i18n_namespaceObject.__)('Calendar')
- }, !hasPostsResolved ? (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null) : (0,external_wp_i18n_namespaceObject.__)('No published posts found.')));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Disabled, null, (0,external_wp_element_namespaceObject.createElement)((external_wp_serverSideRender_default()), {
- block: "core/calendar",
- attributes: { ...attributes,
- ...getYearMonth(date)
- }
- })));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ icon: library_calendar,
+ label: (0,external_wp_i18n_namespaceObject.__)('Calendar'),
+ children: !hasPostsResolved ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {}) : (0,external_wp_i18n_namespaceObject.__)('No published posts found.')
+ })
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Disabled, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)((external_wp_serverSideRender_default()), {
+ block: "core/calendar",
+ attributes: {
+ ...attributes,
+ ...getYearMonth(date)
+ }
+ })
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/calendar/transforms.js
@@ -5112,20 +5987,21 @@
transform: () => (0,external_wp_blocks_namespaceObject.createBlock)('core/archives')
}]
};
-/* harmony default export */ var calendar_transforms = (calendar_transforms_transforms);
+/* harmony default export */ const calendar_transforms = (calendar_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/calendar/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const calendar_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/calendar",
title: "Calendar",
category: "widgets",
@@ -5141,7 +6017,31 @@
}
},
supports: {
- align: true
+ align: true,
+ color: {
+ link: true,
+ __experimentalSkipSerialization: ["text", "background"],
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ },
+ __experimentalSelector: "table, th"
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
style: "wp-block-calendar"
};
@@ -5157,118 +6057,110 @@
edit: CalendarEdit,
transforms: calendar_transforms
};
+const calendar_init = () => initBlock({
+ name: calendar_name,
+ metadata: calendar_metadata,
+ settings: calendar_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/category.js
-
-
-/**
- * WordPress dependencies
- */
-
-const category = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M6 5.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm11-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM13 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2V6zm5 8.5h-3a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5zM15 13a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2h-3zm-9 1.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5zM4 15a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3z",
- fillRule: "evenodd",
- clipRule: "evenodd"
-}));
-/* harmony default export */ var library_category = (category);
-
+/**
+ * WordPress dependencies
+ */
+
+
+const category = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M6 5.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM4 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm11-.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5h-3a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM13 6a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2h-3a2 2 0 01-2-2V6zm5 8.5h-3a.5.5 0 00-.5.5v3a.5.5 0 00.5.5h3a.5.5 0 00.5-.5v-3a.5.5 0 00-.5-.5zM15 13a2 2 0 00-2 2v3a2 2 0 002 2h3a2 2 0 002-2v-3a2 2 0 00-2-2h-3zm-9 1.5h3a.5.5 0 01.5.5v3a.5.5 0 01-.5.5H6a.5.5 0 01-.5-.5v-3a.5.5 0 01.5-.5zM4 15a2 2 0 012-2h3a2 2 0 012 2v3a2 2 0 01-2 2H6a2 2 0 01-2-2v-3z",
+ fillRule: "evenodd",
+ clipRule: "evenodd"
+ })
+});
+/* harmony default export */ const library_category = (category);
+
+;// CONCATENATED MODULE: external ["wp","htmlEntities"]
+const external_wp_htmlEntities_namespaceObject = window["wp"]["htmlEntities"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/pin.js
-
-
-/**
- * WordPress dependencies
- */
-
-const pin = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "m21.5 9.1-6.6-6.6-4.2 5.6c-1.2-.1-2.4.1-3.6.7-.1 0-.1.1-.2.1-.5.3-.9.6-1.2.9l3.7 3.7-5.7 5.7v1.1h1.1l5.7-5.7 3.7 3.7c.4-.4.7-.8.9-1.2.1-.1.1-.2.2-.3.6-1.1.8-2.4.6-3.6l5.6-4.1zm-7.3 3.5.1.9c.1.9 0 1.8-.4 2.6l-6-6c.8-.4 1.7-.5 2.6-.4l.9.1L15 4.9 19.1 9l-4.9 3.6z"
-}));
-/* harmony default export */ var library_pin = (pin);
+/**
+ * WordPress dependencies
+ */
+
+
+const pin = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "m21.5 9.1-6.6-6.6-4.2 5.6c-1.2-.1-2.4.1-3.6.7-.1 0-.1.1-.2.1-.5.3-.9.6-1.2.9l3.7 3.7-5.7 5.7v1.1h1.1l5.7-5.7 3.7 3.7c.4-.4.7-.8.9-1.2.1-.1.1-.2.2-.3.6-1.1.8-2.4.6-3.6l5.6-4.1zm-7.3 3.5.1.9c.1.9 0 1.8-.4 2.6l-6-6c.8-.4 1.7-.5 2.6-.4l.9.1L15 4.9 19.1 9l-4.9 3.6z"
+ })
+});
+/* harmony default export */ const library_pin = (pin);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/categories/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-function CategoriesEdit(_ref) {
- let {
- attributes: {
- displayAsDropdown,
- showHierarchy,
- showPostCounts,
- showOnlyTopLevel
- },
- setAttributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+function CategoriesEdit({
+ attributes: {
+ displayAsDropdown,
+ showHierarchy,
+ showPostCounts,
+ showOnlyTopLevel,
+ showEmpty
+ },
+ setAttributes,
+ className
+}) {
const selectId = (0,external_wp_compose_namespaceObject.useInstanceId)(CategoriesEdit, 'blocks-category-select');
const query = {
per_page: -1,
- hide_empty: true,
+ hide_empty: !showEmpty,
context: 'view'
};
-
if (showOnlyTopLevel) {
query.parent = 0;
}
-
const {
records: categories,
isResolving
- } = (0,external_wp_coreData_namespaceObject.__experimentalUseEntityRecords)('taxonomy', 'category', query);
-
+ } = (0,external_wp_coreData_namespaceObject.useEntityRecords)('taxonomy', 'category', query);
const getCategoriesList = parentId => {
- if (!(categories !== null && categories !== void 0 && categories.length)) {
+ if (!categories?.length) {
return [];
}
-
if (parentId === null) {
return categories;
}
-
- return categories.filter(_ref2 => {
- let {
- parent
- } = _ref2;
- return parent === parentId;
- });
- };
-
- const getCategoryListClassName = level => {
- return `wp-block-categories__list wp-block-categories__list-level-${level}`;
- };
-
+ return categories.filter(({
+ parent
+ }) => parent === parentId);
+ };
const toggleAttribute = attributeName => newValue => setAttributes({
[attributeName]: newValue
});
-
- const renderCategoryName = name => !name ? (0,external_wp_i18n_namespaceObject.__)('(Untitled)') : (0,external_lodash_namespaceObject.unescape)(name).trim();
-
+ const renderCategoryName = name => !name ? (0,external_wp_i18n_namespaceObject.__)('(Untitled)') : (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(name).trim();
const renderCategoryList = () => {
const parentId = showHierarchy ? 0 : null;
const categoriesList = getCategoriesList(parentId);
- return (0,external_wp_element_namespaceObject.createElement)("ul", {
- className: getCategoryListClassName(0)
- }, categoriesList.map(category => renderCategoryListItem(category, 0)));
- };
-
- const renderCategoryListItem = (category, level) => {
+ return categoriesList.map(category => renderCategoryListItem(category));
+ };
+ const renderCategoryListItem = category => {
const childCategories = getCategoriesList(category.id);
const {
id,
@@ -5276,31 +6168,35 @@
count,
name
} = category;
- return (0,external_wp_element_namespaceObject.createElement)("li", {
- key: id
- }, (0,external_wp_element_namespaceObject.createElement)("a", {
- href: link,
- target: "_blank",
- rel: "noreferrer noopener"
- }, renderCategoryName(name)), showPostCounts && (0,external_wp_element_namespaceObject.createElement)("span", {
- className: "wp-block-categories__post-count"
- }, ` (${count})`), showHierarchy && !!childCategories.length && (0,external_wp_element_namespaceObject.createElement)("ul", {
- className: getCategoryListClassName(level + 1)
- }, childCategories.map(childCategory => renderCategoryListItem(childCategory, level + 1))));
- };
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("li", {
+ className: `cat-item cat-item-${id}`,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: link,
+ target: "_blank",
+ rel: "noreferrer noopener",
+ children: renderCategoryName(name)
+ }), showPostCounts && ` (${count})`, showHierarchy && !!childCategories.length && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ className: "children",
+ children: childCategories.map(childCategory => renderCategoryListItem(childCategory))
+ })]
+ }, id);
+ };
const renderCategoryDropdown = () => {
const parentId = showHierarchy ? 0 : null;
const categoriesList = getCategoriesList(parentId);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, {
- as: "label",
- htmlFor: selectId
- }, (0,external_wp_i18n_namespaceObject.__)('Categories')), (0,external_wp_element_namespaceObject.createElement)("select", {
- id: selectId,
- className: "wp-block-categories__dropdown"
- }, categoriesList.map(category => renderCategoryDropdownItem(category, 0))));
- };
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, {
+ as: "label",
+ htmlFor: selectId,
+ children: (0,external_wp_i18n_namespaceObject.__)('Categories')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("select", {
+ id: selectId,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("option", {
+ children: (0,external_wp_i18n_namespaceObject.__)('Select Category')
+ }), categoriesList.map(category => renderCategoryDropdownItem(category, 0))]
+ })]
+ });
+ };
const renderCategoryDropdownItem = (category, level) => {
const {
id,
@@ -5308,33 +6204,61 @@
name
} = category;
const childCategories = getCategoriesList(id);
- return [(0,external_wp_element_namespaceObject.createElement)("option", {
- key: id
- }, (0,external_lodash_namespaceObject.times)(level * 3, () => '\xa0'), renderCategoryName(name), showPostCounts && ` (${count})`), showHierarchy && !!childCategories.length && childCategories.map(childCategory => renderCategoryDropdownItem(childCategory, level + 1))];
- };
-
- return (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)(), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Categories settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Display as dropdown'),
- checked: displayAsDropdown,
- onChange: toggleAttribute('displayAsDropdown')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show post counts'),
- checked: showPostCounts,
- onChange: toggleAttribute('showPostCounts')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show only top level categories'),
- checked: showOnlyTopLevel,
- onChange: toggleAttribute('showOnlyTopLevel')
- }), !showOnlyTopLevel && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show hierarchy'),
- checked: showHierarchy,
- onChange: toggleAttribute('showHierarchy')
- }))), isResolving && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, {
- icon: library_pin,
- label: (0,external_wp_i18n_namespaceObject.__)('Categories')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null)), !isResolving && (categories === null || categories === void 0 ? void 0 : categories.length) === 0 && (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject.__)('Your site does not have any posts, so there is nothing to display here at the moment.')), !isResolving && (categories === null || categories === void 0 ? void 0 : categories.length) > 0 && (displayAsDropdown ? renderCategoryDropdown() : renderCategoryList()));
+ return [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("option", {
+ className: `level-${level}`,
+ children: [Array.from({
+ length: level * 3
+ }).map(() => '\xa0'), renderCategoryName(name), showPostCounts && ` (${count})`]
+ }, id), showHierarchy && !!childCategories.length && childCategories.map(childCategory => renderCategoryDropdownItem(childCategory, level + 1))];
+ };
+ const TagName = !!categories?.length && !displayAsDropdown && !isResolving ? 'ul' : 'div';
+ const classes = dist_clsx(className, {
+ 'wp-block-categories-list': !!categories?.length && !displayAsDropdown && !isResolving,
+ 'wp-block-categories-dropdown': !!categories?.length && displayAsDropdown && !isResolving
+ });
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: classes
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(TagName, {
+ ...blockProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display as dropdown'),
+ checked: displayAsDropdown,
+ onChange: toggleAttribute('displayAsDropdown')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show post counts'),
+ checked: showPostCounts,
+ onChange: toggleAttribute('showPostCounts')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show only top level categories'),
+ checked: showOnlyTopLevel,
+ onChange: toggleAttribute('showOnlyTopLevel')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show empty categories'),
+ checked: showEmpty,
+ onChange: toggleAttribute('showEmpty')
+ }), !showOnlyTopLevel && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show hierarchy'),
+ checked: showHierarchy,
+ onChange: toggleAttribute('showHierarchy')
+ })]
+ })
+ }), isResolving && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ icon: library_pin,
+ label: (0,external_wp_i18n_namespaceObject.__)('Categories'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {})
+ }), !isResolving && categories?.length === 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ children: (0,external_wp_i18n_namespaceObject.__)('Your site does not have any posts, so there is nothing to display here at the moment.')
+ }), !isResolving && categories?.length > 0 && (displayAsDropdown ? renderCategoryDropdown() : renderCategoryList())]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/categories/index.js
@@ -5342,15 +6266,16 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const categories_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/categories",
- title: "Categories",
+ title: "Categories List",
category: "widgets",
description: "Display a list of all categories.",
textdomain: "default",
@@ -5370,11 +6295,39 @@
showOnlyTopLevel: {
type: "boolean",
"default": false
+ },
+ showEmpty: {
+ type: "boolean",
+ "default": false
}
},
supports: {
align: true,
- html: false
+ html: false,
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-categories-editor",
style: "wp-block-categories"
@@ -5389,107 +6342,275 @@
example: {},
edit: CategoriesEdit
};
+const categories_init = () => initBlock({
+ name: categories_name,
+ metadata: categories_metadata,
+ settings: categories_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/classic.js
-
-
-/**
- * WordPress dependencies
- */
-
-const classic = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M20 6H4c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm.5 11c0 .3-.2.5-.5.5H4c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h16c.3 0 .5.2.5.5v9zM10 10H8v2h2v-2zm-5 2h2v-2H5v2zm8-2h-2v2h2v-2zm-5 6h8v-2H8v2zm6-4h2v-2h-2v2zm3 0h2v-2h-2v2zm0 4h2v-2h-2v2zM5 16h2v-2H5v2z"
-}));
-/* harmony default export */ var library_classic = (classic);
+/**
+ * WordPress dependencies
+ */
+
+
+const classic = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M20 6H4c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm.5 11c0 .3-.2.5-.5.5H4c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h16c.3 0 .5.2.5.5v9zM10 10H8v2h2v-2zm-5 2h2v-2H5v2zm8-2h-2v2h2v-2zm-5 6h8v-2H8v2zm6-4h2v-2h-2v2zm3 0h2v-2h-2v2zm0 4h2v-2h-2v2zM5 16h2v-2H5v2z"
+ })
+});
+/* harmony default export */ const library_classic = (classic);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/freeform/convert-to-blocks-button.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-const ConvertToBlocksButton = _ref => {
- let {
- clientId
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+const ConvertToBlocksButton = ({
+ clientId
+}) => {
const {
replaceBlocks
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
const block = (0,external_wp_data_namespaceObject.useSelect)(select => {
return select(external_wp_blockEditor_namespaceObject.store).getBlock(clientId);
}, [clientId]);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
onClick: () => replaceBlocks(block.clientId, (0,external_wp_blocks_namespaceObject.rawHandler)({
HTML: (0,external_wp_blocks_namespaceObject.serialize)(block)
- }))
- }, (0,external_wp_i18n_namespaceObject.__)('Convert to blocks'));
-};
-
-/* harmony default export */ var convert_to_blocks_button = (ConvertToBlocksButton);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/freeform/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-const {
- wp: edit_wp
-} = window;
-
-function isTmceEmpty(editor) {
- // When tinyMce is empty the content seems to be:
- // <p><br data-mce-bogus="1"></p>
- // avoid expensive checks for large documents
- const body = editor.getBody();
-
- if (body.childNodes.length > 1) {
- return false;
- } else if (body.childNodes.length === 0) {
- return true;
- }
-
- if (body.childNodes[0].childNodes.length > 1) {
- return false;
- }
-
- return /^\n?$/.test(body.innerText || body.textContent);
-}
-
-function ClassicEdit(_ref) {
- let {
+ })),
+ children: (0,external_wp_i18n_namespaceObject.__)('Convert to blocks')
+ });
+};
+/* harmony default export */ const convert_to_blocks_button = (ConvertToBlocksButton);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/fullscreen.js
+/**
+ * WordPress dependencies
+ */
+
+
+const fullscreen = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M6 4a2 2 0 0 0-2 2v3h1.5V6a.5.5 0 0 1 .5-.5h3V4H6Zm3 14.5H6a.5.5 0 0 1-.5-.5v-3H4v3a2 2 0 0 0 2 2h3v-1.5Zm6 1.5v-1.5h3a.5.5 0 0 0 .5-.5v-3H20v3a2 2 0 0 1-2 2h-3Zm3-16a2 2 0 0 1 2 2v3h-1.5V6a.5.5 0 0 0-.5-.5h-3V4h3Z"
+ })
+});
+/* harmony default export */ const library_fullscreen = (fullscreen);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/freeform/modal.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+function ModalAuxiliaryActions({
+ onClick,
+ isModalFullScreen
+}) {
+ // 'small' to match the rules in editor.scss.
+ const isMobileViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('small', '<');
+ if (isMobileViewport) {
+ return null;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ onClick: onClick,
+ icon: library_fullscreen,
+ isPressed: isModalFullScreen,
+ label: isModalFullScreen ? (0,external_wp_i18n_namespaceObject.__)('Exit fullscreen') : (0,external_wp_i18n_namespaceObject.__)('Enter fullscreen')
+ });
+}
+function ClassicEdit(props) {
+ const styles = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getSettings().styles);
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ const {
+ baseURL,
+ suffix,
+ settings
+ } = window.wpEditorL10n.tinymce;
+ window.tinymce.EditorManager.overrideDefaults({
+ base_url: baseURL,
+ suffix
+ });
+ window.wp.oldEditor.initialize(props.id, {
+ tinymce: {
+ ...settings,
+ setup(editor) {
+ editor.on('init', () => {
+ const doc = editor.getDoc();
+ styles.forEach(({
+ css
+ }) => {
+ const styleEl = doc.createElement('style');
+ styleEl.innerHTML = css;
+ doc.head.appendChild(styleEl);
+ });
+ });
+ }
+ }
+ });
+ return () => {
+ window.wp.oldEditor.remove(props.id);
+ };
+ }, []);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("textarea", {
+ ...props
+ });
+}
+function ModalEdit(props) {
+ const {
clientId,
attributes: {
content
},
setAttributes,
onReplace
- } = _ref;
+ } = props;
+ const [isOpen, setOpen] = (0,external_wp_element_namespaceObject.useState)(false);
+ const [isModalFullScreen, setIsModalFullScreen] = (0,external_wp_element_namespaceObject.useState)(false);
+ const id = `editor-${clientId}`;
+ const onClose = () => content ? setOpen(false) : onReplace([]);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ onClick: () => setOpen(true),
+ children: (0,external_wp_i18n_namespaceObject.__)('Edit')
+ })
+ })
+ }), content && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_element_namespaceObject.RawHTML, {
+ children: content
+ }), (isOpen || !content) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Modal, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Classic Editor'),
+ onRequestClose: onClose,
+ shouldCloseOnClickOutside: false,
+ overlayClassName: "block-editor-freeform-modal",
+ isFullScreen: isModalFullScreen,
+ className: "block-editor-freeform-modal__content",
+ headerActions: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ModalAuxiliaryActions, {
+ onClick: () => setIsModalFullScreen(!isModalFullScreen),
+ isModalFullScreen: isModalFullScreen
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ClassicEdit, {
+ id: id,
+ defaultValue: content
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Flex, {
+ className: "block-editor-freeform-modal__actions",
+ justify: "flex-end",
+ expanded: false,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FlexItem, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "tertiary",
+ onClick: onClose,
+ children: (0,external_wp_i18n_namespaceObject.__)('Cancel')
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FlexItem, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "primary",
+ onClick: () => {
+ setAttributes({
+ content: window.wp.oldEditor.getContent(id)
+ });
+ setOpen(false);
+ },
+ children: (0,external_wp_i18n_namespaceObject.__)('Save')
+ })
+ })]
+ })]
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/freeform/edit.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+const {
+ wp
+} = window;
+function isTmceEmpty(editor) {
+ // When tinyMce is empty the content seems to be:
+ // <p><br data-mce-bogus="1"></p>
+ // avoid expensive checks for large documents
+ const body = editor.getBody();
+ if (body.childNodes.length > 1) {
+ return false;
+ } else if (body.childNodes.length === 0) {
+ return true;
+ }
+ if (body.childNodes[0].childNodes.length > 1) {
+ return false;
+ }
+ return /^\n?$/.test(body.innerText || body.textContent);
+}
+function FreeformEdit(props) {
+ const {
+ clientId
+ } = props;
+ const canRemove = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).canRemoveBlock(clientId), [clientId]);
+ const [isIframed, setIsIframed] = (0,external_wp_element_namespaceObject.useState)(false);
+ const ref = (0,external_wp_compose_namespaceObject.useRefEffect)(element => {
+ setIsIframed(element.ownerDocument !== document);
+ }, []);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [canRemove && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(convert_to_blocks_button, {
+ clientId: clientId
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ ref
+ }),
+ children: isIframed ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ModalEdit, {
+ ...props
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(edit_ClassicEdit, {
+ ...props
+ })
+ })]
+ });
+}
+function edit_ClassicEdit({
+ clientId,
+ attributes: {
+ content
+ },
+ setAttributes,
+ onReplace
+}) {
const {
getMultiSelectedBlockClientIds
} = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
@@ -5498,14 +6619,15 @@
if (!didMount.current) {
return;
}
-
const editor = window.tinymce.get(`editor-${clientId}`);
- const currentContent = editor === null || editor === void 0 ? void 0 : editor.getContent();
-
+ if (!editor) {
+ return;
+ }
+ const currentContent = editor.getContent();
if (currentContent !== content) {
editor.setContent(content || '');
}
- }, [content]);
+ }, [clientId, content]);
(0,external_wp_element_namespaceObject.useEffect)(() => {
const {
baseURL,
@@ -5516,35 +6638,29 @@
base_url: baseURL,
suffix
});
-
function onSetup(editor) {
let bookmark;
-
if (content) {
editor.on('loadContent', () => editor.setContent(content));
}
-
editor.on('blur', () => {
- var _getMultiSelectedBloc;
-
- bookmark = editor.selection.getBookmark(2, true); // There is an issue with Chrome and the editor.focus call in core at https://core.trac.wordpress.org/browser/trunk/src/js/_enqueues/lib/link.js#L451.
+ bookmark = editor.selection.getBookmark(2, true);
+ // There is an issue with Chrome and the editor.focus call in core at https://core.trac.wordpress.org/browser/trunk/src/js/_enqueues/lib/link.js#L451.
// This causes a scroll to the top of editor content on return from some content updating dialogs so tracking
// scroll position until this is fixed in core.
-
const scrollContainer = document.querySelector('.interface-interface-skeleton__content');
- const scrollPosition = scrollContainer.scrollTop; // Only update attributes if we aren't multi-selecting blocks.
+ const scrollPosition = scrollContainer.scrollTop;
+
+ // Only update attributes if we aren't multi-selecting blocks.
// Updating during multi-selection can overwrite attributes of other blocks.
-
- if (!((_getMultiSelectedBloc = getMultiSelectedBlockClientIds()) !== null && _getMultiSelectedBloc !== void 0 && _getMultiSelectedBloc.length)) {
+ if (!getMultiSelectedBlockClientIds()?.length) {
setAttributes({
content: editor.getContent()
});
}
-
editor.once('focus', () => {
if (bookmark) {
editor.selection.moveToBookmark(bookmark);
-
if (scrollContainer.scrollTop !== scrollPosition) {
scrollContainer.scrollTop = scrollPosition;
}
@@ -5555,9 +6671,8 @@
editor.on('mousedown touchstart', () => {
bookmark = null;
});
- const debouncedOnChange = (0,external_lodash_namespaceObject.debounce)(() => {
+ const debouncedOnChange = (0,external_wp_compose_namespaceObject.debounce)(() => {
const value = editor.getContent();
-
if (value !== editor._lastChange) {
editor._lastChange = value;
setAttributes({
@@ -5565,24 +6680,23 @@
});
}
}, 250);
- editor.on('Paste Change input Undo Redo', debouncedOnChange); // We need to cancel the debounce call because when we remove
+ editor.on('Paste Change input Undo Redo', debouncedOnChange);
+
+ // We need to cancel the debounce call because when we remove
// the editor (onUnmount) this callback is executed in
// another tick. This results in setting the content to empty.
-
editor.on('remove', debouncedOnChange.cancel);
editor.on('keydown', event => {
if (external_wp_keycodes_namespaceObject.isKeyboardEvent.primary(event, 'z')) {
// Prevent the gutenberg undo kicking in so TinyMCE undo stack works as expected.
event.stopPropagation();
}
-
if ((event.keyCode === external_wp_keycodes_namespaceObject.BACKSPACE || event.keyCode === external_wp_keycodes_namespaceObject.DELETE) && isTmceEmpty(editor)) {
// Delete the block.
onReplace([]);
event.preventDefault();
event.stopImmediatePropagation();
}
-
const {
altKey
} = event;
@@ -5590,27 +6704,27 @@
* Prevent Mousetrap from kicking in: TinyMCE already uses its own
* `alt+f10` shortcut to focus its toolbar.
*/
-
if (altKey && event.keyCode === external_wp_keycodes_namespaceObject.F10) {
event.stopPropagation();
}
});
editor.on('init', () => {
- const rootNode = editor.getBody(); // Create the toolbar by refocussing the editor.
-
+ const rootNode = editor.getBody();
+
+ // Create the toolbar by refocussing the editor.
if (rootNode.ownerDocument.activeElement === rootNode) {
rootNode.blur();
editor.focus();
}
});
}
-
function initialize() {
const {
settings
} = window.wpEditorL10n.tinymce;
- edit_wp.oldEditor.initialize(`editor-${clientId}`, {
- tinymce: { ...settings,
+ wp.oldEditor.initialize(`editor-${clientId}`, {
+ tinymce: {
+ ...settings,
inline: true,
content_css: false,
fixed_toolbar_container: `#toolbar-${clientId}`,
@@ -5618,79 +6732,72 @@
}
});
}
-
function onReadyStateChange() {
if (document.readyState === 'complete') {
initialize();
}
}
-
if (document.readyState === 'complete') {
initialize();
} else {
document.addEventListener('readystatechange', onReadyStateChange);
}
-
return () => {
document.removeEventListener('readystatechange', onReadyStateChange);
- edit_wp.oldEditor.remove(`editor-${clientId}`);
+ wp.oldEditor.remove(`editor-${clientId}`);
+ didMount.current = false;
};
}, []);
-
function focus() {
const editor = window.tinymce.get(`editor-${clientId}`);
-
if (editor) {
editor.focus();
}
}
-
function onToolbarKeyDown(event) {
// Prevent WritingFlow from kicking in and allow arrows navigation on the toolbar.
- event.stopPropagation(); // Prevent Mousetrap from moving focus to the top toolbar when pressing `alt+f10` on this block toolbar.
-
+ event.stopPropagation();
+ // Prevent Mousetrap from moving focus to the top toolbar when pressing `alt+f10` on this block toolbar.
event.nativeEvent.stopImmediatePropagation();
- } // Disable reasons:
+ }
+
+ // Disable reasons:
//
// jsx-a11y/no-static-element-interactions
// - the toolbar itself is non-interactive, but must capture events
// from the KeyboardShortcuts component to stop their propagation.
/* eslint-disable jsx-a11y/no-static-element-interactions */
-
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(convert_to_blocks_button, {
- clientId: clientId
- }))), (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)(), (0,external_wp_element_namespaceObject.createElement)("div", {
- key: "toolbar",
- id: `toolbar-${clientId}`,
- className: "block-library-classic__toolbar",
- onClick: focus,
- "data-placeholder": (0,external_wp_i18n_namespaceObject.__)('Classic'),
- onKeyDown: onToolbarKeyDown
- }), (0,external_wp_element_namespaceObject.createElement)("div", {
- key: "editor",
- id: `editor-${clientId}`,
- className: "wp-block-freeform block-library-rich-text__tinymce"
- })));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ id: `toolbar-${clientId}`,
+ className: "block-library-classic__toolbar",
+ onClick: focus,
+ "data-placeholder": (0,external_wp_i18n_namespaceObject.__)('Classic'),
+ onKeyDown: onToolbarKeyDown
+ }, "toolbar"), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ id: `editor-${clientId}`,
+ className: "wp-block-freeform block-library-rich-text__tinymce"
+ }, "editor")]
+ });
/* eslint-enable jsx-a11y/no-static-element-interactions */
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/freeform/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function freeform_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+function freeform_save_save({
+ attributes
+}) {
const {
content
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.RawHTML, null, content);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_element_namespaceObject.RawHTML, {
+ children: content
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/freeform/index.js
@@ -5698,6 +6805,7 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -5705,7 +6813,7 @@
const freeform_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/freeform",
title: "Classic",
category: "text",
@@ -5714,7 +6822,7 @@
attributes: {
content: {
type: "string",
- source: "html"
+ source: "raw"
}
},
supports: {
@@ -5731,58 +6839,71 @@
const freeform_settings = {
icon: library_classic,
- edit: ClassicEdit,
+ edit: FreeformEdit,
save: freeform_save_save
};
+const freeform_init = () => initBlock({
+ name: freeform_name,
+ metadata: freeform_metadata,
+ settings: freeform_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/code.js
-
-
-/**
- * WordPress dependencies
- */
-
-const code = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M20.8 10.7l-4.3-4.3-1.1 1.1 4.3 4.3c.1.1.1.3 0 .4l-4.3 4.3 1.1 1.1 4.3-4.3c.7-.8.7-1.9 0-2.6zM4.2 11.8l4.3-4.3-1-1-4.3 4.3c-.7.7-.7 1.8 0 2.5l4.3 4.3 1.1-1.1-4.3-4.3c-.2-.1-.2-.3-.1-.4z"
-}));
-/* harmony default export */ var library_code = (code);
+/**
+ * WordPress dependencies
+ */
+
+
+const code = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M20.8 10.7l-4.3-4.3-1.1 1.1 4.3 4.3c.1.1.1.3 0 .4l-4.3 4.3 1.1 1.1 4.3-4.3c.7-.8.7-1.9 0-2.6zM4.2 11.8l4.3-4.3-1-1-4.3 4.3c-.7.7-.7 1.8 0 2.5l4.3 4.3 1.1-1.1-4.3-4.3c-.2-.1-.2-.3-.1-.4z"
+ })
+});
+/* harmony default export */ const library_code = (code);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/code/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-function CodeEdit(_ref) {
- let {
- attributes,
- setAttributes,
- onRemove
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+function CodeEdit({
+ attributes,
+ setAttributes,
+ onRemove,
+ insertBlocksAfter,
+ mergeBlocks
+}) {
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
- return (0,external_wp_element_namespaceObject.createElement)("pre", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- tagName: "code",
- value: attributes.content,
- onChange: content => setAttributes({
- content
- }),
- onRemove: onRemove,
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Write code…'),
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Code'),
- preserveWhiteSpace: true,
- __unstablePastePlainText: true
- }));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("pre", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ tagName: "code",
+ identifier: "content",
+ value: attributes.content,
+ onChange: content => setAttributes({
+ content
+ }),
+ onRemove: onRemove,
+ onMerge: mergeBlocks,
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Write code…'),
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Code'),
+ preserveWhiteSpace: true,
+ __unstablePastePlainText: true,
+ __unstableOnSplitAtDoubleLineEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)()))
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/code/utils.js
/**
- * External dependencies
- */
+ * WordPress dependencies
+ */
+
/**
* Escapes ampersands, shortcodes, and links.
@@ -5790,10 +6911,10 @@
* @param {string} content The content of a code block.
* @return {string} The given content with some characters escaped.
*/
-
function utils_escape(content) {
- return (0,external_lodash_namespaceObject.flow)(escapeOpeningSquareBrackets, escapeProtocolInIsolatedUrls)(content || '');
-}
+ return (0,external_wp_compose_namespaceObject.pipe)(escapeOpeningSquareBrackets, escapeProtocolInIsolatedUrls)(content || '');
+}
+
/**
* Returns the given content with all opening shortcode characters converted
* into their HTML entity counterpart (i.e. [ => [). For instance, a
@@ -5807,10 +6928,10 @@
* converted into their HTML entity counterpart
* (i.e. [ => [)
*/
-
function escapeOpeningSquareBrackets(content) {
return content.replace(/\[/g, '[');
}
+
/**
* Converts the first two forward slashes of any isolated URL into their HTML
* counterparts (i.e. // => //). For instance, https://youtube.com/watch?x
@@ -5825,32 +6946,37 @@
* @return {string} The given content with its ampersands converted into
* their HTML entity counterpart (i.e. & => &)
*/
-
-
function escapeProtocolInIsolatedUrls(content) {
return content.replace(/^(\s*https?:)\/\/([^\s<>"]+\s*)$/m, '$1//$2');
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/code/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-
-function code_save_save(_ref) {
- let {
- attributes
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)("pre", external_wp_blockEditor_namespaceObject.useBlockProps.save(), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "code",
- value: utils_escape(attributes.content)
- }));
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+function code_save_save({
+ attributes
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("pre", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "code"
+ // To do: `escape` encodes characters in shortcodes and URLs to
+ // prevent embedding in PHP. Ideally checks for the code block,
+ // or pre/code tags, should be made on the PHP side?
+ ,
+ value: utils_escape(typeof attributes.content === 'string' ? attributes.content : attributes.content.toHTMLString({
+ preserveWhiteSpace: true
+ }))
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/code/transforms.js
@@ -5858,6 +6984,12 @@
* WordPress dependencies
*/
+
+
+/**
+ * Internal dependencies
+ */
+
const code_transforms_transforms = {
from: [{
type: 'enter',
@@ -5865,13 +6997,30 @@
transform: () => (0,external_wp_blocks_namespaceObject.createBlock)('core/code')
}, {
type: 'block',
- blocks: ['core/html', 'core/paragraph'],
- transform: _ref => {
- let {
- content
- } = _ref;
+ blocks: ['core/paragraph'],
+ transform: ({
+ content,
+ metadata
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/code', {
+ content,
+ metadata: getTransformedMetadata(metadata, 'core/code')
+ })
+ }, {
+ type: 'block',
+ blocks: ['core/html'],
+ transform: ({
+ content: text,
+ metadata
+ }) => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/code', {
- content
+ // The HTML is plain text (with plain line breaks), so
+ // convert it to rich text.
+ content: (0,external_wp_richText_namespaceObject.toHTMLString)({
+ value: (0,external_wp_richText_namespaceObject.create)({
+ text
+ })
+ }),
+ metadata: getTransformedMetadata(metadata, 'core/code')
});
}
}, {
@@ -5888,9 +7037,20 @@
}
}
}
+ }],
+ to: [{
+ type: 'block',
+ blocks: ['core/paragraph'],
+ transform: ({
+ content,
+ metadata
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ content,
+ metadata: getTransformedMetadata(metadata, 'core/paragraph')
+ })
}]
};
-/* harmony default export */ var code_transforms = (code_transforms_transforms);
+/* harmony default export */ const code_transforms = (code_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/code/index.js
/**
@@ -5898,6 +7058,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -5905,7 +7066,7 @@
const code_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/code",
title: "Code",
category: "text",
@@ -5913,27 +7074,35 @@
textdomain: "default",
attributes: {
content: {
- type: "string",
- source: "html",
- selector: "code"
- }
- },
- supports: {
- anchor: true,
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
+ type: "rich-text",
+ source: "rich-text",
+ selector: "code",
+ __unstablePreserveWhiteSpace: true
+ }
+ },
+ supports: {
+ align: ["wide"],
+ anchor: true,
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
__experimentalDefaultControls: {
fontSize: true
}
},
spacing: {
margin: ["top", "bottom"],
- padding: true
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
},
__experimentalBorder: {
radius: true,
@@ -5953,6 +7122,9 @@
background: true,
text: true
}
+ },
+ interactivity: {
+ clientNavigation: true
}
},
style: "wp-block-code"
@@ -5969,37 +7141,45 @@
attributes: {
/* eslint-disable @wordpress/i18n-no-collapsible-whitespace */
// translators: Preserve \n markers for line breaks
- content: (0,external_wp_i18n_namespaceObject.__)('// A "block" is the abstract term used\n// to describe units of markup that\n// when composed together, form the\n// content or layout of a page.\nregisterBlockType( name, settings );')
+ content: (0,external_wp_i18n_namespaceObject.__)('// A “block” is the abstract term used\n// to describe units of markup that\n// when composed together, form the\n// content or layout of a page.\nregisterBlockType( name, settings );')
/* eslint-enable @wordpress/i18n-no-collapsible-whitespace */
-
- }
+ }
+ },
+ merge(attributes, attributesToMerge) {
+ return {
+ content: attributes.content + '\n\n' + attributesToMerge.content
+ };
},
transforms: code_transforms,
edit: CodeEdit,
save: code_save_save
};
+const code_init = () => initBlock({
+ name: code_name,
+ metadata: code_metadata,
+ settings: code_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/column.js
-
-
-/**
- * WordPress dependencies
- */
-
-const column = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM6 17.5c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h3v10H6zm13.5-.5c0 .3-.2.5-.5.5h-3v-10h3c.3 0 .5.2.5.5v9z"
-}));
-/* harmony default export */ var library_column = (column);
+/**
+ * WordPress dependencies
+ */
+
+
+const column = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM6 17.5c-.3 0-.5-.2-.5-.5V8c0-.3.2-.5.5-.5h3v10H6zm13.5-.5c0 .3-.2.5-.5.5h-3v-10h3c.3 0 .5.2.5.5v9z"
+ })
+});
+/* harmony default export */ const library_column = (column);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/column/deprecated.js
-
-
-/**
- * External dependencies
- */
+/**
+ * External dependencies
+ */
+
/**
* WordPress dependencies
@@ -6017,76 +7197,93 @@
max: 100
}
},
-
- isEligible(_ref) {
- let {
- width
- } = _ref;
+ isEligible({
+ width
+ }) {
return isFinite(width);
},
-
migrate(attributes) {
- return { ...attributes,
+ return {
+ ...attributes,
width: `${attributes.width}%`
};
},
-
- save(_ref2) {
- let {
- attributes
- } = _ref2;
+ save({
+ attributes
+ }) {
const {
verticalAlignment,
width
} = attributes;
- const wrapperClasses = classnames_default()({
+ const wrapperClasses = dist_clsx({
[`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment
});
const style = {
flexBasis: width + '%'
};
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
className: wrapperClasses,
- style: style
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null));
- }
-
+ style: style,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
+ }
}];
-/* harmony default export */ var column_deprecated = (column_deprecated_deprecated);
+/* harmony default export */ const column_deprecated = (column_deprecated_deprecated);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/column/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-function ColumnEdit(_ref) {
- let {
- attributes: {
- verticalAlignment,
- width,
- templateLock = false,
- allowedBlocks
- },
- setAttributes,
- clientId
- } = _ref;
- const classes = classnames_default()('block-core-columns', {
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+function ColumnInspectorControls({
+ width,
+ setAttributes
+}) {
+ const [availableUnits] = (0,external_wp_blockEditor_namespaceObject.useSettings)('spacing.units');
+ const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({
+ availableUnits: availableUnits || ['%', 'px', 'em', 'rem', 'vw']
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalUnitControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Width'),
+ labelPosition: "edge",
+ __unstableInputWidth: "80px",
+ value: width || '',
+ onChange: nextWidth => {
+ nextWidth = 0 > parseFloat(nextWidth) ? '0' : nextWidth;
+ setAttributes({
+ width: nextWidth
+ });
+ },
+ units: units
+ })
+ });
+}
+function ColumnEdit({
+ attributes: {
+ verticalAlignment,
+ width,
+ templateLock,
+ allowedBlocks
+ },
+ setAttributes,
+ clientId
+}) {
+ const classes = dist_clsx('block-core-columns', {
[`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment
});
- const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({
- availableUnits: (0,external_wp_blockEditor_namespaceObject.useSetting)('spacing.units') || ['%', 'px', 'em', 'rem', 'vw']
- });
const {
columnsIds,
hasChildBlocks,
@@ -6106,18 +7303,16 @@
const {
updateBlockAttributes
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
-
const updateAlignment = value => {
// Update own alignment.
setAttributes({
verticalAlignment: value
- }); // Reset parent Columns block.
-
+ });
+ // Reset parent Columns block.
updateBlockAttributes(rootClientId, {
verticalAlignment: null
});
};
-
const widthWithUnit = Number.isFinite(width) ? width + '%' : width;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
className: classes,
@@ -6127,84 +7322,78 @@
});
const columnsCount = columnsIds.length;
const currentColumnPosition = columnsIds.indexOf(clientId) + 1;
- const label = (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: 1: Block label (i.e. "Block: Column"), 2: Position of the selected block, 3: Total number of sibling blocks of the same type */
+ const label = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: 1: Block label (i.e. "Block: Column"), 2: Position of the selected block, 3: Total number of sibling blocks of the same type */
(0,external_wp_i18n_namespaceObject.__)('%1$s (%2$d of %3$d)'), blockProps['aria-label'], currentColumnPosition, columnsCount);
- const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({ ...blockProps,
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({
+ ...blockProps,
'aria-label': label
}, {
templateLock,
allowedBlocks,
renderAppender: hasChildBlocks ? undefined : external_wp_blockEditor_namespaceObject.InnerBlocks.ButtonBlockAppender
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockVerticalAlignmentToolbar, {
- onChange: updateAlignment,
- value: verticalAlignment
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Column settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Width'),
- labelPosition: "edge",
- __unstableInputWidth: "80px",
- value: width || '',
- onChange: nextWidth => {
- nextWidth = 0 > parseFloat(nextWidth) ? '0' : nextWidth;
- setAttributes({
- width: nextWidth
- });
- },
- units: units
- }))), (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps));
-}
-
-/* harmony default export */ var column_edit = (ColumnEdit);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockVerticalAlignmentToolbar, {
+ onChange: updateAlignment,
+ value: verticalAlignment,
+ controls: ['top', 'center', 'bottom', 'stretch']
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ColumnInspectorControls, {
+ width: width,
+ setAttributes: setAttributes
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ })]
+ });
+}
+/* harmony default export */ const column_edit = (ColumnEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/column/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-function column_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+function column_save_save({
+ attributes
+}) {
const {
verticalAlignment,
width
} = attributes;
- const wrapperClasses = classnames_default()({
+ const wrapperClasses = dist_clsx({
[`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment
});
let style;
-
if (width && /\d/.test(width)) {
// Numbers are handled for backward compatibility as they can be still provided with templates.
- let flexBasis = Number.isFinite(width) ? width + '%' : width; // In some cases we need to round the width to a shorter float.
-
- if (!Number.isFinite(width) && width !== null && width !== void 0 && width.endsWith('%')) {
- const multiplier = 1000000000000; // Shrink the number back to a reasonable float.
-
+ let flexBasis = Number.isFinite(width) ? width + '%' : width;
+ // In some cases we need to round the width to a shorter float.
+ if (!Number.isFinite(width) && width?.endsWith('%')) {
+ const multiplier = 1000000000000;
+ // Shrink the number back to a reasonable float.
flexBasis = Math.round(Number.parseFloat(width) * multiplier) / multiplier + '%';
}
-
style = {
flexBasis
};
}
-
const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save({
className: wrapperClasses,
style
});
const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(blockProps);
- return (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/column/index.js
@@ -6212,6 +7401,7 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -6220,10 +7410,10 @@
const column_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/column",
title: "Column",
- category: "text",
+ category: "design",
parent: ["core/columns"],
description: "A single column within a columns block.",
textdomain: "default",
@@ -6239,29 +7429,60 @@
},
templateLock: {
type: ["string", "boolean"],
- "enum": ["all", "insert", false]
- }
- },
- supports: {
+ "enum": ["all", "insert", "contentOnly", false]
+ }
+ },
+ supports: {
+ __experimentalOnEnter: true,
anchor: true,
reusable: false,
html: false,
color: {
gradients: true,
+ heading: true,
+ button: true,
link: true,
__experimentalDefaultControls: {
background: true,
text: true
}
},
+ shadow: true,
spacing: {
blockGap: true,
padding: true,
__experimentalDefaultControls: {
- padding: true
- }
- },
- __experimentalLayout: true
+ padding: true,
+ blockGap: true
+ }
+ },
+ __experimentalBorder: {
+ color: true,
+ style: true,
+ width: true,
+ __experimentalDefaultControls: {
+ color: true,
+ style: true,
+ width: true
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ layout: true,
+ interactivity: {
+ clientNavigation: true
+ }
}
};
@@ -6275,25 +7496,30 @@
save: column_save_save,
deprecated: column_deprecated
};
+const column_init = () => initBlock({
+ name: column_name,
+ metadata: column_metadata,
+ settings: column_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/columns.js
-
-
-/**
- * WordPress dependencies
- */
-
-const columns = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19 6H6c-1.1 0-2 .9-2 2v9c0 1.1.9 2 2 2h13c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm-4.1 1.5v10H10v-10h4.9zM5.5 17V8c0-.3.2-.5.5-.5h2.5v10H6c-.3 0-.5-.2-.5-.5zm14 0c0 .3-.2.5-.5.5h-2.6v-10H19c.3 0 .5.2.5.5v9z"
-}));
-/* harmony default export */ var library_columns = (columns);
+/**
+ * WordPress dependencies
+ */
+
+
+const columns = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ fillRule: "evenodd",
+ clipRule: "evenodd",
+ d: "M15 7.5h-5v10h5v-10Zm1.5 0v10H19a.5.5 0 0 0 .5-.5V8a.5.5 0 0 0-.5-.5h-2.5ZM6 7.5h2.5v10H6a.5.5 0 0 1-.5-.5V8a.5.5 0 0 1 .5-.5ZM6 6h13a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z"
+ })
+});
+/* harmony default export */ const library_columns = (columns);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/columns/deprecated.js
-
-
/**
* External dependencies
*/
@@ -6312,53 +7538,50 @@
*
* @param {string} originalContent Deprecated Columns inner block HTML.
*
- * @return {?number} Column to which inner block is to be assigned.
+ * @return {number | undefined} Column to which inner block is to be assigned.
*/
function getDeprecatedLayoutColumn(originalContent) {
let {
doc
} = getDeprecatedLayoutColumn;
-
if (!doc) {
doc = document.implementation.createHTMLDocument('');
getDeprecatedLayoutColumn.doc = doc;
}
-
let columnMatch;
doc.body.innerHTML = originalContent;
-
for (const classListItem of doc.body.firstChild.classList) {
if (columnMatch = classListItem.match(/^layout-column-(\d+)$/)) {
return Number(columnMatch[1]) - 1;
}
}
}
-
const migrateCustomColors = attributes => {
if (!attributes.customTextColor && !attributes.customBackgroundColor) {
return attributes;
}
-
const style = {
color: {}
};
-
if (attributes.customTextColor) {
style.color.text = attributes.customTextColor;
}
-
if (attributes.customBackgroundColor) {
style.color.background = attributes.customBackgroundColor;
}
-
- return { ...(0,external_lodash_namespaceObject.omit)(attributes, ['customTextColor', 'customBackgroundColor']),
+ const {
+ customTextColor,
+ customBackgroundColor,
+ ...restAttributes
+ } = attributes;
+ return {
+ ...restAttributes,
style,
isStackedOnMobile: true
};
};
-
-/* harmony default export */ var columns_deprecated = ([{
+/* harmony default export */ const columns_deprecated = ([{
attributes: {
verticalAlignment: {
type: 'string'
@@ -6377,11 +7600,9 @@
}
},
migrate: migrateCustomColors,
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+ save({
+ attributes
+ }) {
const {
verticalAlignment,
backgroundColor,
@@ -6391,7 +7612,7 @@
} = attributes;
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
- const className = classnames_default()({
+ const className = dist_clsx({
'has-background': backgroundColor || customBackgroundColor,
'has-text-color': textColor || customTextColor,
[backgroundClass]: backgroundClass,
@@ -6402,12 +7623,12 @@
backgroundColor: backgroundClass ? undefined : customBackgroundColor,
color: textClass ? undefined : customTextColor
};
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
className: className ? className : undefined,
- style: style
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null));
- }
-
+ style: style,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
+ }
}, {
attributes: {
columns: {
@@ -6415,59 +7636,56 @@
default: 2
}
},
-
isEligible(attributes, innerBlocks) {
// Since isEligible is called on every valid instance of the
// Columns block and a deprecation is the unlikely case due to
// its subsequent migration, optimize for the `false` condition
// by performing a naive, inaccurate pass at inner blocks.
const isFastPassEligible = innerBlocks.some(innerBlock => /layout-column-\d+/.test(innerBlock.originalContent));
-
if (!isFastPassEligible) {
return false;
- } // Only if the fast pass is considered eligible is the more
+ }
+
+ // Only if the fast pass is considered eligible is the more
// accurate, durable, slower condition performed.
-
-
return innerBlocks.some(innerBlock => getDeprecatedLayoutColumn(innerBlock.originalContent) !== undefined);
},
-
migrate(attributes, innerBlocks) {
const columns = innerBlocks.reduce((accumulator, innerBlock) => {
const {
originalContent
} = innerBlock;
let columnIndex = getDeprecatedLayoutColumn(originalContent);
-
if (columnIndex === undefined) {
columnIndex = 0;
}
-
if (!accumulator[columnIndex]) {
accumulator[columnIndex] = [];
}
-
accumulator[columnIndex].push(innerBlock);
return accumulator;
}, []);
const migratedInnerBlocks = columns.map(columnBlocks => (0,external_wp_blocks_namespaceObject.createBlock)('core/column', {}, columnBlocks));
- return [{ ...(0,external_lodash_namespaceObject.omit)(attributes, ['columns']),
+ const {
+ columns: ignoredColumns,
+ ...restAttributes
+ } = attributes;
+ return [{
+ ...restAttributes,
isStackedOnMobile: true
}, migratedInnerBlocks];
},
-
- save(_ref2) {
- let {
- attributes
- } = _ref2;
+ save({
+ attributes
+ }) {
const {
columns
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("div", {
- className: `has-${columns}-columns`
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null));
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: `has-${columns}-columns`,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
+ }
}, {
attributes: {
columns: {
@@ -6475,38 +7693,36 @@
default: 2
}
},
-
migrate(attributes, innerBlocks) {
- attributes = { ...(0,external_lodash_namespaceObject.omit)(attributes, ['columns']),
+ const {
+ columns,
+ ...restAttributes
+ } = attributes;
+ attributes = {
+ ...restAttributes,
isStackedOnMobile: true
};
return [attributes, innerBlocks];
},
-
- save(_ref3) {
- let {
- attributes
- } = _ref3;
+ save({
+ attributes
+ }) {
const {
verticalAlignment,
columns
} = attributes;
- const wrapperClasses = classnames_default()(`has-${columns}-columns`, {
+ const wrapperClasses = dist_clsx(`has-${columns}-columns`, {
[`are-vertically-aligned-${verticalAlignment}`]: verticalAlignment
});
- return (0,external_wp_element_namespaceObject.createElement)("div", {
- className: wrapperClasses
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null));
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: wrapperClasses,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
+ }
}]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/columns/utils.js
/**
- * External dependencies
- */
-
-/**
* Returns a column width attribute value rounded to standard precision.
* Returns `undefined` if the value is not a valid finite number.
*
@@ -6514,7 +7730,6 @@
*
* @return {number} Value rounded to standard precision.
*/
-
const toWidthPrecision = value => {
const unitlessValue = parseFloat(value);
return Number.isFinite(unitlessValue) ? parseFloat(unitlessValue.toFixed(2)) : undefined;
@@ -6528,13 +7743,13 @@
*
* @return {number} Effective column width.
*/
-
function getEffectiveColumnWidth(block, totalBlockCount) {
const {
width = 100 / totalBlockCount
} = block.attributes;
return toWidthPrecision(width);
}
+
/**
* Returns the total width occupied by the given set of column blocks.
*
@@ -6544,11 +7759,10 @@
*
* @return {number} Total width occupied by blocks.
*/
-
-function getTotalColumnsWidth(blocks) {
- let totalBlockCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : blocks.length;
- return (0,external_lodash_namespaceObject.sumBy)(blocks, block => getEffectiveColumnWidth(block, totalBlockCount));
-}
+function getTotalColumnsWidth(blocks, totalBlockCount = blocks.length) {
+ return blocks.reduce((sum, block) => sum + getEffectiveColumnWidth(block, totalBlockCount), 0);
+}
+
/**
* Returns an object of `clientId` → `width` of effective column widths.
*
@@ -6558,9 +7772,7 @@
*
* @return {Object<string,number>} Column widths.
*/
-
-function getColumnWidths(blocks) {
- let totalBlockCount = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : blocks.length;
+function getColumnWidths(blocks, totalBlockCount = blocks.length) {
return blocks.reduce((accumulator, block) => {
const width = getEffectiveColumnWidth(block, totalBlockCount);
return Object.assign(accumulator, {
@@ -6568,6 +7780,7 @@
});
}, {});
}
+
/**
* Returns an object of `clientId` → `width` of column widths as redistributed
* proportional to their current widths, constrained or expanded to fit within
@@ -6580,15 +7793,14 @@
*
* @return {Object<string,number>} Redistributed column widths.
*/
-
-function getRedistributedColumnWidths(blocks, availableWidth) {
- let totalBlockCount = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : blocks.length;
+function getRedistributedColumnWidths(blocks, availableWidth, totalBlockCount = blocks.length) {
const totalWidth = getTotalColumnsWidth(blocks, totalBlockCount);
- return (0,external_lodash_namespaceObject.mapValues)(getColumnWidths(blocks, totalBlockCount), width => {
+ return Object.fromEntries(Object.entries(getColumnWidths(blocks, totalBlockCount)).map(([clientId, width]) => {
const newWidth = availableWidth * width / totalWidth;
- return toWidthPrecision(newWidth);
- });
-}
+ return [clientId, toWidthPrecision(newWidth)];
+ }));
+}
+
/**
* Returns true if column blocks within the provided set are assigned with
* explicit widths, or false otherwise.
@@ -6597,15 +7809,13 @@
*
* @return {boolean} Whether columns have explicit widths.
*/
-
function hasExplicitPercentColumnWidths(blocks) {
return blocks.every(block => {
- var _blockWidth$endsWith;
-
const blockWidth = block.attributes.width;
- return Number.isFinite(blockWidth !== null && blockWidth !== void 0 && (_blockWidth$endsWith = blockWidth.endsWith) !== null && _blockWidth$endsWith !== void 0 && _blockWidth$endsWith.call(blockWidth, '%') ? parseFloat(blockWidth) : blockWidth);
- });
-}
+ return Number.isFinite(blockWidth?.endsWith?.('%') ? parseFloat(blockWidth) : blockWidth);
+ });
+}
+
/**
* Returns a copy of the given set of blocks with new widths assigned from the
* provided object of redistributed column widths.
@@ -6615,14 +7825,16 @@
*
* @return {WPBlock[]} blocks Mapped block objects.
*/
-
function getMappedColumnWidths(blocks, widths) {
- return blocks.map(block => (0,external_lodash_namespaceObject.merge)({}, block, {
+ return blocks.map(block => ({
+ ...block,
attributes: {
+ ...block.attributes,
width: `${widths[block.clientId]}%`
}
}));
}
+
/**
* Returns an array with columns widths values, parsed or no depends on `withParsing` flag.
*
@@ -6631,14 +7843,13 @@
*
* @return {Array<number,string>} Column widths.
*/
-
-function getWidths(blocks) {
- let withParsing = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+function getWidths(blocks, withParsing = true) {
return blocks.map(innerColumn => {
const innerColumnWidth = innerColumn.attributes.width || 100 / blocks.length;
return withParsing ? parseFloat(innerColumnWidth) : innerColumnWidth;
});
}
+
/**
* Returns a column width with unit.
*
@@ -6647,16 +7858,14 @@
*
* @return {string} Column width with unit.
*/
-
function getWidthWithUnit(width, unit) {
width = 0 > parseFloat(width) ? '0' : width;
-
if (isPercentageUnit(unit)) {
width = Math.min(width, 100);
}
-
return `${width}${unit}`;
}
+
/**
* Returns a boolean whether passed unit is percentage
*
@@ -6664,128 +7873,73 @@
*
* @return {boolean} Whether unit is '%'.
*/
-
function isPercentageUnit(unit) {
return unit === '%';
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/columns/edit.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-/**
- * Allowed blocks constant is passed to InnerBlocks precisely as specified here.
- * The contents of the array should never change.
- * The array should contain the name of each block that is allowed.
- * In columns block, the only block we allow is 'core/column'.
- *
- * @constant
- * @type {string[]}
- */
-
-const edit_ALLOWED_BLOCKS = ['core/column'];
-
-function ColumnsEditContainer(_ref) {
- let {
- attributes,
- setAttributes,
- updateAlignment,
- updateColumns,
- clientId
- } = _ref;
- const {
- isStackedOnMobile,
- verticalAlignment
- } = attributes;
- const {
- count
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+const edit_DEFAULT_BLOCK = {
+ name: 'core/column'
+};
+function edit_ColumnInspectorControls({
+ clientId,
+ setAttributes,
+ isStackedOnMobile
+}) {
+ const {
+ count,
+ canInsertColumnBlock,
+ minCount
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
- return {
- count: select(external_wp_blockEditor_namespaceObject.store).getBlockCount(clientId)
+ const {
+ canInsertBlockType,
+ canRemoveBlock,
+ getBlocks,
+ getBlockCount
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const innerBlocks = getBlocks(clientId);
+
+ // Get the indexes of columns for which removal is prevented.
+ // The highest index will be used to determine the minimum column count.
+ const preventRemovalBlockIndexes = innerBlocks.reduce((acc, block, index) => {
+ if (!canRemoveBlock(block.clientId)) {
+ acc.push(index);
+ }
+ return acc;
+ }, []);
+ return {
+ count: getBlockCount(clientId),
+ canInsertColumnBlock: canInsertBlockType('core/column', clientId),
+ minCount: Math.max(...preventRemovalBlockIndexes) + 1
};
}, [clientId]);
- const classes = classnames_default()({
- [`are-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
- [`is-not-stacked-on-mobile`]: !isStackedOnMobile
- });
- const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classes
- });
- const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
- allowedBlocks: edit_ALLOWED_BLOCKS,
- orientation: 'horizontal',
- renderAppender: false
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockVerticalAlignmentToolbar, {
- onChange: updateAlignment,
- value: verticalAlignment
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
- value: count,
- onChange: value => updateColumns(count, value),
- min: 1,
- max: Math.max(6, count)
- }), count > 6 && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Notice, {
- status: "warning",
- isDismissible: false
- }, (0,external_wp_i18n_namespaceObject.__)('This column count exceeds the recommended amount and may cause visual breakage.')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Stack on mobile'),
- checked: isStackedOnMobile,
- onChange: () => setAttributes({
- isStackedOnMobile: !isStackedOnMobile
- })
- }))), (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps));
-}
-
-const ColumnsEditContainerWrapper = (0,external_wp_data_namespaceObject.withDispatch)((dispatch, ownProps, registry) => ({
- /**
- * Update all child Column blocks with a new vertical alignment setting
- * based on whatever alignment is passed in. This allows change to parent
- * to overide anything set on a individual column basis.
- *
- * @param {string} verticalAlignment the vertical alignment setting
- */
- updateAlignment(verticalAlignment) {
- const {
- clientId,
- setAttributes
- } = ownProps;
- const {
- updateBlockAttributes
- } = dispatch(external_wp_blockEditor_namespaceObject.store);
- const {
- getBlockOrder
- } = registry.select(external_wp_blockEditor_namespaceObject.store); // Update own alignment.
-
- setAttributes({
- verticalAlignment
- }); // Update all child Column Blocks to match.
-
- const innerBlockClientIds = getBlockOrder(clientId);
- innerBlockClientIds.forEach(innerBlockClientId => {
- updateBlockAttributes(innerBlockClientId, {
- verticalAlignment
- });
- });
- },
+ const {
+ getBlocks
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ const {
+ replaceInnerBlocks
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
/**
* Updates the column count, including necessary revisions to child Column
@@ -6794,59 +7948,146 @@
* @param {number} previousColumns Previous column count.
* @param {number} newColumns New column count.
*/
- updateColumns(previousColumns, newColumns) {
- const {
- clientId
- } = ownProps;
- const {
- replaceInnerBlocks
- } = dispatch(external_wp_blockEditor_namespaceObject.store);
- const {
- getBlocks
- } = registry.select(external_wp_blockEditor_namespaceObject.store);
+ function updateColumns(previousColumns, newColumns) {
let innerBlocks = getBlocks(clientId);
- const hasExplicitWidths = hasExplicitPercentColumnWidths(innerBlocks); // Redistribute available width for existing inner blocks.
-
+ const hasExplicitWidths = hasExplicitPercentColumnWidths(innerBlocks);
+
+ // Redistribute available width for existing inner blocks.
const isAddingColumn = newColumns > previousColumns;
-
if (isAddingColumn && hasExplicitWidths) {
// If adding a new column, assign width to the new column equal to
// as if it were `1 / columns` of the total available space.
- const newColumnWidth = toWidthPrecision(100 / newColumns); // Redistribute in consideration of pending block insertion as
+ const newColumnWidth = toWidthPrecision(100 / newColumns);
+ const newlyAddedColumns = newColumns - previousColumns;
+
+ // Redistribute in consideration of pending block insertion as
// constraining the available working width.
-
- const widths = getRedistributedColumnWidths(innerBlocks, 100 - newColumnWidth);
- innerBlocks = [...getMappedColumnWidths(innerBlocks, widths), ...(0,external_lodash_namespaceObject.times)(newColumns - previousColumns, () => {
+ const widths = getRedistributedColumnWidths(innerBlocks, 100 - newColumnWidth * newlyAddedColumns);
+ innerBlocks = [...getMappedColumnWidths(innerBlocks, widths), ...Array.from({
+ length: newlyAddedColumns
+ }).map(() => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/column', {
width: `${newColumnWidth}%`
});
})];
} else if (isAddingColumn) {
- innerBlocks = [...innerBlocks, ...(0,external_lodash_namespaceObject.times)(newColumns - previousColumns, () => {
+ innerBlocks = [...innerBlocks, ...Array.from({
+ length: newColumns - previousColumns
+ }).map(() => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/column');
})];
- } else {
+ } else if (newColumns < previousColumns) {
// The removed column will be the last of the inner blocks.
- innerBlocks = (0,external_lodash_namespaceObject.dropRight)(innerBlocks, previousColumns - newColumns);
-
+ innerBlocks = innerBlocks.slice(0, -(previousColumns - newColumns));
if (hasExplicitWidths) {
// Redistribute as if block is already removed.
const widths = getRedistributedColumnWidths(innerBlocks, 100);
innerBlocks = getMappedColumnWidths(innerBlocks, widths);
}
}
-
replaceInnerBlocks(clientId, innerBlocks);
}
-
-}))(ColumnsEditContainer);
-
-function Placeholder(_ref2) {
- let {
- clientId,
- name,
- setAttributes
- } = _ref2;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [canInsertColumnBlock && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
+ value: count,
+ onChange: value => updateColumns(count, Math.max(minCount, value)),
+ min: Math.max(1, minCount),
+ max: Math.max(6, count)
+ }), count > 6 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Notice, {
+ status: "warning",
+ isDismissible: false,
+ children: (0,external_wp_i18n_namespaceObject.__)('This column count exceeds the recommended amount and may cause visual breakage.')
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Stack on mobile'),
+ checked: isStackedOnMobile,
+ onChange: () => setAttributes({
+ isStackedOnMobile: !isStackedOnMobile
+ })
+ })]
+ });
+}
+function ColumnsEditContainer({
+ attributes,
+ setAttributes,
+ clientId
+}) {
+ const {
+ isStackedOnMobile,
+ verticalAlignment,
+ templateLock
+ } = attributes;
+ const registry = (0,external_wp_data_namespaceObject.useRegistry)();
+ const {
+ getBlockOrder
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ const {
+ updateBlockAttributes
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const classes = dist_clsx({
+ [`are-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
+ [`is-not-stacked-on-mobile`]: !isStackedOnMobile
+ });
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: classes
+ });
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ defaultBlock: edit_DEFAULT_BLOCK,
+ directInsert: true,
+ orientation: 'horizontal',
+ renderAppender: false,
+ templateLock
+ });
+
+ /**
+ * Update all child Column blocks with a new vertical alignment setting
+ * based on whatever alignment is passed in. This allows change to parent
+ * to overide anything set on a individual column basis.
+ *
+ * @param {string} newVerticalAlignment The vertical alignment setting.
+ */
+ function updateAlignment(newVerticalAlignment) {
+ const innerBlockClientIds = getBlockOrder(clientId);
+
+ // Update own and child Column block vertical alignments.
+ // This is a single action; the batching prevents creating multiple history records.
+ registry.batch(() => {
+ setAttributes({
+ verticalAlignment: newVerticalAlignment
+ });
+ updateBlockAttributes(innerBlockClientIds, {
+ verticalAlignment: newVerticalAlignment
+ });
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockVerticalAlignmentToolbar, {
+ onChange: updateAlignment,
+ value: verticalAlignment
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(edit_ColumnInspectorControls, {
+ clientId: clientId,
+ setAttributes: setAttributes,
+ isStackedOnMobile: isStackedOnMobile
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ })]
+ });
+}
+function Placeholder({
+ clientId,
+ name,
+ setAttributes
+}) {
const {
blockType,
defaultVariation,
@@ -6867,57 +8108,56 @@
replaceInnerBlocks
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalBlockVariationPicker, {
- icon: (0,external_lodash_namespaceObject.get)(blockType, ['icon', 'src']),
- label: (0,external_lodash_namespaceObject.get)(blockType, ['title']),
- variations: variations,
- onSelect: function () {
- let nextVariation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultVariation;
-
- if (nextVariation.attributes) {
- setAttributes(nextVariation.attributes);
- }
-
- if (nextVariation.innerBlocks) {
- replaceInnerBlocks(clientId, (0,external_wp_blocks_namespaceObject.createBlocksFromInnerBlocksTemplate)(nextVariation.innerBlocks), true);
- }
- },
- allowSkip: true
- }));
-}
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalBlockVariationPicker, {
+ icon: blockType?.icon?.src,
+ label: blockType?.title,
+ variations: variations,
+ instructions: (0,external_wp_i18n_namespaceObject.__)('Divide into columns. Select a layout:'),
+ onSelect: (nextVariation = defaultVariation) => {
+ if (nextVariation.attributes) {
+ setAttributes(nextVariation.attributes);
+ }
+ if (nextVariation.innerBlocks) {
+ replaceInnerBlocks(clientId, (0,external_wp_blocks_namespaceObject.createBlocksFromInnerBlocksTemplate)(nextVariation.innerBlocks), true);
+ }
+ },
+ allowSkip: true
+ })
+ });
+}
const ColumnsEdit = props => {
const {
clientId
} = props;
const hasInnerBlocks = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getBlocks(clientId).length > 0, [clientId]);
- const Component = hasInnerBlocks ? ColumnsEditContainerWrapper : Placeholder;
- return (0,external_wp_element_namespaceObject.createElement)(Component, props);
-};
-
-/* harmony default export */ var columns_edit = (ColumnsEdit);
+ const Component = hasInnerBlocks ? ColumnsEditContainer : Placeholder;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Component, {
+ ...props
+ });
+};
+/* harmony default export */ const columns_edit = (ColumnsEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/columns/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-function columns_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+function columns_save_save({
+ attributes
+}) {
const {
isStackedOnMobile,
verticalAlignment
} = attributes;
- const className = classnames_default()({
+ const className = dist_clsx({
[`are-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
[`is-not-stacked-on-mobile`]: !isStackedOnMobile
});
@@ -6925,15 +8165,16 @@
className
});
const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(blockProps);
- return (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/columns/variations.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
/** @typedef {import('@wordpress/blocks').WPBlockVariation} WPBlockVariation */
@@ -6948,49 +8189,46 @@
name: 'one-column-full',
title: (0,external_wp_i18n_namespaceObject.__)('100'),
description: (0,external_wp_i18n_namespaceObject.__)('One column'),
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
width: "48",
height: "48",
viewBox: "0 0 48 48",
- xmlns: "http://www.w3.org/2000/svg"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- fillRule: "evenodd",
- clipRule: "evenodd",
- d: "m39.0625 14h-30.0625v20.0938h30.0625zm-30.0625-2c-1.10457 0-2 .8954-2 2v20.0938c0 1.1045.89543 2 2 2h30.0625c1.1046 0 2-.8955 2-2v-20.0938c0-1.1046-.8954-2-2-2z"
- })),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M0 10a2 2 0 0 1 2-2h44a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Z"
+ })
+ }),
innerBlocks: [['core/column']],
scope: ['block']
}, {
name: 'two-columns-equal',
title: (0,external_wp_i18n_namespaceObject.__)('50 / 50'),
description: (0,external_wp_i18n_namespaceObject.__)('Two columns; equal split'),
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
width: "48",
height: "48",
viewBox: "0 0 48 48",
- xmlns: "http://www.w3.org/2000/svg"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- fillRule: "evenodd",
- clipRule: "evenodd",
- d: "M39 12C40.1046 12 41 12.8954 41 14V34C41 35.1046 40.1046 36 39 36H9C7.89543 36 7 35.1046 7 34V14C7 12.8954 7.89543 12 9 12H39ZM39 34V14H25V34H39ZM23 34H9V14H23V34Z"
- })),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M0 10a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm25 0a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H27a2 2 0 0 1-2-2V10Z"
+ })
+ }),
isDefault: true,
innerBlocks: [['core/column'], ['core/column']],
scope: ['block']
}, {
name: 'two-columns-one-third-two-thirds',
- title: (0,external_wp_i18n_namespaceObject.__)('30 / 70'),
+ title: (0,external_wp_i18n_namespaceObject.__)('33 / 66'),
description: (0,external_wp_i18n_namespaceObject.__)('Two columns; one-third, two-thirds split'),
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
width: "48",
height: "48",
viewBox: "0 0 48 48",
- xmlns: "http://www.w3.org/2000/svg"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- fillRule: "evenodd",
- clipRule: "evenodd",
- d: "M39 12C40.1046 12 41 12.8954 41 14V34C41 35.1046 40.1046 36 39 36H9C7.89543 36 7 35.1046 7 34V14C7 12.8954 7.89543 12 9 12H39ZM39 34V14H20V34H39ZM18 34H9V14H18V34Z"
- })),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M0 10a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm17 0a2 2 0 0 1 2-2h27a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H19a2 2 0 0 1-2-2V10Z"
+ })
+ }),
innerBlocks: [['core/column', {
width: '33.33%'
}], ['core/column', {
@@ -6999,18 +8237,17 @@
scope: ['block']
}, {
name: 'two-columns-two-thirds-one-third',
- title: (0,external_wp_i18n_namespaceObject.__)('70 / 30'),
+ title: (0,external_wp_i18n_namespaceObject.__)('66 / 33'),
description: (0,external_wp_i18n_namespaceObject.__)('Two columns; two-thirds, one-third split'),
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
width: "48",
height: "48",
viewBox: "0 0 48 48",
- xmlns: "http://www.w3.org/2000/svg"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- fillRule: "evenodd",
- clipRule: "evenodd",
- d: "M39 12C40.1046 12 41 12.8954 41 14V34C41 35.1046 40.1046 36 39 36H9C7.89543 36 7 35.1046 7 34V14C7 12.8954 7.89543 12 9 12H39ZM39 34V14H30V34H39ZM28 34H9V14H28V34Z"
- })),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M0 10a2 2 0 0 1 2-2h27a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm33 0a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H35a2 2 0 0 1-2-2V10Z"
+ })
+ }),
innerBlocks: [['core/column', {
width: '66.66%'
}], ['core/column', {
@@ -7021,30 +8258,30 @@
name: 'three-columns-equal',
title: (0,external_wp_i18n_namespaceObject.__)('33 / 33 / 33'),
description: (0,external_wp_i18n_namespaceObject.__)('Three columns; equal split'),
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
width: "48",
height: "48",
viewBox: "0 0 48 48",
- xmlns: "http://www.w3.org/2000/svg"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- fillRule: "evenodd",
- d: "M41 14a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h30a2 2 0 0 0 2-2V14zM28.5 34h-9V14h9v20zm2 0V14H39v20h-8.5zm-13 0H9V14h8.5v20z"
- })),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M0 10a2 2 0 0 1 2-2h10.531c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H2a2 2 0 0 1-2-2V10Zm16.5 0c0-1.105.864-2 1.969-2H29.53c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H18.47c-1.105 0-1.969-.895-1.969-2V10Zm17 0c0-1.105.864-2 1.969-2H46a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H35.469c-1.105 0-1.969-.895-1.969-2V10Z"
+ })
+ }),
innerBlocks: [['core/column'], ['core/column'], ['core/column']],
scope: ['block']
}, {
name: 'three-columns-wider-center',
title: (0,external_wp_i18n_namespaceObject.__)('25 / 50 / 25'),
description: (0,external_wp_i18n_namespaceObject.__)('Three columns; wide center column'),
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
width: "48",
height: "48",
viewBox: "0 0 48 48",
- xmlns: "http://www.w3.org/2000/svg"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- fillRule: "evenodd",
- d: "M41 14a2 2 0 0 0-2-2H9a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h30a2 2 0 0 0 2-2V14zM31 34H17V14h14v20zm2 0V14h6v20h-6zm-18 0H9V14h6v20z"
- })),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M0 10a2 2 0 0 1 2-2h7.531c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H2a2 2 0 0 1-2-2V10Zm13.5 0c0-1.105.864-2 1.969-2H32.53c1.105 0 1.969.895 1.969 2v28c0 1.105-.864 2-1.969 2H15.47c-1.105 0-1.969-.895-1.969-2V10Zm23 0c0-1.105.864-2 1.969-2H46a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2h-7.531c-1.105 0-1.969-.895-1.969-2V10Z"
+ })
+ }),
innerBlocks: [['core/column', {
width: '25%'
}], ['core/column', {
@@ -7054,7 +8291,7 @@
}]],
scope: ['block']
}];
-/* harmony default export */ var columns_variations = (variations);
+/* harmony default export */ const columns_variations = (variations);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/columns/transforms.js
/**
@@ -7069,23 +8306,27 @@
blocks: ['*'],
__experimentalConvert: blocks => {
const columnWidth = +(100 / blocks.length).toFixed(2);
- const innerBlocksTemplate = blocks.map(_ref => {
- let {
- name,
- attributes,
- innerBlocks
- } = _ref;
- return ['core/column', {
- width: `${columnWidth}%`
- }, [[name, { ...attributes
- }, innerBlocks]]];
- });
+ const innerBlocksTemplate = blocks.map(({
+ name,
+ attributes,
+ innerBlocks
+ }) => ['core/column', {
+ width: `${columnWidth}%`
+ }, [[name, {
+ ...attributes
+ }, innerBlocks]]]);
return (0,external_wp_blocks_namespaceObject.createBlock)('core/columns', {}, (0,external_wp_blocks_namespaceObject.createBlocksFromInnerBlocksTemplate)(innerBlocksTemplate));
},
- isMatch: _ref2 => {
- let {
- length: selectedBlocksLength
- } = _ref2;
+ isMatch: ({
+ length: selectedBlocksLength
+ }, blocks) => {
+ // If a user is trying to transform a single Columns block, skip
+ // the transformation. Enabling this functiontionality creates
+ // nested Columns blocks resulting in an unintuitive user experience.
+ // Multiple Columns blocks can still be transformed.
+ if (blocks.length === 1 && blocks[0].name === 'core/columns') {
+ return false;
+ }
return selectedBlocksLength && selectedBlocksLength <= MAXIMUM_SELECTED_BLOCKS;
}
}, {
@@ -7108,7 +8349,6 @@
verticalAlignment
} = attributes;
let media;
-
if (mediaType === 'image' || !mediaType) {
const imageAttrs = {
id,
@@ -7123,7 +8363,8 @@
linkTarget: attributes.linkTarget,
rel: attributes.rel
};
- media = ['core/image', { ...imageAttrs,
+ media = ['core/image', {
+ ...imageAttrs,
...linkAttrs
}];
} else {
@@ -7132,17 +8373,14 @@
src: url
}];
}
-
const innerBlocksTemplate = [['core/column', {
width: `${mediaWidth}%`
}, [media]], ['core/column', {
width: `${100 - mediaWidth}%`
}, innerBlocks]];
-
if (mediaPosition === 'right') {
innerBlocksTemplate.reverse();
}
-
return (0,external_wp_blocks_namespaceObject.createBlock)('core/columns', {
align,
backgroundColor,
@@ -7151,9 +8389,10 @@
verticalAlignment
}, (0,external_wp_blocks_namespaceObject.createBlocksFromInnerBlocksTemplate)(innerBlocksTemplate));
}
- }]
-};
-/* harmony default export */ var columns_transforms = (columns_transforms_transforms);
+ }],
+ ungroup: (attributes, innerBlocks) => innerBlocks.flatMap(innerBlock => innerBlock.innerBlocks)
+};
+/* harmony default export */ const columns_transforms = (columns_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/columns/index.js
/**
@@ -7161,6 +8400,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -7169,10 +8409,11 @@
const columns_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/columns",
title: "Columns",
category: "design",
+ allowedBlocks: ["core/column"],
description: "Display content in multiple columns, with blocks added to each column.",
textdomain: "default",
attributes: {
@@ -7182,6 +8423,10 @@
isStackedOnMobile: {
type: "boolean",
"default": true
+ },
+ templateLock: {
+ type: ["string", "boolean"],
+ "enum": ["all", "insert", "contentOnly", false]
}
},
supports: {
@@ -7191,6 +8436,8 @@
color: {
gradients: true,
link: true,
+ heading: true,
+ button: true,
__experimentalDefaultControls: {
background: true,
text: true
@@ -7198,15 +8445,17 @@
},
spacing: {
blockGap: {
- __experimentalDefault: "2em"
+ __experimentalDefault: "2em",
+ sides: ["horizontal", "vertical"]
},
margin: ["top", "bottom"],
padding: true,
__experimentalDefaultControls: {
- padding: true
- }
- },
- __experimentalLayout: {
+ padding: true,
+ blockGap: true
+ }
+ },
+ layout: {
allowSwitching: false,
allowInheriting: false,
allowEditing: false,
@@ -7226,7 +8475,24 @@
style: true,
width: true
}
- }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ },
+ shadow: true
},
editorStyle: "wp-block-columns-editor",
style: "wp-block-columns"
@@ -7286,40 +8552,802 @@
save: columns_save_save,
transforms: columns_transforms
};
+const columns_init = () => initBlock({
+ name: columns_name,
+ metadata: columns_metadata,
+ settings: columns_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-comments.js
+/**
+ * WordPress dependencies
+ */
+
+
+const postComments = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M14 10.1V4c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v8.3c0 .3.2.7.6.8.1.1.2.1.3.1.2 0 .5-.1.6-.3l1.8-1.8H13c.6 0 1-.4 1-1zm-1.5-.5H6.7l-1.2 1.2V4.5h7v5.1zM19 12h-8c-.6 0-1 .4-1 1v6.1c0 .6.4 1 1 1h5.7l1.8 1.8c.1.2.4.3.6.3.1 0 .2 0 .3-.1.4-.1.6-.5.6-.8V13c0-.6-.4-1-1-1zm-.5 7.8l-1.2-1.2h-5.8v-5.1h7v6.3z"
+ })
+});
+/* harmony default export */ const post_comments = (postComments);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments/deprecated.js
+/**
+ * WordPress dependencies
+ */
+
+
+// v1: Deprecate the initial version of the block which was called "Comments
+// Query Loop" instead of "Comments".
+
+const v1 = {
+ attributes: {
+ tagName: {
+ type: 'string',
+ default: 'div'
+ }
+ },
+ apiVersion: 3,
+ supports: {
+ align: ['wide', 'full'],
+ html: false,
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true,
+ link: true
+ }
+ }
+ },
+ save({
+ attributes: {
+ tagName: Tag
+ }
+ }) {
+ const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save();
+ const {
+ className
+ } = blockProps;
+ const classes = className?.split(' ') || [];
+
+ // The ID of the previous version of the block
+ // didn't have the `wp-block-comments` class,
+ // so we need to remove it here in order to mimic it.
+ const newClasses = classes?.filter(cls => cls !== 'wp-block-comments');
+ const newBlockProps = {
+ ...blockProps,
+ className: newClasses.join(' ')
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ ...newBlockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
+ }
+};
+/* harmony default export */ const comments_deprecated = ([v1]);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments/edit/comments-inspector-controls.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+function CommentsInspectorControls({
+ attributes: {
+ tagName
+ },
+ setAttributes
+}) {
+ const htmlElementMessages = {
+ section: (0,external_wp_i18n_namespaceObject.__)("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
+ aside: (0,external_wp_i18n_namespaceObject.__)("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.")
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('HTML element'),
+ options: [{
+ label: (0,external_wp_i18n_namespaceObject.__)('Default (<div>)'),
+ value: 'div'
+ }, {
+ label: '<section>',
+ value: 'section'
+ }, {
+ label: '<aside>',
+ value: 'aside'
+ }],
+ value: tagName,
+ onChange: value => setAttributes({
+ tagName: value
+ }),
+ help: htmlElementMessages[tagName]
+ })
+ })
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments-form/form.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+const CommentsFormPlaceholder = () => {
+ const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(CommentsFormPlaceholder);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "comment-respond",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h3", {
+ className: "comment-reply-title",
+ children: (0,external_wp_i18n_namespaceObject.__)('Leave a Reply')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("form", {
+ noValidate: true,
+ className: "comment-form",
+ onSubmit: event => event.preventDefault(),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("p", {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("label", {
+ htmlFor: `comment-${instanceId}`,
+ children: (0,external_wp_i18n_namespaceObject.__)('Comment')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("textarea", {
+ id: `comment-${instanceId}`,
+ name: "comment",
+ cols: "45",
+ rows: "8",
+ readOnly: true
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ className: "form-submit wp-block-button",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("input", {
+ name: "submit",
+ type: "submit",
+ className: dist_clsx('wp-block-button__link', (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('button')),
+ label: (0,external_wp_i18n_namespaceObject.__)('Post Comment'),
+ value: (0,external_wp_i18n_namespaceObject.__)('Post Comment'),
+ "aria-disabled": "true"
+ })
+ })]
+ })]
+ });
+};
+const CommentsForm = ({
+ postId,
+ postType
+}) => {
+ const [commentStatus, setCommentStatus] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'comment_status', postId);
+ const isSiteEditor = postType === undefined || postId === undefined;
+ const {
+ defaultCommentStatus
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getSettings().__experimentalDiscussionSettings);
+ const postTypeSupportsComments = (0,external_wp_data_namespaceObject.useSelect)(select => postType ? !!select(external_wp_coreData_namespaceObject.store).getPostType(postType)?.supports.comments : false);
+ if (!isSiteEditor && 'open' !== commentStatus) {
+ if ('closed' === commentStatus) {
+ const actions = [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ onClick: () => setCommentStatus('open'),
+ variant: "primary",
+ children: (0,external_wp_i18n_namespaceObject._x)('Enable comments', 'action that affects the current post')
+ }, "enableComments")];
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ actions: actions,
+ children: (0,external_wp_i18n_namespaceObject.__)('Post Comments Form block: Comments are not enabled for this item.')
+ });
+ } else if (!postTypeSupportsComments) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: 1: Post type (i.e. "post", "page") */
+ (0,external_wp_i18n_namespaceObject.__)('Post Comments Form block: Comments are not enabled for this post type (%s).'), postType)
+ });
+ } else if ('open' !== defaultCommentStatus) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.__)('Post Comments Form block: Comments are not enabled.')
+ });
+ }
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommentsFormPlaceholder, {});
+};
+/* harmony default export */ const post_comments_form_form = (CommentsForm);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments/edit/placeholder.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+function PostCommentsPlaceholder({
+ postType,
+ postId
+}) {
+ let [postTitle] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'title', postId);
+ postTitle = postTitle || (0,external_wp_i18n_namespaceObject.__)('Post Title');
+ const {
+ avatarURL
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getSettings().__experimentalDiscussionSettings);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "wp-block-comments__legacy-placeholder",
+ inert: "true",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h3", {
+ children: /* translators: %s: Post title. */
+ (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('One response to %s'), postTitle)
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "navigation",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "alignleft",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("a", {
+ href: "#top",
+ children: ["\xAB ", (0,external_wp_i18n_namespaceObject.__)('Older Comments')]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "alignright",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("a", {
+ href: "#top",
+ children: [(0,external_wp_i18n_namespaceObject.__)('Newer Comments'), " \xBB"]
+ })
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ol", {
+ className: "commentlist",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {
+ className: "comment even thread-even depth-1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("article", {
+ className: "comment-body",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("footer", {
+ className: "comment-meta",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "comment-author vcard",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ alt: (0,external_wp_i18n_namespaceObject.__)('Commenter Avatar'),
+ src: avatarURL,
+ className: "avatar avatar-32 photo",
+ height: "32",
+ width: "32",
+ loading: "lazy"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("b", {
+ className: "fn",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: "#top",
+ className: "url",
+ children: (0,external_wp_i18n_namespaceObject.__)('A WordPress Commenter')
+ })
+ }), ' ', /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("span", {
+ className: "says",
+ children: [(0,external_wp_i18n_namespaceObject.__)('says'), ":"]
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "comment-metadata",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: "#top",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("time", {
+ dateTime: "2000-01-01T00:00:00+00:00",
+ children: (0,external_wp_i18n_namespaceObject.__)('January 1, 2000 at 00:00 am')
+ })
+ }), ' ', /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: "edit-link",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: "comment-edit-link",
+ href: "#top",
+ children: (0,external_wp_i18n_namespaceObject.__)('Edit')
+ })
+ })]
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "comment-content",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("p", {
+ children: [(0,external_wp_i18n_namespaceObject.__)('Hi, this is a comment.'), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("br", {}), (0,external_wp_i18n_namespaceObject.__)('To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.'), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("br", {}), (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('Commenter avatars come from <a>Gravatar</a>.'), {
+ a:
+ /*#__PURE__*/
+ // eslint-disable-next-line jsx-a11y/anchor-has-content
+ (0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: "https://gravatar.com/"
+ })
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "reply",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: "comment-reply-link",
+ href: "#top",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Reply to A WordPress Commenter'),
+ children: (0,external_wp_i18n_namespaceObject.__)('Reply')
+ })
+ })]
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "navigation",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "alignleft",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("a", {
+ href: "#top",
+ children: ["\xAB ", (0,external_wp_i18n_namespaceObject.__)('Older Comments')]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "alignright",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("a", {
+ href: "#top",
+ children: [(0,external_wp_i18n_namespaceObject.__)('Newer Comments'), " \xBB"]
+ })
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(post_comments_form_form, {
+ postId: postId,
+ postType: postType
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments/edit/comments-legacy.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function CommentsLegacy({
+ attributes,
+ setAttributes,
+ context: {
+ postType,
+ postId
+ }
+}) {
+ const {
+ textAlign
+ } = attributes;
+ const actions = [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ onClick: () => void setAttributes({
+ legacy: false
+ }),
+ variant: "primary",
+ children: (0,external_wp_i18n_namespaceObject.__)('Switch to editable mode')
+ }, "convert")];
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: dist_clsx({
+ [`has-text-align-${textAlign}`]: textAlign
+ })
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ actions: actions,
+ children: (0,external_wp_i18n_namespaceObject.__)('Comments block: You’re currently using the legacy version of the block. ' + 'The following is just a placeholder - the final styling will likely look different. ' + 'For a better representation and more customization options, ' + 'switch the block to its editable mode.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PostCommentsPlaceholder, {
+ postId: postId,
+ postType: postType
+ })]
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments/edit/template.js
+const TEMPLATE = [['core/comments-title'], ['core/comment-template', {}, [['core/columns', {}, [['core/column', {
+ width: '40px'
+}, [['core/avatar', {
+ size: 40,
+ style: {
+ border: {
+ radius: '20px'
+ }
+ }
+}]]], ['core/column', {}, [['core/comment-author-name', {
+ fontSize: 'small'
+}], ['core/group', {
+ layout: {
+ type: 'flex'
+ },
+ style: {
+ spacing: {
+ margin: {
+ top: '0px',
+ bottom: '0px'
+ }
+ }
+ }
+}, [['core/comment-date', {
+ fontSize: 'small'
+}], ['core/comment-edit-link', {
+ fontSize: 'small'
+}]]], ['core/comment-content'], ['core/comment-reply-link', {
+ fontSize: 'small'
+}]]]]]]], ['core/comments-pagination'], ['core/post-comments-form']];
+/* harmony default export */ const template = (TEMPLATE);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments/edit/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+function CommentsEdit(props) {
+ const {
+ attributes,
+ setAttributes
+ } = props;
+ const {
+ tagName: TagName,
+ legacy
+ } = attributes;
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ template: template
+ });
+ if (legacy) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommentsLegacy, {
+ ...props
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommentsInspectorControls, {
+ attributes: attributes,
+ setAttributes: setAttributes
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...innerBlocksProps
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments/save.js
+/**
+ * WordPress dependencies
+ */
+
+
+function comments_save_save({
+ attributes: {
+ tagName: Tag,
+ legacy
+ }
+}) {
+ const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save();
+ const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(blockProps);
+
+ // The legacy version is dynamic (i.e. PHP rendered) and doesn't allow inner
+ // blocks, so nothing is saved in that case.
+ return legacy ? null : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ ...innerBlocksProps
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+const comments_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ name: "core/comments",
+ title: "Comments",
+ category: "theme",
+ description: "An advanced block that allows displaying post comments using different visual configurations.",
+ textdomain: "default",
+ attributes: {
+ tagName: {
+ type: "string",
+ "default": "div"
+ },
+ legacy: {
+ type: "boolean",
+ "default": false
+ }
+ },
+ supports: {
+ align: ["wide", "full"],
+ html: false,
+ color: {
+ gradients: true,
+ heading: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true,
+ link: true
+ }
+ },
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ }
+ },
+ editorStyle: "wp-block-comments-editor",
+ usesContext: ["postId", "postType"]
+};
+
+
+
+const {
+ name: comments_name
+} = comments_metadata;
+
+const comments_settings = {
+ icon: post_comments,
+ edit: CommentsEdit,
+ save: comments_save_save,
+ deprecated: comments_deprecated
+};
+const comments_init = () => initBlock({
+ name: comments_name,
+ metadata: comments_metadata,
+ settings: comments_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-author-avatar/edit.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+function edit_Edit({
+ attributes,
+ context: {
+ commentId
+ },
+ setAttributes,
+ isSelected
+}) {
+ const {
+ height,
+ width
+ } = attributes;
+ const [avatars] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'comment', 'author_avatar_urls', commentId);
+ const [authorName] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'comment', 'author_name', commentId);
+ const avatarUrls = avatars ? Object.values(avatars) : null;
+ const sizes = avatars ? Object.keys(avatars) : null;
+ const minSize = sizes ? sizes[0] : 24;
+ const maxSize = sizes ? sizes[sizes.length - 1] : 96;
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
+ const spacingProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetSpacingClassesAndStyles)(attributes);
+ const maxSizeBuffer = Math.floor(maxSize * 2.5);
+ const {
+ avatarURL
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getSettings
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const {
+ __experimentalDiscussionSettings
+ } = getSettings();
+ return __experimentalDiscussionSettings;
+ });
+ const inspectorControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Image size'),
+ onChange: newWidth => setAttributes({
+ width: newWidth,
+ height: newWidth
+ }),
+ min: minSize,
+ max: maxSizeBuffer,
+ initialPosition: width,
+ value: width
+ })
+ })
+ });
+ const resizableAvatar = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ResizableBox, {
+ size: {
+ width,
+ height
+ },
+ showHandle: isSelected,
+ onResizeStop: (event, direction, elt, delta) => {
+ setAttributes({
+ height: parseInt(height + delta.height, 10),
+ width: parseInt(width + delta.width, 10)
+ });
+ },
+ lockAspectRatio: true,
+ enable: {
+ top: false,
+ right: !(0,external_wp_i18n_namespaceObject.isRTL)(),
+ bottom: true,
+ left: (0,external_wp_i18n_namespaceObject.isRTL)()
+ },
+ minWidth: minSize,
+ maxWidth: maxSizeBuffer,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: avatarUrls ? avatarUrls[avatarUrls.length - 1] : avatarURL,
+ alt: `${authorName} ${(0,external_wp_i18n_namespaceObject.__)('Avatar')}`,
+ ...blockProps
+ })
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [inspectorControls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...spacingProps,
+ children: resizableAvatar
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-author-avatar/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+const comment_author_avatar_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ __experimental: "fse",
+ name: "core/comment-author-avatar",
+ title: "Comment Author Avatar (deprecated)",
+ category: "theme",
+ ancestor: ["core/comment-template"],
+ description: "This block is deprecated. Please use the Avatar block instead.",
+ textdomain: "default",
+ attributes: {
+ width: {
+ type: "number",
+ "default": 96
+ },
+ height: {
+ type: "number",
+ "default": 96
+ }
+ },
+ usesContext: ["commentId"],
+ supports: {
+ html: false,
+ inserter: false,
+ __experimentalBorder: {
+ radius: true,
+ width: true,
+ color: true,
+ style: true
+ },
+ color: {
+ background: true,
+ text: false,
+ __experimentalDefaultControls: {
+ background: true
+ }
+ },
+ spacing: {
+ __experimentalSkipSerialization: true,
+ margin: true,
+ padding: true
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ }
+};
+
+const {
+ name: comment_author_avatar_name
+} = comment_author_avatar_metadata;
+
+const comment_author_avatar_settings = {
+ icon: comment_author_avatar,
+ edit: edit_Edit
+};
+const comment_author_avatar_init = () => initBlock({
+ name: comment_author_avatar_name,
+ metadata: comment_author_avatar_metadata,
+ settings: comment_author_avatar_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/comment-author-name.js
-
-
-/**
- * WordPress dependencies
- */
-
-const commentAuthorName = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18 4H6c-1.1 0-2 .9-2 2v12.9c0 .6.5 1.1 1.1 1.1.3 0 .5-.1.8-.3L8.5 17H18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 11c0 .3-.2.5-.5.5H7.9l-2.4 2.4V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v9z",
- fillRule: "evenodd",
- clipRule: "evenodd"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M15 15V15C15 13.8954 14.1046 13 13 13L11 13C9.89543 13 9 13.8954 9 15V15",
- fillRule: "evenodd",
- clipRule: "evenodd"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Circle, {
- cx: "12",
- cy: "9",
- r: "2",
- fillRule: "evenodd",
- clipRule: "evenodd"
-}));
-/* harmony default export */ var comment_author_name = (commentAuthorName);
+/**
+ * WordPress dependencies
+ */
+
+
+
+const commentAuthorName = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18 4H6c-1.1 0-2 .9-2 2v12.9c0 .6.5 1.1 1.1 1.1.3 0 .5-.1.8-.3L8.5 17H18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 11c0 .3-.2.5-.5.5H7.9l-2.4 2.4V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v9z",
+ fillRule: "evenodd",
+ clipRule: "evenodd"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M15 15V15C15 13.8954 14.1046 13 13 13L11 13C9.89543 13 9 13.8954 9 15V15",
+ fillRule: "evenodd",
+ clipRule: "evenodd"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Circle, {
+ cx: "12",
+ cy: "9",
+ r: "2",
+ fillRule: "evenodd",
+ clipRule: "evenodd"
+ })]
+});
+/* harmony default export */ const comment_author_name = (commentAuthorName);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-author-name/edit.js
-
-
-/**
- * External dependencies
- */
+/**
+ * External dependencies
+ */
+
/**
* WordPress dependencies
@@ -7345,20 +9373,21 @@
* @return {JSX.Element} React element.
*/
-function edit_Edit(_ref) {
- let {
- attributes: {
- isLink,
- linkTarget,
- textAlign
- },
- context: {
- commentId
- },
- setAttributes
- } = _ref;
+
+
+function comment_author_name_edit_Edit({
+ attributes: {
+ isLink,
+ linkTarget,
+ textAlign
+ },
+ context: {
+ commentId
+ },
+ setAttributes
+}) {
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
})
});
@@ -7367,50 +9396,58 @@
getEntityRecord
} = select(external_wp_coreData_namespaceObject.store);
const comment = getEntityRecord('root', 'comment', commentId);
- const authorName = comment === null || comment === void 0 ? void 0 : comment.author_name; // eslint-disable-line camelcase
+ const authorName = comment?.author_name; // eslint-disable-line camelcase
if (comment && !authorName) {
var _user$name;
-
const user = getEntityRecord('root', 'user', comment.author);
- return (_user$name = user === null || user === void 0 ? void 0 : user.name) !== null && _user$name !== void 0 ? _user$name : (0,external_wp_i18n_namespaceObject.__)('Anonymous');
- }
-
+ return (_user$name = user?.name) !== null && _user$name !== void 0 ? _user$name : (0,external_wp_i18n_namespaceObject.__)('Anonymous');
+ }
return authorName !== null && authorName !== void 0 ? authorName : '';
}, [commentId]);
- const blockControls = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: newAlign => setAttributes({
- textAlign: newAlign
- })
- }));
- const inspectorControls = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Link settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Link to authors URL'),
- onChange: () => setAttributes({
- isLink: !isLink
- }),
- checked: isLink
- }), isLink && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
- onChange: value => setAttributes({
- linkTarget: value ? '_blank' : '_self'
- }),
- checked: linkTarget === '_blank'
- })));
-
+ const blockControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: newAlign => setAttributes({
+ textAlign: newAlign
+ })
+ })
+ });
+ const inspectorControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link to authors URL'),
+ onChange: () => setAttributes({
+ isLink: !isLink
+ }),
+ checked: isLink
+ }), isLink && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
+ onChange: value => setAttributes({
+ linkTarget: value ? '_blank' : '_self'
+ }),
+ checked: linkTarget === '_blank'
+ })]
+ })
+ });
if (!commentId || !displayName) {
displayName = (0,external_wp_i18n_namespaceObject._x)('Comment Author', 'block title');
}
-
- const displayAuthor = isLink ? (0,external_wp_element_namespaceObject.createElement)("a", {
+ const displayAuthor = isLink ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
href: "#comment-author-pseudo-link",
- onClick: event => event.preventDefault()
- }, displayName) : displayName;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, inspectorControls, blockControls, (0,external_wp_element_namespaceObject.createElement)("div", blockProps, displayAuthor));
+ onClick: event => event.preventDefault(),
+ children: displayName
+ }) : displayName;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [inspectorControls, blockControls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: displayAuthor
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-author-name/deprecated.js
@@ -7418,7 +9455,7 @@
* Internal dependencies
*/
-const v1 = {
+const deprecated_v1 = {
attributes: {
isLink: {
type: 'boolean',
@@ -7445,23 +9482,17 @@
__experimentalLetterSpacing: true
}
},
-
save() {
return null;
},
-
migrate: migrate_font_family,
-
- isEligible(_ref) {
- var _style$typography;
-
- let {
- style
- } = _ref;
- return style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontFamily;
- }
-
-};
+ isEligible({
+ style
+ }) {
+ return style?.typography?.fontFamily;
+ }
+};
+
/**
* New deprecations need to be placed first
* for them to have higher priority.
@@ -7470,21 +9501,21 @@
*
* See block-deprecation.md
*/
-
-/* harmony default export */ var comment_author_name_deprecated = ([v1]);
+/* harmony default export */ const comment_author_name_deprecated = ([deprecated_v1]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-author-name/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const comment_author_name_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/comment-author-name",
title: "Comment Author Name",
category: "theme",
@@ -7527,7 +9558,14 @@
__experimentalFontWeight: true,
__experimentalFontStyle: true,
__experimentalTextTransform: true,
- __experimentalLetterSpacing: true
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
}
};
@@ -7539,33 +9577,37 @@
const comment_author_name_settings = {
icon: comment_author_name,
- edit: edit_Edit,
+ edit: comment_author_name_edit_Edit,
deprecated: comment_author_name_deprecated
};
+const comment_author_name_init = () => initBlock({
+ name: comment_author_name_name,
+ metadata: comment_author_name_metadata,
+ settings: comment_author_name_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/comment-content.js
-
-
-/**
- * WordPress dependencies
- */
-
-const commentContent = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- fillRule: "evenodd",
- clipRule: "evenodd",
- d: "M6.68822 16.625L5.5 17.8145L5.5 5.5L18.5 5.5L18.5 16.625L6.68822 16.625ZM7.31 18.125L19 18.125C19.5523 18.125 20 17.6773 20 17.125L20 5C20 4.44772 19.5523 4 19 4H5C4.44772 4 4 4.44772 4 5V19.5247C4 19.8173 4.16123 20.086 4.41935 20.2237C4.72711 20.3878 5.10601 20.3313 5.35252 20.0845L7.31 18.125ZM16 9.99997H8V8.49997H16V9.99997ZM8 14H13V12.5H8V14Z"
-}));
-/* harmony default export */ var comment_content = (commentContent);
+/**
+ * WordPress dependencies
+ */
+
+
+const commentContent = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ fillRule: "evenodd",
+ clipRule: "evenodd",
+ d: "M6.68822 16.625L5.5 17.8145L5.5 5.5L18.5 5.5L18.5 16.625L6.68822 16.625ZM7.31 18.125L19 18.125C19.5523 18.125 20 17.6773 20 17.125L20 5C20 4.44772 19.5523 4 19 4H5C4.44772 4 4 4.44772 4 5V19.5247C4 19.8173 4.16123 20.086 4.41935 20.2237C4.72711 20.3878 5.10601 20.3313 5.35252 20.0845L7.31 18.125ZM16 9.99997H8V8.49997H16V9.99997ZM8 14H13V12.5H8V14Z"
+ })
+});
+/* harmony default export */ const comment_content = (commentContent);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-content/edit.js
-
-
-/**
- * External dependencies
- */
+/**
+ * External dependencies
+ */
+
/**
* WordPress dependencies
@@ -7589,38 +9631,52 @@
* @return {JSX.Element} React element.
*/
-function comment_content_edit_Edit(_ref) {
- let {
- setAttributes,
- attributes: {
- textAlign
- },
- context: {
- commentId
- }
- } = _ref;
+
+
+function comment_content_edit_Edit({
+ setAttributes,
+ attributes: {
+ textAlign
+ },
+ context: {
+ commentId
+ }
+}) {
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
})
});
const [content] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'comment', 'content', commentId);
- const blockControls = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: newAlign => setAttributes({
- textAlign: newAlign
- })
- }));
-
+ const blockControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: newAlign => setAttributes({
+ textAlign: newAlign
+ })
+ })
+ });
if (!commentId || !content) {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, blockControls, (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject._x)('Comment Content', 'block title'))));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, blockControls, (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Disabled, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.RawHTML, {
- key: "html"
- }, content.rendered))));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [blockControls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ children: (0,external_wp_i18n_namespaceObject._x)('Comment Content', 'block title')
+ })
+ })]
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [blockControls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Disabled, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_element_namespaceObject.RawHTML, {
+ children: content.rendered
+ }, "html")
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-content/index.js
@@ -7628,13 +9684,14 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const comment_content_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/comment-content",
title: "Comment Content",
category: "theme",
@@ -7663,7 +9720,11 @@
__experimentalFontWeight: true,
__experimentalFontStyle: true,
__experimentalTextTransform: true,
- __experimentalLetterSpacing: true
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
},
spacing: {
padding: ["horizontal", "vertical"],
@@ -7683,32 +9744,37 @@
icon: comment_content,
edit: comment_content_edit_Edit
};
+const comment_content_init = () => initBlock({
+ name: comment_content_name,
+ metadata: comment_content_metadata,
+ settings: comment_content_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-date.js
-
-
-/**
- * WordPress dependencies
- */
-
-const postDate = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M11.696 13.972c.356-.546.599-.958.728-1.235a1.79 1.79 0 00.203-.783c0-.264-.077-.47-.23-.618-.148-.153-.354-.23-.618-.23-.295 0-.569.07-.82.212a3.413 3.413 0 00-.738.571l-.147-1.188c.289-.234.59-.41.903-.526.313-.117.66-.175 1.041-.175.375 0 .695.08.959.24.264.153.46.362.59.626.135.265.203.556.203.876 0 .362-.08.734-.24 1.115-.154.381-.427.87-.82 1.466l-.756 1.152H14v1.106h-4l1.696-2.609z"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19.5 7h-15v12a.5.5 0 00.5.5h14a.5.5 0 00.5-.5V7zM3 7V5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V7z"
-}));
-/* harmony default export */ var post_date = (postDate);
+/**
+ * WordPress dependencies
+ */
+
+
+
+const postDate = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M11.696 13.972c.356-.546.599-.958.728-1.235a1.79 1.79 0 00.203-.783c0-.264-.077-.47-.23-.618-.148-.153-.354-.23-.618-.23-.295 0-.569.07-.82.212a3.413 3.413 0 00-.738.571l-.147-1.188c.289-.234.59-.41.903-.526.313-.117.66-.175 1.041-.175.375 0 .695.08.959.24.264.153.46.362.59.626.135.265.203.556.203.876 0 .362-.08.734-.24 1.115-.154.381-.427.87-.82 1.466l-.756 1.152H14v1.106h-4l1.696-2.609z"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M19.5 7h-15v12a.5.5 0 00.5.5h14a.5.5 0 00.5-.5V7zM3 7V5a2 2 0 012-2h14a2 2 0 012 2v14a2 2 0 01-2 2H5a2 2 0 01-2-2V7z"
+ })]
+});
+/* harmony default export */ const post_date = (postDate);
;// CONCATENATED MODULE: external ["wp","date"]
-var external_wp_date_namespaceObject = window["wp"]["date"];
+const external_wp_date_namespaceObject = window["wp"]["date"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-date/edit.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
@@ -7728,52 +9794,62 @@
* @return {JSX.Element} React element.
*/
-function comment_date_edit_Edit(_ref) {
- let {
- attributes: {
- format,
- isLink
- },
- context: {
- commentId
- },
- setAttributes
- } = _ref;
+
+
+function comment_date_edit_Edit({
+ attributes: {
+ format,
+ isLink
+ },
+ context: {
+ commentId
+ },
+ setAttributes
+}) {
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
let [date] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'comment', 'date', commentId);
- const [siteFormat = (0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'site', 'date_format');
- const inspectorControls = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalDateFormatPicker, {
- format: format,
- defaultFormat: siteFormat,
- onChange: nextFormat => setAttributes({
- format: nextFormat
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Link to comment'),
- onChange: () => setAttributes({
- isLink: !isLink
- }),
- checked: isLink
- })));
-
+ const [siteFormat = (0,external_wp_date_namespaceObject.getSettings)().formats.date] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'site', 'date_format');
+ const inspectorControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalDateFormatPicker, {
+ format: format,
+ defaultFormat: siteFormat,
+ onChange: nextFormat => setAttributes({
+ format: nextFormat
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link to comment'),
+ onChange: () => setAttributes({
+ isLink: !isLink
+ }),
+ checked: isLink
+ })]
+ })
+ });
if (!commentId || !date) {
date = (0,external_wp_i18n_namespaceObject._x)('Comment Date', 'block title');
}
-
- let commentDate = date instanceof Date ? (0,external_wp_element_namespaceObject.createElement)("time", {
- dateTime: (0,external_wp_date_namespaceObject.dateI18n)('c', date)
- }, (0,external_wp_date_namespaceObject.dateI18n)(format || siteFormat, date)) : (0,external_wp_element_namespaceObject.createElement)("time", null, date);
-
+ let commentDate = date instanceof Date ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("time", {
+ dateTime: (0,external_wp_date_namespaceObject.dateI18n)('c', date),
+ children: (0,external_wp_date_namespaceObject.dateI18n)(format || siteFormat, date)
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("time", {
+ children: date
+ });
if (isLink) {
- commentDate = (0,external_wp_element_namespaceObject.createElement)("a", {
+ commentDate = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
href: "#comment-date-pseudo-link",
- onClick: event => event.preventDefault()
- }, commentDate);
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, inspectorControls, (0,external_wp_element_namespaceObject.createElement)("div", blockProps, commentDate));
+ onClick: event => event.preventDefault(),
+ children: commentDate
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [inspectorControls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: commentDate
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-date/deprecated.js
@@ -7781,7 +9857,7 @@
* Internal dependencies
*/
-const deprecated_v1 = {
+const comment_date_deprecated_v1 = {
attributes: {
format: {
type: 'string'
@@ -7807,23 +9883,17 @@
__experimentalLetterSpacing: true
}
},
-
save() {
return null;
},
-
migrate: migrate_font_family,
-
- isEligible(_ref) {
- var _style$typography;
-
- let {
- style
- } = _ref;
- return style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontFamily;
- }
-
-};
+ isEligible({
+ style
+ }) {
+ return style?.typography?.fontFamily;
+ }
+};
+
/**
* New deprecations need to be placed first
* for them to have higher priority.
@@ -7832,21 +9902,21 @@
*
* See block-deprecation.md
*/
-
-/* harmony default export */ var comment_date_deprecated = ([deprecated_v1]);
+/* harmony default export */ const comment_date_deprecated = ([comment_date_deprecated_v1]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-date/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const comment_date_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/comment-date",
title: "Comment Date",
category: "theme",
@@ -7874,17 +9944,25 @@
link: true
}
},
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontFamily: true,
- __experimentalFontWeight: true,
- __experimentalFontStyle: true,
- __experimentalTextTransform: true,
- __experimentalLetterSpacing: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
}
};
@@ -7899,72 +9977,88 @@
edit: comment_date_edit_Edit,
deprecated: comment_date_deprecated
};
+const comment_date_init = () => initBlock({
+ name: comment_date_name,
+ metadata: comment_date_metadata,
+ settings: comment_date_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/comment-edit-link.js
-
-
-/**
- * WordPress dependencies
- */
-
-const commentEditLink = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+const commentEditLink = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "m6.249 11.065.44-.44h3.186l-1.5 1.5H7.31l-1.957 1.96A.792.792 0 0 1 4 13.524V5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v1.5L12.5 8V5.5h-7v6.315l.749-.75ZM20 19.75H7v-1.5h13v1.5Zm0-12.653-8.967 9.064L8 17l.867-2.935L17.833 5 20 7.097Z"
-}));
-/* harmony default export */ var comment_edit_link = (commentEditLink);
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "m6.249 11.065.44-.44h3.186l-1.5 1.5H7.31l-1.957 1.96A.792.792 0 0 1 4 13.524V5a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v1.5L12.5 8V5.5h-7v6.315l.749-.75ZM20 19.75H7v-1.5h13v1.5Zm0-12.653-8.967 9.064L8 17l.867-2.935L17.833 5 20 7.097Z"
+ })
+});
+/* harmony default export */ const comment_edit_link = (commentEditLink);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-edit-link/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-function comment_edit_link_edit_Edit(_ref) {
- let {
- attributes: {
- linkTarget,
- textAlign
- },
- setAttributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+function comment_edit_link_edit_Edit({
+ attributes: {
+ linkTarget,
+ textAlign
+ },
+ setAttributes
+}) {
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
})
});
- const blockControls = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: newAlign => setAttributes({
- textAlign: newAlign
- })
- }));
- const inspectorControls = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Link settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
- onChange: value => setAttributes({
- linkTarget: value ? '_blank' : '_self'
- }),
- checked: linkTarget === '_blank'
- })));
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, blockControls, inspectorControls, (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "#edit-comment-pseudo-link",
- onClick: event => event.preventDefault()
- }, (0,external_wp_i18n_namespaceObject.__)('Edit'))));
+ const blockControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: newAlign => setAttributes({
+ textAlign: newAlign
+ })
+ })
+ });
+ const inspectorControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
+ onChange: value => setAttributes({
+ linkTarget: value ? '_blank' : '_self'
+ }),
+ checked: linkTarget === '_blank'
+ })
+ })
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [blockControls, inspectorControls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: "#edit-comment-pseudo-link",
+ onClick: event => event.preventDefault(),
+ children: (0,external_wp_i18n_namespaceObject.__)('Edit')
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-edit-link/index.js
@@ -7972,13 +10066,14 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const comment_edit_link_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/comment-edit-link",
title: "Comment Edit Link",
category: "theme",
@@ -8006,14 +10101,25 @@
link: true
}
},
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontFamily: true,
- __experimentalFontWeight: true,
- __experimentalFontStyle: true,
- __experimentalTextTransform: true,
- __experimentalLetterSpacing: true
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
}
};
@@ -8026,30 +10132,34 @@
icon: comment_edit_link,
edit: comment_edit_link_edit_Edit
};
+const comment_edit_link_init = () => initBlock({
+ name: comment_edit_link_name,
+ metadata: comment_edit_link_metadata,
+ settings: comment_edit_link_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/comment-reply-link.js
-
-
-/**
- * WordPress dependencies
- */
-
-const commentReplyLink = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+const commentReplyLink = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M6.68822 10.625L6.24878 11.0649L5.5 11.8145L5.5 5.5L12.5 5.5V8L14 6.5V5C14 4.44772 13.5523 4 13 4H5C4.44772 4 4 4.44771 4 5V13.5247C4 13.8173 4.16123 14.086 4.41935 14.2237C4.72711 14.3878 5.10601 14.3313 5.35252 14.0845L7.31 12.125H8.375L9.875 10.625H7.31H6.68822ZM14.5605 10.4983L11.6701 13.75H16.9975C17.9963 13.75 18.7796 14.1104 19.3553 14.7048C19.9095 15.2771 20.2299 16.0224 20.4224 16.7443C20.7645 18.0276 20.7543 19.4618 20.7487 20.2544C20.7481 20.345 20.7475 20.4272 20.7475 20.4999L19.2475 20.5001C19.2475 20.4191 19.248 20.3319 19.2484 20.2394V20.2394C19.2526 19.4274 19.259 18.2035 18.973 17.1307C18.8156 16.5401 18.586 16.0666 18.2778 15.7483C17.9909 15.4521 17.5991 15.25 16.9975 15.25H11.8106L14.5303 17.9697L13.4696 19.0303L8.96956 14.5303L13.4394 9.50171L14.5605 10.4983Z"
-}));
-/* harmony default export */ var comment_reply_link = (commentReplyLink);
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M6.68822 10.625L6.24878 11.0649L5.5 11.8145L5.5 5.5L12.5 5.5V8L14 6.5V5C14 4.44772 13.5523 4 13 4H5C4.44772 4 4 4.44771 4 5V13.5247C4 13.8173 4.16123 14.086 4.41935 14.2237C4.72711 14.3878 5.10601 14.3313 5.35252 14.0845L7.31 12.125H8.375L9.875 10.625H7.31H6.68822ZM14.5605 10.4983L11.6701 13.75H16.9975C17.9963 13.75 18.7796 14.1104 19.3553 14.7048C19.9095 15.2771 20.2299 16.0224 20.4224 16.7443C20.7645 18.0276 20.7543 19.4618 20.7487 20.2544C20.7481 20.345 20.7475 20.4272 20.7475 20.4999L19.2475 20.5001C19.2475 20.4191 19.248 20.3319 19.2484 20.2394V20.2394C19.2526 19.4274 19.259 18.2035 18.973 17.1307C18.8156 16.5401 18.586 16.0666 18.2778 15.7483C17.9909 15.4521 17.5991 15.25 16.9975 15.25H11.8106L14.5303 17.9697L13.4696 19.0303L8.96956 14.5303L13.4394 9.50171L14.5605 10.4983Z"
+ })
+});
+/* harmony default export */ const comment_reply_link = (commentReplyLink);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-reply-link/edit.js
-
-
-/**
- * External dependencies
- */
+/**
+ * External dependencies
+ */
+
/**
* WordPress dependencies
@@ -8068,46 +10178,54 @@
* @return {JSX.Element} React element.
*/
-function comment_reply_link_edit_Edit(_ref) {
- let {
- setAttributes,
- attributes: {
- textAlign
- }
- } = _ref;
+
+
+function comment_reply_link_edit_Edit({
+ setAttributes,
+ attributes: {
+ textAlign
+ }
+}) {
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
})
});
- const blockControls = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: newAlign => setAttributes({
- textAlign: newAlign
- })
- }));
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, blockControls, (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "#comment-reply-pseudo-link",
- onClick: event => event.preventDefault()
- }, (0,external_wp_i18n_namespaceObject.__)('Reply'))));
-}
-
-/* harmony default export */ var comment_reply_link_edit = (comment_reply_link_edit_Edit);
+ const blockControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: newAlign => setAttributes({
+ textAlign: newAlign
+ })
+ })
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [blockControls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: "#comment-reply-pseudo-link",
+ onClick: event => event.preventDefault(),
+ children: (0,external_wp_i18n_namespaceObject.__)('Reply')
+ })
+ })]
+ });
+}
+/* harmony default export */ const comment_reply_link_edit = (comment_reply_link_edit_Edit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-reply-link/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const comment_reply_link_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/comment-reply-link",
title: "Comment Reply Link",
category: "theme",
@@ -8130,14 +10248,22 @@
link: true
}
},
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontFamily: true,
- __experimentalFontWeight: true,
- __experimentalFontStyle: true,
- __experimentalTextTransform: true,
- __experimentalLetterSpacing: true
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
},
html: false
}
@@ -8151,24 +10277,29 @@
edit: comment_reply_link_edit,
icon: comment_reply_link
};
+const comment_reply_link_init = () => initBlock({
+ name: comment_reply_link_name,
+ metadata: comment_reply_link_metadata,
+ settings: comment_reply_link_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/layout.js
-
-
-/**
- * WordPress dependencies
- */
-
-const layout = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
-}));
-/* harmony default export */ var library_layout = (layout);
+/**
+ * WordPress dependencies
+ */
+
+
+const layout = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
+ })
+});
+/* harmony default export */ const library_layout = (layout);
;// CONCATENATED MODULE: external ["wp","apiFetch"]
-var external_wp_apiFetch_namespaceObject = window["wp"]["apiFetch"];
+const external_wp_apiFetch_namespaceObject = window["wp"]["apiFetch"];
var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_namespaceObject);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-template/hooks.js
/**
@@ -8178,9 +10309,11 @@
- // This is limited by WP REST API
-
+
+
+// This is limited by WP REST API
const MAX_COMMENTS_PER_PAGE = 100;
+
/**
* Return an object with the query args needed to fetch the default page of
* comments.
@@ -8191,11 +10324,9 @@
*
* @return {Object} Query args to retrieve the comments.
*/
-
-const useCommentQueryArgs = _ref => {
- let {
- postId
- } = _ref;
+const useCommentQueryArgs = ({
+ postId
+}) => {
// Initialize the query args that are not going to change.
const queryArgs = {
status: 'approve',
@@ -8203,8 +10334,9 @@
context: 'embed',
parent: 0,
_embed: 'children'
- }; // Get the Discussion settings that may be needed to query the comments.
-
+ };
+
+ // Get the Discussion settings that may be needed to query the comments.
const {
pageComments,
commentsPerPage,
@@ -8217,29 +10349,34 @@
__experimentalDiscussionSettings
} = getSettings();
return __experimentalDiscussionSettings;
- }); // WP REST API doesn't allow fetching more than max items limit set per single page of data.
+ });
+
+ // WP REST API doesn't allow fetching more than max items limit set per single page of data.
// As for the editor performance is more important than completeness of data and fetching only the
// max allowed for single page should be enough for the purpose of design and laying out the page.
// Fetching over the limit would return an error here but would work with backend query.
-
- const perPage = pageComments ? Math.min(commentsPerPage, MAX_COMMENTS_PER_PAGE) : MAX_COMMENTS_PER_PAGE; // Get the number of the default page.
-
+ const perPage = pageComments ? Math.min(commentsPerPage, MAX_COMMENTS_PER_PAGE) : MAX_COMMENTS_PER_PAGE;
+
+ // Get the number of the default page.
const page = useDefaultPageIndex({
defaultPage,
postId,
perPage,
queryArgs
- }); // Merge, memoize and return all query arguments, unless the default page's
+ });
+
+ // Merge, memoize and return all query arguments, unless the default page's
// number is not known yet.
-
return (0,external_wp_element_namespaceObject.useMemo)(() => {
- return page ? { ...queryArgs,
+ return page ? {
+ ...queryArgs,
post: postId,
per_page: perPage,
page
} : null;
}, [postId, perPage, page]);
};
+
/**
* Return the index of the default page, depending on whether `defaultPage` is
* `newest` or `oldest`. In the first case, the only way to know the page's
@@ -8254,14 +10391,12 @@
*
* @return {number} Index of the default comments page.
*/
-
-const useDefaultPageIndex = _ref2 => {
- let {
- defaultPage,
- postId,
- perPage,
- queryArgs
- } = _ref2;
+const useDefaultPageIndex = ({
+ defaultPage,
+ postId,
+ perPage,
+ queryArgs
+}) => {
// Store the default page indices.
const [defaultPages, setDefaultPages] = (0,external_wp_element_namespaceObject.useState)({});
const key = `${postId}_${perPage}`;
@@ -8270,12 +10405,12 @@
// Do nothing if the page is already known or not the newest page.
if (page || defaultPage !== 'newest') {
return;
- } // We need to fetch comments to know the index. Use HEAD and limit
+ }
+ // We need to fetch comments to know the index. Use HEAD and limit
// fields just to ID, to make this call as light as possible.
-
-
external_wp_apiFetch_default()({
- path: (0,external_wp_url_namespaceObject.addQueryArgs)('/wp/v2/comments', { ...queryArgs,
+ path: (0,external_wp_url_namespaceObject.addQueryArgs)('/wp/v2/comments', {
+ ...queryArgs,
post: postId,
per_page: perPage,
_fields: 'id'
@@ -8284,15 +10419,17 @@
parse: false
}).then(res => {
const pages = parseInt(res.headers.get('X-WP-TotalPages'));
- setDefaultPages({ ...defaultPages,
+ setDefaultPages({
+ ...defaultPages,
[key]: pages <= 1 ? 1 : pages // If there are 0 pages, it means that there are no comments, but there is no 0th page.
-
- });
- });
- }, [defaultPage, postId, perPage, setDefaultPages]); // The oldest one is always the first one.
-
+ });
+ });
+ }, [defaultPage, postId, perPage, setDefaultPages]);
+
+ // The oldest one is always the first one.
return defaultPage === 'newest' ? page : 1;
};
+
/**
* Generate a tree structure of comment IDs from a list of comment entities. The
* children of each comment are obtained from `_embedded`.
@@ -8302,15 +10439,12 @@
* @param {Object[]} topLevelComments List of comment entities.
* @return {{ commentTree: CommentNode[]}} Tree of comment IDs.
*/
-
-
const useCommentTree = topLevelComments => {
- const commentTree = (0,external_wp_element_namespaceObject.useMemo)(() => topLevelComments === null || topLevelComments === void 0 ? void 0 : topLevelComments.map(_ref3 => {
- let {
- id,
- _embedded
- } = _ref3;
- const [children] = (_embedded === null || _embedded === void 0 ? void 0 : _embedded.children) || [[]];
+ const commentTree = (0,external_wp_element_namespaceObject.useMemo)(() => topLevelComments?.map(({
+ id,
+ _embedded
+ }) => {
+ const [children] = _embedded?.children || [[]];
return {
commentId: id,
children: children.map(child => ({
@@ -8322,24 +10456,24 @@
};
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-template/edit.js
-
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-const TEMPLATE = [['core/avatar'], ['core/comment-author-name'], ['core/comment-date'], ['core/comment-content'], ['core/comment-reply-link'], ['core/comment-edit-link']];
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+const edit_TEMPLATE = [['core/avatar'], ['core/comment-author-name'], ['core/comment-date'], ['core/comment-content'], ['core/comment-reply-link'], ['core/comment-edit-link']];
+
/**
* Function that returns a comment structure that will be rendered with default placehoders.
*
@@ -8349,55 +10483,59 @@
*
* @param {Object} settings Discussion Settings.
* @param {number} [settings.perPage] - Comments per page setting or block attribute.
+ * @param {boolean} [settings.pageComments] - Enable break comments into pages setting.
* @param {boolean} [settings.threadComments] - Enable threaded (nested) comments setting.
* @param {number} [settings.threadCommentsDepth] - Level deep of threaded comments.
*
* @typedef {{id: null, children: EmptyComment[]}} EmptyComment
* @return {EmptyComment[]} Inner blocks of the Comment Template
*/
-
-const getCommentsPlaceholder = _ref => {
- let {
- perPage,
- threadComments,
- threadCommentsDepth
- } = _ref;
- // In case that `threadCommentsDepth` is falsy, we default to a somewhat
- // arbitrary value of 3.
- // In case that the value is set but larger than 3 we truncate it to 3.
- const commentsDepth = Math.min(threadCommentsDepth || 3, 3); // We set a limit in order not to overload the editor of empty comments.
-
- const defaultCommentsToShow = perPage <= commentsDepth ? perPage : commentsDepth;
-
- if (!threadComments || defaultCommentsToShow === 1) {
- // If displaying threaded comments is disabled, we only show one comment
- // A commentId is negative in order to avoid conflicts with the actual comments.
- return [{
- commentId: -1,
+const getCommentsPlaceholder = ({
+ perPage,
+ pageComments,
+ threadComments,
+ threadCommentsDepth
+}) => {
+ // Limit commentsDepth to 3
+ const commentsDepth = !threadComments ? 1 : Math.min(threadCommentsDepth, 3);
+ const buildChildrenComment = commentsLevel => {
+ // Render children comments until commentsDepth is reached
+ if (commentsLevel < commentsDepth) {
+ const nextLevel = commentsLevel + 1;
+ return [{
+ commentId: -(commentsLevel + 3),
+ children: buildChildrenComment(nextLevel)
+ }];
+ }
+ return [];
+ };
+
+ // Add the first comment and its children
+ const placeholderComments = [{
+ commentId: -1,
+ children: buildChildrenComment(1)
+ }];
+
+ // Add a second comment unless the break comments setting is active and set to less than 2, and there is one nested comment max
+ if ((!pageComments || perPage >= 2) && commentsDepth < 3) {
+ placeholderComments.push({
+ commentId: -2,
children: []
- }];
- } else if (defaultCommentsToShow === 2) {
- return [{
- commentId: -1,
- children: [{
- commentId: -2,
- children: []
- }]
- }];
- } // In case that the value is set but larger than 3 we truncate it to 3.
-
-
- return [{
- commentId: -1,
- children: [{
- commentId: -2,
- children: [{
- commentId: -3,
- children: []
- }]
- }]
- }];
-};
+ });
+ }
+
+ // Add a third comment unless the break comments setting is active and set to less than 3, and there aren't nested comments
+ if ((!pageComments || perPage >= 3) && commentsDepth < 2) {
+ placeholderComments.push({
+ commentId: -3,
+ children: []
+ });
+ }
+
+ // In case that the value is set but larger than 3 we truncate it to 3.
+ return placeholderComments;
+};
+
/**
* Component which renders the inner blocks of the Comment Template.
*
@@ -8408,73 +10546,71 @@
* @param {Array} [props.firstCommentId] - ID of the first comment in the array.
* @param {Array} [props.blocks] - Array of blocks returned from
* getBlocks() in parent .
- * @return {WPElement} Inner blocks of the Comment Template
- */
-
-
-function CommentTemplateInnerBlocks(_ref2) {
- var _comment$children;
-
- let {
- comment,
- activeCommentId,
- setActiveCommentId,
- firstCommentId,
- blocks
- } = _ref2;
+ * @return {Element} Inner blocks of the Comment Template
+ */
+function CommentTemplateInnerBlocks({
+ comment,
+ activeCommentId,
+ setActiveCommentId,
+ firstCommentId,
+ blocks
+}) {
const {
children,
...innerBlocksProps
} = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({}, {
- template: TEMPLATE
- });
- return (0,external_wp_element_namespaceObject.createElement)("li", innerBlocksProps, comment.commentId === (activeCommentId || firstCommentId) ? children : null, (0,external_wp_element_namespaceObject.createElement)(MemoizedCommentTemplatePreview, {
- blocks: blocks,
- commentId: comment.commentId,
- setActiveCommentId: setActiveCommentId,
- isHidden: comment.commentId === (activeCommentId || firstCommentId)
- }), (comment === null || comment === void 0 ? void 0 : (_comment$children = comment.children) === null || _comment$children === void 0 ? void 0 : _comment$children.length) > 0 ? (0,external_wp_element_namespaceObject.createElement)(CommentsList, {
- comments: comment.children,
- activeCommentId: activeCommentId,
- setActiveCommentId: setActiveCommentId,
- blocks: blocks,
- firstCommentId: firstCommentId
- }) : null);
-}
-
-const CommentTemplatePreview = _ref3 => {
- let {
- blocks,
- commentId,
- setActiveCommentId,
- isHidden
- } = _ref3;
+ template: edit_TEMPLATE
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("li", {
+ ...innerBlocksProps,
+ children: [comment.commentId === (activeCommentId || firstCommentId) ? children : null, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MemoizedCommentTemplatePreview, {
+ blocks: blocks,
+ commentId: comment.commentId,
+ setActiveCommentId: setActiveCommentId,
+ isHidden: comment.commentId === (activeCommentId || firstCommentId)
+ }), comment?.children?.length > 0 ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommentsList, {
+ comments: comment.children,
+ activeCommentId: activeCommentId,
+ setActiveCommentId: setActiveCommentId,
+ blocks: blocks,
+ firstCommentId: firstCommentId
+ }) : null]
+ });
+}
+const CommentTemplatePreview = ({
+ blocks,
+ commentId,
+ setActiveCommentId,
+ isHidden
+}) => {
const blockPreviewProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseBlockPreview)({
blocks
});
-
const handleOnClick = () => {
setActiveCommentId(commentId);
- }; // We have to hide the preview block if the `comment` props points to
+ };
+
+ // We have to hide the preview block if the `comment` props points to
// the curently active block!
+
// Or, to put it differently, every preview block is visible unless it is the
// currently active block - in this case we render its inner blocks.
-
-
const style = {
display: isHidden ? 'none' : undefined
};
- return (0,external_wp_element_namespaceObject.createElement)("div", _extends({}, blockPreviewProps, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockPreviewProps,
tabIndex: 0,
role: "button",
- style: style // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
+ style: style
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
,
onClick: handleOnClick,
onKeyPress: handleOnClick
- }));
-};
-
+ });
+};
const MemoizedCommentTemplatePreview = (0,external_wp_element_namespaceObject.memo)(CommentTemplatePreview);
+
/**
* Component that renders a list of (nested) comments. It is called recursively.
*
@@ -8486,34 +10622,30 @@
* @param {Array} [props.blocks] - Array of blocks returned from getBlocks() in parent.
* @param {Object} [props.firstCommentId] - The ID of the first comment in the array of
* comment objects.
- * @return {WPElement} List of comments.
- */
-
-const CommentsList = _ref4 => {
- let {
- comments,
- blockProps,
- activeCommentId,
- setActiveCommentId,
- blocks,
- firstCommentId
- } = _ref4;
- return (0,external_wp_element_namespaceObject.createElement)("ol", blockProps, comments && comments.map((_ref5, index) => {
- let {
- commentId,
- ...comment
- } = _ref5;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockContextProvider, {
- key: comment.commentId || index,
- value: {
- // If the commentId is negative it means that this comment is a
- // "placeholder" and that the block is most likely being used in the
- // site editor. In this case, we have to set the commentId to `null`
- // because otherwise the (non-existent) comment with a negative ID
- // would be reqested from the REST API.
- commentId: commentId < 0 ? null : commentId
- }
- }, (0,external_wp_element_namespaceObject.createElement)(CommentTemplateInnerBlocks, {
+ * @return {Element} List of comments.
+ */
+const CommentsList = ({
+ comments,
+ blockProps,
+ activeCommentId,
+ setActiveCommentId,
+ blocks,
+ firstCommentId
+}) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ol", {
+ ...blockProps,
+ children: comments && comments.map(({
+ commentId,
+ ...comment
+ }, index) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockContextProvider, {
+ value: {
+ // If the commentId is negative it means that this comment is a
+ // "placeholder" and that the block is most likely being used in the
+ // site editor. In this case, we have to set the commentId to `null`
+ // because otherwise the (non-existent) comment with a negative ID
+ // would be reqested from the REST API.
+ commentId: commentId < 0 ? null : commentId
+ },
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommentTemplateInnerBlocks, {
comment: {
commentId,
...comment
@@ -8522,26 +10654,23 @@
setActiveCommentId: setActiveCommentId,
blocks: blocks,
firstCommentId: firstCommentId
- }));
- }));
-};
-
-function CommentTemplateEdit(_ref6) {
- var _commentTree$;
-
- let {
- clientId,
- context: {
- postId
- }
- } = _ref6;
+ })
+ }, comment.commentId || index))
+});
+function CommentTemplateEdit({
+ clientId,
+ context: {
+ postId
+ }
+}) {
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
const [activeCommentId, setActiveCommentId] = (0,external_wp_element_namespaceObject.useState)();
const {
commentOrder,
threadCommentsDepth,
threadComments,
- commentsPerPage
+ commentsPerPage,
+ pageComments
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
getSettings
@@ -8566,48 +10695,50 @@
topLevelComments: commentQuery ? getEntityRecords('root', 'comment', commentQuery) : null,
blocks: getBlocks(clientId)
};
- }, [clientId, commentQuery]); // Generate a tree structure of comment IDs.
-
- let commentTree = useCommentTree( // Reverse the order of top comments if needed.
+ }, [clientId, commentQuery]);
+
+ // Generate a tree structure of comment IDs.
+ let commentTree = useCommentTree(
+ // Reverse the order of top comments if needed.
commentOrder === 'desc' && topLevelComments ? [...topLevelComments].reverse() : topLevelComments);
-
if (!topLevelComments) {
- return (0,external_wp_element_namespaceObject.createElement)("p", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null));
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {})
+ });
+ }
if (!postId) {
commentTree = getCommentsPlaceholder({
perPage: commentsPerPage,
+ pageComments,
threadComments,
threadCommentsDepth
});
}
-
if (!commentTree.length) {
- return (0,external_wp_element_namespaceObject.createElement)("p", _extends({}, blockProps, {
- "data-testid": "noresults"
- }), (0,external_wp_i18n_namespaceObject.__)('No results found.'));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(CommentsList, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ ...blockProps,
+ children: (0,external_wp_i18n_namespaceObject.__)('No results found.')
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommentsList, {
comments: commentTree,
blockProps: blockProps,
blocks: blocks,
activeCommentId: activeCommentId,
setActiveCommentId: setActiveCommentId,
- firstCommentId: (_commentTree$ = commentTree[0]) === null || _commentTree$ === void 0 ? void 0 : _commentTree$.commentId
+ firstCommentId: commentTree[0]?.commentId
});
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-template/save.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
function CommentTemplateSave() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comment-template/index.js
@@ -8615,24 +10746,45 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const comment_template_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/comment-template",
title: "Comment Template",
category: "design",
- parent: ["core/comments-query-loop"],
+ parent: ["core/comments"],
description: "Contains the block elements used to display a comment, like the title, date, author, avatar and more.",
textdomain: "default",
usesContext: ["postId"],
supports: {
+ align: true,
+ html: false,
reusable: false,
- html: false,
- align: true
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
style: "wp-block-comment-template"
};
@@ -8647,29 +10799,33 @@
edit: CommentTemplateEdit,
save: CommentTemplateSave
};
+const comment_template_init = () => initBlock({
+ name: comment_template_name,
+ metadata: comment_template_metadata,
+ settings: comment_template_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/query-pagination-previous.js
-
-
-/**
- * WordPress dependencies
- */
-
-const queryPaginationPrevious = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M16 10.5v3h3v-3h-3zm-5 3h3v-3h-3v3zM7 9l-3 3 3 3 1-1-2-2 2-2-1-1z"
-}));
-/* harmony default export */ var query_pagination_previous = (queryPaginationPrevious);
+/**
+ * WordPress dependencies
+ */
+
+
+const queryPaginationPrevious = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M16 10.5v3h3v-3h-3zm-5 3h3v-3h-3v3zM7 9l-3 3 3 3 1-1-2-2 2-2-1-1z"
+ })
+});
+/* harmony default export */ const query_pagination_previous = (queryPaginationPrevious);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-pagination-previous/edit.js
-
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
+
const arrowMap = {
@@ -8677,32 +10833,34 @@
arrow: '←',
chevron: '«'
};
-function CommentsPaginationPreviousEdit(_ref) {
- let {
- attributes: {
- label
- },
- setAttributes,
- context: {
- 'comments/paginationArrow': paginationArrow
- }
- } = _ref;
+function CommentsPaginationPreviousEdit({
+ attributes: {
+ label
+ },
+ setAttributes,
+ context: {
+ 'comments/paginationArrow': paginationArrow
+ }
+}) {
const displayArrow = arrowMap[paginationArrow];
- return (0,external_wp_element_namespaceObject.createElement)("a", _extends({
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("a", {
href: "#comments-pagination-previous-pseudo-link",
- onClick: event => event.preventDefault()
- }, (0,external_wp_blockEditor_namespaceObject.useBlockProps)()), displayArrow && (0,external_wp_element_namespaceObject.createElement)("span", {
- className: `wp-block-comments-pagination-previous-arrow is-arrow-${paginationArrow}`
- }, displayArrow), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.PlainText, {
- __experimentalVersion: 2,
- tagName: "span",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Older comments page link'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Older Comments'),
- value: label,
- onChange: newLabel => setAttributes({
- label: newLabel
- })
- }));
+ onClick: event => event.preventDefault(),
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)(),
+ children: [displayArrow && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: `wp-block-comments-pagination-previous-arrow is-arrow-${paginationArrow}`,
+ children: displayArrow
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.PlainText, {
+ __experimentalVersion: 2,
+ tagName: "span",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Older comments page link'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Older Comments'),
+ value: label,
+ onChange: newLabel => setAttributes({
+ label: newLabel
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-pagination-previous/index.js
@@ -8710,15 +10868,16 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const comments_pagination_previous_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/comments-pagination-previous",
- title: "Previous Page",
+ title: "Comments Previous Page",
category: "theme",
parent: ["core/comments-pagination"],
description: "Displays the previous comment's page link.",
@@ -8742,13 +10901,18 @@
typography: {
fontSize: true,
lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
}
};
@@ -8761,265 +10925,83 @@
icon: query_pagination_previous,
edit: CommentsPaginationPreviousEdit
};
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-comments.js
-
-
-/**
- * WordPress dependencies
- */
-
-const postComments = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M14 10.1V4c0-.6-.4-1-1-1H5c-.6 0-1 .4-1 1v8.3c0 .3.2.7.6.8.1.1.2.1.3.1.2 0 .5-.1.6-.3l1.8-1.8H13c.6 0 1-.4 1-1zm-1.5-.5H6.7l-1.2 1.2V4.5h7v5.1zM19 12h-8c-.6 0-1 .4-1 1v6.1c0 .6.4 1 1 1h5.7l1.8 1.8c.1.2.4.3.6.3.1 0 .2 0 .3-.1.4-.1.6-.5.6-.8V13c0-.6-.4-1-1-1zm-.5 7.8l-1.2-1.2h-5.8v-5.1h7v6.3z"
-}));
-/* harmony default export */ var post_comments = (postComments);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-query-loop/edit/comments-inspector-controls.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-function CommentsInspectorControls(_ref) {
- let {
- attributes: {
- TagName
- },
- setAttributes
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, {
- __experimentalGroup: "advanced"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('HTML element'),
- options: [{
- label: (0,external_wp_i18n_namespaceObject.__)('Default (<div>)'),
- value: 'div'
- }, {
- label: '<section>',
- value: 'section'
- }, {
- label: '<aside>',
- value: 'aside'
- }],
- value: TagName,
- onChange: value => setAttributes({
- tagName: value
- })
- })));
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-query-loop/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-
-const edit_TEMPLATE = [['core/comments-title'], ['core/comment-template', {}, [['core/columns', {}, [['core/column', {
- width: '40px'
-}, [['core/avatar', {
- size: 40,
- style: {
- border: {
- radius: '20px'
- }
- }
-}]]], ['core/column', {}, [['core/comment-author-name', {
- fontSize: 'small'
-}], ['core/group', {
- layout: {
- type: 'flex'
- },
- style: {
- spacing: {
- margin: {
- top: '0px',
- bottom: '0px'
- }
- }
- }
-}, [['core/comment-date', {
- fontSize: 'small'
-}], ['core/comment-edit-link', {
- fontSize: 'small'
-}]]], ['core/comment-content'], ['core/comment-reply-link', {
- fontSize: 'small'
-}]]]]]]], ['core/comments-pagination'], ['core/post-comments-form']];
-function CommentsQueryLoopEdit(_ref) {
- let {
- attributes,
- setAttributes
- } = _ref;
- const {
- tagName: TagName
- } = attributes;
- const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
- const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
- template: edit_TEMPLATE
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(CommentsInspectorControls, {
- attributes: attributes,
- setAttributes: setAttributes
- }), (0,external_wp_element_namespaceObject.createElement)(TagName, innerBlocksProps));
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-query-loop/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function CommentsQueryLoopSave(_ref) {
- let {
- attributes: {
- tagName: Tag
- }
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(Tag, external_wp_blockEditor_namespaceObject.useBlockProps.save(), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null));
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-query-loop/index.js
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const comments_query_loop_metadata = {
- $schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
- name: "core/comments-query-loop",
- title: "Comments Query Loop",
- category: "theme",
- description: "An advanced block that allows displaying post comments using different visual configurations.",
- textdomain: "default",
- attributes: {
- tagName: {
- type: "string",
- "default": "div"
- }
- },
- supports: {
- align: ["wide", "full"],
- html: false,
- color: {
- gradients: true,
- link: true,
- __experimentalDefaultControls: {
- background: true,
- text: true,
- link: true
- }
- }
- },
- editorStyle: "wp-block-comments-editor"
-};
-
-
-const {
- name: comments_query_loop_name
-} = comments_query_loop_metadata;
-
-const comments_query_loop_settings = {
- icon: post_comments,
- edit: CommentsQueryLoopEdit,
- save: CommentsQueryLoopSave
-};
+const comments_pagination_previous_init = () => initBlock({
+ name: comments_pagination_previous_name,
+ metadata: comments_pagination_previous_metadata,
+ settings: comments_pagination_previous_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/query-pagination.js
-
-
-/**
- * WordPress dependencies
- */
-
-const queryPagination = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 13.5h6v-3H4v3zm8 0h3v-3h-3v3zm5-3v3h3v-3h-3z"
-}));
-/* harmony default export */ var query_pagination = (queryPagination);
+/**
+ * WordPress dependencies
+ */
+
+
+const queryPagination = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4 13.5h6v-3H4v3zm8 0h3v-3h-3v3zm5-3v3h3v-3h-3z"
+ })
+});
+/* harmony default export */ const query_pagination = (queryPagination);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-pagination/comments-pagination-arrow-controls.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-function CommentsPaginationArrowControls(_ref) {
- let {
- value,
- onChange
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, {
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+function CommentsPaginationArrowControls({
+ value,
+ onChange
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, {
+ __nextHasNoMarginBottom: true,
label: (0,external_wp_i18n_namespaceObject.__)('Arrow'),
value: value,
onChange: onChange,
help: (0,external_wp_i18n_namespaceObject.__)('A decorative arrow appended to the next and previous comments link.'),
- isBlock: true
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
- value: "none",
- label: (0,external_wp_i18n_namespaceObject._x)('None', 'Arrow option for Comments Pagination Next/Previous blocks')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
- value: "arrow",
- label: (0,external_wp_i18n_namespaceObject._x)('Arrow', 'Arrow option for Comments Pagination Next/Previous blocks')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
- value: "chevron",
- label: (0,external_wp_i18n_namespaceObject._x)('Chevron', 'Arrow option for Comments Pagination Next/Previous blocks')
- }));
+ isBlock: true,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "none",
+ label: (0,external_wp_i18n_namespaceObject._x)('None', 'Arrow option for Comments Pagination Next/Previous blocks')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "arrow",
+ label: (0,external_wp_i18n_namespaceObject._x)('Arrow', 'Arrow option for Comments Pagination Next/Previous blocks')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "chevron",
+ label: (0,external_wp_i18n_namespaceObject._x)('Chevron', 'Arrow option for Comments Pagination Next/Previous blocks')
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-pagination/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
const comments_pagination_edit_TEMPLATE = [['core/comments-pagination-previous'], ['core/comments-pagination-numbers'], ['core/comments-pagination-next']];
-
-const getDefaultBlockLayout = blockTypeOrName => {
- const layoutBlockSupportConfig = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockTypeOrName, '__experimentalLayout');
- return layoutBlockSupportConfig === null || layoutBlockSupportConfig === void 0 ? void 0 : layoutBlockSupportConfig.default;
-};
-
-function QueryPaginationEdit(_ref) {
- let {
- attributes: {
- paginationArrow,
- layout
- },
- setAttributes,
- clientId,
- name
- } = _ref;
- const usedLayout = layout || getDefaultBlockLayout(name);
+function QueryPaginationEdit({
+ attributes: {
+ paginationArrow
+ },
+ setAttributes,
+ clientId
+}) {
const hasNextPreviousBlocks = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
getBlocks
@@ -9030,18 +11012,16 @@
* Comments Pagination Next or Comments Pagination Previous
* block exists.
*/
-
- return innerBlocks === null || innerBlocks === void 0 ? void 0 : innerBlocks.find(innerBlock => {
+ return innerBlocks?.find(innerBlock => {
return ['core/comments-pagination-previous', 'core/comments-pagination-next'].includes(innerBlock.name);
});
}, []);
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
- template: comments_pagination_edit_TEMPLATE,
- allowedBlocks: ['core/comments-pagination-previous', 'core/comments-pagination-numbers', 'core/comments-pagination-next'],
- __experimentalLayout: usedLayout
- }); // Get the Discussion settings
-
+ template: comments_pagination_edit_TEMPLATE
+ });
+
+ // Get the Discussion settings
const pageComments = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
getSettings
@@ -9049,36 +11029,44 @@
const {
__experimentalDiscussionSettings
} = getSettings();
- return __experimentalDiscussionSettings === null || __experimentalDiscussionSettings === void 0 ? void 0 : __experimentalDiscussionSettings.pageComments;
- }, []); // If paging comments is not enabled in the Discussion Settings then hide the pagination
+ return __experimentalDiscussionSettings?.pageComments;
+ }, []);
+
+ // If paging comments is not enabled in the Discussion Settings then hide the pagination
// controls. We don't want to remove them from the template so that when the user enables
// paging comments, the controls will be visible.
-
if (!pageComments) {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, (0,external_wp_i18n_namespaceObject.__)('Comments Pagination block: paging comments is disabled in the Discussion Settings'));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, hasNextPreviousBlocks && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Settings')
- }, (0,external_wp_element_namespaceObject.createElement)(CommentsPaginationArrowControls, {
- value: paginationArrow,
- onChange: value => {
- setAttributes({
- paginationArrow: value
- });
- }
- }))), (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.__)('Comments Pagination block: paging comments is disabled in the Discussion Settings')
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [hasNextPreviousBlocks && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CommentsPaginationArrowControls, {
+ value: paginationArrow,
+ onChange: value => {
+ setAttributes({
+ paginationArrow: value
+ });
+ }
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-pagination/save.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
function comments_pagination_save_save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-pagination/index.js
@@ -9086,17 +11074,19 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const comments_pagination_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/comments-pagination",
title: "Comments Pagination",
category: "theme",
- parent: ["core/comments-query-loop"],
+ parent: ["core/comments"],
+ allowedBlocks: ["core/comments-pagination-previous", "core/comments-pagination-numbers", "core/comments-pagination-next"],
description: "Displays a paginated navigation to next/previous set of comments, when applicable.",
textdomain: "default",
attributes: {
@@ -9121,12 +11111,28 @@
link: true
}
},
- __experimentalLayout: {
+ layout: {
allowSwitching: false,
allowInheriting: false,
"default": {
type: "flex"
}
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
},
editorStyle: "wp-block-comments-pagination-editor",
@@ -9143,29 +11149,33 @@
edit: QueryPaginationEdit,
save: comments_pagination_save_save
};
+const comments_pagination_init = () => initBlock({
+ name: comments_pagination_name,
+ metadata: comments_pagination_metadata,
+ settings: comments_pagination_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/query-pagination-next.js
-
-
-/**
- * WordPress dependencies
- */
-
-const queryPaginationNext = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M5 13.5h3v-3H5v3zm5 0h3v-3h-3v3zM17 9l-1 1 2 2-2 2 1 1 3-3-3-3z"
-}));
-/* harmony default export */ var query_pagination_next = (queryPaginationNext);
+/**
+ * WordPress dependencies
+ */
+
+
+const queryPaginationNext = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M5 13.5h3v-3H5v3zm5 0h3v-3h-3v3zM17 9l-1 1 2 2-2 2 1 1 3-3-3-3z"
+ })
+});
+/* harmony default export */ const query_pagination_next = (queryPaginationNext);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-pagination-next/edit.js
-
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
+
const edit_arrowMap = {
@@ -9173,32 +11183,34 @@
arrow: '→',
chevron: '»'
};
-function CommentsPaginationNextEdit(_ref) {
- let {
- attributes: {
- label
- },
- setAttributes,
- context: {
- 'comments/paginationArrow': paginationArrow
- }
- } = _ref;
+function CommentsPaginationNextEdit({
+ attributes: {
+ label
+ },
+ setAttributes,
+ context: {
+ 'comments/paginationArrow': paginationArrow
+ }
+}) {
const displayArrow = edit_arrowMap[paginationArrow];
- return (0,external_wp_element_namespaceObject.createElement)("a", _extends({
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("a", {
href: "#comments-pagination-next-pseudo-link",
- onClick: event => event.preventDefault()
- }, (0,external_wp_blockEditor_namespaceObject.useBlockProps)()), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.PlainText, {
- __experimentalVersion: 2,
- tagName: "span",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Newer comments page link'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Newer Comments'),
- value: label,
- onChange: newLabel => setAttributes({
- label: newLabel
- })
- }), displayArrow && (0,external_wp_element_namespaceObject.createElement)("span", {
- className: `wp-block-comments-pagination-next-arrow is-arrow-${paginationArrow}`
- }, displayArrow));
+ onClick: event => event.preventDefault(),
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)(),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.PlainText, {
+ __experimentalVersion: 2,
+ tagName: "span",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Newer comments page link'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Newer Comments'),
+ value: label,
+ onChange: newLabel => setAttributes({
+ label: newLabel
+ })
+ }), displayArrow && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: `wp-block-comments-pagination-next-arrow is-arrow-${paginationArrow}`,
+ children: displayArrow
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-pagination-next/index.js
@@ -9206,15 +11218,16 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const comments_pagination_next_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/comments-pagination-next",
- title: "Next Page",
+ title: "Comments Next Page",
category: "theme",
parent: ["core/comments-pagination"],
description: "Displays the next comment's page link.",
@@ -9238,13 +11251,18 @@
typography: {
fontSize: true,
lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
}
};
@@ -9257,61 +11275,70 @@
icon: query_pagination_next,
edit: CommentsPaginationNextEdit
};
+const comments_pagination_next_init = () => initBlock({
+ name: comments_pagination_next_name,
+ metadata: comments_pagination_next_metadata,
+ settings: comments_pagination_next_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/query-pagination-numbers.js
-
-
-/**
- * WordPress dependencies
- */
-
-const queryPaginationNumbers = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 13.5h6v-3H4v3zm8.2-2.5.8-.3V14h1V9.3l-2.2.7.4 1zm7.1-1.2c-.5-.6-1.2-.5-1.7-.4-.3.1-.5.2-.7.3l.1 1.1c.2-.2.5-.4.8-.5.3-.1.6 0 .7.1.2.3 0 .8-.2 1.1-.5.8-.9 1.6-1.4 2.5h2.7v-1h-.9c.3-.6.8-1.4.9-2.1 0-.3-.1-.8-.3-1.1z"
-}));
-/* harmony default export */ var query_pagination_numbers = (queryPaginationNumbers);
+/**
+ * WordPress dependencies
+ */
+
+
+const queryPaginationNumbers = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4 13.5h6v-3H4v3zm8.2-2.5.8-.3V14h1V9.3l-2.2.7.4 1zm7.1-1.2c-.5-.6-1.2-.5-1.7-.4-.3.1-.5.2-.7.3l.1 1.1c.2-.2.5-.4.8-.5.3-.1.6 0 .7.1.2.3 0 .8-.2 1.1-.5.8-.9 1.6-1.4 2.5h2.7v-1h-.9c.3-.6.8-1.4.9-2.1 0-.3-.1-.8-.3-1.1z"
+ })
+});
+/* harmony default export */ const query_pagination_numbers = (queryPaginationNumbers);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-pagination-numbers/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-const PaginationItem = _ref => {
- let {
- content,
- tag: Tag = 'a',
- extraClass = ''
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(Tag, {
- className: `page-numbers ${extraClass}`
- }, content);
-};
-
+/**
+ * WordPress dependencies
+ */
+
+
+
+const PaginationItem = ({
+ content,
+ tag: Tag = 'a',
+ extraClass = ''
+}) => Tag === 'a' ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ className: `page-numbers ${extraClass}`,
+ href: "#comments-pagination-numbers-pseudo-link",
+ onClick: event => event.preventDefault(),
+ children: content
+}) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ className: `page-numbers ${extraClass}`,
+ children: content
+});
function CommentsPaginationNumbersEdit() {
- return (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)(), (0,external_wp_element_namespaceObject.createElement)(PaginationItem, {
- content: "1"
- }), (0,external_wp_element_namespaceObject.createElement)(PaginationItem, {
- content: "2"
- }), (0,external_wp_element_namespaceObject.createElement)(PaginationItem, {
- content: "3",
- tag: "span",
- extraClass: "current"
- }), (0,external_wp_element_namespaceObject.createElement)(PaginationItem, {
- content: "4"
- }), (0,external_wp_element_namespaceObject.createElement)(PaginationItem, {
- content: "5"
- }), (0,external_wp_element_namespaceObject.createElement)(PaginationItem, {
- content: "...",
- tag: "span",
- extraClass: "dots"
- }), (0,external_wp_element_namespaceObject.createElement)(PaginationItem, {
- content: "8"
- }));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)(),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PaginationItem, {
+ content: "1"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PaginationItem, {
+ content: "2"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PaginationItem, {
+ content: "3",
+ tag: "span",
+ extraClass: "current"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PaginationItem, {
+ content: "4"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PaginationItem, {
+ content: "5"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PaginationItem, {
+ content: "...",
+ tag: "span",
+ extraClass: "dots"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PaginationItem, {
+ content: "8"
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-pagination-numbers/index.js
@@ -9319,15 +11346,16 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const comments_pagination_numbers_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/comments-pagination-numbers",
- title: "Page Numbers",
+ title: "Comments Page Numbers",
category: "theme",
parent: ["core/comments-pagination"],
description: "Displays a list of page numbers for comments pagination.",
@@ -9335,7 +11363,30 @@
usesContext: ["postId"],
supports: {
reusable: false,
- html: false
+ html: false,
+ color: {
+ gradients: true,
+ text: false,
+ __experimentalDefaultControls: {
+ background: true
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
}
};
@@ -9347,199 +11398,90 @@
icon: query_pagination_numbers,
edit: CommentsPaginationNumbersEdit
};
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/comment-title.js
-
-
-/**
- * WordPress dependencies
- */
-
-const commentTitle = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M6 11.9c.6.3 1.3.5 2.1.5.4 0 .8 0 1.2-.1.4-.1.7-.2 1-.3l-.1-1.3c-.3.1-.6.3-.9.3-.3.1-.7.1-1.1.1-.6 0-1.1-.1-1.5-.4-.4-.3-.7-.6-.9-1-.2-.5-.3-1-.3-1.5 0-.6.1-1.1.3-1.5.2-.4.5-.8.9-1 .4-.3.9-.4 1.5-.4.4 0 .7 0 1.1.1l.9.3.1-1.3c-.3-.1-.6-.2-1-.3C9 4 8.6 4 8.2 4c-.9 0-1.6.2-2.2.5-.6.4-1.1.8-1.5 1.5-.3.6-.5 1.3-.5 2.2s.2 1.6.5 2.2c.4.6.9 1.1 1.5 1.5zm-2 2.6V16h16v-1.5H4zM4 20h9v-1.5H4V20z"
-}));
-/* harmony default export */ var comment_title = (commentTitle);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/heading/heading-level-icon.js
-
-
-/**
- * WordPress dependencies
- */
-
-/** @typedef {import('@wordpress/element').WPComponent} WPComponent */
-
-/**
- * HeadingLevelIcon props.
- *
- * @typedef WPHeadingLevelIconProps
- *
- * @property {number} level The heading level to show an icon for.
- * @property {?boolean} isPressed Whether or not the icon should appear pressed; default: false.
- */
-
-/**
- * Heading level icon.
- *
- * @param {WPHeadingLevelIconProps} props Component props.
- *
- * @return {?WPComponent} The icon.
- */
-
-function HeadingLevelIcon(_ref) {
- let {
- level,
- isPressed = false
- } = _ref;
- const levelToPath = {
- 1: 'M9 5h2v10H9v-4H5v4H3V5h2v4h4V5zm6.6 0c-.6.9-1.5 1.7-2.6 2v1h2v7h2V5h-1.4z',
- 2: 'M7 5h2v10H7v-4H3v4H1V5h2v4h4V5zm8 8c.5-.4.6-.6 1.1-1.1.4-.4.8-.8 1.2-1.3.3-.4.6-.8.9-1.3.2-.4.3-.8.3-1.3 0-.4-.1-.9-.3-1.3-.2-.4-.4-.7-.8-1-.3-.3-.7-.5-1.2-.6-.5-.2-1-.2-1.5-.2-.4 0-.7 0-1.1.1-.3.1-.7.2-1 .3-.3.1-.6.3-.9.5-.3.2-.6.4-.8.7l1.2 1.2c.3-.3.6-.5 1-.7.4-.2.7-.3 1.2-.3s.9.1 1.3.4c.3.3.5.7.5 1.1 0 .4-.1.8-.4 1.1-.3.5-.6.9-1 1.2-.4.4-1 .9-1.6 1.4-.6.5-1.4 1.1-2.2 1.6V15h8v-2H15z',
- 3: 'M12.1 12.2c.4.3.8.5 1.2.7.4.2.9.3 1.4.3.5 0 1-.1 1.4-.3.3-.1.5-.5.5-.8 0-.2 0-.4-.1-.6-.1-.2-.3-.3-.5-.4-.3-.1-.7-.2-1-.3-.5-.1-1-.1-1.5-.1V9.1c.7.1 1.5-.1 2.2-.4.4-.2.6-.5.6-.9 0-.3-.1-.6-.4-.8-.3-.2-.7-.3-1.1-.3-.4 0-.8.1-1.1.3-.4.2-.7.4-1.1.6l-1.2-1.4c.5-.4 1.1-.7 1.6-.9.5-.2 1.2-.3 1.8-.3.5 0 1 .1 1.6.2.4.1.8.3 1.2.5.3.2.6.5.8.8.2.3.3.7.3 1.1 0 .5-.2.9-.5 1.3-.4.4-.9.7-1.5.9v.1c.6.1 1.2.4 1.6.8.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.2-.2.4-.5.7-.9.9-.4.3-.9.4-1.3.5-.5.1-1 .2-1.6.2-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1l1.1-1.4zM7 9H3V5H1v10h2v-4h4v4h2V5H7v4z',
- 4: 'M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm10-2h-1v2h-2v-2h-5v-2l4-6h3v6h1v2zm-3-2V7l-2.8 4H16z',
- 5: 'M12.1 12.2c.4.3.7.5 1.1.7.4.2.9.3 1.3.3.5 0 1-.1 1.4-.4.4-.3.6-.7.6-1.1 0-.4-.2-.9-.6-1.1-.4-.3-.9-.4-1.4-.4H14c-.1 0-.3 0-.4.1l-.4.1-.5.2-1-.6.3-5h6.4v1.9h-4.3L14 8.8c.2-.1.5-.1.7-.2.2 0 .5-.1.7-.1.5 0 .9.1 1.4.2.4.1.8.3 1.1.6.3.2.6.6.8.9.2.4.3.9.3 1.4 0 .5-.1 1-.3 1.4-.2.4-.5.8-.9 1.1-.4.3-.8.5-1.3.7-.5.2-1 .3-1.5.3-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1-.1-.1 1-1.5 1-1.5zM9 15H7v-4H3v4H1V5h2v4h4V5h2v10z',
- 6: 'M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm8.6-7.5c-.2-.2-.5-.4-.8-.5-.6-.2-1.3-.2-1.9 0-.3.1-.6.3-.8.5l-.6.9c-.2.5-.2.9-.2 1.4.4-.3.8-.6 1.2-.8.4-.2.8-.3 1.3-.3.4 0 .8 0 1.2.2.4.1.7.3 1 .6.3.3.5.6.7.9.2.4.3.8.3 1.3s-.1.9-.3 1.4c-.2.4-.5.7-.8 1-.4.3-.8.5-1.2.6-1 .3-2 .3-3 0-.5-.2-1-.5-1.4-.9-.4-.4-.8-.9-1-1.5-.2-.6-.3-1.3-.3-2.1s.1-1.6.4-2.3c.2-.6.6-1.2 1-1.6.4-.4.9-.7 1.4-.9.6-.3 1.1-.4 1.7-.4.7 0 1.4.1 2 .3.5.2 1 .5 1.4.8 0 .1-1.3 1.4-1.3 1.4zm-2.4 5.8c.2 0 .4 0 .6-.1.2 0 .4-.1.5-.2.1-.1.3-.3.4-.5.1-.2.1-.5.1-.7 0-.4-.1-.8-.4-1.1-.3-.2-.7-.3-1.1-.3-.3 0-.7.1-1 .2-.4.2-.7.4-1 .7 0 .3.1.7.3 1 .1.2.3.4.4.6.2.1.3.3.5.3.2.1.5.2.7.1z'
- };
-
- if (!levelToPath.hasOwnProperty(level)) {
- return null;
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 20 20",
- xmlns: "http://www.w3.org/2000/svg",
- isPressed: isPressed
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: levelToPath[level]
- }));
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/heading/heading-level-dropdown.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-/**
- * Internal dependencies
- */
-
-
-const HEADING_LEVELS = [1, 2, 3, 4, 5, 6];
-const POPOVER_PROPS = {
- className: 'block-library-heading-level-dropdown'
-};
-/** @typedef {import('@wordpress/element').WPComponent} WPComponent */
-
-/**
- * HeadingLevelDropdown props.
- *
- * @typedef WPHeadingLevelDropdownProps
- *
- * @property {number} selectedLevel The chosen heading level.
- * @property {(newValue:number)=>any} onChange Callback to run when
- * toolbar value is changed.
- */
-
-/**
- * Dropdown for selecting a heading level (1 through 6).
- *
- * @param {WPHeadingLevelDropdownProps} props Component props.
- *
- * @return {WPComponent} The toolbar.
- */
-
-function HeadingLevelDropdown(_ref) {
- let {
- selectedLevel,
- onChange
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarDropdownMenu, {
- popoverProps: POPOVER_PROPS,
- icon: (0,external_wp_element_namespaceObject.createElement)(HeadingLevelIcon, {
- level: selectedLevel
- }),
- label: (0,external_wp_i18n_namespaceObject.__)('Change heading level'),
- controls: HEADING_LEVELS.map(targetLevel => {
- {
- const isActive = targetLevel === selectedLevel;
- return {
- icon: (0,external_wp_element_namespaceObject.createElement)(HeadingLevelIcon, {
- level: targetLevel,
- isPressed: isActive
- }),
- label: (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: heading level e.g: "1", "2", "3"
- (0,external_wp_i18n_namespaceObject.__)('Heading %d'), targetLevel),
- isActive,
-
- onClick() {
- onChange(targetLevel);
- }
-
- };
- }
- })
- });
-}
+const comments_pagination_numbers_init = () => initBlock({
+ name: comments_pagination_numbers_name,
+ metadata: comments_pagination_numbers_metadata,
+ settings: comments_pagination_numbers_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/title.js
+/**
+ * WordPress dependencies
+ */
+
+
+const title = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "m4 5.5h2v6.5h1.5v-6.5h2v-1.5h-5.5zm16 10.5h-16v-1.5h16zm-7 4h-9v-1.5h9z"
+ })
+});
+/* harmony default export */ const library_title = (title);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-title/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-function comments_title_edit_Edit(_ref) {
- let {
- attributes: {
- textAlign,
- showPostTitle,
- showCommentsCount,
- level
- },
- setAttributes,
- context: {
- postType,
- postId
- }
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+function comments_title_edit_Edit({
+ attributes: {
+ textAlign,
+ showPostTitle,
+ showCommentsCount,
+ level
+ },
+ setAttributes,
+ context: {
+ postType,
+ postId
+ }
+}) {
const TagName = 'h' + level;
const [commentsCount, setCommentsCount] = (0,external_wp_element_namespaceObject.useState)();
const [rawTitle] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'title', postId);
const isSiteEditor = typeof postId === 'undefined';
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
})
});
+ const {
+ threadCommentsDepth,
+ threadComments,
+ commentsPerPage,
+ pageComments
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getSettings
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ return getSettings().__experimentalDiscussionSettings;
+ });
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (isSiteEditor) {
- setCommentsCount(3);
- return;
- }
-
+ // Match the number of comments that will be shown in the comment-template/edit.js placeholder
+
+ const nestedCommentsNumber = threadComments ? Math.min(threadCommentsDepth, 3) - 1 : 0;
+ const topLevelCommentsNumber = pageComments ? commentsPerPage : 3;
+ const commentsNumber = parseInt(nestedCommentsNumber) + parseInt(topLevelCommentsNumber);
+ setCommentsCount(Math.min(commentsNumber, 3));
+ return;
+ }
const currentPostId = postId;
external_wp_apiFetch_default()({
path: (0,external_wp_url_namespaceObject.addQueryArgs)('/wp/v2/comments', {
@@ -9557,53 +11499,56 @@
setCommentsCount(0);
});
}, [postId]);
- const blockControls = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: newAlign => setAttributes({
- textAlign: newAlign
- })
- }), (0,external_wp_element_namespaceObject.createElement)(HeadingLevelDropdown, {
- selectedLevel: level,
- onChange: newLevel => setAttributes({
- level: newLevel
- })
- }));
- const inspectorControls = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show post title'),
- checked: showPostTitle,
- onChange: value => setAttributes({
- showPostTitle: value
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show comments count'),
- checked: showCommentsCount,
- onChange: value => setAttributes({
- showCommentsCount: value
- })
- })));
- const postTitle = isSiteEditor ? (0,external_wp_i18n_namespaceObject.__)('"Post Title"') : `"${rawTitle}"`;
+ const blockControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: newAlign => setAttributes({
+ textAlign: newAlign
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.HeadingLevelDropdown, {
+ value: level,
+ onChange: newLevel => setAttributes({
+ level: newLevel
+ })
+ })]
+ });
+ const inspectorControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show post title'),
+ checked: showPostTitle,
+ onChange: value => setAttributes({
+ showPostTitle: value
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show comments count'),
+ checked: showCommentsCount,
+ onChange: value => setAttributes({
+ showCommentsCount: value
+ })
+ })]
+ })
+ });
+ const postTitle = isSiteEditor ? (0,external_wp_i18n_namespaceObject.__)('“Post Title”') : `"${rawTitle}"`;
let placeholder;
-
if (showCommentsCount && commentsCount !== undefined) {
if (showPostTitle) {
if (commentsCount === 1) {
/* translators: %s: Post title. */
placeholder = (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('One response to %s'), postTitle);
} else {
- placeholder = (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: 1: Number of comments, 2: Post title. */
+ placeholder = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: 1: Number of comments, 2: Post title. */
(0,external_wp_i18n_namespaceObject._n)('%1$s response to %2$s', '%1$s responses to %2$s', commentsCount), commentsCount, postTitle);
}
} else if (commentsCount === 1) {
placeholder = (0,external_wp_i18n_namespaceObject.__)('One response');
} else {
- placeholder = (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: Number of comments. */
- (0,external_wp_i18n_namespaceObject._n)('%s responses', '%s responses', commentsCount), commentsCount);
+ placeholder = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: Number of comments. */
+ (0,external_wp_i18n_namespaceObject._n)('%s response', '%s responses', commentsCount), commentsCount);
}
} else if (showPostTitle) {
if (commentsCount === 1) {
@@ -9618,8 +11563,12 @@
} else {
placeholder = (0,external_wp_i18n_namespaceObject.__)('Responses');
}
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, blockControls, inspectorControls, (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, placeholder));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [blockControls, inspectorControls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: placeholder
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/comments-title/deprecated.js
@@ -9628,12 +11577,12 @@
*/
const deprecated_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/comments-title",
title: "Comments Title",
category: "theme",
- ancestor: ["core/comments-query-loop"],
- description: "Displays a title with the number of comments",
+ ancestor: ["core/comments"],
+ description: "Displays a title with the number of comments.",
textdomain: "default",
usesContext: ["postId", "postType"],
attributes: {
@@ -9677,16 +11626,21 @@
typography: {
fontSize: true,
lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalFontFamily: true,
- __experimentalTextTransform: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
__experimentalDefaultControls: {
fontSize: true,
__experimentalFontFamily: true,
__experimentalFontStyle: true,
__experimentalFontWeight: true
}
+ },
+ interactivity: {
+ clientNavigation: true
}
}
};
@@ -9694,8 +11648,9 @@
attributes,
supports
} = deprecated_metadata;
-/* harmony default export */ var comments_title_deprecated = ([{
- attributes: { ...attributes,
+/* harmony default export */ const comments_title_deprecated = ([{
+ attributes: {
+ ...attributes,
singleCommentLabel: {
type: 'string'
},
@@ -9705,23 +11660,17 @@
},
supports,
migrate: oldAttributes => {
- /* eslint-disable no-unused-vars */
const {
singleCommentLabel,
multipleCommentsLabel,
...newAttributes
} = oldAttributes;
- /* eslint-enable no-unused-vars */
-
return newAttributes;
},
- isEligible: _ref => {
- let {
- multipleCommentsLabel,
- singleCommentLabel
- } = _ref;
- return multipleCommentsLabel || singleCommentLabel;
- },
+ isEligible: ({
+ multipleCommentsLabel,
+ singleCommentLabel
+ }) => multipleCommentsLabel || singleCommentLabel,
save: () => null
}]);
@@ -9730,18 +11679,19 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const comments_title_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/comments-title",
title: "Comments Title",
category: "theme",
- ancestor: ["core/comments-query-loop"],
- description: "Displays a title with the number of comments",
+ ancestor: ["core/comments"],
+ description: "Displays a title with the number of comments.",
textdomain: "default",
usesContext: ["postId", "postType"],
attributes: {
@@ -9785,16 +11735,21 @@
typography: {
fontSize: true,
lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalFontFamily: true,
- __experimentalTextTransform: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
__experimentalDefaultControls: {
fontSize: true,
__experimentalFontFamily: true,
__experimentalFontStyle: true,
__experimentalFontWeight: true
}
+ },
+ interactivity: {
+ clientNavigation: true
}
}
};
@@ -9805,25 +11760,30 @@
} = comments_title_metadata;
const comments_title_settings = {
- icon: comment_title,
+ icon: library_title,
edit: comments_title_edit_Edit,
deprecated: comments_title_deprecated
};
+const comments_title_init = () => initBlock({
+ name: comments_title_name,
+ metadata: comments_title_metadata,
+ settings: comments_title_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/cover.js
-
-
-/**
- * WordPress dependencies
- */
-
-const cover = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18.7 3H5.3C4 3 3 4 3 5.3v13.4C3 20 4 21 5.3 21h13.4c1.3 0 2.3-1 2.3-2.3V5.3C21 4 20 3 18.7 3zm.8 15.7c0 .4-.4.8-.8.8H5.3c-.4 0-.8-.4-.8-.8V5.3c0-.4.4-.8.8-.8h6.2v8.9l2.5-3.1 2.5 3.1V4.5h2.2c.4 0 .8.4.8.8v13.4z"
-}));
-/* harmony default export */ var library_cover = (cover);
+/**
+ * WordPress dependencies
+ */
+
+
+const cover = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18.7 3H5.3C4 3 3 4 3 5.3v13.4C3 20 4 21 5.3 21h13.4c1.3 0 2.3-1 2.3-2.3V5.3C21 4 20 3 18.7 3zm.8 15.7c0 .4-.4.8-.8.8H5.3c-.4 0-.8-.4-.8-.8V5.3c0-.4.4-.8.8-.8h6.2v8.9l2.5-3.1 2.5 3.1V4.5h2.2c.4 0 .8.4.8.8v13.4z"
+ })
+});
+/* harmony default export */ const library_cover = (cover);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/cover/shared.js
/**
@@ -9847,71 +11807,68 @@
const COVER_MIN_HEIGHT = 50;
const COVER_MAX_HEIGHT = 1000;
const COVER_DEFAULT_HEIGHT = 300;
-function backgroundImageStyles(url) {
- return url ? {
- backgroundImage: `url(${url})`
- } : {};
-}
+const DEFAULT_FOCAL_POINT = {
+ x: 0.5,
+ y: 0.5
+};
const shared_ALLOWED_MEDIA_TYPES = ['image', 'video'];
+function mediaPosition({
+ x,
+ y
+} = DEFAULT_FOCAL_POINT) {
+ return `${Math.round(x * 100)}% ${Math.round(y * 100)}%`;
+}
function dimRatioToClass(ratio) {
- return ratio === 50 || !ratio === undefined ? null : 'has-background-dim-' + 10 * Math.round(ratio / 10);
-}
-function attributesFromMedia(setAttributes, dimRatio) {
- return media => {
- if (!media || !media.url) {
- setAttributes({
- url: undefined,
- id: undefined
- });
- return;
- }
-
- if ((0,external_wp_blob_namespaceObject.isBlobURL)(media.url)) {
- media.type = (0,external_wp_blob_namespaceObject.getBlobTypeByURL)(media.url);
- }
-
- let mediaType; // For media selections originated from a file upload.
-
- if (media.media_type) {
- if (media.media_type === IMAGE_BACKGROUND_TYPE) {
- mediaType = IMAGE_BACKGROUND_TYPE;
- } else {
- // only images and videos are accepted so if the media_type is not an image we can assume it is a video.
- // Videos contain the media type of 'file' in the object returned from the rest api.
- mediaType = VIDEO_BACKGROUND_TYPE;
- }
+ return ratio === 50 || ratio === undefined ? null : 'has-background-dim-' + 10 * Math.round(ratio / 10);
+}
+function attributesFromMedia(media) {
+ if (!media || !media.url) {
+ return {
+ url: undefined,
+ id: undefined
+ };
+ }
+ if ((0,external_wp_blob_namespaceObject.isBlobURL)(media.url)) {
+ media.type = (0,external_wp_blob_namespaceObject.getBlobTypeByURL)(media.url);
+ }
+ let mediaType;
+ // For media selections originated from a file upload.
+ if (media.media_type) {
+ if (media.media_type === IMAGE_BACKGROUND_TYPE) {
+ mediaType = IMAGE_BACKGROUND_TYPE;
} else {
- // For media selections originated from existing files in the media library.
- if (media.type !== IMAGE_BACKGROUND_TYPE && media.type !== VIDEO_BACKGROUND_TYPE) {
- return;
- }
-
- mediaType = media.type;
- }
-
- setAttributes({
- dimRatio: dimRatio === 100 ? 50 : dimRatio,
- url: media.url,
- id: media.id,
- alt: media === null || media === void 0 ? void 0 : media.alt,
- backgroundType: mediaType,
- ...(mediaType === VIDEO_BACKGROUND_TYPE ? {
- focalPoint: undefined,
- hasParallax: undefined
- } : {})
- });
- };
-}
+ // only images and videos are accepted so if the media_type is not an image we can assume it is a video.
+ // Videos contain the media type of 'file' in the object returned from the rest api.
+ mediaType = VIDEO_BACKGROUND_TYPE;
+ }
+ } else {
+ // For media selections originated from existing files in the media library.
+ if (media.type !== IMAGE_BACKGROUND_TYPE && media.type !== VIDEO_BACKGROUND_TYPE) {
+ return;
+ }
+ mediaType = media.type;
+ }
+ return {
+ url: media.url,
+ id: media.id,
+ alt: media?.alt,
+ backgroundType: mediaType,
+ ...(mediaType === VIDEO_BACKGROUND_TYPE ? {
+ hasParallax: undefined
+ } : {})
+ };
+}
+
/**
* Checks of the contentPosition is the center (default) position.
*
* @param {string} contentPosition The current content position.
* @return {boolean} Whether the contentPosition is center.
*/
-
function isContentPositionCenter(contentPosition) {
return !contentPosition || contentPosition === 'center center' || contentPosition === 'center';
}
+
/**
* Retrieves the className for the current contentPosition.
* The default position (center) will not have a className.
@@ -9919,34 +11876,41 @@
* @param {string} contentPosition The current content position.
* @return {string} The className assigned to the contentPosition.
*/
-
function getPositionClassName(contentPosition) {
/*
* Only render a className if the contentPosition is not center (the default).
*/
- if (isContentPositionCenter(contentPosition)) return '';
+ if (isContentPositionCenter(contentPosition)) {
+ return '';
+ }
return POSITION_CLASSNAMES[contentPosition];
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/cover/deprecated.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-/**
- * Internal dependencies
- */
-
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+function backgroundImageStyles(url) {
+ return url ? {
+ backgroundImage: `url(${url})`
+ } : {};
+}
/**
* Original function to determine the background opacity classname
@@ -9956,17 +11920,26 @@
* @param {number} ratio ratio to use for opacity.
* @return {string} background opacity class .
*/
-
function dimRatioToClassV1(ratio) {
return ratio === 0 || ratio === 50 || !ratio ? null : 'has-background-dim-' + 10 * Math.round(ratio / 10);
}
-
function migrateDimRatio(attributes) {
- return { ...attributes,
+ return {
+ ...attributes,
dimRatio: !attributes.url ? 100 : attributes.dimRatio
};
}
-
+function migrateTag(attributes) {
+ if (!attributes.tagName) {
+ attributes = {
+ ...attributes,
+ tagName: 'div'
+ };
+ }
+ return {
+ ...attributes
+ };
+}
const deprecated_blockAttributes = {
url: {
type: 'string'
@@ -9995,96 +11968,593 @@
focalPoint: {
type: 'object'
}
-}; // Deprecation for blocks with `minHeightUnit` set but no `minHeight`.
-
+};
+const v8ToV11BlockAttributes = {
+ url: {
+ type: 'string'
+ },
+ id: {
+ type: 'number'
+ },
+ alt: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'alt',
+ default: ''
+ },
+ hasParallax: {
+ type: 'boolean',
+ default: false
+ },
+ isRepeated: {
+ type: 'boolean',
+ default: false
+ },
+ dimRatio: {
+ type: 'number',
+ default: 100
+ },
+ overlayColor: {
+ type: 'string'
+ },
+ customOverlayColor: {
+ type: 'string'
+ },
+ backgroundType: {
+ type: 'string',
+ default: 'image'
+ },
+ focalPoint: {
+ type: 'object'
+ },
+ minHeight: {
+ type: 'number'
+ },
+ minHeightUnit: {
+ type: 'string'
+ },
+ gradient: {
+ type: 'string'
+ },
+ customGradient: {
+ type: 'string'
+ },
+ contentPosition: {
+ type: 'string'
+ },
+ isDark: {
+ type: 'boolean',
+ default: true
+ },
+ allowedBlocks: {
+ type: 'array'
+ },
+ templateLock: {
+ type: ['string', 'boolean'],
+ enum: ['all', 'insert', false]
+ }
+};
+const v12BlockAttributes = {
+ ...v8ToV11BlockAttributes,
+ useFeaturedImage: {
+ type: 'boolean',
+ default: false
+ },
+ tagName: {
+ type: 'string',
+ default: 'div'
+ }
+};
+const v7toV11BlockSupports = {
+ anchor: true,
+ align: true,
+ html: false,
+ spacing: {
+ padding: true,
+ __experimentalDefaultControls: {
+ padding: true
+ }
+ },
+ color: {
+ __experimentalDuotone: '> .wp-block-cover__image-background, > .wp-block-cover__video-background',
+ text: false,
+ background: false
+ }
+};
+const v12BlockSupports = {
+ ...v7toV11BlockSupports,
+ spacing: {
+ padding: true,
+ margin: ['top', 'bottom'],
+ blockGap: true,
+ __experimentalDefaultControls: {
+ padding: true,
+ blockGap: true
+ }
+ },
+ __experimentalBorder: {
+ color: true,
+ radius: true,
+ style: true,
+ width: true,
+ __experimentalDefaultControls: {
+ color: true,
+ radius: true,
+ style: true,
+ width: true
+ }
+ },
+ color: {
+ __experimentalDuotone: '> .wp-block-cover__image-background, > .wp-block-cover__video-background',
+ heading: true,
+ text: true,
+ background: false,
+ __experimentalSkipSerialization: ['gradients'],
+ enableContrastChecker: false
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ layout: {
+ allowJustification: false
+ }
+};
+
+// Deprecation for blocks that does not have the aria-label when the image background is fixed or repeated.
+const v13 = {
+ attributes: v12BlockAttributes,
+ supports: v12BlockSupports,
+ save({
+ attributes
+ }) {
+ const {
+ backgroundType,
+ gradient,
+ contentPosition,
+ customGradient,
+ customOverlayColor,
+ dimRatio,
+ focalPoint,
+ useFeaturedImage,
+ hasParallax,
+ isDark,
+ isRepeated,
+ overlayColor,
+ url,
+ alt,
+ id,
+ minHeight: minHeightProp,
+ minHeightUnit,
+ tagName: Tag
+ } = attributes;
+ const overlayColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayColor);
+ const gradientClass = (0,external_wp_blockEditor_namespaceObject.__experimentalGetGradientClass)(gradient);
+ const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
+ const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
+ const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
+ const isImgElement = !(hasParallax || isRepeated);
+ const style = {
+ minHeight: minHeight || undefined
+ };
+ const bgStyle = {
+ backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
+ background: customGradient ? customGradient : undefined
+ };
+ const objectPosition =
+ // prettier-ignore
+ focalPoint && isImgElement ? mediaPosition(focalPoint) : undefined;
+ const backgroundImage = url ? `url(${url})` : undefined;
+ const backgroundPosition = mediaPosition(focalPoint);
+ const classes = dist_clsx({
+ 'is-light': !isDark,
+ 'has-parallax': hasParallax,
+ 'is-repeated': isRepeated,
+ 'has-custom-content-position': !isContentPositionCenter(contentPosition)
+ }, getPositionClassName(contentPosition));
+ const imgClasses = dist_clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
+ 'has-parallax': hasParallax,
+ 'is-repeated': isRepeated
+ });
+ const gradientValue = gradient || customGradient;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Tag, {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-hidden": "true",
+ className: dist_clsx('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
+ 'has-background-dim': dimRatio !== undefined,
+ // For backwards compatibility. Former versions of the Cover Block applied
+ // `.wp-block-cover__gradient-background` in the presence of
+ // media, a gradient and a dim.
+ 'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+ 'has-background-gradient': gradientValue,
+ [gradientClass]: gradientClass
+ }),
+ style: bgStyle
+ }), !useFeaturedImage && isImageBackground && url && (isImgElement ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ className: imgClasses,
+ alt: alt,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ role: "img",
+ className: imgClasses,
+ style: {
+ backgroundPosition,
+ backgroundImage
+ }
+ })), isVideoBackground && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ className: dist_clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
+ autoPlay: true,
+ muted: true,
+ loop: true,
+ playsInline: true,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-cover__inner-container'
+ })
+ })]
+ });
+ }
+};
+
+// Deprecation for blocks to prevent auto overlay color from overriding previously set values.
+const v12 = {
+ attributes: v12BlockAttributes,
+ supports: v12BlockSupports,
+ isEligible(attributes) {
+ return attributes.customOverlayColor !== undefined || attributes.overlayColor !== undefined;
+ },
+ migrate(attributes) {
+ return {
+ ...attributes,
+ isUserOverlayColor: true
+ };
+ },
+ save({
+ attributes
+ }) {
+ const {
+ backgroundType,
+ gradient,
+ contentPosition,
+ customGradient,
+ customOverlayColor,
+ dimRatio,
+ focalPoint,
+ useFeaturedImage,
+ hasParallax,
+ isDark,
+ isRepeated,
+ overlayColor,
+ url,
+ alt,
+ id,
+ minHeight: minHeightProp,
+ minHeightUnit,
+ tagName: Tag
+ } = attributes;
+ const overlayColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayColor);
+ const gradientClass = (0,external_wp_blockEditor_namespaceObject.__experimentalGetGradientClass)(gradient);
+ const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
+ const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
+ const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
+ const isImgElement = !(hasParallax || isRepeated);
+ const style = {
+ minHeight: minHeight || undefined
+ };
+ const bgStyle = {
+ backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
+ background: customGradient ? customGradient : undefined
+ };
+ const objectPosition =
+ // prettier-ignore
+ focalPoint && isImgElement ? mediaPosition(focalPoint) : undefined;
+ const backgroundImage = url ? `url(${url})` : undefined;
+ const backgroundPosition = mediaPosition(focalPoint);
+ const classes = dist_clsx({
+ 'is-light': !isDark,
+ 'has-parallax': hasParallax,
+ 'is-repeated': isRepeated,
+ 'has-custom-content-position': !isContentPositionCenter(contentPosition)
+ }, getPositionClassName(contentPosition));
+ const imgClasses = dist_clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
+ 'has-parallax': hasParallax,
+ 'is-repeated': isRepeated
+ });
+ const gradientValue = gradient || customGradient;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Tag, {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-hidden": "true",
+ className: dist_clsx('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
+ 'has-background-dim': dimRatio !== undefined,
+ // For backwards compatibility. Former versions of the Cover Block applied
+ // `.wp-block-cover__gradient-background` in the presence of
+ // media, a gradient and a dim.
+ 'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+ 'has-background-gradient': gradientValue,
+ [gradientClass]: gradientClass
+ }),
+ style: bgStyle
+ }), !useFeaturedImage && isImageBackground && url && (isImgElement ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ className: imgClasses,
+ alt: alt,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ role: "img",
+ className: imgClasses,
+ style: {
+ backgroundPosition,
+ backgroundImage
+ }
+ })), isVideoBackground && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ className: dist_clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
+ autoPlay: true,
+ muted: true,
+ loop: true,
+ playsInline: true,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-cover__inner-container'
+ })
+ })]
+ });
+ }
+};
+
+// Deprecation for blocks that does not have a HTML tag option.
+const deprecated_v11 = {
+ attributes: v8ToV11BlockAttributes,
+ supports: v7toV11BlockSupports,
+ save({
+ attributes
+ }) {
+ const {
+ backgroundType,
+ gradient,
+ contentPosition,
+ customGradient,
+ customOverlayColor,
+ dimRatio,
+ focalPoint,
+ useFeaturedImage,
+ hasParallax,
+ isDark,
+ isRepeated,
+ overlayColor,
+ url,
+ alt,
+ id,
+ minHeight: minHeightProp,
+ minHeightUnit
+ } = attributes;
+ const overlayColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayColor);
+ const gradientClass = (0,external_wp_blockEditor_namespaceObject.__experimentalGetGradientClass)(gradient);
+ const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
+ const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
+ const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
+ const isImgElement = !(hasParallax || isRepeated);
+ const style = {
+ minHeight: minHeight || undefined
+ };
+ const bgStyle = {
+ backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
+ background: customGradient ? customGradient : undefined
+ };
+ const objectPosition =
+ // prettier-ignore
+ focalPoint && isImgElement ? mediaPosition(focalPoint) : undefined;
+ const backgroundImage = url ? `url(${url})` : undefined;
+ const backgroundPosition = mediaPosition(focalPoint);
+ const classes = dist_clsx({
+ 'is-light': !isDark,
+ 'has-parallax': hasParallax,
+ 'is-repeated': isRepeated,
+ 'has-custom-content-position': !isContentPositionCenter(contentPosition)
+ }, getPositionClassName(contentPosition));
+ const imgClasses = dist_clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
+ 'has-parallax': hasParallax,
+ 'is-repeated': isRepeated
+ });
+ const gradientValue = gradient || customGradient;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-hidden": "true",
+ className: dist_clsx('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
+ 'has-background-dim': dimRatio !== undefined,
+ // For backwards compatibility. Former versions of the Cover Block applied
+ // `.wp-block-cover__gradient-background` in the presence of
+ // media, a gradient and a dim.
+ 'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+ 'has-background-gradient': gradientValue,
+ [gradientClass]: gradientClass
+ }),
+ style: bgStyle
+ }), !useFeaturedImage && isImageBackground && url && (isImgElement ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ className: imgClasses,
+ alt: alt,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ role: "img",
+ className: imgClasses,
+ style: {
+ backgroundPosition,
+ backgroundImage
+ }
+ })), isVideoBackground && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ className: dist_clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
+ autoPlay: true,
+ muted: true,
+ loop: true,
+ playsInline: true,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-cover__inner-container'
+ })
+ })]
+ });
+ },
+ migrate: migrateTag
+};
+
+// Deprecation for blocks that renders fixed background as backgroud from the main block container.
+const deprecated_v10 = {
+ attributes: v8ToV11BlockAttributes,
+ supports: v7toV11BlockSupports,
+ save({
+ attributes
+ }) {
+ const {
+ backgroundType,
+ gradient,
+ contentPosition,
+ customGradient,
+ customOverlayColor,
+ dimRatio,
+ focalPoint,
+ useFeaturedImage,
+ hasParallax,
+ isDark,
+ isRepeated,
+ overlayColor,
+ url,
+ alt,
+ id,
+ minHeight: minHeightProp,
+ minHeightUnit
+ } = attributes;
+ const overlayColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayColor);
+ const gradientClass = (0,external_wp_blockEditor_namespaceObject.__experimentalGetGradientClass)(gradient);
+ const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
+ const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
+ const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
+ const isImgElement = !(hasParallax || isRepeated);
+ const style = {
+ ...(isImageBackground && !isImgElement && !useFeaturedImage ? backgroundImageStyles(url) : {}),
+ minHeight: minHeight || undefined
+ };
+ const bgStyle = {
+ backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
+ background: customGradient ? customGradient : undefined
+ };
+ const objectPosition =
+ // prettier-ignore
+ focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
+ const classes = dist_clsx({
+ 'is-light': !isDark,
+ 'has-parallax': hasParallax,
+ 'is-repeated': isRepeated,
+ 'has-custom-content-position': !isContentPositionCenter(contentPosition)
+ }, getPositionClassName(contentPosition));
+ const gradientValue = gradient || customGradient;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-hidden": "true",
+ className: dist_clsx('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
+ 'has-background-dim': dimRatio !== undefined,
+ // For backwards compatibility. Former versions of the Cover Block applied
+ // `.wp-block-cover__gradient-background` in the presence of
+ // media, a gradient and a dim.
+ 'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+ 'has-background-gradient': gradientValue,
+ [gradientClass]: gradientClass
+ }),
+ style: bgStyle
+ }), !useFeaturedImage && isImageBackground && isImgElement && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ className: dist_clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+ alt: alt,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }), isVideoBackground && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ className: dist_clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
+ autoPlay: true,
+ muted: true,
+ loop: true,
+ playsInline: true,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-cover__inner-container'
+ })
+ })]
+ });
+ },
+ migrate: migrateTag
+};
+
+// Deprecation for blocks with `minHeightUnit` set but no `minHeight`.
const v9 = {
- attributes: {
- url: {
- type: 'string'
- },
- id: {
- type: 'number'
- },
- alt: {
- type: 'string',
- source: 'attribute',
- selector: 'img',
- attribute: 'alt',
- default: ''
- },
- hasParallax: {
- type: 'boolean',
- default: false
- },
- isRepeated: {
- type: 'boolean',
- default: false
- },
- dimRatio: {
- type: 'number',
- default: 100
- },
- overlayColor: {
- type: 'string'
- },
- customOverlayColor: {
- type: 'string'
- },
- backgroundType: {
- type: 'string',
- default: 'image'
- },
- focalPoint: {
- type: 'object'
- },
- minHeight: {
- type: 'number'
- },
- minHeightUnit: {
- type: 'string'
- },
- gradient: {
- type: 'string'
- },
- customGradient: {
- type: 'string'
- },
- contentPosition: {
- type: 'string'
- },
- isDark: {
- type: 'boolean',
- default: true
- },
- allowedBlocks: {
- type: 'array'
- },
- templateLock: {
- type: ['string', 'boolean'],
- enum: ['all', 'insert', false]
- }
- },
- supports: {
- anchor: true,
- align: true,
- html: false,
- spacing: {
- padding: true,
- __experimentalDefaultControls: {
- padding: true
- }
- },
- color: {
- __experimentalDuotone: '> .wp-block-cover__image-background, > .wp-block-cover__video-background',
- text: false,
- background: false
- }
- },
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+ attributes: v8ToV11BlockAttributes,
+ supports: v7toV11BlockSupports,
+ save({
+ attributes
+ }) {
const {
backgroundType,
gradient,
@@ -10104,160 +12574,84 @@
minHeightUnit
} = attributes;
const overlayColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayColor);
-
const gradientClass = (0,external_wp_blockEditor_namespaceObject.__experimentalGetGradientClass)(gradient);
-
const minHeight = minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
const isImgElement = !(hasParallax || isRepeated);
- const style = { ...(isImageBackground && !isImgElement ? backgroundImageStyles(url) : {}),
+ const style = {
+ ...(isImageBackground && !isImgElement ? backgroundImageStyles(url) : {}),
minHeight: minHeight || undefined
};
const bgStyle = {
backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
background: customGradient ? customGradient : undefined
};
- const objectPosition = // prettier-ignore
+ const objectPosition =
+ // prettier-ignore
focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
- const classes = classnames_default()({
+ const classes = dist_clsx({
'is-light': !isDark,
'has-parallax': hasParallax,
'is-repeated': isRepeated,
'has-custom-content-position': !isContentPositionCenter(contentPosition)
}, getPositionClassName(contentPosition));
const gradientValue = gradient || customGradient;
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: classes,
- style
- }), (0,external_wp_element_namespaceObject.createElement)("span", {
- "aria-hidden": "true",
- className: classnames_default()('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
- 'has-background-dim': dimRatio !== undefined,
- // For backwards compatibility. Former versions of the Cover Block applied
- // `.wp-block-cover__gradient-background` in the presence of
- // media, a gradient and a dim.
- 'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
- 'has-background-gradient': gradientValue,
- [gradientClass]: gradientClass
- }),
- style: bgStyle
- }), isImageBackground && isImgElement && url && (0,external_wp_element_namespaceObject.createElement)("img", {
- className: classnames_default()('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
- alt: alt,
- src: url,
- style: {
- objectPosition
- },
- "data-object-fit": "cover",
- "data-object-position": objectPosition
- }), isVideoBackground && url && (0,external_wp_element_namespaceObject.createElement)("video", {
- className: classnames_default()('wp-block-cover__video-background', 'intrinsic-ignore'),
- autoPlay: true,
- muted: true,
- loop: true,
- playsInline: true,
- src: url,
- style: {
- objectPosition
- },
- "data-object-fit": "cover",
- "data-object-position": objectPosition
- }), (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
- className: 'wp-block-cover__inner-container'
- })));
- }
-
-}; // v8: deprecated to remove duplicated gradient classes and swap `wp-block-cover__gradient-background` for `wp-block-cover__background`.
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-hidden": "true",
+ className: dist_clsx('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
+ 'has-background-dim': dimRatio !== undefined,
+ // For backwards compatibility. Former versions of the Cover Block applied
+ // `.wp-block-cover__gradient-background` in the presence of
+ // media, a gradient and a dim.
+ 'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+ 'has-background-gradient': gradientValue,
+ [gradientClass]: gradientClass
+ }),
+ style: bgStyle
+ }), isImageBackground && isImgElement && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ className: dist_clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+ alt: alt,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }), isVideoBackground && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ className: dist_clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
+ autoPlay: true,
+ muted: true,
+ loop: true,
+ playsInline: true,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-cover__inner-container'
+ })
+ })]
+ });
+ },
+ migrate: migrateTag
+};
+
+// v8: deprecated to remove duplicated gradient classes and swap `wp-block-cover__gradient-background` for `wp-block-cover__background`.
const v8 = {
- attributes: {
- url: {
- type: 'string'
- },
- id: {
- type: 'number'
- },
- alt: {
- type: 'string',
- source: 'attribute',
- selector: 'img',
- attribute: 'alt',
- default: ''
- },
- hasParallax: {
- type: 'boolean',
- default: false
- },
- isRepeated: {
- type: 'boolean',
- default: false
- },
- dimRatio: {
- type: 'number',
- default: 100
- },
- overlayColor: {
- type: 'string'
- },
- customOverlayColor: {
- type: 'string'
- },
- backgroundType: {
- type: 'string',
- default: 'image'
- },
- focalPoint: {
- type: 'object'
- },
- minHeight: {
- type: 'number'
- },
- minHeightUnit: {
- type: 'string'
- },
- gradient: {
- type: 'string'
- },
- customGradient: {
- type: 'string'
- },
- contentPosition: {
- type: 'string'
- },
- isDark: {
- type: 'boolean',
- default: true
- },
- allowedBlocks: {
- type: 'array'
- },
- templateLock: {
- type: ['string', 'boolean'],
- enum: ['all', 'insert', false]
- }
- },
- supports: {
- anchor: true,
- align: true,
- html: false,
- spacing: {
- padding: true,
- __experimentalDefaultControls: {
- padding: true
- }
- },
- color: {
- __experimentalDuotone: '> .wp-block-cover__image-background, > .wp-block-cover__video-background',
- text: false,
- background: false
- }
- },
-
- save(_ref2) {
- let {
- attributes
- } = _ref2;
+ attributes: v8ToV11BlockAttributes,
+ supports: v7toV11BlockSupports,
+ save({
+ attributes
+ }) {
const {
backgroundType,
gradient,
@@ -10277,68 +12671,74 @@
minHeightUnit
} = attributes;
const overlayColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayColor);
-
const gradientClass = (0,external_wp_blockEditor_namespaceObject.__experimentalGetGradientClass)(gradient);
-
const minHeight = minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
const isImgElement = !(hasParallax || isRepeated);
- const style = { ...(isImageBackground && !isImgElement ? backgroundImageStyles(url) : {}),
+ const style = {
+ ...(isImageBackground && !isImgElement ? backgroundImageStyles(url) : {}),
minHeight: minHeight || undefined
};
const bgStyle = {
backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
background: customGradient ? customGradient : undefined
};
- const objectPosition = // prettier-ignore
+ const objectPosition =
+ // prettier-ignore
focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
- const classes = classnames_default()({
+ const classes = dist_clsx({
'is-light': !isDark,
'has-parallax': hasParallax,
'is-repeated': isRepeated,
'has-custom-content-position': !isContentPositionCenter(contentPosition)
}, getPositionClassName(contentPosition));
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: classes,
- style
- }), (0,external_wp_element_namespaceObject.createElement)("span", {
- "aria-hidden": "true",
- className: classnames_default()(overlayColorClass, dimRatioToClass(dimRatio), 'wp-block-cover__gradient-background', gradientClass, {
- 'has-background-dim': dimRatio !== undefined,
- 'has-background-gradient': gradient || customGradient,
- [gradientClass]: !url && gradientClass
- }),
- style: bgStyle
- }), isImageBackground && isImgElement && url && (0,external_wp_element_namespaceObject.createElement)("img", {
- className: classnames_default()('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
- alt: alt,
- src: url,
- style: {
- objectPosition
- },
- "data-object-fit": "cover",
- "data-object-position": objectPosition
- }), isVideoBackground && url && (0,external_wp_element_namespaceObject.createElement)("video", {
- className: classnames_default()('wp-block-cover__video-background', 'intrinsic-ignore'),
- autoPlay: true,
- muted: true,
- loop: true,
- playsInline: true,
- src: url,
- style: {
- objectPosition
- },
- "data-object-fit": "cover",
- "data-object-position": objectPosition
- }), (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
- className: 'wp-block-cover__inner-container'
- })));
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-hidden": "true",
+ className: dist_clsx(overlayColorClass, dimRatioToClass(dimRatio), 'wp-block-cover__gradient-background', gradientClass, {
+ 'has-background-dim': dimRatio !== undefined,
+ 'has-background-gradient': gradient || customGradient,
+ [gradientClass]: !url && gradientClass
+ }),
+ style: bgStyle
+ }), isImageBackground && isImgElement && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ className: dist_clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+ alt: alt,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }), isVideoBackground && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ className: dist_clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
+ autoPlay: true,
+ muted: true,
+ loop: true,
+ playsInline: true,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-cover__inner-container'
+ })
+ })]
+ });
+ },
+ migrate: migrateTag
};
const v7 = {
- attributes: { ...deprecated_blockAttributes,
+ attributes: {
+ ...deprecated_blockAttributes,
isRepeated: {
type: 'boolean',
default: false
@@ -10366,27 +12766,10 @@
default: ''
}
},
- supports: {
- anchor: true,
- align: true,
- html: false,
- spacing: {
- padding: true,
- __experimentalDefaultControls: {
- padding: true
- }
- },
- color: {
- __experimentalDuotone: '> .wp-block-cover__image-background, > .wp-block-cover__video-background',
- text: false,
- background: false
- }
- },
-
- save(_ref3) {
- let {
- attributes
- } = _ref3;
+ supports: v7toV11BlockSupports,
+ save({
+ attributes
+ }) {
const {
backgroundType,
gradient,
@@ -10405,21 +12788,21 @@
minHeightUnit
} = attributes;
const overlayColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayColor);
-
const gradientClass = (0,external_wp_blockEditor_namespaceObject.__experimentalGetGradientClass)(gradient);
-
const minHeight = minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
const isImgElement = !(hasParallax || isRepeated);
- const style = { ...(isImageBackground && !isImgElement ? backgroundImageStyles(url) : {}),
+ const style = {
+ ...(isImageBackground && !isImgElement ? backgroundImageStyles(url) : {}),
backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
background: customGradient && !url ? customGradient : undefined,
minHeight: minHeight || undefined
};
- const objectPosition = // prettier-ignore
+ const objectPosition =
+ // prettier-ignore
focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
- const classes = classnames_default()(dimRatioToClassV1(dimRatio), overlayColorClass, {
+ const classes = dist_clsx(dimRatioToClassV1(dimRatio), overlayColorClass, {
'has-background-dim': dimRatio !== 0,
'has-parallax': hasParallax,
'is-repeated': isRepeated,
@@ -10427,45 +12810,49 @@
[gradientClass]: !url && gradientClass,
'has-custom-content-position': !isContentPositionCenter(contentPosition)
}, getPositionClassName(contentPosition));
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: classes,
- style
- }), url && (gradient || customGradient) && dimRatio !== 0 && (0,external_wp_element_namespaceObject.createElement)("span", {
- "aria-hidden": "true",
- className: classnames_default()('wp-block-cover__gradient-background', gradientClass),
- style: customGradient ? {
- background: customGradient
- } : undefined
- }), isImageBackground && isImgElement && url && (0,external_wp_element_namespaceObject.createElement)("img", {
- className: classnames_default()('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
- alt: alt,
- src: url,
- style: {
- objectPosition
- },
- "data-object-fit": "cover",
- "data-object-position": objectPosition
- }), isVideoBackground && url && (0,external_wp_element_namespaceObject.createElement)("video", {
- className: classnames_default()('wp-block-cover__video-background', 'intrinsic-ignore'),
- autoPlay: true,
- muted: true,
- loop: true,
- playsInline: true,
- src: url,
- style: {
- objectPosition
- },
- "data-object-fit": "cover",
- "data-object-position": objectPosition
- }), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-cover__inner-container"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null)));
- },
-
- migrate: migrateDimRatio
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes,
+ style
+ }),
+ children: [url && (gradient || customGradient) && dimRatio !== 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-hidden": "true",
+ className: dist_clsx('wp-block-cover__gradient-background', gradientClass),
+ style: customGradient ? {
+ background: customGradient
+ } : undefined
+ }), isImageBackground && isImgElement && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ className: dist_clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
+ alt: alt,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }), isVideoBackground && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ className: dist_clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
+ autoPlay: true,
+ muted: true,
+ loop: true,
+ playsInline: true,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-cover__inner-container",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ })]
+ });
+ },
+ migrate: (0,external_wp_compose_namespaceObject.compose)(migrateDimRatio, migrateTag)
};
const v6 = {
- attributes: { ...deprecated_blockAttributes,
+ attributes: {
+ ...deprecated_blockAttributes,
isRepeated: {
type: 'boolean',
default: false
@@ -10489,11 +12876,9 @@
supports: {
align: true
},
-
- save(_ref4) {
- let {
- attributes
- } = _ref4;
+ save({
+ attributes
+ }) {
const {
backgroundType,
gradient,
@@ -10510,39 +12895,30 @@
minHeightUnit
} = attributes;
const overlayColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayColor);
-
const gradientClass = (0,external_wp_blockEditor_namespaceObject.__experimentalGetGradientClass)(gradient);
-
const minHeight = minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
const style = isImageBackground ? backgroundImageStyles(url) : {};
const videoStyle = {};
-
if (!overlayColorClass) {
style.backgroundColor = customOverlayColor;
}
-
if (customGradient && !url) {
style.background = customGradient;
}
-
style.minHeight = minHeight || undefined;
let positionValue;
-
if (focalPoint) {
positionValue = `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%`;
-
if (isImageBackground && !hasParallax) {
style.backgroundPosition = positionValue;
}
-
if (isVideoBackground) {
videoStyle.objectPosition = positionValue;
}
}
-
- const classes = classnames_default()(dimRatioToClassV1(dimRatio), overlayColorClass, {
+ const classes = dist_clsx(dimRatioToClassV1(dimRatio), overlayColorClass, {
'has-background-dim': dimRatio !== 0,
'has-parallax': hasParallax,
'is-repeated': isRepeated,
@@ -10550,32 +12926,36 @@
[gradientClass]: !url && gradientClass,
'has-custom-content-position': !isContentPositionCenter(contentPosition)
}, getPositionClassName(contentPosition));
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: classes,
- style
- }), url && (gradient || customGradient) && dimRatio !== 0 && (0,external_wp_element_namespaceObject.createElement)("span", {
- "aria-hidden": "true",
- className: classnames_default()('wp-block-cover__gradient-background', gradientClass),
- style: customGradient ? {
- background: customGradient
- } : undefined
- }), isVideoBackground && url && (0,external_wp_element_namespaceObject.createElement)("video", {
- className: "wp-block-cover__video-background",
- autoPlay: true,
- muted: true,
- loop: true,
- playsInline: true,
- src: url,
- style: videoStyle
- }), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-cover__inner-container"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null)));
- },
-
- migrate: migrateDimRatio
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes,
+ style
+ }),
+ children: [url && (gradient || customGradient) && dimRatio !== 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-hidden": "true",
+ className: dist_clsx('wp-block-cover__gradient-background', gradientClass),
+ style: customGradient ? {
+ background: customGradient
+ } : undefined
+ }), isVideoBackground && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ className: "wp-block-cover__video-background",
+ autoPlay: true,
+ muted: true,
+ loop: true,
+ playsInline: true,
+ src: url,
+ style: videoStyle
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-cover__inner-container",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ })]
+ });
+ },
+ migrate: (0,external_wp_compose_namespaceObject.compose)(migrateDimRatio, migrateTag)
};
const v5 = {
- attributes: { ...deprecated_blockAttributes,
+ attributes: {
+ ...deprecated_blockAttributes,
minHeight: {
type: 'number'
},
@@ -10589,11 +12969,9 @@
supports: {
align: true
},
-
- save(_ref5) {
- let {
- attributes
- } = _ref5;
+ save({
+ attributes
+ }) {
const {
backgroundType,
gradient,
@@ -10607,54 +12985,50 @@
minHeight
} = attributes;
const overlayColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayColor);
-
const gradientClass = (0,external_wp_blockEditor_namespaceObject.__experimentalGetGradientClass)(gradient);
-
const style = backgroundType === IMAGE_BACKGROUND_TYPE ? backgroundImageStyles(url) : {};
-
if (!overlayColorClass) {
style.backgroundColor = customOverlayColor;
}
-
if (focalPoint && !hasParallax) {
style.backgroundPosition = `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%`;
}
-
if (customGradient && !url) {
style.background = customGradient;
}
-
style.minHeight = minHeight || undefined;
- const classes = classnames_default()(dimRatioToClassV1(dimRatio), overlayColorClass, {
+ const classes = dist_clsx(dimRatioToClassV1(dimRatio), overlayColorClass, {
'has-background-dim': dimRatio !== 0,
'has-parallax': hasParallax,
'has-background-gradient': customGradient,
[gradientClass]: !url && gradientClass
});
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
className: classes,
- style: style
- }, url && (gradient || customGradient) && dimRatio !== 0 && (0,external_wp_element_namespaceObject.createElement)("span", {
- "aria-hidden": "true",
- className: classnames_default()('wp-block-cover__gradient-background', gradientClass),
- style: customGradient ? {
- background: customGradient
- } : undefined
- }), VIDEO_BACKGROUND_TYPE === backgroundType && url && (0,external_wp_element_namespaceObject.createElement)("video", {
- className: "wp-block-cover__video-background",
- autoPlay: true,
- muted: true,
- loop: true,
- src: url
- }), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-cover__inner-container"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null)));
- },
-
- migrate: migrateDimRatio
+ style: style,
+ children: [url && (gradient || customGradient) && dimRatio !== 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-hidden": "true",
+ className: dist_clsx('wp-block-cover__gradient-background', gradientClass),
+ style: customGradient ? {
+ background: customGradient
+ } : undefined
+ }), VIDEO_BACKGROUND_TYPE === backgroundType && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ className: "wp-block-cover__video-background",
+ autoPlay: true,
+ muted: true,
+ loop: true,
+ src: url
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-cover__inner-container",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ })]
+ });
+ },
+ migrate: (0,external_wp_compose_namespaceObject.compose)(migrateDimRatio, migrateTag)
};
const v4 = {
- attributes: { ...deprecated_blockAttributes,
+ attributes: {
+ ...deprecated_blockAttributes,
minHeight: {
type: 'number'
},
@@ -10668,11 +13042,9 @@
supports: {
align: true
},
-
- save(_ref6) {
- let {
- attributes
- } = _ref6;
+ save({
+ attributes
+ }) {
const {
backgroundType,
gradient,
@@ -10686,54 +13058,50 @@
minHeight
} = attributes;
const overlayColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayColor);
-
const gradientClass = (0,external_wp_blockEditor_namespaceObject.__experimentalGetGradientClass)(gradient);
-
const style = backgroundType === IMAGE_BACKGROUND_TYPE ? backgroundImageStyles(url) : {};
-
if (!overlayColorClass) {
style.backgroundColor = customOverlayColor;
}
-
if (focalPoint && !hasParallax) {
style.backgroundPosition = `${focalPoint.x * 100}% ${focalPoint.y * 100}%`;
}
-
if (customGradient && !url) {
style.background = customGradient;
}
-
style.minHeight = minHeight || undefined;
- const classes = classnames_default()(dimRatioToClassV1(dimRatio), overlayColorClass, {
+ const classes = dist_clsx(dimRatioToClassV1(dimRatio), overlayColorClass, {
'has-background-dim': dimRatio !== 0,
'has-parallax': hasParallax,
'has-background-gradient': customGradient,
[gradientClass]: !url && gradientClass
});
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
className: classes,
- style: style
- }, url && (gradient || customGradient) && dimRatio !== 0 && (0,external_wp_element_namespaceObject.createElement)("span", {
- "aria-hidden": "true",
- className: classnames_default()('wp-block-cover__gradient-background', gradientClass),
- style: customGradient ? {
- background: customGradient
- } : undefined
- }), VIDEO_BACKGROUND_TYPE === backgroundType && url && (0,external_wp_element_namespaceObject.createElement)("video", {
- className: "wp-block-cover__video-background",
- autoPlay: true,
- muted: true,
- loop: true,
- src: url
- }), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-cover__inner-container"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null)));
- },
-
- migrate: migrateDimRatio
+ style: style,
+ children: [url && (gradient || customGradient) && dimRatio !== 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-hidden": "true",
+ className: dist_clsx('wp-block-cover__gradient-background', gradientClass),
+ style: customGradient ? {
+ background: customGradient
+ } : undefined
+ }), VIDEO_BACKGROUND_TYPE === backgroundType && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ className: "wp-block-cover__video-background",
+ autoPlay: true,
+ muted: true,
+ loop: true,
+ src: url
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-cover__inner-container",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ })]
+ });
+ },
+ migrate: (0,external_wp_compose_namespaceObject.compose)(migrateDimRatio, migrateTag)
};
const v3 = {
- attributes: { ...deprecated_blockAttributes,
+ attributes: {
+ ...deprecated_blockAttributes,
title: {
type: 'string',
source: 'html',
@@ -10747,11 +13115,9 @@
supports: {
align: true
},
-
- save(_ref7) {
- let {
- attributes
- } = _ref7;
+ save({
+ attributes
+ }) {
const {
backgroundType,
contentAlign,
@@ -10765,51 +13131,55 @@
} = attributes;
const overlayColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayColor);
const style = backgroundType === IMAGE_BACKGROUND_TYPE ? backgroundImageStyles(url) : {};
-
if (!overlayColorClass) {
style.backgroundColor = customOverlayColor;
}
-
if (focalPoint && !hasParallax) {
style.backgroundPosition = `${focalPoint.x * 100}% ${focalPoint.y * 100}%`;
}
-
- const classes = classnames_default()(dimRatioToClassV1(dimRatio), overlayColorClass, {
+ const classes = dist_clsx(dimRatioToClassV1(dimRatio), overlayColorClass, {
'has-background-dim': dimRatio !== 0,
'has-parallax': hasParallax,
[`has-${contentAlign}-content`]: contentAlign !== 'center'
});
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
className: classes,
- style: style
- }, VIDEO_BACKGROUND_TYPE === backgroundType && url && (0,external_wp_element_namespaceObject.createElement)("video", {
- className: "wp-block-cover__video-background",
- autoPlay: true,
- muted: true,
- loop: true,
- src: url
- }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(title) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "p",
- className: "wp-block-cover-text",
- value: title
- }));
- },
-
+ style: style,
+ children: [VIDEO_BACKGROUND_TYPE === backgroundType && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ className: "wp-block-cover__video-background",
+ autoPlay: true,
+ muted: true,
+ loop: true,
+ src: url
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(title) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "p",
+ className: "wp-block-cover-text",
+ value: title
+ })]
+ });
+ },
migrate(attributes) {
- const newAttribs = { ...attributes,
- dimRatio: !attributes.url ? 100 : attributes.dimRatio
- };
- return [(0,external_lodash_namespaceObject.omit)(newAttribs, ['title', 'contentAlign']), [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ const newAttribs = {
+ ...attributes,
+ dimRatio: !attributes.url ? 100 : attributes.dimRatio,
+ tagName: !attributes.tagName ? 'div' : attributes.tagName
+ };
+ const {
+ title,
+ contentAlign,
+ ...restAttributes
+ } = newAttribs;
+ return [restAttributes, [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
content: attributes.title,
align: attributes.contentAlign,
fontSize: 'large',
placeholder: (0,external_wp_i18n_namespaceObject.__)('Write title…')
})]];
}
-
};
const v2 = {
- attributes: { ...deprecated_blockAttributes,
+ attributes: {
+ ...deprecated_blockAttributes,
title: {
type: 'string',
source: 'html',
@@ -10826,11 +13196,9 @@
supports: {
className: false
},
-
- save(_ref8) {
- let {
- attributes
- } = _ref8;
+ save({
+ attributes
+ }) {
const {
url,
title,
@@ -10843,41 +13211,47 @@
} = attributes;
const overlayColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayColor);
const style = backgroundImageStyles(url);
-
if (!overlayColorClass) {
style.backgroundColor = customOverlayColor;
}
-
- const classes = classnames_default()('wp-block-cover-image', dimRatioToClassV1(dimRatio), overlayColorClass, {
+ const classes = dist_clsx('wp-block-cover-image', dimRatioToClassV1(dimRatio), overlayColorClass, {
'has-background-dim': dimRatio !== 0,
'has-parallax': hasParallax,
[`has-${contentAlign}-content`]: contentAlign !== 'center'
}, align ? `align${align}` : null);
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
className: classes,
- style: style
- }, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(title) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "p",
- className: "wp-block-cover-image-text",
- value: title
- }));
- },
-
+ style: style,
+ children: !external_wp_blockEditor_namespaceObject.RichText.isEmpty(title) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "p",
+ className: "wp-block-cover-image-text",
+ value: title
+ })
+ });
+ },
migrate(attributes) {
- const newAttribs = { ...attributes,
- dimRatio: !attributes.url ? 100 : attributes.dimRatio
- };
- return [(0,external_lodash_namespaceObject.omit)(newAttribs, ['title', 'contentAlign', 'align']), [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ const newAttribs = {
+ ...attributes,
+ dimRatio: !attributes.url ? 100 : attributes.dimRatio,
+ tagName: !attributes.tagName ? 'div' : attributes.tagName
+ };
+ const {
+ title,
+ contentAlign,
+ align,
+ ...restAttributes
+ } = newAttribs;
+ return [restAttributes, [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
content: attributes.title,
align: attributes.contentAlign,
fontSize: 'large',
placeholder: (0,external_wp_i18n_namespaceObject.__)('Write title…')
})]];
}
-
};
const cover_deprecated_v1 = {
- attributes: { ...deprecated_blockAttributes,
+ attributes: {
+ ...deprecated_blockAttributes,
title: {
type: 'string',
source: 'html',
@@ -10894,11 +13268,9 @@
supports: {
className: false
},
-
- save(_ref9) {
- let {
- attributes
- } = _ref9;
+ save({
+ attributes
+ }) {
const {
url,
title,
@@ -10907,123 +13279,74 @@
align
} = attributes;
const style = backgroundImageStyles(url);
- const classes = classnames_default()('wp-block-cover-image', dimRatioToClassV1(dimRatio), {
+ const classes = dist_clsx('wp-block-cover-image', dimRatioToClassV1(dimRatio), {
'has-background-dim': dimRatio !== 0,
'has-parallax': hasParallax
}, align ? `align${align}` : null);
- return (0,external_wp_element_namespaceObject.createElement)("section", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("section", {
className: classes,
- style: style
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "h2",
- value: title
- }));
- },
-
+ style: style,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "h2",
+ value: title
+ })
+ });
+ },
migrate(attributes) {
- const newAttribs = { ...attributes,
- dimRatio: !attributes.url ? 100 : attributes.dimRatio
- };
- return [(0,external_lodash_namespaceObject.omit)(newAttribs, ['title', 'contentAlign', 'align']), [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ const newAttribs = {
+ ...attributes,
+ dimRatio: !attributes.url ? 100 : attributes.dimRatio,
+ tagName: !attributes.tagName ? 'div' : attributes.tagName
+ };
+ const {
+ title,
+ contentAlign,
+ align,
+ ...restAttributes
+ } = newAttribs;
+ return [restAttributes, [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
content: attributes.title,
align: attributes.contentAlign,
fontSize: 'large',
placeholder: (0,external_wp_i18n_namespaceObject.__)('Write title…')
})]];
}
-
-};
-/* harmony default export */ var cover_deprecated = ([v9, v8, v7, v6, v5, v4, v3, v2, cover_deprecated_v1]);
-
-// EXTERNAL MODULE: ./node_modules/fast-average-color/dist/index.js
-var dist = __webpack_require__(5027);
-var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
-;// CONCATENATED MODULE: ./node_modules/colord/index.mjs
-var r={grad:.9,turn:360,rad:360/(2*Math.PI)},t=function(r){return"string"==typeof r?r.length>0:"number"==typeof r},n=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*r)/n+0},e=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),r>n?n:r>t?r:t},u=function(r){return(r=isFinite(r)?r%360:0)>0?r:r+360},a=function(r){return{r:e(r.r,0,255),g:e(r.g,0,255),b:e(r.b,0,255),a:e(r.a)}},o=function(r){return{r:n(r.r),g:n(r.g),b:n(r.b),a:n(r.a,3)}},i=/^#([0-9a-f]{3,8})$/i,s=function(r){var t=r.toString(16);return t.length<2?"0"+t:t},h=function(r){var t=r.r,n=r.g,e=r.b,u=r.a,a=Math.max(t,n,e),o=a-Math.min(t,n,e),i=o?a===t?(n-e)/o:a===n?2+(e-t)/o:4+(t-n)/o:0;return{h:60*(i<0?i+6:i),s:a?o/a*100:0,v:a/255*100,a:u}},b=function(r){var t=r.h,n=r.s,e=r.v,u=r.a;t=t/360*6,n/=100,e/=100;var a=Math.floor(t),o=e*(1-n),i=e*(1-(t-a)*n),s=e*(1-(1-t+a)*n),h=a%6;return{r:255*[e,i,o,o,s,e][h],g:255*[s,e,e,i,o,o][h],b:255*[o,o,s,e,e,i][h],a:u}},g=function(r){return{h:u(r.h),s:e(r.s,0,100),l:e(r.l,0,100),a:e(r.a)}},d=function(r){return{h:n(r.h),s:n(r.s),l:n(r.l),a:n(r.a,3)}},f=function(r){return b((n=(t=r).s,{h:t.h,s:(n*=((e=t.l)<50?e:100-e)/100)>0?2*n/(e+n)*100:0,v:e+n,a:t.a}));var t,n,e},c=function(r){return{h:(t=h(r)).h,s:(u=(200-(n=t.s))*(e=t.v)/100)>0&&u<200?n*e/100/(u<=100?u:200-u)*100:0,l:u/2,a:t.a};var t,n,e,u},l=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,p=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,v=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,m=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,y={string:[[function(r){var t=i.exec(r);return t?(r=t[1]).length<=4?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:4===r.length?n(parseInt(r[3]+r[3],16)/255,2):1}:6===r.length||8===r.length?{r:parseInt(r.substr(0,2),16),g:parseInt(r.substr(2,2),16),b:parseInt(r.substr(4,2),16),a:8===r.length?n(parseInt(r.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(r){var t=v.exec(r)||m.exec(r);return t?t[2]!==t[4]||t[4]!==t[6]?null:a({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(t){var n=l.exec(t)||p.exec(t);if(!n)return null;var e,u,a=g({h:(e=n[1],u=n[2],void 0===u&&(u="deg"),Number(e)*(r[u]||1)),s:Number(n[3]),l:Number(n[4]),a:void 0===n[5]?1:Number(n[5])/(n[6]?100:1)});return f(a)},"hsl"]],object:[[function(r){var n=r.r,e=r.g,u=r.b,o=r.a,i=void 0===o?1:o;return t(n)&&t(e)&&t(u)?a({r:Number(n),g:Number(e),b:Number(u),a:Number(i)}):null},"rgb"],[function(r){var n=r.h,e=r.s,u=r.l,a=r.a,o=void 0===a?1:a;if(!t(n)||!t(e)||!t(u))return null;var i=g({h:Number(n),s:Number(e),l:Number(u),a:Number(o)});return f(i)},"hsl"],[function(r){var n=r.h,a=r.s,o=r.v,i=r.a,s=void 0===i?1:i;if(!t(n)||!t(a)||!t(o))return null;var h=function(r){return{h:u(r.h),s:e(r.s,0,100),v:e(r.v,0,100),a:e(r.a)}}({h:Number(n),s:Number(a),v:Number(o),a:Number(s)});return b(h)},"hsv"]]},N=function(r,t){for(var n=0;n<t.length;n++){var e=t[n][0](r);if(e)return[e,t[n][1]]}return[null,void 0]},x=function(r){return"string"==typeof r?N(r.trim(),y.string):"object"==typeof r&&null!==r?N(r,y.object):[null,void 0]},I=function(r){return x(r)[1]},M=function(r,t){var n=c(r);return{h:n.h,s:e(n.s+100*t,0,100),l:n.l,a:n.a}},H=function(r){return(299*r.r+587*r.g+114*r.b)/1e3/255},$=function(r,t){var n=c(r);return{h:n.h,s:n.s,l:e(n.l+100*t,0,100),a:n.a}},j=function(){function r(r){this.parsed=x(r)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return r.prototype.isValid=function(){return null!==this.parsed},r.prototype.brightness=function(){return n(H(this.rgba),2)},r.prototype.isDark=function(){return H(this.rgba)<.5},r.prototype.isLight=function(){return H(this.rgba)>=.5},r.prototype.toHex=function(){return r=o(this.rgba),t=r.r,e=r.g,u=r.b,i=(a=r.a)<1?s(n(255*a)):"","#"+s(t)+s(e)+s(u)+i;var r,t,e,u,a,i},r.prototype.toRgb=function(){return o(this.rgba)},r.prototype.toRgbString=function(){return r=o(this.rgba),t=r.r,n=r.g,e=r.b,(u=r.a)<1?"rgba("+t+", "+n+", "+e+", "+u+")":"rgb("+t+", "+n+", "+e+")";var r,t,n,e,u},r.prototype.toHsl=function(){return d(c(this.rgba))},r.prototype.toHslString=function(){return r=d(c(this.rgba)),t=r.h,n=r.s,e=r.l,(u=r.a)<1?"hsla("+t+", "+n+"%, "+e+"%, "+u+")":"hsl("+t+", "+n+"%, "+e+"%)";var r,t,n,e,u},r.prototype.toHsv=function(){return r=h(this.rgba),{h:n(r.h),s:n(r.s),v:n(r.v),a:n(r.a,3)};var r},r.prototype.invert=function(){return w({r:255-(r=this.rgba).r,g:255-r.g,b:255-r.b,a:r.a});var r},r.prototype.saturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,r))},r.prototype.desaturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,-r))},r.prototype.grayscale=function(){return w(M(this.rgba,-1))},r.prototype.lighten=function(r){return void 0===r&&(r=.1),w($(this.rgba,r))},r.prototype.darken=function(r){return void 0===r&&(r=.1),w($(this.rgba,-r))},r.prototype.rotate=function(r){return void 0===r&&(r=15),this.hue(this.hue()+r)},r.prototype.alpha=function(r){return"number"==typeof r?w({r:(t=this.rgba).r,g:t.g,b:t.b,a:r}):n(this.rgba.a,3);var t},r.prototype.hue=function(r){var t=c(this.rgba);return"number"==typeof r?w({h:r,s:t.s,l:t.l,a:t.a}):n(t.h)},r.prototype.isEqual=function(r){return this.toHex()===w(r).toHex()},r}(),w=function(r){return r instanceof j?r:new j(r)},S=[],k=function(r){r.forEach(function(r){S.indexOf(r)<0&&(r(j,y),S.push(r))})},E=function(){return new j({r:255*Math.random(),g:255*Math.random(),b:255*Math.random()})};
-
-;// CONCATENATED MODULE: ./node_modules/colord/plugins/names.mjs
-/* harmony default export */ function names(e,f){var a={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},r={};for(var d in a)r[a[d]]=d;var l={};e.prototype.toName=function(f){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var d,i,n=r[this.toHex()];if(n)return n;if(null==f?void 0:f.closest){var o=this.toRgb(),t=1/0,b="black";if(!l.length)for(var c in a)l[c]=new e(a[c]).toRgb();for(var g in a){var u=(d=o,i=l[g],Math.pow(d.r-i.r,2)+Math.pow(d.g-i.g,2)+Math.pow(d.b-i.b,2));u<t&&(t=u,b=g)}return b}};f.string.push([function(f){var r=f.toLowerCase(),d="transparent"===r?"#0000":a[r];return d?new e(d).toRgb():null},"name"])}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-featured-image.js
-
-
-/**
- * WordPress dependencies
- */
-
-const postFeaturedImage = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19 3H5c-.6 0-1 .4-1 1v7c0 .5.4 1 1 1h14c.5 0 1-.4 1-1V4c0-.6-.4-1-1-1zM5.5 10.5v-.4l1.8-1.3 1.3.8c.3.2.7.2.9-.1L11 8.1l2.4 2.4H5.5zm13 0h-2.9l-4-4c-.3-.3-.8-.3-1.1 0L8.9 8l-1.2-.8c-.3-.2-.6-.2-.9 0l-1.3 1V4.5h13v6zM4 20h9v-1.5H4V20zm0-4h16v-1.5H4V16z"
-}));
-/* harmony default export */ var post_featured_image = (postFeaturedImage);
-
-;// CONCATENATED MODULE: external ["wp","notices"]
-var external_wp_notices_namespaceObject = window["wp"]["notices"];
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/cover/edit.js
-
-
-
-/**
- * External dependencies
- */
-
-
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-k([names]);
-const {
- __Visualizer: BoxControlVisualizer
-} = external_wp_components_namespaceObject.__experimentalBoxControl;
-
-function getInnerBlocksTemplate(attributes) {
- return [['core/paragraph', {
- align: 'center',
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Write title…'),
- ...attributes
- }]];
-}
-
-function retrieveFastAverageColor() {
- if (!retrieveFastAverageColor.fastAverageColor) {
- retrieveFastAverageColor.fastAverageColor = new (dist_default())();
- }
-
- return retrieveFastAverageColor.fastAverageColor;
-}
-
-function CoverHeightInput(_ref) {
- let {
- onChange,
- onUnitChange,
- unit = 'px',
- value = ''
- } = _ref;
+};
+/* harmony default export */ const cover_deprecated = ([v13, v12, deprecated_v11, deprecated_v10, v9, v8, v7, v6, v5, v4, v3, v2, cover_deprecated_v1]);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/cover/edit/inspector-controls.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+const {
+ cleanEmptyObject: inspector_controls_cleanEmptyObject
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+function CoverHeightInput({
+ onChange,
+ onUnitChange,
+ unit = 'px',
+ value = ''
+}) {
const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(external_wp_components_namespaceObject.__experimentalUnitControl);
const inputId = `block-cover-height-input-${instanceId}`;
const isPx = unit === 'px';
+ const [availableUnits] = (0,external_wp_blockEditor_namespaceObject.useSettings)('spacing.units');
const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({
- availableUnits: (0,external_wp_blockEditor_namespaceObject.useSetting)('spacing.units') || ['px', 'em', 'rem', 'vw', 'vh'],
+ availableUnits: availableUnits || ['px', 'em', 'rem', 'vw', 'vh'],
defaultValues: {
px: 430,
'%': 20,
@@ -11033,163 +13356,383 @@
vh: 50
}
});
-
const handleOnChange = unprocessedValue => {
const inputValue = unprocessedValue !== '' ? parseFloat(unprocessedValue) : undefined;
-
if (isNaN(inputValue) && inputValue !== undefined) {
return;
}
-
onChange(inputValue);
};
-
const computedValue = (0,external_wp_element_namespaceObject.useMemo)(() => {
const [parsedQuantity] = (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(value);
return [parsedQuantity, unit].join('');
}, [unit, value]);
const min = isPx ? COVER_MIN_HEIGHT : 0;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalUnitControl, {
label: (0,external_wp_i18n_namespaceObject.__)('Minimum height of cover'),
- id: inputId
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, {
id: inputId,
isResetValueOnUnitChange: true,
min: min,
onChange: handleOnChange,
onUnitChange: onUnitChange,
- style: {
- maxWidth: 80
- },
+ __unstableInputWidth: "80px",
units: units,
value: computedValue
- }));
-}
-
-const RESIZABLE_BOX_ENABLE_OPTION = {
- top: false,
- right: false,
- bottom: true,
- left: false,
- topRight: false,
- bottomRight: false,
- bottomLeft: false,
- topLeft: false
-};
-
-function ResizableCover(_ref2) {
- let {
- className,
- onResizeStart,
- onResize,
- onResizeStop,
- ...props
- } = _ref2;
- const [isResizing, setIsResizing] = (0,external_wp_element_namespaceObject.useState)(false);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ResizableBox, _extends({
- className: classnames_default()(className, {
- 'is-resizing': isResizing
- }),
- enable: RESIZABLE_BOX_ENABLE_OPTION,
- onResizeStart: (_event, _direction, elt) => {
- onResizeStart(elt.clientHeight);
- onResize(elt.clientHeight);
- },
- onResize: (_event, _direction, elt) => {
- onResize(elt.clientHeight);
-
- if (!isResizing) {
- setIsResizing(true);
- }
- },
- onResizeStop: (_event, _direction, elt) => {
- onResizeStop(elt.clientHeight);
- setIsResizing(false);
- }
- }, props));
-}
-/**
- * useCoverIsDark is a hook that returns a boolean variable specifying if the cover
- * background is dark or not.
- *
- * @param {?string} url Url of the media background.
- * @param {?number} dimRatio Transparency of the overlay color. If an image and
- * color are set, dimRatio is used to decide what is used
- * for background darkness checking purposes.
- * @param {?string} overlayColor String containing the overlay color value if one exists.
- * @param {?Object} elementRef If a media background is set, elementRef should contain a reference to a
- * dom element that renders that media.
- *
- * @return {boolean} True if the cover background is considered "dark" and false otherwise.
- */
-
-
-function useCoverIsDark(url) {
- let dimRatio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 50;
- let overlayColor = arguments.length > 2 ? arguments[2] : undefined;
- let elementRef = arguments.length > 3 ? arguments[3] : undefined;
- const [isDark, setIsDark] = (0,external_wp_element_namespaceObject.useState)(false);
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- // If opacity is lower than 50 the dominant color is the image or video color,
- // so use that color for the dark mode computation.
- if (url && dimRatio <= 50 && elementRef.current) {
- retrieveFastAverageColor().getColorAsync(elementRef.current, color => {
- setIsDark(color.isDark);
- });
- }
- }, [url, url && dimRatio <= 50 && elementRef.current, setIsDark]);
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- // If opacity is greater than 50 the dominant color is the overlay color,
- // so use that color for the dark mode computation.
- if (dimRatio > 50 || !url) {
- if (!overlayColor) {
- // If no overlay color exists the overlay color is black (isDark )
- setIsDark(true);
- return;
- }
-
- setIsDark(w(overlayColor).isDark());
- }
- }, [overlayColor, dimRatio > 50 || !url, setIsDark]);
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (!url && !overlayColor) {
- // Reset isDark.
- setIsDark(false);
- }
- }, [!url && !overlayColor, setIsDark]);
- return isDark;
-}
-
-function mediaPosition(_ref3) {
- let {
- x,
- y
- } = _ref3;
- return `${Math.round(x * 100)}% ${Math.round(y * 100)}%`;
-}
-/**
- * Is the URL a temporary blob URL? A blob URL is one that is used temporarily while
- * the media (image or video) is being uploaded and will not have an id allocated yet.
- *
- * @param {number} id The id of the media.
- * @param {string} url The url of the media.
- *
- * @return {boolean} Is the URL a Blob URL.
- */
-
-
-const isTemporaryMedia = (id, url) => !id && (0,external_wp_blob_namespaceObject.isBlobURL)(url);
-
-function CoverPlaceholder(_ref4) {
- let {
- disableMediaButtons = false,
- children,
- onSelectMedia,
- onError,
- style
- } = _ref4;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+ });
+}
+function CoverInspectorControls({
+ attributes,
+ setAttributes,
+ clientId,
+ setOverlayColor,
+ coverRef,
+ currentSettings,
+ updateDimRatio,
+ onClearMedia
+}) {
+ const {
+ useFeaturedImage,
+ dimRatio,
+ focalPoint,
+ hasParallax,
+ isRepeated,
+ minHeight,
+ minHeightUnit,
+ alt,
+ tagName
+ } = attributes;
+ const {
+ isVideoBackground,
+ isImageBackground,
+ mediaElement,
+ url,
+ overlayColor
+ } = currentSettings;
+ const {
+ gradientValue,
+ setGradient
+ } = (0,external_wp_blockEditor_namespaceObject.__experimentalUseGradient)();
+ const toggleParallax = () => {
+ setAttributes({
+ hasParallax: !hasParallax,
+ ...(!hasParallax ? {
+ focalPoint: undefined
+ } : {})
+ });
+ };
+ const toggleIsRepeated = () => {
+ setAttributes({
+ isRepeated: !isRepeated
+ });
+ };
+ const showFocalPointPicker = isVideoBackground || isImageBackground && (!hasParallax || isRepeated);
+ const imperativeFocalPointPreview = value => {
+ const [styleOfRef, property] = mediaElement.current ? [mediaElement.current.style, 'objectPosition'] : [coverRef.current.style, 'backgroundPosition'];
+ styleOfRef[property] = mediaPosition(value);
+ };
+ const colorGradientSettings = (0,external_wp_blockEditor_namespaceObject.__experimentalUseMultipleOriginColorsAndGradients)();
+ const htmlElementMessages = {
+ header: (0,external_wp_i18n_namespaceObject.__)('The <header> element should represent introductory content, typically a group of introductory or navigational aids.'),
+ main: (0,external_wp_i18n_namespaceObject.__)('The <main> element should be used for the primary content of your document only.'),
+ section: (0,external_wp_i18n_namespaceObject.__)("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
+ article: (0,external_wp_i18n_namespaceObject.__)('The <article> element should represent a self-contained, syndicatable portion of the document.'),
+ aside: (0,external_wp_i18n_namespaceObject.__)("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content."),
+ footer: (0,external_wp_i18n_namespaceObject.__)('The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).')
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: !!url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [isImageBackground && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Fixed background'),
+ checked: hasParallax,
+ onChange: toggleParallax
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Repeated background'),
+ checked: isRepeated,
+ onChange: toggleIsRepeated
+ })]
+ }), showFocalPointPicker && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FocalPointPicker, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Focal point'),
+ url: url,
+ value: focalPoint,
+ onDragStart: imperativeFocalPointPreview,
+ onDrag: imperativeFocalPointPreview,
+ onChange: newFocalPoint => setAttributes({
+ focalPoint: newFocalPoint
+ })
+ }), !useFeaturedImage && url && !isVideoBackground && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextareaControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Alternative text'),
+ value: alt,
+ onChange: newAlt => setAttributes({
+ alt: newAlt
+ }),
+ help: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ExternalLink, {
+ href:
+ // translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.
+ (0,external_wp_i18n_namespaceObject.__)('https://www.w3.org/WAI/tutorials/images/decision-tree/'),
+ children: (0,external_wp_i18n_namespaceObject.__)('Describe the purpose of the image.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("br", {}), (0,external_wp_i18n_namespaceObject.__)('Leave empty if decorative.')]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelRow, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "secondary",
+ size: "small",
+ className: "block-library-cover__reset-button",
+ onClick: onClearMedia,
+ children: (0,external_wp_i18n_namespaceObject.__)('Clear Media')
+ })
+ })]
+ })
+ }), colorGradientSettings.hasColorsOrGradients && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "color",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalColorGradientSettingsDropdown, {
+ __experimentalIsRenderedInSidebar: true,
+ settings: [{
+ colorValue: overlayColor.color,
+ gradientValue,
+ label: (0,external_wp_i18n_namespaceObject.__)('Overlay'),
+ onColorChange: setOverlayColor,
+ onGradientChange: setGradient,
+ isShownByDefault: true,
+ resetAllFilter: () => ({
+ overlayColor: undefined,
+ customOverlayColor: undefined,
+ gradient: undefined,
+ customGradient: undefined
+ })
+ }],
+ panelId: clientId,
+ ...colorGradientSettings
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ hasValue: () => {
+ // If there's a media background the dimRatio will be
+ // defaulted to 50 whereas it will be 100 for colors.
+ return dimRatio === undefined ? false : dimRatio !== (url ? 50 : 100);
+ },
+ label: (0,external_wp_i18n_namespaceObject.__)('Overlay opacity'),
+ onDeselect: () => updateDimRatio(url ? 50 : 100),
+ resetAllFilter: () => ({
+ dimRatio: url ? 50 : 100
+ }),
+ isShownByDefault: true,
+ panelId: clientId,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Overlay opacity'),
+ value: dimRatio,
+ onChange: newDimRatio => updateDimRatio(newDimRatio),
+ min: 0,
+ max: 100,
+ step: 10,
+ required: true,
+ __next40pxDefaultSize: true
+ })
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "dimensions",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ hasValue: () => !!minHeight,
+ label: (0,external_wp_i18n_namespaceObject.__)('Minimum height'),
+ onDeselect: () => setAttributes({
+ minHeight: undefined,
+ minHeightUnit: undefined
+ }),
+ resetAllFilter: () => ({
+ minHeight: undefined,
+ minHeightUnit: undefined
+ }),
+ isShownByDefault: true,
+ panelId: clientId,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CoverHeightInput, {
+ value: attributes?.style?.dimensions?.aspectRatio ? '' : minHeight,
+ unit: minHeightUnit,
+ onChange: newMinHeight => setAttributes({
+ minHeight: newMinHeight,
+ style: inspector_controls_cleanEmptyObject({
+ ...attributes?.style,
+ dimensions: {
+ ...attributes?.style?.dimensions,
+ aspectRatio: undefined // Reset aspect ratio when minHeight is set.
+ }
+ })
+ }),
+ onUnitChange: nextUnit => setAttributes({
+ minHeightUnit: nextUnit
+ })
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('HTML element'),
+ options: [{
+ label: (0,external_wp_i18n_namespaceObject.__)('Default (<div>)'),
+ value: 'div'
+ }, {
+ label: '<header>',
+ value: 'header'
+ }, {
+ label: '<main>',
+ value: 'main'
+ }, {
+ label: '<section>',
+ value: 'section'
+ }, {
+ label: '<article>',
+ value: 'article'
+ }, {
+ label: '<aside>',
+ value: 'aside'
+ }, {
+ label: '<footer>',
+ value: 'footer'
+ }],
+ value: tagName,
+ onChange: value => setAttributes({
+ tagName: value
+ }),
+ help: htmlElementMessages[tagName]
+ })
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/cover/edit/block-controls.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+const {
+ cleanEmptyObject: block_controls_cleanEmptyObject
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+function CoverBlockControls({
+ attributes,
+ setAttributes,
+ onSelectMedia,
+ currentSettings,
+ toggleUseFeaturedImage
+}) {
+ const {
+ contentPosition,
+ id,
+ useFeaturedImage,
+ minHeight,
+ minHeightUnit
+ } = attributes;
+ const {
+ hasInnerBlocks,
+ url
+ } = currentSettings;
+ const [prevMinHeightValue, setPrevMinHeightValue] = (0,external_wp_element_namespaceObject.useState)(minHeight);
+ const [prevMinHeightUnit, setPrevMinHeightUnit] = (0,external_wp_element_namespaceObject.useState)(minHeightUnit);
+ const isMinFullHeight = minHeightUnit === 'vh' && minHeight === 100 && !attributes?.style?.dimensions?.aspectRatio;
+ const toggleMinFullHeight = () => {
+ if (isMinFullHeight) {
+ // If there aren't previous values, take the default ones.
+ if (prevMinHeightUnit === 'vh' && prevMinHeightValue === 100) {
+ return setAttributes({
+ minHeight: undefined,
+ minHeightUnit: undefined
+ });
+ }
+
+ // Set the previous values of height.
+ return setAttributes({
+ minHeight: prevMinHeightValue,
+ minHeightUnit: prevMinHeightUnit
+ });
+ }
+ setPrevMinHeightValue(minHeight);
+ setPrevMinHeightUnit(minHeightUnit);
+
+ // Set full height, and clear any aspect ratio value.
+ return setAttributes({
+ minHeight: 100,
+ minHeightUnit: 'vh',
+ style: block_controls_cleanEmptyObject({
+ ...attributes?.style,
+ dimensions: {
+ ...attributes?.style?.dimensions,
+ aspectRatio: undefined // Reset aspect ratio when minHeight is set.
+ }
+ })
+ });
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalBlockAlignmentMatrixControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Change content position'),
+ value: contentPosition,
+ onChange: nextPosition => setAttributes({
+ contentPosition: nextPosition
+ }),
+ isDisabled: !hasInnerBlocks
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalBlockFullHeightAligmentControl, {
+ isActive: isMinFullHeight,
+ onToggle: toggleMinFullHeight,
+ isDisabled: !hasInnerBlocks
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
+ mediaId: id,
+ mediaURL: url,
+ allowedTypes: shared_ALLOWED_MEDIA_TYPES,
+ accept: "image/*,video/*",
+ onSelect: onSelectMedia,
+ onToggleFeaturedImage: toggleUseFeaturedImage,
+ useFeaturedImage: useFeaturedImage,
+ name: !url ? (0,external_wp_i18n_namespaceObject.__)('Add Media') : (0,external_wp_i18n_namespaceObject.__)('Replace')
+ })
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/cover/edit/cover-placeholder.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+function CoverPlaceholder({
+ disableMediaButtons = false,
+ children,
+ onSelectMedia,
+ onError,
+ style,
+ toggleUseFeaturedImage
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
icon: library_cover
}),
labels: {
@@ -11200,30 +13743,800 @@
accept: "image/*,video/*",
allowedTypes: shared_ALLOWED_MEDIA_TYPES,
disableMediaButtons: disableMediaButtons,
+ onToggleFeaturedImage: toggleUseFeaturedImage,
onError: onError,
- style: style
- }, children);
-}
-
-function CoverEdit(_ref5) {
- var _useSetting, _styleAttribute$spaci, _styleAttribute$visua;
-
- let {
- attributes,
- clientId,
- isSelected,
- overlayColor,
- setAttributes,
- setOverlayColor,
- toggleSelection,
- context: {
- postId,
- postType
- }
- } = _ref5;
+ style: style,
+ children: children
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/cover/edit/resizable-cover-popover.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+const RESIZABLE_BOX_ENABLE_OPTION = {
+ top: false,
+ right: false,
+ bottom: true,
+ left: false,
+ topRight: false,
+ bottomRight: false,
+ bottomLeft: false,
+ topLeft: false
+};
+const {
+ ResizableBoxPopover
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+function ResizableCoverPopover({
+ className,
+ height,
+ minHeight,
+ onResize,
+ onResizeStart,
+ onResizeStop,
+ showHandle,
+ size,
+ width,
+ ...props
+}) {
+ const [isResizing, setIsResizing] = (0,external_wp_element_namespaceObject.useState)(false);
+ const resizableBoxProps = {
+ className: dist_clsx(className, {
+ 'is-resizing': isResizing
+ }),
+ enable: RESIZABLE_BOX_ENABLE_OPTION,
+ onResizeStart: (_event, _direction, elt) => {
+ onResizeStart(elt.clientHeight);
+ onResize(elt.clientHeight);
+ },
+ onResize: (_event, _direction, elt) => {
+ onResize(elt.clientHeight);
+ if (!isResizing) {
+ setIsResizing(true);
+ }
+ },
+ onResizeStop: (_event, _direction, elt) => {
+ onResizeStop(elt.clientHeight);
+ setIsResizing(false);
+ },
+ showHandle,
+ size,
+ __experimentalShowTooltip: true,
+ __experimentalTooltipProps: {
+ axis: 'y',
+ position: 'bottom',
+ isVisible: isResizing
+ }
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResizableBoxPopover, {
+ className: "block-library-cover__resizable-box-popover",
+ resizableBoxProps: resizableBoxProps,
+ ...props
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/colord/index.mjs
+var colord_r={grad:.9,turn:360,rad:360/(2*Math.PI)},t=function(r){return"string"==typeof r?r.length>0:"number"==typeof r},n=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=Math.pow(10,t)),Math.round(n*r)/n+0},e=function(r,t,n){return void 0===t&&(t=0),void 0===n&&(n=1),r>n?n:r>t?r:t},u=function(r){return(r=isFinite(r)?r%360:0)>0?r:r+360},a=function(r){return{r:e(r.r,0,255),g:e(r.g,0,255),b:e(r.b,0,255),a:e(r.a)}},o=function(r){return{r:n(r.r),g:n(r.g),b:n(r.b),a:n(r.a,3)}},i=/^#([0-9a-f]{3,8})$/i,s=function(r){var t=r.toString(16);return t.length<2?"0"+t:t},h=function(r){var t=r.r,n=r.g,e=r.b,u=r.a,a=Math.max(t,n,e),o=a-Math.min(t,n,e),i=o?a===t?(n-e)/o:a===n?2+(e-t)/o:4+(t-n)/o:0;return{h:60*(i<0?i+6:i),s:a?o/a*100:0,v:a/255*100,a:u}},b=function(r){var t=r.h,n=r.s,e=r.v,u=r.a;t=t/360*6,n/=100,e/=100;var a=Math.floor(t),o=e*(1-n),i=e*(1-(t-a)*n),s=e*(1-(1-t+a)*n),h=a%6;return{r:255*[e,i,o,o,s,e][h],g:255*[s,e,e,i,o,o][h],b:255*[o,o,s,e,e,i][h],a:u}},g=function(r){return{h:u(r.h),s:e(r.s,0,100),l:e(r.l,0,100),a:e(r.a)}},d=function(r){return{h:n(r.h),s:n(r.s),l:n(r.l),a:n(r.a,3)}},f=function(r){return b((n=(t=r).s,{h:t.h,s:(n*=((e=t.l)<50?e:100-e)/100)>0?2*n/(e+n)*100:0,v:e+n,a:t.a}));var t,n,e},c=function(r){return{h:(t=h(r)).h,s:(u=(200-(n=t.s))*(e=t.v)/100)>0&&u<200?n*e/100/(u<=100?u:200-u)*100:0,l:u/2,a:t.a};var t,n,e,u},l=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s*,\s*([+-]?\d*\.?\d+)%\s*,\s*([+-]?\d*\.?\d+)%\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,p=/^hsla?\(\s*([+-]?\d*\.?\d+)(deg|rad|grad|turn)?\s+([+-]?\d*\.?\d+)%\s+([+-]?\d*\.?\d+)%\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,v=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*,\s*([+-]?\d*\.?\d+)(%)?\s*(?:,\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,m=/^rgba?\(\s*([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s+([+-]?\d*\.?\d+)(%)?\s*(?:\/\s*([+-]?\d*\.?\d+)(%)?\s*)?\)$/i,y={string:[[function(r){var t=i.exec(r);return t?(r=t[1]).length<=4?{r:parseInt(r[0]+r[0],16),g:parseInt(r[1]+r[1],16),b:parseInt(r[2]+r[2],16),a:4===r.length?n(parseInt(r[3]+r[3],16)/255,2):1}:6===r.length||8===r.length?{r:parseInt(r.substr(0,2),16),g:parseInt(r.substr(2,2),16),b:parseInt(r.substr(4,2),16),a:8===r.length?n(parseInt(r.substr(6,2),16)/255,2):1}:null:null},"hex"],[function(r){var t=v.exec(r)||m.exec(r);return t?t[2]!==t[4]||t[4]!==t[6]?null:a({r:Number(t[1])/(t[2]?100/255:1),g:Number(t[3])/(t[4]?100/255:1),b:Number(t[5])/(t[6]?100/255:1),a:void 0===t[7]?1:Number(t[7])/(t[8]?100:1)}):null},"rgb"],[function(t){var n=l.exec(t)||p.exec(t);if(!n)return null;var e,u,a=g({h:(e=n[1],u=n[2],void 0===u&&(u="deg"),Number(e)*(colord_r[u]||1)),s:Number(n[3]),l:Number(n[4]),a:void 0===n[5]?1:Number(n[5])/(n[6]?100:1)});return f(a)},"hsl"]],object:[[function(r){var n=r.r,e=r.g,u=r.b,o=r.a,i=void 0===o?1:o;return t(n)&&t(e)&&t(u)?a({r:Number(n),g:Number(e),b:Number(u),a:Number(i)}):null},"rgb"],[function(r){var n=r.h,e=r.s,u=r.l,a=r.a,o=void 0===a?1:a;if(!t(n)||!t(e)||!t(u))return null;var i=g({h:Number(n),s:Number(e),l:Number(u),a:Number(o)});return f(i)},"hsl"],[function(r){var n=r.h,a=r.s,o=r.v,i=r.a,s=void 0===i?1:i;if(!t(n)||!t(a)||!t(o))return null;var h=function(r){return{h:u(r.h),s:e(r.s,0,100),v:e(r.v,0,100),a:e(r.a)}}({h:Number(n),s:Number(a),v:Number(o),a:Number(s)});return b(h)},"hsv"]]},N=function(r,t){for(var n=0;n<t.length;n++){var e=t[n][0](r);if(e)return[e,t[n][1]]}return[null,void 0]},x=function(r){return"string"==typeof r?N(r.trim(),y.string):"object"==typeof r&&null!==r?N(r,y.object):[null,void 0]},I=function(r){return x(r)[1]},M=function(r,t){var n=c(r);return{h:n.h,s:e(n.s+100*t,0,100),l:n.l,a:n.a}},H=function(r){return(299*r.r+587*r.g+114*r.b)/1e3/255},$=function(r,t){var n=c(r);return{h:n.h,s:n.s,l:e(n.l+100*t,0,100),a:n.a}},j=function(){function r(r){this.parsed=x(r)[0],this.rgba=this.parsed||{r:0,g:0,b:0,a:1}}return r.prototype.isValid=function(){return null!==this.parsed},r.prototype.brightness=function(){return n(H(this.rgba),2)},r.prototype.isDark=function(){return H(this.rgba)<.5},r.prototype.isLight=function(){return H(this.rgba)>=.5},r.prototype.toHex=function(){return r=o(this.rgba),t=r.r,e=r.g,u=r.b,i=(a=r.a)<1?s(n(255*a)):"","#"+s(t)+s(e)+s(u)+i;var r,t,e,u,a,i},r.prototype.toRgb=function(){return o(this.rgba)},r.prototype.toRgbString=function(){return r=o(this.rgba),t=r.r,n=r.g,e=r.b,(u=r.a)<1?"rgba("+t+", "+n+", "+e+", "+u+")":"rgb("+t+", "+n+", "+e+")";var r,t,n,e,u},r.prototype.toHsl=function(){return d(c(this.rgba))},r.prototype.toHslString=function(){return r=d(c(this.rgba)),t=r.h,n=r.s,e=r.l,(u=r.a)<1?"hsla("+t+", "+n+"%, "+e+"%, "+u+")":"hsl("+t+", "+n+"%, "+e+"%)";var r,t,n,e,u},r.prototype.toHsv=function(){return r=h(this.rgba),{h:n(r.h),s:n(r.s),v:n(r.v),a:n(r.a,3)};var r},r.prototype.invert=function(){return w({r:255-(r=this.rgba).r,g:255-r.g,b:255-r.b,a:r.a});var r},r.prototype.saturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,r))},r.prototype.desaturate=function(r){return void 0===r&&(r=.1),w(M(this.rgba,-r))},r.prototype.grayscale=function(){return w(M(this.rgba,-1))},r.prototype.lighten=function(r){return void 0===r&&(r=.1),w($(this.rgba,r))},r.prototype.darken=function(r){return void 0===r&&(r=.1),w($(this.rgba,-r))},r.prototype.rotate=function(r){return void 0===r&&(r=15),this.hue(this.hue()+r)},r.prototype.alpha=function(r){return"number"==typeof r?w({r:(t=this.rgba).r,g:t.g,b:t.b,a:r}):n(this.rgba.a,3);var t},r.prototype.hue=function(r){var t=c(this.rgba);return"number"==typeof r?w({h:r,s:t.s,l:t.l,a:t.a}):n(t.h)},r.prototype.isEqual=function(r){return this.toHex()===w(r).toHex()},r}(),w=function(r){return r instanceof j?r:new j(r)},S=[],k=function(r){r.forEach(function(r){S.indexOf(r)<0&&(r(j,y),S.push(r))})},E=function(){return new j({r:255*Math.random(),g:255*Math.random(),b:255*Math.random()})};
+
+;// CONCATENATED MODULE: ./node_modules/colord/plugins/names.mjs
+/* harmony default export */ function names(e,f){var a={white:"#ffffff",bisque:"#ffe4c4",blue:"#0000ff",cadetblue:"#5f9ea0",chartreuse:"#7fff00",chocolate:"#d2691e",coral:"#ff7f50",antiquewhite:"#faebd7",aqua:"#00ffff",azure:"#f0ffff",whitesmoke:"#f5f5f5",papayawhip:"#ffefd5",plum:"#dda0dd",blanchedalmond:"#ffebcd",black:"#000000",gold:"#ffd700",goldenrod:"#daa520",gainsboro:"#dcdcdc",cornsilk:"#fff8dc",cornflowerblue:"#6495ed",burlywood:"#deb887",aquamarine:"#7fffd4",beige:"#f5f5dc",crimson:"#dc143c",cyan:"#00ffff",darkblue:"#00008b",darkcyan:"#008b8b",darkgoldenrod:"#b8860b",darkkhaki:"#bdb76b",darkgray:"#a9a9a9",darkgreen:"#006400",darkgrey:"#a9a9a9",peachpuff:"#ffdab9",darkmagenta:"#8b008b",darkred:"#8b0000",darkorchid:"#9932cc",darkorange:"#ff8c00",darkslateblue:"#483d8b",gray:"#808080",darkslategray:"#2f4f4f",darkslategrey:"#2f4f4f",deeppink:"#ff1493",deepskyblue:"#00bfff",wheat:"#f5deb3",firebrick:"#b22222",floralwhite:"#fffaf0",ghostwhite:"#f8f8ff",darkviolet:"#9400d3",magenta:"#ff00ff",green:"#008000",dodgerblue:"#1e90ff",grey:"#808080",honeydew:"#f0fff0",hotpink:"#ff69b4",blueviolet:"#8a2be2",forestgreen:"#228b22",lawngreen:"#7cfc00",indianred:"#cd5c5c",indigo:"#4b0082",fuchsia:"#ff00ff",brown:"#a52a2a",maroon:"#800000",mediumblue:"#0000cd",lightcoral:"#f08080",darkturquoise:"#00ced1",lightcyan:"#e0ffff",ivory:"#fffff0",lightyellow:"#ffffe0",lightsalmon:"#ffa07a",lightseagreen:"#20b2aa",linen:"#faf0e6",mediumaquamarine:"#66cdaa",lemonchiffon:"#fffacd",lime:"#00ff00",khaki:"#f0e68c",mediumseagreen:"#3cb371",limegreen:"#32cd32",mediumspringgreen:"#00fa9a",lightskyblue:"#87cefa",lightblue:"#add8e6",midnightblue:"#191970",lightpink:"#ffb6c1",mistyrose:"#ffe4e1",moccasin:"#ffe4b5",mintcream:"#f5fffa",lightslategray:"#778899",lightslategrey:"#778899",navajowhite:"#ffdead",navy:"#000080",mediumvioletred:"#c71585",powderblue:"#b0e0e6",palegoldenrod:"#eee8aa",oldlace:"#fdf5e6",paleturquoise:"#afeeee",mediumturquoise:"#48d1cc",mediumorchid:"#ba55d3",rebeccapurple:"#663399",lightsteelblue:"#b0c4de",mediumslateblue:"#7b68ee",thistle:"#d8bfd8",tan:"#d2b48c",orchid:"#da70d6",mediumpurple:"#9370db",purple:"#800080",pink:"#ffc0cb",skyblue:"#87ceeb",springgreen:"#00ff7f",palegreen:"#98fb98",red:"#ff0000",yellow:"#ffff00",slateblue:"#6a5acd",lavenderblush:"#fff0f5",peru:"#cd853f",palevioletred:"#db7093",violet:"#ee82ee",teal:"#008080",slategray:"#708090",slategrey:"#708090",aliceblue:"#f0f8ff",darkseagreen:"#8fbc8f",darkolivegreen:"#556b2f",greenyellow:"#adff2f",seagreen:"#2e8b57",seashell:"#fff5ee",tomato:"#ff6347",silver:"#c0c0c0",sienna:"#a0522d",lavender:"#e6e6fa",lightgreen:"#90ee90",orange:"#ffa500",orangered:"#ff4500",steelblue:"#4682b4",royalblue:"#4169e1",turquoise:"#40e0d0",yellowgreen:"#9acd32",salmon:"#fa8072",saddlebrown:"#8b4513",sandybrown:"#f4a460",rosybrown:"#bc8f8f",darksalmon:"#e9967a",lightgoldenrodyellow:"#fafad2",snow:"#fffafa",lightgrey:"#d3d3d3",lightgray:"#d3d3d3",dimgray:"#696969",dimgrey:"#696969",olivedrab:"#6b8e23",olive:"#808000"},r={};for(var d in a)r[a[d]]=d;var l={};e.prototype.toName=function(f){if(!(this.rgba.a||this.rgba.r||this.rgba.g||this.rgba.b))return"transparent";var d,i,n=r[this.toHex()];if(n)return n;if(null==f?void 0:f.closest){var o=this.toRgb(),t=1/0,b="black";if(!l.length)for(var c in a)l[c]=new e(a[c]).toRgb();for(var g in a){var u=(d=o,i=l[g],Math.pow(d.r-i.r,2)+Math.pow(d.g-i.g,2)+Math.pow(d.b-i.b,2));u<t&&(t=u,b=g)}return b}};f.string.push([function(f){var r=f.toLowerCase(),d="transparent"===r?"#0000":a[r];return d?new e(d).toRgb():null},"name"])}
+
+;// CONCATENATED MODULE: ./node_modules/fast-average-color/dist/index.esm.js
+/*! Fast Average Color | © 2022 Denis Seleznev | MIT License | https://github.com/fast-average-color/fast-average-color */
+function toHex(num) {
+ var str = num.toString(16);
+ return str.length === 1 ? '0' + str : str;
+}
+function arrayToHex(arr) {
+ return '#' + arr.map(toHex).join('');
+}
+function isDark(color) {
+ // http://www.w3.org/TR/AERT#color-contrast
+ var result = (color[0] * 299 + color[1] * 587 + color[2] * 114) / 1000;
+ return result < 128;
+}
+function prepareIgnoredColor(color) {
+ if (!color) {
+ return [];
+ }
+ return isRGBArray(color) ? color : [color];
+}
+function isRGBArray(value) {
+ return Array.isArray(value[0]);
+}
+function isIgnoredColor(data, index, ignoredColor) {
+ for (var i = 0; i < ignoredColor.length; i++) {
+ if (isIgnoredColorAsNumbers(data, index, ignoredColor[i])) {
+ return true;
+ }
+ }
+ return false;
+}
+function isIgnoredColorAsNumbers(data, index, ignoredColor) {
+ switch (ignoredColor.length) {
+ case 3:
+ // [red, green, blue]
+ if (isIgnoredRGBColor(data, index, ignoredColor)) {
+ return true;
+ }
+ break;
+ case 4:
+ // [red, green, blue, alpha]
+ if (isIgnoredRGBAColor(data, index, ignoredColor)) {
+ return true;
+ }
+ break;
+ case 5:
+ // [red, green, blue, alpha, threshold]
+ if (isIgnoredRGBAColorWithThreshold(data, index, ignoredColor)) {
+ return true;
+ }
+ break;
+ default:
+ return false;
+ }
+}
+function isIgnoredRGBColor(data, index, ignoredColor) {
+ // Ignore if the pixel are transparent.
+ if (data[index + 3] !== 255) {
+ return true;
+ }
+ if (data[index] === ignoredColor[0] &&
+ data[index + 1] === ignoredColor[1] &&
+ data[index + 2] === ignoredColor[2]) {
+ return true;
+ }
+ return false;
+}
+function isIgnoredRGBAColor(data, index, ignoredColor) {
+ if (data[index + 3] && ignoredColor[3]) {
+ return data[index] === ignoredColor[0] &&
+ data[index + 1] === ignoredColor[1] &&
+ data[index + 2] === ignoredColor[2] &&
+ data[index + 3] === ignoredColor[3];
+ }
+ // Ignore rgb components if the pixel are fully transparent.
+ return data[index + 3] === ignoredColor[3];
+}
+function inRange(colorComponent, ignoredColorComponent, value) {
+ return colorComponent >= (ignoredColorComponent - value) &&
+ colorComponent <= (ignoredColorComponent + value);
+}
+function isIgnoredRGBAColorWithThreshold(data, index, ignoredColor) {
+ var redIgnored = ignoredColor[0];
+ var greenIgnored = ignoredColor[1];
+ var blueIgnored = ignoredColor[2];
+ var alphaIgnored = ignoredColor[3];
+ var threshold = ignoredColor[4];
+ var alphaData = data[index + 3];
+ var alphaInRange = inRange(alphaData, alphaIgnored, threshold);
+ if (!alphaIgnored) {
+ return alphaInRange;
+ }
+ if (!alphaData && alphaInRange) {
+ return true;
+ }
+ if (inRange(data[index], redIgnored, threshold) &&
+ inRange(data[index + 1], greenIgnored, threshold) &&
+ inRange(data[index + 2], blueIgnored, threshold) &&
+ alphaInRange) {
+ return true;
+ }
+ return false;
+}
+
+function dominantAlgorithm(arr, len, options) {
+ var colorHash = {};
+ var divider = 24;
+ var ignoredColor = options.ignoredColor;
+ var step = options.step;
+ var max = [0, 0, 0, 0, 0];
+ for (var i = 0; i < len; i += step) {
+ var red = arr[i];
+ var green = arr[i + 1];
+ var blue = arr[i + 2];
+ var alpha = arr[i + 3];
+ if (ignoredColor && isIgnoredColor(arr, i, ignoredColor)) {
+ continue;
+ }
+ var key = Math.round(red / divider) + ',' +
+ Math.round(green / divider) + ',' +
+ Math.round(blue / divider);
+ if (colorHash[key]) {
+ colorHash[key] = [
+ colorHash[key][0] + red * alpha,
+ colorHash[key][1] + green * alpha,
+ colorHash[key][2] + blue * alpha,
+ colorHash[key][3] + alpha,
+ colorHash[key][4] + 1
+ ];
+ }
+ else {
+ colorHash[key] = [red * alpha, green * alpha, blue * alpha, alpha, 1];
+ }
+ if (max[4] < colorHash[key][4]) {
+ max = colorHash[key];
+ }
+ }
+ var redTotal = max[0];
+ var greenTotal = max[1];
+ var blueTotal = max[2];
+ var alphaTotal = max[3];
+ var count = max[4];
+ return alphaTotal ? [
+ Math.round(redTotal / alphaTotal),
+ Math.round(greenTotal / alphaTotal),
+ Math.round(blueTotal / alphaTotal),
+ Math.round(alphaTotal / count)
+ ] : options.defaultColor;
+}
+
+function simpleAlgorithm(arr, len, options) {
+ var redTotal = 0;
+ var greenTotal = 0;
+ var blueTotal = 0;
+ var alphaTotal = 0;
+ var count = 0;
+ var ignoredColor = options.ignoredColor;
+ var step = options.step;
+ for (var i = 0; i < len; i += step) {
+ var alpha = arr[i + 3];
+ var red = arr[i] * alpha;
+ var green = arr[i + 1] * alpha;
+ var blue = arr[i + 2] * alpha;
+ if (ignoredColor && isIgnoredColor(arr, i, ignoredColor)) {
+ continue;
+ }
+ redTotal += red;
+ greenTotal += green;
+ blueTotal += blue;
+ alphaTotal += alpha;
+ count++;
+ }
+ return alphaTotal ? [
+ Math.round(redTotal / alphaTotal),
+ Math.round(greenTotal / alphaTotal),
+ Math.round(blueTotal / alphaTotal),
+ Math.round(alphaTotal / count)
+ ] : options.defaultColor;
+}
+
+function sqrtAlgorithm(arr, len, options) {
+ var redTotal = 0;
+ var greenTotal = 0;
+ var blueTotal = 0;
+ var alphaTotal = 0;
+ var count = 0;
+ var ignoredColor = options.ignoredColor;
+ var step = options.step;
+ for (var i = 0; i < len; i += step) {
+ var red = arr[i];
+ var green = arr[i + 1];
+ var blue = arr[i + 2];
+ var alpha = arr[i + 3];
+ if (ignoredColor && isIgnoredColor(arr, i, ignoredColor)) {
+ continue;
+ }
+ redTotal += red * red * alpha;
+ greenTotal += green * green * alpha;
+ blueTotal += blue * blue * alpha;
+ alphaTotal += alpha;
+ count++;
+ }
+ return alphaTotal ? [
+ Math.round(Math.sqrt(redTotal / alphaTotal)),
+ Math.round(Math.sqrt(greenTotal / alphaTotal)),
+ Math.round(Math.sqrt(blueTotal / alphaTotal)),
+ Math.round(alphaTotal / count)
+ ] : options.defaultColor;
+}
+
+function getDefaultColor(options) {
+ return getOption(options, 'defaultColor', [0, 0, 0, 0]);
+}
+function getOption(options, name, defaultValue) {
+ return (options[name] === undefined ? defaultValue : options[name]);
+}
+
+var MIN_SIZE = 10;
+var MAX_SIZE = 100;
+function isSvg(filename) {
+ return filename.search(/\.svg(\?|$)/i) !== -1;
+}
+function getOriginalSize(resource) {
+ if (isInstanceOfHTMLImageElement(resource)) {
+ var width = resource.naturalWidth;
+ var height = resource.naturalHeight;
+ // For SVG images with only viewBox attribute
+ if (!resource.naturalWidth && isSvg(resource.src)) {
+ width = height = MAX_SIZE;
+ }
+ return {
+ width: width,
+ height: height,
+ };
+ }
+ if (isInstanceOfHTMLVideoElement(resource)) {
+ return {
+ width: resource.videoWidth,
+ height: resource.videoHeight
+ };
+ }
+ return {
+ width: resource.width,
+ height: resource.height
+ };
+}
+function getSrc(resource) {
+ if (isInstanceOfHTMLCanvasElement(resource)) {
+ return 'canvas';
+ }
+ if (isInstanceOfOffscreenCanvas(resource)) {
+ return 'offscreencanvas';
+ }
+ if (isInstanceOfImageBitmap(resource)) {
+ return 'imagebitmap';
+ }
+ return resource.src;
+}
+function isInstanceOfHTMLImageElement(resource) {
+ return typeof HTMLImageElement !== 'undefined' && resource instanceof HTMLImageElement;
+}
+var hasOffscreenCanvas = typeof OffscreenCanvas !== 'undefined';
+function isInstanceOfOffscreenCanvas(resource) {
+ return hasOffscreenCanvas && resource instanceof OffscreenCanvas;
+}
+function isInstanceOfHTMLVideoElement(resource) {
+ return typeof HTMLVideoElement !== 'undefined' && resource instanceof HTMLVideoElement;
+}
+function isInstanceOfHTMLCanvasElement(resource) {
+ return typeof HTMLCanvasElement !== 'undefined' && resource instanceof HTMLCanvasElement;
+}
+function isInstanceOfImageBitmap(resource) {
+ return typeof ImageBitmap !== 'undefined' && resource instanceof ImageBitmap;
+}
+function prepareSizeAndPosition(originalSize, options) {
+ var srcLeft = getOption(options, 'left', 0);
+ var srcTop = getOption(options, 'top', 0);
+ var srcWidth = getOption(options, 'width', originalSize.width);
+ var srcHeight = getOption(options, 'height', originalSize.height);
+ var destWidth = srcWidth;
+ var destHeight = srcHeight;
+ if (options.mode === 'precision') {
+ return {
+ srcLeft: srcLeft,
+ srcTop: srcTop,
+ srcWidth: srcWidth,
+ srcHeight: srcHeight,
+ destWidth: destWidth,
+ destHeight: destHeight
+ };
+ }
+ var factor;
+ if (srcWidth > srcHeight) {
+ factor = srcWidth / srcHeight;
+ destWidth = MAX_SIZE;
+ destHeight = Math.round(destWidth / factor);
+ }
+ else {
+ factor = srcHeight / srcWidth;
+ destHeight = MAX_SIZE;
+ destWidth = Math.round(destHeight / factor);
+ }
+ if (destWidth > srcWidth || destHeight > srcHeight ||
+ destWidth < MIN_SIZE || destHeight < MIN_SIZE) {
+ destWidth = srcWidth;
+ destHeight = srcHeight;
+ }
+ return {
+ srcLeft: srcLeft,
+ srcTop: srcTop,
+ srcWidth: srcWidth,
+ srcHeight: srcHeight,
+ destWidth: destWidth,
+ destHeight: destHeight
+ };
+}
+var isWebWorkers = typeof window === 'undefined';
+function makeCanvas() {
+ if (isWebWorkers) {
+ return hasOffscreenCanvas ? new OffscreenCanvas(1, 1) : null;
+ }
+ return document.createElement('canvas');
+}
+
+var ERROR_PREFIX = 'FastAverageColor: ';
+function getError(message) {
+ return Error(ERROR_PREFIX + message);
+}
+function outputError(error, silent) {
+ if (!silent) {
+ console.error(error);
+ }
+}
+
+var FastAverageColor = /** @class */ (function () {
+ function FastAverageColor() {
+ this.canvas = null;
+ this.ctx = null;
+ }
+ /**
+ * Get asynchronously the average color from not loaded image.
+ */
+ FastAverageColor.prototype.getColorAsync = function (resource, options) {
+ if (!resource) {
+ return Promise.reject(getError('call .getColorAsync() without resource.'));
+ }
+ if (typeof resource === 'string') {
+ // Web workers
+ if (typeof Image === 'undefined') {
+ return Promise.reject(getError('resource as string is not supported in this environment'));
+ }
+ var img = new Image();
+ img.crossOrigin = options && options.crossOrigin || '';
+ img.src = resource;
+ return this.bindImageEvents(img, options);
+ }
+ else if (isInstanceOfHTMLImageElement(resource) && !resource.complete) {
+ return this.bindImageEvents(resource, options);
+ }
+ else {
+ var result = this.getColor(resource, options);
+ return result.error ? Promise.reject(result.error) : Promise.resolve(result);
+ }
+ };
+ /**
+ * Get the average color from images, videos and canvas.
+ */
+ FastAverageColor.prototype.getColor = function (resource, options) {
+ options = options || {};
+ var defaultColor = getDefaultColor(options);
+ if (!resource) {
+ var error = getError('call .getColor(null) without resource');
+ outputError(error, options.silent);
+ return this.prepareResult(defaultColor, error);
+ }
+ var originalSize = getOriginalSize(resource);
+ var size = prepareSizeAndPosition(originalSize, options);
+ if (!size.srcWidth || !size.srcHeight || !size.destWidth || !size.destHeight) {
+ var error = getError("incorrect sizes for resource \"".concat(getSrc(resource), "\""));
+ outputError(error, options.silent);
+ return this.prepareResult(defaultColor, error);
+ }
+ if (!this.canvas) {
+ this.canvas = makeCanvas();
+ if (!this.canvas) {
+ var error = getError('OffscreenCanvas is not supported in this browser');
+ outputError(error, options.silent);
+ return this.prepareResult(defaultColor, error);
+ }
+ }
+ if (!this.ctx) {
+ this.ctx = this.canvas.getContext('2d', { willReadFrequently: true });
+ if (!this.ctx) {
+ var error = getError('Canvas Context 2D is not supported in this browser');
+ outputError(error, options.silent);
+ return this.prepareResult(defaultColor);
+ }
+ this.ctx.imageSmoothingEnabled = false;
+ }
+ this.canvas.width = size.destWidth;
+ this.canvas.height = size.destHeight;
+ try {
+ this.ctx.clearRect(0, 0, size.destWidth, size.destHeight);
+ this.ctx.drawImage(resource, size.srcLeft, size.srcTop, size.srcWidth, size.srcHeight, 0, 0, size.destWidth, size.destHeight);
+ var bitmapData = this.ctx.getImageData(0, 0, size.destWidth, size.destHeight).data;
+ return this.prepareResult(this.getColorFromArray4(bitmapData, options));
+ }
+ catch (originalError) {
+ var error = getError("security error (CORS) for resource ".concat(getSrc(resource), ".\nDetails: https://developer.mozilla.org/en/docs/Web/HTML/CORS_enabled_image"));
+ outputError(error, options.silent);
+ !options.silent && console.error(originalError);
+ return this.prepareResult(defaultColor, error);
+ }
+ };
+ /**
+ * Get the average color from a array when 1 pixel is 4 bytes.
+ */
+ FastAverageColor.prototype.getColorFromArray4 = function (arr, options) {
+ options = options || {};
+ var bytesPerPixel = 4;
+ var arrLength = arr.length;
+ var defaultColor = getDefaultColor(options);
+ if (arrLength < bytesPerPixel) {
+ return defaultColor;
+ }
+ var len = arrLength - arrLength % bytesPerPixel;
+ var step = (options.step || 1) * bytesPerPixel;
+ var algorithm;
+ switch (options.algorithm || 'sqrt') {
+ case 'simple':
+ algorithm = simpleAlgorithm;
+ break;
+ case 'sqrt':
+ algorithm = sqrtAlgorithm;
+ break;
+ case 'dominant':
+ algorithm = dominantAlgorithm;
+ break;
+ default:
+ throw getError("".concat(options.algorithm, " is unknown algorithm"));
+ }
+ return algorithm(arr, len, {
+ defaultColor: defaultColor,
+ ignoredColor: prepareIgnoredColor(options.ignoredColor),
+ step: step
+ });
+ };
+ /**
+ * Get color data from value ([r, g, b, a]).
+ */
+ FastAverageColor.prototype.prepareResult = function (value, error) {
+ var rgb = value.slice(0, 3);
+ var rgba = [value[0], value[1], value[2], value[3] / 255];
+ var isDarkColor = isDark(value);
+ return {
+ value: [value[0], value[1], value[2], value[3]],
+ rgb: 'rgb(' + rgb.join(',') + ')',
+ rgba: 'rgba(' + rgba.join(',') + ')',
+ hex: arrayToHex(rgb),
+ hexa: arrayToHex(value),
+ isDark: isDarkColor,
+ isLight: !isDarkColor,
+ error: error,
+ };
+ };
+ /**
+ * Destroy the instance.
+ */
+ FastAverageColor.prototype.destroy = function () {
+ if (this.canvas) {
+ this.canvas.width = 1;
+ this.canvas.height = 1;
+ this.canvas = null;
+ }
+ this.ctx = null;
+ };
+ FastAverageColor.prototype.bindImageEvents = function (resource, options) {
+ var _this = this;
+ return new Promise(function (resolve, reject) {
+ var onload = function () {
+ unbindEvents();
+ var result = _this.getColor(resource, options);
+ if (result.error) {
+ reject(result.error);
+ }
+ else {
+ resolve(result);
+ }
+ };
+ var onerror = function () {
+ unbindEvents();
+ reject(getError("Error loading image \"".concat(resource.src, "\".")));
+ };
+ var onabort = function () {
+ unbindEvents();
+ reject(getError("Image \"".concat(resource.src, "\" loading aborted")));
+ };
+ var unbindEvents = function () {
+ resource.removeEventListener('load', onload);
+ resource.removeEventListener('error', onerror);
+ resource.removeEventListener('abort', onabort);
+ };
+ resource.addEventListener('load', onload);
+ resource.addEventListener('error', onerror);
+ resource.addEventListener('abort', onabort);
+ });
+ };
+ return FastAverageColor;
+}());
+
+
+
+;// CONCATENATED MODULE: external ["wp","hooks"]
+const external_wp_hooks_namespaceObject = window["wp"]["hooks"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/cover/edit/color-utils.js
+/**
+ * External dependencies
+ */
+
+
+
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * @typedef {import('colord').RgbaColor} RgbaColor
+ */
+
+k([names]);
+
+/**
+ * Fallback color when the average color can't be computed. The image may be
+ * rendering as transparent, and most sites have a light color background.
+ */
+const DEFAULT_BACKGROUND_COLOR = '#FFF';
+
+/**
+ * Default dim color specified in style.css.
+ */
+const DEFAULT_OVERLAY_COLOR = '#000';
+
+/**
+ * Performs a Porter Duff composite source over operation on two rgba colors.
+ *
+ * @see {@link https://www.w3.org/TR/compositing-1/#porterduffcompositingoperators_srcover}
+ *
+ * @param {RgbaColor} source Source color.
+ * @param {RgbaColor} dest Destination color.
+ *
+ * @return {RgbaColor} Composite color.
+ */
+function compositeSourceOver(source, dest) {
+ return {
+ r: source.r * source.a + dest.r * dest.a * (1 - source.a),
+ g: source.g * source.a + dest.g * dest.a * (1 - source.a),
+ b: source.b * source.a + dest.b * dest.a * (1 - source.a),
+ a: source.a + dest.a * (1 - source.a)
+ };
+}
+
+/**
+ * Retrieves the FastAverageColor singleton.
+ *
+ * @return {FastAverageColor} The FastAverageColor singleton.
+ */
+function retrieveFastAverageColor() {
+ if (!retrieveFastAverageColor.fastAverageColor) {
+ retrieveFastAverageColor.fastAverageColor = new FastAverageColor();
+ }
+ return retrieveFastAverageColor.fastAverageColor;
+}
+
+/**
+ * Computes the average color of an image.
+ *
+ * @param {string} url The url of the image.
+ *
+ * @return {Promise<string>} Promise of an average color as a hex string.
+ */
+const getMediaColor = memize(async url => {
+ if (!url) {
+ return DEFAULT_BACKGROUND_COLOR;
+ }
+
+ // making the default color rgb for compat with FAC
+ const {
+ r,
+ g,
+ b,
+ a
+ } = w(DEFAULT_BACKGROUND_COLOR).toRgb();
+ try {
+ const imgCrossOrigin = (0,external_wp_hooks_namespaceObject.applyFilters)('media.crossOrigin', undefined, url);
+ const color = await retrieveFastAverageColor().getColorAsync(url, {
+ // The default color is white, which is the color
+ // that is returned if there's an error.
+ // colord returns alpga 0-1, FAC needs 0-255
+ defaultColor: [r, g, b, a * 255],
+ // Errors that come up don't reject the promise,
+ // so error logging has to be silenced
+ // with this option.
+ silent: "production" === 'production',
+ crossOrigin: imgCrossOrigin
+ });
+ return color.hex;
+ } catch (error) {
+ // If there's an error return the fallback color.
+ return DEFAULT_BACKGROUND_COLOR;
+ }
+});
+
+/**
+ * Computes if the color combination of the overlay and background color is dark.
+ *
+ * @param {number} dimRatio Opacity of the overlay between 0 and 100.
+ * @param {string} overlayColor CSS color string for the overlay.
+ * @param {string} backgroundColor CSS color string for the background.
+ *
+ * @return {boolean} true if the color combination composite result is dark.
+ */
+function compositeIsDark(dimRatio, overlayColor, backgroundColor) {
+ // Opacity doesn't matter if you're overlaying the same color on top of itself.
+ // And background doesn't matter when overlay is fully opaque.
+ if (overlayColor === backgroundColor || dimRatio === 100) {
+ return w(overlayColor).isDark();
+ }
+ const overlay = w(overlayColor).alpha(dimRatio / 100).toRgb();
+ const background = w(backgroundColor).toRgb();
+ const composite = compositeSourceOver(overlay, background);
+ return w(composite).isDark();
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/cover/edit/index.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+
+
+
+function getInnerBlocksTemplate(attributes) {
+ return [['core/paragraph', {
+ align: 'center',
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Write title…'),
+ ...attributes
+ }]];
+}
+
+/**
+ * Is the URL a temporary blob URL? A blob URL is one that is used temporarily while
+ * the media (image or video) is being uploaded and will not have an id allocated yet.
+ *
+ * @param {number} id The id of the media.
+ * @param {string} url The url of the media.
+ *
+ * @return {boolean} Is the URL a Blob URL.
+ */
+const isTemporaryMedia = (id, url) => !id && (0,external_wp_blob_namespaceObject.isBlobURL)(url);
+function CoverEdit({
+ attributes,
+ clientId,
+ isSelected,
+ overlayColor,
+ setAttributes,
+ setOverlayColor,
+ toggleSelection,
+ context: {
+ postId,
+ postType
+ }
+}) {
const {
contentPosition,
id,
+ url: originalUrl,
+ backgroundType: originalBackgroundType,
useFeaturedImage,
dimRatio,
focalPoint,
@@ -11232,115 +14545,154 @@
isRepeated,
minHeight,
minHeightUnit,
- style: styleAttribute,
alt,
allowedBlocks,
- templateLock
+ templateLock,
+ tagName: TagName = 'div',
+ isUserOverlayColor
} = attributes;
const [featuredImage] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'featured_media', postId);
+ const {
+ __unstableMarkNextChangeAsNotPersistent
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
const media = (0,external_wp_data_namespaceObject.useSelect)(select => featuredImage && select(external_wp_coreData_namespaceObject.store).getMedia(featuredImage, {
context: 'view'
}), [featuredImage]);
- const mediaUrl = media === null || media === void 0 ? void 0 : media.source_url; // instead of destructuring the attributes
+ const mediaUrl = media?.source_url;
+
+ // User can change the featured image outside of the block, but we still
+ // need to update the block when that happens. This effect should only
+ // run when the featured image changes in that case. All other cases are
+ // handled in their respective callbacks.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ (async () => {
+ if (!useFeaturedImage) {
+ return;
+ }
+ const averageBackgroundColor = await getMediaColor(mediaUrl);
+ let newOverlayColor = overlayColor.color;
+ if (!isUserOverlayColor) {
+ newOverlayColor = averageBackgroundColor;
+ __unstableMarkNextChangeAsNotPersistent();
+ setOverlayColor(newOverlayColor);
+ }
+ const newIsDark = compositeIsDark(dimRatio, newOverlayColor, averageBackgroundColor);
+ __unstableMarkNextChangeAsNotPersistent();
+ setAttributes({
+ isDark: newIsDark
+ });
+ })();
+ // Disable reason: Update the block only when the featured image changes.
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [mediaUrl]);
+
+ // instead of destructuring the attributes
// we define the url and background type
// depending on the value of the useFeaturedImage flag
// to preview in edit the dynamic featured image
-
- const url = useFeaturedImage ? mediaUrl : attributes.url;
- const backgroundType = useFeaturedImage ? IMAGE_BACKGROUND_TYPE : attributes.backgroundType;
- const {
- __unstableMarkNextChangeAsNotPersistent
- } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const url = useFeaturedImage ? mediaUrl :
+ // Ensure the url is not malformed due to sanitization through `wp_kses`.
+ originalUrl?.replaceAll('&', '&');
+ const backgroundType = useFeaturedImage ? IMAGE_BACKGROUND_TYPE : originalBackgroundType;
const {
createErrorNotice
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
-
const {
gradientClass,
- gradientValue,
- setGradient
+ gradientValue
} = (0,external_wp_blockEditor_namespaceObject.__experimentalUseGradient)();
-
- const onSelectMedia = attributesFromMedia(setAttributes, dimRatio);
- const isUploadingMedia = isTemporaryMedia(id, url);
- const [prevMinHeightValue, setPrevMinHeightValue] = (0,external_wp_element_namespaceObject.useState)(minHeight);
- const [prevMinHeightUnit, setPrevMinHeightUnit] = (0,external_wp_element_namespaceObject.useState)(minHeightUnit);
- const isMinFullHeight = minHeightUnit === 'vh' && minHeight === 100;
-
- const toggleMinFullHeight = () => {
- if (isMinFullHeight) {
- // If there aren't previous values, take the default ones.
- if (prevMinHeightUnit === 'vh' && prevMinHeightValue === 100) {
- return setAttributes({
- minHeight: undefined,
- minHeightUnit: undefined
- });
- } // Set the previous values of height.
-
-
- return setAttributes({
- minHeight: prevMinHeightValue,
- minHeightUnit: prevMinHeightUnit
- });
- }
-
- setPrevMinHeightValue(minHeight);
- setPrevMinHeightUnit(minHeightUnit); // Set full height.
-
- return setAttributes({
- minHeight: 100,
- minHeightUnit: 'vh'
- });
- };
-
- const toggleParallax = () => {
+ const onSelectMedia = async newMedia => {
+ const mediaAttributes = attributesFromMedia(newMedia);
+ const isImage = [newMedia?.type, newMedia?.media_type].includes(IMAGE_BACKGROUND_TYPE);
+ const averageBackgroundColor = await getMediaColor(isImage ? newMedia?.url : undefined);
+ let newOverlayColor = overlayColor.color;
+ if (!isUserOverlayColor) {
+ newOverlayColor = averageBackgroundColor;
+ setOverlayColor(newOverlayColor);
+
+ // Make undo revert the next setAttributes and the previous setOverlayColor.
+ __unstableMarkNextChangeAsNotPersistent();
+ }
+
+ // Only set a new dimRatio if there was no previous media selected
+ // to avoid resetting to 50 if it has been explicitly set to 100.
+ // See issue #52835 for context.
+ const newDimRatio = originalUrl === undefined && dimRatio === 100 ? 50 : dimRatio;
+ const newIsDark = compositeIsDark(newDimRatio, newOverlayColor, averageBackgroundColor);
setAttributes({
- hasParallax: !hasParallax,
- ...(!hasParallax ? {
- focalPoint: undefined
- } : {})
- });
- };
-
- const toggleIsRepeated = () => {
+ ...mediaAttributes,
+ focalPoint: undefined,
+ useFeaturedImage: undefined,
+ dimRatio: newDimRatio,
+ isDark: newIsDark
+ });
+ };
+ const onClearMedia = () => {
+ let newOverlayColor = overlayColor.color;
+ if (!isUserOverlayColor) {
+ newOverlayColor = DEFAULT_OVERLAY_COLOR;
+ setOverlayColor(undefined);
+
+ // Make undo revert the next setAttributes and the previous setOverlayColor.
+ __unstableMarkNextChangeAsNotPersistent();
+ }
+ const newIsDark = compositeIsDark(dimRatio, newOverlayColor, DEFAULT_BACKGROUND_COLOR);
setAttributes({
- isRepeated: !isRepeated
- });
- };
-
- const toggleUseFeaturedImage = () => {
- setAttributes({
- id: undefined,
url: undefined,
- useFeaturedImage: !useFeaturedImage,
- dimRatio: dimRatio === 100 ? 50 : dimRatio,
- backgroundType: useFeaturedImage ? IMAGE_BACKGROUND_TYPE : undefined
- });
- };
-
+ id: undefined,
+ backgroundType: undefined,
+ focalPoint: undefined,
+ hasParallax: undefined,
+ isRepeated: undefined,
+ useFeaturedImage: undefined,
+ isDark: newIsDark
+ });
+ };
+ const onSetOverlayColor = async newOverlayColor => {
+ const averageBackgroundColor = await getMediaColor(url);
+ const newIsDark = compositeIsDark(dimRatio, newOverlayColor, averageBackgroundColor);
+ setOverlayColor(newOverlayColor);
+
+ // Make undo revert the next setAttributes and the previous setOverlayColor.
+ __unstableMarkNextChangeAsNotPersistent();
+ setAttributes({
+ isUserOverlayColor: true,
+ isDark: newIsDark
+ });
+ };
+ const onUpdateDimRatio = async newDimRatio => {
+ const averageBackgroundColor = await getMediaColor(url);
+ const newIsDark = compositeIsDark(newDimRatio, overlayColor.color, averageBackgroundColor);
+ setAttributes({
+ dimRatio: newDimRatio,
+ isDark: newIsDark
+ });
+ };
const onUploadError = message => {
- createErrorNotice(Array.isArray(message) ? message[2] : message, {
+ createErrorNotice(message, {
type: 'snackbar'
});
};
-
- const isDarkElement = (0,external_wp_element_namespaceObject.useRef)();
- const isCoverDark = useCoverIsDark(url, dimRatio, overlayColor.color, isDarkElement);
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- // This side-effect should not create an undo level.
- __unstableMarkNextChangeAsNotPersistent();
-
- setAttributes({
- isDark: isCoverDark
- });
- }, [isCoverDark]);
+ const isUploadingMedia = isTemporaryMedia(id, url);
const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
+ const [resizeListener, {
+ height,
+ width
+ }] = (0,external_wp_compose_namespaceObject.useResizeObserver)();
+ const resizableBoxDimensions = (0,external_wp_element_namespaceObject.useMemo)(() => {
+ return {
+ height: minHeightUnit === 'px' ? minHeight : 'auto',
+ width: 'auto'
+ };
+ }, [minHeight, minHeightUnit]);
const minHeightWithUnit = minHeight && minHeightUnit ? `${minHeight}${minHeightUnit}` : minHeight;
const isImgElement = !(hasParallax || isRepeated);
- const style = { ...(isImageBackground && !isImgElement ? backgroundImageStyles(url) : undefined),
+ const style = {
minHeight: minHeightWithUnit || undefined
};
+ const backgroundImage = url ? `url(${url})` : undefined;
+ const backgroundPosition = mediaPosition(focalPoint);
const bgStyle = {
backgroundColor: overlayColor.color
};
@@ -11348,206 +14700,87 @@
objectPosition: focalPoint && isImgElement ? mediaPosition(focalPoint) : undefined
};
const hasBackground = !!(url || overlayColor.color || gradientValue);
- const showFocalPointPicker = isVideoBackground || isImageBackground && (!hasParallax || isRepeated);
-
- const imperativeFocalPointPreview = value => {
- const [styleOfRef, property] = isDarkElement.current ? [isDarkElement.current.style, 'objectPosition'] : [ref.current.style, 'backgroundPosition'];
- styleOfRef[property] = mediaPosition(value);
- };
-
const hasInnerBlocks = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getBlock(clientId).innerBlocks.length > 0, [clientId]);
- const controls = (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalBlockAlignmentMatrixControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Change content position'),
- value: contentPosition,
- onChange: nextPosition => setAttributes({
- contentPosition: nextPosition
- }),
- isDisabled: !hasInnerBlocks
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalBlockFullHeightAligmentControl, {
- isActive: isMinFullHeight,
- onToggle: toggleMinFullHeight,
- isDisabled: !hasInnerBlocks
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "other"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- icon: post_featured_image,
- label: (0,external_wp_i18n_namespaceObject.__)('Use featured image'),
- isPressed: useFeaturedImage,
- onClick: toggleUseFeaturedImage
- }), !useFeaturedImage && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
- mediaId: id,
- mediaURL: url,
- allowedTypes: shared_ALLOWED_MEDIA_TYPES,
- accept: "image/*,video/*",
- onSelect: onSelectMedia,
- name: !url ? (0,external_wp_i18n_namespaceObject.__)('Add Media') : (0,external_wp_i18n_namespaceObject.__)('Replace')
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, !!url && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Media settings')
- }, isImageBackground && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Fixed background'),
- checked: hasParallax,
- onChange: toggleParallax
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Repeated background'),
- checked: isRepeated,
- onChange: toggleIsRepeated
- })), showFocalPointPicker && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FocalPointPicker, {
- label: (0,external_wp_i18n_namespaceObject.__)('Focal point picker'),
- url: url,
- value: focalPoint,
- onDragStart: imperativeFocalPointPreview,
- onDrag: imperativeFocalPointPreview,
- onChange: newFocalPoint => setAttributes({
- focalPoint: newFocalPoint
- })
- }), !useFeaturedImage && url && isImageBackground && isImgElement && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextareaControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Alt text (alternative text)'),
- value: alt,
- onChange: newAlt => setAttributes({
- alt: newAlt
- }),
- help: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ExternalLink, {
- href: "https://www.w3.org/WAI/tutorials/images/decision-tree"
- }, (0,external_wp_i18n_namespaceObject.__)('Describe the purpose of the image')), (0,external_wp_i18n_namespaceObject.__)('Leave empty if the image is purely decorative.'))
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelRow, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "secondary",
- isSmall: true,
- className: "block-library-cover__reset-button",
- onClick: () => setAttributes({
- url: undefined,
- id: undefined,
- backgroundType: undefined,
- focalPoint: undefined,
- hasParallax: undefined,
- isRepeated: undefined,
- useFeaturedImage: false
- })
- }, (0,external_wp_i18n_namespaceObject.__)('Clear Media')))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalPanelColorGradientSettings, {
- __experimentalHasMultipleOrigins: true,
- __experimentalIsRenderedInSidebar: true,
- title: (0,external_wp_i18n_namespaceObject.__)('Overlay'),
- initialOpen: true,
- settings: [{
- colorValue: overlayColor.color,
- gradientValue,
- onColorChange: setOverlayColor,
- onGradientChange: setGradient,
- label: (0,external_wp_i18n_namespaceObject.__)('Color')
- }]
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Opacity'),
- value: dimRatio,
- onChange: newDimRation => setAttributes({
- dimRatio: newDimRation
- }),
- min: 0,
- max: 100,
- step: 10,
- required: true
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, {
- __experimentalGroup: "dimensions"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
- hasValue: () => !!minHeight,
- label: (0,external_wp_i18n_namespaceObject.__)('Minimum height'),
- onDeselect: () => setAttributes({
- minHeight: undefined,
- minHeightUnit: undefined
- }),
- resetAllFilter: () => ({
- minHeight: undefined,
- minHeightUnit: undefined
- }),
- isShownByDefault: true,
- panelId: clientId
- }, (0,external_wp_element_namespaceObject.createElement)(CoverHeightInput, {
- value: minHeight,
- unit: minHeightUnit,
- onChange: newMinHeight => setAttributes({
- minHeight: newMinHeight
- }),
- onUnitChange: nextUnit => setAttributes({
- minHeightUnit: nextUnit
- })
- }))));
const ref = (0,external_wp_element_namespaceObject.useRef)();
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
ref
- }); // Check for fontSize support before we pass a fontSize attribute to the innerBlocks.
-
- const hasFontSizes = !!((_useSetting = (0,external_wp_blockEditor_namespaceObject.useSetting)('typography.fontSizes')) !== null && _useSetting !== void 0 && _useSetting.length);
+ });
+
+ // Check for fontSize support before we pass a fontSize attribute to the innerBlocks.
+ const [fontSizes] = (0,external_wp_blockEditor_namespaceObject.useSettings)('typography.fontSizes');
+ const hasFontSizes = fontSizes?.length > 0;
const innerBlocksTemplate = getInnerBlocksTemplate({
fontSize: hasFontSizes ? 'large' : undefined
});
const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({
className: 'wp-block-cover__inner-container'
}, {
- template: innerBlocksTemplate,
+ // Avoid template sync when the `templateLock` value is `all` or `contentOnly`.
+ // See: https://github.com/WordPress/gutenberg/pull/45632
+ template: !hasInnerBlocks ? innerBlocksTemplate : undefined,
templateInsertUpdatesSelection: true,
allowedBlocks,
- templateLock
- });
-
- if (!hasInnerBlocks && !hasBackground) {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, controls, (0,external_wp_element_namespaceObject.createElement)("div", _extends({}, blockProps, {
- className: classnames_default()('is-placeholder', blockProps.className)
- }), (0,external_wp_element_namespaceObject.createElement)(CoverPlaceholder, {
- onSelectMedia: onSelectMedia,
- onError: onUploadError,
- style: {
- minHeight: minHeightWithUnit || undefined
- }
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-cover__placeholder-background-options"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.ColorPalette, {
- disableCustomColors: true,
- value: overlayColor.color,
- onChange: setOverlayColor,
- clearable: false
- }))), (0,external_wp_element_namespaceObject.createElement)(ResizableCover, {
- className: "block-library-cover__resize-container",
- onResizeStart: () => {
- setAttributes({
- minHeightUnit: 'px'
- });
- toggleSelection(false);
- },
- onResize: value => {
- setAttributes({
- minHeight: value
- });
- },
- onResizeStop: newMinHeight => {
- toggleSelection(true);
- setAttributes({
- minHeight: newMinHeight
- });
- },
- showHandle: isSelected
- })));
- }
-
- const classes = classnames_default()({
- 'is-dark-theme': isDark,
- 'is-light': !isDark,
- 'is-transient': isUploadingMedia,
- 'has-parallax': hasParallax,
- 'is-repeated': isRepeated,
- 'has-custom-content-position': !isContentPositionCenter(contentPosition)
- }, getPositionClassName(contentPosition));
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, controls, (0,external_wp_element_namespaceObject.createElement)("div", _extends({}, blockProps, {
- className: classnames_default()(classes, blockProps.className),
- style: { ...style,
- ...blockProps.style
- },
- "data-url": url
- }), (0,external_wp_element_namespaceObject.createElement)(BoxControlVisualizer, {
- values: styleAttribute === null || styleAttribute === void 0 ? void 0 : (_styleAttribute$spaci = styleAttribute.spacing) === null || _styleAttribute$spaci === void 0 ? void 0 : _styleAttribute$spaci.padding,
- showValues: styleAttribute === null || styleAttribute === void 0 ? void 0 : (_styleAttribute$visua = styleAttribute.visualizers) === null || _styleAttribute$visua === void 0 ? void 0 : _styleAttribute$visua.padding,
- className: "block-library-cover__padding-visualizer"
- }), (0,external_wp_element_namespaceObject.createElement)(ResizableCover, {
- className: "block-library-cover__resize-container",
+ templateLock,
+ dropZoneElement: ref.current
+ });
+ const mediaElement = (0,external_wp_element_namespaceObject.useRef)();
+ const currentSettings = {
+ isVideoBackground,
+ isImageBackground,
+ mediaElement,
+ hasInnerBlocks,
+ url,
+ isImgElement,
+ overlayColor
+ };
+ const toggleUseFeaturedImage = async () => {
+ const newUseFeaturedImage = !useFeaturedImage;
+ const averageBackgroundColor = newUseFeaturedImage ? await getMediaColor(mediaUrl) : DEFAULT_BACKGROUND_COLOR;
+ const newOverlayColor = !isUserOverlayColor ? averageBackgroundColor : overlayColor.color;
+ if (!isUserOverlayColor) {
+ if (newUseFeaturedImage) {
+ setOverlayColor(newOverlayColor);
+ } else {
+ setOverlayColor(undefined);
+ }
+
+ // Make undo revert the next setAttributes and the previous setOverlayColor.
+ __unstableMarkNextChangeAsNotPersistent();
+ }
+ const newDimRatio = dimRatio === 100 ? 50 : dimRatio;
+ const newIsDark = compositeIsDark(newDimRatio, newOverlayColor, averageBackgroundColor);
+ setAttributes({
+ id: undefined,
+ url: undefined,
+ useFeaturedImage: newUseFeaturedImage,
+ dimRatio: newDimRatio,
+ backgroundType: useFeaturedImage ? IMAGE_BACKGROUND_TYPE : undefined,
+ isDark: newIsDark
+ });
+ };
+ const blockControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CoverBlockControls, {
+ attributes: attributes,
+ setAttributes: setAttributes,
+ onSelectMedia: onSelectMedia,
+ currentSettings: currentSettings,
+ toggleUseFeaturedImage: toggleUseFeaturedImage
+ });
+ const inspectorControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CoverInspectorControls, {
+ attributes: attributes,
+ setAttributes: setAttributes,
+ clientId: clientId,
+ setOverlayColor: onSetOverlayColor,
+ coverRef: ref,
+ currentSettings: currentSettings,
+ toggleUseFeaturedImage: toggleUseFeaturedImage,
+ updateDimRatio: onUpdateDimRatio,
+ onClearMedia: onClearMedia
+ });
+ const resizableCoverProps = {
+ className: 'block-library-cover__resize-container',
+ clientId,
+ height,
+ minHeight: minHeightWithUnit,
onResizeStart: () => {
setAttributes({
minHeightUnit: 'px'
@@ -11565,69 +14798,136 @@
minHeight: newMinHeight
});
},
- showHandle: isSelected
- }), (0,external_wp_element_namespaceObject.createElement)("span", {
- "aria-hidden": "true",
- className: classnames_default()('wp-block-cover__background', dimRatioToClass(dimRatio), {
- [overlayColor.class]: overlayColor.class,
- 'has-background-dim': dimRatio !== undefined,
- // For backwards compatibility. Former versions of the Cover Block applied
- // `.wp-block-cover__gradient-background` in the presence of
- // media, a gradient and a dim.
- 'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
- 'has-background-gradient': gradientValue,
- [gradientClass]: gradientClass
- }),
- style: {
- backgroundImage: gradientValue,
- ...bgStyle
- }
- }), url && isImageBackground && isImgElement && (0,external_wp_element_namespaceObject.createElement)("img", {
- ref: isDarkElement,
- className: "wp-block-cover__image-background",
- alt: alt,
- src: url,
- style: mediaStyle
- }), url && isVideoBackground && (0,external_wp_element_namespaceObject.createElement)("video", {
- ref: isDarkElement,
- className: "wp-block-cover__video-background",
- autoPlay: true,
- muted: true,
- loop: true,
- src: url,
- style: mediaStyle
- }), isUploadingMedia && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null), (0,external_wp_element_namespaceObject.createElement)(CoverPlaceholder, {
- disableMediaButtons: true,
- onSelectMedia: onSelectMedia,
- onError: onUploadError
- }), (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps)));
-}
-
-/* harmony default export */ var cover_edit = ((0,external_wp_compose_namespaceObject.compose)([(0,external_wp_blockEditor_namespaceObject.withColors)({
+ // Hide the resize handle if an aspect ratio is set, as the aspect ratio takes precedence.
+ showHandle: !attributes.style?.dimensions?.aspectRatio ? true : false,
+ size: resizableBoxDimensions,
+ width
+ };
+ if (!useFeaturedImage && !hasInnerBlocks && !hasBackground) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [blockControls, inspectorControls, isSelected && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResizableCoverPopover, {
+ ...resizableCoverProps
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(TagName, {
+ ...blockProps,
+ className: dist_clsx('is-placeholder', blockProps.className),
+ style: {
+ ...blockProps.style,
+ minHeight: minHeightWithUnit || undefined
+ },
+ children: [resizeListener, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CoverPlaceholder, {
+ onSelectMedia: onSelectMedia,
+ onError: onUploadError,
+ toggleUseFeaturedImage: toggleUseFeaturedImage,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-cover__placeholder-background-options",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.ColorPalette, {
+ disableCustomColors: true,
+ value: overlayColor.color,
+ onChange: onSetOverlayColor,
+ clearable: false
+ })
+ })
+ })]
+ })]
+ });
+ }
+ const classes = dist_clsx({
+ 'is-dark-theme': isDark,
+ 'is-light': !isDark,
+ 'is-transient': isUploadingMedia,
+ 'has-parallax': hasParallax,
+ 'is-repeated': isRepeated,
+ 'has-custom-content-position': !isContentPositionCenter(contentPosition)
+ }, getPositionClassName(contentPosition));
+ const showOverlay = url || !useFeaturedImage || useFeaturedImage && !url;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [blockControls, inspectorControls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(TagName, {
+ ...blockProps,
+ className: dist_clsx(classes, blockProps.className),
+ style: {
+ ...style,
+ ...blockProps.style
+ },
+ "data-url": url,
+ children: [resizeListener, showOverlay && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-hidden": "true",
+ className: dist_clsx('wp-block-cover__background', dimRatioToClass(dimRatio), {
+ [overlayColor.class]: overlayColor.class,
+ 'has-background-dim': dimRatio !== undefined,
+ // For backwards compatibility. Former versions of the Cover Block applied
+ // `.wp-block-cover__gradient-background` in the presence of
+ // media, a gradient and a dim.
+ 'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+ 'has-background-gradient': gradientValue,
+ [gradientClass]: gradientClass
+ }),
+ style: {
+ backgroundImage: gradientValue,
+ ...bgStyle
+ }
+ }), !url && useFeaturedImage && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ className: "wp-block-cover__image--placeholder-image",
+ withIllustration: true
+ }), url && isImageBackground && (isImgElement ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ ref: mediaElement,
+ className: "wp-block-cover__image-background",
+ alt: alt,
+ src: url,
+ style: mediaStyle
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ref: mediaElement,
+ role: alt ? 'img' : undefined,
+ "aria-label": alt ? alt : undefined,
+ className: dist_clsx(classes, 'wp-block-cover__image-background'),
+ style: {
+ backgroundImage,
+ backgroundPosition
+ }
+ })), url && isVideoBackground && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ ref: mediaElement,
+ className: "wp-block-cover__video-background",
+ autoPlay: true,
+ muted: true,
+ loop: true,
+ src: url,
+ style: mediaStyle
+ }), isUploadingMedia && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CoverPlaceholder, {
+ disableMediaButtons: true,
+ onSelectMedia: onSelectMedia,
+ onError: onUploadError,
+ toggleUseFeaturedImage: toggleUseFeaturedImage
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ })]
+ }), isSelected && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResizableCoverPopover, {
+ ...resizableCoverProps
+ })]
+ });
+}
+/* harmony default export */ const cover_edit = ((0,external_wp_compose_namespaceObject.compose)([(0,external_wp_blockEditor_namespaceObject.withColors)({
overlayColor: 'background-color'
})])(CoverEdit));
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/cover/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-/**
- * Internal dependencies
- */
-
-
-function cover_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+function cover_save_save({
+ attributes
+}) {
const {
backgroundType,
gradient,
@@ -11645,71 +14945,90 @@
alt,
id,
minHeight: minHeightProp,
- minHeightUnit
+ minHeightUnit,
+ tagName: Tag
} = attributes;
const overlayColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayColor);
-
const gradientClass = (0,external_wp_blockEditor_namespaceObject.__experimentalGetGradientClass)(gradient);
-
const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
const isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;
const isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;
const isImgElement = !(hasParallax || isRepeated);
- const style = { ...(isImageBackground && !isImgElement && !useFeaturedImage ? backgroundImageStyles(url) : {}),
+ const style = {
minHeight: minHeight || undefined
};
const bgStyle = {
backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
background: customGradient ? customGradient : undefined
};
- const objectPosition = // prettier-ignore
- focalPoint && isImgElement ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : undefined;
- const classes = classnames_default()({
+ const objectPosition =
+ // prettier-ignore
+ focalPoint && isImgElement ? mediaPosition(focalPoint) : undefined;
+ const backgroundImage = url ? `url(${url})` : undefined;
+ const backgroundPosition = mediaPosition(focalPoint);
+ const classes = dist_clsx({
'is-light': !isDark,
'has-parallax': hasParallax,
'is-repeated': isRepeated,
'has-custom-content-position': !isContentPositionCenter(contentPosition)
}, getPositionClassName(contentPosition));
+ const imgClasses = dist_clsx('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
+ 'has-parallax': hasParallax,
+ 'is-repeated': isRepeated
+ });
const gradientValue = gradient || customGradient;
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: classes,
- style
- }), (0,external_wp_element_namespaceObject.createElement)("span", {
- "aria-hidden": "true",
- className: classnames_default()('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
- 'has-background-dim': dimRatio !== undefined,
- // For backwards compatibility. Former versions of the Cover Block applied
- // `.wp-block-cover__gradient-background` in the presence of
- // media, a gradient and a dim.
- 'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
- 'has-background-gradient': gradientValue,
- [gradientClass]: gradientClass
- }),
- style: bgStyle
- }), !useFeaturedImage && isImageBackground && isImgElement && url && (0,external_wp_element_namespaceObject.createElement)("img", {
- className: classnames_default()('wp-block-cover__image-background', id ? `wp-image-${id}` : null),
- alt: alt,
- src: url,
- style: {
- objectPosition
- },
- "data-object-fit": "cover",
- "data-object-position": objectPosition
- }), isVideoBackground && url && (0,external_wp_element_namespaceObject.createElement)("video", {
- className: classnames_default()('wp-block-cover__video-background', 'intrinsic-ignore'),
- autoPlay: true,
- muted: true,
- loop: true,
- playsInline: true,
- src: url,
- style: {
- objectPosition
- },
- "data-object-fit": "cover",
- "data-object-position": objectPosition
- }), (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
- className: 'wp-block-cover__inner-container'
- })));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Tag, {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-hidden": "true",
+ className: dist_clsx('wp-block-cover__background', overlayColorClass, dimRatioToClass(dimRatio), {
+ 'has-background-dim': dimRatio !== undefined,
+ // For backwards compatibility. Former versions of the Cover Block applied
+ // `.wp-block-cover__gradient-background` in the presence of
+ // media, a gradient and a dim.
+ 'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
+ 'has-background-gradient': gradientValue,
+ [gradientClass]: gradientClass
+ }),
+ style: bgStyle
+ }), !useFeaturedImage && isImageBackground && url && (isImgElement ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ className: imgClasses,
+ alt: alt,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ role: alt ? 'img' : undefined,
+ "aria-label": alt ? alt : undefined,
+ className: imgClasses,
+ style: {
+ backgroundPosition,
+ backgroundImage
+ }
+ })), isVideoBackground && url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ className: dist_clsx('wp-block-cover__video-background', 'intrinsic-ignore'),
+ autoPlay: true,
+ muted: true,
+ loop: true,
+ playsInline: true,
+ src: url,
+ style: {
+ objectPosition
+ },
+ "data-object-fit": "cover",
+ "data-object-position": objectPosition
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-cover__inner-container'
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/cover/transforms.js
@@ -11717,198 +15036,270 @@
* WordPress dependencies
*/
-/**
- * Internal dependencies
- */
-
-
+
+
+/**
+ * Internal dependencies
+ */
+
+
+const {
+ cleanEmptyObject: transforms_cleanEmptyObject
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
const cover_transforms_transforms = {
from: [{
type: 'block',
blocks: ['core/image'],
- transform: _ref => {
- var _style$color;
-
- let {
- caption,
- url,
- alt,
- align,
- id,
- anchor,
- style
- } = _ref;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/cover', {
- dimRatio: 50,
- url,
- alt,
- align,
- id,
- anchor,
- style: {
- color: {
- duotone: style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.duotone
- }
- }
- }, [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
- content: caption,
- fontSize: 'large',
- align: 'center'
- })]);
- }
+ transform: ({
+ caption,
+ url,
+ alt,
+ align,
+ id,
+ anchor,
+ style
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/cover', {
+ dimRatio: 50,
+ url,
+ alt,
+ align,
+ id,
+ anchor,
+ style: {
+ color: {
+ duotone: style?.color?.duotone
+ }
+ }
+ }, [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ content: caption,
+ fontSize: 'large',
+ align: 'center'
+ })])
}, {
type: 'block',
blocks: ['core/video'],
- transform: _ref2 => {
- let {
- caption,
- src,
- align,
- id,
- anchor
- } = _ref2;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/cover', {
- dimRatio: 50,
- url: src,
- align,
- id,
- backgroundType: VIDEO_BACKGROUND_TYPE,
- anchor
- }, [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
- content: caption,
- fontSize: 'large',
- align: 'center'
- })]);
- }
+ transform: ({
+ caption,
+ src,
+ align,
+ id,
+ anchor
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/cover', {
+ dimRatio: 50,
+ url: src,
+ align,
+ id,
+ backgroundType: VIDEO_BACKGROUND_TYPE,
+ anchor
+ }, [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ content: caption,
+ fontSize: 'large',
+ align: 'center'
+ })])
}, {
type: 'block',
blocks: ['core/group'],
transform: (attributes, innerBlocks) => {
- var _style$color2, _style$color3, _style$color4, _style$color5, _attributes$style;
-
const {
align,
anchor,
backgroundColor,
gradient,
style
- } = attributes; // If no background or gradient color is provided, default to 50% opacity.
+ } = attributes;
+
+ // If the Group block being transformed has a Cover block as its
+ // only child return that Cover block.
+ if (innerBlocks?.length === 1 && innerBlocks[0]?.name === 'core/cover') {
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/cover', innerBlocks[0].attributes, innerBlocks[0].innerBlocks);
+ }
+
+ // If no background or gradient color is provided, default to 50% opacity.
// This matches the styling of a Cover block with a background image,
// in the state where a background image has been removed.
-
- const dimRatio = backgroundColor || gradient || style !== null && style !== void 0 && (_style$color2 = style.color) !== null && _style$color2 !== void 0 && _style$color2.background || style !== null && style !== void 0 && (_style$color3 = style.color) !== null && _style$color3 !== void 0 && _style$color3.gradient ? undefined : 50; // Move the background or gradient color to the parent Cover block.
-
+ const dimRatio = backgroundColor || gradient || style?.color?.background || style?.color?.gradient ? undefined : 50;
+
+ // Move the background or gradient color to the parent Cover block.
const parentAttributes = {
align,
anchor,
dimRatio,
overlayColor: backgroundColor,
- customOverlayColor: style === null || style === void 0 ? void 0 : (_style$color4 = style.color) === null || _style$color4 === void 0 ? void 0 : _style$color4.background,
+ customOverlayColor: style?.color?.background,
gradient,
- customGradient: style === null || style === void 0 ? void 0 : (_style$color5 = style.color) === null || _style$color5 === void 0 ? void 0 : _style$color5.gradient
+ customGradient: style?.color?.gradient
};
- const attributesWithoutBackgroundColors = { ...attributes,
+ const attributesWithoutBackgroundColors = {
+ ...attributes,
backgroundColor: undefined,
gradient: undefined,
- style: { ...(attributes === null || attributes === void 0 ? void 0 : attributes.style),
- color: { ...(attributes === null || attributes === void 0 ? void 0 : (_attributes$style = attributes.style) === null || _attributes$style === void 0 ? void 0 : _attributes$style.color),
+ style: transforms_cleanEmptyObject({
+ ...attributes?.style,
+ color: style?.color ? {
+ ...style?.color,
background: undefined,
gradient: undefined
- }
- }
- }; // Preserve the block by nesting it within the Cover block,
+ } : undefined
+ })
+ };
+
+ // Preserve the block by nesting it within the Cover block,
// instead of converting the Group block directly to the Cover block.
-
return (0,external_wp_blocks_namespaceObject.createBlock)('core/cover', parentAttributes, [(0,external_wp_blocks_namespaceObject.createBlock)('core/group', attributesWithoutBackgroundColors, innerBlocks)]);
}
}],
to: [{
type: 'block',
blocks: ['core/image'],
- isMatch: _ref3 => {
- let {
- backgroundType,
- url,
- overlayColor,
- customOverlayColor,
- gradient,
- customGradient
- } = _ref3;
-
+ isMatch: ({
+ backgroundType,
+ url,
+ overlayColor,
+ customOverlayColor,
+ gradient,
+ customGradient
+ }) => {
if (url) {
// If a url exists the transform could happen if that URL represents an image background.
return backgroundType === IMAGE_BACKGROUND_TYPE;
- } // If a url is not set the transform could happen if the cover has no background color or gradient;
-
-
+ }
+ // If a url is not set the transform could happen if the cover has no background color or gradient;
return !overlayColor && !customOverlayColor && !gradient && !customGradient;
},
- transform: _ref4 => {
- var _style$color6;
-
- let {
- title,
- url,
- alt,
- align,
- id,
- anchor,
- style
- } = _ref4;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
- caption: title,
- url,
- alt,
- align,
- id,
- anchor,
- style: {
- color: {
- duotone: style === null || style === void 0 ? void 0 : (_style$color6 = style.color) === null || _style$color6 === void 0 ? void 0 : _style$color6.duotone
- }
- }
- });
- }
+ transform: ({
+ title,
+ url,
+ alt,
+ align,
+ id,
+ anchor,
+ style
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
+ caption: title,
+ url,
+ alt,
+ align,
+ id,
+ anchor,
+ style: {
+ color: {
+ duotone: style?.color?.duotone
+ }
+ }
+ })
}, {
type: 'block',
blocks: ['core/video'],
- isMatch: _ref5 => {
- let {
- backgroundType,
- url,
- overlayColor,
- customOverlayColor,
- gradient,
- customGradient
- } = _ref5;
-
+ isMatch: ({
+ backgroundType,
+ url,
+ overlayColor,
+ customOverlayColor,
+ gradient,
+ customGradient
+ }) => {
if (url) {
// If a url exists the transform could happen if that URL represents a video background.
return backgroundType === VIDEO_BACKGROUND_TYPE;
- } // If a url is not set the transform could happen if the cover has no background color or gradient;
-
-
+ }
+ // If a url is not set the transform could happen if the cover has no background color or gradient;
return !overlayColor && !customOverlayColor && !gradient && !customGradient;
},
- transform: _ref6 => {
- let {
- title,
- url,
- align,
- id,
- anchor
- } = _ref6;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/video', {
- caption: title,
- src: url,
- id,
- align,
- anchor
- });
+ transform: ({
+ title,
+ url,
+ align,
+ id,
+ anchor
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/video', {
+ caption: title,
+ src: url,
+ id,
+ align,
+ anchor
+ })
+ }, {
+ type: 'block',
+ blocks: ['core/group'],
+ isMatch: ({
+ url,
+ useFeaturedImage
+ }) => {
+ // If the Cover block uses background media, skip this transform,
+ // and instead use the Group block's default transform.
+ if (url || useFeaturedImage) {
+ return false;
+ }
+ return true;
+ },
+ transform: (attributes, innerBlocks) => {
+ // Convert Cover overlay colors to comparable Group background colors.
+ const transformedColorAttributes = {
+ backgroundColor: attributes?.overlayColor,
+ gradient: attributes?.gradient,
+ style: transforms_cleanEmptyObject({
+ ...attributes?.style,
+ color: attributes?.customOverlayColor || attributes?.customGradient || attributes?.style?.color ? {
+ background: attributes?.customOverlayColor,
+ gradient: attributes?.customGradient,
+ ...attributes?.style?.color
+ } : undefined
+ })
+ };
+
+ // If the Cover block contains only a single Group block as a direct child,
+ // then attempt to merge the Cover's background colors with the child Group block,
+ // and remove the Cover block as the wrapper.
+ if (innerBlocks?.length === 1 && innerBlocks[0]?.name === 'core/group') {
+ const groupAttributes = transforms_cleanEmptyObject(innerBlocks[0].attributes || {});
+
+ // If the Group block contains any kind of background color or gradient,
+ // skip merging Cover background colors, and preserve the Group block's colors.
+ if (groupAttributes?.backgroundColor || groupAttributes?.gradient || groupAttributes?.style?.color?.background || groupAttributes?.style?.color?.gradient) {
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/group', groupAttributes, innerBlocks[0]?.innerBlocks);
+ }
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/group', {
+ ...transformedColorAttributes,
+ ...groupAttributes,
+ style: transforms_cleanEmptyObject({
+ ...groupAttributes?.style,
+ color: transformedColorAttributes?.style?.color || groupAttributes?.style?.color ? {
+ ...transformedColorAttributes?.style?.color,
+ ...groupAttributes?.style?.color
+ } : undefined
+ })
+ }, innerBlocks[0]?.innerBlocks);
+ }
+
+ // In all other cases, transform the Cover block directly to a Group block.
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/group', {
+ ...attributes,
+ ...transformedColorAttributes
+ }, innerBlocks);
}
}]
};
-/* harmony default export */ var cover_transforms = (cover_transforms_transforms);
+/* harmony default export */ const cover_transforms = (cover_transforms_transforms);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/cover/variations.js
+/**
+ * WordPress dependencies
+ */
+
+
+const variations_variations = [{
+ name: 'cover',
+ title: (0,external_wp_i18n_namespaceObject.__)('Cover'),
+ description: (0,external_wp_i18n_namespaceObject.__)('Add an image or video with a text overlay.'),
+ attributes: {
+ layout: {
+ type: 'constrained'
+ }
+ },
+ isDefault: true,
+ icon: library_cover
+}];
+/* harmony default export */ const cover_variations = (variations_variations);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/cover/index.js
/**
@@ -11916,6 +15307,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -11924,11 +15316,11 @@
const cover_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/cover",
title: "Cover",
category: "media",
- description: "Add an image or video with a text overlay \u2014 great for headers.",
+ description: "Add an image or video with a text overlay.",
textdomain: "default",
attributes: {
url: {
@@ -11943,9 +15335,6 @@
},
alt: {
type: "string",
- source: "attribute",
- selector: "img",
- attribute: "alt",
"default": ""
},
hasParallax: {
@@ -11966,6 +15355,9 @@
customOverlayColor: {
type: "string"
},
+ isUserOverlayColor: {
+ type: "boolean"
+ },
backgroundType: {
type: "string",
"default": "image"
@@ -11997,7 +15389,11 @@
},
templateLock: {
type: ["string", "boolean"],
- "enum": ["all", "insert", false]
+ "enum": ["all", "insert", "contentOnly", false]
+ },
+ tagName: {
+ type: "string",
+ "default": "div"
}
},
usesContext: ["postId", "postType"],
@@ -12005,16 +15401,57 @@
anchor: true,
align: true,
html: false,
+ shadow: true,
spacing: {
padding: true,
- __experimentalDefaultControls: {
- padding: true
+ margin: ["top", "bottom"],
+ blockGap: true,
+ __experimentalDefaultControls: {
+ padding: true,
+ blockGap: true
+ }
+ },
+ __experimentalBorder: {
+ color: true,
+ radius: true,
+ style: true,
+ width: true,
+ __experimentalDefaultControls: {
+ color: true,
+ radius: true,
+ style: true,
+ width: true
}
},
color: {
__experimentalDuotone: "> .wp-block-cover__image-background, > .wp-block-cover__video-background",
- text: false,
- background: false
+ heading: true,
+ text: true,
+ background: false,
+ __experimentalSkipSerialization: ["gradients"],
+ enableContrastChecker: false
+ },
+ dimensions: {
+ aspectRatio: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ layout: {
+ allowJustification: false
+ },
+ interactivity: {
+ clientNavigation: true
}
},
editorStyle: "wp-block-cover-editor",
@@ -12022,6 +15459,7 @@
};
+
const {
name: cover_name
} = cover_metadata;
@@ -12037,46 +15475,287 @@
innerBlocks: [{
name: 'core/paragraph',
attributes: {
- customFontSize: 48,
content: (0,external_wp_i18n_namespaceObject.__)('<strong>Snow Patrol</strong>'),
- align: 'center'
+ align: 'center',
+ style: {
+ typography: {
+ fontSize: 48
+ },
+ color: {
+ text: 'white'
+ }
+ }
}
}]
},
transforms: cover_transforms,
save: cover_save_save,
edit: cover_edit,
- deprecated: cover_deprecated
-};
+ deprecated: cover_deprecated,
+ variations: cover_variations
+};
+const cover_init = () => initBlock({
+ name: cover_name,
+ metadata: cover_metadata,
+ settings: cover_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/details.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+const details = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4 16h10v1.5H4V16Zm0-4.5h16V13H4v-1.5ZM10 7h10v1.5H10V7Z",
+ fillRule: "evenodd",
+ clipRule: "evenodd"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "m4 5.25 4 2.5-4 2.5v-5Z"
+ })]
+});
+/* harmony default export */ const library_details = (details);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/details/edit.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+const details_edit_TEMPLATE = [['core/paragraph', {
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Type / to add a hidden block')
+}]];
+function DetailsEdit({
+ attributes,
+ setAttributes,
+ clientId
+}) {
+ const {
+ showContent,
+ summary
+ } = attributes;
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ template: details_edit_TEMPLATE,
+ __experimentalCaptureToolbars: true
+ });
+
+ // Check if either the block or the inner blocks are selected.
+ const hasSelection = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ isBlockSelected,
+ hasSelectedInnerBlock
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ /* Sets deep to true to also find blocks inside the details content block. */
+ return hasSelectedInnerBlock(clientId, true) || isBlockSelected(clientId);
+ }, [clientId]);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Open by default'),
+ checked: showContent,
+ onChange: () => setAttributes({
+ showContent: !showContent
+ })
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("details", {
+ ...innerBlocksProps,
+ open: hasSelection || showContent,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("summary", {
+ onClick: event => event.preventDefault(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "summary",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Write summary'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Write summary…'),
+ allowedFormats: [],
+ withoutInteractiveFormatting: true,
+ value: summary,
+ onChange: newSummary => setAttributes({
+ summary: newSummary
+ })
+ })
+ }), innerBlocksProps.children]
+ })]
+ });
+}
+/* harmony default export */ const details_edit = (DetailsEdit);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/details/save.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+function details_save_save({
+ attributes
+}) {
+ const {
+ showContent
+ } = attributes;
+ const summary = attributes.summary ? attributes.summary : 'Details';
+ const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save();
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("details", {
+ ...blockProps,
+ open: showContent,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("summary", {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: summary
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/details/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+const details_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ name: "core/details",
+ title: "Details",
+ category: "text",
+ description: "Hide and show additional content.",
+ keywords: ["accordion", "summary", "toggle", "disclosure"],
+ textdomain: "default",
+ attributes: {
+ showContent: {
+ type: "boolean",
+ "default": false
+ },
+ summary: {
+ type: "rich-text",
+ source: "rich-text",
+ selector: "summary"
+ }
+ },
+ supports: {
+ __experimentalOnEnter: true,
+ align: ["wide", "full"],
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ __experimentalBorder: {
+ color: true,
+ width: true,
+ style: true
+ },
+ html: false,
+ spacing: {
+ margin: true,
+ padding: true,
+ blockGap: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ layout: {
+ allowEditing: false
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ },
+ editorStyle: "wp-block-details-editor",
+ style: "wp-block-details"
+};
+
+
+const {
+ name: details_name
+} = details_metadata;
+
+const details_settings = {
+ icon: library_details,
+ example: {
+ attributes: {
+ summary: 'La Mancha',
+ showContent: true
+ },
+ innerBlocks: [{
+ name: 'core/paragraph',
+ attributes: {
+ content: (0,external_wp_i18n_namespaceObject.__)('In a village of La Mancha, the name of which I have no desire to call to mind, there lived not long since one of those gentlemen that keep a lance in the lance-rack, an old buckler, a lean hack, and a greyhound for coursing.')
+ }
+ }]
+ },
+ save: details_save_save,
+ edit: details_edit
+};
+const details_init = () => initBlock({
+ name: details_name,
+ metadata: details_metadata,
+ settings: details_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/pencil.js
-
-
-/**
- * WordPress dependencies
- */
-
-const pencil = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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 */ var library_pencil = (pencil);
+/**
+ * WordPress dependencies
+ */
+
+
+const pencil = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"
+ })
+});
+/* harmony default export */ const library_pencil = (pencil);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/edit.js
/**
* Internal dependencies
*/
-/* harmony default export */ var library_edit = (library_pencil);
+
+/* harmony default export */ const library_edit = (library_pencil);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/embed-controls.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
+
@@ -12085,272 +15764,339 @@
function getResponsiveHelp(checked) {
return checked ? (0,external_wp_i18n_namespaceObject.__)('This embed will preserve its aspect ratio when the browser is resized.') : (0,external_wp_i18n_namespaceObject.__)('This embed may not preserve its aspect ratio when the browser is resized.');
}
-
-const EmbedControls = _ref => {
- let {
- blockSupportsResponsive,
- showEditButton,
- themeSupportsResponsive,
- allowResponsive,
- toggleResponsive,
- switchBackToURLInput
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, showEditButton && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- className: "components-toolbar__control",
- label: (0,external_wp_i18n_namespaceObject.__)('Edit URL'),
- icon: library_edit,
- onClick: switchBackToURLInput
- }))), themeSupportsResponsive && blockSupportsResponsive && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Media settings'),
- className: "blocks-responsive"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Resize for smaller devices'),
- checked: allowResponsive,
- help: getResponsiveHelp,
- onChange: toggleResponsive
- }))));
-};
-
-/* harmony default export */ var embed_controls = (EmbedControls);
+const EmbedControls = ({
+ blockSupportsResponsive,
+ showEditButton,
+ themeSupportsResponsive,
+ allowResponsive,
+ toggleResponsive,
+ switchBackToURLInput
+}) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: showEditButton && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ className: "components-toolbar__control",
+ label: (0,external_wp_i18n_namespaceObject.__)('Edit URL'),
+ icon: library_edit,
+ onClick: switchBackToURLInput
+ })
+ })
+ }), themeSupportsResponsive && blockSupportsResponsive && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Media settings'),
+ className: "blocks-responsive",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Resize for smaller devices'),
+ checked: allowResponsive,
+ help: getResponsiveHelp,
+ onChange: toggleResponsive
+ })
+ })
+ })]
+});
+/* harmony default export */ const embed_controls = (EmbedControls);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/icons.js
-
-
-/**
- * WordPress dependencies
- */
-
-const embedContentIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm.5 16c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V9.8l4.7-5.3H19c.3 0 .5.2.5.5v14zm-6-9.5L16 12l-2.5 2.8 1.1 1L18 12l-3.5-3.5-1 1zm-3 0l-1-1L6 12l3.5 3.8 1.1-1L8 12l2.5-2.5z"
-}));
-const embedAudioIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm.5 16c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V9.8l4.7-5.3H19c.3 0 .5.2.5.5v14zM13.2 7.7c-.4.4-.7 1.1-.7 1.9v3.7c-.4-.3-.8-.4-1.3-.4-1.2 0-2.2 1-2.2 2.2 0 1.2 1 2.2 2.2 2.2.5 0 1-.2 1.4-.5.9-.6 1.4-1.6 1.4-2.6V9.6c0-.4.1-.6.2-.8.3-.3 1-.3 1.6-.3h.2V7h-.2c-.7 0-1.8 0-2.6.7z"
-}));
-const embedPhotoIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9.2 4.5H19c.3 0 .5.2.5.5v8.4l-3-2.9c-.3-.3-.8-.3-1 0L11.9 14 9 12c-.3-.2-.6-.2-.8 0l-3.6 2.6V9.8l4.6-5.3zm9.8 15H5c-.3 0-.5-.2-.5-.5v-2.4l4.1-3 3 1.9c.3.2.7.2.9-.1L16 12l3.5 3.4V19c0 .3-.2.5-.5.5z"
-}));
-const embedVideoIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm.5 16c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V9.8l4.7-5.3H19c.3 0 .5.2.5.5v14zM10 15l5-3-5-3v6z"
-}));
+/**
+ * WordPress dependencies
+ */
+
+
+
+const embedContentIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm.5 16c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V9.8l4.7-5.3H19c.3 0 .5.2.5.5v14zm-6-9.5L16 12l-2.5 2.8 1.1 1L18 12l-3.5-3.5-1 1zm-3 0l-1-1L6 12l3.5 3.8 1.1-1L8 12l2.5-2.5z"
+ })
+});
+const embedAudioIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm.5 16c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V9.8l4.7-5.3H19c.3 0 .5.2.5.5v14zM13.2 7.7c-.4.4-.7 1.1-.7 1.9v3.7c-.4-.3-.8-.4-1.3-.4-1.2 0-2.2 1-2.2 2.2 0 1.2 1 2.2 2.2 2.2.5 0 1-.2 1.4-.5.9-.6 1.4-1.6 1.4-2.6V9.6c0-.4.1-.6.2-.8.3-.3 1-.3 1.6-.3h.2V7h-.2c-.7 0-1.8 0-2.6.7z"
+ })
+});
+const embedPhotoIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9.2 4.5H19c.3 0 .5.2.5.5v8.4l-3-2.9c-.3-.3-.8-.3-1 0L11.9 14 9 12c-.3-.2-.6-.2-.8 0l-3.6 2.6V9.8l4.6-5.3zm9.8 15H5c-.3 0-.5-.2-.5-.5v-2.4l4.1-3 3 1.9c.3.2.7.2.9-.1L16 12l3.5 3.4V19c0 .3-.2.5-.5.5z"
+ })
+});
+const embedVideoIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm.5 16c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V9.8l4.7-5.3H19c.3 0 .5.2.5.5v14zM10 15l5-3-5-3v6z"
+ })
+});
const embedTwitterIcon = {
foreground: '#1da1f2',
- src: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
+ src: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.G, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M22.23 5.924c-.736.326-1.527.547-2.357.646.847-.508 1.498-1.312 1.804-2.27-.793.47-1.67.812-2.606.996C18.325 4.498 17.258 4 16.078 4c-2.266 0-4.103 1.837-4.103 4.103 0 .322.036.635.106.935-3.41-.17-6.433-1.804-8.457-4.287-.353.607-.556 1.312-.556 2.064 0 1.424.724 2.68 1.825 3.415-.673-.022-1.305-.207-1.86-.514v.052c0 1.988 1.415 3.647 3.293 4.023-.344.095-.707.145-1.08.145-.265 0-.522-.026-.773-.074.522 1.63 2.038 2.817 3.833 2.85-1.404 1.1-3.174 1.757-5.096 1.757-.332 0-.66-.02-.98-.057 1.816 1.164 3.973 1.843 6.29 1.843 7.547 0 11.675-6.252 11.675-11.675 0-.178-.004-.355-.012-.53.802-.578 1.497-1.3 2.047-2.124z"
- })))
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.G, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M22.23 5.924c-.736.326-1.527.547-2.357.646.847-.508 1.498-1.312 1.804-2.27-.793.47-1.67.812-2.606.996C18.325 4.498 17.258 4 16.078 4c-2.266 0-4.103 1.837-4.103 4.103 0 .322.036.635.106.935-3.41-.17-6.433-1.804-8.457-4.287-.353.607-.556 1.312-.556 2.064 0 1.424.724 2.68 1.825 3.415-.673-.022-1.305-.207-1.86-.514v.052c0 1.988 1.415 3.647 3.293 4.023-.344.095-.707.145-1.08.145-.265 0-.522-.026-.773-.074.522 1.63 2.038 2.817 3.833 2.85-1.404 1.1-3.174 1.757-5.096 1.757-.332 0-.66-.02-.98-.057 1.816 1.164 3.973 1.843 6.29 1.843 7.547 0 11.675-6.252 11.675-11.675 0-.178-.004-.355-.012-.53.802-.578 1.497-1.3 2.047-2.124z"
+ })
+ })
+ })
};
const embedYouTubeIcon = {
foreground: '#ff0000',
- src: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M21.8 8s-.195-1.377-.795-1.984c-.76-.797-1.613-.8-2.004-.847-2.798-.203-6.996-.203-6.996-.203h-.01s-4.197 0-6.996.202c-.39.046-1.242.05-2.003.846C2.395 6.623 2.2 8 2.2 8S2 9.62 2 11.24v1.517c0 1.618.2 3.237.2 3.237s.195 1.378.795 1.985c.76.797 1.76.77 2.205.855 1.6.153 6.8.2 6.8.2s4.203-.005 7-.208c.392-.047 1.244-.05 2.005-.847.6-.607.795-1.985.795-1.985s.2-1.618.2-3.237v-1.517C22 9.62 21.8 8 21.8 8zM9.935 14.595v-5.62l5.403 2.82-5.403 2.8z"
- }))
+ src: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M21.8 8s-.195-1.377-.795-1.984c-.76-.797-1.613-.8-2.004-.847-2.798-.203-6.996-.203-6.996-.203h-.01s-4.197 0-6.996.202c-.39.046-1.242.05-2.003.846C2.395 6.623 2.2 8 2.2 8S2 9.62 2 11.24v1.517c0 1.618.2 3.237.2 3.237s.195 1.378.795 1.985c.76.797 1.76.77 2.205.855 1.6.153 6.8.2 6.8.2s4.203-.005 7-.208c.392-.047 1.244-.05 2.005-.847.6-.607.795-1.985.795-1.985s.2-1.618.2-3.237v-1.517C22 9.62 21.8 8 21.8 8zM9.935 14.595v-5.62l5.403 2.82-5.403 2.8z"
+ })
+ })
};
const embedFacebookIcon = {
foreground: '#3b5998',
- src: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M20 3H4c-.6 0-1 .4-1 1v16c0 .5.4 1 1 1h8.6v-7h-2.3v-2.7h2.3v-2c0-2.3 1.4-3.6 3.5-3.6 1 0 1.8.1 2.1.1v2.4h-1.4c-1.1 0-1.3.5-1.3 1.3v1.7h2.7l-.4 2.8h-2.3v7H20c.5 0 1-.4 1-1V4c0-.6-.4-1-1-1z"
- }))
-};
-const embedInstagramIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.G, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M12 4.622c2.403 0 2.688.01 3.637.052.877.04 1.354.187 1.67.31.42.163.72.358 1.036.673.315.315.51.615.673 1.035.123.317.27.794.31 1.67.043.95.052 1.235.052 3.638s-.01 2.688-.052 3.637c-.04.877-.187 1.354-.31 1.67-.163.42-.358.72-.673 1.036-.315.315-.615.51-1.035.673-.317.123-.794.27-1.67.31-.95.043-1.234.052-3.638.052s-2.688-.01-3.637-.052c-.877-.04-1.354-.187-1.67-.31-.42-.163-.72-.358-1.036-.673-.315-.315-.51-.615-.673-1.035-.123-.317-.27-.794-.31-1.67-.043-.95-.052-1.235-.052-3.638s.01-2.688.052-3.637c.04-.877.187-1.354.31-1.67.163-.42.358-.72.673-1.036.315-.315.615-.51 1.035-.673.317-.123.794-.27 1.67-.31.95-.043 1.235-.052 3.638-.052M12 3c-2.444 0-2.75.01-3.71.054s-1.613.196-2.185.418c-.592.23-1.094.538-1.594 1.04-.5.5-.807 1-1.037 1.593-.223.572-.375 1.226-.42 2.184C3.01 9.25 3 9.555 3 12s.01 2.75.054 3.71.196 1.613.418 2.186c.23.592.538 1.094 1.038 1.594s1.002.808 1.594 1.038c.572.222 1.227.375 2.185.418.96.044 1.266.054 3.71.054s2.75-.01 3.71-.054 1.613-.196 2.186-.418c.592-.23 1.094-.538 1.594-1.038s.808-1.002 1.038-1.594c.222-.572.375-1.227.418-2.185.044-.96.054-1.266.054-3.71s-.01-2.75-.054-3.71-.196-1.613-.418-2.186c-.23-.592-.538-1.094-1.038-1.594s-1.002-.808-1.594-1.038c-.572-.222-1.227-.375-2.185-.418C14.75 3.01 14.445 3 12 3zm0 4.378c-2.552 0-4.622 2.07-4.622 4.622s2.07 4.622 4.622 4.622 4.622-2.07 4.622-4.622S14.552 7.378 12 7.378zM12 15c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3zm4.804-8.884c-.596 0-1.08.484-1.08 1.08s.484 1.08 1.08 1.08c.596 0 1.08-.484 1.08-1.08s-.483-1.08-1.08-1.08z"
-})));
+ src: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M20 3H4c-.6 0-1 .4-1 1v16c0 .5.4 1 1 1h8.6v-7h-2.3v-2.7h2.3v-2c0-2.3 1.4-3.6 3.5-3.6 1 0 1.8.1 2.1.1v2.4h-1.4c-1.1 0-1.3.5-1.3 1.3v1.7h2.7l-.4 2.8h-2.3v7H20c.5 0 1-.4 1-1V4c0-.6-.4-1-1-1z"
+ })
+ })
+};
+const embedInstagramIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.G, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M12 4.622c2.403 0 2.688.01 3.637.052.877.04 1.354.187 1.67.31.42.163.72.358 1.036.673.315.315.51.615.673 1.035.123.317.27.794.31 1.67.043.95.052 1.235.052 3.638s-.01 2.688-.052 3.637c-.04.877-.187 1.354-.31 1.67-.163.42-.358.72-.673 1.036-.315.315-.615.51-1.035.673-.317.123-.794.27-1.67.31-.95.043-1.234.052-3.638.052s-2.688-.01-3.637-.052c-.877-.04-1.354-.187-1.67-.31-.42-.163-.72-.358-1.036-.673-.315-.315-.51-.615-.673-1.035-.123-.317-.27-.794-.31-1.67-.043-.95-.052-1.235-.052-3.638s.01-2.688.052-3.637c.04-.877.187-1.354.31-1.67.163-.42.358-.72.673-1.036.315-.315.615-.51 1.035-.673.317-.123.794-.27 1.67-.31.95-.043 1.235-.052 3.638-.052M12 3c-2.444 0-2.75.01-3.71.054s-1.613.196-2.185.418c-.592.23-1.094.538-1.594 1.04-.5.5-.807 1-1.037 1.593-.223.572-.375 1.226-.42 2.184C3.01 9.25 3 9.555 3 12s.01 2.75.054 3.71.196 1.613.418 2.186c.23.592.538 1.094 1.038 1.594s1.002.808 1.594 1.038c.572.222 1.227.375 2.185.418.96.044 1.266.054 3.71.054s2.75-.01 3.71-.054 1.613-.196 2.186-.418c.592-.23 1.094-.538 1.594-1.038s.808-1.002 1.038-1.594c.222-.572.375-1.227.418-2.185.044-.96.054-1.266.054-3.71s-.01-2.75-.054-3.71-.196-1.613-.418-2.186c-.23-.592-.538-1.094-1.038-1.594s-1.002-.808-1.594-1.038c-.572-.222-1.227-.375-2.185-.418C14.75 3.01 14.445 3 12 3zm0 4.378c-2.552 0-4.622 2.07-4.622 4.622s2.07 4.622 4.622 4.622 4.622-2.07 4.622-4.622S14.552 7.378 12 7.378zM12 15c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3zm4.804-8.884c-.596 0-1.08.484-1.08 1.08s.484 1.08 1.08 1.08c.596 0 1.08-.484 1.08-1.08s-.483-1.08-1.08-1.08z"
+ })
+ })
+});
const embedWordPressIcon = {
foreground: '#0073AA',
- src: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.G, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M12.158 12.786l-2.698 7.84c.806.236 1.657.365 2.54.365 1.047 0 2.05-.18 2.986-.51-.024-.037-.046-.078-.065-.123l-2.762-7.57zM3.008 12c0 3.56 2.07 6.634 5.068 8.092L3.788 8.342c-.5 1.117-.78 2.354-.78 3.658zm15.06-.454c0-1.112-.398-1.88-.74-2.48-.456-.74-.883-1.368-.883-2.11 0-.825.627-1.595 1.51-1.595.04 0 .078.006.116.008-1.598-1.464-3.73-2.36-6.07-2.36-3.14 0-5.904 1.613-7.512 4.053.21.008.41.012.58.012.94 0 2.395-.114 2.395-.114.484-.028.54.684.057.74 0 0-.487.058-1.03.086l3.275 9.74 1.968-5.902-1.4-3.838c-.485-.028-.944-.085-.944-.085-.486-.03-.43-.77.056-.742 0 0 1.484.114 2.368.114.94 0 2.397-.114 2.397-.114.486-.028.543.684.058.74 0 0-.488.058-1.03.086l3.25 9.665.897-2.997c.456-1.17.684-2.137.684-2.907zm1.82-3.86c.04.286.06.593.06.924 0 .912-.17 1.938-.683 3.22l-2.746 7.94c2.672-1.558 4.47-4.454 4.47-7.77 0-1.564-.4-3.033-1.1-4.314zM12 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10z"
- })))
+ src: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.G, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M12.158 12.786l-2.698 7.84c.806.236 1.657.365 2.54.365 1.047 0 2.05-.18 2.986-.51-.024-.037-.046-.078-.065-.123l-2.762-7.57zM3.008 12c0 3.56 2.07 6.634 5.068 8.092L3.788 8.342c-.5 1.117-.78 2.354-.78 3.658zm15.06-.454c0-1.112-.398-1.88-.74-2.48-.456-.74-.883-1.368-.883-2.11 0-.825.627-1.595 1.51-1.595.04 0 .078.006.116.008-1.598-1.464-3.73-2.36-6.07-2.36-3.14 0-5.904 1.613-7.512 4.053.21.008.41.012.58.012.94 0 2.395-.114 2.395-.114.484-.028.54.684.057.74 0 0-.487.058-1.03.086l3.275 9.74 1.968-5.902-1.4-3.838c-.485-.028-.944-.085-.944-.085-.486-.03-.43-.77.056-.742 0 0 1.484.114 2.368.114.94 0 2.397-.114 2.397-.114.486-.028.543.684.058.74 0 0-.488.058-1.03.086l3.25 9.665.897-2.997c.456-1.17.684-2.137.684-2.907zm1.82-3.86c.04.286.06.593.06.924 0 .912-.17 1.938-.683 3.22l-2.746 7.94c2.672-1.558 4.47-4.454 4.47-7.77 0-1.564-.4-3.033-1.1-4.314zM12 22C6.486 22 2 17.514 2 12S6.486 2 12 2s10 4.486 10 10-4.486 10-10 10z"
+ })
+ })
+ })
};
const embedSpotifyIcon = {
foreground: '#1db954',
- src: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m4.586 14.424c-.18.295-.563.387-.857.207-2.35-1.434-5.305-1.76-8.786-.963-.335.077-.67-.133-.746-.47-.077-.334.132-.67.47-.745 3.808-.87 7.076-.496 9.712 1.115.293.18.386.563.206.857M17.81 13.7c-.226.367-.706.482-1.072.257-2.687-1.652-6.785-2.13-9.965-1.166-.413.127-.848-.106-.973-.517-.125-.413.108-.848.52-.973 3.632-1.102 8.147-.568 11.234 1.328.366.226.48.707.256 1.072m.105-2.835C14.692 8.95 9.375 8.775 6.297 9.71c-.493.15-1.016-.13-1.166-.624-.148-.495.13-1.017.625-1.167 3.532-1.073 9.404-.866 13.115 1.337.445.264.59.838.327 1.282-.264.443-.838.59-1.282.325"
- }))
-};
-const embedFlickrIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "m6.5 7c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5zm11 0c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5z"
-}));
+ src: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m4.586 14.424c-.18.295-.563.387-.857.207-2.35-1.434-5.305-1.76-8.786-.963-.335.077-.67-.133-.746-.47-.077-.334.132-.67.47-.745 3.808-.87 7.076-.496 9.712 1.115.293.18.386.563.206.857M17.81 13.7c-.226.367-.706.482-1.072.257-2.687-1.652-6.785-2.13-9.965-1.166-.413.127-.848-.106-.973-.517-.125-.413.108-.848.52-.973 3.632-1.102 8.147-.568 11.234 1.328.366.226.48.707.256 1.072m.105-2.835C14.692 8.95 9.375 8.775 6.297 9.71c-.493.15-1.016-.13-1.166-.624-.148-.495.13-1.017.625-1.167 3.532-1.073 9.404-.866 13.115 1.337.445.264.59.838.327 1.282-.264.443-.838.59-1.282.325"
+ })
+ })
+};
+const embedFlickrIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "m6.5 7c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5zm11 0c-2.75 0-5 2.25-5 5s2.25 5 5 5 5-2.25 5-5-2.25-5-5-5z"
+ })
+});
const embedVimeoIcon = {
foreground: '#1ab7ea',
- src: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
+ src: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.G, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M22.396 7.164c-.093 2.026-1.507 4.8-4.245 8.32C15.323 19.16 12.93 21 10.97 21c-1.214 0-2.24-1.12-3.08-3.36-.56-2.052-1.118-4.105-1.68-6.158-.622-2.24-1.29-3.36-2.004-3.36-.156 0-.7.328-1.634.98l-.978-1.26c1.027-.903 2.04-1.806 3.037-2.71C6 3.95 7.03 3.328 7.716 3.265c1.62-.156 2.616.95 2.99 3.32.404 2.558.685 4.148.84 4.77.468 2.12.982 3.18 1.543 3.18.435 0 1.09-.687 1.963-2.064.872-1.376 1.34-2.422 1.402-3.142.125-1.187-.343-1.782-1.4-1.782-.5 0-1.013.115-1.542.34 1.023-3.35 2.977-4.976 5.862-4.883 2.14.063 3.148 1.45 3.024 4.16z"
- })))
-};
-const embedRedditIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M22 11.816c0-1.256-1.02-2.277-2.277-2.277-.593 0-1.122.24-1.526.613-1.48-.965-3.455-1.594-5.647-1.69l1.17-3.702 3.18.75c.01 1.027.847 1.86 1.877 1.86 1.035 0 1.877-.84 1.877-1.877 0-1.035-.842-1.877-1.877-1.877-.77 0-1.43.466-1.72 1.13L13.55 3.92c-.204-.047-.4.067-.46.26l-1.35 4.27c-2.317.037-4.412.67-5.97 1.67-.402-.355-.917-.58-1.493-.58C3.02 9.54 2 10.56 2 11.815c0 .814.433 1.523 1.078 1.925-.037.222-.06.445-.06.673 0 3.292 4.01 5.97 8.94 5.97s8.94-2.678 8.94-5.97c0-.214-.02-.424-.052-.632.687-.39 1.154-1.12 1.154-1.964zm-3.224-7.422c.606 0 1.1.493 1.1 1.1s-.493 1.1-1.1 1.1-1.1-.494-1.1-1.1.493-1.1 1.1-1.1zm-16 7.422c0-.827.673-1.5 1.5-1.5.313 0 .598.103.838.27-.85.675-1.477 1.478-1.812 2.36-.32-.274-.525-.676-.525-1.13zm9.183 7.79c-4.502 0-8.165-2.33-8.165-5.193S7.457 9.22 11.96 9.22s8.163 2.33 8.163 5.193-3.663 5.193-8.164 5.193zM20.635 13c-.326-.89-.948-1.7-1.797-2.383.247-.186.55-.3.882-.3.827 0 1.5.672 1.5 1.5 0 .482-.23.91-.586 1.184zm-11.64 1.704c-.76 0-1.397-.616-1.397-1.376 0-.76.636-1.397 1.396-1.397.76 0 1.376.638 1.376 1.398 0 .76-.616 1.376-1.376 1.376zm7.405-1.376c0 .76-.615 1.376-1.375 1.376s-1.4-.616-1.4-1.376c0-.76.64-1.397 1.4-1.397.76 0 1.376.638 1.376 1.398zm-1.17 3.38c.15.152.15.398 0 .55-.675.674-1.728 1.002-3.22 1.002l-.01-.002-.012.002c-1.492 0-2.544-.328-3.218-1.002-.152-.152-.152-.398 0-.55.152-.152.4-.15.55 0 .52.52 1.394.775 2.67.775l.01.002.01-.002c1.276 0 2.15-.253 2.67-.775.15-.152.398-.152.55 0z"
-}));
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.G, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M22.396 7.164c-.093 2.026-1.507 4.8-4.245 8.32C15.323 19.16 12.93 21 10.97 21c-1.214 0-2.24-1.12-3.08-3.36-.56-2.052-1.118-4.105-1.68-6.158-.622-2.24-1.29-3.36-2.004-3.36-.156 0-.7.328-1.634.98l-.978-1.26c1.027-.903 2.04-1.806 3.037-2.71C6 3.95 7.03 3.328 7.716 3.265c1.62-.156 2.616.95 2.99 3.32.404 2.558.685 4.148.84 4.77.468 2.12.982 3.18 1.543 3.18.435 0 1.09-.687 1.963-2.064.872-1.376 1.34-2.422 1.402-3.142.125-1.187-.343-1.782-1.4-1.782-.5 0-1.013.115-1.542.34 1.023-3.35 2.977-4.976 5.862-4.883 2.14.063 3.148 1.45 3.024 4.16z"
+ })
+ })
+ })
+};
+const embedRedditIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M22 12.068a2.184 2.184 0 0 0-2.186-2.186c-.592 0-1.13.233-1.524.609-1.505-1.075-3.566-1.774-5.86-1.864l1.004-4.695 3.261.699A1.56 1.56 0 1 0 18.255 3c-.61-.001-1.147.357-1.398.877l-3.638-.77a.382.382 0 0 0-.287.053.348.348 0 0 0-.161.251l-1.112 5.233c-2.33.072-4.426.77-5.95 1.864a2.201 2.201 0 0 0-1.523-.61 2.184 2.184 0 0 0-.896 4.176c-.036.215-.053.43-.053.663 0 3.37 3.924 6.111 8.763 6.111s8.763-2.724 8.763-6.11c0-.216-.017-.449-.053-.664A2.207 2.207 0 0 0 22 12.068Zm-15.018 1.56a1.56 1.56 0 0 1 3.118 0c0 .86-.699 1.558-1.559 1.558-.86.018-1.559-.699-1.559-1.559Zm8.728 4.139c-1.076 1.075-3.119 1.147-3.71 1.147-.61 0-2.652-.09-3.71-1.147a.4.4 0 0 1 0-.573.4.4 0 0 1 .574 0c.68.68 2.114.914 3.136.914 1.022 0 2.473-.233 3.136-.914a.4.4 0 0 1 .574 0 .436.436 0 0 1 0 .573Zm-.287-2.563a1.56 1.56 0 0 1 0-3.118c.86 0 1.56.699 1.56 1.56 0 .841-.7 1.558-1.56 1.558Z"
+ })
+});
const embedTumblrIcon = {
foreground: '#35465c',
- src: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M19 3H5a2 2 0 00-2 2v14c0 1.1.9 2 2 2h14a2 2 0 002-2V5a2 2 0 00-2-2zm-5.69 14.66c-2.72 0-3.1-1.9-3.1-3.16v-3.56H8.49V8.99c1.7-.62 2.54-1.99 2.64-2.87 0-.06.06-.41.06-.58h1.9v3.1h2.17v2.3h-2.18v3.1c0 .47.13 1.3 1.2 1.26h1.1v2.36c-1.01.02-2.07 0-2.07 0z"
- }))
-};
-const embedAmazonIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M18.42 14.58c-.51-.66-1.05-1.23-1.05-2.5V7.87c0-1.8.15-3.45-1.2-4.68-1.05-1.02-2.79-1.35-4.14-1.35-2.6 0-5.52.96-6.12 4.14-.06.36.18.54.4.57l2.66.3c.24-.03.42-.27.48-.5.24-1.12 1.17-1.63 2.2-1.63.56 0 1.22.21 1.55.7.4.56.33 1.31.33 1.97v.36c-1.59.18-3.66.27-5.16.93a4.63 4.63 0 0 0-2.93 4.44c0 2.82 1.8 4.23 4.1 4.23 1.95 0 3.03-.45 4.53-1.98.51.72.66 1.08 1.59 1.83.18.09.45.09.63-.1v.04l2.1-1.8c.24-.21.2-.48.03-.75zm-5.4-1.2c-.45.75-1.14 1.23-1.92 1.23-1.05 0-1.65-.81-1.65-1.98 0-2.31 2.1-2.73 4.08-2.73v.6c0 1.05.03 1.92-.5 2.88z"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M21.69 19.2a17.62 17.62 0 0 1-21.6-1.57c-.23-.2 0-.5.28-.33a23.88 23.88 0 0 0 20.93 1.3c.45-.19.84.3.39.6z"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M22.8 17.96c-.36-.45-2.22-.2-3.1-.12-.23.03-.3-.18-.05-.36 1.5-1.05 3.96-.75 4.26-.39.3.36-.1 2.82-1.5 4.02-.21.18-.42.1-.3-.15.3-.8 1.02-2.58.69-3z"
-}));
-const embedAnimotoIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "m.0206909 21 19.8160091-13.07806 3.5831 6.20826z",
- fill: "#4bc7ee"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "m23.7254 19.0205-10.1074-17.18468c-.6421-1.114428-1.7087-1.114428-2.3249 0l-11.2931 19.16418h22.5655c1.279 0 1.8019-.8905 1.1599-1.9795z",
- fill: "#d4cdcb"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "m.0206909 21 15.2439091-16.38571 4.3029 7.32271z",
- fill: "#c3d82e"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "m13.618 1.83582c-.6421-1.114428-1.7087-1.114428-2.3249 0l-11.2931 19.16418 15.2646-16.38573z",
- fill: "#e4ecb0"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "m.0206909 21 19.5468091-9.063 1.6621 2.8344z",
- fill: "#209dbd"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "m.0206909 21 17.9209091-11.82623 1.6259 2.76323z",
- fill: "#7cb3c9"
-}));
-const embedDailymotionIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "m12.1479 18.5957c-2.4949 0-4.28131-1.7558-4.28131-4.0658 0-2.2176 1.78641-4.0965 4.09651-4.0965 2.2793 0 4.0349 1.7864 4.0349 4.1581 0 2.2794-1.7556 4.0042-3.8501 4.0042zm8.3521-18.5957-4.5329 1v7c-1.1088-1.41691-2.8028-1.8787-4.8049-1.8787-2.09443 0-3.97329.76993-5.5133 2.27917-1.72483 1.66323-2.6489 3.78863-2.6489 6.16033 0 2.5873.98562 4.8049 2.89526 6.499 1.44763 1.2936 3.17251 1.9402 5.17454 1.9402 1.9713 0 3.4498-.5236 4.8973-1.9402v1.9402h4.5329c0-7.6359 0-15.3641 0-23z",
- fill: "#333436"
-}));
-const embedPinterestIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
+ src: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M19 3H5a2 2 0 00-2 2v14c0 1.1.9 2 2 2h14a2 2 0 002-2V5a2 2 0 00-2-2zm-5.69 14.66c-2.72 0-3.1-1.9-3.1-3.16v-3.56H8.49V8.99c1.7-.62 2.54-1.99 2.64-2.87 0-.06.06-.41.06-.58h1.9v3.1h2.17v2.3h-2.18v3.1c0 .47.13 1.3 1.2 1.26h1.1v2.36c-1.01.02-2.07 0-2.07 0z"
+ })
+ })
+};
+const embedAmazonIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M18.42 14.58c-.51-.66-1.05-1.23-1.05-2.5V7.87c0-1.8.15-3.45-1.2-4.68-1.05-1.02-2.79-1.35-4.14-1.35-2.6 0-5.52.96-6.12 4.14-.06.36.18.54.4.57l2.66.3c.24-.03.42-.27.48-.5.24-1.12 1.17-1.63 2.2-1.63.56 0 1.22.21 1.55.7.4.56.33 1.31.33 1.97v.36c-1.59.18-3.66.27-5.16.93a4.63 4.63 0 0 0-2.93 4.44c0 2.82 1.8 4.23 4.1 4.23 1.95 0 3.03-.45 4.53-1.98.51.72.66 1.08 1.59 1.83.18.09.45.09.63-.1v.04l2.1-1.8c.24-.21.2-.48.03-.75zm-5.4-1.2c-.45.75-1.14 1.23-1.92 1.23-1.05 0-1.65-.81-1.65-1.98 0-2.31 2.1-2.73 4.08-2.73v.6c0 1.05.03 1.92-.5 2.88z"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M21.69 19.2a17.62 17.62 0 0 1-21.6-1.57c-.23-.2 0-.5.28-.33a23.88 23.88 0 0 0 20.93 1.3c.45-.19.84.3.39.6z"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M22.8 17.96c-.36-.45-2.22-.2-3.1-.12-.23.03-.3-.18-.05-.36 1.5-1.05 3.96-.75 4.26-.39.3.36-.1 2.82-1.5 4.02-.21.18-.42.1-.3-.15.3-.8 1.02-2.58.69-3z"
+ })]
+});
+const embedAnimotoIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "m.0206909 21 19.8160091-13.07806 3.5831 6.20826z",
+ fill: "#4bc7ee"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "m23.7254 19.0205-10.1074-17.18468c-.6421-1.114428-1.7087-1.114428-2.3249 0l-11.2931 19.16418h22.5655c1.279 0 1.8019-.8905 1.1599-1.9795z",
+ fill: "#d4cdcb"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "m.0206909 21 15.2439091-16.38571 4.3029 7.32271z",
+ fill: "#c3d82e"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "m13.618 1.83582c-.6421-1.114428-1.7087-1.114428-2.3249 0l-11.2931 19.16418 15.2646-16.38573z",
+ fill: "#e4ecb0"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "m.0206909 21 19.5468091-9.063 1.6621 2.8344z",
+ fill: "#209dbd"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "m.0206909 21 17.9209091-11.82623 1.6259 2.76323z",
+ fill: "#7cb3c9"
+ })]
+});
+const embedDailymotionIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M11.903 16.568c-1.82 0-3.124-1.281-3.124-2.967a2.987 2.987 0 0 1 2.989-2.989c1.663 0 2.944 1.304 2.944 3.034 0 1.663-1.281 2.922-2.81 2.922ZM17.997 3l-3.308.73v5.107c-.809-1.034-2.045-1.37-3.505-1.37-1.529 0-2.9.561-4.023 1.662-1.259 1.214-1.933 2.764-1.933 4.495 0 1.888.72 3.506 2.113 4.742 1.056.944 2.314 1.415 3.775 1.415 1.438 0 2.517-.382 3.573-1.415v1.415h3.308V3Z",
+ fill: "#333436"
+ })
+});
+const embedPinterestIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"
-}));
-const embedWolframIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- viewBox: "0 0 44 44"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M32.59521,22.001l4.31885-4.84473-6.34131-1.38379.646-6.459-5.94336,2.61035L22,6.31934l-3.27344,5.60351L12.78418,9.3125l.645,6.458L7.08643,17.15234,11.40479,21.999,7.08594,26.84375l6.34131,1.38379-.64551,6.458,5.94287-2.60938L22,37.68066l3.27344-5.60351,5.94287,2.61035-.64551-6.458,6.34277-1.38183Zm.44385,2.75244L30.772,23.97827l-1.59558-2.07391,1.97888.735Zm-8.82147,6.1579L22.75,33.424V30.88977l1.52228-2.22168ZM18.56226,13.48816,19.819,15.09534l-2.49219-.88642L15.94037,12.337Zm6.87719.00116,2.62043-1.15027-1.38654,1.86981L24.183,15.0946Zm3.59357,2.6029-1.22546,1.7381.07525-2.73486,1.44507-1.94867ZM22,29.33008l-2.16406-3.15686L22,23.23688l2.16406,2.93634Zm-4.25458-9.582-.10528-3.836,3.60986,1.284v3.73242Zm5.00458-2.552,3.60986-1.284-.10528,3.836L22.75,20.92853Zm-7.78174-1.10559-.29352-2.94263,1.44245,1.94739.07519,2.73321Zm2.30982,5.08319,3.50817,1.18164-2.16247,2.9342-3.678-1.08447Zm2.4486,7.49285L21.25,30.88977v2.53485L19.78052,30.91Zm3.48707-6.31121,3.50817-1.18164,2.33228,3.03137-3.678,1.08447Zm10.87219-4.28113-2.714,3.04529L28.16418,19.928l1.92176-2.72565ZM24.06036,12.81769l-2.06012,2.6322-2.059-2.63318L22,9.292ZM9.91455,18.07227l4.00079-.87195,1.921,2.72735-3.20794,1.19019Zm2.93024,4.565,1.9801-.73462L13.228,23.97827l-2.26838.77429Zm-1.55591,3.58819L13.701,25.4021l2.64935.78058-2.14447.67853Zm3.64868,1.977L18.19,27.17334l.08313,3.46332L14.52979,32.2793Zm10.7876,2.43549.08447-3.464,3.25165,1.03052.407,4.07684Zm4.06824-3.77478-2.14545-.68,2.65063-.781,2.41266.825Z"
-}));
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"
+ })
+});
+const embedWolframIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 44 44",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M32.59521,22.001l4.31885-4.84473-6.34131-1.38379.646-6.459-5.94336,2.61035L22,6.31934l-3.27344,5.60351L12.78418,9.3125l.645,6.458L7.08643,17.15234,11.40479,21.999,7.08594,26.84375l6.34131,1.38379-.64551,6.458,5.94287-2.60938L22,37.68066l3.27344-5.60351,5.94287,2.61035-.64551-6.458,6.34277-1.38183Zm.44385,2.75244L30.772,23.97827l-1.59558-2.07391,1.97888.735Zm-8.82147,6.1579L22.75,33.424V30.88977l1.52228-2.22168ZM18.56226,13.48816,19.819,15.09534l-2.49219-.88642L15.94037,12.337Zm6.87719.00116,2.62043-1.15027-1.38654,1.86981L24.183,15.0946Zm3.59357,2.6029-1.22546,1.7381.07525-2.73486,1.44507-1.94867ZM22,29.33008l-2.16406-3.15686L22,23.23688l2.16406,2.93634Zm-4.25458-9.582-.10528-3.836,3.60986,1.284v3.73242Zm5.00458-2.552,3.60986-1.284-.10528,3.836L22.75,20.92853Zm-7.78174-1.10559-.29352-2.94263,1.44245,1.94739.07519,2.73321Zm2.30982,5.08319,3.50817,1.18164-2.16247,2.9342-3.678-1.08447Zm2.4486,7.49285L21.25,30.88977v2.53485L19.78052,30.91Zm3.48707-6.31121,3.50817-1.18164,2.33228,3.03137-3.678,1.08447Zm10.87219-4.28113-2.714,3.04529L28.16418,19.928l1.92176-2.72565ZM24.06036,12.81769l-2.06012,2.6322-2.059-2.63318L22,9.292ZM9.91455,18.07227l4.00079-.87195,1.921,2.72735-3.20794,1.19019Zm2.93024,4.565,1.9801-.73462L13.228,23.97827l-2.26838.77429Zm-1.55591,3.58819L13.701,25.4021l2.64935.78058-2.14447.67853Zm3.64868,1.977L18.19,27.17334l.08313,3.46332L14.52979,32.2793Zm10.7876,2.43549.08447-3.464,3.25165,1.03052.407,4.07684Zm4.06824-3.77478-2.14545-.68,2.65063-.781,2.41266.825Z"
+ })
+});
+const embedPocketCastsIcon = {
+ foreground: '#f43e37',
+ src: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ fill: "none",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ fillRule: "evenodd",
+ clipRule: "evenodd",
+ d: "M24,12A12,12,0,1,1,12,0,12,12,0,0,1,24,12Z"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ fillRule: "evenodd",
+ clipRule: "evenodd",
+ d: "M2.67,12a9.33,9.33,0,0,1,18.66,0H19a7,7,0,1,0-7,7v2.33A9.33,9.33,0,0,1,2.67,12ZM12,17.6A5.6,5.6,0,1,1,17.6,12h-2A3.56,3.56,0,1,0,12,15.56Z",
+ fill: "#fff"
+ })]
+ })
+};
+const embedBlueskyIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ fill: "#0a7aff",
+ d: "M6.3,4.2c2.3,1.7,4.8,5.3,5.7,7.2.9-1.9,3.4-5.4,5.7-7.2,1.7-1.3,4.3-2.2,4.3.9s-.4,5.2-.6,5.9c-.7,2.6-3.3,3.2-5.6,2.8,4,.7,5.1,3,2.9,5.3-5,5.2-6.7-2.8-6.7-2.8,0,0-1.7,8-6.7,2.8-2.2-2.3-1.2-4.6,2.9-5.3-2.3.4-4.9-.3-5.6-2.8-.2-.7-.6-5.3-.6-5.9,0-3.1,2.7-2.1,4.3-.9h0Z"
+ })
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/embed-loading.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-const EmbedLoading = () => (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-embed is-loading"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null));
-
-/* harmony default export */ var embed_loading = (EmbedLoading);
+/**
+ * WordPress dependencies
+ */
+
+
+const EmbedLoading = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-embed is-loading",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {})
+});
+/* harmony default export */ const embed_loading = (EmbedLoading);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/embed-placeholder.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-const EmbedPlaceholder = _ref => {
- let {
- icon,
- label,
- value,
- onSubmit,
- onChange,
- cannotEmbed,
- fallback,
- tryAgain
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, {
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+const EmbedPlaceholder = ({
+ icon,
+ label,
+ value,
+ onSubmit,
+ onChange,
+ cannotEmbed,
+ fallback,
+ tryAgain
+}) => {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Placeholder, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
icon: icon,
showColors: true
}),
label: label,
className: "wp-block-embed",
- instructions: (0,external_wp_i18n_namespaceObject.__)('Paste a link to the content you want to display on your site.')
- }, (0,external_wp_element_namespaceObject.createElement)("form", {
- onSubmit: onSubmit
- }, (0,external_wp_element_namespaceObject.createElement)("input", {
- type: "url",
- value: value || '',
- className: "components-placeholder__input",
- "aria-label": label,
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Enter URL to embed here…'),
- onChange: onChange
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "primary",
- type: "submit"
- }, (0,external_wp_i18n_namespaceObject._x)('Embed', 'button label'))), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "components-placeholder__learn-more"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ExternalLink, {
- href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/support/article/embeds/')
- }, (0,external_wp_i18n_namespaceObject.__)('Learn more about embeds'))), cannotEmbed && (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "components-placeholder__error"
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "components-placeholder__instructions"
- }, (0,external_wp_i18n_namespaceObject.__)('Sorry, this content could not be embedded.')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "secondary",
- onClick: tryAgain
- }, (0,external_wp_i18n_namespaceObject._x)('Try again', 'button label')), ' ', (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "secondary",
- onClick: fallback
- }, (0,external_wp_i18n_namespaceObject._x)('Convert to link', 'button label'))));
-};
-
-/* harmony default export */ var embed_placeholder = (EmbedPlaceholder);
+ instructions: (0,external_wp_i18n_namespaceObject.__)('Paste a link to the content you want to display on your site.'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("form", {
+ onSubmit: onSubmit,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("input", {
+ type: "url",
+ value: value || '',
+ className: "components-placeholder__input",
+ "aria-label": label,
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Enter URL to embed here…'),
+ onChange: onChange
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "primary",
+ type: "submit",
+ children: (0,external_wp_i18n_namespaceObject._x)('Embed', 'button label')
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-embed__learn-more",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ExternalLink, {
+ href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/documentation/article/embeds/'),
+ children: (0,external_wp_i18n_namespaceObject.__)('Learn more about embeds')
+ })
+ }), cannotEmbed && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
+ spacing: 3,
+ className: "components-placeholder__error",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "components-placeholder__instructions",
+ children: (0,external_wp_i18n_namespaceObject.__)('Sorry, this content could not be embedded.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, {
+ expanded: false,
+ spacing: 3,
+ justify: "flex-start",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "secondary",
+ onClick: tryAgain,
+ children: (0,external_wp_i18n_namespaceObject._x)('Try again', 'button label')
+ }), ' ', /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "secondary",
+ onClick: fallback,
+ children: (0,external_wp_i18n_namespaceObject._x)('Convert to link', 'button label')
+ })]
+ })]
+ })]
+ });
+};
+/* harmony default export */ const embed_placeholder = (EmbedPlaceholder);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/wp-embed-preview.js
-
-
-
-/**
- * WordPress dependencies
- */
-
-
-/** @typedef {import('@wordpress/element').WPSyntheticEvent} WPSyntheticEvent */
+/**
+ * WordPress dependencies
+ */
+
+
+
+/** @typedef {import('react').SyntheticEvent} SyntheticEvent */
const attributeMap = {
class: 'className',
@@ -12358,22 +16104,24 @@
marginheight: 'marginHeight',
marginwidth: 'marginWidth'
};
-function WpEmbedPreview(_ref) {
- let {
- html
- } = _ref;
+function WpEmbedPreview({
+ html
+}) {
const ref = (0,external_wp_element_namespaceObject.useRef)();
const props = (0,external_wp_element_namespaceObject.useMemo)(() => {
const doc = new window.DOMParser().parseFromString(html, 'text/html');
const iframe = doc.querySelector('iframe');
const iframeProps = {};
- if (!iframe) return iframeProps;
- Array.from(iframe.attributes).forEach(_ref2 => {
- let {
- name,
- value
- } = _ref2;
- if (name === 'style') return;
+ if (!iframe) {
+ return iframeProps;
+ }
+ Array.from(iframe.attributes).forEach(({
+ name,
+ value
+ }) => {
+ if (name === 'style') {
+ return;
+ }
iframeProps[attributeMap[name] || name] = value;
});
return iframeProps;
@@ -12385,6 +16133,7 @@
const {
defaultView
} = ownerDocument;
+
/**
* Checks for WordPress embed events signaling the height change when
* iframe content loads or iframe's window is resized. The event is
@@ -12400,42 +16149,38 @@
*
* @param {MessageEvent} event Message event.
*/
-
- function resizeWPembeds(_ref3) {
- let {
- data: {
- secret,
- message,
- value
- } = {}
- } = _ref3;
-
+ function resizeWPembeds({
+ data: {
+ secret,
+ message,
+ value
+ } = {}
+ }) {
if (message !== 'height' || secret !== props['data-secret']) {
return;
}
-
ref.current.height = value;
}
-
defaultView.addEventListener('message', resizeWPembeds);
return () => {
defaultView.removeEventListener('message', resizeWPembeds);
};
}, []);
- return (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-embed__wrapper"
- }, (0,external_wp_element_namespaceObject.createElement)("iframe", _extends({
- ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([ref, (0,external_wp_compose_namespaceObject.useFocusableIframe)()]),
- title: props.title
- }, props)));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-embed__wrapper",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("iframe", {
+ ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([ref, (0,external_wp_compose_namespaceObject.useFocusableIframe)()]),
+ title: props.title,
+ ...props
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/embed-preview.js
-
-
-/**
- * Internal dependencies
- */
+/**
+ * Internal dependencies
+ */
+
/**
* External dependencies
@@ -12465,7 +16210,6 @@
interactive: false
};
}
-
static getDerivedStateFromProps(nextProps, state) {
if (!nextProps.isSelected && state.interactive) {
// We only want to change this when the block is not selected, because changing it when
@@ -12475,10 +16219,8 @@
interactive: false
};
}
-
return null;
}
-
hideOverlay() {
// This is called onMouseUp on the overlay. We can't respond to the `isSelected` prop
// changing, because that happens on mouse down, and the overlay immediately disappears,
@@ -12489,7 +16231,6 @@
interactive: true
});
}
-
render() {
const {
preview,
@@ -12513,82 +16254,89 @@
const html = 'photo' === type ? getPhotoHtml(preview) : preview.html;
const parsedHost = new URL(url).host.split('.');
const parsedHostBaseUrl = parsedHost.splice(parsedHost.length - 2, parsedHost.length - 1).join('.');
- const iframeTitle = (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: host providing embed content e.g: www.youtube.com
+ const iframeTitle = (0,external_wp_i18n_namespaceObject.sprintf)(
+ // translators: %s: host providing embed content e.g: www.youtube.com
(0,external_wp_i18n_namespaceObject.__)('Embedded content from %s'), parsedHostBaseUrl);
- const sandboxClassnames = dedupe_default()(type, className, 'wp-block-embed__wrapper'); // Disabled because the overlay div doesn't actually have a role or functionality
+ const sandboxClassnames = dist_clsx(type, className, 'wp-block-embed__wrapper');
+
+ // Disabled because the overlay div doesn't actually have a role or functionality
// as far as the user is concerned. We're just catching the first click so that
// the block can be selected without interacting with the embed preview that the overlay covers.
-
/* eslint-disable jsx-a11y/no-static-element-interactions */
-
- const embedWrapper = 'wp-embed' === type ? (0,external_wp_element_namespaceObject.createElement)(WpEmbedPreview, {
+ const embedWrapper = 'wp-embed' === type ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WpEmbedPreview, {
html: html
- }) : (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-embed__wrapper"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SandBox, {
- html: html,
- scripts: scripts,
- title: iframeTitle,
- type: sandboxClassnames,
- onFocus: this.hideOverlay
- }), !interactive && (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "block-library-embed__interactive-overlay",
- onMouseUp: this.hideOverlay
- }));
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "wp-block-embed__wrapper",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SandBox, {
+ html: html,
+ scripts: scripts,
+ title: iframeTitle,
+ type: sandboxClassnames,
+ onFocus: this.hideOverlay
+ }), !interactive && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "block-library-embed__interactive-overlay",
+ onMouseUp: this.hideOverlay
+ })]
+ });
/* eslint-enable jsx-a11y/no-static-element-interactions */
- return (0,external_wp_element_namespaceObject.createElement)("figure", {
- className: dedupe_default()(className, 'wp-block-embed', {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ className: dist_clsx(className, 'wp-block-embed', {
'is-type-video': 'video' === type
- })
- }, previewable ? embedWrapper : (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, {
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockIcon, {
- icon: icon,
- showColors: true
- }),
- label: label
- }, (0,external_wp_element_namespaceObject.createElement)("p", {
- className: "components-placeholder__error"
- }, (0,external_wp_element_namespaceObject.createElement)("a", {
- href: url
- }, url)), (0,external_wp_element_namespaceObject.createElement)("p", {
- className: "components-placeholder__error"
- }, (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: host providing embed content e.g: www.youtube.com */
- (0,external_wp_i18n_namespaceObject.__)("Embedded content from %s can't be previewed in the editor."), parsedHostBaseUrl))), (!external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) || isSelected) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- tagName: "figcaption",
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Add caption'),
- value: caption,
- onChange: onCaptionChange,
- inlineToolbar: true,
- __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph'))
- }));
- }
-
-}
-
-/* harmony default export */ var embed_preview = (EmbedPreview);
+ }),
+ children: [previewable ? embedWrapper : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Placeholder, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+ icon: icon,
+ showColors: true
+ }),
+ label: label,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ className: "components-placeholder__error",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: url,
+ children: url
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ className: "components-placeholder__error",
+ children: (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: host providing embed content e.g: www.youtube.com */
+ (0,external_wp_i18n_namespaceObject.__)("Embedded content from %s can't be previewed in the editor."), parsedHostBaseUrl)
+ })]
+ }), (!external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) || isSelected) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "caption",
+ tagName: "figcaption",
+ className: (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Add caption'),
+ value: caption,
+ onChange: onCaptionChange,
+ inlineToolbar: true,
+ __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)()))
+ })]
+ });
+ }
+}
+/* harmony default export */ const embed_preview = (EmbedPreview);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/edit.js
-
-
-/**
- * Internal dependencies
- */
-
-
-
-
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
@@ -12629,54 +16377,47 @@
preview,
fetching,
themeSupportsResponsive,
- cannotEmbed
+ cannotEmbed,
+ hasResolved
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _embedPreview$data;
-
const {
getEmbedPreview,
isPreviewEmbedFallback,
isRequestingEmbedPreview,
- getThemeSupports
+ getThemeSupports,
+ hasFinishedResolution
} = select(external_wp_coreData_namespaceObject.store);
-
if (!attributesUrl) {
return {
fetching: false,
cannotEmbed: false
};
}
-
const embedPreview = getEmbedPreview(attributesUrl);
- const previewIsFallback = isPreviewEmbedFallback(attributesUrl); // The external oEmbed provider does not exist. We got no type info and no html.
-
- const badEmbedProvider = (embedPreview === null || embedPreview === void 0 ? void 0 : embedPreview.html) === false && (embedPreview === null || embedPreview === void 0 ? void 0 : embedPreview.type) === undefined; // Some WordPress URLs that can't be embedded will cause the API to return
+ const previewIsFallback = isPreviewEmbedFallback(attributesUrl);
+
+ // The external oEmbed provider does not exist. We got no type info and no html.
+ const badEmbedProvider = embedPreview?.html === false && embedPreview?.type === undefined;
+ // Some WordPress URLs that can't be embedded will cause the API to return
// a valid JSON response with no HTML and `data.status` set to 404, rather
// than generating a fallback response as other embeds do.
-
- const wordpressCantEmbed = (embedPreview === null || embedPreview === void 0 ? void 0 : (_embedPreview$data = embedPreview.data) === null || _embedPreview$data === void 0 ? void 0 : _embedPreview$data.status) === 404;
+ const wordpressCantEmbed = embedPreview?.data?.status === 404;
const validPreview = !!embedPreview && !badEmbedProvider && !wordpressCantEmbed;
return {
preview: validPreview ? embedPreview : undefined,
fetching: isRequestingEmbedPreview(attributesUrl),
themeSupportsResponsive: getThemeSupports()['responsive-embeds'],
- cannotEmbed: !validPreview || previewIsFallback
+ cannotEmbed: !validPreview || previewIsFallback,
+ hasResolved: hasFinishedResolution('getEmbedPreview', [attributesUrl])
};
}, [attributesUrl]);
+
/**
- * @return {Object} Attributes derived from the preview, merged with the current attributes.
+ * Returns the attributes derived from the preview, merged with the current attributes.
+ *
+ * @return {Object} Merged attributes.
*/
-
- const getMergedAttributes = () => {
- const {
- allowResponsive,
- className
- } = attributes;
- return { ...attributes,
- ...getAttributesFromPreview(preview, title, className, responsive, allowResponsive)
- };
- };
-
+ const getMergedAttributes = () => getMergedAttributesWithPreview(attributes, preview, title, responsive);
const toggleResponsive = () => {
const {
allowResponsive,
@@ -12691,37 +16432,46 @@
className: getClassNames(html, className, responsive && newAllowResponsive)
});
};
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (!(preview !== null && preview !== void 0 && preview.html) || !cannotEmbed || fetching) {
- return;
- } // At this stage, we're not fetching the preview and know it can't be embedded,
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (preview?.html || !cannotEmbed || !hasResolved) {
+ return;
+ }
+
+ // At this stage, we're not fetching the preview and know it can't be embedded,
// so try removing any trailing slash, and resubmit.
-
-
const newURL = attributesUrl.replace(/\/$/, '');
setURL(newURL);
setIsEditingURL(false);
setAttributes({
url: newURL
});
- }, [preview === null || preview === void 0 ? void 0 : preview.html, attributesUrl]); // Handle incoming preview.
-
+ }, [preview?.html, attributesUrl, cannotEmbed, hasResolved, setAttributes]);
+
+ // Try a different provider in case the embed url is not supported.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!cannotEmbed || fetching || !url) {
+ return;
+ }
+
+ // Until X provider is supported in WordPress, as a workaround we use Twitter provider.
+ if ((0,external_wp_url_namespaceObject.getAuthority)(url) === 'x.com') {
+ const newURL = new URL(url);
+ newURL.host = 'twitter.com';
+ setAttributes({
+ url: newURL.toString()
+ });
+ }
+ }, [url, cannotEmbed, fetching, setAttributes]);
+
+ // Handle incoming preview.
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (preview && !isEditingURL) {
- // Even though we set attributes that get derived from the preview,
- // we don't access them directly because for the initial render,
- // the `setAttributes` call will not have taken effect. If we're
- // rendering responsive content, setting the responsive classes
- // after the preview has been rendered can result in unwanted
- // clipping or scrollbars. The `getAttributesFromPreview` function
- // that `getMergedAttributes` uses is memoized so that we're not
- // calculating them on every render.
- setAttributes(getMergedAttributes());
-
+ // When obtaining an incoming preview,
+ // we set the attributes derived from the preview data.
+ const mergedAttributes = getMergedAttributes();
+ setAttributes(mergedAttributes);
if (onReplace) {
- const upgradedBlock = createUpgradedEmbedBlock(props, getMergedAttributes());
-
+ const upgradedBlock = createUpgradedEmbedBlock(props, mergedAttributes);
if (upgradedBlock) {
onReplace(upgradedBlock);
}
@@ -12729,40 +16479,51 @@
}
}, [preview, isEditingURL]);
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
-
if (fetching) {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.View, blockProps, (0,external_wp_element_namespaceObject.createElement)(embed_loading, null));
- } // translators: %s: type of embed e.g: "YouTube", "Twitter", etc. "Embed" is used when no specific type exists
-
-
- const label = (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('%s URL'), title); // No preview, or we can't embed the current URL, or we've clicked the edit button.
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.View, {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(embed_loading, {})
+ });
+ }
+
+ // translators: %s: type of embed e.g: "YouTube", "Twitter", etc. "Embed" is used when no specific type exists
+ const label = (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('%s URL'), title);
+
+ // No preview, or we can't embed the current URL, or we've clicked the edit button.
const showEmbedPlaceholder = !preview || cannotEmbed || isEditingURL;
-
if (showEmbedPlaceholder) {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.View, blockProps, (0,external_wp_element_namespaceObject.createElement)(embed_placeholder, {
- icon: icon,
- label: label,
- onFocus: onFocus,
- onSubmit: event => {
- if (event) {
- event.preventDefault();
- }
-
- setIsEditingURL(false);
- setAttributes({
- url
- });
- },
- value: url,
- cannotEmbed: cannotEmbed,
- onChange: event => setURL(event.target.value),
- fallback: () => fallback(url, onReplace),
- tryAgain: () => {
- invalidateResolution('getEmbedPreview', [url]);
- }
- }));
- } // Even though we set attributes that get derived from the preview,
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.View, {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(embed_placeholder, {
+ icon: icon,
+ label: label,
+ onFocus: onFocus,
+ onSubmit: event => {
+ if (event) {
+ event.preventDefault();
+ }
+
+ // If the embed URL was changed, we need to reset the aspect ratio class.
+ // To do this we have to remove the existing ratio class so it can be recalculated.
+ const blockClass = removeAspectRatioClasses(attributes.className);
+ setIsEditingURL(false);
+ setAttributes({
+ url,
+ className: blockClass
+ });
+ },
+ value: url,
+ cannotEmbed: cannotEmbed,
+ onChange: event => setURL(event.target.value),
+ fallback: () => fallback(url, onReplace),
+ tryAgain: () => {
+ invalidateResolution('getEmbedPreview', [url]);
+ }
+ })
+ });
+ }
+
+ // Even though we set attributes that get derived from the preview,
// we don't access them directly because for the initial render,
// the `setAttributes` call will not have taken effect. If we're
// rendering responsive content, setting the responsive classes
@@ -12770,83 +16531,85 @@
// clipping or scrollbars. The `getAttributesFromPreview` function
// that `getMergedAttributes` uses is memoized so that we're not
// calculating them on every render.
-
-
const {
caption,
type,
allowResponsive,
className: classFromPreview
} = getMergedAttributes();
- const className = classnames_default()(classFromPreview, props.className);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(embed_controls, {
- showEditButton: preview && !cannotEmbed,
- themeSupportsResponsive: themeSupportsResponsive,
- blockSupportsResponsive: responsive,
- allowResponsive: allowResponsive,
- toggleResponsive: toggleResponsive,
- switchBackToURLInput: () => setIsEditingURL(true)
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.View, blockProps, (0,external_wp_element_namespaceObject.createElement)(embed_preview, {
- preview: preview,
- previewable: previewable,
- className: className,
- url: url,
- type: type,
- caption: caption,
- onCaptionChange: value => setAttributes({
- caption: value
- }),
- isSelected: isSelected,
- icon: icon,
- label: label,
- insertBlocksAfter: insertBlocksAfter
- })));
-};
-
-/* harmony default export */ var embed_edit = (EmbedEdit);
+ const className = dist_clsx(classFromPreview, props.className);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(embed_controls, {
+ showEditButton: preview && !cannotEmbed,
+ themeSupportsResponsive: themeSupportsResponsive,
+ blockSupportsResponsive: responsive,
+ allowResponsive: allowResponsive,
+ toggleResponsive: toggleResponsive,
+ switchBackToURLInput: () => setIsEditingURL(true)
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.View, {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(embed_preview, {
+ preview: preview,
+ previewable: previewable,
+ className: className,
+ url: url,
+ type: type,
+ caption: caption,
+ onCaptionChange: value => setAttributes({
+ caption: value
+ }),
+ isSelected: isSelected,
+ icon: icon,
+ label: label,
+ insertBlocksAfter: insertBlocksAfter
+ })
+ })]
+ });
+};
+/* harmony default export */ const embed_edit = (EmbedEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-function embed_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+function embed_save_save({
+ attributes
+}) {
const {
url,
caption,
type,
providerNameSlug
} = attributes;
-
if (!url) {
return null;
}
-
- const className = dedupe_default()('wp-block-embed', {
+ const className = dist_clsx('wp-block-embed', {
[`is-type-${type}`]: type,
[`is-provider-${providerNameSlug}`]: providerNameSlug,
[`wp-block-embed-${providerNameSlug}`]: providerNameSlug
});
- return (0,external_wp_element_namespaceObject.createElement)("figure", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className
- }), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-embed__wrapper"
- }, `\n${url}\n`
- /* URL needs to be on its own line. */
- ), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: caption
- }));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-embed__wrapper",
+ children: `\n${url}\n` /* URL needs to be on its own line. */
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ className: (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption'),
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/transforms.js
@@ -12854,13 +16617,13 @@
* WordPress dependencies
*/
-/**
- * Internal dependencies
- */
-
+
+/**
+ * Internal dependencies
+ */
const transforms_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/embed",
title: "Embed",
category: "embed",
@@ -12868,18 +16631,22 @@
textdomain: "default",
attributes: {
url: {
- type: "string"
+ type: "string",
+ __experimentalRole: "content"
},
caption: {
- type: "string",
- source: "html",
- selector: "figcaption"
+ type: "rich-text",
+ source: "rich-text",
+ selector: "figcaption",
+ __experimentalRole: "content"
},
type: {
- type: "string"
+ type: "string",
+ __experimentalRole: "content"
},
providerNameSlug: {
- type: "string"
+ type: "string",
+ __experimentalRole: "content"
},
allowResponsive: {
type: "boolean",
@@ -12887,15 +16654,23 @@
},
responsive: {
type: "boolean",
- "default": false
+ "default": false,
+ __experimentalRole: "content"
},
previewable: {
type: "boolean",
- "default": true
- }
- },
- supports: {
- align: true
+ "default": true,
+ __experimentalRole: "content"
+ }
+ },
+ supports: {
+ align: true,
+ spacing: {
+ margin: true
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-embed-editor",
style: "wp-block-embed"
@@ -12903,18 +16678,14 @@
const {
name: EMBED_BLOCK
} = transforms_metadata;
+
/**
* Default transforms for generic embeds.
*/
-
const embed_transforms_transforms = {
from: [{
type: 'raw',
- isMatch: node => {
- var _node$textContent, _node$textContent$mat;
-
- return node.nodeName === 'P' && /^\s*(https?:\/\/\S+)\s*$/i.test(node.textContent) && ((_node$textContent = node.textContent) === null || _node$textContent === void 0 ? void 0 : (_node$textContent$mat = _node$textContent.match(/https/gi)) === null || _node$textContent$mat === void 0 ? void 0 : _node$textContent$mat.length) === 1;
- },
+ isMatch: node => node.nodeName === 'P' && /^\s*(https?:\/\/\S+)\s*$/i.test(node.textContent) && node.textContent?.match(/https/gi)?.length === 1,
transform: node => {
return (0,external_wp_blocks_namespaceObject.createBlock)(EMBED_BLOCK, {
url: node.textContent.trim()
@@ -12924,36 +16695,31 @@
to: [{
type: 'block',
blocks: ['core/paragraph'],
- isMatch: _ref => {
- let {
- url
- } = _ref;
- return !!url;
- },
- transform: _ref2 => {
- let {
- url,
- caption
- } = _ref2;
+ isMatch: ({
+ url
+ }) => !!url,
+ transform: ({
+ url,
+ caption
+ }) => {
let value = `<a href="${url}">${url}</a>`;
-
- if (caption !== null && caption !== void 0 && caption.trim()) {
+ if (caption?.trim()) {
value += `<br />${caption}`;
}
-
return (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
content: value
});
}
}]
};
-/* harmony default export */ var embed_transforms = (embed_transforms_transforms);
+/* harmony default export */ const embed_transforms = (embed_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/variations.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -12962,12 +16728,11 @@
/** @typedef {import('@wordpress/blocks').WPBlockVariation} WPBlockVariation */
/**
- * Template option choices for predefined columns layouts.
+ * The embed provider services.
*
* @type {WPBlockVariation[]}
*/
-
-const variations_variations = [{
+const embed_variations_variations = [{
name: 'twitter',
title: 'Twitter',
icon: embedTwitterIcon,
@@ -13109,7 +16874,7 @@
icon: embedContentIcon,
keywords: ['polldaddy', (0,external_wp_i18n_namespaceObject.__)('survey')],
description: (0,external_wp_i18n_namespaceObject.__)('Embed Crowdsignal (formerly Polldaddy) content.'),
- patterns: [/^https?:\/\/((.+\.)?polldaddy\.com|poll\.fm|.+\.survey\.fm)\/.+/i],
+ patterns: [/^https?:\/\/((.+\.)?polldaddy\.com|poll\.fm|.+\.crowdsignal\.net|.+\.survey\.fm)\/.+/i],
attributes: {
providerNameSlug: 'crowdsignal',
responsive: true
@@ -13167,6 +16932,17 @@
responsive: true
}
}, {
+ name: 'pocket-casts',
+ title: 'Pocket Casts',
+ icon: embedPocketCastsIcon,
+ keywords: [(0,external_wp_i18n_namespaceObject.__)('podcast'), (0,external_wp_i18n_namespaceObject.__)('audio')],
+ description: (0,external_wp_i18n_namespaceObject.__)('Embed a podcast player from Pocket Casts.'),
+ patterns: [/^https:\/\/pca.st\/\w+/i],
+ attributes: {
+ providerNameSlug: 'pocket-casts',
+ responsive: true
+ }
+}, {
name: 'reddit',
title: 'Reddit',
icon: embedRedditIcon,
@@ -13207,16 +16983,6 @@
responsive: true
}
}, {
- name: 'slideshare',
- title: 'Slideshare',
- icon: embedContentIcon,
- description: (0,external_wp_i18n_namespaceObject.__)('Embed Slideshare content.'),
- patterns: [/^https?:\/\/(.+?\.)?slideshare\.net\/.+/i],
- attributes: {
- providerNameSlug: 'slideshare',
- responsive: true
- }
-}, {
name: 'smugmug',
title: 'SmugMug',
icon: embedPhotoIcon,
@@ -13264,7 +17030,7 @@
icon: embedTumblrIcon,
keywords: [(0,external_wp_i18n_namespaceObject.__)('social')],
description: (0,external_wp_i18n_namespaceObject.__)('Embed a Tumblr post.'),
- patterns: [/^https?:\/\/(www\.)?tumblr\.com\/.+/i],
+ patterns: [/^https?:\/\/(.+)\.tumblr\.com\/.+/i],
attributes: {
providerNameSlug: 'tumblr',
responsive: true
@@ -13320,34 +17086,42 @@
providerNameSlug: 'wolfram-cloud',
responsive: true
}
+}, {
+ name: 'bluesky',
+ title: 'Bluesky',
+ icon: embedBlueskyIcon,
+ description: (0,external_wp_i18n_namespaceObject.__)('Embed a Bluesky post.'),
+ patterns: [/^https?:\/\/bsky\.app\/profile\/.+\/post\/.+/i],
+ attributes: {
+ providerNameSlug: 'bluesky'
+ }
}];
+
/**
* Add `isActive` function to all `embed` variations, if not defined.
* `isActive` function is used to find a variation match from a created
* Block by providing its attributes.
*/
-
-variations_variations.forEach(variation => {
- if (variation.isActive) return;
-
+embed_variations_variations.forEach(variation => {
+ if (variation.isActive) {
+ return;
+ }
variation.isActive = (blockAttributes, variationAttributes) => blockAttributes.providerNameSlug === variationAttributes.providerNameSlug;
});
-/* harmony default export */ var embed_variations = (variations_variations);
+/* harmony default export */ const embed_variations = (embed_variations_variations);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/deprecated.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+/**
+ * External dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
const embed_deprecated_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/embed",
title: "Embed",
category: "embed",
@@ -13355,18 +17129,22 @@
textdomain: "default",
attributes: {
url: {
- type: "string"
+ type: "string",
+ __experimentalRole: "content"
},
caption: {
- type: "string",
- source: "html",
- selector: "figcaption"
+ type: "rich-text",
+ source: "rich-text",
+ selector: "figcaption",
+ __experimentalRole: "content"
},
type: {
- type: "string"
+ type: "string",
+ __experimentalRole: "content"
},
providerNameSlug: {
- type: "string"
+ type: "string",
+ __experimentalRole: "content"
},
allowResponsive: {
type: "boolean",
@@ -13374,15 +17152,23 @@
},
responsive: {
type: "boolean",
- "default": false
+ "default": false,
+ __experimentalRole: "content"
},
previewable: {
type: "boolean",
- "default": true
- }
- },
- supports: {
- align: true
+ "default": true,
+ __experimentalRole: "content"
+ }
+ },
+ supports: {
+ align: true,
+ spacing: {
+ margin: true
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-embed-editor",
style: "wp-block-embed"
@@ -13392,42 +17178,74 @@
*/
+
const {
attributes: embed_deprecated_blockAttributes
} = embed_deprecated_metadata;
-const embed_deprecated_deprecated = [{
+
+// In #41140 support was added to global styles for caption elements which added a `wp-element-caption` classname
+// to the embed figcaption element.
+const deprecated_v2 = {
attributes: embed_deprecated_blockAttributes,
-
- save(_ref) {
- let {
- attributes: {
- url,
- caption,
- type,
- providerNameSlug
- }
- } = _ref;
-
+ save({
+ attributes
+ }) {
+ const {
+ url,
+ caption,
+ type,
+ providerNameSlug
+ } = attributes;
if (!url) {
return null;
}
-
- const embedClassName = classnames_default()('wp-block-embed', {
+ const className = dist_clsx('wp-block-embed', {
+ [`is-type-${type}`]: type,
+ [`is-provider-${providerNameSlug}`]: providerNameSlug,
+ [`wp-block-embed-${providerNameSlug}`]: providerNameSlug
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-embed__wrapper",
+ children: `\n${url}\n` /* URL needs to be on its own line. */
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ }
+};
+const embed_deprecated_v1 = {
+ attributes: embed_deprecated_blockAttributes,
+ save({
+ attributes: {
+ url,
+ caption,
+ type,
+ providerNameSlug
+ }
+ }) {
+ if (!url) {
+ return null;
+ }
+ const embedClassName = dist_clsx('wp-block-embed', {
[`is-type-${type}`]: type,
[`is-provider-${providerNameSlug}`]: providerNameSlug
});
- return (0,external_wp_element_namespaceObject.createElement)("figure", {
- className: embedClassName
- }, `\n${url}\n`
- /* URL needs to be on its own line. */
- , !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: caption
- }));
- }
-
-}];
-/* harmony default export */ var embed_deprecated = (embed_deprecated_deprecated);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ className: embedClassName,
+ children: [`\n${url}\n` /* URL needs to be on its own line. */, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ }
+};
+const embed_deprecated_deprecated = [deprecated_v2, embed_deprecated_v1];
+/* harmony default export */ const embed_deprecated = (embed_deprecated_deprecated);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/embed/index.js
/**
@@ -13435,9 +17253,10 @@
*/
+
const embed_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/embed",
title: "Embed",
category: "embed",
@@ -13445,18 +17264,22 @@
textdomain: "default",
attributes: {
url: {
- type: "string"
+ type: "string",
+ __experimentalRole: "content"
},
caption: {
- type: "string",
- source: "html",
- selector: "figcaption"
+ type: "rich-text",
+ source: "rich-text",
+ selector: "figcaption",
+ __experimentalRole: "content"
},
type: {
- type: "string"
+ type: "string",
+ __experimentalRole: "content"
},
providerNameSlug: {
- type: "string"
+ type: "string",
+ __experimentalRole: "content"
},
allowResponsive: {
type: "boolean",
@@ -13464,15 +17287,23 @@
},
responsive: {
type: "boolean",
- "default": false
+ "default": false,
+ __experimentalRole: "content"
},
previewable: {
type: "boolean",
- "default": true
- }
- },
- supports: {
- align: true
+ "default": true,
+ __experimentalRole: "content"
+ }
+ },
+ supports: {
+ align: true,
+ spacing: {
+ margin: true
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-embed-editor",
style: "wp-block-embed"
@@ -13493,32 +17324,263 @@
variations: embed_variations,
deprecated: embed_deprecated
};
+const embed_init = () => initBlock({
+ name: embed_name,
+ metadata: embed_metadata,
+ settings: embed_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/file.js
-
-
-/**
- * WordPress dependencies
- */
-
-const file = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19 6.2h-5.9l-.6-1.1c-.3-.7-1-1.1-1.8-1.1H5c-1.1 0-2 .9-2 2v11.8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V8.2c0-1.1-.9-2-2-2zm.5 11.6c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h5.8c.2 0 .4.1.4.3l1 2H19c.3 0 .5.2.5.5v9.5z"
-}));
-/* harmony default export */ var library_file = (file);
+/**
+ * WordPress dependencies
+ */
+
+
+const file = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ fillRule: "evenodd",
+ clipRule: "evenodd",
+ d: "M12.848 8a1 1 0 0 1-.914-.594l-.723-1.63a.5.5 0 0 0-.447-.276H5a.5.5 0 0 0-.5.5v11.5a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5v-9A.5.5 0 0 0 19 8h-6.152Zm.612-1.5a.5.5 0 0 1-.462-.31l-.445-1.084A2 2 0 0 0 10.763 4H5a2 2 0 0 0-2 2v11.5a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2h-5.54Z"
+ })
+});
+/* harmony default export */ const library_file = (file);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/file/deprecated.js
-
-
-/**
- * WordPress dependencies
- */
-
- // Version of the file block without PR#28062 accessibility fix.
-
-const file_deprecated_deprecated = [{
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+// Version of the file block without PR#43050 removing the translated aria-label.
+
+
+
+const deprecated_v3 = {
+ attributes: {
+ id: {
+ type: 'number'
+ },
+ href: {
+ type: 'string'
+ },
+ fileId: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'a:not([download])',
+ attribute: 'id'
+ },
+ fileName: {
+ type: 'string',
+ source: 'html',
+ selector: 'a:not([download])'
+ },
+ textLinkHref: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'a:not([download])',
+ attribute: 'href'
+ },
+ textLinkTarget: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'a:not([download])',
+ attribute: 'target'
+ },
+ showDownloadButton: {
+ type: 'boolean',
+ default: true
+ },
+ downloadButtonText: {
+ type: 'string',
+ source: 'html',
+ selector: 'a[download]'
+ },
+ displayPreview: {
+ type: 'boolean'
+ },
+ previewHeight: {
+ type: 'number',
+ default: 600
+ }
+ },
+ supports: {
+ anchor: true,
+ align: true
+ },
+ save({
+ attributes
+ }) {
+ const {
+ href,
+ fileId,
+ fileName,
+ textLinkHref,
+ textLinkTarget,
+ showDownloadButton,
+ downloadButtonText,
+ displayPreview,
+ previewHeight
+ } = attributes;
+ const pdfEmbedLabel = external_wp_blockEditor_namespaceObject.RichText.isEmpty(fileName) ? (0,external_wp_i18n_namespaceObject.__)('PDF embed') : (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: filename. */
+ (0,external_wp_i18n_namespaceObject.__)('Embed of %s.'), fileName);
+ const hasFilename = !external_wp_blockEditor_namespaceObject.RichText.isEmpty(fileName);
+
+ // Only output an `aria-describedby` when the element it's referring to is
+ // actually rendered.
+ const describedById = hasFilename ? fileId : undefined;
+ return href && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: [displayPreview && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("object", {
+ className: "wp-block-file__embed",
+ data: href,
+ type: "application/pdf",
+ style: {
+ width: '100%',
+ height: `${previewHeight}px`
+ },
+ "aria-label": pdfEmbedLabel
+ })
+ }), hasFilename && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ id: describedById,
+ href: textLinkHref,
+ target: textLinkTarget,
+ rel: textLinkTarget ? 'noreferrer noopener' : undefined,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: fileName
+ })
+ }), showDownloadButton && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ className: dist_clsx('wp-block-file__button', (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('button')),
+ download: true,
+ "aria-describedby": describedById,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: downloadButtonText
+ })
+ })]
+ });
+ }
+};
+
+// In #41239 the button was made an element button which added a `wp-element-button` classname
+// to the download link element.
+const file_deprecated_v2 = {
+ attributes: {
+ id: {
+ type: 'number'
+ },
+ href: {
+ type: 'string'
+ },
+ fileId: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'a:not([download])',
+ attribute: 'id'
+ },
+ fileName: {
+ type: 'string',
+ source: 'html',
+ selector: 'a:not([download])'
+ },
+ textLinkHref: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'a:not([download])',
+ attribute: 'href'
+ },
+ textLinkTarget: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'a:not([download])',
+ attribute: 'target'
+ },
+ showDownloadButton: {
+ type: 'boolean',
+ default: true
+ },
+ downloadButtonText: {
+ type: 'string',
+ source: 'html',
+ selector: 'a[download]'
+ },
+ displayPreview: {
+ type: 'boolean'
+ },
+ previewHeight: {
+ type: 'number',
+ default: 600
+ }
+ },
+ supports: {
+ anchor: true,
+ align: true
+ },
+ save({
+ attributes
+ }) {
+ const {
+ href,
+ fileId,
+ fileName,
+ textLinkHref,
+ textLinkTarget,
+ showDownloadButton,
+ downloadButtonText,
+ displayPreview,
+ previewHeight
+ } = attributes;
+ const pdfEmbedLabel = external_wp_blockEditor_namespaceObject.RichText.isEmpty(fileName) ? (0,external_wp_i18n_namespaceObject.__)('PDF embed') : (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: filename. */
+ (0,external_wp_i18n_namespaceObject.__)('Embed of %s.'), fileName);
+ const hasFilename = !external_wp_blockEditor_namespaceObject.RichText.isEmpty(fileName);
+
+ // Only output an `aria-describedby` when the element it's referring to is
+ // actually rendered.
+ const describedById = hasFilename ? fileId : undefined;
+ return href && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: [displayPreview && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("object", {
+ className: "wp-block-file__embed",
+ data: href,
+ type: "application/pdf",
+ style: {
+ width: '100%',
+ height: `${previewHeight}px`
+ },
+ "aria-label": pdfEmbedLabel
+ })
+ }), hasFilename && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ id: describedById,
+ href: textLinkHref,
+ target: textLinkTarget,
+ rel: textLinkTarget ? 'noreferrer noopener' : undefined,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: fileName
+ })
+ }), showDownloadButton && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ className: "wp-block-file__button",
+ download: true,
+ "aria-describedby": describedById,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: downloadButtonText
+ })
+ })]
+ });
+ }
+};
+
+// Version of the file block without PR#28062 accessibility fix.
+const file_deprecated_v1 = {
attributes: {
id: {
type: 'number'
@@ -13564,11 +17626,9 @@
anchor: true,
align: true
},
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+ save({
+ attributes
+ }) {
const {
href,
fileName,
@@ -13579,63 +17639,69 @@
displayPreview,
previewHeight
} = attributes;
- const pdfEmbedLabel = external_wp_blockEditor_namespaceObject.RichText.isEmpty(fileName) ? (0,external_wp_i18n_namespaceObject.__)('PDF embed') : (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: filename. */
+ const pdfEmbedLabel = external_wp_blockEditor_namespaceObject.RichText.isEmpty(fileName) ? (0,external_wp_i18n_namespaceObject.__)('PDF embed') : (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: filename. */
(0,external_wp_i18n_namespaceObject.__)('Embed of %s.'), fileName);
- return href && (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save(), displayPreview && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("object", {
- className: "wp-block-file__embed",
- data: href,
- type: "application/pdf",
- style: {
- width: '100%',
- height: `${previewHeight}px`
- },
- "aria-label": pdfEmbedLabel
- })), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(fileName) && (0,external_wp_element_namespaceObject.createElement)("a", {
- href: textLinkHref,
- target: textLinkTarget,
- rel: textLinkTarget ? 'noreferrer noopener' : undefined
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: fileName
- })), showDownloadButton && (0,external_wp_element_namespaceObject.createElement)("a", {
- href: href,
- className: "wp-block-file__button",
- download: true
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: downloadButtonText
- })));
- }
-
-}];
-/* harmony default export */ var file_deprecated = (file_deprecated_deprecated);
+ return href && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: [displayPreview && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("object", {
+ className: "wp-block-file__embed",
+ data: href,
+ type: "application/pdf",
+ style: {
+ width: '100%',
+ height: `${previewHeight}px`
+ },
+ "aria-label": pdfEmbedLabel
+ })
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(fileName) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: textLinkHref,
+ target: textLinkTarget,
+ rel: textLinkTarget ? 'noreferrer noopener' : undefined,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: fileName
+ })
+ }), showDownloadButton && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ className: "wp-block-file__button",
+ download: true,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: downloadButtonText
+ })
+ })]
+ });
+ }
+};
+const file_deprecated_deprecated = [deprecated_v3, file_deprecated_v2, file_deprecated_v1];
+/* harmony default export */ const file_deprecated = (file_deprecated_deprecated);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/file/inspector.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-/**
- * Internal dependencies
- */
-
-
-function FileBlockInspector(_ref) {
- let {
- hrefs,
- openInNewWindow,
- showDownloadButton,
- changeLinkDestinationOption,
- changeOpenInNewWindow,
- changeShowDownloadButton,
- displayPreview,
- changeDisplayPreview,
- previewHeight,
- changePreviewHeight
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function FileBlockInspector({
+ hrefs,
+ openInNewWindow,
+ showDownloadButton,
+ changeLinkDestinationOption,
+ changeOpenInNewWindow,
+ changeShowDownloadButton,
+ displayPreview,
+ changeDisplayPreview,
+ previewHeight,
+ changePreviewHeight
+}) {
const {
href,
textLinkHref,
@@ -13645,7 +17711,6 @@
value: href,
label: (0,external_wp_i18n_namespaceObject.__)('URL')
}];
-
if (attachmentPage) {
linkDestinationOptions = [{
value: href,
@@ -13655,41 +17720,50 @@
label: (0,external_wp_i18n_namespaceObject.__)('Attachment page')
}];
}
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, href.endsWith('.pdf') && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('PDF settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show inline embed'),
- help: displayPreview ? (0,external_wp_i18n_namespaceObject.__)("Note: Most phone and tablet browsers won't display embedded PDFs.") : null,
- checked: !!displayPreview,
- onChange: changeDisplayPreview
- }), displayPreview && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Height in pixels'),
- min: MIN_PREVIEW_HEIGHT,
- max: Math.max(MAX_PREVIEW_HEIGHT, previewHeight),
- value: previewHeight,
- onChange: changePreviewHeight
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Text link settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Link to'),
- value: textLinkHref,
- options: linkDestinationOptions,
- onChange: changeLinkDestinationOption
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
- checked: openInNewWindow,
- onChange: changeOpenInNewWindow
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Download button settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show download button'),
- checked: showDownloadButton,
- onChange: changeShowDownloadButton
- }))));
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/file/utils.js
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: [href.endsWith('.pdf') && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('PDF settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show inline embed'),
+ help: displayPreview ? (0,external_wp_i18n_namespaceObject.__)("Note: Most phone and tablet browsers won't display embedded PDFs.") : null,
+ checked: !!displayPreview,
+ onChange: changeDisplayPreview
+ }), displayPreview && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Height in pixels'),
+ min: MIN_PREVIEW_HEIGHT,
+ max: Math.max(MAX_PREVIEW_HEIGHT, previewHeight),
+ value: previewHeight,
+ onChange: changePreviewHeight
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link to'),
+ value: textLinkHref,
+ options: linkDestinationOptions,
+ onChange: changeLinkDestinationOption
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
+ checked: openInNewWindow,
+ onChange: changeOpenInNewWindow
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show download button'),
+ checked: showDownloadButton,
+ onChange: changeShowDownloadButton
+ })]
+ })]
+ })
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/file/utils/index.js
/**
* Uses a combination of user agent matching and feature detection to determine whether
* the current browser supports rendering PDFs inline.
@@ -13700,25 +17774,25 @@
// Most mobile devices include "Mobi" in their UA.
if (window.navigator.userAgent.indexOf('Mobi') > -1) {
return false;
- } // Android tablets are the noteable exception.
-
-
+ }
+
+ // Android tablets are the noteable exception.
if (window.navigator.userAgent.indexOf('Android') > -1) {
return false;
- } // iPad pretends to be a Mac.
-
-
+ }
+
+ // iPad pretends to be a Mac.
if (window.navigator.userAgent.indexOf('Macintosh') > -1 && window.navigator.maxTouchPoints && window.navigator.maxTouchPoints > 2) {
return false;
- } // IE only supports PDFs when there's an ActiveX object available for it.
-
-
+ }
+
+ // IE only supports PDFs when there's an ActiveX object available for it.
if (!!(window.ActiveXObject || 'ActiveXObject' in window) && !(createActiveXObject('AcroPDF.PDF') || createActiveXObject('PDF.PdfCtrl'))) {
return false;
}
-
return true;
};
+
/**
* Helper function for creating ActiveX objects, catching any errors that are thrown
* when it's generated.
@@ -13726,68 +17800,52 @@
* @param {string} type The name of the ActiveX object to create.
* @return {window.ActiveXObject|undefined} The generated ActiveXObject, or null if it failed.
*/
-
const createActiveXObject = type => {
let ax;
-
try {
ax = new window.ActiveXObject(type);
} catch (e) {
ax = undefined;
}
-
return ax;
};
-/**
- * Hides all .wp-block-file__embed elements on the document. This function is only intended
- * to be run on the front-end, it may have weird side effects running in the block editor.
- */
-
-
-const hidePdfEmbedsOnUnsupportedBrowsers = () => {
- if (!browserSupportsPdfs()) {
- const embeds = document.getElementsByClassName('wp-block-file__embed');
- Array.from(embeds).forEach(embed => {
- embed.style.display = 'none';
- });
- }
-};
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/file/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
const MIN_PREVIEW_HEIGHT = 200;
const MAX_PREVIEW_HEIGHT = 2000;
-
-function ClipboardToolbarButton(_ref) {
- let {
- text,
- disabled
- } = _ref;
+function ClipboardToolbarButton({
+ text,
+ disabled
+}) {
const {
createNotice
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
@@ -13797,25 +17855,21 @@
type: 'snackbar'
});
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
className: "components-clipboard-toolbar-button",
ref: ref,
- disabled: disabled
- }, (0,external_wp_i18n_namespaceObject.__)('Copy URL'));
-}
-
-function FileEdit(_ref2) {
- let {
- attributes,
- isSelected,
- setAttributes,
- noticeUI,
- noticeOperations,
- clientId
- } = _ref2;
+ disabled: disabled,
+ children: (0,external_wp_i18n_namespaceObject.__)('Copy URL')
+ });
+}
+function FileEdit({
+ attributes,
+ isSelected,
+ setAttributes,
+ clientId
+}) {
const {
id,
- fileId,
fileName,
href,
textLinkHref,
@@ -13826,100 +17880,79 @@
previewHeight
} = attributes;
const {
- media,
- mediaUpload
+ media
} = (0,external_wp_data_namespaceObject.useSelect)(select => ({
- media: id === undefined ? undefined : select(external_wp_coreData_namespaceObject.store).getMedia(id),
- mediaUpload: select(external_wp_blockEditor_namespaceObject.store).getSettings().mediaUpload
+ media: id === undefined ? undefined : select(external_wp_coreData_namespaceObject.store).getMedia(id)
}), [id]);
const {
+ createErrorNotice
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
+ const {
toggleSelection,
__unstableMarkNextChangeAsNotPersistent
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- // Upload a file drag-and-dropped into the editor.
- if ((0,external_wp_blob_namespaceObject.isBlobURL)(href)) {
- const file = (0,external_wp_blob_namespaceObject.getBlobByURL)(href);
- mediaUpload({
- filesList: [file],
- onFileChange: _ref3 => {
- let [newMedia] = _ref3;
- return onSelectFile(newMedia);
- },
- onError: onUploadError
- });
- (0,external_wp_blob_namespaceObject.revokeBlobURL)(href);
- }
-
- if (downloadButtonText === undefined) {
- changeDownloadButtonText((0,external_wp_i18n_namespaceObject._x)('Download', 'button label'));
- }
+ useUploadMediaFromBlobURL({
+ url: href,
+ onChange: onSelectFile,
+ onError: onUploadError
+ });
+
+ // Note: Handle setting a default value for `downloadButtonText` via HTML API
+ // when it supports replacing text content for HTML tags.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (external_wp_blockEditor_namespaceObject.RichText.isEmpty(downloadButtonText)) {
+ __unstableMarkNextChangeAsNotPersistent();
+ setAttributes({
+ downloadButtonText: (0,external_wp_i18n_namespaceObject._x)('Download', 'button label')
+ });
+ }
+ // Reason: This effect should only run on mount.
+ // eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (!fileId && href) {
- // Add a unique fileId to each file block.
- __unstableMarkNextChangeAsNotPersistent();
-
- setAttributes({
- fileId: `wp-block-file--media-${clientId}`
- });
- }
- }, [href, fileId, clientId]);
-
function onSelectFile(newMedia) {
- if (newMedia && newMedia.url) {
- const isPdf = newMedia.url.endsWith('.pdf');
- setAttributes({
- href: newMedia.url,
- fileName: newMedia.title,
- textLinkHref: newMedia.url,
- id: newMedia.id,
- displayPreview: isPdf ? true : undefined,
- previewHeight: isPdf ? 600 : undefined
- });
- }
- }
-
+ if (!newMedia || !newMedia.url) {
+ return;
+ }
+ const isPdf = newMedia.url.endsWith('.pdf');
+ setAttributes({
+ href: newMedia.url,
+ fileName: newMedia.title,
+ textLinkHref: newMedia.url,
+ id: newMedia.id,
+ displayPreview: isPdf ? true : undefined,
+ previewHeight: isPdf ? 600 : undefined,
+ fileId: `wp-block-file--media-${clientId}`
+ });
+ }
function onUploadError(message) {
setAttributes({
href: undefined
});
- noticeOperations.removeAllNotices();
- noticeOperations.createErrorNotice(message);
- }
-
+ createErrorNotice(message, {
+ type: 'snackbar'
+ });
+ }
function changeLinkDestinationOption(newHref) {
// Choose Media File or Attachment Page (when file is in Media Library).
setAttributes({
textLinkHref: newHref
});
}
-
function changeOpenInNewWindow(newValue) {
setAttributes({
textLinkTarget: newValue ? '_blank' : false
});
}
-
function changeShowDownloadButton(newValue) {
setAttributes({
showDownloadButton: newValue
});
}
-
- function changeDownloadButtonText(newValue) {
- // Remove anchor tags from button text content.
- setAttributes({
- downloadButtonText: newValue.replace(/<\/?a[^>]*>/g, '')
- });
- }
-
function changeDisplayPreview(newValue) {
setAttributes({
displayPreview: newValue
});
}
-
function handleOnResizeStop(event, direction, elt, delta) {
toggleSelection(true);
const newHeight = parseInt(previewHeight + delta.height, 10);
@@ -13927,133 +17960,147 @@
previewHeight: newHeight
});
}
-
function changePreviewHeight(newValue) {
const newHeight = Math.max(parseInt(newValue, 10), MIN_PREVIEW_HEIGHT);
setAttributes({
previewHeight: newHeight
});
}
-
const attachmentPage = media && media.link;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()((0,external_wp_blob_namespaceObject.isBlobURL)(href) && (0,external_wp_components_namespaceObject.__unstableGetAnimateClassName)({
+ className: dist_clsx((0,external_wp_blob_namespaceObject.isBlobURL)(href) && (0,external_wp_components_namespaceObject.__unstableGetAnimateClassName)({
type: 'loading'
}), {
'is-transient': (0,external_wp_blob_namespaceObject.isBlobURL)(href)
})
});
const displayPreviewInEditor = browserSupportsPdfs() && displayPreview;
-
if (!href) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockIcon, {
- icon: library_file
- }),
- labels: {
- title: (0,external_wp_i18n_namespaceObject.__)('File'),
- instructions: (0,external_wp_i18n_namespaceObject.__)('Upload a file or pick one from your media library.')
- },
- onSelect: onSelectFile,
- notices: noticeUI,
- onError: onUploadError,
- accept: "*"
- }));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(FileBlockInspector, {
- hrefs: {
- href,
- textLinkHref,
- attachmentPage
- },
- openInNewWindow: !!textLinkTarget,
- showDownloadButton,
- changeLinkDestinationOption,
- changeOpenInNewWindow,
- changeShowDownloadButton,
- displayPreview,
- changeDisplayPreview,
- previewHeight,
- changePreviewHeight
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "other"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
- mediaId: id,
- mediaURL: href,
- accept: "*",
- onSelect: onSelectFile,
- onError: onUploadError
- }), (0,external_wp_element_namespaceObject.createElement)(ClipboardToolbarButton, {
- text: href,
- disabled: (0,external_wp_blob_namespaceObject.isBlobURL)(href)
- })), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, displayPreviewInEditor && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ResizableBox, {
- size: {
- height: previewHeight
- },
- minHeight: MIN_PREVIEW_HEIGHT,
- maxHeight: MAX_PREVIEW_HEIGHT,
- minWidth: "100%",
- grid: [10, 10],
- enable: {
- top: false,
- right: false,
- bottom: true,
- left: false,
- topRight: false,
- bottomRight: false,
- bottomLeft: false,
- topLeft: false
- },
- onResizeStart: () => toggleSelection(false),
- onResizeStop: handleOnResizeStop,
- showHandle: isSelected
- }, (0,external_wp_element_namespaceObject.createElement)("object", {
- className: "wp-block-file__preview",
- data: href,
- type: "application/pdf",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Embed of the selected PDF file.')
- }), !isSelected && (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-file__preview-overlay"
- })), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: 'wp-block-file__content-wrapper'
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- tagName: "a",
- value: fileName,
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Write file name…'),
- withoutInteractiveFormatting: true,
- onChange: text => setAttributes({
- fileName: text
- }),
- href: textLinkHref
- }), showDownloadButton && (0,external_wp_element_namespaceObject.createElement)("div", {
- className: 'wp-block-file__button-richtext-wrapper'
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- tagName: "div" // Must be block-level or else cursor disappears.
- ,
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Download button text'),
- className: 'wp-block-file__button',
- value: downloadButtonText,
- withoutInteractiveFormatting: true,
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Add text…'),
- onChange: text => changeDownloadButtonText(text)
- })))));
-}
-
-/* harmony default export */ var file_edit = ((0,external_wp_components_namespaceObject.withNotices)(FileEdit));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+ icon: library_file
+ }),
+ labels: {
+ title: (0,external_wp_i18n_namespaceObject.__)('File'),
+ instructions: (0,external_wp_i18n_namespaceObject.__)('Upload a file or pick one from your media library.')
+ },
+ onSelect: onSelectFile,
+ onError: onUploadError,
+ accept: "*"
+ })
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(FileBlockInspector, {
+ hrefs: {
+ href,
+ textLinkHref,
+ attachmentPage
+ },
+ openInNewWindow: !!textLinkTarget,
+ showDownloadButton,
+ changeLinkDestinationOption,
+ changeOpenInNewWindow,
+ changeShowDownloadButton,
+ displayPreview,
+ changeDisplayPreview,
+ previewHeight,
+ changePreviewHeight
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
+ mediaId: id,
+ mediaURL: href,
+ accept: "*",
+ onSelect: onSelectFile,
+ onError: onUploadError
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ClipboardToolbarButton, {
+ text: href,
+ disabled: (0,external_wp_blob_namespaceObject.isBlobURL)(href)
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [displayPreviewInEditor && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.ResizableBox, {
+ size: {
+ height: previewHeight
+ },
+ minHeight: MIN_PREVIEW_HEIGHT,
+ maxHeight: MAX_PREVIEW_HEIGHT,
+ minWidth: "100%",
+ grid: [10, 10],
+ enable: {
+ top: false,
+ right: false,
+ bottom: true,
+ left: false,
+ topRight: false,
+ bottomRight: false,
+ bottomLeft: false,
+ topLeft: false
+ },
+ onResizeStart: () => toggleSelection(false),
+ onResizeStop: handleOnResizeStop,
+ showHandle: isSelected,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("object", {
+ className: "wp-block-file__preview",
+ data: href,
+ type: "application/pdf",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Embed of the selected PDF file.')
+ }), !isSelected && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-file__preview-overlay"
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "wp-block-file__content-wrapper",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "fileName",
+ tagName: "a",
+ value: fileName,
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Write file name…'),
+ withoutInteractiveFormatting: true,
+ onChange: text => setAttributes({
+ fileName: removeAnchorTag(text)
+ }),
+ href: textLinkHref
+ }), showDownloadButton && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-file__button-richtext-wrapper",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "downloadButtonText",
+ tagName: "div" // Must be block-level or else cursor disappears.
+ ,
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Download button text'),
+ className: dist_clsx('wp-block-file__button', (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('button')),
+ value: downloadButtonText,
+ withoutInteractiveFormatting: true,
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Add text…'),
+ onChange: text => setAttributes({
+ downloadButtonText: removeAnchorTag(text)
+ })
+ })
+ })]
+ })]
+ })]
+ });
+}
+/* harmony default export */ const file_edit = (FileEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/file/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-function file_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+function file_save_save({
+ attributes
+}) {
const {
href,
fileId,
@@ -14065,48 +18112,52 @@
displayPreview,
previewHeight
} = attributes;
- const pdfEmbedLabel = external_wp_blockEditor_namespaceObject.RichText.isEmpty(fileName) ? (0,external_wp_i18n_namespaceObject.__)('PDF embed') : (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: filename. */
- (0,external_wp_i18n_namespaceObject.__)('Embed of %s.'), fileName);
- const hasFilename = !external_wp_blockEditor_namespaceObject.RichText.isEmpty(fileName); // Only output an `aria-describedby` when the element it's referring to is
+ const pdfEmbedLabel = external_wp_blockEditor_namespaceObject.RichText.isEmpty(fileName) ? 'PDF embed' :
+ // To do: use toPlainText, but we need ensure it's RichTextData. See
+ // https://github.com/WordPress/gutenberg/pull/56710.
+ fileName.toString();
+ const hasFilename = !external_wp_blockEditor_namespaceObject.RichText.isEmpty(fileName);
+
+ // Only output an `aria-describedby` when the element it's referring to is
// actually rendered.
-
const describedById = hasFilename ? fileId : undefined;
- return href && (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save(), displayPreview && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("object", {
- className: "wp-block-file__embed",
- data: href,
- type: "application/pdf",
- style: {
- width: '100%',
- height: `${previewHeight}px`
- },
- "aria-label": pdfEmbedLabel
- })), hasFilename && (0,external_wp_element_namespaceObject.createElement)("a", {
- id: describedById,
- href: textLinkHref,
- target: textLinkTarget,
- rel: textLinkTarget ? 'noreferrer noopener' : undefined
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: fileName
- })), showDownloadButton && (0,external_wp_element_namespaceObject.createElement)("a", {
- href: href,
- className: "wp-block-file__button",
- download: true,
- "aria-describedby": describedById
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: downloadButtonText
- })));
+ return href && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: [displayPreview && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("object", {
+ className: "wp-block-file__embed",
+ data: href,
+ type: "application/pdf",
+ style: {
+ width: '100%',
+ height: `${previewHeight}px`
+ },
+ "aria-label": pdfEmbedLabel
+ })
+ }), hasFilename && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ id: describedById,
+ href: textLinkHref,
+ target: textLinkTarget,
+ rel: textLinkTarget ? 'noreferrer noopener' : undefined,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: fileName
+ })
+ }), showDownloadButton && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ className: dist_clsx('wp-block-file__button', (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('button')),
+ download: true,
+ "aria-describedby": describedById,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: downloadButtonText
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/file/transforms.js
/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
+ * WordPress dependencies
+ */
@@ -14115,19 +18166,18 @@
const file_transforms_transforms = {
from: [{
type: 'files',
-
isMatch(files) {
return files.length > 0;
},
-
// We define a lower priorty (higher number) than the default of 10. This
// ensures that the File block is only created as a fallback.
priority: 15,
transform: files => {
const blocks = [];
files.forEach(file => {
- const blobURL = (0,external_wp_blob_namespaceObject.createBlobURL)(file); // File will be uploaded in componentDidMount()
-
+ const blobURL = (0,external_wp_blob_namespaceObject.createBlobURL)(file);
+
+ // File will be uploaded in componentDidMount()
blocks.push((0,external_wp_blocks_namespaceObject.createBlock)('core/file', {
href: blobURL,
fileName: file.name,
@@ -14176,20 +18226,17 @@
to: [{
type: 'block',
blocks: ['core/audio'],
- isMatch: _ref => {
- let {
- id
- } = _ref;
-
+ isMatch: ({
+ id
+ }) => {
if (!id) {
return false;
}
-
const {
getMedia
} = (0,external_wp_data_namespaceObject.select)(external_wp_coreData_namespaceObject.store);
const media = getMedia(id);
- return !!media && (0,external_lodash_namespaceObject.includes)(media.mime_type, 'audio');
+ return !!media && media.mime_type.includes('audio');
},
transform: attributes => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/audio', {
@@ -14202,20 +18249,17 @@
}, {
type: 'block',
blocks: ['core/video'],
- isMatch: _ref2 => {
- let {
- id
- } = _ref2;
-
+ isMatch: ({
+ id
+ }) => {
if (!id) {
return false;
}
-
const {
getMedia
} = (0,external_wp_data_namespaceObject.select)(external_wp_coreData_namespaceObject.store);
const media = getMedia(id);
- return !!media && (0,external_lodash_namespaceObject.includes)(media.mime_type, 'video');
+ return !!media && media.mime_type.includes('video');
},
transform: attributes => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/video', {
@@ -14228,20 +18272,17 @@
}, {
type: 'block',
blocks: ['core/image'],
- isMatch: _ref3 => {
- let {
- id
- } = _ref3;
-
+ isMatch: ({
+ id
+ }) => {
if (!id) {
return false;
}
-
const {
getMedia
} = (0,external_wp_data_namespaceObject.select)(external_wp_coreData_namespaceObject.store);
const media = getMedia(id);
- return !!media && (0,external_lodash_namespaceObject.includes)(media.mime_type, 'image');
+ return !!media && media.mime_type.includes('image');
},
transform: attributes => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
@@ -14253,7 +18294,7 @@
}
}]
};
-/* harmony default export */ var file_transforms = (file_transforms_transforms);
+/* harmony default export */ const file_transforms = (file_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/file/index.js
/**
@@ -14261,6 +18302,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -14269,7 +18311,7 @@
const file_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/file",
title: "File",
category: "media",
@@ -14290,8 +18332,8 @@
attribute: "id"
},
fileName: {
- type: "string",
- source: "html",
+ type: "rich-text",
+ source: "rich-text",
selector: "a:not([download])"
},
textLinkHref: {
@@ -14311,8 +18353,8 @@
"default": true
},
downloadButtonText: {
- type: "string",
- source: "html",
+ type: "rich-text",
+ source: "rich-text",
selector: "a[download]"
},
displayPreview: {
@@ -14325,9 +18367,22 @@
},
supports: {
anchor: true,
- align: true
- },
- viewScript: "file:./view.min.js",
+ align: true,
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ color: {
+ gradients: true,
+ link: true,
+ text: false,
+ __experimentalDefaultControls: {
+ background: true,
+ link: true
+ }
+ },
+ interactivity: true
+ },
editorStyle: "wp-block-file-editor",
style: "wp-block-file"
};
@@ -14350,21 +18405,1210 @@
edit: file_edit,
save: file_save_save
};
+const file_init = () => initBlock({
+ name: file_name,
+ metadata: file_metadata,
+ settings: file_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form/utils.js
+/**
+ * WordPress dependencies
+ */
+
+const formSubmissionNotificationSuccess = ['core/form-submission-notification', {
+ type: 'success'
+}, [['core/paragraph', {
+ content: '<mark style="background-color:rgba(0, 0, 0, 0);color:#345C00" class="has-inline-color">' + (0,external_wp_i18n_namespaceObject.__)('Your form has been submitted successfully') + '</mark>'
+}]]];
+const formSubmissionNotificationError = ['core/form-submission-notification', {
+ type: 'error'
+}, [['core/paragraph', {
+ content: '<mark style="background-color:rgba(0, 0, 0, 0);color:#CF2E2E" class="has-inline-color">' + (0,external_wp_i18n_namespaceObject.__)('There was an error submitting your form.') + '</mark>'
+}]]];
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form/edit.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+const form_edit_TEMPLATE = [formSubmissionNotificationSuccess, formSubmissionNotificationError, ['core/form-input', {
+ type: 'text',
+ label: (0,external_wp_i18n_namespaceObject.__)('Name'),
+ required: true
+}], ['core/form-input', {
+ type: 'email',
+ label: (0,external_wp_i18n_namespaceObject.__)('Email'),
+ required: true
+}], ['core/form-input', {
+ type: 'textarea',
+ label: (0,external_wp_i18n_namespaceObject.__)('Comment'),
+ required: true
+}], ['core/form-submit-button', {}]];
+const form_edit_Edit = ({
+ attributes,
+ setAttributes,
+ clientId
+}) => {
+ const {
+ action,
+ method,
+ email,
+ submissionMethod
+ } = attributes;
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
+ const {
+ hasInnerBlocks
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getBlock
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const block = getBlock(clientId);
+ return {
+ hasInnerBlocks: !!(block && block.innerBlocks.length)
+ };
+ }, [clientId]);
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ template: form_edit_TEMPLATE,
+ renderAppender: hasInnerBlocks ? undefined : external_wp_blockEditor_namespaceObject.InnerBlocks.ButtonBlockAppender
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl
+ // __nextHasNoMarginBottom
+ // size={ '__unstable-large' }
+ , {
+ label: (0,external_wp_i18n_namespaceObject.__)('Submissions method'),
+ options: [
+ // TODO: Allow plugins to add their own submission methods.
+ {
+ label: (0,external_wp_i18n_namespaceObject.__)('Send email'),
+ value: 'email'
+ }, {
+ label: (0,external_wp_i18n_namespaceObject.__)('- Custom -'),
+ value: 'custom'
+ }],
+ value: submissionMethod,
+ onChange: value => setAttributes({
+ submissionMethod: value
+ }),
+ help: submissionMethod === 'custom' ? (0,external_wp_i18n_namespaceObject.__)('Select the method to use for form submissions. Additional options for the "custom" mode can be found in the "Advanced" section.') : (0,external_wp_i18n_namespaceObject.__)('Select the method to use for form submissions.')
+ }), submissionMethod === 'email' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ autoComplete: "off",
+ label: (0,external_wp_i18n_namespaceObject.__)('Email for form submissions'),
+ value: email,
+ required: true,
+ onChange: value => {
+ setAttributes({
+ email: value
+ });
+ setAttributes({
+ action: `mailto:${value}`
+ });
+ setAttributes({
+ method: 'post'
+ });
+ },
+ help: (0,external_wp_i18n_namespaceObject.__)('The email address where form submissions will be sent. Separate multiple email addresses with a comma.')
+ })]
+ })
+ }), submissionMethod !== 'email' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Method'),
+ options: [{
+ label: 'Get',
+ value: 'get'
+ }, {
+ label: 'Post',
+ value: 'post'
+ }],
+ value: method,
+ onChange: value => setAttributes({
+ method: value
+ }),
+ help: (0,external_wp_i18n_namespaceObject.__)('Select the method to use for form submissions.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ autoComplete: "off",
+ label: (0,external_wp_i18n_namespaceObject.__)('Form action'),
+ value: action,
+ onChange: newVal => {
+ setAttributes({
+ action: newVal
+ });
+ },
+ help: (0,external_wp_i18n_namespaceObject.__)('The URL where the form should be submitted.')
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("form", {
+ ...innerBlocksProps,
+ className: "wp-block-form",
+ encType: submissionMethod === 'email' ? 'text/plain' : null
+ })]
+ });
+};
+/* harmony default export */ const form_edit = (form_edit_Edit);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form/save.js
+/**
+ * WordPress dependencies
+ */
+
+
+function form_save_save({
+ attributes
+}) {
+ const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save();
+ const {
+ submissionMethod
+ } = attributes;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("form", {
+ ...blockProps,
+ className: "wp-block-form",
+ encType: submissionMethod === 'email' ? 'text/plain' : null,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form/variations.js
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const form_variations_variations = [{
+ name: 'comment-form',
+ title: (0,external_wp_i18n_namespaceObject.__)('Experimental Comment form'),
+ description: (0,external_wp_i18n_namespaceObject.__)('A comment form for posts and pages.'),
+ attributes: {
+ submissionMethod: 'custom',
+ action: '{SITE_URL}/wp-comments-post.php',
+ method: 'post',
+ anchor: 'comment-form'
+ },
+ isDefault: false,
+ innerBlocks: [['core/form-input', {
+ type: 'text',
+ name: 'author',
+ label: (0,external_wp_i18n_namespaceObject.__)('Name'),
+ required: true,
+ visibilityPermissions: 'logged-out'
+ }], ['core/form-input', {
+ type: 'email',
+ name: 'email',
+ label: (0,external_wp_i18n_namespaceObject.__)('Email'),
+ required: true,
+ visibilityPermissions: 'logged-out'
+ }], ['core/form-input', {
+ type: 'textarea',
+ name: 'comment',
+ label: (0,external_wp_i18n_namespaceObject.__)('Comment'),
+ required: true,
+ visibilityPermissions: 'all'
+ }], ['core/form-submit-button', {}]],
+ scope: ['inserter', 'transform'],
+ isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'text'
+}, {
+ name: 'wp-privacy-form',
+ title: (0,external_wp_i18n_namespaceObject.__)('Experimental privacy request form'),
+ keywords: ['GDPR'],
+ description: (0,external_wp_i18n_namespaceObject.__)('A form to request data exports and/or deletion.'),
+ attributes: {
+ submissionMethod: 'custom',
+ action: '',
+ method: 'post',
+ anchor: 'gdpr-form'
+ },
+ isDefault: false,
+ innerBlocks: [formSubmissionNotificationSuccess, formSubmissionNotificationError, ['core/paragraph', {
+ content: (0,external_wp_i18n_namespaceObject.__)('To request an export or deletion of your personal data on this site, please fill-in the form below. You can define the type of request you wish to perform, and your email address. Once the form is submitted, you will receive a confirmation email with instructions on the next steps.')
+ }], ['core/form-input', {
+ type: 'email',
+ name: 'email',
+ label: (0,external_wp_i18n_namespaceObject.__)('Enter your email address.'),
+ required: true,
+ visibilityPermissions: 'all'
+ }], ['core/form-input', {
+ type: 'checkbox',
+ name: 'export_personal_data',
+ label: (0,external_wp_i18n_namespaceObject.__)('Request data export'),
+ required: false,
+ visibilityPermissions: 'all'
+ }], ['core/form-input', {
+ type: 'checkbox',
+ name: 'remove_personal_data',
+ label: (0,external_wp_i18n_namespaceObject.__)('Request data deletion'),
+ required: false,
+ visibilityPermissions: 'all'
+ }], ['core/form-submit-button', {}], ['core/form-input', {
+ type: 'hidden',
+ name: 'wp-action',
+ value: 'wp_privacy_send_request'
+ }], ['core/form-input', {
+ type: 'hidden',
+ name: 'wp-privacy-request',
+ value: '1'
+ }]],
+ scope: ['inserter', 'transform'],
+ isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'text'
+}];
+/* harmony default export */ const form_variations = (form_variations_variations);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form/index.js
+/**
+ * Internal dependencies
+ */
+
+
+const form_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ __experimental: true,
+ name: "core/form",
+ title: "Form",
+ category: "common",
+ allowedBlocks: ["core/paragraph", "core/heading", "core/form-input", "core/form-submit-button", "core/form-submission-notification", "core/group", "core/columns"],
+ description: "A form.",
+ keywords: ["container", "wrapper", "row", "section"],
+ textdomain: "default",
+ icon: "feedback",
+ attributes: {
+ submissionMethod: {
+ type: "string",
+ "default": "email"
+ },
+ method: {
+ type: "string",
+ "default": "post"
+ },
+ action: {
+ type: "string"
+ },
+ email: {
+ type: "string"
+ }
+ },
+ supports: {
+ anchor: true,
+ className: false,
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true,
+ link: true
+ }
+ },
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalTextDecoration: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalTextTransform: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ __experimentalSelector: "form"
+ },
+ viewScript: "file:./view.min.js"
+};
+
+
+
+/**
+ * WordPress dependencies
+ */
+
+const {
+ name: form_name
+} = form_metadata;
+
+const form_settings = {
+ edit: form_edit,
+ save: form_save_save,
+ variations: form_variations
+};
+const form_init = () => {
+ // Prevent adding forms inside forms.
+ const DISALLOWED_PARENTS = ['core/form'];
+ (0,external_wp_hooks_namespaceObject.addFilter)('blockEditor.__unstableCanInsertBlockType', 'core/block-library/preventInsertingFormIntoAnotherForm', (canInsert, blockType, rootClientId, {
+ getBlock,
+ getBlockParentsByBlockName
+ }) => {
+ if (blockType.name !== 'core/form') {
+ return canInsert;
+ }
+ for (const disallowedParentType of DISALLOWED_PARENTS) {
+ const hasDisallowedParent = getBlock(rootClientId)?.name === disallowedParentType || getBlockParentsByBlockName(rootClientId, disallowedParentType).length;
+ if (hasDisallowedParent) {
+ return false;
+ }
+ }
+ return true;
+ });
+ return initBlock({
+ name: form_name,
+ metadata: form_metadata,
+ settings: form_settings
+ });
+};
+
+// EXTERNAL MODULE: ./node_modules/remove-accents/index.js
+var remove_accents = __webpack_require__(9681);
+var remove_accents_default = /*#__PURE__*/__webpack_require__.n(remove_accents);
+;// CONCATENATED MODULE: external ["wp","dom"]
+const external_wp_dom_namespaceObject = window["wp"]["dom"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form-input/deprecated.js
+/**
+ * External dependencies
+ */
+
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+const getNameFromLabelV1 = content => {
+ return remove_accents_default()((0,external_wp_dom_namespaceObject.__unstableStripHTML)(content))
+ // Convert anything that's not a letter or number to a hyphen.
+ .replace(/[^\p{L}\p{N}]+/gu, '-')
+ // Convert to lowercase
+ .toLowerCase()
+ // Remove any remaining leading or trailing hyphens.
+ .replace(/(^-+)|(-+$)/g, '');
+};
+
+// Version without wrapper div in saved markup
+// See: https://github.com/WordPress/gutenberg/pull/56507
+const form_input_deprecated_v1 = {
+ attributes: {
+ type: {
+ type: 'string',
+ default: 'text'
+ },
+ name: {
+ type: 'string'
+ },
+ label: {
+ type: 'string',
+ default: 'Label',
+ selector: '.wp-block-form-input__label-content',
+ source: 'html',
+ __experimentalRole: 'content'
+ },
+ inlineLabel: {
+ type: 'boolean',
+ default: false
+ },
+ required: {
+ type: 'boolean',
+ default: false,
+ selector: '.wp-block-form-input__input',
+ source: 'attribute',
+ attribute: 'required'
+ },
+ placeholder: {
+ type: 'string',
+ selector: '.wp-block-form-input__input',
+ source: 'attribute',
+ attribute: 'placeholder',
+ __experimentalRole: 'content'
+ },
+ value: {
+ type: 'string',
+ default: '',
+ selector: 'input',
+ source: 'attribute',
+ attribute: 'value'
+ },
+ visibilityPermissions: {
+ type: 'string',
+ default: 'all'
+ }
+ },
+ supports: {
+ className: false,
+ anchor: true,
+ reusable: false,
+ spacing: {
+ margin: ['top', 'bottom']
+ },
+ __experimentalBorder: {
+ radius: true,
+ __experimentalSkipSerialization: true,
+ __experimentalDefaultControls: {
+ radius: true
+ }
+ }
+ },
+ save({
+ attributes
+ }) {
+ const {
+ type,
+ name,
+ label,
+ inlineLabel,
+ required,
+ placeholder,
+ value
+ } = attributes;
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetBorderClassesAndStyles)(attributes);
+ const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes);
+ const inputStyle = {
+ ...borderProps.style,
+ ...colorProps.style
+ };
+ const inputClasses = dist_clsx('wp-block-form-input__input', colorProps.className, borderProps.className);
+ const TagName = type === 'textarea' ? 'textarea' : 'input';
+ if ('hidden' === type) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("input", {
+ type: type,
+ name: name,
+ value: value
+ });
+ }
+
+ /* eslint-disable jsx-a11y/label-has-associated-control */
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("label", {
+ className: dist_clsx('wp-block-form-input__label', {
+ 'is-label-inline': inlineLabel
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: "wp-block-form-input__label-content",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: label
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ className: inputClasses,
+ type: 'textarea' === type ? undefined : type,
+ name: name || getNameFromLabelV1(label),
+ required: required,
+ "aria-required": required,
+ placeholder: placeholder || undefined,
+ style: inputStyle
+ })]
+ });
+ /* eslint-enable jsx-a11y/label-has-associated-control */
+ }
+};
+const form_input_deprecated_deprecated = [form_input_deprecated_v1];
+/* harmony default export */ const form_input_deprecated = (form_input_deprecated_deprecated);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form-input/edit.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+function InputFieldBlock({
+ attributes,
+ setAttributes,
+ className
+}) {
+ const {
+ type,
+ name,
+ label,
+ inlineLabel,
+ required,
+ placeholder,
+ value
+ } = attributes;
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
+ const ref = (0,external_wp_element_namespaceObject.useRef)();
+ const TagName = type === 'textarea' ? 'textarea' : 'input';
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseBorderProps)(attributes);
+ const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseColorProps)(attributes);
+ if (ref.current) {
+ ref.current.focus();
+ }
+ const controls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: ['hidden' !== type && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: ['checkbox' !== type && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.CheckboxControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Inline label'),
+ checked: inlineLabel,
+ onChange: newVal => {
+ setAttributes({
+ inlineLabel: newVal
+ });
+ }
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.CheckboxControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Required'),
+ checked: required,
+ onChange: newVal => {
+ setAttributes({
+ required: newVal
+ });
+ }
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ autoComplete: "off",
+ label: (0,external_wp_i18n_namespaceObject.__)('Name'),
+ value: name,
+ onChange: newVal => {
+ setAttributes({
+ name: newVal
+ });
+ },
+ help: (0,external_wp_i18n_namespaceObject.__)('Affects the "name" atribute of the input element, and is used as a name for the form submission results.')
+ })
+ })]
+ });
+ if ('hidden' === type) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [controls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("input", {
+ type: "hidden",
+ className: dist_clsx(className, 'wp-block-form-input__input', colorProps.className, borderProps.className),
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Value'),
+ value: value,
+ onChange: event => setAttributes({
+ value: event.target.value
+ })
+ })]
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [controls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("span", {
+ className: dist_clsx('wp-block-form-input__label', {
+ 'is-label-inline': inlineLabel || 'checkbox' === type
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ tagName: "span",
+ className: "wp-block-form-input__label-content",
+ value: label,
+ onChange: newLabel => setAttributes({
+ label: newLabel
+ }),
+ "aria-label": label ? (0,external_wp_i18n_namespaceObject.__)('Label') : (0,external_wp_i18n_namespaceObject.__)('Empty label'),
+ "data-empty": label ? false : true,
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Type the label for this input')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ type: 'textarea' === type ? undefined : type,
+ className: dist_clsx(className, 'wp-block-form-input__input', colorProps.className, borderProps.className),
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Optional placeholder text')
+ // We hide the placeholder field's placeholder when there is a value. This
+ // stops screen readers from reading the placeholder field's placeholder
+ // which is confusing.
+ ,
+ placeholder: placeholder ? undefined : (0,external_wp_i18n_namespaceObject.__)('Optional placeholder…'),
+ value: placeholder,
+ onChange: event => setAttributes({
+ placeholder: event.target.value
+ }),
+ "aria-required": required,
+ style: {
+ ...borderProps.style,
+ ...colorProps.style
+ }
+ })]
+ })]
+ });
+}
+/* harmony default export */ const form_input_edit = (InputFieldBlock);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form-input/save.js
+/**
+ * External dependencies
+ */
+
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Get the name attribute from a content string.
+ *
+ * @param {string} content The block content.
+ *
+ * @return {string} Returns the slug.
+ */
+
+
+const getNameFromLabel = content => {
+ return remove_accents_default()((0,external_wp_dom_namespaceObject.__unstableStripHTML)(content))
+ // Convert anything that's not a letter or number to a hyphen.
+ .replace(/[^\p{L}\p{N}]+/gu, '-')
+ // Convert to lowercase
+ .toLowerCase()
+ // Remove any remaining leading or trailing hyphens.
+ .replace(/(^-+)|(-+$)/g, '');
+};
+function form_input_save_save({
+ attributes
+}) {
+ const {
+ type,
+ name,
+ label,
+ inlineLabel,
+ required,
+ placeholder,
+ value
+ } = attributes;
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetBorderClassesAndStyles)(attributes);
+ const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes);
+ const inputStyle = {
+ ...borderProps.style,
+ ...colorProps.style
+ };
+ const inputClasses = dist_clsx('wp-block-form-input__input', colorProps.className, borderProps.className);
+ const TagName = type === 'textarea' ? 'textarea' : 'input';
+ const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save();
+ if ('hidden' === type) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("input", {
+ type: type,
+ name: name,
+ value: value
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("label", {
+ className: dist_clsx('wp-block-form-input__label', {
+ 'is-label-inline': inlineLabel
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: "wp-block-form-input__label-content",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: label
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ className: inputClasses,
+ type: 'textarea' === type ? undefined : type,
+ name: name || getNameFromLabel(label),
+ required: required,
+ "aria-required": required,
+ placeholder: placeholder || undefined,
+ style: inputStyle
+ })]
+ })
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form-input/variations.js
+/**
+ * WordPress dependencies
+ */
+
+const form_input_variations_variations = [{
+ name: 'text',
+ title: (0,external_wp_i18n_namespaceObject.__)('Text Input'),
+ icon: 'edit-page',
+ description: (0,external_wp_i18n_namespaceObject.__)('A generic text input.'),
+ attributes: {
+ type: 'text'
+ },
+ isDefault: true,
+ scope: ['inserter', 'transform'],
+ isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'text'
+}, {
+ name: 'textarea',
+ title: (0,external_wp_i18n_namespaceObject.__)('Textarea Input'),
+ icon: 'testimonial',
+ description: (0,external_wp_i18n_namespaceObject.__)('A textarea input to allow entering multiple lines of text.'),
+ attributes: {
+ type: 'textarea'
+ },
+ isDefault: true,
+ scope: ['inserter', 'transform'],
+ isActive: blockAttributes => blockAttributes?.type === 'textarea'
+}, {
+ name: 'checkbox',
+ title: (0,external_wp_i18n_namespaceObject.__)('Checkbox Input'),
+ description: (0,external_wp_i18n_namespaceObject.__)('A simple checkbox input.'),
+ icon: 'forms',
+ attributes: {
+ type: 'checkbox',
+ inlineLabel: true
+ },
+ isDefault: true,
+ scope: ['inserter', 'transform'],
+ isActive: blockAttributes => blockAttributes?.type === 'checkbox'
+}, {
+ name: 'email',
+ title: (0,external_wp_i18n_namespaceObject.__)('Email Input'),
+ icon: 'email',
+ description: (0,external_wp_i18n_namespaceObject.__)('Used for email addresses.'),
+ attributes: {
+ type: 'email'
+ },
+ isDefault: true,
+ scope: ['inserter', 'transform'],
+ isActive: blockAttributes => blockAttributes?.type === 'email'
+}, {
+ name: 'url',
+ title: (0,external_wp_i18n_namespaceObject.__)('URL Input'),
+ icon: 'admin-site',
+ description: (0,external_wp_i18n_namespaceObject.__)('Used for URLs.'),
+ attributes: {
+ type: 'url'
+ },
+ isDefault: true,
+ scope: ['inserter', 'transform'],
+ isActive: blockAttributes => blockAttributes?.type === 'url'
+}, {
+ name: 'tel',
+ title: (0,external_wp_i18n_namespaceObject.__)('Telephone Input'),
+ icon: 'phone',
+ description: (0,external_wp_i18n_namespaceObject.__)('Used for phone numbers.'),
+ attributes: {
+ type: 'tel'
+ },
+ isDefault: true,
+ scope: ['inserter', 'transform'],
+ isActive: blockAttributes => blockAttributes?.type === 'tel'
+}, {
+ name: 'number',
+ title: (0,external_wp_i18n_namespaceObject.__)('Number Input'),
+ icon: 'edit-page',
+ description: (0,external_wp_i18n_namespaceObject.__)('A numeric input.'),
+ attributes: {
+ type: 'number'
+ },
+ isDefault: true,
+ scope: ['inserter', 'transform'],
+ isActive: blockAttributes => blockAttributes?.type === 'number'
+}];
+/* harmony default export */ const form_input_variations = (form_input_variations_variations);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form-input/index.js
+/**
+ * Internal dependencies
+ */
+
+
+
+const form_input_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ __experimental: true,
+ name: "core/form-input",
+ title: "Input Field",
+ category: "common",
+ ancestor: ["core/form"],
+ description: "The basic building block for forms.",
+ keywords: ["input", "form"],
+ textdomain: "default",
+ icon: "forms",
+ attributes: {
+ type: {
+ type: "string",
+ "default": "text"
+ },
+ name: {
+ type: "string"
+ },
+ label: {
+ type: "rich-text",
+ "default": "Label",
+ selector: ".wp-block-form-input__label-content",
+ source: "rich-text",
+ __experimentalRole: "content"
+ },
+ inlineLabel: {
+ type: "boolean",
+ "default": false
+ },
+ required: {
+ type: "boolean",
+ "default": false,
+ selector: ".wp-block-form-input__input",
+ source: "attribute",
+ attribute: "required"
+ },
+ placeholder: {
+ type: "string",
+ selector: ".wp-block-form-input__input",
+ source: "attribute",
+ attribute: "placeholder",
+ __experimentalRole: "content"
+ },
+ value: {
+ type: "string",
+ "default": "",
+ selector: "input",
+ source: "attribute",
+ attribute: "value"
+ },
+ visibilityPermissions: {
+ type: "string",
+ "default": "all"
+ }
+ },
+ supports: {
+ anchor: true,
+ reusable: false,
+ spacing: {
+ margin: ["top", "bottom"]
+ },
+ __experimentalBorder: {
+ radius: true,
+ __experimentalSkipSerialization: true,
+ __experimentalDefaultControls: {
+ radius: true
+ }
+ }
+ },
+ style: ["wp-block-form-input"]
+};
+
+
+const {
+ name: form_input_name
+} = form_input_metadata;
+
+const form_input_settings = {
+ deprecated: form_input_deprecated,
+ edit: form_input_edit,
+ save: form_input_save_save,
+ variations: form_input_variations
+};
+const form_input_init = () => initBlock({
+ name: form_input_name,
+ metadata: form_input_metadata,
+ settings: form_input_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form-submit-button/edit.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+const form_submit_button_edit_TEMPLATE = [['core/buttons', {}, [['core/button', {
+ text: (0,external_wp_i18n_namespaceObject.__)('Submit'),
+ tagName: 'button',
+ type: 'submit'
+}]]]];
+const form_submit_button_edit_Edit = () => {
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ template: form_submit_button_edit_TEMPLATE,
+ templateLock: 'all'
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-form-submit-wrapper",
+ ...innerBlocksProps
+ });
+};
+/* harmony default export */ const form_submit_button_edit = (form_submit_button_edit_Edit);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form-submit-button/save.js
+/**
+ * WordPress dependencies
+ */
+
+
+function form_submit_button_save_save() {
+ const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save();
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-form-submit-wrapper",
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form-submit-button/index.js
+/**
+ * Internal dependencies
+ */
+
+
+const form_submit_button_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ __experimental: true,
+ name: "core/form-submit-button",
+ title: "Form Submit Button",
+ category: "common",
+ icon: "button",
+ ancestor: ["core/form"],
+ allowedBlocks: ["core/buttons", "core/button"],
+ description: "A submission button for forms.",
+ keywords: ["submit", "button", "form"],
+ textdomain: "default",
+ style: ["wp-block-form-submit-button"]
+};
+
+const {
+ name: form_submit_button_name
+} = form_submit_button_metadata;
+
+const form_submit_button_settings = {
+ edit: form_submit_button_edit,
+ save: form_submit_button_save_save
+};
+const form_submit_button_init = () => initBlock({
+ name: form_submit_button_name,
+ metadata: form_submit_button_metadata,
+ settings: form_submit_button_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/group.js
+/**
+ * WordPress dependencies
+ */
+
+
+const group = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18 4h-7c-1.1 0-2 .9-2 2v3H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-3h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0 1.1.9 2 2 2h2.5v3zm0-4.5H11c-.3 0-.5-.2-.5-.5v-2.5H13c.3 0 .5.2.5.5v2.5zm5-.5c0 .3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7z"
+ })
+});
+/* harmony default export */ const library_group = (group);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form-submission-notification/edit.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * External dependencies
+ */
+
+
+const form_submission_notification_edit_TEMPLATE = [['core/paragraph', {
+ content: (0,external_wp_i18n_namespaceObject.__)("Enter the message you wish displayed for form submission error/success, and select the type of the message (success/error) from the block's options.")
+}]];
+const form_submission_notification_edit_Edit = ({
+ attributes,
+ clientId
+}) => {
+ const {
+ type
+ } = attributes;
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: dist_clsx('wp-block-form-submission-notification', {
+ [`form-notification-type-${type}`]: type
+ })
+ });
+ const {
+ hasInnerBlocks
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getBlock
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const block = getBlock(clientId);
+ return {
+ hasInnerBlocks: !!(block && block.innerBlocks.length)
+ };
+ }, [clientId]);
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ template: form_submission_notification_edit_TEMPLATE,
+ renderAppender: hasInnerBlocks ? undefined : external_wp_blockEditor_namespaceObject.InnerBlocks.ButtonBlockAppender
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps,
+ "data-message-success": (0,external_wp_i18n_namespaceObject.__)('Submission success notification'),
+ "data-message-error": (0,external_wp_i18n_namespaceObject.__)('Submission error notification')
+ });
+};
+/* harmony default export */ const form_submission_notification_edit = (form_submission_notification_edit_Edit);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form-submission-notification/save.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * External dependencies
+ */
+
+
+function form_submission_notification_save_save({
+ attributes
+}) {
+ const {
+ type
+ } = attributes;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: dist_clsx('wp-block-form-submission-notification', {
+ [`form-notification-type-${type}`]: type
+ })
+ }))
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form-submission-notification/variations.js
+/**
+ * WordPress dependencies
+ */
+
+const form_submission_notification_variations_variations = [{
+ name: 'form-submission-success',
+ title: (0,external_wp_i18n_namespaceObject.__)('Form Submission Success'),
+ description: (0,external_wp_i18n_namespaceObject.__)('Success message for form submissions.'),
+ attributes: {
+ type: 'success'
+ },
+ isDefault: true,
+ innerBlocks: [['core/paragraph', {
+ content: (0,external_wp_i18n_namespaceObject.__)('Your form has been submitted successfully.'),
+ backgroundColor: '#00D084',
+ textColor: '#000000',
+ style: {
+ elements: {
+ link: {
+ color: {
+ text: '#000000'
+ }
+ }
+ }
+ }
+ }]],
+ scope: ['inserter', 'transform'],
+ isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'success'
+}, {
+ name: 'form-submission-error',
+ title: (0,external_wp_i18n_namespaceObject.__)('Form Submission Error'),
+ description: (0,external_wp_i18n_namespaceObject.__)('Error/failure message for form submissions.'),
+ attributes: {
+ type: 'error'
+ },
+ isDefault: false,
+ innerBlocks: [['core/paragraph', {
+ content: (0,external_wp_i18n_namespaceObject.__)('There was an error submitting your form.'),
+ backgroundColor: '#CF2E2E',
+ textColor: '#FFFFFF',
+ style: {
+ elements: {
+ link: {
+ color: {
+ text: '#FFFFFF'
+ }
+ }
+ }
+ }
+ }]],
+ scope: ['inserter', 'transform'],
+ isActive: blockAttributes => !blockAttributes?.type || blockAttributes?.type === 'error'
+}];
+/* harmony default export */ const form_submission_notification_variations = (form_submission_notification_variations_variations);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/form-submission-notification/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+const form_submission_notification_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ __experimental: true,
+ name: "core/form-submission-notification",
+ title: "Form Submission Notification",
+ category: "common",
+ ancestor: ["core/form"],
+ description: "Provide a notification message after the form has been submitted.",
+ keywords: ["form", "feedback", "notification", "message"],
+ textdomain: "default",
+ icon: "feedback",
+ attributes: {
+ type: {
+ type: "string",
+ "default": "success"
+ }
+ }
+};
+
+
+const {
+ name: form_submission_notification_name
+} = form_submission_notification_metadata;
+
+const form_submission_notification_settings = {
+ icon: library_group,
+ edit: form_submission_notification_edit,
+ save: form_submission_notification_save_save,
+ variations: form_submission_notification_variations
+};
+const form_submission_notification_init = () => initBlock({
+ name: form_submission_notification_name,
+ metadata: form_submission_notification_metadata,
+ settings: form_submission_notification_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/gallery.js
-
-
-/**
- * WordPress dependencies
- */
-
-const gallery = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M20.2 8v11c0 .7-.6 1.2-1.2 1.2H6v1.5h13c1.5 0 2.7-1.2 2.7-2.8V8h-1.5zM18 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.6zM4.5 4.6c0-.1.1-.1.1-.1h11.8c.1 0 .1.1.1.1V12l-2.3-1.7c-.3-.2-.6-.2-.9 0l-2.9 2.1L8 11.3c-.2-.1-.5-.1-.7 0l-2.9 1.5V4.6zm0 11.8v-1.8l3.2-1.7 2.4 1.2c.2.1.5.1.8-.1l2.8-2 2.8 2v2.5c0 .1-.1.1-.1.1H4.6c0-.1-.1-.2-.1-.2z"
-}));
-/* harmony default export */ var library_gallery = (gallery);
+/**
+ * WordPress dependencies
+ */
+
+
+const gallery = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M16.375 4.5H4.625a.125.125 0 0 0-.125.125v8.254l2.859-1.54a.75.75 0 0 1 .68-.016l2.384 1.142 2.89-2.074a.75.75 0 0 1 .874 0l2.313 1.66V4.625a.125.125 0 0 0-.125-.125Zm.125 9.398-2.75-1.975-2.813 2.02a.75.75 0 0 1-.76.067l-2.444-1.17L4.5 14.583v1.792c0 .069.056.125.125.125h11.75a.125.125 0 0 0 .125-.125v-2.477ZM4.625 3C3.728 3 3 3.728 3 4.625v11.75C3 17.273 3.728 18 4.625 18h11.75c.898 0 1.625-.727 1.625-1.625V4.625C18 3.728 17.273 3 16.375 3H4.625ZM20 8v11c0 .69-.31 1-.999 1H6v1.5h13.001c1.52 0 2.499-.982 2.499-2.5V8H20Z",
+ fillRule: "evenodd",
+ clipRule: "evenodd"
+ })
+});
+/* harmony default export */ const library_gallery = (gallery);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/constants.js
const LINK_DESTINATION_NONE = 'none';
@@ -14375,61 +19619,65 @@
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/shared.js
/**
- * External dependencies
+ * WordPress dependencies
*/
function defaultColumnsNumber(imageCount) {
return imageCount ? Math.min(3, imageCount) : 3;
}
-const pickRelevantMediaFiles = function (image) {
- let sizeSlug = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'large';
- const imageProps = (0,external_lodash_namespaceObject.pick)(image, ['alt', 'id', 'link', 'caption']);
- imageProps.url = (0,external_lodash_namespaceObject.get)(image, ['sizes', sizeSlug, 'url']) || (0,external_lodash_namespaceObject.get)(image, ['media_details', 'sizes', sizeSlug, 'source_url']) || image.url;
- const fullUrl = (0,external_lodash_namespaceObject.get)(image, ['sizes', 'full', 'url']) || (0,external_lodash_namespaceObject.get)(image, ['media_details', 'sizes', 'full', 'source_url']);
-
+const pickRelevantMediaFiles = (image, sizeSlug = 'large') => {
+ const imageProps = Object.fromEntries(Object.entries(image !== null && image !== void 0 ? image : {}).filter(([key]) => ['alt', 'id', 'link'].includes(key)));
+ imageProps.url = image?.sizes?.[sizeSlug]?.url || image?.media_details?.sizes?.[sizeSlug]?.source_url || image?.url || image?.source_url;
+ const fullUrl = image?.sizes?.full?.url || image?.media_details?.sizes?.full?.source_url;
if (fullUrl) {
imageProps.fullUrl = fullUrl;
}
-
return imageProps;
};
+function getGalleryBlockV2Enabled() {
+ // We want to fail early here, at least during beta testing phase, to ensure
+ // there aren't instances where undefined values cause false negatives.
+ if (!window.wp || typeof window.wp.galleryBlockV2Enabled !== 'boolean') {
+ throw 'window.wp.galleryBlockV2Enabled is not defined';
+ }
+ return window.wp.galleryBlockV2Enabled;
+}
+
/**
* The new gallery block format is not compatible with the use_BalanceTags option
* in WP versions <= 5.8 https://core.trac.wordpress.org/ticket/54130. The
* window.wp.galleryBlockV2Enabled flag is set in lib/compat.php. This method
* can be removed when minimum supported WP version >=5.9.
*/
-
function isGalleryV2Enabled() {
- // Only run the Gallery version compat check if the plugin is running, otherwise
- // assume we are in 5.9 core and enable by default.
- if (false) {}
-
+ if (external_wp_element_namespaceObject.Platform.isNative) {
+ return getGalleryBlockV2Enabled();
+ }
return true;
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/deprecated.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
const DEPRECATED_LINK_DESTINATION_MEDIA = 'file';
const DEPRECATED_LINK_DESTINATION_ATTACHMENT = 'post';
+
/**
* Original function to determine default number of columns from a block's
* attributes.
@@ -14439,12 +19687,10 @@
* @param {Object} attributes Block attributes.
* @return {number} Default number of columns for the gallery.
*/
-
function defaultColumnsNumberV1(attributes) {
- var _attributes$images;
-
- return Math.min(3, attributes === null || attributes === void 0 ? void 0 : (_attributes$images = attributes.images) === null || _attributes$images === void 0 ? void 0 : _attributes$images.length);
-}
+ return Math.min(3, attributes?.images?.length);
+}
+
/**
* Original function to determine new href and linkDestination values for an image block from the
* supplied Gallery link destination.
@@ -14455,7 +19701,6 @@
* @param {string} destination Gallery's selected link destination.
* @return {Object} New attributes to assign to image block.
*/
-
function getHrefAndDestination(image, destination) {
// Need to determine the URL that the selected destination maps to.
// Gutenberg and WordPress use different constants so the new link
@@ -14463,53 +19708,51 @@
switch (destination) {
case DEPRECATED_LINK_DESTINATION_MEDIA:
return {
- href: (image === null || image === void 0 ? void 0 : image.source_url) || (image === null || image === void 0 ? void 0 : image.url),
+ href: image?.source_url || image?.url,
// eslint-disable-line camelcase
linkDestination: LINK_DESTINATION_MEDIA
};
-
case DEPRECATED_LINK_DESTINATION_ATTACHMENT:
return {
- href: image === null || image === void 0 ? void 0 : image.link,
+ href: image?.link,
linkDestination: LINK_DESTINATION_ATTACHMENT
};
-
case LINK_DESTINATION_MEDIA:
return {
- href: (image === null || image === void 0 ? void 0 : image.source_url) || (image === null || image === void 0 ? void 0 : image.url),
+ href: image?.source_url || image?.url,
// eslint-disable-line camelcase
linkDestination: LINK_DESTINATION_MEDIA
};
-
case LINK_DESTINATION_ATTACHMENT:
return {
- href: image === null || image === void 0 ? void 0 : image.link,
+ href: image?.link,
linkDestination: LINK_DESTINATION_ATTACHMENT
};
-
case LINK_DESTINATION_NONE:
return {
href: undefined,
linkDestination: LINK_DESTINATION_NONE
};
}
-
return {};
}
-
function runV2Migration(attributes) {
let linkTo = attributes.linkTo ? attributes.linkTo : 'none';
-
if (linkTo === 'post') {
linkTo = 'attachment';
} else if (linkTo === 'file') {
linkTo = 'media';
}
-
const imageBlocks = attributes.images.map(image => {
return getImageBlock(image, attributes.sizeSlug, linkTo);
});
- return [{ ...(0,external_lodash_namespaceObject.omit)(attributes, ['images', 'ids']),
+ const {
+ images,
+ ids,
+ ...restAttributes
+ } = attributes;
+ return [{
+ ...restAttributes,
linkTo,
allowResize: false
}, imageBlocks];
@@ -14524,10 +19767,9 @@
* @param {string} linkTo Gallery linkTo attribute.
* @return {Object} Image block.
*/
-
-
function getImageBlock(image, sizeSlug, linkTo) {
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/image', { ...(image.id && {
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
+ ...(image.id && {
id: parseInt(image.id)
}),
url: image.url,
@@ -14537,6 +19779,129 @@
...getHrefAndDestination(image, linkTo)
});
}
+
+// In #41140 support was added to global styles for caption elements which added a `wp-element-caption` classname
+// to the gallery figcaption element.
+const deprecated_v7 = {
+ attributes: {
+ images: {
+ type: 'array',
+ default: [],
+ source: 'query',
+ selector: '.blocks-gallery-item',
+ query: {
+ url: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'src'
+ },
+ fullUrl: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'data-full-url'
+ },
+ link: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'data-link'
+ },
+ alt: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'alt',
+ default: ''
+ },
+ id: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'data-id'
+ },
+ caption: {
+ type: 'string',
+ source: 'html',
+ selector: '.blocks-gallery-item__caption'
+ }
+ }
+ },
+ ids: {
+ type: 'array',
+ items: {
+ type: 'number'
+ },
+ default: []
+ },
+ shortCodeTransforms: {
+ type: 'array',
+ default: [],
+ items: {
+ type: 'object'
+ }
+ },
+ columns: {
+ type: 'number',
+ minimum: 1,
+ maximum: 8
+ },
+ caption: {
+ type: 'string',
+ source: 'html',
+ selector: '.blocks-gallery-caption'
+ },
+ imageCrop: {
+ type: 'boolean',
+ default: true
+ },
+ fixedHeight: {
+ type: 'boolean',
+ default: true
+ },
+ linkTarget: {
+ type: 'string'
+ },
+ linkTo: {
+ type: 'string'
+ },
+ sizeSlug: {
+ type: 'string',
+ default: 'large'
+ },
+ allowResize: {
+ type: 'boolean',
+ default: false
+ }
+ },
+ save({
+ attributes
+ }) {
+ const {
+ caption,
+ columns,
+ imageCrop
+ } = attributes;
+ const className = dist_clsx('has-nested-images', {
+ [`columns-${columns}`]: columns !== undefined,
+ [`columns-default`]: columns === undefined,
+ 'is-cropped': imageCrop
+ });
+ const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className
+ });
+ const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(blockProps);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...innerBlocksProps,
+ children: [innerBlocksProps.children, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ className: "blocks-gallery-caption",
+ value: caption
+ })]
+ });
+ }
+};
const deprecated_v6 = {
attributes: {
images: {
@@ -14620,11 +19985,9 @@
anchor: true,
align: true
},
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+ save({
+ attributes
+ }) {
const {
images,
columns = defaultColumnsNumberV1(attributes),
@@ -14633,56 +19996,57 @@
linkTo
} = attributes;
const className = `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`;
- return (0,external_wp_element_namespaceObject.createElement)("figure", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className
- }), (0,external_wp_element_namespaceObject.createElement)("ul", {
- className: "blocks-gallery-grid"
- }, images.map(image => {
- let href;
-
- switch (linkTo) {
- case DEPRECATED_LINK_DESTINATION_MEDIA:
- href = image.fullUrl || image.url;
- break;
-
- case DEPRECATED_LINK_DESTINATION_ATTACHMENT:
- href = image.link;
- break;
- }
-
- const img = (0,external_wp_element_namespaceObject.createElement)("img", {
- src: image.url,
- alt: image.alt,
- "data-id": image.id,
- "data-full-url": image.fullUrl,
- "data-link": image.link,
- className: image.id ? `wp-image-${image.id}` : null
- });
- return (0,external_wp_element_namespaceObject.createElement)("li", {
- key: image.id || image.url,
- className: "blocks-gallery-item"
- }, (0,external_wp_element_namespaceObject.createElement)("figure", null, href ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: href
- }, img) : img, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(image.caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ className: "blocks-gallery-grid",
+ children: images.map(image => {
+ let href;
+ switch (linkTo) {
+ case DEPRECATED_LINK_DESTINATION_MEDIA:
+ href = image.fullUrl || image.url;
+ break;
+ case DEPRECATED_LINK_DESTINATION_ATTACHMENT:
+ href = image.link;
+ break;
+ }
+ const img = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: image.url,
+ alt: image.alt,
+ "data-id": image.id,
+ "data-full-url": image.fullUrl,
+ "data-link": image.link,
+ className: image.id ? `wp-image-${image.id}` : null
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {
+ className: "blocks-gallery-item",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ children: img
+ }) : img, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(image.caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ className: "blocks-gallery-item__caption",
+ value: image.caption
+ })]
+ })
+ }, image.id || image.url);
+ })
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
tagName: "figcaption",
- className: "blocks-gallery-item__caption",
- value: image.caption
- })));
- })), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- className: "blocks-gallery-caption",
- value: caption
- }));
- },
-
+ className: "blocks-gallery-caption",
+ value: caption
+ })]
+ });
+ },
migrate(attributes) {
if (isGalleryV2Enabled()) {
return runV2Migration(attributes);
}
-
return attributes;
}
-
};
const deprecated_v5 = {
attributes: {
@@ -14763,21 +20127,16 @@
supports: {
align: true
},
-
- isEligible(_ref2) {
- let {
- linkTo
- } = _ref2;
+ isEligible({
+ linkTo
+ }) {
return !linkTo || linkTo === 'attachment' || linkTo === 'media';
},
-
migrate(attributes) {
if (isGalleryV2Enabled()) {
return runV2Migration(attributes);
}
-
let linkTo = attributes.linkTo;
-
if (!attributes.linkTo) {
linkTo = 'none';
} else if (attributes.linkTo === 'attachment') {
@@ -14785,16 +20144,14 @@
} else if (attributes.linkTo === 'media') {
linkTo = 'file';
}
-
- return { ...attributes,
+ return {
+ ...attributes,
linkTo
};
},
-
- save(_ref3) {
- let {
- attributes
- } = _ref3;
+ save({
+ attributes
+ }) {
const {
images,
columns = defaultColumnsNumberV1(attributes),
@@ -14802,48 +20159,49 @@
caption,
linkTo
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("figure", {
- className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`
- }, (0,external_wp_element_namespaceObject.createElement)("ul", {
- className: "blocks-gallery-grid"
- }, images.map(image => {
- let href;
-
- switch (linkTo) {
- case 'media':
- href = image.fullUrl || image.url;
- break;
-
- case 'attachment':
- href = image.link;
- break;
- }
-
- const img = (0,external_wp_element_namespaceObject.createElement)("img", {
- src: image.url,
- alt: image.alt,
- "data-id": image.id,
- "data-full-url": image.fullUrl,
- "data-link": image.link,
- className: image.id ? `wp-image-${image.id}` : null
- });
- return (0,external_wp_element_namespaceObject.createElement)("li", {
- key: image.id || image.url,
- className: "blocks-gallery-item"
- }, (0,external_wp_element_namespaceObject.createElement)("figure", null, href ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: href
- }, img) : img, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(image.caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ className: "blocks-gallery-grid",
+ children: images.map(image => {
+ let href;
+ switch (linkTo) {
+ case 'media':
+ href = image.fullUrl || image.url;
+ break;
+ case 'attachment':
+ href = image.link;
+ break;
+ }
+ const img = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: image.url,
+ alt: image.alt,
+ "data-id": image.id,
+ "data-full-url": image.fullUrl,
+ "data-link": image.link,
+ className: image.id ? `wp-image-${image.id}` : null
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {
+ className: "blocks-gallery-item",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ children: img
+ }) : img, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(image.caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ className: "blocks-gallery-item__caption",
+ value: image.caption
+ })]
+ })
+ }, image.id || image.url);
+ })
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
tagName: "figcaption",
- className: "blocks-gallery-item__caption",
- value: image.caption
- })));
- })), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- className: "blocks-gallery-caption",
- value: caption
- }));
- }
-
+ className: "blocks-gallery-caption",
+ value: caption
+ })]
+ });
+ }
};
const deprecated_v4 = {
attributes: {
@@ -14910,31 +20268,27 @@
supports: {
align: true
},
-
- isEligible(_ref4) {
- let {
- ids
- } = _ref4;
+ isEligible({
+ ids
+ }) {
return ids && ids.some(id => typeof id === 'string');
},
-
migrate(attributes) {
+ var _attributes$ids;
if (isGalleryV2Enabled()) {
return runV2Migration(attributes);
}
-
- return { ...attributes,
- ids: (0,external_lodash_namespaceObject.map)(attributes.ids, id => {
+ return {
+ ...attributes,
+ ids: ((_attributes$ids = attributes.ids) !== null && _attributes$ids !== void 0 ? _attributes$ids : []).map(id => {
const parsedId = parseInt(id, 10);
return Number.isInteger(parsedId) ? parsedId : null;
})
};
},
-
- save(_ref5) {
- let {
- attributes
- } = _ref5;
+ save({
+ attributes
+ }) {
const {
images,
columns = defaultColumnsNumberV1(attributes),
@@ -14942,50 +20296,51 @@
caption,
linkTo
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("figure", {
- className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`
- }, (0,external_wp_element_namespaceObject.createElement)("ul", {
- className: "blocks-gallery-grid"
- }, images.map(image => {
- let href;
-
- switch (linkTo) {
- case 'media':
- href = image.fullUrl || image.url;
- break;
-
- case 'attachment':
- href = image.link;
- break;
- }
-
- const img = (0,external_wp_element_namespaceObject.createElement)("img", {
- src: image.url,
- alt: image.alt,
- "data-id": image.id,
- "data-full-url": image.fullUrl,
- "data-link": image.link,
- className: image.id ? `wp-image-${image.id}` : null
- });
- return (0,external_wp_element_namespaceObject.createElement)("li", {
- key: image.id || image.url,
- className: "blocks-gallery-item"
- }, (0,external_wp_element_namespaceObject.createElement)("figure", null, href ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: href
- }, img) : img, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(image.caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ className: "blocks-gallery-grid",
+ children: images.map(image => {
+ let href;
+ switch (linkTo) {
+ case 'media':
+ href = image.fullUrl || image.url;
+ break;
+ case 'attachment':
+ href = image.link;
+ break;
+ }
+ const img = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: image.url,
+ alt: image.alt,
+ "data-id": image.id,
+ "data-full-url": image.fullUrl,
+ "data-link": image.link,
+ className: image.id ? `wp-image-${image.id}` : null
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {
+ className: "blocks-gallery-item",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ children: img
+ }) : img, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(image.caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ className: "blocks-gallery-item__caption",
+ value: image.caption
+ })]
+ })
+ }, image.id || image.url);
+ })
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
tagName: "figcaption",
- className: "blocks-gallery-item__caption",
- value: image.caption
- })));
- })), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- className: "blocks-gallery-caption",
- value: caption
- }));
- }
-
-};
-const deprecated_v3 = {
+ className: "blocks-gallery-caption",
+ value: caption
+ })]
+ });
+ }
+};
+const gallery_deprecated_v3 = {
attributes: {
images: {
type: 'array',
@@ -15020,8 +20375,8 @@
attribute: 'data-link'
},
caption: {
- type: 'array',
- source: 'children',
+ type: 'string',
+ source: 'html',
selector: 'figcaption'
}
}
@@ -15045,62 +20400,58 @@
supports: {
align: true
},
-
- save(_ref6) {
- let {
- attributes
- } = _ref6;
+ save({
+ attributes
+ }) {
const {
images,
columns = defaultColumnsNumberV1(attributes),
imageCrop,
linkTo
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("ul", {
- className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`
- }, images.map(image => {
- let href;
-
- switch (linkTo) {
- case 'media':
- href = image.fullUrl || image.url;
- break;
-
- case 'attachment':
- href = image.link;
- break;
- }
-
- const img = (0,external_wp_element_namespaceObject.createElement)("img", {
- src: image.url,
- alt: image.alt,
- "data-id": image.id,
- "data-full-url": image.fullUrl,
- "data-link": image.link,
- className: image.id ? `wp-image-${image.id}` : null
- });
- return (0,external_wp_element_namespaceObject.createElement)("li", {
- key: image.id || image.url,
- className: "blocks-gallery-item"
- }, (0,external_wp_element_namespaceObject.createElement)("figure", null, href ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: href
- }, img) : img, image.caption && image.caption.length > 0 && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: image.caption
- })));
- }));
- },
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`,
+ children: images.map(image => {
+ let href;
+ switch (linkTo) {
+ case 'media':
+ href = image.fullUrl || image.url;
+ break;
+ case 'attachment':
+ href = image.link;
+ break;
+ }
+ const img = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: image.url,
+ alt: image.alt,
+ "data-id": image.id,
+ "data-full-url": image.fullUrl,
+ "data-link": image.link,
+ className: image.id ? `wp-image-${image.id}` : null
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {
+ className: "blocks-gallery-item",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ children: img
+ }) : img, image.caption && image.caption.length > 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: image.caption
+ })]
+ })
+ }, image.id || image.url);
+ })
+ });
+ },
migrate(attributes) {
if (isGalleryV2Enabled()) {
return runV2Migration(attributes);
}
-
return attributes;
}
-
-};
-const deprecated_v2 = {
+};
+const gallery_deprecated_v2 = {
attributes: {
images: {
type: 'array',
@@ -15130,8 +20481,8 @@
attribute: 'data-link'
},
caption: {
- type: 'array',
- source: 'children',
+ type: 'string',
+ source: 'html',
selector: 'figcaption'
}
}
@@ -15148,89 +20499,80 @@
default: 'none'
}
},
-
- isEligible(_ref7) {
- let {
- images,
- ids
- } = _ref7;
- return images && images.length > 0 && (!ids && images || ids && images && ids.length !== images.length || (0,external_lodash_namespaceObject.some)(images, (id, index) => {
+ isEligible({
+ images,
+ ids
+ }) {
+ return images && images.length > 0 && (!ids && images || ids && images && ids.length !== images.length || images.some((id, index) => {
if (!id && ids[index] !== null) {
return true;
}
-
return parseInt(id, 10) !== ids[index];
}));
},
-
migrate(attributes) {
+ var _attributes$images;
if (isGalleryV2Enabled()) {
return runV2Migration(attributes);
}
-
- return { ...attributes,
- ids: (0,external_lodash_namespaceObject.map)(attributes.images, _ref8 => {
- let {
- id
- } = _ref8;
-
+ return {
+ ...attributes,
+ ids: ((_attributes$images = attributes.images) !== null && _attributes$images !== void 0 ? _attributes$images : []).map(({
+ id
+ }) => {
if (!id) {
return null;
}
-
return parseInt(id, 10);
})
};
},
-
supports: {
align: true
},
-
- save(_ref9) {
- let {
- attributes
- } = _ref9;
+ save({
+ attributes
+ }) {
const {
images,
columns = defaultColumnsNumberV1(attributes),
imageCrop,
linkTo
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("ul", {
- className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`
- }, images.map(image => {
- let href;
-
- switch (linkTo) {
- case 'media':
- href = image.url;
- break;
-
- case 'attachment':
- href = image.link;
- break;
- }
-
- const img = (0,external_wp_element_namespaceObject.createElement)("img", {
- src: image.url,
- alt: image.alt,
- "data-id": image.id,
- "data-link": image.link,
- className: image.id ? `wp-image-${image.id}` : null
- });
- return (0,external_wp_element_namespaceObject.createElement)("li", {
- key: image.id || image.url,
- className: "blocks-gallery-item"
- }, (0,external_wp_element_namespaceObject.createElement)("figure", null, href ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: href
- }, img) : img, image.caption && image.caption.length > 0 && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: image.caption
- })));
- }));
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ className: `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`,
+ children: images.map(image => {
+ let href;
+ switch (linkTo) {
+ case 'media':
+ href = image.url;
+ break;
+ case 'attachment':
+ href = image.link;
+ break;
+ }
+ const img = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: image.url,
+ alt: image.alt,
+ "data-id": image.id,
+ "data-link": image.link,
+ className: image.id ? `wp-image-${image.id}` : null
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {
+ className: "blocks-gallery-item",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ children: img
+ }) : img, image.caption && image.caption.length > 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: image.caption
+ })]
+ })
+ }, image.id || image.url);
+ })
+ });
+ }
};
const gallery_deprecated_v1 = {
attributes: {
@@ -15274,11 +20616,9 @@
supports: {
align: true
},
-
- save(_ref10) {
- let {
- attributes
- } = _ref10;
+ save({
+ attributes
+ }) {
const {
images,
columns = defaultColumnsNumberV1(attributes),
@@ -15286,66 +20626,61 @@
imageCrop,
linkTo
} = attributes;
- const className = classnames_default()(`columns-${columns}`, {
+ const className = dist_clsx(`columns-${columns}`, {
alignnone: align === 'none',
'is-cropped': imageCrop
});
- return (0,external_wp_element_namespaceObject.createElement)("div", {
- className: className
- }, images.map(image => {
- let href;
-
- switch (linkTo) {
- case 'media':
- href = image.url;
- break;
-
- case 'attachment':
- href = image.link;
- break;
- }
-
- const img = (0,external_wp_element_namespaceObject.createElement)("img", {
- src: image.url,
- alt: image.alt,
- "data-id": image.id
- });
- return (0,external_wp_element_namespaceObject.createElement)("figure", {
- key: image.id || image.url,
- className: "blocks-gallery-image"
- }, href ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: href
- }, img) : img);
- }));
- },
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: className,
+ children: images.map(image => {
+ let href;
+ switch (linkTo) {
+ case 'media':
+ href = image.url;
+ break;
+ case 'attachment':
+ href = image.link;
+ break;
+ }
+ const img = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: image.url,
+ alt: image.alt,
+ "data-id": image.id
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ className: "blocks-gallery-image",
+ children: href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ children: img
+ }) : img
+ }, image.id || image.url);
+ })
+ });
+ },
migrate(attributes) {
if (isGalleryV2Enabled()) {
return runV2Migration(attributes);
}
-
return attributes;
}
-
-};
-/* harmony default export */ var gallery_deprecated = ([deprecated_v6, deprecated_v5, deprecated_v4, deprecated_v3, deprecated_v2, gallery_deprecated_v1]);
+};
+/* harmony default export */ const gallery_deprecated = ([deprecated_v7, deprecated_v6, deprecated_v5, deprecated_v4, gallery_deprecated_v3, gallery_deprecated_v2, gallery_deprecated_v1]);
;// CONCATENATED MODULE: external ["wp","viewport"]
-var external_wp_viewport_namespaceObject = window["wp"]["viewport"];
+const external_wp_viewport_namespaceObject = window["wp"]["viewport"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/shared-icon.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-const sharedIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+/**
+ * WordPress dependencies
+ */
+
+
+
+const sharedIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
icon: library_gallery
});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/image/constants.js
-const MIN_SIZE = 20;
+const constants_MIN_SIZE = 20;
const constants_LINK_DESTINATION_NONE = 'none';
const constants_LINK_DESTINATION_MEDIA = 'media';
const constants_LINK_DESTINATION_ATTACHMENT = 'attachment';
@@ -15360,76 +20695,82 @@
*/
-/**
- * Determines new href and linkDestination values for an image block from the
- * supplied Gallery link destination.
- *
- * @param {Object} image Gallery image.
- * @param {string} destination Gallery's selected link destination.
+
+/**
+ * Determines new href and linkDestination values for an Image block from the
+ * supplied Gallery link destination, or falls back to the Image blocks link.
+ *
+ * @param {Object} image Gallery image.
+ * @param {string} galleryDestination Gallery's selected link destination.
+ * @param {Object} imageDestination Image blocks attributes.
* @return {Object} New attributes to assign to image block.
*/
-
-function utils_getHrefAndDestination(image, destination) {
+function utils_getHrefAndDestination(image, galleryDestination, imageDestination) {
// Gutenberg and WordPress use different constants so if image_default_link_type
// option is set we need to map from the WP Core values.
- switch (destination) {
+ switch (imageDestination ? imageDestination : galleryDestination) {
case LINK_DESTINATION_MEDIA_WP_CORE:
case LINK_DESTINATION_MEDIA:
return {
- href: (image === null || image === void 0 ? void 0 : image.source_url) || (image === null || image === void 0 ? void 0 : image.url),
+ href: image?.source_url || image?.url,
// eslint-disable-line camelcase
linkDestination: constants_LINK_DESTINATION_MEDIA
};
-
case LINK_DESTINATION_ATTACHMENT_WP_CORE:
case LINK_DESTINATION_ATTACHMENT:
return {
- href: image === null || image === void 0 ? void 0 : image.link,
+ href: image?.link,
linkDestination: constants_LINK_DESTINATION_ATTACHMENT
};
-
case LINK_DESTINATION_NONE:
return {
href: undefined,
linkDestination: constants_LINK_DESTINATION_NONE
};
}
-
return {};
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/image/utils.js
/**
- * External dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-
+ * Internal dependencies
+ */
+
+
+/**
+ * Evaluates a CSS aspect-ratio property value as a number.
+ *
+ * Degenerate or invalid ratios behave as 'auto'. And 'auto' ratios return NaN.
+ *
+ * @see https://drafts.csswg.org/css-sizing-4/#aspect-ratio
+ *
+ * @param {string} value CSS aspect-ratio property value.
+ * @return {number} Numerical aspect ratio or NaN if invalid.
+ */
+function evalAspectRatio(value) {
+ const [width, height = 1] = value.split('/').map(Number);
+ const aspectRatio = width / height;
+ return aspectRatio === Infinity || aspectRatio === 0 ? NaN : aspectRatio;
+}
function removeNewTabRel(currentRel) {
let newRel = currentRel;
-
- if (currentRel !== undefined && !(0,external_lodash_namespaceObject.isEmpty)(newRel)) {
- if (!(0,external_lodash_namespaceObject.isEmpty)(newRel)) {
- (0,external_lodash_namespaceObject.each)(constants_NEW_TAB_REL, relVal => {
- const 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 ((0,external_lodash_namespaceObject.isEmpty)(newRel)) {
- newRel = undefined;
- }
- }
- }
-
+ if (currentRel !== undefined && newRel) {
+ constants_NEW_TAB_REL.forEach(relVal => {
+ const 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 (!newRel) {
+ newRel = undefined;
+ }
+ }
return newRel;
}
+
/**
* Helper to get the link target settings to be stored.
*
@@ -15439,35 +20780,30 @@
*
* @return {Object} Updated link target settings.
*/
-
-function getUpdatedLinkTargetSettings(value, _ref) {
- let {
- rel
- } = _ref;
+function getUpdatedLinkTargetSettings(value, {
+ rel
+}) {
const linkTarget = value ? '_blank' : undefined;
let updatedRel;
-
if (!linkTarget && !rel) {
updatedRel = undefined;
} else {
updatedRel = removeNewTabRel(rel);
}
-
return {
linkTarget,
rel: updatedRel
};
}
+
/**
* Determines new Image block attributes size selection.
*
* @param {Object} image Media file object for gallery image.
* @param {string} size Selected size slug to apply.
*/
-
function getImageSizeAttributes(image, size) {
- const url = (0,external_lodash_namespaceObject.get)(image, ['media_details', 'sizes', size, 'source_url']);
-
+ const url = image?.media_details?.sizes?.[size]?.source_url;
if (url) {
return {
url,
@@ -15476,147 +20812,77 @@
sizeSlug: size
};
}
-
return {};
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/gallery.js
-
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-const allowedBlocks = ['core/image'];
-const Gallery = props => {
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+function Gallery(props) {
const {
attributes,
isSelected,
setAttributes,
mediaPlaceholder,
insertBlocksAfter,
- blockProps
+ blockProps,
+ __unstableLayoutClassNames: layoutClassNames,
+ isContentLocked,
+ multiGallerySelection
} = props;
const {
align,
columns,
- caption,
imageCrop
} = attributes;
- const {
- children,
- ...innerBlocksProps
- } = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
- allowedBlocks,
- orientation: 'horizontal',
- renderAppender: false,
- __experimentalLayout: {
- type: 'default',
- alignments: []
- }
- });
- const [captionFocused, setCaptionFocused] = (0,external_wp_element_namespaceObject.useState)(false);
-
- function onFocusCaption() {
- if (!captionFocused) {
- setCaptionFocused(true);
- }
- }
-
- function removeCaptionFocus() {
- if (captionFocused) {
- setCaptionFocused(false);
- }
- }
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (!isSelected) {
- setCaptionFocused(false);
- }
- }, [isSelected]);
- return (0,external_wp_element_namespaceObject.createElement)("figure", _extends({}, innerBlocksProps, {
- className: classnames_default()(blockProps.className, 'blocks-gallery-grid', {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...blockProps,
+ className: dist_clsx(blockProps.className, layoutClassNames, 'blocks-gallery-grid', {
[`align${align}`]: align,
[`columns-${columns}`]: columns !== undefined,
[`columns-default`]: columns === undefined,
'is-cropped': imageCrop
- })
- }), children, isSelected && !children && (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.View, {
- className: "blocks-gallery-media-placeholder-wrapper",
- onClick: removeCaptionFocus
- }, mediaPlaceholder), (0,external_wp_element_namespaceObject.createElement)(RichTextVisibilityHelper, {
- isHidden: !isSelected && external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption),
- captionFocused: captionFocused,
- onFocusCaption: onFocusCaption,
- tagName: "figcaption",
- className: "blocks-gallery-caption",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Gallery caption text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Write gallery caption…'),
- value: caption,
- onChange: value => setAttributes({
- caption: value
- }),
- inlineToolbar: true,
- __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph'))
- }));
-};
-
-function RichTextVisibilityHelper(_ref) {
- let {
- isHidden,
- captionFocused,
- onFocusCaption,
- className,
- value,
- placeholder,
- tagName,
- captionRef,
- ...richTextProps
- } = _ref;
-
- if (isHidden) {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, _extends({
- as: external_wp_blockEditor_namespaceObject.RichText
- }, richTextProps));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, _extends({
- ref: captionRef,
- value: value,
- placeholder: placeholder,
- className: className,
- tagName: tagName,
- isSelected: captionFocused,
- onClick: onFocusCaption
- }, richTextProps));
-}
-
-/* harmony default export */ var gallery_gallery = (Gallery);
+ }),
+ children: [blockProps.children, isSelected && !blockProps.children && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.View, {
+ className: "blocks-gallery-media-placeholder-wrapper",
+ children: mediaPlaceholder
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Caption, {
+ attributes: attributes,
+ setAttributes: setAttributes,
+ isSelected: isSelected,
+ insertBlocksAfter: insertBlocksAfter,
+ showToolbarButton: !multiGallerySelection && !isContentLocked,
+ className: "blocks-gallery-caption",
+ label: (0,external_wp_i18n_namespaceObject.__)('Gallery caption text'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Add gallery caption')
+ })]
+ });
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/use-image-sizes.js
/**
- * External dependencies
- */
-
-/**
* WordPress dependencies
*/
/**
* Calculates the image sizes that are avaible for the current gallery images in order to
- * populate the 'Image size' selector.
+ * populate the 'Resolution' selector.
*
* @param {Array} images Basic image block data taken from current gallery innerBlock
* @param {boolean} isSelected Is the block currently selected in the editor.
@@ -15624,108 +20890,45 @@
*
* @return {Array} An array of image size options.
*/
-
function useImageSizes(images, isSelected, getSettings) {
return (0,external_wp_element_namespaceObject.useMemo)(() => getImageSizing(), [images, isSelected]);
-
function getImageSizing() {
if (!images || images.length === 0) {
return;
}
-
const {
imageSizes
} = getSettings();
let resizedImages = {};
-
if (isSelected) {
resizedImages = images.reduce((currentResizedImages, img) => {
if (!img.id) {
return currentResizedImages;
}
-
const sizes = imageSizes.reduce((currentSizes, size) => {
- const defaultUrl = (0,external_lodash_namespaceObject.get)(img, ['sizes', size.slug, 'url']);
- const mediaDetailsUrl = (0,external_lodash_namespaceObject.get)(img, ['media_details', 'sizes', size.slug, 'source_url']);
- return { ...currentSizes,
+ const defaultUrl = img.sizes?.[size.slug]?.url;
+ const mediaDetailsUrl = img.media_details?.sizes?.[size.slug]?.source_url;
+ return {
+ ...currentSizes,
[size.slug]: defaultUrl || mediaDetailsUrl
};
}, {});
- return { ...currentResizedImages,
+ return {
+ ...currentResizedImages,
[parseInt(img.id, 10)]: sizes
};
}, {});
}
-
- return imageSizes.filter(_ref => {
- let {
- slug
- } = _ref;
- return (0,external_lodash_namespaceObject.some)(resizedImages, sizes => sizes[slug]);
- }).map(_ref2 => {
- let {
- name,
- slug
- } = _ref2;
- return {
- value: slug,
- label: name
- };
- });
- }
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/use-short-code-transform.js
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-/**
- * Shortcode transforms don't currently have a tranform method and so can't use a selector to
- * retrieve the data for each image being transformer, so this selector handle this post transformation.
- *
- * @param {Array} shortCodeTransforms An array of image data passed from the shortcode transform.
- *
- * @return {Array} An array of extended image data objects for each of the shortcode transform images.
- */
-
-function useShortCodeTransform(shortCodeTransforms) {
- const newImageData = (0,external_wp_data_namespaceObject.useSelect)(select => {
- if (!shortCodeTransforms || shortCodeTransforms.length === 0) {
- return;
- }
-
- const getMedia = select(external_wp_coreData_namespaceObject.store).getMedia;
- return shortCodeTransforms.map(image => {
- const imageData = getMedia(image.id);
-
- if (imageData) {
- return {
- id: imageData.id,
- type: 'image',
- url: imageData.source_url,
- mime: imageData.mime_type,
- alt: imageData.alt_text,
- link: imageData.link
- };
- }
-
- return undefined;
- });
- }, [shortCodeTransforms]);
-
- if (!newImageData) {
- return;
- }
-
- if ((0,external_lodash_namespaceObject.every)(newImageData, img => img && img.url)) {
- return newImageData;
+ const resizedImageSizes = Object.values(resizedImages);
+ return imageSizes.filter(({
+ slug
+ }) => resizedImageSizes.some(sizes => sizes[slug])).map(({
+ name,
+ slug
+ }) => ({
+ value: slug,
+ label: name
+ }));
}
}
@@ -15734,6 +20937,7 @@
* WordPress dependencies
*/
+
/**
* Keeps track of images already in the gallery to allow new innerBlocks to be identified. This
* is required so default gallery attributes can be applied without overwriting any custom
@@ -15744,38 +20948,35 @@
*
* @return {Array} An array of any new images that have been added to the gallery.
*/
-
function useGetNewImages(images, imageData) {
const [currentImages, setCurrentImages] = (0,external_wp_element_namespaceObject.useState)([]);
return (0,external_wp_element_namespaceObject.useMemo)(() => getNewImages(), [images, imageData]);
-
function getNewImages() {
- let imagesUpdated = false; // First lets check if any images have been deleted.
-
+ let imagesUpdated = false;
+
+ // First lets check if any images have been deleted.
const newCurrentImages = currentImages.filter(currentImg => images.find(img => {
return currentImg.clientId === img.clientId;
}));
-
if (newCurrentImages.length < currentImages.length) {
imagesUpdated = true;
- } // Now lets see if we have any images hydrated from saved content and if so
+ }
+
+ // Now lets see if we have any images hydrated from saved content and if so
// add them to currentImages state.
-
-
images.forEach(image => {
if (image.fromSavedContent && !newCurrentImages.find(currentImage => currentImage.id === image.id)) {
imagesUpdated = true;
newCurrentImages.push(image);
}
- }); // Now check for any new images that have been added to InnerBlocks and for which
+ });
+
+ // Now check for any new images that have been added to InnerBlocks and for which
// we have the imageData we need for setting default block attributes.
-
- const newImages = images.filter(image => !newCurrentImages.find(currentImage => image.clientId && currentImage.clientId === image.clientId) && (imageData === null || imageData === void 0 ? void 0 : imageData.find(img => img.id === image.id)) && !image.fromSavedConent);
-
- if (imagesUpdated || (newImages === null || newImages === void 0 ? void 0 : newImages.length) > 0) {
+ const newImages = images.filter(image => !newCurrentImages.find(currentImage => image.clientId && currentImage.clientId === image.clientId) && imageData?.find(img => img.id === image.id) && !image.fromSavedConent);
+ if (imagesUpdated || newImages?.length > 0) {
setCurrentImages([...newCurrentImages, ...newImages]);
}
-
return newImages.length > 0 ? newImages : null;
}
}
@@ -15786,6 +20987,7 @@
*/
+const EMPTY_IMAGE_MEDIA = [];
/**
* Retrieves the extended media info for each gallery image from the store. This is used to
@@ -15795,100 +20997,88 @@
*
* @return {Array} An array of media info options for each gallery image.
*/
-
function useGetMedia(innerBlockImages) {
- const [currentImageMedia, setCurrentImageMedia] = (0,external_wp_element_namespaceObject.useState)([]);
- const imageMedia = (0,external_wp_data_namespaceObject.useSelect)(select => {
- if (!(innerBlockImages !== null && innerBlockImages !== void 0 && innerBlockImages.length)) {
- return currentImageMedia;
- }
-
+ return (0,external_wp_data_namespaceObject.useSelect)(select => {
+ var _select$getMediaItems;
const imageIds = innerBlockImages.map(imageBlock => imageBlock.attributes.id).filter(id => id !== undefined);
-
if (imageIds.length === 0) {
- return currentImageMedia;
- }
-
- return select(external_wp_coreData_namespaceObject.store).getMediaItems({
+ return EMPTY_IMAGE_MEDIA;
+ }
+ return (_select$getMediaItems = select(external_wp_coreData_namespaceObject.store).getMediaItems({
include: imageIds.join(','),
- per_page: -1
- });
+ per_page: -1,
+ orderby: 'include'
+ })) !== null && _select$getMediaItems !== void 0 ? _select$getMediaItems : EMPTY_IMAGE_MEDIA;
}, [innerBlockImages]);
-
- if ((imageMedia === null || imageMedia === void 0 ? void 0 : imageMedia.length) !== (currentImageMedia === null || currentImageMedia === void 0 ? void 0 : currentImageMedia.length) || imageMedia !== null && imageMedia !== void 0 && imageMedia.some(newImage => !currentImageMedia.find(currentImage => currentImage.id === newImage.id))) {
- setCurrentImageMedia(imageMedia);
- return imageMedia;
- }
-
- return currentImageMedia;
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/gap-styles.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-function GapStyles(_ref) {
- let {
- blockGap,
- clientId
- } = _ref;
- const styleElement = (0,external_wp_element_namespaceObject.useContext)(external_wp_blockEditor_namespaceObject.BlockList.__unstableElementContext); // --gallery-block--gutter-size is deprecated. --wp--style--gallery-gap-default should be used by themes that want to set a default
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+const {
+ useStyleOverride
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+function GapStyles({
+ blockGap,
+ clientId
+}) {
+ // --gallery-block--gutter-size is deprecated. --wp--style--gallery-gap-default should be used by themes that want to set a default
// gap on the gallery.
-
const fallbackValue = `var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) )`;
let gapValue = fallbackValue;
let column = fallbackValue;
- let row; // Check for the possibility of split block gap values. See: https://github.com/WordPress/gutenberg/pull/37736
-
+ let row;
+
+ // Check for the possibility of split block gap values. See: https://github.com/WordPress/gutenberg/pull/37736
if (!!blockGap) {
- row = typeof blockGap === 'string' ? blockGap : (blockGap === null || blockGap === void 0 ? void 0 : blockGap.top) || fallbackValue;
- column = typeof blockGap === 'string' ? blockGap : (blockGap === null || blockGap === void 0 ? void 0 : blockGap.left) || fallbackValue;
+ row = typeof blockGap === 'string' ? (0,external_wp_blockEditor_namespaceObject.__experimentalGetGapCSSValue)(blockGap) : (0,external_wp_blockEditor_namespaceObject.__experimentalGetGapCSSValue)(blockGap?.top) || fallbackValue;
+ column = typeof blockGap === 'string' ? (0,external_wp_blockEditor_namespaceObject.__experimentalGetGapCSSValue)(blockGap) : (0,external_wp_blockEditor_namespaceObject.__experimentalGetGapCSSValue)(blockGap?.left) || fallbackValue;
gapValue = row === column ? row : `${row} ${column}`;
}
+ // The unstable gallery gap calculation requires a real value (such as `0px`) and not `0`.
const gap = `#block-${clientId} {
- --wp--style--unstable-gallery-gap: ${column};
+ --wp--style--unstable-gallery-gap: ${column === '0' ? '0px' : column};
gap: ${gapValue}
}`;
-
- const GapStyle = () => {
- return (0,external_wp_element_namespaceObject.createElement)("style", null, gap);
- };
-
- return gap && styleElement ? (0,external_wp_element_namespaceObject.createPortal)((0,external_wp_element_namespaceObject.createElement)(GapStyle, null), styleElement) : null;
+ useStyleOverride({
+ css: gap
+ });
+ return null;
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/edit.js
-
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
@@ -15913,66 +21103,68 @@
label: (0,external_wp_i18n_namespaceObject._x)('None', 'Media item link option')
}];
const edit_ALLOWED_MEDIA_TYPES = ['image'];
-const PLACEHOLDER_TEXT = external_wp_element_namespaceObject.Platform.isNative ? (0,external_wp_i18n_namespaceObject.__)('ADD MEDIA') : (0,external_wp_i18n_namespaceObject.__)('Drag images, upload new ones or select files from your library.');
+const PLACEHOLDER_TEXT = external_wp_element_namespaceObject.Platform.isNative ? (0,external_wp_i18n_namespaceObject.__)('Add media') : (0,external_wp_i18n_namespaceObject.__)('Drag images, upload new ones or select files from your library.');
const MOBILE_CONTROL_PROPS_RANGE_CONTROL = external_wp_element_namespaceObject.Platform.isNative ? {
type: 'stepper'
} : {};
-
+const gallery_edit_DEFAULT_BLOCK = {
+ name: 'core/image'
+};
+const EMPTY_ARRAY = [];
function GalleryEdit(props) {
- var _attributes$style, _attributes$style$spa;
-
const {
setAttributes,
attributes,
className,
clientId,
- noticeOperations,
isSelected,
- noticeUI,
- insertBlocksAfter
+ insertBlocksAfter,
+ isContentLocked,
+ onFocus
} = props;
const {
columns,
imageCrop,
+ randomOrder,
linkTarget,
linkTo,
- shortCodeTransforms,
sizeSlug
} = attributes;
const {
__unstableMarkNextChangeAsNotPersistent,
replaceInnerBlocks,
updateBlockAttributes,
- selectBlock,
- clearSelectedBlock
+ selectBlock
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
const {
- createSuccessNotice
+ createSuccessNotice,
+ createErrorNotice
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
const {
getBlock,
getSettings,
- preferredStyle
+ innerBlockImages,
+ blockWasJustInserted,
+ multiGallerySelection
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _preferredStyleVariat;
-
- const settings = select(external_wp_blockEditor_namespaceObject.store).getSettings();
- const preferredStyleVariations = settings.__experimentalPreferredStyleVariations;
- return {
- getBlock: select(external_wp_blockEditor_namespaceObject.store).getBlock,
- getSettings: select(external_wp_blockEditor_namespaceObject.store).getSettings,
- preferredStyle: preferredStyleVariations === null || preferredStyleVariations === void 0 ? void 0 : (_preferredStyleVariat = preferredStyleVariations.value) === null || _preferredStyleVariat === void 0 ? void 0 : _preferredStyleVariat['core/image']
- };
- }, []);
- const innerBlockImages = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _select$getBlock;
-
- return (_select$getBlock = select(external_wp_blockEditor_namespaceObject.store).getBlock(clientId)) === null || _select$getBlock === void 0 ? void 0 : _select$getBlock.innerBlocks;
+ var _getBlock$innerBlocks;
+ const {
+ getBlockName,
+ getMultiSelectedBlockClientIds,
+ getSettings: _getSettings,
+ getBlock: _getBlock,
+ wasBlockJustInserted
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const multiSelectedClientIds = getMultiSelectedBlockClientIds();
+ return {
+ getBlock: _getBlock,
+ getSettings: _getSettings,
+ innerBlockImages: (_getBlock$innerBlocks = _getBlock(clientId)?.innerBlocks) !== null && _getBlock$innerBlocks !== void 0 ? _getBlock$innerBlocks : EMPTY_ARRAY,
+ blockWasJustInserted: wasBlockJustInserted(clientId, 'inserter_menu'),
+ multiGallerySelection: multiSelectedClientIds.length && multiSelectedClientIds.every(_clientId => getBlockName(_clientId) === 'core/gallery')
+ };
}, [clientId]);
- const wasBlockJustInserted = (0,external_wp_data_namespaceObject.useSelect)(select => {
- return select(external_wp_blockEditor_namespaceObject.store).wasBlockJustInserted(clientId, 'inserter_menu');
- }, [clientId]);
- const images = (0,external_wp_element_namespaceObject.useMemo)(() => innerBlockImages === null || innerBlockImages === void 0 ? void 0 : innerBlockImages.map(block => ({
+ const images = (0,external_wp_element_namespaceObject.useMemo)(() => innerBlockImages?.map(block => ({
clientId: block.clientId,
id: block.attributes.id,
url: block.attributes.url,
@@ -15982,29 +21174,18 @@
const imageData = useGetMedia(innerBlockImages);
const newImages = useGetNewImages(images, imageData);
(0,external_wp_element_namespaceObject.useEffect)(() => {
- newImages === null || newImages === void 0 ? void 0 : newImages.forEach(newImage => {
- updateBlockAttributes(newImage.clientId, { ...buildImageAttributes(newImage.attributes),
+ newImages?.forEach(newImage => {
+ // Update the images data without creating new undo levels.
+ __unstableMarkNextChangeAsNotPersistent();
+ updateBlockAttributes(newImage.clientId, {
+ ...buildImageAttributes(newImage.attributes),
id: newImage.id,
align: undefined
});
});
-
- if ((newImages === null || newImages === void 0 ? void 0 : newImages.length) > 0) {
- clearSelectedBlock();
- }
}, [newImages]);
- const shortCodeImages = useShortCodeTransform(shortCodeTransforms);
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (!shortCodeTransforms || !shortCodeImages) {
- return;
- }
-
- updateImages(shortCodeImages);
- setAttributes({
- shortCodeTransforms: undefined
- });
- }, [shortCodeTransforms, shortCodeImages]);
const imageSizeOptions = useImageSizes(imageData, isSelected, getSettings);
+
/**
* Determines the image attributes that should be applied to an image block
* after the gallery updates.
@@ -16017,37 +21198,43 @@
* @param {Object} imageAttributes Media object for the actual image.
* @return {Object} Attributes to set on the new image block.
*/
-
function buildImageAttributes(imageAttributes) {
- const image = imageAttributes.id ? (0,external_lodash_namespaceObject.find)(imageData, {
- id: imageAttributes.id
- }) : null;
+ const image = imageAttributes.id ? imageData.find(({
+ id
+ }) => id === imageAttributes.id) : null;
let newClassName;
-
if (imageAttributes.className && imageAttributes.className !== '') {
newClassName = imageAttributes.className;
+ }
+ let newLinkTarget;
+ if (imageAttributes.linkTarget || imageAttributes.rel) {
+ // When transformed from image blocks, the link destination and rel attributes are inherited.
+ newLinkTarget = {
+ linkTarget: imageAttributes.linkTarget,
+ rel: imageAttributes.rel
+ };
} else {
- newClassName = preferredStyle ? `is-style-${preferredStyle}` : undefined;
- }
-
- return { ...pickRelevantMediaFiles(imageAttributes, sizeSlug),
- ...utils_getHrefAndDestination(image, linkTo),
- ...getUpdatedLinkTargetSettings(linkTarget, attributes),
+ // When an image is added, update the link destination and rel attributes according to the gallery settings
+ newLinkTarget = getUpdatedLinkTargetSettings(linkTarget, attributes);
+ }
+ return {
+ ...pickRelevantMediaFiles(image, sizeSlug),
+ ...utils_getHrefAndDestination(image, linkTo, imageAttributes?.linkDestination),
+ ...newLinkTarget,
className: newClassName,
- sizeSlug
- };
- }
-
+ sizeSlug,
+ caption: imageAttributes.caption || image.caption?.raw,
+ alt: imageAttributes.alt || image.alt_text
+ };
+ }
function isValidFileType(file) {
- var _file$url;
-
- return edit_ALLOWED_MEDIA_TYPES.some(mediaType => {
- var _file$type;
-
- return ((_file$type = file.type) === null || _file$type === void 0 ? void 0 : _file$type.indexOf(mediaType)) === 0;
- }) || ((_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url.indexOf('blob:')) === 0;
- }
-
+ // It's necessary to retrieve the media type from the raw image data for already-uploaded images on native.
+ const nativeFileData = external_wp_element_namespaceObject.Platform.isNative && file.id ? imageData.find(({
+ id
+ }) => id === file.id) : null;
+ const mediaTypeSelector = nativeFileData ? nativeFileData?.media_type : file.type;
+ return edit_ALLOWED_MEDIA_TYPES.some(mediaType => mediaTypeSelector?.indexOf(mediaType) === 0) || file.url?.indexOf('blob:') === 0;
+ }
function updateImages(selectedImages) {
const newFileUploads = Object.prototype.toString.call(selectedImages) === '[object FileList]';
const imageArray = newFileUploads ? Array.from(selectedImages).map(file => {
@@ -16056,29 +21243,26 @@
url: (0,external_wp_blob_namespaceObject.createBlobURL)(file)
});
}
-
return file;
}) : selectedImages;
-
if (!imageArray.every(isValidFileType)) {
- noticeOperations.removeAllNotices();
- noticeOperations.createErrorNotice((0,external_wp_i18n_namespaceObject.__)('If uploading to a gallery all files need to be image formats'), {
- id: 'gallery-upload-invalid-file'
- });
- }
-
+ createErrorNotice((0,external_wp_i18n_namespaceObject.__)('If uploading to a gallery all files need to be image formats'), {
+ id: 'gallery-upload-invalid-file',
+ type: 'snackbar'
+ });
+ }
const processedImages = imageArray.filter(file => file.url || isValidFileType(file)).map(file => {
if (!file.url) {
return pickRelevantMediaFiles({
url: (0,external_wp_blob_namespaceObject.createBlobURL)(file)
});
}
-
return file;
- }); // Because we are reusing existing innerImage blocks any reordering
+ });
+
+ // Because we are reusing existing innerImage blocks any reordering
// done in the media library will be lost so we need to reapply that ordering
// once the new image blocks are merged in with existing.
-
const newOrderMap = processedImages.reduce((result, image, index) => (result[image.id] = index, result), {});
const existingImageBlocks = !newFileUploads ? innerBlockImages.filter(block => processedImages.find(img => img.id === block.attributes.id)) : innerBlockImages;
const newImageList = processedImages.filter(img => !existingImageBlocks.find(existingImg => img.id === existingImg.attributes.id));
@@ -16090,19 +21274,18 @@
alt: image.alt
});
});
-
- if ((newBlocks === null || newBlocks === void 0 ? void 0 : newBlocks.length) > 0) {
+ replaceInnerBlocks(clientId, existingImageBlocks.concat(newBlocks).sort((a, b) => newOrderMap[a.attributes.id] - newOrderMap[b.attributes.id]));
+
+ // Select the first block to scroll into view when new blocks are added.
+ if (newBlocks?.length > 0) {
selectBlock(newBlocks[0].clientId);
}
-
- replaceInnerBlocks(clientId, (0,external_lodash_namespaceObject.concat)(existingImageBlocks, newBlocks).sort((a, b) => newOrderMap[a.attributes.id] - newOrderMap[b.attributes.id]));
- }
-
+ }
function onUploadError(message) {
- noticeOperations.removeAllNotices();
- noticeOperations.createErrorNotice(message);
- }
-
+ createErrorNotice(message, {
+ type: 'snackbar'
+ });
+ }
function setLinkTo(value) {
setAttributes({
linkTo: value
@@ -16111,37 +21294,34 @@
const blocks = [];
getBlock(clientId).innerBlocks.forEach(block => {
blocks.push(block.clientId);
- const image = block.attributes.id ? (0,external_lodash_namespaceObject.find)(imageData, {
- id: block.attributes.id
- }) : null;
+ const image = block.attributes.id ? imageData.find(({
+ id
+ }) => id === block.attributes.id) : null;
changedAttributes[block.clientId] = utils_getHrefAndDestination(image, value);
});
updateBlockAttributes(blocks, changedAttributes, true);
const linkToText = [...linkOptions].find(linkType => linkType.value === value);
- createSuccessNotice((0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: image size settings */
+ createSuccessNotice((0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: image size settings */
(0,external_wp_i18n_namespaceObject.__)('All gallery image links updated to: %s'), linkToText.label), {
id: 'gallery-attributes-linkTo',
type: 'snackbar'
});
}
-
function setColumnsNumber(value) {
setAttributes({
columns: value
});
}
-
function toggleImageCrop() {
setAttributes({
imageCrop: !imageCrop
});
}
-
- function getImageCropHelp(checked) {
- return checked ? (0,external_wp_i18n_namespaceObject.__)('Thumbnails are cropped to align.') : (0,external_wp_i18n_namespaceObject.__)('Thumbnails are not cropped.');
- }
-
+ function toggleRandomOrder() {
+ setAttributes({
+ randomOrder: !randomOrder
+ });
+ }
function toggleOpenInNewTab(openInNewTab) {
const newLinkTarget = openInNewTab ? '_blank' : undefined;
setAttributes({
@@ -16160,7 +21340,6 @@
type: 'snackbar'
});
}
-
function updateImagesSize(newSizeSlug) {
setAttributes({
sizeSlug: newSizeSlug
@@ -16169,41 +21348,33 @@
const blocks = [];
getBlock(clientId).innerBlocks.forEach(block => {
blocks.push(block.clientId);
- const image = block.attributes.id ? (0,external_lodash_namespaceObject.find)(imageData, {
- id: block.attributes.id
- }) : null;
+ const image = block.attributes.id ? imageData.find(({
+ id
+ }) => id === block.attributes.id) : null;
changedAttributes[block.clientId] = getImageSizeAttributes(image, newSizeSlug);
});
updateBlockAttributes(blocks, changedAttributes, true);
const imageSize = imageSizeOptions.find(size => size.value === newSizeSlug);
- createSuccessNotice((0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: image size settings */
+ createSuccessNotice((0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: image size settings */
(0,external_wp_i18n_namespaceObject.__)('All gallery image sizes updated to: %s'), imageSize.label), {
id: 'gallery-attributes-sizeSlug',
type: 'snackbar'
});
}
-
(0,external_wp_element_namespaceObject.useEffect)(() => {
// linkTo attribute must be saved so blocks don't break when changing image_default_link_type in options.php.
if (!linkTo) {
- var _window, _window$wp, _window$wp$media, _window$wp$media$view, _window$wp$media$view2, _window$wp$media$view3;
-
__unstableMarkNextChangeAsNotPersistent();
-
setAttributes({
- linkTo: ((_window = window) === null || _window === void 0 ? void 0 : (_window$wp = _window.wp) === null || _window$wp === void 0 ? void 0 : (_window$wp$media = _window$wp.media) === null || _window$wp$media === void 0 ? void 0 : (_window$wp$media$view = _window$wp$media.view) === null || _window$wp$media$view === void 0 ? void 0 : (_window$wp$media$view2 = _window$wp$media$view.settings) === null || _window$wp$media$view2 === void 0 ? void 0 : (_window$wp$media$view3 = _window$wp$media$view2.defaultProps) === null || _window$wp$media$view3 === void 0 ? void 0 : _window$wp$media$view3.link) || LINK_DESTINATION_NONE
+ linkTo: window?.wp?.media?.view?.settings?.defaultProps?.link || LINK_DESTINATION_NONE
});
}
}, [linkTo]);
const hasImages = !!images.length;
const hasImageIds = hasImages && images.some(image => !!image.id);
- const imagesUploading = images.some(img => {
- var _img$url;
-
- return !img.id && ((_img$url = img.url) === null || _img$url === void 0 ? void 0 : _img$url.indexOf('blob:')) === 0;
- }); // MediaPlaceholder props are different between web and native hence, we provide a platform-specific set.
-
+ const imagesUploading = images.some(img => !external_wp_element_namespaceObject.Platform.isNative ? !img.id && img.url?.indexOf('blob:') === 0 : img.url?.indexOf('file:') === 0);
+
+ // MediaPlaceholder props are different between web and native hence, we provide a platform-specific set.
const mediaPlaceholderProps = external_wp_element_namespaceObject.Platform.select({
web: {
addToGallery: false,
@@ -16215,10 +21386,11 @@
isAppender: hasImages,
disableMediaButtons: hasImages && !isSelected || imagesUploading,
value: hasImageIds ? images : {},
- autoOpenMediaUpload: !hasImages && isSelected && wasBlockJustInserted
- }
- });
- const mediaPlaceholder = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, _extends({
+ autoOpenMediaUpload: !hasImages && isSelected && blockWasJustInserted,
+ onFocus
+ }
+ });
+ const mediaPlaceholder = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
handleUpload: false,
icon: sharedIcon,
labels: {
@@ -16230,155 +21402,187 @@
allowedTypes: edit_ALLOWED_MEDIA_TYPES,
multiple: true,
onError: onUploadError,
- notices: noticeUI
- }, mediaPlaceholderProps));
+ ...mediaPlaceholderProps
+ });
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()(className, 'has-nested-images')
- });
-
+ className: dist_clsx(className, 'has-nested-images')
+ });
+ const nativeInnerBlockProps = external_wp_element_namespaceObject.Platform.isNative && {
+ marginHorizontal: 0,
+ marginVertical: 0
+ };
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ defaultBlock: gallery_edit_DEFAULT_BLOCK,
+ directInsert: true,
+ orientation: 'horizontal',
+ renderAppender: false,
+ ...nativeInnerBlockProps
+ });
if (!hasImages) {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.View, blockProps, mediaPlaceholder);
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_primitives_namespaceObject.View, {
+ ...innerBlocksProps,
+ children: [innerBlocksProps.children, mediaPlaceholder]
+ });
+ }
const hasLinkTo = linkTo && linkTo !== 'none';
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Gallery settings')
- }, images.length > 1 && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, _extends({
- label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
- value: columns ? columns : defaultColumnsNumber(images.length),
- onChange: setColumnsNumber,
- min: 1,
- max: Math.min(MAX_COLUMNS, images.length)
- }, MOBILE_CONTROL_PROPS_RANGE_CONTROL, {
- required: true
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Crop images'),
- checked: !!imageCrop,
- onChange: toggleImageCrop,
- help: getImageCropHelp
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Link to'),
- value: linkTo,
- onChange: setLinkTo,
- options: linkOptions,
- hideCancelButton: true
- }), hasLinkTo && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
- checked: linkTarget === '_blank',
- onChange: toggleOpenInNewTab
- }), (imageSizeOptions === null || imageSizeOptions === void 0 ? void 0 : imageSizeOptions.length) > 0 && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Image size'),
- value: sizeSlug,
- options: imageSizeOptions,
- onChange: updateImagesSize,
- hideCancelButton: true
- }), external_wp_element_namespaceObject.Platform.isWeb && !imageSizeOptions && hasImageIds && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, {
- className: 'gallery-image-sizes'
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl.VisualLabel, null, (0,external_wp_i18n_namespaceObject.__)('Image size')), (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.View, {
- className: 'gallery-image-sizes__loading'
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null), (0,external_wp_i18n_namespaceObject.__)('Loading options…'))))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "other"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
- allowedTypes: edit_ALLOWED_MEDIA_TYPES,
- accept: "image/*",
- handleUpload: false,
- onSelect: updateImages,
- name: (0,external_wp_i18n_namespaceObject.__)('Add'),
- multiple: true,
- mediaIds: images.map(image => image.id),
- addToGallery: hasImageIds
- })), noticeUI, external_wp_element_namespaceObject.Platform.isWeb && (0,external_wp_element_namespaceObject.createElement)(GapStyles, {
- blockGap: (_attributes$style = attributes.style) === null || _attributes$style === void 0 ? void 0 : (_attributes$style$spa = _attributes$style.spacing) === null || _attributes$style$spa === void 0 ? void 0 : _attributes$style$spa.blockGap,
- clientId: clientId
- }), (0,external_wp_element_namespaceObject.createElement)(gallery_gallery, _extends({}, props, {
- images: images,
- mediaPlaceholder: !hasImages || external_wp_element_namespaceObject.Platform.isNative ? mediaPlaceholder : undefined,
- blockProps: blockProps,
- insertBlocksAfter: insertBlocksAfter
- })));
-}
-
-/* harmony default export */ var gallery_edit = ((0,external_wp_compose_namespaceObject.compose)([external_wp_components_namespaceObject.withNotices, (0,external_wp_viewport_namespaceObject.withViewportMatch)({
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [images.length > 1 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
+ value: columns ? columns : defaultColumnsNumber(images.length),
+ onChange: setColumnsNumber,
+ min: 1,
+ max: Math.min(MAX_COLUMNS, images.length),
+ ...MOBILE_CONTROL_PROPS_RANGE_CONTROL,
+ required: true,
+ __next40pxDefaultSize: true
+ }), imageSizeOptions?.length > 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Resolution'),
+ help: (0,external_wp_i18n_namespaceObject.__)('Select the size of the source images.'),
+ value: sizeSlug,
+ options: imageSizeOptions,
+ onChange: updateImagesSize,
+ hideCancelButton: true,
+ size: "__unstable-large"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link to'),
+ value: linkTo,
+ onChange: setLinkTo,
+ options: linkOptions,
+ hideCancelButton: true,
+ size: "__unstable-large"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Crop images to fit'),
+ checked: !!imageCrop,
+ onChange: toggleImageCrop
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Randomize order'),
+ checked: !!randomOrder,
+ onChange: toggleRandomOrder
+ }), hasLinkTo && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Open images in new tab'),
+ checked: linkTarget === '_blank',
+ onChange: toggleOpenInNewTab
+ }), external_wp_element_namespaceObject.Platform.isWeb && !imageSizeOptions && hasImageIds && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.BaseControl, {
+ className: "gallery-image-sizes",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.BaseControl.VisualLabel, {
+ children: (0,external_wp_i18n_namespaceObject.__)('Resolution')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_primitives_namespaceObject.View, {
+ className: "gallery-image-sizes__loading",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {}), (0,external_wp_i18n_namespaceObject.__)('Loading options…')]
+ })]
+ })]
+ })
+ }), external_wp_element_namespaceObject.Platform.isWeb && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [!multiGallerySelection && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
+ allowedTypes: edit_ALLOWED_MEDIA_TYPES,
+ accept: "image/*",
+ handleUpload: false,
+ onSelect: updateImages,
+ name: (0,external_wp_i18n_namespaceObject.__)('Add'),
+ multiple: true,
+ mediaIds: images.filter(image => image.id).map(image => image.id),
+ addToGallery: hasImageIds
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GapStyles, {
+ blockGap: attributes.style?.spacing?.blockGap,
+ clientId: clientId
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Gallery, {
+ ...props,
+ isContentLocked: isContentLocked,
+ images: images,
+ mediaPlaceholder: !hasImages || external_wp_element_namespaceObject.Platform.isNative ? mediaPlaceholder : undefined,
+ blockProps: innerBlocksProps,
+ insertBlocksAfter: insertBlocksAfter,
+ multiGallerySelection: multiGallerySelection
+ })]
+ });
+}
+/* harmony default export */ const gallery_edit = ((0,external_wp_compose_namespaceObject.compose)([(0,external_wp_viewport_namespaceObject.withViewportMatch)({
isNarrow: '< small'
})])(GalleryEdit));
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/v1/shared.js
-/**
- * External dependencies
- */
-
-const shared_pickRelevantMediaFiles = function (image) {
- let sizeSlug = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'large';
- const imageProps = (0,external_lodash_namespaceObject.pick)(image, ['alt', 'id', 'link', 'caption']);
- imageProps.url = (0,external_lodash_namespaceObject.get)(image, ['sizes', sizeSlug, 'url']) || (0,external_lodash_namespaceObject.get)(image, ['media_details', 'sizes', sizeSlug, 'source_url']) || image.url;
- const fullUrl = (0,external_lodash_namespaceObject.get)(image, ['sizes', 'full', 'url']) || (0,external_lodash_namespaceObject.get)(image, ['media_details', 'sizes', 'full', 'source_url']);
-
+const shared_pickRelevantMediaFiles = (image, sizeSlug = 'large') => {
+ const imageProps = Object.fromEntries(Object.entries(image !== null && image !== void 0 ? image : {}).filter(([key]) => ['alt', 'id', 'link', 'caption'].includes(key)));
+ imageProps.url = image?.sizes?.[sizeSlug]?.url || image?.media_details?.sizes?.[sizeSlug]?.source_url || image?.url;
+ const fullUrl = image?.sizes?.full?.url || image?.media_details?.sizes?.full?.source_url;
if (fullUrl) {
imageProps.fullUrl = fullUrl;
}
-
return imageProps;
};
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/image.js
-
-
-/**
- * WordPress dependencies
- */
-
-const image_image = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 4.5h14c.3 0 .5.2.5.5v8.4l-3-2.9c-.3-.3-.8-.3-1 0L11.9 14 9 12c-.3-.2-.6-.2-.8 0l-3.6 2.6V5c-.1-.3.1-.5.4-.5zm14 15H5c-.3 0-.5-.2-.5-.5v-2.4l4.1-3 3 1.9c.3.2.7.2.9-.1L16 12l3.5 3.4V19c0 .3-.2.5-.5.5z"
-}));
-/* harmony default export */ var library_image = (image_image);
+/**
+ * WordPress dependencies
+ */
+
+
+const image_image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 4.5h14c.3 0 .5.2.5.5v8.4l-3-2.9c-.3-.3-.8-.3-1 0L11.9 14 9 12c-.3-.2-.6-.2-.8 0l-3.6 2.6V5c-.1-.3.1-.5.4-.5zm14 15H5c-.3 0-.5-.2-.5-.5v-2.4l4.1-3 3 1.9c.3.2.7.2.9-.1L16 12l3.5 3.4V19c0 .3-.2.5-.5.5z"
+ })
+});
+/* harmony default export */ const library_image = (image_image);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-left.js
-
-
-/**
- * WordPress dependencies
- */
-
-const chevronLeft = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"
-}));
-/* harmony default export */ var chevron_left = (chevronLeft);
+/**
+ * WordPress dependencies
+ */
+
+
+const chevronLeft = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"
+ })
+});
+/* harmony default export */ const chevron_left = (chevronLeft);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-right.js
-
-
-/**
- * WordPress dependencies
- */
-
-const chevronRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
-}));
-/* harmony default export */ var chevron_right = (chevronRight);
+/**
+ * WordPress dependencies
+ */
+
+
+const chevronRight = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
+ })
+});
+/* harmony default export */ const chevron_right = (chevronRight);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/close-small.js
-
-
-/**
- * WordPress dependencies
- */
-
-const closeSmall = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"
-}));
-/* harmony default export */ var close_small = (closeSmall);
+/**
+ * WordPress dependencies
+ */
+
+
+const closeSmall = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"
+ })
+});
+/* harmony default export */ const close_small = (closeSmall);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/v1/constants.js
const v1_constants_LINK_DESTINATION_NONE = 'none';
@@ -16386,36 +21590,34 @@
const v1_constants_LINK_DESTINATION_ATTACHMENT = 'post';
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/v1/gallery-image.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
const isTemporaryImage = (id, url) => !id && (0,external_wp_blob_namespaceObject.isBlobURL)(url);
-
class GalleryImage extends external_wp_element_namespaceObject.Component {
constructor() {
super(...arguments);
@@ -16429,51 +21631,42 @@
isEditing: false
};
}
-
bindContainer(ref) {
this.container = ref;
}
-
onSelectImage() {
if (!this.props.isSelected) {
this.props.onSelect();
}
}
-
onRemoveImage(event) {
if (this.container === this.container.ownerDocument.activeElement && this.props.isSelected && [external_wp_keycodes_namespaceObject.BACKSPACE, external_wp_keycodes_namespaceObject.DELETE].indexOf(event.keyCode) !== -1) {
event.preventDefault();
this.props.onRemove();
}
}
-
onEdit() {
this.setState({
isEditing: true
});
}
-
componentDidUpdate() {
const {
image,
url,
__unstableMarkNextChangeAsNotPersistent
} = this.props;
-
if (image && !url) {
__unstableMarkNextChangeAsNotPersistent();
-
this.props.setAttributes({
url: image.source_url,
alt: image.alt_text
});
}
}
-
deselectOnBlur() {
this.props.onDeselect();
}
-
onSelectImageFromLibrary(media) {
const {
setAttributes,
@@ -16483,38 +21676,42 @@
caption,
sizeSlug
} = this.props;
-
if (!media || !media.url) {
return;
}
-
- let mediaAttributes = shared_pickRelevantMediaFiles(media, sizeSlug); // If the current image is temporary but an alt text was meanwhile
+ let mediaAttributes = shared_pickRelevantMediaFiles(media, sizeSlug);
+
+ // If the current image is temporary but an alt text was meanwhile
// written by the user, make sure the text is not overwritten.
-
if (isTemporaryImage(id, url)) {
if (alt) {
- mediaAttributes = (0,external_lodash_namespaceObject.omit)(mediaAttributes, ['alt']);
- }
- } // If a caption text was meanwhile written by the user,
+ const {
+ alt: omittedAlt,
+ ...restMediaAttributes
+ } = mediaAttributes;
+ mediaAttributes = restMediaAttributes;
+ }
+ }
+
+ // If a caption text was meanwhile written by the user,
// make sure the text is not overwritten by empty captions.
-
-
- if (caption && !(0,external_lodash_namespaceObject.get)(mediaAttributes, ['caption'])) {
- mediaAttributes = (0,external_lodash_namespaceObject.omit)(mediaAttributes, ['caption']);
- }
-
+ if (caption && !mediaAttributes.caption) {
+ const {
+ caption: omittedCaption,
+ ...restMediaAttributes
+ } = mediaAttributes;
+ mediaAttributes = restMediaAttributes;
+ }
setAttributes(mediaAttributes);
this.setState({
isEditing: false
});
}
-
onSelectCustomURL(newURL) {
const {
setAttributes,
url
} = this.props;
-
if (newURL !== url) {
setAttributes({
url: newURL,
@@ -16525,7 +21722,6 @@
});
}
}
-
render() {
const {
url,
@@ -16547,98 +21743,114 @@
isEditing
} = this.state;
let href;
-
switch (linkTo) {
case v1_constants_LINK_DESTINATION_MEDIA:
href = url;
break;
-
case v1_constants_LINK_DESTINATION_ATTACHMENT:
href = link;
break;
}
-
- const img = // Disable reason: Image itself is not meant to be interactive, but should
+ const img =
+ /*#__PURE__*/
+ // Disable reason: Image itself is not meant to be interactive, but should
// direct image selection and unfocus caption fields.
-
/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
- (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("img", {
- src: url,
- alt: alt,
- "data-id": id,
- onKeyDown: this.onRemoveImage,
- tabIndex: "0",
- "aria-label": ariaLabel,
- ref: this.bindContainer
- }), (0,external_wp_blob_namespaceObject.isBlobURL)(url) && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null))
- /* eslint-enable jsx-a11y/no-noninteractive-element-interactions */
- ;
- const className = classnames_default()({
+ (0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: url,
+ alt: alt,
+ "data-id": id,
+ onKeyDown: this.onRemoveImage,
+ tabIndex: "0",
+ "aria-label": ariaLabel,
+ ref: this.bindContainer
+ }), (0,external_wp_blob_namespaceObject.isBlobURL)(url) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {})]
+ })
+ /* eslint-enable jsx-a11y/no-noninteractive-element-interactions */;
+ const className = dist_clsx({
'is-selected': isSelected,
'is-transient': (0,external_wp_blob_namespaceObject.isBlobURL)(url)
});
- return (// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
- (0,external_wp_element_namespaceObject.createElement)("figure", {
+ return (
+ /*#__PURE__*/
+ // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
+ (0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
className: className,
onClick: this.onSelectImage,
- onFocus: this.onSelectImage
- }, !isEditing && (href ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: href
- }, img) : img), isEditing && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
- labels: {
- title: (0,external_wp_i18n_namespaceObject.__)('Edit gallery image')
- },
- icon: library_image,
- onSelect: this.onSelectImageFromLibrary,
- onSelectURL: this.onSelectCustomURL,
- accept: "image/*",
- allowedTypes: ['image'],
- value: {
- id,
- src: url
- }
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ButtonGroup, {
- className: "block-library-gallery-item__inline-menu is-left"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- icon: chevron_left,
- onClick: isFirstItem ? undefined : onMoveBackward,
- label: (0,external_wp_i18n_namespaceObject.__)('Move image backward'),
- "aria-disabled": isFirstItem,
- disabled: !isSelected
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- icon: chevron_right,
- onClick: isLastItem ? undefined : onMoveForward,
- label: (0,external_wp_i18n_namespaceObject.__)('Move image forward'),
- "aria-disabled": isLastItem,
- disabled: !isSelected
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ButtonGroup, {
- className: "block-library-gallery-item__inline-menu is-right"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- icon: library_edit,
- onClick: this.onEdit,
- label: (0,external_wp_i18n_namespaceObject.__)('Replace image'),
- disabled: !isSelected
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- icon: close_small,
- onClick: onRemove,
- label: (0,external_wp_i18n_namespaceObject.__)('Remove image'),
- disabled: !isSelected
- })), !isEditing && (isSelected || caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- tagName: "figcaption",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Image caption text'),
- placeholder: isSelected ? (0,external_wp_i18n_namespaceObject.__)('Add caption') : null,
- value: caption,
- onChange: newCaption => setAttributes({
- caption: newCaption
- }),
- inlineToolbar: true
- }))
+ onFocus: this.onSelectImage,
+ children: [!isEditing && (href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ children: img
+ }) : img), isEditing && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
+ labels: {
+ title: (0,external_wp_i18n_namespaceObject.__)('Edit gallery image')
+ },
+ icon: library_image,
+ onSelect: this.onSelectImageFromLibrary,
+ onSelectURL: this.onSelectCustomURL,
+ accept: "image/*",
+ allowedTypes: ['image'],
+ value: {
+ id,
+ src: url
+ }
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.ButtonGroup, {
+ className: "block-library-gallery-item__inline-menu is-left",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ icon: chevron_left,
+ onClick: isFirstItem ? undefined : onMoveBackward,
+ label: (0,external_wp_i18n_namespaceObject.__)('Move image backward'),
+ "aria-disabled": isFirstItem
+ // Disable reason: Truly disable when image is not selected.
+ // eslint-disable-next-line no-restricted-syntax
+ ,
+ disabled: !isSelected
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ icon: chevron_right,
+ onClick: isLastItem ? undefined : onMoveForward,
+ label: (0,external_wp_i18n_namespaceObject.__)('Move image forward'),
+ "aria-disabled": isLastItem
+ // Disable reason: Truly disable when image is not selected.
+ // eslint-disable-next-line no-restricted-syntax
+ ,
+ disabled: !isSelected
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.ButtonGroup, {
+ className: "block-library-gallery-item__inline-menu is-right",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ icon: library_edit,
+ onClick: this.onEdit,
+ label: (0,external_wp_i18n_namespaceObject.__)('Replace image')
+ // Disable reason: Truly disable when image is not selected.
+ // eslint-disable-next-line no-restricted-syntax
+ ,
+ disabled: !isSelected
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ icon: close_small,
+ onClick: onRemove,
+ label: (0,external_wp_i18n_namespaceObject.__)('Remove image')
+ // Disable reason: Truly disable when image is not selected.
+ // eslint-disable-next-line no-restricted-syntax
+ ,
+ disabled: !isSelected
+ })]
+ }), !isEditing && (isSelected || caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ tagName: "figcaption",
+ className: (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption'),
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Image caption text'),
+ placeholder: isSelected ? (0,external_wp_i18n_namespaceObject.__)('Add caption') : null,
+ value: caption,
+ onChange: newCaption => setAttributes({
+ caption: newCaption
+ }),
+ inlineToolbar: true
+ })]
+ })
);
}
-
-}
-
-/* harmony default export */ var gallery_image = ((0,external_wp_compose_namespaceObject.compose)([(0,external_wp_data_namespaceObject.withSelect)((select, ownProps) => {
+}
+/* harmony default export */ const gallery_image = ((0,external_wp_compose_namespaceObject.compose)([(0,external_wp_data_namespaceObject.withSelect)((select, ownProps) => {
const {
getMedia
} = select(external_wp_coreData_namespaceObject.store);
@@ -16658,24 +21870,23 @@
})])(GalleryImage));
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/v1/gallery.js
-
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
@@ -16702,90 +21913,87 @@
imageCrop,
images
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("figure", _extends({}, blockProps, {
- className: classnames_default()(blockProps.className, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...blockProps,
+ className: dist_clsx(blockProps.className, {
[`align${align}`]: align,
[`columns-${columns}`]: columns,
'is-cropped': imageCrop
- })
- }), (0,external_wp_element_namespaceObject.createElement)("ul", {
- className: "blocks-gallery-grid"
- }, images.map((img, index) => {
- const ariaLabel = (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: 1: the order number of the image. 2: the total number of images. */
- (0,external_wp_i18n_namespaceObject.__)('image %1$d of %2$d in gallery'), index + 1, images.length);
- return (0,external_wp_element_namespaceObject.createElement)("li", {
- className: "blocks-gallery-item",
- key: img.id ? `${img.id}-${index}` : img.url
- }, (0,external_wp_element_namespaceObject.createElement)(gallery_image, {
- url: img.url,
- alt: img.alt,
- id: img.id,
- isFirstItem: index === 0,
- isLastItem: index + 1 === images.length,
- isSelected: isSelected && selectedImage === index,
- onMoveBackward: onMoveBackward(index),
- onMoveForward: onMoveForward(index),
- onRemove: onRemoveImage(index),
- onSelect: onSelectImage(index),
- onDeselect: onDeselectImage(index),
- setAttributes: attrs => onSetImageAttributes(index, attrs),
- caption: img.caption,
- "aria-label": ariaLabel,
- sizeSlug: attributes.sizeSlug
- }));
- })), mediaPlaceholder, (0,external_wp_element_namespaceObject.createElement)(gallery_RichTextVisibilityHelper, {
- isHidden: !isSelected && external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption),
- tagName: "figcaption",
- className: "blocks-gallery-caption",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Gallery caption text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Write gallery caption…'),
- value: caption,
- onChange: value => setAttributes({
- caption: value
- }),
- inlineToolbar: true,
- __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph'))
- }));
-};
-
-function gallery_RichTextVisibilityHelper(_ref) {
- let {
- isHidden,
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ className: "blocks-gallery-grid",
+ children: images.map((img, index) => {
+ const ariaLabel = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: 1: the order number of the image. 2: the total number of images. */
+ (0,external_wp_i18n_namespaceObject.__)('image %1$d of %2$d in gallery'), index + 1, images.length);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {
+ className: "blocks-gallery-item",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(gallery_image, {
+ url: img.url,
+ alt: img.alt,
+ id: img.id,
+ isFirstItem: index === 0,
+ isLastItem: index + 1 === images.length,
+ isSelected: isSelected && selectedImage === index,
+ onMoveBackward: onMoveBackward(index),
+ onMoveForward: onMoveForward(index),
+ onRemove: onRemoveImage(index),
+ onSelect: onSelectImage(index),
+ onDeselect: onDeselectImage(index),
+ setAttributes: attrs => onSetImageAttributes(index, attrs),
+ caption: img.caption,
+ "aria-label": ariaLabel,
+ sizeSlug: attributes.sizeSlug
+ })
+ }, img.id ? `${img.id}-${index}` : img.url);
+ })
+ }), mediaPlaceholder, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(RichTextVisibilityHelper, {
+ isHidden: !isSelected && external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption),
+ tagName: "figcaption",
+ className: dist_clsx('blocks-gallery-caption', (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption')),
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Gallery caption text'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Write gallery caption…'),
+ value: caption,
+ onChange: value => setAttributes({
+ caption: value
+ }),
+ inlineToolbar: true,
+ __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)()))
+ })]
+ });
+};
+function RichTextVisibilityHelper({
+ isHidden,
+ ...richTextProps
+}) {
+ return isHidden ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, {
+ as: external_wp_blockEditor_namespaceObject.RichText,
...richTextProps
- } = _ref;
- return isHidden ? (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, _extends({
- as: external_wp_blockEditor_namespaceObject.RichText
- }, richTextProps)) : (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, richTextProps);
-}
-
-/* harmony default export */ var v1_gallery = (gallery_Gallery);
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ ...richTextProps
+ });
+}
+/* harmony default export */ const v1_gallery = (gallery_Gallery);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/v1/edit.js
-
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
@@ -16814,7 +22022,6 @@
type: 'stepper'
}
});
-
function edit_GalleryEdit(props) {
const {
attributes,
@@ -16852,65 +22059,57 @@
});
const resizedImages = (0,external_wp_element_namespaceObject.useMemo)(() => {
if (isSelected) {
- return (0,external_lodash_namespaceObject.reduce)(attributes.ids, (currentResizedImages, id) => {
+ var _attributes$ids;
+ return ((_attributes$ids = attributes.ids) !== null && _attributes$ids !== void 0 ? _attributes$ids : []).reduce((currentResizedImages, id) => {
if (!id) {
return currentResizedImages;
}
-
const image = getMedia(id);
- const sizes = (0,external_lodash_namespaceObject.reduce)(imageSizes, (currentSizes, size) => {
- const defaultUrl = (0,external_lodash_namespaceObject.get)(image, ['sizes', size.slug, 'url']);
- const mediaDetailsUrl = (0,external_lodash_namespaceObject.get)(image, ['media_details', 'sizes', size.slug, 'source_url']);
- return { ...currentSizes,
+ const sizes = imageSizes.reduce((currentSizes, size) => {
+ const defaultUrl = image?.sizes?.[size.slug]?.url;
+ const mediaDetailsUrl = image?.media_details?.sizes?.[size.slug]?.source_url;
+ return {
+ ...currentSizes,
[size.slug]: defaultUrl || mediaDetailsUrl
};
}, {});
- return { ...currentResizedImages,
+ return {
+ ...currentResizedImages,
[parseInt(id, 10)]: sizes
};
}, {});
}
-
return {};
}, [isSelected, attributes.ids, imageSizes]);
-
function onFocusGalleryCaption() {
setSelectedImage();
}
-
function setAttributes(newAttrs) {
if (newAttrs.ids) {
throw new Error('The "ids" attribute should not be changed directly. It is managed automatically when "images" attribute changes');
}
-
if (newAttrs.images) {
- newAttrs = { ...newAttrs,
+ newAttrs = {
+ ...newAttrs,
// Unlike images[ n ].id which is a string, always ensure the
// ids array contains numbers as per its attribute type.
- ids: (0,external_lodash_namespaceObject.map)(newAttrs.images, _ref => {
- let {
- id
- } = _ref;
- return parseInt(id, 10);
- })
+ ids: newAttrs.images.map(({
+ id
+ }) => parseInt(id, 10))
};
}
-
props.setAttributes(newAttrs);
}
-
function onSelectImage(index) {
return () => {
setSelectedImage(index);
};
}
-
function onDeselectImage() {
return () => {
setSelectedImage();
};
}
-
function onMove(oldIndex, newIndex) {
const newImages = [...images];
newImages.splice(newIndex, 1, images[oldIndex]);
@@ -16920,30 +22119,25 @@
images: newImages
});
}
-
function onMoveForward(oldIndex) {
return () => {
if (oldIndex === images.length - 1) {
return;
}
-
onMove(oldIndex, oldIndex + 1);
};
}
-
function onMoveBackward(oldIndex) {
return () => {
if (oldIndex === 0) {
return;
}
-
onMove(oldIndex, oldIndex - 1);
};
}
-
function onRemoveImage(index) {
return () => {
- const newImages = (0,external_lodash_namespaceObject.filter)(images, (img, i) => index !== i);
+ const newImages = images.filter((img, i) => index !== i);
setSelectedImage();
setAttributes({
images: newImages,
@@ -16951,116 +22145,100 @@
});
};
}
-
function selectCaption(newImage) {
// The image id in both the images and attachmentCaptions arrays is a
// string, so ensure comparison works correctly by converting the
// newImage.id to a string.
- const newImageId = (0,external_lodash_namespaceObject.toString)(newImage.id);
- const currentImage = (0,external_lodash_namespaceObject.find)(images, {
- id: newImageId
- });
+ const newImageId = newImage.id.toString();
+ const currentImage = images.find(({
+ id
+ }) => id === newImageId);
const currentImageCaption = currentImage ? currentImage.caption : newImage.caption;
-
if (!attachmentCaptions) {
return currentImageCaption;
}
-
- const attachment = (0,external_lodash_namespaceObject.find)(attachmentCaptions, {
- id: newImageId
- }); // If the attachment caption is updated.
-
+ const attachment = attachmentCaptions.find(({
+ id
+ }) => id === newImageId);
+
+ // If the attachment caption is updated.
if (attachment && attachment.caption !== newImage.caption) {
return newImage.caption;
}
-
return currentImageCaption;
}
-
function onSelectImages(newImages) {
setAttachmentCaptions(newImages.map(newImage => ({
// Store the attachmentCaption id as a string for consistency
// with the type of the id in the images attribute.
- id: (0,external_lodash_namespaceObject.toString)(newImage.id),
+ id: newImage.id.toString(),
caption: newImage.caption
})));
setAttributes({
- images: newImages.map(newImage => ({ ...shared_pickRelevantMediaFiles(newImage, sizeSlug),
+ images: newImages.map(newImage => ({
+ ...shared_pickRelevantMediaFiles(newImage, sizeSlug),
caption: selectCaption(newImage, images, attachmentCaptions),
// The id value is stored in a data attribute, so when the
// block is parsed it's converted to a string. Converting
// to a string here ensures it's type is consistent.
- id: (0,external_lodash_namespaceObject.toString)(newImage.id)
+ id: newImage.id.toString()
})),
columns: attributes.columns ? Math.min(newImages.length, attributes.columns) : attributes.columns
});
}
-
function onUploadError(message) {
noticeOperations.removeAllNotices();
noticeOperations.createErrorNotice(message);
}
-
function setLinkTo(value) {
setAttributes({
linkTo: value
});
}
-
function setColumnsNumber(value) {
setAttributes({
columns: value
});
}
-
function toggleImageCrop() {
setAttributes({
imageCrop: !imageCrop
});
}
-
function getImageCropHelp(checked) {
return checked ? (0,external_wp_i18n_namespaceObject.__)('Thumbnails are cropped to align.') : (0,external_wp_i18n_namespaceObject.__)('Thumbnails are not cropped.');
}
-
function setImageAttributes(index, newAttributes) {
if (!images[index]) {
return;
}
-
setAttributes({
- images: [...images.slice(0, index), { ...images[index],
+ images: [...images.slice(0, index), {
+ ...images[index],
...newAttributes
}, ...images.slice(index + 1)]
});
}
-
function getImagesSizeOptions() {
- return (0,external_lodash_namespaceObject.map)((0,external_lodash_namespaceObject.filter)(imageSizes, _ref2 => {
- let {
- slug
- } = _ref2;
- return (0,external_lodash_namespaceObject.some)(resizedImages, sizes => sizes[slug]);
- }), _ref3 => {
- let {
- name,
- slug
- } = _ref3;
- return {
- value: slug,
- label: name
- };
- });
- }
-
+ const resizedImageSizes = Object.values(resizedImages);
+ return imageSizes.filter(({
+ slug
+ }) => resizedImageSizes.some(sizes => sizes[slug])).map(({
+ name,
+ slug
+ }) => ({
+ value: slug,
+ label: name
+ }));
+ }
function updateImagesSize(newSizeSlug) {
- const updatedImages = (0,external_lodash_namespaceObject.map)(images, image => {
+ const updatedImages = (images !== null && images !== void 0 ? images : []).map(image => {
if (!image.id) {
return image;
}
-
- const url = (0,external_lodash_namespaceObject.get)(resizedImages, [parseInt(image.id, 10), newSizeSlug]);
- return { ...image,
+ const url = resizedImages[parseInt(image.id, 10)]?.[newSizeSlug];
+ return {
+ ...image,
...(url && {
url
})
@@ -17071,26 +22249,16 @@
sizeSlug: newSizeSlug
});
}
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (external_wp_element_namespaceObject.Platform.OS === 'web' && images && images.length > 0 && (0,external_lodash_namespaceObject.every)(images, _ref4 => {
- let {
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (external_wp_element_namespaceObject.Platform.OS === 'web' && images && images.length > 0 && images.every(({
+ url
+ }) => (0,external_wp_blob_namespaceObject.isBlobURL)(url))) {
+ const filesList = images.map(({
url
- } = _ref4;
- return (0,external_wp_blob_namespaceObject.isBlobURL)(url);
- })) {
- const filesList = (0,external_lodash_namespaceObject.map)(images, _ref5 => {
- let {
- url
- } = _ref5;
- return (0,external_wp_blob_namespaceObject.getBlobByURL)(url);
- });
- (0,external_lodash_namespaceObject.forEach)(images, _ref6 => {
- let {
- url
- } = _ref6;
- return (0,external_wp_blob_namespaceObject.revokeBlobURL)(url);
- });
+ }) => (0,external_wp_blob_namespaceObject.getBlobByURL)(url));
+ images.forEach(({
+ url
+ }) => (0,external_wp_blob_namespaceObject.revokeBlobURL)(url));
mediaUpload({
filesList,
onFileChange: onSelectImages,
@@ -17108,18 +22276,15 @@
// linkTo attribute must be saved so blocks don't break when changing
// image_default_link_type in options.php.
if (!linkTo) {
- var _window, _window$wp, _window$wp$media, _window$wp$media$view, _window$wp$media$view2, _window$wp$media$view3;
-
__unstableMarkNextChangeAsNotPersistent();
-
setAttributes({
- linkTo: ((_window = window) === null || _window === void 0 ? void 0 : (_window$wp = _window.wp) === null || _window$wp === void 0 ? void 0 : (_window$wp$media = _window$wp.media) === null || _window$wp$media === void 0 ? void 0 : (_window$wp$media$view = _window$wp$media.view) === null || _window$wp$media$view === void 0 ? void 0 : (_window$wp$media$view2 = _window$wp$media$view.settings) === null || _window$wp$media$view2 === void 0 ? void 0 : (_window$wp$media$view3 = _window$wp$media$view2.defaultProps) === null || _window$wp$media$view3 === void 0 ? void 0 : _window$wp$media$view3.link) || v1_constants_LINK_DESTINATION_NONE
+ linkTo: window?.wp?.media?.view?.settings?.defaultProps?.link || v1_constants_LINK_DESTINATION_NONE
});
}
}, [linkTo]);
const hasImages = !!images.length;
const hasImageIds = hasImages && images.some(image => !!image.id);
- const mediaPlaceholder = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
+ const mediaPlaceholder = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
addToGallery: hasImageIds,
isAppender: hasImages,
disableMediaButtons: hasImages && !isSelected,
@@ -17139,65 +22304,75 @@
autoOpenMediaUpload: !hasImages && isSelected && wasBlockJustInserted
});
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
-
if (!hasImages) {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.View, blockProps, mediaPlaceholder);
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.View, {
+ ...blockProps,
+ children: mediaPlaceholder
+ });
+ }
const imageSizeOptions = getImagesSizeOptions();
- const shouldShowSizeOptions = hasImages && !(0,external_lodash_namespaceObject.isEmpty)(imageSizeOptions);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Gallery settings')
- }, images.length > 1 && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, _extends({
- label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
- value: columns,
- onChange: setColumnsNumber,
- min: 1,
- max: Math.min(edit_MAX_COLUMNS, images.length)
- }, edit_MOBILE_CONTROL_PROPS_RANGE_CONTROL, {
- required: true
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Crop images'),
- checked: !!imageCrop,
- onChange: toggleImageCrop,
- help: getImageCropHelp
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Link to'),
- value: linkTo,
- onChange: setLinkTo,
- options: edit_linkOptions,
- hideCancelButton: true
- }), shouldShowSizeOptions && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Image size'),
- value: sizeSlug,
- options: imageSizeOptions,
- onChange: updateImagesSize,
- hideCancelButton: true
- }))), noticeUI, (0,external_wp_element_namespaceObject.createElement)(v1_gallery, _extends({}, props, {
- selectedImage: selectedImage,
- mediaPlaceholder: mediaPlaceholder,
- onMoveBackward: onMoveBackward,
- onMoveForward: onMoveForward,
- onRemoveImage: onRemoveImage,
- onSelectImage: onSelectImage,
- onDeselectImage: onDeselectImage,
- onSetImageAttributes: setImageAttributes,
- blockProps: blockProps // This prop is used by gallery.native.js.
- ,
- onFocusGalleryCaption: onFocusGalleryCaption
- })));
-}
-
-/* harmony default export */ var v1_edit = ((0,external_wp_compose_namespaceObject.compose)([external_wp_components_namespaceObject.withNotices, (0,external_wp_viewport_namespaceObject.withViewportMatch)({
+ const shouldShowSizeOptions = hasImages && imageSizeOptions.length > 0;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [images.length > 1 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
+ value: columns,
+ onChange: setColumnsNumber,
+ min: 1,
+ max: Math.min(edit_MAX_COLUMNS, images.length),
+ ...edit_MOBILE_CONTROL_PROPS_RANGE_CONTROL,
+ required: true
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Crop images'),
+ checked: !!imageCrop,
+ onChange: toggleImageCrop,
+ help: getImageCropHelp
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link to'),
+ value: linkTo,
+ onChange: setLinkTo,
+ options: edit_linkOptions,
+ hideCancelButton: true
+ }), shouldShowSizeOptions && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Image size'),
+ value: sizeSlug,
+ options: imageSizeOptions,
+ onChange: updateImagesSize,
+ hideCancelButton: true
+ })]
+ })
+ }), noticeUI, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(v1_gallery, {
+ ...props,
+ selectedImage: selectedImage,
+ mediaPlaceholder: mediaPlaceholder,
+ onMoveBackward: onMoveBackward,
+ onMoveForward: onMoveForward,
+ onRemoveImage: onRemoveImage,
+ onSelectImage: onSelectImage,
+ onDeselectImage: onDeselectImage,
+ onSetImageAttributes: setImageAttributes,
+ blockProps: blockProps
+ // This prop is used by gallery.native.js.
+ ,
+ onFocusGalleryCaption: onFocusGalleryCaption
+ })]
+ });
+}
+/* harmony default export */ const v1_edit = ((0,external_wp_compose_namespaceObject.compose)([external_wp_components_namespaceObject.withNotices, (0,external_wp_viewport_namespaceObject.withViewportMatch)({
isNarrow: '< small'
})])(edit_GalleryEdit));
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/edit-wrapper.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
/**
@@ -17215,31 +22390,37 @@
function GalleryEditWrapper(props) {
if (!isGalleryV2Enabled()) {
- return (0,external_wp_element_namespaceObject.createElement)(v1_edit, props);
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(gallery_edit, props);
-}
-
-/* harmony default export */ var edit_wrapper = ((0,external_wp_compose_namespaceObject.compose)([external_wp_components_namespaceObject.withNotices])(GalleryEditWrapper));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(v1_edit, {
+ ...props
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(gallery_edit, {
+ ...props
+ });
+}
+/* harmony default export */ const edit_wrapper = ((0,external_wp_compose_namespaceObject.compose)([external_wp_components_namespaceObject.withNotices])(GalleryEditWrapper));
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/v1/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-
-
-function saveV1(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function saveV1({
+ attributes
+}) {
const {
images,
columns = defaultColumnsNumberV1(attributes),
@@ -17248,83 +22429,84 @@
linkTo
} = attributes;
const className = `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`;
- return (0,external_wp_element_namespaceObject.createElement)("figure", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className
- }), (0,external_wp_element_namespaceObject.createElement)("ul", {
- className: "blocks-gallery-grid"
- }, images.map(image => {
- let href;
-
- switch (linkTo) {
- case v1_constants_LINK_DESTINATION_MEDIA:
- href = image.fullUrl || image.url;
- break;
-
- case v1_constants_LINK_DESTINATION_ATTACHMENT:
- href = image.link;
- break;
- }
-
- const img = (0,external_wp_element_namespaceObject.createElement)("img", {
- src: image.url,
- alt: image.alt,
- "data-id": image.id,
- "data-full-url": image.fullUrl,
- "data-link": image.link,
- className: image.id ? `wp-image-${image.id}` : null
- });
- return (0,external_wp_element_namespaceObject.createElement)("li", {
- key: image.id || image.url,
- className: "blocks-gallery-item"
- }, (0,external_wp_element_namespaceObject.createElement)("figure", null, href ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: href
- }, img) : img, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(image.caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ className: "blocks-gallery-grid",
+ children: images.map(image => {
+ let href;
+ switch (linkTo) {
+ case v1_constants_LINK_DESTINATION_MEDIA:
+ href = image.fullUrl || image.url;
+ break;
+ case v1_constants_LINK_DESTINATION_ATTACHMENT:
+ href = image.link;
+ break;
+ }
+ const img = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: image.url,
+ alt: image.alt,
+ "data-id": image.id,
+ "data-full-url": image.fullUrl,
+ "data-link": image.link,
+ className: image.id ? `wp-image-${image.id}` : null
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {
+ className: "blocks-gallery-item",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ children: img
+ }) : img, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(image.caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ className: dist_clsx('blocks-gallery-item__caption', (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption')),
+ value: image.caption
+ })]
+ })
+ }, image.id || image.url);
+ })
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
tagName: "figcaption",
- className: "blocks-gallery-item__caption",
- value: image.caption
- })));
- })), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- className: "blocks-gallery-caption",
- value: caption
- }));
+ className: dist_clsx('blocks-gallery-caption', (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption')),
+ value: caption
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-/**
- * Internal dependencies
- */
-
-
-
-function saveWithInnerBlocks(_ref) {
- let {
- attributes
- } = _ref;
-
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function saveWithInnerBlocks({
+ attributes
+}) {
if (!isGalleryV2Enabled()) {
return saveV1({
attributes
});
}
-
const {
caption,
columns,
imageCrop
} = attributes;
- const className = classnames_default()('has-nested-images', {
+ const className = dist_clsx('has-nested-images', {
[`columns-${columns}`]: columns !== undefined,
[`columns-default`]: columns === undefined,
'is-cropped': imageCrop
@@ -17333,42 +22515,36 @@
className
});
const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(blockProps);
- return (0,external_wp_element_namespaceObject.createElement)("figure", innerBlocksProps, innerBlocksProps.children, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- className: "blocks-gallery-caption",
- value: caption
- }));
-}
-
-;// CONCATENATED MODULE: external ["wp","hooks"]
-var external_wp_hooks_namespaceObject = window["wp"]["hooks"];
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...innerBlocksProps,
+ children: [innerBlocksProps.children, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ className: dist_clsx('blocks-gallery-caption', (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption')),
+ value: caption
+ })]
+ });
+}
+
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/transforms.js
/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * Internal dependencies
+ */
const parseShortcodeIds = ids => {
if (!ids) {
return [];
}
-
return ids.split(',').map(id => parseInt(id, 10));
};
+
/**
* Third party block plugins don't have an easy way to detect if the
* innerBlocks version of the Gallery is running when they run a
@@ -17383,18 +22559,13 @@
* @param {Block} block The transformed block.
* @return {Block} The transformed block.
*/
-
-
function updateThirdPartyTransformToGallery(block) {
- var _block$attributes;
-
- if (isGalleryV2Enabled() && block.name === 'core/gallery' && ((_block$attributes = block.attributes) === null || _block$attributes === void 0 ? void 0 : _block$attributes.images.length) > 0) {
- const innerBlocks = block.attributes.images.map(_ref => {
- let {
- url,
- id,
- alt
- } = _ref;
+ if (isGalleryV2Enabled() && block.name === 'core/gallery' && block.attributes?.images.length > 0) {
+ const innerBlocks = block.attributes.images.map(({
+ url,
+ id,
+ alt
+ }) => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
url,
id: id ? parseInt(id, 10) : null,
@@ -17407,11 +22578,10 @@
delete block.attributes.images;
block.innerBlocks = innerBlocks;
}
-
return block;
}
-
(0,external_wp_hooks_namespaceObject.addFilter)('blocks.switchToBlockType.transformedBlock', 'core/gallery/update-third-party-transform-to', updateThirdPartyTransformToGallery);
+
/**
* Third party block plugins don't have an easy way to detect if the
* innerBlocks version of the Gallery is running when they run a
@@ -17427,43 +22597,29 @@
* @param {Block[]} fromBlocks The blocks to transform from.
* @return {Block} The transformed block.
*/
-
function updateThirdPartyTransformFromGallery(toBlock, fromBlocks) {
const from = Array.isArray(fromBlocks) ? fromBlocks : [fromBlocks];
- const galleryBlock = from.find(transformedBlock => {
- var _transformedBlock$att;
-
- return transformedBlock.name === 'core/gallery' && transformedBlock.innerBlocks.length > 0 && !((_transformedBlock$att = transformedBlock.attributes.images) !== null && _transformedBlock$att !== void 0 && _transformedBlock$att.length) > 0 && !toBlock.name.includes('core/');
- });
-
+ const galleryBlock = from.find(transformedBlock => transformedBlock.name === 'core/gallery' && transformedBlock.innerBlocks.length > 0 && !transformedBlock.attributes.images?.length > 0 && !toBlock.name.includes('core/'));
if (galleryBlock) {
- const images = galleryBlock.innerBlocks.map(_ref2 => {
- let {
- attributes: {
- url,
- id,
- alt
- }
- } = _ref2;
- return {
+ const images = galleryBlock.innerBlocks.map(({
+ attributes: {
url,
- id: id ? parseInt(id, 10) : null,
+ id,
alt
- };
- });
- const ids = images.map(_ref3 => {
- let {
- id
- } = _ref3;
- return id;
- });
+ }
+ }) => ({
+ url,
+ id: id ? parseInt(id, 10) : null,
+ alt
+ }));
+ const ids = images.map(({
+ id
+ }) => id);
galleryBlock.attributes.images = images;
galleryBlock.attributes.ids = ids;
}
-
return toBlock;
}
-
(0,external_wp_hooks_namespaceObject.addFilter)('blocks.switchToBlockType.transformedBlock', 'core/gallery/update-third-party-transform-from', updateThirdPartyTransformFromGallery);
const gallery_transforms_transforms = {
from: [{
@@ -17475,19 +22631,18 @@
let {
align,
sizeSlug
- } = attributes[0]; // Loop through all the images and check if they have the same align and size.
-
- align = (0,external_lodash_namespaceObject.every)(attributes, ['align', align]) ? align : undefined;
- sizeSlug = (0,external_lodash_namespaceObject.every)(attributes, ['sizeSlug', sizeSlug]) ? sizeSlug : undefined;
- const validImages = (0,external_lodash_namespaceObject.filter)(attributes, _ref4 => {
- let {
- url
- } = _ref4;
- return url;
- });
-
+ } = attributes[0];
+ // Loop through all the images and check if they have the same align and size.
+ align = attributes.every(attribute => attribute.align === align) ? align : undefined;
+ sizeSlug = attributes.every(attribute => attribute.sizeSlug === sizeSlug) ? sizeSlug : undefined;
+ const validImages = attributes.filter(({
+ url
+ }) => url);
if (isGalleryV2Enabled()) {
const innerBlocks = validImages.map(image => {
+ // Gallery images can't currently be resized so make sure height and width are undefined.
+ image.width = undefined;
+ image.height = undefined;
return (0,external_wp_blocks_namespaceObject.createBlock)('core/image', image);
});
return (0,external_wp_blocks_namespaceObject.createBlock)('core/gallery', {
@@ -17495,28 +22650,21 @@
sizeSlug
}, innerBlocks);
}
-
return (0,external_wp_blocks_namespaceObject.createBlock)('core/gallery', {
- images: validImages.map(_ref5 => {
- let {
- id,
- url,
- alt,
- caption
- } = _ref5;
- return {
- id: (0,external_lodash_namespaceObject.toString)(id),
- url,
- alt,
- caption
- };
- }),
- ids: validImages.map(_ref6 => {
- let {
- id
- } = _ref6;
- return parseInt(id, 10);
- }),
+ images: validImages.map(({
+ id,
+ url,
+ alt,
+ caption
+ }) => ({
+ id: id.toString(),
+ url,
+ alt,
+ caption
+ })),
+ ids: validImages.map(({
+ id
+ }) => parseInt(id, 10)),
align,
sizeSlug
});
@@ -17524,107 +22672,35 @@
}, {
type: 'shortcode',
tag: 'gallery',
- attributes: {
- images: {
- type: 'array',
- shortcode: _ref7 => {
- let {
- named: {
- ids
- }
- } = _ref7;
-
- if (!isGalleryV2Enabled()) {
- return parseShortcodeIds(ids).map(id => ({
- id: (0,external_lodash_namespaceObject.toString)(id)
- }));
- }
- }
- },
- ids: {
- type: 'array',
- shortcode: _ref8 => {
- let {
- named: {
- ids
- }
- } = _ref8;
-
- if (!isGalleryV2Enabled()) {
- return parseShortcodeIds(ids);
- }
- }
- },
- shortCodeTransforms: {
- type: 'array',
- shortcode: _ref9 => {
- let {
- named: {
- ids
- }
- } = _ref9;
-
- if (isGalleryV2Enabled()) {
- return parseShortcodeIds(ids).map(id => ({
- id: parseInt(id)
- }));
- }
- }
- },
- columns: {
- type: 'number',
- shortcode: _ref10 => {
- let {
- named: {
- columns = '3'
- }
- } = _ref10;
- return parseInt(columns, 10);
- }
- },
- linkTo: {
- type: 'string',
- shortcode: _ref11 => {
- let {
- named: {
- link
- }
- } = _ref11;
-
- if (!isGalleryV2Enabled()) {
- switch (link) {
- case 'post':
- return v1_constants_LINK_DESTINATION_ATTACHMENT;
-
- case 'file':
- return v1_constants_LINK_DESTINATION_MEDIA;
-
- default:
- return v1_constants_LINK_DESTINATION_ATTACHMENT;
- }
- }
-
- switch (link) {
- case 'post':
- return LINK_DESTINATION_ATTACHMENT;
-
- case 'file':
- return LINK_DESTINATION_MEDIA;
-
- default:
- return LINK_DESTINATION_NONE;
- }
- }
- }
- },
-
- isMatch(_ref12) {
- let {
- named
- } = _ref12;
+ transform({
+ named: {
+ ids,
+ columns = 3,
+ link,
+ orderby
+ }
+ }) {
+ const imageIds = parseShortcodeIds(ids).map(id => parseInt(id, 10));
+ let linkTo = LINK_DESTINATION_NONE;
+ if (link === 'post') {
+ linkTo = LINK_DESTINATION_ATTACHMENT;
+ } else if (link === 'file') {
+ linkTo = LINK_DESTINATION_MEDIA;
+ }
+ const galleryBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/gallery', {
+ columns: parseInt(columns, 10),
+ linkTo,
+ randomOrder: orderby === 'rand'
+ }, imageIds.map(imageId => (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
+ id: imageId
+ })));
+ return galleryBlock;
+ },
+ isMatch({
+ named
+ }) {
return undefined !== named.ids;
}
-
}, {
// When created by drag and dropping multiple files on an insertion point. Because multiple
// files must not be transformed to a gallery when dropped within a gallery there is another transform
@@ -17633,11 +22709,9 @@
// of a gallery block.
type: 'files',
priority: 1,
-
isMatch(files) {
- return files.length !== 1 && (0,external_lodash_namespaceObject.every)(files, file => file.type.indexOf('image/') === 0);
- },
-
+ return files.length !== 1 && files.every(file => file.type.indexOf('image/') === 0);
+ },
transform(files) {
if (isGalleryV2Enabled()) {
const innerBlocks = files.map(file => (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
@@ -17645,7 +22719,6 @@
}));
return (0,external_wp_blocks_namespaceObject.createBlock)('core/gallery', {}, innerBlocks);
}
-
const block = (0,external_wp_blocks_namespaceObject.createBlock)('core/gallery', {
images: files.map(file => pickRelevantMediaFiles({
url: (0,external_wp_blob_namespaceObject.createBlobURL)(file)
@@ -17653,84 +22726,83 @@
});
return block;
}
-
}],
to: [{
type: 'block',
blocks: ['core/image'],
- transform: (_ref13, innerBlocks) => {
- let {
- align,
- images,
- ids,
- sizeSlug
- } = _ref13;
-
+ transform: ({
+ align,
+ images,
+ ids,
+ sizeSlug
+ }, innerBlocks) => {
if (isGalleryV2Enabled()) {
if (innerBlocks.length > 0) {
- return innerBlocks.map(_ref14 => {
- let {
- attributes: {
- id,
- url,
- alt,
- caption,
- sizeSlug: imageSizeSlug,
- linkDestination,
- href,
- linkTarget
- }
- } = _ref14;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
- id,
+ return innerBlocks.map(({
+ attributes: {
url,
alt,
caption,
- sizeSlug: imageSizeSlug,
- align,
- linkDestination,
+ title,
href,
- linkTarget
- });
- });
- }
-
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
- align
- });
- }
-
- if (images.length > 0) {
- return images.map((_ref15, index) => {
- let {
- url,
- alt,
- caption
- } = _ref15;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
- id: ids[index],
+ rel,
+ linkClass,
+ id,
+ sizeSlug: imageSizeSlug,
+ linkDestination,
+ linkTarget,
+ anchor,
+ className
+ }
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
+ align,
url,
alt,
caption,
- align,
- sizeSlug
- });
- });
- }
-
+ title,
+ href,
+ rel,
+ linkClass,
+ id,
+ sizeSlug: imageSizeSlug,
+ linkDestination,
+ linkTarget,
+ anchor,
+ className
+ }));
+ }
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
+ align
+ });
+ }
+ if (images.length > 0) {
+ return images.map(({
+ url,
+ alt,
+ caption
+ }, index) => (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
+ id: ids[index],
+ url,
+ alt,
+ caption,
+ align,
+ sizeSlug
+ }));
+ }
return (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
align
});
}
}]
};
-/* harmony default export */ var gallery_transforms = (gallery_transforms_transforms);
+/* harmony default export */ const gallery_transforms = (gallery_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/gallery/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -17739,10 +22811,11 @@
const gallery_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/gallery",
title: "Gallery",
category: "media",
+ allowedBlocks: ["core/image"],
description: "Display multiple images in a rich gallery.",
keywords: ["images", "photos"],
textdomain: "default",
@@ -17785,8 +22858,8 @@
attribute: "data-id"
},
caption: {
- type: "string",
- source: "html",
+ type: "rich-text",
+ source: "rich-text",
selector: ".blocks-gallery-item__caption"
}
}
@@ -17800,10 +22873,10 @@
},
shortCodeTransforms: {
type: "array",
- "default": [],
items: {
type: "object"
- }
+ },
+ "default": []
},
columns: {
type: "number",
@@ -17811,14 +22884,18 @@
maximum: 8
},
caption: {
- type: "string",
- source: "html",
+ type: "rich-text",
+ source: "rich-text",
selector: ".blocks-gallery-caption"
},
imageCrop: {
type: "boolean",
"default": true
},
+ randomOrder: {
+ type: "boolean",
+ "default": false
+ },
fixedHeight: {
type: "boolean",
"default": true
@@ -17849,19 +22926,31 @@
html: false,
units: ["px", "em", "rem", "vh", "vw"],
spacing: {
- blockGap: true,
+ margin: true,
+ padding: true,
+ blockGap: ["horizontal", "vertical"],
__experimentalSkipSerialization: ["blockGap"],
__experimentalDefaultControls: {
- blockGap: true
- }
- },
- __experimentalLayout: {
+ blockGap: true,
+ margin: false,
+ padding: false
+ }
+ },
+ color: {
+ text: false,
+ background: true,
+ gradients: true
+ },
+ layout: {
allowSwitching: false,
allowInheriting: false,
allowEditing: false,
"default": {
type: "flex"
}
+ },
+ interactivity: {
+ clientNavigation: true
}
},
editorStyle: "wp-block-gallery-editor",
@@ -17896,65 +22985,54 @@
save: saveWithInnerBlocks,
deprecated: gallery_deprecated
};
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/group.js
-
-
-/**
- * WordPress dependencies
- */
-
-const group = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18 4h-7c-1.1 0-2 .9-2 2v3H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-3h3c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h3V13c0 1.1.9 2 2 2h2.5v3zm0-4.5H11c-.3 0-.5-.2-.5-.5v-2.5H13c.3 0 .5.2.5.5v2.5zm5-.5c0 .3-.2.5-.5.5h-3V11c0-1.1-.9-2-2-2h-2.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7z"
-}));
-/* harmony default export */ var library_group = (group);
+const gallery_init = () => initBlock({
+ name: gallery_name,
+ metadata: gallery_metadata,
+ settings: gallery_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/group/deprecated.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
const migrateAttributes = attributes => {
if (!attributes.tagName) {
- attributes = { ...attributes,
+ attributes = {
+ ...attributes,
tagName: 'div'
};
}
-
if (!attributes.customTextColor && !attributes.customBackgroundColor) {
return attributes;
}
-
const style = {
color: {}
};
-
if (attributes.customTextColor) {
style.color.text = attributes.customTextColor;
}
-
if (attributes.customBackgroundColor) {
style.color.background = attributes.customBackgroundColor;
}
-
- return { ...(0,external_lodash_namespaceObject.omit)(attributes, ['customTextColor', 'customBackgroundColor']),
+ const {
+ customTextColor,
+ customBackgroundColor,
+ ...restAttributes
+ } = attributes;
+ return {
+ ...restAttributes,
style
};
};
-
-const group_deprecated_deprecated = [// Version of the block with the double div.
+const group_deprecated_deprecated = [
+// Version with default layout.
{
attributes: {
tagName: {
@@ -17962,7 +23040,99 @@
default: 'div'
},
templateLock: {
- type: 'string'
+ type: ['string', 'boolean'],
+ enum: ['all', 'insert', false]
+ }
+ },
+ supports: {
+ __experimentalOnEnter: true,
+ __experimentalSettings: true,
+ align: ['wide', 'full'],
+ anchor: true,
+ ariaLabel: true,
+ html: false,
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ spacing: {
+ margin: ['top', 'bottom'],
+ padding: true,
+ blockGap: true,
+ __experimentalDefaultControls: {
+ padding: true,
+ blockGap: true
+ }
+ },
+ __experimentalBorder: {
+ color: true,
+ radius: true,
+ style: true,
+ width: true,
+ __experimentalDefaultControls: {
+ color: true,
+ radius: true,
+ style: true,
+ width: true
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalTextTransform: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ layout: true
+ },
+ save({
+ attributes: {
+ tagName: Tag
+ }
+ }) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(external_wp_blockEditor_namespaceObject.useBlockProps.save())
+ });
+ },
+ isEligible: ({
+ layout
+ }) => !layout || layout.inherit || layout.contentSize && layout.type !== 'constrained',
+ migrate: attributes => {
+ const {
+ layout = null
+ } = attributes;
+ if (!layout) {
+ return attributes;
+ }
+ if (layout.inherit || layout.contentSize) {
+ return {
+ ...attributes,
+ layout: {
+ ...layout,
+ type: 'constrained'
+ }
+ };
+ }
+ }
+},
+// Version of the block with the double div.
+{
+ attributes: {
+ tagName: {
+ type: 'string',
+ default: 'div'
+ },
+ templateLock: {
+ type: ['string', 'boolean'],
+ enum: ['all', 'insert', false]
}
},
supports: {
@@ -17979,20 +23149,22 @@
radius: true
}
},
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+ save({
+ attributes
+ }) {
const {
tagName: Tag
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)(Tag, external_wp_blockEditor_namespaceObject.useBlockProps.save(), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-group__inner-container"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null)));
- }
-
-}, // Version of the block without global styles support
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-group__inner-container",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ })
+ });
+ }
+},
+// Version of the block without global styles support
{
attributes: {
backgroundColor: {
@@ -18014,11 +23186,9 @@
html: false
},
migrate: migrateAttributes,
-
- save(_ref2) {
- let {
- attributes
- } = _ref2;
+ save({
+ attributes
+ }) {
const {
backgroundColor,
customBackgroundColor,
@@ -18027,7 +23197,7 @@
} = attributes;
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
- const className = classnames_default()(backgroundClass, textClass, {
+ const className = dist_clsx(backgroundClass, textClass, {
'has-text-color': textColor || customTextColor,
'has-background': backgroundColor || customBackgroundColor
});
@@ -18035,15 +23205,17 @@
backgroundColor: backgroundClass ? undefined : customBackgroundColor,
color: textClass ? undefined : customTextColor
};
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
className: className,
- style: styles
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-group__inner-container"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null)));
- }
-
-}, // Version of the group block with a bug that made text color class not applied.
+ style: styles,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-group__inner-container",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ })
+ });
+ }
+},
+// Version of the group block with a bug that made text color class not applied.
{
attributes: {
backgroundColor: {
@@ -18065,11 +23237,9 @@
anchor: true,
html: false
},
-
- save(_ref3) {
- let {
- attributes
- } = _ref3;
+ save({
+ attributes
+ }) {
const {
backgroundColor,
customBackgroundColor,
@@ -18078,7 +23248,7 @@
} = attributes;
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
- const className = classnames_default()(backgroundClass, {
+ const className = dist_clsx(backgroundClass, {
'has-text-color': textColor || customTextColor,
'has-background': backgroundColor || customBackgroundColor
});
@@ -18086,15 +23256,17 @@
backgroundColor: backgroundClass ? undefined : customBackgroundColor,
color: textClass ? undefined : customTextColor
};
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
className: className,
- style: styles
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-group__inner-container"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null)));
- }
-
-}, // v1 of group block. Deprecated to add an inner-container div around `InnerBlocks.Content`.
+ style: styles,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-group__inner-container",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ })
+ });
+ }
+},
+// v1 of group block. Deprecated to add an inner-container div around `InnerBlocks.Content`.
{
attributes: {
backgroundColor: {
@@ -18110,62 +23282,258 @@
html: false
},
migrate: migrateAttributes,
-
- save(_ref4) {
- let {
- attributes
- } = _ref4;
+ save({
+ attributes
+ }) {
const {
backgroundColor,
customBackgroundColor
} = attributes;
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
- const className = classnames_default()(backgroundClass, {
+ const className = dist_clsx(backgroundClass, {
'has-background': backgroundColor || customBackgroundColor
});
const styles = {
backgroundColor: backgroundClass ? undefined : customBackgroundColor
};
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
className: className,
- style: styles
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null));
- }
-
+ style: styles,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
+ }
}];
-/* harmony default export */ var group_deprecated = (group_deprecated_deprecated);
+/* harmony default export */ const group_deprecated = (group_deprecated_deprecated);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/group/placeholder.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Returns a custom variation icon.
+ *
+ * @param {string} name The block variation name.
+ *
+ * @return {JSX.Element} The SVG element.
+ */
+
+const getGroupPlaceholderIcons = (name = 'group') => {
+ const icons = {
+ group: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ width: "48",
+ height: "48",
+ viewBox: "0 0 48 48",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M0 10a2 2 0 0 1 2-2h44a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Z"
+ })
+ }),
+ 'group-row': /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ width: "48",
+ height: "48",
+ viewBox: "0 0 48 48",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M0 10a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm25 0a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v28a2 2 0 0 1-2 2H27a2 2 0 0 1-2-2V10Z"
+ })
+ }),
+ 'group-stack': /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ width: "48",
+ height: "48",
+ viewBox: "0 0 48 48",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M0 10a2 2 0 0 1 2-2h44a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm0 17a2 2 0 0 1 2-2h44a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V27Z"
+ })
+ }),
+ 'group-grid': /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ width: "48",
+ height: "48",
+ viewBox: "0 0 48 48",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M0 10a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V10Zm25 0a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H27a2 2 0 0 1-2-2V10ZM0 27a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V27Zm25 0a2 2 0 0 1 2-2h19a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H27a2 2 0 0 1-2-2V27Z"
+ })
+ })
+ };
+ return icons?.[name];
+};
+
+/**
+ * A custom hook to tell the Group block whether to show the variation placeholder.
+ *
+ * @param {Object} props Arguments to pass to hook.
+ * @param {Object} [props.attributes] The block's attributes.
+ * @param {string} [props.usedLayoutType] The block's current layout type.
+ * @param {boolean} [props.hasInnerBlocks] Whether the block has inner blocks.
+ *
+ * @return {[boolean, Function]} A state value and setter function.
+ */
+function useShouldShowPlaceHolder({
+ attributes = {
+ style: undefined,
+ backgroundColor: undefined,
+ textColor: undefined,
+ fontSize: undefined
+ },
+ usedLayoutType = '',
+ hasInnerBlocks = false
+}) {
+ const {
+ style,
+ backgroundColor,
+ textColor,
+ fontSize
+ } = attributes;
+ /*
+ * Shows the placeholder when no known styles are set,
+ * or when a non-default layout has been selected.
+ * Should the Group block support more style presets in the
+ * future, e.g., attributes.spacingSize, we can add them to the
+ * condition.
+ */
+ const [showPlaceholder, setShowPlaceholder] = (0,external_wp_element_namespaceObject.useState)(!hasInnerBlocks && !backgroundColor && !fontSize && !textColor && !style && usedLayoutType !== 'flex' && usedLayoutType !== 'grid');
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!!hasInnerBlocks || !!backgroundColor || !!fontSize || !!textColor || !!style || usedLayoutType === 'flex') {
+ setShowPlaceholder(false);
+ }
+ }, [backgroundColor, fontSize, textColor, style, usedLayoutType, hasInnerBlocks]);
+ return [showPlaceholder, setShowPlaceholder];
+}
+
+/**
+ * Display group variations if none is selected.
+ *
+ * @param {Object} props Component props.
+ * @param {string} props.name The block's name.
+ * @param {Function} props.onSelect Function to set block's attributes.
+ *
+ * @return {JSX.Element} The placeholder.
+ */
+function GroupPlaceHolder({
+ name,
+ onSelect
+}) {
+ const variations = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blocks_namespaceObject.store).getBlockVariations(name, 'block'), [name]);
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: 'wp-block-group__placeholder'
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ instructions: (0,external_wp_i18n_namespaceObject.__)('Group blocks together. Select a layout:'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ role: "list",
+ className: "wp-block-group-placeholder__variations",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Block variations'),
+ children: variations.map(variation => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ __next40pxDefaultSize: true,
+ variant: "tertiary",
+ icon: getGroupPlaceholderIcons(variation.name),
+ iconSize: 48,
+ onClick: () => onSelect(variation),
+ className: "wp-block-group-placeholder__variation-button",
+ label: `${variation.title}: ${variation.description}`
+ })
+ }, variation.name))
+ })
+ })
+ });
+}
+/* harmony default export */ const placeholder = (GroupPlaceHolder);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/group/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-const htmlElementMessages = {
- header: (0,external_wp_i18n_namespaceObject.__)('The <header> element should represent introductory content, typically a group of introductory or navigational aids.'),
- main: (0,external_wp_i18n_namespaceObject.__)('The <main> element should be used for the primary content of your document only. '),
- section: (0,external_wp_i18n_namespaceObject.__)("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
- article: (0,external_wp_i18n_namespaceObject.__)('The <article> element should represent a self contained, syndicatable portion of the document.'),
- aside: (0,external_wp_i18n_namespaceObject.__)("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content."),
- footer: (0,external_wp_i18n_namespaceObject.__)('The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).')
-};
-
-function GroupEdit(_ref) {
- let {
- attributes,
- setAttributes,
- clientId
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+/**
+ * Render inspector controls for the Group block.
+ *
+ * @param {Object} props Component props.
+ * @param {string} props.tagName The HTML tag name.
+ * @param {Function} props.onSelectTagName onChange function for the SelectControl.
+ *
+ * @return {JSX.Element} The control group.
+ */
+
+
+
+function GroupEditControls({
+ tagName,
+ onSelectTagName
+}) {
+ const htmlElementMessages = {
+ header: (0,external_wp_i18n_namespaceObject.__)('The <header> element should represent introductory content, typically a group of introductory or navigational aids.'),
+ main: (0,external_wp_i18n_namespaceObject.__)('The <main> element should be used for the primary content of your document only. '),
+ section: (0,external_wp_i18n_namespaceObject.__)("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
+ article: (0,external_wp_i18n_namespaceObject.__)('The <article> element should represent a self-contained, syndicatable portion of the document.'),
+ aside: (0,external_wp_i18n_namespaceObject.__)("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content."),
+ footer: (0,external_wp_i18n_namespaceObject.__)('The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).')
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('HTML element'),
+ options: [{
+ label: (0,external_wp_i18n_namespaceObject.__)('Default (<div>)'),
+ value: 'div'
+ }, {
+ label: '<header>',
+ value: 'header'
+ }, {
+ label: '<main>',
+ value: 'main'
+ }, {
+ label: '<section>',
+ value: 'section'
+ }, {
+ label: '<article>',
+ value: 'article'
+ }, {
+ label: '<aside>',
+ value: 'aside'
+ }, {
+ label: '<footer>',
+ value: 'footer'
+ }],
+ value: tagName,
+ onChange: onSelectTagName,
+ help: htmlElementMessages[tagName]
+ })
+ });
+}
+function GroupEdit({
+ attributes,
+ name,
+ setAttributes,
+ clientId
+}) {
const {
hasInnerBlocks,
themeSupportsLayout
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _getSettings;
-
const {
getBlock,
getSettings
@@ -18173,80 +23541,99 @@
const block = getBlock(clientId);
return {
hasInnerBlocks: !!(block && block.innerBlocks.length),
- themeSupportsLayout: (_getSettings = getSettings()) === null || _getSettings === void 0 ? void 0 : _getSettings.supportsLayout
+ themeSupportsLayout: getSettings()?.supportsLayout
};
}, [clientId]);
- const defaultLayout = (0,external_wp_blockEditor_namespaceObject.useSetting)('layout') || {};
const {
tagName: TagName = 'div',
templateLock,
+ allowedBlocks,
layout = {}
} = attributes;
- const usedLayout = !!layout && layout.inherit ? defaultLayout : layout;
+
+ // Layout settings.
const {
type = 'default'
- } = usedLayout;
- const layoutSupportEnabled = themeSupportsLayout || type !== 'default';
+ } = layout;
+ const layoutSupportEnabled = themeSupportsLayout || type === 'flex' || type === 'grid';
+
+ // Hooks.
+ const ref = (0,external_wp_element_namespaceObject.useRef)();
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: `is-layout-${type}`
- });
+ ref
+ });
+ const [showPlaceholder, setShowPlaceholder] = useShouldShowPlaceHolder({
+ attributes,
+ usedLayoutType: type,
+ hasInnerBlocks
+ });
+
+ // Default to the regular appender being rendered.
+ let renderAppender;
+ if (showPlaceholder) {
+ // In the placeholder state, ensure the appender is not rendered.
+ // This is needed because `...innerBlocksProps` is used in the placeholder
+ // state so that blocks can dragged onto the placeholder area
+ // from both the list view and in the editor canvas.
+ renderAppender = false;
+ } else if (!hasInnerBlocks) {
+ // When there is no placeholder, but the block is also empty,
+ // use the larger button appender.
+ renderAppender = external_wp_blockEditor_namespaceObject.InnerBlocks.ButtonBlockAppender;
+ }
const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(layoutSupportEnabled ? blockProps : {
className: 'wp-block-group__inner-container'
}, {
+ dropZoneElement: ref.current,
templateLock,
- renderAppender: hasInnerBlocks ? undefined : external_wp_blockEditor_namespaceObject.InnerBlocks.ButtonBlockAppender,
- __experimentalLayout: layoutSupportEnabled ? usedLayout : undefined
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, {
- __experimentalGroup: "advanced"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('HTML element'),
- options: [{
- label: (0,external_wp_i18n_namespaceObject.__)('Default (<div>)'),
- value: 'div'
- }, {
- label: '<header>',
- value: 'header'
- }, {
- label: '<main>',
- value: 'main'
- }, {
- label: '<section>',
- value: 'section'
- }, {
- label: '<article>',
- value: 'article'
- }, {
- label: '<aside>',
- value: 'aside'
- }, {
- label: '<footer>',
- value: 'footer'
- }],
- value: TagName,
- onChange: value => setAttributes({
- tagName: value
- }),
- help: htmlElementMessages[TagName]
- })), layoutSupportEnabled && (0,external_wp_element_namespaceObject.createElement)(TagName, innerBlocksProps), !layoutSupportEnabled && (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps)));
-}
-
-/* harmony default export */ var group_edit = (GroupEdit);
+ allowedBlocks,
+ renderAppender
+ });
+ const {
+ selectBlock
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const selectVariation = nextVariation => {
+ setAttributes(nextVariation.attributes);
+ selectBlock(clientId, -1);
+ setShowPlaceholder(false);
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(GroupEditControls, {
+ tagName: TagName,
+ onSelectTagName: value => setAttributes({
+ tagName: value
+ })
+ }), showPlaceholder && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_primitives_namespaceObject.View, {
+ children: [innerBlocksProps.children, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(placeholder, {
+ name: name,
+ onSelect: selectVariation
+ })]
+ }), layoutSupportEnabled && !showPlaceholder && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...innerBlocksProps
+ }), !layoutSupportEnabled && !showPlaceholder && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ })
+ })]
+ });
+}
+/* harmony default export */ const group_edit = (GroupEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/group/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function group_save_save(_ref) {
- let {
- attributes: {
- tagName: Tag
- }
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(Tag, external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(external_wp_blockEditor_namespaceObject.useBlockProps.save()));
+/**
+ * WordPress dependencies
+ */
+
+
+function group_save_save({
+ attributes: {
+ tagName: Tag
+ }
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(external_wp_blockEditor_namespaceObject.useBlockProps.save())
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/group/transforms.js
@@ -18259,62 +23646,82 @@
type: 'block',
isMultiBlock: true,
blocks: ['*'],
-
__experimentalConvert(blocks) {
- const alignments = ['wide', 'full']; // Determine the widest setting of all the blocks to be grouped
-
+ const alignments = ['wide', 'full'];
+
+ // Determine the widest setting of all the blocks to be grouped
const widestAlignment = blocks.reduce((accumulator, block) => {
const {
align
} = block.attributes;
return alignments.indexOf(align) > alignments.indexOf(accumulator) ? align : accumulator;
- }, undefined); // Clone the Blocks to be Grouped
+ }, undefined);
+
+ // Clone the Blocks to be Grouped
// Failing to create new block references causes the original blocks
// to be replaced in the switchToBlockType call thereby meaning they
// are removed both from their original location and within the
// new group block.
-
const groupInnerBlocks = blocks.map(block => {
return (0,external_wp_blocks_namespaceObject.createBlock)(block.name, block.attributes, block.innerBlocks);
});
return (0,external_wp_blocks_namespaceObject.createBlock)('core/group', {
- align: widestAlignment
+ align: widestAlignment,
+ layout: {
+ type: 'constrained'
+ }
}, groupInnerBlocks);
}
-
}]
};
-/* harmony default export */ var group_transforms = (group_transforms_transforms);
+/* harmony default export */ const group_transforms = (group_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/row.js
-
-
-/**
- * WordPress dependencies
- */
-
-const row = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M9.2 6.5H4V8h5.2c.3 0 .5.2.5.5v7c0 .3-.2.5-.5.5H4v1.5h5.2c1.1 0 2-.9 2-2v-7c0-1.1-.8-2-2-2zM14.8 8H20V6.5h-5.2c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2H20V16h-5.2c-.3 0-.5-.2-.5-.5v-7c-.1-.3.2-.5.5-.5z"
-}));
-/* harmony default export */ var library_row = (row);
+/**
+ * WordPress dependencies
+ */
+
+
+const row = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4 6.5h5a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H4V16h5a.5.5 0 0 0 .5-.5v-7A.5.5 0 0 0 9 8H4V6.5Zm16 0h-5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h5V16h-5a.5.5 0 0 1-.5-.5v-7A.5.5 0 0 1 15 8h5V6.5Z"
+ })
+});
+/* harmony default export */ const library_row = (row);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/stack.js
-
-
-/**
- * WordPress dependencies
- */
-
-const stack = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M16 4v5.2c0 .3-.2.5-.5.5h-7c-.3.1-.5-.2-.5-.5V4H6.5v5.2c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2V4H16zm-.5 8.8h-7c-1.1 0-2 .9-2 2V20H8v-5.2c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5V20h1.5v-5.2c0-1.2-.9-2-2-2z"
-}));
-/* harmony default export */ var library_stack = (stack);
+/**
+ * WordPress dependencies
+ */
+
+
+const stack = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M17.5 4v5a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2V4H8v5a.5.5 0 0 0 .5.5h7A.5.5 0 0 0 16 9V4h1.5Zm0 16v-5a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2v5H8v-5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v5h1.5Z"
+ })
+});
+/* harmony default export */ const library_stack = (stack);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/grid.js
+/**
+ * WordPress dependencies
+ */
+
+
+const grid = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "m3 5c0-1.10457.89543-2 2-2h13.5c1.1046 0 2 .89543 2 2v13.5c0 1.1046-.8954 2-2 2h-13.5c-1.10457 0-2-.8954-2-2zm2-.5h6v6.5h-6.5v-6c0-.27614.22386-.5.5-.5zm-.5 8v6c0 .2761.22386.5.5.5h6v-6.5zm8 0v6.5h6c.2761 0 .5-.2239.5-.5v-6zm0-8v6.5h6.5v-6c0-.27614-.2239-.5-.5-.5z",
+ fillRule: "evenodd",
+ clipRule: "evenodd"
+ })
+});
+/* harmony default export */ const library_grid = (grid);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/group/variations.js
/**
@@ -18325,22 +23732,19 @@
const group_variations_variations = [{
name: 'group',
title: (0,external_wp_i18n_namespaceObject.__)('Group'),
- description: (0,external_wp_i18n_namespaceObject.__)('Gather blocks in a layout container.'),
+ description: (0,external_wp_i18n_namespaceObject.__)('Gather blocks in a container.'),
attributes: {
layout: {
- type: 'default'
- }
- },
- scope: ['transform'],
- isActive: blockAttributes => {
- var _blockAttributes$layo, _blockAttributes$layo2;
-
- return !blockAttributes.layout || !((_blockAttributes$layo = blockAttributes.layout) !== null && _blockAttributes$layo !== void 0 && _blockAttributes$layo.type) || ((_blockAttributes$layo2 = blockAttributes.layout) === null || _blockAttributes$layo2 === void 0 ? void 0 : _blockAttributes$layo2.type) === 'default';
- },
+ type: 'constrained'
+ }
+ },
+ isDefault: true,
+ scope: ['block', 'inserter', 'transform'],
+ isActive: blockAttributes => !blockAttributes.layout || !blockAttributes.layout?.type || blockAttributes.layout?.type === 'default' || blockAttributes.layout?.type === 'constrained',
icon: library_group
}, {
name: 'group-row',
- title: (0,external_wp_i18n_namespaceObject.__)('Row'),
+ title: (0,external_wp_i18n_namespaceObject._x)('Row', 'single horizontal line'),
description: (0,external_wp_i18n_namespaceObject.__)('Arrange blocks horizontally.'),
attributes: {
layout: {
@@ -18348,12 +23752,8 @@
flexWrap: 'nowrap'
}
},
- scope: ['inserter', 'transform'],
- isActive: blockAttributes => {
- var _blockAttributes$layo3, _blockAttributes$layo4, _blockAttributes$layo5;
-
- return ((_blockAttributes$layo3 = blockAttributes.layout) === null || _blockAttributes$layo3 === void 0 ? void 0 : _blockAttributes$layo3.type) === 'flex' && (!((_blockAttributes$layo4 = blockAttributes.layout) !== null && _blockAttributes$layo4 !== void 0 && _blockAttributes$layo4.orientation) || ((_blockAttributes$layo5 = blockAttributes.layout) === null || _blockAttributes$layo5 === void 0 ? void 0 : _blockAttributes$layo5.orientation) === 'horizontal');
- },
+ scope: ['block', 'inserter', 'transform'],
+ isActive: blockAttributes => blockAttributes.layout?.type === 'flex' && (!blockAttributes.layout?.orientation || blockAttributes.layout?.orientation === 'horizontal'),
icon: library_row
}, {
name: 'group-stack',
@@ -18365,15 +23765,23 @@
orientation: 'vertical'
}
},
- scope: ['inserter', 'transform'],
- isActive: blockAttributes => {
- var _blockAttributes$layo6, _blockAttributes$layo7;
-
- return ((_blockAttributes$layo6 = blockAttributes.layout) === null || _blockAttributes$layo6 === void 0 ? void 0 : _blockAttributes$layo6.type) === 'flex' && ((_blockAttributes$layo7 = blockAttributes.layout) === null || _blockAttributes$layo7 === void 0 ? void 0 : _blockAttributes$layo7.orientation) === 'vertical';
- },
+ scope: ['block', 'inserter', 'transform'],
+ isActive: blockAttributes => blockAttributes.layout?.type === 'flex' && blockAttributes.layout?.orientation === 'vertical',
icon: library_stack
+}, {
+ name: 'group-grid',
+ title: (0,external_wp_i18n_namespaceObject.__)('Grid'),
+ description: (0,external_wp_i18n_namespaceObject.__)('Arrange blocks in a grid.'),
+ attributes: {
+ layout: {
+ type: 'grid'
+ }
+ },
+ scope: ['block', 'inserter', 'transform'],
+ isActive: blockAttributes => blockAttributes.layout?.type === 'grid',
+ icon: library_grid
}];
-/* harmony default export */ var group_variations = (group_variations_variations);
+/* harmony default export */ const group_variations = (group_variations_variations);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/group/index.js
/**
@@ -18381,6 +23789,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -18389,7 +23798,7 @@
const group_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/group",
title: "Group",
category: "design",
@@ -18403,15 +23812,31 @@
},
templateLock: {
type: ["string", "boolean"],
- "enum": ["all", "insert", false]
- }
- },
- supports: {
+ "enum": ["all", "insert", "contentOnly", false]
+ },
+ allowedBlocks: {
+ type: "array"
+ }
+ },
+ supports: {
+ __experimentalOnEnter: true,
+ __experimentalOnMerge: true,
+ __experimentalSettings: true,
align: ["wide", "full"],
anchor: true,
- html: false,
- color: {
- gradients: true,
+ ariaLabel: true,
+ html: false,
+ background: {
+ backgroundImage: true,
+ backgroundSize: true,
+ __experimentalDefaultControls: {
+ backgroundImage: true
+ }
+ },
+ color: {
+ gradients: true,
+ heading: true,
+ button: true,
link: true,
__experimentalDefaultControls: {
background: true,
@@ -18427,6 +23852,9 @@
blockGap: true
}
},
+ dimensions: {
+ minHeight: true
+ },
__experimentalBorder: {
color: true,
radius: true,
@@ -18439,18 +23867,28 @@
width: true
}
},
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
- },
- __experimentalLayout: true
+ position: {
+ sticky: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ layout: {
+ allowSizingOnChildren: true
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-group-editor",
style: "wp-block-group"
@@ -18465,14 +23903,6 @@
const group_settings = {
icon: library_group,
example: {
- attributes: {
- style: {
- color: {
- text: '#000000',
- background: '#ffffff'
- }
- }
- },
innerBlocks: [{
name: 'core/paragraph',
attributes: {
@@ -18523,25 +23953,28 @@
deprecated: group_deprecated,
variations: group_variations
};
+const group_init = () => initBlock({
+ name: group_name,
+ metadata: group_metadata,
+ settings: group_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/heading.js
-
-
-/**
- * WordPress dependencies
- */
-
-const heading = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M6.2 5.2v13.4l5.8-4.8 5.8 4.8V5.2z"
-}));
-/* harmony default export */ var library_heading = (heading);
+/**
+ * WordPress dependencies
+ */
+
+
+const heading = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M6 5V18.5911L12 13.8473L18 18.5911V5H6Z"
+ })
+});
+/* harmony default export */ const library_heading = (heading);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/heading/deprecated.js
-
-
/**
* External dependencies
*/
@@ -18574,35 +24007,151 @@
type: 'string'
}
};
-
const deprecated_migrateCustomColors = attributes => {
if (!attributes.customTextColor) {
return attributes;
}
-
const style = {
color: {
text: attributes.customTextColor
}
};
- return { ...(0,external_lodash_namespaceObject.omit)(attributes, ['customTextColor']),
+ const {
+ customTextColor,
+ ...restAttributes
+ } = attributes;
+ return {
+ ...restAttributes,
style
};
};
-
const TEXT_ALIGN_OPTIONS = ['left', 'right', 'center'];
-
const migrateTextAlign = attributes => {
const {
align,
...rest
} = attributes;
- return TEXT_ALIGN_OPTIONS.includes(align) ? { ...rest,
+ return TEXT_ALIGN_OPTIONS.includes(align) ? {
+ ...rest,
textAlign: align
} : attributes;
};
-
-const heading_deprecated_deprecated = [{
+const heading_deprecated_v1 = {
+ supports: blockSupports,
+ attributes: {
+ ...heading_deprecated_blockAttributes,
+ customTextColor: {
+ type: 'string'
+ },
+ textColor: {
+ type: 'string'
+ }
+ },
+ migrate: attributes => deprecated_migrateCustomColors(migrateTextAlign(attributes)),
+ save({
+ attributes
+ }) {
+ const {
+ align,
+ level,
+ content,
+ textColor,
+ customTextColor
+ } = attributes;
+ const tagName = 'h' + level;
+ const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
+ const className = dist_clsx({
+ [textClass]: textClass
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ className: className ? className : undefined,
+ tagName: tagName,
+ style: {
+ textAlign: align,
+ color: textClass ? undefined : customTextColor
+ },
+ value: content
+ });
+ }
+};
+const heading_deprecated_v2 = {
+ attributes: {
+ ...heading_deprecated_blockAttributes,
+ customTextColor: {
+ type: 'string'
+ },
+ textColor: {
+ type: 'string'
+ }
+ },
+ migrate: attributes => deprecated_migrateCustomColors(migrateTextAlign(attributes)),
+ save({
+ attributes
+ }) {
+ const {
+ align,
+ content,
+ customTextColor,
+ level,
+ textColor
+ } = attributes;
+ const tagName = 'h' + level;
+ const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
+ const className = dist_clsx({
+ [textClass]: textClass,
+ [`has-text-align-${align}`]: align
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ className: className ? className : undefined,
+ tagName: tagName,
+ style: {
+ color: textClass ? undefined : customTextColor
+ },
+ value: content
+ });
+ },
+ supports: blockSupports
+};
+const heading_deprecated_v3 = {
+ supports: blockSupports,
+ attributes: {
+ ...heading_deprecated_blockAttributes,
+ customTextColor: {
+ type: 'string'
+ },
+ textColor: {
+ type: 'string'
+ }
+ },
+ migrate: attributes => deprecated_migrateCustomColors(migrateTextAlign(attributes)),
+ save({
+ attributes
+ }) {
+ const {
+ align,
+ content,
+ customTextColor,
+ level,
+ textColor
+ } = attributes;
+ const tagName = 'h' + level;
+ const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
+ const className = dist_clsx({
+ [textClass]: textClass,
+ 'has-text-color': textColor || customTextColor,
+ [`has-text-align-${align}`]: align
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ className: className ? className : undefined,
+ tagName: tagName,
+ style: {
+ color: textClass ? undefined : customTextColor
+ },
+ value: content
+ });
+ }
+};
+const heading_deprecated_v4 = {
supports: {
align: ['wide', 'full'],
anchor: true,
@@ -18623,167 +24172,128 @@
__unstablePasteTextInline: true
},
attributes: heading_deprecated_blockAttributes,
- isEligible: _ref => {
- let {
- align
- } = _ref;
- return TEXT_ALIGN_OPTIONS.includes(align);
- },
+ isEligible: ({
+ align
+ }) => TEXT_ALIGN_OPTIONS.includes(align),
migrate: migrateTextAlign,
-
- save(_ref2) {
- let {
- attributes
- } = _ref2;
+ save({
+ attributes
+ }) {
const {
align,
content,
level
} = attributes;
const TagName = 'h' + level;
- const className = classnames_default()({
- [`has-text-align-${align}`]: align
- });
- return (0,external_wp_element_namespaceObject.createElement)(TagName, external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: content
- }));
- }
-
-}, {
- supports: blockSupports,
- attributes: { ...heading_deprecated_blockAttributes,
- customTextColor: {
- type: 'string'
- },
- textColor: {
- type: 'string'
- }
- },
- migrate: attributes => deprecated_migrateCustomColors(migrateTextAlign(attributes)),
-
- save(_ref3) {
- let {
- attributes
- } = _ref3;
- const {
- align,
- content,
- customTextColor,
- level,
- textColor
- } = attributes;
- const tagName = 'h' + level;
- const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
- const className = classnames_default()({
- [textClass]: textClass,
- 'has-text-color': textColor || customTextColor,
+ const className = dist_clsx({
[`has-text-align-${align}`]: align
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- className: className ? className : undefined,
- tagName: tagName,
- style: {
- color: textClass ? undefined : customTextColor
- },
- value: content
- });
- }
-
-}, {
- attributes: { ...heading_deprecated_blockAttributes,
- customTextColor: {
- type: 'string'
- },
- textColor: {
- type: 'string'
- }
- },
- migrate: attributes => deprecated_migrateCustomColors(migrateTextAlign(attributes)),
-
- save(_ref4) {
- let {
- attributes
- } = _ref4;
- const {
- align,
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: content
+ })
+ });
+ }
+};
+
+// This deprecation covers the serialization of the `wp-block-heading` class
+// into the block's markup after className support was enabled.
+const heading_deprecated_v5 = {
+ supports: {
+ align: ['wide', 'full'],
+ anchor: true,
+ className: false,
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalDefaultControls: {
+ fontSize: true,
+ fontAppearance: true,
+ textTransform: true
+ }
+ },
+ __experimentalSelector: 'h1,h2,h3,h4,h5,h6',
+ __unstablePasteTextInline: true,
+ __experimentalSlashInserter: true
+ },
+ attributes: {
+ textAlign: {
+ type: 'string'
+ },
+ content: {
+ type: 'string',
+ source: 'html',
+ selector: 'h1,h2,h3,h4,h5,h6',
+ default: '',
+ __experimentalRole: 'content'
+ },
+ level: {
+ type: 'number',
+ default: 2
+ },
+ placeholder: {
+ type: 'string'
+ }
+ },
+ save({
+ attributes
+ }) {
+ const {
+ textAlign,
content,
- customTextColor,
- level,
- textColor
- } = attributes;
- const tagName = 'h' + level;
- const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
- const className = classnames_default()({
- [textClass]: textClass,
- [`has-text-align-${align}`]: align
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- className: className ? className : undefined,
- tagName: tagName,
- style: {
- color: textClass ? undefined : customTextColor
- },
- value: content
- });
- },
-
- supports: blockSupports
-}, {
- supports: blockSupports,
- attributes: { ...heading_deprecated_blockAttributes,
- customTextColor: {
- type: 'string'
- },
- textColor: {
- type: 'string'
- }
- },
- migrate: attributes => deprecated_migrateCustomColors(migrateTextAlign(attributes)),
-
- save(_ref5) {
- let {
- attributes
- } = _ref5;
- const {
- align,
- level,
- content,
- textColor,
- customTextColor
- } = attributes;
- const tagName = 'h' + level;
- const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
- const className = classnames_default()({
- [textClass]: textClass
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- className: className ? className : undefined,
- tagName: tagName,
- style: {
- textAlign: align,
- color: textClass ? undefined : customTextColor
- },
- value: content
- });
- }
-
-}];
-/* harmony default export */ var heading_deprecated = (heading_deprecated_deprecated);
+ level
+ } = attributes;
+ const TagName = 'h' + level;
+ const className = dist_clsx({
+ [`has-text-align-${textAlign}`]: textAlign
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: content
+ })
+ });
+ }
+};
+const heading_deprecated_deprecated = [heading_deprecated_v5, heading_deprecated_v4, heading_deprecated_v3, heading_deprecated_v2, heading_deprecated_v1];
+/* harmony default export */ const heading_deprecated = (heading_deprecated_deprecated);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/heading/autogenerate-anchors.js
/**
* External dependencies
*/
+
/**
* Object map tracking anchors.
*
* @type {Record<string, string | null>}
*/
-
const autogenerate_anchors_anchors = {};
+
/**
* Returns the text without markup.
*
@@ -18791,12 +24301,12 @@
*
* @return {string} The text without markup.
*/
-
const getTextWithoutMarkup = text => {
const dummyElement = document.createElement('div');
dummyElement.innerHTML = text;
return dummyElement.innerText;
};
+
/**
* Get the slug from the content.
*
@@ -18804,12 +24314,17 @@
*
* @return {string} Returns the slug.
*/
-
-
const getSlug = content => {
// Get the slug.
- return (0,external_lodash_namespaceObject.trim)((0,external_lodash_namespaceObject.deburr)(getTextWithoutMarkup(content)).replace(/[^\p{L}\p{N}]+/gu, '-').toLowerCase(), '-');
-};
+ return remove_accents_default()(getTextWithoutMarkup(content))
+ // Convert anything that's not a letter or number to a hyphen.
+ .replace(/[^\p{L}\p{N}]+/gu, '-')
+ // Convert to lowercase
+ .toLowerCase()
+ // Remove any remaining leading or trailing hyphens.
+ .replace(/(^-+)|(-+$)/g, '');
+};
+
/**
* Generate the anchor for a heading.
*
@@ -18818,71 +24333,64 @@
*
* @return {string|null} Return the heading anchor.
*/
-
-
const generateAnchor = (clientId, content) => {
- const slug = getSlug(content); // If slug is empty, then return null.
+ const slug = getSlug(content);
+ // If slug is empty, then return null.
// Returning null instead of an empty string allows us to check again when the content changes.
-
if ('' === slug) {
return null;
}
-
delete autogenerate_anchors_anchors[clientId];
let anchor = slug;
- let i = 0; // If the anchor already exists in another heading, append -i.
-
+ let i = 0;
+
+ // If the anchor already exists in another heading, append -i.
while (Object.values(autogenerate_anchors_anchors).includes(anchor)) {
i += 1;
anchor = slug + '-' + i;
}
-
return anchor;
};
+
/**
* Set the anchor for a heading.
*
* @param {string} clientId The block ID.
* @param {string|null} anchor The block anchor.
*/
-
const setAnchor = (clientId, anchor) => {
autogenerate_anchors_anchors[clientId] = anchor;
};
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/heading/edit.js
-
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-
-function HeadingEdit(_ref) {
- let {
- attributes,
- setAttributes,
- mergeBlocks,
- onReplace,
- style,
- clientId
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function HeadingEdit({
+ attributes,
+ setAttributes,
+ mergeBlocks,
+ onReplace,
+ style,
+ clientId
+}) {
const {
textAlign,
content,
@@ -18892,136 +24400,121 @@
} = attributes;
const tagName = 'h' + level;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
}),
style
});
+ const blockEditingMode = (0,external_wp_blockEditor_namespaceObject.useBlockEditingMode)();
const {
canGenerateAnchors
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
- const settings = select(external_wp_blockEditor_namespaceObject.store).getSettings();
- return {
- canGenerateAnchors: !!settings.generateAnchors
+ const {
+ getGlobalBlockCount,
+ getSettings
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const settings = getSettings();
+ return {
+ canGenerateAnchors: !!settings.generateAnchors || getGlobalBlockCount('core/table-of-contents') > 0
};
}, []);
const {
__unstableMarkNextChangeAsNotPersistent
- } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store); // Initially set anchor for headings that have content but no anchor set.
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+
+ // Initially set anchor for headings that have content but no anchor set.
// This is used when transforming a block to heading, or for legacy anchors.
-
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (!canGenerateAnchors) {
return;
}
-
if (!anchor && content) {
// This side-effect should not create an undo level.
__unstableMarkNextChangeAsNotPersistent();
-
setAttributes({
anchor: generateAnchor(clientId, content)
});
}
-
- setAnchor(clientId, anchor); // Remove anchor map when block unmounts.
-
+ setAnchor(clientId, anchor);
+
+ // Remove anchor map when block unmounts.
return () => setAnchor(clientId, null);
}, [anchor, content, clientId, canGenerateAnchors]);
-
const onContentChange = value => {
const newAttrs = {
content: value
};
-
if (canGenerateAnchors && (!anchor || !value || generateAnchor(clientId, content) === anchor)) {
newAttrs.anchor = generateAnchor(clientId, value);
}
-
setAttributes(newAttrs);
};
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(HeadingLevelDropdown, {
- selectedLevel: level,
- onChange: newLevel => setAttributes({
- level: newLevel
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, _extends({
- identifier: "content",
- tagName: tagName,
- value: content,
- onChange: onContentChange,
- onMerge: mergeBlocks,
- onSplit: (value, isOriginal) => {
- let block;
-
- if (isOriginal || value) {
- block = (0,external_wp_blocks_namespaceObject.createBlock)('core/heading', { ...attributes,
- content: value
- });
- } else {
- var _getDefaultBlockName;
-
- block = (0,external_wp_blocks_namespaceObject.createBlock)((_getDefaultBlockName = (0,external_wp_blocks_namespaceObject.getDefaultBlockName)()) !== null && _getDefaultBlockName !== void 0 ? _getDefaultBlockName : 'core/heading');
- }
-
- if (isOriginal) {
- block.clientId = clientId;
- }
-
- return block;
- },
- onReplace: onReplace,
- onRemove: () => onReplace([]),
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Heading text'),
- placeholder: placeholder || (0,external_wp_i18n_namespaceObject.__)('Heading'),
- textAlign: textAlign
- }, external_wp_element_namespaceObject.Platform.isNative && {
- deleteEnter: true
- }, blockProps)));
-}
-
-/* harmony default export */ var heading_edit = (HeadingEdit);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [blockEditingMode === 'default' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.HeadingLevelDropdown, {
+ value: level,
+ onChange: newLevel => setAttributes({
+ level: newLevel
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "content",
+ tagName: tagName,
+ value: content,
+ onChange: onContentChange,
+ onMerge: mergeBlocks,
+ onReplace: onReplace,
+ onRemove: () => onReplace([]),
+ placeholder: placeholder || (0,external_wp_i18n_namespaceObject.__)('Heading'),
+ textAlign: textAlign,
+ ...(external_wp_element_namespaceObject.Platform.isNative && {
+ deleteEnter: true
+ }),
+ ...blockProps
+ })]
+ });
+}
+/* harmony default export */ const heading_edit = (HeadingEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/heading/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-function heading_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+function heading_save_save({
+ attributes
+}) {
const {
textAlign,
content,
level
} = attributes;
const TagName = 'h' + level;
- const className = classnames_default()({
+ const className = dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
});
- return (0,external_wp_element_namespaceObject.createElement)(TagName, external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: content
- }));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: content
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/heading/shared.js
@@ -19041,98 +24534,39 @@
* WordPress dependencies
*/
-/**
- * Internal dependencies
- */
-
-
-const {
- name: heading_transforms_name
-} = {
- $schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
- name: "core/heading",
- title: "Heading",
- category: "text",
- description: "Introduce new sections and organize content to help visitors (and search engines) understand the structure of your content.",
- keywords: ["title", "subtitle"],
- textdomain: "default",
- attributes: {
- textAlign: {
- type: "string"
- },
- content: {
- type: "string",
- source: "html",
- selector: "h1,h2,h3,h4,h5,h6",
- "default": "",
- __experimentalRole: "content"
- },
- level: {
- type: "number",
- "default": 2
- },
- placeholder: {
- type: "string"
- }
- },
- supports: {
- align: ["wide", "full"],
- anchor: true,
- className: false,
- color: {
- link: true,
- __experimentalDefaultControls: {
- background: true,
- text: true
- }
- },
- spacing: {
- margin: true
- },
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true,
- fontAppearance: true,
- textTransform: true
- }
- },
- __experimentalSelector: "h1,h2,h3,h4,h5,h6",
- __unstablePasteTextInline: true,
- __experimentalSlashInserter: true
- },
- editorStyle: "wp-block-heading-editor",
- style: "wp-block-heading"
-};
+
+/**
+ * Internal dependencies
+ */
+
+
const heading_transforms_transforms = {
from: [{
type: 'block',
isMultiBlock: true,
blocks: ['core/paragraph'],
- transform: attributes => attributes.map(_ref => {
- let {
- content,
- anchor
- } = _ref;
- return (0,external_wp_blocks_namespaceObject.createBlock)(heading_transforms_name, {
- content,
- anchor
- });
- })
+ transform: attributes => attributes.map(({
+ content,
+ anchor,
+ align: textAlign,
+ metadata
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/heading', {
+ content,
+ anchor,
+ textAlign,
+ metadata: getTransformedMetadata(metadata, 'core/heading', ({
+ content: contentBinding
+ }) => ({
+ content: contentBinding
+ }))
+ }))
}, {
type: 'raw',
selector: 'h1,h2,h3,h4,h5,h6',
- schema: _ref2 => {
- let {
- phrasingContentSchema,
- isPaste
- } = _ref2;
+ schema: ({
+ phrasingContentSchema,
+ isPaste
+ }) => {
const schema = {
children: phrasingContentSchema,
attributes: isPaste ? [] : ['style', 'id']
@@ -19146,66 +24580,56 @@
h6: schema
};
},
-
transform(node) {
- const attributes = (0,external_wp_blocks_namespaceObject.getBlockAttributes)(heading_transforms_name, node.outerHTML);
+ const attributes = (0,external_wp_blocks_namespaceObject.getBlockAttributes)('core/heading', node.outerHTML);
const {
textAlign
} = node.style || {};
attributes.level = getLevelFromHeadingNodeName(node.nodeName);
-
if (textAlign === 'left' || textAlign === 'center' || textAlign === 'right') {
attributes.align = textAlign;
}
-
- return (0,external_wp_blocks_namespaceObject.createBlock)(heading_transforms_name, attributes);
- }
-
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/heading', attributes);
+ }
}, ...[1, 2, 3, 4, 5, 6].map(level => ({
type: 'prefix',
prefix: Array(level + 1).join('#'),
-
transform(content) {
- return (0,external_wp_blocks_namespaceObject.createBlock)(heading_transforms_name, {
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/heading', {
level,
content
});
}
-
})), ...[1, 2, 3, 4, 5, 6].map(level => ({
type: 'enter',
regExp: new RegExp(`^/(h|H)${level}$`),
-
- transform(content) {
- return (0,external_wp_blocks_namespaceObject.createBlock)(heading_transforms_name, {
- level,
- content
- });
- }
-
+ transform: () => (0,external_wp_blocks_namespaceObject.createBlock)('core/heading', {
+ level
+ })
}))],
to: [{
type: 'block',
isMultiBlock: true,
blocks: ['core/paragraph'],
- transform: attributes => attributes.map(_ref3 => {
- let {
- content
- } = _ref3;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
- content
- });
- })
+ transform: attributes => attributes.map(({
+ content,
+ textAlign: align,
+ metadata
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ content,
+ align,
+ metadata: getTransformedMetadata(metadata, 'core/paragraph', ({
+ content: contentBinding
+ }) => ({
+ content: contentBinding
+ }))
+ }))
}]
};
-/* harmony default export */ var heading_transforms = (heading_transforms_transforms);
+/* harmony default export */ const heading_transforms = (heading_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/heading/index.js
/**
- * External dependencies
- */
-
-/**
* WordPress dependencies
*/
@@ -19219,7 +24643,7 @@
const heading_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/heading",
title: "Heading",
category: "text",
@@ -19231,10 +24655,9 @@
type: "string"
},
content: {
- type: "string",
- source: "html",
+ type: "rich-text",
+ source: "rich-text",
selector: "h1,h2,h3,h4,h5,h6",
- "default": "",
__experimentalRole: "content"
},
level: {
@@ -19248,8 +24671,10 @@
supports: {
align: ["wide", "full"],
anchor: true,
- className: false,
- color: {
+ className: true,
+ splitting: true,
+ color: {
+ gradients: true,
link: true,
__experimentalDefaultControls: {
background: true,
@@ -19257,24 +24682,32 @@
}
},
spacing: {
- margin: true
- },
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true,
- fontAppearance: true,
- textTransform: true
- }
- },
- __experimentalSelector: "h1,h2,h3,h4,h5,h6",
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalWritingMode: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
__unstablePasteTextInline: true,
- __experimentalSlashInserter: true
+ __experimentalSlashInserter: true,
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-heading-editor",
style: "wp-block-heading"
@@ -19293,59 +24726,63 @@
level: 2
}
},
-
- __experimentalLabel(attributes, _ref) {
- let {
- context
- } = _ref;
-
+ __experimentalLabel(attributes, {
+ context
+ }) {
+ const {
+ content,
+ level
+ } = attributes;
+ const customName = attributes?.metadata?.name;
+ const hasContent = content?.trim().length > 0;
+
+ // In the list view, use the block's content as the label.
+ // If the content is empty, fall back to the default label.
+ if (context === 'list-view' && (customName || hasContent)) {
+ return customName || content;
+ }
if (context === 'accessibility') {
- const {
- content,
- level
- } = attributes;
- return (0,external_lodash_namespaceObject.isEmpty)(content) ? (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: accessibility text. %s: heading level. */
- (0,external_wp_i18n_namespaceObject.__)('Level %s. Empty.'), level) : (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: accessibility text. 1: heading level. 2: heading content. */
+ return !hasContent ? (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: accessibility text. %s: heading level. */
+ (0,external_wp_i18n_namespaceObject.__)('Level %s. Empty.'), level) : (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: accessibility text. 1: heading level. 2: heading content. */
(0,external_wp_i18n_namespaceObject.__)('Level %1$s. %2$s'), level, content);
}
},
-
transforms: heading_transforms,
deprecated: heading_deprecated,
-
merge(attributes, attributesToMerge) {
return {
content: (attributes.content || '') + (attributesToMerge.content || '')
};
},
-
edit: heading_edit,
save: heading_save_save
};
+const heading_init = () => initBlock({
+ name: heading_name,
+ metadata: heading_metadata,
+ settings: heading_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/home.js
-
-
-/**
- * WordPress dependencies
- */
-
-const home = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12 4L4 7.9V20h16V7.9L12 4zm6.5 14.5H14V13h-4v5.5H5.5V8.8L12 5.7l6.5 3.1v9.7z"
-}));
-/* harmony default export */ var library_home = (home);
+/**
+ * WordPress dependencies
+ */
+
+
+const home = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12 4L4 7.9V20h16V7.9L12 4zm6.5 14.5H14V13h-4v5.5H5.5V8.8L12 5.7l6.5 3.1v9.7z"
+ })
+});
+/* harmony default export */ const library_home = (home);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/home-link/edit.js
-
-
-/**
- * External dependencies
- */
+/**
+ * External dependencies
+ */
+
/**
* WordPress dependencies
@@ -19358,44 +24795,39 @@
const preventDefault = event => event.preventDefault();
-
-function HomeEdit(_ref) {
- var _style$color, _style$color2, _style$color3, _style$color4;
-
- let {
- attributes,
- setAttributes,
- context,
- clientId
- } = _ref;
+function HomeEdit({
+ attributes,
+ setAttributes,
+ context
+}) {
const {
homeUrl
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _getUnstableBase;
-
const {
getUnstableBase // Site index.
-
} = select(external_wp_coreData_namespaceObject.store);
return {
- homeUrl: (_getUnstableBase = getUnstableBase()) === null || _getUnstableBase === void 0 ? void 0 : _getUnstableBase.home
- };
- }, [clientId]);
+ homeUrl: getUnstableBase()?.home
+ };
+ }, []);
+ const {
+ __unstableMarkNextChangeAsNotPersistent
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
const {
textColor,
backgroundColor,
style
} = context;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()('wp-block-navigation-item', {
- 'has-text-color': !!textColor || !!(style !== null && style !== void 0 && (_style$color = style.color) !== null && _style$color !== void 0 && _style$color.text),
+ className: dist_clsx('wp-block-navigation-item', {
+ 'has-text-color': !!textColor || !!style?.color?.text,
[`has-${textColor}-color`]: !!textColor,
- 'has-background': !!backgroundColor || !!(style !== null && style !== void 0 && (_style$color2 = style.color) !== null && _style$color2 !== void 0 && _style$color2.background),
+ 'has-background': !!backgroundColor || !!style?.color?.background,
[`has-${backgroundColor}-background-color`]: !!backgroundColor
}),
style: {
- color: style === null || style === void 0 ? void 0 : (_style$color3 = style.color) === null || _style$color3 === void 0 ? void 0 : _style$color3.text,
- backgroundColor: style === null || style === void 0 ? void 0 : (_style$color4 = style.color) === null || _style$color4 === void 0 ? void 0 : _style$color4.background
+ color: style?.color?.text,
+ backgroundColor: style?.color?.background
}
});
const {
@@ -19403,40 +24835,46 @@
} = attributes;
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (label === undefined) {
+ __unstableMarkNextChangeAsNotPersistent();
setAttributes({
label: (0,external_wp_i18n_namespaceObject.__)('Home')
});
}
- }, [clientId, label]);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)("a", {
- className: "wp-block-home-link__content wp-block-navigation-item__content",
- href: homeUrl,
- onClick: preventDefault
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- identifier: "label",
- className: "wp-block-home-link__label",
- value: label,
- onChange: labelValue => {
- setAttributes({
- label: labelValue
- });
- },
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Home link text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Add home link'),
- withoutInteractiveFormatting: true,
- allowedFormats: ['core/bold', 'core/italic', 'core/image', 'core/strikethrough']
- }))));
+ }, [label]);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: "wp-block-home-link__content wp-block-navigation-item__content",
+ href: homeUrl,
+ onClick: preventDefault,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "label",
+ className: "wp-block-home-link__label",
+ value: label,
+ onChange: labelValue => {
+ setAttributes({
+ label: labelValue
+ });
+ },
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Home link text'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Add home link'),
+ withoutInteractiveFormatting: true,
+ allowedFormats: ['core/bold', 'core/italic', 'core/image', 'core/strikethrough']
+ })
+ })
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/home-link/save.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
function home_link_save_save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/home-link/index.js
@@ -19445,13 +24883,14 @@
*/
+
/**
* Internal dependencies
*/
const home_link_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/home-link",
category: "design",
parent: ["core/navigation"],
@@ -19466,7 +24905,23 @@
usesContext: ["textColor", "customTextColor", "backgroundColor", "customBackgroundColor", "fontSize", "customFontSize", "style"],
supports: {
reusable: false,
- html: false
+ html: false,
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-home-link-editor",
style: "wp-block-home-link"
@@ -19487,100 +24942,148 @@
}
}
};
+const home_link_init = () => initBlock({
+ name: home_link_name,
+ metadata: home_link_metadata,
+ settings: home_link_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/html.js
-
-
-/**
- * WordPress dependencies
- */
-
-const html = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4.8 11.4H2.1V9H1v6h1.1v-2.6h2.7V15h1.1V9H4.8v2.4zm1.9-1.3h1.7V15h1.1v-4.9h1.7V9H6.7v1.1zM16.2 9l-1.5 2.7L13.3 9h-.9l-.8 6h1.1l.5-4 1.5 2.8 1.5-2.8.5 4h1.1L17 9h-.8zm3.8 5V9h-1.1v6h3.6v-1H20z"
-}));
-/* harmony default export */ var library_html = (html);
+/**
+ * WordPress dependencies
+ */
+
+
+const html = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4.8 11.4H2.1V9H1v6h1.1v-2.6h2.7V15h1.1V9H4.8v2.4zm1.9-1.3h1.7V15h1.1v-4.9h1.7V9H6.7v1.1zM16.2 9l-1.5 2.7L13.3 9h-.9l-.8 6h1.1l.5-4 1.5 2.8 1.5-2.8.5 4h1.1L17 9h-.8zm3.8 5V9h-1.1v6h3.6v-1H20z"
+ })
+});
+/* harmony default export */ const library_html = (html);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/html/preview.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+// Default styles used to unset some of the styles
+// that might be inherited from the editor style.
+
+
+
+const DEFAULT_STYLES = `
+ html,body,:root {
+ margin: 0 !important;
+ padding: 0 !important;
+ overflow: visible !important;
+ min-height: auto !important;
+ }
+`;
+function HTMLEditPreview({
+ content,
+ isSelected
+}) {
+ const settingStyles = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getSettings().styles);
+ const styles = (0,external_wp_element_namespaceObject.useMemo)(() => [DEFAULT_STYLES, ...(0,external_wp_blockEditor_namespaceObject.transformStyles)(settingStyles.filter(style => style.css))], [settingStyles]);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SandBox, {
+ html: content,
+ styles: styles,
+ title: (0,external_wp_i18n_namespaceObject.__)('Custom HTML Preview'),
+ tabIndex: -1
+ }), !isSelected && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "block-library-html__preview-overlay"
+ })]
+ });
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/html/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-function HTMLEdit(_ref) {
- let {
- attributes,
- setAttributes,
- isSelected
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function HTMLEdit({
+ attributes,
+ setAttributes,
+ isSelected
+}) {
const [isPreview, setIsPreview] = (0,external_wp_element_namespaceObject.useState)();
const isDisabled = (0,external_wp_element_namespaceObject.useContext)(external_wp_components_namespaceObject.Disabled.Context);
- const styles = (0,external_wp_data_namespaceObject.useSelect)(select => {
- // Default styles used to unset some of the styles
- // that might be inherited from the editor style.
- const defaultStyles = `
- html,body,:root {
- margin: 0 !important;
- padding: 0 !important;
- overflow: visible !important;
- min-height: auto !important;
- }
- `;
- return [defaultStyles, ...(0,external_wp_blockEditor_namespaceObject.transformStyles)(select(external_wp_blockEditor_namespaceObject.store).getSettings().styles)];
- }, []);
-
+ const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(HTMLEdit, 'html-edit-desc');
function switchToPreview() {
setIsPreview(true);
}
-
function switchToHTML() {
setIsPreview(false);
}
-
- return (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: 'block-library-html__edit'
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- className: "components-tab-button",
- isPressed: !isPreview,
- onClick: switchToHTML
- }, (0,external_wp_element_namespaceObject.createElement)("span", null, "HTML")), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- className: "components-tab-button",
- isPressed: isPreview,
- onClick: switchToPreview
- }, (0,external_wp_element_namespaceObject.createElement)("span", null, (0,external_wp_i18n_namespaceObject.__)('Preview'))))), isPreview || isDisabled ? (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SandBox, {
- html: attributes.content,
- styles: styles
- }), !isSelected && (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "block-library-html__preview-overlay"
- })) : (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.PlainText, {
- value: attributes.content,
- onChange: content => setAttributes({
- content
- }),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Write HTML…'),
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('HTML')
- }));
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: 'block-library-html__edit',
+ 'aria-describedby': isPreview ? instanceId : undefined
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ isPressed: !isPreview,
+ onClick: switchToHTML,
+ children: "HTML"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ isPressed: isPreview,
+ onClick: switchToPreview,
+ children: (0,external_wp_i18n_namespaceObject.__)('Preview')
+ })]
+ })
+ }), isPreview || isDisabled ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(HTMLEditPreview, {
+ content: attributes.content,
+ isSelected: isSelected
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, {
+ id: instanceId,
+ children: (0,external_wp_i18n_namespaceObject.__)('HTML preview is not yet fully accessible. Please switch screen reader to virtualized mode to navigate the below iFrame.')
+ })]
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.PlainText, {
+ value: attributes.content,
+ onChange: content => setAttributes({
+ content
+ }),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Write HTML…'),
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('HTML')
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/html/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function html_save_save(_ref) {
- let {
- attributes
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.RawHTML, null, attributes.content);
+/**
+ * WordPress dependencies
+ */
+
+
+function html_save_save({
+ attributes
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_element_namespaceObject.RawHTML, {
+ children: attributes.content
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/html/transforms.js
@@ -19588,21 +25091,25 @@
* WordPress dependencies
*/
+
const html_transforms_transforms = {
from: [{
type: 'block',
blocks: ['core/code'],
- transform: _ref => {
- let {
- content
- } = _ref;
+ transform: ({
+ content: html
+ }) => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/html', {
- content
+ // The code block may output HTML formatting, so convert it
+ // to plain text.
+ content: (0,external_wp_richText_namespaceObject.create)({
+ html
+ }).text
});
}
}]
};
-/* harmony default export */ var html_transforms = (html_transforms_transforms);
+/* harmony default export */ const html_transforms = (html_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/html/index.js
/**
@@ -19610,6 +25117,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -19617,7 +25125,7 @@
const html_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/html",
title: "Custom HTML",
category: "widgets",
@@ -19627,13 +25135,16 @@
attributes: {
content: {
type: "string",
- source: "html"
+ source: "raw"
}
},
supports: {
customClassName: false,
className: false,
- html: false
+ html: false,
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-html-editor"
};
@@ -19654,112 +25165,519 @@
save: html_save_save,
transforms: html_transforms
};
+const html_init = () => initBlock({
+ name: html_name,
+ metadata: html_metadata,
+ settings: html_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/image/deprecated.js
-
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-const image_deprecated_blockAttributes = {
- align: {
- type: 'string'
- },
- url: {
- type: 'string',
- source: 'attribute',
- selector: 'img',
- attribute: 'src'
- },
- alt: {
- type: 'string',
- source: 'attribute',
- selector: 'img',
- attribute: 'alt',
- default: ''
- },
- caption: {
- type: 'string',
- source: 'html',
- selector: 'figcaption'
- },
- href: {
- type: 'string',
- source: 'attribute',
- selector: 'figure > a',
- attribute: 'href'
- },
- rel: {
- type: 'string',
- source: 'attribute',
- selector: 'figure > a',
- attribute: 'rel'
- },
- linkClass: {
- type: 'string',
- source: 'attribute',
- selector: 'figure > a',
- attribute: 'class'
- },
- id: {
- type: 'number'
- },
- width: {
- type: 'number'
- },
- height: {
- type: 'number'
- },
- linkDestination: {
- type: 'string'
- },
- linkTarget: {
- type: 'string',
- source: 'attribute',
- selector: 'figure > a',
- attribute: 'target'
- }
-};
-const deprecated_blockSupports = {
- anchor: true,
- color: {
- __experimentalDuotone: 'img',
- text: false,
- background: false
- },
- __experimentalBorder: {
- radius: true,
- __experimentalDefaultControls: {
- radius: true
- }
- }
-};
-const image_deprecated_deprecated = [{
- attributes: { ...image_deprecated_blockAttributes,
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Deprecation for adding the `wp-image-${id}` class to the image block for
+ * responsive images.
+ *
+ * @see https://github.com/WordPress/gutenberg/pull/4898
+ */
+
+
+
+const image_deprecated_v1 = {
+ attributes: {
+ url: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'src'
+ },
+ alt: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'alt',
+ default: ''
+ },
+ caption: {
+ type: 'array',
+ source: 'children',
+ selector: 'figcaption'
+ },
+ href: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'a',
+ attribute: 'href'
+ },
+ id: {
+ type: 'number'
+ },
+ align: {
+ type: 'string'
+ },
+ width: {
+ type: 'number'
+ },
+ height: {
+ type: 'number'
+ }
+ },
+ save({
+ attributes
+ }) {
+ const {
+ url,
+ alt,
+ caption,
+ align,
+ href,
+ width,
+ height
+ } = attributes;
+ const extraImageProps = width || height ? {
+ width,
+ height
+ } : {};
+ const image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: url,
+ alt: alt,
+ ...extraImageProps
+ });
+ let figureStyle = {};
+ if (width) {
+ figureStyle = {
+ width
+ };
+ } else if (align === 'left' || align === 'right') {
+ figureStyle = {
+ maxWidth: '50%'
+ };
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ className: align ? `align${align}` : null,
+ style: figureStyle,
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ children: image
+ }) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ }
+};
+
+/**
+ * Deprecation for adding the `is-resized` class to the image block to fix
+ * captions on resized images.
+ *
+ * @see https://github.com/WordPress/gutenberg/pull/6496
+ */
+const image_deprecated_v2 = {
+ attributes: {
+ url: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'src'
+ },
+ alt: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'alt',
+ default: ''
+ },
+ caption: {
+ type: 'array',
+ source: 'children',
+ selector: 'figcaption'
+ },
+ href: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'a',
+ attribute: 'href'
+ },
+ id: {
+ type: 'number'
+ },
+ align: {
+ type: 'string'
+ },
+ width: {
+ type: 'number'
+ },
+ height: {
+ type: 'number'
+ }
+ },
+ save({
+ attributes
+ }) {
+ const {
+ url,
+ alt,
+ caption,
+ align,
+ href,
+ width,
+ height,
+ id
+ } = attributes;
+ const image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: url,
+ alt: alt,
+ className: id ? `wp-image-${id}` : null,
+ width: width,
+ height: height
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ className: align ? `align${align}` : null,
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ children: image
+ }) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ }
+};
+
+/**
+ * Deprecation for image floats including a wrapping div.
+ *
+ * @see https://github.com/WordPress/gutenberg/pull/7721
+ */
+const image_deprecated_v3 = {
+ attributes: {
+ url: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'src'
+ },
+ alt: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'alt',
+ default: ''
+ },
+ caption: {
+ type: 'array',
+ source: 'children',
+ selector: 'figcaption'
+ },
+ href: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'href'
+ },
+ id: {
+ type: 'number'
+ },
+ align: {
+ type: 'string'
+ },
+ width: {
+ type: 'number'
+ },
+ height: {
+ type: 'number'
+ },
+ linkDestination: {
+ type: 'string',
+ default: 'none'
+ }
+ },
+ save({
+ attributes
+ }) {
+ const {
+ url,
+ alt,
+ caption,
+ align,
+ href,
+ width,
+ height,
+ id
+ } = attributes;
+ const classes = dist_clsx({
+ [`align${align}`]: align,
+ 'is-resized': width || height
+ });
+ const image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: url,
+ alt: alt,
+ className: id ? `wp-image-${id}` : null,
+ width: width,
+ height: height
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ className: classes,
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ children: image
+ }) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ }
+};
+
+/**
+ * Deprecation for removing the outer div wrapper around aligned images.
+ *
+ * @see https://github.com/WordPress/gutenberg/pull/38657
+ */
+const image_deprecated_v4 = {
+ attributes: {
+ align: {
+ type: 'string'
+ },
+ url: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'src'
+ },
+ alt: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'alt',
+ default: ''
+ },
+ caption: {
+ type: 'string',
+ source: 'html',
+ selector: 'figcaption'
+ },
title: {
type: 'string',
source: 'attribute',
selector: 'img',
attribute: 'title'
},
+ href: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'href'
+ },
+ rel: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'rel'
+ },
+ linkClass: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'class'
+ },
+ id: {
+ type: 'number'
+ },
+ width: {
+ type: 'number'
+ },
+ height: {
+ type: 'number'
+ },
sizeSlug: {
type: 'string'
- }
- },
- supports: deprecated_blockSupports,
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+ },
+ linkDestination: {
+ type: 'string'
+ },
+ linkTarget: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'target'
+ }
+ },
+ supports: {
+ anchor: true
+ },
+ save({
+ attributes
+ }) {
+ const {
+ url,
+ alt,
+ caption,
+ align,
+ href,
+ rel,
+ linkClass,
+ width,
+ height,
+ id,
+ linkTarget,
+ sizeSlug,
+ title
+ } = attributes;
+ const newRel = !rel ? undefined : rel;
+ const classes = dist_clsx({
+ [`align${align}`]: align,
+ [`size-${sizeSlug}`]: sizeSlug,
+ 'is-resized': width || height
+ });
+ const image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: url,
+ alt: alt,
+ className: id ? `wp-image-${id}` : null,
+ width: width,
+ height: height,
+ title: title
+ });
+ const figure = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: linkClass,
+ href: href,
+ target: linkTarget,
+ rel: newRel,
+ children: image
+ }) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ if ('left' === align || 'right' === align || 'center' === align) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ className: classes,
+ children: figure
+ })
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes
+ }),
+ children: figure
+ });
+ }
+};
+
+/**
+ * Deprecation for moving existing border radius styles onto the inner img
+ * element where new border block support styles must be applied.
+ * It will also add a new `.has-custom-border` class for existing blocks
+ * with border radii set. This class is required to improve caption position
+ * and styling when an image within a gallery has a custom border or
+ * rounded corners.
+ *
+ * @see https://github.com/WordPress/gutenberg/pull/31366
+ */
+const image_deprecated_v5 = {
+ attributes: {
+ align: {
+ type: 'string'
+ },
+ url: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'src'
+ },
+ alt: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'alt',
+ default: ''
+ },
+ caption: {
+ type: 'string',
+ source: 'html',
+ selector: 'figcaption'
+ },
+ title: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'title'
+ },
+ href: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'href'
+ },
+ rel: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'rel'
+ },
+ linkClass: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'class'
+ },
+ id: {
+ type: 'number'
+ },
+ width: {
+ type: 'number'
+ },
+ height: {
+ type: 'number'
+ },
+ sizeSlug: {
+ type: 'string'
+ },
+ linkDestination: {
+ type: 'string'
+ },
+ linkTarget: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'target'
+ }
+ },
+ supports: {
+ anchor: true,
+ color: {
+ __experimentalDuotone: 'img',
+ text: false,
+ background: false
+ },
+ __experimentalBorder: {
+ radius: true,
+ __experimentalDefaultControls: {
+ radius: true
+ }
+ },
+ __experimentalStyle: {
+ spacing: {
+ margin: '0 0 1em 0'
+ }
+ }
+ },
+ save({
+ attributes
+ }) {
const {
url,
alt,
@@ -19775,13 +25693,13 @@
sizeSlug,
title
} = attributes;
- const newRel = (0,external_lodash_namespaceObject.isEmpty)(rel) ? undefined : rel;
- const classes = classnames_default()({
+ const newRel = !rel ? undefined : rel;
+ const classes = dist_clsx({
[`align${align}`]: align,
[`size-${sizeSlug}`]: sizeSlug,
'is-resized': width || height
});
- const image = (0,external_wp_element_namespaceObject.createElement)("img", {
+ const image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
src: url,
alt: alt,
className: id ? `wp-image-${id}` : null,
@@ -19789,245 +25707,684 @@
height: height,
title: title
});
- const figure = (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, href ? (0,external_wp_element_namespaceObject.createElement)("a", {
- className: linkClass,
- href: href,
- target: linkTarget,
- rel: newRel
- }, image) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: caption
- }));
-
- if ('left' === align || 'right' === align || 'center' === align) {
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save(), (0,external_wp_element_namespaceObject.createElement)("figure", {
+ const figure = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: linkClass,
+ href: href,
+ target: linkTarget,
+ rel: newRel,
+ children: image
+ }) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
className: classes
- }, figure));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)("figure", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: classes
- }), figure);
- }
-
-}, {
- attributes: image_deprecated_blockAttributes,
-
- save(_ref2) {
- let {
- attributes
- } = _ref2;
+ }),
+ children: figure
+ });
+ }
+};
+
+/**
+ * Deprecation for adding width and height as style rules on the inner img.
+ *
+ * @see https://github.com/WordPress/gutenberg/pull/31366
+ */
+const image_deprecated_v6 = {
+ attributes: {
+ align: {
+ type: 'string'
+ },
+ url: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'src',
+ __experimentalRole: 'content'
+ },
+ alt: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'alt',
+ default: '',
+ __experimentalRole: 'content'
+ },
+ caption: {
+ type: 'string',
+ source: 'html',
+ selector: 'figcaption',
+ __experimentalRole: 'content'
+ },
+ title: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'title',
+ __experimentalRole: 'content'
+ },
+ href: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'href',
+ __experimentalRole: 'content'
+ },
+ rel: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'rel'
+ },
+ linkClass: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'class'
+ },
+ id: {
+ type: 'number',
+ __experimentalRole: 'content'
+ },
+ width: {
+ type: 'number'
+ },
+ height: {
+ type: 'number'
+ },
+ aspectRatio: {
+ type: 'string'
+ },
+ scale: {
+ type: 'string'
+ },
+ sizeSlug: {
+ type: 'string'
+ },
+ linkDestination: {
+ type: 'string'
+ },
+ linkTarget: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'target'
+ }
+ },
+ supports: {
+ anchor: true,
+ color: {
+ text: false,
+ background: false
+ },
+ filter: {
+ duotone: true
+ },
+ __experimentalBorder: {
+ color: true,
+ radius: true,
+ width: true,
+ __experimentalSkipSerialization: true,
+ __experimentalDefaultControls: {
+ color: true,
+ radius: true,
+ width: true
+ }
+ }
+ },
+ migrate(attributes) {
+ const {
+ height,
+ width
+ } = attributes;
+ return {
+ ...attributes,
+ width: typeof width === 'number' ? `${width}px` : width,
+ height: typeof height === 'number' ? `${height}px` : height
+ };
+ },
+ save({
+ attributes
+ }) {
const {
url,
alt,
caption,
align,
href,
+ rel,
+ linkClass,
width,
height,
- id
- } = attributes;
- const classes = classnames_default()({
+ aspectRatio,
+ scale,
+ id,
+ linkTarget,
+ sizeSlug,
+ title
+ } = attributes;
+ const newRel = !rel ? undefined : rel;
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetBorderClassesAndStyles)(attributes);
+ const classes = dist_clsx({
[`align${align}`]: align,
- 'is-resized': width || height
- });
- const image = (0,external_wp_element_namespaceObject.createElement)("img", {
+ [`size-${sizeSlug}`]: sizeSlug,
+ 'is-resized': width || height,
+ 'has-custom-border': !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
+ });
+ const imageClasses = dist_clsx(borderProps.className, {
+ [`wp-image-${id}`]: !!id
+ });
+ const image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
src: url,
alt: alt,
- className: id ? `wp-image-${id}` : null,
+ className: imageClasses || undefined,
+ style: {
+ ...borderProps.style,
+ aspectRatio,
+ objectFit: scale
+ },
width: width,
- height: height
- });
- return (0,external_wp_element_namespaceObject.createElement)("figure", {
- className: classes
- }, href ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: href
- }, image) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: caption
- }));
- }
-
-}, {
- attributes: image_deprecated_blockAttributes,
-
- save(_ref3) {
- let {
- attributes
- } = _ref3;
- const {
- url,
- alt,
- caption,
- align,
- href,
- width,
- height,
- id
- } = attributes;
- const image = (0,external_wp_element_namespaceObject.createElement)("img", {
- src: url,
- alt: alt,
- className: id ? `wp-image-${id}` : null,
- width: width,
- height: height
- });
- return (0,external_wp_element_namespaceObject.createElement)("figure", {
- className: align ? `align${align}` : null
- }, href ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: href
- }, image) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: caption
- }));
- }
-
-}, {
- attributes: image_deprecated_blockAttributes,
-
- save(_ref4) {
- let {
- attributes
- } = _ref4;
+ height: height,
+ title: title
+ });
+ const figure = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: linkClass,
+ href: href,
+ target: linkTarget,
+ rel: newRel,
+ children: image
+ }) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ className: (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption'),
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes
+ }),
+ children: figure
+ });
+ }
+};
+
+/**
+ * Deprecation for converting to string width and height block attributes and
+ * removing the width and height img element attributes which are not needed
+ * as they get added by the TODO hook.
+ *
+ * @see https://github.com/WordPress/gutenberg/pull/53274
+ */
+const image_deprecated_v7 = {
+ attributes: {
+ align: {
+ type: 'string'
+ },
+ url: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'src',
+ __experimentalRole: 'content'
+ },
+ alt: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'alt',
+ default: '',
+ __experimentalRole: 'content'
+ },
+ caption: {
+ type: 'string',
+ source: 'html',
+ selector: 'figcaption',
+ __experimentalRole: 'content'
+ },
+ title: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'title',
+ __experimentalRole: 'content'
+ },
+ href: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'href',
+ __experimentalRole: 'content'
+ },
+ rel: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'rel'
+ },
+ linkClass: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'class'
+ },
+ id: {
+ type: 'number',
+ __experimentalRole: 'content'
+ },
+ width: {
+ type: 'number'
+ },
+ height: {
+ type: 'number'
+ },
+ aspectRatio: {
+ type: 'string'
+ },
+ scale: {
+ type: 'string'
+ },
+ sizeSlug: {
+ type: 'string'
+ },
+ linkDestination: {
+ type: 'string'
+ },
+ linkTarget: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'target'
+ }
+ },
+ supports: {
+ anchor: true,
+ color: {
+ text: false,
+ background: false
+ },
+ filter: {
+ duotone: true
+ },
+ __experimentalBorder: {
+ color: true,
+ radius: true,
+ width: true,
+ __experimentalSkipSerialization: true,
+ __experimentalDefaultControls: {
+ color: true,
+ radius: true,
+ width: true
+ }
+ }
+ },
+ migrate({
+ width,
+ height,
+ ...attributes
+ }) {
+ return {
+ ...attributes,
+ width: `${width}px`,
+ height: `${height}px`
+ };
+ },
+ save({
+ attributes
+ }) {
const {
url,
alt,
caption,
align,
href,
+ rel,
+ linkClass,
width,
- height
- } = attributes;
- const extraImageProps = width || height ? {
- width,
- height
- } : {};
- const image = (0,external_wp_element_namespaceObject.createElement)("img", _extends({
+ height,
+ aspectRatio,
+ scale,
+ id,
+ linkTarget,
+ sizeSlug,
+ title
+ } = attributes;
+ const newRel = !rel ? undefined : rel;
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetBorderClassesAndStyles)(attributes);
+ const classes = dist_clsx({
+ [`align${align}`]: align,
+ [`size-${sizeSlug}`]: sizeSlug,
+ 'is-resized': width || height,
+ 'has-custom-border': !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
+ });
+ const imageClasses = dist_clsx(borderProps.className, {
+ [`wp-image-${id}`]: !!id
+ });
+ const image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
src: url,
- alt: alt
- }, extraImageProps));
- let figureStyle = {};
-
- if (width) {
- figureStyle = {
- width
- };
- } else if (align === 'left' || align === 'right') {
- figureStyle = {
- maxWidth: '50%'
- };
- }
-
- return (0,external_wp_element_namespaceObject.createElement)("figure", {
- className: align ? `align${align}` : null,
- style: figureStyle
- }, href ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: href
- }, image) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: caption
- }));
- }
-
-}];
-/* harmony default export */ var image_deprecated = (image_deprecated_deprecated);
+ alt: alt,
+ className: imageClasses || undefined,
+ style: {
+ ...borderProps.style,
+ aspectRatio,
+ objectFit: scale,
+ width,
+ height
+ },
+ width: width,
+ height: height,
+ title: title
+ });
+ const figure = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: linkClass,
+ href: href,
+ target: linkTarget,
+ rel: newRel,
+ children: image
+ }) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ className: (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption'),
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes
+ }),
+ children: figure
+ });
+ }
+};
+const deprecated_v8 = {
+ attributes: {
+ align: {
+ type: 'string'
+ },
+ behaviors: {
+ type: 'object'
+ },
+ url: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'src',
+ __experimentalRole: 'content'
+ },
+ alt: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'alt',
+ default: '',
+ __experimentalRole: 'content'
+ },
+ caption: {
+ type: 'string',
+ source: 'html',
+ selector: 'figcaption',
+ __experimentalRole: 'content'
+ },
+ title: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'img',
+ attribute: 'title',
+ __experimentalRole: 'content'
+ },
+ href: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'href',
+ __experimentalRole: 'content'
+ },
+ rel: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'rel'
+ },
+ linkClass: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'class'
+ },
+ id: {
+ type: 'number',
+ __experimentalRole: 'content'
+ },
+ width: {
+ type: 'string'
+ },
+ height: {
+ type: 'string'
+ },
+ aspectRatio: {
+ type: 'string'
+ },
+ scale: {
+ type: 'string'
+ },
+ sizeSlug: {
+ type: 'string'
+ },
+ linkDestination: {
+ type: 'string'
+ },
+ linkTarget: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure > a',
+ attribute: 'target'
+ }
+ },
+ supports: {
+ anchor: true,
+ color: {
+ text: false,
+ background: false
+ },
+ filter: {
+ duotone: true
+ },
+ __experimentalBorder: {
+ color: true,
+ radius: true,
+ width: true,
+ __experimentalSkipSerialization: true,
+ __experimentalDefaultControls: {
+ color: true,
+ radius: true,
+ width: true
+ }
+ }
+ },
+ migrate({
+ width,
+ height,
+ ...attributes
+ }) {
+ // We need to perform a check here because in cases
+ // where attributes are added dynamically to blocks,
+ // block invalidation overrides the isEligible() method
+ // and forces the migration to run, so it's not guaranteed
+ // that `behaviors` or `behaviors.lightbox` will be defined.
+ if (!attributes.behaviors?.lightbox) {
+ return attributes;
+ }
+ const {
+ behaviors: {
+ lightbox: {
+ enabled
+ }
+ }
+ } = attributes;
+ const newAttributes = {
+ ...attributes,
+ lightbox: {
+ enabled
+ }
+ };
+ delete newAttributes.behaviors;
+ return newAttributes;
+ },
+ isEligible(attributes) {
+ return !!attributes.behaviors;
+ },
+ save({
+ attributes
+ }) {
+ const {
+ url,
+ alt,
+ caption,
+ align,
+ href,
+ rel,
+ linkClass,
+ width,
+ height,
+ aspectRatio,
+ scale,
+ id,
+ linkTarget,
+ sizeSlug,
+ title
+ } = attributes;
+ const newRel = !rel ? undefined : rel;
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetBorderClassesAndStyles)(attributes);
+ const classes = dist_clsx({
+ [`align${align}`]: align,
+ [`size-${sizeSlug}`]: sizeSlug,
+ 'is-resized': width || height,
+ 'has-custom-border': !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
+ });
+ const imageClasses = dist_clsx(borderProps.className, {
+ [`wp-image-${id}`]: !!id
+ });
+ const image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: url,
+ alt: alt,
+ className: imageClasses || undefined,
+ style: {
+ ...borderProps.style,
+ aspectRatio,
+ objectFit: scale,
+ width,
+ height
+ },
+ title: title
+ });
+ const figure = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: linkClass,
+ href: href,
+ target: linkTarget,
+ rel: newRel,
+ children: image
+ }) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ className: (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption'),
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes
+ }),
+ children: figure
+ });
+ }
+};
+/* harmony default export */ const image_deprecated = ([deprecated_v8, image_deprecated_v7, image_deprecated_v6, image_deprecated_v5, image_deprecated_v4, image_deprecated_v3, image_deprecated_v2, image_deprecated_v1]);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/plugins.js
+/**
+ * WordPress dependencies
+ */
+
+
+const plugins = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M10.5 4v4h3V4H15v4h1.5a1 1 0 011 1v4l-3 4v2a1 1 0 01-1 1h-3a1 1 0 01-1-1v-2l-3-4V9a1 1 0 011-1H9V4h1.5zm.5 12.5v2h2v-2l3-4v-3H8v3l3 4z"
+ })
+});
+/* harmony default export */ const library_plugins = (plugins);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/crop.js
-
-
-/**
- * WordPress dependencies
- */
-
-const crop = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M16.5 7.8v7H18v-7c0-1-.8-1.8-1.8-1.8h-7v1.5h7c.2 0 .3.1.3.3zm-8.7 8.7c-.1 0-.2-.1-.2-.2V2H6v4H2v1.5h4v8.8c0 1 .8 1.8 1.8 1.8h8.8v4H18v-4h4v-1.5H7.8z"
-}));
-/* harmony default export */ var library_crop = (crop);
+/**
+ * WordPress dependencies
+ */
+
+
+const crop = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18 20v-2h2v-1.5H7.75a.25.25 0 0 1-.25-.25V4H6v2H4v1.5h2v8.75c0 .966.784 1.75 1.75 1.75h8.75v2H18ZM9.273 7.5h6.977a.25.25 0 0 1 .25.25v6.977H18V7.75A1.75 1.75 0 0 0 16.25 6H9.273v1.5Z"
+ })
+});
+/* harmony default export */ const library_crop = (crop);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/overlay-text.js
+/**
+ * WordPress dependencies
+ */
+
+
+const overlayText = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12-9.8c.4 0 .8-.3.9-.7l1.1-3h3.6l.5 1.7h1.9L13 9h-2.2l-3.4 9.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v12H20V6c0-1.1-.9-2-2-2zm-6 7l1.4 3.9h-2.7L12 11z"
+ })
+});
+/* harmony default export */ const overlay_text = (overlayText);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/upload.js
-
-
-/**
- * WordPress dependencies
- */
-
-const upload = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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 */ var library_upload = (upload);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/overlay-text.js
-
-
-/**
- * WordPress dependencies
- */
-
-const overlayText = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12-9.8c.4 0 .8-.3.9-.7l1.1-3h3.6l.5 1.7h1.9L13 9h-2.2l-3.4 9.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v12H20V6c0-1.1-.9-2-2-2zm-6 7l1.4 3.9h-2.7L12 11z"
-}));
-/* harmony default export */ var overlay_text = (overlayText);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/image/use-client-width.js
-/**
- * WordPress dependencies
- */
-
-function useClientWidth(ref, dependencies) {
- const [clientWidth, setClientWidth] = (0,external_wp_element_namespaceObject.useState)();
-
- function calculateClientWidth() {
- setClientWidth(ref.current.clientWidth);
- }
-
- (0,external_wp_element_namespaceObject.useEffect)(calculateClientWidth, dependencies);
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- const {
- defaultView
- } = ref.current.ownerDocument;
- defaultView.addEventListener('resize', calculateClientWidth);
- return () => {
- defaultView.removeEventListener('resize', calculateClientWidth);
- };
- }, []);
- return clientWidth;
-}
+/**
+ * WordPress dependencies
+ */
+
+
+const upload = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.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 */ const library_upload = (upload);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/image/image.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
@@ -20037,81 +26394,113 @@
*/
-function Image(_ref) {
- var _imageRef$current3;
-
- let {
- temporaryURL,
- attributes: {
- url = '',
- alt,
- caption,
- align,
- id,
- href,
- rel,
- linkClass,
- linkDestination,
- title,
- width,
- height,
- linkTarget,
- sizeSlug
- },
- setAttributes,
- isSelected,
- insertBlocksAfter,
- onReplace,
- onSelectImage,
- onSelectURL,
- onUploadError,
- containerRef,
- context,
- clientId
- } = _ref;
+
+
+
+
+const {
+ DimensionsTool,
+ ResolutionTool
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+const scaleOptions = [{
+ value: 'cover',
+ label: (0,external_wp_i18n_namespaceObject._x)('Cover', 'Scale option for dimensions control'),
+ help: (0,external_wp_i18n_namespaceObject.__)('Image covers the space evenly.')
+}, {
+ value: 'contain',
+ label: (0,external_wp_i18n_namespaceObject._x)('Contain', 'Scale option for dimensions control'),
+ help: (0,external_wp_i18n_namespaceObject.__)('Image is contained without distortion.')
+}];
+
+// If the image has a href, wrap in an <a /> tag to trigger any inherited link element styles.
+const ImageWrapper = ({
+ href,
+ children
+}) => {
+ if (!href) {
+ return children;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: href,
+ onClick: event => event.preventDefault(),
+ "aria-disabled": true,
+ style: {
+ // When the Image block is linked,
+ // it's wrapped with a disabled <a /> tag.
+ // Restore cursor style so it doesn't appear 'clickable'
+ // and remove pointer events. Safari needs the display property.
+ pointerEvents: 'none',
+ cursor: 'default',
+ display: 'inline'
+ },
+ children: children
+ });
+};
+function image_Image({
+ temporaryURL,
+ attributes,
+ setAttributes,
+ isSingleSelected,
+ insertBlocksAfter,
+ onReplace,
+ onSelectImage,
+ onSelectURL,
+ onUploadError,
+ context,
+ clientId,
+ blockEditingMode,
+ parentLayoutType
+}) {
+ const {
+ url = '',
+ alt,
+ align,
+ id,
+ href,
+ rel,
+ linkClass,
+ linkDestination,
+ title,
+ width,
+ height,
+ aspectRatio,
+ scale,
+ linkTarget,
+ sizeSlug,
+ lightbox,
+ metadata
+ } = attributes;
+
+ // The only supported unit is px, so we can parseInt to strip the px here.
+ const numericWidth = width ? parseInt(width, 10) : undefined;
+ const numericHeight = height ? parseInt(height, 10) : undefined;
const imageRef = (0,external_wp_element_namespaceObject.useRef)();
- const captionRef = (0,external_wp_element_namespaceObject.useRef)();
- const prevUrl = (0,external_wp_compose_namespaceObject.usePrevious)(url);
const {
allowResize = true
} = context;
const {
- getBlock
+ getBlock,
+ getSettings
} = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
- const {
- image,
- multiImageSelection
- } = (0,external_wp_data_namespaceObject.useSelect)(select => {
- const {
- getMedia
- } = select(external_wp_coreData_namespaceObject.store);
- const {
- getMultiSelectedBlockClientIds,
- getBlockName
- } = select(external_wp_blockEditor_namespaceObject.store);
- const multiSelectedClientIds = getMultiSelectedBlockClientIds();
- return {
- image: id && isSelected ? getMedia(id, {
- context: 'view'
- }) : null,
- multiImageSelection: multiSelectedClientIds.length && multiSelectedClientIds.every(_clientId => getBlockName(_clientId) === 'core/image')
- };
- }, [id, isSelected]);
+ const image = (0,external_wp_data_namespaceObject.useSelect)(select => id && isSingleSelected ? select(external_wp_coreData_namespaceObject.store).getMedia(id, {
+ context: 'view'
+ }) : null, [id, isSingleSelected]);
const {
canInsertCover,
imageEditing,
imageSizes,
- maxWidth,
- mediaUpload
+ maxWidth
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
getBlockRootClientId,
- getSettings,
canInsertBlockType
} = select(external_wp_blockEditor_namespaceObject.store);
const rootClientId = getBlockRootClientId(clientId);
- const settings = (0,external_lodash_namespaceObject.pick)(getSettings(), ['imageEditing', 'imageSizes', 'maxWidth', 'mediaUpload']);
- return { ...settings,
+ const settings = getSettings();
+ return {
+ imageEditing: settings.imageEditing,
+ imageSizes: settings.imageSizes,
+ maxWidth: settings.maxWidth,
canInsertCover: canInsertBlockType('core/cover', rootClientId)
};
}, [clientId]);
@@ -20124,91 +26513,114 @@
createSuccessNotice
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium');
- const isWideAligned = (0,external_lodash_namespaceObject.includes)(['wide', 'full'], align);
+ const isWideAligned = ['wide', 'full'].includes(align);
const [{
loadedNaturalWidth,
loadedNaturalHeight
}, setLoadedNaturalSize] = (0,external_wp_element_namespaceObject.useState)({});
const [isEditingImage, setIsEditingImage] = (0,external_wp_element_namespaceObject.useState)(false);
const [externalBlob, setExternalBlob] = (0,external_wp_element_namespaceObject.useState)();
- const clientWidth = useClientWidth(containerRef, [align]);
- const isResizable = allowResize && !(isWideAligned && isLargeViewport);
- const imageSizeOptions = (0,external_lodash_namespaceObject.map)((0,external_lodash_namespaceObject.filter)(imageSizes, _ref2 => {
- let {
- slug
- } = _ref2;
- return (0,external_lodash_namespaceObject.get)(image, ['media_details', 'sizes', slug, 'source_url']);
- }), _ref3 => {
- let {
- name,
- slug
- } = _ref3;
- return {
- value: slug,
- label: name
- };
- }); // If an image is externally hosted, try to fetch the image data. This may
+ const hasNonContentControls = blockEditingMode === 'default';
+ const isContentOnlyMode = blockEditingMode === 'contentOnly';
+ const isResizable = allowResize && hasNonContentControls && !isWideAligned && isLargeViewport && parentLayoutType !== 'grid';
+ const imageSizeOptions = imageSizes.filter(({
+ slug
+ }) => image?.media_details?.sizes?.[slug]?.source_url).map(({
+ name,
+ slug
+ }) => ({
+ value: slug,
+ label: name
+ }));
+
+ // If an image is externally hosted, try to fetch the image data. This may
// fail if the image host doesn't allow CORS with the domain. If it works,
// we can enable a button in the toolbar to upload the image.
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (!isExternalImage(id, url) || !isSelected || externalBlob) {
- return;
- }
-
- window.fetch(url).then(response => response.blob()).then(blob => setExternalBlob(blob)) // Do nothing, cannot upload.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!isExternalImage(id, url) || !isSingleSelected || !getSettings().mediaUpload) {
+ setExternalBlob();
+ return;
+ }
+ if (externalBlob) {
+ return;
+ }
+ window
+ // Avoid cache, which seems to help avoid CORS problems.
+ .fetch(url.includes('?') ? url : url + '?').then(response => response.blob()).then(blob => setExternalBlob(blob))
+ // Do nothing, cannot upload.
.catch(() => {});
- }, [id, url, isSelected, externalBlob]); // Focus the caption after inserting an image from the placeholder. This is
- // done to preserve the behaviour of focussing the first tabbable element
- // when a block is mounted. Previously, the image block would remount when
- // the placeholder is removed. Maybe this behaviour could be removed.
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (url && !prevUrl && isSelected) {
- captionRef.current.focus();
- }
- }, [url, prevUrl]); // Get naturalWidth and naturalHeight from image ref, and fall back to loaded natural
+ }, [id, url, isSingleSelected, externalBlob]);
+
+ // Get naturalWidth and naturalHeight from image ref, and fall back to loaded natural
// width and height. This resolves an issue in Safari where the loaded natural
- // witdth and height is otherwise lost when switching between alignments.
+ // width and height is otherwise lost when switching between alignments.
// See: https://github.com/WordPress/gutenberg/pull/37210.
-
const {
naturalWidth,
naturalHeight
} = (0,external_wp_element_namespaceObject.useMemo)(() => {
- var _imageRef$current, _imageRef$current2;
-
- return {
- naturalWidth: ((_imageRef$current = imageRef.current) === null || _imageRef$current === void 0 ? void 0 : _imageRef$current.naturalWidth) || loadedNaturalWidth || undefined,
- naturalHeight: ((_imageRef$current2 = imageRef.current) === null || _imageRef$current2 === void 0 ? void 0 : _imageRef$current2.naturalHeight) || loadedNaturalHeight || undefined
- };
- }, [loadedNaturalWidth, loadedNaturalHeight, (_imageRef$current3 = imageRef.current) === null || _imageRef$current3 === void 0 ? void 0 : _imageRef$current3.complete]);
-
+ return {
+ naturalWidth: imageRef.current?.naturalWidth || loadedNaturalWidth || undefined,
+ naturalHeight: imageRef.current?.naturalHeight || loadedNaturalHeight || undefined
+ };
+ }, [loadedNaturalWidth, loadedNaturalHeight, imageRef.current?.complete]);
function onResizeStart() {
toggleSelection(false);
}
-
function onResizeStop() {
toggleSelection(true);
}
-
function onImageError() {
- // Check if there's an embed block that handles this URL.
+ // Check if there's an embed block that handles this URL, e.g., instagram URL.
+ // See: https://github.com/WordPress/gutenberg/pull/11472
const embedBlock = createUpgradedEmbedBlock({
attributes: {
url
}
});
-
if (undefined !== embedBlock) {
onReplace(embedBlock);
}
}
-
function onSetHref(props) {
setAttributes(props);
}
-
+ function onSetLightbox(enable) {
+ if (enable && !lightboxSetting?.enabled) {
+ setAttributes({
+ lightbox: {
+ enabled: true
+ }
+ });
+ } else if (!enable && lightboxSetting?.enabled) {
+ setAttributes({
+ lightbox: {
+ enabled: false
+ }
+ });
+ } else {
+ setAttributes({
+ lightbox: undefined
+ });
+ }
+ }
+ function resetLightbox() {
+ // When deleting a link from an image while lightbox settings
+ // are enabled by default, we should disable the lightbox,
+ // otherwise the resulting UX looks like a mistake.
+ // See https://github.com/WordPress/gutenberg/pull/59890/files#r1532286123.
+ if (lightboxSetting?.enabled && lightboxSetting?.allowEditing) {
+ setAttributes({
+ lightbox: {
+ enabled: false
+ }
+ });
+ } else {
+ setAttributes({
+ lightbox: undefined
+ });
+ }
+ }
function onSetTitle(value) {
// This is the HTML title attribute, separate from the media object
// title.
@@ -20216,209 +26628,440 @@
title: value
});
}
-
function updateAlt(newAlt) {
setAttributes({
alt: newAlt
});
}
-
function updateImage(newSizeSlug) {
- const newUrl = (0,external_lodash_namespaceObject.get)(image, ['media_details', 'sizes', newSizeSlug, 'source_url']);
-
+ const newUrl = image?.media_details?.sizes?.[newSizeSlug]?.source_url;
if (!newUrl) {
return null;
}
-
setAttributes({
url: newUrl,
- width: undefined,
- height: undefined,
sizeSlug: newSizeSlug
});
}
-
function uploadExternal() {
+ const {
+ mediaUpload
+ } = getSettings();
+ if (!mediaUpload) {
+ return;
+ }
mediaUpload({
filesList: [externalBlob],
-
- onFileChange(_ref4) {
- let [img] = _ref4;
+ onFileChange([img]) {
onSelectImage(img);
-
if ((0,external_wp_blob_namespaceObject.isBlobURL)(img.url)) {
return;
}
-
setExternalBlob();
createSuccessNotice((0,external_wp_i18n_namespaceObject.__)('Image uploaded.'), {
type: 'snackbar'
});
},
-
allowedTypes: constants_ALLOWED_MEDIA_TYPES,
-
onError(message) {
createErrorNotice(message, {
type: 'snackbar'
});
}
-
- });
- }
-
- function updateAlignment(nextAlign) {
- const extraUpdatedAttributes = ['wide', 'full'].includes(nextAlign) ? {
- width: undefined,
- height: undefined
- } : {};
- setAttributes({ ...extraUpdatedAttributes,
- align: nextAlign
- });
- }
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (!isSelected) {
+ });
+ }
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!isSingleSelected) {
setIsEditingImage(false);
}
- }, [isSelected]);
+ }, [isSingleSelected]);
const canEditImage = id && naturalWidth && naturalHeight && imageEditing;
- const allowCrop = !multiImageSelection && canEditImage && !isEditingImage;
-
+ const allowCrop = isSingleSelected && canEditImage && !isEditingImage;
function switchToCover() {
replaceBlocks(clientId, (0,external_wp_blocks_namespaceObject.switchToBlockType)(getBlock(clientId), 'core/cover'));
}
- const controls = (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockAlignmentControl, {
- value: align,
- onChange: updateAlignment
- }), !multiImageSelection && !isEditingImage && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalImageURLInputUI, {
- url: href || '',
- onChangeUrl: onSetHref,
- linkDestination: linkDestination,
- mediaUrl: image && image.source_url || url,
- mediaLink: image && image.link,
- linkTarget: linkTarget,
- linkClass: linkClass,
- rel: rel
- }), allowCrop && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- onClick: () => setIsEditingImage(true),
- icon: library_crop,
- label: (0,external_wp_i18n_namespaceObject.__)('Crop')
- }), externalBlob && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- onClick: uploadExternal,
- icon: library_upload,
- label: (0,external_wp_i18n_namespaceObject.__)('Upload external image')
- }), !multiImageSelection && canInsertCover && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- icon: overlay_text,
- label: (0,external_wp_i18n_namespaceObject.__)('Add text over image'),
- onClick: switchToCover
- })), !multiImageSelection && !isEditingImage && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "other"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
- mediaId: id,
- mediaURL: url,
- allowedTypes: constants_ALLOWED_MEDIA_TYPES,
- accept: "image/*",
- onSelect: onSelectImage,
- onSelectURL: onSelectURL,
- onError: onUploadError
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Image settings')
- }, !multiImageSelection && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextareaControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Alt text (alternative text)'),
- value: alt,
- onChange: updateAlt,
- help: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ExternalLink, {
- href: "https://www.w3.org/WAI/tutorials/images/decision-tree"
- }, (0,external_wp_i18n_namespaceObject.__)('Describe the purpose of the image')), (0,external_wp_i18n_namespaceObject.__)('Leave empty if the image is purely decorative.'))
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalImageSizeControl, {
- onChangeImage: updateImage,
- onChange: value => setAttributes(value),
- slug: sizeSlug,
- width: width,
- height: height,
- imageSizeOptions: imageSizeOptions,
- isResizable: isResizable,
- imageWidth: naturalWidth,
- imageHeight: naturalHeight
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, {
- __experimentalGroup: "advanced"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Title attribute'),
- value: title || '',
- onChange: onSetTitle,
- help: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_i18n_namespaceObject.__)('Describe the role of this image on the page.'), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ExternalLink, {
- href: "https://www.w3.org/TR/html52/dom.html#the-title-attribute"
- }, (0,external_wp_i18n_namespaceObject.__)('(Note: many devices and browsers do not display this text.)')))
- })));
+ // TODO: Can allow more units after figuring out how they should interact
+ // with the ResizableBox and ImageEditor components. Calculations later on
+ // for those components are currently assuming px units.
+ const dimensionsUnitsOptions = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({
+ availableUnits: ['px']
+ });
+ const [lightboxSetting] = (0,external_wp_blockEditor_namespaceObject.useSettings)('lightbox');
+ const showLightboxSetting =
+ // If a block-level override is set, we should give users the option to
+ // remove that override, even if the lightbox UI is disabled in the settings.
+ !!lightbox && lightbox?.enabled !== lightboxSetting?.enabled || lightboxSetting?.allowEditing;
+ const lightboxChecked = !!lightbox?.enabled || !lightbox && !!lightboxSetting?.enabled;
+ const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+ const dimensionsControl = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(DimensionsTool, {
+ value: {
+ width,
+ height,
+ scale,
+ aspectRatio
+ },
+ onChange: ({
+ width: newWidth,
+ height: newHeight,
+ scale: newScale,
+ aspectRatio: newAspectRatio
+ }) => {
+ // Rebuilding the object forces setting `undefined`
+ // for values that are removed since setAttributes
+ // doesn't do anything with keys that aren't set.
+ setAttributes({
+ // CSS includes `height: auto`, but we need
+ // `width: auto` to fix the aspect ratio when
+ // only height is set due to the width and
+ // height attributes set via the server.
+ width: !newWidth && newHeight ? 'auto' : newWidth,
+ height: newHeight,
+ scale: newScale,
+ aspectRatio: newAspectRatio
+ });
+ },
+ defaultScale: "cover",
+ defaultAspectRatio: "auto",
+ scaleOptions: scaleOptions,
+ unitsOptions: dimensionsUnitsOptions
+ });
+ const resetAll = () => {
+ setAttributes({
+ alt: undefined,
+ width: undefined,
+ height: undefined,
+ scale: undefined,
+ aspectRatio: undefined,
+ lightbox: undefined
+ });
+ };
+ const sizeControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanel, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ resetAll: resetAll,
+ dropdownMenuProps: dropdownMenuProps,
+ children: isResizable && dimensionsControl
+ })
+ });
+ const arePatternOverridesEnabled = metadata?.bindings?.__default?.source === 'core/pattern-overrides';
+ const {
+ lockUrlControls = false,
+ lockHrefControls = false,
+ lockAltControls = false,
+ lockAltControlsMessage,
+ lockTitleControls = false,
+ lockTitleControlsMessage,
+ lockCaption = false
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ if (!isSingleSelected) {
+ return {};
+ }
+ const {
+ getBlockBindingsSource
+ } = unlock(select(external_wp_blocks_namespaceObject.store));
+ const {
+ url: urlBinding,
+ alt: altBinding,
+ title: titleBinding
+ } = metadata?.bindings || {};
+ const hasParentPattern = !!context['pattern/overrides'];
+ const urlBindingSource = getBlockBindingsSource(urlBinding?.source);
+ const altBindingSource = getBlockBindingsSource(altBinding?.source);
+ const titleBindingSource = getBlockBindingsSource(titleBinding?.source);
+ return {
+ lockUrlControls: !!urlBinding && !urlBindingSource?.canUserEditValue({
+ select,
+ context,
+ args: urlBinding?.args
+ }),
+ lockHrefControls:
+ // Disable editing the link of the URL if the image is inside a pattern instance.
+ // This is a temporary solution until we support overriding the link on the frontend.
+ hasParentPattern || arePatternOverridesEnabled,
+ lockCaption:
+ // Disable editing the caption if the image is inside a pattern instance.
+ // This is a temporary solution until we support overriding the caption on the frontend.
+ hasParentPattern,
+ lockAltControls: !!altBinding && !altBindingSource?.canUserEditValue({
+ select,
+ context,
+ args: altBinding?.args
+ }),
+ lockAltControlsMessage: altBindingSource?.label ? (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: Label of the bindings source. */
+ (0,external_wp_i18n_namespaceObject.__)('Connected to %s'), altBindingSource.label) : (0,external_wp_i18n_namespaceObject.__)('Connected to dynamic data'),
+ lockTitleControls: !!titleBinding && !titleBindingSource?.canUserEditValue({
+ select,
+ context,
+ args: titleBinding?.args
+ }),
+ lockTitleControlsMessage: titleBindingSource?.label ? (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: Label of the bindings source. */
+ (0,external_wp_i18n_namespaceObject.__)('Connected to %s'), titleBindingSource.label) : (0,external_wp_i18n_namespaceObject.__)('Connected to dynamic data')
+ };
+ }, [arePatternOverridesEnabled, context, isSingleSelected, metadata?.bindings]);
+ const showUrlInput = isSingleSelected && !isEditingImage && !lockHrefControls && !lockUrlControls;
+ const showCoverControls = isSingleSelected && canInsertCover;
+ const showBlockControls = showUrlInput || allowCrop || showCoverControls;
+ const controls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [showBlockControls && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: [showUrlInput && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalImageURLInputUI, {
+ url: href || '',
+ onChangeUrl: onSetHref,
+ linkDestination: linkDestination,
+ mediaUrl: image && image.source_url || url,
+ mediaLink: image && image.link,
+ linkTarget: linkTarget,
+ linkClass: linkClass,
+ rel: rel,
+ showLightboxSetting: showLightboxSetting,
+ lightboxEnabled: lightboxChecked,
+ onSetLightbox: onSetLightbox,
+ resetLightbox: resetLightbox
+ }), allowCrop && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ onClick: () => setIsEditingImage(true),
+ icon: library_crop,
+ label: (0,external_wp_i18n_namespaceObject.__)('Crop')
+ }), showCoverControls && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ icon: overlay_text,
+ label: (0,external_wp_i18n_namespaceObject.__)('Add text over image'),
+ onClick: switchToCover
+ })]
+ }), isSingleSelected && !isEditingImage && !lockUrlControls && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
+ mediaId: id,
+ mediaURL: url,
+ allowedTypes: constants_ALLOWED_MEDIA_TYPES,
+ accept: "image/*",
+ onSelect: onSelectImage,
+ onSelectURL: onSelectURL,
+ onError: onUploadError
+ })
+ }), isSingleSelected && externalBlob && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ onClick: uploadExternal,
+ icon: library_upload,
+ label: (0,external_wp_i18n_namespaceObject.__)('Upload to Media Library')
+ })
+ })
+ }), isContentOnlyMode &&
+ /*#__PURE__*/
+ // Add some extra controls for content attributes when content only mode is active.
+ // With content only mode active, the inspector is hidden, so users need another way
+ // to edit these attributes.
+ (0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Dropdown, {
+ popoverProps: {
+ position: 'bottom right'
+ },
+ renderToggle: ({
+ isOpen,
+ onToggle
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ onClick: onToggle,
+ "aria-haspopup": "true",
+ "aria-expanded": isOpen,
+ onKeyDown: event => {
+ if (!isOpen && event.keyCode === external_wp_keycodes_namespaceObject.DOWN) {
+ event.preventDefault();
+ onToggle();
+ }
+ },
+ children: (0,external_wp_i18n_namespaceObject._x)('Alt', 'Alternative text for an image. Block toolbar label, a low character count is preferred.')
+ }),
+ renderContent: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextareaControl, {
+ className: "wp-block-image__toolbar_content_textarea",
+ label: (0,external_wp_i18n_namespaceObject.__)('Alternative text'),
+ value: alt || '',
+ onChange: updateAlt,
+ disabled: lockAltControls,
+ help: lockAltControls ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: lockAltControlsMessage
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ExternalLink, {
+ href:
+ // translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.
+ (0,external_wp_i18n_namespaceObject.__)('https://www.w3.org/WAI/tutorials/images/decision-tree/'),
+ children: (0,external_wp_i18n_namespaceObject.__)('Describe the purpose of the image.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("br", {}), (0,external_wp_i18n_namespaceObject.__)('Leave empty if decorative.')]
+ }),
+ __nextHasNoMarginBottom: true
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Dropdown, {
+ popoverProps: {
+ position: 'bottom right'
+ },
+ renderToggle: ({
+ isOpen,
+ onToggle
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ onClick: onToggle,
+ "aria-haspopup": "true",
+ "aria-expanded": isOpen,
+ onKeyDown: event => {
+ if (!isOpen && event.keyCode === external_wp_keycodes_namespaceObject.DOWN) {
+ event.preventDefault();
+ onToggle();
+ }
+ },
+ children: (0,external_wp_i18n_namespaceObject.__)('Title')
+ }),
+ renderContent: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ className: "wp-block-image__toolbar_content_textarea",
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Title attribute'),
+ value: title || '',
+ onChange: onSetTitle,
+ disabled: lockTitleControls,
+ help: lockTitleControls ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: lockTitleControlsMessage
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [(0,external_wp_i18n_namespaceObject.__)('Describe the role of this image on the page.'), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ExternalLink, {
+ href: "https://www.w3.org/TR/html52/dom.html#the-title-attribute",
+ children: (0,external_wp_i18n_namespaceObject.__)('(Note: many devices and browsers do not display this text.)')
+ })]
+ })
+ })
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalToolsPanel, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ resetAll: resetAll,
+ dropdownMenuProps: dropdownMenuProps,
+ children: [isSingleSelected && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Alternative text'),
+ isShownByDefault: true,
+ hasValue: () => !!alt,
+ onDeselect: () => setAttributes({
+ alt: undefined
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextareaControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Alternative text'),
+ value: alt || '',
+ onChange: updateAlt,
+ readOnly: lockAltControls,
+ help: lockAltControls ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: lockAltControlsMessage
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ExternalLink, {
+ href:
+ // translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.
+ (0,external_wp_i18n_namespaceObject.__)('https://www.w3.org/WAI/tutorials/images/decision-tree/'),
+ children: (0,external_wp_i18n_namespaceObject.__)('Describe the purpose of the image.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("br", {}), (0,external_wp_i18n_namespaceObject.__)('Leave empty if decorative.')]
+ }),
+ __nextHasNoMarginBottom: true
+ })
+ }), isResizable && dimensionsControl, !!imageSizeOptions.length && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResolutionTool, {
+ value: sizeSlug,
+ onChange: updateImage,
+ options: imageSizeOptions
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Title attribute'),
+ value: title || '',
+ onChange: onSetTitle,
+ readOnly: lockTitleControls,
+ help: lockTitleControls ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: lockTitleControlsMessage
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [(0,external_wp_i18n_namespaceObject.__)('Describe the role of this image on the page.'), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ExternalLink, {
+ href: "https://www.w3.org/TR/html52/dom.html#the-title-attribute",
+ children: (0,external_wp_i18n_namespaceObject.__)('(Note: many devices and browsers do not display this text.)')
+ })]
+ })
+ })
+ })]
+ });
const filename = (0,external_wp_url_namespaceObject.getFilename)(url);
let defaultedAlt;
-
if (alt) {
defaultedAlt = alt;
} else if (filename) {
- defaultedAlt = (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: file name */
+ defaultedAlt = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: file name */
(0,external_wp_i18n_namespaceObject.__)('This image has an empty alt attribute; its file name is %s'), filename);
} else {
defaultedAlt = (0,external_wp_i18n_namespaceObject.__)('This image has an empty alt attribute');
}
-
- let img = // Disable reason: Image itself is not meant to be interactive, but
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseBorderProps)(attributes);
+ const shadowProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetShadowClassesAndStyles)(attributes);
+ const isRounded = attributes.className?.includes('is-style-rounded');
+ let img =
+ /*#__PURE__*/
+ // Disable reason: Image itself is not meant to be interactive, but
// should direct focus to block.
-
/* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */
- (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("img", {
- src: temporaryURL || url,
- alt: defaultedAlt,
- onError: () => onImageError(),
- onLoad: event => {
- var _event$target, _event$target2;
-
- setLoadedNaturalSize({
- loadedNaturalWidth: (_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.naturalWidth,
- loadedNaturalHeight: (_event$target2 = event.target) === null || _event$target2 === void 0 ? void 0 : _event$target2.naturalHeight
- });
- },
- ref: imageRef
- }), temporaryURL && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null))
- /* eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */
- ;
- let imageWidthWithinContainer;
- let imageHeightWithinContainer;
-
- if (clientWidth && naturalWidth && naturalHeight) {
- const exceedMaxWidth = naturalWidth > clientWidth;
- const ratio = naturalHeight / naturalWidth;
- imageWidthWithinContainer = exceedMaxWidth ? clientWidth : naturalWidth;
- imageHeightWithinContainer = exceedMaxWidth ? clientWidth * ratio : naturalHeight;
- }
-
+ (0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: temporaryURL || url,
+ alt: defaultedAlt,
+ onError: () => onImageError(),
+ onLoad: event => {
+ setLoadedNaturalSize({
+ loadedNaturalWidth: event.target?.naturalWidth,
+ loadedNaturalHeight: event.target?.naturalHeight
+ });
+ },
+ ref: imageRef,
+ className: borderProps.className,
+ style: {
+ width: width && height || aspectRatio ? '100%' : undefined,
+ height: width && height || aspectRatio ? '100%' : undefined,
+ objectFit: scale,
+ ...borderProps.style,
+ ...shadowProps.style
+ }
+ }), temporaryURL && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {})]
+ })
+ /* eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */;
if (canEditImage && isEditingImage) {
- img = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalImageEditor, {
- url: url,
- width: width,
- height: height,
- clientWidth: clientWidth,
- naturalHeight: naturalHeight,
- naturalWidth: naturalWidth
- });
- } else if (!isResizable || !imageWidthWithinContainer) {
- img = (0,external_wp_element_namespaceObject.createElement)("div", {
+ img = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ImageWrapper, {
+ href: href,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalImageEditor, {
+ id: id,
+ url: url,
+ width: numericWidth,
+ height: numericHeight,
+ naturalHeight: naturalHeight,
+ naturalWidth: naturalWidth,
+ onSaveImage: imageAttributes => setAttributes(imageAttributes),
+ onFinishEditing: () => {
+ setIsEditingImage(false);
+ },
+ borderProps: isRounded ? undefined : borderProps
+ })
+ });
+ } else if (!isResizable) {
+ img = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
style: {
width,
- height
- }
- }, img);
+ height,
+ aspectRatio
+ },
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ImageWrapper, {
+ href: href,
+ children: img
+ })
+ });
} else {
- const currentWidth = width || imageWidthWithinContainer;
- const currentHeight = height || imageHeightWithinContainer;
- const ratio = naturalWidth / naturalHeight;
- const minWidth = naturalWidth < naturalHeight ? MIN_SIZE : MIN_SIZE * ratio;
- const minHeight = naturalHeight < naturalWidth ? MIN_SIZE : MIN_SIZE / ratio; // With the current implementation of ResizableBox, an image needs an
+ const numericRatio = aspectRatio && evalAspectRatio(aspectRatio);
+ const customRatio = numericWidth / numericHeight;
+ const naturalRatio = naturalWidth / naturalHeight;
+ const ratio = numericRatio || customRatio || naturalRatio || 1;
+ const currentWidth = !numericWidth && numericHeight ? numericHeight * ratio : numericWidth;
+ const currentHeight = !numericHeight && numericWidth ? numericWidth / ratio : numericHeight;
+ const minWidth = naturalWidth < naturalHeight ? constants_MIN_SIZE : constants_MIN_SIZE * ratio;
+ const minHeight = naturalHeight < naturalWidth ? constants_MIN_SIZE : constants_MIN_SIZE / ratio;
+
+ // With the current implementation of ResizableBox, an image needs an
// explicit pixel value for the max-width. In absence of being able to
// set the content-width, this max-width is currently dictated by the
// vanilla editor style. The following variable adds a buffer to this
@@ -20427,13 +27070,12 @@
// main column, though not infinitely.
// @todo It would be good to revisit this once a content-width variable
// becomes available.
-
const maxWidthBuffer = maxWidth * 2.5;
let showRightHandle = false;
let showLeftHandle = false;
+
/* eslint-disable no-lonely-if */
// See https://github.com/WordPress/gutenberg/issues/7584.
-
if (align === 'center') {
// When the image is centered, show both handles.
showRightHandle = true;
@@ -20457,19 +27099,22 @@
}
}
/* eslint-enable no-lonely-if */
-
-
- img = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ResizableBox, {
+ img = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ResizableBox, {
+ style: {
+ display: 'block',
+ objectFit: scale,
+ aspectRatio: !width && !height && aspectRatio ? aspectRatio : undefined
+ },
size: {
- width: width !== null && width !== void 0 ? width : 'auto',
- height: height !== null && height !== void 0 ? height : 'auto'
- },
- showHandle: isSelected,
+ width: currentWidth !== null && currentWidth !== void 0 ? currentWidth : 'auto',
+ height: currentHeight !== null && currentHeight !== void 0 ? currentHeight : 'auto'
+ },
+ showHandle: isSingleSelected,
minWidth: minWidth,
maxWidth: maxWidthBuffer,
minHeight: minHeight,
maxHeight: maxWidthBuffer / ratio,
- lockAspectRatio: true,
+ lockAspectRatio: ratio,
enable: {
top: false,
right: showRightHandle,
@@ -20477,63 +27122,66 @@
left: showLeftHandle
},
onResizeStart: onResizeStart,
- onResizeStop: (event, direction, elt, delta) => {
+ onResizeStop: (event, direction, elt) => {
onResizeStop();
+ // Since the aspect ratio is locked when resizing, we can
+ // use the width of the resized element to calculate the
+ // height in CSS to prevent stretching when the max-width
+ // is reached.
setAttributes({
- width: parseInt(currentWidth + delta.width, 10),
- height: parseInt(currentHeight + delta.height, 10)
- });
- }
- }, img);
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalImageEditingProvider, {
- id: id,
- url: url,
- naturalWidth: naturalWidth,
- naturalHeight: naturalHeight,
- clientWidth: clientWidth,
- onSaveImage: imageAttributes => setAttributes(imageAttributes),
- isEditing: isEditingImage,
- onFinishEditing: () => setIsEditingImage(false)
- }, !temporaryURL && controls, img, (!external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) || isSelected) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- ref: captionRef,
- tagName: "figcaption",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Image caption text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Add caption'),
- value: caption,
- onChange: value => setAttributes({
- caption: value
- }),
- inlineToolbar: true,
- __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph'))
- }));
+ width: `${elt.offsetWidth}px`,
+ height: 'auto',
+ aspectRatio: ratio === naturalRatio ? undefined : String(ratio)
+ });
+ },
+ resizeRatio: align === 'center' ? 2 : 1,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ImageWrapper, {
+ href: href,
+ children: img
+ })
+ });
+ }
+ if (!url && !temporaryURL) {
+ // Add all controls if the image attributes are connected.
+ return metadata?.bindings ? controls : sizeControls;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [controls, img, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Caption, {
+ attributes: attributes,
+ setAttributes: setAttributes,
+ isSelected: isSingleSelected,
+ insertBlocksAfter: insertBlocksAfter,
+ label: (0,external_wp_i18n_namespaceObject.__)('Image caption text'),
+ showToolbarButton: isSingleSelected && hasNonContentControls && !arePatternOverridesEnabled,
+ readOnly: lockCaption
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/image/edit.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-/* global wp */
-
-/**
- * Internal dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
/**
@@ -20541,11 +27189,13 @@
*/
+
const edit_pickRelevantMediaFiles = (image, size) => {
- const imageProps = (0,external_lodash_namespaceObject.pick)(image, ['alt', 'id', 'link', 'caption']);
- imageProps.url = (0,external_lodash_namespaceObject.get)(image, ['sizes', size, 'url']) || (0,external_lodash_namespaceObject.get)(image, ['media_details', 'sizes', size, 'source_url']) || image.url;
+ const imageProps = Object.fromEntries(Object.entries(image !== null && image !== void 0 ? image : {}).filter(([key]) => ['alt', 'id', 'link', 'caption'].includes(key)));
+ imageProps.url = image?.sizes?.[size]?.url || image?.media_details?.sizes?.[size]?.source_url || image.url;
return imageProps;
};
+
/**
* Is the URL a temporary blob URL? A blob URL is one that is used temporarily
* while the image is being uploaded and will not have an id yet allocated.
@@ -20555,8 +27205,8 @@
*
* @return {boolean} Is the URL a Blob URL
*/
-
const edit_isTemporaryImage = (id, url) => !id && (0,external_wp_blob_namespaceObject.isBlobURL)(url);
+
/**
* Is the url for the image hosted externally. An externally hosted image has no
* id and is not a blob url.
@@ -20566,47 +27216,48 @@
*
* @return {boolean} Is the url an externally hosted url?
*/
-
-
const isExternalImage = (id, url) => url && !id && !(0,external_wp_blob_namespaceObject.isBlobURL)(url);
-/**
- * Checks if WP generated default image size. Size generation is skipped
+
+/**
+ * Checks if WP generated the specified image size. Size generation is skipped
* when the image is smaller than the said size.
*
* @param {Object} image
- * @param {string} defaultSize
+ * @param {string} size
*
* @return {boolean} Whether or not it has default image size.
*/
-
-function hasDefaultSize(image, defaultSize) {
- return (0,external_lodash_namespaceObject.has)(image, ['sizes', defaultSize, 'url']) || (0,external_lodash_namespaceObject.has)(image, ['media_details', 'sizes', defaultSize, 'source_url']);
-}
-
-function ImageEdit(_ref) {
- let {
- attributes,
- setAttributes,
- isSelected,
- className,
- noticeUI,
- insertBlocksAfter,
- noticeOperations,
- onReplace,
- context,
- clientId
- } = _ref;
+function hasSize(image, size) {
+ var _image$sizes$size, _image$media_details$;
+ return 'url' in ((_image$sizes$size = image?.sizes?.[size]) !== null && _image$sizes$size !== void 0 ? _image$sizes$size : {}) || 'source_url' in ((_image$media_details$ = image?.media_details?.sizes?.[size]) !== null && _image$media_details$ !== void 0 ? _image$media_details$ : {});
+}
+function ImageEdit({
+ attributes,
+ setAttributes,
+ isSelected: isSingleSelected,
+ className,
+ insertBlocksAfter,
+ onReplace,
+ context,
+ clientId,
+ __unstableParentLayout: parentLayout
+}) {
const {
url = '',
alt,
caption,
- align,
id,
width,
height,
- sizeSlug
- } = attributes;
- const [temporaryURL, setTemporaryURL] = (0,external_wp_element_namespaceObject.useState)();
+ sizeSlug,
+ aspectRatio,
+ scale,
+ align,
+ metadata
+ } = attributes;
+ const [temporaryURL, setTemporaryURL] = (0,external_wp_element_namespaceObject.useState)(() => {
+ return edit_isTemporaryImage(id, url) ? url : undefined;
+ });
const altRef = (0,external_wp_element_namespaceObject.useRef)();
(0,external_wp_element_namespaceObject.useEffect)(() => {
altRef.current = alt;
@@ -20615,20 +27266,31 @@
(0,external_wp_element_namespaceObject.useEffect)(() => {
captionRef.current = caption;
}, [caption]);
- const ref = (0,external_wp_element_namespaceObject.useRef)();
- const {
- imageDefaultSize,
- mediaUpload
- } = (0,external_wp_data_namespaceObject.useSelect)(select => {
- const {
- getSettings
- } = select(external_wp_blockEditor_namespaceObject.store);
- return (0,external_lodash_namespaceObject.pick)(getSettings(), ['imageDefaultSize', 'mediaUpload']);
- }, []);
-
+ const {
+ __unstableMarkNextChangeAsNotPersistent
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (['wide', 'full'].includes(align)) {
+ __unstableMarkNextChangeAsNotPersistent();
+ setAttributes({
+ width: undefined,
+ height: undefined,
+ aspectRatio: undefined,
+ scale: undefined
+ });
+ }
+ }, [__unstableMarkNextChangeAsNotPersistent, align, setAttributes]);
+ const {
+ getSettings
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ const blockEditingMode = (0,external_wp_blockEditor_namespaceObject.useBlockEditingMode)();
+ const {
+ createErrorNotice
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
function onUploadError(message) {
- noticeOperations.removeAllNotices();
- noticeOperations.createErrorNotice(message);
+ createErrorNotice(message, {
+ type: 'snackbar'
+ });
setAttributes({
src: undefined,
id: undefined,
@@ -20636,10 +27298,7 @@
});
setTemporaryURL(undefined);
}
-
function onSelectImage(media) {
- var _wp, _wp$media, _wp$media$view, _wp$media$view$settin, _wp$media$view$settin2;
-
if (!media || !media.url) {
setAttributes({
url: undefined,
@@ -20650,214 +27309,219 @@
});
return;
}
-
if ((0,external_wp_blob_namespaceObject.isBlobURL)(media.url)) {
setTemporaryURL(media.url);
return;
}
-
setTemporaryURL();
- let mediaAttributes = edit_pickRelevantMediaFiles(media, imageDefaultSize); // If a caption text was meanwhile written by the user,
+ const {
+ imageDefaultSize
+ } = getSettings();
+
+ // Try to use the previous selected image size if its available
+ // otherwise try the default image size or fallback to "full"
+ let newSize = 'full';
+ if (sizeSlug && hasSize(media, sizeSlug)) {
+ newSize = sizeSlug;
+ } else if (hasSize(media, imageDefaultSize)) {
+ newSize = imageDefaultSize;
+ }
+ let mediaAttributes = edit_pickRelevantMediaFiles(media, newSize);
+
+ // If a caption text was meanwhile written by the user,
// make sure the text is not overwritten by empty captions.
-
- if (captionRef.current && !(0,external_lodash_namespaceObject.get)(mediaAttributes, ['caption'])) {
- mediaAttributes = (0,external_lodash_namespaceObject.omit)(mediaAttributes, ['caption']);
- }
-
- let additionalAttributes; // Reset the dimension attributes if changing to a different image.
-
+ if (captionRef.current && !mediaAttributes.caption) {
+ const {
+ caption: omittedCaption,
+ ...restMediaAttributes
+ } = mediaAttributes;
+ mediaAttributes = restMediaAttributes;
+ }
+ let additionalAttributes;
+ // Reset the dimension attributes if changing to a different image.
if (!media.id || media.id !== id) {
additionalAttributes = {
- width: undefined,
- height: undefined,
- // Fallback to size "full" if there's no default image size.
- // It means the image is smaller, and the block will use a full-size URL.
- sizeSlug: hasDefaultSize(media, imageDefaultSize) ? imageDefaultSize : 'full'
+ sizeSlug: newSize
};
} else {
- // Keep the same url when selecting the same file, so "Image Size"
+ // Keep the same url when selecting the same file, so "Resolution"
// option is not changed.
additionalAttributes = {
url
};
- } // Check if default link setting should be used.
-
-
+ }
+
+ // Check if default link setting should be used.
let linkDestination = attributes.linkDestination;
-
if (!linkDestination) {
// Use the WordPress option to determine the proper default.
// The constants used in Gutenberg do not match WP options so a little more complicated than ideal.
// TODO: fix this in a follow up PR, requires updating media-text and ui component.
- switch (((_wp = wp) === null || _wp === void 0 ? void 0 : (_wp$media = _wp.media) === null || _wp$media === void 0 ? void 0 : (_wp$media$view = _wp$media.view) === null || _wp$media$view === void 0 ? void 0 : (_wp$media$view$settin = _wp$media$view.settings) === null || _wp$media$view$settin === void 0 ? void 0 : (_wp$media$view$settin2 = _wp$media$view$settin.defaultProps) === null || _wp$media$view$settin2 === void 0 ? void 0 : _wp$media$view$settin2.link) || constants_LINK_DESTINATION_NONE) {
+ switch (window?.wp?.media?.view?.settings?.defaultProps?.link || constants_LINK_DESTINATION_NONE) {
case 'file':
case constants_LINK_DESTINATION_MEDIA:
linkDestination = constants_LINK_DESTINATION_MEDIA;
break;
-
case 'post':
case constants_LINK_DESTINATION_ATTACHMENT:
linkDestination = constants_LINK_DESTINATION_ATTACHMENT;
break;
-
case LINK_DESTINATION_CUSTOM:
linkDestination = LINK_DESTINATION_CUSTOM;
break;
-
case constants_LINK_DESTINATION_NONE:
linkDestination = constants_LINK_DESTINATION_NONE;
break;
}
- } // Check if the image is linked to it's media.
-
-
+ }
+
+ // Check if the image is linked to it's media.
let href;
-
switch (linkDestination) {
case constants_LINK_DESTINATION_MEDIA:
href = media.url;
break;
-
case constants_LINK_DESTINATION_ATTACHMENT:
href = media.link;
break;
}
-
mediaAttributes.href = href;
- setAttributes({ ...mediaAttributes,
+ setAttributes({
+ ...mediaAttributes,
...additionalAttributes,
linkDestination
});
}
-
function onSelectURL(newURL) {
if (newURL !== url) {
setAttributes({
url: newURL,
id: undefined,
- width: undefined,
- height: undefined,
- sizeSlug: imageDefaultSize
- });
- }
- }
-
- function updateAlignment(nextAlign) {
- const extraUpdatedAttributes = ['wide', 'full'].includes(nextAlign) ? {
- width: undefined,
- height: undefined
- } : {};
- setAttributes({ ...extraUpdatedAttributes,
- align: nextAlign
- });
- }
-
- let isTemp = edit_isTemporaryImage(id, url); // Upload a temporary image on mount.
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (!isTemp) {
- return;
- }
-
- const file = (0,external_wp_blob_namespaceObject.getBlobByURL)(url);
-
- if (file) {
- mediaUpload({
- filesList: [file],
- onFileChange: _ref2 => {
- let [img] = _ref2;
- onSelectImage(img);
- },
- allowedTypes: constants_ALLOWED_MEDIA_TYPES,
- onError: message => {
- isTemp = false;
- onUploadError(message);
- }
- });
- }
- }, []); // If an image is temporary, revoke the Blob url when it is uploaded (and is
- // no longer temporary).
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (isTemp) {
- setTemporaryURL(url);
- return;
- }
-
- (0,external_wp_blob_namespaceObject.revokeBlobURL)(temporaryURL);
- }, [isTemp, url]);
+ sizeSlug: getSettings().imageDefaultSize
+ });
+ }
+ }
+ useUploadMediaFromBlobURL({
+ url,
+ allowedTypes: constants_ALLOWED_MEDIA_TYPES,
+ onChange: onSelectImage,
+ onError: onUploadError
+ });
const isExternal = isExternalImage(id, url);
const src = isExternal ? url : undefined;
- const mediaPreview = !!url && (0,external_wp_element_namespaceObject.createElement)("img", {
+ const mediaPreview = !!url && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
alt: (0,external_wp_i18n_namespaceObject.__)('Edit image'),
title: (0,external_wp_i18n_namespaceObject.__)('Edit image'),
- className: 'edit-image-preview',
+ className: "edit-image-preview",
src: url
});
- const classes = classnames_default()(className, {
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseBorderProps)(attributes);
+ const shadowProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetShadowClassesAndStyles)(attributes);
+ const classes = dist_clsx(className, {
'is-transient': temporaryURL,
'is-resized': !!width || !!height,
- [`size-${sizeSlug}`]: sizeSlug
+ [`size-${sizeSlug}`]: sizeSlug,
+ 'has-custom-border': !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
});
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- ref,
className: classes
});
- return (0,external_wp_element_namespaceObject.createElement)("figure", blockProps, (temporaryURL || url) && (0,external_wp_element_namespaceObject.createElement)(Image, {
- temporaryURL: temporaryURL,
- attributes: attributes,
- setAttributes: setAttributes,
- isSelected: isSelected,
- insertBlocksAfter: insertBlocksAfter,
- onReplace: onReplace,
- onSelectImage: onSelectImage,
- onSelectURL: onSelectURL,
- onUploadError: onUploadError,
- containerRef: ref,
- context: context,
- clientId: clientId
- }), !url && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockAlignmentControl, {
- value: align,
- onChange: updateAlignment
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockIcon, {
- icon: library_image
- }),
- onSelect: onSelectImage,
- onSelectURL: onSelectURL,
- notices: noticeUI,
- onError: onUploadError,
- accept: "image/*",
- allowedTypes: constants_ALLOWED_MEDIA_TYPES,
- value: {
- id,
- src
- },
- mediaPreview: mediaPreview,
- disableMediaButtons: temporaryURL || url
- }));
-}
-/* harmony default export */ var image_edit = ((0,external_wp_components_namespaceObject.withNotices)(ImageEdit));
+
+ // Much of this description is duplicated from MediaPlaceholder.
+ const {
+ lockUrlControls = false,
+ lockUrlControlsMessage
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ if (!isSingleSelected) {
+ return {};
+ }
+ const blockBindingsSource = unlock(select(external_wp_blocks_namespaceObject.store)).getBlockBindingsSource(metadata?.bindings?.url?.source);
+ return {
+ lockUrlControls: !!metadata?.bindings?.url && !blockBindingsSource?.canUserEditValue({
+ select,
+ context,
+ args: metadata?.bindings?.url?.args
+ }),
+ lockUrlControlsMessage: blockBindingsSource?.label ? (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: Label of the bindings source. */
+ (0,external_wp_i18n_namespaceObject.__)('Connected to %s'), blockBindingsSource.label) : (0,external_wp_i18n_namespaceObject.__)('Connected to dynamic data')
+ };
+ }, [isSingleSelected, metadata?.bindings?.url]);
+ const placeholder = content => {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ className: dist_clsx('block-editor-media-placeholder', {
+ [borderProps.className]: !!borderProps.className && !isSingleSelected
+ }),
+ withIllustration: true,
+ icon: lockUrlControls ? library_plugins : library_image,
+ label: (0,external_wp_i18n_namespaceObject.__)('Image'),
+ instructions: !lockUrlControls && (0,external_wp_i18n_namespaceObject.__)('Upload an image file, pick one from your media library, or add one with a URL.'),
+ style: {
+ aspectRatio: !(width && height) && aspectRatio ? aspectRatio : undefined,
+ width: height && aspectRatio ? '100%' : width,
+ height: width && aspectRatio ? '100%' : height,
+ objectFit: scale,
+ ...borderProps.style,
+ ...shadowProps.style
+ },
+ children: lockUrlControls ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: "block-bindings-media-placeholder-message",
+ children: lockUrlControlsMessage
+ }) : content
+ });
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...blockProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(image_Image, {
+ temporaryURL: temporaryURL,
+ attributes: attributes,
+ setAttributes: setAttributes,
+ isSingleSelected: isSingleSelected,
+ insertBlocksAfter: insertBlocksAfter,
+ onReplace: onReplace,
+ onSelectImage: onSelectImage,
+ onSelectURL: onSelectURL,
+ onUploadError: onUploadError,
+ context: context,
+ clientId: clientId,
+ blockEditingMode: blockEditingMode,
+ parentLayoutType: parentLayout?.type
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+ icon: library_image
+ }),
+ onSelect: onSelectImage,
+ onSelectURL: onSelectURL,
+ onError: onUploadError,
+ placeholder: placeholder,
+ accept: "image/*",
+ allowedTypes: constants_ALLOWED_MEDIA_TYPES,
+ value: {
+ id,
+ src
+ },
+ mediaPreview: mediaPreview,
+ disableMediaButtons: temporaryURL || url
+ })]
+ });
+}
+/* harmony default export */ const image_edit = (ImageEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/image/save.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-function image_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+function image_save_save({
+ attributes
+}) {
const {
url,
alt,
@@ -20868,74 +27532,89 @@
linkClass,
width,
height,
+ aspectRatio,
+ scale,
id,
linkTarget,
sizeSlug,
title
} = attributes;
- const newRel = (0,external_lodash_namespaceObject.isEmpty)(rel) ? undefined : rel;
- const classes = classnames_default()({
- [`align${align}`]: align,
+ const newRel = !rel ? undefined : rel;
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetBorderClassesAndStyles)(attributes);
+ const shadowProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetShadowClassesAndStyles)(attributes);
+ const classes = dist_clsx({
+ // All other align classes are handled by block supports.
+ // `{ align: 'none' }` is unique to transforms for the image block.
+ alignnone: 'none' === align,
[`size-${sizeSlug}`]: sizeSlug,
- 'is-resized': width || height
- });
- const image = (0,external_wp_element_namespaceObject.createElement)("img", {
+ 'is-resized': width || height,
+ 'has-custom-border': !!borderProps.className || borderProps.style && Object.keys(borderProps.style).length > 0
+ });
+ const imageClasses = dist_clsx(borderProps.className, {
+ [`wp-image-${id}`]: !!id
+ });
+ const image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
src: url,
alt: alt,
- className: id ? `wp-image-${id}` : null,
- width: width,
- height: height,
+ className: imageClasses || undefined,
+ style: {
+ ...borderProps.style,
+ ...shadowProps.style,
+ aspectRatio,
+ objectFit: scale,
+ width,
+ height
+ },
title: title
});
- const figure = (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, href ? (0,external_wp_element_namespaceObject.createElement)("a", {
- className: linkClass,
- href: href,
- target: linkTarget,
- rel: newRel
- }, image) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: caption
- }));
- return (0,external_wp_element_namespaceObject.createElement)("figure", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: classes
- }), figure);
+ const figure = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [href ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: linkClass,
+ href: href,
+ target: linkTarget,
+ rel: newRel,
+ children: image
+ }) : image, !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ className: (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption'),
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: classes
+ }),
+ children: figure
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/image/transforms.js
/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-function stripFirstImage(attributes, _ref) {
- let {
- shortcode
- } = _ref;
+ * WordPress dependencies
+ */
+
+
+
+
+
+function stripFirstImage(attributes, {
+ shortcode
+}) {
const {
body
} = document.implementation.createHTMLDocument('');
body.innerHTML = shortcode.content;
- let nodeToRemove = body.querySelector('img'); // If an image has parents, find the topmost node to remove.
-
+ let nodeToRemove = body.querySelector('img');
+
+ // If an image has parents, find the topmost node to remove.
while (nodeToRemove && nodeToRemove.parentNode && nodeToRemove.parentNode !== body) {
nodeToRemove = nodeToRemove.parentNode;
}
-
if (nodeToRemove) {
nodeToRemove.parentNode.removeChild(nodeToRemove);
}
-
return body.innerHTML.trim();
}
-
function getFirstAnchorAttributeFormHTML(html, attributeName) {
const {
body
@@ -20944,39 +27623,33 @@
const {
firstElementChild
} = body;
-
if (firstElementChild && firstElementChild.nodeName === 'A') {
return firstElementChild.getAttribute(attributeName) || undefined;
}
}
-
const imageSchema = {
img: {
attributes: ['src', 'alt', 'title'],
classes: ['alignleft', 'aligncenter', 'alignright', 'alignnone', /^wp-image-\d+$/]
}
};
-
-const schema = _ref2 => {
- let {
- phrasingContentSchema
- } = _ref2;
- return {
- figure: {
- require: ['img'],
- children: { ...imageSchema,
- a: {
- attributes: ['href', 'rel', 'target'],
- children: imageSchema
- },
- figcaption: {
- children: phrasingContentSchema
- }
- }
- }
- };
-};
-
+const schema = ({
+ phrasingContentSchema
+}) => ({
+ figure: {
+ require: ['img'],
+ children: {
+ ...imageSchema,
+ a: {
+ attributes: ['href', 'rel', 'target'],
+ children: imageSchema
+ },
+ figcaption: {
+ children: phrasingContentSchema
+ }
+ }
+ }
+});
const image_transforms_transforms = {
from: [{
type: 'raw',
@@ -21012,7 +27685,6 @@
// gallery transform in order to add new images to the gallery instead of
// creating a new gallery.
type: 'files',
-
isMatch(files) {
// The following check is intended to catch non-image files when dropped together with images.
if (files.some(file => file.type.indexOf('image/') === 0) && files.some(file => file.type.indexOf('image/') !== 0)) {
@@ -21020,13 +27692,12 @@
createErrorNotice
} = (0,external_wp_data_namespaceObject.dispatch)(external_wp_notices_namespaceObject.store);
createErrorNotice((0,external_wp_i18n_namespaceObject.__)('If uploading to a gallery all files need to be image formats'), {
- id: 'gallery-transform-invalid-file'
- });
- }
-
- return (0,external_lodash_namespaceObject.every)(files, file => file.type.indexOf('image/') === 0);
- },
-
+ id: 'gallery-transform-invalid-file',
+ type: 'snackbar'
+ });
+ }
+ return files.every(file => file.type.indexOf('image/') === 0);
+ },
transform(files) {
const blocks = files.map(file => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
@@ -21035,7 +27706,6 @@
});
return blocks;
}
-
}, {
type: 'shortcode',
tag: 'caption',
@@ -21056,60 +27726,53 @@
shortcode: stripFirstImage
},
href: {
- shortcode: (attributes, _ref3) => {
- let {
- shortcode
- } = _ref3;
+ shortcode: (attributes, {
+ shortcode
+ }) => {
return getFirstAnchorAttributeFormHTML(shortcode.content, 'href');
}
},
rel: {
- shortcode: (attributes, _ref4) => {
- let {
- shortcode
- } = _ref4;
+ shortcode: (attributes, {
+ shortcode
+ }) => {
return getFirstAnchorAttributeFormHTML(shortcode.content, 'rel');
}
},
linkClass: {
- shortcode: (attributes, _ref5) => {
- let {
- shortcode
- } = _ref5;
+ shortcode: (attributes, {
+ shortcode
+ }) => {
return getFirstAnchorAttributeFormHTML(shortcode.content, 'class');
}
},
id: {
type: 'number',
- shortcode: _ref6 => {
- let {
- named: {
- id
- }
- } = _ref6;
-
+ shortcode: ({
+ named: {
+ id
+ }
+ }) => {
if (!id) {
return;
}
-
return parseInt(id.replace('attachment_', ''), 10);
}
},
align: {
type: 'string',
- shortcode: _ref7 => {
- let {
- named: {
- align = 'alignnone'
- }
- } = _ref7;
+ shortcode: ({
+ named: {
+ align = 'alignnone'
+ }
+ }) => {
return align.replace('align', '');
}
}
}
}]
};
-/* harmony default export */ var image_transforms = (image_transforms_transforms);
+/* harmony default export */ const image_transforms = (image_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/image/index.js
/**
@@ -21117,6 +27780,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -21125,7 +27789,7 @@
const image_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/image",
title: "Image",
category: "media",
@@ -21134,38 +27798,46 @@
keywords: ["img", "photo", "picture"],
textdomain: "default",
attributes: {
- align: {
- type: "string"
- },
url: {
type: "string",
source: "attribute",
selector: "img",
- attribute: "src"
+ attribute: "src",
+ __experimentalRole: "content"
},
alt: {
type: "string",
source: "attribute",
selector: "img",
attribute: "alt",
- "default": ""
+ "default": "",
+ __experimentalRole: "content"
},
caption: {
- type: "string",
- source: "html",
- selector: "figcaption"
+ type: "rich-text",
+ source: "rich-text",
+ selector: "figcaption",
+ __experimentalRole: "content"
+ },
+ lightbox: {
+ type: "object",
+ enabled: {
+ type: "boolean"
+ }
},
title: {
type: "string",
source: "attribute",
selector: "img",
- attribute: "title"
+ attribute: "title",
+ __experimentalRole: "content"
},
href: {
type: "string",
source: "attribute",
selector: "figure > a",
- attribute: "href"
+ attribute: "href",
+ __experimentalRole: "content"
},
rel: {
type: "string",
@@ -21180,13 +27852,20 @@
attribute: "class"
},
id: {
- type: "number"
+ type: "number",
+ __experimentalRole: "content"
},
width: {
- type: "number"
+ type: "string"
},
height: {
- type: "number"
+ type: "string"
+ },
+ aspectRatio: {
+ type: "string"
+ },
+ scale: {
+ type: "string"
},
sizeSlug: {
type: "string"
@@ -21202,17 +27881,36 @@
}
},
supports: {
- anchor: true,
- color: {
- __experimentalDuotone: "img",
+ interactivity: true,
+ align: ["left", "center", "right", "wide", "full"],
+ anchor: true,
+ color: {
text: false,
background: false
},
+ filter: {
+ duotone: true
+ },
__experimentalBorder: {
+ color: true,
radius: true,
- __experimentalDefaultControls: {
- radius: true
- }
+ width: true,
+ __experimentalSkipSerialization: true,
+ __experimentalDefaultControls: {
+ color: true,
+ radius: true,
+ width: true
+ }
+ },
+ shadow: {
+ __experimentalSkipSerialization: true
+ }
+ },
+ selectors: {
+ border: ".wp-block-image img, .wp-block-image .wp-block-image__crop-area, .wp-block-image .components-placeholder",
+ shadow: ".wp-block-image img, .wp-block-image .wp-block-image__crop-area, .wp-block-image .components-placeholder",
+ filter: {
+ duotone: ".wp-block-image img, .wp-block-image .components-placeholder"
}
},
styles: [{
@@ -21242,66 +27940,67 @@
caption: (0,external_wp_i18n_namespaceObject.__)('Mont Blanc appears—still, snowy, and serene.')
}
},
-
- __experimentalLabel(attributes, _ref) {
- let {
- context
- } = _ref;
-
+ __experimentalLabel(attributes, {
+ context
+ }) {
+ const customName = attributes?.metadata?.name;
+ if (context === 'list-view' && customName) {
+ return customName;
+ }
if (context === 'accessibility') {
const {
caption,
alt,
url
} = attributes;
-
if (!url) {
return (0,external_wp_i18n_namespaceObject.__)('Empty');
}
-
if (!alt) {
return caption || '';
- } // This is intended to be read by a screen reader.
+ }
+
+ // This is intended to be read by a screen reader.
// A period simply means a pause, no need to translate it.
-
-
return alt + (caption ? '. ' + caption : '');
}
},
-
getEditWrapperProps(attributes) {
return {
'data-align': attributes.align
};
},
-
transforms: image_transforms,
edit: image_edit,
save: image_save_save,
deprecated: image_deprecated
};
+const image_init = () => initBlock({
+ name: image_name,
+ metadata: image_metadata,
+ settings: image_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/comment.js
-
-
-/**
- * WordPress dependencies
- */
-
-const comment = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18 4H6c-1.1 0-2 .9-2 2v12.9c0 .6.5 1.1 1.1 1.1.3 0 .5-.1.8-.3L8.5 17H18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 11c0 .3-.2.5-.5.5H7.9l-2.4 2.4V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v9z"
-}));
-/* harmony default export */ var library_comment = (comment);
+/**
+ * WordPress dependencies
+ */
+
+
+const comment = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18 4H6c-1.1 0-2 .9-2 2v12.9c0 .6.5 1.1 1.1 1.1.3 0 .5-.1.8-.3L8.5 17H18c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 11c0 .3-.2.5-.5.5H7.9l-2.4 2.4V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v9z"
+ })
+});
+/* harmony default export */ const library_comment = (comment);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/latest-comments/edit.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
@@ -21312,64 +28011,84 @@
* @type {number}
*/
+
const MIN_COMMENTS = 1;
/**
* Maximum number of comments a user can show using this block.
*
* @type {number}
*/
-
const MAX_COMMENTS = 100;
-function LatestComments(_ref) {
- let {
- attributes,
- setAttributes
- } = _ref;
+function LatestComments({
+ attributes,
+ setAttributes
+}) {
const {
commentsToShow,
displayAvatar,
displayDate,
displayExcerpt
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)(), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Latest comments settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Display avatar'),
- checked: displayAvatar,
- onChange: () => setAttributes({
- displayAvatar: !displayAvatar
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Display date'),
- checked: displayDate,
- onChange: () => setAttributes({
- displayDate: !displayDate
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Display excerpt'),
- checked: displayExcerpt,
- onChange: () => setAttributes({
- displayExcerpt: !displayExcerpt
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Number of comments'),
- value: commentsToShow,
- onChange: value => setAttributes({
- commentsToShow: value
- }),
- min: MIN_COMMENTS,
- max: MAX_COMMENTS,
- required: true
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Disabled, null, (0,external_wp_element_namespaceObject.createElement)((external_wp_serverSideRender_default()), {
- block: "core/latest-comments",
- attributes: attributes // The preview uses the site's locale to make it more true to how
- // the block appears on the frontend. Setting the locale
- // explicitly prevents any middleware from setting it to 'user'.
- ,
- urlQueryArgs: {
- _locale: 'site'
- }
- })));
+ const serverSideAttributes = {
+ ...attributes,
+ style: {
+ ...attributes?.style,
+ spacing: undefined
+ }
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)(),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display avatar'),
+ checked: displayAvatar,
+ onChange: () => setAttributes({
+ displayAvatar: !displayAvatar
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display date'),
+ checked: displayDate,
+ onChange: () => setAttributes({
+ displayDate: !displayDate
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display excerpt'),
+ checked: displayExcerpt,
+ onChange: () => setAttributes({
+ displayExcerpt: !displayExcerpt
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Number of comments'),
+ value: commentsToShow,
+ onChange: value => setAttributes({
+ commentsToShow: value
+ }),
+ min: MIN_COMMENTS,
+ max: MAX_COMMENTS,
+ required: true
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Disabled, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)((external_wp_serverSideRender_default()), {
+ block: "core/latest-comments",
+ attributes: serverSideAttributes
+ // The preview uses the site's locale to make it more true to how
+ // the block appears on the frontend. Setting the locale
+ // explicitly prevents any middleware from setting it to 'user'.
+ ,
+ urlQueryArgs: {
+ _locale: 'site'
+ }
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/latest-comments/index.js
@@ -21377,13 +28096,14 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const latest_comments_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/latest-comments",
title: "Latest Comments",
category: "widgets",
@@ -21412,7 +28132,27 @@
},
supports: {
align: true,
- html: false
+ html: false,
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-latest-comments-editor",
style: "wp-block-latest-comments"
@@ -21427,21 +28167,26 @@
example: {},
edit: LatestComments
};
+const latest_comments_init = () => initBlock({
+ name: latest_comments_name,
+ metadata: latest_comments_metadata,
+ settings: latest_comments_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-list.js
-
-
-/**
- * WordPress dependencies
- */
-
-const postList = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v12zM7 11h2V9H7v2zm0 4h2v-2H7v2zm3-4h7V9h-7v2zm0 4h7v-2h-7v2z"
-}));
-/* harmony default export */ var post_list = (postList);
+/**
+ * WordPress dependencies
+ */
+
+
+const postList = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18 5.5H6a.5.5 0 0 0-.5.5v12a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5V6a.5.5 0 0 0-.5-.5ZM6 4h12a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Zm1 5h1.5v1.5H7V9Zm1.5 4.5H7V15h1.5v-1.5ZM10 9h7v1.5h-7V9Zm7 4.5h-7V15h7v-1.5Z"
+ })
+});
+/* harmony default export */ const post_list = (postList);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/latest-posts/deprecated.js
/**
@@ -21449,7 +28194,7 @@
*/
const latest_posts_deprecated_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/latest-posts",
title: "Latest Posts",
category: "widgets",
@@ -21533,7 +28278,36 @@
},
supports: {
align: true,
- html: false
+ html: false,
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true,
+ link: true
+ }
+ },
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-latest-posts-editor",
style: "wp-block-latest-posts"
@@ -21541,8 +28315,9 @@
const {
attributes: deprecated_attributes
} = latest_posts_deprecated_metadata;
-/* harmony default export */ var latest_posts_deprecated = ([{
- attributes: { ...deprecated_attributes,
+/* harmony default export */ const latest_posts_deprecated = ([{
+ attributes: {
+ ...deprecated_attributes,
categories: {
type: 'string'
}
@@ -21553,52 +28328,33 @@
},
migrate: oldAttributes => {
// This needs the full category object, not just the ID.
- return { ...oldAttributes,
+ return {
+ ...oldAttributes,
categories: [{
id: Number(oldAttributes.categories)
}]
};
},
- isEligible: _ref => {
- let {
- categories
- } = _ref;
- return categories && 'string' === typeof categories;
- },
+ isEligible: ({
+ categories
+ }) => categories && 'string' === typeof categories,
save: () => null
}]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/list.js
-
-
-/**
- * WordPress dependencies
- */
-
-const list = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 4v1.5h16V4H4zm8 8.5h8V11h-8v1.5zM4 20h16v-1.5H4V20zm4-8c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z"
-}));
-/* harmony default export */ var library_list = (list);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/grid.js
-
-
-/**
- * WordPress dependencies
- */
-
-const grid = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7.8 16.5H5c-.3 0-.5-.2-.5-.5v-6.2h6.8v6.7zm0-8.3H4.5V5c0-.3.2-.5.5-.5h6.2v6.7zm8.3 7.8c0 .3-.2.5-.5.5h-6.2v-6.8h6.8V19zm0-7.8h-6.8V4.5H19c.3 0 .5.2.5.5v6.2z",
- fillRule: "evenodd",
- clipRule: "evenodd"
-}));
-/* harmony default export */ var library_grid = (grid);
+/**
+ * WordPress dependencies
+ */
+
+
+const list = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4 4v1.5h16V4H4zm8 8.5h8V11h-8v1.5zM4 20h16v-1.5H4V20zm4-8c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z"
+ })
+});
+/* harmony default export */ const library_list = (list);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/latest-posts/constants.js
const MIN_EXCERPT_LENGTH = 10;
@@ -21606,16 +28362,15 @@
const MAX_POSTS_COLUMNS = 6;
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/latest-posts/edit.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
@@ -21635,6 +28390,8 @@
* Module Constants
*/
+
+
const CATEGORIES_LIST_QUERY = {
per_page: -1,
context: 'view'
@@ -21644,24 +28401,19 @@
has_published_posts: ['post'],
context: 'view'
};
-
function getFeaturedImageDetails(post, size) {
- var _image$media_details$, _image$media_details, _image$media_details$2, _image$media_details$3;
-
- const image = (0,external_lodash_namespaceObject.get)(post, ['_embedded', 'wp:featuredmedia', '0']);
+ var _image$media_details$;
+ const image = post._embedded?.['wp:featuredmedia']?.['0'];
return {
- url: (_image$media_details$ = image === null || image === void 0 ? void 0 : (_image$media_details = image.media_details) === null || _image$media_details === void 0 ? void 0 : (_image$media_details$2 = _image$media_details.sizes) === null || _image$media_details$2 === void 0 ? void 0 : (_image$media_details$3 = _image$media_details$2[size]) === null || _image$media_details$3 === void 0 ? void 0 : _image$media_details$3.source_url) !== null && _image$media_details$ !== void 0 ? _image$media_details$ : image === null || image === void 0 ? void 0 : image.source_url,
- alt: image === null || image === void 0 ? void 0 : image.alt_text
- };
-}
-
-function LatestPostsEdit(_ref) {
+ url: (_image$media_details$ = image?.media_details?.sizes?.[size]?.source_url) !== null && _image$media_details$ !== void 0 ? _image$media_details$ : image?.source_url,
+ alt: image?.alt_text
+ };
+}
+function LatestPostsEdit({
+ attributes,
+ setAttributes
+}) {
var _categoriesList$reduc;
-
- let {
- attributes,
- setAttributes
- } = _ref;
const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(LatestPostsEdit);
const {
postsToShow,
@@ -21691,39 +28443,40 @@
categoriesList,
authorList
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ var _settings$imageDimens, _settings$imageDimens2;
const {
getEntityRecords,
getUsers
} = select(external_wp_coreData_namespaceObject.store);
const settings = select(external_wp_blockEditor_namespaceObject.store).getSettings();
const catIds = categories && categories.length > 0 ? categories.map(cat => cat.id) : [];
- const latestPostsQuery = (0,external_lodash_namespaceObject.pickBy)({
+ const latestPostsQuery = Object.fromEntries(Object.entries({
categories: catIds,
author: selectedAuthor,
order,
orderby: orderBy,
per_page: postsToShow,
_embed: 'wp:featuredmedia'
- }, value => !(0,external_lodash_namespaceObject.isUndefined)(value));
- return {
- defaultImageWidth: (0,external_lodash_namespaceObject.get)(settings.imageDimensions, [featuredImageSizeSlug, 'width'], 0),
- defaultImageHeight: (0,external_lodash_namespaceObject.get)(settings.imageDimensions, [featuredImageSizeSlug, 'height'], 0),
+ }).filter(([, value]) => typeof value !== 'undefined'));
+ return {
+ defaultImageWidth: (_settings$imageDimens = settings.imageDimensions?.[featuredImageSizeSlug]?.width) !== null && _settings$imageDimens !== void 0 ? _settings$imageDimens : 0,
+ defaultImageHeight: (_settings$imageDimens2 = settings.imageDimensions?.[featuredImageSizeSlug]?.height) !== null && _settings$imageDimens2 !== void 0 ? _settings$imageDimens2 : 0,
imageSizes: settings.imageSizes,
latestPosts: getEntityRecords('postType', 'post', latestPostsQuery),
categoriesList: getEntityRecords('taxonomy', 'category', CATEGORIES_LIST_QUERY),
authorList: getUsers(USERS_LIST_QUERY)
};
- }, [featuredImageSizeSlug, postsToShow, order, orderBy, categories, selectedAuthor]); // If a user clicks to a link prevent redirection and show a warning.
-
+ }, [featuredImageSizeSlug, postsToShow, order, orderBy, categories, selectedAuthor]);
+
+ // If a user clicks to a link prevent redirection and show a warning.
const {
createWarningNotice,
removeNotice
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
let noticeId;
-
const showRedirectionPreventedNotice = event => {
- event.preventDefault(); // Remove previous warning if any, to show one at a time per block.
-
+ event.preventDefault();
+ // Remove previous warning if any, to show one at a time per block.
removeNotice(noticeId);
noticeId = `block-library/core/latest-posts/redirection-prevented/${instanceId}`;
createWarningNotice((0,external_wp_i18n_namespaceObject.__)('Links are disabled in the editor.'), {
@@ -21731,176 +28484,182 @@
type: 'snackbar'
});
};
-
- const imageSizeOptions = imageSizes.filter(_ref2 => {
- let {
- slug
- } = _ref2;
- return slug !== 'full';
- }).map(_ref3 => {
- let {
- name,
- slug
- } = _ref3;
- return {
- value: slug,
- label: name
- };
- });
- const categorySuggestions = (_categoriesList$reduc = categoriesList === null || categoriesList === void 0 ? void 0 : categoriesList.reduce((accumulator, category) => ({ ...accumulator,
+ const imageSizeOptions = imageSizes.filter(({
+ slug
+ }) => slug !== 'full').map(({
+ name,
+ slug
+ }) => ({
+ value: slug,
+ label: name
+ }));
+ const categorySuggestions = (_categoriesList$reduc = categoriesList?.reduce((accumulator, category) => ({
+ ...accumulator,
[category.name]: category
}), {})) !== null && _categoriesList$reduc !== void 0 ? _categoriesList$reduc : {};
-
const selectCategories = tokens => {
const hasNoSuggestion = tokens.some(token => typeof token === 'string' && !categorySuggestions[token]);
-
if (hasNoSuggestion) {
return;
- } // Categories that are already will be objects, while new additions will be strings (the name).
+ }
+ // Categories that are already will be objects, while new additions will be strings (the name).
// allCategories nomalizes the array so that they are all objects.
-
-
const allCategories = tokens.map(token => {
return typeof token === 'string' ? categorySuggestions[token] : token;
- }); // We do nothing if the category is not selected
+ });
+ // We do nothing if the category is not selected
// from suggestions.
-
- if ((0,external_lodash_namespaceObject.includes)(allCategories, null)) {
+ if (allCategories.includes(null)) {
return false;
}
-
setAttributes({
categories: allCategories
});
};
-
- const hasPosts = !!(latestPosts !== null && latestPosts !== void 0 && latestPosts.length);
- const inspectorControls = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Post content settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Post content'),
- checked: displayPostContent,
- onChange: value => setAttributes({
- displayPostContent: value
- })
- }), displayPostContent && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RadioControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show:'),
- selected: displayPostContentRadio,
- options: [{
- label: (0,external_wp_i18n_namespaceObject.__)('Excerpt'),
- value: 'excerpt'
- }, {
- label: (0,external_wp_i18n_namespaceObject.__)('Full post'),
- value: 'full_post'
- }],
- onChange: value => setAttributes({
- displayPostContentRadio: value
- })
- }), displayPostContent && displayPostContentRadio === 'excerpt' && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Max number of words in excerpt'),
- value: excerptLength,
- onChange: value => setAttributes({
- excerptLength: value
- }),
- min: MIN_EXCERPT_LENGTH,
- max: MAX_EXCERPT_LENGTH
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Post meta settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Display author name'),
- checked: displayAuthor,
- onChange: value => setAttributes({
- displayAuthor: value
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Display post date'),
- checked: displayPostDate,
- onChange: value => setAttributes({
- displayPostDate: value
- })
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Featured image settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Display featured image'),
- checked: displayFeaturedImage,
- onChange: value => setAttributes({
- displayFeaturedImage: value
- })
- }), displayFeaturedImage && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalImageSizeControl, {
- onChange: value => {
- const newAttrs = {};
-
- if (value.hasOwnProperty('width')) {
- newAttrs.featuredImageSizeWidth = value.width;
- }
-
- if (value.hasOwnProperty('height')) {
- newAttrs.featuredImageSizeHeight = value.height;
- }
-
- setAttributes(newAttrs);
- },
- slug: featuredImageSizeSlug,
- width: featuredImageSizeWidth,
- height: featuredImageSizeHeight,
- imageWidth: defaultImageWidth,
- imageHeight: defaultImageHeight,
- imageSizeOptions: imageSizeOptions,
- onChangeImage: value => setAttributes({
- featuredImageSizeSlug: value,
- featuredImageSizeWidth: undefined,
- featuredImageSizeHeight: undefined
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, {
- className: "editor-latest-posts-image-alignment-control"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl.VisualLabel, null, (0,external_wp_i18n_namespaceObject.__)('Image alignment')), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockAlignmentToolbar, {
- value: featuredImageAlign,
- onChange: value => setAttributes({
- featuredImageAlign: value
- }),
- controls: ['left', 'center', 'right'],
- isCollapsed: false
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Add link to featured image'),
- checked: addLinkToFeaturedImage,
- onChange: value => setAttributes({
- addLinkToFeaturedImage: value
- })
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Sorting and filtering')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.QueryControls, {
- order,
- orderBy,
- numberOfItems: postsToShow,
- onOrderChange: value => setAttributes({
- order: value
- }),
- onOrderByChange: value => setAttributes({
- orderBy: value
- }),
- onNumberOfItemsChange: value => setAttributes({
- postsToShow: value
- }),
- categorySuggestions: categorySuggestions,
- onCategoryChange: selectCategories,
- selectedCategories: categories,
- onAuthorChange: value => setAttributes({
- selectedAuthor: '' !== value ? Number(value) : undefined
- }),
- authorList: authorList !== null && authorList !== void 0 ? authorList : [],
- selectedAuthorId: selectedAuthor
- }), postLayout === 'grid' && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
- value: columns,
- onChange: value => setAttributes({
- columns: value
- }),
- min: 2,
- max: !hasPosts ? MAX_POSTS_COLUMNS : Math.min(MAX_POSTS_COLUMNS, latestPosts.length),
- required: true
- })));
+ const hasPosts = !!latestPosts?.length;
+ const inspectorControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Post content'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Post content'),
+ checked: displayPostContent,
+ onChange: value => setAttributes({
+ displayPostContent: value
+ })
+ }), displayPostContent && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RadioControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Show:'),
+ selected: displayPostContentRadio,
+ options: [{
+ label: (0,external_wp_i18n_namespaceObject.__)('Excerpt'),
+ value: 'excerpt'
+ }, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Full post'),
+ value: 'full_post'
+ }],
+ onChange: value => setAttributes({
+ displayPostContentRadio: value
+ })
+ }), displayPostContent && displayPostContentRadio === 'excerpt' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Max number of words'),
+ value: excerptLength,
+ onChange: value => setAttributes({
+ excerptLength: value
+ }),
+ min: MIN_EXCERPT_LENGTH,
+ max: MAX_EXCERPT_LENGTH
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Post meta'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display author name'),
+ checked: displayAuthor,
+ onChange: value => setAttributes({
+ displayAuthor: value
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display post date'),
+ checked: displayPostDate,
+ onChange: value => setAttributes({
+ displayPostDate: value
+ })
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Featured image'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display featured image'),
+ checked: displayFeaturedImage,
+ onChange: value => setAttributes({
+ displayFeaturedImage: value
+ })
+ }), displayFeaturedImage && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalImageSizeControl, {
+ onChange: value => {
+ const newAttrs = {};
+ if (value.hasOwnProperty('width')) {
+ newAttrs.featuredImageSizeWidth = value.width;
+ }
+ if (value.hasOwnProperty('height')) {
+ newAttrs.featuredImageSizeHeight = value.height;
+ }
+ setAttributes(newAttrs);
+ },
+ slug: featuredImageSizeSlug,
+ width: featuredImageSizeWidth,
+ height: featuredImageSizeHeight,
+ imageWidth: defaultImageWidth,
+ imageHeight: defaultImageHeight,
+ imageSizeOptions: imageSizeOptions,
+ imageSizeHelp: (0,external_wp_i18n_namespaceObject.__)('Select the size of the source image.'),
+ onChangeImage: value => setAttributes({
+ featuredImageSizeSlug: value,
+ featuredImageSizeWidth: undefined,
+ featuredImageSizeHeight: undefined
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.BaseControl, {
+ className: "editor-latest-posts-image-alignment-control",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.BaseControl.VisualLabel, {
+ children: (0,external_wp_i18n_namespaceObject.__)('Image alignment')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockAlignmentToolbar, {
+ value: featuredImageAlign,
+ onChange: value => setAttributes({
+ featuredImageAlign: value
+ }),
+ controls: ['left', 'center', 'right'],
+ isCollapsed: false
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Add link to featured image'),
+ checked: addLinkToFeaturedImage,
+ onChange: value => setAttributes({
+ addLinkToFeaturedImage: value
+ })
+ })]
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Sorting and filtering'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.QueryControls, {
+ order,
+ orderBy,
+ numberOfItems: postsToShow,
+ onOrderChange: value => setAttributes({
+ order: value
+ }),
+ onOrderByChange: value => setAttributes({
+ orderBy: value
+ }),
+ onNumberOfItemsChange: value => setAttributes({
+ postsToShow: value
+ }),
+ categorySuggestions: categorySuggestions,
+ onCategoryChange: selectCategories,
+ selectedCategories: categories,
+ onAuthorChange: value => setAttributes({
+ selectedAuthor: '' !== value ? Number(value) : undefined
+ }),
+ authorList: authorList !== null && authorList !== void 0 ? authorList : [],
+ selectedAuthorId: selectedAuthor
+ }), postLayout === 'grid' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
+ value: columns,
+ onChange: value => setAttributes({
+ columns: value
+ }),
+ min: 2,
+ max: !hasPosts ? MAX_POSTS_COLUMNS : Math.min(MAX_POSTS_COLUMNS, latestPosts.length),
+ required: true
+ })]
+ })]
+ });
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
'wp-block-latest-posts__list': true,
'is-grid': postLayout === 'grid',
'has-dates': displayPostDate,
@@ -21908,98 +28667,123 @@
[`columns-${columns}`]: postLayout === 'grid'
})
});
-
if (!hasPosts) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, inspectorControls, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, {
- icon: library_pin,
- label: (0,external_wp_i18n_namespaceObject.__)('Latest Posts')
- }, !Array.isArray(latestPosts) ? (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null) : (0,external_wp_i18n_namespaceObject.__)('No posts found.')));
- } // Removing posts from display should be instant.
-
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [inspectorControls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ icon: library_pin,
+ label: (0,external_wp_i18n_namespaceObject.__)('Latest Posts'),
+ children: !Array.isArray(latestPosts) ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {}) : (0,external_wp_i18n_namespaceObject.__)('No posts found.')
+ })]
+ });
+ }
+
+ // Removing posts from display should be instant.
const displayPosts = latestPosts.length > postsToShow ? latestPosts.slice(0, postsToShow) : latestPosts;
const layoutControls = [{
icon: library_list,
- title: (0,external_wp_i18n_namespaceObject.__)('List view'),
+ title: (0,external_wp_i18n_namespaceObject._x)('List view', 'Latest posts block display setting'),
onClick: () => setAttributes({
postLayout: 'list'
}),
isActive: postLayout === 'list'
}, {
icon: library_grid,
- title: (0,external_wp_i18n_namespaceObject.__)('Grid view'),
+ title: (0,external_wp_i18n_namespaceObject._x)('Grid view', 'Latest posts block display setting'),
onClick: () => setAttributes({
postLayout: 'grid'
}),
isActive: postLayout === 'grid'
}];
-
- const dateFormat = (0,external_wp_date_namespaceObject.__experimentalGetSettings)().formats.date;
-
- return (0,external_wp_element_namespaceObject.createElement)("div", null, inspectorControls, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, {
- controls: layoutControls
- })), (0,external_wp_element_namespaceObject.createElement)("ul", blockProps, displayPosts.map((post, i) => {
- const titleTrimmed = (0,external_lodash_namespaceObject.invoke)(post, ['title', 'rendered', 'trim']);
- let excerpt = post.excerpt.rendered;
- const currentAuthor = authorList === null || authorList === void 0 ? void 0 : authorList.find(author => author.id === post.author);
- const excerptElement = document.createElement('div');
- excerptElement.innerHTML = excerpt;
- excerpt = excerptElement.textContent || excerptElement.innerText || '';
- const {
- url: imageSourceUrl,
- alt: featuredImageAlt
- } = getFeaturedImageDetails(post, featuredImageSizeSlug);
- const imageClasses = classnames_default()({
- 'wp-block-latest-posts__featured-image': true,
- [`align${featuredImageAlign}`]: !!featuredImageAlign
- });
- const renderFeaturedImage = displayFeaturedImage && imageSourceUrl;
- const featuredImage = renderFeaturedImage && (0,external_wp_element_namespaceObject.createElement)("img", {
- src: imageSourceUrl,
- alt: featuredImageAlt,
- style: {
- maxWidth: featuredImageSizeWidth,
- maxHeight: featuredImageSizeHeight
- }
- });
- const needsReadMore = excerptLength < excerpt.trim().split(' ').length && post.excerpt.raw === '';
- const postExcerpt = needsReadMore ? (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, excerpt.trim().split(' ', excerptLength).join(' '), (0,external_wp_i18n_namespaceObject.__)(' … '), (0,external_wp_element_namespaceObject.createElement)("a", {
- href: post.link,
- rel: "noopener noreferrer",
- onClick: showRedirectionPreventedNotice
- }, (0,external_wp_i18n_namespaceObject.__)('Read more'))) : excerpt;
- return (0,external_wp_element_namespaceObject.createElement)("li", {
- key: i
- }, renderFeaturedImage && (0,external_wp_element_namespaceObject.createElement)("div", {
- className: imageClasses
- }, addLinkToFeaturedImage ? (0,external_wp_element_namespaceObject.createElement)("a", {
- className: "wp-block-latest-posts__post-title",
- href: post.link,
- rel: "noreferrer noopener",
- onClick: showRedirectionPreventedNotice
- }, featuredImage) : featuredImage), (0,external_wp_element_namespaceObject.createElement)("a", {
- href: post.link,
- rel: "noreferrer noopener",
- dangerouslySetInnerHTML: !!titleTrimmed ? {
- __html: titleTrimmed
- } : undefined,
- onClick: showRedirectionPreventedNotice
- }, !titleTrimmed ? (0,external_wp_i18n_namespaceObject.__)('(no title)') : null), displayAuthor && currentAuthor && (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-latest-posts__post-author"
- }, (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: byline. %s: current author. */
- (0,external_wp_i18n_namespaceObject.__)('by %s'), currentAuthor.name)), displayPostDate && post.date_gmt && (0,external_wp_element_namespaceObject.createElement)("time", {
- dateTime: (0,external_wp_date_namespaceObject.format)('c', post.date_gmt),
- className: "wp-block-latest-posts__post-date"
- }, (0,external_wp_date_namespaceObject.dateI18n)(dateFormat, post.date_gmt)), displayPostContent && displayPostContentRadio === 'excerpt' && (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-latest-posts__post-excerpt"
- }, postExcerpt), displayPostContent && displayPostContentRadio === 'full_post' && (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-latest-posts__post-full-content",
- dangerouslySetInnerHTML: {
- __html: post.content.raw.trim()
- }
- }));
- })));
+ const dateFormat = (0,external_wp_date_namespaceObject.getSettings)().formats.date;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [inspectorControls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ controls: layoutControls
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ ...blockProps,
+ children: displayPosts.map(post => {
+ const titleTrimmed = post.title.rendered.trim();
+ let excerpt = post.excerpt.rendered;
+ const currentAuthor = authorList?.find(author => author.id === post.author);
+ const excerptElement = document.createElement('div');
+ excerptElement.innerHTML = excerpt;
+ excerpt = excerptElement.textContent || excerptElement.innerText || '';
+ const {
+ url: imageSourceUrl,
+ alt: featuredImageAlt
+ } = getFeaturedImageDetails(post, featuredImageSizeSlug);
+ const imageClasses = dist_clsx({
+ 'wp-block-latest-posts__featured-image': true,
+ [`align${featuredImageAlign}`]: !!featuredImageAlign
+ });
+ const renderFeaturedImage = displayFeaturedImage && imageSourceUrl;
+ const featuredImage = renderFeaturedImage && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: imageSourceUrl,
+ alt: featuredImageAlt,
+ style: {
+ maxWidth: featuredImageSizeWidth,
+ maxHeight: featuredImageSizeHeight
+ }
+ });
+ const needsReadMore = excerptLength < excerpt.trim().split(' ').length && post.excerpt.raw === '';
+ const postExcerpt = needsReadMore ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [excerpt.trim().split(' ', excerptLength).join(' '), (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.sprintf)( /* translators: 1: Hidden accessibility text: Post title */
+ (0,external_wp_i18n_namespaceObject.__)('… <a>Read more<span>: %1$s</span></a>'), titleTrimmed || (0,external_wp_i18n_namespaceObject.__)('(no title)')), {
+ a:
+ /*#__PURE__*/
+ // eslint-disable-next-line jsx-a11y/anchor-has-content
+ (0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: "wp-block-latest-posts__read-more",
+ href: post.link,
+ rel: "noopener noreferrer",
+ onClick: showRedirectionPreventedNotice
+ }),
+ span: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: "screen-reader-text"
+ })
+ })]
+ }) : excerpt;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("li", {
+ children: [renderFeaturedImage && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: imageClasses,
+ children: addLinkToFeaturedImage ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: post.link,
+ rel: "noreferrer noopener",
+ onClick: showRedirectionPreventedNotice,
+ children: featuredImage
+ }) : featuredImage
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: "wp-block-latest-posts__post-title",
+ href: post.link,
+ rel: "noreferrer noopener",
+ dangerouslySetInnerHTML: !!titleTrimmed ? {
+ __html: titleTrimmed
+ } : undefined,
+ onClick: showRedirectionPreventedNotice,
+ children: !titleTrimmed ? (0,external_wp_i18n_namespaceObject.__)('(no title)') : null
+ }), displayAuthor && currentAuthor && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-latest-posts__post-author",
+ children: (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: byline. %s: current author. */
+ (0,external_wp_i18n_namespaceObject.__)('by %s'), currentAuthor.name)
+ }), displayPostDate && post.date_gmt && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("time", {
+ dateTime: (0,external_wp_date_namespaceObject.format)('c', post.date_gmt),
+ className: "wp-block-latest-posts__post-date",
+ children: (0,external_wp_date_namespaceObject.dateI18n)(dateFormat, post.date_gmt)
+ }), displayPostContent && displayPostContentRadio === 'excerpt' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-latest-posts__post-excerpt",
+ children: postExcerpt
+ }), displayPostContent && displayPostContentRadio === 'full_post' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-latest-posts__post-full-content",
+ dangerouslySetInnerHTML: {
+ __html: post.content.raw.trim()
+ }
+ })]
+ }, post.id);
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/latest-posts/index.js
@@ -22007,6 +28791,7 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -22015,7 +28800,7 @@
const latest_posts_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/latest-posts",
title: "Latest Posts",
category: "widgets",
@@ -22099,7 +28884,36 @@
},
supports: {
align: true,
- html: false
+ html: false,
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true,
+ link: true
+ }
+ },
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-latest-posts-editor",
style: "wp-block-latest-posts"
@@ -22114,17 +28928,108 @@
edit: LatestPostsEdit,
deprecated: latest_posts_deprecated
};
+const latest_posts_init = () => initBlock({
+ name: latest_posts_name,
+ metadata: latest_posts_metadata,
+ settings: latest_posts_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list/utils.js
+/**
+ * WordPress dependencies
+ */
+
+const LIST_STYLES = {
+ A: 'upper-alpha',
+ a: 'lower-alpha',
+ I: 'upper-roman',
+ i: 'lower-roman'
+};
+function createListBlockFromDOMElement(listElement) {
+ const type = listElement.getAttribute('type');
+ const listAttributes = {
+ ordered: 'OL' === listElement.tagName,
+ anchor: listElement.id === '' ? undefined : listElement.id,
+ start: listElement.getAttribute('start') ? parseInt(listElement.getAttribute('start'), 10) : undefined,
+ reversed: listElement.hasAttribute('reversed') ? true : undefined,
+ type: type && LIST_STYLES[type] ? LIST_STYLES[type] : undefined
+ };
+ const innerBlocks = Array.from(listElement.children).map(listItem => {
+ const children = Array.from(listItem.childNodes).filter(node => node.nodeType !== node.TEXT_NODE || node.textContent.trim().length !== 0);
+ children.reverse();
+ const [nestedList, ...nodes] = children;
+ const hasNestedList = nestedList?.tagName === 'UL' || nestedList?.tagName === 'OL';
+ if (!hasNestedList) {
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/list-item', {
+ content: listItem.innerHTML
+ });
+ }
+ const htmlNodes = nodes.map(node => {
+ if (node.nodeType === node.TEXT_NODE) {
+ return node.textContent;
+ }
+ return node.outerHTML;
+ });
+ htmlNodes.reverse();
+ const childAttributes = {
+ content: htmlNodes.join('').trim()
+ };
+ const childInnerBlocks = [createListBlockFromDOMElement(nestedList)];
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/list-item', childAttributes, childInnerBlocks);
+ });
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/list', listAttributes, innerBlocks);
+}
+function migrateToListV2(attributes) {
+ const {
+ values,
+ start,
+ reversed,
+ ordered,
+ type,
+ ...otherAttributes
+ } = attributes;
+ const list = document.createElement(ordered ? 'ol' : 'ul');
+ list.innerHTML = values;
+ if (start) {
+ list.setAttribute('start', start);
+ }
+ if (reversed) {
+ list.setAttribute('reversed', true);
+ }
+ if (type) {
+ list.setAttribute('type', type);
+ }
+ const [listBlock] = (0,external_wp_blocks_namespaceObject.rawHandler)({
+ HTML: list.outerHTML
+ });
+ return [{
+ ...otherAttributes,
+ ...listBlock.attributes
+ }, listBlock.innerBlocks];
+}
+function migrateTypeToInlineStyle(attributes) {
+ const {
+ type
+ } = attributes;
+ if (type && LIST_STYLES[type]) {
+ return {
+ ...attributes,
+ type: LIST_STYLES[type]
+ };
+ }
+ return attributes;
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list/deprecated.js
-
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
const v0 = {
@@ -22171,11 +29076,95 @@
__experimentalSelector: 'ol,ul',
__experimentalSlashInserter: true
},
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+ save({
+ attributes
+ }) {
+ const {
+ ordered,
+ values,
+ type,
+ reversed,
+ start
+ } = attributes;
+ const TagName = ordered ? 'ol' : 'ul';
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ type,
+ reversed,
+ start
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: values,
+ multiline: "li"
+ })
+ });
+ },
+ migrate: migrate_font_family,
+ isEligible({
+ style
+ }) {
+ return style?.typography?.fontFamily;
+ }
+};
+const list_deprecated_v1 = {
+ attributes: {
+ ordered: {
+ type: 'boolean',
+ default: false,
+ __experimentalRole: 'content'
+ },
+ values: {
+ type: 'string',
+ source: 'html',
+ selector: 'ol,ul',
+ multiline: 'li',
+ __unstableMultilineWrapperTags: ['ol', 'ul'],
+ default: '',
+ __experimentalRole: 'content'
+ },
+ type: {
+ type: 'string'
+ },
+ start: {
+ type: 'number'
+ },
+ reversed: {
+ type: 'boolean'
+ },
+ placeholder: {
+ type: 'string'
+ }
+ },
+ supports: {
+ anchor: true,
+ className: false,
+ typography: {
+ fontSize: true,
+ __experimentalFontFamily: true,
+ lineHeight: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalTextTransform: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ __unstablePasteTextInline: true,
+ __experimentalSelector: 'ol,ul',
+ __experimentalSlashInserter: true
+ },
+ save({
+ attributes
+ }) {
const {
ordered,
values,
@@ -22184,28 +29173,204 @@
start
} = attributes;
const TagName = ordered ? 'ol' : 'ul';
- return (0,external_wp_element_namespaceObject.createElement)(TagName, external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ type,
+ reversed,
+ start
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: values,
+ multiline: "li"
+ })
+ });
+ },
+ migrate: migrateToListV2
+};
+
+// In #53301 changed to use the inline style instead of type attribute.
+const list_deprecated_v2 = {
+ attributes: {
+ ordered: {
+ type: 'boolean',
+ default: false,
+ __experimentalRole: 'content'
+ },
+ values: {
+ type: 'string',
+ source: 'html',
+ selector: 'ol,ul',
+ multiline: 'li',
+ __unstableMultilineWrapperTags: ['ol', 'ul'],
+ default: '',
+ __experimentalRole: 'content'
+ },
+ type: {
+ type: 'string'
+ },
+ start: {
+ type: 'number'
+ },
+ reversed: {
+ type: 'boolean'
+ },
+ placeholder: {
+ type: 'string'
+ }
+ },
+ supports: {
+ anchor: true,
+ className: false,
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ __unstablePasteTextInline: true,
+ __experimentalSelector: 'ol,ul',
+ __experimentalSlashInserter: true
+ },
+ isEligible({
+ type
+ }) {
+ return !!type;
+ },
+ save({
+ attributes
+ }) {
+ const {
+ ordered,
type,
reversed,
start
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: values,
- multiline: "li"
- }));
- },
-
- migrate: migrate_font_family,
-
- isEligible(_ref2) {
- var _style$typography;
-
- let {
- style
- } = _ref2;
- return style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontFamily;
- }
-
-};
+ } = attributes;
+ const TagName = ordered ? 'ol' : 'ul';
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ type,
+ reversed,
+ start
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
+ },
+ migrate: migrateTypeToInlineStyle
+};
+
+// Version without block support 'className: true'.
+const list_deprecated_v3 = {
+ attributes: {
+ ordered: {
+ type: 'boolean',
+ default: false,
+ __experimentalRole: 'content'
+ },
+ values: {
+ type: 'string',
+ source: 'html',
+ selector: 'ol,ul',
+ multiline: 'li',
+ __unstableMultilineWrapperTags: ['ol', 'ul'],
+ default: '',
+ __experimentalRole: 'content'
+ },
+ type: {
+ type: 'string'
+ },
+ start: {
+ type: 'number'
+ },
+ reversed: {
+ type: 'boolean'
+ },
+ placeholder: {
+ type: 'string'
+ }
+ },
+ supports: {
+ anchor: true,
+ className: false,
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ __unstablePasteTextInline: true,
+ __experimentalSelector: 'ol,ul',
+ __experimentalOnMerge: 'true',
+ __experimentalSlashInserter: true
+ },
+ save({
+ attributes
+ }) {
+ const {
+ ordered,
+ type,
+ reversed,
+ start
+ } = attributes;
+ const TagName = ordered ? 'ol' : 'ul';
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ reversed,
+ start,
+ style: {
+ listStyleType: ordered && type !== 'decimal' ? type : undefined
+ }
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
+ }
+};
+
/**
* New deprecations need to be placed first
* for them to have higher priority.
@@ -22214,365 +29379,394 @@
*
* See block-deprecation.md
*/
-
-/* harmony default export */ var list_deprecated = ([v0]);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-list-bullets-rtl.js
-
-
-/**
- * WordPress dependencies
- */
-
-const formatListBulletsRTL = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 8.8h8.9V7.2H4v1.6zm0 7h8.9v-1.5H4v1.5zM18 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"
-}));
-/* harmony default export */ var format_list_bullets_rtl = (formatListBulletsRTL);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-list-bullets.js
-
-
-/**
- * WordPress dependencies
- */
-
-const formatListBullets = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M11.1 15.8H20v-1.5h-8.9v1.5zm0-8.6v1.5H20V7.2h-8.9zM6 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-7c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
-}));
-/* harmony default export */ var format_list_bullets = (formatListBullets);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-list-numbered-rtl.js
-
-
-/**
- * WordPress dependencies
- */
-
-const formatListNumberedRTL = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M3.8 15.8h8.9v-1.5H3.8v1.5zm0-7h8.9V7.2H3.8v1.6zm14.7-2.1V10h1V5.3l-2.2.7.3 1 .9-.3zm1.2 6.1c-.5-.6-1.2-.5-1.7-.4-.3.1-.5.2-.7.3l.1 1.1c.2-.2.5-.4.8-.5.3-.1.6 0 .7.1.2.3 0 .8-.2 1.1-.5.8-.9 1.6-1.4 2.5H20v-1h-.9c.3-.6.8-1.4.9-2.1 0-.3 0-.8-.3-1.1z"
-}));
-/* harmony default export */ var format_list_numbered_rtl = (formatListNumberedRTL);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-list-numbered.js
-
-
-/**
- * WordPress dependencies
- */
-
-const formatListNumbered = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M11.1 15.8H20v-1.5h-8.9v1.5zm0-8.6v1.5H20V7.2h-8.9zM5 6.7V10h1V5.3L3.8 6l.4 1 .8-.3zm-.4 5.7c-.3.1-.5.2-.7.3l.1 1.1c.2-.2.5-.4.8-.5.3-.1.6 0 .7.1.2.3 0 .8-.2 1.1-.5.8-.9 1.6-1.4 2.5h2.7v-1h-1c.3-.6.8-1.4.9-2.1.1-.3 0-.8-.2-1.1-.5-.6-1.3-.5-1.7-.4z"
-}));
-/* harmony default export */ var format_list_numbered = (formatListNumbered);
+/* harmony default export */ const list_deprecated = ([list_deprecated_v3, list_deprecated_v2, list_deprecated_v1, v0]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-outdent-rtl.js
-
-
-/**
- * WordPress dependencies
- */
-
-const formatOutdentRTL = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M20 5.5H4V4H20V5.5ZM12 12.5H4V11H12V12.5ZM20 20V18.5H4V20H20ZM15.4697 14.9697L18.4393 12L15.4697 9.03033L16.5303 7.96967L20.0303 11.4697L20.5607 12L20.0303 12.5303L16.5303 16.0303L15.4697 14.9697Z"
-}));
-/* harmony default export */ var format_outdent_rtl = (formatOutdentRTL);
+/**
+ * WordPress dependencies
+ */
+
+
+const formatOutdentRTL = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M20 5.5H4V4H20V5.5ZM12 12.5H4V11H12V12.5ZM20 20V18.5H4V20H20ZM15.4697 14.9697L18.4393 12L15.4697 9.03033L16.5303 7.96967L20.0303 11.4697L20.5607 12L20.0303 12.5303L16.5303 16.0303L15.4697 14.9697Z"
+ })
+});
+/* harmony default export */ const format_outdent_rtl = (formatOutdentRTL);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-outdent.js
-
-
-/**
- * WordPress dependencies
- */
-
-const formatOutdent = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 7.2v1.5h16V7.2H4zm8 8.6h8v-1.5h-8v1.5zm-4-4.6l-4 4 4 4 1-1-3-3 3-3-1-1z"
-}));
-/* harmony default export */ var format_outdent = (formatOutdent);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-indent-rtl.js
-
-
-/**
- * WordPress dependencies
- */
-
-const formatIndentRTL = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M20 5.5H4V4H20V5.5ZM12 12.5H4V11H12V12.5ZM20 20V18.5H4V20H20ZM20.0303 9.03033L17.0607 12L20.0303 14.9697L18.9697 16.0303L15.4697 12.5303L14.9393 12L15.4697 11.4697L18.9697 7.96967L20.0303 9.03033Z"
-}));
-/* harmony default export */ var format_indent_rtl = (formatIndentRTL);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-indent.js
-
-
-/**
- * WordPress dependencies
- */
-
-const formatIndent = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 7.2v1.5h16V7.2H4zm8 8.6h8v-1.5h-8v1.5zm-8-3.5l3 3-3 3 1 1 4-4-4-4-1 1z"
-}));
-/* harmony default export */ var format_indent = (formatIndent);
-
+/**
+ * WordPress dependencies
+ */
+
+
+const formatOutdent = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4 7.2v1.5h16V7.2H4zm8 8.6h8v-1.5h-8v1.5zm-4-4.6l-4 4 4 4 1-1-3-3 3-3-1-1z"
+ })
+});
+/* harmony default export */ const format_outdent = (formatOutdent);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-list-bullets-rtl.js
+/**
+ * WordPress dependencies
+ */
+
+
+const formatListBulletsRTL = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4 8.8h8.9V7.2H4v1.6zm0 7h8.9v-1.5H4v1.5zM18 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"
+ })
+});
+/* harmony default export */ const format_list_bullets_rtl = (formatListBulletsRTL);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-list-bullets.js
+/**
+ * WordPress dependencies
+ */
+
+
+const formatListBullets = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M11.1 15.8H20v-1.5h-8.9v1.5zm0-8.6v1.5H20V7.2h-8.9zM6 13c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-7c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+ })
+});
+/* harmony default export */ const format_list_bullets = (formatListBullets);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-list-numbered-rtl.js
+/**
+ * WordPress dependencies
+ */
+
+
+const formatListNumberedRTL = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M3.8 15.8h8.9v-1.5H3.8v1.5zm0-7h8.9V7.2H3.8v1.6zm14.7-2.1V10h1V5.3l-2.2.7.3 1 .9-.3zm1.2 6.1c-.5-.6-1.2-.5-1.7-.4-.3.1-.5.2-.7.3l.1 1.1c.2-.2.5-.4.8-.5.3-.1.6 0 .7.1.2.3 0 .8-.2 1.1-.5.8-.9 1.6-1.4 2.5H20v-1h-.9c.3-.6.8-1.4.9-2.1 0-.3 0-.8-.3-1.1z"
+ })
+});
+/* harmony default export */ const format_list_numbered_rtl = (formatListNumberedRTL);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-list-numbered.js
+/**
+ * WordPress dependencies
+ */
+
+
+const formatListNumbered = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M11.1 15.8H20v-1.5h-8.9v1.5zm0-8.6v1.5H20V7.2h-8.9zM5 6.7V10h1V5.3L3.8 6l.4 1 .8-.3zm-.4 5.7c-.3.1-.5.2-.7.3l.1 1.1c.2-.2.5-.4.8-.5.3-.1.6 0 .7.1.2.3 0 .8-.2 1.1-.5.8-.9 1.6-1.4 2.5h2.7v-1h-1c.3-.6.8-1.4.9-2.1.1-.3 0-.8-.2-1.1-.5-.6-1.3-.5-1.7-.4z"
+ })
+});
+/* harmony default export */ const format_list_numbered = (formatListNumbered);
+
+;// CONCATENATED MODULE: external ["wp","deprecated"]
+const external_wp_deprecated_namespaceObject = window["wp"]["deprecated"];
+var external_wp_deprecated_default = /*#__PURE__*/__webpack_require__.n(external_wp_deprecated_namespaceObject);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list/ordered-list-settings.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-const OrderedListSettings = _ref => {
- let {
- setAttributes,
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+const OrderedListSettings = ({
+ setAttributes,
+ reversed,
+ start,
+ type
+}) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Start value'),
+ type: "number",
+ onChange: value => {
+ const int = parseInt(value, 10);
+ setAttributes({
+ // It should be possible to unset the value,
+ // e.g. with an empty string.
+ start: isNaN(int) ? undefined : int
+ });
+ },
+ value: Number.isInteger(start) ? start.toString(10) : '',
+ step: "1"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Numbering style'),
+ options: [{
+ label: (0,external_wp_i18n_namespaceObject.__)('Numbers'),
+ value: 'decimal'
+ }, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Uppercase letters'),
+ value: 'upper-alpha'
+ }, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Lowercase letters'),
+ value: 'lower-alpha'
+ }, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Uppercase Roman numerals'),
+ value: 'upper-roman'
+ }, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Lowercase Roman numerals'),
+ value: 'lower-roman'
+ }],
+ value: type,
+ onChange: newValue => setAttributes({
+ type: newValue
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Reverse list numbering'),
+ checked: reversed || false,
+ onChange: value => {
+ setAttributes({
+ // Unset the attribute if not reversed.
+ reversed: value || undefined
+ });
+ }
+ })]
+ })
+});
+/* harmony default export */ const ordered_list_settings = (OrderedListSettings);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list/tag-name.js
+/**
+ * WordPress dependencies
+ */
+
+
+function TagName(props, ref) {
+ const {
+ ordered,
+ ...extraProps
+ } = props;
+ const Tag = ordered ? 'ol' : 'ul';
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ ref: ref,
+ ...extraProps
+ });
+}
+/* harmony default export */ const tag_name = ((0,external_wp_element_namespaceObject.forwardRef)(TagName));
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list/edit.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+const list_edit_DEFAULT_BLOCK = {
+ name: 'core/list-item'
+};
+const list_edit_TEMPLATE = [['core/list-item']];
+const NATIVE_MARGIN_SPACING = 8;
+
+/**
+ * At the moment, deprecations don't handle create blocks from attributes
+ * (like when using CPT templates). For this reason, this hook is necessary
+ * to avoid breaking templates using the old list block format.
+ *
+ * @param {Object} attributes Block attributes.
+ * @param {string} clientId Block client ID.
+ */
+function useMigrateOnLoad(attributes, clientId) {
+ const registry = (0,external_wp_data_namespaceObject.useRegistry)();
+ const {
+ updateBlockAttributes,
+ replaceInnerBlocks
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ // As soon as the block is loaded, migrate it to the new version.
+
+ if (!attributes.values) {
+ return;
+ }
+ const [newAttributes, newInnerBlocks] = migrateToListV2(attributes);
+ external_wp_deprecated_default()('Value attribute on the list block', {
+ since: '6.0',
+ version: '6.5',
+ alternative: 'inner blocks'
+ });
+ registry.batch(() => {
+ updateBlockAttributes(clientId, newAttributes);
+ replaceInnerBlocks(clientId, newInnerBlocks);
+ });
+ }, [attributes.values]);
+}
+function useOutdentList(clientId) {
+ const {
+ replaceBlocks,
+ selectionChange
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const {
+ getBlockRootClientId,
+ getBlockAttributes,
+ getBlock
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ return (0,external_wp_element_namespaceObject.useCallback)(() => {
+ const parentBlockId = getBlockRootClientId(clientId);
+ const parentBlockAttributes = getBlockAttributes(parentBlockId);
+ // Create a new parent block without the inner blocks.
+ const newParentBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/list-item', parentBlockAttributes);
+ const {
+ innerBlocks
+ } = getBlock(clientId);
+ // Replace the parent block with a new parent block without inner blocks,
+ // and make the inner blocks siblings of the parent.
+ replaceBlocks([parentBlockId], [newParentBlock, ...innerBlocks]);
+ // Select the last child of the list being outdent.
+ selectionChange(innerBlocks[innerBlocks.length - 1].clientId);
+ }, [clientId]);
+}
+function IndentUI({
+ clientId
+}) {
+ const outdentList = useOutdentList(clientId);
+ const canOutdent = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getBlockRootClientId,
+ getBlockName
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ return getBlockName(getBlockRootClientId(clientId)) === 'core/list-item';
+ }, [clientId]);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? format_outdent_rtl : format_outdent,
+ title: (0,external_wp_i18n_namespaceObject.__)('Outdent'),
+ describedBy: (0,external_wp_i18n_namespaceObject.__)('Outdent list item'),
+ disabled: !canOutdent,
+ onClick: outdentList
+ })
+ });
+}
+function list_edit_Edit({
+ attributes,
+ setAttributes,
+ clientId,
+ style
+}) {
+ const {
+ ordered,
+ type,
reversed,
start
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Ordered list settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Start value'),
- type: "number",
- onChange: value => {
- const int = parseInt(value, 10);
- setAttributes({
- // It should be possible to unset the value,
- // e.g. with an empty string.
- start: isNaN(int) ? undefined : int
- });
- },
- value: Number.isInteger(start) ? start.toString(10) : '',
- step: "1"
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Reverse list numbering'),
- checked: reversed || false,
- onChange: value => {
- setAttributes({
- // Unset the attribute if not reversed.
- reversed: value || undefined
- });
- }
- })));
-};
-
-/* harmony default export */ var ordered_list_settings = (OrderedListSettings);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list/edit.js
-
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-function ListEdit(_ref) {
- let {
- attributes,
- setAttributes,
- mergeBlocks,
- onReplace,
- style
- } = _ref;
- const {
- ordered,
- values,
- type,
- reversed,
- start,
- placeholder
- } = attributes;
- const tagName = ordered ? 'ol' : 'ul';
-
- const controls = _ref2 => {
- let {
- value,
- onChange,
- onFocus
- } = _ref2;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
- type: "primary",
- character: "[",
- onUse: () => {
- onChange((0,external_wp_richText_namespaceObject.__unstableOutdentListItems)(value));
- }
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
- type: "primary",
- character: "]",
- onUse: () => {
- onChange((0,external_wp_richText_namespaceObject.__unstableIndentListItems)(value, {
- type: tagName
- }));
- }
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
- type: "primary",
- character: "m",
- onUse: () => {
- onChange((0,external_wp_richText_namespaceObject.__unstableIndentListItems)(value, {
- type: tagName
- }));
- }
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
- type: "primaryShift",
- character: "m",
- onUse: () => {
- onChange((0,external_wp_richText_namespaceObject.__unstableOutdentListItems)(value));
- }
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
+ } = attributes;
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ style: {
+ ...(external_wp_element_namespaceObject.Platform.isNative && style),
+ listStyleType: ordered && type !== 'decimal' ? type : undefined
+ }
+ });
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ defaultBlock: list_edit_DEFAULT_BLOCK,
+ directInsert: true,
+ template: list_edit_TEMPLATE,
+ templateLock: false,
+ templateInsertUpdatesSelection: true,
+ ...(external_wp_element_namespaceObject.Platform.isNative && {
+ marginVertical: NATIVE_MARGIN_SPACING,
+ marginHorizontal: NATIVE_MARGIN_SPACING,
+ renderAppender: false
+ }),
+ __experimentalCaptureToolbars: true
+ });
+ useMigrateOnLoad(attributes, clientId);
+ const controls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? format_list_bullets_rtl : format_list_bullets,
title: (0,external_wp_i18n_namespaceObject.__)('Unordered'),
describedBy: (0,external_wp_i18n_namespaceObject.__)('Convert to unordered list'),
- isActive: (0,external_wp_richText_namespaceObject.__unstableIsActiveListType)(value, 'ul', tagName),
+ isActive: ordered === false,
onClick: () => {
- onChange((0,external_wp_richText_namespaceObject.__unstableChangeListType)(value, {
- type: 'ul'
- }));
- onFocus();
-
- if ((0,external_wp_richText_namespaceObject.__unstableIsListRootSelected)(value)) {
- setAttributes({
- ordered: false
- });
- }
- }
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
+ setAttributes({
+ ordered: false
+ });
+ }
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? format_list_numbered_rtl : format_list_numbered,
title: (0,external_wp_i18n_namespaceObject.__)('Ordered'),
describedBy: (0,external_wp_i18n_namespaceObject.__)('Convert to ordered list'),
- isActive: (0,external_wp_richText_namespaceObject.__unstableIsActiveListType)(value, 'ol', tagName),
- onClick: () => {
- onChange((0,external_wp_richText_namespaceObject.__unstableChangeListType)(value, {
- type: 'ol'
- }));
- onFocus();
-
- if ((0,external_wp_richText_namespaceObject.__unstableIsListRootSelected)(value)) {
- setAttributes({
- ordered: true
- });
- }
- }
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? format_outdent_rtl : format_outdent,
- title: (0,external_wp_i18n_namespaceObject.__)('Outdent'),
- describedBy: (0,external_wp_i18n_namespaceObject.__)('Outdent list item'),
- shortcut: (0,external_wp_i18n_namespaceObject._x)('Backspace', 'keyboard key'),
- isDisabled: !(0,external_wp_richText_namespaceObject.__unstableCanOutdentListItems)(value),
- onClick: () => {
- onChange((0,external_wp_richText_namespaceObject.__unstableOutdentListItems)(value));
- onFocus();
- }
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? format_indent_rtl : format_indent,
- title: (0,external_wp_i18n_namespaceObject.__)('Indent'),
- describedBy: (0,external_wp_i18n_namespaceObject.__)('Indent list item'),
- shortcut: (0,external_wp_i18n_namespaceObject._x)('Space', 'keyboard key'),
- isDisabled: !(0,external_wp_richText_namespaceObject.__unstableCanIndentListItems)(value),
+ isActive: ordered === true,
onClick: () => {
- onChange((0,external_wp_richText_namespaceObject.__unstableIndentListItems)(value, {
- type: tagName
- }));
- onFocus();
- }
- })));
- };
-
- const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- style
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, _extends({
- identifier: "values",
- multiline: "li",
- tagName: tagName,
- onChange: nextValues => setAttributes({
- values: nextValues
- }),
- value: values,
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('List text'),
- placeholder: placeholder || (0,external_wp_i18n_namespaceObject.__)('List'),
- onMerge: mergeBlocks,
- onSplit: value => (0,external_wp_blocks_namespaceObject.createBlock)(list_name, { ...attributes,
- values: value
- }),
- __unstableOnSplitMiddle: () => (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph'),
- onReplace: onReplace,
- onRemove: () => onReplace([]),
- start: start,
- reversed: reversed,
- type: type
- }, blockProps), controls), ordered && (0,external_wp_element_namespaceObject.createElement)(ordered_list_settings, {
- setAttributes: setAttributes,
- ordered: ordered,
- reversed: reversed,
- start: start,
- placeholder: placeholder
- }));
+ setAttributes({
+ ordered: true
+ });
+ }
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(IndentUI, {
+ clientId: clientId
+ })]
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(tag_name, {
+ ordered: ordered,
+ reversed: reversed,
+ start: start,
+ ...innerBlocksProps
+ }), controls, ordered && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ordered_list_settings, {
+ setAttributes,
+ reversed,
+ start,
+ type
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function list_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+function list_save_save({
+ attributes
+}) {
const {
ordered,
- values,
type,
reversed,
start
} = attributes;
const TagName = ordered ? 'ol' : 'ul';
- return (0,external_wp_element_namespaceObject.createElement)(TagName, external_wp_blockEditor_namespaceObject.useBlockProps.save({
- type,
- reversed,
- start
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: values,
- multiline: "li"
- }));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ reversed,
+ start,
+ style: {
+ listStyleType: ordered && type !== 'decimal' ? type : undefined
+ }
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list/transforms.js
@@ -22582,19 +29776,24 @@
-function getListContentSchema(_ref) {
- let {
- phrasingContentSchema
- } = _ref;
- const listContentSchema = { ...phrasingContentSchema,
+/**
+ * Internal dependencies
+ */
+
+function getListContentSchema({
+ phrasingContentSchema
+}) {
+ const listContentSchema = {
+ ...phrasingContentSchema,
ul: {},
ol: {
attributes: ['type', 'start', 'reversed']
}
- }; // Recursion is needed.
+ };
+
+ // Recursion is needed.
// Possible: ul > li > ul.
// Impossible: ul > ul.
-
['ul', 'ol'].forEach(tag => {
listContentSchema[tag].children = {
li: {
@@ -22604,54 +29803,48 @@
});
return listContentSchema;
}
-
+function getListContentFlat(blocks) {
+ return blocks.flatMap(({
+ name,
+ attributes,
+ innerBlocks = []
+ }) => {
+ if (name === 'core/list-item') {
+ return [attributes.content, ...getListContentFlat(innerBlocks)];
+ }
+ return getListContentFlat(innerBlocks);
+ });
+}
const list_transforms_transforms = {
from: [{
type: 'block',
isMultiBlock: true,
blocks: ['core/paragraph', 'core/heading'],
transform: blockAttributes => {
+ let childBlocks = [];
+ if (blockAttributes.length > 1) {
+ childBlocks = blockAttributes.map(({
+ content
+ }) => {
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/list-item', {
+ content
+ });
+ });
+ } else if (blockAttributes.length === 1) {
+ const value = (0,external_wp_richText_namespaceObject.create)({
+ html: blockAttributes[0].content
+ });
+ childBlocks = (0,external_wp_richText_namespaceObject.split)(value, '\n').map(result => {
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/list-item', {
+ content: (0,external_wp_richText_namespaceObject.toHTMLString)({
+ value: result
+ })
+ });
+ });
+ }
return (0,external_wp_blocks_namespaceObject.createBlock)('core/list', {
- values: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: (0,external_wp_richText_namespaceObject.join)(blockAttributes.map(_ref2 => {
- let {
- content
- } = _ref2;
- const value = (0,external_wp_richText_namespaceObject.create)({
- html: content
- });
-
- if (blockAttributes.length > 1) {
- return value;
- } // When converting only one block, transform
- // every line to a list item.
-
-
- return (0,external_wp_richText_namespaceObject.replace)(value, /\n/g, external_wp_richText_namespaceObject.__UNSTABLE_LINE_SEPARATOR);
- }), external_wp_richText_namespaceObject.__UNSTABLE_LINE_SEPARATOR),
- multilineTag: 'li'
- }),
anchor: blockAttributes.anchor
- });
- }
- }, {
- type: 'block',
- blocks: ['core/quote', 'core/pullquote'],
- transform: _ref3 => {
- let {
- value,
- anchor
- } = _ref3;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/list', {
- values: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: (0,external_wp_richText_namespaceObject.create)({
- html: value,
- multilineTag: 'p'
- }),
- multilineTag: 'li'
- }),
- anchor
- });
+ }, childBlocks);
}
}, {
type: 'raw',
@@ -22660,142 +29853,45 @@
ol: getListContentSchema(args).ol,
ul: getListContentSchema(args).ul
}),
-
- transform(node) {
- const attributes = {
- ordered: node.nodeName === 'OL',
- anchor: node.id === '' ? undefined : node.id
- };
-
- if (attributes.ordered) {
- const type = node.getAttribute('type');
-
- if (type) {
- attributes.type = type;
- }
-
- if (node.getAttribute('reversed') !== null) {
- attributes.reversed = true;
- }
-
- const start = parseInt(node.getAttribute('start'), 10);
-
- if (!isNaN(start) && ( // start=1 only makes sense if the list is reversed.
- start !== 1 || attributes.reversed)) {
- attributes.start = start;
- }
- }
-
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/list', { ...(0,external_wp_blocks_namespaceObject.getBlockAttributes)('core/list', node.outerHTML),
- ...attributes
- });
- }
-
+ transform: createListBlockFromDOMElement
}, ...['*', '-'].map(prefix => ({
type: 'prefix',
prefix,
-
transform(content) {
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/list', {
- values: `<li>${content}</li>`
- });
- }
-
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/list', {}, [(0,external_wp_blocks_namespaceObject.createBlock)('core/list-item', {
+ content
+ })]);
+ }
})), ...['1.', '1)'].map(prefix => ({
type: 'prefix',
prefix,
-
transform(content) {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/list', {
- ordered: true,
- values: `<li>${content}</li>`
- });
- }
-
+ ordered: true
+ }, [(0,external_wp_blocks_namespaceObject.createBlock)('core/list-item', {
+ content
+ })]);
+ }
}))],
- to: [{
- type: 'block',
- blocks: ['core/paragraph'],
- transform: _ref4 => {
- let {
- values
- } = _ref4;
- return (0,external_wp_richText_namespaceObject.split)((0,external_wp_richText_namespaceObject.create)({
- html: values,
- multilineTag: 'li',
- multilineWrapperTags: ['ul', 'ol']
- }), external_wp_richText_namespaceObject.__UNSTABLE_LINE_SEPARATOR).map(piece => (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
- content: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: piece
- })
- }));
- }
- }, {
- type: 'block',
- blocks: ['core/heading'],
- transform: _ref5 => {
- let {
- values
- } = _ref5;
- return (0,external_wp_richText_namespaceObject.split)((0,external_wp_richText_namespaceObject.create)({
- html: values,
- multilineTag: 'li',
- multilineWrapperTags: ['ul', 'ol']
- }), external_wp_richText_namespaceObject.__UNSTABLE_LINE_SEPARATOR).map(piece => (0,external_wp_blocks_namespaceObject.createBlock)('core/heading', {
- content: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: piece
- })
+ to: [...['core/paragraph', 'core/heading'].map(block => ({
+ type: 'block',
+ blocks: [block],
+ transform: (_attributes, childBlocks) => {
+ return getListContentFlat(childBlocks).map(content => (0,external_wp_blocks_namespaceObject.createBlock)(block, {
+ content
}));
}
- }, {
- type: 'block',
- blocks: ['core/quote'],
- transform: _ref6 => {
- let {
- values,
- anchor
- } = _ref6;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/quote', {
- value: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: (0,external_wp_richText_namespaceObject.create)({
- html: values,
- multilineTag: 'li',
- multilineWrapperTags: ['ul', 'ol']
- }),
- multilineTag: 'p'
- }),
- anchor
- });
- }
- }, {
- type: 'block',
- blocks: ['core/pullquote'],
- transform: _ref7 => {
- let {
- values,
- anchor
- } = _ref7;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/pullquote', {
- value: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: (0,external_wp_richText_namespaceObject.create)({
- html: values,
- multilineTag: 'li',
- multilineWrapperTags: ['ul', 'ol']
- }),
- multilineTag: 'p'
- }),
- anchor
- });
- }
- }]
-};
-/* harmony default export */ var list_transforms = (list_transforms_transforms);
+ }))]
+};
+/* harmony default export */ const list_transforms = (list_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list/index.js
/**
* WordPress dependencies
*/
+
+
/**
* Internal dependencies
*/
@@ -22804,10 +29900,11 @@
const list_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/list",
title: "List",
category: "text",
+ allowedBlocks: ["core/list-item"],
description: "Create a bulleted or numbered list.",
keywords: ["bullet list", "ordered list", "numbered list"],
textdomain: "default",
@@ -22841,15 +29938,16 @@
},
supports: {
anchor: true,
- className: false,
- typography: {
- fontSize: true,
- __experimentalFontFamily: true,
- lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
+ html: false,
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
__experimentalDefaultControls: {
fontSize: true
}
@@ -22862,105 +29960,799 @@
text: true
}
},
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
__unstablePasteTextInline: true,
- __experimentalSelector: "ol,ul",
- __experimentalSlashInserter: true
+ __experimentalOnMerge: true,
+ __experimentalSlashInserter: true,
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-list-editor",
style: "wp-block-list"
};
-
const {
name: list_name
} = list_metadata;
-const settingsV1 = {
+const list_settings = {
icon: library_list,
example: {
- attributes: {
- values: '<li>Alice.</li><li>The White Rabbit.</li><li>The Cheshire Cat.</li><li>The Mad Hatter.</li><li>The Queen of Hearts.</li>'
- }
+ innerBlocks: [{
+ name: 'core/list-item',
+ attributes: {
+ content: (0,external_wp_i18n_namespaceObject.__)('Alice.')
+ }
+ }, {
+ name: 'core/list-item',
+ attributes: {
+ content: (0,external_wp_i18n_namespaceObject.__)('The White Rabbit.')
+ }
+ }, {
+ name: 'core/list-item',
+ attributes: {
+ content: (0,external_wp_i18n_namespaceObject.__)('The Cheshire Cat.')
+ }
+ }, {
+ name: 'core/list-item',
+ attributes: {
+ content: (0,external_wp_i18n_namespaceObject.__)('The Mad Hatter.')
+ }
+ }, {
+ name: 'core/list-item',
+ attributes: {
+ content: (0,external_wp_i18n_namespaceObject.__)('The Queen of Hearts.')
+ }
+ }]
},
transforms: list_transforms,
-
- merge(attributes, attributesToMerge) {
- const {
- values
- } = attributesToMerge;
-
- if (!values || values === '<li></li>') {
- return attributes;
- }
-
- return { ...attributes,
- values: attributes.values + values
- };
- },
-
- edit: ListEdit,
+ edit: list_edit_Edit,
save: list_save_save,
deprecated: list_deprecated
};
-let list_settings = settingsV1;
-
-if (false) { var _window; }
-
-
+
+const list_init = () => initBlock({
+ name: list_name,
+ metadata: list_metadata,
+ settings: list_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/list-item.js
+/**
+ * WordPress dependencies
+ */
+
+
+const listItem = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12 11v1.5h8V11h-8zm-6-1c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+ })
+});
+/* harmony default export */ const list_item = (listItem);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-indent-rtl.js
+/**
+ * WordPress dependencies
+ */
+
+
+const formatIndentRTL = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M20 5.5H4V4H20V5.5ZM12 12.5H4V11H12V12.5ZM20 20V18.5H4V20H20ZM20.0303 9.03033L17.0607 12L20.0303 14.9697L18.9697 16.0303L15.4697 12.5303L14.9393 12L15.4697 11.4697L18.9697 7.96967L20.0303 9.03033Z"
+ })
+});
+/* harmony default export */ const format_indent_rtl = (formatIndentRTL);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-indent.js
+/**
+ * WordPress dependencies
+ */
+
+
+const formatIndent = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4 7.2v1.5h16V7.2H4zm8 8.6h8v-1.5h-8v1.5zm-8-3.5l3 3-3 3 1 1 4-4-4-4-1 1z"
+ })
+});
+/* harmony default export */ const format_indent = (formatIndent);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list-item/hooks/use-indent-list-item.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+function useIndentListItem(clientId) {
+ const {
+ replaceBlocks,
+ selectionChange,
+ multiSelect
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const {
+ getBlock,
+ getPreviousBlockClientId,
+ getSelectionStart,
+ getSelectionEnd,
+ hasMultiSelection,
+ getMultiSelectedBlockClientIds
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ return (0,external_wp_element_namespaceObject.useCallback)(() => {
+ const _hasMultiSelection = hasMultiSelection();
+ const clientIds = _hasMultiSelection ? getMultiSelectedBlockClientIds() : [clientId];
+ const clonedBlocks = clientIds.map(_clientId => (0,external_wp_blocks_namespaceObject.cloneBlock)(getBlock(_clientId)));
+ const previousSiblingId = getPreviousBlockClientId(clientId);
+ const newListItem = (0,external_wp_blocks_namespaceObject.cloneBlock)(getBlock(previousSiblingId));
+ // If the sibling has no innerBlocks, create a new `list` block.
+ if (!newListItem.innerBlocks?.length) {
+ newListItem.innerBlocks = [(0,external_wp_blocks_namespaceObject.createBlock)('core/list')];
+ }
+ // A list item usually has one `list`, but it's possible to have
+ // more. So we need to preserve the previous `list` blocks and
+ // merge the new blocks to the last `list`.
+ newListItem.innerBlocks[newListItem.innerBlocks.length - 1].innerBlocks.push(...clonedBlocks);
+
+ // We get the selection start/end here, because when
+ // we replace blocks, the selection is updated too.
+ const selectionStart = getSelectionStart();
+ const selectionEnd = getSelectionEnd();
+ // Replace the previous sibling of the block being indented and the indented blocks,
+ // with a new block whose attributes are equal to the ones of the previous sibling and
+ // whose descendants are the children of the previous sibling, followed by the indented blocks.
+ replaceBlocks([previousSiblingId, ...clientIds], [newListItem]);
+ if (!_hasMultiSelection) {
+ selectionChange(clonedBlocks[0].clientId, selectionEnd.attributeKey, selectionEnd.clientId === selectionStart.clientId ? selectionStart.offset : selectionEnd.offset, selectionEnd.offset);
+ } else {
+ multiSelect(clonedBlocks[0].clientId, clonedBlocks[clonedBlocks.length - 1].clientId);
+ }
+ return true;
+ }, [clientId]);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list-item/hooks/use-outdent-list-item.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+function useOutdentListItem() {
+ const registry = (0,external_wp_data_namespaceObject.useRegistry)();
+ const {
+ moveBlocksToPosition,
+ removeBlock,
+ insertBlock,
+ updateBlockListSettings
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const {
+ getBlockRootClientId,
+ getBlockName,
+ getBlockOrder,
+ getBlockIndex,
+ getSelectedBlockClientIds,
+ getBlock,
+ getBlockListSettings
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ function getParentListItemId(id) {
+ const listId = getBlockRootClientId(id);
+ const parentListItemId = getBlockRootClientId(listId);
+ if (!parentListItemId) {
+ return;
+ }
+ if (getBlockName(parentListItemId) !== 'core/list-item') {
+ return;
+ }
+ return parentListItemId;
+ }
+ return (0,external_wp_element_namespaceObject.useCallback)((clientIds = getSelectedBlockClientIds()) => {
+ if (!Array.isArray(clientIds)) {
+ clientIds = [clientIds];
+ }
+ if (!clientIds.length) {
+ return;
+ }
+ const firstClientId = clientIds[0];
+
+ // Can't outdent if it's not a list item.
+ if (getBlockName(firstClientId) !== 'core/list-item') {
+ return;
+ }
+ const parentListItemId = getParentListItemId(firstClientId);
+
+ // Can't outdent if it's at the top level.
+ if (!parentListItemId) {
+ return;
+ }
+ const parentListId = getBlockRootClientId(firstClientId);
+ const lastClientId = clientIds[clientIds.length - 1];
+ const order = getBlockOrder(parentListId);
+ const followingListItems = order.slice(getBlockIndex(lastClientId) + 1);
+ registry.batch(() => {
+ if (followingListItems.length) {
+ let nestedListId = getBlockOrder(firstClientId)[0];
+ if (!nestedListId) {
+ const nestedListBlock = (0,external_wp_blocks_namespaceObject.cloneBlock)(getBlock(parentListId), {}, []);
+ nestedListId = nestedListBlock.clientId;
+ insertBlock(nestedListBlock, 0, firstClientId, false);
+ // Immediately update the block list settings, otherwise
+ // blocks can't be moved here due to canInsert checks.
+ updateBlockListSettings(nestedListId, getBlockListSettings(parentListId));
+ }
+ moveBlocksToPosition(followingListItems, parentListId, nestedListId);
+ }
+ moveBlocksToPosition(clientIds, parentListId, getBlockRootClientId(parentListItemId), getBlockIndex(parentListItemId) + 1);
+ if (!getBlockOrder(parentListId).length) {
+ const shouldSelectParent = false;
+ removeBlock(parentListId, shouldSelectParent);
+ }
+ });
+ return true;
+ }, []);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list-item/hooks/use-enter.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+function use_enter_useEnter(props) {
+ const {
+ replaceBlocks,
+ selectionChange
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const {
+ getBlock,
+ getBlockRootClientId,
+ getBlockIndex,
+ getBlockName
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ const propsRef = (0,external_wp_element_namespaceObject.useRef)(props);
+ propsRef.current = props;
+ const outdentListItem = useOutdentListItem();
+ return (0,external_wp_compose_namespaceObject.useRefEffect)(element => {
+ function onKeyDown(event) {
+ if (event.defaultPrevented || event.keyCode !== external_wp_keycodes_namespaceObject.ENTER) {
+ return;
+ }
+ const {
+ content,
+ clientId
+ } = propsRef.current;
+ if (content.length) {
+ return;
+ }
+ event.preventDefault();
+ const canOutdent = getBlockName(getBlockRootClientId(getBlockRootClientId(propsRef.current.clientId))) === 'core/list-item';
+ if (canOutdent) {
+ outdentListItem();
+ return;
+ }
+ // Here we are in top level list so we need to split.
+ const topParentListBlock = getBlock(getBlockRootClientId(clientId));
+ const blockIndex = getBlockIndex(clientId);
+ const head = (0,external_wp_blocks_namespaceObject.cloneBlock)({
+ ...topParentListBlock,
+ innerBlocks: topParentListBlock.innerBlocks.slice(0, blockIndex)
+ });
+ const middle = (0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)());
+ // Last list item might contain a `list` block innerBlock
+ // In that case append remaining innerBlocks blocks.
+ const after = [...(topParentListBlock.innerBlocks[blockIndex].innerBlocks[0]?.innerBlocks || []), ...topParentListBlock.innerBlocks.slice(blockIndex + 1)];
+ const tail = after.length ? [(0,external_wp_blocks_namespaceObject.cloneBlock)({
+ ...topParentListBlock,
+ innerBlocks: after
+ })] : [];
+ replaceBlocks(topParentListBlock.clientId, [head, middle, ...tail], 1);
+ // We manually change the selection here because we are replacing
+ // a different block than the selected one.
+ selectionChange(middle.clientId);
+ }
+ element.addEventListener('keydown', onKeyDown);
+ return () => {
+ element.removeEventListener('keydown', onKeyDown);
+ };
+ }, []);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list-item/hooks/use-space.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+function useSpace(clientId) {
+ const {
+ getSelectionStart,
+ getSelectionEnd,
+ getBlockIndex
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ const indentListItem = useIndentListItem(clientId);
+ const outdentListItem = useOutdentListItem();
+ return (0,external_wp_compose_namespaceObject.useRefEffect)(element => {
+ function onKeyDown(event) {
+ const {
+ keyCode,
+ shiftKey,
+ altKey,
+ metaKey,
+ ctrlKey
+ } = event;
+ if (event.defaultPrevented || keyCode !== external_wp_keycodes_namespaceObject.SPACE && keyCode !== external_wp_keycodes_namespaceObject.TAB ||
+ // Only override when no modifiers are pressed.
+ altKey || metaKey || ctrlKey) {
+ return;
+ }
+ const selectionStart = getSelectionStart();
+ const selectionEnd = getSelectionEnd();
+ if (selectionStart.offset === 0 && selectionEnd.offset === 0) {
+ if (shiftKey) {
+ // Note that backspace behaviour in defined in onMerge.
+ if (keyCode === external_wp_keycodes_namespaceObject.TAB) {
+ if (outdentListItem()) {
+ event.preventDefault();
+ }
+ }
+ } else if (getBlockIndex(clientId) !== 0) {
+ if (indentListItem()) {
+ event.preventDefault();
+ }
+ }
+ }
+ }
+ element.addEventListener('keydown', onKeyDown);
+ return () => {
+ element.removeEventListener('keydown', onKeyDown);
+ };
+ }, [clientId, indentListItem]);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list-item/hooks/use-merge.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+function useMerge(clientId, onMerge) {
+ const registry = (0,external_wp_data_namespaceObject.useRegistry)();
+ const {
+ getPreviousBlockClientId,
+ getNextBlockClientId,
+ getBlockOrder,
+ getBlockRootClientId,
+ getBlockName
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ const {
+ mergeBlocks,
+ moveBlocksToPosition
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const outdentListItem = useOutdentListItem();
+ function getTrailingId(id) {
+ const order = getBlockOrder(id);
+ if (!order.length) {
+ return id;
+ }
+ return getTrailingId(order[order.length - 1]);
+ }
+ function getParentListItemId(id) {
+ const listId = getBlockRootClientId(id);
+ const parentListItemId = getBlockRootClientId(listId);
+ if (!parentListItemId) {
+ return;
+ }
+ if (getBlockName(parentListItemId) !== 'core/list-item') {
+ return;
+ }
+ return parentListItemId;
+ }
+
+ /**
+ * Return the next list item with respect to the given list item. If none,
+ * return the next list item of the parent list item if it exists.
+ *
+ * @param {string} id A list item client ID.
+ * @return {string?} The client ID of the next list item.
+ */
+ function _getNextId(id) {
+ const next = getNextBlockClientId(id);
+ if (next) {
+ return next;
+ }
+ const parentListItemId = getParentListItemId(id);
+ if (!parentListItemId) {
+ return;
+ }
+ return _getNextId(parentListItemId);
+ }
+
+ /**
+ * Given a client ID, return the client ID of the list item on the next
+ * line, regardless of indentation level.
+ *
+ * @param {string} id The client ID of the current list item.
+ * @return {string?} The client ID of the next list item.
+ */
+ function getNextId(id) {
+ const order = getBlockOrder(id);
+
+ // If the list item does not have a nested list, return the next list
+ // item.
+ if (!order.length) {
+ return _getNextId(id);
+ }
+
+ // Get the first list item in the nested list.
+ return getBlockOrder(order[0])[0];
+ }
+ return forward => {
+ function mergeWithNested(clientIdA, clientIdB) {
+ registry.batch(() => {
+ // When merging a sub list item with a higher next list item, we
+ // also need to move any nested list items. Check if there's a
+ // listed list, and append its nested list items to the current
+ // list.
+ const [nestedListClientId] = getBlockOrder(clientIdB);
+ if (nestedListClientId) {
+ // If we are merging with the previous list item, and the
+ // previous list item does not have nested list, move the
+ // nested list to the previous list item.
+ if (getPreviousBlockClientId(clientIdB) === clientIdA && !getBlockOrder(clientIdA).length) {
+ moveBlocksToPosition([nestedListClientId], clientIdB, clientIdA);
+ } else {
+ moveBlocksToPosition(getBlockOrder(nestedListClientId), nestedListClientId, getBlockRootClientId(clientIdA));
+ }
+ }
+ mergeBlocks(clientIdA, clientIdB);
+ });
+ }
+ if (forward) {
+ const nextBlockClientId = getNextId(clientId);
+ if (!nextBlockClientId) {
+ onMerge(forward);
+ return;
+ }
+ if (getParentListItemId(nextBlockClientId)) {
+ outdentListItem(nextBlockClientId);
+ } else {
+ mergeWithNested(clientId, nextBlockClientId);
+ }
+ } else {
+ // Merging is only done from the top level. For lowel levels, the
+ // list item is outdented instead.
+ const previousBlockClientId = getPreviousBlockClientId(clientId);
+ if (getParentListItemId(clientId)) {
+ outdentListItem(clientId);
+ } else if (previousBlockClientId) {
+ const trailingId = getTrailingId(previousBlockClientId);
+ mergeWithNested(trailingId, clientId);
+ } else {
+ onMerge(forward);
+ }
+ }
+ };
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list-item/edit.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function edit_IndentUI({
+ clientId
+}) {
+ const indentListItem = useIndentListItem(clientId);
+ const outdentListItem = useOutdentListItem();
+ const {
+ canIndent,
+ canOutdent
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getBlockIndex,
+ getBlockRootClientId,
+ getBlockName
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ return {
+ canIndent: getBlockIndex(clientId) > 0,
+ canOutdent: getBlockName(getBlockRootClientId(getBlockRootClientId(clientId))) === 'core/list-item'
+ };
+ }, [clientId]);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? format_outdent_rtl : format_outdent,
+ title: (0,external_wp_i18n_namespaceObject.__)('Outdent'),
+ describedBy: (0,external_wp_i18n_namespaceObject.__)('Outdent list item'),
+ disabled: !canOutdent,
+ onClick: () => outdentListItem()
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? format_indent_rtl : format_indent,
+ title: (0,external_wp_i18n_namespaceObject.__)('Indent'),
+ describedBy: (0,external_wp_i18n_namespaceObject.__)('Indent list item'),
+ isDisabled: !canIndent,
+ onClick: () => indentListItem()
+ })]
+ });
+}
+function ListItemEdit({
+ attributes,
+ setAttributes,
+ clientId,
+ mergeBlocks
+}) {
+ const {
+ placeholder,
+ content
+ } = attributes;
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ renderAppender: false,
+ __unstableDisableDropZone: true
+ });
+ const useEnterRef = use_enter_useEnter({
+ content,
+ clientId
+ });
+ const useSpaceRef = useSpace(clientId);
+ const onMerge = useMerge(clientId, mergeBlocks);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("li", {
+ ...innerBlocksProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([useEnterRef, useSpaceRef]),
+ identifier: "content",
+ tagName: "div",
+ onChange: nextContent => setAttributes({
+ content: nextContent
+ }),
+ value: content,
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('List text'),
+ placeholder: placeholder || (0,external_wp_i18n_namespaceObject.__)('List'),
+ onMerge: onMerge
+ }), innerBlocksProps.children]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(edit_IndentUI, {
+ clientId: clientId
+ })
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list-item/save.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+function list_item_save_save({
+ attributes
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("li", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: attributes.content
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list-item/transforms.js
+/**
+ * WordPress dependencies
+ */
+
+const list_item_transforms_transforms = {
+ to: [{
+ type: 'block',
+ blocks: ['core/paragraph'],
+ transform: (attributes, innerBlocks = []) => [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', attributes), ...innerBlocks.map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block))]
+ }]
+};
+/* harmony default export */ const list_item_transforms = (list_item_transforms_transforms);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/list-item/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+const list_item_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ name: "core/list-item",
+ title: "List item",
+ category: "text",
+ parent: ["core/list"],
+ allowedBlocks: ["core/list"],
+ description: "Create a list item.",
+ textdomain: "default",
+ attributes: {
+ placeholder: {
+ type: "string"
+ },
+ content: {
+ type: "rich-text",
+ source: "rich-text",
+ selector: "li",
+ __experimentalRole: "content"
+ }
+ },
+ supports: {
+ className: false,
+ __experimentalSelector: ".wp-block-list > li",
+ splitting: true,
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ }
+};
+
+
+
+
+const {
+ name: list_item_name
+} = list_item_metadata;
+
+const list_item_settings = {
+ icon: list_item,
+ edit: ListItemEdit,
+ save: list_item_save_save,
+ merge(attributes, attributesToMerge) {
+ return {
+ ...attributes,
+ content: attributes.content + attributesToMerge.content
+ };
+ },
+ transforms: list_item_transforms,
+ [unlock(external_wp_blockEditor_namespaceObject.privateApis).requiresWrapperOnCopy]: true
+};
+const list_item_init = () => initBlock({
+ name: list_item_name,
+ metadata: list_item_metadata,
+ settings: list_item_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/login.js
-
-
-/**
- * WordPress dependencies
- */
-
-const login = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M11 14.5l1.1 1.1 3-3 .5-.5-.6-.6-3-3-1 1 1.7 1.7H5v1.5h7.7L11 14.5zM16.8 5h-7c-1.1 0-2 .9-2 2v1.5h1.5V7c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v10c0 .3-.2.5-.5.5h-7c-.3 0-.5-.2-.5-.5v-1.5H7.8V17c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2z"
-}));
-/* harmony default export */ var library_login = (login);
+/**
+ * WordPress dependencies
+ */
+
+
+const login = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M11 14.5l1.1 1.1 3-3 .5-.5-.6-.6-3-3-1 1 1.7 1.7H5v1.5h7.7L11 14.5zM16.8 5h-7c-1.1 0-2 .9-2 2v1.5h1.5V7c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v10c0 .3-.2.5-.5.5h-7c-.3 0-.5-.2-.5-.5v-1.5H7.8V17c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2z"
+ })
+});
+/* harmony default export */ const library_login = (login);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/loginout/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-function LoginOutEdit(_ref) {
- let {
- attributes,
- setAttributes
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+function LoginOutEdit({
+ attributes,
+ setAttributes
+}) {
const {
displayLoginAsForm,
redirectToCurrent
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Login/out settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Display login as form'),
- checked: displayLoginAsForm,
- onChange: () => setAttributes({
- displayLoginAsForm: !displayLoginAsForm
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Redirect to current URL'),
- checked: redirectToCurrent,
- onChange: () => setAttributes({
- redirectToCurrent: !redirectToCurrent
- })
- }))), (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: 'logged-in'
- }), (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "#login-pseudo-link"
- }, (0,external_wp_i18n_namespaceObject.__)('Log out'))));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display login as form'),
+ checked: displayLoginAsForm,
+ onChange: () => setAttributes({
+ displayLoginAsForm: !displayLoginAsForm
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Redirect to current URL'),
+ checked: redirectToCurrent,
+ onChange: () => setAttributes({
+ redirectToCurrent: !redirectToCurrent
+ })
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: 'logged-in'
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: "#login-pseudo-link",
+ children: (0,external_wp_i18n_namespaceObject.__)('Log out')
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/loginout/index.js
@@ -22968,6 +30760,7 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -22975,7 +30768,7 @@
const loginout_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/loginout",
title: "Login/out",
category: "theme",
@@ -22994,8 +30787,29 @@
},
supports: {
className: true,
- typography: {
- fontSize: false
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
}
};
@@ -23007,262 +30821,108 @@
icon: library_login,
edit: LoginOutEdit
};
+const loginout_init = () => initBlock({
+ name: loginout_name,
+ metadata: loginout_metadata,
+ settings: loginout_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/media-and-text.js
-
-
-/**
- * WordPress dependencies
- */
-
-const mediaAndText = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M3 18h8V6H3v12zM14 7.5V9h7V7.5h-7zm0 5.3h7v-1.5h-7v1.5zm0 3.7h7V15h-7v1.5z"
-}));
-/* harmony default export */ var media_and_text = (mediaAndText);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/media-text/media-container-icon.js
-
-
-/**
- * WordPress dependencies
- */
-
-/* harmony default export */ var media_container_icon = ((0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M18 2l2 4h-2l-2-4h-3l2 4h-2l-2-4h-1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V2zm2 12H10V4.4L11.8 8H20z"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M14 20H4V10h3V8H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3h-2z"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M5 19h8l-1.59-2H9.24l-.84 1.1L7 16.3 5 19z"
-})));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/media-text/media-container.js
-
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-/**
- * Constants
- */
-
-const media_container_ALLOWED_MEDIA_TYPES = ['image', 'video'];
-function imageFillStyles(url, focalPoint) {
+/**
+ * WordPress dependencies
+ */
+
+
+const mediaAndText = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M3 6v11.5h8V6H3Zm11 3h7V7.5h-7V9Zm7 3.5h-7V11h7v1.5ZM14 16h7v-1.5h-7V16Z"
+ })
+});
+/* harmony default export */ const media_and_text = (mediaAndText);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/media-text/constants.js
+/**
+ * WordPress dependencies
+ */
+
+const DEFAULT_MEDIA_SIZE_SLUG = 'full';
+const WIDTH_CONSTRAINT_PERCENTAGE = 15;
+const media_text_constants_LINK_DESTINATION_MEDIA = 'media';
+const media_text_constants_LINK_DESTINATION_ATTACHMENT = 'attachment';
+const constants_TEMPLATE = [['core/paragraph', {
+ placeholder: (0,external_wp_i18n_namespaceObject._x)('Content…', 'content placeholder')
+}]];
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/media-text/deprecated.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+const v1ToV5ImageFillStyles = (url, focalPoint) => {
return url ? {
backgroundImage: `url(${url})`,
backgroundPosition: focalPoint ? `${focalPoint.x * 100}% ${focalPoint.y * 100}%` : `50% 50%`
} : {};
-}
-const ResizableBoxContainer = (0,external_wp_element_namespaceObject.forwardRef)((_ref, ref) => {
- let {
- isSelected,
- isStackedOnMobile,
- ...props
- } = _ref;
- const isMobile = (0,external_wp_compose_namespaceObject.useViewportMatch)('small', '<');
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ResizableBox, _extends({
- ref: ref,
- showHandle: isSelected && (!isMobile || !isStackedOnMobile)
- }, props));
-});
-
-function ToolbarEditButton(_ref2) {
- let {
- mediaId,
- mediaUrl,
- onSelectMedia
- } = _ref2;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "other"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
- mediaId: mediaId,
- mediaURL: mediaUrl,
- allowedTypes: media_container_ALLOWED_MEDIA_TYPES,
- accept: "image/*,video/*",
- onSelect: onSelectMedia
- }));
-}
-
-function PlaceholderContainer(_ref3) {
- let {
- className,
- noticeOperations,
- noticeUI,
- mediaUrl,
- onSelectMedia
- } = _ref3;
-
- const onUploadError = message => {
- noticeOperations.removeAllNotices();
- noticeOperations.createErrorNotice(message);
- };
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockIcon, {
- icon: media_container_icon
- }),
- labels: {
- title: (0,external_wp_i18n_namespaceObject.__)('Media area')
- },
- className: className,
- onSelect: onSelectMedia,
- accept: "image/*,video/*",
- allowedTypes: media_container_ALLOWED_MEDIA_TYPES,
- notices: noticeUI,
- onError: onUploadError,
- disableMediaButtons: mediaUrl
- });
-}
-
-function MediaContainer(props, ref) {
- const {
- className,
- commitWidthChange,
- focalPoint,
- imageFill,
- isSelected,
- isStackedOnMobile,
- mediaAlt,
- mediaId,
- mediaPosition,
- mediaType,
- mediaUrl,
- mediaWidth,
- onSelectMedia,
- onWidthChange
- } = props;
- const isTemporaryMedia = !mediaId && (0,external_wp_blob_namespaceObject.isBlobURL)(mediaUrl);
- const {
- toggleSelection
- } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
-
- if (mediaUrl) {
- const onResizeStart = () => {
- toggleSelection(false);
- };
-
- const onResize = (event, direction, elt) => {
- onWidthChange(parseInt(elt.style.width));
- };
-
- const onResizeStop = (event, direction, elt) => {
- toggleSelection(true);
- commitWidthChange(parseInt(elt.style.width));
- };
-
- const enablePositions = {
- right: mediaPosition === 'left',
- left: mediaPosition === 'right'
- };
- const backgroundStyles = mediaType === 'image' && imageFill ? imageFillStyles(mediaUrl, focalPoint) : {};
- const mediaTypeRenderers = {
- image: () => (0,external_wp_element_namespaceObject.createElement)("img", {
- src: mediaUrl,
- alt: mediaAlt
- }),
- video: () => (0,external_wp_element_namespaceObject.createElement)("video", {
- controls: true,
- src: mediaUrl
- })
- };
- return (0,external_wp_element_namespaceObject.createElement)(ResizableBoxContainer, {
- as: "figure",
- className: classnames_default()(className, 'editor-media-container__resizer', {
- 'is-transient': isTemporaryMedia
- }),
- style: backgroundStyles,
- size: {
- width: mediaWidth + '%'
- },
- minWidth: "10%",
- maxWidth: "100%",
- enable: enablePositions,
- onResizeStart: onResizeStart,
- onResize: onResize,
- onResizeStop: onResizeStop,
- axis: "x",
- isSelected: isSelected,
- isStackedOnMobile: isStackedOnMobile,
- ref: ref
- }, (0,external_wp_element_namespaceObject.createElement)(ToolbarEditButton, {
- onSelectMedia: onSelectMedia,
- mediaUrl: mediaUrl,
- mediaId: mediaId
- }), (mediaTypeRenderers[mediaType] || external_lodash_namespaceObject.noop)(), isTemporaryMedia && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null), (0,external_wp_element_namespaceObject.createElement)(PlaceholderContainer, props));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(PlaceholderContainer, props);
-}
-
-/* harmony default export */ var media_container = ((0,external_wp_components_namespaceObject.withNotices)((0,external_wp_element_namespaceObject.forwardRef)(MediaContainer)));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/media-text/deprecated.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-/**
- * Internal dependencies
- */
-
-
+};
+const v6ImageFillStyles = (url, focalPoint) => {
+ return url ? {
+ backgroundImage: `url(${url})`,
+ backgroundPosition: focalPoint ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : `50% 50%`
+ } : {};
+};
const DEFAULT_MEDIA_WIDTH = 50;
-
+const noop = () => {};
const media_text_deprecated_migrateCustomColors = attributes => {
if (!attributes.customBackgroundColor) {
return attributes;
}
-
const style = {
color: {
background: attributes.customBackgroundColor
}
};
- return { ...(0,external_lodash_namespaceObject.omit)(attributes, ['customBackgroundColor']),
+ const {
+ customBackgroundColor,
+ ...restAttributes
+ } = attributes;
+ return {
+ ...restAttributes,
style
};
};
-const baseAttributes = {
+// After align attribute's default was updated this function explicitly sets
+// the align value for deprecated blocks to the `wide` value which was default
+// for their versions of this block.
+const migrateDefaultAlign = attributes => {
+ if (attributes.align) {
+ return attributes;
+ }
+ return {
+ ...attributes,
+ align: 'wide'
+ };
+};
+const v0Attributes = {
align: {
type: 'string',
default: 'wide'
},
- backgroundColor: {
- type: 'string'
- },
mediaAlt: {
type: 'string',
source: 'attribute',
@@ -23286,11 +30946,449 @@
},
isStackedOnMobile: {
type: 'boolean',
+ default: false
+ }
+};
+const v4ToV5BlockAttributes = {
+ ...v0Attributes,
+ isStackedOnMobile: {
+ type: 'boolean',
default: true
- }
-};
-/* harmony default export */ var media_text_deprecated = ([{
- attributes: { ...baseAttributes,
+ },
+ mediaUrl: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure video,figure img',
+ attribute: 'src'
+ },
+ mediaLink: {
+ type: 'string'
+ },
+ linkDestination: {
+ type: 'string'
+ },
+ linkTarget: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure a',
+ attribute: 'target'
+ },
+ href: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure a',
+ attribute: 'href'
+ },
+ rel: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure a',
+ attribute: 'rel'
+ },
+ linkClass: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure a',
+ attribute: 'class'
+ },
+ mediaSizeSlug: {
+ type: 'string'
+ },
+ verticalAlignment: {
+ type: 'string'
+ },
+ imageFill: {
+ type: 'boolean'
+ },
+ focalPoint: {
+ type: 'object'
+ }
+};
+const v6Attributes = {
+ ...v4ToV5BlockAttributes,
+ mediaAlt: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure img',
+ attribute: 'alt',
+ default: '',
+ __experimentalRole: 'content'
+ },
+ mediaId: {
+ type: 'number',
+ __experimentalRole: 'content'
+ },
+ mediaUrl: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure video,figure img',
+ attribute: 'src',
+ __experimentalRole: 'content'
+ },
+ href: {
+ type: 'string',
+ source: 'attribute',
+ selector: 'figure a',
+ attribute: 'href',
+ __experimentalRole: 'content'
+ },
+ mediaType: {
+ type: 'string',
+ __experimentalRole: 'content'
+ }
+};
+const v4ToV5Supports = {
+ anchor: true,
+ align: ['wide', 'full'],
+ html: false,
+ color: {
+ gradients: true,
+ link: true
+ }
+};
+const v6Supports = {
+ ...v4ToV5Supports,
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ }
+};
+
+// Version with wide as the default alignment.
+// See: https://github.com/WordPress/gutenberg/pull/48404
+const media_text_deprecated_v6 = {
+ attributes: v6Attributes,
+ supports: v6Supports,
+ save({
+ attributes
+ }) {
+ const {
+ isStackedOnMobile,
+ mediaAlt,
+ mediaPosition,
+ mediaType,
+ mediaUrl,
+ mediaWidth,
+ mediaId,
+ verticalAlignment,
+ imageFill,
+ focalPoint,
+ linkClass,
+ href,
+ linkTarget,
+ rel
+ } = attributes;
+ const mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;
+ const newRel = !rel ? undefined : rel;
+ const imageClasses = dist_clsx({
+ [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
+ [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
+ });
+ let image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: mediaUrl,
+ alt: mediaAlt,
+ className: imageClasses || null
+ });
+ if (href) {
+ image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: linkClass,
+ href: href,
+ target: linkTarget,
+ rel: newRel,
+ children: image
+ });
+ }
+ const mediaTypeRenders = {
+ image: () => image,
+ video: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ controls: true,
+ src: mediaUrl
+ })
+ };
+ const className = dist_clsx({
+ 'has-media-on-the-right': 'right' === mediaPosition,
+ 'is-stacked-on-mobile': isStackedOnMobile,
+ [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
+ 'is-image-fill': imageFill
+ });
+ const backgroundStyles = imageFill ? v6ImageFillStyles(mediaUrl, focalPoint) : {};
+ let gridTemplateColumns;
+ if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
+ gridTemplateColumns = 'right' === mediaPosition ? `auto ${mediaWidth}%` : `${mediaWidth}% auto`;
+ }
+ const style = {
+ gridTemplateColumns
+ };
+ if ('right' === mediaPosition) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-media-text__content'
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ className: "wp-block-media-text__media",
+ style: backgroundStyles,
+ children: (mediaTypeRenders[mediaType] || noop)()
+ })]
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ className: "wp-block-media-text__media",
+ style: backgroundStyles,
+ children: (mediaTypeRenders[mediaType] || noop)()
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-media-text__content'
+ })
+ })]
+ });
+ },
+ migrate: migrateDefaultAlign,
+ isEligible(attributes, innerBlocks, {
+ block
+ }) {
+ const {
+ attributes: finalizedAttributes
+ } = block;
+ // When the align attribute defaults to none, valid block markup should
+ // not contain any alignment CSS class. Unfortunately, this
+ // deprecation's version of the block won't be invalidated due to the
+ // alignwide class still being in the markup. That is because the custom
+ // CSS classname support picks it up and adds it to the className
+ // attribute. At the time of parsing, the className attribute won't
+ // contain the alignwide class, hence the need to check the finalized
+ // block attributes.
+ return attributes.align === undefined && !!finalizedAttributes.className?.includes('alignwide');
+ }
+};
+
+// Version with non-rounded background position attribute for focal point.
+// See: https://github.com/WordPress/gutenberg/pull/33915
+const media_text_deprecated_v5 = {
+ attributes: v4ToV5BlockAttributes,
+ supports: v4ToV5Supports,
+ save({
+ attributes
+ }) {
+ const {
+ isStackedOnMobile,
+ mediaAlt,
+ mediaPosition,
+ mediaType,
+ mediaUrl,
+ mediaWidth,
+ mediaId,
+ verticalAlignment,
+ imageFill,
+ focalPoint,
+ linkClass,
+ href,
+ linkTarget,
+ rel
+ } = attributes;
+ const mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;
+ const newRel = !rel ? undefined : rel;
+ const imageClasses = dist_clsx({
+ [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
+ [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
+ });
+ let image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: mediaUrl,
+ alt: mediaAlt,
+ className: imageClasses || null
+ });
+ if (href) {
+ image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: linkClass,
+ href: href,
+ target: linkTarget,
+ rel: newRel,
+ children: image
+ });
+ }
+ const mediaTypeRenders = {
+ image: () => image,
+ video: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ controls: true,
+ src: mediaUrl
+ })
+ };
+ const className = dist_clsx({
+ 'has-media-on-the-right': 'right' === mediaPosition,
+ 'is-stacked-on-mobile': isStackedOnMobile,
+ [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
+ 'is-image-fill': imageFill
+ });
+ const backgroundStyles = imageFill ? v1ToV5ImageFillStyles(mediaUrl, focalPoint) : {};
+ let gridTemplateColumns;
+ if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
+ gridTemplateColumns = 'right' === mediaPosition ? `auto ${mediaWidth}%` : `${mediaWidth}% auto`;
+ }
+ const style = {
+ gridTemplateColumns
+ };
+ if ('right' === mediaPosition) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-media-text__content'
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ className: "wp-block-media-text__media",
+ style: backgroundStyles,
+ children: (mediaTypeRenders[mediaType] || noop)()
+ })]
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ className: "wp-block-media-text__media",
+ style: backgroundStyles,
+ children: (mediaTypeRenders[mediaType] || noop)()
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-media-text__content'
+ })
+ })]
+ });
+ },
+ migrate: migrateDefaultAlign
+};
+
+// Version with CSS grid
+// See: https://github.com/WordPress/gutenberg/pull/40806
+const media_text_deprecated_v4 = {
+ attributes: v4ToV5BlockAttributes,
+ supports: v4ToV5Supports,
+ save({
+ attributes
+ }) {
+ const {
+ isStackedOnMobile,
+ mediaAlt,
+ mediaPosition,
+ mediaType,
+ mediaUrl,
+ mediaWidth,
+ mediaId,
+ verticalAlignment,
+ imageFill,
+ focalPoint,
+ linkClass,
+ href,
+ linkTarget,
+ rel
+ } = attributes;
+ const mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;
+ const newRel = !rel ? undefined : rel;
+ const imageClasses = dist_clsx({
+ [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
+ [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
+ });
+ let image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: mediaUrl,
+ alt: mediaAlt,
+ className: imageClasses || null
+ });
+ if (href) {
+ image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: linkClass,
+ href: href,
+ target: linkTarget,
+ rel: newRel,
+ children: image
+ });
+ }
+ const mediaTypeRenders = {
+ image: () => image,
+ video: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ controls: true,
+ src: mediaUrl
+ })
+ };
+ const className = dist_clsx({
+ 'has-media-on-the-right': 'right' === mediaPosition,
+ 'is-stacked-on-mobile': isStackedOnMobile,
+ [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
+ 'is-image-fill': imageFill
+ });
+ const backgroundStyles = imageFill ? v1ToV5ImageFillStyles(mediaUrl, focalPoint) : {};
+ let gridTemplateColumns;
+ if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
+ gridTemplateColumns = 'right' === mediaPosition ? `auto ${mediaWidth}%` : `${mediaWidth}% auto`;
+ }
+ const style = {
+ gridTemplateColumns
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ className: "wp-block-media-text__media",
+ style: backgroundStyles,
+ children: (mediaTypeRenders[mediaType] || noop)()
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-media-text__content'
+ })
+ })]
+ });
+ },
+ migrate: migrateDefaultAlign
+};
+
+// Version with ad-hoc color attributes
+// See: https://github.com/WordPress/gutenberg/pull/21169
+const media_text_deprecated_v3 = {
+ attributes: {
+ ...v0Attributes,
+ isStackedOnMobile: {
+ type: 'boolean',
+ default: true
+ },
+ backgroundColor: {
+ type: 'string'
+ },
customBackgroundColor: {
type: 'string'
},
@@ -23334,12 +31432,10 @@
type: 'object'
}
},
- migrate: media_text_deprecated_migrateCustomColors,
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+ migrate: (0,external_wp_compose_namespaceObject.compose)(media_text_deprecated_migrateCustomColors, migrateDefaultAlign),
+ save({
+ attributes
+ }) {
const {
backgroundColor,
customBackgroundColor,
@@ -23358,31 +31454,30 @@
linkTarget,
rel
} = attributes;
- const newRel = (0,external_lodash_namespaceObject.isEmpty)(rel) ? undefined : rel;
- let image = (0,external_wp_element_namespaceObject.createElement)("img", {
+ const newRel = !rel ? undefined : rel;
+ let image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
src: mediaUrl,
alt: mediaAlt,
className: mediaId && mediaType === 'image' ? `wp-image-${mediaId}` : null
});
-
if (href) {
- image = (0,external_wp_element_namespaceObject.createElement)("a", {
+ image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
className: linkClass,
href: href,
target: linkTarget,
- rel: newRel
- }, image);
- }
-
+ rel: newRel,
+ children: image
+ });
+ }
const mediaTypeRenders = {
image: () => image,
- video: () => (0,external_wp_element_namespaceObject.createElement)("video", {
+ video: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
controls: true,
src: mediaUrl
})
};
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
- const className = classnames_default()({
+ const className = dist_clsx({
'has-media-on-the-right': 'right' === mediaPosition,
'has-background': backgroundClass || customBackgroundColor,
[backgroundClass]: backgroundClass,
@@ -23390,30 +31485,38 @@
[`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
'is-image-fill': imageFill
});
- const backgroundStyles = imageFill ? imageFillStyles(mediaUrl, focalPoint) : {};
+ const backgroundStyles = imageFill ? v1ToV5ImageFillStyles(mediaUrl, focalPoint) : {};
let gridTemplateColumns;
-
if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
gridTemplateColumns = 'right' === mediaPosition ? `auto ${mediaWidth}%` : `${mediaWidth}% auto`;
}
-
const style = {
backgroundColor: backgroundClass ? undefined : customBackgroundColor,
gridTemplateColumns
};
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
className: className,
- style: style
- }, (0,external_wp_element_namespaceObject.createElement)("figure", {
- className: "wp-block-media-text__media",
- style: backgroundStyles
- }, (mediaTypeRenders[mediaType] || external_lodash_namespaceObject.noop)()), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-media-text__content"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null)));
- }
-
-}, {
- attributes: { ...baseAttributes,
+ style: style,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ className: "wp-block-media-text__media",
+ style: backgroundStyles,
+ children: (mediaTypeRenders[mediaType] || noop)()
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-media-text__content",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ })]
+ });
+ }
+};
+
+// Version with stack on mobile off by default
+// See: https://github.com/WordPress/gutenberg/pull/14364
+const media_text_deprecated_v2 = {
+ attributes: {
+ ...v0Attributes,
+ backgroundColor: {
+ type: 'string'
+ },
customBackgroundColor: {
type: 'string'
},
@@ -23433,12 +31536,10 @@
type: 'object'
}
},
- migrate: media_text_deprecated_migrateCustomColors,
-
- save(_ref2) {
- let {
- attributes
- } = _ref2;
+ migrate: (0,external_wp_compose_namespaceObject.compose)(media_text_deprecated_migrateCustomColors, migrateDefaultAlign),
+ save({
+ attributes
+ }) {
const {
backgroundColor,
customBackgroundColor,
@@ -23454,48 +31555,56 @@
focalPoint
} = attributes;
const mediaTypeRenders = {
- image: () => (0,external_wp_element_namespaceObject.createElement)("img", {
+ image: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
src: mediaUrl,
alt: mediaAlt,
className: mediaId && mediaType === 'image' ? `wp-image-${mediaId}` : null
}),
- video: () => (0,external_wp_element_namespaceObject.createElement)("video", {
+ video: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
controls: true,
src: mediaUrl
})
};
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
- const className = classnames_default()({
+ const className = dist_clsx({
'has-media-on-the-right': 'right' === mediaPosition,
[backgroundClass]: backgroundClass,
'is-stacked-on-mobile': isStackedOnMobile,
[`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
'is-image-fill': imageFill
});
- const backgroundStyles = imageFill ? imageFillStyles(mediaUrl, focalPoint) : {};
+ const backgroundStyles = imageFill ? v1ToV5ImageFillStyles(mediaUrl, focalPoint) : {};
let gridTemplateColumns;
-
if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
gridTemplateColumns = 'right' === mediaPosition ? `auto ${mediaWidth}%` : `${mediaWidth}% auto`;
}
-
const style = {
backgroundColor: backgroundClass ? undefined : customBackgroundColor,
gridTemplateColumns
};
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
className: className,
- style: style
- }, (0,external_wp_element_namespaceObject.createElement)("figure", {
- className: "wp-block-media-text__media",
- style: backgroundStyles
- }, (mediaTypeRenders[mediaType] || external_lodash_namespaceObject.noop)()), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-media-text__content"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null)));
- }
-
-}, {
- attributes: { ...baseAttributes,
+ style: style,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ className: "wp-block-media-text__media",
+ style: backgroundStyles,
+ children: (mediaTypeRenders[mediaType] || noop)()
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-media-text__content",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ })]
+ });
+ }
+};
+
+// Version without the wp-image-#### class on image
+// See: https://github.com/WordPress/gutenberg/pull/11922
+const media_text_deprecated_v1 = {
+ attributes: {
+ ...v0Attributes,
+ backgroundColor: {
+ type: 'string'
+ },
customBackgroundColor: {
type: 'string'
},
@@ -23506,11 +31615,10 @@
attribute: 'src'
}
},
-
- save(_ref3) {
- let {
- attributes
- } = _ref3;
+ migrate: migrateDefaultAlign,
+ save({
+ attributes
+ }) {
const {
backgroundColor,
customBackgroundColor,
@@ -23522,99 +31630,110 @@
mediaWidth
} = attributes;
const mediaTypeRenders = {
- image: () => (0,external_wp_element_namespaceObject.createElement)("img", {
+ image: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
src: mediaUrl,
alt: mediaAlt
}),
- video: () => (0,external_wp_element_namespaceObject.createElement)("video", {
+ video: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
controls: true,
src: mediaUrl
})
};
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
- const className = classnames_default()({
+ const className = dist_clsx({
'has-media-on-the-right': 'right' === mediaPosition,
[backgroundClass]: backgroundClass,
'is-stacked-on-mobile': isStackedOnMobile
});
let gridTemplateColumns;
-
if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
gridTemplateColumns = 'right' === mediaPosition ? `auto ${mediaWidth}%` : `${mediaWidth}% auto`;
}
-
const style = {
backgroundColor: backgroundClass ? undefined : customBackgroundColor,
gridTemplateColumns
};
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
className: className,
- style: style
- }, (0,external_wp_element_namespaceObject.createElement)("figure", {
- className: "wp-block-media-text__media"
- }, (mediaTypeRenders[mediaType] || external_lodash_namespaceObject.noop)()), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-media-text__content"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null)));
- }
-
-}]);
+ style: style,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ className: "wp-block-media-text__media",
+ children: (mediaTypeRenders[mediaType] || noop)()
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-media-text__content",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ })]
+ });
+ }
+};
+/* harmony default export */ const media_text_deprecated = ([media_text_deprecated_v6, media_text_deprecated_v5, media_text_deprecated_v4, media_text_deprecated_v3, media_text_deprecated_v2, media_text_deprecated_v1]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/pull-left.js
-
-
-/**
- * WordPress dependencies
- */
-
-const pullLeft = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 18h6V6H4v12zm9-9.5V10h7V8.5h-7zm0 7h7V14h-7v1.5z"
-}));
-/* harmony default export */ var pull_left = (pullLeft);
+/**
+ * WordPress dependencies
+ */
+
+
+const pullLeft = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4 18h6V6H4v12zm9-9.5V10h7V8.5h-7zm0 7h7V14h-7v1.5z"
+ })
+});
+/* harmony default export */ const pull_left = (pullLeft);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/pull-right.js
-
-
-/**
- * WordPress dependencies
- */
-
-const pullRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M14 6v12h6V6h-6zM4 10h7V8.5H4V10zm0 5.5h7V14H4v1.5z"
-}));
-/* harmony default export */ var pull_right = (pullRight);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/media-text/constants.js
-const DEFAULT_MEDIA_SIZE_SLUG = 'full';
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/media-text/edit.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
+
+const pullRight = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M14 6v12h6V6h-6zM4 10h7V8.5H4V10zm0 5.5h7V14H4v1.5z"
+ })
+});
+/* harmony default export */ const pull_right = (pullRight);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/media.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+const media = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "m7 6.5 4 2.5-4 2.5z"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ fillRule: "evenodd",
+ clipRule: "evenodd",
+ d: "m5 3c-1.10457 0-2 .89543-2 2v14c0 1.1046.89543 2 2 2h14c1.1046 0 2-.8954 2-2v-14c0-1.10457-.8954-2-2-2zm14 1.5h-14c-.27614 0-.5.22386-.5.5v10.7072l3.62953-2.6465c.25108-.1831.58905-.1924.84981-.0234l2.92666 1.8969 3.5712-3.4719c.2911-.2831.7545-.2831 1.0456 0l2.9772 2.8945v-9.3568c0-.27614-.2239-.5-.5-.5zm-14.5 14.5v-1.4364l4.09643-2.987 2.99567 1.9417c.2936.1903.6798.1523.9307-.0917l3.4772-3.3806 3.4772 3.3806.0228-.0234v2.5968c0 .2761-.2239.5-.5.5h-14c-.27614 0-.5-.2239-.5-.5z"
+ })]
+});
+/* harmony default export */ const library_media = (media);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/media-text/media-container.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
@@ -23622,32 +31741,217 @@
* Constants
*/
-const media_text_edit_TEMPLATE = [['core/paragraph', {
- placeholder: (0,external_wp_i18n_namespaceObject._x)('Content…', 'content placeholder')
-}]]; // this limits the resize to a safe zone to avoid making broken layouts
-
-const WIDTH_CONSTRAINT_PERCENTAGE = 15;
-
+
+const media_container_ALLOWED_MEDIA_TYPES = ['image', 'video'];
+const media_container_noop = () => {};
+function imageFillStyles(url, focalPoint) {
+ return url ? {
+ backgroundImage: `url(${url})`,
+ backgroundPosition: focalPoint ? `${Math.round(focalPoint.x * 100)}% ${Math.round(focalPoint.y * 100)}%` : `50% 50%`
+ } : {};
+}
+const ResizableBoxContainer = (0,external_wp_element_namespaceObject.forwardRef)(({
+ isSelected,
+ isStackedOnMobile,
+ ...props
+}, ref) => {
+ const isMobile = (0,external_wp_compose_namespaceObject.useViewportMatch)('small', '<');
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ResizableBox, {
+ ref: ref,
+ showHandle: isSelected && (!isMobile || !isStackedOnMobile),
+ ...props
+ });
+});
+function ToolbarEditButton({
+ mediaId,
+ mediaUrl,
+ onSelectMedia,
+ toggleUseFeaturedImage,
+ useFeaturedImage,
+ featuredImageURL
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
+ mediaId: mediaId,
+ mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
+ allowedTypes: media_container_ALLOWED_MEDIA_TYPES,
+ accept: "image/*,video/*",
+ onSelect: onSelectMedia,
+ onToggleFeaturedImage: toggleUseFeaturedImage,
+ useFeaturedImage: useFeaturedImage
+ })
+ });
+}
+function PlaceholderContainer({
+ className,
+ mediaUrl,
+ onSelectMedia,
+ toggleUseFeaturedImage
+}) {
+ const {
+ createErrorNotice
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
+ const onUploadError = message => {
+ createErrorNotice(message, {
+ type: 'snackbar'
+ });
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+ icon: library_media
+ }),
+ labels: {
+ title: (0,external_wp_i18n_namespaceObject.__)('Media area')
+ },
+ className: className,
+ onSelect: onSelectMedia,
+ accept: "image/*,video/*",
+ onToggleFeaturedImage: toggleUseFeaturedImage,
+ allowedTypes: media_container_ALLOWED_MEDIA_TYPES,
+ onError: onUploadError,
+ disableMediaButtons: mediaUrl
+ });
+}
+function MediaContainer(props, ref) {
+ const {
+ className,
+ commitWidthChange,
+ focalPoint,
+ imageFill,
+ isSelected,
+ isStackedOnMobile,
+ mediaAlt,
+ mediaId,
+ mediaPosition,
+ mediaType,
+ mediaUrl,
+ mediaWidth,
+ onSelectMedia,
+ onWidthChange,
+ enableResize,
+ toggleUseFeaturedImage,
+ useFeaturedImage,
+ featuredImageURL,
+ featuredImageAlt
+ } = props;
+ const isTemporaryMedia = !mediaId && (0,external_wp_blob_namespaceObject.isBlobURL)(mediaUrl);
+ const {
+ toggleSelection
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ if (mediaUrl || featuredImageURL || useFeaturedImage) {
+ const onResizeStart = () => {
+ toggleSelection(false);
+ };
+ const onResize = (event, direction, elt) => {
+ onWidthChange(parseInt(elt.style.width));
+ };
+ const onResizeStop = (event, direction, elt) => {
+ toggleSelection(true);
+ commitWidthChange(parseInt(elt.style.width));
+ };
+ const enablePositions = {
+ right: enableResize && mediaPosition === 'left',
+ left: enableResize && mediaPosition === 'right'
+ };
+ const backgroundStyles = mediaType === 'image' && imageFill ? imageFillStyles(mediaUrl || featuredImageURL, focalPoint) : {};
+ const mediaTypeRenderers = {
+ image: () => useFeaturedImage && featuredImageURL ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: featuredImageURL,
+ alt: featuredImageAlt
+ }) : mediaUrl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: mediaUrl,
+ alt: mediaAlt
+ }),
+ video: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ controls: true,
+ src: mediaUrl
+ })
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(ResizableBoxContainer, {
+ as: "figure",
+ className: dist_clsx(className, 'editor-media-container__resizer', {
+ 'is-transient': isTemporaryMedia
+ }),
+ style: backgroundStyles,
+ size: {
+ width: mediaWidth + '%'
+ },
+ minWidth: "10%",
+ maxWidth: "100%",
+ enable: enablePositions,
+ onResizeStart: onResizeStart,
+ onResize: onResize,
+ onResizeStop: onResizeStop,
+ axis: "x",
+ isSelected: isSelected,
+ isStackedOnMobile: isStackedOnMobile,
+ ref: ref,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ToolbarEditButton, {
+ onSelectMedia: onSelectMedia,
+ mediaUrl: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
+ mediaId: mediaId,
+ toggleUseFeaturedImage: toggleUseFeaturedImage,
+ useFeaturedImage: useFeaturedImage
+ }), (mediaTypeRenderers[mediaType] || media_container_noop)(), isTemporaryMedia && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {}), !useFeaturedImage && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PlaceholderContainer, {
+ ...props
+ }), !featuredImageURL && useFeaturedImage && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ className: "wp-block-media-text--placeholder-image",
+ withIllustration: true
+ })]
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PlaceholderContainer, {
+ ...props
+ });
+}
+/* harmony default export */ const media_container = ((0,external_wp_element_namespaceObject.forwardRef)(MediaContainer));
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/media-text/edit.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+
+const {
+ ResolutionTool: edit_ResolutionTool
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+
+// this limits the resize to a safe zone to avoid making broken layouts
const applyWidthConstraints = width => Math.max(WIDTH_CONSTRAINT_PERCENTAGE, Math.min(width, 100 - WIDTH_CONSTRAINT_PERCENTAGE));
-
-const edit_LINK_DESTINATION_MEDIA = 'media';
-const edit_LINK_DESTINATION_ATTACHMENT = 'attachment';
-
function getImageSourceUrlBySizeSlug(image, slug) {
- var _image$media_details, _image$media_details$, _image$media_details$2;
-
// eslint-disable-next-line camelcase
- return image === null || image === void 0 ? void 0 : (_image$media_details = image.media_details) === null || _image$media_details === void 0 ? void 0 : (_image$media_details$ = _image$media_details.sizes) === null || _image$media_details$ === void 0 ? void 0 : (_image$media_details$2 = _image$media_details$[slug]) === null || _image$media_details$2 === void 0 ? void 0 : _image$media_details$2.source_url;
-}
-
-function edit_attributesFromMedia(_ref) {
- let {
- attributes: {
- linkDestination,
- href
- },
- setAttributes
- } = _ref;
+ return image?.media_details?.sizes?.[slug]?.source_url;
+}
+function edit_attributesFromMedia({
+ attributes: {
+ linkDestination,
+ href
+ },
+ setAttributes
+}) {
return media => {
if (!media || !media.url) {
setAttributes({
@@ -23661,14 +31965,12 @@
});
return;
}
-
if ((0,external_wp_blob_namespaceObject.isBlobURL)(media.url)) {
media.type = (0,external_wp_blob_namespaceObject.getBlobTypeByURL)(media.url);
}
-
let mediaType;
- let src; // For media selections originated from a file upload.
-
+ let src;
+ // For media selections originated from a file upload.
if (media.media_type) {
if (media.media_type === 'image') {
mediaType = 'image';
@@ -23681,28 +31983,23 @@
// For media selections originated from existing files in the media library.
mediaType = media.type;
}
-
if (mediaType === 'image') {
- var _media$sizes, _media$sizes$large, _media$media_details, _media$media_details$, _media$media_details$2;
-
// Try the "large" size URL, falling back to the "full" size URL below.
- src = ((_media$sizes = media.sizes) === null || _media$sizes === void 0 ? void 0 : (_media$sizes$large = _media$sizes.large) === null || _media$sizes$large === void 0 ? void 0 : _media$sizes$large.url) || ( // eslint-disable-next-line camelcase
- (_media$media_details = media.media_details) === null || _media$media_details === void 0 ? void 0 : (_media$media_details$ = _media$media_details.sizes) === null || _media$media_details$ === void 0 ? void 0 : (_media$media_details$2 = _media$media_details$.large) === null || _media$media_details$2 === void 0 ? void 0 : _media$media_details$2.source_url);
- }
-
+ src = media.sizes?.large?.url ||
+ // eslint-disable-next-line camelcase
+ media.media_details?.sizes?.large?.source_url;
+ }
let newHref = href;
-
- if (linkDestination === edit_LINK_DESTINATION_MEDIA) {
+ if (linkDestination === media_text_constants_LINK_DESTINATION_MEDIA) {
// Update the media link.
newHref = media.url;
- } // Check if the image is linked to the attachment page.
-
-
- if (linkDestination === edit_LINK_DESTINATION_ATTACHMENT) {
+ }
+
+ // Check if the image is linked to the attachment page.
+ if (linkDestination === media_text_constants_LINK_DESTINATION_ATTACHMENT) {
// Update the media link.
newHref = media.link;
}
-
setAttributes({
mediaAlt: media.alt,
mediaId: media.id,
@@ -23714,13 +32011,15 @@
});
};
}
-
-function MediaTextEdit(_ref2) {
- let {
- attributes,
- isSelected,
- setAttributes
- } = _ref2;
+function MediaTextEdit({
+ attributes,
+ isSelected,
+ setAttributes,
+ context: {
+ postId,
+ postType
+ }
+}) {
const {
focalPoint,
href,
@@ -23736,14 +32035,48 @@
mediaUrl,
mediaWidth,
rel,
- verticalAlignment
+ verticalAlignment,
+ allowedBlocks,
+ useFeaturedImage
} = attributes;
const mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;
- const image = (0,external_wp_data_namespaceObject.useSelect)(select => mediaId && isSelected ? select(external_wp_coreData_namespaceObject.store).getMedia(mediaId, {
+ const [featuredImage] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'featured_media', postId);
+ const featuredImageMedia = (0,external_wp_data_namespaceObject.useSelect)(select => featuredImage && select(external_wp_coreData_namespaceObject.store).getMedia(featuredImage, {
context: 'view'
- }) : null, [isSelected, mediaId]);
+ }), [featuredImage]);
+ const featuredImageURL = useFeaturedImage ? featuredImageMedia?.source_url : '';
+ const featuredImageAlt = useFeaturedImage ? featuredImageMedia?.alt_text : '';
+ const toggleUseFeaturedImage = () => {
+ setAttributes({
+ imageFill: false,
+ mediaType: 'image',
+ mediaId: undefined,
+ mediaUrl: undefined,
+ mediaAlt: undefined,
+ mediaLink: undefined,
+ linkDestination: undefined,
+ linkTarget: undefined,
+ linkClass: undefined,
+ rel: undefined,
+ href: undefined,
+ useFeaturedImage: !useFeaturedImage
+ });
+ };
+ const {
+ imageSizes,
+ image
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getSettings
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ return {
+ image: mediaId && isSelected ? select(external_wp_coreData_namespaceObject.store).getMedia(mediaId, {
+ context: 'view'
+ }) : null,
+ imageSizes: getSettings()?.imageSizes
+ };
+ }, [isSelected, mediaId]);
const refMediaContainer = (0,external_wp_element_namespaceObject.useRef)();
-
const imperativeFocalPointPreview = value => {
const {
style
@@ -23754,29 +32087,24 @@
} = value;
style.backgroundPosition = `${x * 100}% ${y * 100}%`;
};
-
const [temporaryMediaWidth, setTemporaryMediaWidth] = (0,external_wp_element_namespaceObject.useState)(null);
const onSelectMedia = edit_attributesFromMedia({
attributes,
setAttributes
});
-
const onSetHref = props => {
setAttributes(props);
};
-
const onWidthChange = width => {
setTemporaryMediaWidth(applyWidthConstraints(width));
};
-
const commitWidthChange = width => {
setAttributes({
mediaWidth: applyWidthConstraints(width)
});
- setTemporaryMediaWidth(applyWidthConstraints(width));
- };
-
- const classNames = classnames_default()({
+ setTemporaryMediaWidth(null);
+ };
+ const classNames = dist_clsx({
'has-media-on-the-right': 'right' === mediaPosition,
'is-selected': isSelected,
'is-stacked-on-mobile': isStackedOnMobile,
@@ -23789,94 +32117,141 @@
gridTemplateColumns,
msGridColumns: gridTemplateColumns
};
-
const onMediaAltChange = newMediaAlt => {
setAttributes({
mediaAlt: newMediaAlt
});
};
-
const onVerticalAlignmentChange = alignment => {
setAttributes({
verticalAlignment: alignment
});
};
-
- const imageSizes = (0,external_wp_data_namespaceObject.useSelect)(select => {
- const settings = select(external_wp_blockEditor_namespaceObject.store).getSettings();
- return settings === null || settings === void 0 ? void 0 : settings.imageSizes;
- }, []);
- const imageSizeOptions = (0,external_lodash_namespaceObject.map)((0,external_lodash_namespaceObject.filter)(imageSizes, _ref3 => {
- let {
- slug
- } = _ref3;
- return getImageSourceUrlBySizeSlug(image, slug);
- }), _ref4 => {
- let {
- name,
- slug
- } = _ref4;
- return {
- value: slug,
- label: name
- };
- });
-
+ const imageSizeOptions = imageSizes.filter(({
+ slug
+ }) => getImageSourceUrlBySizeSlug(image, slug)).map(({
+ name,
+ slug
+ }) => ({
+ value: slug,
+ label: name
+ }));
const updateImage = newMediaSizeSlug => {
const newUrl = getImageSourceUrlBySizeSlug(image, newMediaSizeSlug);
-
if (!newUrl) {
return null;
}
-
setAttributes({
mediaUrl: newUrl,
mediaSizeSlug: newMediaSizeSlug
});
};
-
- const mediaTextGeneralSettings = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Media & Text settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Stack on mobile'),
- checked: isStackedOnMobile,
- onChange: () => setAttributes({
- isStackedOnMobile: !isStackedOnMobile
- })
- }), mediaType === 'image' && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Crop image to fill entire column'),
- checked: imageFill,
- onChange: () => setAttributes({
- imageFill: !imageFill
- })
- }), imageFill && mediaUrl && mediaType === 'image' && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FocalPointPicker, {
- label: (0,external_wp_i18n_namespaceObject.__)('Focal point picker'),
- url: mediaUrl,
- value: focalPoint,
- onChange: value => setAttributes({
- focalPoint: value
- }),
- onDragStart: imperativeFocalPointPreview,
- onDrag: imperativeFocalPointPreview
- }), mediaType === 'image' && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextareaControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Alt text (alternative text)'),
- value: mediaAlt,
- onChange: onMediaAltChange,
- help: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ExternalLink, {
- href: "https://www.w3.org/WAI/tutorials/images/decision-tree"
- }, (0,external_wp_i18n_namespaceObject.__)('Describe the purpose of the image')), (0,external_wp_i18n_namespaceObject.__)('Leave empty if the image is purely decorative.'))
- }), mediaType === 'image' && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalImageSizeControl, {
- onChangeImage: updateImage,
- slug: mediaSizeSlug,
- imageSizeOptions: imageSizeOptions,
- isResizable: false
- }), mediaUrl && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Media width'),
- value: temporaryMediaWidth || mediaWidth,
- onChange: commitWidthChange,
- min: WIDTH_CONSTRAINT_PERCENTAGE,
- max: 100 - WIDTH_CONSTRAINT_PERCENTAGE
- }));
+ const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+ const mediaTextGeneralSettings = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalToolsPanel, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ resetAll: () => {
+ setAttributes({
+ isStackedOnMobile: true,
+ imageFill: false,
+ mediaAlt: '',
+ focalPoint: undefined,
+ mediaWidth: 50,
+ mediaSizeSlug: undefined
+ });
+ },
+ dropdownMenuProps: dropdownMenuProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Media width'),
+ isShownByDefault: true,
+ hasValue: () => mediaWidth !== 50,
+ onDeselect: () => setAttributes({
+ mediaWidth: 50
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Media width'),
+ value: temporaryMediaWidth || mediaWidth,
+ onChange: commitWidthChange,
+ min: WIDTH_CONSTRAINT_PERCENTAGE,
+ max: 100 - WIDTH_CONSTRAINT_PERCENTAGE
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Stack on mobile'),
+ isShownByDefault: true,
+ hasValue: () => !isStackedOnMobile,
+ onDeselect: () => setAttributes({
+ isStackedOnMobile: true
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Stack on mobile'),
+ checked: isStackedOnMobile,
+ onChange: () => setAttributes({
+ isStackedOnMobile: !isStackedOnMobile
+ })
+ })
+ }), mediaType === 'image' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Crop image to fill'),
+ isShownByDefault: true,
+ hasValue: () => !!imageFill,
+ onDeselect: () => setAttributes({
+ imageFill: false
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Crop image to fill'),
+ checked: !!imageFill,
+ onChange: () => setAttributes({
+ imageFill: !imageFill
+ })
+ })
+ }), imageFill && (mediaUrl || featuredImageURL) && mediaType === 'image' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Focal point'),
+ isShownByDefault: true,
+ hasValue: () => !!focalPoint,
+ onDeselect: () => setAttributes({
+ focalPoint: undefined
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FocalPointPicker, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Focal point'),
+ url: useFeaturedImage && featuredImageURL ? featuredImageURL : mediaUrl,
+ value: focalPoint,
+ onChange: value => setAttributes({
+ focalPoint: value
+ }),
+ onDragStart: imperativeFocalPointPreview,
+ onDrag: imperativeFocalPointPreview
+ })
+ }), mediaType === 'image' && mediaUrl && !useFeaturedImage && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Alternative text'),
+ isShownByDefault: true,
+ hasValue: () => !!mediaAlt,
+ onDeselect: () => setAttributes({
+ mediaAlt: ''
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextareaControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Alternative text'),
+ value: mediaAlt,
+ onChange: onMediaAltChange,
+ help: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ExternalLink, {
+ href:
+ // translators: Localized tutorial, if one exists. W3C Web Accessibility Initiative link has list of existing translations.
+ (0,external_wp_i18n_namespaceObject.__)('https://www.w3.org/WAI/tutorials/images/decision-tree/'),
+ children: (0,external_wp_i18n_namespaceObject.__)('Describe the purpose of the image.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("br", {}), (0,external_wp_i18n_namespaceObject.__)('Leave empty if decorative.')]
+ })
+ })
+ }), mediaType === 'image' && !useFeaturedImage && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(edit_ResolutionTool, {
+ value: mediaSizeSlug,
+ options: imageSizeOptions,
+ onChange: updateImage
+ })]
+ });
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
className: classNames,
style
@@ -23884,82 +32259,101 @@
const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({
className: 'wp-block-media-text__content'
}, {
- template: media_text_edit_TEMPLATE
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, mediaTextGeneralSettings), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockVerticalAlignmentControl, {
- onChange: onVerticalAlignmentChange,
- value: verticalAlignment
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- icon: pull_left,
- title: (0,external_wp_i18n_namespaceObject.__)('Show media on left'),
- isActive: mediaPosition === 'left',
- onClick: () => setAttributes({
- mediaPosition: 'left'
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- icon: pull_right,
- title: (0,external_wp_i18n_namespaceObject.__)('Show media on right'),
- isActive: mediaPosition === 'right',
- onClick: () => setAttributes({
- mediaPosition: 'right'
- })
- }), mediaType === 'image' && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalImageURLInputUI, {
- url: href || '',
- onChangeUrl: onSetHref,
- linkDestination: linkDestination,
- mediaType: mediaType,
- mediaUrl: image && image.source_url,
- mediaLink: image && image.link,
- linkTarget: linkTarget,
- linkClass: linkClass,
- rel: rel
- })), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(media_container, {
- className: "wp-block-media-text__media",
- onSelectMedia: onSelectMedia,
- onWidthChange: onWidthChange,
- commitWidthChange: commitWidthChange,
- ref: refMediaContainer,
- focalPoint,
- imageFill,
- isSelected,
- isStackedOnMobile,
- mediaAlt,
- mediaId,
- mediaPosition,
- mediaType,
- mediaUrl,
- mediaWidth
- }), (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps)));
-}
-
-/* harmony default export */ var media_text_edit = (MediaTextEdit);
+ template: constants_TEMPLATE,
+ allowedBlocks
+ });
+ const blockEditingMode = (0,external_wp_blockEditor_namespaceObject.useBlockEditingMode)();
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: mediaTextGeneralSettings
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: [blockEditingMode === 'default' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockVerticalAlignmentControl, {
+ onChange: onVerticalAlignmentChange,
+ value: verticalAlignment
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ icon: pull_left,
+ title: (0,external_wp_i18n_namespaceObject.__)('Show media on left'),
+ isActive: mediaPosition === 'left',
+ onClick: () => setAttributes({
+ mediaPosition: 'left'
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ icon: pull_right,
+ title: (0,external_wp_i18n_namespaceObject.__)('Show media on right'),
+ isActive: mediaPosition === 'right',
+ onClick: () => setAttributes({
+ mediaPosition: 'right'
+ })
+ })]
+ }), mediaType === 'image' && !useFeaturedImage && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalImageURLInputUI, {
+ url: href || '',
+ onChangeUrl: onSetHref,
+ linkDestination: linkDestination,
+ mediaType: mediaType,
+ mediaUrl: image && image.source_url,
+ mediaLink: image && image.link,
+ linkTarget: linkTarget,
+ linkClass: linkClass,
+ rel: rel
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [mediaPosition === 'right' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(media_container, {
+ className: "wp-block-media-text__media",
+ onSelectMedia: onSelectMedia,
+ onWidthChange: onWidthChange,
+ commitWidthChange: commitWidthChange,
+ ref: refMediaContainer,
+ enableResize: blockEditingMode === 'default',
+ toggleUseFeaturedImage: toggleUseFeaturedImage,
+ focalPoint,
+ imageFill,
+ isSelected,
+ isStackedOnMobile,
+ mediaAlt,
+ mediaId,
+ mediaPosition,
+ mediaType,
+ mediaUrl,
+ mediaWidth,
+ useFeaturedImage,
+ featuredImageURL,
+ featuredImageAlt
+ }), mediaPosition !== 'right' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ })]
+ })]
+ });
+}
+/* harmony default export */ const media_text_edit = (MediaTextEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/media-text/save.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-/**
- * Internal dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
const save_DEFAULT_MEDIA_WIDTH = 50;
-function media_text_save_save(_ref) {
- let {
- attributes
- } = _ref;
+const save_noop = () => {};
+function media_text_save_save({
+ attributes
+}) {
const {
isStackedOnMobile,
mediaAlt,
@@ -23977,34 +32371,33 @@
rel
} = attributes;
const mediaSizeSlug = attributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;
- const newRel = (0,external_lodash_namespaceObject.isEmpty)(rel) ? undefined : rel;
- const imageClasses = classnames_default()({
+ const newRel = !rel ? undefined : rel;
+ const imageClasses = dist_clsx({
[`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
[`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
});
- let image = (0,external_wp_element_namespaceObject.createElement)("img", {
+ let image = mediaUrl ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
src: mediaUrl,
alt: mediaAlt,
className: imageClasses || null
- });
-
+ }) : null;
if (href) {
- image = (0,external_wp_element_namespaceObject.createElement)("a", {
+ image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
className: linkClass,
href: href,
target: linkTarget,
- rel: newRel
- }, image);
- }
-
+ rel: newRel,
+ children: image
+ });
+ }
const mediaTypeRenders = {
image: () => image,
- video: () => (0,external_wp_element_namespaceObject.createElement)("video", {
+ video: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
controls: true,
src: mediaUrl
})
};
- const className = classnames_default()({
+ const className = dist_clsx({
'has-media-on-the-right': 'right' === mediaPosition,
'is-stacked-on-mobile': isStackedOnMobile,
[`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
@@ -24012,23 +32405,44 @@
});
const backgroundStyles = imageFill ? imageFillStyles(mediaUrl, focalPoint) : {};
let gridTemplateColumns;
-
if (mediaWidth !== save_DEFAULT_MEDIA_WIDTH) {
gridTemplateColumns = 'right' === mediaPosition ? `auto ${mediaWidth}%` : `${mediaWidth}% auto`;
}
-
const style = {
gridTemplateColumns
};
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className,
- style
- }), (0,external_wp_element_namespaceObject.createElement)("figure", {
- className: "wp-block-media-text__media",
- style: backgroundStyles
- }, (mediaTypeRenders[mediaType] || external_lodash_namespaceObject.noop)()), (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
- className: 'wp-block-media-text__content'
- })));
+ if ('right' === mediaPosition) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-media-text__content'
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ className: "wp-block-media-text__media",
+ style: backgroundStyles,
+ children: (mediaTypeRenders[mediaType] || save_noop)()
+ })]
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className,
+ style
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ className: "wp-block-media-text__media",
+ style: backgroundStyles,
+ children: (mediaTypeRenders[mediaType] || save_noop)()
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save({
+ className: 'wp-block-media-text__content'
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/media-text/transforms.js
@@ -24040,55 +32454,105 @@
from: [{
type: 'block',
blocks: ['core/image'],
- transform: _ref => {
- let {
- alt,
- url,
- id,
- anchor
- } = _ref;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/media-text', {
- mediaAlt: alt,
- mediaId: id,
- mediaUrl: url,
- mediaType: 'image',
- anchor
- });
- }
+ transform: ({
+ alt,
+ url,
+ id,
+ anchor
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/media-text', {
+ mediaAlt: alt,
+ mediaId: id,
+ mediaUrl: url,
+ mediaType: 'image',
+ anchor
+ })
}, {
type: 'block',
blocks: ['core/video'],
- transform: _ref2 => {
- let {
- src,
- id,
- anchor
- } = _ref2;
+ transform: ({
+ src,
+ id,
+ anchor
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/media-text', {
+ mediaId: id,
+ mediaUrl: src,
+ mediaType: 'video',
+ anchor
+ })
+ }, {
+ type: 'block',
+ blocks: ['core/cover'],
+ transform: ({
+ align,
+ alt,
+ anchor,
+ backgroundType,
+ customGradient,
+ customOverlayColor,
+ gradient,
+ id,
+ overlayColor,
+ style,
+ textColor,
+ url
+ }, innerBlocks) => {
+ let additionalAttributes = {};
+ if (customGradient) {
+ additionalAttributes = {
+ style: {
+ color: {
+ gradient: customGradient
+ }
+ }
+ };
+ } else if (customOverlayColor) {
+ additionalAttributes = {
+ style: {
+ color: {
+ background: customOverlayColor
+ }
+ }
+ };
+ }
+
+ // Maintain custom text color block support value.
+ if (style?.color?.text) {
+ additionalAttributes.style = {
+ color: {
+ ...additionalAttributes.style?.color,
+ text: style.color.text
+ }
+ };
+ }
return (0,external_wp_blocks_namespaceObject.createBlock)('core/media-text', {
+ align,
+ anchor,
+ backgroundColor: overlayColor,
+ gradient,
+ mediaAlt: alt,
mediaId: id,
- mediaUrl: src,
- mediaType: 'video',
- anchor
- });
+ mediaType: backgroundType,
+ mediaUrl: url,
+ textColor,
+ ...additionalAttributes
+ }, innerBlocks);
}
}],
to: [{
type: 'block',
blocks: ['core/image'],
- isMatch: _ref3 => {
- let {
- mediaType,
- mediaUrl
- } = _ref3;
+ isMatch: ({
+ mediaType,
+ mediaUrl
+ }) => {
return !mediaUrl || mediaType === 'image';
},
- transform: _ref4 => {
- let {
- mediaAlt,
- mediaId,
- mediaUrl,
- anchor
- } = _ref4;
+ transform: ({
+ mediaAlt,
+ mediaId,
+ mediaUrl,
+ anchor
+ }) => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/image', {
alt: mediaAlt,
id: mediaId,
@@ -24099,28 +32563,76 @@
}, {
type: 'block',
blocks: ['core/video'],
- isMatch: _ref5 => {
- let {
- mediaType,
- mediaUrl
- } = _ref5;
+ isMatch: ({
+ mediaType,
+ mediaUrl
+ }) => {
return !mediaUrl || mediaType === 'video';
},
- transform: _ref6 => {
- let {
- mediaId,
- mediaUrl,
- anchor
- } = _ref6;
+ transform: ({
+ mediaId,
+ mediaUrl,
+ anchor
+ }) => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/video', {
id: mediaId,
src: mediaUrl,
anchor
});
}
+ }, {
+ type: 'block',
+ blocks: ['core/cover'],
+ transform: ({
+ align,
+ anchor,
+ backgroundColor,
+ focalPoint,
+ gradient,
+ mediaAlt,
+ mediaId,
+ mediaType,
+ mediaUrl,
+ style,
+ textColor
+ }, innerBlocks) => {
+ const additionalAttributes = {};
+
+ // Migrate the background styles or gradient to Cover's custom
+ // gradient and overlay properties.
+ if (style?.color?.gradient) {
+ additionalAttributes.customGradient = style.color.gradient;
+ } else if (style?.color?.background) {
+ additionalAttributes.customOverlayColor = style.color.background;
+ }
+
+ // Maintain custom text color support style.
+ if (style?.color?.text) {
+ additionalAttributes.style = {
+ color: {
+ text: style.color.text
+ }
+ };
+ }
+ const coverAttributes = {
+ align,
+ alt: mediaAlt,
+ anchor,
+ backgroundType: mediaType,
+ dimRatio: !!mediaUrl ? 50 : 100,
+ focalPoint,
+ gradient,
+ id: mediaId,
+ overlayColor: backgroundColor,
+ textColor,
+ url: mediaUrl,
+ ...additionalAttributes
+ };
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/cover', coverAttributes, innerBlocks);
+ }
}]
};
-/* harmony default export */ var media_text_transforms = (media_text_transforms_transforms);
+/* harmony default export */ const media_text_transforms = (media_text_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/media-text/index.js
/**
@@ -24128,6 +32640,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -24136,7 +32649,7 @@
const media_text_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/media-text",
title: "Media & Text",
category: "media",
@@ -24146,27 +32659,30 @@
attributes: {
align: {
type: "string",
- "default": "wide"
+ "default": "none"
},
mediaAlt: {
type: "string",
source: "attribute",
selector: "figure img",
attribute: "alt",
- "default": ""
+ "default": "",
+ __experimentalRole: "content"
},
mediaPosition: {
type: "string",
"default": "left"
},
mediaId: {
- type: "number"
+ type: "number",
+ __experimentalRole: "content"
},
mediaUrl: {
type: "string",
source: "attribute",
selector: "figure video,figure img",
- attribute: "src"
+ attribute: "src",
+ __experimentalRole: "content"
},
mediaLink: {
type: "string"
@@ -24184,7 +32700,8 @@
type: "string",
source: "attribute",
selector: "figure a",
- attribute: "href"
+ attribute: "href",
+ __experimentalRole: "content"
},
rel: {
type: "string",
@@ -24199,7 +32716,8 @@
attribute: "class"
},
mediaType: {
- type: "string"
+ type: "string",
+ __experimentalRole: "content"
},
mediaWidth: {
type: "number",
@@ -24220,19 +32738,48 @@
},
focalPoint: {
type: "object"
- }
- },
+ },
+ allowedBlocks: {
+ type: "array"
+ },
+ useFeaturedImage: {
+ type: "boolean",
+ "default": false
+ }
+ },
+ usesContext: ["postId", "postType"],
supports: {
anchor: true,
align: ["wide", "full"],
html: false,
color: {
gradients: true,
+ heading: true,
link: true,
__experimentalDefaultControls: {
background: true,
text: true
}
+ },
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
},
editorStyle: "wp-block-media-text-editor",
@@ -24270,64 +32817,86 @@
save: media_text_save_save,
deprecated: media_text_deprecated
};
-
-;// CONCATENATED MODULE: external ["wp","dom"]
-var external_wp_dom_namespaceObject = window["wp"]["dom"];
+const media_text_init = () => initBlock({
+ name: media_text_name,
+ metadata: media_text_metadata,
+ settings: media_text_settings
+});
+
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/missing/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-function MissingBlockWarning(_ref) {
- let {
- attributes,
- convertToHTML
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+function MissingBlockWarning({
+ attributes,
+ convertToHTML,
+ clientId
+}) {
const {
originalName,
originalUndelimitedContent
} = attributes;
const hasContent = !!originalUndelimitedContent;
- const hasHTMLBlock = (0,external_wp_blocks_namespaceObject.getBlockType)('core/html');
+ const {
+ hasFreeformBlock,
+ hasHTMLBlock
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ canInsertBlockType,
+ getBlockRootClientId
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ return {
+ hasFreeformBlock: canInsertBlockType('core/freeform', getBlockRootClientId(clientId)),
+ hasHTMLBlock: canInsertBlockType('core/html', getBlockRootClientId(clientId))
+ };
+ }, [clientId]);
const actions = [];
let messageHTML;
-
- if (hasContent && hasHTMLBlock) {
- messageHTML = (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: block name */
+ const convertToHtmlButton = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ onClick: convertToHTML,
+ variant: "primary",
+ children: (0,external_wp_i18n_namespaceObject.__)('Keep as HTML')
+ }, "convert");
+ if (hasContent && !hasFreeformBlock && !originalName) {
+ if (hasHTMLBlock) {
+ messageHTML = (0,external_wp_i18n_namespaceObject.__)('It appears you are trying to use the deprecated Classic block. You can leave this block intact, convert its content to a Custom HTML block, or remove it entirely. Alternatively, you can refresh the page to use the Classic block.');
+ actions.push(convertToHtmlButton);
+ } else {
+ messageHTML = (0,external_wp_i18n_namespaceObject.__)('It appears you are trying to use the deprecated Classic block. You can leave this block intact, or remove it entirely. Alternatively, you can refresh the page to use the Classic block.');
+ }
+ } else if (hasContent && hasHTMLBlock) {
+ messageHTML = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: block name */
(0,external_wp_i18n_namespaceObject.__)('Your site doesn’t include support for the "%s" block. You can leave this block intact, convert its content to a Custom HTML block, or remove it entirely.'), originalName);
- actions.push((0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- key: "convert",
- onClick: convertToHTML,
- variant: "primary"
- }, (0,external_wp_i18n_namespaceObject.__)('Keep as HTML')));
+ actions.push(convertToHtmlButton);
} else {
- messageHTML = (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: block name */
+ messageHTML = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: block name */
(0,external_wp_i18n_namespaceObject.__)('Your site doesn’t include support for the "%s" block. You can leave this block intact or remove it entirely.'), originalName);
}
-
- return (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: 'has-warning'
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, {
- actions: actions
- }, messageHTML), (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.RawHTML, null, (0,external_wp_dom_namespaceObject.safeHTML)(originalUndelimitedContent)));
-}
-
-const MissingEdit = (0,external_wp_data_namespaceObject.withDispatch)((dispatch, _ref2) => {
- let {
- clientId,
- attributes
- } = _ref2;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: 'has-warning'
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ actions: actions,
+ children: messageHTML
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_element_namespaceObject.RawHTML, {
+ children: (0,external_wp_dom_namespaceObject.safeHTML)(originalUndelimitedContent)
+ })]
+ });
+}
+const MissingEdit = (0,external_wp_data_namespaceObject.withDispatch)((dispatch, {
+ clientId,
+ attributes
+}) => {
const {
replaceBlock
} = dispatch(external_wp_blockEditor_namespaceObject.store);
@@ -24337,24 +32906,23 @@
content: attributes.originalUndelimitedContent
}));
}
-
};
})(MissingBlockWarning);
-/* harmony default export */ var missing_edit = (MissingEdit);
+/* harmony default export */ const missing_edit = (MissingEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/missing/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function missing_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+function missing_save_save({
+ attributes
+}) {
// Preserve the missing block's content.
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.RawHTML, null, attributes.originalContent);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_element_namespaceObject.RawHTML, {
+ children: attributes.originalContent
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/missing/index.js
@@ -24362,6 +32930,7 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -24369,7 +32938,7 @@
const missing_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/missing",
title: "Unsupported",
category: "text",
@@ -24384,7 +32953,7 @@
},
originalContent: {
type: "string",
- source: "html"
+ source: "raw"
}
},
supports: {
@@ -24392,7 +32961,10 @@
customClassName: false,
inserter: false,
html: false,
- reusable: false
+ reusable: false,
+ interactivity: {
+ clientNavigation: true
+ }
}
};
@@ -24402,51 +32974,50 @@
const missing_settings = {
name: missing_name,
-
- __experimentalLabel(attributes, _ref) {
- let {
- context
- } = _ref;
-
+ __experimentalLabel(attributes, {
+ context
+ }) {
if (context === 'accessibility') {
const {
originalName
} = attributes;
const originalBlockType = originalName ? (0,external_wp_blocks_namespaceObject.getBlockType)(originalName) : undefined;
-
if (originalBlockType) {
return originalBlockType.settings.title || originalName;
}
-
return '';
}
},
-
edit: missing_edit,
save: missing_save_save
};
+const missing_init = () => initBlock({
+ name: missing_name,
+ metadata: missing_metadata,
+ settings: missing_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/more.js
-
-
-/**
- * WordPress dependencies
- */
-
-const more = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 9v1.5h16V9H4zm12 5.5h4V13h-4v1.5zm-6 0h4V13h-4v1.5zm-6 0h4V13H4v1.5z"
-}));
-/* harmony default export */ var library_more = (more);
+/**
+ * WordPress dependencies
+ */
+
+
+const more = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4 9v1.5h16V9H4zm12 5.5h4V13h-4v1.5zm-6 0h4V13h-4v1.5zm-6 0h4V13H4v1.5z"
+ })
+});
+/* harmony default export */ const library_more = (more);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/more/edit.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
+
@@ -24454,82 +33025,76 @@
const DEFAULT_TEXT = (0,external_wp_i18n_namespaceObject.__)('Read more');
-
-function MoreEdit(_ref) {
- let {
- attributes: {
- customText,
- noTeaser
- },
- insertBlocksAfter,
- setAttributes
- } = _ref;
-
+function MoreEdit({
+ attributes: {
+ customText,
+ noTeaser
+ },
+ insertBlocksAfter,
+ setAttributes
+}) {
const onChangeInput = event => {
setAttributes({
- customText: event.target.value !== '' ? event.target.value : undefined
- });
- };
-
- const onKeyDown = _ref2 => {
- let {
- keyCode
- } = _ref2;
-
+ customText: event.target.value
+ });
+ };
+ const onKeyDown = ({
+ keyCode
+ }) => {
if (keyCode === external_wp_keycodes_namespaceObject.ENTER) {
insertBlocksAfter([(0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)())]);
}
};
-
const getHideExcerptHelp = checked => checked ? (0,external_wp_i18n_namespaceObject.__)('The excerpt is hidden.') : (0,external_wp_i18n_namespaceObject.__)('The excerpt is visible.');
-
const toggleHideExcerpt = () => setAttributes({
noTeaser: !noTeaser
});
-
const style = {
width: `${(customText ? customText : DEFAULT_TEXT).length + 1.2}em`
};
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Hide the excerpt on the full content page'),
- checked: !!noTeaser,
- onChange: toggleHideExcerpt,
- help: getHideExcerptHelp
- }))), (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)(), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-more"
- }, (0,external_wp_element_namespaceObject.createElement)("input", {
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Read more link text'),
- type: "text",
- value: customText,
- placeholder: DEFAULT_TEXT,
- onChange: onChangeInput,
- onKeyDown: onKeyDown,
- style: style
- }))));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Hide the excerpt on the full content page'),
+ checked: !!noTeaser,
+ onChange: toggleHideExcerpt,
+ help: getHideExcerptHelp
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("input", {
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('“Read more” link text'),
+ type: "text",
+ value: customText,
+ placeholder: DEFAULT_TEXT,
+ onChange: onChangeInput,
+ onKeyDown: onKeyDown,
+ style: style
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/more/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-function more_save_save(_ref) {
- let {
- attributes: {
- customText,
- noTeaser
- }
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+function more_save_save({
+ attributes: {
+ customText,
+ noTeaser
+ }
+}) {
const moreTag = customText ? `<!--more ${customText}-->` : '<!--more-->';
const noTeaserTag = noTeaser ? '<!--noteaser-->' : '';
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.RawHTML, null, (0,external_lodash_namespaceObject.compact)([moreTag, noTeaserTag]).join('\n'));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_element_namespaceObject.RawHTML, {
+ children: [moreTag, noTeaserTag].filter(Boolean).join('\n')
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/more/transforms.js
@@ -24546,35 +33111,32 @@
}
},
isMatch: node => node.dataset && node.dataset.block === 'core/more',
-
transform(node) {
const {
customText,
noTeaser
} = node.dataset;
- const attrs = {}; // Don't copy unless defined and not an empty string.
-
+ const attrs = {};
+ // Don't copy unless defined and not an empty string.
if (customText) {
attrs.customText = customText;
- } // Special handling for boolean.
-
-
+ }
+ // Special handling for boolean.
if (noTeaser === '') {
attrs.noTeaser = true;
}
-
return (0,external_wp_blocks_namespaceObject.createBlock)('core/more', attrs);
}
-
}]
};
-/* harmony default export */ var more_transforms = (more_transforms_transforms);
+/* harmony default export */ const more_transforms = (more_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/more/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -24582,7 +33144,7 @@
const more_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/more",
title: "More",
category: "design",
@@ -24591,7 +33153,8 @@
textdomain: "default",
attributes: {
customText: {
- type: "string"
+ type: "string",
+ "default": ""
},
noTeaser: {
type: "boolean",
@@ -24602,7 +33165,10 @@
customClassName: false,
className: false,
html: false,
- multiple: false
+ multiple: false,
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-more-editor"
};
@@ -24615,90 +33181,191 @@
const more_settings = {
icon: library_more,
example: {},
-
- __experimentalLabel(attributes, _ref) {
- let {
- context
- } = _ref;
-
+ __experimentalLabel(attributes, {
+ context
+ }) {
+ const customName = attributes?.metadata?.name;
+ if (context === 'list-view' && customName) {
+ return customName;
+ }
if (context === 'accessibility') {
return attributes.customText;
}
},
-
transforms: more_transforms,
edit: MoreEdit,
save: more_save_save
};
+const more_init = () => initBlock({
+ name: more_name,
+ metadata: more_metadata,
+ settings: more_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/navigation.js
-
-
-/**
- * WordPress dependencies
- */
-
-const navigation = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12 4c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14.5c-3.6 0-6.5-2.9-6.5-6.5S8.4 5.5 12 5.5s6.5 2.9 6.5 6.5-2.9 6.5-6.5 6.5zM9 16l4.5-3L15 8.4l-4.5 3L9 16z"
-}));
-/* harmony default export */ var library_navigation = (navigation);
+/**
+ * WordPress dependencies
+ */
+
+
+const navigation = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12 4c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14.5c-3.6 0-6.5-2.9-6.5-6.5S8.4 5.5 12 5.5s6.5 2.9 6.5 6.5-2.9 6.5-6.5 6.5zM9 16l4.5-3L15 8.4l-4.5 3L9 16z"
+ })
+});
+/* harmony default export */ const library_navigation = (navigation);
;// CONCATENATED MODULE: external ["wp","a11y"]
-var external_wp_a11y_namespaceObject = window["wp"]["a11y"];
+const external_wp_a11y_namespaceObject = window["wp"]["a11y"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */
+
+/**
+ * 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
+ * @param {import('react').ForwardedRef<HTMLElement>} ref The forwarded ref to the SVG element.
+ *
+ * @return {JSX.Element} Icon component
+ */
+function Icon({
+ icon,
+ size = 24,
+ ...props
+}, ref) {
+ return (0,external_wp_element_namespaceObject.cloneElement)(icon, {
+ width: size,
+ height: size,
+ ...props,
+ ref
+ });
+}
+/* harmony default export */ const build_module_icon = ((0,external_wp_element_namespaceObject.forwardRef)(Icon));
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/close.js
+/**
+ * WordPress dependencies
+ */
+
+
+const close_close = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.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 */ const library_close = (close_close);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/constants.js
+const constants_DEFAULT_BLOCK = {
+ name: 'core/navigation-link'
+};
+const PRIORITIZED_INSERTER_BLOCKS = ['core/navigation-link/page', 'core/navigation-link'];
+
+// These parameters must be kept aligned with those in
+// lib/compat/wordpress-6.3/navigation-block-preloading.php
+// and
+// edit-site/src/components/sidebar-navigation-screen-navigation-menus/constants.js
+const PRELOADED_NAVIGATION_MENUS_QUERY = {
+ per_page: 100,
+ status: ['publish', 'draft'],
+ order: 'desc',
+ orderby: 'date'
+};
+const SELECT_NAVIGATION_MENUS_ARGS = ['postType', 'wp_navigation', PRELOADED_NAVIGATION_MENUS_QUERY];
+
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/use-navigation-menu.js
/**
* WordPress dependencies
*/
+
+/**
+ * Internal dependencies
+ */
+
function useNavigationMenu(ref) {
- return (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _navigationMenu;
-
- const {
- getEntityRecord,
- getEditedEntityRecord,
- getEntityRecords,
- hasFinishedResolution,
- isResolving,
- canUser
- } = select(external_wp_coreData_namespaceObject.store);
- const navigationMenuSingleArgs = ['postType', 'wp_navigation', ref];
- const rawNavigationMenu = ref ? getEntityRecord(...navigationMenuSingleArgs) : null;
- let navigationMenu = ref ? getEditedEntityRecord(...navigationMenuSingleArgs) : null; // getEditedEntityRecord will return the post regardless of status.
+ const permissions = (0,external_wp_coreData_namespaceObject.useResourcePermissions)('navigation', ref);
+ const {
+ navigationMenu,
+ isNavigationMenuResolved,
+ isNavigationMenuMissing
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ return selectExistingMenu(select, ref);
+ }, [ref]);
+ const {
+ // Can the user create navigation menus?
+ canCreate: canCreateNavigationMenus,
+ // Can the user update the specific navigation menu with the given post ID?
+ canUpdate: canUpdateNavigationMenu,
+ // Can the user delete the specific navigation menu with the given post ID?
+ canDelete: canDeleteNavigationMenu,
+ isResolving: isResolvingPermissions,
+ hasResolved: hasResolvedPermissions
+ } = permissions;
+ const {
+ records: navigationMenus,
+ isResolving: isResolvingNavigationMenus,
+ hasResolved: hasResolvedNavigationMenus
+ } = (0,external_wp_coreData_namespaceObject.useEntityRecords)('postType', `wp_navigation`, PRELOADED_NAVIGATION_MENUS_QUERY);
+ const canSwitchNavigationMenu = ref ? navigationMenus?.length > 1 : navigationMenus?.length > 0;
+ return {
+ navigationMenu,
+ isNavigationMenuResolved,
+ isNavigationMenuMissing,
+ navigationMenus,
+ isResolvingNavigationMenus,
+ hasResolvedNavigationMenus,
+ canSwitchNavigationMenu,
+ canUserCreateNavigationMenus: canCreateNavigationMenus,
+ isResolvingCanUserCreateNavigationMenus: isResolvingPermissions,
+ hasResolvedCanUserCreateNavigationMenus: hasResolvedPermissions,
+ canUserUpdateNavigationMenu: canUpdateNavigationMenu,
+ hasResolvedCanUserUpdateNavigationMenu: ref ? hasResolvedPermissions : undefined,
+ canUserDeleteNavigationMenu: canDeleteNavigationMenu,
+ hasResolvedCanUserDeleteNavigationMenu: ref ? hasResolvedPermissions : undefined
+ };
+}
+function selectExistingMenu(select, ref) {
+ if (!ref) {
+ return {
+ isNavigationMenuResolved: false,
+ isNavigationMenuMissing: true
+ };
+ }
+ const {
+ getEntityRecord,
+ getEditedEntityRecord,
+ hasFinishedResolution
+ } = select(external_wp_coreData_namespaceObject.store);
+ const args = ['postType', 'wp_navigation', ref];
+ const navigationMenu = getEntityRecord(...args);
+ const editedNavigationMenu = getEditedEntityRecord(...args);
+ const hasResolvedNavigationMenu = hasFinishedResolution('getEditedEntityRecord', args);
+
+ // Only published Navigation posts are considered valid.
+ // Draft Navigation posts are valid only on the editor,
+ // requiring a post update to publish to show in frontend.
+ // To achieve that, index.php must reflect this validation only for published.
+ const isNavigationMenuPublishedOrDraft = editedNavigationMenu.status === 'publish' || editedNavigationMenu.status === 'draft';
+ return {
+ isNavigationMenuResolved: hasResolvedNavigationMenu,
+ isNavigationMenuMissing: hasResolvedNavigationMenu && (!navigationMenu || !isNavigationMenuPublishedOrDraft),
+ // getEditedEntityRecord will return the post regardless of status.
// Therefore if the found post is not published then we should ignore it.
-
- if (((_navigationMenu = navigationMenu) === null || _navigationMenu === void 0 ? void 0 : _navigationMenu.status) !== 'publish') {
- navigationMenu = null;
- }
-
- const hasResolvedNavigationMenu = ref ? hasFinishedResolution('getEditedEntityRecord', navigationMenuSingleArgs) : false;
- const navigationMenuMultipleArgs = ['postType', 'wp_navigation', {
- per_page: -1,
- status: 'publish'
- }];
- const navigationMenus = getEntityRecords(...navigationMenuMultipleArgs);
- const canSwitchNavigationMenu = ref ? (navigationMenus === null || navigationMenus === void 0 ? void 0 : navigationMenus.length) > 1 : (navigationMenus === null || navigationMenus === void 0 ? void 0 : navigationMenus.length) > 0;
- return {
- isNavigationMenuResolved: hasResolvedNavigationMenu,
- isNavigationMenuMissing: !ref || hasResolvedNavigationMenu && !rawNavigationMenu,
- canSwitchNavigationMenu,
- isResolvingNavigationMenus: isResolving('getEntityRecords', navigationMenuMultipleArgs),
- hasResolvedNavigationMenus: hasFinishedResolution('getEntityRecords', navigationMenuMultipleArgs),
- navigationMenu,
- navigationMenus,
- canUserUpdateNavigationMenu: ref ? canUser('update', 'navigation', ref) : undefined,
- hasResolvedCanUserUpdateNavigationMenu: hasFinishedResolution('canUser', ['update', 'navigation', ref]),
- canUserDeleteNavigationMenu: ref ? canUser('delete', 'navigation', ref) : undefined,
- hasResolvedCanUserDeleteNavigationMenu: hasFinishedResolution('canUser', ['delete', 'navigation', ref]),
- canUserCreateNavigationMenu: canUser('create', 'navigation'),
- isResolvingCanUserCreateNavigationMenu: isResolving('canUser', ['create', 'navigation']),
- hasResolvedCanUserCreateNavigationMenu: hasFinishedResolution('canUser', ['create', 'navigation'])
- };
- }, [ref]);
+ navigationMenu: isNavigationMenuPublishedOrDraft ? editedNavigationMenu : null
+ };
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/use-navigation-entities.js
@@ -24706,6 +33373,7 @@
* WordPress dependencies
*/
+
/**
* @typedef {Object} NavigationEntitiesData
* @property {Array|undefined} pages - a collection of WP Post entity objects of post type "Page".
@@ -24727,13 +33395,12 @@
* @param {number} menuId the menu for which to retrieve menuItem data.
* @return { NavigationEntitiesData } the entity data.
*/
-
function useNavigationEntities(menuId) {
const {
records: menus,
isResolving: isResolvingMenus,
hasResolved: hasResolvedMenus
- } = (0,external_wp_coreData_namespaceObject.__experimentalUseEntityRecords)('root', 'menu', {
+ } = (0,external_wp_coreData_namespaceObject.useEntityRecords)('root', 'menu', {
per_page: -1,
context: 'view'
});
@@ -24741,7 +33408,7 @@
records: pages,
isResolving: isResolvingPages,
hasResolved: hasResolvedPages
- } = (0,external_wp_coreData_namespaceObject.__experimentalUseEntityRecords)('postType', 'page', {
+ } = (0,external_wp_coreData_namespaceObject.useEntityRecords)('postType', 'page', {
parent: 0,
order: 'asc',
orderby: 'id',
@@ -24751,7 +33418,7 @@
const {
records: menuItems,
hasResolved: hasResolvedMenuItems
- } = (0,external_wp_coreData_namespaceObject.__experimentalUseEntityRecords)('root', 'menuItem', {
+ } = (0,external_wp_coreData_namespaceObject.useEntityRecords)('root', 'menuItem', {
menus: menuId,
per_page: -1,
context: 'view'
@@ -24762,221 +33429,230 @@
pages,
isResolvingPages,
hasResolvedPages,
- hasPages: !!(hasResolvedPages && pages !== null && pages !== void 0 && pages.length),
+ hasPages: !!(hasResolvedPages && pages?.length),
menus,
isResolvingMenus,
hasResolvedMenus,
- hasMenus: !!(hasResolvedMenus && menus !== null && menus !== void 0 && menus.length),
+ hasMenus: !!(hasResolvedMenus && menus?.length),
menuItems,
hasResolvedMenuItems
};
}
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js
-/**
- * WordPress dependencies
- */
-
-/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */
-
-/**
- * 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) {
- let {
- icon,
- size = 24,
- ...props
- } = _ref;
- return (0,external_wp_element_namespaceObject.cloneElement)(icon, {
- width: size,
- height: size,
- ...props
- });
-}
-
-/* harmony default export */ var icon = (Icon);
-
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/placeholder/placeholder-preview.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-const PlaceholderPreview = _ref => {
- let {
- isVisible = true
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+const PlaceholderPreview = ({
+ isVisible = true
+}) => {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
"aria-hidden": !isVisible ? true : undefined,
- className: "wp-block-navigation-placeholder__preview"
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-navigation-placeholder__actions__indicator"
- }, (0,external_wp_element_namespaceObject.createElement)(icon, {
- icon: library_navigation
- }), (0,external_wp_i18n_namespaceObject.__)('Navigation')));
-};
-
-/* harmony default export */ var placeholder_preview = (PlaceholderPreview);
-
-;// CONCATENATED MODULE: external ["wp","htmlEntities"]
-var external_wp_htmlEntities_namespaceObject = window["wp"]["htmlEntities"];
+ className: "wp-block-navigation-placeholder__preview",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "wp-block-navigation-placeholder__actions__indicator",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_icon, {
+ icon: library_navigation
+ }), (0,external_wp_i18n_namespaceObject.__)('Navigation')]
+ })
+ });
+};
+/* harmony default export */ const placeholder_preview = (PlaceholderPreview);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/more-vertical.js
+/**
+ * WordPress dependencies
+ */
+
+
+const moreVertical = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z"
+ })
+});
+/* harmony default export */ const more_vertical = (moreVertical);
+
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/navigation-menu-selector.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-
-function NavigationMenuSelector(_ref, forwardedRef) {
- let {
- currentMenuId,
- onSelect,
- onCreateNew,
- showManageActions = false,
- actionLabel,
- toggleProps = {}
- } = _ref;
-
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+function buildMenuLabel(title, id, status) {
+ if (!title) {
+ /* translators: %s is the index of the menu in the list of menus. */
+ return (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('(no title %s)'), id);
+ }
+ if (status === 'publish') {
+ return (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(title);
+ }
+ return (0,external_wp_i18n_namespaceObject.sprintf)(
+ // translators: %1s: title of the menu; %2s: status of the menu (draft, pending, etc.).
+ (0,external_wp_i18n_namespaceObject.__)('%1$s (%2$s)'), (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(title), status);
+}
+function NavigationMenuSelector({
+ currentMenuId,
+ onSelectNavigationMenu,
+ onSelectClassicMenu,
+ onCreateNew,
+ actionLabel,
+ createNavigationMenuIsSuccess,
+ createNavigationMenuIsError
+}) {
/* translators: %s: The name of a menu. */
const createActionLabel = (0,external_wp_i18n_namespaceObject.__)("Create from '%s'");
-
+ const [isUpdatingMenuRef, setIsUpdatingMenuRef] = (0,external_wp_element_namespaceObject.useState)(false);
actionLabel = actionLabel || createActionLabel;
const {
menus: classicMenus
} = useNavigationEntities();
const {
navigationMenus,
- canUserCreateNavigationMenu,
- canUserUpdateNavigationMenu,
+ isResolvingNavigationMenus,
+ hasResolvedNavigationMenus,
+ canUserCreateNavigationMenus,
canSwitchNavigationMenu
} = useNavigationMenu();
- const handleSelect = (0,external_wp_element_namespaceObject.useCallback)(_onClose => selectedId => {
- _onClose();
-
- onSelect(navigationMenus === null || navigationMenus === void 0 ? void 0 : navigationMenus.find(post => post.id === selectedId));
- }, [navigationMenus]);
- const handleSelectClassic = (0,external_wp_element_namespaceObject.useCallback)((_onClose, menu) => () => {
- _onClose();
-
- onSelect(menu);
- }, []);
+ const [currentTitle] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', 'wp_navigation', 'title');
const menuChoices = (0,external_wp_element_namespaceObject.useMemo)(() => {
- return (navigationMenus === null || navigationMenus === void 0 ? void 0 : navigationMenus.map(_ref2 => {
- let {
- id,
- title
- } = _ref2;
- const label = (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(title.rendered);
+ return navigationMenus?.map(({
+ id,
+ title,
+ status
+ }, index) => {
+ const label = buildMenuLabel(title?.rendered, index + 1, status);
return {
value: id,
label,
- ariaLabel: (0,external_wp_i18n_namespaceObject.sprintf)(actionLabel, label)
+ ariaLabel: (0,external_wp_i18n_namespaceObject.sprintf)(actionLabel, label),
+ disabled: isUpdatingMenuRef || isResolvingNavigationMenus || !hasResolvedNavigationMenus
};
- })) || [];
- }, [navigationMenus]);
- const hasNavigationMenus = !!(navigationMenus !== null && navigationMenus !== void 0 && navigationMenus.length);
- const hasClassicMenus = !!(classicMenus !== null && classicMenus !== void 0 && classicMenus.length);
+ }) || [];
+ }, [navigationMenus, actionLabel, isResolvingNavigationMenus, hasResolvedNavigationMenus, isUpdatingMenuRef]);
+ const hasNavigationMenus = !!navigationMenus?.length;
+ const hasClassicMenus = !!classicMenus?.length;
const showNavigationMenus = !!canSwitchNavigationMenu;
- const showClassicMenus = !!canUserCreateNavigationMenu;
- const hasManagePermissions = canUserCreateNavigationMenu || canUserUpdateNavigationMenu; // Show the selector if:
- // - has switch or create permissions and there are block or classic menus.
- // - user has create or update permisisons and component should show the menu actions.
-
- const showSelectMenus = (canSwitchNavigationMenu || canUserCreateNavigationMenu) && (hasNavigationMenus || hasClassicMenus) || hasManagePermissions && showManageActions;
-
- if (!showSelectMenus) {
- return null;
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarDropdownMenu, {
- ref: forwardedRef,
- label: (0,external_wp_i18n_namespaceObject.__)('Select Menu'),
- text: (0,external_wp_i18n_namespaceObject.__)('Select Menu'),
- icon: null,
- toggleProps: toggleProps
- }, _ref3 => {
- let {
+ const showClassicMenus = !!canUserCreateNavigationMenus;
+ const noMenuSelected = hasNavigationMenus && !currentMenuId;
+ const noBlockMenus = !hasNavigationMenus && hasResolvedNavigationMenus;
+ const menuUnavailable = hasResolvedNavigationMenus && currentMenuId === null;
+ let selectorLabel = '';
+ if (isResolvingNavigationMenus) {
+ selectorLabel = (0,external_wp_i18n_namespaceObject.__)('Loading…');
+ } else if (noMenuSelected || noBlockMenus || menuUnavailable) {
+ // Note: classic Menus may be available.
+ selectorLabel = (0,external_wp_i18n_namespaceObject.__)('Choose or create a Navigation Menu');
+ } else {
+ // Current Menu's title.
+ selectorLabel = currentTitle;
+ }
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (isUpdatingMenuRef && (createNavigationMenuIsSuccess || createNavigationMenuIsError)) {
+ setIsUpdatingMenuRef(false);
+ }
+ }, [hasResolvedNavigationMenus, createNavigationMenuIsSuccess, canUserCreateNavigationMenus, createNavigationMenuIsError, isUpdatingMenuRef, menuUnavailable, noBlockMenus, noMenuSelected]);
+ const NavigationMenuSelectorDropdown = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.DropdownMenu, {
+ label: selectorLabel,
+ icon: more_vertical,
+ toggleProps: {
+ size: 'small'
+ },
+ children: ({
onClose
- } = _ref3;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, showNavigationMenus && hasNavigationMenus && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, {
- label: (0,external_wp_i18n_namespaceObject.__)('Menus')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItemsChoice, {
- value: currentMenuId,
- onSelect: handleSelect(onClose),
- choices: menuChoices
- })), showClassicMenus && hasClassicMenus && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, {
- label: (0,external_wp_i18n_namespaceObject.__)('Classic Menus')
- }, classicMenus === null || classicMenus === void 0 ? void 0 : classicMenus.map(menu => {
- const label = (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(menu.name);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
- onClick: handleSelectClassic(onClose, menu),
- key: menu.id,
- "aria-label": (0,external_wp_i18n_namespaceObject.sprintf)(createActionLabel, label)
- }, label);
- })), showManageActions && hasManagePermissions && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, {
- label: (0,external_wp_i18n_namespaceObject.__)('Tools')
- }, canUserCreateNavigationMenu && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
- onClick: onCreateNew
- }, (0,external_wp_i18n_namespaceObject.__)('Create new menu')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
- href: (0,external_wp_url_namespaceObject.addQueryArgs)('edit.php', {
- post_type: 'wp_navigation'
- })
- }, (0,external_wp_i18n_namespaceObject.__)('Manage menus'))));
- });
-}
-
-/* harmony default export */ var navigation_menu_selector = ((0,external_wp_element_namespaceObject.forwardRef)(NavigationMenuSelector));
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [showNavigationMenus && hasNavigationMenus && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuGroup, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Menus'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItemsChoice, {
+ value: currentMenuId,
+ onSelect: menuId => {
+ onSelectNavigationMenu(menuId);
+ onClose();
+ },
+ choices: menuChoices
+ })
+ }), showClassicMenus && hasClassicMenus && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuGroup, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Import Classic Menus'),
+ children: classicMenus?.map(menu => {
+ const label = (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(menu.name);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ onClick: async () => {
+ setIsUpdatingMenuRef(true);
+ await onSelectClassicMenu(menu);
+ setIsUpdatingMenuRef(false);
+ onClose();
+ },
+ "aria-label": (0,external_wp_i18n_namespaceObject.sprintf)(createActionLabel, label),
+ disabled: isUpdatingMenuRef || isResolvingNavigationMenus || !hasResolvedNavigationMenus,
+ children: label
+ }, menu.id);
+ })
+ }), canUserCreateNavigationMenus && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuGroup, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Tools'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ onClick: async () => {
+ setIsUpdatingMenuRef(true);
+ await onCreateNew();
+ setIsUpdatingMenuRef(false);
+ onClose();
+ },
+ disabled: isUpdatingMenuRef || isResolvingNavigationMenus || !hasResolvedNavigationMenus,
+ children: (0,external_wp_i18n_namespaceObject.__)('Create new Menu')
+ })
+ })]
+ })
+ });
+ return NavigationMenuSelectorDropdown;
+}
+/* harmony default export */ const navigation_menu_selector = (NavigationMenuSelector);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/placeholder/index.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-
-function NavigationPlaceholder(_ref) {
- let {
- isSelected,
- currentMenuId,
- clientId,
- canUserCreateNavigationMenu = false,
- isResolvingCanUserCreateNavigationMenu,
- onFinish,
- onCreateEmpty
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+function NavigationPlaceholder({
+ isSelected,
+ currentMenuId,
+ clientId,
+ canUserCreateNavigationMenus = false,
+ isResolvingCanUserCreateNavigationMenus,
+ onSelectNavigationMenu,
+ onSelectClassicMenu,
+ onCreateEmpty
+}) {
const {
isResolvingMenus,
hasResolvedMenus
@@ -24985,128 +33661,146 @@
if (!isSelected) {
return;
}
-
if (isResolvingMenus) {
- (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Loading Navigation block setup options.'));
- }
-
+ (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Loading navigation block setup options…'));
+ }
if (hasResolvedMenus) {
(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Navigation block setup options ready.'));
}
- }, [isResolvingMenus, isSelected]);
- const isResolvingActions = isResolvingMenus && isResolvingCanUserCreateNavigationMenu;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, {
- className: "wp-block-navigation-placeholder"
- }, (0,external_wp_element_namespaceObject.createElement)(placeholder_preview, {
- isVisible: !isSelected
- }), (0,external_wp_element_namespaceObject.createElement)("div", {
- "aria-hidden": !isSelected ? true : undefined,
- className: "wp-block-navigation-placeholder__controls"
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-navigation-placeholder__actions"
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-navigation-placeholder__actions__indicator"
- }, (0,external_wp_element_namespaceObject.createElement)(icon, {
- icon: library_navigation
- }), " ", (0,external_wp_i18n_namespaceObject.__)('Navigation')), (0,external_wp_element_namespaceObject.createElement)("hr", null), isResolvingActions && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null), (0,external_wp_element_namespaceObject.createElement)(navigation_menu_selector, {
- currentMenuId: currentMenuId,
- clientId: clientId,
- onSelect: onFinish,
- toggleProps: {
- variant: 'tertiary',
- iconPosition: 'right',
- className: 'wp-block-navigation-placeholder__actions__dropdown'
- }
- }), (0,external_wp_element_namespaceObject.createElement)("hr", null), canUserCreateNavigationMenu && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "tertiary",
- onClick: onCreateEmpty
- }, (0,external_wp_i18n_namespaceObject.__)('Start empty'))))));
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/close.js
-
-
-/**
- * WordPress dependencies
- */
-
-const close_close = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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 */ var library_close = (close_close);
+ }, [hasResolvedMenus, isResolvingMenus, isSelected]);
+ const isResolvingActions = isResolvingMenus && isResolvingCanUserCreateNavigationMenus;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Placeholder, {
+ className: "wp-block-navigation-placeholder",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(placeholder_preview, {
+ isVisible: !isSelected
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ "aria-hidden": !isSelected ? true : undefined,
+ className: "wp-block-navigation-placeholder__controls",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "wp-block-navigation-placeholder__actions",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "wp-block-navigation-placeholder__actions__indicator",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_icon, {
+ icon: library_navigation
+ }), " ", (0,external_wp_i18n_namespaceObject.__)('Navigation')]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("hr", {}), isResolvingActions && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigation_menu_selector, {
+ currentMenuId: currentMenuId,
+ clientId: clientId,
+ onSelectNavigationMenu: onSelectNavigationMenu,
+ onSelectClassicMenu: onSelectClassicMenu
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("hr", {}), canUserCreateNavigationMenus && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "tertiary",
+ onClick: onCreateEmpty,
+ children: (0,external_wp_i18n_namespaceObject.__)('Start empty')
+ })]
+ })
+ })]
+ })
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/menu.js
+/**
+ * WordPress dependencies
+ */
+
+
+const menu = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M5 5v1.5h14V5H5zm0 7.8h14v-1.5H5v1.5zM5 19h14v-1.5H5V19z"
+ })
+});
+/* harmony default export */ const library_menu = (menu);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/overlay-menu-icon.js
-
-
-/**
- * WordPress dependencies
- */
-
-function OverlayMenuIcon() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+function OverlayMenuIcon({
+ icon
+}) {
+ if (icon === 'menu') {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_icon, {
+ icon: library_menu
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_primitives_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24",
width: "24",
height: "24",
"aria-hidden": "true",
- focusable: "false"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Rect, {
- x: "4",
- y: "7.5",
- width: "16",
- height: "1.5"
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Rect, {
- x: "4",
- y: "15",
- width: "16",
- height: "1.5"
- }));
+ focusable: "false",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Rect, {
+ x: "4",
+ y: "7.5",
+ width: "16",
+ height: "1.5"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Rect, {
+ x: "4",
+ y: "15",
+ width: "16",
+ height: "1.5"
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/responsive-wrapper.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-function ResponsiveWrapper(_ref) {
- let {
- children,
- id,
- isOpen,
- isResponsive,
- onToggle,
- isHiddenByDefault,
- classNames,
- styles,
- hasIcon
- } = _ref;
-
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function ResponsiveWrapper({
+ children,
+ id,
+ isOpen,
+ isResponsive,
+ onToggle,
+ isHiddenByDefault,
+ overlayBackgroundColor,
+ overlayTextColor,
+ hasIcon,
+ icon
+}) {
if (!isResponsive) {
return children;
}
-
- const responsiveContainerClasses = classnames_default()('wp-block-navigation__responsive-container', classNames, {
+ const responsiveContainerClasses = dist_clsx('wp-block-navigation__responsive-container', {
+ 'has-text-color': !!overlayTextColor.color || !!overlayTextColor?.class,
+ [(0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', overlayTextColor?.slug)]: !!overlayTextColor?.slug,
+ 'has-background': !!overlayBackgroundColor.color || overlayBackgroundColor?.class,
+ [(0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayBackgroundColor?.slug)]: !!overlayBackgroundColor?.slug,
'is-menu-open': isOpen,
'hidden-by-default': isHiddenByDefault
});
- const openButtonClasses = classnames_default()('wp-block-navigation__responsive-container-open', {
+ const styles = {
+ color: !overlayTextColor?.slug && overlayTextColor?.color,
+ backgroundColor: !overlayBackgroundColor?.slug && overlayBackgroundColor?.color && overlayBackgroundColor.color
+ };
+ const openButtonClasses = dist_clsx('wp-block-navigation__responsive-container-open', {
'always-shown': isHiddenByDefault
});
const modalId = `${id}-modal`;
@@ -25118,61 +33812,63 @@
'aria-label': (0,external_wp_i18n_namespaceObject.__)('Menu')
})
};
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, !isOpen && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- "aria-haspopup": "true",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Open menu'),
- className: openButtonClasses,
- onClick: () => onToggle(true)
- }, hasIcon && (0,external_wp_element_namespaceObject.createElement)(OverlayMenuIcon, null), !hasIcon && (0,external_wp_element_namespaceObject.createElement)("span", {
- className: "wp-block-navigation__toggle_button_label"
- }, (0,external_wp_i18n_namespaceObject.__)('Menu'))), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: responsiveContainerClasses,
- style: styles,
- id: modalId
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-navigation__responsive-close",
- tabIndex: "-1"
- }, (0,external_wp_element_namespaceObject.createElement)("div", dialogProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- className: "wp-block-navigation__responsive-container-close",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Close menu'),
- onClick: () => onToggle(false)
- }, (0,external_wp_element_namespaceObject.createElement)(icon, {
- icon: library_close
- })), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-navigation__responsive-container-content",
- id: `${modalId}-content`
- }, children)))));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [!isOpen && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Button, {
+ "aria-haspopup": "true",
+ "aria-label": hasIcon && (0,external_wp_i18n_namespaceObject.__)('Open menu'),
+ className: openButtonClasses,
+ onClick: () => onToggle(true),
+ children: [hasIcon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(OverlayMenuIcon, {
+ icon: icon
+ }), !hasIcon && (0,external_wp_i18n_namespaceObject.__)('Menu')]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: responsiveContainerClasses,
+ style: styles,
+ id: modalId,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-navigation__responsive-close",
+ tabIndex: "-1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...dialogProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Button, {
+ className: "wp-block-navigation__responsive-container-close",
+ "aria-label": hasIcon && (0,external_wp_i18n_namespaceObject.__)('Close menu'),
+ onClick: () => onToggle(false),
+ children: [hasIcon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_icon, {
+ icon: library_close
+ }), !hasIcon && (0,external_wp_i18n_namespaceObject.__)('Close')]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-navigation__responsive-container-content",
+ id: `${modalId}-content`,
+ children: children
+ })]
+ })
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/inner-blocks.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-const inner_blocks_ALLOWED_BLOCKS = ['core/navigation-link', 'core/search', 'core/social-links', 'core/page-list', 'core/spacer', 'core/home-link', 'core/site-title', 'core/site-logo', 'core/navigation-submenu'];
-const inner_blocks_DEFAULT_BLOCK = {
- name: 'core/navigation-link'
-};
-const LAYOUT = {
- type: 'default',
- alignments: []
-};
-function NavigationInnerBlocks(_ref) {
- let {
- clientId,
- hasCustomPlaceholder,
- orientation
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+function NavigationInnerBlocks({
+ clientId,
+ hasCustomPlaceholder,
+ orientation,
+ templateLock
+}) {
const {
isImmediateParentOfSelectedBlock,
selectedBlockHasChildren,
@@ -25193,22 +33889,18 @@
};
}, [clientId]);
const [blocks, onInput, onChange] = (0,external_wp_coreData_namespaceObject.useEntityBlockEditor)('postType', 'wp_navigation');
- const shouldDirectInsert = (0,external_wp_element_namespaceObject.useMemo)(() => blocks.every(_ref2 => {
- let {
- name
- } = _ref2;
- return name === 'core/navigation-link' || name === 'core/navigation-submenu' || name === 'core/page-list';
- }), [blocks]); // When the block is selected itself or has a top level item selected that
+
+ // When the block is selected itself or has a top level item selected that
// doesn't itself have children, show the standard appender. Else show no
// appender.
-
const parentOrChildHasSelection = isSelected || isImmediateParentOfSelectedBlock && !selectedBlockHasChildren;
- const placeholder = (0,external_wp_element_namespaceObject.useMemo)(() => (0,external_wp_element_namespaceObject.createElement)(placeholder_preview, null), []);
- const hasMenuItems = !!(blocks !== null && blocks !== void 0 && blocks.length); // If there is a `ref` attribute pointing to a `wp_navigation` but
+ const placeholder = (0,external_wp_element_namespaceObject.useMemo)(() => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(placeholder_preview, {}), []);
+ const hasMenuItems = !!blocks?.length;
+
+ // If there is a `ref` attribute pointing to a `wp_navigation` but
// that menu has no **items** (i.e. empty) then show a placeholder.
// The block must also be selected else the placeholder will display
// alongside the appender.
-
const showPlaceholder = !hasCustomPlaceholder && !hasMenuItems && !isSelected;
const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({
className: 'wp-block-navigation__container'
@@ -25216,270 +33908,94 @@
value: blocks,
onInput,
onChange,
- allowedBlocks: inner_blocks_ALLOWED_BLOCKS,
- __experimentalDefaultBlock: inner_blocks_DEFAULT_BLOCK,
- __experimentalDirectInsert: shouldDirectInsert,
+ prioritizedInserterBlocks: PRIORITIZED_INSERTER_BLOCKS,
+ defaultBlock: constants_DEFAULT_BLOCK,
+ directInsert: true,
orientation,
+ templateLock,
// As an exception to other blocks which feature nesting, show
// the block appender even when a child block is selected.
// This should be a temporary fix, to be replaced by improvements to
// the sibling inserter.
// See https://github.com/WordPress/gutenberg/issues/37572.
- renderAppender: isSelected || isImmediateParentOfSelectedBlock && !selectedBlockHasChildren || // Show the appender while dragging to allow inserting element between item and the appender.
+ renderAppender: isSelected || isImmediateParentOfSelectedBlock && !selectedBlockHasChildren ||
+ // Show the appender while dragging to allow inserting element between item and the appender.
parentOrChildHasSelection ? external_wp_blockEditor_namespaceObject.InnerBlocks.ButtonBlockAppender : false,
- // Template lock set to false here so that the Nav
- // Block on the experimental menus screen does not
- // inherit templateLock={ 'all' }.
- templateLock: false,
- __experimentalLayout: LAYOUT,
- placeholder: showPlaceholder ? placeholder : undefined
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalBlockContentOverlay, {
- clientId: clientId,
- tagName: 'div',
- wrapperProps: innerBlocksProps
+ placeholder: showPlaceholder ? placeholder : undefined,
+ __experimentalCaptureToolbars: true,
+ __unstableDisableLayoutClassNames: true
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
});
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/navigation-menu-name-control.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
function NavigationMenuNameControl() {
const [title, updateTitle] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', 'wp_navigation', 'title');
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
label: (0,external_wp_i18n_namespaceObject.__)('Menu name'),
value: title,
onChange: updateTitle
});
}
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/edit/utils/create-template-part-id.js
-/**
- * Generates a template part Id based on slug and theme inputs.
- *
- * @param {string} theme the template part's theme.
- * @param {string} slug the template part's slug
- * @return {string|null} the template part's Id.
- */
-function createTemplatePartId(theme, slug) {
- return theme && slug ? theme + '//' + slug : null;
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/use-template-part-area-label.js
-/**
- * WordPress dependencies
- */
-
-
-
-/**
- * Internal dependencies
- */
-// TODO: this util should perhaps be refactored somewhere like core-data.
-
-
-function useTemplatePartAreaLabel(clientId) {
- return (0,external_wp_data_namespaceObject.useSelect)(select => {
- // Use the lack of a clientId as an opportunity to bypass the rest
- // of this hook.
- if (!clientId) {
- return;
- }
-
- const {
- getBlock,
- getBlockParentsByBlockName
- } = select(external_wp_blockEditor_namespaceObject.store);
- const withAscendingResults = true;
- const parentTemplatePartClientIds = getBlockParentsByBlockName(clientId, 'core/template-part', withAscendingResults);
-
- if (!(parentTemplatePartClientIds !== null && parentTemplatePartClientIds !== void 0 && parentTemplatePartClientIds.length)) {
- return;
- } // FIXME: @wordpress/block-library should not depend on @wordpress/editor.
- // Blocks can be loaded into a *non-post* block editor.
- // This code is lifted from this file:
- // packages/block-library/src/template-part/edit/advanced-controls.js
- // eslint-disable-next-line @wordpress/data-no-store-string-literals
-
-
- const definedAreas = select('core/editor').__experimentalGetDefaultTemplatePartAreas();
-
- const {
- getEditedEntityRecord
- } = select(external_wp_coreData_namespaceObject.store);
-
- for (const templatePartClientId of parentTemplatePartClientIds) {
- const templatePartBlock = getBlock(templatePartClientId); // The 'area' usually isn't stored on the block, but instead
- // on the entity.
-
- const {
- theme,
- slug
- } = templatePartBlock.attributes;
- const templatePartEntityId = createTemplatePartId(theme, slug);
- const templatePartEntity = getEditedEntityRecord('postType', 'wp_template_part', templatePartEntityId); // Look up the `label` for the area in the defined areas so
- // that an internationalized label can be used.
-
- if (templatePartEntity !== null && templatePartEntity !== void 0 && templatePartEntity.area) {
- var _definedAreas$find;
-
- return (_definedAreas$find = definedAreas.find(definedArea => definedArea.area !== 'uncategorized' && definedArea.area === templatePartEntity.area)) === null || _definedAreas$find === void 0 ? void 0 : _definedAreas$find.label;
- }
- }
- }, [clientId]);
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/use-generate-default-navigation-title.js
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-const DRAFT_MENU_PARAMS = ['postType', 'wp_navigation', {
- status: 'draft',
- per_page: -1
-}];
-const PUBLISHED_MENU_PARAMS = ['postType', 'wp_navigation', {
- per_page: -1,
- status: 'publish'
-}];
-function useGenerateDefaultNavigationTitle(clientId) {
- // The block will be disabled in a block preview, use this as a way of
- // avoiding the side-effects of this component for block previews.
- const isDisabled = (0,external_wp_element_namespaceObject.useContext)(external_wp_components_namespaceObject.Disabled.Context); // Because we can't conditionally call hooks, pass an undefined client id
- // arg to bypass the expensive `useTemplateArea` code. The hook will return
- // early.
-
- const area = useTemplatePartAreaLabel(isDisabled ? undefined : clientId);
- const registry = (0,external_wp_data_namespaceObject.useRegistry)();
- return (0,external_wp_element_namespaceObject.useCallback)(async () => {
- // Ensure other navigation menus have loaded so an
- // accurate name can be created.
- if (isDisabled) {
- return '';
- }
-
- const {
- getEntityRecords
- } = registry.resolveSelect(external_wp_coreData_namespaceObject.store);
- const [draftNavigationMenus, navigationMenus] = await Promise.all([getEntityRecords(...DRAFT_MENU_PARAMS), getEntityRecords(...PUBLISHED_MENU_PARAMS)]);
- const title = area ? (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: the name of a menu (e.g. Header navigation).
- (0,external_wp_i18n_namespaceObject.__)('%s navigation'), area) : // translators: 'navigation' as in website navigation.
- (0,external_wp_i18n_namespaceObject.__)('Navigation'); // Determine how many menus start with the automatic title.
-
- const matchingMenuTitleCount = [...draftNavigationMenus, ...navigationMenus].reduce((count, menu) => {
- var _menu$title, _menu$title$raw;
-
- return menu !== null && menu !== void 0 && (_menu$title = menu.title) !== null && _menu$title !== void 0 && (_menu$title$raw = _menu$title.raw) !== null && _menu$title$raw !== void 0 && _menu$title$raw.startsWith(title) ? count + 1 : count;
- }, 0); // Append a number to the end of the title if a menu with
- // the same name exists.
-
- const titleWithCount = matchingMenuTitleCount > 0 ? `${title} ${matchingMenuTitleCount + 1}` : title;
- return titleWithCount || '';
- }, [isDisabled, area]);
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/use-create-navigation-menu.js
-/**
- * WordPress dependencies
- */
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-const CREATE_NAVIGATION_MENU_SUCCESS = 'success';
-const CREATE_NAVIGATION_MENU_ERROR = 'error';
-const CREATE_NAVIGATION_MENU_PENDING = 'pending';
-const CREATE_NAVIGATION_MENU_IDLE = 'idle';
-function useCreateNavigationMenu(clientId) {
- const [status, setStatus] = (0,external_wp_element_namespaceObject.useState)(CREATE_NAVIGATION_MENU_IDLE);
- const [value, setValue] = (0,external_wp_element_namespaceObject.useState)(null);
- const [error, setError] = (0,external_wp_element_namespaceObject.useState)(null);
- const {
- saveEntityRecord
- } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
- const generateDefaultTitle = useGenerateDefaultNavigationTitle(clientId); // This callback uses data from the two placeholder steps and only creates
- // a new navigation menu when the user completes the final step.
-
- const create = (0,external_wp_element_namespaceObject.useCallback)(async function () {
- let title = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
- let blocks = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-
- // Guard against creating Navigations without a title.
- // Note you can pass no title, but if one is passed it must be
- // a string otherwise the title may end up being empty.
- if (title && typeof title !== 'string') {
- setError('Invalid title supplied when creating Navigation Menu.');
- setStatus(CREATE_NAVIGATION_MENU_ERROR);
- throw new Error(`Value of supplied title argument was not a string.`);
- }
-
- setStatus(CREATE_NAVIGATION_MENU_PENDING);
- setValue(null);
- setError(null);
-
- if (!title) {
- title = await generateDefaultTitle().catch(err => {
- setError(err === null || err === void 0 ? void 0 : err.message);
- setStatus(CREATE_NAVIGATION_MENU_ERROR);
- throw new Error('Failed to create title when saving new Navigation Menu.', {
- cause: err
- });
- });
- }
-
- const record = {
- title,
- content: (0,external_wp_blocks_namespaceObject.serialize)(blocks),
- status: 'publish'
- }; // Return affords ability to await on this function directly
-
- return saveEntityRecord('postType', 'wp_navigation', record).then(response => {
- setValue(response);
- setStatus(CREATE_NAVIGATION_MENU_SUCCESS);
- return response;
- }).catch(err => {
- setError(err === null || err === void 0 ? void 0 : err.message);
- setStatus(CREATE_NAVIGATION_MENU_ERROR);
- throw new Error('Unable to save new Navigation Menu', {
- cause: err
- });
- });
- }, [external_wp_blocks_namespaceObject.serialize, saveEntityRecord]);
- return {
- create,
- status,
- value,
- error
- };
-}
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/are-blocks-dirty.js
+function areBlocksDirty(originalBlocks, blocks) {
+ return !isDeepEqual(originalBlocks, blocks, (prop, x) => {
+ // Skip inner blocks of page list during comparison as they
+ // are **always** controlled and may be updated async due to
+ // syncing with entity records. Left unchecked this would
+ // inadvertently trigger the dirty state.
+ if (x?.name === 'core/page-list' && prop === 'innerBlocks') {
+ return true;
+ }
+ });
+}
+
+/**
+ * Conditionally compares two candidates for deep equality.
+ * Provides an option to skip a given property of an object during comparison.
+ *
+ * @param {*} x 1st candidate for comparison
+ * @param {*} y 2nd candidate for comparison
+ * @param {Function|undefined} shouldSkip a function which can be used to skip a given property of an object.
+ * @return {boolean} whether the two candidates are deeply equal.
+ */
+const isDeepEqual = (x, y, shouldSkip) => {
+ if (x === y) {
+ return true;
+ } else if (typeof x === 'object' && x !== null && x !== undefined && typeof y === 'object' && y !== null && y !== undefined) {
+ if (Object.keys(x).length !== Object.keys(y).length) {
+ return false;
+ }
+ for (const prop in x) {
+ if (y.hasOwnProperty(prop)) {
+ // Afford skipping a given property of an object.
+ if (shouldSkip && shouldSkip(prop, x)) {
+ return true;
+ }
+ if (!isDeepEqual(x[prop], y[prop], shouldSkip)) {
+ return false;
+ }
+ } else {
+ return false;
+ }
+ }
+ return true;
+ }
+ return false;
+};
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/unsaved-inner-blocks.js
-
-
-/**
- * External dependencies
- */
-
/**
* WordPress dependencies
*/
@@ -25496,81 +34012,58 @@
const EMPTY_OBJECT = {};
-const unsaved_inner_blocks_DRAFT_MENU_PARAMS = ['postType', 'wp_navigation', {
- status: 'draft',
- per_page: -1
-}];
-const unsaved_inner_blocks_DEFAULT_BLOCK = {
- name: 'core/navigation-link'
-};
-const unsaved_inner_blocks_ALLOWED_BLOCKS = ['core/navigation-link', 'core/search', 'core/social-links', 'core/page-list', 'core/spacer', 'core/home-link', 'core/site-title', 'core/site-logo', 'core/navigation-submenu'];
-function UnsavedInnerBlocks(_ref) {
- let {
- blockProps,
- blocks,
- clientId,
- hasSavedUnsavedInnerBlocks,
- onSave,
- hasSelection
- } = _ref;
+function UnsavedInnerBlocks({
+ blocks,
+ createNavigationMenu,
+ hasSelection
+}) {
const originalBlocks = (0,external_wp_element_namespaceObject.useRef)();
(0,external_wp_element_namespaceObject.useEffect)(() => {
// Initially store the uncontrolled inner blocks for
// dirty state comparison.
- if (!(originalBlocks !== null && originalBlocks !== void 0 && originalBlocks.current)) {
+ if (!originalBlocks?.current) {
originalBlocks.current = blocks;
}
- }, [blocks]); // If the current inner blocks object is different in any way
- // from the original inner blocks from the post content then the
- // user has made changes to the inner blocks. At this point the inner
- // blocks can be considered "dirty".
-
- const innerBlocksAreDirty = blocks !== originalBlocks.current;
- const shouldDirectInsert = (0,external_wp_element_namespaceObject.useMemo)(() => blocks.every(_ref2 => {
- let {
- name
- } = _ref2;
- return name === 'core/navigation-link' || name === 'core/navigation-submenu' || name === 'core/page-list';
- }), [blocks]); // The block will be disabled in a block preview, use this as a way of
+ }, [blocks]);
+
+ // If the current inner blocks are different from the original inner blocks
+ // from the post content then the user has made changes to the inner blocks.
+ // At this point the inner blocks can be considered "dirty".
+ // Note: referential equality is not sufficient for comparison as the inner blocks
+ // of the page list are controlled and may be updated async due to syncing with
+ // entity records. As a result we need to perform a deep equality check skipping
+ // the page list's inner blocks.
+ const innerBlocksAreDirty = areBlocksDirty(originalBlocks?.current, blocks);
+
+ // The block will be disabled in a block preview, use this as a way of
// avoiding the side-effects of this component for block previews.
-
const isDisabled = (0,external_wp_element_namespaceObject.useContext)(external_wp_components_namespaceObject.Disabled.Context);
- const savingLock = (0,external_wp_element_namespaceObject.useRef)(false);
- const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({
+ className: 'wp-block-navigation__container'
+ }, {
renderAppender: hasSelection ? undefined : false,
- allowedBlocks: unsaved_inner_blocks_ALLOWED_BLOCKS,
- __experimentalDefaultBlock: unsaved_inner_blocks_DEFAULT_BLOCK,
- __experimentalDirectInsert: shouldDirectInsert
+ defaultBlock: constants_DEFAULT_BLOCK,
+ directInsert: true
});
const {
isSaving,
- draftNavigationMenus,
- hasResolvedDraftNavigationMenus
+ hasResolvedAllNavigationMenus
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
if (isDisabled) {
return EMPTY_OBJECT;
}
-
- const {
- getEntityRecords,
+ const {
hasFinishedResolution,
isSavingEntityRecord
} = select(external_wp_coreData_namespaceObject.store);
return {
isSaving: isSavingEntityRecord('postType', 'wp_navigation'),
- draftNavigationMenus: getEntityRecords(...unsaved_inner_blocks_DRAFT_MENU_PARAMS),
- hasResolvedDraftNavigationMenus: hasFinishedResolution('getEntityRecords', unsaved_inner_blocks_DRAFT_MENU_PARAMS)
+ hasResolvedAllNavigationMenus: hasFinishedResolution('getEntityRecords', SELECT_NAVIGATION_MENUS_ARGS)
};
}, [isDisabled]);
- const {
- hasResolvedNavigationMenus,
- navigationMenus
- } = useNavigationMenu();
- const {
- create: createNavigationMenu
- } = useCreateNavigationMenu(clientId); // Automatically save the uncontrolled blocks.
-
- (0,external_wp_element_namespaceObject.useEffect)(async () => {
+
+ // Automatically save the uncontrolled blocks.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
// The block will be disabled when used in a BlockPreview.
// In this case avoid automatic creation of a wp_navigation post.
// Otherwise the user will be spammed with lots of menus!
@@ -25583,75 +34076,61 @@
//
// And finally only create the menu when the block is selected,
// which is an indication they want to start editing.
- if (isDisabled || hasSavedUnsavedInnerBlocks || isSaving || savingLock.current || !hasResolvedDraftNavigationMenus || !hasResolvedNavigationMenus || !hasSelection || !innerBlocksAreDirty) {
- return;
- }
-
- savingLock.current = true;
- const menu = await createNavigationMenu(null, blocks);
- onSave(menu);
- savingLock.current = false;
- }, [isDisabled, isSaving, hasResolvedDraftNavigationMenus, hasResolvedNavigationMenus, draftNavigationMenus, navigationMenus, hasSelection, createNavigationMenu, blocks]);
+ if (isDisabled || isSaving || !hasResolvedAllNavigationMenus || !hasSelection || !innerBlocksAreDirty) {
+ return;
+ }
+ createNavigationMenu(null, blocks);
+ }, [blocks, createNavigationMenu, isDisabled, isSaving, hasResolvedAllNavigationMenus, innerBlocksAreDirty, hasSelection]);
const Wrapper = isSaving ? external_wp_components_namespaceObject.Disabled : 'div';
- return (0,external_wp_element_namespaceObject.createElement)(Wrapper, {
- className: "wp-block-navigation__unsaved-changes"
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: classnames_default()('wp-block-navigation__unsaved-changes-overlay', {
- 'is-saving': isSaving
- })
- }, (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps)), isSaving && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Wrapper, {
+ ...innerBlocksProps
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/navigation-menu-delete-control.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-function NavigationMenuDeleteControl(_ref) {
- let {
- onDelete
- } = _ref;
- const [isConfirmModalVisible, setIsConfirmModalVisible] = (0,external_wp_element_namespaceObject.useState)(false);
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+function NavigationMenuDeleteControl({
+ onDelete
+}) {
+ const [isConfirmDialogVisible, setIsConfirmDialogVisible] = (0,external_wp_element_namespaceObject.useState)(false);
const id = (0,external_wp_coreData_namespaceObject.useEntityId)('postType', 'wp_navigation');
- const [title] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', 'wp_navigation', 'title');
const {
deleteEntityRecord
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- className: "wp-block-navigation-delete-menu-button",
- variant: "secondary",
- isDestructive: true,
- onClick: () => {
- setIsConfirmModalVisible(true);
- }
- }, (0,external_wp_i18n_namespaceObject.__)('Delete menu')), isConfirmModalVisible && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, {
- title: (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: the name of a menu to delete */
- (0,external_wp_i18n_namespaceObject.__)('Delete %s'), title),
- closeLabel: (0,external_wp_i18n_namespaceObject.__)('Cancel'),
- onRequestClose: () => setIsConfirmModalVisible(false)
- }, (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject.__)('Are you sure you want to delete this navigation menu?')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, {
- justify: "flex-end"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "secondary",
- onClick: () => {
- setIsConfirmModalVisible(false);
- }
- }, (0,external_wp_i18n_namespaceObject.__)('Cancel'))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "primary",
- onClick: () => {
- deleteEntityRecord('postType', 'wp_navigation', id, {
- force: true
- });
- onDelete(title);
- }
- }, (0,external_wp_i18n_namespaceObject.__)('Confirm'))))));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ className: "wp-block-navigation-delete-menu-button",
+ variant: "secondary",
+ isDestructive: true,
+ onClick: () => {
+ setIsConfirmDialogVisible(true);
+ },
+ children: (0,external_wp_i18n_namespaceObject.__)('Delete menu')
+ }), isConfirmDialogVisible && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalConfirmDialog, {
+ isOpen: true,
+ onConfirm: () => {
+ deleteEntityRecord('postType', 'wp_navigation', id, {
+ force: true
+ });
+ onDelete();
+ },
+ onCancel: () => {
+ setIsConfirmDialogVisible(false);
+ },
+ confirmButtonText: (0,external_wp_i18n_namespaceObject.__)('Delete'),
+ children: (0,external_wp_i18n_namespaceObject.__)('Are you sure you want to delete this Navigation Menu?')
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/use-navigation-notice.js
@@ -25661,50 +34140,91 @@
-
-function useNavigationNotice() {
- let {
- name,
- message = ''
- } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function useNavigationNotice({
+ name,
+ message = ''
+} = {}) {
const noticeRef = (0,external_wp_element_namespaceObject.useRef)();
const {
createWarningNotice,
removeNotice
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
-
- const showNotice = customMsg => {
+ const showNotice = (0,external_wp_element_namespaceObject.useCallback)(customMsg => {
if (noticeRef.current) {
return;
}
-
noticeRef.current = name;
createWarningNotice(customMsg || message, {
id: noticeRef.current,
type: 'snackbar'
});
- };
-
- const hideNotice = () => {
+ }, [noticeRef, createWarningNotice, message, name]);
+ const hideNotice = (0,external_wp_element_namespaceObject.useCallback)(() => {
if (!noticeRef.current) {
return;
}
-
removeNotice(noticeRef.current);
noticeRef.current = null;
- };
-
+ }, [noticeRef, removeNotice]);
return [showNotice, hideNotice];
}
-
-/* harmony default export */ var use_navigation_notice = (useNavigationNotice);
+/* harmony default export */ const use_navigation_notice = (useNavigationNotice);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/overlay-menu-preview.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function OverlayMenuPreview({
+ setAttributes,
+ hasIcon,
+ icon
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show icon button'),
+ help: (0,external_wp_i18n_namespaceObject.__)('Configure the visual appearance of the button that toggles the overlay menu.'),
+ onChange: value => setAttributes({
+ hasIcon: value
+ }),
+ checked: hasIcon
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Icon'),
+ value: icon,
+ onChange: value => setAttributes({
+ icon: value
+ }),
+ isBlock: true,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "handle",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('handle'),
+ label: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(OverlayMenuIcon, {
+ icon: "handle"
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "menu",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('menu'),
+ label: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(OverlayMenuIcon, {
+ icon: "menu"
+ })
+ })]
+ })]
+ });
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/menu-items-to-blocks.js
/**
- * External dependencies
- */
-
-/**
* WordPress dependencies
*/
@@ -25717,58 +34237,57 @@
*
* @return {WPBlock[]} An array of blocks.
*/
-
function menuItemsToBlocks(menuItems) {
if (!menuItems) {
return null;
}
-
const menuTree = createDataTree(menuItems);
const blocks = mapMenuItemsToBlocks(menuTree);
return (0,external_wp_hooks_namespaceObject.applyFilters)('blocks.navigation.__unstableMenuItemsToBlocks', blocks, menuItems);
}
+
/**
* A recursive function that maps menu item nodes to blocks.
*
* @param {WPNavMenuItem[]} menuItems An array of WPNavMenuItem items.
+ * @param {number} level An integer representing the nesting level.
* @return {Object} Object containing innerBlocks and mapping.
*/
-
-function mapMenuItemsToBlocks(menuItems) {
- let mapping = {}; // The menuItem should be in menu_order sort order.
-
- const sortedItems = (0,external_lodash_namespaceObject.sortBy)(menuItems, 'menu_order');
+function mapMenuItemsToBlocks(menuItems, level = 0) {
+ let mapping = {};
+
+ // The menuItem should be in menu_order sort order.
+ const sortedItems = [...menuItems].sort((a, b) => a.menu_order - b.menu_order);
const innerBlocks = sortedItems.map(menuItem => {
- var _menuItem$children, _menuItem$children2;
-
if (menuItem.type === 'block') {
const [block] = (0,external_wp_blocks_namespaceObject.parse)(menuItem.content.raw);
-
if (!block) {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/freeform', {
content: menuItem.content
});
}
-
return block;
}
-
- const attributes = menuItemToBlockAttributes(menuItem); // If there are children recurse to build those nested blocks.
-
+ const blockType = menuItem.children?.length ? 'core/navigation-submenu' : 'core/navigation-link';
+ const attributes = menuItemToBlockAttributes(menuItem, blockType, level);
+
+ // If there are children recurse to build those nested blocks.
const {
innerBlocks: nestedBlocks = [],
// alias to avoid shadowing
mapping: nestedMapping = {} // alias to avoid shadowing
-
- } = (_menuItem$children = menuItem.children) !== null && _menuItem$children !== void 0 && _menuItem$children.length ? mapMenuItemsToBlocks(menuItem.children) : {}; // Update parent mapping with nested mapping.
-
- mapping = { ...mapping,
+ } = menuItem.children?.length ? mapMenuItemsToBlocks(menuItem.children, level + 1) : {};
+
+ // Update parent mapping with nested mapping.
+ mapping = {
+ ...mapping,
...nestedMapping
};
- const blockType = (_menuItem$children2 = menuItem.children) !== null && _menuItem$children2 !== void 0 && _menuItem$children2.length ? 'core/navigation-submenu' : 'core/navigation-link'; // Create block with nested "innerBlocks".
-
- const block = (0,external_wp_blocks_namespaceObject.createBlock)(blockType, attributes, nestedBlocks); // Create mapping for menuItem -> block.
-
+
+ // Create block with nested "innerBlocks".
+ const block = (0,external_wp_blocks_namespaceObject.createBlock)(blockType, attributes, nestedBlocks);
+
+ // Create mapping for menuItem -> block.
mapping[menuItem.id] = block.clientId;
return block;
});
@@ -25777,13 +34296,12 @@
mapping
};
}
+
/**
* A WP nav_menu_item object.
* For more documentation on the individual fields present on a menu item please see:
* https://core.trac.wordpress.org/browser/tags/5.7.1/src/wp-includes/nav-menu.php#L789
*
- * Changes made here should also be mirrored in packages/edit-navigation/src/store/utils.js.
- *
* @typedef WPNavMenuItem
*
* @property {Object} title stores the raw and rendered versions of the title/label for this menu item.
@@ -25801,29 +34319,25 @@
/**
* Convert block attributes to menu item.
*
- * @param {WPNavMenuItem} menuItem the menu item to be converted to block attributes.
+ * @param {WPNavMenuItem} menuItem the menu item to be converted to block attributes.
+ * @param {string} blockType The block type.
+ * @param {number} level An integer representing the nesting level.
* @return {Object} the block attributes converted from the WPNavMenuItem item.
*/
-
-
-function menuItemToBlockAttributes(_ref) {
- var _object;
-
- let {
- title: menuItemTitleField,
- xfn,
- classes,
- // eslint-disable-next-line camelcase
- attr_title,
- object,
- // eslint-disable-next-line camelcase
- object_id,
- description,
- url,
- type: menuItemTypeField,
- target
- } = _ref;
-
+function menuItemToBlockAttributes({
+ title: menuItemTitleField,
+ xfn,
+ classes,
+ // eslint-disable-next-line camelcase
+ attr_title,
+ object,
+ // eslint-disable-next-line camelcase
+ object_id,
+ description,
+ url,
+ type: menuItemTypeField,
+ target
+}, blockType, level) {
// For historical reasons, the `core/navigation-link` variation type is `tag`
// whereas WP Core expects `post_tag` as the `object` type.
// To avoid writing a block migration we perform a conversion here.
@@ -25831,38 +34345,42 @@
if (object && object === 'post_tag') {
object = 'tag';
}
-
return {
- label: (menuItemTitleField === null || menuItemTitleField === void 0 ? void 0 : menuItemTitleField.rendered) || '',
- ...(((_object = object) === null || _object === void 0 ? void 0 : _object.length) && {
+ label: menuItemTitleField?.rendered || '',
+ ...(object?.length && {
type: object
}),
- kind: (menuItemTypeField === null || menuItemTypeField === void 0 ? void 0 : menuItemTypeField.replace('_', '-')) || 'custom',
+ kind: menuItemTypeField?.replace('_', '-') || 'custom',
url: url || '',
- ...((xfn === null || xfn === void 0 ? void 0 : xfn.length) && xfn.join(' ').trim() && {
+ ...(xfn?.length && xfn.join(' ').trim() && {
rel: xfn.join(' ').trim()
}),
- ...((classes === null || classes === void 0 ? void 0 : classes.length) && classes.join(' ').trim() && {
+ ...(classes?.length && classes.join(' ').trim() && {
className: classes.join(' ').trim()
}),
-
/* eslint-disable camelcase */
- ...((attr_title === null || attr_title === void 0 ? void 0 : attr_title.length) && {
+ ...(attr_title?.length && {
title: attr_title
}),
...(object_id && 'custom' !== object && {
id: object_id
}),
-
/* eslint-enable camelcase */
- ...((description === null || description === void 0 ? void 0 : description.length) && {
+ ...(description?.length && {
description
}),
...(target === '_blank' && {
opensInNewTab: true
- })
- };
-}
+ }),
+ ...(blockType === 'core/navigation-submenu' && {
+ isTopLevelItem: level === 0
+ }),
+ ...(blockType === 'core/navigation-link' && {
+ isTopLevelLink: level === 0
+ })
+ };
+}
+
/**
* Creates a nested, hierarchical tree representation from unstructured data that
* has an inherent relationship defined between individual items.
@@ -25878,19 +34396,14 @@
* @param {*} relation the property which identifies how the current item is related to other items in the data (if at all).
* @return {Array} a nested array of parent/child relationships
*/
-
-
-function createDataTree(dataset) {
- let id = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'id';
- let relation = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'parent';
+function createDataTree(dataset, id = 'id', relation = 'parent') {
const hashTable = Object.create(null);
const dataTree = [];
-
for (const data of dataset) {
- hashTable[data[id]] = { ...data,
+ hashTable[data[id]] = {
+ ...data,
children: []
};
-
if (data[relation]) {
hashTable[data[relation]] = hashTable[data[relation]] || {};
hashTable[data[relation]].children = hashTable[data[relation]].children || [];
@@ -25899,7 +34412,6 @@
dataTree.push(hashTable[data[id]]);
}
}
-
return dataTree;
}
@@ -25911,30 +34423,33 @@
-/**
- * Internal dependencies
- */
-
-
+
+/**
+ * Internal dependencies
+ */
const CLASSIC_MENU_CONVERSION_SUCCESS = 'success';
const CLASSIC_MENU_CONVERSION_ERROR = 'error';
const CLASSIC_MENU_CONVERSION_PENDING = 'pending';
const CLASSIC_MENU_CONVERSION_IDLE = 'idle';
-function useConvertClassicToBlockMenu(clientId) {
- const {
- create: createNavigationMenu
- } = useCreateNavigationMenu(clientId);
+// This is needed to ensure that multiple components using this hook
+// do not import the same classic menu twice.
+let classicMenuBeingConvertedId = null;
+function useConvertClassicToBlockMenu(createNavigationMenu, {
+ throwOnError = false
+} = {}) {
const registry = (0,external_wp_data_namespaceObject.useRegistry)();
+ const {
+ editEntityRecord
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
const [status, setStatus] = (0,external_wp_element_namespaceObject.useState)(CLASSIC_MENU_CONVERSION_IDLE);
- const [value, setValue] = (0,external_wp_element_namespaceObject.useState)(null);
const [error, setError] = (0,external_wp_element_namespaceObject.useState)(null);
-
- async function convertClassicMenuToBlockMenu(menuId, menuName) {
+ const convertClassicMenuToBlockMenu = (0,external_wp_element_namespaceObject.useCallback)(async (menuId, menuName, postStatus = 'publish') => {
let navigationMenu;
- let classicMenuItems; // 1. Fetch the classic Menu items.
-
+ let classicMenuItems;
+
+ // 1. Fetch the classic Menu items.
try {
classicMenuItems = await registry.resolveSelect(external_wp_coreData_namespaceObject.store).getMenuItems({
menus: menuId,
@@ -25942,632 +34457,1910 @@
context: 'view'
});
} catch (err) {
- throw new Error((0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: the name of a menu (e.g. Header navigation).
+ throw new Error((0,external_wp_i18n_namespaceObject.sprintf)(
+ // translators: %s: the name of a menu (e.g. Header navigation).
(0,external_wp_i18n_namespaceObject.__)(`Unable to fetch classic menu "%s" from API.`), menuName), {
cause: err
});
- } // Handle offline response which resolves to `null`.
-
-
+ }
+
+ // Handle offline response which resolves to `null`.
if (classicMenuItems === null) {
- throw new Error((0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: the name of a menu (e.g. Header navigation).
+ throw new Error((0,external_wp_i18n_namespaceObject.sprintf)(
+ // translators: %s: the name of a menu (e.g. Header navigation).
(0,external_wp_i18n_namespaceObject.__)(`Unable to fetch classic menu "%s" from API.`), menuName));
- } // 2. Convert the classic items into blocks.
-
-
+ }
+
+ // 2. Convert the classic items into blocks.
const {
innerBlocks
- } = menuItemsToBlocks(classicMenuItems); // 3. Create the `wp_navigation` Post with the blocks.
-
+ } = menuItemsToBlocks(classicMenuItems);
+
+ // 3. Create the `wp_navigation` Post with the blocks.
try {
- navigationMenu = await createNavigationMenu(menuName, innerBlocks);
+ navigationMenu = await createNavigationMenu(menuName, innerBlocks, postStatus);
+
+ /**
+ * Immediately trigger editEntityRecord to change the wp_navigation post status to 'publish'.
+ * This status change causes the menu to be displayed on the front of the site and sets the post state to be "dirty".
+ * The problem being solved is if saveEditedEntityRecord was used here, the menu would be updated on the frontend and the editor _automatically_,
+ * without user interaction.
+ * If the user abandons the site editor without saving, there would still be a wp_navigation post created as draft.
+ */
+ await editEntityRecord('postType', 'wp_navigation', navigationMenu.id, {
+ status: 'publish'
+ }, {
+ throwOnError: true
+ });
} catch (err) {
- throw new Error((0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: the name of a menu (e.g. Header navigation).
+ throw new Error((0,external_wp_i18n_namespaceObject.sprintf)(
+ // translators: %s: the name of a menu (e.g. Header navigation).
(0,external_wp_i18n_namespaceObject.__)(`Unable to create Navigation Menu "%s".`), menuName), {
cause: err
});
}
-
return navigationMenu;
- }
-
- const convert = (0,external_wp_element_namespaceObject.useCallback)((menuId, menuName) => {
+ }, [createNavigationMenu, editEntityRecord, registry]);
+ const convert = (0,external_wp_element_namespaceObject.useCallback)(async (menuId, menuName, postStatus) => {
+ // Check whether this classic menu is being imported already.
+ if (classicMenuBeingConvertedId === menuId) {
+ return;
+ }
+
+ // Set the ID for the currently importing classic menu.
+ classicMenuBeingConvertedId = menuId;
if (!menuId || !menuName) {
setError('Unable to convert menu. Missing menu details.');
setStatus(CLASSIC_MENU_CONVERSION_ERROR);
return;
}
-
setStatus(CLASSIC_MENU_CONVERSION_PENDING);
- setValue(null);
setError(null);
- convertClassicMenuToBlockMenu(menuId, menuName).then(navMenu => {
- setValue(navMenu);
+ return await convertClassicMenuToBlockMenu(menuId, menuName, postStatus).then(navigationMenu => {
setStatus(CLASSIC_MENU_CONVERSION_SUCCESS);
+ // Reset the ID for the currently importing classic menu.
+ classicMenuBeingConvertedId = null;
+ return navigationMenu;
}).catch(err => {
- setError(err === null || err === void 0 ? void 0 : err.message);
- setStatus(CLASSIC_MENU_CONVERSION_ERROR); // Rethrow error for debugging.
-
- throw new Error((0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: the name of a menu (e.g. Header navigation).
- (0,external_wp_i18n_namespaceObject.__)(`Unable to create Navigation Menu "%s".`), menuName), {
- cause: err
- });
- });
- }, [clientId]);
+ setError(err?.message);
+ // Reset the ID for the currently importing classic menu.
+ setStatus(CLASSIC_MENU_CONVERSION_ERROR);
+
+ // Reset the ID for the currently importing classic menu.
+ classicMenuBeingConvertedId = null;
+
+ // Rethrow error for debugging.
+ if (throwOnError) {
+ throw new Error((0,external_wp_i18n_namespaceObject.sprintf)(
+ // translators: %s: the name of a menu (e.g. Header navigation).
+ (0,external_wp_i18n_namespaceObject.__)(`Unable to create Navigation Menu "%s".`), menuName), {
+ cause: err
+ });
+ }
+ });
+ }, [convertClassicMenuToBlockMenu, throwOnError]);
return {
convert,
status,
+ error
+ };
+}
+/* harmony default export */ const use_convert_classic_menu_to_block_menu = (useConvertClassicToBlockMenu);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/edit/utils/create-template-part-id.js
+/**
+ * Generates a template part Id based on slug and theme inputs.
+ *
+ * @param {string} theme the template part's theme.
+ * @param {string} slug the template part's slug
+ * @return {string|null} the template part's Id.
+ */
+function createTemplatePartId(theme, slug) {
+ return theme && slug ? theme + '//' + slug : null;
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/use-template-part-area-label.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+// TODO: this util should perhaps be refactored somewhere like core-data.
+
+function useTemplatePartAreaLabel(clientId) {
+ return (0,external_wp_data_namespaceObject.useSelect)(select => {
+ // Use the lack of a clientId as an opportunity to bypass the rest
+ // of this hook.
+ if (!clientId) {
+ return;
+ }
+ const {
+ getBlock,
+ getBlockParentsByBlockName
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const withAscendingResults = true;
+ const parentTemplatePartClientIds = getBlockParentsByBlockName(clientId, 'core/template-part', withAscendingResults);
+ if (!parentTemplatePartClientIds?.length) {
+ return;
+ }
+
+ // FIXME: @wordpress/block-library should not depend on @wordpress/editor.
+ // Blocks can be loaded into a *non-post* block editor.
+ // This code is lifted from this file:
+ // packages/block-library/src/template-part/edit/advanced-controls.js
+ /* eslint-disable @wordpress/data-no-store-string-literals */
+ const definedAreas = select('core/editor').__experimentalGetDefaultTemplatePartAreas();
+ /* eslint-enable @wordpress/data-no-store-string-literals */
+ const {
+ getCurrentTheme,
+ getEditedEntityRecord
+ } = select(external_wp_coreData_namespaceObject.store);
+ for (const templatePartClientId of parentTemplatePartClientIds) {
+ const templatePartBlock = getBlock(templatePartClientId);
+
+ // The 'area' usually isn't stored on the block, but instead
+ // on the entity.
+ const {
+ theme = getCurrentTheme()?.stylesheet,
+ slug
+ } = templatePartBlock.attributes;
+ const templatePartEntityId = createTemplatePartId(theme, slug);
+ const templatePartEntity = getEditedEntityRecord('postType', 'wp_template_part', templatePartEntityId);
+
+ // Look up the `label` for the area in the defined areas so
+ // that an internationalized label can be used.
+ if (templatePartEntity?.area) {
+ return definedAreas.find(definedArea => definedArea.area !== 'uncategorized' && definedArea.area === templatePartEntity.area)?.label;
+ }
+ }
+ }, [clientId]);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/use-generate-default-navigation-title.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+const DRAFT_MENU_PARAMS = ['postType', 'wp_navigation', {
+ status: 'draft',
+ per_page: -1
+}];
+const PUBLISHED_MENU_PARAMS = ['postType', 'wp_navigation', {
+ per_page: -1,
+ status: 'publish'
+}];
+function useGenerateDefaultNavigationTitle(clientId) {
+ // The block will be disabled in a block preview, use this as a way of
+ // avoiding the side-effects of this component for block previews.
+ const isDisabled = (0,external_wp_element_namespaceObject.useContext)(external_wp_components_namespaceObject.Disabled.Context);
+
+ // Because we can't conditionally call hooks, pass an undefined client id
+ // arg to bypass the expensive `useTemplateArea` code. The hook will return
+ // early.
+ const area = useTemplatePartAreaLabel(isDisabled ? undefined : clientId);
+ const registry = (0,external_wp_data_namespaceObject.useRegistry)();
+ return (0,external_wp_element_namespaceObject.useCallback)(async () => {
+ // Ensure other navigation menus have loaded so an
+ // accurate name can be created.
+ if (isDisabled) {
+ return '';
+ }
+ const {
+ getEntityRecords
+ } = registry.resolveSelect(external_wp_coreData_namespaceObject.store);
+ const [draftNavigationMenus, navigationMenus] = await Promise.all([getEntityRecords(...DRAFT_MENU_PARAMS), getEntityRecords(...PUBLISHED_MENU_PARAMS)]);
+ const title = area ? (0,external_wp_i18n_namespaceObject.sprintf)(
+ // translators: %s: the name of a menu (e.g. Header navigation).
+ (0,external_wp_i18n_namespaceObject.__)('%s navigation'), area) :
+ // translators: 'navigation' as in website navigation.
+ (0,external_wp_i18n_namespaceObject.__)('Navigation');
+
+ // Determine how many menus start with the automatic title.
+ const matchingMenuTitleCount = [...draftNavigationMenus, ...navigationMenus].reduce((count, menu) => menu?.title?.raw?.startsWith(title) ? count + 1 : count, 0);
+
+ // Append a number to the end of the title if a menu with
+ // the same name exists.
+ const titleWithCount = matchingMenuTitleCount > 0 ? `${title} ${matchingMenuTitleCount + 1}` : title;
+ return titleWithCount || '';
+ }, [isDisabled, area, registry]);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/use-create-navigation-menu.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+const CREATE_NAVIGATION_MENU_SUCCESS = 'success';
+const CREATE_NAVIGATION_MENU_ERROR = 'error';
+const CREATE_NAVIGATION_MENU_PENDING = 'pending';
+const CREATE_NAVIGATION_MENU_IDLE = 'idle';
+function useCreateNavigationMenu(clientId) {
+ const [status, setStatus] = (0,external_wp_element_namespaceObject.useState)(CREATE_NAVIGATION_MENU_IDLE);
+ const [value, setValue] = (0,external_wp_element_namespaceObject.useState)(null);
+ const [error, setError] = (0,external_wp_element_namespaceObject.useState)(null);
+ const {
+ saveEntityRecord,
+ editEntityRecord
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
+ const generateDefaultTitle = useGenerateDefaultNavigationTitle(clientId);
+
+ // This callback uses data from the two placeholder steps and only creates
+ // a new navigation menu when the user completes the final step.
+ const create = (0,external_wp_element_namespaceObject.useCallback)(async (title = null, blocks = [], postStatus) => {
+ // Guard against creating Navigations without a title.
+ // Note you can pass no title, but if one is passed it must be
+ // a string otherwise the title may end up being empty.
+ if (title && typeof title !== 'string') {
+ setError('Invalid title supplied when creating Navigation Menu.');
+ setStatus(CREATE_NAVIGATION_MENU_ERROR);
+ throw new Error(`Value of supplied title argument was not a string.`);
+ }
+ setStatus(CREATE_NAVIGATION_MENU_PENDING);
+ setValue(null);
+ setError(null);
+ if (!title) {
+ title = await generateDefaultTitle().catch(err => {
+ setError(err?.message);
+ setStatus(CREATE_NAVIGATION_MENU_ERROR);
+ throw new Error('Failed to create title when saving new Navigation Menu.', {
+ cause: err
+ });
+ });
+ }
+ const record = {
+ title,
+ content: (0,external_wp_blocks_namespaceObject.serialize)(blocks),
+ status: postStatus
+ };
+
+ // Return affords ability to await on this function directly
+ return saveEntityRecord('postType', 'wp_navigation', record).then(response => {
+ setValue(response);
+ setStatus(CREATE_NAVIGATION_MENU_SUCCESS);
+
+ // Set the status to publish so that the Navigation block
+ // shows up in the multi entity save flow.
+ if (postStatus !== 'publish') {
+ editEntityRecord('postType', 'wp_navigation', response.id, {
+ status: 'publish'
+ });
+ }
+ return response;
+ }).catch(err => {
+ setError(err?.message);
+ setStatus(CREATE_NAVIGATION_MENU_ERROR);
+ throw new Error('Unable to save new Navigation Menu', {
+ cause: err
+ });
+ });
+ }, [saveEntityRecord, editEntityRecord, generateDefaultTitle]);
+ return {
+ create,
+ status,
value,
- error
- };
-}
-
-/* harmony default export */ var use_convert_classic_menu_to_block_menu = (useConvertClassicToBlockMenu);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/index.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-const EMPTY_ARRAY = [];
+ error,
+ isIdle: status === CREATE_NAVIGATION_MENU_IDLE,
+ isPending: status === CREATE_NAVIGATION_MENU_PENDING,
+ isSuccess: status === CREATE_NAVIGATION_MENU_SUCCESS,
+ isError: status === CREATE_NAVIGATION_MENU_ERROR
+ };
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/use-inner-blocks.js
+/**
+ * WordPress dependencies
+ */
+
+
+const use_inner_blocks_EMPTY_ARRAY = [];
+function useInnerBlocks(clientId) {
+ return (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getBlock,
+ getBlocks,
+ hasSelectedInnerBlock
+ } = select(external_wp_blockEditor_namespaceObject.store);
+
+ // This relies on the fact that `getBlock` won't return controlled
+ // inner blocks, while `getBlocks` does. It might be more stable to
+ // introduce a selector like `getUncontrolledInnerBlocks`, just in
+ // case `getBlock` is fixed.
+ const _uncontrolledInnerBlocks = getBlock(clientId).innerBlocks;
+ const _hasUncontrolledInnerBlocks = !!_uncontrolledInnerBlocks?.length;
+ const _controlledInnerBlocks = _hasUncontrolledInnerBlocks ? use_inner_blocks_EMPTY_ARRAY : getBlocks(clientId);
+ return {
+ innerBlocks: _hasUncontrolledInnerBlocks ? _uncontrolledInnerBlocks : _controlledInnerBlocks,
+ hasUncontrolledInnerBlocks: _hasUncontrolledInnerBlocks,
+ uncontrolledInnerBlocks: _uncontrolledInnerBlocks,
+ controlledInnerBlocks: _controlledInnerBlocks,
+ isInnerBlockSelected: hasSelectedInnerBlock(clientId, true)
+ };
+ }, [clientId]);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/utils.js
+/**
+ * External dependencies
+ */
function getComputedStyle(node) {
return node.ownerDocument.defaultView.getComputedStyle(node);
}
-
function detectColors(colorsDetectionElement, setColor, setBackground) {
if (!colorsDetectionElement) {
return;
}
-
setColor(getComputedStyle(colorsDetectionElement).color);
let backgroundColorNode = colorsDetectionElement;
let backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor;
-
while (backgroundColor === 'rgba(0, 0, 0, 0)' && backgroundColorNode.parentNode && backgroundColorNode.parentNode.nodeType === backgroundColorNode.parentNode.ELEMENT_NODE) {
backgroundColorNode = backgroundColorNode.parentNode;
backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor;
}
-
setBackground(backgroundColor);
}
-function Navigation(_ref) {
- var _attributes$style, _attributes$style$typ;
-
- let {
- attributes,
- setAttributes,
- clientId,
- isSelected,
- className,
+/**
+ * Determine the colors for a menu.
+ *
+ * Order of priority is:
+ * 1: Overlay custom colors (if submenu)
+ * 2: Overlay theme colors (if submenu)
+ * 3: Custom colors
+ * 4: Theme colors
+ * 5: Global styles
+ *
+ * @param {Object} context
+ * @param {boolean} isSubMenu
+ */
+function getColors(context, isSubMenu) {
+ const {
+ textColor,
+ customTextColor,
backgroundColor,
- setBackgroundColor,
- textColor,
- setTextColor,
- overlayBackgroundColor,
- setOverlayBackgroundColor,
+ customBackgroundColor,
overlayTextColor,
- setOverlayTextColor,
- // These props are used by the navigation editor to override specific
- // navigation block settings.
- hasSubmenuIndicatorSetting = true,
- hasColorSettings = true,
- customPlaceholder: CustomPlaceholder = null
- } = _ref;
+ customOverlayTextColor,
+ overlayBackgroundColor,
+ customOverlayBackgroundColor,
+ style
+ } = context;
+ const colors = {};
+ if (isSubMenu && !!customOverlayTextColor) {
+ colors.customTextColor = customOverlayTextColor;
+ } else if (isSubMenu && !!overlayTextColor) {
+ colors.textColor = overlayTextColor;
+ } else if (!!customTextColor) {
+ colors.customTextColor = customTextColor;
+ } else if (!!textColor) {
+ colors.textColor = textColor;
+ } else if (!!style?.color?.text) {
+ colors.customTextColor = style.color.text;
+ }
+ if (isSubMenu && !!customOverlayBackgroundColor) {
+ colors.customBackgroundColor = customOverlayBackgroundColor;
+ } else if (isSubMenu && !!overlayBackgroundColor) {
+ colors.backgroundColor = overlayBackgroundColor;
+ } else if (!!customBackgroundColor) {
+ colors.customBackgroundColor = customBackgroundColor;
+ } else if (!!backgroundColor) {
+ colors.backgroundColor = backgroundColor;
+ } else if (!!style?.color?.background) {
+ colors.customTextColor = style.color.background;
+ }
+ return colors;
+}
+function getNavigationChildBlockProps(innerBlocksColors) {
+ return {
+ className: dist_clsx('wp-block-navigation__submenu-container', {
+ 'has-text-color': !!(innerBlocksColors.textColor || innerBlocksColors.customTextColor),
+ [`has-${innerBlocksColors.textColor}-color`]: !!innerBlocksColors.textColor,
+ 'has-background': !!(innerBlocksColors.backgroundColor || innerBlocksColors.customBackgroundColor),
+ [`has-${innerBlocksColors.backgroundColor}-background-color`]: !!innerBlocksColors.backgroundColor
+ }),
+ style: {
+ color: innerBlocksColors.customTextColor,
+ backgroundColor: innerBlocksColors.customBackgroundColor
+ }
+ };
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/manage-menus-button.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+const ManageMenusButton = ({
+ className = '',
+ disabled,
+ isMenuItem = false
+}) => {
+ let ComponentName = external_wp_components_namespaceObject.Button;
+ if (isMenuItem) {
+ ComponentName = external_wp_components_namespaceObject.MenuItem;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ComponentName, {
+ variant: "link",
+ disabled: disabled,
+ className: className,
+ href: (0,external_wp_url_namespaceObject.addQueryArgs)('edit.php', {
+ post_type: 'wp_navigation'
+ }),
+ children: (0,external_wp_i18n_namespaceObject.__)('Manage menus')
+ });
+};
+/* harmony default export */ const manage_menus_button = (ManageMenusButton);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/deleted-navigation-warning.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+function DeletedNavigationWarning({
+ onCreateNew
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('Navigation Menu has been deleted or is unavailable. <button>Create a new Menu?</button>'), {
+ button: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ onClick: onCreateNew,
+ variant: "link"
+ })
+ })
+ });
+}
+/* harmony default export */ const deleted_navigation_warning = (DeletedNavigationWarning);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/add-submenu.js
+/**
+ * WordPress dependencies
+ */
+
+
+const addSubmenu = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M2 12c0 3.6 2.4 5.5 6 5.5h.5V19l3-2.5-3-2.5v2H8c-2.5 0-4.5-1.5-4.5-4s2-4.5 4.5-4.5h3.5V6H8c-3.6 0-6 2.4-6 6zm19.5-1h-8v1.5h8V11zm0 5h-8v1.5h8V16zm0-10h-8v1.5h8V6z"
+ })
+});
+/* harmony default export */ const add_submenu = (addSubmenu);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-up.js
+/**
+ * WordPress dependencies
+ */
+
+
+const chevronUp = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"
+ })
+});
+/* harmony default export */ const chevron_up = (chevronUp);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-down.js
+/**
+ * WordPress dependencies
+ */
+
+
+const chevronDown = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
+ })
+});
+/* harmony default export */ const chevron_down = (chevronDown);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/leaf-more-menu.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+const POPOVER_PROPS = {
+ className: 'block-editor-block-settings-menu__popover',
+ placement: 'bottom-start'
+};
+const BLOCKS_THAT_CAN_BE_CONVERTED_TO_SUBMENU = ['core/navigation-link', 'core/navigation-submenu'];
+function AddSubmenuItem({
+ block,
+ onClose,
+ expandedState,
+ expand,
+ setInsertedBlock
+}) {
+ const {
+ insertBlock,
+ replaceBlock,
+ replaceInnerBlocks
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const clientId = block.clientId;
+ const isDisabled = !BLOCKS_THAT_CAN_BE_CONVERTED_TO_SUBMENU.includes(block.name);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ icon: add_submenu,
+ disabled: isDisabled,
+ onClick: () => {
+ const updateSelectionOnInsert = false;
+ const newLink = (0,external_wp_blocks_namespaceObject.createBlock)('core/navigation-link');
+ if (block.name === 'core/navigation-submenu') {
+ insertBlock(newLink, block.innerBlocks.length, clientId, updateSelectionOnInsert);
+ } else {
+ // Convert to a submenu if the block currently isn't one.
+ const newSubmenu = (0,external_wp_blocks_namespaceObject.createBlock)('core/navigation-submenu', block.attributes, block.innerBlocks);
+
+ // The following must happen as two independent actions.
+ // Why? Because the offcanvas editor relies on the getLastInsertedBlocksClientIds
+ // selector to determine which block is "active". As the UX needs the newLink to be
+ // the "active" block it must be the last block to be inserted.
+ // Therefore the Submenu is first created and **then** the newLink is inserted
+ // thus ensuring it is the last inserted block.
+ replaceBlock(clientId, newSubmenu);
+ replaceInnerBlocks(newSubmenu.clientId, [newLink], updateSelectionOnInsert);
+ }
+
+ // This call sets the local List View state for the "last inserted block".
+ // This is required for the Nav Block to determine whether or not to display
+ // the Link UI for this new block.
+ setInsertedBlock(newLink);
+ if (!expandedState[block.clientId]) {
+ expand(block.clientId);
+ }
+ onClose();
+ },
+ children: (0,external_wp_i18n_namespaceObject.__)('Add submenu link')
+ });
+}
+function LeafMoreMenu(props) {
+ const {
+ block
+ } = props;
+ const {
+ clientId
+ } = block;
+ const {
+ moveBlocksDown,
+ moveBlocksUp,
+ removeBlocks
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const removeLabel = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: block name */
+ (0,external_wp_i18n_namespaceObject.__)('Remove %s'), (0,external_wp_blockEditor_namespaceObject.BlockTitle)({
+ clientId,
+ maximumLength: 25
+ }));
+ const rootClientId = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getBlockRootClientId
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ return getBlockRootClientId(clientId);
+ }, [clientId]);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.DropdownMenu, {
+ icon: more_vertical,
+ label: (0,external_wp_i18n_namespaceObject.__)('Options'),
+ className: "block-editor-block-settings-menu",
+ popoverProps: POPOVER_PROPS,
+ noIcons: true,
+ ...props,
+ children: ({
+ onClose
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.MenuGroup, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ icon: chevron_up,
+ onClick: () => {
+ moveBlocksUp([clientId], rootClientId);
+ onClose();
+ },
+ children: (0,external_wp_i18n_namespaceObject.__)('Move up')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ icon: chevron_down,
+ onClick: () => {
+ moveBlocksDown([clientId], rootClientId);
+ onClose();
+ },
+ children: (0,external_wp_i18n_namespaceObject.__)('Move down')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(AddSubmenuItem, {
+ block: block,
+ onClose: onClose,
+ expanded: true,
+ expandedState: props.expandedState,
+ expand: props.expand,
+ setInsertedBlock: props.setInsertedBlock
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuGroup, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ onClick: () => {
+ removeBlocks([clientId], false);
+ onClose();
+ },
+ children: removeLabel
+ })
+ })]
+ })
+ });
+}
+
+;// CONCATENATED MODULE: external ["wp","escapeHtml"]
+const external_wp_escapeHtml_namespaceObject = window["wp"]["escapeHtml"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-link/update-attributes.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * @typedef {'post-type'|'custom'|'taxonomy'|'post-type-archive'} WPNavigationLinkKind
+ */
+/**
+ * Navigation Link Block Attributes
+ *
+ * @typedef {Object} WPNavigationLinkBlockAttributes
+ *
+ * @property {string} [label] Link text.
+ * @property {WPNavigationLinkKind} [kind] Kind is used to differentiate between term and post ids to check post draft status.
+ * @property {string} [type] The type such as post, page, tag, category and other custom types.
+ * @property {string} [rel] The relationship of the linked URL.
+ * @property {number} [id] A post or term id.
+ * @property {boolean} [opensInNewTab] Sets link target to _blank when true.
+ * @property {string} [url] Link href.
+ * @property {string} [title] Link title attribute.
+ */
+/**
+ * Link Control onChange handler that updates block attributes when a setting is changed.
+ *
+ * @param {Object} updatedValue New block attributes to update.
+ * @param {Function} setAttributes Block attribute update function.
+ * @param {WPNavigationLinkBlockAttributes} blockAttributes Current block attributes.
+ */
+
+const updateAttributes = (updatedValue = {}, setAttributes, blockAttributes = {}) => {
+ const {
+ label: originalLabel = '',
+ kind: originalKind = '',
+ type: originalType = ''
+ } = blockAttributes;
+ const {
+ title: newLabel = '',
+ // the title of any provided Post.
+ url: newUrl = '',
+ opensInNewTab,
+ id,
+ kind: newKind = originalKind,
+ type: newType = originalType
+ } = updatedValue;
+ const newLabelWithoutHttp = newLabel.replace(/http(s?):\/\//gi, '');
+ const newUrlWithoutHttp = newUrl.replace(/http(s?):\/\//gi, '');
+ const useNewLabel = newLabel && newLabel !== originalLabel &&
+ // LinkControl without the title field relies
+ // on the check below. Specifically, it assumes that
+ // the URL is the same as a title.
+ // This logic a) looks suspicious and b) should really
+ // live in the LinkControl and not here. It's a great
+ // candidate for future refactoring.
+ newLabelWithoutHttp !== newUrlWithoutHttp;
+
+ // Unfortunately this causes the escaping model to be inverted.
+ // The escaped content is stored in the block attributes (and ultimately in the database),
+ // and then the raw data is "recovered" when outputting into the DOM.
+ // It would be preferable to store the **raw** data in the block attributes and escape it in JS.
+ // Why? Because there isn't one way to escape data. Depending on the context, you need to do
+ // different transforms. It doesn't make sense to me to choose one of them for the purposes of storage.
+ // See also:
+ // - https://github.com/WordPress/gutenberg/pull/41063
+ // - https://github.com/WordPress/gutenberg/pull/18617.
+ const label = useNewLabel ? (0,external_wp_escapeHtml_namespaceObject.escapeHTML)(newLabel) : originalLabel || (0,external_wp_escapeHtml_namespaceObject.escapeHTML)(newUrlWithoutHttp);
+
+ // In https://github.com/WordPress/gutenberg/pull/24670 we decided to use "tag" in favor of "post_tag"
+ const type = newType === 'post_tag' ? 'tag' : newType.replace('-', '_');
+ const isBuiltInType = ['post', 'page', 'tag', 'category'].indexOf(type) > -1;
+ const isCustomLink = !newKind && !isBuiltInType || newKind === 'custom';
+ const kind = isCustomLink ? 'custom' : newKind;
+ setAttributes({
+ // Passed `url` may already be encoded. To prevent double encoding, decodeURI is executed to revert to the original string.
+ ...(newUrl && {
+ url: encodeURI((0,external_wp_url_namespaceObject.safeDecodeURI)(newUrl))
+ }),
+ ...(label && {
+ label
+ }),
+ ...(undefined !== opensInNewTab && {
+ opensInNewTab
+ }),
+ ...(id && Number.isInteger(id) && {
+ id
+ }),
+ ...(kind && {
+ kind
+ }),
+ ...(type && type !== 'URL' && {
+ type
+ })
+ });
+};
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-left-small.js
+/**
+ * WordPress dependencies
+ */
+
+
+const chevronLeftSmall = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "m13.1 16-3.4-4 3.4-4 1.1 1-2.6 3 2.6 3-1.1 1z"
+ })
+});
+/* harmony default export */ const chevron_left_small = (chevronLeftSmall);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/plus.js
+/**
+ * WordPress dependencies
+ */
+
+
+const plus = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z"
+ })
+});
+/* harmony default export */ const library_plus = (plus);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-link/link-ui.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+const {
+ PrivateQuickInserter: QuickInserter
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+
+/**
+ * Given the Link block's type attribute, return the query params to give to
+ * /wp/v2/search.
+ *
+ * @param {string} type Link block's type attribute.
+ * @param {string} kind Link block's entity of kind (post-type|taxonomy)
+ * @return {{ type?: string, subtype?: string }} Search query params.
+ */
+function getSuggestionsQuery(type, kind) {
+ switch (type) {
+ case 'post':
+ case 'page':
+ return {
+ type: 'post',
+ subtype: type
+ };
+ case 'category':
+ return {
+ type: 'term',
+ subtype: 'category'
+ };
+ case 'tag':
+ return {
+ type: 'term',
+ subtype: 'post_tag'
+ };
+ case 'post_format':
+ return {
+ type: 'post-format'
+ };
+ default:
+ if (kind === 'taxonomy') {
+ return {
+ type: 'term',
+ subtype: type
+ };
+ }
+ if (kind === 'post-type') {
+ return {
+ type: 'post',
+ subtype: type
+ };
+ }
+ return {
+ // for custom link which has no type
+ // always show pages as initial suggestions
+ initialSuggestionsSearchOptions: {
+ type: 'post',
+ subtype: 'page',
+ perPage: 20
+ }
+ };
+ }
+}
+function LinkUIBlockInserter({
+ clientId,
+ onBack,
+ onSelectBlock
+}) {
+ const {
+ rootBlockClientId
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getBlockRootClientId
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ return {
+ rootBlockClientId: getBlockRootClientId(clientId)
+ };
+ }, [clientId]);
+ const focusOnMountRef = (0,external_wp_compose_namespaceObject.useFocusOnMount)('firstElement');
+ const dialogTitleId = (0,external_wp_compose_namespaceObject.useInstanceId)(external_wp_blockEditor_namespaceObject.__experimentalLinkControl, `link-ui-block-inserter__title`);
+ const dialogDescritionId = (0,external_wp_compose_namespaceObject.useInstanceId)(external_wp_blockEditor_namespaceObject.__experimentalLinkControl, `link-ui-block-inserter__description`);
+ if (!clientId) {
+ return null;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "link-ui-block-inserter",
+ role: "dialog",
+ "aria-labelledby": dialogTitleId,
+ "aria-describedby": dialogDescritionId,
+ ref: focusOnMountRef,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.VisuallyHidden, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h2", {
+ id: dialogTitleId,
+ children: (0,external_wp_i18n_namespaceObject.__)('Add block')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ id: dialogDescritionId,
+ children: (0,external_wp_i18n_namespaceObject.__)('Choose a block to add to your Navigation.')
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ className: "link-ui-block-inserter__back",
+ icon: chevron_left_small,
+ onClick: e => {
+ e.preventDefault();
+ onBack();
+ },
+ size: "small",
+ children: (0,external_wp_i18n_namespaceObject.__)('Back')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(QuickInserter, {
+ rootClientId: rootBlockClientId,
+ clientId: clientId,
+ isAppender: false,
+ prioritizePatterns: false,
+ selectBlockOnInsert: true,
+ hasSearch: false,
+ onSelect: onSelectBlock
+ })]
+ });
+}
+function UnforwardedLinkUI(props, ref) {
+ const [addingBlock, setAddingBlock] = (0,external_wp_element_namespaceObject.useState)(false);
+ const [focusAddBlockButton, setFocusAddBlockButton] = (0,external_wp_element_namespaceObject.useState)(false);
+ const {
+ saveEntityRecord
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
+ const pagesPermissions = (0,external_wp_coreData_namespaceObject.useResourcePermissions)('pages');
+ const postsPermissions = (0,external_wp_coreData_namespaceObject.useResourcePermissions)('posts');
+ async function handleCreate(pageTitle) {
+ const postType = props.link.type || 'page';
+ const page = await saveEntityRecord('postType', postType, {
+ title: pageTitle,
+ status: 'draft'
+ });
+ return {
+ id: page.id,
+ type: postType,
+ // Make `title` property consistent with that in `fetchLinkSuggestions` where the `rendered` title (containing HTML entities)
+ // is also being decoded. By being consistent in both locations we avoid having to branch in the rendering output code.
+ // Ideally in the future we will update both APIs to utilise the "raw" form of the title which is better suited to edit contexts.
+ // e.g.
+ // - title.raw = "Yes & No"
+ // - title.rendered = "Yes & No"
+ // - decodeEntities( title.rendered ) = "Yes & No"
+ // See:
+ // - https://github.com/WordPress/gutenberg/pull/41063
+ // - https://github.com/WordPress/gutenberg/blob/a1e1fdc0e6278457e9f4fc0b31ac6d2095f5450b/packages/core-data/src/fetch/__experimental-fetch-link-suggestions.js#L212-L218
+ title: (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(page.title.rendered),
+ url: page.link,
+ kind: 'post-type'
+ };
+ }
+ const {
+ label,
+ url,
+ opensInNewTab,
+ type,
+ kind
+ } = props.link;
+ let userCanCreate = false;
+ if (!type || type === 'page') {
+ userCanCreate = pagesPermissions.canCreate;
+ } else if (type === 'post') {
+ userCanCreate = postsPermissions.canCreate;
+ }
+
+ // Memoize link value to avoid overriding the LinkControl's internal state.
+ // This is a temporary fix. See https://github.com/WordPress/gutenberg/issues/50976#issuecomment-1568226407.
+ const link = (0,external_wp_element_namespaceObject.useMemo)(() => ({
+ url,
+ opensInNewTab,
+ title: label && (0,external_wp_dom_namespaceObject.__unstableStripHTML)(label)
+ }), [label, opensInNewTab, url]);
+ const dialogTitleId = (0,external_wp_compose_namespaceObject.useInstanceId)(LinkUI, `link-ui-link-control__title`);
+ const dialogDescritionId = (0,external_wp_compose_namespaceObject.useInstanceId)(LinkUI, `link-ui-link-control__description`);
+
+ // Selecting a block should close the popover and also remove the (previously) automatically inserted
+ // link block so that the newly selected block can be inserted in its place.
+ const {
+ onClose: onSelectBlock
+ } = props;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Popover, {
+ ref: ref,
+ placement: "bottom",
+ onClose: props.onClose,
+ anchor: props.anchor,
+ shift: true,
+ children: [!addingBlock && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ role: "dialog",
+ "aria-labelledby": dialogTitleId,
+ "aria-describedby": dialogDescritionId,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.VisuallyHidden, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h2", {
+ id: dialogTitleId,
+ children: (0,external_wp_i18n_namespaceObject.__)('Add link')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ id: dialogDescritionId,
+ children: (0,external_wp_i18n_namespaceObject.__)('Search for and add a link to your Navigation.')
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalLinkControl, {
+ hasTextControl: true,
+ hasRichPreviews: true,
+ value: link,
+ showInitialSuggestions: true,
+ withCreateSuggestion: userCanCreate,
+ createSuggestion: handleCreate,
+ createSuggestionButtonText: searchTerm => {
+ let format;
+ if (type === 'post') {
+ /* translators: %s: search term. */
+ format = (0,external_wp_i18n_namespaceObject.__)('Create draft post: <mark>%s</mark>');
+ } else {
+ /* translators: %s: search term. */
+ format = (0,external_wp_i18n_namespaceObject.__)('Create draft page: <mark>%s</mark>');
+ }
+ return (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.sprintf)(format, searchTerm), {
+ mark: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("mark", {})
+ });
+ },
+ noDirectEntry: !!type,
+ noURLSuggestion: !!type,
+ suggestionsQuery: getSuggestionsQuery(type, kind),
+ onChange: props.onChange,
+ onRemove: props.onRemove,
+ onCancel: props.onCancel,
+ renderControlBottom: () => !link?.url?.length && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(LinkUITools, {
+ focusAddBlockButton: focusAddBlockButton,
+ setAddingBlock: () => {
+ setAddingBlock(true);
+ setFocusAddBlockButton(false);
+ }
+ })
+ })]
+ }), addingBlock && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(LinkUIBlockInserter, {
+ clientId: props.clientId,
+ onBack: () => {
+ setAddingBlock(false);
+ setFocusAddBlockButton(true);
+ },
+ onSelectBlock: onSelectBlock
+ })]
+ });
+}
+const LinkUI = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedLinkUI);
+const LinkUITools = ({
+ setAddingBlock,
+ focusAddBlockButton
+}) => {
+ const blockInserterAriaRole = 'listbox';
+ const addBlockButtonRef = (0,external_wp_element_namespaceObject.useRef)();
+
+ // Focus the add block button when the popover is opened.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (focusAddBlockButton) {
+ addBlockButtonRef.current?.focus();
+ }
+ }, [focusAddBlockButton]);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalVStack, {
+ className: "link-ui-tools",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ ref: addBlockButtonRef,
+ icon: library_plus,
+ onClick: e => {
+ e.preventDefault();
+ setAddingBlock(true);
+ },
+ "aria-haspopup": blockInserterAriaRole,
+ children: (0,external_wp_i18n_namespaceObject.__)('Add block')
+ })
+ });
+};
+/* harmony default export */ const link_ui = ((/* unused pure expression or super */ null && (LinkUITools)));
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/menu-inspector-controls.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+
+
+/* translators: %s: The name of a menu. */
+
+
+const actionLabel = (0,external_wp_i18n_namespaceObject.__)("Switch to '%s'");
+const BLOCKS_WITH_LINK_UI_SUPPORT = ['core/navigation-link', 'core/navigation-submenu'];
+const {
+ PrivateListView
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+function AdditionalBlockContent({
+ block,
+ insertedBlock,
+ setInsertedBlock
+}) {
+ const {
+ updateBlockAttributes
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const supportsLinkControls = BLOCKS_WITH_LINK_UI_SUPPORT?.includes(insertedBlock?.name);
+ const blockWasJustInserted = insertedBlock?.clientId === block.clientId;
+ const showLinkControls = supportsLinkControls && blockWasJustInserted;
+ if (!showLinkControls) {
+ return null;
+ }
+ const setInsertedBlockAttributes = _insertedBlockClientId => _updatedAttributes => {
+ if (!_insertedBlockClientId) {
+ return;
+ }
+ updateBlockAttributes(_insertedBlockClientId, _updatedAttributes);
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(LinkUI, {
+ clientId: insertedBlock?.clientId,
+ link: insertedBlock?.attributes,
+ onClose: () => {
+ setInsertedBlock(null);
+ },
+ onChange: updatedValue => {
+ updateAttributes(updatedValue, setInsertedBlockAttributes(insertedBlock?.clientId), insertedBlock?.attributes);
+ setInsertedBlock(null);
+ },
+ onCancel: () => {
+ setInsertedBlock(null);
+ }
+ });
+}
+const MainContent = ({
+ clientId,
+ currentMenuId,
+ isLoading,
+ isNavigationMenuMissing,
+ onCreateNew
+}) => {
+ const hasChildren = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ return !!select(external_wp_blockEditor_namespaceObject.store).getBlockCount(clientId);
+ }, [clientId]);
+ const {
+ navigationMenu
+ } = useNavigationMenu(currentMenuId);
+ if (currentMenuId && isNavigationMenuMissing) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(deleted_navigation_warning, {
+ onCreateNew: onCreateNew
+ });
+ }
+ if (isLoading) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {});
+ }
+ const description = navigationMenu ? (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: The name of a menu. */
+ (0,external_wp_i18n_namespaceObject.__)('Structure for Navigation Menu: %s'), navigationMenu?.title || (0,external_wp_i18n_namespaceObject.__)('Untitled menu')) : (0,external_wp_i18n_namespaceObject.__)('You have not yet created any menus. Displaying a list of your Pages');
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "wp-block-navigation__menu-inspector-controls",
+ children: [!hasChildren && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ className: "wp-block-navigation__menu-inspector-controls__empty-message",
+ children: (0,external_wp_i18n_namespaceObject.__)('This Navigation Menu is empty.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PrivateListView, {
+ rootClientId: clientId,
+ isExpanded: true,
+ description: description,
+ showAppender: true,
+ blockSettingsMenu: LeafMoreMenu,
+ additionalBlockContent: AdditionalBlockContent
+ })]
+ });
+};
+const MenuInspectorControls = props => {
+ const {
+ createNavigationMenuIsSuccess,
+ createNavigationMenuIsError,
+ currentMenuId = null,
+ onCreateNew,
+ onSelectClassicMenu,
+ onSelectNavigationMenu,
+ isManageMenusButtonDisabled,
+ blockEditingMode
+ } = props;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "list",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: null,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, {
+ className: "wp-block-navigation-off-canvas-editor__header",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalHeading, {
+ className: "wp-block-navigation-off-canvas-editor__title",
+ level: 2,
+ children: (0,external_wp_i18n_namespaceObject.__)('Menu')
+ }), blockEditingMode === 'default' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(navigation_menu_selector, {
+ currentMenuId: currentMenuId,
+ onSelectClassicMenu: onSelectClassicMenu,
+ onSelectNavigationMenu: onSelectNavigationMenu,
+ onCreateNew: onCreateNew,
+ createNavigationMenuIsSuccess: createNavigationMenuIsSuccess,
+ createNavigationMenuIsError: createNavigationMenuIsError,
+ actionLabel: actionLabel,
+ isManageMenusButtonDisabled: isManageMenusButtonDisabled
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MainContent, {
+ ...props
+ })]
+ })
+ });
+};
+/* harmony default export */ const menu_inspector_controls = (MenuInspectorControls);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/accessible-description.js
+/**
+ * WordPress dependencies
+ */
+
+
+function AccessibleDescription({
+ id,
+ children
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ id: id,
+ className: "wp-block-navigation__description",
+ children: children
+ })
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/accessible-menu-description.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+function AccessibleMenuDescription({
+ id
+}) {
+ const [menuTitle] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', 'wp_navigation', 'title');
+ /* translators: %s: Title of a Navigation Menu post. */
+ const description = (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)(`Navigation Menu: "%s"`), menuTitle);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(AccessibleDescription, {
+ id: id,
+ children: description
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/edit/index.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function ColorTools({
+ textColor,
+ setTextColor,
+ backgroundColor,
+ setBackgroundColor,
+ overlayTextColor,
+ setOverlayTextColor,
+ overlayBackgroundColor,
+ setOverlayBackgroundColor,
+ clientId,
+ navRef
+}) {
+ const [detectedBackgroundColor, setDetectedBackgroundColor] = (0,external_wp_element_namespaceObject.useState)();
+ const [detectedColor, setDetectedColor] = (0,external_wp_element_namespaceObject.useState)();
+ const [detectedOverlayBackgroundColor, setDetectedOverlayBackgroundColor] = (0,external_wp_element_namespaceObject.useState)();
+ const [detectedOverlayColor, setDetectedOverlayColor] = (0,external_wp_element_namespaceObject.useState)();
+ // Turn on contrast checker for web only since it's not supported on mobile yet.
+ const enableContrastChecking = external_wp_element_namespaceObject.Platform.OS === 'web';
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!enableContrastChecking) {
+ return;
+ }
+ detectColors(navRef.current, setDetectedColor, setDetectedBackgroundColor);
+ const subMenuElement = navRef.current?.querySelector('[data-type="core/navigation-submenu"] [data-type="core/navigation-link"]');
+ if (!subMenuElement) {
+ return;
+ }
+
+ // Only detect submenu overlay colors if they have previously been explicitly set.
+ // This avoids the contrast checker from reporting on inherited submenu colors and
+ // showing the contrast warning twice.
+ if (overlayTextColor.color || overlayBackgroundColor.color) {
+ detectColors(subMenuElement, setDetectedOverlayColor, setDetectedOverlayBackgroundColor);
+ }
+ }, [enableContrastChecking, overlayTextColor.color, overlayBackgroundColor.color, navRef]);
+ const colorGradientSettings = (0,external_wp_blockEditor_namespaceObject.__experimentalUseMultipleOriginColorsAndGradients)();
+ if (!colorGradientSettings.hasColorsOrGradients) {
+ return null;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalColorGradientSettingsDropdown, {
+ __experimentalIsRenderedInSidebar: true,
+ settings: [{
+ colorValue: textColor.color,
+ label: (0,external_wp_i18n_namespaceObject.__)('Text'),
+ onColorChange: setTextColor,
+ resetAllFilter: () => setTextColor()
+ }, {
+ colorValue: backgroundColor.color,
+ label: (0,external_wp_i18n_namespaceObject.__)('Background'),
+ onColorChange: setBackgroundColor,
+ resetAllFilter: () => setBackgroundColor()
+ }, {
+ colorValue: overlayTextColor.color,
+ label: (0,external_wp_i18n_namespaceObject.__)('Submenu & overlay text'),
+ onColorChange: setOverlayTextColor,
+ resetAllFilter: () => setOverlayTextColor()
+ }, {
+ colorValue: overlayBackgroundColor.color,
+ label: (0,external_wp_i18n_namespaceObject.__)('Submenu & overlay background'),
+ onColorChange: setOverlayBackgroundColor,
+ resetAllFilter: () => setOverlayBackgroundColor()
+ }],
+ panelId: clientId,
+ ...colorGradientSettings,
+ gradients: [],
+ disableCustomGradients: true
+ }), enableContrastChecking && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.ContrastChecker, {
+ backgroundColor: detectedBackgroundColor,
+ textColor: detectedColor
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.ContrastChecker, {
+ backgroundColor: detectedOverlayBackgroundColor,
+ textColor: detectedOverlayColor
+ })]
+ })]
+ });
+}
+function Navigation({
+ attributes,
+ setAttributes,
+ clientId,
+ isSelected,
+ className,
+ backgroundColor,
+ setBackgroundColor,
+ textColor,
+ setTextColor,
+ overlayBackgroundColor,
+ setOverlayBackgroundColor,
+ overlayTextColor,
+ setOverlayTextColor,
+ // These props are used by the navigation editor to override specific
+ // navigation block settings.
+ hasSubmenuIndicatorSetting = true,
+ customPlaceholder: CustomPlaceholder = null,
+ __unstableLayoutClassNames: layoutClassNames
+}) {
const {
openSubmenusOnClick,
overlayMenu,
showSubmenuIcon,
+ templateLock,
layout: {
justifyContent,
orientation = 'horizontal',
flexWrap = 'wrap'
} = {},
- hasIcon
+ hasIcon,
+ icon = 'handle'
} = attributes;
const ref = attributes.ref;
- const registry = (0,external_wp_data_namespaceObject.useRegistry)();
-
- const setRef = postId => {
+ const setRef = (0,external_wp_element_namespaceObject.useCallback)(postId => {
setAttributes({
ref: postId
});
- };
-
- const [hasAlreadyRendered, RecursionProvider] = (0,external_wp_blockEditor_namespaceObject.__experimentalUseNoRecursiveRenders)(`navigationMenu/${ref}`); // Preload classic menus, so that they don't suddenly pop-in when viewing
+ }, [setAttributes]);
+ const recursionId = `navigationMenu/${ref}`;
+ const hasAlreadyRendered = (0,external_wp_blockEditor_namespaceObject.useHasRecursion)(recursionId);
+ const blockEditingMode = (0,external_wp_blockEditor_namespaceObject.useBlockEditingMode)();
+
+ // Preload classic menus, so that they don't suddenly pop-in when viewing
// the Select Menu dropdown.
-
- useNavigationEntities();
- const [showNavigationMenuDeleteNotice] = use_navigation_notice({
- name: 'block-library/core/navigation/delete'
- });
- const [showNavigationMenuCreateNotice, hideNavigationMenuCreateNotice] = use_navigation_notice({
- name: 'block-library/core/navigation/create'
+ const {
+ menus: classicMenus
+ } = useNavigationEntities();
+ const [showNavigationMenuStatusNotice, hideNavigationMenuStatusNotice] = use_navigation_notice({
+ name: 'block-library/core/navigation/status'
+ });
+ const [showClassicMenuConversionNotice, hideClassicMenuConversionNotice] = use_navigation_notice({
+ name: 'block-library/core/navigation/classic-menu-conversion'
+ });
+ const [showNavigationMenuPermissionsNotice, hideNavigationMenuPermissionsNotice] = use_navigation_notice({
+ name: 'block-library/core/navigation/permissions/update'
});
const {
create: createNavigationMenu,
status: createNavigationMenuStatus,
error: createNavigationMenuError,
- value: createNavigationMenuPost
+ value: createNavigationMenuPost,
+ isPending: isCreatingNavigationMenu,
+ isSuccess: createNavigationMenuIsSuccess,
+ isError: createNavigationMenuIsError
} = useCreateNavigationMenu(clientId);
- const isCreatingNavigationMenu = createNavigationMenuStatus === CREATE_NAVIGATION_MENU_PENDING;
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- hideNavigationMenuCreateNotice();
-
- if (createNavigationMenuStatus === CREATE_NAVIGATION_MENU_PENDING) {
- (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)(`Creating Navigation Menu.`));
- }
-
- if (createNavigationMenuStatus === CREATE_NAVIGATION_MENU_SUCCESS) {
- setRef(createNavigationMenuPost.id);
- selectBlock(clientId);
- showNavigationMenuCreateNotice((0,external_wp_i18n_namespaceObject.__)(`Navigation Menu successfully created.`));
- }
-
- if (createNavigationMenuStatus === CREATE_NAVIGATION_MENU_ERROR) {
- showNavigationMenuCreateNotice((0,external_wp_i18n_namespaceObject.__)('Failed to create Navigation Menu.'));
- }
- }, [createNavigationMenu, createNavigationMenuStatus, createNavigationMenuError, createNavigationMenuPost]);
+ const createUntitledEmptyNavigationMenu = async () => {
+ await createNavigationMenu('');
+ };
const {
hasUncontrolledInnerBlocks,
uncontrolledInnerBlocks,
isInnerBlockSelected,
- hasSubmenus
- } = (0,external_wp_data_namespaceObject.useSelect)(select => {
- const {
- getBlock,
- getBlocks,
- hasSelectedInnerBlock
- } = select(external_wp_blockEditor_namespaceObject.store); // This relies on the fact that `getBlock` won't return controlled
- // inner blocks, while `getBlocks` does. It might be more stable to
- // introduce a selector like `getUncontrolledInnerBlocks`, just in
- // case `getBlock` is fixed.
-
- const _uncontrolledInnerBlocks = getBlock(clientId).innerBlocks;
-
- const _hasUncontrolledInnerBlocks = !!(_uncontrolledInnerBlocks !== null && _uncontrolledInnerBlocks !== void 0 && _uncontrolledInnerBlocks.length);
-
- const _controlledInnerBlocks = _hasUncontrolledInnerBlocks ? EMPTY_ARRAY : getBlocks(clientId);
-
- const innerBlocks = _hasUncontrolledInnerBlocks ? _uncontrolledInnerBlocks : _controlledInnerBlocks;
- return {
- hasSubmenus: !!innerBlocks.find(block => block.name === 'core/navigation-submenu'),
- hasUncontrolledInnerBlocks: _hasUncontrolledInnerBlocks,
- uncontrolledInnerBlocks: _uncontrolledInnerBlocks,
- isInnerBlockSelected: hasSelectedInnerBlock(clientId, true)
- };
- }, [clientId]);
+ innerBlocks
+ } = useInnerBlocks(clientId);
+ const hasSubmenus = !!innerBlocks.find(block => block.name === 'core/navigation-submenu');
const {
replaceInnerBlocks,
selectBlock,
__unstableMarkNextChangeAsNotPersistent
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
- const [hasSavedUnsavedInnerBlocks, setHasSavedUnsavedInnerBlocks] = (0,external_wp_element_namespaceObject.useState)(false);
const [isResponsiveMenuOpen, setResponsiveMenuVisibility] = (0,external_wp_element_namespaceObject.useState)(false);
const [overlayMenuPreview, setOverlayMenuPreview] = (0,external_wp_element_namespaceObject.useState)(false);
const {
hasResolvedNavigationMenus,
isNavigationMenuResolved,
isNavigationMenuMissing,
- navigationMenus,
- navigationMenu,
canUserUpdateNavigationMenu,
hasResolvedCanUserUpdateNavigationMenu,
canUserDeleteNavigationMenu,
hasResolvedCanUserDeleteNavigationMenu,
- canUserCreateNavigationMenu,
- isResolvingCanUserCreateNavigationMenu,
- hasResolvedCanUserCreateNavigationMenu
- } = useNavigationMenu(ref); // Attempt to retrieve and prioritize any existing navigation menu unless
- // a specific ref is allocated or the user is explicitly creating a new menu. The aim is
- // for the block to "just work" from a user perspective using existing data.
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (isCreatingNavigationMenu || ref || !(navigationMenus !== null && navigationMenus !== void 0 && navigationMenus.length) || (navigationMenus === null || navigationMenus === void 0 ? void 0 : navigationMenus.length) > 1) {
- return;
- }
-
- setRef(navigationMenus[0].id);
- }, [navigationMenus]);
+ canUserCreateNavigationMenus,
+ isResolvingCanUserCreateNavigationMenus,
+ hasResolvedCanUserCreateNavigationMenus
+ } = useNavigationMenu(ref);
+ const navMenuResolvedButMissing = hasResolvedNavigationMenus && isNavigationMenuMissing;
+ const {
+ convert: convertClassicMenu,
+ status: classicMenuConversionStatus,
+ error: classicMenuConversionError
+ } = use_convert_classic_menu_to_block_menu(createNavigationMenu);
+ const isConvertingClassicMenu = classicMenuConversionStatus === CLASSIC_MENU_CONVERSION_PENDING;
+ const handleUpdateMenu = (0,external_wp_element_namespaceObject.useCallback)((menuId, options = {
+ focusNavigationBlock: false
+ }) => {
+ const {
+ focusNavigationBlock
+ } = options;
+ setRef(menuId);
+ if (focusNavigationBlock) {
+ selectBlock(clientId);
+ }
+ }, [selectBlock, clientId, setRef]);
+ const isEntityAvailable = !isNavigationMenuMissing && isNavigationMenuResolved;
+
+ // If the block has inner blocks, but no menu id, then these blocks are either:
+ // - inserted via a pattern.
+ // - inserted directly via Code View (or otherwise).
+ // - from an older version of navigation block added before the block used a wp_navigation entity.
+ // Consider this state as 'unsaved' and offer an uncontrolled version of inner blocks,
+ // that automatically saves the menu as an entity when changes are made to the inner blocks.
+ const hasUnsavedBlocks = hasUncontrolledInnerBlocks && !isEntityAvailable;
+ const {
+ getNavigationFallbackId
+ } = unlock((0,external_wp_data_namespaceObject.useSelect)(external_wp_coreData_namespaceObject.store));
+ const navigationFallbackId = !(ref || hasUnsavedBlocks) ? getNavigationFallbackId() : null;
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ // If:
+ // - there is an existing menu, OR
+ // - there are existing (uncontrolled) inner blocks
+ // ...then don't request a fallback menu.
+ if (ref || hasUnsavedBlocks || !navigationFallbackId) {
+ return;
+ }
+
+ /**
+ * This fallback displays (both in editor and on front)
+ * The fallback should not request a save (entity dirty state)
+ * nor to be undoable, hence why it is marked as non persistent
+ */
+
+ __unstableMarkNextChangeAsNotPersistent();
+ setRef(navigationFallbackId);
+ }, [ref, setRef, hasUnsavedBlocks, navigationFallbackId, __unstableMarkNextChangeAsNotPersistent]);
const navRef = (0,external_wp_element_namespaceObject.useRef)();
- const isDraftNavigationMenu = (navigationMenu === null || navigationMenu === void 0 ? void 0 : navigationMenu.status) === 'draft';
- const {
- convert,
- status: classicMenuConversionStatus,
- error: classicMenuConversionError,
- value: classicMenuConversionResult
- } = use_convert_classic_menu_to_block_menu(clientId);
- const isConvertingClassicMenu = classicMenuConversionStatus === CLASSIC_MENU_CONVERSION_PENDING; // The standard HTML5 tag for the block wrapper.
-
- const TagName = 'nav'; // "placeholder" shown if:
+
+ // The standard HTML5 tag for the block wrapper.
+ const TagName = 'nav';
+
+ // "placeholder" shown if:
// - there is no ref attribute pointing to a Navigation Post.
// - there is no classic menu conversion process in progress.
// - there is no menu creation process in progress.
// - there are no uncontrolled blocks.
-
- const isPlaceholder = !ref && !isCreatingNavigationMenu && !isConvertingClassicMenu && hasResolvedNavigationMenus && !hasUncontrolledInnerBlocks;
- const isEntityAvailable = !isNavigationMenuMissing && isNavigationMenuResolved; // "loading" state:
+ const isPlaceholder = !ref && !isCreatingNavigationMenu && !isConvertingClassicMenu && hasResolvedNavigationMenus && classicMenus?.length === 0 && !hasUncontrolledInnerBlocks;
+
+ // "loading" state:
// - there is a menu creation process in progress.
// - there is a classic menu conversion process in progress.
- // OR
+ // OR:
// - there is a ref attribute pointing to a Navigation Post
// - the Navigation Post isn't available (hasn't resolved) yet.
-
const isLoading = !hasResolvedNavigationMenus || isCreatingNavigationMenu || isConvertingClassicMenu || !!(ref && !isEntityAvailable && !isConvertingClassicMenu);
- const textDecoration = (_attributes$style = attributes.style) === null || _attributes$style === void 0 ? void 0 : (_attributes$style$typ = _attributes$style.typography) === null || _attributes$style$typ === void 0 ? void 0 : _attributes$style$typ.textDecoration;
+ const textDecoration = attributes.style?.typography?.textDecoration;
+ const hasBlockOverlay = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).__unstableHasActiveBlockOverlayActive(clientId), [clientId]);
+ const isResponsive = 'never' !== overlayMenu;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
ref: navRef,
- className: classnames_default()(className, {
+ className: dist_clsx(className, {
'items-justified-right': justifyContent === 'right',
'items-justified-space-between': justifyContent === 'space-between',
'items-justified-left': justifyContent === 'left',
'items-justified-center': justifyContent === 'center',
'is-vertical': orientation === 'vertical',
'no-wrap': flexWrap === 'nowrap',
- 'is-responsive': 'never' !== overlayMenu,
- 'has-text-color': !!textColor.color || !!(textColor !== null && textColor !== void 0 && textColor.class),
- [(0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor === null || textColor === void 0 ? void 0 : textColor.slug)]: !!(textColor !== null && textColor !== void 0 && textColor.slug),
+ 'is-responsive': isResponsive,
+ 'has-text-color': !!textColor.color || !!textColor?.class,
+ [(0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor?.slug)]: !!textColor?.slug,
'has-background': !!backgroundColor.color || backgroundColor.class,
- [(0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor === null || backgroundColor === void 0 ? void 0 : backgroundColor.slug)]: !!(backgroundColor !== null && backgroundColor !== void 0 && backgroundColor.slug),
- [`has-text-decoration-${textDecoration}`]: textDecoration
- }),
+ [(0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor?.slug)]: !!backgroundColor?.slug,
+ [`has-text-decoration-${textDecoration}`]: textDecoration,
+ 'block-editor-block-content-overlay': hasBlockOverlay
+ }, layoutClassNames),
style: {
- color: !(textColor !== null && textColor !== void 0 && textColor.slug) && (textColor === null || textColor === void 0 ? void 0 : textColor.color),
- backgroundColor: !(backgroundColor !== null && backgroundColor !== void 0 && backgroundColor.slug) && (backgroundColor === null || backgroundColor === void 0 ? void 0 : backgroundColor.color)
- }
- });
- const overlayClassnames = classnames_default()({
- 'has-text-color': !!overlayTextColor.color || !!(overlayTextColor !== null && overlayTextColor !== void 0 && overlayTextColor.class),
- [(0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', overlayTextColor === null || overlayTextColor === void 0 ? void 0 : overlayTextColor.slug)]: !!(overlayTextColor !== null && overlayTextColor !== void 0 && overlayTextColor.slug),
- 'has-background': !!overlayBackgroundColor.color || (overlayBackgroundColor === null || overlayBackgroundColor === void 0 ? void 0 : overlayBackgroundColor.class),
- [(0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', overlayBackgroundColor === null || overlayBackgroundColor === void 0 ? void 0 : overlayBackgroundColor.slug)]: !!(overlayBackgroundColor !== null && overlayBackgroundColor !== void 0 && overlayBackgroundColor.slug)
- });
- const overlayStyles = {
- color: !(overlayTextColor !== null && overlayTextColor !== void 0 && overlayTextColor.slug) && (overlayTextColor === null || overlayTextColor === void 0 ? void 0 : overlayTextColor.color),
- backgroundColor: !(overlayBackgroundColor !== null && overlayBackgroundColor !== void 0 && overlayBackgroundColor.slug) && (overlayBackgroundColor === null || overlayBackgroundColor === void 0 ? void 0 : overlayBackgroundColor.color) && overlayBackgroundColor.color
- }; // Turn on contrast checker for web only since it's not supported on mobile yet.
-
- const enableContrastChecking = external_wp_element_namespaceObject.Platform.OS === 'web';
- const [detectedBackgroundColor, setDetectedBackgroundColor] = (0,external_wp_element_namespaceObject.useState)();
- const [detectedColor, setDetectedColor] = (0,external_wp_element_namespaceObject.useState)();
- const [detectedOverlayBackgroundColor, setDetectedOverlayBackgroundColor] = (0,external_wp_element_namespaceObject.useState)();
- const [detectedOverlayColor, setDetectedOverlayColor] = (0,external_wp_element_namespaceObject.useState)();
- const [showClassicMenuConversionErrorNotice, hideClassicMenuConversionErrorNotice] = use_navigation_notice({
- name: 'block-library/core/navigation/classic-menu-conversion/error'
- });
-
- function handleUpdateMenu(menuId) {
- setRef(menuId);
- selectBlock(clientId);
- }
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
+ color: !textColor?.slug && textColor?.color,
+ backgroundColor: !backgroundColor?.slug && backgroundColor?.color
+ }
+ });
+ const onSelectClassicMenu = async classicMenu => {
+ return convertClassicMenu(classicMenu.id, classicMenu.name, 'draft');
+ };
+ const onSelectNavigationMenu = menuId => {
+ handleUpdateMenu(menuId);
+ };
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ hideNavigationMenuStatusNotice();
+ if (isCreatingNavigationMenu) {
+ (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)(`Creating Navigation Menu.`));
+ }
+ if (createNavigationMenuIsSuccess) {
+ handleUpdateMenu(createNavigationMenuPost?.id, {
+ focusNavigationBlock: true
+ });
+ showNavigationMenuStatusNotice((0,external_wp_i18n_namespaceObject.__)(`Navigation Menu successfully created.`));
+ }
+ if (createNavigationMenuIsError) {
+ showNavigationMenuStatusNotice((0,external_wp_i18n_namespaceObject.__)('Failed to create Navigation Menu.'));
+ }
+ }, [createNavigationMenuStatus, createNavigationMenuError, createNavigationMenuPost?.id, createNavigationMenuIsError, createNavigationMenuIsSuccess, isCreatingNavigationMenu, handleUpdateMenu, hideNavigationMenuStatusNotice, showNavigationMenuStatusNotice]);
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ hideClassicMenuConversionNotice();
if (classicMenuConversionStatus === CLASSIC_MENU_CONVERSION_PENDING) {
(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Classic menu importing.'));
}
-
- if (classicMenuConversionStatus === CLASSIC_MENU_CONVERSION_SUCCESS && classicMenuConversionResult) {
- handleUpdateMenu(classicMenuConversionResult === null || classicMenuConversionResult === void 0 ? void 0 : classicMenuConversionResult.id);
- hideClassicMenuConversionErrorNotice();
- (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Classic menu imported successfully.'));
- }
-
+ if (classicMenuConversionStatus === CLASSIC_MENU_CONVERSION_SUCCESS) {
+ showClassicMenuConversionNotice((0,external_wp_i18n_namespaceObject.__)('Classic menu imported successfully.'));
+ handleUpdateMenu(createNavigationMenuPost?.id, {
+ focusNavigationBlock: true
+ });
+ }
if (classicMenuConversionStatus === CLASSIC_MENU_CONVERSION_ERROR) {
- showClassicMenuConversionErrorNotice(classicMenuConversionError);
- (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Classic menu import failed.'));
- }
- }, [classicMenuConversionStatus, classicMenuConversionResult, classicMenuConversionError]); // Spacer block needs orientation from context. This is a patch until
- // https://github.com/WordPress/gutenberg/issues/36197 is addressed.
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (orientation) {
- __unstableMarkNextChangeAsNotPersistent();
-
- setAttributes({
- orientation
- });
- }
- }, [orientation]);
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- var _navRef$current;
-
- if (!enableContrastChecking) {
- return;
- }
-
- detectColors(navRef.current, setDetectedColor, setDetectedBackgroundColor);
- const subMenuElement = (_navRef$current = navRef.current) === null || _navRef$current === void 0 ? void 0 : _navRef$current.querySelector('[data-type="core/navigation-link"] [data-type="core/navigation-link"]');
-
- if (subMenuElement) {
- detectColors(subMenuElement, setDetectedOverlayColor, setDetectedOverlayBackgroundColor);
- }
- });
- const [showCantEditNotice, hideCantEditNotice] = use_navigation_notice({
- name: 'block-library/core/navigation/permissions/update',
- message: (0,external_wp_i18n_namespaceObject.__)('You do not have permission to edit this Menu. Any changes made will not be saved.')
- });
- const [showCantCreateNotice, hideCantCreateNotice] = use_navigation_notice({
- name: 'block-library/core/navigation/permissions/create',
- message: (0,external_wp_i18n_namespaceObject.__)('You do not have permission to create Navigation Menus.')
- });
+ showClassicMenuConversionNotice((0,external_wp_i18n_namespaceObject.__)('Classic menu import failed.'));
+ }
+ }, [classicMenuConversionStatus, classicMenuConversionError, hideClassicMenuConversionNotice, showClassicMenuConversionNotice, createNavigationMenuPost?.id, handleUpdateMenu]);
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (!isSelected && !isInnerBlockSelected) {
- hideCantEditNotice();
- hideCantCreateNotice();
- }
-
+ hideNavigationMenuPermissionsNotice();
+ }
if (isSelected || isInnerBlockSelected) {
- if (hasResolvedCanUserUpdateNavigationMenu && !canUserUpdateNavigationMenu) {
- showCantEditNotice();
- }
-
- if (!ref && hasResolvedCanUserCreateNavigationMenu && !canUserCreateNavigationMenu) {
- showCantCreateNotice();
- }
- }
- }, [isSelected, isInnerBlockSelected, canUserUpdateNavigationMenu, hasResolvedCanUserUpdateNavigationMenu, canUserCreateNavigationMenu, hasResolvedCanUserCreateNavigationMenu, ref]);
- const navigationSelectorRef = (0,external_wp_element_namespaceObject.useRef)();
- const [shouldFocusNavigationSelector, setShouldFocusNavigationSelector] = (0,external_wp_element_namespaceObject.useState)(false);
- const handleSelectNavigation = (0,external_wp_element_namespaceObject.useCallback)(navPostOrClassicMenu => {
- if (!navPostOrClassicMenu) {
- return;
- }
-
- const isClassicMenu = navPostOrClassicMenu.hasOwnProperty('auto_add');
-
- if (isClassicMenu) {
- convert(navPostOrClassicMenu.id, navPostOrClassicMenu.name);
- } else {
- handleUpdateMenu(navPostOrClassicMenu.id);
- }
-
- setShouldFocusNavigationSelector(true);
- }, [convert, handleUpdateMenu]); // Focus support after menu selection.
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- var _navigationSelectorRe;
-
- if (isDraftNavigationMenu || !isEntityAvailable || !shouldFocusNavigationSelector) {
- return;
- }
-
- navigationSelectorRef === null || navigationSelectorRef === void 0 ? void 0 : (_navigationSelectorRe = navigationSelectorRef.current) === null || _navigationSelectorRe === void 0 ? void 0 : _navigationSelectorRe.focus();
- setShouldFocusNavigationSelector(false);
- }, [isDraftNavigationMenu, isEntityAvailable, shouldFocusNavigationSelector]);
- const resetToEmptyBlock = (0,external_wp_element_namespaceObject.useCallback)(() => {
- registry.batch(() => {
- setAttributes({
- ref: undefined
- });
-
- if (!ref) {
- replaceInnerBlocks(clientId, []);
- }
- });
- }, [clientId, ref]);
- const isResponsive = 'never' !== overlayMenu;
- const overlayMenuPreviewClasses = classnames_default()('wp-block-navigation__overlay-menu-preview', {
+ if (ref && !navMenuResolvedButMissing && hasResolvedCanUserUpdateNavigationMenu && !canUserUpdateNavigationMenu) {
+ showNavigationMenuPermissionsNotice((0,external_wp_i18n_namespaceObject.__)('You do not have permission to edit this Menu. Any changes made will not be saved.'));
+ }
+ if (!ref && hasResolvedCanUserCreateNavigationMenus && !canUserCreateNavigationMenus) {
+ showNavigationMenuPermissionsNotice((0,external_wp_i18n_namespaceObject.__)('You do not have permission to create Navigation Menus.'));
+ }
+ }
+ }, [isSelected, isInnerBlockSelected, canUserUpdateNavigationMenu, hasResolvedCanUserUpdateNavigationMenu, canUserCreateNavigationMenus, hasResolvedCanUserCreateNavigationMenus, ref, hideNavigationMenuPermissionsNotice, showNavigationMenuPermissionsNotice, navMenuResolvedButMissing]);
+ const hasManagePermissions = canUserCreateNavigationMenus || canUserUpdateNavigationMenu;
+ const overlayMenuPreviewClasses = dist_clsx('wp-block-navigation__overlay-menu-preview', {
open: overlayMenuPreview
});
- const stylingInspectorControls = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, hasSubmenuIndicatorSetting && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Display')
- }, isResponsive && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- className: overlayMenuPreviewClasses,
- onClick: () => {
- setOverlayMenuPreview(!overlayMenuPreview);
- }
- }, hasIcon && (0,external_wp_element_namespaceObject.createElement)(OverlayMenuIcon, null), !hasIcon && (0,external_wp_element_namespaceObject.createElement)("span", null, (0,external_wp_i18n_namespaceObject.__)('Menu'))), overlayMenuPreview && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show icon button'),
- help: (0,external_wp_i18n_namespaceObject.__)('Configure the visual appearance of the button opening the overlay menu.'),
- onChange: value => setAttributes({
- hasIcon: value
- }),
- checked: hasIcon
- }), (0,external_wp_element_namespaceObject.createElement)("h3", null, (0,external_wp_i18n_namespaceObject.__)('Overlay Menu')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Configure overlay menu'),
- value: overlayMenu,
- help: (0,external_wp_i18n_namespaceObject.__)('Collapses the navigation options in a menu icon opening an overlay.'),
- onChange: value => setAttributes({
- overlayMenu: value
- }),
- isBlock: true,
- hideLabelFromVision: true
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
- value: "never",
- label: (0,external_wp_i18n_namespaceObject.__)('Off')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
- value: "mobile",
- label: (0,external_wp_i18n_namespaceObject.__)('Mobile')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
- value: "always",
- label: (0,external_wp_i18n_namespaceObject.__)('Always')
- })), hasSubmenus && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("h3", null, (0,external_wp_i18n_namespaceObject.__)('Submenus')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- checked: openSubmenusOnClick,
- onChange: value => {
- setAttributes({
- openSubmenusOnClick: value,
- ...(value && {
- showSubmenuIcon: true
- }) // Make sure arrows are shown when we toggle this on.
-
- });
- },
- label: (0,external_wp_i18n_namespaceObject.__)('Open on click')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- checked: showSubmenuIcon,
- onChange: value => {
- setAttributes({
- showSubmenuIcon: value
- });
- },
- disabled: attributes.openSubmenusOnClick,
- label: (0,external_wp_i18n_namespaceObject.__)('Show arrow')
- }))), hasColorSettings && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.PanelColorSettings, {
- __experimentalHasMultipleOrigins: true,
- __experimentalIsRenderedInSidebar: true,
- title: (0,external_wp_i18n_namespaceObject.__)('Color'),
- initialOpen: false,
- colorSettings: [{
- value: textColor.color,
- onChange: setTextColor,
- label: (0,external_wp_i18n_namespaceObject.__)('Text')
- }, {
- value: backgroundColor.color,
- onChange: setBackgroundColor,
- label: (0,external_wp_i18n_namespaceObject.__)('Background')
- }, {
- value: overlayTextColor.color,
- onChange: setOverlayTextColor,
- label: (0,external_wp_i18n_namespaceObject.__)('Submenu & overlay text')
- }, {
- value: overlayBackgroundColor.color,
- onChange: setOverlayBackgroundColor,
- label: (0,external_wp_i18n_namespaceObject.__)('Submenu & overlay background')
- }]
- }, enableContrastChecking && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.ContrastChecker, {
- backgroundColor: detectedBackgroundColor,
- textColor: detectedColor
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.ContrastChecker, {
- backgroundColor: detectedOverlayBackgroundColor,
- textColor: detectedOverlayColor
- })))); // If the block has inner blocks, but no menu id, then these blocks are either:
- // - inserted via a pattern.
- // - inserted directly via Code View (or otherwise).
- // - from an older version of navigation block added before the block used a wp_navigation entity.
- // Consider this state as 'unsaved' and offer an uncontrolled version of inner blocks,
- // that automatically saves the menu as an entity when changes are made to the inner blocks.
-
- const hasUnsavedBlocks = hasUncontrolledInnerBlocks && !isEntityAvailable;
-
- if (hasUnsavedBlocks) {
- return (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, stylingInspectorControls, (0,external_wp_element_namespaceObject.createElement)(ResponsiveWrapper, {
- id: clientId,
- onToggle: setResponsiveMenuVisibility,
- isOpen: isResponsiveMenuOpen,
- isResponsive: 'never' !== overlayMenu,
- isHiddenByDefault: 'always' === overlayMenu,
- classNames: overlayClassnames,
- styles: overlayStyles
- }, (0,external_wp_element_namespaceObject.createElement)(UnsavedInnerBlocks, {
- blockProps: blockProps,
- blocks: uncontrolledInnerBlocks,
- clientId: clientId,
- navigationMenus: navigationMenus,
- hasSelection: isSelected || isInnerBlockSelected,
- hasSavedUnsavedInnerBlocks: hasSavedUnsavedInnerBlocks,
- onSave: post => {
- // Set some state used as a guard to prevent the creation of multiple posts.
- setHasSavedUnsavedInnerBlocks(true); // Switch to using the wp_navigation entity.
-
- setRef(post.id);
- showNavigationMenuCreateNotice((0,external_wp_i18n_namespaceObject.__)(`New Navigation Menu created.`));
- }
- })));
- } // Show a warning if the selected menu is no longer available.
+ const submenuAccessibilityNotice = !showSubmenuIcon && !openSubmenusOnClick ? (0,external_wp_i18n_namespaceObject.__)('The current menu options offer reduced accessibility for users and are not recommended. Enabling either "Open on Click" or "Show arrow" offers enhanced accessibility by allowing keyboard users to browse submenus selectively.') : '';
+ const isFirstRender = (0,external_wp_element_namespaceObject.useRef)(true); // Don't speak on first render.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!isFirstRender.current && submenuAccessibilityNotice) {
+ (0,external_wp_a11y_namespaceObject.speak)(submenuAccessibilityNotice);
+ }
+ isFirstRender.current = false;
+ }, [submenuAccessibilityNotice]);
+ const overlayMenuPreviewId = (0,external_wp_compose_namespaceObject.useInstanceId)(OverlayMenuPreview, `overlay-menu-preview`);
+ const stylingInspectorControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: hasSubmenuIndicatorSetting && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Display'),
+ children: [isResponsive && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Button, {
+ className: overlayMenuPreviewClasses,
+ onClick: () => {
+ setOverlayMenuPreview(!overlayMenuPreview);
+ },
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Overlay menu controls'),
+ "aria-controls": overlayMenuPreviewId,
+ "aria-expanded": overlayMenuPreview,
+ children: [hasIcon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(OverlayMenuIcon, {
+ icon: icon
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_icon, {
+ icon: library_close
+ })]
+ }), !hasIcon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ children: (0,external_wp_i18n_namespaceObject.__)('Menu')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ children: (0,external_wp_i18n_namespaceObject.__)('Close')
+ })]
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ id: overlayMenuPreviewId,
+ children: overlayMenuPreview && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(OverlayMenuPreview, {
+ setAttributes: setAttributes,
+ hasIcon: hasIcon,
+ icon: icon,
+ hidden: !overlayMenuPreview
+ })
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h3", {
+ children: (0,external_wp_i18n_namespaceObject.__)('Overlay Menu')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Configure overlay menu'),
+ value: overlayMenu,
+ help: (0,external_wp_i18n_namespaceObject.__)('Collapses the navigation options in a menu icon opening an overlay.'),
+ onChange: value => setAttributes({
+ overlayMenu: value
+ }),
+ isBlock: true,
+ hideLabelFromVision: true,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "never",
+ label: (0,external_wp_i18n_namespaceObject.__)('Off')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "mobile",
+ label: (0,external_wp_i18n_namespaceObject.__)('Mobile')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "always",
+ label: (0,external_wp_i18n_namespaceObject.__)('Always')
+ })]
+ }), hasSubmenus && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h3", {
+ children: (0,external_wp_i18n_namespaceObject.__)('Submenus')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ checked: openSubmenusOnClick,
+ onChange: value => {
+ setAttributes({
+ openSubmenusOnClick: value,
+ ...(value && {
+ showSubmenuIcon: true
+ }) // Make sure arrows are shown when we toggle this on.
+ });
+ },
+ label: (0,external_wp_i18n_namespaceObject.__)('Open on click')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ checked: showSubmenuIcon,
+ onChange: value => {
+ setAttributes({
+ showSubmenuIcon: value
+ });
+ },
+ disabled: attributes.openSubmenusOnClick,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show arrow')
+ }), submenuAccessibilityNotice && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Notice, {
+ spokenMessage: null,
+ status: "warning",
+ isDismissible: false,
+ children: submenuAccessibilityNotice
+ })
+ })]
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "color",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ColorTools, {
+ textColor: textColor,
+ setTextColor: setTextColor,
+ backgroundColor: backgroundColor,
+ setBackgroundColor: setBackgroundColor,
+ overlayTextColor: overlayTextColor,
+ setOverlayTextColor: setOverlayTextColor,
+ overlayBackgroundColor: overlayBackgroundColor,
+ setOverlayBackgroundColor: setOverlayBackgroundColor,
+ clientId: clientId,
+ navRef: navRef
+ })
+ })]
+ });
+ const accessibleDescriptionId = `${clientId}-desc`;
+ const isManageMenusButtonDisabled = !hasManagePermissions || !hasResolvedNavigationMenus;
+ if (hasUnsavedBlocks && !isCreatingNavigationMenu) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(TagName, {
+ ...blockProps,
+ "aria-describedby": !isPlaceholder ? accessibleDescriptionId : undefined,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(AccessibleDescription, {
+ id: accessibleDescriptionId,
+ children: (0,external_wp_i18n_namespaceObject.__)('Unsaved Navigation Menu.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(menu_inspector_controls, {
+ clientId: clientId,
+ createNavigationMenuIsSuccess: createNavigationMenuIsSuccess,
+ createNavigationMenuIsError: createNavigationMenuIsError,
+ currentMenuId: ref,
+ isNavigationMenuMissing: isNavigationMenuMissing,
+ isManageMenusButtonDisabled: isManageMenusButtonDisabled,
+ onCreateNew: createUntitledEmptyNavigationMenu,
+ onSelectClassicMenu: onSelectClassicMenu,
+ onSelectNavigationMenu: onSelectNavigationMenu,
+ isLoading: isLoading,
+ blockEditingMode: blockEditingMode
+ }), blockEditingMode === 'default' && stylingInspectorControls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResponsiveWrapper, {
+ id: clientId,
+ onToggle: setResponsiveMenuVisibility,
+ isOpen: isResponsiveMenuOpen,
+ hasIcon: hasIcon,
+ icon: icon,
+ isResponsive: isResponsive,
+ isHiddenByDefault: 'always' === overlayMenu,
+ overlayBackgroundColor: overlayBackgroundColor,
+ overlayTextColor: overlayTextColor,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(UnsavedInnerBlocks, {
+ createNavigationMenu: createNavigationMenu,
+ blocks: uncontrolledInnerBlocks,
+ hasSelection: isSelected || isInnerBlockSelected
+ })
+ })]
+ });
+ }
+
+ // Show a warning if the selected menu is no longer available.
// TODO - the user should be able to select a new one?
-
-
if (ref && isNavigationMenuMissing) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, (0,external_wp_i18n_namespaceObject.__)('Navigation menu has been deleted or is unavailable. '), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- onClick: resetToEmptyBlock,
- variant: "link"
- }, (0,external_wp_i18n_namespaceObject.__)('Create a new menu?'))));
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(TagName, {
+ ...blockProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(menu_inspector_controls, {
+ clientId: clientId,
+ createNavigationMenuIsSuccess: createNavigationMenuIsSuccess,
+ createNavigationMenuIsError: createNavigationMenuIsError,
+ currentMenuId: ref,
+ isNavigationMenuMissing: isNavigationMenuMissing,
+ isManageMenusButtonDisabled: isManageMenusButtonDisabled,
+ onCreateNew: createUntitledEmptyNavigationMenu,
+ onSelectClassicMenu: onSelectClassicMenu,
+ onSelectNavigationMenu: onSelectNavigationMenu,
+ isLoading: isLoading,
+ blockEditingMode: blockEditingMode
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(deleted_navigation_warning, {
+ onCreateNew: createUntitledEmptyNavigationMenu
+ })]
+ });
+ }
if (isEntityAvailable && hasAlreadyRendered) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, (0,external_wp_i18n_namespaceObject.__)('Block cannot be rendered inside itself.')));
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.__)('Block cannot be rendered inside itself.')
+ })
+ });
+ }
const PlaceholderComponent = CustomPlaceholder ? CustomPlaceholder : NavigationPlaceholder;
- if (isPlaceholder) {
- return (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, (0,external_wp_element_namespaceObject.createElement)(PlaceholderComponent, {
- isSelected: isSelected,
- currentMenuId: ref,
- clientId: clientId,
- canUserCreateNavigationMenu: canUserCreateNavigationMenu,
- isResolvingCanUserCreateNavigationMenu: isResolvingCanUserCreateNavigationMenu,
- onFinish: handleSelectNavigation,
- onCreateEmpty: () => createNavigationMenu('', [])
- }));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_coreData_namespaceObject.EntityProvider, {
+ /**
+ * Historically the navigation block has supported custom placeholders.
+ * Even though the current UX tries as hard as possible not to
+ * end up in a placeholder state, the block continues to support
+ * this extensibility point, via a CustomPlaceholder.
+ * When CustomPlaceholder is present it becomes the default fallback
+ * for an empty navigation block, instead of the default fallbacks.
+ *
+ */
+
+ if (isPlaceholder && CustomPlaceholder) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PlaceholderComponent, {
+ isSelected: isSelected,
+ currentMenuId: ref,
+ clientId: clientId,
+ canUserCreateNavigationMenus: canUserCreateNavigationMenus,
+ isResolvingCanUserCreateNavigationMenus: isResolvingCanUserCreateNavigationMenus,
+ onSelectNavigationMenu: onSelectNavigationMenu,
+ onSelectClassicMenu: onSelectClassicMenu,
+ onCreateEmpty: createUntitledEmptyNavigationMenu
+ })
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_coreData_namespaceObject.EntityProvider, {
kind: "postType",
type: "wp_navigation",
- id: ref
- }, (0,external_wp_element_namespaceObject.createElement)(RecursionProvider, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, !isDraftNavigationMenu && isEntityAvailable && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, {
- className: "wp-block-navigation__toolbar-menu-selector"
- }, (0,external_wp_element_namespaceObject.createElement)(navigation_menu_selector, {
- ref: navigationSelectorRef,
- currentMenuId: ref,
- clientId: clientId,
- onSelect: handleSelectNavigation,
- onCreateNew: resetToEmptyBlock
- /* translators: %s: The name of a menu. */
- ,
- actionLabel: (0,external_wp_i18n_namespaceObject.__)("Switch to '%s'"),
- showManageActions: true
- }))), stylingInspectorControls, isEntityAvailable && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, {
- __experimentalGroup: "advanced"
- }, hasResolvedCanUserUpdateNavigationMenu && canUserUpdateNavigationMenu && (0,external_wp_element_namespaceObject.createElement)(NavigationMenuNameControl, null), hasResolvedCanUserDeleteNavigationMenu && canUserDeleteNavigationMenu && (0,external_wp_element_namespaceObject.createElement)(NavigationMenuDeleteControl, {
- onDelete: function () {
- let deletedMenuTitle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
- resetToEmptyBlock();
- showNavigationMenuDeleteNotice((0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: the name of a menu (e.g. Header navigation).
- (0,external_wp_i18n_namespaceObject.__)('Navigation menu %s successfully deleted.'), deletedMenuTitle));
- }
- })), isLoading && (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, {
- className: "wp-block-navigation__loading-indicator"
- })), !isLoading && (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, (0,external_wp_element_namespaceObject.createElement)(ResponsiveWrapper, {
- id: clientId,
- onToggle: setResponsiveMenuVisibility,
- label: (0,external_wp_i18n_namespaceObject.__)('Menu'),
- hasIcon: hasIcon,
- isOpen: isResponsiveMenuOpen,
- isResponsive: isResponsive,
- isHiddenByDefault: 'always' === overlayMenu,
- classNames: overlayClassnames,
- styles: overlayStyles
- }, isEntityAvailable && (0,external_wp_element_namespaceObject.createElement)(NavigationInnerBlocks, {
- clientId: clientId,
- hasCustomPlaceholder: !!CustomPlaceholder,
- orientation: orientation
- })))));
-}
-
-/* harmony default export */ var navigation_edit = ((0,external_wp_blockEditor_namespaceObject.withColors)({
+ id: ref,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.RecursionProvider, {
+ uniqueId: recursionId,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(menu_inspector_controls, {
+ clientId: clientId,
+ createNavigationMenuIsSuccess: createNavigationMenuIsSuccess,
+ createNavigationMenuIsError: createNavigationMenuIsError,
+ currentMenuId: ref,
+ isNavigationMenuMissing: isNavigationMenuMissing,
+ isManageMenusButtonDisabled: isManageMenusButtonDisabled,
+ onCreateNew: createUntitledEmptyNavigationMenu,
+ onSelectClassicMenu: onSelectClassicMenu,
+ onSelectNavigationMenu: onSelectNavigationMenu,
+ isLoading: isLoading,
+ blockEditingMode: blockEditingMode
+ }), blockEditingMode === 'default' && stylingInspectorControls, blockEditingMode === 'default' && isEntityAvailable && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: [hasResolvedCanUserUpdateNavigationMenu && canUserUpdateNavigationMenu && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigationMenuNameControl, {}), hasResolvedCanUserDeleteNavigationMenu && canUserDeleteNavigationMenu && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigationMenuDeleteControl, {
+ onDelete: () => {
+ replaceInnerBlocks(clientId, []);
+ showNavigationMenuStatusNotice((0,external_wp_i18n_namespaceObject.__)('Navigation Menu successfully deleted.'));
+ }
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(manage_menus_button, {
+ disabled: isManageMenusButtonDisabled,
+ className: "wp-block-navigation-manage-menus-button"
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(TagName, {
+ ...blockProps,
+ "aria-describedby": !isPlaceholder && !isLoading ? accessibleDescriptionId : undefined,
+ children: [isLoading && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-navigation__loading-indicator-container",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {
+ className: "wp-block-navigation__loading-indicator"
+ })
+ }), !isLoading && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(AccessibleMenuDescription, {
+ id: accessibleDescriptionId
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResponsiveWrapper, {
+ id: clientId,
+ onToggle: setResponsiveMenuVisibility,
+ hasIcon: hasIcon,
+ icon: icon,
+ isOpen: isResponsiveMenuOpen,
+ isResponsive: isResponsive,
+ isHiddenByDefault: 'always' === overlayMenu,
+ overlayBackgroundColor: overlayBackgroundColor,
+ overlayTextColor: overlayTextColor,
+ children: isEntityAvailable && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigationInnerBlocks, {
+ clientId: clientId,
+ hasCustomPlaceholder: !!CustomPlaceholder,
+ templateLock: templateLock,
+ orientation: orientation
+ })
+ })]
+ })]
+ })]
+ })
+ });
+}
+/* harmony default export */ const navigation_edit = ((0,external_wp_blockEditor_namespaceObject.withColors)({
textColor: 'color'
}, {
backgroundColor: 'color'
@@ -26578,34 +36371,24 @@
})(Navigation));
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function navigation_save_save(_ref) {
- let {
- attributes
- } = _ref;
-
+/**
+ * WordPress dependencies
+ */
+
+
+function navigation_save_save({
+ attributes
+}) {
if (attributes.ref) {
// Avoid rendering inner blocks when a ref is defined.
// When this id is defined the inner blocks are loaded from the
// `wp_navigation` entity rather than the hard-coded block html.
return;
}
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/deprecated.js
-
-
-/**
- * External dependencies
- */
-
/**
* WordPress dependencies
*/
@@ -26623,28 +36406,24 @@
textDecoration: 'var:preset|text-decoration|',
textTransform: 'var:preset|text-transform|'
};
-
-const migrateIdToRef = _ref => {
- let {
- navigationMenuId,
- ...attributes
- } = _ref;
- return { ...attributes,
+const migrateIdToRef = ({
+ navigationMenuId,
+ ...attributes
+}) => {
+ return {
+ ...attributes,
ref: navigationMenuId
};
};
-
const deprecated_migrateWithLayout = attributes => {
if (!!attributes.layout) {
return attributes;
}
-
const {
itemsJustification,
orientation,
...updatedAttributes
} = attributes;
-
if (itemsJustification || orientation) {
Object.assign(updatedAttributes, {
layout: {
@@ -26658,10 +36437,8 @@
}
});
}
-
return updatedAttributes;
};
-
const navigation_deprecated_v6 = {
attributes: {
navigationMenuId: {
@@ -26737,7 +36514,7 @@
blockGap: true
}
},
- __experimentalLayout: {
+ layout: {
allowSwitching: false,
allowInheriting: false,
default: {
@@ -26745,17 +36522,12 @@
}
}
},
-
save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
- },
-
- isEligible: _ref2 => {
- let {
- navigationMenuId
- } = _ref2;
- return !!navigationMenuId;
- },
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
+ },
+ isEligible: ({
+ navigationMenuId
+ }) => !!navigationMenuId,
migrate: migrateIdToRef
};
const navigation_deprecated_v5 = {
@@ -26841,18 +36613,13 @@
}
}
},
-
save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
- },
-
- isEligible: _ref3 => {
- let {
- itemsJustification,
- orientation
- } = _ref3;
- return !!itemsJustification || !!orientation;
- },
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
+ },
+ isEligible: ({
+ itemsJustification,
+ orientation
+ }) => !!itemsJustification || !!orientation,
migrate: (0,external_wp_compose_namespaceObject.compose)(migrateIdToRef, deprecated_migrateWithLayout)
};
const navigation_deprecated_v4 = {
@@ -26932,54 +36699,45 @@
}
}
},
-
save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
- },
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
+ },
migrate: (0,external_wp_compose_namespaceObject.compose)(migrateIdToRef, deprecated_migrateWithLayout, migrate_font_family),
-
- isEligible(_ref4) {
- var _style$typography;
-
- let {
- style
- } = _ref4;
- return style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontFamily;
- }
-
-};
-
+ isEligible({
+ style
+ }) {
+ return style?.typography?.fontFamily;
+ }
+};
const migrateIsResponsive = function (attributes) {
delete attributes.isResponsive;
- return { ...attributes,
+ return {
+ ...attributes,
overlayMenu: 'mobile'
};
};
-
const migrateTypographyPresets = function (attributes) {
- return { ...attributes,
- style: { ...attributes.style,
- typography: (0,external_lodash_namespaceObject.mapValues)(attributes.style.typography, (value, key) => {
+ var _attributes$style$typ;
+ return {
+ ...attributes,
+ style: {
+ ...attributes.style,
+ typography: Object.fromEntries(Object.entries((_attributes$style$typ = attributes.style.typography) !== null && _attributes$style$typ !== void 0 ? _attributes$style$typ : {}).map(([key, value]) => {
const prefix = TYPOGRAPHY_PRESET_DEPRECATION_MAP[key];
-
if (prefix && value.startsWith(prefix)) {
const newValue = value.slice(prefix.length);
-
if ('textDecoration' === key && 'strikethrough' === newValue) {
- return 'line-through';
- }
-
- return newValue;
- }
-
- return value;
- })
- }
- };
-};
-
-const navigation_deprecated_deprecated = [navigation_deprecated_v6, navigation_deprecated_v5, navigation_deprecated_v4, // Remove `isResponsive` attribute.
+ return [key, 'line-through'];
+ }
+ return [key, newValue];
+ }
+ return [key, value];
+ }))
+ }
+ };
+};
+const navigation_deprecated_deprecated = [navigation_deprecated_v6, navigation_deprecated_v5, navigation_deprecated_v4,
+// Remove `isResponsive` attribute.
{
attributes: {
orientation: {
@@ -27050,17 +36808,13 @@
__experimentalTextDecoration: true
}
},
-
isEligible(attributes) {
return attributes.isResponsive;
},
-
migrate: (0,external_wp_compose_namespaceObject.compose)(migrateIdToRef, deprecated_migrateWithLayout, migrate_font_family, migrateIsResponsive),
-
save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
+ }
}, {
attributes: {
orientation: {
@@ -27105,27 +36859,21 @@
__experimentalFontFamily: true,
__experimentalTextDecoration: true
},
-
save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
- },
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
+ },
isEligible(attributes) {
if (!attributes.style || !attributes.style.typography) {
return false;
}
-
for (const styleAttribute in TYPOGRAPHY_PRESET_DEPRECATION_MAP) {
const attributeValue = attributes.style.typography[styleAttribute];
-
if (attributeValue && attributeValue.startsWith(TYPOGRAPHY_PRESET_DEPRECATION_MAP[styleAttribute])) {
return true;
}
}
-
return false;
},
-
migrate: (0,external_wp_compose_namespaceObject.compose)(migrateIdToRef, deprecated_migrateWithLayout, migrate_font_family, migrateTypographyPresets)
}, {
attributes: {
@@ -27157,11 +36905,9 @@
type: 'boolean'
}
},
-
isEligible(attribute) {
return attribute.rgbTextColor || attribute.rgbBackgroundColor;
},
-
supports: {
align: ['wide', 'full'],
anchor: true,
@@ -27169,18 +36915,22 @@
inserter: true
},
migrate: (0,external_wp_compose_namespaceObject.compose)(migrateIdToRef, attributes => {
- return { ...(0,external_lodash_namespaceObject.omit)(attributes, ['rgbTextColor', 'rgbBackgroundColor']),
+ const {
+ rgbTextColor,
+ rgbBackgroundColor,
+ ...restAttributes
+ } = attributes;
+ return {
+ ...restAttributes,
customTextColor: attributes.textColor ? undefined : attributes.rgbTextColor,
customBackgroundColor: attributes.backgroundColor ? undefined : attributes.rgbBackgroundColor
};
}),
-
save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
+ }
}];
-/* harmony default export */ var navigation_deprecated = (navigation_deprecated_deprecated);
+/* harmony default export */ const navigation_deprecated = (navigation_deprecated_deprecated);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation/index.js
/**
@@ -27188,16 +36938,18 @@
*/
+
/**
* Internal dependencies
*/
const navigation_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/navigation",
title: "Navigation",
category: "theme",
+ allowedBlocks: ["core/navigation-link", "core/search", "core/social-links", "core/page-list", "core/spacer", "core/home-link", "core/site-title", "core/site-logo", "core/navigation-submenu", "core/loginout", "core/buttons"],
description: "A collection of blocks that allow visitors to get around your site.",
keywords: ["menu", "navigation", "links"],
textdomain: "default",
@@ -27235,6 +36987,10 @@
type: "string",
"default": "mobile"
},
+ icon: {
+ type: "string",
+ "default": "handle"
+ },
hasIcon: {
type: "boolean",
"default": true
@@ -27257,6 +37013,10 @@
maxNestingLevel: {
type: "number",
"default": 5
+ },
+ templateLock: {
+ type: ["string", "boolean"],
+ "enum": ["all", "insert", "contentOnly", false]
}
},
providesContext: {
@@ -27273,12 +37033,11 @@
showSubmenuIcon: "showSubmenuIcon",
openSubmenusOnClick: "openSubmenusOnClick",
style: "style",
- orientation: "orientation",
maxNestingLevel: "maxNestingLevel"
},
supports: {
align: ["wide", "full"],
- anchor: true,
+ ariaLabel: true,
html: false,
inserter: true,
typography: {
@@ -27288,6 +37047,7 @@
__experimentalFontWeight: true,
__experimentalTextTransform: true,
__experimentalFontFamily: true,
+ __experimentalLetterSpacing: true,
__experimentalTextDecoration: true,
__experimentalSkipSerialization: ["textDecoration"],
__experimentalDefaultControls: {
@@ -27301,16 +37061,18 @@
blockGap: true
}
},
- __experimentalLayout: {
+ layout: {
allowSwitching: false,
allowInheriting: false,
allowVerticalAlignment: false,
+ allowSizingOnChildren: true,
"default": {
type: "flex"
}
- }
- },
- viewScript: "file:./view.min.js",
+ },
+ interactivity: true,
+ renaming: false
+ },
editorStyle: "wp-block-navigation-editor",
style: "wp-block-navigation"
};
@@ -27324,6 +37086,9 @@
const navigation_settings = {
icon: library_navigation,
example: {
+ attributes: {
+ overlayMenu: 'never'
+ },
innerBlocks: [{
name: 'core/navigation-link',
attributes: {
@@ -27351,117 +37116,63 @@
save: navigation_save_save,
deprecated: navigation_deprecated
};
+const navigation_init = () => initBlock({
+ name: navigation_name,
+ metadata: navigation_metadata,
+ settings: navigation_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/custom-link.js
-
-
-/**
- * WordPress dependencies
- */
-
-const customLink = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "https://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12.5 14.5h-1V16h1c2.2 0 4-1.8 4-4s-1.8-4-4-4h-1v1.5h1c1.4 0 2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5zm-4 1.5v-1.5h-1C6.1 14.5 5 13.4 5 12s1.1-2.5 2.5-2.5h1V8h-1c-2.2 0-4 1.8-4 4s1.8 4 4 4h1zm-1-3.2h5v-1.5h-5v1.5zM18 4H9c-1.1 0-2 .9-2 2v.5h1.5V6c0-.3.2-.5.5-.5h9c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5v-.5H7v.5c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2z"
-}));
-/* harmony default export */ var custom_link = (customLink);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/add-submenu.js
-
-
-/**
- * WordPress dependencies
- */
-
-const addSubmenu = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M2 12c0 3.6 2.4 5.5 6 5.5h.5V19l3-2.5-3-2.5v2H8c-2.5 0-4.5-1.5-4.5-4s2-4.5 4.5-4.5h3.5V6H8c-3.6 0-6 2.4-6 6zm19.5-1h-8v1.5h8V11zm0 5h-8v1.5h8V16zm0-10h-8v1.5h8V6z"
-}));
-/* harmony default export */ var add_submenu = (addSubmenu);
+/**
+ * WordPress dependencies
+ */
+
+
+const customLink = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12.5 14.5h-1V16h1c2.2 0 4-1.8 4-4s-1.8-4-4-4h-1v1.5h1c1.4 0 2.5 1.1 2.5 2.5s-1.1 2.5-2.5 2.5zm-4 1.5v-1.5h-1C6.1 14.5 5 13.4 5 12s1.1-2.5 2.5-2.5h1V8h-1c-2.2 0-4 1.8-4 4s1.8 4 4 4h1zm-1-3.2h5v-1.5h-5v1.5zM18 4H9c-1.1 0-2 .9-2 2v.5h1.5V6c0-.3.2-.5.5-.5h9c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H9c-.3 0-.5-.2-.5-.5v-.5H7v.5c0 1.1.9 2 2 2h9c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2z"
+ })
+});
+/* harmony default export */ const custom_link = (customLink);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-link/edit.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-const {
- name: edit_name
-} = {
- $schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
- name: "core/navigation-link",
- title: "Custom Link",
- category: "design",
- parent: ["core/navigation"],
- description: "Add a page, link, or another item to your navigation.",
- textdomain: "default",
- attributes: {
- label: {
- type: "string"
- },
- type: {
- type: "string"
- },
- description: {
- type: "string"
- },
- rel: {
- type: "string"
- },
- id: {
- type: "number"
- },
- opensInNewTab: {
- type: "boolean",
- "default": false
- },
- url: {
- type: "string"
- },
- title: {
- type: "string"
- },
- kind: {
- type: "string"
- },
- isTopLevelLink: {
- type: "boolean"
- }
- },
- usesContext: ["textColor", "customTextColor", "backgroundColor", "customBackgroundColor", "overlayTextColor", "customOverlayTextColor", "overlayBackgroundColor", "customOverlayBackgroundColor", "fontSize", "customFontSize", "showSubmenuIcon", "maxNestingLevel", "style"],
- supports: {
- reusable: false,
- html: false,
- __experimentalSlashInserter: true
- },
- editorStyle: "wp-block-navigation-link-editor",
- style: "wp-block-navigation-link"
-};
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+const navigation_link_edit_DEFAULT_BLOCK = {
+ name: 'core/navigation-link'
+};
+
/**
* A React hook to determine if it's dragging within the target element.
*
@@ -27471,24 +37182,21 @@
*
* @return {boolean} Is dragging within the target element.
*/
-
const useIsDraggingWithin = elementRef => {
const [isDraggingWithin, setIsDraggingWithin] = (0,external_wp_element_namespaceObject.useState)(false);
(0,external_wp_element_namespaceObject.useEffect)(() => {
const {
ownerDocument
} = elementRef.current;
-
function handleDragStart(event) {
// Check the first time when the dragging starts.
handleDragEnter(event);
- } // Set to false whenever the user cancel the drag event by either releasing the mouse or press Escape.
-
-
+ }
+
+ // Set to false whenever the user cancel the drag event by either releasing the mouse or press Escape.
function handleDragEnd() {
setIsDraggingWithin(false);
}
-
function handleDragEnter(event) {
// Check if the current target is inside the item element.
if (elementRef.current.contains(event.target)) {
@@ -27496,11 +37204,11 @@
} else {
setIsDraggingWithin(false);
}
- } // Bind these events to the document to catch all drag events.
+ }
+
+ // Bind these events to the document to catch all drag events.
// Ideally, we can also use `event.relatedTarget`, but sadly that
// doesn't work in Safari.
-
-
ownerDocument.addEventListener('dragstart', handleDragStart);
ownerDocument.addEventListener('dragend', handleDragEnd);
ownerDocument.addEventListener('dragenter', handleDragEnter);
@@ -27509,213 +37217,23 @@
ownerDocument.removeEventListener('dragend', handleDragEnd);
ownerDocument.removeEventListener('dragenter', handleDragEnter);
};
- }, []);
+ }, [elementRef]);
return isDraggingWithin;
};
-/**
- * Given the Link block's type attribute, return the query params to give to
- * /wp/v2/search.
- *
- * @param {string} type Link block's type attribute.
- * @param {string} kind Link block's entity of kind (post-type|taxonomy)
- * @return {{ type?: string, subtype?: string }} Search query params.
- */
-
-
-function getSuggestionsQuery(type, kind) {
- switch (type) {
- case 'post':
- case 'page':
- return {
- type: 'post',
- subtype: type
- };
-
- case 'category':
- return {
- type: 'term',
- subtype: 'category'
- };
-
- case 'tag':
- return {
- type: 'term',
- subtype: 'post_tag'
- };
-
- case 'post_format':
- return {
- type: 'post-format'
- };
-
- default:
- if (kind === 'taxonomy') {
- return {
- type: 'term',
- subtype: type
- };
- }
-
- if (kind === 'post-type') {
- return {
- type: 'post',
- subtype: type
- };
- }
-
- return {};
- }
-}
-/**
- * Determine the colors for a menu.
- *
- * Order of priority is:
- * 1: Overlay custom colors (if submenu)
- * 2: Overlay theme colors (if submenu)
- * 3: Custom colors
- * 4: Theme colors
- * 5: Global styles
- *
- * @param {Object} context
- * @param {boolean} isSubMenu
- */
-
-
-function getColors(context, isSubMenu) {
- var _style$color, _style$color2;
-
- const {
- textColor,
- customTextColor,
- backgroundColor,
- customBackgroundColor,
- overlayTextColor,
- customOverlayTextColor,
- overlayBackgroundColor,
- customOverlayBackgroundColor,
- style
- } = context;
- const colors = {};
-
- if (isSubMenu && !!customOverlayTextColor) {
- colors.customTextColor = customOverlayTextColor;
- } else if (isSubMenu && !!overlayTextColor) {
- colors.textColor = overlayTextColor;
- } else if (!!customTextColor) {
- colors.customTextColor = customTextColor;
- } else if (!!textColor) {
- colors.textColor = textColor;
- } else if (!!(style !== null && style !== void 0 && (_style$color = style.color) !== null && _style$color !== void 0 && _style$color.text)) {
- colors.customTextColor = style.color.text;
- }
-
- if (isSubMenu && !!customOverlayBackgroundColor) {
- colors.customBackgroundColor = customOverlayBackgroundColor;
- } else if (isSubMenu && !!overlayBackgroundColor) {
- colors.backgroundColor = overlayBackgroundColor;
- } else if (!!customBackgroundColor) {
- colors.customBackgroundColor = customBackgroundColor;
- } else if (!!backgroundColor) {
- colors.backgroundColor = backgroundColor;
- } else if (!!(style !== null && style !== void 0 && (_style$color2 = style.color) !== null && _style$color2 !== void 0 && _style$color2.background)) {
- colors.customTextColor = style.color.background;
- }
-
- return colors;
-}
-/**
- * @typedef {'post-type'|'custom'|'taxonomy'|'post-type-archive'} WPNavigationLinkKind
- */
-
-/**
- * Navigation Link Block Attributes
- *
- * @typedef {Object} WPNavigationLinkBlockAttributes
- *
- * @property {string} [label] Link text.
- * @property {WPNavigationLinkKind} [kind] Kind is used to differentiate between term and post ids to check post draft status.
- * @property {string} [type] The type such as post, page, tag, category and other custom types.
- * @property {string} [rel] The relationship of the linked URL.
- * @property {number} [id] A post or term id.
- * @property {boolean} [opensInNewTab] Sets link target to _blank when true.
- * @property {string} [url] Link href.
- * @property {string} [title] Link title attribute.
- */
-
-/**
- * Link Control onChange handler that updates block attributes when a setting is changed.
- *
- * @param {Object} updatedValue New block attributes to update.
- * @param {Function} setAttributes Block attribute update function.
- * @param {WPNavigationLinkBlockAttributes} blockAttributes Current block attributes.
- *
- */
-
-
-const updateNavigationLinkBlockAttributes = function () {
- let updatedValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- let setAttributes = arguments.length > 1 ? arguments[1] : undefined;
- let blockAttributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
- const {
- label: originalLabel = '',
- kind: originalKind = '',
- type: originalType = ''
- } = blockAttributes;
- const {
- title = '',
- // the title of any provided Post.
- url = '',
- opensInNewTab,
- id,
- kind: newKind = originalKind,
- type: newType = originalType
- } = updatedValue;
- const normalizedTitle = title.replace(/http(s?):\/\//gi, '');
- const normalizedURL = url.replace(/http(s?):\/\//gi, '');
- const escapeTitle = title !== '' && normalizedTitle !== normalizedURL && originalLabel !== title;
- const label = escapeTitle ? (0,external_lodash_namespaceObject.escape)(title) : originalLabel || (0,external_lodash_namespaceObject.escape)(normalizedURL); // In https://github.com/WordPress/gutenberg/pull/24670 we decided to use "tag" in favor of "post_tag"
-
- const type = newType === 'post_tag' ? 'tag' : newType.replace('-', '_');
- const isBuiltInType = ['post', 'page', 'tag', 'category'].indexOf(type) > -1;
- const isCustomLink = !newKind && !isBuiltInType || newKind === 'custom';
- const kind = isCustomLink ? 'custom' : newKind;
- setAttributes({ // Passed `url` may already be encoded. To prevent double encoding, decodeURI is executed to revert to the original string.
- ...(url && {
- url: encodeURI((0,external_wp_url_namespaceObject.safeDecodeURI)(url))
- }),
- ...(label && {
- label
- }),
- ...(undefined !== opensInNewTab && {
- opensInNewTab
- }),
- ...(id && Number.isInteger(id) && {
- id
- }),
- ...(kind && {
- kind
- }),
- ...(type && type !== 'URL' && {
- type
- })
- });
-};
-
const useIsInvalidLink = (kind, type, id) => {
const isPostType = kind === 'post-type' || type === 'post' || type === 'page';
const hasId = Number.isInteger(id);
const postStatus = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _getEntityRecord;
-
if (!isPostType) {
return null;
}
-
const {
getEntityRecord
} = select(external_wp_coreData_namespaceObject.store);
- return (_getEntityRecord = getEntityRecord('postType', type, id)) === null || _getEntityRecord === void 0 ? void 0 : _getEntityRecord.status;
- }, [isPostType, type, id]); // Check Navigation Link validity if:
+ return getEntityRecord('postType', type, id)?.status;
+ }, [isPostType, type, id]);
+
+ // Check Navigation Link validity if:
// 1. Link is 'post-type'.
// 2. It has an id.
// 3. It's neither null, nor undefined, as valid items might be either of those while loading.
@@ -27723,167 +37241,168 @@
// 1. The post status is published.
// 2. The Navigation Link item has no label.
// If either of those is true, invalidate.
-
const isInvalid = isPostType && hasId && postStatus && 'trash' === postStatus;
const isDraft = 'draft' === postStatus;
return [isInvalid, isDraft];
};
-
-const useMissingText = type => {
+function getMissingText(type) {
let missingText = '';
-
switch (type) {
case 'post':
/* translators: label for missing post in navigation link block */
missingText = (0,external_wp_i18n_namespaceObject.__)('Select post');
break;
-
case 'page':
/* translators: label for missing page in navigation link block */
missingText = (0,external_wp_i18n_namespaceObject.__)('Select page');
break;
-
case 'category':
/* translators: label for missing category in navigation link block */
missingText = (0,external_wp_i18n_namespaceObject.__)('Select category');
break;
-
case 'tag':
/* translators: label for missing tag in navigation link block */
missingText = (0,external_wp_i18n_namespaceObject.__)('Select tag');
break;
-
default:
/* translators: label for missing values in navigation link block */
missingText = (0,external_wp_i18n_namespaceObject.__)('Add link');
}
-
return missingText;
-};
-/**
- * Removes HTML from a given string.
- * Note the does not provide XSS protection or otherwise attempt
- * to filter strings with malicious intent.
- *
- * See also: https://github.com/WordPress/gutenberg/pull/35539
- *
- * @param {string} html the string from which HTML should be removed.
- * @return {string} the "cleaned" string.
- */
-
-
-function navStripHTML(html) {
- const doc = document.implementation.createHTMLDocument('');
- doc.body.innerHTML = html;
- return doc.body.textContent || '';
-}
-/**
- * Add transforms to Link Control
- */
-
-
-function LinkControlTransforms(_ref) {
- let {
- clientId,
- replace
- } = _ref;
- const {
- getBlock,
- blockTransforms
- } = (0,external_wp_data_namespaceObject.useSelect)(select => {
- const {
- getBlock: _getBlock,
- getBlockRootClientId,
- getBlockTransformItems
- } = select(external_wp_blockEditor_namespaceObject.store);
- return {
- getBlock: _getBlock,
- blockTransforms: getBlockTransformItems([_getBlock(clientId)], getBlockRootClientId(clientId))
- };
- }, [clientId]);
- const featuredBlocks = ['core/site-logo', 'core/social-links', 'core/search'];
- const transforms = blockTransforms.filter(item => {
- return featuredBlocks.includes(item.name);
- });
-
- if (!(transforms !== null && transforms !== void 0 && transforms.length)) {
- return null;
- }
-
- return (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "link-control-transform"
- }, (0,external_wp_element_namespaceObject.createElement)("h3", {
- className: "link-control-transform__subheading"
- }, (0,external_wp_i18n_namespaceObject.__)('Transform')), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "link-control-transform__items"
- }, transforms.map((item, index) => {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- key: `transform-${index}`,
- onClick: () => replace(clientId, (0,external_wp_blocks_namespaceObject.switchToBlockType)(getBlock(clientId), item.name)),
- className: "link-control-transform__item"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockIcon, {
- icon: item.icon
- }), item.title);
- })));
-}
-
-function NavigationLinkEdit(_ref2) {
- let {
- attributes,
- isSelected,
- setAttributes,
- insertBlocksAfter,
- mergeBlocks,
- onReplace,
- context,
- clientId
- } = _ref2;
+}
+
+/*
+ * Warning, this duplicated in
+ * packages/block-library/src/navigation-submenu/edit.js
+ * Consider reuseing this components for both blocks.
+ */
+function Controls({
+ attributes,
+ setAttributes,
+ setIsLabelFieldFocused
+}) {
+ const {
+ label,
+ url,
+ description,
+ title,
+ rel
+ } = attributes;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ value: label ? (0,external_wp_dom_namespaceObject.__unstableStripHTML)(label) : '',
+ onChange: labelValue => {
+ setAttributes({
+ label: labelValue
+ });
+ },
+ label: (0,external_wp_i18n_namespaceObject.__)('Text'),
+ autoComplete: "off",
+ onFocus: () => setIsLabelFieldFocused(true),
+ onBlur: () => setIsLabelFieldFocused(false)
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ value: url ? (0,external_wp_url_namespaceObject.safeDecodeURI)(url) : '',
+ onChange: urlValue => {
+ updateAttributes({
+ url: urlValue
+ }, setAttributes, attributes);
+ },
+ label: (0,external_wp_i18n_namespaceObject.__)('Link'),
+ autoComplete: "off"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextareaControl, {
+ __nextHasNoMarginBottom: true,
+ value: description || '',
+ onChange: descriptionValue => {
+ setAttributes({
+ description: descriptionValue
+ });
+ },
+ label: (0,external_wp_i18n_namespaceObject.__)('Description'),
+ help: (0,external_wp_i18n_namespaceObject.__)('The description will be displayed in the menu if the current theme supports it.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ value: title || '',
+ onChange: titleValue => {
+ setAttributes({
+ title: titleValue
+ });
+ },
+ label: (0,external_wp_i18n_namespaceObject.__)('Title attribute'),
+ autoComplete: "off",
+ help: (0,external_wp_i18n_namespaceObject.__)('Additional information to help clarify the purpose of the link.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ value: rel || '',
+ onChange: relValue => {
+ setAttributes({
+ rel: relValue
+ });
+ },
+ label: (0,external_wp_i18n_namespaceObject.__)('Rel attribute'),
+ autoComplete: "off",
+ help: (0,external_wp_i18n_namespaceObject.__)('The relationship of the linked URL as space-separated link types.')
+ })]
+ });
+}
+function NavigationLinkEdit({
+ attributes,
+ isSelected,
+ setAttributes,
+ insertBlocksAfter,
+ mergeBlocks,
+ onReplace,
+ context,
+ clientId
+}) {
const {
id,
label,
type,
- opensInNewTab,
url,
description,
- rel,
- title,
kind
} = attributes;
const [isInvalid, isDraft] = useIsInvalidLink(kind, type, id);
const {
maxNestingLevel
} = context;
- const link = {
- url,
- opensInNewTab,
- title: label && navStripHTML(label) // don't allow HTML to display inside the <LinkControl>
-
- };
- const {
- saveEntityRecord
- } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
const {
replaceBlock,
- __unstableMarkNextChangeAsNotPersistent
+ __unstableMarkNextChangeAsNotPersistent,
+ selectBlock,
+ selectPreviousBlock
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
- const [isLinkOpen, setIsLinkOpen] = (0,external_wp_element_namespaceObject.useState)(false);
+ // Have the link editing ui open on mount when lacking a url and selected.
+ const [isLinkOpen, setIsLinkOpen] = (0,external_wp_element_namespaceObject.useState)(isSelected && !url);
+ // Store what element opened the popover, so we know where to return focus to (toolbar button vs navigation link text)
+ const [openedBy, setOpenedBy] = (0,external_wp_element_namespaceObject.useState)(null);
+ // Use internal state instead of a ref to make sure that the component
+ // re-renders when the popover's anchor updates.
+ const [popoverAnchor, setPopoverAnchor] = (0,external_wp_element_namespaceObject.useState)(null);
const listItemRef = (0,external_wp_element_namespaceObject.useRef)(null);
const isDraggingWithin = useIsDraggingWithin(listItemRef);
-
- const itemLabelPlaceholder = (0,external_wp_i18n_namespaceObject.__)('Add link…');
-
+ const itemLabelPlaceholder = (0,external_wp_i18n_namespaceObject.__)('Add label…');
const ref = (0,external_wp_element_namespaceObject.useRef)();
- const {
- innerBlocks,
+ const linkUIref = (0,external_wp_element_namespaceObject.useRef)();
+ const prevUrl = (0,external_wp_compose_namespaceObject.usePrevious)(url);
+
+ // Change the label using inspector causes rich text to change focus on firefox.
+ // This is a workaround to keep the focus on the label field when label filed is focused we don't render the rich text.
+ const [isLabelFieldFocused, setIsLabelFieldFocused] = (0,external_wp_element_namespaceObject.useState)(false);
+ const {
isAtMaxNesting,
isTopLevelLink,
isParentOfSelectedBlock,
- hasChildren,
- userCanCreatePages,
- userCanCreatePosts
+ hasChildren
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
- getBlocks,
getBlockCount,
getBlockName,
getBlockRootClientId,
@@ -27891,76 +37410,50 @@
getBlockParentsByBlockName
} = select(external_wp_blockEditor_namespaceObject.store);
return {
- innerBlocks: getBlocks(clientId),
- isAtMaxNesting: getBlockParentsByBlockName(clientId, [edit_name, 'core/navigation-submenu']).length >= maxNestingLevel,
+ isAtMaxNesting: getBlockParentsByBlockName(clientId, ['core/navigation-link', 'core/navigation-submenu']).length >= maxNestingLevel,
isTopLevelLink: getBlockName(getBlockRootClientId(clientId)) === 'core/navigation',
isParentOfSelectedBlock: hasSelectedInnerBlock(clientId, true),
- hasChildren: !!getBlockCount(clientId),
- userCanCreatePages: select(external_wp_coreData_namespaceObject.store).canUser('create', 'pages'),
- userCanCreatePosts: select(external_wp_coreData_namespaceObject.store).canUser('create', 'posts')
- };
- }, [clientId]);
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- // This side-effect should not create an undo level as those should
- // only be created via user interactions. Mark this change as
- // not persistent to avoid undo level creation.
- // See https://github.com/WordPress/gutenberg/issues/34564.
- __unstableMarkNextChangeAsNotPersistent();
-
- setAttributes({
- isTopLevelLink
- });
- }, [isTopLevelLink]);
+ hasChildren: !!getBlockCount(clientId)
+ };
+ }, [clientId, maxNestingLevel]);
+ const {
+ getBlocks
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+
/**
* Transform to submenu block.
*/
-
- function transformToSubmenu() {
+ const transformToSubmenu = () => {
+ let innerBlocks = getBlocks(clientId);
+ if (innerBlocks.length === 0) {
+ innerBlocks = [(0,external_wp_blocks_namespaceObject.createBlock)('core/navigation-link')];
+ selectBlock(innerBlocks[0].clientId);
+ }
const newSubmenu = (0,external_wp_blocks_namespaceObject.createBlock)('core/navigation-submenu', attributes, innerBlocks);
replaceBlock(clientId, newSubmenu);
- }
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- // Show the LinkControl on mount if the URL is empty
- // ( When adding a new menu item)
- // This can't be done in the useState call because it conflicts
- // with the autofocus behavior of the BlockListBlock component.
- if (!url) {
- setIsLinkOpen(true);
- } // If block has inner blocks, transform to Submenu.
-
-
+ };
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ // If block has inner blocks, transform to Submenu.
if (hasChildren) {
+ // This side-effect should not create an undo level as those should
+ // only be created via user interactions.
+ __unstableMarkNextChangeAsNotPersistent();
transformToSubmenu();
}
- }, []);
- /**
- * The hook shouldn't be necessary but due to a focus loss happening
- * when selecting a suggestion in the link popover, we force close on block unselection.
- */
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (!isSelected) {
- setIsLinkOpen(false);
- }
- }, [isSelected]); // If the LinkControl popover is open and the URL has changed, close the LinkControl and focus the label text.
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (isLinkOpen && url) {
- // Does this look like a URL and have something TLD-ish?
- if ((0,external_wp_url_namespaceObject.isURL)((0,external_wp_url_namespaceObject.prependHTTP)(label)) && /^.+\.[a-z]+/.test(label)) {
- // Focus and select the label text.
- selectLabelText();
- } else {
- // Focus it (but do not select).
- (0,external_wp_dom_namespaceObject.placeCaretAtHorizontalEdge)(ref.current, true);
- }
- }
- }, [url]);
+ }, [hasChildren]);
+
+ // If the LinkControl popover is open and the URL has changed, close the LinkControl and focus the label text.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ // We only want to do this when the URL has gone from nothing to a new URL AND the label looks like a URL
+ if (!prevUrl && url && isLinkOpen && (0,external_wp_url_namespaceObject.isURL)((0,external_wp_url_namespaceObject.prependHTTP)(label)) && /^.+\.[a-z]+/.test(label)) {
+ // Focus and select the label text.
+ selectLabelText();
+ }
+ }, [prevUrl, url, isLinkOpen, label]);
+
/**
* Focus the Link label text and select it.
*/
-
function selectLabelText() {
ref.current.focus();
const {
@@ -27970,69 +37463,55 @@
defaultView
} = ownerDocument;
const selection = defaultView.getSelection();
- const range = ownerDocument.createRange(); // Get the range of the current ref contents so we can add this range to the selection.
-
+ const range = ownerDocument.createRange();
+ // Get the range of the current ref contents so we can add this range to the selection.
range.selectNodeContents(ref.current);
selection.removeAllRanges();
selection.addRange(range);
}
+
/**
* Removes the current link if set.
*/
-
-
function removeLink() {
// Reset all attributes that comprise the link.
+ // It is critical that all attributes are reset
+ // to their default values otherwise this may
+ // in advertently trigger side effects because
+ // the values will have "changed".
setAttributes({
- url: '',
- label: '',
- id: '',
- kind: '',
- type: ''
- }); // Close the link editing UI.
-
+ url: undefined,
+ label: undefined,
+ id: undefined,
+ kind: undefined,
+ type: undefined,
+ opensInNewTab: false
+ });
+
+ // Close the link editing UI.
setIsLinkOpen(false);
}
-
- let userCanCreate = false;
-
- if (!type || type === 'page') {
- userCanCreate = userCanCreatePages;
- } else if (type === 'post') {
- userCanCreate = userCanCreatePosts;
- }
-
- async function handleCreate(pageTitle) {
- const postType = type || 'page';
- const page = await saveEntityRecord('postType', postType, {
- title: pageTitle,
- status: 'draft'
- });
- return {
- id: page.id,
- type: postType,
- title: page.title.rendered,
- url: page.link,
- kind: 'post-type'
- };
- }
-
const {
textColor,
customTextColor,
backgroundColor,
customBackgroundColor
} = getColors(context, !isTopLevelLink);
-
function onKeyDown(event) {
- if (external_wp_keycodes_namespaceObject.isKeyboardEvent.primary(event, 'k') || !url && event.keyCode === external_wp_keycodes_namespaceObject.ENTER) {
+ if (external_wp_keycodes_namespaceObject.isKeyboardEvent.primary(event, 'k')) {
+ // Required to prevent the command center from opening,
+ // as it shares the CMD+K shortcut.
+ // See https://github.com/WordPress/gutenberg/pull/59845.
+ event.preventDefault();
+ // If this link is a child of a parent submenu item, the parent submenu item event will also open, closing this popover
+ event.stopPropagation();
setIsLinkOpen(true);
- }
- }
-
+ setOpenedBy(ref.current);
+ }
+ }
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- ref: listItemRef,
- className: classnames_default()('wp-block-navigation-item', {
+ ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([setPopoverAnchor, listItemRef]),
+ className: dist_clsx('wp-block-navigation-item', {
'is-editing': isSelected || isParentOfSelectedBlock,
'is-dragging-within': isDraggingWithin,
'has-link': !!url,
@@ -28048,330 +37527,238 @@
},
onKeyDown
});
-
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({
+ ...blockProps,
+ className: 'remove-outline' // Remove the outline from the inner blocks container.
+ }, {
+ defaultBlock: navigation_link_edit_DEFAULT_BLOCK,
+ directInsert: true,
+ renderAppender: false
+ });
if (!url || isInvalid || isDraft) {
- blockProps.onClick = () => setIsLinkOpen(true);
- }
-
- const classes = classnames_default()('wp-block-navigation-item__content', {
+ blockProps.onClick = () => {
+ setIsLinkOpen(true);
+ setOpenedBy(ref.current);
+ };
+ }
+ const classes = dist_clsx('wp-block-navigation-item__content', {
'wp-block-navigation-link__placeholder': !url || isInvalid || isDraft
});
- const missingText = useMissingText(type, isInvalid, isDraft);
+ const missingText = getMissingText(type);
/* translators: Whether the navigation link is Invalid or a Draft. */
-
const placeholderText = `(${isInvalid ? (0,external_wp_i18n_namespaceObject.__)('Invalid') : (0,external_wp_i18n_namespaceObject.__)('Draft')})`;
const tooltipText = isInvalid || isDraft ? (0,external_wp_i18n_namespaceObject.__)('This item has been deleted, or is a draft') : (0,external_wp_i18n_namespaceObject.__)('This item is missing a link');
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- name: "link",
- icon: library_link,
- title: (0,external_wp_i18n_namespaceObject.__)('Link'),
- shortcut: external_wp_keycodes_namespaceObject.displayShortcut.primary('k'),
- onClick: () => setIsLinkOpen(true)
- }), !isAtMaxNesting && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- name: "submenu",
- icon: add_submenu,
- title: (0,external_wp_i18n_namespaceObject.__)('Add submenu'),
- onClick: transformToSubmenu
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Link settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextareaControl, {
- value: description || '',
- onChange: descriptionValue => {
- setAttributes({
- description: descriptionValue
- });
- },
- label: (0,external_wp_i18n_namespaceObject.__)('Description'),
- help: (0,external_wp_i18n_namespaceObject.__)('The description will be displayed in the menu if the current theme supports it.')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- value: title || '',
- onChange: titleValue => {
- setAttributes({
- title: titleValue
- });
- },
- label: (0,external_wp_i18n_namespaceObject.__)('Link title'),
- autoComplete: "off"
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- value: rel || '',
- onChange: relValue => {
- setAttributes({
- rel: relValue
- });
- },
- label: (0,external_wp_i18n_namespaceObject.__)('Link rel'),
- autoComplete: "off"
- }))), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)("a", {
- className: classes
- }, !url ? (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-navigation-link__placeholder-text"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Tooltip, {
- position: "top center",
- text: tooltipText
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("span", null, missingText), (0,external_wp_element_namespaceObject.createElement)("span", {
- className: "wp-block-navigation-link__missing_text-tooltip"
- }, tooltipText)))) : (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, !isInvalid && !isDraft && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- ref: ref,
- identifier: "label",
- className: "wp-block-navigation-item__label",
- value: label,
- onChange: labelValue => setAttributes({
- label: labelValue
- }),
- onMerge: mergeBlocks,
- onReplace: onReplace,
- __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)('core/navigation-link')),
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Navigation link text'),
- placeholder: itemLabelPlaceholder,
- withoutInteractiveFormatting: true,
- allowedFormats: ['core/bold', 'core/italic', 'core/image', 'core/strikethrough'],
- onClick: () => {
- if (!url) {
- setIsLinkOpen(true);
- }
- }
- }), description && (0,external_wp_element_namespaceObject.createElement)("span", {
- className: "wp-block-navigation-item__description"
- }, description)), (isInvalid || isDraft) && (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-navigation-link__placeholder-text wp-block-navigation-link__label"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.KeyboardShortcuts, {
- shortcuts: {
- enter: () => isSelected && setIsLinkOpen(true)
- }
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Tooltip, {
- position: "top center",
- text: tooltipText
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("span", null,
- /* Trim to avoid trailing white space when the placeholder text is not present */
- `${label} ${placeholderText}`.trim()), (0,external_wp_element_namespaceObject.createElement)("span", {
- className: "wp-block-navigation-link__missing_text-tooltip"
- }, tooltipText))))), isLinkOpen && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, {
- position: "bottom center",
- onClose: () => setIsLinkOpen(false),
- anchorRef: listItemRef.current
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalLinkControl, {
- hasTextControl: true,
- hasRichPreviews: true,
- className: "wp-block-navigation-link__inline-link-input",
- value: link,
- showInitialSuggestions: true,
- withCreateSuggestion: userCanCreate,
- createSuggestion: handleCreate,
- createSuggestionButtonText: searchTerm => {
- let format;
-
- if (type === 'post') {
- /* translators: %s: search term. */
- format = (0,external_wp_i18n_namespaceObject.__)('Create draft post: <mark>%s</mark>');
- } else {
- /* translators: %s: search term. */
- format = (0,external_wp_i18n_namespaceObject.__)('Create draft page: <mark>%s</mark>');
- }
-
- return (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.sprintf)(format, searchTerm), {
- mark: (0,external_wp_element_namespaceObject.createElement)("mark", null)
- });
- },
- noDirectEntry: !!type,
- noURLSuggestion: !!type,
- suggestionsQuery: getSuggestionsQuery(type, kind),
- onChange: updatedValue => updateNavigationLinkBlockAttributes(updatedValue, setAttributes, attributes),
- onRemove: removeLink,
- renderControlBottom: !url ? () => (0,external_wp_element_namespaceObject.createElement)(LinkControlTransforms, {
- clientId: clientId,
- replace: replaceBlock
- }) : null
- })))));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ name: "link",
+ icon: library_link,
+ title: (0,external_wp_i18n_namespaceObject.__)('Link'),
+ shortcut: external_wp_keycodes_namespaceObject.displayShortcut.primary('k'),
+ onClick: event => {
+ setIsLinkOpen(true);
+ setOpenedBy(event.currentTarget);
+ }
+ }), !isAtMaxNesting && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ name: "submenu",
+ icon: add_submenu,
+ title: (0,external_wp_i18n_namespaceObject.__)('Add submenu'),
+ onClick: transformToSubmenu
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Controls, {
+ attributes: attributes,
+ setAttributes: setAttributes,
+ setIsLabelFieldFocused: setIsLabelFieldFocused
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("a", {
+ className: classes,
+ children: [!url ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-navigation-link__placeholder-text",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Tooltip, {
+ text: tooltipText,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ children: missingText
+ })
+ })
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [!isInvalid && !isDraft && !isLabelFieldFocused && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ ref: ref,
+ identifier: "label",
+ className: "wp-block-navigation-item__label",
+ value: label,
+ onChange: labelValue => setAttributes({
+ label: labelValue
+ }),
+ onMerge: mergeBlocks,
+ onReplace: onReplace,
+ __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)('core/navigation-link')),
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Navigation link text'),
+ placeholder: itemLabelPlaceholder,
+ withoutInteractiveFormatting: true,
+ allowedFormats: ['core/bold', 'core/italic', 'core/image', 'core/strikethrough']
+ }), description && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: "wp-block-navigation-item__description",
+ children: description
+ })]
+ }), (isInvalid || isDraft || isLabelFieldFocused) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-navigation-link__placeholder-text wp-block-navigation-link__label",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Tooltip, {
+ text: tooltipText,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Navigation link text'),
+ children:
+ // Some attributes are stored in an escaped form. It's a legacy issue.
+ // Ideally they would be stored in a raw, unescaped form.
+ // Unescape is used here to "recover" the escaped characters
+ // so they display without encoding.
+ // See `updateAttributes` for more details.
+ `${(0,external_wp_htmlEntities_namespaceObject.decodeEntities)(label)} ${isInvalid || isDraft ? placeholderText : ''}`.trim()
+ })
+ })
+ })]
+ }), isLinkOpen && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(LinkUI, {
+ ref: linkUIref,
+ clientId: clientId,
+ link: attributes,
+ onClose: () => {
+ // If there is no link then remove the auto-inserted block.
+ // This avoids empty blocks which can provided a poor UX.
+ if (!url) {
+ // Fixes https://github.com/WordPress/gutenberg/issues/61361
+ // There's a chance we're closing due to the user selecting the browse all button.
+ // Only move focus if the focus is still within the popover ui. If it's not within
+ // the popover, it's because something has taken the focus from the popover, and
+ // we don't want to steal it back.
+ if (linkUIref.current.contains(window.document.activeElement)) {
+ // Select the previous block to keep focus nearby
+ selectPreviousBlock(clientId, true);
+ }
+
+ // Remove the link.
+ onReplace([]);
+ return;
+ }
+ setIsLinkOpen(false);
+ if (openedBy) {
+ openedBy.focus();
+ setOpenedBy(null);
+ } else if (ref.current) {
+ // select the ref when adding a new link
+ ref.current.focus();
+ } else {
+ // Fallback
+ selectPreviousBlock(clientId, true);
+ }
+ },
+ anchor: popoverAnchor,
+ onRemove: removeLink,
+ onChange: updatedValue => {
+ updateAttributes(updatedValue, setAttributes, attributes);
+ }
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ })]
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-link/save.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
function navigation_link_save_save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-title.js
-
-
-/**
- * WordPress dependencies
- */
-
-const postTitle = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 14.5h16V16H4zM4 18.5h9V20H4zM4 4h3c2 0 3 .86 3 2.583 0 .891-.253 1.554-.76 1.988-.505.435-1.24.652-2.204.652H5.542V12H4V4zm2.855 4c.53 0 .924-.114 1.18-.343.266-.228.398-.579.398-1.051 0-.473-.132-.82-.397-1.04-.265-.229-.67-.343-1.217-.343H5.542V8h1.313z"
-}));
-/* harmony default export */ var post_title = (postTitle);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/page.js
-
-
-/**
- * WordPress dependencies
- */
-
-const page = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M7 5.5h10a.5.5 0 01.5.5v12a.5.5 0 01-.5.5H7a.5.5 0 01-.5-.5V6a.5.5 0 01.5-.5zM17 4H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V6a2 2 0 00-2-2zm-1 3.75H8v1.5h8v-1.5zM8 11h8v1.5H8V11zm6 3.25H8v1.5h6v-1.5z"
-}));
-/* harmony default export */ var library_page = (page);
+/**
+ * WordPress dependencies
+ */
+
+
+
+const page = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M15.5 7.5h-7V9h7V7.5Zm-7 3.5h7v1.5h-7V11Zm7 3.5h-7V16h7v-1.5Z"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M17 4H7a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2ZM7 5.5h10a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H7a.5.5 0 0 1-.5-.5V6a.5.5 0 0 1 .5-.5Z"
+ })]
+});
+/* harmony default export */ const library_page = (page);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/tag.js
-
-
-/**
- * WordPress dependencies
- */
-
-const tag = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M20.1 11.2l-6.7-6.7c-.1-.1-.3-.2-.5-.2H5c-.4-.1-.8.3-.8.7v7.8c0 .2.1.4.2.5l6.7 6.7c.2.2.5.4.7.5s.6.2.9.2c.3 0 .6-.1.9-.2.3-.1.5-.3.8-.5l5.6-5.6c.4-.4.7-1 .7-1.6.1-.6-.2-1.2-.6-1.6zM19 13.4L13.4 19c-.1.1-.2.1-.3.2-.2.1-.4.1-.6 0-.1 0-.2-.1-.3-.2l-6.5-6.5V5.8h6.8l6.5 6.5c.2.2.2.4.2.6 0 .1 0 .3-.2.5zM9 8c-.6 0-1 .4-1 1s.4 1 1 1 1-.4 1-1-.4-1-1-1z"
-}));
-/* harmony default export */ var library_tag = (tag);
+/**
+ * WordPress dependencies
+ */
+
+
+const tag = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4.75 4a.75.75 0 0 0-.75.75v7.826c0 .2.08.39.22.53l6.72 6.716a2.313 2.313 0 0 0 3.276-.001l5.61-5.611-.531-.53.532.528a2.315 2.315 0 0 0 0-3.264L13.104 4.22a.75.75 0 0 0-.53-.22H4.75ZM19 12.576a.815.815 0 0 1-.236.574l-5.61 5.611a.814.814 0 0 1-1.153 0L5.5 12.264V5.5h6.763l6.5 6.502a.816.816 0 0 1 .237.574ZM8.75 9.75a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
+ })
+});
+/* harmony default export */ const library_tag = (tag);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/custom-post-type.js
-
-
-/**
- * WordPress dependencies
- */
-
-const customPostType = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4zm.8-4l.7.7 2-2V12h1V9.2l2 2 .7-.7-2-2H12v-1H9.2l2-2-.7-.7-2 2V4h-1v2.8l-2-2-.7.7 2 2H4v1h2.8l-2 2z"
-}));
-/* harmony default export */ var custom_post_type = (customPostType);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-link/fallback-variations.js
-/**
- * WordPress dependencies
- */
-
- // FALLBACK: this is only used when the server does not understand the variations property in the
-// register_block_type call. see navigation-link/index.php.
-// Delete this file when supported WP ranges understand the `variations` property when passed to
-// register_block_type in index.php.
-
-const fallbackVariations = [{
- name: 'link',
- isDefault: true,
- title: (0,external_wp_i18n_namespaceObject.__)('Custom Link'),
- description: (0,external_wp_i18n_namespaceObject.__)('A link to a custom URL.'),
- attributes: {}
-}, {
- name: 'post',
- icon: post_title,
- title: (0,external_wp_i18n_namespaceObject.__)('Post Link'),
- description: (0,external_wp_i18n_namespaceObject.__)('A link to a post.'),
- attributes: {
- type: 'post',
- kind: 'post-type'
- }
-}, {
- name: 'page',
- icon: library_page,
- title: (0,external_wp_i18n_namespaceObject.__)('Page Link'),
- description: (0,external_wp_i18n_namespaceObject.__)('A link to a page.'),
- attributes: {
- type: 'page',
- kind: 'post-type'
- }
-}, {
- name: 'category',
- icon: library_category,
- title: (0,external_wp_i18n_namespaceObject.__)('Category Link'),
- description: (0,external_wp_i18n_namespaceObject.__)('A link to a category.'),
- attributes: {
- type: 'category',
- kind: 'taxonomy'
- }
-}, {
- name: 'tag',
- icon: library_tag,
- title: (0,external_wp_i18n_namespaceObject.__)('Tag Link'),
- description: (0,external_wp_i18n_namespaceObject.__)('A link to a tag.'),
- attributes: {
- type: 'tag',
- kind: 'taxonomy'
- }
-}];
-/**
- * Add `isActive` function to all `navigation link` variations, if not defined.
- * `isActive` function is used to find a variation match from a created
- * Block by providing its attributes.
- */
-
-fallbackVariations.forEach(variation => {
- if (variation.isActive) return;
-
- variation.isActive = (blockAttributes, variationAttributes) => blockAttributes.type === variationAttributes.type;
-});
-/* harmony default export */ var fallback_variations = (fallbackVariations);
+/**
+ * WordPress dependencies
+ */
+
+
+const customPostType = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4zm.8-4l.7.7 2-2V12h1V9.2l2 2 .7-.7-2-2H12v-1H9.2l2-2-.7-.7-2 2V4h-1v2.8l-2-2-.7.7 2 2H4v1h2.8l-2 2z"
+ })
+});
+/* harmony default export */ const custom_post_type = (customPostType);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-link/hooks.js
/**
* WordPress dependencies
*/
-/**
- * Internal dependencies
- */
-
-
-
function getIcon(variationName) {
switch (variationName) {
case 'post':
- return post_title;
-
+ return post_list;
case 'page':
return library_page;
-
case 'tag':
return library_tag;
-
case 'category':
return library_category;
-
default:
return custom_post_type;
}
}
-
function enhanceNavigationLinkVariations(settings, name) {
if (name !== 'core/navigation-link') {
return settings;
- } // Fallback handling may be deleted after supported WP ranges understand the `variations`
- // property when passed to register_block_type in index.php.
-
-
- if (!settings.variations) {
- return { ...settings,
- variations: fallback_variations
- };
- } // Otherwise decorate server passed variations with an icon and isActive function.
-
-
+ }
+
+ // Otherwise decorate server passed variations with an icon and isActive function.
if (settings.variations) {
const isActive = (blockAttributes, variationAttributes) => {
return blockAttributes.type === variationAttributes.type;
};
-
const variations = settings.variations.map(variation => {
- return { ...variation,
+ return {
+ ...variation,
...(!variation.icon && {
icon: getIcon(variation.name)
}),
@@ -28380,11 +37767,11 @@
})
};
});
- return { ...settings,
+ return {
+ ...settings,
variations
};
}
-
return settings;
}
@@ -28424,6 +37811,18 @@
transform: () => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/navigation-link');
}
+ }, {
+ type: 'block',
+ blocks: ['core/page-list'],
+ transform: () => {
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/navigation-link');
+ }
+ }, {
+ type: 'block',
+ blocks: ['core/buttons'],
+ transform: () => {
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/navigation-link');
+ }
}],
to: [{
type: 'block',
@@ -28463,16 +37862,39 @@
buttonPosition: 'button-inside'
});
}
+ }, {
+ type: 'block',
+ blocks: ['core/page-list'],
+ transform: () => {
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/page-list');
+ }
+ }, {
+ type: 'block',
+ blocks: ['core/buttons'],
+ transform: ({
+ label,
+ url,
+ rel,
+ title,
+ opensInNewTab
+ }) => {
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/buttons', {}, [(0,external_wp_blocks_namespaceObject.createBlock)('core/button', {
+ text: label,
+ url,
+ rel,
+ title,
+ linkTarget: opensInNewTab ? '_blank' : undefined
+ })]);
+ }
}]
};
-/* harmony default export */ var navigation_link_transforms = (navigation_link_transforms_transforms);
+/* harmony default export */ const navigation_link_transforms = (navigation_link_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-link/index.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
@@ -28483,11 +37905,12 @@
const navigation_link_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/navigation-link",
title: "Custom Link",
category: "design",
parent: ["core/navigation"],
+ allowedBlocks: ["core/navigation-link", "core/navigation-submenu", "core/page-list"],
description: "Add a page, link, or another item to your navigation.",
textdomain: "default",
attributes: {
@@ -28527,7 +37950,24 @@
supports: {
reusable: false,
html: false,
- __experimentalSlashInserter: true
+ __experimentalSlashInserter: true,
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ renaming: false,
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-navigation-link-editor",
style: "wp-block-navigation-link"
@@ -28536,28 +37976,24 @@
+
const {
name: navigation_link_name
} = navigation_link_metadata;
const navigation_link_settings = {
icon: custom_link,
- __experimentalLabel: _ref => {
- let {
- label
- } = _ref;
- return label;
- },
-
- merge(leftAttributes, _ref2) {
- let {
- label: rightLabel = ''
- } = _ref2;
- return { ...leftAttributes,
+ __experimentalLabel: ({
+ label
+ }) => label,
+ merge(leftAttributes, {
+ label: rightLabel = ''
+ }) {
+ return {
+ ...leftAttributes,
label: leftAttributes.label + rightLabel
};
},
-
edit: NavigationLinkEdit,
save: navigation_link_save_save,
example: {
@@ -28570,7 +38006,6 @@
isEligible(attributes) {
return attributes.nofollow;
},
-
attributes: {
label: {
type: 'string'
@@ -28595,148 +38030,102 @@
type: 'string'
}
},
-
- migrate(_ref3) {
- let {
- nofollow,
- ...rest
- } = _ref3;
+ migrate({
+ nofollow,
+ ...rest
+ }) {
return {
rel: nofollow ? 'nofollow' : '',
...rest
};
},
-
save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
+ }
}],
transforms: navigation_link_transforms
-}; // importing this file includes side effects. This is whitelisted in block-library/package.json under sideEffects
-
-(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/navigation-link', enhanceNavigationLinkVariations);
+};
+const navigation_link_init = () => {
+ (0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/navigation-link', enhanceNavigationLinkVariations);
+ return initBlock({
+ name: navigation_link_name,
+ metadata: navigation_link_metadata,
+ settings: navigation_link_settings
+ });
+};
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/remove-submenu.js
-
-
-/**
- * WordPress dependencies
- */
-
-const removeSubmenu = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- fillRule: "evenodd",
- clipRule: "evenodd",
- d: "m13.955 20.748 8-17.5-.91-.416L19.597 6H13.5v1.5h5.411l-1.6 3.5H13.5v1.5h3.126l-1.6 3.5H13.5l.028 1.5h.812l-1.295 2.832.91.416ZM17.675 16l-.686 1.5h4.539L21.5 16h-3.825Zm2.286-5-.686 1.5H21.5V11h-1.54ZM2 12c0 3.58 2.42 5.5 6 5.5h.5V19l3-2.5-3-2.5v2H8c-2.48 0-4.5-1.52-4.5-4S5.52 7.5 8 7.5h3.5V6H8c-3.58 0-6 2.42-6 6Z"
-}));
-/* harmony default export */ var remove_submenu = (removeSubmenu);
+/**
+ * WordPress dependencies
+ */
+
+
+const removeSubmenu = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ fillRule: "evenodd",
+ clipRule: "evenodd",
+ d: "m13.955 20.748 8-17.5-.91-.416L19.597 6H13.5v1.5h5.411l-1.6 3.5H13.5v1.5h3.126l-1.6 3.5H13.5l.028 1.5h.812l-1.295 2.832.91.416ZM17.675 16l-.686 1.5h4.539L21.5 16h-3.825Zm2.286-5-.686 1.5H21.5V11h-1.54ZM2 12c0 3.58 2.42 5.5 6 5.5h.5V19l3-2.5-3-2.5v2H8c-2.48 0-4.5-1.52-4.5-4S5.52 7.5 8 7.5h3.5V6H8c-3.58 0-6 2.42-6 6Z"
+ })
+});
+/* harmony default export */ const remove_submenu = (removeSubmenu);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-submenu/icons.js
-
-
-/**
- * WordPress dependencies
- */
-
-const ItemSubmenuIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+const ItemSubmenuIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
width: "12",
height: "12",
viewBox: "0 0 12 12",
- fill: "none"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M1.50002 4L6.00002 8L10.5 4",
- strokeWidth: "1.5"
-}));
+ fill: "none",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M1.50002 4L6.00002 8L10.5 4",
+ strokeWidth: "1.5"
+ })
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-submenu/edit.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-const {
- name: navigation_submenu_edit_name
-} = {
- $schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
- name: "core/navigation-submenu",
- title: "Submenu",
- category: "design",
- parent: ["core/navigation"],
- description: "Add a submenu to your navigation.",
- textdomain: "default",
- attributes: {
- label: {
- type: "string"
- },
- type: {
- type: "string"
- },
- description: {
- type: "string"
- },
- rel: {
- type: "string"
- },
- id: {
- type: "number"
- },
- opensInNewTab: {
- type: "boolean",
- "default": false
- },
- url: {
- type: "string"
- },
- title: {
- type: "string"
- },
- kind: {
- type: "string"
- },
- isTopLevelItem: {
- type: "boolean"
- }
- },
- usesContext: ["textColor", "customTextColor", "backgroundColor", "customBackgroundColor", "overlayTextColor", "customOverlayTextColor", "overlayBackgroundColor", "customOverlayBackgroundColor", "fontSize", "customFontSize", "showSubmenuIcon", "maxNestingLevel", "openSubmenusOnClick", "style"],
- supports: {
- reusable: false,
- html: false
- },
- editorStyle: "wp-block-navigation-submenu-editor",
- style: "wp-block-navigation-submenu"
-};
-const navigation_submenu_edit_ALLOWED_BLOCKS = ['core/navigation-link', 'core/navigation-submenu'];
-const edit_DEFAULT_BLOCK = {
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+
+const ALLOWED_BLOCKS = ['core/navigation-link', 'core/navigation-submenu', 'core/page-list'];
+const navigation_submenu_edit_DEFAULT_BLOCK = {
name: 'core/navigation-link'
};
+
/**
* A React hook to determine if it's dragging within the target element.
*
@@ -28746,24 +38135,21 @@
*
* @return {boolean} Is dragging within the target element.
*/
-
const edit_useIsDraggingWithin = elementRef => {
const [isDraggingWithin, setIsDraggingWithin] = (0,external_wp_element_namespaceObject.useState)(false);
(0,external_wp_element_namespaceObject.useEffect)(() => {
const {
ownerDocument
} = elementRef.current;
-
function handleDragStart(event) {
// Check the first time when the dragging starts.
handleDragEnter(event);
- } // Set to false whenever the user cancel the drag event by either releasing the mouse or press Escape.
-
-
+ }
+
+ // Set to false whenever the user cancel the drag event by either releasing the mouse or press Escape.
function handleDragEnd() {
setIsDraggingWithin(false);
}
-
function handleDragEnter(event) {
// Check if the current target is inside the item element.
if (elementRef.current.contains(event.target)) {
@@ -28771,11 +38157,11 @@
} else {
setIsDraggingWithin(false);
}
- } // Bind these events to the document to catch all drag events.
+ }
+
+ // Bind these events to the document to catch all drag events.
// Ideally, we can also use `event.relatedTarget`, but sadly that
// doesn't work in Safari.
-
-
ownerDocument.addEventListener('dragstart', handleDragStart);
ownerDocument.addEventListener('dragend', handleDragEnd);
ownerDocument.addEventListener('dragenter', handleDragEnter);
@@ -28787,117 +38173,7 @@
}, []);
return isDraggingWithin;
};
-/**
- * Given the Link block's type attribute, return the query params to give to
- * /wp/v2/search.
- *
- * @param {string} type Link block's type attribute.
- * @param {string} kind Link block's entity of kind (post-type|taxonomy)
- * @return {{ type?: string, subtype?: string }} Search query params.
- */
-
-
-function edit_getSuggestionsQuery(type, kind) {
- switch (type) {
- case 'post':
- case 'page':
- return {
- type: 'post',
- subtype: type
- };
-
- case 'category':
- return {
- type: 'term',
- subtype: 'category'
- };
-
- case 'tag':
- return {
- type: 'term',
- subtype: 'post_tag'
- };
-
- case 'post_format':
- return {
- type: 'post-format'
- };
-
- default:
- if (kind === 'taxonomy') {
- return {
- type: 'term',
- subtype: type
- };
- }
-
- if (kind === 'post-type') {
- return {
- type: 'post',
- subtype: type
- };
- }
-
- return {};
- }
-}
-/**
- * Determine the colors for a menu.
- *
- * Order of priority is:
- * 1: Overlay custom colors (if submenu)
- * 2: Overlay theme colors (if submenu)
- * 3: Custom colors
- * 4: Theme colors
- * 5: Global styles
- *
- * @param {Object} context
- * @param {boolean} isSubMenu
- */
-
-
-function edit_getColors(context, isSubMenu) {
- var _style$color, _style$color2;
-
- const {
- textColor,
- customTextColor,
- backgroundColor,
- customBackgroundColor,
- overlayTextColor,
- customOverlayTextColor,
- overlayBackgroundColor,
- customOverlayBackgroundColor,
- style
- } = context;
- const colors = {};
-
- if (isSubMenu && !!customOverlayTextColor) {
- colors.customTextColor = customOverlayTextColor;
- } else if (isSubMenu && !!overlayTextColor) {
- colors.textColor = overlayTextColor;
- } else if (!!customTextColor) {
- colors.customTextColor = customTextColor;
- } else if (!!textColor) {
- colors.textColor = textColor;
- } else if (!!(style !== null && style !== void 0 && (_style$color = style.color) !== null && _style$color !== void 0 && _style$color.text)) {
- colors.customTextColor = style.color.text;
- }
-
- if (isSubMenu && !!customOverlayBackgroundColor) {
- colors.customBackgroundColor = customOverlayBackgroundColor;
- } else if (isSubMenu && !!overlayBackgroundColor) {
- colors.backgroundColor = overlayBackgroundColor;
- } else if (!!customBackgroundColor) {
- colors.customBackgroundColor = customBackgroundColor;
- } else if (!!backgroundColor) {
- colors.backgroundColor = backgroundColor;
- } else if (!!(style !== null && style !== void 0 && (_style$color2 = style.color) !== null && _style$color2 !== void 0 && _style$color2.background)) {
- colors.customTextColor = style.color.background;
- }
-
- return colors;
-}
+
/**
* @typedef {'post-type'|'custom'|'taxonomy'|'post-type-archive'} WPNavigationLinkKind
*/
@@ -28917,115 +38193,51 @@
* @property {string} [title] Link title attribute.
*/
-/**
- * Link Control onChange handler that updates block attributes when a setting is changed.
- *
- * @param {Object} updatedValue New block attributes to update.
- * @param {Function} setAttributes Block attribute update function.
- * @param {WPNavigationLinkBlockAttributes} blockAttributes Current block attributes.
- *
- */
-
-
-const edit_updateNavigationLinkBlockAttributes = function () {
- let updatedValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
- let setAttributes = arguments.length > 1 ? arguments[1] : undefined;
- let blockAttributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
- const {
- label: originalLabel = '',
- kind: originalKind = '',
- type: originalType = ''
- } = blockAttributes;
- const {
- title = '',
- url = '',
- opensInNewTab,
- id,
- kind: newKind = originalKind,
- type: newType = originalType
- } = updatedValue;
- const normalizedTitle = title.replace(/http(s?):\/\//gi, '');
- const normalizedURL = url.replace(/http(s?):\/\//gi, '');
- const escapeTitle = title !== '' && normalizedTitle !== normalizedURL && originalLabel !== title;
- const label = escapeTitle ? (0,external_lodash_namespaceObject.escape)(title) : originalLabel || (0,external_lodash_namespaceObject.escape)(normalizedURL); // In https://github.com/WordPress/gutenberg/pull/24670 we decided to use "tag" in favor of "post_tag"
-
- const type = newType === 'post_tag' ? 'tag' : newType.replace('-', '_');
- const isBuiltInType = ['post', 'page', 'tag', 'category'].indexOf(type) > -1;
- const isCustomLink = !newKind && !isBuiltInType || newKind === 'custom';
- const kind = isCustomLink ? 'custom' : newKind;
- setAttributes({ // Passed `url` may already be encoded. To prevent double encoding, decodeURI is executed to revert to the original string.
- ...(url && {
- url: encodeURI((0,external_wp_url_namespaceObject.safeDecodeURI)(url))
- }),
- ...(label && {
- label
- }),
- ...(undefined !== opensInNewTab && {
- opensInNewTab
- }),
- ...(id && Number.isInteger(id) && {
- id
- }),
- ...(kind && {
- kind
- }),
- ...(type && type !== 'URL' && {
- type
- })
- });
-};
-function NavigationSubmenuEdit(_ref) {
- let {
- attributes,
- isSelected,
- setAttributes,
- mergeBlocks,
- onReplace,
- context,
- clientId
- } = _ref;
+function NavigationSubmenuEdit({
+ attributes,
+ isSelected,
+ setAttributes,
+ mergeBlocks,
+ onReplace,
+ context,
+ clientId
+}) {
const {
label,
type,
- opensInNewTab,
url,
description,
rel,
- title,
- kind
- } = attributes;
- const link = {
- url,
- opensInNewTab
- };
+ title
+ } = attributes;
const {
showSubmenuIcon,
maxNestingLevel,
openSubmenusOnClick
} = context;
const {
- saveEntityRecord
- } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
- const {
__unstableMarkNextChangeAsNotPersistent,
- replaceBlock
+ replaceBlock,
+ selectBlock
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
const [isLinkOpen, setIsLinkOpen] = (0,external_wp_element_namespaceObject.useState)(false);
+ // Store what element opened the popover, so we know where to return focus to (toolbar button vs navigation link text)
+ const [openedBy, setOpenedBy] = (0,external_wp_element_namespaceObject.useState)(null);
+ // Use internal state instead of a ref to make sure that the component
+ // re-renders when the popover's anchor updates.
+ const [popoverAnchor, setPopoverAnchor] = (0,external_wp_element_namespaceObject.useState)(null);
const listItemRef = (0,external_wp_element_namespaceObject.useRef)(null);
const isDraggingWithin = edit_useIsDraggingWithin(listItemRef);
-
const itemLabelPlaceholder = (0,external_wp_i18n_namespaceObject.__)('Add text…');
-
const ref = (0,external_wp_element_namespaceObject.useRef)();
- const {
- isAtMaxNesting,
- isTopLevelItem,
+ const pagesPermissions = (0,external_wp_coreData_namespaceObject.useResourcePermissions)('pages');
+ const postsPermissions = (0,external_wp_coreData_namespaceObject.useResourcePermissions)('posts');
+ const {
+ parentCount,
isParentOfSelectedBlock,
isImmediateParentOfSelectedBlock,
hasChildren,
selectedBlockHasChildren,
- userCanCreatePages,
- userCanCreatePosts,
onlyDescendantIsEmptyLink
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
@@ -29036,81 +38248,62 @@
getBlockCount,
getBlockOrder
} = select(external_wp_blockEditor_namespaceObject.store);
-
let _onlyDescendantIsEmptyLink;
-
const selectedBlockId = getSelectedBlockClientId();
- const selectedBlockChildren = getBlockOrder(selectedBlockId); // Check for a single descendant in the submenu. If that block
+ const selectedBlockChildren = getBlockOrder(selectedBlockId);
+
+ // Check for a single descendant in the submenu. If that block
// is a link block in a "placeholder" state with no label then
// we can consider as an "empty" link.
-
- if ((selectedBlockChildren === null || selectedBlockChildren === void 0 ? void 0 : selectedBlockChildren.length) === 1) {
- var _singleBlock$attribut;
-
+ if (selectedBlockChildren?.length === 1) {
const singleBlock = getBlock(selectedBlockChildren[0]);
- _onlyDescendantIsEmptyLink = (singleBlock === null || singleBlock === void 0 ? void 0 : singleBlock.name) === 'core/navigation-link' && !(singleBlock !== null && singleBlock !== void 0 && (_singleBlock$attribut = singleBlock.attributes) !== null && _singleBlock$attribut !== void 0 && _singleBlock$attribut.label);
- }
-
- return {
- isAtMaxNesting: getBlockParentsByBlockName(clientId, navigation_submenu_edit_name).length >= maxNestingLevel,
- isTopLevelItem: getBlockParentsByBlockName(clientId, navigation_submenu_edit_name).length === 0,
+ _onlyDescendantIsEmptyLink = singleBlock?.name === 'core/navigation-link' && !singleBlock?.attributes?.label;
+ }
+ return {
+ parentCount: getBlockParentsByBlockName(clientId, 'core/navigation-submenu').length,
isParentOfSelectedBlock: hasSelectedInnerBlock(clientId, true),
isImmediateParentOfSelectedBlock: hasSelectedInnerBlock(clientId, false),
hasChildren: !!getBlockCount(clientId),
- selectedBlockHasChildren: !!(selectedBlockChildren !== null && selectedBlockChildren !== void 0 && selectedBlockChildren.length),
- userCanCreatePages: select(external_wp_coreData_namespaceObject.store).canUser('create', 'pages'),
- userCanCreatePosts: select(external_wp_coreData_namespaceObject.store).canUser('create', 'posts'),
+ selectedBlockHasChildren: !!selectedBlockChildren?.length,
onlyDescendantIsEmptyLink: _onlyDescendantIsEmptyLink
};
- }, [clientId]); // Show the LinkControl on mount if the URL is empty
+ }, [clientId]);
+ const prevHasChildren = (0,external_wp_compose_namespaceObject.usePrevious)(hasChildren);
+
+ // Show the LinkControl on mount if the URL is empty
// ( When adding a new menu item)
// This can't be done in the useState call because it conflicts
// with the autofocus behavior of the BlockListBlock component.
-
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (!openSubmenusOnClick && !url) {
setIsLinkOpen(true);
}
- }, []); // Store the colors from context as attributes for rendering.
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- // This side-effect should not create an undo level as those should
- // only be created via user interactions. Mark this change as
- // not persistent to avoid undo level creation.
- // See https://github.com/WordPress/gutenberg/issues/34564.
- __unstableMarkNextChangeAsNotPersistent();
-
- setAttributes({
- isTopLevelItem
- });
- }, [isTopLevelItem]);
+ }, []);
+
/**
* The hook shouldn't be necessary but due to a focus loss happening
* when selecting a suggestion in the link popover, we force close on block unselection.
*/
-
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (!isSelected) {
setIsLinkOpen(false);
}
- }, [isSelected]); // If the LinkControl popover is open and the URL has changed, close the LinkControl and focus the label text.
-
+ }, [isSelected]);
+
+ // If the LinkControl popover is open and the URL has changed, close the LinkControl and focus the label text.
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (isLinkOpen && url) {
// Does this look like a URL and have something TLD-ish?
if ((0,external_wp_url_namespaceObject.isURL)((0,external_wp_url_namespaceObject.prependHTTP)(label)) && /^.+\.[a-z]+/.test(label)) {
// Focus and select the label text.
selectLabelText();
- } else {
- // Focus it (but do not select).
- (0,external_wp_dom_namespaceObject.placeCaretAtHorizontalEdge)(ref.current, true);
}
}
}, [url]);
+
/**
* Focus the Link label text and select it.
*/
-
function selectLabelText() {
ref.current.focus();
const {
@@ -29120,52 +38313,39 @@
defaultView
} = ownerDocument;
const selection = defaultView.getSelection();
- const range = ownerDocument.createRange(); // Get the range of the current ref contents so we can add this range to the selection.
-
+ const range = ownerDocument.createRange();
+ // Get the range of the current ref contents so we can add this range to the selection.
range.selectNodeContents(ref.current);
selection.removeAllRanges();
selection.addRange(range);
}
-
let userCanCreate = false;
-
if (!type || type === 'page') {
- userCanCreate = userCanCreatePages;
+ userCanCreate = pagesPermissions.canCreate;
} else if (type === 'post') {
- userCanCreate = userCanCreatePosts;
- }
-
- async function handleCreate(pageTitle) {
- const postType = type || 'page';
- const page = await saveEntityRecord('postType', postType, {
- title: pageTitle,
- status: 'draft'
- });
- return {
- id: page.id,
- type: postType,
- title: page.title.rendered,
- url: page.link,
- kind: 'post-type'
- };
- }
-
+ userCanCreate = postsPermissions.canCreate;
+ }
const {
textColor,
customTextColor,
backgroundColor,
customBackgroundColor
- } = edit_getColors(context, !isTopLevelItem);
-
+ } = getColors(context, parentCount > 0);
function onKeyDown(event) {
if (external_wp_keycodes_namespaceObject.isKeyboardEvent.primary(event, 'k')) {
+ // Required to prevent the command center from opening,
+ // as it shares the CMD+K shortcut.
+ // See https://github.com/WordPress/gutenberg/pull/59845.
+ event.preventDefault();
+ // If we don't stop propogation, this event bubbles up to the parent submenu item
+ event.stopPropagation();
setIsLinkOpen(true);
- }
- }
-
+ setOpenedBy(ref.current);
+ }
+ }
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- ref: listItemRef,
- className: classnames_default()('wp-block-navigation-item', {
+ ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([setPopoverAnchor, listItemRef]),
+ className: dist_clsx('wp-block-navigation-item', {
'is-editing': isSelected || isParentOfSelectedBlock,
'is-dragging-within': isDraggingWithin,
'has-link': !!url,
@@ -29181,153 +38361,187 @@
backgroundColor: !backgroundColor && customBackgroundColor
},
onKeyDown
- }); // Always use overlay colors for submenus.
-
- const innerBlocksColors = edit_getColors(context, true);
- const allowedBlocks = isAtMaxNesting ? (0,external_lodash_namespaceObject.without)(navigation_submenu_edit_ALLOWED_BLOCKS, 'core/navigation-submenu') : navigation_submenu_edit_ALLOWED_BLOCKS;
- const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({
- className: classnames_default()('wp-block-navigation__submenu-container', {
- 'is-parent-of-selected-block': isParentOfSelectedBlock,
- 'has-text-color': !!(innerBlocksColors.textColor || innerBlocksColors.customTextColor),
- [`has-${innerBlocksColors.textColor}-color`]: !!innerBlocksColors.textColor,
- 'has-background': !!(innerBlocksColors.backgroundColor || innerBlocksColors.customBackgroundColor),
- [`has-${innerBlocksColors.backgroundColor}-background-color`]: !!innerBlocksColors.backgroundColor
- }),
- style: {
- color: innerBlocksColors.customTextColor,
- backgroundColor: innerBlocksColors.customBackgroundColor
- }
- }, {
+ });
+
+ // Always use overlay colors for submenus.
+ const innerBlocksColors = getColors(context, true);
+ const allowedBlocks = parentCount >= maxNestingLevel ? ALLOWED_BLOCKS.filter(blockName => blockName !== 'core/navigation-submenu') : ALLOWED_BLOCKS;
+ const navigationChildBlockProps = getNavigationChildBlockProps(innerBlocksColors);
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(navigationChildBlockProps, {
allowedBlocks,
- __experimentalDefaultBlock: edit_DEFAULT_BLOCK,
- __experimentalDirectInsert: true,
+ defaultBlock: navigation_submenu_edit_DEFAULT_BLOCK,
+ directInsert: true,
// Ensure block toolbar is not too far removed from item
// being edited.
// see: https://github.com/WordPress/gutenberg/pull/34615.
__experimentalCaptureToolbars: true,
- renderAppender: isSelected || isImmediateParentOfSelectedBlock && !selectedBlockHasChildren || // Show the appender while dragging to allow inserting element between item and the appender.
+ renderAppender: isSelected || isImmediateParentOfSelectedBlock && !selectedBlockHasChildren ||
+ // Show the appender while dragging to allow inserting element between item and the appender.
hasChildren ? external_wp_blockEditor_namespaceObject.InnerBlocks.ButtonBlockAppender : false
});
const ParentElement = openSubmenusOnClick ? 'button' : 'a';
-
function transformToLink() {
const newLinkBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/navigation-link', attributes);
replaceBlock(clientId, newLinkBlock);
}
-
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ // If block becomes empty, transform to Navigation Link.
+ if (!hasChildren && prevHasChildren) {
+ // This side-effect should not create an undo level as those should
+ // only be created via user interactions.
+ __unstableMarkNextChangeAsNotPersistent();
+ transformToLink();
+ }
+ }, [hasChildren, prevHasChildren]);
const canConvertToLink = !selectedBlockHasChildren || onlyDescendantIsEmptyLink;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, !openSubmenusOnClick && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- name: "link",
- icon: library_link,
- title: (0,external_wp_i18n_namespaceObject.__)('Link'),
- shortcut: external_wp_keycodes_namespaceObject.displayShortcut.primary('k'),
- onClick: () => setIsLinkOpen(true)
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- name: "revert",
- icon: remove_submenu,
- title: (0,external_wp_i18n_namespaceObject.__)('Convert to Link'),
- onClick: transformToLink,
- className: "wp-block-navigation__submenu__revert",
- isDisabled: !canConvertToLink
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Link settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextareaControl, {
- value: description || '',
- onChange: descriptionValue => {
- setAttributes({
- description: descriptionValue
- });
- },
- label: (0,external_wp_i18n_namespaceObject.__)('Description'),
- help: (0,external_wp_i18n_namespaceObject.__)('The description will be displayed in the menu if the current theme supports it.')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- value: title || '',
- onChange: titleValue => {
- setAttributes({
- title: titleValue
- });
- },
- label: (0,external_wp_i18n_namespaceObject.__)('Link title'),
- autoComplete: "off"
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- value: rel || '',
- onChange: relValue => {
- setAttributes({
- rel: relValue
- });
- },
- label: (0,external_wp_i18n_namespaceObject.__)('Link rel'),
- autoComplete: "off"
- }))), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(ParentElement, {
- className: "wp-block-navigation-item__content"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- ref: ref,
- identifier: "label",
- className: "wp-block-navigation-item__label",
- value: label,
- onChange: labelValue => setAttributes({
- label: labelValue
- }),
- onMerge: mergeBlocks,
- onReplace: onReplace,
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Navigation link text'),
- placeholder: itemLabelPlaceholder,
- withoutInteractiveFormatting: true,
- allowedFormats: ['core/bold', 'core/italic', 'core/image', 'core/strikethrough'],
- onClick: () => {
- if (!openSubmenusOnClick && !url) {
- setIsLinkOpen(true);
- }
- }
- }), !openSubmenusOnClick && isLinkOpen && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, {
- position: "bottom center",
- onClose: () => setIsLinkOpen(false),
- anchorRef: listItemRef.current
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalLinkControl, {
- className: "wp-block-navigation-link__inline-link-input",
- value: link,
- showInitialSuggestions: true,
- withCreateSuggestion: userCanCreate,
- createSuggestion: handleCreate,
- createSuggestionButtonText: searchTerm => {
- let format;
-
- if (type === 'post') {
- /* translators: %s: search term. */
- format = (0,external_wp_i18n_namespaceObject.__)('Create draft post: <mark>%s</mark>');
- } else {
- /* translators: %s: search term. */
- format = (0,external_wp_i18n_namespaceObject.__)('Create draft page: <mark>%s</mark>');
- }
-
- return (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.sprintf)(format, searchTerm), {
- mark: (0,external_wp_element_namespaceObject.createElement)("mark", null)
- });
- },
- noDirectEntry: !!type,
- noURLSuggestion: !!type,
- suggestionsQuery: edit_getSuggestionsQuery(type, kind),
- onChange: updatedValue => edit_updateNavigationLinkBlockAttributes(updatedValue, setAttributes, attributes),
- onRemove: () => {
- setAttributes({
- url: ''
- });
- (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Link removed.'), 'assertive');
- }
- }))), (showSubmenuIcon || openSubmenusOnClick) && (0,external_wp_element_namespaceObject.createElement)("span", {
- className: "wp-block-navigation__submenu-icon"
- }, (0,external_wp_element_namespaceObject.createElement)(ItemSubmenuIcon, null)), (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps)));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: [!openSubmenusOnClick && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ name: "link",
+ icon: library_link,
+ title: (0,external_wp_i18n_namespaceObject.__)('Link'),
+ shortcut: external_wp_keycodes_namespaceObject.displayShortcut.primary('k'),
+ onClick: event => {
+ setIsLinkOpen(true);
+ setOpenedBy(event.currentTarget);
+ }
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ name: "revert",
+ icon: remove_submenu,
+ title: (0,external_wp_i18n_namespaceObject.__)('Convert to Link'),
+ onClick: transformToLink,
+ className: "wp-block-navigation__submenu__revert",
+ isDisabled: !canConvertToLink
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ value: label || '',
+ onChange: labelValue => {
+ setAttributes({
+ label: labelValue
+ });
+ },
+ label: (0,external_wp_i18n_namespaceObject.__)('Text'),
+ autoComplete: "off"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ value: url || '',
+ onChange: urlValue => {
+ setAttributes({
+ url: urlValue
+ });
+ },
+ label: (0,external_wp_i18n_namespaceObject.__)('Link'),
+ autoComplete: "off"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextareaControl, {
+ __nextHasNoMarginBottom: true,
+ value: description || '',
+ onChange: descriptionValue => {
+ setAttributes({
+ description: descriptionValue
+ });
+ },
+ label: (0,external_wp_i18n_namespaceObject.__)('Description'),
+ help: (0,external_wp_i18n_namespaceObject.__)('The description will be displayed in the menu if the current theme supports it.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ value: title || '',
+ onChange: titleValue => {
+ setAttributes({
+ title: titleValue
+ });
+ },
+ label: (0,external_wp_i18n_namespaceObject.__)('Title attribute'),
+ autoComplete: "off",
+ help: (0,external_wp_i18n_namespaceObject.__)('Additional information to help clarify the purpose of the link.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ value: rel || '',
+ onChange: relValue => {
+ setAttributes({
+ rel: relValue
+ });
+ },
+ label: (0,external_wp_i18n_namespaceObject.__)('Rel attribute'),
+ autoComplete: "off",
+ help: (0,external_wp_i18n_namespaceObject.__)('The relationship of the linked URL as space-separated link types.')
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(ParentElement, {
+ className: "wp-block-navigation-item__content",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ ref: ref,
+ identifier: "label",
+ className: "wp-block-navigation-item__label",
+ value: label,
+ onChange: labelValue => setAttributes({
+ label: labelValue
+ }),
+ onMerge: mergeBlocks,
+ onReplace: onReplace,
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Navigation link text'),
+ placeholder: itemLabelPlaceholder,
+ withoutInteractiveFormatting: true,
+ allowedFormats: ['core/bold', 'core/italic', 'core/image', 'core/strikethrough'],
+ onClick: () => {
+ if (!openSubmenusOnClick && !url) {
+ setIsLinkOpen(true);
+ setOpenedBy(ref.current);
+ }
+ }
+ }), !openSubmenusOnClick && isLinkOpen && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(LinkUI, {
+ clientId: clientId,
+ link: attributes,
+ onClose: () => {
+ setIsLinkOpen(false);
+ if (openedBy) {
+ openedBy.focus();
+ setOpenedBy(null);
+ } else {
+ selectBlock(clientId);
+ }
+ },
+ anchor: popoverAnchor,
+ hasCreateSuggestion: userCanCreate,
+ onRemove: () => {
+ setAttributes({
+ url: ''
+ });
+ (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Link removed.'), 'assertive');
+ },
+ onChange: updatedValue => {
+ updateAttributes(updatedValue, setAttributes, attributes);
+ }
+ })]
+ }), (showSubmenuIcon || openSubmenusOnClick) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: "wp-block-navigation__submenu-icon",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ItemSubmenuIcon, {})
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ })]
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-submenu/save.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
function navigation_submenu_save_save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-submenu/transforms.js
@@ -29339,83 +38553,60 @@
to: [{
type: 'block',
blocks: ['core/navigation-link'],
- isMatch: (attributes, block) => {
- var _block$innerBlocks;
-
- return (block === null || block === void 0 ? void 0 : (_block$innerBlocks = block.innerBlocks) === null || _block$innerBlocks === void 0 ? void 0 : _block$innerBlocks.length) === 0;
- },
+ isMatch: (attributes, block) => block?.innerBlocks?.length === 0,
transform: attributes => (0,external_wp_blocks_namespaceObject.createBlock)('core/navigation-link', attributes)
}, {
type: 'block',
blocks: ['core/spacer'],
- isMatch: (attributes, block) => {
- var _block$innerBlocks2;
-
- return (block === null || block === void 0 ? void 0 : (_block$innerBlocks2 = block.innerBlocks) === null || _block$innerBlocks2 === void 0 ? void 0 : _block$innerBlocks2.length) === 0;
- },
+ isMatch: (attributes, block) => block?.innerBlocks?.length === 0,
transform: () => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/spacer');
}
}, {
type: 'block',
blocks: ['core/site-logo'],
- isMatch: (attributes, block) => {
- var _block$innerBlocks3;
-
- return (block === null || block === void 0 ? void 0 : (_block$innerBlocks3 = block.innerBlocks) === null || _block$innerBlocks3 === void 0 ? void 0 : _block$innerBlocks3.length) === 0;
- },
+ isMatch: (attributes, block) => block?.innerBlocks?.length === 0,
transform: () => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/site-logo');
}
}, {
type: 'block',
blocks: ['core/home-link'],
- isMatch: (attributes, block) => {
- var _block$innerBlocks4;
-
- return (block === null || block === void 0 ? void 0 : (_block$innerBlocks4 = block.innerBlocks) === null || _block$innerBlocks4 === void 0 ? void 0 : _block$innerBlocks4.length) === 0;
- },
+ isMatch: (attributes, block) => block?.innerBlocks?.length === 0,
transform: () => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/home-link');
}
}, {
type: 'block',
blocks: ['core/social-links'],
- isMatch: (attributes, block) => {
- var _block$innerBlocks5;
-
- return (block === null || block === void 0 ? void 0 : (_block$innerBlocks5 = block.innerBlocks) === null || _block$innerBlocks5 === void 0 ? void 0 : _block$innerBlocks5.length) === 0;
- },
+ isMatch: (attributes, block) => block?.innerBlocks?.length === 0,
transform: () => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/social-links');
}
}, {
type: 'block',
blocks: ['core/search'],
- isMatch: (attributes, block) => {
- var _block$innerBlocks6;
-
- return (block === null || block === void 0 ? void 0 : (_block$innerBlocks6 = block.innerBlocks) === null || _block$innerBlocks6 === void 0 ? void 0 : _block$innerBlocks6.length) === 0;
- },
+ isMatch: (attributes, block) => block?.innerBlocks?.length === 0,
transform: () => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/search');
}
}]
};
-/* harmony default export */ var navigation_submenu_transforms = (navigation_submenu_transforms_transforms);
+/* harmony default export */ const navigation_submenu_transforms = (navigation_submenu_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-submenu/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const navigation_submenu_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/navigation-submenu",
title: "Submenu",
category: "design",
@@ -29458,7 +38649,10 @@
usesContext: ["textColor", "customTextColor", "backgroundColor", "customBackgroundColor", "overlayTextColor", "customOverlayTextColor", "overlayBackgroundColor", "customOverlayBackgroundColor", "fontSize", "customFontSize", "showSubmenuIcon", "maxNestingLevel", "openSubmenusOnClick", "style"],
supports: {
reusable: false,
- html: false
+ html: false,
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-navigation-submenu-editor",
style: "wp-block-navigation-submenu"
@@ -29471,56 +38665,80 @@
} = navigation_submenu_metadata;
const navigation_submenu_settings = {
- icon: add_submenu,
- __experimentalLabel: _ref => {
- let {
+ icon: ({
+ context
+ }) => {
+ if (context === 'list-view') {
+ return library_page;
+ }
+ return add_submenu;
+ },
+ __experimentalLabel(attributes, {
+ context
+ }) {
+ const {
label
- } = _ref;
+ } = attributes;
+ const customName = attributes?.metadata?.name;
+
+ // In the list view, use the block's menu label as the label.
+ // If the menu label is empty, fall back to the default label.
+ if (context === 'list-view' && (customName || label)) {
+ return attributes?.metadata?.name || label;
+ }
return label;
},
edit: NavigationSubmenuEdit,
save: navigation_submenu_save_save,
transforms: navigation_submenu_transforms
};
+const navigation_submenu_init = () => initBlock({
+ name: navigation_submenu_name,
+ metadata: navigation_submenu_metadata,
+ settings: navigation_submenu_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/page-break.js
-
-
-/**
- * WordPress dependencies
- */
-
-const pageBreak = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M7.8 6c0-.7.6-1.2 1.2-1.2h6c.7 0 1.2.6 1.2 1.2v3h1.5V6c0-1.5-1.2-2.8-2.8-2.8H9C7.5 3.2 6.2 4.5 6.2 6v3h1.5V6zm8.4 11c0 .7-.6 1.2-1.2 1.2H9c-.7 0-1.2-.6-1.2-1.2v-3H6.2v3c0 1.5 1.2 2.8 2.8 2.8h6c1.5 0 2.8-1.2 2.8-2.8v-3h-1.5v3zM4 11v1h16v-1H4z"
-}));
-/* harmony default export */ var page_break = (pageBreak);
+/**
+ * WordPress dependencies
+ */
+
+
+const pageBreak = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M17.5 9V6a2 2 0 0 0-2-2h-7a2 2 0 0 0-2 2v3H8V6a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v3h1.5Zm0 6.5V18a2 2 0 0 1-2 2h-7a2 2 0 0 1-2-2v-2.5H8V18a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5v-2.5h1.5ZM4 13h16v-1.5H4V13Z"
+ })
+});
+/* harmony default export */ const page_break = (pageBreak);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/nextpage/edit.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
function NextPageEdit() {
- return (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)(), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-nextpage"
- }, (0,external_wp_element_namespaceObject.createElement)("span", null, (0,external_wp_i18n_namespaceObject.__)('Page break'))));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ children: (0,external_wp_i18n_namespaceObject.__)('Page break')
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/nextpage/save.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
function nextpage_save_save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.RawHTML, null, '<!--nextpage-->');
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_element_namespaceObject.RawHTML, {
+ children: '<!--nextpage-->'
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/nextpage/transforms.js
@@ -29537,20 +38755,19 @@
}
},
isMatch: node => node.dataset && node.dataset.block === 'core/nextpage',
-
transform() {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/nextpage', {});
}
-
}]
};
-/* harmony default export */ var nextpage_transforms = (nextpage_transforms_transforms);
+/* harmony default export */ const nextpage_transforms = (nextpage_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/nextpage/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -29558,7 +38775,7 @@
const nextpage_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/nextpage",
title: "Page Break",
category: "design",
@@ -29569,7 +38786,10 @@
supports: {
customClassName: false,
className: false,
- html: false
+ html: false,
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-nextpage-editor"
};
@@ -29586,58 +38806,290 @@
edit: NextPageEdit,
save: nextpage_save_save
};
+const nextpage_init = () => initBlock({
+ name: nextpage_name,
+ metadata: nextpage_metadata,
+ settings: nextpage_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/pattern/recursion-detector.js
+/**
+ * THIS MODULE IS INTENTIONALLY KEPT WITHIN THE PATTERN BLOCK'S SOURCE.
+ *
+ * This is because this approach for preventing infinite loops due to
+ * recursively rendering blocks is specific to the way that the `core/pattern`
+ * block behaves in the editor. Any other block types that deal with recursion
+ * SHOULD USE THE STANDARD METHOD for avoiding loops:
+ *
+ * @see https://github.com/WordPress/gutenberg/pull/31455
+ * @see packages/block-editor/src/components/recursion-provider/README.md
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Naming is hard.
+ *
+ * @see useParsePatternDependencies
+ *
+ * @type {WeakMap<Object, Function>}
+ */
+const cachedParsers = new WeakMap();
+
+/**
+ * Hook used by PatternEdit to parse block patterns. It returns a function that
+ * takes a pattern and returns nothing but throws an error if the pattern is
+ * recursive.
+ *
+ * @example
+ * ```js
+ * const parsePatternDependencies = useParsePatternDependencies();
+ * parsePatternDependencies( selectedPattern );
+ * ```
+ *
+ * @see parsePatternDependencies
+ *
+ * @return {Function} A function to parse block patterns.
+ */
+function useParsePatternDependencies() {
+ const registry = (0,external_wp_data_namespaceObject.useRegistry)();
+
+ // Instead of caching maps, go straight to the point and cache bound
+ // functions. Each of those functions is bound to a different Map that will
+ // keep track of patterns in the context of the given registry.
+ if (!cachedParsers.has(registry)) {
+ const deps = new Map();
+ cachedParsers.set(registry, parsePatternDependencies.bind(null, deps));
+ }
+ return cachedParsers.get(registry);
+}
+
+/**
+ * Parse a given pattern and traverse its contents to detect any subsequent
+ * patterns on which it may depend. Such occurrences will be added to an
+ * internal dependency graph. If a circular dependency is detected, an
+ * error will be thrown.
+ *
+ * EXPORTED FOR TESTING PURPOSES ONLY.
+ *
+ * @param {Map<string, Set<string>>} deps Map of pattern dependencies.
+ * @param {Object} pattern Pattern.
+ * @param {string} pattern.name Pattern name.
+ * @param {Array} pattern.blocks Pattern's block list.
+ *
+ * @throws {Error} If a circular dependency is detected.
+ */
+function parsePatternDependencies(deps, {
+ name,
+ blocks
+}) {
+ const queue = [...blocks];
+ while (queue.length) {
+ const block = queue.shift();
+ for (const innerBlock of (_block$innerBlocks = block.innerBlocks) !== null && _block$innerBlocks !== void 0 ? _block$innerBlocks : []) {
+ var _block$innerBlocks;
+ queue.unshift(innerBlock);
+ }
+ if (block.name === 'core/pattern') {
+ registerDependency(deps, name, block.attributes.slug);
+ }
+ }
+}
+
+/**
+ * Declare that pattern `a` depends on pattern `b`. If a circular
+ * dependency is detected, an error will be thrown.
+ *
+ * EXPORTED FOR TESTING PURPOSES ONLY.
+ *
+ * @param {Map<string, Set<string>>} deps Map of pattern dependencies.
+ * @param {string} a Slug for pattern A.
+ * @param {string} b Slug for pattern B.
+ *
+ * @throws {Error} If a circular dependency is detected.
+ */
+function registerDependency(deps, a, b) {
+ if (!deps.has(a)) {
+ deps.set(a, new Set());
+ }
+ deps.get(a).add(b);
+ if (hasCycle(deps, a)) {
+ throw new TypeError(`Pattern ${a} has a circular dependency and cannot be rendered.`);
+ }
+}
+
+/**
+ * Determine if a given pattern has circular dependencies on other patterns.
+ * This will be determined by running a depth-first search on the current state
+ * of the graph represented by `patternDependencies`.
+ *
+ * @param {Map<string, Set<string>>} deps Map of pattern dependencies.
+ * @param {string} slug Pattern slug.
+ * @param {Set<string>} [visitedNodes] Set to track visited nodes in the graph.
+ * @param {Set<string>} [currentPath] Set to track and backtrack graph paths.
+ * @return {boolean} Whether any cycle was found.
+ */
+function hasCycle(deps, slug, visitedNodes = new Set(), currentPath = new Set()) {
+ var _deps$get;
+ visitedNodes.add(slug);
+ currentPath.add(slug);
+ const dependencies = (_deps$get = deps.get(slug)) !== null && _deps$get !== void 0 ? _deps$get : new Set();
+ for (const dependency of dependencies) {
+ if (!visitedNodes.has(dependency)) {
+ if (hasCycle(deps, dependency, visitedNodes, currentPath)) {
+ return true;
+ }
+ } else if (currentPath.has(dependency)) {
+ return true;
+ }
+ }
+
+ // Remove the current node from the current path when backtracking
+ currentPath.delete(slug);
+ return false;
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/pattern/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-const PatternEdit = _ref => {
- let {
- attributes,
- clientId
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+const PatternEdit = ({
+ attributes,
+ clientId
+}) => {
+ const registry = (0,external_wp_data_namespaceObject.useRegistry)();
const selectedPattern = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).__experimentalGetParsedPattern(attributes.slug), [attributes.slug]);
+ const currentThemeStylesheet = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_coreData_namespaceObject.store).getCurrentTheme()?.stylesheet, []);
const {
replaceBlocks,
+ setBlockEditingMode,
__unstableMarkNextChangeAsNotPersistent
- } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store); // Run this effect when the component loads.
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const {
+ getBlockRootClientId,
+ getBlockEditingMode
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ const [hasRecursionError, setHasRecursionError] = (0,external_wp_element_namespaceObject.useState)(false);
+ const parsePatternDependencies = useParsePatternDependencies();
+
+ // Duplicated in packages/editor/src/components/start-template-options/index.js.
+ function injectThemeAttributeInBlockTemplateContent(block) {
+ if (block.innerBlocks.find(innerBlock => innerBlock.name === 'core/template-part')) {
+ block.innerBlocks = block.innerBlocks.map(innerBlock => {
+ if (innerBlock.name === 'core/template-part' && innerBlock.attributes.theme === undefined) {
+ innerBlock.attributes.theme = currentThemeStylesheet;
+ }
+ return innerBlock;
+ });
+ }
+ if (block.name === 'core/template-part' && block.attributes.theme === undefined) {
+ block.attributes.theme = currentThemeStylesheet;
+ }
+ return block;
+ }
+
+ // Run this effect when the component loads.
// This adds the Pattern's contents to the post.
// This change won't be saved.
// It will continue to pull from the pattern file unless changes are made to its respective template part.
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (selectedPattern !== null && selectedPattern !== void 0 && selectedPattern.blocks) {
- __unstableMarkNextChangeAsNotPersistent();
-
- replaceBlocks(clientId, selectedPattern.blocks);
- }
- }, [selectedPattern === null || selectedPattern === void 0 ? void 0 : selectedPattern.blocks]);
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!hasRecursionError && selectedPattern?.blocks) {
+ try {
+ parsePatternDependencies(selectedPattern);
+ } catch (error) {
+ setHasRecursionError(true);
+ return;
+ }
+
+ // We batch updates to block list settings to avoid triggering cascading renders
+ // for each container block included in a tree and optimize initial render.
+ // Since the above uses microtasks, we need to use a microtask here as well,
+ // because nested pattern blocks cannot be inserted if the parent block supports
+ // inner blocks but doesn't have blockSettings in the state.
+ window.queueMicrotask(() => {
+ const rootClientId = getBlockRootClientId(clientId);
+ // Clone blocks from the pattern before insertion to ensure they receive
+ // distinct client ids. See https://github.com/WordPress/gutenberg/issues/50628.
+ const clonedBlocks = selectedPattern.blocks.map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(injectThemeAttributeInBlockTemplateContent(block)));
+ // If the pattern has a single block and categories, we should add the
+ // categories of the pattern to the block's metadata.
+ if (clonedBlocks.length === 1 && selectedPattern.categories?.length > 0) {
+ clonedBlocks[0].attributes = {
+ ...clonedBlocks[0].attributes,
+ metadata: {
+ ...clonedBlocks[0].attributes.metadata,
+ categories: selectedPattern.categories,
+ patternName: selectedPattern.name,
+ name: clonedBlocks[0].attributes.metadata.name || selectedPattern.title
+ }
+ };
+ }
+ const rootEditingMode = getBlockEditingMode(rootClientId);
+ registry.batch(() => {
+ // Temporarily set the root block to default mode to allow replacing the pattern.
+ // This could happen when the page is disabling edits of non-content blocks.
+ __unstableMarkNextChangeAsNotPersistent();
+ setBlockEditingMode(rootClientId, 'default');
+ __unstableMarkNextChangeAsNotPersistent();
+ replaceBlocks(clientId, clonedBlocks);
+ // Restore the root block's original mode.
+ __unstableMarkNextChangeAsNotPersistent();
+ setBlockEditingMode(rootClientId, rootEditingMode);
+ });
+ });
+ }
+ }, [clientId, hasRecursionError, selectedPattern, __unstableMarkNextChangeAsNotPersistent, replaceBlocks, getBlockEditingMode, setBlockEditingMode, getBlockRootClientId]);
const props = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
- return (0,external_wp_element_namespaceObject.createElement)("div", props);
-};
-
-/* harmony default export */ var pattern_edit = (PatternEdit);
+ if (hasRecursionError) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...props,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.sprintf)(
+ // translators: A warning in which %s is the name of a pattern.
+ (0,external_wp_i18n_namespaceObject.__)('Pattern "%s" cannot be rendered inside itself.'), selectedPattern?.name)
+ })
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...props
+ });
+};
+/* harmony default export */ const pattern_edit = (PatternEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/pattern/index.js
/**
* Internal dependencies
*/
+
const pattern_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/pattern",
- title: "Pattern",
+ title: "Pattern placeholder",
category: "theme",
description: "Show a block pattern.",
supports: {
html: false,
- inserter: false
+ inserter: false,
+ renaming: false,
+ interactivity: {
+ clientNavigation: true
+ }
},
textdomain: "default",
attributes: {
@@ -29654,373 +39106,552 @@
const pattern_settings = {
edit: pattern_edit
};
+const pattern_init = () => initBlock({
+ name: pattern_name,
+ metadata: pattern_metadata,
+ settings: pattern_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/pages.js
-
-
-/**
- * WordPress dependencies
- */
-
-const pages = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M7 13.8h6v-1.5H7v1.5zM18 16V4c0-1.1-.9-2-2-2H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2zM5.5 16V4c0-.3.2-.5.5-.5h10c.3 0 .5.2.5.5v12c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5zM7 10.5h8V9H7v1.5zm0-3.3h8V5.8H7v1.4zM20.2 6v13c0 .7-.6 1.2-1.2 1.2H8v1.5h11c1.5 0 2.7-1.2 2.7-2.8V6h-1.5z"
-}));
-/* harmony default export */ var library_pages = (pages);
+/**
+ * WordPress dependencies
+ */
+
+
+
+const pages = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M14.5 5.5h-7V7h7V5.5ZM7.5 9h7v1.5h-7V9Zm7 3.5h-7V14h7v-1.5Z"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M16 2H6a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2ZM6 3.5h10a.5.5 0 0 1 .5.5v12a.5.5 0 0 1-.5.5H6a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5Z"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M20 8v11c0 .69-.31 1-.999 1H6v1.5h13.001c1.52 0 2.499-.982 2.499-2.5V8H20Z"
+ })]
+});
+/* harmony default export */ const library_pages = (pages);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/page-list/use-convert-to-navigation-links.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * Converts an array of pages into a nested array of navigation link blocks.
+ *
+ * @param {Array} pages An array of pages.
+ *
+ * @return {Array} A nested array of navigation link blocks.
+ */
+function createNavigationLinks(pages = []) {
+ const linkMap = {};
+ const navigationLinks = [];
+ pages.forEach(({
+ id,
+ title,
+ link: url,
+ type,
+ parent
+ }) => {
+ var _linkMap$id$innerBloc;
+ // See if a placeholder exists. This is created if children appear before parents in list.
+ const innerBlocks = (_linkMap$id$innerBloc = linkMap[id]?.innerBlocks) !== null && _linkMap$id$innerBloc !== void 0 ? _linkMap$id$innerBloc : [];
+ linkMap[id] = (0,external_wp_blocks_namespaceObject.createBlock)('core/navigation-link', {
+ id,
+ label: title.rendered,
+ url,
+ type,
+ kind: 'post-type'
+ }, innerBlocks);
+ if (!parent) {
+ navigationLinks.push(linkMap[id]);
+ } else {
+ if (!linkMap[parent]) {
+ // Use a placeholder if the child appears before parent in list.
+ linkMap[parent] = {
+ innerBlocks: []
+ };
+ }
+ // Although these variables are not referenced, they are needed to store the innerBlocks in memory.
+ const parentLinkInnerBlocks = linkMap[parent].innerBlocks;
+ parentLinkInnerBlocks.push(linkMap[id]);
+ }
+ });
+ return navigationLinks;
+}
+
+/**
+ * Finds a navigation link block by id, recursively.
+ * It might be possible to make this a more generic helper function.
+ *
+ * @param {Array} navigationLinks An array of navigation link blocks.
+ * @param {number} id The id of the navigation link to find.
+ *
+ * @return {Object|null} The navigation link block with the given id.
+ */
+function findNavigationLinkById(navigationLinks, id) {
+ for (const navigationLink of navigationLinks) {
+ // Is this the link we're looking for?
+ if (navigationLink.attributes.id === id) {
+ return navigationLink;
+ }
+
+ // If not does it have innerBlocks?
+ if (navigationLink.innerBlocks && navigationLink.innerBlocks.length) {
+ const foundNavigationLink = findNavigationLinkById(navigationLink.innerBlocks, id);
+ if (foundNavigationLink) {
+ return foundNavigationLink;
+ }
+ }
+ }
+ return null;
+}
+function convertToNavigationLinks(pages = [], parentPageID = null) {
+ let navigationLinks = createNavigationLinks(pages);
+
+ // If a parent page ID is provided, only return the children of that page.
+ if (parentPageID) {
+ const parentPage = findNavigationLinkById(navigationLinks, parentPageID);
+ if (parentPage && parentPage.innerBlocks) {
+ navigationLinks = parentPage.innerBlocks;
+ }
+ }
+
+ // Transform all links with innerBlocks into Submenus. This can't be done
+ // sooner because page objects have no information on their children.
+ const transformSubmenus = listOfLinks => {
+ listOfLinks.forEach((block, index, listOfLinksArray) => {
+ const {
+ attributes,
+ innerBlocks
+ } = block;
+ if (innerBlocks.length !== 0) {
+ transformSubmenus(innerBlocks);
+ const transformedBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/navigation-submenu', attributes, innerBlocks);
+ listOfLinksArray[index] = transformedBlock;
+ }
+ });
+ };
+ transformSubmenus(navigationLinks);
+ return navigationLinks;
+}
+function useConvertToNavigationLinks({
+ clientId,
+ pages,
+ parentClientId,
+ parentPageID
+}) {
+ const {
+ replaceBlock,
+ selectBlock
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ return () => {
+ const navigationLinks = convertToNavigationLinks(pages, parentPageID);
+
+ // Replace the Page List block with the Navigation Links.
+ replaceBlock(clientId, navigationLinks);
+
+ // Select the Navigation block to reveal the changes.
+ selectBlock(parentClientId);
+ };
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/page-list/convert-to-links-modal.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-const PAGE_FIELDS = ['id', 'title', 'link', 'type', 'parent'];
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+const convertDescription = (0,external_wp_i18n_namespaceObject.__)("This Navigation Menu displays your website's pages. Editing it will enable you to add, delete, or reorder pages. However, new pages will no longer be added automatically.");
+function ConvertToLinksModal({
+ onClick,
+ onClose,
+ disabled
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Modal, {
+ onRequestClose: onClose,
+ title: (0,external_wp_i18n_namespaceObject.__)('Edit Page List'),
+ className: "wp-block-page-list-modal",
+ aria: {
+ describedby: (0,external_wp_compose_namespaceObject.useInstanceId)(ConvertToLinksModal, 'wp-block-page-list-modal__description')
+ },
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ id: (0,external_wp_compose_namespaceObject.useInstanceId)(ConvertToLinksModal, 'wp-block-page-list-modal__description'),
+ children: convertDescription
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "wp-block-page-list-modal-buttons",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "tertiary",
+ onClick: onClose,
+ children: (0,external_wp_i18n_namespaceObject.__)('Cancel')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "primary",
+ __experimentalIsFocusable: true,
+ disabled: disabled,
+ onClick: onClick,
+ children: (0,external_wp_i18n_namespaceObject.__)('Edit')
+ })]
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/page-list/edit.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+// We only show the edit option when page count is <= MAX_PAGE_COUNT
+// Performance of Navigation Links is not good past this value.
+
+
+
const MAX_PAGE_COUNT = 100;
-const convertSelectedBlockToNavigationLinks = _ref => {
- let {
- pages,
- clientId,
- replaceBlock,
- createBlock
- } = _ref;
- return () => {
- if (!pages) {
- return;
- }
-
- const linkMap = {};
- const navigationLinks = [];
- pages.forEach(_ref2 => {
- var _linkMap$id$innerBloc, _linkMap$id;
-
- let {
- id,
- title,
- link: url,
- type,
- parent
- } = _ref2;
- // See if a placeholder exists. This is created if children appear before parents in list.
- const innerBlocks = (_linkMap$id$innerBloc = (_linkMap$id = linkMap[id]) === null || _linkMap$id === void 0 ? void 0 : _linkMap$id.innerBlocks) !== null && _linkMap$id$innerBloc !== void 0 ? _linkMap$id$innerBloc : [];
- linkMap[id] = createBlock('core/navigation-link', {
- id,
- label: title.rendered,
- url,
- type,
- kind: 'post-type'
- }, innerBlocks);
-
- if (!parent) {
- navigationLinks.push(linkMap[id]);
- } else {
- if (!linkMap[parent]) {
- // Use a placeholder if the child appears before parent in list.
- linkMap[parent] = {
- innerBlocks: []
- };
- }
-
- const parentLinkInnerBlocks = linkMap[parent].innerBlocks;
- parentLinkInnerBlocks.push(linkMap[id]);
- }
- }); // Transform all links with innerBlocks into Submenus. This can't be done
- // sooner because page objects have no information on their children.
-
- const transformSubmenus = listOfLinks => {
- listOfLinks.forEach((block, index, listOfLinksArray) => {
- const {
- attributes,
- innerBlocks
- } = block;
-
- if (innerBlocks.length !== 0) {
- transformSubmenus(innerBlocks);
- const transformedBlock = createBlock('core/navigation-submenu', attributes, innerBlocks);
- listOfLinksArray[index] = transformedBlock;
- }
- });
- };
-
- transformSubmenus(navigationLinks);
- replaceBlock(clientId, navigationLinks);
- };
-};
-function ConvertToLinksModal(_ref3) {
- let {
- onClose,
- clientId
- } = _ref3;
+const NOOP = () => {};
+function BlockContent({
+ blockProps,
+ innerBlocksProps,
+ hasResolvedPages,
+ blockList,
+ pages,
+ parentPageID
+}) {
+ if (!hasResolvedPages) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-page-list__loading-indicator-container",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {
+ className: "wp-block-page-list__loading-indicator"
+ })
+ })
+ });
+ }
+ if (pages === null) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Notice, {
+ status: "warning",
+ isDismissible: false,
+ children: (0,external_wp_i18n_namespaceObject.__)('Page List: Cannot retrieve Pages.')
+ })
+ });
+ }
+ if (pages.length === 0) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Notice, {
+ status: "info",
+ isDismissible: false,
+ children: (0,external_wp_i18n_namespaceObject.__)('Page List: Cannot retrieve Pages.')
+ })
+ });
+ }
+ if (blockList.length === 0) {
+ const parentPageDetails = pages.find(page => page.id === parentPageID);
+ if (parentPageDetails?.title?.rendered) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.sprintf)(
+ // translators: %s: Page title.
+ (0,external_wp_i18n_namespaceObject.__)('Page List: "%s" page has no children.'), parentPageDetails.title.rendered)
+ })
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Notice, {
+ status: "warning",
+ isDismissible: false,
+ children: (0,external_wp_i18n_namespaceObject.__)('Page List: Cannot retrieve Pages.')
+ })
+ });
+ }
+ if (pages.length > 0) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ ...innerBlocksProps
+ });
+ }
+}
+function PageListEdit({
+ context,
+ clientId,
+ attributes,
+ setAttributes
+}) {
+ const {
+ parentPageID
+ } = attributes;
+ const [isOpen, setOpen] = (0,external_wp_element_namespaceObject.useState)(false);
+ const openModal = (0,external_wp_element_namespaceObject.useCallback)(() => setOpen(true), []);
+ const closeModal = () => setOpen(false);
const {
records: pages,
- hasResolved: pagesFinished
- } = (0,external_wp_coreData_namespaceObject.__experimentalUseEntityRecords)('postType', 'page', {
+ hasResolved: hasResolvedPages
+ } = (0,external_wp_coreData_namespaceObject.useEntityRecords)('postType', 'page', {
per_page: MAX_PAGE_COUNT,
- _fields: PAGE_FIELDS,
+ _fields: ['id', 'link', 'menu_order', 'parent', 'title', 'type'],
// TODO: When https://core.trac.wordpress.org/ticket/39037 REST API support for multiple orderby
// values is resolved, update 'orderby' to [ 'menu_order', 'post_title' ] to provide a consistent
// sort.
orderby: 'menu_order',
order: 'asc'
});
- const {
- replaceBlock
- } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, {
- closeLabel: (0,external_wp_i18n_namespaceObject.__)('Close'),
- onRequestClose: onClose,
- title: (0,external_wp_i18n_namespaceObject.__)('Convert to links'),
- className: 'wp-block-page-list-modal',
- aria: {
- describedby: 'wp-block-page-list-modal__description'
- }
- }, (0,external_wp_element_namespaceObject.createElement)("p", {
- id: 'wp-block-page-list-modal__description'
- }, (0,external_wp_i18n_namespaceObject.__)('To edit this navigation menu, convert it to single page links. This allows you to add, re-order, remove items, or edit their labels.')), (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject.__)("Note: if you add new pages to your site, you'll need to add them to your navigation menu.")), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-page-list-modal-buttons"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "tertiary",
- onClick: onClose
- }, (0,external_wp_i18n_namespaceObject.__)('Cancel')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "primary",
- disabled: !pagesFinished,
- onClick: convertSelectedBlockToNavigationLinks({
- pages,
- replaceBlock,
- clientId,
- createBlock: external_wp_blocks_namespaceObject.createBlock
- })
- }, (0,external_wp_i18n_namespaceObject.__)('Convert'))));
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-link/icons.js
-
-
-/**
- * WordPress dependencies
- */
-
-const icons_ItemSubmenuIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- width: "12",
- height: "12",
- viewBox: "0 0 12 12",
- fill: "none"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M1.50002 4L6.00002 8L10.5 4",
- strokeWidth: "1.5"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/page-list/edit.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
- // We only show the edit option when page count is <= MAX_PAGE_COUNT
-// Performance of Navigation Links is not good past this value.
-
-const edit_MAX_PAGE_COUNT = 100;
-function PageListEdit(_ref) {
- var _context$style;
-
- let {
- context,
- clientId
- } = _ref;
- const {
- pagesByParentId,
- totalPages,
- hasResolvedPages
- } = usePageData();
- const isNavigationChild = ('showSubmenuIcon' in context);
- const allowConvertToLinks = isNavigationChild && totalPages <= edit_MAX_PAGE_COUNT;
- const [isOpen, setOpen] = (0,external_wp_element_namespaceObject.useState)(false);
-
- const openModal = () => setOpen(true);
-
- const closeModal = () => setOpen(false);
-
+ const allowConvertToLinks = 'showSubmenuIcon' in context && pages?.length > 0 && pages?.length <= MAX_PAGE_COUNT;
+ const pagesByParentId = (0,external_wp_element_namespaceObject.useMemo)(() => {
+ if (pages === null) {
+ return new Map();
+ }
+
+ // TODO: Once the REST API supports passing multiple values to
+ // 'orderby', this can be removed.
+ // https://core.trac.wordpress.org/ticket/39037
+ const sortedPages = pages.sort((a, b) => {
+ if (a.menu_order === b.menu_order) {
+ return a.title.rendered.localeCompare(b.title.rendered);
+ }
+ return a.menu_order - b.menu_order;
+ });
+ return sortedPages.reduce((accumulator, page) => {
+ const {
+ parent
+ } = page;
+ if (accumulator.has(parent)) {
+ accumulator.get(parent).push(page);
+ } else {
+ accumulator.set(parent, [page]);
+ }
+ return accumulator;
+ }, new Map());
+ }, [pages]);
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()('wp-block-page-list', {
+ className: dist_clsx('wp-block-page-list', {
'has-text-color': !!context.textColor,
[(0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', context.textColor)]: !!context.textColor,
'has-background': !!context.backgroundColor,
[(0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', context.backgroundColor)]: !!context.backgroundColor
}),
- style: { ...((_context$style = context.style) === null || _context$style === void 0 ? void 0 : _context$style.color)
- }
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, allowConvertToLinks && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "other"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- title: (0,external_wp_i18n_namespaceObject.__)('Edit'),
- onClick: openModal
- }, (0,external_wp_i18n_namespaceObject.__)('Edit'))), allowConvertToLinks && isOpen && (0,external_wp_element_namespaceObject.createElement)(ConvertToLinksModal, {
- onClose: closeModal,
- clientId: clientId
- }), !hasResolvedPages && (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null)), hasResolvedPages && totalPages === null && (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Notice, {
- status: 'warning',
- isDismissible: false
- }, (0,external_wp_i18n_namespaceObject.__)('Page List: Cannot retrieve Pages.')))), totalPages === 0 && (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Notice, {
- status: 'info',
- isDismissible: false
- }, (0,external_wp_i18n_namespaceObject.__)('Page List: Cannot retrieve Pages.'))), totalPages > 0 && (0,external_wp_element_namespaceObject.createElement)("ul", blockProps, (0,external_wp_element_namespaceObject.createElement)(PageItems, {
- context: context,
- pagesByParentId: pagesByParentId
- })));
-}
-
-function useFrontPageId() {
- return (0,external_wp_data_namespaceObject.useSelect)(select => {
- const site = select(external_wp_coreData_namespaceObject.store).getEntityRecord('root', 'site');
- return (site === null || site === void 0 ? void 0 : site.show_on_front) === 'page' && (site === null || site === void 0 ? void 0 : site.page_on_front);
- }, []);
-}
-
-function usePageData() {
- const {
- records: pages,
- hasResolved: hasResolvedPages
- } = (0,external_wp_coreData_namespaceObject.__experimentalUseEntityRecords)('postType', 'page', {
- orderby: 'menu_order',
- order: 'asc',
- _fields: ['id', 'link', 'parent', 'title', 'menu_order'],
- per_page: -1
- });
- return (0,external_wp_element_namespaceObject.useMemo)(() => {
- var _pages$length;
-
- // TODO: Once the REST API supports passing multiple values to
- // 'orderby', this can be removed.
- // https://core.trac.wordpress.org/ticket/39037
- const sortedPages = (0,external_lodash_namespaceObject.sortBy)(pages, ['menu_order', 'title.rendered']);
- const pagesByParentId = sortedPages.reduce((accumulator, page) => {
- const {
- parent
- } = page;
-
- if (accumulator.has(parent)) {
- accumulator.get(parent).push(page);
- } else {
- accumulator.set(parent, [page]);
- }
-
- return accumulator;
- }, new Map());
- return {
- pagesByParentId,
- hasResolvedPages,
- totalPages: (_pages$length = pages === null || pages === void 0 ? void 0 : pages.length) !== null && _pages$length !== void 0 ? _pages$length : null
- };
- }, [pages, hasResolvedPages]);
-}
-
-const PageItems = (0,external_wp_element_namespaceObject.memo)(function PageItems(_ref2) {
- let {
- context,
- pagesByParentId,
- parentId = 0,
- depth = 0
- } = _ref2;
- const pages = pagesByParentId.get(parentId);
- const frontPageId = useFrontPageId();
-
- if (!(pages !== null && pages !== void 0 && pages.length)) {
- return [];
- }
-
- return pages.map(page => {
- var _page$title, _page$title2;
-
- const hasChildren = pagesByParentId.has(page.id);
- const isNavigationChild = ('showSubmenuIcon' in context);
- return (0,external_wp_element_namespaceObject.createElement)("li", {
- key: page.id,
- className: classnames_default()('wp-block-pages-list__item', {
- 'has-child': hasChildren,
- 'wp-block-navigation-item': isNavigationChild,
- 'open-on-click': context.openSubmenusOnClick,
- 'open-on-hover-click': !context.openSubmenusOnClick && context.showSubmenuIcon,
- 'menu-item-home': page.id === frontPageId
- })
- }, hasChildren && context.openSubmenusOnClick ? (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("button", {
- className: "wp-block-navigation-item__content wp-block-navigation-submenu__toggle",
- "aria-expanded": "false"
- }, (_page$title = page.title) === null || _page$title === void 0 ? void 0 : _page$title.rendered), (0,external_wp_element_namespaceObject.createElement)("span", {
- className: "wp-block-page-list__submenu-icon wp-block-navigation__submenu-icon"
- }, (0,external_wp_element_namespaceObject.createElement)(icons_ItemSubmenuIcon, null))) : (0,external_wp_element_namespaceObject.createElement)("a", {
- className: classnames_default()('wp-block-pages-list__item__link', {
- 'wp-block-navigation-item__content': isNavigationChild
- }),
- href: page.link
- }, (_page$title2 = page.title) === null || _page$title2 === void 0 ? void 0 : _page$title2.rendered), hasChildren && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, !context.openSubmenusOnClick && context.showSubmenuIcon && (0,external_wp_element_namespaceObject.createElement)("button", {
- className: "wp-block-navigation-item__content wp-block-navigation-submenu__toggle wp-block-page-list__submenu-icon wp-block-navigation__submenu-icon",
- "aria-expanded": "false"
- }, (0,external_wp_element_namespaceObject.createElement)(icons_ItemSubmenuIcon, null)), (0,external_wp_element_namespaceObject.createElement)("ul", {
- className: classnames_default()('submenu-container', {
- 'wp-block-navigation__submenu-container': isNavigationChild
- })
- }, (0,external_wp_element_namespaceObject.createElement)(PageItems, {
- context: context,
- pagesByParentId: pagesByParentId,
- parentId: page.id,
- depth: depth + 1
- }))));
- });
-});
+ style: {
+ ...context.style?.color
+ }
+ });
+ const pagesTree = (0,external_wp_element_namespaceObject.useMemo)(function makePagesTree(parentId = 0, level = 0) {
+ const childPages = pagesByParentId.get(parentId);
+ if (!childPages?.length) {
+ return [];
+ }
+ return childPages.reduce((tree, page) => {
+ const hasChildren = pagesByParentId.has(page.id);
+ const item = {
+ value: page.id,
+ label: '— '.repeat(level) + page.title.rendered,
+ rawName: page.title.rendered
+ };
+ tree.push(item);
+ if (hasChildren) {
+ tree.push(...makePagesTree(page.id, level + 1));
+ }
+ return tree;
+ }, []);
+ }, [pagesByParentId]);
+ const blockList = (0,external_wp_element_namespaceObject.useMemo)(function getBlockList(parentId = parentPageID) {
+ const childPages = pagesByParentId.get(parentId);
+ if (!childPages?.length) {
+ return [];
+ }
+ return childPages.reduce((template, page) => {
+ const hasChildren = pagesByParentId.has(page.id);
+ const pageProps = {
+ id: page.id,
+ label:
+ // translators: displayed when a page has an empty title.
+ page.title?.rendered?.trim() !== '' ? page.title?.rendered : (0,external_wp_i18n_namespaceObject.__)('(no title)'),
+ title: page.title?.rendered,
+ link: page.url,
+ hasChildren
+ };
+ let item = null;
+ const children = getBlockList(page.id);
+ item = (0,external_wp_blocks_namespaceObject.createBlock)('core/page-list-item', pageProps, children);
+ template.push(item);
+ return template;
+ }, []);
+ }, [pagesByParentId, parentPageID]);
+ const {
+ isNested,
+ hasSelectedChild,
+ parentClientId,
+ hasDraggedChild,
+ isChildOfNavigation
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getBlockParentsByBlockName,
+ hasSelectedInnerBlock,
+ hasDraggedInnerBlock
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const blockParents = getBlockParentsByBlockName(clientId, 'core/navigation-submenu', true);
+ const navigationBlockParents = getBlockParentsByBlockName(clientId, 'core/navigation', true);
+ return {
+ isNested: blockParents.length > 0,
+ isChildOfNavigation: navigationBlockParents.length > 0,
+ hasSelectedChild: hasSelectedInnerBlock(clientId, true),
+ hasDraggedChild: hasDraggedInnerBlock(clientId, true),
+ parentClientId: navigationBlockParents[0]
+ };
+ }, [clientId]);
+ const convertToNavigationLinks = useConvertToNavigationLinks({
+ clientId,
+ pages,
+ parentClientId,
+ parentPageID
+ });
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ renderAppender: false,
+ __unstableDisableDropZone: true,
+ templateLock: isChildOfNavigation ? false : 'all',
+ onInput: NOOP,
+ onChange: NOOP,
+ value: blockList
+ });
+ const {
+ selectBlock
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (hasSelectedChild || hasDraggedChild) {
+ openModal();
+ selectBlock(parentClientId);
+ }
+ }, [hasSelectedChild, hasDraggedChild, parentClientId, selectBlock, openModal]);
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ setAttributes({
+ isNested
+ });
+ }, [isNested, setAttributes]);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: [pagesTree.length > 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ComboboxControl, {
+ __next40pxDefaultSize: true,
+ className: "editor-page-attributes__parent",
+ label: (0,external_wp_i18n_namespaceObject.__)('Parent'),
+ value: parentPageID,
+ options: pagesTree,
+ onChange: value => setAttributes({
+ parentPageID: value !== null && value !== void 0 ? value : 0
+ }),
+ help: (0,external_wp_i18n_namespaceObject.__)('Choose a page to show only its subpages.')
+ })
+ }), allowConvertToLinks && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Edit this menu'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ children: convertDescription
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "primary",
+ __experimentalIsFocusable: true,
+ disabled: !hasResolvedPages,
+ onClick: convertToNavigationLinks,
+ children: (0,external_wp_i18n_namespaceObject.__)('Edit')
+ })]
+ })]
+ }), allowConvertToLinks && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Edit'),
+ onClick: openModal,
+ children: (0,external_wp_i18n_namespaceObject.__)('Edit')
+ })
+ }), isOpen && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ConvertToLinksModal, {
+ onClick: convertToNavigationLinks,
+ onClose: closeModal,
+ disabled: !hasResolvedPages
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockContent, {
+ blockProps: blockProps,
+ innerBlocksProps: innerBlocksProps,
+ hasResolvedPages: hasResolvedPages,
+ blockList: blockList,
+ pages: pages,
+ parentPageID: parentPageID
+ })]
+ });
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/page-list/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const page_list_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/page-list",
title: "Page List",
category: "widgets",
+ allowedBlocks: ["core/page-list-item"],
description: "Display a list of all pages.",
keywords: ["menu", "navigation"],
textdomain: "default",
attributes: {
- __unstableMaxPages: {
- type: "number"
+ parentPageID: {
+ type: "integer",
+ "default": 0
+ },
+ isNested: {
+ type: "boolean",
+ "default": false
}
},
usesContext: ["textColor", "customTextColor", "backgroundColor", "customBackgroundColor", "overlayTextColor", "customOverlayTextColor", "overlayBackgroundColor", "customOverlayBackgroundColor", "fontSize", "customFontSize", "showSubmenuIcon", "style", "openSubmenusOnClick"],
supports: {
reusable: false,
- html: false
+ html: false,
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-page-list-editor",
style: "wp-block-page-list"
@@ -30035,33 +39666,212 @@
example: {},
edit: PageListEdit
};
+const page_list_init = () => initBlock({
+ name: page_list_name,
+ metadata: page_list_metadata,
+ settings: page_list_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/navigation-link/icons.js
+/**
+ * WordPress dependencies
+ */
+
+
+const icons_ItemSubmenuIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ width: "12",
+ height: "12",
+ viewBox: "0 0 12 12",
+ fill: "none",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M1.50002 4L6.00002 8L10.5 4",
+ strokeWidth: "1.5"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/page-list-item/edit.js
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+function useFrontPageId() {
+ return (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const canReadSettings = select(external_wp_coreData_namespaceObject.store).canUser('read', 'settings');
+ if (!canReadSettings) {
+ return undefined;
+ }
+ const site = select(external_wp_coreData_namespaceObject.store).getEntityRecord('root', 'site');
+ return site?.show_on_front === 'page' && site?.page_on_front;
+ }, []);
+}
+function PageListItemEdit({
+ context,
+ attributes
+}) {
+ const {
+ id,
+ label,
+ link,
+ hasChildren,
+ title
+ } = attributes;
+ const isNavigationChild = ('showSubmenuIcon' in context);
+ const frontPageId = useFrontPageId();
+ const innerBlocksColors = getColors(context, true);
+ const navigationChildBlockProps = getNavigationChildBlockProps(innerBlocksColors);
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)(navigationChildBlockProps, {
+ className: 'wp-block-pages-list__item'
+ });
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("li", {
+ className: dist_clsx('wp-block-pages-list__item', {
+ 'has-child': hasChildren,
+ 'wp-block-navigation-item': isNavigationChild,
+ 'open-on-click': context.openSubmenusOnClick,
+ 'open-on-hover-click': !context.openSubmenusOnClick && context.showSubmenuIcon,
+ 'menu-item-home': id === frontPageId
+ }),
+ children: [hasChildren && context.openSubmenusOnClick ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("button", {
+ type: "button",
+ className: "wp-block-navigation-item__content wp-block-navigation-submenu__toggle",
+ "aria-expanded": "false",
+ children: (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(label)
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: "wp-block-page-list__submenu-icon wp-block-navigation__submenu-icon",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(icons_ItemSubmenuIcon, {})
+ })]
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: dist_clsx('wp-block-pages-list__item__link', {
+ 'wp-block-navigation-item__content': isNavigationChild
+ }),
+ href: link,
+ children: (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(title)
+ }), hasChildren && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [!context.openSubmenusOnClick && context.showSubmenuIcon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("button", {
+ className: "wp-block-navigation-item__content wp-block-navigation-submenu__toggle wp-block-page-list__submenu-icon wp-block-navigation__submenu-icon",
+ "aria-expanded": "false",
+ type: "button",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(icons_ItemSubmenuIcon, {})
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ ...innerBlocksProps
+ })]
+ })]
+ }, id);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/page-list-item/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+const page_list_item_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ name: "core/page-list-item",
+ title: "Page List Item",
+ category: "widgets",
+ parent: ["core/page-list"],
+ description: "Displays a page inside a list of all pages.",
+ keywords: ["page", "menu", "navigation"],
+ textdomain: "default",
+ attributes: {
+ id: {
+ type: "number"
+ },
+ label: {
+ type: "string"
+ },
+ title: {
+ type: "string"
+ },
+ link: {
+ type: "string"
+ },
+ hasChildren: {
+ type: "boolean"
+ }
+ },
+ usesContext: ["textColor", "customTextColor", "backgroundColor", "customBackgroundColor", "overlayTextColor", "customOverlayTextColor", "overlayBackgroundColor", "customOverlayBackgroundColor", "fontSize", "customFontSize", "showSubmenuIcon", "style", "openSubmenusOnClick"],
+ supports: {
+ reusable: false,
+ html: false,
+ lock: false,
+ inserter: false,
+ __experimentalToolbar: false,
+ interactivity: {
+ clientNavigation: true
+ }
+ },
+ editorStyle: "wp-block-page-list-editor",
+ style: "wp-block-page-list"
+};
+
+const {
+ name: page_list_item_name
+} = page_list_item_metadata;
+
+const page_list_item_settings = {
+ __experimentalLabel: ({
+ label
+ }) => label,
+ icon: library_page,
+ example: {},
+ edit: PageListItemEdit
+};
+const page_list_item_init = () => initBlock({
+ name: page_list_item_name,
+ metadata: page_list_item_metadata,
+ settings: page_list_item_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/paragraph.js
-
-
-/**
- * WordPress dependencies
- */
-
-const paragraph = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18.3 4H9.9v-.1l-.9.2c-2.3.4-4 2.4-4 4.8s1.7 4.4 4 4.8l.7.1V20h1.5V5.5h2.9V20h1.5V5.5h2.7V4z"
-}));
-/* harmony default export */ var library_paragraph = (paragraph);
+/**
+ * WordPress dependencies
+ */
+
+
+const paragraph = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "m9.99609 14v-.2251l.00391.0001v6.225h1.5v-14.5h2.5v14.5h1.5v-14.5h3v-1.5h-8.50391c-2.76142 0-5 2.23858-5 5 0 2.7614 2.23858 5 5 5z"
+ })
+});
+/* harmony default export */ const library_paragraph = (paragraph);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/paragraph/deprecated.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
@@ -30102,40 +39912,83 @@
type: 'object'
}
};
-
const migrateCustomColorsAndFontSizes = attributes => {
if (!attributes.customTextColor && !attributes.customBackgroundColor && !attributes.customFontSize) {
return attributes;
}
-
const style = {};
-
if (attributes.customTextColor || attributes.customBackgroundColor) {
style.color = {};
}
-
if (attributes.customTextColor) {
style.color.text = attributes.customTextColor;
}
-
if (attributes.customBackgroundColor) {
style.color.background = attributes.customBackgroundColor;
}
-
if (attributes.customFontSize) {
style.typography = {
fontSize: attributes.customFontSize
};
}
-
- return { ...(0,external_lodash_namespaceObject.omit)(attributes, ['customTextColor', 'customBackgroundColor', 'customFontSize']),
+ const {
+ customTextColor,
+ customBackgroundColor,
+ customFontSize,
+ ...restAttributes
+ } = attributes;
+ return {
+ ...restAttributes,
style
};
};
-
-const paragraph_deprecated_deprecated = [{
+const {
+ style,
+ ...restBlockAttributes
+} = paragraph_deprecated_blockAttributes;
+const paragraph_deprecated_deprecated = [
+// Version without drop cap on aligned text.
+{
supports: deprecated_supports,
- attributes: { ...(0,external_lodash_namespaceObject.omit)(paragraph_deprecated_blockAttributes, ['style']),
+ attributes: {
+ ...restBlockAttributes,
+ customTextColor: {
+ type: 'string'
+ },
+ customBackgroundColor: {
+ type: 'string'
+ },
+ customFontSize: {
+ type: 'number'
+ }
+ },
+ save({
+ attributes
+ }) {
+ const {
+ align,
+ content,
+ dropCap,
+ direction
+ } = attributes;
+ const className = dist_clsx({
+ 'has-drop-cap': align === ((0,external_wp_i18n_namespaceObject.isRTL)() ? 'left' : 'right') || align === 'center' ? false : dropCap,
+ [`has-text-align-${align}`]: align
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className,
+ dir: direction
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: content
+ })
+ });
+ }
+}, {
+ supports: deprecated_supports,
+ attributes: {
+ ...restBlockAttributes,
customTextColor: {
type: 'string'
},
@@ -30147,11 +40000,9 @@
}
},
migrate: migrateCustomColorsAndFontSizes,
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+ save({
+ attributes
+ }) {
const {
align,
content,
@@ -30167,7 +40018,7 @@
const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
const fontSizeClass = (0,external_wp_blockEditor_namespaceObject.getFontSizeClass)(fontSize);
- const className = classnames_default()({
+ const className = dist_clsx({
'has-text-color': textColor || customTextColor,
'has-background': backgroundColor || customBackgroundColor,
'has-drop-cap': dropCap,
@@ -30181,7 +40032,7 @@
color: textClass ? undefined : customTextColor,
fontSize: fontSizeClass ? undefined : customFontSize
};
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
tagName: "p",
style: styles,
className: className ? className : undefined,
@@ -30189,10 +40040,10 @@
dir: direction
});
}
-
}, {
supports: deprecated_supports,
- attributes: { ...(0,external_lodash_namespaceObject.omit)(paragraph_deprecated_blockAttributes, ['style']),
+ attributes: {
+ ...restBlockAttributes,
customTextColor: {
type: 'string'
},
@@ -30204,11 +40055,9 @@
}
},
migrate: migrateCustomColorsAndFontSizes,
-
- save(_ref2) {
- let {
- attributes
- } = _ref2;
+ save({
+ attributes
+ }) {
const {
align,
content,
@@ -30224,7 +40073,7 @@
const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
const fontSizeClass = (0,external_wp_blockEditor_namespaceObject.getFontSizeClass)(fontSize);
- const className = classnames_default()({
+ const className = dist_clsx({
'has-text-color': textColor || customTextColor,
'has-background': backgroundColor || customBackgroundColor,
'has-drop-cap': dropCap,
@@ -30238,7 +40087,7 @@
fontSize: fontSizeClass ? undefined : customFontSize,
textAlign: align
};
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
tagName: "p",
style: styles,
className: className ? className : undefined,
@@ -30246,10 +40095,10 @@
dir: direction
});
}
-
}, {
supports: deprecated_supports,
- attributes: { ...(0,external_lodash_namespaceObject.omit)(paragraph_deprecated_blockAttributes, ['style']),
+ attributes: {
+ ...restBlockAttributes,
customTextColor: {
type: 'string'
},
@@ -30264,11 +40113,9 @@
}
},
migrate: migrateCustomColorsAndFontSizes,
-
- save(_ref3) {
- let {
- attributes
- } = _ref3;
+ save({
+ attributes
+ }) {
const {
width,
align,
@@ -30284,7 +40131,7 @@
const textClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
const fontSizeClass = fontSize && `is-${fontSize}-text`;
- const className = classnames_default()({
+ const className = dist_clsx({
[`align${width}`]: width,
'has-background': backgroundColor || customBackgroundColor,
'has-drop-cap': dropCap,
@@ -30298,26 +40145,24 @@
fontSize: fontSizeClass ? undefined : customFontSize,
textAlign: align
};
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
tagName: "p",
style: styles,
className: className ? className : undefined,
value: content
});
}
-
}, {
supports: deprecated_supports,
- attributes: (0,external_lodash_namespaceObject.omit)({ ...paragraph_deprecated_blockAttributes,
+ attributes: {
+ ...restBlockAttributes,
fontSize: {
type: 'number'
}
- }, ['style']),
-
- save(_ref4) {
- let {
- attributes
- } = _ref4;
+ },
+ save({
+ attributes
+ }) {
const {
width,
align,
@@ -30327,7 +40172,7 @@
textColor,
fontSize
} = attributes;
- const className = classnames_default()({
+ const className = dist_clsx({
[`align${width}`]: width,
'has-background': backgroundColor,
'has-drop-cap': dropCap
@@ -30338,138 +40183,211 @@
fontSize,
textAlign: align
};
- return (0,external_wp_element_namespaceObject.createElement)("p", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
style: styles,
- className: className ? className : undefined
- }, content);
- },
-
+ className: className ? className : undefined,
+ children: content
+ });
+ },
migrate(attributes) {
- return migrateCustomColorsAndFontSizes((0,external_lodash_namespaceObject.omit)({ ...attributes,
- customFontSize: (0,external_lodash_namespaceObject.isFinite)(attributes.fontSize) ? attributes.fontSize : undefined,
+ return migrateCustomColorsAndFontSizes({
+ ...attributes,
+ customFontSize: Number.isFinite(attributes.fontSize) ? attributes.fontSize : undefined,
customTextColor: attributes.textColor && '#' === attributes.textColor[0] ? attributes.textColor : undefined,
customBackgroundColor: attributes.backgroundColor && '#' === attributes.backgroundColor[0] ? attributes.backgroundColor : undefined
- }), ['fontSize', 'textColor', 'backgroundColor', 'style']);
- }
-
+ });
+ }
}, {
supports: deprecated_supports,
- attributes: { ...paragraph_deprecated_blockAttributes,
+ attributes: {
+ ...paragraph_deprecated_blockAttributes,
content: {
type: 'string',
source: 'html',
default: ''
}
},
-
- save(_ref5) {
- let {
- attributes
- } = _ref5;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.RawHTML, null, attributes.content);
- },
-
+ save({
+ attributes
+ }) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_element_namespaceObject.RawHTML, {
+ children: attributes.content
+ });
+ },
migrate(attributes) {
return attributes;
}
-
}];
-/* harmony default export */ var paragraph_deprecated = (paragraph_deprecated_deprecated);
+/* harmony default export */ const paragraph_deprecated = (paragraph_deprecated_deprecated);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-ltr.js
-
-
-/**
- * WordPress dependencies
- */
-
-const formatLtr = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "-2 -2 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M5.52 2h7.43c.55 0 1 .45 1 1s-.45 1-1 1h-1v13c0 .55-.45 1-1 1s-1-.45-1-1V5c0-.55-.45-1-1-1s-1 .45-1 1v12c0 .55-.45 1-1 1s-1-.45-1-1v-5.96h-.43C3.02 11.04 1 9.02 1 6.52S3.02 2 5.52 2zM14 14l5-4-5-4v8z"
-}));
-/* harmony default export */ var format_ltr = (formatLtr);
+/**
+ * WordPress dependencies
+ */
+
+
+const formatLtr = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "-2 -2 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M5.52 2h7.43c.55 0 1 .45 1 1s-.45 1-1 1h-1v13c0 .55-.45 1-1 1s-1-.45-1-1V5c0-.55-.45-1-1-1s-1 .45-1 1v12c0 .55-.45 1-1 1s-1-.45-1-1v-5.96h-.43C3.02 11.04 1 9.02 1 6.52S3.02 2 5.52 2zM14 14l5-4-5-4v8z"
+ })
+});
+/* harmony default export */ const format_ltr = (formatLtr);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/paragraph/use-enter.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+function useOnEnter(props) {
+ const {
+ batch
+ } = (0,external_wp_data_namespaceObject.useRegistry)();
+ const {
+ moveBlocksToPosition,
+ replaceInnerBlocks,
+ duplicateBlocks,
+ insertBlock
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const {
+ getBlockRootClientId,
+ getBlockIndex,
+ getBlockOrder,
+ getBlockName,
+ getBlock,
+ getNextBlockClientId,
+ canInsertBlockType
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ const propsRef = (0,external_wp_element_namespaceObject.useRef)(props);
+ propsRef.current = props;
+ return (0,external_wp_compose_namespaceObject.useRefEffect)(element => {
+ function onKeyDown(event) {
+ if (event.defaultPrevented) {
+ return;
+ }
+ if (event.keyCode !== external_wp_keycodes_namespaceObject.ENTER) {
+ return;
+ }
+ const {
+ content,
+ clientId
+ } = propsRef.current;
+
+ // The paragraph should be empty.
+ if (content.length) {
+ return;
+ }
+ const wrapperClientId = getBlockRootClientId(clientId);
+ if (!(0,external_wp_blocks_namespaceObject.hasBlockSupport)(getBlockName(wrapperClientId), '__experimentalOnEnter', false)) {
+ return;
+ }
+ const order = getBlockOrder(wrapperClientId);
+ const position = order.indexOf(clientId);
+
+ // If it is the last block, exit.
+ if (position === order.length - 1) {
+ let newWrapperClientId = wrapperClientId;
+ while (!canInsertBlockType(getBlockName(clientId), getBlockRootClientId(newWrapperClientId))) {
+ newWrapperClientId = getBlockRootClientId(newWrapperClientId);
+ }
+ if (typeof newWrapperClientId === 'string') {
+ event.preventDefault();
+ moveBlocksToPosition([clientId], wrapperClientId, getBlockRootClientId(newWrapperClientId), getBlockIndex(newWrapperClientId) + 1);
+ }
+ return;
+ }
+ const defaultBlockName = (0,external_wp_blocks_namespaceObject.getDefaultBlockName)();
+ if (!canInsertBlockType(defaultBlockName, getBlockRootClientId(wrapperClientId))) {
+ return;
+ }
+ event.preventDefault();
+
+ // If it is in the middle, split the block in two.
+ const wrapperBlock = getBlock(wrapperClientId);
+ batch(() => {
+ duplicateBlocks([wrapperClientId]);
+ const blockIndex = getBlockIndex(wrapperClientId);
+ replaceInnerBlocks(wrapperClientId, wrapperBlock.innerBlocks.slice(0, position));
+ replaceInnerBlocks(getNextBlockClientId(wrapperClientId), wrapperBlock.innerBlocks.slice(position + 1));
+ insertBlock((0,external_wp_blocks_namespaceObject.createBlock)(defaultBlockName), blockIndex + 1, getBlockRootClientId(wrapperClientId), true);
+ });
+ }
+ element.addEventListener('keydown', onKeyDown);
+ return () => {
+ element.removeEventListener('keydown', onKeyDown);
+ };
+ }, []);
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/paragraph/edit.js
-
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-const paragraph_edit_name = 'core/paragraph';
-
-function ParagraphRTLControl(_ref) {
- let {
- direction,
- setDirection
- } = _ref;
- return (0,external_wp_i18n_namespaceObject.isRTL)() && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarDropdownMenu, {
- controls: [{
- icon: format_ltr,
- title: (0,external_wp_i18n_namespaceObject._x)('Left to right', 'editor button'),
- isActive: direction === 'ltr',
-
- onClick() {
- setDirection(direction === 'ltr' ? undefined : 'ltr');
- }
-
- }]
- });
-}
-
-function ParagraphBlock(_ref2) {
- let {
- attributes,
- mergeBlocks,
- onReplace,
- onRemove,
- setAttributes,
- clientId
- } = _ref2;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function ParagraphRTLControl({
+ direction,
+ setDirection
+}) {
+ return (0,external_wp_i18n_namespaceObject.isRTL)() && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ icon: format_ltr,
+ title: (0,external_wp_i18n_namespaceObject._x)('Left to right', 'editor button'),
+ isActive: direction === 'ltr',
+ onClick: () => {
+ setDirection(direction === 'ltr' ? undefined : 'ltr');
+ }
+ });
+}
+function hasDropCapDisabled(align) {
+ return align === ((0,external_wp_i18n_namespaceObject.isRTL)() ? 'left' : 'right') || align === 'center';
+}
+function DropCapControl({
+ clientId,
+ attributes,
+ setAttributes
+}) {
+ // Please do not add a useSelect call to the paragraph block unconditionally.
+ // Every useSelect added to a (frequently used) block will degrade load
+ // and type performance. By moving it within InspectorControls, the subscription is
+ // now only added for the selected block(s).
+ const [isDropCapFeatureEnabled] = (0,external_wp_blockEditor_namespaceObject.useSettings)('typography.dropCap');
+ if (!isDropCapFeatureEnabled) {
+ return null;
+ }
const {
align,
- content,
- direction,
- dropCap,
- placeholder
- } = attributes;
- const isDropCapFeatureEnabled = (0,external_wp_blockEditor_namespaceObject.useSetting)('typography.dropCap');
- const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
- 'has-drop-cap': dropCap,
- [`has-text-align-${align}`]: align
- }),
- style: {
- direction
- }
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: align,
- onChange: newAlign => setAttributes({
- align: newAlign
- })
- }), (0,external_wp_element_namespaceObject.createElement)(ParagraphRTLControl, {
- direction: direction,
- setDirection: newDirection => setAttributes({
- direction: newDirection
- })
- })), isDropCapFeatureEnabled && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, {
- __experimentalGroup: "typography"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ dropCap
+ } = attributes;
+ let helpText;
+ if (hasDropCapDisabled(align)) {
+ helpText = (0,external_wp_i18n_namespaceObject.__)('Not available for aligned text.');
+ } else if (dropCap) {
+ helpText = (0,external_wp_i18n_namespaceObject.__)('Showing large initial letter.');
+ } else {
+ helpText = (0,external_wp_i18n_namespaceObject.__)('Toggle to show a large initial letter.');
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
hasValue: () => !!dropCap,
label: (0,external_wp_i18n_namespaceObject.__)('Drop cap'),
onDeselect: () => setAttributes({
@@ -30478,84 +40396,126 @@
resetAllFilter: () => ({
dropCap: undefined
}),
- panelId: clientId
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Drop cap'),
- checked: !!dropCap,
- onChange: () => setAttributes({
- dropCap: !dropCap
- }),
- help: dropCap ? (0,external_wp_i18n_namespaceObject.__)('Showing large initial letter.') : (0,external_wp_i18n_namespaceObject.__)('Toggle to show a large initial letter.')
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, _extends({
- identifier: "content",
- tagName: "p"
- }, blockProps, {
- value: content,
- onChange: newContent => setAttributes({
- content: newContent
- }),
- onSplit: (value, isOriginal) => {
- let newAttributes;
-
- if (isOriginal || value) {
- newAttributes = { ...attributes,
- content: value
- };
- }
-
- const block = (0,external_wp_blocks_namespaceObject.createBlock)(paragraph_edit_name, newAttributes);
-
- if (isOriginal) {
- block.clientId = clientId;
- }
-
- return block;
- },
- onMerge: mergeBlocks,
- onReplace: onReplace,
- onRemove: onRemove,
- "aria-label": content ? (0,external_wp_i18n_namespaceObject.__)('Paragraph block') : (0,external_wp_i18n_namespaceObject.__)('Empty block; start writing or type forward slash to choose a block'),
- "data-empty": content ? false : true,
- placeholder: placeholder || (0,external_wp_i18n_namespaceObject.__)('Type / to choose a block'),
- __unstableEmbedURLOnPaste: true,
- __unstableAllowPrefixTransformations: true
- })));
-}
-
-/* harmony default export */ var paragraph_edit = (ParagraphBlock);
+ panelId: clientId,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Drop cap'),
+ checked: !!dropCap,
+ onChange: () => setAttributes({
+ dropCap: !dropCap
+ }),
+ help: helpText,
+ disabled: hasDropCapDisabled(align) ? true : false
+ })
+ });
+}
+function ParagraphBlock({
+ attributes,
+ mergeBlocks,
+ onReplace,
+ onRemove,
+ setAttributes,
+ clientId
+}) {
+ const {
+ align,
+ content,
+ direction,
+ dropCap,
+ placeholder
+ } = attributes;
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ ref: useOnEnter({
+ clientId,
+ content
+ }),
+ className: dist_clsx({
+ 'has-drop-cap': hasDropCapDisabled(align) ? false : dropCap,
+ [`has-text-align-${align}`]: align
+ }),
+ style: {
+ direction
+ }
+ });
+ const blockEditingMode = (0,external_wp_blockEditor_namespaceObject.useBlockEditingMode)();
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [blockEditingMode === 'default' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: align,
+ onChange: newAlign => setAttributes({
+ align: newAlign,
+ dropCap: hasDropCapDisabled(newAlign) ? false : dropCap
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ParagraphRTLControl, {
+ direction: direction,
+ setDirection: newDirection => setAttributes({
+ direction: newDirection
+ })
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "typography",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(DropCapControl, {
+ clientId: clientId,
+ attributes: attributes,
+ setAttributes: setAttributes
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "content",
+ tagName: "p",
+ ...blockProps,
+ value: content,
+ onChange: newContent => setAttributes({
+ content: newContent
+ }),
+ onMerge: mergeBlocks,
+ onReplace: onReplace,
+ onRemove: onRemove,
+ "aria-label": external_wp_blockEditor_namespaceObject.RichText.isEmpty(content) ? (0,external_wp_i18n_namespaceObject.__)('Empty block; start writing or type forward slash to choose a block') : (0,external_wp_i18n_namespaceObject.__)('Block: Paragraph'),
+ "data-empty": external_wp_blockEditor_namespaceObject.RichText.isEmpty(content),
+ placeholder: placeholder || (0,external_wp_i18n_namespaceObject.__)('Type / to choose a block'),
+ "data-custom-placeholder": placeholder ? true : undefined,
+ __unstableEmbedURLOnPaste: true,
+ __unstableAllowPrefixTransformations: true
+ })]
+ });
+}
+/* harmony default export */ const paragraph_edit = (ParagraphBlock);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/paragraph/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-function paragraph_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+function paragraph_save_save({
+ attributes
+}) {
const {
align,
content,
dropCap,
direction
} = attributes;
- const className = classnames_default()({
- 'has-drop-cap': dropCap,
+ const className = dist_clsx({
+ 'has-drop-cap': align === ((0,external_wp_i18n_namespaceObject.isRTL)() ? 'left' : 'right') || align === 'center' ? false : dropCap,
[`has-text-align-${align}`]: align
});
- return (0,external_wp_element_namespaceObject.createElement)("p", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className,
- dir: direction
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: content
- }));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className,
+ dir: direction
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: content
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/paragraph/transforms.js
@@ -30563,15 +40523,15 @@
* WordPress dependencies
*/
-/**
- * Internal dependencies
- */
-
-const {
- name: paragraph_transforms_name
+
+/**
+ * Internal dependencies
+ */
+const {
+ name: transforms_name
} = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/paragraph",
title: "Paragraph",
category: "text",
@@ -30583,10 +40543,9 @@
type: "string"
},
content: {
- type: "string",
- source: "html",
+ type: "rich-text",
+ source: "rich-text",
selector: "p",
- "default": "",
__experimentalRole: "content"
},
dropCap: {
@@ -30602,28 +40561,44 @@
}
},
supports: {
+ splitting: true,
anchor: true,
className: false,
color: {
+ gradients: true,
link: true,
__experimentalDefaultControls: {
background: true,
text: true
}
},
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalTextDecoration: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalTextTransform: true,
+ __experimentalWritingMode: true,
__experimentalDefaultControls: {
fontSize: true
}
},
__experimentalSelector: "p",
- __unstablePasteTextInline: true
+ __unstablePasteTextInline: true,
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-paragraph-editor",
style: "wp-block-paragraph"
@@ -30634,42 +40609,31 @@
// Paragraph is a fallback and should be matched last.
priority: 20,
selector: 'p',
- schema: _ref => {
- let {
- phrasingContentSchema,
- isPaste
- } = _ref;
- return {
- p: {
- children: phrasingContentSchema,
- attributes: isPaste ? [] : ['style', 'id']
- }
- };
- },
-
+ schema: ({
+ phrasingContentSchema,
+ isPaste
+ }) => ({
+ p: {
+ children: phrasingContentSchema,
+ attributes: isPaste ? [] : ['style', 'id']
+ }
+ }),
transform(node) {
- const attributes = (0,external_wp_blocks_namespaceObject.getBlockAttributes)(paragraph_transforms_name, node.outerHTML);
+ const attributes = (0,external_wp_blocks_namespaceObject.getBlockAttributes)(transforms_name, node.outerHTML);
const {
textAlign
} = node.style || {};
-
if (textAlign === 'left' || textAlign === 'center' || textAlign === 'right') {
attributes.align = textAlign;
}
-
- return (0,external_wp_blocks_namespaceObject.createBlock)(paragraph_transforms_name, attributes);
- }
-
+ return (0,external_wp_blocks_namespaceObject.createBlock)(transforms_name, attributes);
+ }
}]
};
-/* harmony default export */ var paragraph_transforms = (paragraph_transforms_transforms);
+/* harmony default export */ const paragraph_transforms = (paragraph_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/paragraph/index.js
/**
- * External dependencies
- */
-
-/**
* WordPress dependencies
*/
@@ -30683,7 +40647,7 @@
const paragraph_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/paragraph",
title: "Paragraph",
category: "text",
@@ -30695,10 +40659,9 @@
type: "string"
},
content: {
- type: "string",
- source: "html",
+ type: "rich-text",
+ source: "rich-text",
selector: "p",
- "default": "",
__experimentalRole: "content"
},
dropCap: {
@@ -30714,28 +40677,44 @@
}
},
supports: {
+ splitting: true,
anchor: true,
className: false,
color: {
+ gradients: true,
link: true,
__experimentalDefaultControls: {
background: true,
text: true
}
},
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalTextDecoration: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalTextTransform: true,
+ __experimentalWritingMode: true,
__experimentalDefaultControls: {
fontSize: true
}
},
__experimentalSelector: "p",
- __unstablePasteTextInline: true
+ __unstablePasteTextInline: true,
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-paragraph-editor",
style: "wp-block-paragraph"
@@ -30750,93 +40729,107 @@
icon: library_paragraph,
example: {
attributes: {
- content: (0,external_wp_i18n_namespaceObject.__)('In a village of La Mancha, the name of which I have no desire to call to mind, there lived not long since one of those gentlemen that keep a lance in the lance-rack, an old buckler, a lean hack, and a greyhound for coursing.'),
- style: {
- typography: {
- fontSize: 28
- }
- },
- dropCap: true
- }
- },
-
- __experimentalLabel(attributes, _ref) {
- let {
- context
- } = _ref;
-
+ content: (0,external_wp_i18n_namespaceObject.__)('In a village of La Mancha, the name of which I have no desire to call to mind, there lived not long since one of those gentlemen that keep a lance in the lance-rack, an old buckler, a lean hack, and a greyhound for coursing.')
+ }
+ },
+ __experimentalLabel(attributes, {
+ context
+ }) {
+ const customName = attributes?.metadata?.name;
+ if (context === 'list-view' && customName) {
+ return customName;
+ }
if (context === 'accessibility') {
+ if (customName) {
+ return customName;
+ }
const {
content
} = attributes;
- return (0,external_lodash_namespaceObject.isEmpty)(content) ? (0,external_wp_i18n_namespaceObject.__)('Empty') : content;
- }
- },
-
+ return !content || content.length === 0 ? (0,external_wp_i18n_namespaceObject.__)('Empty') : content;
+ }
+ },
transforms: paragraph_transforms,
deprecated: paragraph_deprecated,
-
merge(attributes, attributesToMerge) {
return {
content: (attributes.content || '') + (attributesToMerge.content || '')
};
},
-
edit: paragraph_edit,
save: paragraph_save_save
};
+const paragraph_init = () => initBlock({
+ name: paragraph_name,
+ metadata: paragraph_metadata,
+ settings: paragraph_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-author.js
+/**
+ * WordPress dependencies
+ */
+
+
+const postAuthor = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M10 4.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm2.25 7.5v-1A2.75 2.75 0 0011 8.25H7A2.75 2.75 0 004.25 11v1h1.5v-1c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v1h1.5zM4 20h9v-1.5H4V20zm16-4H4v-1.5h16V16z",
+ fillRule: "evenodd",
+ clipRule: "evenodd"
+ })
+});
+/* harmony default export */ const post_author = (postAuthor);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-author/edit.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-function PostAuthorEdit(_ref) {
- let {
- isSelected,
- context: {
- postType,
- postId,
- queryId
- },
- attributes,
- setAttributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+const minimumUsersForCombobox = 25;
+const edit_AUTHORS_QUERY = {
+ who: 'authors',
+ per_page: 100
+};
+function PostAuthorEdit({
+ isSelected,
+ context: {
+ postType,
+ postId,
+ queryId
+ },
+ attributes,
+ setAttributes
+}) {
const isDescendentOfQueryLoop = Number.isFinite(queryId);
const {
authorId,
authorDetails,
authors
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _getEditedEntityRecor;
-
const {
getEditedEntityRecord,
getUser,
getUsers
} = select(external_wp_coreData_namespaceObject.store);
-
- const _authorId = (_getEditedEntityRecor = getEditedEntityRecord('postType', postType, postId)) === null || _getEditedEntityRecor === void 0 ? void 0 : _getEditedEntityRecor.author;
-
+ const _authorId = getEditedEntityRecord('postType', postType, postId)?.author;
return {
authorId: _authorId,
authorDetails: _authorId ? getUser(_authorId) : null,
- authors: getUsers({
- who: 'authors'
- })
+ authors: getUsers(edit_AUTHORS_QUERY)
};
}, [postType, postId]);
const {
@@ -30846,126 +40839,162 @@
textAlign,
showAvatar,
showBio,
- byline
+ byline,
+ isLink,
+ linkTarget
} = attributes;
const avatarSizes = [];
-
- if (authorDetails) {
- (0,external_lodash_namespaceObject.forEach)(authorDetails.avatar_urls, (url, size) => {
+ const authorName = authorDetails?.name || (0,external_wp_i18n_namespaceObject.__)('Post Author');
+ if (authorDetails?.avatar_urls) {
+ Object.keys(authorDetails.avatar_urls).forEach(size => {
avatarSizes.push({
value: size,
label: `${size} x ${size}`
});
});
}
-
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
})
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Author Settings')
- }, !isDescendentOfQueryLoop && !!(authors !== null && authors !== void 0 && authors.length) && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Author'),
- value: authorId,
- options: authors.map(_ref2 => {
- let {
- id,
- name
- } = _ref2;
- return {
- value: id,
- label: name
- };
- }),
- onChange: nextAuthorId => {
- editEntityRecord('postType', postType, postId, {
- author: nextAuthorId
- });
- }
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show avatar'),
- checked: showAvatar,
- onChange: () => setAttributes({
- showAvatar: !showAvatar
- })
- }), showAvatar && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Avatar size'),
- value: attributes.avatarSize,
- options: avatarSizes,
- onChange: size => {
- setAttributes({
- avatarSize: Number(size)
- });
- }
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show bio'),
- checked: showBio,
- onChange: () => setAttributes({
- showBio: !showBio
- })
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, showAvatar && authorDetails && (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-post-author__avatar"
- }, (0,external_wp_element_namespaceObject.createElement)("img", {
- width: attributes.avatarSize,
- src: authorDetails.avatar_urls[attributes.avatarSize],
- alt: authorDetails.name
- })), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-post-author__content"
- }, (!external_wp_blockEditor_namespaceObject.RichText.isEmpty(byline) || isSelected) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- className: "wp-block-post-author__byline",
- multiline: false,
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Post author byline text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Write byline…'),
- value: byline,
- onChange: value => setAttributes({
- byline: value
- })
- }), (0,external_wp_element_namespaceObject.createElement)("p", {
- className: "wp-block-post-author__name"
- }, (authorDetails === null || authorDetails === void 0 ? void 0 : authorDetails.name) || (0,external_wp_i18n_namespaceObject.__)('Post Author')), showBio && (0,external_wp_element_namespaceObject.createElement)("p", {
- className: "wp-block-post-author__bio"
- }, authorDetails === null || authorDetails === void 0 ? void 0 : authorDetails.description))));
-}
-
-/* harmony default export */ var post_author_edit = (PostAuthorEdit);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-author.js
-
-
-/**
- * WordPress dependencies
- */
-
-const postAuthor = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M10 4.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zm2.25 7.5v-1A2.75 2.75 0 0011 8.25H7A2.75 2.75 0 004.25 11v1h1.5v-1c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v1h1.5zM4 20h9v-1.5H4V20zm16-4H4v-1.5h16V16z",
- fillRule: "evenodd",
- clipRule: "evenodd"
-}));
-/* harmony default export */ var post_author = (postAuthor);
+ const authorOptions = authors?.length ? authors.map(({
+ id,
+ name
+ }) => {
+ return {
+ value: id,
+ label: name
+ };
+ }) : [];
+ const handleSelect = nextAuthorId => {
+ editEntityRecord('postType', postType, postId, {
+ author: nextAuthorId
+ });
+ };
+ const showCombobox = authorOptions.length >= minimumUsersForCombobox;
+ const showAuthorControl = !!postId && !isDescendentOfQueryLoop && authorOptions.length > 0;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [showAuthorControl && (showCombobox && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ComboboxControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Author'),
+ options: authorOptions,
+ value: authorId,
+ onChange: handleSelect,
+ allowReset: false
+ }) || /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Author'),
+ value: authorId,
+ options: authorOptions,
+ onChange: handleSelect
+ })), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show avatar'),
+ checked: showAvatar,
+ onChange: () => setAttributes({
+ showAvatar: !showAvatar
+ })
+ }), showAvatar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Avatar size'),
+ value: attributes.avatarSize,
+ options: avatarSizes,
+ onChange: size => {
+ setAttributes({
+ avatarSize: Number(size)
+ });
+ }
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show bio'),
+ checked: showBio,
+ onChange: () => setAttributes({
+ showBio: !showBio
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link author name to author page'),
+ checked: isLink,
+ onChange: () => setAttributes({
+ isLink: !isLink
+ })
+ }), isLink && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
+ onChange: value => setAttributes({
+ linkTarget: value ? '_blank' : '_self'
+ }),
+ checked: linkTarget === '_blank'
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [showAvatar && authorDetails?.avatar_urls && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-post-author__avatar",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ width: attributes.avatarSize,
+ src: authorDetails.avatar_urls[attributes.avatarSize],
+ alt: authorDetails.name
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "wp-block-post-author__content",
+ children: [(!external_wp_blockEditor_namespaceObject.RichText.isEmpty(byline) || isSelected) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "byline",
+ className: "wp-block-post-author__byline",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Post author byline text'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Write byline…'),
+ value: byline,
+ onChange: value => setAttributes({
+ byline: value
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ className: "wp-block-post-author__name",
+ children: isLink ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: "#post-author-pseudo-link",
+ onClick: event => event.preventDefault(),
+ children: authorName
+ }) : authorName
+ }), showBio && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ className: "wp-block-post-author__bio",
+ dangerouslySetInnerHTML: {
+ __html: authorDetails?.description
+ }
+ })]
+ })]
+ })]
+ });
+}
+/* harmony default export */ const post_author_edit = (PostAuthorEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-author/index.js
/**
- * Internal dependencies
- */
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
const post_author_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/post-author",
- title: "Post Author",
+ title: "Author",
category: "theme",
description: "Display post author details such as name, avatar, and bio.",
textdomain: "default",
@@ -30986,6 +41015,14 @@
},
byline: {
type: "string"
+ },
+ isLink: {
+ type: "boolean",
+ "default": false
+ },
+ linkTarget: {
+ type: "string",
+ "default": "_self"
}
},
usesContext: ["postType", "postId", "queryId"],
@@ -30998,10 +41035,12 @@
typography: {
fontSize: true,
lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
__experimentalDefaultControls: {
fontSize: true
}
@@ -31014,17 +41053,14 @@
background: true,
text: true
}
- }
- },
- editorStyle: "wp-block-post-author-editor",
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ },
style: "wp-block-post-author"
};
-/**
- * WordPress dependencies
- */
-
-
const {
name: post_author_name
} = post_author_metadata;
@@ -31033,81 +41069,292 @@
icon: post_author,
edit: post_author_edit
};
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-author-biography/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-function PostAuthorBiographyEdit(_ref) {
- let {
- context: {
- postType,
- postId
- },
- attributes: {
- textAlign
- },
- setAttributes
- } = _ref;
- const {
- authorDetails
+const post_author_init = () => initBlock({
+ name: post_author_name,
+ metadata: post_author_metadata,
+ settings: post_author_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-author-name/edit.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+function PostAuthorNameEdit({
+ context: {
+ postType,
+ postId
+ },
+ attributes: {
+ textAlign,
+ isLink,
+ linkTarget
+ },
+ setAttributes
+}) {
+ const {
+ authorName
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _getEditedEntityRecor;
-
const {
getEditedEntityRecord,
getUser
} = select(external_wp_coreData_namespaceObject.store);
-
- const _authorId = (_getEditedEntityRecor = getEditedEntityRecord('postType', postType, postId)) === null || _getEditedEntityRecor === void 0 ? void 0 : _getEditedEntityRecor.author;
-
+ const _authorId = getEditedEntityRecord('postType', postType, postId)?.author;
+ return {
+ authorName: _authorId ? getUser(_authorId) : null
+ };
+ }, [postType, postId]);
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: dist_clsx({
+ [`has-text-align-${textAlign}`]: textAlign
+ })
+ });
+ const displayName = authorName?.name || (0,external_wp_i18n_namespaceObject.__)('Author Name');
+ const displayAuthor = isLink ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: "#author-pseudo-link",
+ onClick: event => event.preventDefault(),
+ className: "wp-block-post-author-name__link",
+ children: displayName
+ }) : displayName;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link to author archive'),
+ onChange: () => setAttributes({
+ isLink: !isLink
+ }),
+ checked: isLink
+ }), isLink && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
+ onChange: value => setAttributes({
+ linkTarget: value ? '_blank' : '_self'
+ }),
+ checked: linkTarget === '_blank'
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [" ", displayAuthor, " "]
+ })]
+ });
+}
+/* harmony default export */ const post_author_name_edit = (PostAuthorNameEdit);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-author-name/transforms.js
+/**
+ * WordPress dependencies
+ */
+
+const post_author_name_transforms_transforms = {
+ from: [{
+ type: 'block',
+ blocks: ['core/post-author'],
+ transform: ({
+ textAlign
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/post-author-name', {
+ textAlign
+ })
+ }],
+ to: [{
+ type: 'block',
+ blocks: ['core/post-author'],
+ transform: ({
+ textAlign
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/post-author', {
+ textAlign
+ })
+ }]
+};
+/* harmony default export */ const post_author_name_transforms = (post_author_name_transforms_transforms);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-author-name/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+const post_author_name_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ name: "core/post-author-name",
+ title: "Author Name",
+ category: "theme",
+ description: "The author name.",
+ textdomain: "default",
+ attributes: {
+ textAlign: {
+ type: "string"
+ },
+ isLink: {
+ type: "boolean",
+ "default": false
+ },
+ linkTarget: {
+ type: "string",
+ "default": "_self"
+ }
+ },
+ usesContext: ["postType", "postId"],
+ supports: {
+ html: false,
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true,
+ link: true
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ }
+};
+
+
+const {
+ name: post_author_name_name
+} = post_author_name_metadata;
+
+const post_author_name_settings = {
+ icon: post_author,
+ transforms: post_author_name_transforms,
+ edit: post_author_name_edit
+};
+const post_author_name_init = () => initBlock({
+ name: post_author_name_name,
+ metadata: post_author_name_metadata,
+ settings: post_author_name_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-author-biography/edit.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+function PostAuthorBiographyEdit({
+ context: {
+ postType,
+ postId
+ },
+ attributes: {
+ textAlign
+ },
+ setAttributes
+}) {
+ const {
+ authorDetails
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getEditedEntityRecord,
+ getUser
+ } = select(external_wp_coreData_namespaceObject.store);
+ const _authorId = getEditedEntityRecord('postType', postType, postId)?.author;
return {
authorDetails: _authorId ? getUser(_authorId) : null
};
}, [postType, postId]);
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
})
});
-
- const displayAuthorBiography = (authorDetails === null || authorDetails === void 0 ? void 0 : authorDetails.description) || (0,external_wp_i18n_namespaceObject.__)('Author Biography');
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, " ", displayAuthorBiography, " "));
-}
-
-/* harmony default export */ var post_author_biography_edit = (PostAuthorBiographyEdit);
+ const displayAuthorBiography = authorDetails?.description || (0,external_wp_i18n_namespaceObject.__)('Author Biography');
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ dangerouslySetInnerHTML: {
+ __html: displayAuthorBiography
+ }
+ })]
+ });
+}
+/* harmony default export */ const post_author_biography_edit = (PostAuthorBiographyEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-author-biography/index.js
/**
- * Internal dependencies
- */
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
const post_author_biography_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/post-author-biography",
- title: "Post Author Biography",
+ title: "Author Biography",
category: "theme",
description: "The author biography.",
textdomain: "default",
@@ -31137,18 +41384,17 @@
__experimentalFontWeight: true,
__experimentalFontStyle: true,
__experimentalTextTransform: true,
- __experimentalLetterSpacing: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
- }
- }
-};
-
-/**
- * WordPress dependencies
- */
-
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ }
+};
const {
name: post_author_biography_name
@@ -31158,321 +41404,349 @@
icon: post_author,
edit: post_author_biography_edit
};
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments-form/form.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-const CommentsForm = () => {
- const disabledFormRef = (0,external_wp_compose_namespaceObject.__experimentalUseDisabled)();
- const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(CommentsForm);
- return (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "comment-respond"
- }, (0,external_wp_element_namespaceObject.createElement)("h3", {
- className: "comment-reply-title"
- }, (0,external_wp_i18n_namespaceObject.__)('Leave a Reply')), (0,external_wp_element_namespaceObject.createElement)("form", {
- noValidate: true,
- className: "comment-form",
- ref: disabledFormRef
- }, (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_element_namespaceObject.createElement)("label", {
- htmlFor: `comment-${instanceId}`
- }, (0,external_wp_i18n_namespaceObject.__)('Comment')), (0,external_wp_element_namespaceObject.createElement)("textarea", {
- id: `comment-${instanceId}`,
- name: "comment",
- cols: "45",
- rows: "8"
- })), (0,external_wp_element_namespaceObject.createElement)("p", {
- className: "form-submit wp-block-button"
- }, (0,external_wp_element_namespaceObject.createElement)("input", {
- name: "submit",
- type: "submit",
- className: "submit wp-block-button__link",
- label: (0,external_wp_i18n_namespaceObject.__)('Post Comment'),
- value: (0,external_wp_i18n_namespaceObject.__)('Post Comment')
- }))));
-};
-
-/* harmony default export */ var post_comments_form_form = (CommentsForm);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-function PostCommentsEdit(_ref) {
- let {
- attributes: {
- textAlign
- },
- setAttributes,
- context: {
- postType,
- postId
- }
- } = _ref;
- let [postTitle] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'title', postId);
- postTitle = postTitle || (0,external_wp_i18n_namespaceObject.__)('Post Title');
- const [commentStatus] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'comment_status', postId);
- const {
- avatarURL,
- defaultCommentStatus
- } = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getSettings().__experimentalDiscussionSettings);
- const isSiteEditor = postType === undefined || postId === undefined;
- const postTypeSupportsComments = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _select$getPostType;
-
- return postType ? !!((_select$getPostType = select(external_wp_coreData_namespaceObject.store).getPostType(postType)) !== null && _select$getPostType !== void 0 && _select$getPostType.supports.comments) : false;
- });
-
- let warning = (0,external_wp_i18n_namespaceObject.__)('Post Comments block: This is just a placeholder, not a real comment. The final styling may differ because it also depends on the current theme. For better compatibility with the Block Editor, please consider replacing this block with the "Comments Query Loop" block.');
-
- let showPlaceholder = true;
-
- if (!isSiteEditor && 'open' !== commentStatus) {
- if ('closed' === commentStatus) {
- warning = (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: 1: Post type (i.e. "post", "page") */
- (0,external_wp_i18n_namespaceObject.__)('Post Comments block: Comments to this %s are not allowed.'), postType);
- showPlaceholder = false;
- } else if (!postTypeSupportsComments) {
- warning = (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: 1: Post type (i.e. "post", "page") */
- (0,external_wp_i18n_namespaceObject.__)('Post Comments block: Comments for this post type (%s) are not enabled.'), postType);
- showPlaceholder = false;
- } else if ('open' !== defaultCommentStatus) {
- warning = (0,external_wp_i18n_namespaceObject.__)('Post Comments block: Comments are not enabled.');
- showPlaceholder = false;
- }
- }
-
+const post_author_biography_init = () => initBlock({
+ name: post_author_biography_name,
+ metadata: post_author_biography_metadata,
+ settings: post_author_biography_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/block-default.js
+/**
+ * WordPress dependencies
+ */
+
+
+const blockDefault = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.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 */ const block_default = (blockDefault);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comment/edit.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+const post_comment_edit_TEMPLATE = [['core/avatar'], ['core/comment-author-name'], ['core/comment-date'], ['core/comment-content'], ['core/comment-reply-link'], ['core/comment-edit-link']];
+function post_comment_edit_Edit({
+ attributes: {
+ commentId
+ },
+ setAttributes
+}) {
+ const [commentIdInput, setCommentIdInput] = (0,external_wp_element_namespaceObject.useState)(commentId);
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ template: post_comment_edit_TEMPLATE
+ });
+ if (!commentId) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Placeholder, {
+ icon: block_default,
+ label: (0,external_wp_i18n_namespaceObject._x)('Post Comment', 'block title'),
+ instructions: (0,external_wp_i18n_namespaceObject.__)('To show a comment, input the comment ID.'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ value: commentId,
+ onChange: val => setCommentIdInput(parseInt(val))
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "primary",
+ onClick: () => {
+ setAttributes({
+ commentId: commentIdInput
+ });
+ },
+ children: (0,external_wp_i18n_namespaceObject.__)('Save')
+ })]
+ })
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comment/save.js
+/**
+ * WordPress dependencies
+ */
+
+
+function post_comment_save_save() {
+ const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save();
+ const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(blockProps);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comment/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+const post_comment_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ __experimental: "fse",
+ name: "core/post-comment",
+ title: "Comment (deprecated)",
+ category: "theme",
+ allowedBlocks: ["core/avatar", "core/comment-author-name", "core/comment-content", "core/comment-date", "core/comment-edit-link", "core/comment-reply-link"],
+ description: "This block is deprecated. Please use the Comments block instead.",
+ textdomain: "default",
+ attributes: {
+ commentId: {
+ type: "number"
+ }
+ },
+ providesContext: {
+ commentId: "commentId"
+ },
+ supports: {
+ html: false,
+ inserter: false,
+ interactivity: {
+ clientNavigation: true
+ }
+ }
+};
+
+
+const {
+ name: post_comment_name
+} = post_comment_metadata;
+
+const post_comment_settings = {
+ icon: library_comment,
+ edit: post_comment_edit_Edit,
+ save: post_comment_save_save
+};
+const post_comment_init = () => initBlock({
+ name: post_comment_name,
+ metadata: post_comment_metadata,
+ settings: post_comment_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-comments-count.js
+/**
+ * WordPress dependencies
+ */
+
+
+const postCommentsCount = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M13 8H4v1.5h9V8zM4 4v1.5h16V4H4zm9 8H5c-.6 0-1 .4-1 1v8.3c0 .3.2.7.6.8.1.1.2.1.3.1.2 0 .5-.1.6-.3l1.8-1.8H13c.6 0 1-.4 1-1V13c0-.6-.4-1-1-1zm-2.2 6.6H7l1.6-2.2c.3-.4.5-.7.6-.9.1-.2.2-.4.2-.5 0-.2-.1-.3-.1-.4-.1-.1-.2-.1-.4-.1s-.4 0-.6.1c-.3.1-.5.3-.7.4l-.2.2-.2-1.2.1-.1c.3-.2.5-.3.8-.4.3-.1.6-.1.9-.1.3 0 .6.1.9.2.2.1.4.3.6.5.1.2.2.5.2.7 0 .3-.1.6-.2.9-.1.3-.4.7-.7 1.1l-.5.6h1.6v1.2z"
+ })
+});
+/* harmony default export */ const post_comments_count = (postCommentsCount);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments-count/edit.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+function PostCommentsCountEdit({
+ attributes,
+ context,
+ setAttributes
+}) {
+ const {
+ textAlign
+ } = attributes;
+ const {
+ postId
+ } = context;
+ const [commentsCount, setCommentsCount] = (0,external_wp_element_namespaceObject.useState)();
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
})
});
- const disabledRef = (0,external_wp_compose_namespaceObject.__experimentalUseDisabled)();
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, warning), showPlaceholder && (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-post-comments__placeholder",
- ref: disabledRef
- }, (0,external_wp_element_namespaceObject.createElement)("h3", null,
- /* translators: %s: Post title. */
- (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('One response to %s'), postTitle)), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "navigation"
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "alignleft"
- }, (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "#top"
- }, "\xAB ", (0,external_wp_i18n_namespaceObject.__)('Older Comments'))), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "alignright"
- }, (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "#top"
- }, (0,external_wp_i18n_namespaceObject.__)('Newer Comments'), " \xBB"))), (0,external_wp_element_namespaceObject.createElement)("ol", {
- className: "commentlist"
- }, (0,external_wp_element_namespaceObject.createElement)("li", {
- className: "comment even thread-even depth-1"
- }, (0,external_wp_element_namespaceObject.createElement)("article", {
- className: "comment-body"
- }, (0,external_wp_element_namespaceObject.createElement)("footer", {
- className: "comment-meta"
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "comment-author vcard"
- }, (0,external_wp_element_namespaceObject.createElement)("img", {
- alt: "Commenter Avatar",
- src: avatarURL,
- className: "avatar avatar-32 photo",
- height: "32",
- width: "32",
- loading: "lazy"
- }), (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: Comment author link. */
- (0,external_wp_i18n_namespaceObject.__)('%s <span>says:</span>'), (0,external_wp_i18n_namespaceObject.sprintf)('<cite><a>%s</a></cite>', (0,external_wp_i18n_namespaceObject.__)('A WordPress Commenter'))), {
- span: (0,external_wp_element_namespaceObject.createElement)("span", {
- className: "says"
- }),
- a:
- /* eslint-disable jsx-a11y/anchor-has-content */
- (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "#top",
- className: "url"
- })
- /* eslint-enable jsx-a11y/anchor-has-content */
- ,
- cite: (0,external_wp_element_namespaceObject.createElement)("cite", {
- className: "fn"
- })
- })), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "comment-metadata"
- }, (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "#top"
- }, (0,external_wp_element_namespaceObject.createElement)("time", {
- dateTime: "2000-01-01T12:00:00+00:00"
- }, (0,external_wp_i18n_namespaceObject.__)('January 1, 2000 at 12:00 am'))), ' ', (0,external_wp_element_namespaceObject.createElement)("span", {
- className: "edit-link"
- }, (0,external_wp_element_namespaceObject.createElement)("a", {
- className: "comment-edit-link",
- href: "#top"
- }, (0,external_wp_i18n_namespaceObject.__)('Edit'))))), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "comment-content"
- }, (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject.__)('Hi, this is a comment.'), (0,external_wp_element_namespaceObject.createElement)("br", null), (0,external_wp_i18n_namespaceObject.__)('To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.'), (0,external_wp_element_namespaceObject.createElement)("br", null), (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('Commenter avatars come from <a>Gravatar</a>'), {
- a:
- /* eslint-disable-next-line jsx-a11y/anchor-has-content */
- (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "https://gravatar.com/"
- })
- }))), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "reply"
- }, (0,external_wp_element_namespaceObject.createElement)("a", {
- className: "comment-reply-link",
- href: "#top",
- "aria-label": (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: Comment reply button text. %s: Comment author name. */
- (0,external_wp_i18n_namespaceObject.__)('Reply to %s'), (0,external_wp_i18n_namespaceObject.__)('A WordPress Commenter'))
- }, (0,external_wp_i18n_namespaceObject.__)('Reply')))))), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "navigation"
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "alignleft"
- }, (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "#top"
- }, "\xAB ", (0,external_wp_i18n_namespaceObject.__)('Older Comments'))), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "alignright"
- }, (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "#top"
- }, (0,external_wp_i18n_namespaceObject.__)('Newer Comments'), " \xBB"))), (0,external_wp_element_namespaceObject.createElement)(post_comments_form_form, null))));
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments/index.js
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const post_comments_metadata = {
- $schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
- name: "core/post-comments",
- title: "Post Comments (deprecated)",
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!postId) {
+ return;
+ }
+ const currentPostId = postId;
+ external_wp_apiFetch_default()({
+ path: (0,external_wp_url_namespaceObject.addQueryArgs)('/wp/v2/comments', {
+ post: postId
+ }),
+ parse: false
+ }).then(res => {
+ // Stale requests will have the `currentPostId` of an older closure.
+ if (currentPostId === postId) {
+ setCommentsCount(res.headers.get('X-WP-Total'));
+ }
+ });
+ }, [postId]);
+ const hasPostAndComments = postId && commentsCount !== undefined;
+ const blockStyles = {
+ ...blockProps.style,
+ textDecoration: hasPostAndComments ? blockProps.style?.textDecoration : undefined
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ style: blockStyles,
+ children: hasPostAndComments ? commentsCount : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.__)('Post Comments Count block: post not found.')
+ })
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments-count/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+const post_comments_count_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ __experimental: "fse",
+ name: "core/post-comments-count",
+ title: "Comments Count",
category: "theme",
- description: "This block is deprecated. Please use the Comments Query Loop block instead.",
+ description: "Display a post's comments count.",
textdomain: "default",
attributes: {
textAlign: {
type: "string"
}
},
- usesContext: ["postId", "postType"],
- supports: {
- html: false,
- align: ["wide", "full"],
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
- },
- color: {
- gradients: true,
- link: true,
+ usesContext: ["postId"],
+ supports: {
+ html: false,
+ color: {
+ gradients: true,
__experimentalDefaultControls: {
background: true,
text: true
}
},
- inserter: false
- },
- style: ["wp-block-post-comments", "wp-block-buttons", "wp-block-button"],
- editorStyle: "wp-block-post-comments-editor"
-};
-
-const {
- name: post_comments_name
-} = post_comments_metadata;
-
-const post_comments_settings = {
- icon: post_comments,
- edit: PostCommentsEdit
-};
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ }
+};
+
+const {
+ name: post_comments_count_name
+} = post_comments_count_metadata;
+
+const post_comments_count_settings = {
+ icon: post_comments_count,
+ edit: PostCommentsCountEdit
+};
+const post_comments_count_init = () => initBlock({
+ name: post_comments_count_name,
+ metadata: post_comments_count_metadata,
+ settings: post_comments_count_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-comments-form.js
-
-
-/**
- * WordPress dependencies
- */
-
-const postCommentsForm = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M13 8H4v1.5h9V8zM4 4v1.5h16V4H4zm9 8H5c-.6 0-1 .4-1 1v8.3c0 .3.2.7.6.8.1.1.2.1.3.1.2 0 .5-.1.6-.3l1.8-1.8H13c.6 0 1-.4 1-1V13c0-.6-.4-1-1-1zm-.5 6.6H6.7l-1.2 1.2v-6.3h7v5.1z"
-}));
-/* harmony default export */ var post_comments_form = (postCommentsForm);
+/**
+ * WordPress dependencies
+ */
+
+
+const postCommentsForm = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M13 8H4v1.5h9V8zM4 4v1.5h16V4H4zm9 8H5c-.6 0-1 .4-1 1v8.3c0 .3.2.7.6.8.1.1.2.1.3.1.2 0 .5-.1.6-.3l1.8-1.8H13c.6 0 1-.4 1-1V13c0-.6-.4-1-1-1zm-.5 6.6H6.7l-1.2 1.2v-6.3h7v5.1z"
+ })
+});
+/* harmony default export */ const post_comments_form = (postCommentsForm);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments-form/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-function PostCommentsFormEdit(_ref) {
- let {
- attributes,
- context,
- setAttributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function PostCommentsFormEdit({
+ attributes,
+ context,
+ setAttributes
+}) {
const {
textAlign
} = attributes;
@@ -31480,57 +41754,36 @@
postId,
postType
} = context;
- const [commentStatus, setCommentStatus] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'comment_status', postId);
+ const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(PostCommentsFormEdit);
+ const instanceIdDesc = (0,external_wp_i18n_namespaceObject.sprintf)('comments-form-edit-%d-desc', instanceId);
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
- })
- });
- const isSiteEditor = postType === undefined || postId === undefined;
- const {
- defaultCommentStatus
- } = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getSettings().__experimentalDiscussionSettings);
- const postTypeSupportsComments = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _select$getPostType;
-
- return postType ? !!((_select$getPostType = select(external_wp_coreData_namespaceObject.store).getPostType(postType)) !== null && _select$getPostType !== void 0 && _select$getPostType.supports.comments) : false;
- });
- let warning = false;
- let actions;
- let showPlaceholder = true;
-
- if (!isSiteEditor && 'open' !== commentStatus) {
- if ('closed' === commentStatus) {
- warning = (0,external_wp_i18n_namespaceObject.__)('Post Comments Form block: Comments are not enabled for this item.');
- actions = [(0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- key: "enableComments",
- onClick: () => setCommentStatus('open'),
- variant: "primary"
- }, (0,external_wp_i18n_namespaceObject._x)('Enable comments', 'action that affects the current post'))];
- showPlaceholder = false;
- } else if (!postTypeSupportsComments) {
- warning = (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: 1: Post type (i.e. "post", "page") */
- (0,external_wp_i18n_namespaceObject.__)('Post Comments Form block: Comments are not enabled for this post type (%s).'), postType);
- showPlaceholder = false;
- } else if ('open' !== defaultCommentStatus) {
- warning = (0,external_wp_i18n_namespaceObject.__)('Post Comments Form block: Comments are not enabled.');
- showPlaceholder = false;
- }
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, warning && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, {
- actions: actions
- }, warning), showPlaceholder ? (0,external_wp_element_namespaceObject.createElement)(post_comments_form_form, null) : null));
+ }),
+ 'aria-describedby': instanceIdDesc
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(post_comments_form_form, {
+ postId: postId,
+ postType: postType
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, {
+ id: instanceIdDesc,
+ children: (0,external_wp_i18n_namespaceObject.__)('Comments form disabled in editor.')
+ })]
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments-form/index.js
@@ -31538,15 +41791,16 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const post_comments_form_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/post-comments-form",
- title: "Post Comments Form",
+ title: "Comments Form",
category: "theme",
description: "Display a post's comments form.",
textdomain: "default",
@@ -31560,12 +41814,17 @@
html: false,
color: {
gradients: true,
+ heading: true,
link: true,
__experimentalDefaultControls: {
background: true,
text: true
}
},
+ spacing: {
+ margin: true,
+ padding: true
+ },
typography: {
fontSize: true,
lineHeight: true,
@@ -31590,158 +41849,329 @@
icon: post_comments_form,
edit: PostCommentsFormEdit
};
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-content.js
-
-
-/**
- * WordPress dependencies
- */
-
-const postContent = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "https://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 20h16v-1.5H4V20zm0-4.8h16v-1.5H4v1.5zm0-6.4v1.5h16V8.8H4zM16 4H4v1.5h12V4z"
-}));
-/* harmony default export */ var post_content = (postContent);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/utils/hooks.js
-/**
- * WordPress dependencies
- */
-
-
-/**
- * Returns whether the current user can edit the given entity.
- *
- * @param {string} kind Entity kind.
- * @param {string} name Entity name.
- * @param {string} recordId Record's id.
- */
-
-function useCanEditEntity(kind, name, recordId) {
- return (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_coreData_namespaceObject.store).canUserEditEntityRecord(kind, name, recordId), [kind, name, recordId]);
-}
-/* harmony default export */ var hooks = ({
- useCanEditEntity
-});
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-content/edit.js
-
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-function ReadOnlyContent(_ref) {
- let {
- userCanEdit,
- postType,
- postId
- } = _ref;
- const [,, content] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'content', postId);
- const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
- return content !== null && content !== void 0 && content.protected && !userCanEdit ? (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, (0,external_wp_i18n_namespaceObject.__)('This content is password protected.'))) : (0,external_wp_element_namespaceObject.createElement)("div", _extends({}, blockProps, {
- dangerouslySetInnerHTML: {
- __html: content === null || content === void 0 ? void 0 : content.rendered
- }
- }));
-}
-
-function EditableContent(_ref2) {
- let {
- layout,
- context = {}
- } = _ref2;
+const post_comments_form_init = () => initBlock({
+ name: post_comments_form_name,
+ metadata: post_comments_form_metadata,
+ settings: post_comments_form_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments-link/edit.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+function PostCommentsLinkEdit({
+ context,
+ attributes,
+ setAttributes
+}) {
+ const {
+ textAlign
+ } = attributes;
const {
postType,
postId
} = context;
- const themeSupportsLayout = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _getSettings;
-
- const {
- getSettings
- } = select(external_wp_blockEditor_namespaceObject.store);
- return (_getSettings = getSettings()) === null || _getSettings === void 0 ? void 0 : _getSettings.supportsLayout;
- }, []);
- const defaultLayout = (0,external_wp_blockEditor_namespaceObject.useSetting)('layout') || {};
- const usedLayout = !!layout && layout.inherit ? defaultLayout : layout;
+ const [commentsCount, setCommentsCount] = (0,external_wp_element_namespaceObject.useState)();
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: dist_clsx({
+ [`has-text-align-${textAlign}`]: textAlign
+ })
+ });
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!postId) {
+ return;
+ }
+ const currentPostId = postId;
+ external_wp_apiFetch_default()({
+ path: (0,external_wp_url_namespaceObject.addQueryArgs)('/wp/v2/comments', {
+ post: postId
+ }),
+ parse: false
+ }).then(res => {
+ // Stale requests will have the `currentPostId` of an older closure.
+ if (currentPostId === postId) {
+ setCommentsCount(res.headers.get('X-WP-Total'));
+ }
+ });
+ }, [postId]);
+ const post = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_coreData_namespaceObject.store).getEditedEntityRecord('postType', postType, postId), [postType, postId]);
+ if (!post) {
+ return null;
+ }
+ const {
+ link
+ } = post;
+ let commentsText;
+ if (commentsCount !== undefined) {
+ const commentsNumber = parseInt(commentsCount);
+ if (commentsNumber === 0) {
+ commentsText = (0,external_wp_i18n_namespaceObject.__)('No comments');
+ } else {
+ commentsText = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: Number of comments */
+ (0,external_wp_i18n_namespaceObject._n)('%s comment', '%s comments', commentsNumber), commentsNumber.toLocaleString());
+ }
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: link && commentsText !== undefined ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: link + '#comments',
+ onClick: event => event.preventDefault(),
+ children: commentsText
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.__)('Post Comments Link block: post not found.')
+ })
+ })]
+ });
+}
+/* harmony default export */ const post_comments_link_edit = (PostCommentsLinkEdit);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-comments-link/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+const post_comments_link_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ __experimental: "fse",
+ name: "core/post-comments-link",
+ title: "Comments Link",
+ category: "theme",
+ description: "Displays the link to the current post comments.",
+ textdomain: "default",
+ usesContext: ["postType", "postId"],
+ attributes: {
+ textAlign: {
+ type: "string"
+ }
+ },
+ supports: {
+ html: false,
+ color: {
+ link: true,
+ text: false,
+ __experimentalDefaultControls: {
+ background: true,
+ link: true
+ }
+ },
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ }
+};
+
+const {
+ name: post_comments_link_name
+} = post_comments_link_metadata;
+
+const post_comments_link_settings = {
+ edit: post_comments_link_edit,
+ icon: post_comments_count
+};
+const post_comments_link_init = () => initBlock({
+ name: post_comments_link_name,
+ metadata: post_comments_link_metadata,
+ settings: post_comments_link_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-content.js
+/**
+ * WordPress dependencies
+ */
+
+
+const postContent = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4 6h12V4.5H4V6Zm16 4.5H4V9h16v1.5ZM4 15h16v-1.5H4V15Zm0 4.5h16V18H4v1.5Z"
+ })
+});
+/* harmony default export */ const post_content = (postContent);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-content/edit.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+function ReadOnlyContent({
+ layoutClassNames,
+ userCanEdit,
+ postType,
+ postId
+}) {
+ const [,, content] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'content', postId);
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: layoutClassNames
+ });
+ return content?.protected && !userCanEdit ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.__)('This content is password protected.')
+ })
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ dangerouslySetInnerHTML: {
+ __html: content?.rendered
+ }
+ });
+}
+function EditableContent({
+ context = {}
+}) {
+ const {
+ postType,
+ postId
+ } = context;
const [blocks, onInput, onChange] = (0,external_wp_coreData_namespaceObject.useEntityBlockEditor)('postType', postType, {
id: postId
});
+ const entityRecord = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ return select(external_wp_coreData_namespaceObject.store).getEntityRecord('postType', postType, postId);
+ }, [postType, postId]);
+ const hasInnerBlocks = !!entityRecord?.content?.raw || blocks?.length;
+ const initialInnerBlocks = [['core/paragraph']];
const props = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)((0,external_wp_blockEditor_namespaceObject.useBlockProps)({
className: 'entry-content'
}), {
value: blocks,
onInput,
onChange,
- __experimentalLayout: themeSupportsLayout ? usedLayout : undefined
- });
- return (0,external_wp_element_namespaceObject.createElement)("div", props);
-}
-
+ template: !hasInnerBlocks ? initialInnerBlocks : undefined
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...props
+ });
+}
function Content(props) {
const {
context: {
queryId,
postType,
postId
- } = {}
+ } = {},
+ layoutClassNames
} = props;
+ const userCanEdit = useCanEditEntity('postType', postType, postId);
+ if (userCanEdit === undefined) {
+ return null;
+ }
const isDescendentOfQueryLoop = Number.isFinite(queryId);
- const userCanEdit = useCanEditEntity('postType', postType, postId);
const isEditable = userCanEdit && !isDescendentOfQueryLoop;
- return isEditable ? (0,external_wp_element_namespaceObject.createElement)(EditableContent, props) : (0,external_wp_element_namespaceObject.createElement)(ReadOnlyContent, {
+ return isEditable ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(EditableContent, {
+ ...props
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ReadOnlyContent, {
+ layoutClassNames: layoutClassNames,
userCanEdit: userCanEdit,
postType: postType,
postId: postId
});
}
-
-function edit_Placeholder() {
- const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject.__)('This is the Post Content block, it will display all the blocks in any single post or page.')), (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject.__)('That might be a simple arrangement like consecutive paragraphs in a blog post, or a more elaborate composition that includes image galleries, videos, tables, columns, and any other block types.')), (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject.__)('If there are any Custom Post Types registered at your site, the Post Content block can display the contents of those entries as well.')));
-}
-
+function edit_Placeholder({
+ layoutClassNames
+}) {
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: layoutClassNames
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ children: (0,external_wp_i18n_namespaceObject.__)('This is the Content block, it will display all the blocks in any single post or page.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ children: (0,external_wp_i18n_namespaceObject.__)('That might be a simple arrangement like consecutive paragraphs in a blog post, or a more elaborate composition that includes image galleries, videos, tables, columns, and any other block types.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ children: (0,external_wp_i18n_namespaceObject.__)('If there are any Custom Post Types registered at your site, the Content block can display the contents of those entries as well.')
+ })]
+ });
+}
function RecursionError() {
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, (0,external_wp_i18n_namespaceObject.__)('Block cannot be rendered inside itself.')));
-}
-
-function PostContentEdit(_ref3) {
- let {
- context,
- attributes
- } = _ref3;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.__)('Block cannot be rendered inside itself.')
+ })
+ });
+}
+function PostContentEdit({
+ context,
+ __unstableLayoutClassNames: layoutClassNames
+}) {
const {
postId: contextPostId,
postType: contextPostType
} = context;
- const {
- layout = {}
- } = attributes;
- const [hasAlreadyRendered, RecursionProvider] = (0,external_wp_blockEditor_namespaceObject.__experimentalUseNoRecursiveRenders)(contextPostId);
-
+ const hasAlreadyRendered = (0,external_wp_blockEditor_namespaceObject.useHasRecursion)(contextPostId);
if (contextPostId && contextPostType && hasAlreadyRendered) {
- return (0,external_wp_element_namespaceObject.createElement)(RecursionError, null);
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(RecursionProvider, null, contextPostId && contextPostType ? (0,external_wp_element_namespaceObject.createElement)(Content, {
- context: context,
- layout: layout
- }) : (0,external_wp_element_namespaceObject.createElement)(edit_Placeholder, null));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(RecursionError, {});
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RecursionProvider, {
+ uniqueId: contextPostId,
+ children: contextPostId && contextPostType ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Content, {
+ context: context,
+ layoutClassNames: layoutClassNames
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(edit_Placeholder, {
+ layoutClassNames: layoutClassNames
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-content/index.js
@@ -31749,15 +42179,16 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const post_content_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/post-content",
- title: "Post Content",
+ title: "Content",
category: "theme",
description: "Displays the contents of a post or page.",
textdomain: "default",
@@ -31765,7 +42196,34 @@
supports: {
align: ["wide", "full"],
html: false,
- __experimentalLayout: true
+ layout: true,
+ dimensions: {
+ minHeight: true
+ },
+ spacing: {
+ blockGap: true
+ },
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: false,
+ text: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ }
},
editorStyle: "wp-block-post-content-editor"
};
@@ -31778,120 +42236,154 @@
icon: post_content,
edit: PostContentEdit
};
+const post_content_init = () => initBlock({
+ name: post_content_name,
+ metadata: post_content_metadata,
+ settings: post_content_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-date/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-
-function PostDateEdit(_ref) {
- let {
- attributes: {
- textAlign,
- format,
- isLink
- },
- context: {
- postId,
- postType: postTypeSlug,
- queryId
- },
- setAttributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+function PostDateEdit({
+ attributes: {
+ textAlign,
+ format,
+ isLink,
+ displayType
+ },
+ context: {
+ postId,
+ postType: postTypeSlug,
+ queryId
+ },
+ setAttributes
+}) {
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
- [`has-text-align-${textAlign}`]: textAlign
- })
- });
- const timeRef = (0,external_wp_element_namespaceObject.useRef)();
+ className: dist_clsx({
+ [`has-text-align-${textAlign}`]: textAlign,
+ [`wp-block-post-date__modified-date`]: displayType === 'modified'
+ })
+ });
+
+ // Use internal state instead of a ref to make sure that the component
+ // re-renders when the popover's anchor updates.
+ const [popoverAnchor, setPopoverAnchor] = (0,external_wp_element_namespaceObject.useState)(null);
+ // Memoize popoverProps to avoid returning a new object every time.
+ const popoverProps = (0,external_wp_element_namespaceObject.useMemo)(() => ({
+ anchor: popoverAnchor
+ }), [popoverAnchor]);
const isDescendentOfQueryLoop = Number.isFinite(queryId);
- const dateSettings = (0,external_wp_date_namespaceObject.__experimentalGetSettings)();
+ const dateSettings = (0,external_wp_date_namespaceObject.getSettings)();
const [siteFormat = dateSettings.formats.date] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'site', 'date_format');
const [siteTimeFormat = dateSettings.formats.time] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'site', 'time_format');
- const [date, setDate] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postTypeSlug, 'date', postId);
+ const [date, setDate] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postTypeSlug, displayType, postId);
const postType = (0,external_wp_data_namespaceObject.useSelect)(select => postTypeSlug ? select(external_wp_coreData_namespaceObject.store).getPostType(postTypeSlug) : null, [postTypeSlug]);
- let postDate = date ? (0,external_wp_element_namespaceObject.createElement)("time", {
+ const dateLabel = displayType === 'date' ? (0,external_wp_i18n_namespaceObject.__)('Post Date') : (0,external_wp_i18n_namespaceObject.__)('Post Modified Date');
+ let postDate = date ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("time", {
dateTime: (0,external_wp_date_namespaceObject.dateI18n)('c', date),
- ref: timeRef
- }, (0,external_wp_date_namespaceObject.dateI18n)(format || siteFormat, date)) : (0,external_wp_i18n_namespaceObject.__)('Post Date');
-
+ ref: setPopoverAnchor,
+ children: (0,external_wp_date_namespaceObject.dateI18n)(format || siteFormat, date)
+ }) : dateLabel;
if (isLink && date) {
- postDate = (0,external_wp_element_namespaceObject.createElement)("a", {
+ postDate = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
href: "#post-date-pseudo-link",
- onClick: event => event.preventDefault()
- }, postDate);
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- }), date && !isDescendentOfQueryLoop && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, {
- popoverProps: {
- anchorRef: timeRef.current
- },
- renderContent: () => (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.DateTimePicker, {
- currentDate: date,
- onChange: setDate,
- is12Hour: is12HourFormat(siteTimeFormat)
- }),
- renderToggle: _ref2 => {
- let {
- isOpen,
- onToggle
- } = _ref2;
-
- const openOnArrowDown = event => {
- if (!isOpen && event.keyCode === external_wp_keycodes_namespaceObject.DOWN) {
- event.preventDefault();
- onToggle();
- }
- };
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- "aria-expanded": isOpen,
- icon: library_edit,
- title: (0,external_wp_i18n_namespaceObject.__)('Change Date'),
- onClick: onToggle,
- onKeyDown: openOnArrowDown
- });
- }
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalDateFormatPicker, {
- format: format,
- defaultFormat: siteFormat,
- onChange: nextFormat => setAttributes({
- format: nextFormat
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: postType !== null && postType !== void 0 && postType.labels.singular_name ? (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Name of the post type e.g: "post".
- (0,external_wp_i18n_namespaceObject.__)('Link to %s'), postType.labels.singular_name.toLowerCase()) : (0,external_wp_i18n_namespaceObject.__)('Link to post'),
- onChange: () => setAttributes({
- isLink: !isLink
- }),
- checked: isLink
- }))), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, postDate));
+ onClick: event => event.preventDefault(),
+ children: postDate
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ }), date && displayType === 'date' && !isDescendentOfQueryLoop && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Dropdown, {
+ popoverProps: popoverProps,
+ renderContent: ({
+ onClose
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalPublishDateTimePicker, {
+ currentDate: date,
+ onChange: setDate,
+ is12Hour: is12HourFormat(siteTimeFormat),
+ onClose: onClose
+ }),
+ renderToggle: ({
+ isOpen,
+ onToggle
+ }) => {
+ const openOnArrowDown = event => {
+ if (!isOpen && event.keyCode === external_wp_keycodes_namespaceObject.DOWN) {
+ event.preventDefault();
+ onToggle();
+ }
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ "aria-expanded": isOpen,
+ icon: library_edit,
+ title: (0,external_wp_i18n_namespaceObject.__)('Change Date'),
+ onClick: onToggle,
+ onKeyDown: openOnArrowDown
+ });
+ }
+ })
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalDateFormatPicker, {
+ format: format,
+ defaultFormat: siteFormat,
+ onChange: nextFormat => setAttributes({
+ format: nextFormat
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: postType?.labels.singular_name ? (0,external_wp_i18n_namespaceObject.sprintf)(
+ // translators: %s: Name of the post type e.g: "post".
+ (0,external_wp_i18n_namespaceObject.__)('Link to %s'), postType.labels.singular_name.toLowerCase()) : (0,external_wp_i18n_namespaceObject.__)('Link to post'),
+ onChange: () => setAttributes({
+ isLink: !isLink
+ }),
+ checked: isLink
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display last modified date'),
+ onChange: value => setAttributes({
+ displayType: value ? 'modified' : 'date'
+ }),
+ checked: displayType === 'modified',
+ help: (0,external_wp_i18n_namespaceObject.__)('Only shows if the post has been modified')
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: postDate
+ })]
+ });
}
function is12HourFormat(format) {
// To know if the time format is a 12 hour time, look for any of the 12 hour
@@ -31936,23 +42428,17 @@
__experimentalLetterSpacing: true
}
},
-
save() {
return null;
},
-
migrate: migrate_font_family,
-
- isEligible(_ref) {
- var _style$typography;
-
- let {
- style
- } = _ref;
- return style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontFamily;
- }
-
-};
+ isEligible({
+ style
+ }) {
+ return style?.typography?.fontFamily;
+ }
+};
+
/**
* New deprecations need to be placed first
* for them to have higher priority.
@@ -31961,25 +42447,44 @@
*
* See block-deprecation.md
*/
-
-/* harmony default export */ var post_date_deprecated = ([post_date_deprecated_v1]);
+/* harmony default export */ const post_date_deprecated = ([post_date_deprecated_v1]);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-date/variations.js
+/**
+ * WordPress dependencies
+ */
+
+
+const post_date_variations_variations = [{
+ name: 'post-date-modified',
+ title: (0,external_wp_i18n_namespaceObject.__)('Modified Date'),
+ description: (0,external_wp_i18n_namespaceObject.__)("Display a post's last updated date."),
+ attributes: {
+ displayType: 'modified'
+ },
+ scope: ['block', 'inserter'],
+ isActive: blockAttributes => blockAttributes.displayType === 'modified',
+ icon: post_date
+}];
+/* harmony default export */ const post_date_variations = (post_date_variations_variations);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-date/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const post_date_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/post-date",
- title: "Post Date",
+ title: "Date",
category: "theme",
- description: "Add the date of this post.",
+ description: "Display the publish date for an entry such as a post or page.",
textdomain: "default",
attributes: {
textAlign: {
@@ -31991,6 +42496,10 @@
isLink: {
type: "boolean",
"default": false
+ },
+ displayType: {
+ type: "string",
+ "default": "date"
}
},
usesContext: ["postId", "postType", "queryId"],
@@ -32005,20 +42514,29 @@
link: true
}
},
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontFamily: true,
- __experimentalFontWeight: true,
- __experimentalFontStyle: true,
- __experimentalTextTransform: true,
- __experimentalLetterSpacing: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
- }
- }
-};
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ }
+};
+
const {
@@ -32028,96 +42546,154 @@
const post_date_settings = {
icon: post_date,
edit: PostDateEdit,
- deprecated: post_date_deprecated
-};
+ deprecated: post_date_deprecated,
+ variations: post_date_variations
+};
+const post_date_init = () => initBlock({
+ name: post_date_name,
+ metadata: post_date_metadata,
+ settings: post_date_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-excerpt.js
-
-
-/**
- * WordPress dependencies
- */
-
-const postExcerpt = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12.75 9.333c0 .521-.102.977-.327 1.354-.23.386-.555.628-.893.774-.545.234-1.183.227-1.544.222l-.12-.001v-1.5h.123c.414.001.715.002.948-.099a.395.395 0 00.199-.166c.05-.083.114-.253.114-.584V7.2H8.8V4h3.95v5.333zM7.95 9.333c0 .521-.102.977-.327 1.354-.23.386-.555.628-.893.774-.545.234-1.183.227-1.544.222l-.12-.001v-1.5h.123c.414.001.715.002.948-.099a.394.394 0 00.198-.166c.05-.083.115-.253.115-.584V7.2H4V4h3.95v5.333zM13 20H4v-1.5h9V20zM20 16H4v-1.5h16V16z"
-}));
-/* harmony default export */ var post_excerpt = (postExcerpt);
+/**
+ * WordPress dependencies
+ */
+
+
+const postExcerpt = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M8.001 3.984V9.47c0 1.518-.98 2.5-2.499 2.5h-.5v-1.5h.5c.69 0 1-.31 1-1V6.984H4v-3h4.001ZM4 20h9v-1.5H4V20Zm16-4H4v-1.5h16V16ZM13.001 3.984V9.47c0 1.518-.98 2.5-2.499 2.5h-.5v-1.5h.5c.69 0 1-.31 1-1V6.984H9v-3h4.001Z"
+ })
+});
+/* harmony default export */ const post_excerpt = (postExcerpt);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-excerpt/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-function PostExcerptEditor(_ref) {
- let {
- attributes: {
- textAlign,
- moreText,
- showMoreOnNewLine
- },
- setAttributes,
- isSelected,
- context: {
- postId,
- postType,
- queryId
- }
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+const ELLIPSIS = '…';
+function PostExcerptEditor({
+ attributes: {
+ textAlign,
+ moreText,
+ showMoreOnNewLine,
+ excerptLength
+ },
+ setAttributes,
+ isSelected,
+ context: {
+ postId,
+ postType,
+ queryId
+ }
+}) {
const isDescendentOfQueryLoop = Number.isFinite(queryId);
const userCanEdit = useCanEditEntity('postType', postType, postId);
- const isEditable = userCanEdit && !isDescendentOfQueryLoop;
const [rawExcerpt, setExcerpt, {
rendered: renderedExcerpt,
protected: isProtected
} = {}] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'excerpt', postId);
+
+ /**
+ * Check if the post type supports excerpts.
+ * Add an exception and return early for the "page" post type,
+ * which is registered without support for the excerpt UI,
+ * but supports saving the excerpt to the database.
+ * See: https://core.trac.wordpress.org/browser/branches/6.1/src/wp-includes/post.php#L65
+ * Without this exception, users that have excerpts saved to the database will
+ * not be able to edit the excerpts.
+ */
+ const postTypeSupportsExcerpts = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ if (postType === 'page') {
+ return true;
+ }
+ return !!select(external_wp_coreData_namespaceObject.store).getPostType(postType)?.supports?.excerpt;
+ }, [postType]);
+
+ /**
+ * The excerpt is editable if:
+ * - The user can edit the post
+ * - It is not a descendent of a Query Loop block
+ * - The post type supports excerpts
+ */
+ const isEditable = userCanEdit && !isDescendentOfQueryLoop && postTypeSupportsExcerpts;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
})
});
+
+ /**
+ * translators: If your word count is based on single characters (e.g. East Asian characters),
+ * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.
+ * Do not translate into your own language.
+ */
+ const wordCountType = (0,external_wp_i18n_namespaceObject._x)('words', 'Word count type. Do not translate!');
+
/**
* When excerpt is editable, strip the html tags from
* rendered excerpt. This will be used if the entity's
* excerpt has been produced from the content.
*/
-
const strippedRenderedExcerpt = (0,external_wp_element_namespaceObject.useMemo)(() => {
- if (!renderedExcerpt) return '';
+ if (!renderedExcerpt) {
+ return '';
+ }
const document = new window.DOMParser().parseFromString(renderedExcerpt, 'text/html');
return document.body.textContent || document.body.innerText || '';
}, [renderedExcerpt]);
-
if (!postType || !postId) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject.__)('This is the Post Excerpt block, it will display the excerpt from single posts.')), (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject.__)('If there are any Custom Post Types with support for excerpts, the Post Excerpt block can display the excerpts of those entries as well.')));
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentToolbar, {
+ value: textAlign,
+ onChange: newAlign => setAttributes({
+ textAlign: newAlign
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ children: (0,external_wp_i18n_namespaceObject.__)('This block will display the excerpt.')
+ })
+ })]
+ });
+ }
if (isProtected && !userCanEdit) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, (0,external_wp_i18n_namespaceObject.__)('There is no excerpt because this is a protected post.')));
- }
-
- const readMoreLink = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.__)('The content is currently protected and does not have the available excerpt.')
+ })
+ });
+ }
+ const readMoreLink = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "moreText",
className: "wp-block-post-excerpt__more-link",
tagName: "a",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('"Read more" link text'),
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('“Read more” link text'),
placeholder: (0,external_wp_i18n_namespaceObject.__)('Add "read more" link text'),
value: moreText,
onChange: newMoreText => setAttributes({
@@ -32125,34 +42701,82 @@
}),
withoutInteractiveFormatting: true
});
- const excerptClassName = classnames_default()('wp-block-post-excerpt__excerpt', {
+ const excerptClassName = dist_clsx('wp-block-post-excerpt__excerpt', {
'is-inline': !showMoreOnNewLine
});
- const excerptContent = isEditable ? (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
+
+ /**
+ * The excerpt length setting needs to be applied to both
+ * the raw and the rendered excerpt depending on which is being used.
+ */
+ const rawOrRenderedExcerpt = (rawExcerpt || strippedRenderedExcerpt).trim();
+ let trimmedExcerpt = '';
+ if (wordCountType === 'words') {
+ trimmedExcerpt = rawOrRenderedExcerpt.split(' ', excerptLength).join(' ');
+ } else if (wordCountType === 'characters_excluding_spaces') {
+ /*
+ * 1. Split the excerpt at the character limit,
+ * then join the substrings back into one string.
+ * 2. Count the number of spaces in the excerpt
+ * by comparing the lengths of the string with and without spaces.
+ * 3. Add the number to the length of the visible excerpt,
+ * so that the spaces are excluded from the word count.
+ */
+ const excerptWithSpaces = rawOrRenderedExcerpt.split('', excerptLength).join('');
+ const numberOfSpaces = excerptWithSpaces.length - excerptWithSpaces.replaceAll(' ', '').length;
+ trimmedExcerpt = rawOrRenderedExcerpt.split('', excerptLength + numberOfSpaces).join('');
+ } else if (wordCountType === 'characters_including_spaces') {
+ trimmedExcerpt = rawOrRenderedExcerpt.split('', excerptLength).join('');
+ }
+ const isTrimmed = trimmedExcerpt !== rawOrRenderedExcerpt;
+ const excerptContent = isEditable ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
className: excerptClassName,
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Post excerpt text'),
- value: rawExcerpt || strippedRenderedExcerpt || (isSelected ? '' : (0,external_wp_i18n_namespaceObject.__)('No post excerpt found')),
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Excerpt text'),
+ value: isSelected ? rawOrRenderedExcerpt : (!isTrimmed ? rawOrRenderedExcerpt : trimmedExcerpt + ELLIPSIS) || (0,external_wp_i18n_namespaceObject.__)('No excerpt found'),
onChange: setExcerpt,
tagName: "p"
- }) : (0,external_wp_element_namespaceObject.createElement)("p", {
- className: excerptClassName
- }, strippedRenderedExcerpt || (0,external_wp_i18n_namespaceObject.__)('No post excerpt found'));
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentToolbar, {
- value: textAlign,
- onChange: newAlign => setAttributes({
- textAlign: newAlign
- })
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Post Excerpt Settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show link on new line'),
- checked: showMoreOnNewLine,
- onChange: newShowMoreOnNewLine => setAttributes({
- showMoreOnNewLine: newShowMoreOnNewLine
- })
- }))), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, excerptContent, !showMoreOnNewLine && ' ', showMoreOnNewLine ? (0,external_wp_element_namespaceObject.createElement)("p", {
- className: "wp-block-post-excerpt__more-text"
- }, readMoreLink) : readMoreLink));
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ className: excerptClassName,
+ children: !isTrimmed ? rawOrRenderedExcerpt || (0,external_wp_i18n_namespaceObject.__)('No excerpt found') : trimmedExcerpt + ELLIPSIS
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentToolbar, {
+ value: textAlign,
+ onChange: newAlign => setAttributes({
+ textAlign: newAlign
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show link on new line'),
+ checked: showMoreOnNewLine,
+ onChange: newShowMoreOnNewLine => setAttributes({
+ showMoreOnNewLine: newShowMoreOnNewLine
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Max number of words'),
+ value: excerptLength,
+ onChange: value => {
+ setAttributes({
+ excerptLength: value
+ });
+ },
+ min: "10",
+ max: "100"
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [excerptContent, !showMoreOnNewLine && ' ', showMoreOnNewLine ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ className: "wp-block-post-excerpt__more-text",
+ children: readMoreLink
+ }) : readMoreLink]
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-excerpt/transforms.js
@@ -32172,24 +42796,25 @@
transform: () => (0,external_wp_blocks_namespaceObject.createBlock)('core/post-content')
}]
};
-/* harmony default export */ var post_excerpt_transforms = (post_excerpt_transforms_transforms);
+/* harmony default export */ const post_excerpt_transforms = (post_excerpt_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-excerpt/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const post_excerpt_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/post-excerpt",
- title: "Post Excerpt",
+ title: "Excerpt",
category: "theme",
- description: "Display a post's excerpt.",
+ description: "Display the excerpt.",
textdomain: "default",
attributes: {
textAlign: {
@@ -32201,6 +42826,10 @@
showMoreOnNewLine: {
type: "boolean",
"default": true
+ },
+ excerptLength: {
+ type: "number",
+ "default": 55
}
},
usesContext: ["postId", "postType", "queryId"],
@@ -32222,13 +42851,18 @@
typography: {
fontSize: true,
lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
},
editorStyle: "wp-block-post-excerpt-editor",
@@ -32245,26 +42879,50 @@
transforms: post_excerpt_transforms,
edit: PostExcerptEditor
};
+const post_excerpt_init = () => initBlock({
+ name: post_excerpt_name,
+ metadata: post_excerpt_metadata,
+ settings: post_excerpt_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-featured-image.js
+/**
+ * WordPress dependencies
+ */
+
+
+const postFeaturedImage = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M19 3H5c-.6 0-1 .4-1 1v7c0 .5.4 1 1 1h14c.5 0 1-.4 1-1V4c0-.6-.4-1-1-1zM5.5 10.5v-.4l1.8-1.3 1.3.8c.3.2.7.2.9-.1L11 8.1l2.4 2.4H5.5zm13 0h-2.9l-4-4c-.3-.3-.8-.3-1.1 0L8.9 8l-1.2-.8c-.3-.2-.6-.2-.9 0l-1.3 1V4.5h13v6zM4 20h9v-1.5H4V20zm0-4h16v-1.5H4V16z"
+ })
+});
+/* harmony default export */ const post_featured_image = (postFeaturedImage);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-featured-image/dimension-controls.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-const SCALE_OPTIONS = (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
- value: "cover",
- label: (0,external_wp_i18n_namespaceObject._x)('Cover', 'Scale option for Image dimension control')
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
- value: "contain",
- label: (0,external_wp_i18n_namespaceObject._x)('Contain', 'Scale option for Image dimension control')
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
- value: "fill",
- label: (0,external_wp_i18n_namespaceObject._x)('Fill', 'Scale option for Image dimension control')
-}));
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+const SCALE_OPTIONS = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "cover",
+ label: (0,external_wp_i18n_namespaceObject._x)('Cover', 'Scale option for Image dimension control')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "contain",
+ label: (0,external_wp_i18n_namespaceObject._x)('Contain', 'Scale option for Image dimension control')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "fill",
+ label: (0,external_wp_i18n_namespaceObject._x)('Fill', 'Scale option for Image dimension control')
+ })]
+});
const DEFAULT_SCALE = 'cover';
const DEFAULT_SIZE = 'full';
const scaleHelp = {
@@ -32272,24 +42930,34 @@
contain: (0,external_wp_i18n_namespaceObject.__)('Image is scaled to fill the space without clipping nor distorting.'),
fill: (0,external_wp_i18n_namespaceObject.__)('Image will be stretched and distorted to completely fill the space.')
};
-
-const DimensionControls = _ref => {
- let {
- clientId,
- attributes: {
- width,
- height,
- scale,
- sizeSlug
- },
- setAttributes,
- imageSizeOptions = []
- } = _ref;
- const defaultUnits = ['px', '%', 'vw', 'em', 'rem'];
+const DimensionControls = ({
+ clientId,
+ attributes: {
+ aspectRatio,
+ width,
+ height,
+ scale,
+ sizeSlug
+ },
+ setAttributes,
+ media
+}) => {
+ const [availableUnits, defaultRatios, themeRatios, showDefaultRatios] = (0,external_wp_blockEditor_namespaceObject.useSettings)('spacing.units', 'dimensions.aspectRatios.default', 'dimensions.aspectRatios.theme', 'dimensions.defaultAspectRatios');
const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({
- availableUnits: (0,external_wp_blockEditor_namespaceObject.useSetting)('spacing.units') || defaultUnits
- });
-
+ availableUnits: availableUnits || ['px', '%', 'vw', 'em', 'rem']
+ });
+ const imageSizes = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getSettings().imageSizes, []);
+ const imageSizeOptions = imageSizes.filter(({
+ slug
+ }) => {
+ return media?.media_details?.sizes?.[slug]?.source_url;
+ }).map(({
+ name,
+ slug
+ }) => ({
+ value: slug,
+ label: name
+ }));
const onDimensionChange = (dimension, nextValue) => {
const parsedValue = parseFloat(nextValue);
/**
@@ -32297,256 +42965,533 @@
* we don't want to set the attribute, as it would
* end up having the unit as value without any number.
*/
-
- if (isNaN(parsedValue) && nextValue) return;
+ if (isNaN(parsedValue) && nextValue) {
+ return;
+ }
setAttributes({
[dimension]: parsedValue < 0 ? '0' : nextValue
});
};
-
const scaleLabel = (0,external_wp_i18n_namespaceObject._x)('Scale', 'Image scaling options');
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, {
- __experimentalGroup: "dimensions"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
- className: "single-column",
- hasValue: () => !!height,
- label: (0,external_wp_i18n_namespaceObject.__)('Height'),
- onDeselect: () => setAttributes({
- height: undefined
- }),
- resetAllFilter: () => ({
- height: undefined
- }),
- isShownByDefault: true,
- panelId: clientId
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Height'),
- labelPosition: "top",
- value: height || '',
- min: 0,
- onChange: nextHeight => onDimensionChange('height', nextHeight),
- units: units
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
- className: "single-column",
- hasValue: () => !!width,
- label: (0,external_wp_i18n_namespaceObject.__)('Width'),
- onDeselect: () => setAttributes({
- width: undefined
- }),
- resetAllFilter: () => ({
- width: undefined
- }),
- isShownByDefault: true,
- panelId: clientId
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Width'),
- labelPosition: "top",
- value: width || '',
- min: 0,
- onChange: nextWidth => onDimensionChange('width', nextWidth),
- units: units
- })), !!height && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
- hasValue: () => !!scale && scale !== DEFAULT_SCALE,
- label: scaleLabel,
- onDeselect: () => setAttributes({
- scale: DEFAULT_SCALE
- }),
- resetAllFilter: () => ({
- scale: DEFAULT_SCALE
- }),
- isShownByDefault: true,
- panelId: clientId
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, {
- label: scaleLabel,
- value: scale,
- help: scaleHelp[scale],
- onChange: value => setAttributes({
- scale: value
- }),
- isBlock: true
- }, SCALE_OPTIONS)), !!imageSizeOptions.length && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
- hasValue: () => !!sizeSlug,
- label: (0,external_wp_i18n_namespaceObject.__)('Image size'),
- onDeselect: () => setAttributes({
- sizeSlug: undefined
- }),
- resetAllFilter: () => ({
- sizeSlug: undefined
- }),
- isShownByDefault: false,
- panelId: clientId
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Image size'),
- value: sizeSlug || DEFAULT_SIZE,
- options: imageSizeOptions,
- onChange: nextSizeSlug => setAttributes({
- sizeSlug: nextSizeSlug
- }),
- help: (0,external_wp_i18n_namespaceObject.__)('Select the size of the source image.')
- })));
-};
-
-/* harmony default export */ var dimension_controls = (DimensionControls);
+ const showScaleControl = height || aspectRatio && aspectRatio !== 'auto';
+ const themeOptions = themeRatios?.map(({
+ name,
+ ratio
+ }) => ({
+ label: name,
+ value: ratio
+ }));
+ const defaultOptions = defaultRatios?.map(({
+ name,
+ ratio
+ }) => ({
+ label: name,
+ value: ratio
+ }));
+ const aspectRatioOptions = [{
+ label: (0,external_wp_i18n_namespaceObject._x)('Original', 'Aspect ratio option for dimensions control'),
+ value: 'auto'
+ }, ...(showDefaultRatios ? defaultOptions : []), ...(themeOptions ? themeOptions : [])];
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ hasValue: () => !!aspectRatio,
+ label: (0,external_wp_i18n_namespaceObject.__)('Aspect ratio'),
+ onDeselect: () => setAttributes({
+ aspectRatio: undefined
+ }),
+ resetAllFilter: () => ({
+ aspectRatio: undefined
+ }),
+ isShownByDefault: true,
+ panelId: clientId,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Aspect ratio'),
+ value: aspectRatio,
+ options: aspectRatioOptions,
+ onChange: nextAspectRatio => setAttributes({
+ aspectRatio: nextAspectRatio
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ className: "single-column",
+ hasValue: () => !!height,
+ label: (0,external_wp_i18n_namespaceObject.__)('Height'),
+ onDeselect: () => setAttributes({
+ height: undefined
+ }),
+ resetAllFilter: () => ({
+ height: undefined
+ }),
+ isShownByDefault: true,
+ panelId: clientId,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalUnitControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Height'),
+ labelPosition: "top",
+ value: height || '',
+ min: 0,
+ onChange: nextHeight => onDimensionChange('height', nextHeight),
+ units: units
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ className: "single-column",
+ hasValue: () => !!width,
+ label: (0,external_wp_i18n_namespaceObject.__)('Width'),
+ onDeselect: () => setAttributes({
+ width: undefined
+ }),
+ resetAllFilter: () => ({
+ width: undefined
+ }),
+ isShownByDefault: true,
+ panelId: clientId,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalUnitControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Width'),
+ labelPosition: "top",
+ value: width || '',
+ min: 0,
+ onChange: nextWidth => onDimensionChange('width', nextWidth),
+ units: units
+ })
+ }), showScaleControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ hasValue: () => !!scale && scale !== DEFAULT_SCALE,
+ label: scaleLabel,
+ onDeselect: () => setAttributes({
+ scale: DEFAULT_SCALE
+ }),
+ resetAllFilter: () => ({
+ scale: DEFAULT_SCALE
+ }),
+ isShownByDefault: true,
+ panelId: clientId,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, {
+ __nextHasNoMarginBottom: true,
+ label: scaleLabel,
+ value: scale,
+ help: scaleHelp[scale],
+ onChange: value => setAttributes({
+ scale: value
+ }),
+ isBlock: true,
+ children: SCALE_OPTIONS
+ })
+ }), !!imageSizeOptions.length && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ hasValue: () => !!sizeSlug,
+ label: (0,external_wp_i18n_namespaceObject.__)('Resolution'),
+ onDeselect: () => setAttributes({
+ sizeSlug: undefined
+ }),
+ resetAllFilter: () => ({
+ sizeSlug: undefined
+ }),
+ isShownByDefault: false,
+ panelId: clientId,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Resolution'),
+ value: sizeSlug || DEFAULT_SIZE,
+ options: imageSizeOptions,
+ onChange: nextSizeSlug => setAttributes({
+ sizeSlug: nextSizeSlug
+ }),
+ help: (0,external_wp_i18n_namespaceObject.__)('Select the size of the source image.')
+ })
+ })]
+ });
+};
+/* harmony default export */ const dimension_controls = (DimensionControls);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-featured-image/overlay-controls.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+const Overlay = ({
+ clientId,
+ attributes,
+ setAttributes,
+ overlayColor,
+ setOverlayColor
+}) => {
+ const {
+ dimRatio
+ } = attributes;
+ const {
+ gradientValue,
+ setGradient
+ } = (0,external_wp_blockEditor_namespaceObject.__experimentalUseGradient)();
+ const colorGradientSettings = (0,external_wp_blockEditor_namespaceObject.__experimentalUseMultipleOriginColorsAndGradients)();
+ if (!colorGradientSettings.hasColorsOrGradients) {
+ return null;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalColorGradientSettingsDropdown, {
+ __experimentalIsRenderedInSidebar: true,
+ settings: [{
+ colorValue: overlayColor.color,
+ gradientValue,
+ label: (0,external_wp_i18n_namespaceObject.__)('Overlay'),
+ onColorChange: setOverlayColor,
+ onGradientChange: setGradient,
+ isShownByDefault: true,
+ resetAllFilter: () => ({
+ overlayColor: undefined,
+ customOverlayColor: undefined,
+ gradient: undefined,
+ customGradient: undefined
+ })
+ }],
+ panelId: clientId,
+ ...colorGradientSettings
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ hasValue: () => dimRatio !== undefined,
+ label: (0,external_wp_i18n_namespaceObject.__)('Overlay opacity'),
+ onDeselect: () => setAttributes({
+ dimRatio: 0
+ }),
+ resetAllFilter: () => ({
+ dimRatio: 0
+ }),
+ isShownByDefault: true,
+ panelId: clientId,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Overlay opacity'),
+ value: dimRatio,
+ onChange: newDimRatio => setAttributes({
+ dimRatio: newDimRatio
+ }),
+ min: 0,
+ max: 100,
+ step: 10,
+ required: true,
+ __next40pxDefaultSize: true
+ })
+ })]
+ });
+};
+/* harmony default export */ const overlay_controls = ((0,external_wp_compose_namespaceObject.compose)([(0,external_wp_blockEditor_namespaceObject.withColors)({
+ overlayColor: 'background-color'
+})])(Overlay));
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-featured-image/utils.js
+/**
+ * Generates the opacity/dim class based on given number.
+ *
+ * @param {number} ratio Dim/opacity number.
+ *
+ * @return {string} Generated class.
+ */
+function utils_dimRatioToClass(ratio) {
+ return ratio === undefined ? null : 'has-background-dim-' + 10 * Math.round(ratio / 10);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-featured-image/overlay.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+const overlay_Overlay = ({
+ attributes,
+ overlayColor
+}) => {
+ const {
+ dimRatio
+ } = attributes;
+ const {
+ gradientClass,
+ gradientValue
+ } = (0,external_wp_blockEditor_namespaceObject.__experimentalUseGradient)();
+ const colorGradientSettings = (0,external_wp_blockEditor_namespaceObject.__experimentalUseMultipleOriginColorsAndGradients)();
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseBorderProps)(attributes);
+ const overlayStyles = {
+ backgroundColor: overlayColor.color,
+ backgroundImage: gradientValue,
+ ...borderProps.style
+ };
+ if (!colorGradientSettings.hasColorsOrGradients || !dimRatio) {
+ return null;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ "aria-hidden": "true",
+ className: dist_clsx('wp-block-post-featured-image__overlay', utils_dimRatioToClass(dimRatio), {
+ [overlayColor.class]: overlayColor.class,
+ 'has-background-dim': dimRatio !== undefined,
+ 'has-background-gradient': gradientValue,
+ [gradientClass]: gradientClass
+ }, borderProps.className),
+ style: overlayStyles
+ });
+};
+/* harmony default export */ const overlay = ((0,external_wp_compose_namespaceObject.compose)([(0,external_wp_blockEditor_namespaceObject.withColors)({
+ overlayColor: 'background-color'
+})])(overlay_Overlay));
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-featured-image/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-const placeholderIllustration = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- className: "components-placeholder__illustration",
- fill: "none",
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 60 60",
- preserveAspectRatio: "none"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- vectorEffect: "non-scaling-stroke",
- d: "M60 60 0 0"
-}));
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
const post_featured_image_edit_ALLOWED_MEDIA_TYPES = ['image'];
-const placeholderChip = (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-post-featured-image__placeholder"
-}, placeholderIllustration);
-
function getMediaSourceUrlBySizeSlug(media, slug) {
- var _media$media_details, _media$media_details$, _media$media_details$2;
-
- return (media === null || media === void 0 ? void 0 : (_media$media_details = media.media_details) === null || _media$media_details === void 0 ? void 0 : (_media$media_details$ = _media$media_details.sizes) === null || _media$media_details$ === void 0 ? void 0 : (_media$media_details$2 = _media$media_details$[slug]) === null || _media$media_details$2 === void 0 ? void 0 : _media$media_details$2.source_url) || (media === null || media === void 0 ? void 0 : media.source_url);
-}
-
-function PostFeaturedImageDisplay(_ref) {
- let {
- clientId,
- attributes,
- setAttributes,
- context: {
- postId,
- postType: postTypeSlug,
- queryId
- }
- } = _ref;
+ return media?.media_details?.sizes?.[slug]?.source_url || media?.source_url;
+}
+const disabledClickProps = {
+ onClick: event => event.preventDefault(),
+ 'aria-disabled': true
+};
+function PostFeaturedImageEdit({
+ clientId,
+ attributes,
+ setAttributes,
+ context: {
+ postId,
+ postType: postTypeSlug,
+ queryId
+ }
+}) {
const isDescendentOfQueryLoop = Number.isFinite(queryId);
const {
isLink,
+ aspectRatio,
height,
width,
scale,
- sizeSlug
- } = attributes;
- const [featuredImage, setFeaturedImage] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postTypeSlug, 'featured_media', postId);
+ sizeSlug,
+ rel,
+ linkTarget,
+ useFirstImageFromPost
+ } = attributes;
+ const [temporaryURL, setTemporaryURL] = (0,external_wp_element_namespaceObject.useState)();
+ const [storedFeaturedImage, setFeaturedImage] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postTypeSlug, 'featured_media', postId);
+
+ // Fallback to post content if no featured image is set.
+ // This is needed for the "Use first image from post" option.
+ const [postContent] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postTypeSlug, 'content', postId);
+ const featuredImage = (0,external_wp_element_namespaceObject.useMemo)(() => {
+ if (storedFeaturedImage) {
+ return storedFeaturedImage;
+ }
+ if (!useFirstImageFromPost) {
+ return;
+ }
+ const imageOpener = /<!--\s+wp:(?:core\/)?image\s+(?<attrs>{(?:(?:[^}]+|}+(?=})|(?!}\s+\/?-->).)*)?}\s+)?-->/.exec(postContent);
+ const imageId = imageOpener?.groups?.attrs && JSON.parse(imageOpener.groups.attrs)?.id;
+ return imageId;
+ }, [storedFeaturedImage, useFirstImageFromPost, postContent]);
const {
media,
- postType
+ postType,
+ postPermalink
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
getMedia,
- getPostType
+ getPostType,
+ getEditedEntityRecord
} = select(external_wp_coreData_namespaceObject.store);
return {
media: featuredImage && getMedia(featuredImage, {
context: 'view'
}),
- postType: postTypeSlug && getPostType(postTypeSlug)
- };
- }, [featuredImage, postTypeSlug]);
+ postType: postTypeSlug && getPostType(postTypeSlug),
+ postPermalink: getEditedEntityRecord('postType', postTypeSlug, postId)?.link
+ };
+ }, [featuredImage, postTypeSlug, postId]);
const mediaUrl = getMediaSourceUrlBySizeSlug(media, sizeSlug);
- const imageSizes = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getSettings().imageSizes, []);
- const imageSizeOptions = imageSizes.filter(_ref2 => {
- var _media$media_details2, _media$media_details3, _media$media_details4;
-
- let {
- slug
- } = _ref2;
- return media === null || media === void 0 ? void 0 : (_media$media_details2 = media.media_details) === null || _media$media_details2 === void 0 ? void 0 : (_media$media_details3 = _media$media_details2.sizes) === null || _media$media_details3 === void 0 ? void 0 : (_media$media_details4 = _media$media_details3[slug]) === null || _media$media_details4 === void 0 ? void 0 : _media$media_details4.source_url;
- }).map(_ref3 => {
- let {
- name,
- slug
- } = _ref3;
- return {
- value: slug,
- label: name
- };
- });
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
style: {
width,
- height
- }
- });
-
+ height,
+ aspectRatio
+ },
+ className: dist_clsx({
+ 'is-transient': temporaryURL
+ })
+ });
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseBorderProps)(attributes);
+ const shadowProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetShadowClassesAndStyles)(attributes);
+ const blockEditingMode = (0,external_wp_blockEditor_namespaceObject.useBlockEditingMode)();
const placeholder = content => {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, {
- className: "block-editor-media-placeholder"
- }, placeholderIllustration, content);
- };
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ className: dist_clsx('block-editor-media-placeholder', borderProps.className),
+ withIllustration: true,
+ style: {
+ height: !!aspectRatio && '100%',
+ width: !!aspectRatio && '100%',
+ ...borderProps.style,
+ ...shadowProps.style
+ },
+ children: content
+ });
+ };
const onSelectImage = value => {
- if (value !== null && value !== void 0 && value.id) {
+ if (value?.id) {
setFeaturedImage(value.id);
}
- };
-
+ if (value?.url && (0,external_wp_blob_namespaceObject.isBlobURL)(value.url)) {
+ setTemporaryURL(value.url);
+ }
+ };
+
+ // Reset temporary url when media is available.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (mediaUrl && temporaryURL) {
+ setTemporaryURL();
+ }
+ }, [mediaUrl, temporaryURL]);
const {
createErrorNotice
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
-
const onUploadError = message => {
- createErrorNotice(message[2], {
+ createErrorNotice(message, {
type: 'snackbar'
});
- };
-
- const controls = (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(dimension_controls, {
- clientId: clientId,
- attributes: attributes,
- setAttributes: setAttributes,
- imageSizeOptions: imageSizeOptions
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Link settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: postType !== null && postType !== void 0 && postType.labels.singular_name ? (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: Name of the post type e.g: "post".
- (0,external_wp_i18n_namespaceObject.__)('Link to %s'), postType.labels.singular_name.toLowerCase()) : (0,external_wp_i18n_namespaceObject.__)('Link to post'),
- onChange: () => setAttributes({
- isLink: !isLink
- }),
- checked: isLink
- }))));
+ setTemporaryURL();
+ };
+ const controls = blockEditingMode === 'default' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "color",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(overlay_controls, {
+ attributes: attributes,
+ setAttributes: setAttributes,
+ clientId: clientId
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "dimensions",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(dimension_controls, {
+ clientId: clientId,
+ attributes: attributes,
+ setAttributes: setAttributes,
+ media: media
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: postType?.labels.singular_name ? (0,external_wp_i18n_namespaceObject.sprintf)(
+ // translators: %s: Name of the post type e.g: "Page".
+ (0,external_wp_i18n_namespaceObject.__)('Link to %s'), postType.labels.singular_name) : (0,external_wp_i18n_namespaceObject.__)('Link to post'),
+ onChange: () => setAttributes({
+ isLink: !isLink
+ }),
+ checked: isLink
+ }), isLink && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
+ onChange: value => setAttributes({
+ linkTarget: value ? '_blank' : '_self'
+ }),
+ checked: linkTarget === '_blank'
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link rel'),
+ value: rel,
+ onChange: newRel => setAttributes({
+ rel: newRel
+ })
+ })]
+ })]
+ })
+ })]
+ });
let image;
- if (!featuredImage && isDescendentOfQueryLoop) {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, controls, (0,external_wp_element_namespaceObject.createElement)("div", blockProps, placeholderChip));
- }
-
+ /**
+ * A Post Featured Image block should not have image replacement
+ * or upload options in the following cases:
+ * - Is placed in a Query Loop. This is a conscious decision to
+ * prevent content editing of different posts in Query Loop, and
+ * this could change in the future.
+ * - Is in a context where it does not have a postId (for example
+ * in a template or template part).
+ */
+ if (!featuredImage && (isDescendentOfQueryLoop || !postId)) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [controls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [!!isLink ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: postPermalink,
+ target: linkTarget,
+ ...disabledClickProps,
+ children: placeholder()
+ }) : placeholder(), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(overlay, {
+ attributes: attributes,
+ setAttributes: setAttributes,
+ clientId: clientId
+ })]
+ })]
+ });
+ }
const label = (0,external_wp_i18n_namespaceObject.__)('Add a featured image');
-
- if (!featuredImage) {
- image = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
+ const imageStyles = {
+ ...borderProps.style,
+ ...shadowProps.style,
+ height: aspectRatio ? '100%' : height,
+ width: !!aspectRatio && '100%',
+ objectFit: !!(height || aspectRatio) && scale
+ };
+
+ /**
+ * When the post featured image block is placed in a context where:
+ * - It has a postId (for example in a single post)
+ * - It is not inside a query loop
+ * - It has no image assigned yet
+ * Then display the placeholder with the image upload option.
+ */
+ if (!featuredImage && !temporaryURL) {
+ image = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
onSelect: onSelectImage,
accept: "image/*",
allowedTypes: post_featured_image_edit_ALLOWED_MEDIA_TYPES,
onError: onUploadError,
placeholder: placeholder,
- mediaLibraryButton: _ref4 => {
- let {
- open
- } = _ref4;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
+ mediaLibraryButton: ({
+ open
+ }) => {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
icon: library_upload,
variant: "primary",
label: label,
@@ -32560,41 +43505,53 @@
});
} else {
// We have a Featured image so show a Placeholder if is loading.
- image = !media ? placeholderChip : (0,external_wp_element_namespaceObject.createElement)("img", {
- src: mediaUrl,
- alt: media.alt_text ? (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %s: The image's alt text.
- (0,external_wp_i18n_namespaceObject.__)('Featured image: %s'), media.alt_text) : (0,external_wp_i18n_namespaceObject.__)('Featured image'),
- style: {
- height,
- objectFit: height && scale
- }
- });
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, controls, !!media && !isDescendentOfQueryLoop && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "other"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
- mediaId: featuredImage,
- mediaURL: mediaUrl,
- allowedTypes: post_featured_image_edit_ALLOWED_MEDIA_TYPES,
- accept: "image/*",
- onSelect: onSelectImage,
- onError: onUploadError
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
- onClick: () => setFeaturedImage(0)
- }, (0,external_wp_i18n_namespaceObject.__)('Reset')))), (0,external_wp_element_namespaceObject.createElement)("figure", blockProps, image));
-}
-
-function PostFeaturedImageEdit(props) {
- var _props$context;
-
- const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
-
- if (!((_props$context = props.context) !== null && _props$context !== void 0 && _props$context.postId)) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, placeholderChip);
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(PostFeaturedImageDisplay, props);
+ image = !media && !temporaryURL ? placeholder() : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ className: borderProps.className,
+ src: temporaryURL || mediaUrl,
+ alt: media && media?.alt_text ? (0,external_wp_i18n_namespaceObject.sprintf)(
+ // translators: %s: The image's alt text.
+ (0,external_wp_i18n_namespaceObject.__)('Featured image: %s'), media.alt_text) : (0,external_wp_i18n_namespaceObject.__)('Featured image'),
+ style: imageStyles
+ }), temporaryURL && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {})]
+ });
+ }
+
+ /**
+ * When the post featured image block:
+ * - Has an image assigned
+ * - Is not inside a query loop
+ * Then display the image and the image replacement option.
+ */
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [!temporaryURL && controls, !!media && !isDescendentOfQueryLoop && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
+ mediaId: featuredImage,
+ mediaURL: mediaUrl,
+ allowedTypes: post_featured_image_edit_ALLOWED_MEDIA_TYPES,
+ accept: "image/*",
+ onSelect: onSelectImage,
+ onError: onUploadError,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ onClick: () => setFeaturedImage(0),
+ children: (0,external_wp_i18n_namespaceObject.__)('Reset')
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...blockProps,
+ children: [!!isLink ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: postPermalink,
+ target: linkTarget,
+ ...disabledClickProps,
+ children: image
+ }) : image, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(overlay, {
+ attributes: attributes,
+ setAttributes: setAttributes,
+ clientId: clientId
+ })]
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-featured-image/index.js
@@ -32602,15 +43559,16 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const post_featured_image_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/post-featured-image",
- title: "Post Featured Image",
+ title: "Featured Image",
category: "theme",
description: "Display a post's featured image.",
textdomain: "default",
@@ -32619,6 +43577,9 @@
type: "boolean",
"default": false
},
+ aspectRatio: {
+ type: "string"
+ },
width: {
type: "string"
},
@@ -32631,20 +43592,75 @@
},
sizeSlug: {
type: "string"
+ },
+ rel: {
+ type: "string",
+ attribute: "rel",
+ "default": ""
+ },
+ linkTarget: {
+ type: "string",
+ "default": "_self"
+ },
+ overlayColor: {
+ type: "string"
+ },
+ customOverlayColor: {
+ type: "string"
+ },
+ dimRatio: {
+ type: "number",
+ "default": 0
+ },
+ gradient: {
+ type: "string"
+ },
+ customGradient: {
+ type: "string"
+ },
+ useFirstImageFromPost: {
+ type: "boolean",
+ "default": false
}
},
usesContext: ["postId", "postType", "queryId"],
supports: {
align: ["left", "right", "center", "wide", "full"],
color: {
- __experimentalDuotone: "img, .wp-block-post-featured-image__placeholder, .components-placeholder__illustration, .components-placeholder::before",
text: false,
background: false
},
+ __experimentalBorder: {
+ color: true,
+ radius: true,
+ width: true,
+ __experimentalSkipSerialization: true,
+ __experimentalDefaultControls: {
+ color: true,
+ radius: true,
+ width: true
+ }
+ },
+ filter: {
+ duotone: true
+ },
+ shadow: {
+ __experimentalSkipSerialization: true
+ },
html: false,
spacing: {
margin: true,
padding: true
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ },
+ selectors: {
+ border: ".wp-block-post-featured-image img, .wp-block-post-featured-image .block-editor-media-placeholder, .wp-block-post-featured-image .wp-block-post-featured-image__overlay",
+ shadow: ".wp-block-post-featured-image img, .wp-block-post-featured-image .components-placeholder",
+ filter: {
+ duotone: ".wp-block-post-featured-image img, .wp-block-post-featured-image .wp-block-post-featured-image__placeholder, .wp-block-post-featured-image .components-placeholder__illustration, .wp-block-post-featured-image .components-placeholder::before"
}
},
editorStyle: "wp-block-post-featured-image-editor",
@@ -32659,110 +43675,205 @@
icon: post_featured_image,
edit: PostFeaturedImageEdit
};
+const post_featured_image_init = () => initBlock({
+ name: post_featured_image_name,
+ metadata: post_featured_image_metadata,
+ settings: post_featured_image_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-navigation-link/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-function PostNavigationLinkEdit(_ref) {
- let {
- attributes: {
- type,
- label,
- showTitle,
- textAlign,
- linkLabel
- },
- setAttributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+function PostNavigationLinkEdit({
+ context: {
+ postType
+ },
+ attributes: {
+ type,
+ label,
+ showTitle,
+ textAlign,
+ linkLabel,
+ arrow,
+ taxonomy
+ },
+ setAttributes
+}) {
const isNext = type === 'next';
let placeholder = isNext ? (0,external_wp_i18n_namespaceObject.__)('Next') : (0,external_wp_i18n_namespaceObject.__)('Previous');
-
+ const arrowMap = {
+ none: '',
+ arrow: isNext ? '→' : '←',
+ chevron: isNext ? '»' : '«'
+ };
+ const displayArrow = arrowMap[arrow];
if (showTitle) {
/* translators: Label before for next and previous post. There is a space after the colon. */
placeholder = isNext ? (0,external_wp_i18n_namespaceObject.__)('Next: ') : (0,external_wp_i18n_namespaceObject.__)('Previous: ');
}
-
const ariaLabel = isNext ? (0,external_wp_i18n_namespaceObject.__)('Next post') : (0,external_wp_i18n_namespaceObject.__)('Previous post');
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
})
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Display the title as a link'),
- help: (0,external_wp_i18n_namespaceObject.__)('If you have entered a custom label, it will be prepended before the title.'),
- checked: !!showTitle,
- onChange: () => setAttributes({
- showTitle: !showTitle
- })
- }), showTitle && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Include the label as part of the link'),
- checked: !!linkLabel,
- onChange: () => setAttributes({
- linkLabel: !linkLabel
- })
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentToolbar, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- tagName: "a",
- "aria-label": ariaLabel,
- placeholder: placeholder,
- value: label,
- allowedFormats: ['core/bold', 'core/italic'],
- onChange: newLabel => setAttributes({
- label: newLabel
- })
- }), showTitle && (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "#post-navigation-pseudo-link",
- onClick: event => event.preventDefault()
- }, (0,external_wp_i18n_namespaceObject.__)('An example title'))));
+ const taxonomies = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getTaxonomies
+ } = select(external_wp_coreData_namespaceObject.store);
+ const filteredTaxonomies = getTaxonomies({
+ type: postType,
+ per_page: -1
+ });
+ return filteredTaxonomies;
+ }, [postType]);
+ const getTaxonomyOptions = () => {
+ const selectOption = {
+ label: (0,external_wp_i18n_namespaceObject.__)('Unfiltered'),
+ value: ''
+ };
+ const taxonomyOptions = (taxonomies !== null && taxonomies !== void 0 ? taxonomies : []).filter(({
+ visibility
+ }) => !!visibility?.publicly_queryable).map(item => {
+ return {
+ value: item.slug,
+ label: item.name
+ };
+ });
+ return [selectOption, ...taxonomyOptions];
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display the title as a link'),
+ help: (0,external_wp_i18n_namespaceObject.__)('If you have entered a custom label, it will be prepended before the title.'),
+ checked: !!showTitle,
+ onChange: () => setAttributes({
+ showTitle: !showTitle
+ })
+ }), showTitle && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Include the label as part of the link'),
+ checked: !!linkLabel,
+ onChange: () => setAttributes({
+ linkLabel: !linkLabel
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Arrow'),
+ value: arrow,
+ onChange: value => {
+ setAttributes({
+ arrow: value
+ });
+ },
+ help: (0,external_wp_i18n_namespaceObject.__)('A decorative arrow for the next and previous link.'),
+ isBlock: true,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "none",
+ label: (0,external_wp_i18n_namespaceObject._x)('None', 'Arrow option for Next/Previous link')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "arrow",
+ label: (0,external_wp_i18n_namespaceObject._x)('Arrow', 'Arrow option for Next/Previous link')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "chevron",
+ label: (0,external_wp_i18n_namespaceObject._x)('Chevron', 'Arrow option for Next/Previous link')
+ })]
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Filter by taxonomy'),
+ value: taxonomy,
+ options: getTaxonomyOptions(),
+ onChange: value => setAttributes({
+ taxonomy: value
+ }),
+ help: (0,external_wp_i18n_namespaceObject.__)('Only link to posts that have the same taxonomy terms as the current post. For example the same tags or categories.')
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentToolbar, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [!isNext && displayArrow && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: `wp-block-post-navigation-link__arrow-previous is-arrow-${arrow}`,
+ children: displayArrow
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ tagName: "a",
+ identifier: "label",
+ "aria-label": ariaLabel,
+ placeholder: placeholder,
+ value: label,
+ allowedFormats: ['core/bold', 'core/italic'],
+ onChange: newLabel => setAttributes({
+ label: newLabel
+ })
+ }), showTitle && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: "#post-navigation-pseudo-link",
+ onClick: event => event.preventDefault(),
+ children: (0,external_wp_i18n_namespaceObject.__)('An example title')
+ }), isNext && displayArrow && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: `wp-block-post-navigation-link__arrow-next is-arrow-${arrow}`,
+ "aria-hidden": true,
+ children: displayArrow
+ })]
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/next.js
-
-
-/**
- * WordPress dependencies
- */
-
-const next = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M6.6 6L5.4 7l4.5 5-4.5 5 1.1 1 5.5-6-5.4-6zm6 0l-1.1 1 4.5 5-4.5 5 1.1 1 5.5-6-5.5-6z"
-}));
-/* harmony default export */ var library_next = (next);
+/**
+ * WordPress dependencies
+ */
+
+
+const next = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M6.6 6L5.4 7l4.5 5-4.5 5 1.1 1 5.5-6-5.4-6zm6 0l-1.1 1 4.5 5-4.5 5 1.1 1 5.5-6-5.5-6z"
+ })
+});
+/* harmony default export */ const library_next = (next);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/previous.js
-
-
-/**
- * WordPress dependencies
- */
-
-const previous = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M11.6 7l-1.1-1L5 12l5.5 6 1.1-1L7 12l4.6-5zm6 0l-1.1-1-5.5 6 5.5 6 1.1-1-4.6-5 4.6-5z"
-}));
-/* harmony default export */ var library_previous = (previous);
+/**
+ * WordPress dependencies
+ */
+
+
+const previous = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M11.6 7l-1.1-1L5 12l5.5 6 1.1-1L7 12l4.6-5zm6 0l-1.1-1-5.5 6 5.5 6 1.1-1-4.6-5 4.6-5z"
+ })
+});
+/* harmony default export */ const library_previous = (previous);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-navigation-link/variations.js
/**
@@ -32790,26 +43901,28 @@
},
scope: ['inserter', 'transform']
}];
+
/**
* Add `isActive` function to all `post-navigation-link` variations, if not defined.
* `isActive` function is used to find a variation match from a created
* Block by providing its attributes.
*/
-
post_navigation_link_variations_variations.forEach(variation => {
- if (variation.isActive) return;
-
+ if (variation.isActive) {
+ return;
+ }
variation.isActive = (blockAttributes, variationAttributes) => blockAttributes.type === variationAttributes.type;
});
-/* harmony default export */ var post_navigation_link_variations = (post_navigation_link_variations_variations);
+/* harmony default export */ const post_navigation_link_variations = (post_navigation_link_variations_variations);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-navigation-link/index.js
/**
* Internal dependencies
*/
+
const post_navigation_link_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/post-navigation-link",
title: "Post Navigation Link",
category: "theme",
@@ -32833,23 +43946,42 @@
linkLabel: {
type: "boolean",
"default": false
- }
- },
+ },
+ arrow: {
+ type: "string",
+ "default": "none"
+ },
+ taxonomy: {
+ type: "string",
+ "default": ""
+ }
+ },
+ usesContext: ["postType"],
supports: {
reusable: false,
html: false,
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
- }
- }
+ color: {
+ link: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalWritingMode: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ },
+ style: "wp-block-post-navigation-link"
};
@@ -32861,18 +43993,24 @@
edit: PostNavigationLinkEdit,
variations: post_navigation_link_variations
};
+const post_navigation_link_init = () => initBlock({
+ name: post_navigation_link_name,
+ metadata: post_navigation_link_metadata,
+ settings: post_navigation_link_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-template/edit.js
-
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
@@ -32881,78 +44019,87 @@
const post_template_edit_TEMPLATE = [['core/post-title'], ['core/post-date'], ['core/post-excerpt']];
-
-function PostTemplateInnerBlocks() {
+function PostTemplateInnerBlocks({
+ classList
+}) {
const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({
- className: 'wp-block-post'
- }, {
- template: post_template_edit_TEMPLATE
- });
- return (0,external_wp_element_namespaceObject.createElement)("li", innerBlocksProps);
-}
-
-function PostTemplateBlockPreview(_ref) {
- let {
- blocks,
- blockContextId,
- isHidden,
- setActiveBlockContextId
- } = _ref;
+ className: dist_clsx('wp-block-post', classList)
+ }, {
+ template: post_template_edit_TEMPLATE,
+ __unstableDisableLayoutClassNames: true
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {
+ ...innerBlocksProps
+ });
+}
+function PostTemplateBlockPreview({
+ blocks,
+ blockContextId,
+ classList,
+ isHidden,
+ setActiveBlockContextId
+}) {
const blockPreviewProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseBlockPreview)({
blocks,
props: {
- className: 'wp-block-post'
- }
- });
-
+ className: dist_clsx('wp-block-post', classList)
+ }
+ });
const handleOnClick = () => {
setActiveBlockContextId(blockContextId);
};
-
const style = {
display: isHidden ? 'none' : undefined
};
- return (0,external_wp_element_namespaceObject.createElement)("li", _extends({}, blockPreviewProps, {
- tabIndex: 0 // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {
+ ...blockPreviewProps,
+ tabIndex: 0
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-element-to-interactive-role
,
role: "button",
onClick: handleOnClick,
onKeyPress: handleOnClick,
style: style
- }));
-}
-
+ });
+}
const MemoizedPostTemplateBlockPreview = (0,external_wp_element_namespaceObject.memo)(PostTemplateBlockPreview);
-function PostTemplateEdit(_ref2) {
- let {
- clientId,
- context: {
- query: {
- perPage,
- offset,
- postType,
- order,
- orderBy,
- author,
- search,
- exclude,
- sticky,
- inherit,
- taxQuery
- } = {},
- queryContext = [{
- page: 1
- }],
- templateSlug,
- displayLayout: {
- type: layoutType = 'flex',
- columns = 1
- } = {}
- }
- } = _ref2;
- const [{
- page
- }] = queryContext;
+function PostTemplateEdit({
+ setAttributes,
+ clientId,
+ context: {
+ query: {
+ perPage,
+ offset = 0,
+ postType,
+ order,
+ orderBy,
+ author,
+ search,
+ exclude,
+ sticky,
+ inherit,
+ taxQuery,
+ parents,
+ pages,
+ // We gather extra query args to pass to the REST API call.
+ // This way extenders of Query Loop can add their own query args,
+ // and have accurate previews in the editor.
+ // Noting though that these args should either be supported by the
+ // REST API or be handled by custom REST filters like `rest_{$this->post_type}_query`.
+ ...restQueryArgs
+ } = {},
+ templateSlug,
+ previewPostType
+ },
+ attributes: {
+ layout
+ },
+ __unstableLayoutClassNames
+}) {
+ const {
+ type: layoutType,
+ columnCount = 3
+ } = layout || {};
const [activeBlockContextId, setActiveBlockContextId] = (0,external_wp_element_namespaceObject.useState)();
const {
posts,
@@ -32965,126 +44112,164 @@
const {
getBlocks
} = select(external_wp_blockEditor_namespaceObject.store);
- const taxonomies = getTaxonomies({
- type: postType,
- per_page: -1,
- context: 'view'
+ const templateCategory = inherit && templateSlug?.startsWith('category-') && getEntityRecords('taxonomy', 'category', {
+ context: 'view',
+ per_page: 1,
+ _fields: ['id'],
+ slug: templateSlug.replace('category-', '')
});
const query = {
- offset: perPage ? perPage * (page - 1) + offset : 0,
+ offset: offset || 0,
order,
orderby: orderBy
};
-
- if (taxQuery) {
+ // There is no need to build the taxQuery if we inherit.
+ if (taxQuery && !inherit) {
+ const taxonomies = getTaxonomies({
+ type: postType,
+ per_page: -1,
+ context: 'view'
+ });
// We have to build the tax query for the REST API and use as
// keys the taxonomies `rest_base` with the `term ids` as values.
- const builtTaxQuery = Object.entries(taxQuery).reduce((accumulator, _ref3) => {
- let [taxonomySlug, terms] = _ref3;
- const taxonomy = taxonomies === null || taxonomies === void 0 ? void 0 : taxonomies.find(_ref4 => {
- let {
- slug
- } = _ref4;
- return slug === taxonomySlug;
- });
-
- if (taxonomy !== null && taxonomy !== void 0 && taxonomy.rest_base) {
- accumulator[taxonomy === null || taxonomy === void 0 ? void 0 : taxonomy.rest_base] = terms;
- }
-
+ const builtTaxQuery = Object.entries(taxQuery).reduce((accumulator, [taxonomySlug, terms]) => {
+ const taxonomy = taxonomies?.find(({
+ slug
+ }) => slug === taxonomySlug);
+ if (taxonomy?.rest_base) {
+ accumulator[taxonomy?.rest_base] = terms;
+ }
return accumulator;
}, {});
-
if (!!Object.keys(builtTaxQuery).length) {
Object.assign(query, builtTaxQuery);
}
}
-
if (perPage) {
query.per_page = perPage;
}
-
if (author) {
query.author = author;
}
-
if (search) {
query.search = search;
}
-
- if (exclude !== null && exclude !== void 0 && exclude.length) {
+ if (exclude?.length) {
query.exclude = exclude;
- } // If sticky is not set, it will return all posts in the results.
+ }
+ if (parents?.length) {
+ query.parent = parents;
+ }
+ // If sticky is not set, it will return all posts in the results.
// If sticky is set to `only`, it will limit the results to sticky posts only.
// If it is anything else, it will exclude sticky posts from results. For the record the value stored is `exclude`.
-
-
if (sticky) {
query.sticky = sticky === 'only';
- } // If `inherit` is truthy, adjust conditionally the query to create a better preview.
-
-
+ }
+ // If `inherit` is truthy, adjust conditionally the query to create a better preview.
if (inherit) {
// Change the post-type if needed.
- if (templateSlug !== null && templateSlug !== void 0 && templateSlug.startsWith('archive-')) {
+ if (templateSlug?.startsWith('archive-')) {
query.postType = templateSlug.replace('archive-', '');
postType = query.postType;
- }
- }
-
- return {
- posts: getEntityRecords('postType', postType, query),
+ } else if (templateCategory) {
+ query.categories = templateCategory[0]?.id;
+ }
+ }
+ // When we preview Query Loop blocks we should prefer the current
+ // block's postType, which is passed through block context.
+ const usedPostType = previewPostType || postType;
+ return {
+ posts: getEntityRecords('postType', usedPostType, {
+ ...query,
+ ...restQueryArgs
+ }),
blocks: getBlocks(clientId)
};
- }, [perPage, page, offset, order, orderBy, clientId, author, search, postType, exclude, sticky, inherit, templateSlug, taxQuery]);
- const blockContexts = (0,external_wp_element_namespaceObject.useMemo)(() => posts === null || posts === void 0 ? void 0 : posts.map(post => ({
- postType: post.type,
- postId: post.id
- })), [posts]);
- const hasLayoutFlex = layoutType === 'flex' && columns > 1;
+ }, [perPage, offset, order, orderBy, clientId, author, search, postType, exclude, sticky, inherit, templateSlug, taxQuery, parents, restQueryArgs, previewPostType]);
+ const blockContexts = (0,external_wp_element_namespaceObject.useMemo)(() => posts?.map(post => {
+ var _post$class_list;
+ return {
+ postType: post.type,
+ postId: post.id,
+ classList: (_post$class_list = post.class_list) !== null && _post$class_list !== void 0 ? _post$class_list : ''
+ };
+ }), [posts]);
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
- 'is-flex-container': hasLayoutFlex,
- [`columns-${columns}`]: hasLayoutFlex
- })
- });
-
+ className: dist_clsx(__unstableLayoutClassNames, {
+ [`columns-${columnCount}`]: layoutType === 'grid' && columnCount // Ensure column count is flagged via classname for backwards compatibility.
+ })
+ });
if (!posts) {
- return (0,external_wp_element_namespaceObject.createElement)("p", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null));
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {})
+ });
+ }
if (!posts.length) {
- return (0,external_wp_element_namespaceObject.createElement)("p", blockProps, " ", (0,external_wp_i18n_namespaceObject.__)('No results found.'));
- } // To avoid flicker when switching active block contexts, a preview is rendered
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("p", {
+ ...blockProps,
+ children: [" ", (0,external_wp_i18n_namespaceObject.__)('No results found.')]
+ });
+ }
+ const setDisplayLayout = newDisplayLayout => setAttributes({
+ layout: {
+ ...layout,
+ ...newDisplayLayout
+ }
+ });
+ const displayLayoutControls = [{
+ icon: library_list,
+ title: (0,external_wp_i18n_namespaceObject._x)('List view', 'Post template block display setting'),
+ onClick: () => setDisplayLayout({
+ type: 'default'
+ }),
+ isActive: layoutType === 'default' || layoutType === 'constrained'
+ }, {
+ icon: library_grid,
+ title: (0,external_wp_i18n_namespaceObject._x)('Grid view', 'Post template block display setting'),
+ onClick: () => setDisplayLayout({
+ type: 'grid',
+ columnCount
+ }),
+ isActive: layoutType === 'grid'
+ }];
+
+ // To avoid flicker when switching active block contexts, a preview is rendered
// for each block context, but the preview for the active block context is hidden.
// This ensures that when it is displayed again, the cached rendering of the
// block preview is used, instead of having to re-render the preview from scratch.
-
-
- return (0,external_wp_element_namespaceObject.createElement)("ul", blockProps, blockContexts && blockContexts.map(blockContext => {
- var _blockContexts$, _blockContexts$2;
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockContextProvider, {
- key: blockContext.postId,
- value: blockContext
- }, blockContext.postId === (activeBlockContextId || ((_blockContexts$ = blockContexts[0]) === null || _blockContexts$ === void 0 ? void 0 : _blockContexts$.postId)) ? (0,external_wp_element_namespaceObject.createElement)(PostTemplateInnerBlocks, null) : null, (0,external_wp_element_namespaceObject.createElement)(MemoizedPostTemplateBlockPreview, {
- blocks: blocks,
- blockContextId: blockContext.postId,
- setActiveBlockContextId: setActiveBlockContextId,
- isHidden: blockContext.postId === (activeBlockContextId || ((_blockContexts$2 = blockContexts[0]) === null || _blockContexts$2 === void 0 ? void 0 : _blockContexts$2.postId))
- }));
- }));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ controls: displayLayoutControls
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ ...blockProps,
+ children: blockContexts && blockContexts.map(blockContext => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockContextProvider, {
+ value: blockContext,
+ children: [blockContext.postId === (activeBlockContextId || blockContexts[0]?.postId) ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PostTemplateInnerBlocks, {
+ classList: blockContext.classList
+ }) : null, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MemoizedPostTemplateBlockPreview, {
+ blocks: blocks,
+ blockContextId: blockContext.postId,
+ classList: blockContext.classList,
+ setActiveBlockContextId: setActiveBlockContextId,
+ isHidden: blockContext.postId === (activeBlockContextId || blockContexts[0]?.postId)
+ })]
+ }, blockContext.postId))
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-template/save.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
function PostTemplateSave() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-template/index.js
@@ -33092,26 +44277,57 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const post_template_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/post-template",
title: "Post Template",
category: "theme",
parent: ["core/query"],
description: "Contains the block elements used to render a post, like the title, date, featured image, content or excerpt, and more.",
textdomain: "default",
- usesContext: ["queryId", "query", "queryContext", "displayLayout", "templateSlug"],
+ usesContext: ["queryId", "query", "displayLayout", "templateSlug", "previewPostType", "enhancedPagination"],
supports: {
reusable: false,
html: false,
- align: true,
- __experimentalLayout: {
- allowEditing: false
+ align: ["wide", "full"],
+ layout: true,
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ spacing: {
+ blockGap: {
+ __experimentalDefault: "1.25em"
+ },
+ __experimentalDefaultControls: {
+ blockGap: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
},
style: "wp-block-post-template",
@@ -33128,6 +44344,28 @@
edit: PostTemplateEdit,
save: PostTemplateSave
};
+const post_template_init = () => initBlock({
+ name: post_template_name,
+ metadata: post_template_metadata,
+ settings: post_template_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-categories.js
+/**
+ * WordPress dependencies
+ */
+
+
+const postCategories = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M20 4H4v1.5h16V4zm-2 9h-3c-1.1 0-2 .9-2 2v3c0 1.1.9 2 2 2h3c1.1 0 2-.9 2-2v-3c0-1.1-.9-2-2-2zm.5 5c0 .3-.2.5-.5.5h-3c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h3c.3 0 .5.2.5.5v3zM4 9.5h9V8H4v1.5zM9 13H6c-1.1 0-2 .9-2 2v3c0 1.1.9 2 2 2h3c1.1 0 2-.9 2-2v-3c0-1.1-.9-2-2-2zm.5 5c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h3c.3 0 .5.2.5.5v3z",
+ fillRule: "evenodd",
+ clipRule: "evenodd"
+ })
+});
+/* harmony default export */ const post_categories = (postCategories);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-terms/use-post-terms.js
/**
@@ -33135,116 +44373,96 @@
*/
-function usePostTerms(_ref) {
- var _term$visibility2;
-
- let {
- postId,
- postType,
- term
- } = _ref;
- const {
- rest_base: restBase,
+const use_post_terms_EMPTY_ARRAY = [];
+function usePostTerms({
+ postId,
+ term
+}) {
+ const {
slug
} = term;
- const [termIds] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, restBase, postId);
return (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _term$visibility;
-
- const visible = term === null || term === void 0 ? void 0 : (_term$visibility = term.visibility) === null || _term$visibility === void 0 ? void 0 : _term$visibility.publicly_queryable;
-
+ const visible = term?.visibility?.publicly_queryable;
if (!visible) {
return {
- postTerms: [],
- _isLoading: false,
+ postTerms: use_post_terms_EMPTY_ARRAY,
+ isLoading: false,
hasPostTerms: false
};
}
-
- if (!termIds) {
- var _term$postTerms;
-
- // Waiting for post terms to be fetched.
- return {
- isLoading: term === null || term === void 0 ? void 0 : (_term$postTerms = term.postTerms) === null || _term$postTerms === void 0 ? void 0 : _term$postTerms.includes(postType)
- };
- }
-
- if (!termIds.length) {
- return {
- isLoading: false
- };
- }
-
const {
getEntityRecords,
isResolving
} = select(external_wp_coreData_namespaceObject.store);
const taxonomyArgs = ['taxonomy', slug, {
- include: termIds,
+ post: postId,
+ per_page: -1,
context: 'view'
}];
const terms = getEntityRecords(...taxonomyArgs);
-
- const _isLoading = isResolving('getEntityRecords', taxonomyArgs);
-
return {
postTerms: terms,
- isLoading: _isLoading,
- hasPostTerms: !!(terms !== null && terms !== void 0 && terms.length)
- };
- }, [termIds, term === null || term === void 0 ? void 0 : (_term$visibility2 = term.visibility) === null || _term$visibility2 === void 0 ? void 0 : _term$visibility2.publicly_queryable]);
+ isLoading: isResolving('getEntityRecords', taxonomyArgs),
+ hasPostTerms: !!terms?.length
+ };
+ }, [postId, term?.visibility?.publicly_queryable, slug]);
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-terms/edit.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-function PostTermsEdit(_ref) {
- var _selectedTerm$labels;
-
- let {
- attributes,
- clientId,
- context,
- setAttributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+// Allowed formats for the prefix and suffix fields.
+
+
+
+const ALLOWED_FORMATS = ['core/bold', 'core/image', 'core/italic', 'core/link', 'core/strikethrough', 'core/text-color'];
+function PostTermsEdit({
+ attributes,
+ clientId,
+ context,
+ isSelected,
+ setAttributes,
+ insertBlocksAfter
+}) {
const {
term,
textAlign,
- separator
+ separator,
+ prefix,
+ suffix
} = attributes;
const {
postId,
postType
} = context;
const selectedTerm = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _taxonomy$visibility;
-
- if (!term) return {};
+ if (!term) {
+ return {};
+ }
const {
getTaxonomy
} = select(external_wp_coreData_namespaceObject.store);
const taxonomy = getTaxonomy(term);
- return taxonomy !== null && taxonomy !== void 0 && (_taxonomy$visibility = taxonomy.visibility) !== null && _taxonomy$visibility !== void 0 && _taxonomy$visibility.publicly_queryable ? taxonomy : {};
+ return taxonomy?.visibility?.publicly_queryable ? taxonomy : {};
}, [term]);
const {
postTerms,
@@ -33252,117 +44470,141 @@
isLoading
} = usePostTerms({
postId,
- postType,
term: selectedTerm
});
const hasPost = postId && postType;
const blockInformation = (0,external_wp_blockEditor_namespaceObject.useBlockDisplayInformation)(clientId);
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign,
[`taxonomy-${term}`]: term
})
});
-
- if (!hasPost || !term) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, blockInformation.title);
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentToolbar, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, {
- __experimentalGroup: "advanced"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- autoComplete: "off",
- label: (0,external_wp_i18n_namespaceObject.__)('Separator'),
- value: separator || '',
- onChange: nextValue => {
- setAttributes({
- separator: nextValue
- });
- },
- help: (0,external_wp_i18n_namespaceObject.__)('Enter character(s) used to separate terms.')
- })), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, isLoading && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null), !isLoading && hasPostTerms && postTerms.map(postTerm => (0,external_wp_element_namespaceObject.createElement)("a", {
- key: postTerm.id,
- href: postTerm.link,
- onClick: event => event.preventDefault()
- }, (0,external_lodash_namespaceObject.unescape)(postTerm.name))).reduce((prev, curr) => (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, prev, (0,external_wp_element_namespaceObject.createElement)("span", {
- className: "wp-block-post-terms__separator"
- }, separator || ' '), curr)), !isLoading && !hasPostTerms && ((selectedTerm === null || selectedTerm === void 0 ? void 0 : (_selectedTerm$labels = selectedTerm.labels) === null || _selectedTerm$labels === void 0 ? void 0 : _selectedTerm$labels.no_terms) || (0,external_wp_i18n_namespaceObject.__)('Term items not found.'))));
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-categories.js
-
-
-/**
- * WordPress dependencies
- */
-
-const postCategories = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M20 4H4v1.5h16V4zm-2 9h-3c-1.1 0-2 .9-2 2v3c0 1.1.9 2 2 2h3c1.1 0 2-.9 2-2v-3c0-1.1-.9-2-2-2zm.5 5c0 .3-.2.5-.5.5h-3c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h3c.3 0 .5.2.5.5v3zM4 9.5h9V8H4v1.5zM9 13H6c-1.1 0-2 .9-2 2v3c0 1.1.9 2 2 2h3c1.1 0 2-.9 2-2v-3c0-1.1-.9-2-2-2zm.5 5c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-3c0-.3.2-.5.5-.5h3c.3 0 .5.2.5.5v3z",
- fillRule: "evenodd",
- clipRule: "evenodd"
-}));
-/* harmony default export */ var post_categories = (postCategories);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentToolbar, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ autoComplete: "off",
+ label: (0,external_wp_i18n_namespaceObject.__)('Separator'),
+ value: separator || '',
+ onChange: nextValue => {
+ setAttributes({
+ separator: nextValue
+ });
+ },
+ help: (0,external_wp_i18n_namespaceObject.__)('Enter character(s) used to separate terms.')
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [isLoading && hasPost && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {}), !isLoading && (isSelected || prefix) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "prefix",
+ allowedFormats: ALLOWED_FORMATS,
+ className: "wp-block-post-terms__prefix",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Prefix'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Prefix') + ' ',
+ value: prefix,
+ onChange: value => setAttributes({
+ prefix: value
+ }),
+ tagName: "span"
+ }), (!hasPost || !term) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ children: blockInformation.title
+ }), hasPost && !isLoading && hasPostTerms && postTerms.map(postTerm => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: postTerm.link,
+ onClick: event => event.preventDefault(),
+ children: (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(postTerm.name)
+ }, postTerm.id)).reduce((prev, curr) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [prev, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: "wp-block-post-terms__separator",
+ children: separator || ' '
+ }), curr]
+ })), hasPost && !isLoading && !hasPostTerms && (selectedTerm?.labels?.no_terms || (0,external_wp_i18n_namespaceObject.__)('Term items not found.')), !isLoading && (isSelected || suffix) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "suffix",
+ allowedFormats: ALLOWED_FORMATS,
+ className: "wp-block-post-terms__suffix",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Suffix'),
+ placeholder: ' ' + (0,external_wp_i18n_namespaceObject.__)('Suffix'),
+ value: suffix,
+ onChange: value => setAttributes({
+ suffix: value
+ }),
+ tagName: "span",
+ __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)()))
+ })]
+ })]
+ });
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/post-terms.js
-
-
-/**
- * WordPress dependencies
- */
-
-const postTerms = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M8.1 12.3c.1.1.3.3.5.3.2.1.4.1.6.1.2 0 .4 0 .6-.1.2-.1.4-.2.5-.3l3-3c.3-.3.5-.7.5-1.1 0-.4-.2-.8-.5-1.1L9.7 3.5c-.1-.2-.3-.3-.5-.3H5c-.4 0-.8.4-.8.8v4.2c0 .2.1.4.2.5l3.7 3.6zM5.8 4.8h3.1l3.4 3.4v.1l-3 3 .5.5-.7-.5-3.3-3.4V4.8zM4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4z"
-}));
-/* harmony default export */ var post_terms = (postTerms);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-terms/variations.js
-/**
- * WordPress dependencies
- */
-
-
-const post_terms_variations_variations = [{
- name: 'category',
- title: (0,external_wp_i18n_namespaceObject.__)('Post Categories'),
- description: (0,external_wp_i18n_namespaceObject.__)("Display a post's categories."),
- icon: post_categories,
- isDefault: true,
- attributes: {
- term: 'category'
- },
- isActive: blockAttributes => blockAttributes.term === 'category'
-}, {
- name: 'post_tag',
- title: (0,external_wp_i18n_namespaceObject.__)('Post Tags'),
- description: (0,external_wp_i18n_namespaceObject.__)("Display a post's tags."),
- icon: post_terms,
- attributes: {
- term: 'post_tag'
- },
- isActive: blockAttributes => blockAttributes.term === 'post_tag'
-}];
-/* harmony default export */ var post_terms_variations = (post_terms_variations_variations);
+/**
+ * WordPress dependencies
+ */
+
+
+const postTerms = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M8.1 12.3c.1.1.3.3.5.3.2.1.4.1.6.1.2 0 .4 0 .6-.1.2-.1.4-.2.5-.3l3-3c.3-.3.5-.7.5-1.1 0-.4-.2-.8-.5-1.1L9.7 3.5c-.1-.2-.3-.3-.5-.3H5c-.4 0-.8.4-.8.8v4.2c0 .2.1.4.2.5l3.7 3.6zM5.8 4.8h3.1l3.4 3.4v.1l-3 3 .5.5-.7-.5-3.3-3.4V4.8zM4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4z"
+ })
+});
+/* harmony default export */ const post_terms = (postTerms);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-terms/hooks.js
+/**
+ * WordPress dependencies
+ */
+
+const variationIconMap = {
+ category: post_categories,
+ post_tag: post_terms
+};
+
+// We add `icons` to categories and tags. The remaining ones use
+// the block's default icon.
+function enhanceVariations(settings, name) {
+ if (name !== 'core/post-terms') {
+ return settings;
+ }
+ const variations = settings.variations.map(variation => {
+ var _variationIconMap$var;
+ return {
+ ...variation,
+ ...{
+ icon: (_variationIconMap$var = variationIconMap[variation.name]) !== null && _variationIconMap$var !== void 0 ? _variationIconMap$var : post_categories
+ }
+ };
+ });
+ return {
+ ...settings,
+ variations
+ };
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-terms/index.js
/**
- * Internal dependencies
- */
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
const post_terms_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/post-terms",
title: "Post Terms",
category: "theme",
@@ -33378,6 +44620,14 @@
separator: {
type: "string",
"default": ", "
+ },
+ prefix: {
+ type: "string",
+ "default": ""
+ },
+ suffix: {
+ type: "string",
+ "default": ""
}
},
usesContext: ["postId", "postType"],
@@ -33392,157 +44642,384 @@
link: true
}
},
- typography: {
- lineHeight: true,
- fontSize: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
},
style: "wp-block-post-terms"
};
-/**
- * WordPress dependencies
- */
-
-
const {
name: post_terms_name
} = post_terms_metadata;
const post_terms_settings = {
- icon: post_terms,
- variations: post_terms_variations,
+ icon: post_categories,
edit: PostTermsEdit
};
+const post_terms_init = () => {
+ (0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/template-part', enhanceVariations);
+ return initBlock({
+ name: post_terms_name,
+ metadata: post_terms_metadata,
+ settings: post_terms_settings
+ });
+};
+
+;// CONCATENATED MODULE: external ["wp","wordcount"]
+const external_wp_wordcount_namespaceObject = window["wp"]["wordcount"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-time-to-read/edit.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Average reading rate - based on average taken from
+ * https://irisreading.com/average-reading-speed-in-various-languages/
+ * (Characters/minute used for Chinese rather than words).
+ */
+
+
+
+const AVERAGE_READING_RATE = 189;
+function PostTimeToReadEdit({
+ attributes,
+ setAttributes,
+ context
+}) {
+ const {
+ textAlign
+ } = attributes;
+ const {
+ postId,
+ postType
+ } = context;
+ const [contentStructure] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'content', postId);
+ const [blocks] = (0,external_wp_coreData_namespaceObject.useEntityBlockEditor)('postType', postType, {
+ id: postId
+ });
+ const minutesToReadString = (0,external_wp_element_namespaceObject.useMemo)(() => {
+ // Replicates the logic found in getEditedPostContent().
+ let content;
+ if (contentStructure instanceof Function) {
+ content = contentStructure({
+ blocks
+ });
+ } else if (blocks) {
+ // If we have parsed blocks already, they should be our source of truth.
+ // Parsing applies block deprecations and legacy block conversions that
+ // unparsed content will not have.
+ content = (0,external_wp_blocks_namespaceObject.__unstableSerializeAndClean)(blocks);
+ } else {
+ content = contentStructure;
+ }
+
+ /*
+ * translators: If your word count is based on single characters (e.g. East Asian characters),
+ * enter 'characters_excluding_spaces' or 'characters_including_spaces'. Otherwise, enter 'words'.
+ * Do not translate into your own language.
+ */
+ const wordCountType = (0,external_wp_i18n_namespaceObject._x)('words', 'Word count type. Do not translate!');
+ const minutesToRead = Math.max(1, Math.round((0,external_wp_wordcount_namespaceObject.count)(content || '', wordCountType) / AVERAGE_READING_RATE));
+ return (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %d is the number of minutes the post will take to read. */
+ (0,external_wp_i18n_namespaceObject._n)('%d minute', '%d minutes', minutesToRead), minutesToRead);
+ }, [contentStructure, blocks]);
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: dist_clsx({
+ [`has-text-align-${textAlign}`]: textAlign
+ })
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: minutesToReadString
+ })]
+ });
+}
+/* harmony default export */ const post_time_to_read_edit = (PostTimeToReadEdit);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-time-to-read/icon.js
+/**
+ * WordPress dependencies
+ */
+
+
+/* harmony default export */ const icon = (/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M12 3c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 16.5c-4.1 0-7.5-3.4-7.5-7.5S7.9 4.5 12 4.5s7.5 3.4 7.5 7.5-3.4 7.5-7.5 7.5zM12 7l-1 5c0 .3.2.6.4.8l4.2 2.8-2.7-4.1L12 7z"
+ })
+}));
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-time-to-read/index.js
+/**
+ * Internal dependencies
+ */
+
+const post_time_to_read_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ __experimental: true,
+ name: "core/post-time-to-read",
+ title: "Time To Read",
+ category: "theme",
+ description: "Show minutes required to finish reading the post.",
+ textdomain: "default",
+ usesContext: ["postId", "postType"],
+ attributes: {
+ textAlign: {
+ type: "string"
+ }
+ },
+ supports: {
+ color: {
+ gradients: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ html: false,
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ }
+};
+
+
+const {
+ name: post_time_to_read_name
+} = post_time_to_read_metadata;
+
+const post_time_to_read_settings = {
+ icon: icon,
+ edit: post_time_to_read_edit
+};
+const post_time_to_read_init = () => initBlock({
+ name: post_time_to_read_name,
+ metadata: post_time_to_read_metadata,
+ settings: post_time_to_read_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-title/edit.js
-
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-function PostTitleEdit(_ref) {
- let {
- attributes: {
- level,
- textAlign,
- isLink,
- rel,
- linkTarget
- },
- setAttributes,
- context: {
- postType,
- postId,
- queryId
- }
- } = _ref;
- const TagName = 0 === level ? 'p' : 'h' + level;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+function PostTitleEdit({
+ attributes: {
+ level,
+ textAlign,
+ isLink,
+ rel,
+ linkTarget
+ },
+ setAttributes,
+ context: {
+ postType,
+ postId,
+ queryId
+ },
+ insertBlocksAfter
+}) {
+ const TagName = level === 0 ? 'p' : `h${level}`;
const isDescendentOfQueryLoop = Number.isFinite(queryId);
- const userCanEdit = useCanEditEntity('postType', postType, postId);
+ const userCanEdit = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ /**
+ * useCanEditEntity may trigger an OPTIONS request to the REST API
+ * via the canUser resolver. However, when the Post Title is a
+ * descendant of a Query Loop block, the title cannot be edited. In
+ * order to avoid these unnecessary requests, we call the hook
+ * without the proper data, resulting in returning early without
+ * making them.
+ */
+ if (isDescendentOfQueryLoop) {
+ return false;
+ }
+ return select(external_wp_coreData_namespaceObject.store).canUserEditEntityRecord('postType', postType, postId);
+ }, [isDescendentOfQueryLoop, postType, postId]);
const [rawTitle = '', setTitle, fullTitle] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'title', postId);
const [link] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'link', postId);
+ const onSplitAtEnd = () => {
+ insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)()));
+ };
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
})
});
- let titleElement = (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, (0,external_wp_i18n_namespaceObject.__)('Post Title'));
-
+ const blockEditingMode = (0,external_wp_blockEditor_namespaceObject.useBlockEditingMode)();
+ let titleElement = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: (0,external_wp_i18n_namespaceObject.__)('Title')
+ });
if (postType && postId) {
- titleElement = userCanEdit && !isDescendentOfQueryLoop ? (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.PlainText, _extends({
+ titleElement = userCanEdit ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.PlainText, {
tagName: TagName,
placeholder: (0,external_wp_i18n_namespaceObject.__)('No Title'),
value: rawTitle,
onChange: setTitle,
- __experimentalVersion: 2
- }, blockProps)) : (0,external_wp_element_namespaceObject.createElement)(TagName, _extends({}, blockProps, {
- dangerouslySetInnerHTML: {
- __html: fullTitle === null || fullTitle === void 0 ? void 0 : fullTitle.rendered
- }
- }));
- }
-
- if (isLink && postType && postId) {
- titleElement = userCanEdit && !isDescendentOfQueryLoop ? (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.PlainText, {
- tagName: "a",
- href: link,
- target: linkTarget,
- rel: rel,
- placeholder: !rawTitle.length ? (0,external_wp_i18n_namespaceObject.__)('No Title') : null,
- value: rawTitle,
- onChange: setTitle,
- __experimentalVersion: 2
- })) : (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, (0,external_wp_element_namespaceObject.createElement)("a", {
- href: link,
- target: linkTarget,
- rel: rel,
- onClick: event => event.preventDefault(),
+ __experimentalVersion: 2,
+ __unstableOnSplitAtEnd: onSplitAtEnd,
+ ...blockProps
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
dangerouslySetInnerHTML: {
- __html: fullTitle === null || fullTitle === void 0 ? void 0 : fullTitle.rendered
- }
- }));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(HeadingLevelDropdown, {
- selectedLevel: level,
- onChange: newLevel => setAttributes({
- level: newLevel
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Link settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Make title a link'),
- onChange: () => setAttributes({
- isLink: !isLink
- }),
- checked: isLink
- }), isLink && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
- onChange: value => setAttributes({
- linkTarget: value ? '_blank' : '_self'
- }),
- checked: linkTarget === '_blank'
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Link rel'),
- value: rel,
- onChange: newRel => setAttributes({
- rel: newRel
- })
- })))), titleElement);
+ __html: fullTitle?.rendered
+ }
+ });
+ }
+ if (isLink && postType && postId) {
+ titleElement = userCanEdit ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.PlainText, {
+ tagName: "a",
+ href: link,
+ target: linkTarget,
+ rel: rel,
+ placeholder: !rawTitle.length ? (0,external_wp_i18n_namespaceObject.__)('No Title') : null,
+ value: rawTitle,
+ onChange: setTitle,
+ __experimentalVersion: 2,
+ __unstableOnSplitAtEnd: onSplitAtEnd
+ })
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: link,
+ target: linkTarget,
+ rel: rel,
+ onClick: event => event.preventDefault(),
+ dangerouslySetInnerHTML: {
+ __html: fullTitle?.rendered
+ }
+ })
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [blockEditingMode === 'default' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.HeadingLevelDropdown, {
+ value: level,
+ onChange: newLevel => setAttributes({
+ level: newLevel
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Make title a link'),
+ onChange: () => setAttributes({
+ isLink: !isLink
+ }),
+ checked: isLink
+ }), isLink && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
+ onChange: value => setAttributes({
+ linkTarget: value ? '_blank' : '_self'
+ }),
+ checked: linkTarget === '_blank'
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link rel'),
+ value: rel,
+ onChange: newRel => setAttributes({
+ rel: newRel
+ })
+ })]
+ })]
+ })
+ })]
+ }), titleElement]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-title/deprecated.js
@@ -33592,23 +45069,17 @@
__experimentalTextTransform: true
}
},
-
save() {
return null;
},
-
migrate: migrate_font_family,
-
- isEligible(_ref) {
- var _style$typography;
-
- let {
- style
- } = _ref;
- return style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontFamily;
- }
-
-};
+ isEligible({
+ style
+ }) {
+ return style?.typography?.fontFamily;
+ }
+};
+
/**
* New deprecations need to be placed first
* for them to have higher priority.
@@ -33617,23 +45088,23 @@
*
* See block-deprecation.md
*/
-
-/* harmony default export */ var post_title_deprecated = ([post_title_deprecated_v1]);
+/* harmony default export */ const post_title_deprecated = ([post_title_deprecated_v1]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/post-title/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const post_title_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/post-title",
- title: "Post Title",
+ title: "Title",
category: "theme",
description: "Displays the title of a post, page, or any other content-type.",
textdomain: "default",
@@ -33673,21 +45144,24 @@
}
},
spacing: {
- margin: true
- },
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontFamily: true,
- __experimentalFontWeight: true,
- __experimentalFontStyle: true,
- __experimentalTextTransform: true,
- __experimentalLetterSpacing: true,
- __experimentalDefaultControls: {
- fontSize: true,
- fontAppearance: true,
- textTransform: true
- }
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
},
style: "wp-block-post-title"
@@ -33699,50 +45173,54 @@
} = post_title_metadata;
const post_title_settings = {
- icon: post_title,
+ icon: library_title,
edit: PostTitleEdit,
deprecated: post_title_deprecated
};
+const post_title_init = () => initBlock({
+ name: post_title_name,
+ metadata: post_title_metadata,
+ settings: post_title_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/preformatted.js
-
-
-/**
- * WordPress dependencies
- */
-
-const preformatted = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v12zM7 16.5h6V15H7v1.5zm4-4h6V11h-6v1.5zM9 11H7v1.5h2V11zm6 5.5h2V15h-2v1.5z"
-}));
-/* harmony default export */ var library_preformatted = (preformatted);
+/**
+ * WordPress dependencies
+ */
+
+
+const preformatted = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 14c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v12zM7 16.5h6V15H7v1.5zm4-4h6V11h-6v1.5zM9 11H7v1.5h2V11zm6 5.5h2V15h-2v1.5z"
+ })
+});
+/* harmony default export */ const library_preformatted = (preformatted);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/preformatted/edit.js
-
-
-
-/**
- * WordPress dependencies
- */
-
-
-function PreformattedEdit(_ref) {
- let {
- attributes,
- mergeBlocks,
- setAttributes,
- onRemove,
- style
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+function PreformattedEdit({
+ attributes,
+ mergeBlocks,
+ setAttributes,
+ onRemove,
+ insertBlocksAfter,
+ style
+}) {
const {
content
} = attributes;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
style
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, _extends({
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
tagName: "pre",
identifier: "content",
preserveWhiteSpace: true,
@@ -33755,29 +45233,31 @@
onRemove: onRemove,
"aria-label": (0,external_wp_i18n_namespaceObject.__)('Preformatted text'),
placeholder: (0,external_wp_i18n_namespaceObject.__)('Write preformatted text…'),
- onMerge: mergeBlocks
- }, blockProps, {
- __unstablePastePlainText: true
- }));
+ onMerge: mergeBlocks,
+ ...blockProps,
+ __unstablePastePlainText: true,
+ __unstableOnSplitAtDoubleLineEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)()))
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/preformatted/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function preformatted_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+function preformatted_save_save({
+ attributes
+}) {
const {
content
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("pre", external_wp_blockEditor_namespaceObject.useBlockProps.save(), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: content
- }));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("pre", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: content
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/preformatted/transforms.js
@@ -33789,29 +45269,23 @@
from: [{
type: 'block',
blocks: ['core/code', 'core/paragraph'],
- transform: _ref => {
- let {
- content,
- anchor
- } = _ref;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/preformatted', {
- content,
- anchor
- });
- }
+ transform: ({
+ content,
+ anchor
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/preformatted', {
+ content,
+ anchor
+ })
}, {
type: 'raw',
isMatch: node => node.nodeName === 'PRE' && !(node.children.length === 1 && node.firstChild.nodeName === 'CODE'),
- schema: _ref2 => {
- let {
- phrasingContentSchema
- } = _ref2;
- return {
- pre: {
- children: phrasingContentSchema
- }
- };
- }
+ schema: ({
+ phrasingContentSchema
+ }) => ({
+ pre: {
+ children: phrasingContentSchema
+ }
+ })
}],
to: [{
type: 'block',
@@ -33823,7 +45297,7 @@
transform: attributes => (0,external_wp_blocks_namespaceObject.createBlock)('core/code', attributes)
}]
};
-/* harmony default export */ var preformatted_transforms = (preformatted_transforms_transforms);
+/* harmony default export */ const preformatted_transforms = (preformatted_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/preformatted/index.js
/**
@@ -33831,6 +45305,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -33838,7 +45313,7 @@
const preformatted_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/preformatted",
title: "Preformatted",
category: "text",
@@ -33846,10 +45321,9 @@
textdomain: "default",
attributes: {
content: {
- type: "string",
- source: "html",
+ type: "rich-text",
+ source: "rich-text",
selector: "pre",
- "default": "",
__unstablePreserveWhiteSpace: true,
__experimentalRole: "content"
}
@@ -33863,16 +45337,25 @@
text: true
}
},
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
+ spacing: {
+ padding: true,
+ margin: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
},
style: "wp-block-preformatted"
@@ -33891,56 +45374,57 @@
// translators: Sample content for the Preformatted block. Can be replaced with a more locale-adequate work.
content: (0,external_wp_i18n_namespaceObject.__)('EXT. XANADU - FAINT DAWN - 1940 (MINIATURE)\nWindow, very small in the distance, illuminated.\nAll around this is an almost totally black screen. Now, as the camera moves slowly towards the window which is almost a postage stamp in the frame, other forms appear;')
/* eslint-enable @wordpress/i18n-no-collapsible-whitespace */
-
}
},
transforms: preformatted_transforms,
edit: PreformattedEdit,
save: preformatted_save_save,
-
merge(attributes, attributesToMerge) {
return {
- content: attributes.content + attributesToMerge.content
- };
- }
-
-};
+ content: attributes.content + '\n\n' + attributesToMerge.content
+ };
+ }
+};
+const preformatted_init = () => initBlock({
+ name: preformatted_name,
+ metadata: preformatted_metadata,
+ settings: preformatted_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/pullquote.js
-
-
-/**
- * WordPress dependencies
- */
-
-const pullquote = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18 8H6c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2zm.5 6c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v4zM4 4v1.5h16V4H4zm0 16h16v-1.5H4V20z"
-}));
-/* harmony default export */ var library_pullquote = (pullquote);
+/**
+ * WordPress dependencies
+ */
+
+
+const pullquote = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18 8H6c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-4c0-1.1-.9-2-2-2zm.5 6c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-4c0-.3.2-.5.5-.5h12c.3 0 .5.2.5.5v4zM4 4v1.5h16V4H4zm0 16h16v-1.5H4V20z"
+ })
+});
+/* harmony default export */ const library_pullquote = (pullquote);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/pullquote/shared.js
const SOLID_COLOR_CLASS = `is-style-solid-color`;
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/pullquote/deprecated.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
const pullquote_deprecated_blockAttributes = {
@@ -33969,28 +45453,89 @@
type: 'string'
}
};
-
function parseBorderColor(styleString) {
if (!styleString) {
return;
}
-
const matches = styleString.match(/border-color:([^;]+)[;]?/);
-
if (matches && matches[1]) {
return matches[1];
}
-} // TODO: this is ripe for a bit of a clean up according to the example in https://developer.wordpress.org/block-editor/reference-guides/block-api/block-deprecation/#example
-
-
-const pullquote_deprecated_deprecated = [{
- attributes: { ...pullquote_deprecated_blockAttributes
- },
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+}
+function multilineToInline(value) {
+ value = value || `<p></p>`;
+ const padded = `</p>${value}<p>`;
+ const values = padded.split(`</p><p>`);
+ values.shift();
+ values.pop();
+ return values.join('<br>');
+}
+const pullquote_deprecated_v5 = {
+ attributes: {
+ value: {
+ type: 'string',
+ source: 'html',
+ selector: 'blockquote',
+ multiline: 'p',
+ __experimentalRole: 'content'
+ },
+ citation: {
+ type: 'string',
+ source: 'html',
+ selector: 'cite',
+ default: '',
+ __experimentalRole: 'content'
+ },
+ textAlign: {
+ type: 'string'
+ }
+ },
+ save({
+ attributes
+ }) {
+ const {
+ textAlign,
+ citation,
+ value
+ } = attributes;
+ const shouldShowCitation = !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: dist_clsx({
+ [`has-text-align-${textAlign}`]: textAlign
+ })
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("blockquote", {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: value,
+ multiline: true
+ }), shouldShowCitation && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "cite",
+ value: citation
+ })]
+ })
+ });
+ },
+ migrate({
+ value,
+ ...attributes
+ }) {
+ return {
+ value: multilineToInline(value),
+ ...attributes
+ };
+ }
+};
+
+// TODO: this is ripe for a bit of a clean up according to the example in https://developer.wordpress.org/block-editor/reference-guides/block-api/block-deprecation/#example
+
+const pullquote_deprecated_v4 = {
+ attributes: {
+ ...pullquote_deprecated_blockAttributes
+ },
+ save({
+ attributes
+ }) {
const {
mainColor,
customMainColor,
@@ -34000,58 +45545,61 @@
citation,
className
} = attributes;
- const isSolidColorStyle = (0,external_lodash_namespaceObject.includes)(className, SOLID_COLOR_CLASS);
- let figureClasses, figureStyles; // Is solid color style
-
+ const isSolidColorStyle = className?.includes(SOLID_COLOR_CLASS);
+ let figureClasses, figureStyles;
+
+ // Is solid color style
if (isSolidColorStyle) {
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', mainColor);
- figureClasses = classnames_default()({
+ figureClasses = dist_clsx({
'has-background': backgroundClass || customMainColor,
[backgroundClass]: backgroundClass
});
figureStyles = {
backgroundColor: backgroundClass ? undefined : customMainColor
- }; // Is normal style and a custom color is being used ( we can set a style directly with its value)
+ };
+ // Is normal style and a custom color is being used ( we can set a style directly with its value)
} else if (customMainColor) {
figureStyles = {
borderColor: customMainColor
};
}
-
const blockquoteTextColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
- const blockquoteClasses = classnames_default()({
+ const blockquoteClasses = dist_clsx({
'has-text-color': textColor || customTextColor,
[blockquoteTextColorClass]: blockquoteTextColorClass
});
const blockquoteStyles = blockquoteTextColorClass ? undefined : {
color: customTextColor
};
- return (0,external_wp_element_namespaceObject.createElement)("figure", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: figureClasses,
- style: figureStyles
- }), (0,external_wp_element_namespaceObject.createElement)("blockquote", {
- className: blockquoteClasses,
- style: blockquoteStyles
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: value,
- multiline: true
- }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "cite",
- value: citation
- })));
- },
-
- migrate(_ref2) {
- let {
- className,
- mainColor,
- customMainColor,
- customTextColor,
- ...attributes
- } = _ref2;
- const isSolidColorStyle = (0,external_lodash_namespaceObject.includes)(className, SOLID_COLOR_CLASS);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: figureClasses,
+ style: figureStyles
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("blockquote", {
+ className: blockquoteClasses,
+ style: blockquoteStyles,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: value,
+ multiline: true
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "cite",
+ value: citation
+ })]
+ })
+ });
+ },
+ migrate({
+ value,
+ className,
+ mainColor,
+ customMainColor,
+ customTextColor,
+ ...attributes
+ }) {
+ const isSolidColorStyle = className?.includes(SOLID_COLOR_CLASS);
let style;
-
if (customMainColor) {
if (!isSolidColorStyle) {
// Block supports: Set style.border.color if a deprecated block has a default style and a `customMainColor` attribute.
@@ -34068,16 +45616,17 @@
}
};
}
- } // Block supports: Set style.color.text if a deprecated block has a `customTextColor` attribute.
-
-
+ }
+
+ // Block supports: Set style.color.text if a deprecated block has a `customTextColor` attribute.
if (customTextColor && style) {
- style.color = { ...style.color,
+ style.color = {
+ ...style.color,
text: customTextColor
};
}
-
- return {
+ return {
+ value: multilineToInline(value),
className,
backgroundColor: isSolidColorStyle ? mainColor : undefined,
borderColor: isSolidColorStyle ? undefined : mainColor,
@@ -34086,9 +45635,10 @@
...attributes
};
}
-
-}, {
- attributes: { ...pullquote_deprecated_blockAttributes,
+};
+const pullquote_deprecated_v3 = {
+ attributes: {
+ ...pullquote_deprecated_blockAttributes,
// figureStyle is an attribute that never existed.
// We are using it as a way to access the styles previously applied to the figure.
figureStyle: {
@@ -34097,11 +45647,9 @@
attribute: 'style'
}
},
-
- save(_ref3) {
- let {
- attributes
- } = _ref3;
+ save({
+ attributes
+ }) {
const {
mainColor,
customMainColor,
@@ -34112,22 +45660,25 @@
className,
figureStyle
} = attributes;
- const isSolidColorStyle = (0,external_lodash_namespaceObject.includes)(className, SOLID_COLOR_CLASS);
- let figureClasses, figureStyles; // Is solid color style
-
+ const isSolidColorStyle = className?.includes(SOLID_COLOR_CLASS);
+ let figureClasses, figureStyles;
+
+ // Is solid color style
if (isSolidColorStyle) {
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', mainColor);
- figureClasses = classnames_default()({
+ figureClasses = dist_clsx({
'has-background': backgroundClass || customMainColor,
[backgroundClass]: backgroundClass
});
figureStyles = {
backgroundColor: backgroundClass ? undefined : customMainColor
- }; // Is normal style and a custom color is being used ( we can set a style directly with its value)
+ };
+ // Is normal style and a custom color is being used ( we can set a style directly with its value)
} else if (customMainColor) {
figureStyles = {
borderColor: customMainColor
- }; // If normal style and a named color are being used, we need to retrieve the color value to set the style,
+ };
+ // If normal style and a named color are being used, we need to retrieve the color value to set the style,
// as there is no expectation that themes create classes that set border colors.
} else if (mainColor) {
// Previously here we queried the color settings to know the color value
@@ -34140,41 +45691,40 @@
borderColor
};
}
-
const blockquoteTextColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
- const blockquoteClasses = (textColor || customTextColor) && classnames_default()('has-text-color', {
+ const blockquoteClasses = (textColor || customTextColor) && dist_clsx('has-text-color', {
[blockquoteTextColorClass]: blockquoteTextColorClass
});
const blockquoteStyles = blockquoteTextColorClass ? undefined : {
color: customTextColor
};
- return (0,external_wp_element_namespaceObject.createElement)("figure", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
className: figureClasses,
- style: figureStyles
- }, (0,external_wp_element_namespaceObject.createElement)("blockquote", {
- className: blockquoteClasses,
- style: blockquoteStyles
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: value,
- multiline: true
- }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "cite",
- value: citation
- })));
- },
-
- migrate(_ref4) {
- let {
- className,
- figureStyle,
- mainColor,
- customMainColor,
- customTextColor,
- ...attributes
- } = _ref4;
- const isSolidColorStyle = (0,external_lodash_namespaceObject.includes)(className, SOLID_COLOR_CLASS);
+ style: figureStyles,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("blockquote", {
+ className: blockquoteClasses,
+ style: blockquoteStyles,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: value,
+ multiline: true
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "cite",
+ value: citation
+ })]
+ })
+ });
+ },
+ migrate({
+ value,
+ className,
+ figureStyle,
+ mainColor,
+ customMainColor,
+ customTextColor,
+ ...attributes
+ }) {
+ const isSolidColorStyle = className?.includes(SOLID_COLOR_CLASS);
let style;
-
if (customMainColor) {
if (!isSolidColorStyle) {
// Block supports: Set style.border.color if a deprecated block has a default style and a `customMainColor` attribute.
@@ -34191,23 +45741,24 @@
}
};
}
- } // Block supports: Set style.color.text if a deprecated block has a `customTextColor` attribute.
-
-
+ }
+
+ // Block supports: Set style.color.text if a deprecated block has a `customTextColor` attribute.
if (customTextColor && style) {
- style.color = { ...style.color,
+ style.color = {
+ ...style.color,
text: customTextColor
};
- } // If is the default style, and a main color is set,
+ }
+ // If is the default style, and a main color is set,
// migrate the main color value into a custom border color.
// The custom border color value is retrieved by parsing the figure styles.
-
-
if (!isSolidColorStyle && mainColor && figureStyle) {
const borderColor = parseBorderColor(figureStyle);
-
if (borderColor) {
- return { ...attributes,
+ return {
+ value: multilineToInline(value),
+ ...attributes,
className,
// Block supports: Set style.border.color if a deprecated block has `mainColor`, inline border CSS and is not a solid color style.
style: {
@@ -34218,8 +45769,8 @@
};
}
}
-
- return {
+ return {
+ value: multilineToInline(value),
className,
backgroundColor: isSolidColorStyle ? mainColor : undefined,
borderColor: isSolidColorStyle ? undefined : mainColor,
@@ -34228,14 +45779,12 @@
...attributes
};
}
-
-}, {
+};
+const pullquote_deprecated_v2 = {
attributes: pullquote_deprecated_blockAttributes,
-
- save(_ref5) {
- let {
- attributes
- } = _ref5;
+ save({
+ attributes
+ }) {
const {
mainColor,
customMainColor,
@@ -34245,64 +45794,64 @@
citation,
className
} = attributes;
- const isSolidColorStyle = (0,external_lodash_namespaceObject.includes)(className, SOLID_COLOR_CLASS);
- let figureClass, figureStyles; // Is solid color style
-
+ const isSolidColorStyle = className?.includes(SOLID_COLOR_CLASS);
+ let figureClass, figureStyles;
+ // Is solid color style
if (isSolidColorStyle) {
figureClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', mainColor);
-
if (!figureClass) {
figureStyles = {
backgroundColor: customMainColor
};
- } // Is normal style and a custom color is being used ( we can set a style directly with its value)
-
+ }
+ // Is normal style and a custom color is being used ( we can set a style directly with its value)
} else if (customMainColor) {
figureStyles = {
borderColor: customMainColor
- }; // Is normal style and a named color is being used, we need to retrieve the color value to set the style,
+ };
+ // Is normal style and a named color is being used, we need to retrieve the color value to set the style,
// as there is no expectation that themes create classes that set border colors.
} else if (mainColor) {
- const colors = (0,external_lodash_namespaceObject.get)((0,external_wp_data_namespaceObject.select)(external_wp_blockEditor_namespaceObject.store).getSettings(), ['colors'], []);
+ var _select$getSettings$c;
+ const colors = (_select$getSettings$c = (0,external_wp_data_namespaceObject.select)(external_wp_blockEditor_namespaceObject.store).getSettings().colors) !== null && _select$getSettings$c !== void 0 ? _select$getSettings$c : [];
const colorObject = (0,external_wp_blockEditor_namespaceObject.getColorObjectByAttributeValues)(colors, mainColor);
figureStyles = {
borderColor: colorObject.color
};
}
-
const blockquoteTextColorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', textColor);
- const blockquoteClasses = textColor || customTextColor ? classnames_default()('has-text-color', {
+ const blockquoteClasses = textColor || customTextColor ? dist_clsx('has-text-color', {
[blockquoteTextColorClass]: blockquoteTextColorClass
}) : undefined;
const blockquoteStyle = blockquoteTextColorClass ? undefined : {
color: customTextColor
};
- return (0,external_wp_element_namespaceObject.createElement)("figure", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
className: figureClass,
- style: figureStyles
- }, (0,external_wp_element_namespaceObject.createElement)("blockquote", {
- className: blockquoteClasses,
- style: blockquoteStyle
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: value,
- multiline: true
- }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "cite",
- value: citation
- })));
- },
-
- migrate(_ref6) {
- let {
- className,
- mainColor,
- customMainColor,
- customTextColor,
- ...attributes
- } = _ref6;
- const isSolidColorStyle = (0,external_lodash_namespaceObject.includes)(className, SOLID_COLOR_CLASS);
+ style: figureStyles,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("blockquote", {
+ className: blockquoteClasses,
+ style: blockquoteStyle,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: value,
+ multiline: true
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "cite",
+ value: citation
+ })]
+ })
+ });
+ },
+ migrate({
+ value,
+ className,
+ mainColor,
+ customMainColor,
+ customTextColor,
+ ...attributes
+ }) {
+ const isSolidColorStyle = className?.includes(SOLID_COLOR_CLASS);
let style = {};
-
if (customMainColor) {
if (!isSolidColorStyle) {
// Block supports: Set style.border.color if a deprecated block has a default style and a `customMainColor` attribute.
@@ -34319,16 +45868,17 @@
}
};
}
- } // Block supports: Set style.color.text if a deprecated block has a `customTextColor` attribute.
-
-
+ }
+
+ // Block supports: Set style.color.text if a deprecated block has a `customTextColor` attribute.
if (customTextColor && style) {
- style.color = { ...style.color,
+ style.color = {
+ ...style.color,
text: customTextColor
};
}
-
- return {
+ return {
+ value: multilineToInline(value),
className,
backgroundColor: isSolidColorStyle ? mainColor : undefined,
borderColor: isSolidColorStyle ? undefined : mainColor,
@@ -34337,30 +45887,41 @@
...attributes
};
}
-
-}, {
- attributes: { ...pullquote_deprecated_blockAttributes
- },
-
- save(_ref7) {
- let {
- attributes
- } = _ref7;
+};
+const pullquote_deprecated_v1 = {
+ attributes: {
+ ...pullquote_deprecated_blockAttributes
+ },
+ save({
+ attributes
+ }) {
const {
value,
citation
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("blockquote", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: value,
- multiline: true
- }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "cite",
- value: citation
- }));
- }
-
-}, {
- attributes: { ...pullquote_deprecated_blockAttributes,
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("blockquote", {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: value,
+ multiline: true
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "cite",
+ value: citation
+ })]
+ });
+ },
+ migrate({
+ value,
+ ...attributes
+ }) {
+ return {
+ value: multilineToInline(value),
+ ...attributes
+ };
+ }
+};
+const deprecated_v0 = {
+ attributes: {
+ ...pullquote_deprecated_blockAttributes,
citation: {
type: 'string',
source: 'html',
@@ -34371,29 +45932,45 @@
default: 'none'
}
},
-
- save(_ref8) {
- let {
- attributes
- } = _ref8;
+ save({
+ attributes
+ }) {
const {
value,
citation,
align
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("blockquote", {
- className: `align${align}`
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: value,
- multiline: true
- }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "footer",
- value: citation
- }));
- }
-
-}];
-/* harmony default export */ var pullquote_deprecated = (pullquote_deprecated_deprecated);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("blockquote", {
+ className: `align${align}`,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: value,
+ multiline: true
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "footer",
+ value: citation
+ })]
+ });
+ },
+ migrate({
+ value,
+ ...attributes
+ }) {
+ return {
+ value: multilineToInline(value),
+ ...attributes
+ };
+ }
+};
+
+/**
+ * New deprecations need to be placed first
+ * for them to have higher priority.
+ *
+ * Old deprecations may need to be updated as well.
+ *
+ * See block-deprecation.md
+ */
+/* harmony default export */ const pullquote_deprecated = ([pullquote_deprecated_v5, pullquote_deprecated_v4, pullquote_deprecated_v3, pullquote_deprecated_v2, pullquote_deprecated_v1, deprecated_v0]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/pullquote/figure.js
const Figure = 'figure';
@@ -34402,121 +45979,133 @@
const BlockQuote = 'blockquote';
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/pullquote/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
const isWebPlatform = external_wp_element_namespaceObject.Platform.OS === 'web';
-
-function PullQuoteEdit(_ref) {
- let {
- attributes,
- setAttributes,
- isSelected,
- insertBlocksAfter
- } = _ref;
+function PullQuoteEdit({
+ attributes,
+ setAttributes,
+ isSelected,
+ insertBlocksAfter
+}) {
const {
textAlign,
citation,
value
} = attributes;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
})
});
const shouldShowCitation = !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) || isSelected;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)(Figure, blockProps, (0,external_wp_element_namespaceObject.createElement)(BlockQuote, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- identifier: "value",
- multiline: true,
- value: value,
- onChange: nextValue => setAttributes({
- value: nextValue
- }),
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Pullquote text'),
- placeholder: // translators: placeholder text used for the quote
- (0,external_wp_i18n_namespaceObject.__)('Add quote'),
- textAlign: "center"
- }), shouldShowCitation && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- identifier: "citation",
- tagName: isWebPlatform ? 'cite' : undefined,
- style: {
- display: 'block'
- },
- value: citation,
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Pullquote citation text'),
- placeholder: // translators: placeholder text used for the citation
- (0,external_wp_i18n_namespaceObject.__)('Add citation'),
- onChange: nextCitation => setAttributes({
- citation: nextCitation
- }),
- className: "wp-block-pullquote__citation",
- __unstableMobileNoFocusOnMount: true,
- textAlign: "center",
- __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph'))
- }))));
-}
-
-/* harmony default export */ var pullquote_edit = (PullQuoteEdit);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Figure, {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(BlockQuote, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "value",
+ tagName: "p",
+ value: value,
+ onChange: nextValue => setAttributes({
+ value: nextValue
+ }),
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Pullquote text'),
+ placeholder:
+ // translators: placeholder text used for the quote
+ (0,external_wp_i18n_namespaceObject.__)('Add quote'),
+ textAlign: "center"
+ }), shouldShowCitation && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "citation",
+ tagName: isWebPlatform ? 'cite' : undefined,
+ style: {
+ display: 'block'
+ },
+ value: citation,
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Pullquote citation text'),
+ placeholder:
+ // translators: placeholder text used for the citation
+ (0,external_wp_i18n_namespaceObject.__)('Add citation'),
+ onChange: nextCitation => setAttributes({
+ citation: nextCitation
+ }),
+ className: "wp-block-pullquote__citation",
+ __unstableMobileNoFocusOnMount: true,
+ textAlign: "center",
+ __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)()))
+ })]
+ })
+ })]
+ });
+}
+/* harmony default export */ const pullquote_edit = (PullQuoteEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/pullquote/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-function pullquote_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+function pullquote_save_save({
+ attributes
+}) {
const {
textAlign,
citation,
value
} = attributes;
const shouldShowCitation = !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation);
- return (0,external_wp_element_namespaceObject.createElement)("figure", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: classnames_default()({
- [`has-text-align-${textAlign}`]: textAlign
- })
- }), (0,external_wp_element_namespaceObject.createElement)("blockquote", null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: value,
- multiline: true
- }), shouldShowCitation && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "cite",
- value: citation
- })));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: dist_clsx({
+ [`has-text-align-${textAlign}`]: textAlign
+ })
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("blockquote", {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "p",
+ value: value
+ }), shouldShowCitation && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "cite",
+ value: citation
+ })]
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/pullquote/transforms.js
@@ -34533,15 +46122,11 @@
transform: attributes => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/pullquote', {
value: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: (0,external_wp_richText_namespaceObject.join)(attributes.map(_ref => {
- let {
- content
- } = _ref;
- return (0,external_wp_richText_namespaceObject.create)({
- html: content
- });
- }), '\u2028'),
- multilineTag: 'p'
+ value: (0,external_wp_richText_namespaceObject.join)(attributes.map(({
+ content
+ }) => (0,external_wp_richText_namespaceObject.create)({
+ html: content
+ })), '\n')
}),
anchor: attributes.anchor
});
@@ -34549,13 +46134,12 @@
}, {
type: 'block',
blocks: ['core/heading'],
- transform: _ref2 => {
- let {
- content,
- anchor
- } = _ref2;
+ transform: ({
+ content,
+ anchor
+ }) => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/pullquote', {
- value: `<p>${content}</p>`,
+ value: content,
anchor
});
}
@@ -34563,84 +46147,56 @@
to: [{
type: 'block',
blocks: ['core/paragraph'],
- transform: _ref3 => {
- let {
- value,
- citation
- } = _ref3;
+ transform: ({
+ value,
+ citation
+ }) => {
const paragraphs = [];
-
- if (value && value !== '<p></p>') {
- paragraphs.push(...(0,external_wp_richText_namespaceObject.split)((0,external_wp_richText_namespaceObject.create)({
- html: value,
- multilineTag: 'p'
- }), '\u2028').map(piece => (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
- content: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: piece
- })
- })));
- }
-
- if (citation && citation !== '<p></p>') {
+ if (value) {
+ paragraphs.push((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ content: value
+ }));
+ }
+ if (citation) {
paragraphs.push((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
content: citation
}));
}
-
if (paragraphs.length === 0) {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
content: ''
});
}
-
return paragraphs;
}
}, {
type: 'block',
blocks: ['core/heading'],
- transform: _ref4 => {
- let {
- value,
- citation,
- ...attrs
- } = _ref4;
-
+ transform: ({
+ value,
+ citation
+ }) => {
// If there is no pullquote content, use the citation as the
// content of the resulting heading. A nonexistent citation
// will result in an empty heading.
- if (value === '<p></p>') {
+ if (!value) {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/heading', {
content: citation
});
}
-
- const pieces = (0,external_wp_richText_namespaceObject.split)((0,external_wp_richText_namespaceObject.create)({
- html: value,
- multilineTag: 'p'
- }), '\u2028');
const headingBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/heading', {
- content: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: pieces[0]
- })
- });
-
- if (!citation && pieces.length === 1) {
+ content: value
+ });
+ if (!citation) {
return headingBlock;
}
-
- const quotePieces = pieces.slice(1);
- const pullquoteBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/pullquote', { ...attrs,
- citation,
- value: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: quotePieces.length ? (0,external_wp_richText_namespaceObject.join)(pieces.slice(1), '\u2028') : (0,external_wp_richText_namespaceObject.create)(),
- multilineTag: 'p'
- })
- });
- return [headingBlock, pullquoteBlock];
+ return [headingBlock, (0,external_wp_blocks_namespaceObject.createBlock)('core/heading', {
+ content: citation
+ })];
}
}]
};
-/* harmony default export */ var pullquote_transforms = (pullquote_transforms_transforms);
+/* harmony default export */ const pullquote_transforms = (pullquote_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/pullquote/index.js
/**
@@ -34648,6 +46204,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -34656,7 +46213,7 @@
const pullquote_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/pullquote",
title: "Pullquote",
category: "text",
@@ -34664,17 +46221,15 @@
textdomain: "default",
attributes: {
value: {
- type: "string",
- source: "html",
- selector: "blockquote",
- multiline: "p",
+ type: "rich-text",
+ source: "rich-text",
+ selector: "p",
__experimentalRole: "content"
},
citation: {
- type: "string",
- source: "html",
+ type: "rich-text",
+ source: "rich-text",
selector: "cite",
- "default": "",
__experimentalRole: "content"
},
textAlign: {
@@ -34693,16 +46248,21 @@
text: true
}
},
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true,
- fontAppearance: true
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
}
},
__experimentalBorder: {
@@ -34716,6 +46276,15 @@
style: true,
width: true
}
+ },
+ __experimentalStyle: {
+ typography: {
+ fontSize: "1.5em",
+ lineHeight: "1.6"
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
},
editorStyle: "wp-block-pullquote-editor",
@@ -34731,8 +46300,9 @@
icon: library_pullquote,
example: {
attributes: {
- value: '<p>' + // translators: Quote serving as example for the Pullquote block. Attributed to Matt Mullenweg.
- (0,external_wp_i18n_namespaceObject.__)('One of the hardest things to do in technology is disrupt yourself.') + '</p>',
+ value:
+ // translators: Quote serving as example for the Pullquote block. Attributed to Matt Mullenweg.
+ (0,external_wp_i18n_namespaceObject.__)('One of the hardest things to do in technology is disrupt yourself.'),
citation: (0,external_wp_i18n_namespaceObject.__)('Matt Mullenweg')
}
},
@@ -34741,198 +46311,44 @@
save: pullquote_save_save,
deprecated: pullquote_deprecated
};
+const pullquote_init = () => initBlock({
+ name: pullquote_name,
+ metadata: pullquote_metadata,
+ settings: pullquote_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/loop.js
-
-
-/**
- * WordPress dependencies
- */
-
-const loop = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18.1823 11.6392C18.1823 13.0804 17.0139 14.2487 15.5727 14.2487C14.3579 14.2487 13.335 13.4179 13.0453 12.2922L13.0377 12.2625L13.0278 12.2335L12.3985 10.377L12.3942 10.3785C11.8571 8.64997 10.246 7.39405 8.33961 7.39405C5.99509 7.39405 4.09448 9.29465 4.09448 11.6392C4.09448 13.9837 5.99509 15.8843 8.33961 15.8843C8.88499 15.8843 9.40822 15.781 9.88943 15.5923L9.29212 14.0697C8.99812 14.185 8.67729 14.2487 8.33961 14.2487C6.89838 14.2487 5.73003 13.0804 5.73003 11.6392C5.73003 10.1979 6.89838 9.02959 8.33961 9.02959C9.55444 9.02959 10.5773 9.86046 10.867 10.9862L10.8772 10.9836L11.4695 12.7311C11.9515 14.546 13.6048 15.8843 15.5727 15.8843C17.9172 15.8843 19.8178 13.9837 19.8178 11.6392C19.8178 9.29465 17.9172 7.39404 15.5727 7.39404C15.0287 7.39404 14.5066 7.4968 14.0264 7.6847L14.6223 9.20781C14.9158 9.093 15.2358 9.02959 15.5727 9.02959C17.0139 9.02959 18.1823 10.1979 18.1823 11.6392Z"
-}));
-/* harmony default export */ var library_loop = (loop);
+/**
+ * WordPress dependencies
+ */
+
+
+const loop = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18.1823 11.6392C18.1823 13.0804 17.0139 14.2487 15.5727 14.2487C14.3579 14.2487 13.335 13.4179 13.0453 12.2922L13.0377 12.2625L13.0278 12.2335L12.3985 10.377L12.3942 10.3785C11.8571 8.64997 10.246 7.39405 8.33961 7.39405C5.99509 7.39405 4.09448 9.29465 4.09448 11.6392C4.09448 13.9837 5.99509 15.8843 8.33961 15.8843C8.88499 15.8843 9.40822 15.781 9.88943 15.5923L9.29212 14.0697C8.99812 14.185 8.67729 14.2487 8.33961 14.2487C6.89838 14.2487 5.73003 13.0804 5.73003 11.6392C5.73003 10.1979 6.89838 9.02959 8.33961 9.02959C9.55444 9.02959 10.5773 9.86046 10.867 10.9862L10.8772 10.9836L11.4695 12.7311C11.9515 14.546 13.6048 15.8843 15.5727 15.8843C17.9172 15.8843 19.8178 13.9837 19.8178 11.6392C19.8178 9.29465 17.9172 7.39404 15.5727 7.39404C15.0287 7.39404 14.5066 7.4968 14.0264 7.6847L14.6223 9.20781C14.9158 9.093 15.2358 9.02959 15.5727 9.02959C17.0139 9.02959 18.1823 10.1979 18.1823 11.6392Z"
+ })
+});
+/* harmony default export */ const library_loop = (loop);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/settings.js
-
-
-/**
- * WordPress dependencies
- */
-
-const settings_settings = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M14.5 13.8c-1.1 0-2.1.7-2.4 1.8H4V17h8.1c.3 1 1.3 1.8 2.4 1.8s2.1-.7 2.4-1.8H20v-1.5h-3.1c-.3-1-1.3-1.7-2.4-1.7zM11.9 7c-.3-1-1.3-1.8-2.4-1.8S7.4 6 7.1 7H4v1.5h3.1c.3 1 1.3 1.8 2.4 1.8s2.1-.7 2.4-1.8H20V7h-8.1z"
-}));
-/* harmony default export */ var library_settings = (settings_settings);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/query-toolbar.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-function QueryToolbar(_ref) {
- let {
- attributes: {
- query,
- displayLayout
- },
- setQuery,
- setDisplayLayout,
- openPatternSelectionModal
- } = _ref;
- const maxPageInputId = (0,external_wp_compose_namespaceObject.useInstanceId)(QueryToolbar, 'blocks-query-pagination-max-page-input');
- const displayLayoutControls = [{
- icon: library_list,
- title: (0,external_wp_i18n_namespaceObject.__)('List view'),
- onClick: () => setDisplayLayout({
- type: 'list'
- }),
- isActive: (displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.type) === 'list'
- }, {
- icon: library_grid,
- title: (0,external_wp_i18n_namespaceObject.__)('Grid view'),
- onClick: () => setDisplayLayout({
- type: 'flex',
- columns: (displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.columns) || 3
- }),
- isActive: (displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.type) === 'flex'
- }];
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, !query.inherit && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, {
- contentClassName: "block-library-query-toolbar__popover",
- renderToggle: _ref2 => {
- let {
- onToggle
- } = _ref2;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- icon: library_settings,
- label: (0,external_wp_i18n_namespaceObject.__)('Display settings'),
- onClick: onToggle
- });
- },
- renderContent: () => (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNumberControl, {
- __unstableInputWidth: "60px",
- label: (0,external_wp_i18n_namespaceObject.__)('Items per Page'),
- labelPosition: "edge",
- min: 1,
- max: 100,
- onChange: value => {
- if (isNaN(value) || value < 1 || value > 100) {
- return;
- }
-
- setQuery({
- perPage: value
- });
- },
- step: "1",
- value: query.perPage,
- isDragEnabled: false
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNumberControl, {
- __unstableInputWidth: "60px",
- label: (0,external_wp_i18n_namespaceObject.__)('Offset'),
- labelPosition: "edge",
- min: 0,
- max: 100,
- onChange: value => {
- if (isNaN(value) || value < 0 || value > 100) {
- return;
- }
-
- setQuery({
- offset: value
- });
- },
- step: "1",
- value: query.offset,
- isDragEnabled: false
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, {
- id: maxPageInputId,
- help: (0,external_wp_i18n_namespaceObject.__)('Limit the pages you want to show, even if the query has more results. To show all pages use 0 (zero).')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalNumberControl, {
- id: maxPageInputId,
- __unstableInputWidth: "60px",
- label: (0,external_wp_i18n_namespaceObject.__)('Max page to show'),
- labelPosition: "edge",
- min: 0,
- onChange: value => {
- if (isNaN(value) || value < 0) {
- return;
- }
-
- setQuery({
- pages: value
- });
- },
- step: "1",
- value: query.pages,
- isDragEnabled: false
- })))
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, {
- className: "wp-block-template-part__block-control-group"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- onClick: openPatternSelectionModal
- }, (0,external_wp_i18n_namespaceObject.__)('Replace'))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, {
- controls: displayLayoutControls
- }));
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/inspector-controls/order-control.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-const orderOptions = [{
- label: (0,external_wp_i18n_namespaceObject.__)('Newest to oldest'),
- value: 'date/desc'
-}, {
- label: (0,external_wp_i18n_namespaceObject.__)('Oldest to newest'),
- value: 'date/asc'
-}, {
- /* translators: label for ordering posts by title in ascending order */
- label: (0,external_wp_i18n_namespaceObject.__)('A → Z'),
- value: 'title/asc'
-}, {
- /* translators: label for ordering posts by title in descending order */
- label: (0,external_wp_i18n_namespaceObject.__)('Z → A'),
- value: 'title/desc'
-}];
-
-function OrderControl(_ref) {
- let {
- order,
- orderBy,
- onChange
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Order by'),
- value: `${orderBy}/${order}`,
- options: orderOptions,
- onChange: value => {
- const [newOrderBy, newOrder] = value.split('/');
- onChange({
- order: newOrder,
- orderBy: newOrderBy
- });
- }
- });
-}
-
-/* harmony default export */ var order_control = (OrderControl);
+/**
+ * WordPress dependencies
+ */
+
+
+
+const settings_settings = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "m19 7.5h-7.628c-.3089-.87389-1.1423-1.5-2.122-1.5-.97966 0-1.81309.62611-2.12197 1.5h-2.12803v1.5h2.12803c.30888.87389 1.14231 1.5 2.12197 1.5.9797 0 1.8131-.62611 2.122-1.5h7.628z"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "m19 15h-2.128c-.3089-.8739-1.1423-1.5-2.122-1.5s-1.8131.6261-2.122 1.5h-7.628v1.5h7.628c.3089.8739 1.1423 1.5 2.122 1.5s1.8131-.6261 2.122-1.5h2.128z"
+ })]
+});
+/* harmony default export */ const library_settings = (settings_settings);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/utils.js
/**
@@ -34941,6 +46357,12 @@
+
+
+
+
+/** @typedef {import('@wordpress/blocks').WPBlockVariation} WPBlockVariation */
+
/**
* @typedef IHasNameAndId
* @property {string|number} id The entity's id.
@@ -34966,9 +46388,8 @@
* @param {IHasNameAndId[]} entities The entities to extract of helper object.
* @return {QueryEntitiesInfo} The object with the entities information.
*/
-
const getEntitiesInfo = entities => {
- const mapping = entities === null || entities === void 0 ? void 0 : entities.reduce((accumulator, entity) => {
+ const mapping = entities?.reduce((accumulator, entity) => {
const {
mapById,
mapByName,
@@ -34988,6 +46409,41 @@
...mapping
};
};
+
+/**
+ * Helper util to return a value from a certain path of the object.
+ * Path is specified as a string of properties, separated by dots,
+ * for example: "parent.child".
+ *
+ * @param {Object} object Input object.
+ * @param {string} path Path to the object property.
+ * @return {*} Value of the object property at the specified path.
+ */
+const getValueFromObjectPath = (object, path) => {
+ const normalizedPath = path.split('.');
+ let value = object;
+ normalizedPath.forEach(fieldName => {
+ value = value?.[fieldName];
+ });
+ return value;
+};
+
+/**
+ * Helper util to map records to add a `name` prop from a
+ * provided path, in order to handle all entities in the same
+ * fashion(implementing`IHasNameAndId` interface).
+ *
+ * @param {Object[]} entities The array of entities.
+ * @param {string} path The path to map a `name` property from the entity.
+ * @return {IHasNameAndId[]} An array of enitities that now implement the `IHasNameAndId` interface.
+ */
+const mapToIHasNameAndId = (entities, path) => {
+ return (entities || []).map(entity => ({
+ ...entity,
+ name: (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(getValueFromObjectPath(entity, path))
+ }));
+};
+
/**
* Returns a helper object that contains:
* 1. An `options` object from the available post types, to be passed to a `SelectControl`.
@@ -34995,101 +46451,449 @@
*
* @return {Object} The helper object related to post types.
*/
-
const usePostTypes = () => {
const postTypes = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _getPostTypes;
-
const {
getPostTypes
} = select(external_wp_coreData_namespaceObject.store);
const excludedPostTypes = ['attachment'];
- const filteredPostTypes = (_getPostTypes = getPostTypes({
+ const filteredPostTypes = getPostTypes({
per_page: -1
- })) === null || _getPostTypes === void 0 ? void 0 : _getPostTypes.filter(_ref => {
- let {
- viewable,
- slug
- } = _ref;
- return viewable && !excludedPostTypes.includes(slug);
- });
+ })?.filter(({
+ viewable,
+ slug
+ }) => viewable && !excludedPostTypes.includes(slug));
return filteredPostTypes;
}, []);
const postTypesTaxonomiesMap = (0,external_wp_element_namespaceObject.useMemo)(() => {
- if (!(postTypes !== null && postTypes !== void 0 && postTypes.length)) return;
+ if (!postTypes?.length) {
+ return;
+ }
return postTypes.reduce((accumulator, type) => {
accumulator[type.slug] = type.taxonomies;
return accumulator;
}, {});
}, [postTypes]);
- const postTypesSelectOptions = (0,external_wp_element_namespaceObject.useMemo)(() => (postTypes || []).map(_ref2 => {
- let {
- labels,
- slug
- } = _ref2;
- return {
- label: labels.singular_name,
- value: slug
- };
- }), [postTypes]);
+ const postTypesSelectOptions = (0,external_wp_element_namespaceObject.useMemo)(() => (postTypes || []).map(({
+ labels,
+ slug
+ }) => ({
+ label: labels.singular_name,
+ value: slug
+ })), [postTypes]);
return {
postTypesTaxonomiesMap,
postTypesSelectOptions
};
};
+
/**
* Hook that returns the taxonomies associated with a specific post type.
*
* @param {string} postType The post type from which to retrieve the associated taxonomies.
* @return {Object[]} An array of the associated taxonomies.
*/
-
const useTaxonomies = postType => {
const taxonomies = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
getTaxonomies
} = select(external_wp_coreData_namespaceObject.store);
- const filteredTaxonomies = getTaxonomies({
+ return getTaxonomies({
type: postType,
- per_page: -1,
- context: 'view'
- });
- return filteredTaxonomies;
+ per_page: -1
+ });
+ }, [postType]);
+ return (0,external_wp_element_namespaceObject.useMemo)(() => {
+ return taxonomies?.filter(({
+ visibility
+ }) => !!visibility?.publicly_queryable);
+ }, [taxonomies]);
+};
+
+/**
+ * Hook that returns whether a specific post type is hierarchical.
+ *
+ * @param {string} postType The post type to check.
+ * @return {boolean} Whether a specific post type is hierarchical.
+ */
+function useIsPostTypeHierarchical(postType) {
+ return (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const type = select(external_wp_coreData_namespaceObject.store).getPostType(postType);
+ return type?.viewable && type?.hierarchical;
}, [postType]);
- return taxonomies;
-};
-/**
- * Recurses over a list of blocks and returns the first found
- * Query Loop block's clientId.
- *
- * @param {WPBlock[]} blocks The list of blocks to look through.
- * @return {string=} The first found Query Loop's clientId.
- */
-
-const getFirstQueryClientIdFromBlocks = blocks => {
- const blocksQueue = [...blocks];
-
+}
+
+/**
+ * Hook that returns the query properties' names defined by the active
+ * block variation, to determine which block's filters to show.
+ *
+ * @param {Object} attributes Block attributes.
+ * @return {string[]} An array of the query attributes.
+ */
+function useAllowedControls(attributes) {
+ return (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blocks_namespaceObject.store).getActiveBlockVariation('core/query', attributes)?.allowedControls, [attributes]);
+}
+function isControlAllowed(allowedControls, key) {
+ // Every controls is allowed if the list is not defined.
+ if (!allowedControls) {
+ return true;
+ }
+ return allowedControls.includes(key);
+}
+
+/**
+ * Clones a pattern's blocks and then recurses over that list of blocks,
+ * transforming them to retain some `query` attribute properties.
+ * For now we retain the `postType` and `inherit` properties as they are
+ * fundamental for the expected functionality of the block and don't affect
+ * its design and presentation.
+ *
+ * Returns the cloned/transformed blocks and array of existing Query Loop
+ * client ids for further manipulation, in order to avoid multiple recursions.
+ *
+ * @param {WPBlock[]} blocks The list of blocks to look through and transform(mutate).
+ * @param {Record<string,*>} queryBlockAttributes The existing Query Loop's attributes.
+ * @return {{ newBlocks: WPBlock[], queryClientIds: string[] }} An object with the cloned/transformed blocks and all the Query Loop clients from these blocks.
+ */
+const getTransformedBlocksFromPattern = (blocks, queryBlockAttributes) => {
+ const {
+ query: {
+ postType,
+ inherit
+ }
+ } = queryBlockAttributes;
+ const clonedBlocks = blocks.map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block));
+ const queryClientIds = [];
+ const blocksQueue = [...clonedBlocks];
while (blocksQueue.length > 0) {
- var _block$innerBlocks;
-
const block = blocksQueue.shift();
-
if (block.name === 'core/query') {
- return block.clientId;
- }
-
- (_block$innerBlocks = block.innerBlocks) === null || _block$innerBlocks === void 0 ? void 0 : _block$innerBlocks.forEach(innerBlock => {
+ block.attributes.query = {
+ ...block.attributes.query,
+ postType,
+ inherit
+ };
+ queryClientIds.push(block.clientId);
+ }
+ block.innerBlocks?.forEach(innerBlock => {
blocksQueue.push(innerBlock);
});
}
-};
+ return {
+ newBlocks: clonedBlocks,
+ queryClientIds
+ };
+};
+
+/**
+ * Helper hook that determines if there is an active variation of the block
+ * and if there are available specific patterns for this variation.
+ * If there are, these patterns are going to be the only ones suggested to
+ * the user in setup and replace flow, without including the default ones
+ * for Query Loop.
+ *
+ * If there are no such patterns, the default ones for Query Loop are going
+ * to be suggested.
+ *
+ * @param {string} clientId The block's client ID.
+ * @param {Object} attributes The block's attributes.
+ * @return {string} The block name to be used in the patterns suggestions.
+ */
+function useBlockNameForPatterns(clientId, attributes) {
+ const activeVariationName = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blocks_namespaceObject.store).getActiveBlockVariation('core/query', attributes)?.name, [attributes]);
+ const blockName = `core/query/${activeVariationName}`;
+ const hasActiveVariationPatterns = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ if (!activeVariationName) {
+ return false;
+ }
+ const {
+ getBlockRootClientId,
+ getPatternsByBlockTypes
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const rootClientId = getBlockRootClientId(clientId);
+ const activePatterns = getPatternsByBlockTypes(blockName, rootClientId);
+ return activePatterns.length > 0;
+ }, [clientId, activeVariationName, blockName]);
+ return hasActiveVariationPatterns ? blockName : 'core/query';
+}
+
+/**
+ * Helper hook that determines if there is an active variation of the block
+ * and if there are available specific scoped `block` variations connected with
+ * this variation.
+ *
+ * If there are, these variations are going to be the only ones suggested
+ * to the user in setup flow when clicking to `start blank`, without including
+ * the default ones for Query Loop.
+ *
+ * If there are no such scoped `block` variations, the default ones for Query
+ * Loop are going to be suggested.
+ *
+ * The way we determine such variations is with the convention that they have the `namespace`
+ * attribute defined as an array. This array should contain the names(`name` property) of any
+ * variations they want to be connected to.
+ * For example, if we have a `Query Loop` scoped `inserter` variation with the name `products`,
+ * we can connect a scoped `block` variation by setting its `namespace` attribute to `['products']`.
+ * If the user selects this variation, the `namespace` attribute will be overridden by the
+ * main `inserter` variation.
+ *
+ * @param {Object} attributes The block's attributes.
+ * @return {WPBlockVariation[]} The block variations to be suggested in setup flow, when clicking to `start blank`.
+ */
+function useScopedBlockVariations(attributes) {
+ const {
+ activeVariationName,
+ blockVariations
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getActiveBlockVariation,
+ getBlockVariations
+ } = select(external_wp_blocks_namespaceObject.store);
+ return {
+ activeVariationName: getActiveBlockVariation('core/query', attributes)?.name,
+ blockVariations: getBlockVariations('core/query', 'block')
+ };
+ }, [attributes]);
+ const variations = (0,external_wp_element_namespaceObject.useMemo)(() => {
+ // Filter out the variations that have defined a `namespace` attribute,
+ // which means they are 'connected' to specific variations of the block.
+ const isNotConnected = variation => !variation.attributes?.namespace;
+ if (!activeVariationName) {
+ return blockVariations.filter(isNotConnected);
+ }
+ const connectedVariations = blockVariations.filter(variation => variation.attributes?.namespace?.includes(activeVariationName));
+ if (!!connectedVariations.length) {
+ return connectedVariations;
+ }
+ return blockVariations.filter(isNotConnected);
+ }, [activeVariationName, blockVariations]);
+ return variations;
+}
+
+/**
+ * Hook that returns the block patterns for a specific block type.
+ *
+ * @param {string} clientId The block's client ID.
+ * @param {string} name The block type name.
+ * @return {Object[]} An array of valid block patterns.
+ */
+const usePatterns = (clientId, name) => {
+ return (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getBlockRootClientId,
+ getPatternsByBlockTypes
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const rootClientId = getBlockRootClientId(clientId);
+ return getPatternsByBlockTypes(name, rootClientId);
+ }, [name, clientId]);
+};
+
+/**
+ * The object returned by useUnsupportedBlocks with info about the type of
+ * unsupported blocks present inside the Query block.
+ *
+ * @typedef {Object} UnsupportedBlocksInfo
+ * @property {boolean} hasBlocksFromPlugins True if blocks from plugins are present.
+ * @property {boolean} hasPostContentBlock True if a 'core/post-content' block is present.
+ * @property {boolean} hasUnsupportedBlocks True if there are any unsupported blocks.
+ */
+
+/**
+ * Hook that returns an object with information about the unsupported blocks
+ * present inside a Query Loop with the given `clientId`. The returned object
+ * contains props that are true when a certain type of unsupported block is
+ * present.
+ *
+ * @param {string} clientId The block's client ID.
+ * @return {UnsupportedBlocksInfo} The object containing the information.
+ */
+const useUnsupportedBlocks = clientId => {
+ return (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getClientIdsOfDescendants,
+ getBlockName
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const blocks = {};
+ getClientIdsOfDescendants(clientId).forEach(descendantClientId => {
+ const blockName = getBlockName(descendantClientId);
+ /*
+ * Client side navigation can be true in two states:
+ * - supports.interactivity = true;
+ * - supports.interactivity.clientNavigation = true;
+ */
+ const blockSupportsInteractivity = Object.is((0,external_wp_blocks_namespaceObject.getBlockSupport)(blockName, 'interactivity'), true);
+ const blockSupportsInteractivityClientNavigation = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockName, 'interactivity.clientNavigation');
+ const blockInteractivity = blockSupportsInteractivity || blockSupportsInteractivityClientNavigation;
+ if (!blockInteractivity) {
+ blocks.hasBlocksFromPlugins = true;
+ } else if (blockName === 'core/post-content') {
+ blocks.hasPostContentBlock = true;
+ }
+ });
+ blocks.hasUnsupportedBlocks = blocks.hasBlocksFromPlugins || blocks.hasPostContentBlock;
+ return blocks;
+ }, [clientId]);
+};
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/query-toolbar.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function QueryToolbar({
+ attributes: {
+ query
+ },
+ setQuery,
+ openPatternSelectionModal,
+ name,
+ clientId
+}) {
+ const hasPatterns = !!usePatterns(clientId, name).length;
+ const maxPageInputId = (0,external_wp_compose_namespaceObject.useInstanceId)(QueryToolbar, 'blocks-query-pagination-max-page-input');
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [!query.inherit && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Dropdown, {
+ contentClassName: "block-library-query-toolbar__popover",
+ renderToggle: ({
+ onToggle
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ icon: library_settings,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display settings'),
+ onClick: onToggle
+ }),
+ renderContent: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.BaseControl, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalNumberControl, {
+ __unstableInputWidth: "60px",
+ label: (0,external_wp_i18n_namespaceObject.__)('Items per Page'),
+ labelPosition: "edge",
+ min: 1,
+ max: 100,
+ onChange: value => {
+ if (isNaN(value) || value < 1 || value > 100) {
+ return;
+ }
+ setQuery({
+ perPage: value
+ });
+ },
+ step: "1",
+ value: query.perPage,
+ isDragEnabled: false
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.BaseControl, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalNumberControl, {
+ __unstableInputWidth: "60px",
+ label: (0,external_wp_i18n_namespaceObject.__)('Offset'),
+ labelPosition: "edge",
+ min: 0,
+ max: 100,
+ onChange: value => {
+ if (isNaN(value) || value < 0 || value > 100) {
+ return;
+ }
+ setQuery({
+ offset: value
+ });
+ },
+ step: "1",
+ value: query.offset,
+ isDragEnabled: false
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.BaseControl, {
+ id: maxPageInputId,
+ help: (0,external_wp_i18n_namespaceObject.__)('Limit the pages you want to show, even if the query has more results. To show all pages use 0 (zero).'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalNumberControl, {
+ id: maxPageInputId,
+ __unstableInputWidth: "60px",
+ label: (0,external_wp_i18n_namespaceObject.__)('Max page to show'),
+ labelPosition: "edge",
+ min: 0,
+ onChange: value => {
+ if (isNaN(value) || value < 0) {
+ return;
+ }
+ setQuery({
+ pages: value
+ });
+ },
+ step: "1",
+ value: query.pages,
+ isDragEnabled: false
+ })
+ })]
+ })
+ })
+ }), hasPatterns && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ className: "wp-block-template-part__block-control-group",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ onClick: openPatternSelectionModal,
+ children: (0,external_wp_i18n_namespaceObject.__)('Replace')
+ })
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/inspector-controls/order-control.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+const orderOptions = [{
+ label: (0,external_wp_i18n_namespaceObject.__)('Newest to oldest'),
+ value: 'date/desc'
+}, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Oldest to newest'),
+ value: 'date/asc'
+}, {
+ /* translators: label for ordering posts by title in ascending order */
+ label: (0,external_wp_i18n_namespaceObject.__)('A → Z'),
+ value: 'title/asc'
+}, {
+ /* translators: label for ordering posts by title in descending order */
+ label: (0,external_wp_i18n_namespaceObject.__)('Z → A'),
+ value: 'title/desc'
+}];
+function OrderControl({
+ order,
+ orderBy,
+ onChange
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Order by'),
+ value: `${orderBy}/${order}`,
+ options: orderOptions,
+ onChange: value => {
+ const [newOrderBy, newOrder] = value.split('/');
+ onChange({
+ order: newOrder,
+ orderBy: newOrderBy
+ });
+ }
+ });
+}
+/* harmony default export */ const order_control = (OrderControl);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/inspector-controls/author-control.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
@@ -35105,105 +46909,237 @@
_fields: 'id,name',
context: 'view'
};
-
-function AuthorControl(_ref) {
- let {
- value,
- onChange
- } = _ref;
+function AuthorControl({
+ value,
+ onChange
+}) {
const authorsList = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
getUsers
} = select(external_wp_coreData_namespaceObject.store);
return getUsers(author_control_AUTHORS_QUERY);
}, []);
-
if (!authorsList) {
return null;
}
-
const authorsInfo = getEntitiesInfo(authorsList);
/**
* We need to normalize the value because the block operates on a
* comma(`,`) separated string value and `FormTokenFiels` needs an
* array.
*/
-
- const normalizedValue = !value ? [] : value.toString().split(','); // Returns only the existing authors ids. This prevents the component
+ const normalizedValue = !value ? [] : value.toString().split(',');
+ // Returns only the existing authors ids. This prevents the component
// from crashing in the editor, when non existing ids are provided.
-
const sanitizedValue = normalizedValue.reduce((accumulator, authorId) => {
const author = authorsInfo.mapById[authorId];
-
if (author) {
accumulator.push({
id: authorId,
value: author.name
});
}
-
return accumulator;
}, []);
-
const getIdByValue = (entitiesMappedByName, authorValue) => {
- var _entitiesMappedByName;
-
- const id = (authorValue === null || authorValue === void 0 ? void 0 : authorValue.id) || ((_entitiesMappedByName = entitiesMappedByName[authorValue]) === null || _entitiesMappedByName === void 0 ? void 0 : _entitiesMappedByName.id);
- if (id) return id;
- };
-
+ const id = authorValue?.id || entitiesMappedByName[authorValue]?.id;
+ if (id) {
+ return id;
+ }
+ };
const onAuthorChange = newValue => {
const ids = Array.from(newValue.reduce((accumulator, author) => {
// Verify that new values point to existing entities.
const id = getIdByValue(authorsInfo.mapByName, author);
- if (id) accumulator.add(id);
+ if (id) {
+ accumulator.add(id);
+ }
return accumulator;
}, new Set()));
onChange({
author: ids.join(',')
});
};
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FormTokenField, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FormTokenField, {
label: (0,external_wp_i18n_namespaceObject.__)('Authors'),
value: sanitizedValue,
suggestions: authorsInfo.names,
- onChange: onAuthorChange
- });
-}
-
-/* harmony default export */ var author_control = (AuthorControl);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/constants.js
-const MAX_FETCHED_TERMS = 100;
-const DEFAULTS_POSTS_PER_PAGE = 3;
-/* harmony default export */ var constants = ({
- MAX_FETCHED_TERMS,
- DEFAULTS_POSTS_PER_PAGE
-});
+ onChange: onAuthorChange,
+ __experimentalShowHowTo: false
+ });
+}
+/* harmony default export */ const author_control = (AuthorControl);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/inspector-controls/parent-control.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+const parent_control_EMPTY_ARRAY = [];
+const BASE_QUERY = {
+ order: 'asc',
+ _fields: 'id,title',
+ context: 'view'
+};
+function ParentControl({
+ parents,
+ postType,
+ onChange
+}) {
+ const [search, setSearch] = (0,external_wp_element_namespaceObject.useState)('');
+ const [value, setValue] = (0,external_wp_element_namespaceObject.useState)(parent_control_EMPTY_ARRAY);
+ const [suggestions, setSuggestions] = (0,external_wp_element_namespaceObject.useState)(parent_control_EMPTY_ARRAY);
+ const debouncedSearch = (0,external_wp_compose_namespaceObject.useDebounce)(setSearch, 250);
+ const {
+ searchResults,
+ searchHasResolved
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ if (!search) {
+ return {
+ searchResults: parent_control_EMPTY_ARRAY,
+ searchHasResolved: true
+ };
+ }
+ const {
+ getEntityRecords,
+ hasFinishedResolution
+ } = select(external_wp_coreData_namespaceObject.store);
+ const selectorArgs = ['postType', postType, {
+ ...BASE_QUERY,
+ search,
+ orderby: 'relevance',
+ exclude: parents,
+ per_page: 20
+ }];
+ return {
+ searchResults: getEntityRecords(...selectorArgs),
+ searchHasResolved: hasFinishedResolution('getEntityRecords', selectorArgs)
+ };
+ }, [search, parents]);
+ const currentParents = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ if (!parents?.length) {
+ return parent_control_EMPTY_ARRAY;
+ }
+ const {
+ getEntityRecords
+ } = select(external_wp_coreData_namespaceObject.store);
+ return getEntityRecords('postType', postType, {
+ ...BASE_QUERY,
+ include: parents,
+ per_page: parents.length
+ });
+ }, [parents]);
+ // Update the `value` state only after the selectors are resolved
+ // to avoid emptying the input when we're changing parents.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!parents?.length) {
+ setValue(parent_control_EMPTY_ARRAY);
+ }
+ if (!currentParents?.length) {
+ return;
+ }
+ const currentParentsInfo = getEntitiesInfo(mapToIHasNameAndId(currentParents, 'title.rendered'));
+ // Returns only the existing entity ids. This prevents the component
+ // from crashing in the editor, when non existing ids are provided.
+ const sanitizedValue = parents.reduce((accumulator, id) => {
+ const entity = currentParentsInfo.mapById[id];
+ if (entity) {
+ accumulator.push({
+ id,
+ value: entity.name
+ });
+ }
+ return accumulator;
+ }, []);
+ setValue(sanitizedValue);
+ }, [parents, currentParents]);
+ const entitiesInfo = (0,external_wp_element_namespaceObject.useMemo)(() => {
+ if (!searchResults?.length) {
+ return parent_control_EMPTY_ARRAY;
+ }
+ return getEntitiesInfo(mapToIHasNameAndId(searchResults, 'title.rendered'));
+ }, [searchResults]);
+ // Update suggestions only when the query has resolved.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!searchHasResolved) {
+ return;
+ }
+ setSuggestions(entitiesInfo.names);
+ }, [entitiesInfo.names, searchHasResolved]);
+ const getIdByValue = (entitiesMappedByName, entity) => {
+ const id = entity?.id || entitiesMappedByName?.[entity]?.id;
+ if (id) {
+ return id;
+ }
+ };
+ const onParentChange = newValue => {
+ const ids = Array.from(newValue.reduce((accumulator, entity) => {
+ // Verify that new values point to existing entities.
+ const id = getIdByValue(entitiesInfo.mapByName, entity);
+ if (id) {
+ accumulator.add(id);
+ }
+ return accumulator;
+ }, new Set()));
+ setSuggestions(parent_control_EMPTY_ARRAY);
+ onChange({
+ parents: ids
+ });
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FormTokenField, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Parents'),
+ value: value,
+ onInputChange: debouncedSearch,
+ suggestions: suggestions,
+ onChange: onParentChange,
+ __experimentalShowHowTo: false
+ });
+}
+/* harmony default export */ const parent_control = (ParentControl);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/inspector-controls/taxonomy-controls.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-/**
- * Internal dependencies
- */
-
-
- // Helper function to get the term id based on user input in terms `FormTokenField`.
-
-const getTermIdByTermValue = (termsMappedByName, termValue) => {
- var _termsMappedByName$te;
-
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+const taxonomy_controls_EMPTY_ARRAY = [];
+const taxonomy_controls_BASE_QUERY = {
+ order: 'asc',
+ _fields: 'id,name',
+ context: 'view'
+};
+
+// Helper function to get the term id based on user input in terms `FormTokenField`.
+const getTermIdByTermValue = (terms, termValue) => {
// First we check for exact match by `term.id` or case sensitive `term.name` match.
- const termId = (termValue === null || termValue === void 0 ? void 0 : termValue.id) || ((_termsMappedByName$te = termsMappedByName[termValue]) === null || _termsMappedByName$te === void 0 ? void 0 : _termsMappedByName$te.id);
- if (termId) return termId;
+ const termId = termValue?.id || terms?.find(term => term.name === termValue)?.id;
+ if (termId) {
+ return termId;
+ }
+
/**
* Here we make an extra check for entered terms in a non case sensitive way,
* to match user expectations, due to `FormTokenField` behaviour that shows
@@ -35213,127 +47149,159 @@
* it's still possible if you manually change the name, as long as the terms have different slugs.
* In this edge case we always apply the first match from the terms list.
*/
-
const termValueLower = termValue.toLocaleLowerCase();
-
- for (const term in termsMappedByName) {
- if (term.toLocaleLowerCase() === termValueLower) {
- return termsMappedByName[term].id;
- }
- }
-};
-
-function TaxonomyControls(_ref) {
- let {
- onChange,
- query
- } = _ref;
- const taxonomies = useTaxonomies(query.postType);
- const taxonomiesInfo = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ return terms?.find(term => term.name.toLocaleLowerCase() === termValueLower)?.id;
+};
+function TaxonomyControls({
+ onChange,
+ query
+}) {
+ const {
+ postType,
+ taxQuery
+ } = query;
+ const taxonomies = useTaxonomies(postType);
+ if (!taxonomies || taxonomies.length === 0) {
+ return null;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: taxonomies.map(taxonomy => {
+ const termIds = taxQuery?.[taxonomy.slug] || [];
+ const handleChange = newTermIds => onChange({
+ taxQuery: {
+ ...taxQuery,
+ [taxonomy.slug]: newTermIds
+ }
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TaxonomyItem, {
+ taxonomy: taxonomy,
+ termIds: termIds,
+ onChange: handleChange
+ }, taxonomy.slug);
+ })
+ });
+}
+
+/**
+ * Renders a `FormTokenField` for a given taxonomy.
+ *
+ * @param {Object} props The props for the component.
+ * @param {Object} props.taxonomy The taxonomy object.
+ * @param {number[]} props.termIds An array with the block's term ids for the given taxonomy.
+ * @param {Function} props.onChange Callback `onChange` function.
+ * @return {JSX.Element} The rendered component.
+ */
+function TaxonomyItem({
+ taxonomy,
+ termIds,
+ onChange
+}) {
+ const [search, setSearch] = (0,external_wp_element_namespaceObject.useState)('');
+ const [value, setValue] = (0,external_wp_element_namespaceObject.useState)(taxonomy_controls_EMPTY_ARRAY);
+ const [suggestions, setSuggestions] = (0,external_wp_element_namespaceObject.useState)(taxonomy_controls_EMPTY_ARRAY);
+ const debouncedSearch = (0,external_wp_compose_namespaceObject.useDebounce)(setSearch, 250);
+ const {
+ searchResults,
+ searchHasResolved
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ if (!search) {
+ return {
+ searchResults: taxonomy_controls_EMPTY_ARRAY,
+ searchHasResolved: true
+ };
+ }
+ const {
+ getEntityRecords,
+ hasFinishedResolution
+ } = select(external_wp_coreData_namespaceObject.store);
+ const selectorArgs = ['taxonomy', taxonomy.slug, {
+ ...taxonomy_controls_BASE_QUERY,
+ search,
+ orderby: 'name',
+ exclude: termIds,
+ per_page: 20
+ }];
+ return {
+ searchResults: getEntityRecords(...selectorArgs),
+ searchHasResolved: hasFinishedResolution('getEntityRecords', selectorArgs)
+ };
+ }, [search, termIds]);
+ // `existingTerms` are the ones fetched from the API and their type is `{ id: number; name: string }`.
+ // They are used to extract the terms' names to populate the `FormTokenField` properly
+ // and to sanitize the provided `termIds`, by setting only the ones that exist.
+ const existingTerms = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ if (!termIds?.length) {
+ return taxonomy_controls_EMPTY_ARRAY;
+ }
const {
getEntityRecords
} = select(external_wp_coreData_namespaceObject.store);
- const termsQuery = {
- per_page: MAX_FETCHED_TERMS
- };
-
- const _taxonomiesInfo = taxonomies === null || taxonomies === void 0 ? void 0 : taxonomies.map(_ref2 => {
- let {
- slug,
- name
- } = _ref2;
-
- const _terms = getEntityRecords('taxonomy', slug, termsQuery);
-
- return {
- slug,
- name,
- terms: getEntitiesInfo(_terms)
- };
- });
-
- return _taxonomiesInfo;
- }, [taxonomies]);
-
- const onTermsChange = taxonomySlug => newTermValues => {
- const taxonomyInfo = taxonomiesInfo.find(_ref3 => {
- let {
- slug
- } = _ref3;
- return slug === taxonomySlug;
- });
- if (!taxonomyInfo) return;
- const termIds = Array.from(newTermValues.reduce((accumulator, termValue) => {
- const termId = getTermIdByTermValue(taxonomyInfo.terms.mapByName, termValue);
- if (termId) accumulator.add(termId);
- return accumulator;
- }, new Set()));
- const newTaxQuery = { ...query.taxQuery,
- [taxonomySlug]: termIds
- };
- onChange({
- taxQuery: newTaxQuery
- });
- }; // Returns only the existing term ids in proper format to be
- // used in `FormTokenField`. This prevents the component from
- // crashing in the editor, when non existing term ids were provided.
-
-
- const getExistingTaxQueryValue = taxonomySlug => {
- var _query$taxQuery;
-
- const taxonomyInfo = taxonomiesInfo.find(_ref4 => {
- let {
- slug
- } = _ref4;
- return slug === taxonomySlug;
- });
- if (!taxonomyInfo) return [];
- return (((_query$taxQuery = query.taxQuery) === null || _query$taxQuery === void 0 ? void 0 : _query$taxQuery[taxonomySlug]) || []).reduce((accumulator, termId) => {
- const term = taxonomyInfo.terms.mapById[termId];
-
- if (term) {
+ return getEntityRecords('taxonomy', taxonomy.slug, {
+ ...taxonomy_controls_BASE_QUERY,
+ include: termIds,
+ per_page: termIds.length
+ });
+ }, [termIds]);
+ // Update the `value` state only after the selectors are resolved
+ // to avoid emptying the input when we're changing terms.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!termIds?.length) {
+ setValue(taxonomy_controls_EMPTY_ARRAY);
+ }
+ if (!existingTerms?.length) {
+ return;
+ }
+ // Returns only the existing entity ids. This prevents the component
+ // from crashing in the editor, when non existing ids are provided.
+ const sanitizedValue = termIds.reduce((accumulator, id) => {
+ const entity = existingTerms.find(term => term.id === id);
+ if (entity) {
accumulator.push({
- id: termId,
- value: term.name
- });
- }
-
+ id,
+ value: entity.name
+ });
+ }
return accumulator;
}, []);
- };
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, !!(taxonomiesInfo !== null && taxonomiesInfo !== void 0 && taxonomiesInfo.length) && taxonomiesInfo.map(_ref5 => {
- var _terms$names;
-
- let {
- slug,
- name,
- terms
- } = _ref5;
-
- if (!(terms !== null && terms !== void 0 && (_terms$names = terms.names) !== null && _terms$names !== void 0 && _terms$names.length)) {
- return null;
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FormTokenField, {
- key: slug,
- label: name,
- value: getExistingTaxQueryValue(slug),
- suggestions: terms.names,
- onChange: onTermsChange(slug)
- });
- }));
-}
-
-/* harmony default export */ var taxonomy_controls = (TaxonomyControls);
+ setValue(sanitizedValue);
+ }, [termIds, existingTerms]);
+ // Update suggestions only when the query has resolved.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!searchHasResolved) {
+ return;
+ }
+ setSuggestions(searchResults.map(result => result.name));
+ }, [searchResults, searchHasResolved]);
+ const onTermsChange = newTermValues => {
+ const newTermIds = new Set();
+ for (const termValue of newTermValues) {
+ const termId = getTermIdByTermValue(searchResults, termValue);
+ if (termId) {
+ newTermIds.add(termId);
+ }
+ }
+ setSuggestions(taxonomy_controls_EMPTY_ARRAY);
+ onChange(Array.from(newTermIds));
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "block-library-query-inspector__taxonomy-control",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FormTokenField, {
+ label: taxonomy.name,
+ value: value,
+ onInputChange: debouncedSearch,
+ suggestions: suggestions,
+ displayTransform: external_wp_htmlEntities_namespaceObject.decodeEntities,
+ onChange: onTermsChange,
+ __experimentalShowHowTo: false
+ })
+ });
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/inspector-controls/sticky-control.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
const stickyOptions = [{
@@ -35346,53 +47314,141 @@
label: (0,external_wp_i18n_namespaceObject.__)('Only'),
value: 'only'
}];
-function StickyControl(_ref) {
- let {
- value,
- onChange
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
+function StickyControl({
+ value,
+ onChange
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
label: (0,external_wp_i18n_namespaceObject.__)('Sticky posts'),
options: stickyOptions,
value: value,
onChange: onChange,
- help: (0,external_wp_i18n_namespaceObject.__)('Blog posts can be "stickied", a feature that places them at the top of the front page of posts, keeping it there until new sticky posts are published.')
- });
-}
+ help: (0,external_wp_i18n_namespaceObject.__)('Blog posts can be “stickied”, a feature that places them at the top of the front page of posts, keeping it there until new sticky posts are published.')
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/inspector-controls/enhanced-pagination-control.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+function EnhancedPaginationControl({
+ enhancedPagination,
+ setAttributes,
+ clientId
+}) {
+ const {
+ hasUnsupportedBlocks
+ } = useUnsupportedBlocks(clientId);
+ const fullPageClientSideNavigation = window.__experimentalFullPageClientSideNavigation;
+ let help = (0,external_wp_i18n_namespaceObject.__)('Browsing between pages requires a full page reload.');
+ if (fullPageClientSideNavigation) {
+ help = (0,external_wp_i18n_namespaceObject.__)('Experimental full-page client-side navigation setting enabled.');
+ } else if (enhancedPagination) {
+ help = (0,external_wp_i18n_namespaceObject.__)("Browsing between pages won't require a full page reload, unless non-compatible blocks are detected.");
+ } else if (hasUnsupportedBlocks) {
+ help = (0,external_wp_i18n_namespaceObject.__)("Force page reload can't be disabled because there are non-compatible blocks inside the Query block.");
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Force page reload'),
+ help: help,
+ checked: !enhancedPagination && !fullPageClientSideNavigation,
+ disabled: hasUnsupportedBlocks || fullPageClientSideNavigation,
+ onChange: value => {
+ setAttributes({
+ enhancedPagination: !value
+ });
+ }
+ })
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/inspector-controls/create-new-post-link.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+const CreateNewPostLink = ({
+ attributes: {
+ query: {
+ postType
+ } = {}
+ } = {}
+}) => {
+ if (!postType) {
+ return null;
+ }
+ const newPostUrl = (0,external_wp_url_namespaceObject.addQueryArgs)('post-new.php', {
+ post_type: postType
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-query__create-new-link",
+ children: (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('<a>Add new post</a>'),
+ // eslint-disable-next-line jsx-a11y/anchor-has-content
+ {
+ a: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: newPostUrl
+ })
+ })
+ });
+};
+/* harmony default export */ const create_new_post_link = (CreateNewPostLink);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/inspector-controls/index.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-
-
-
-function QueryInspectorControls(_ref) {
- let {
- attributes: {
- query,
- displayLayout
- },
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+
+
+const {
+ BlockInfo
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+function QueryInspectorControls(props) {
+ const {
+ attributes,
setQuery,
- setDisplayLayout
- } = _ref;
+ setDisplayLayout,
+ setAttributes,
+ clientId
+ } = props;
+ const {
+ query,
+ displayLayout,
+ enhancedPagination
+ } = attributes;
const {
order,
orderBy,
@@ -35400,44 +47456,43 @@
postType,
sticky,
inherit,
- taxQuery
+ taxQuery,
+ parents
} = query;
+ const allowedControls = useAllowedControls(attributes);
const [showSticky, setShowSticky] = (0,external_wp_element_namespaceObject.useState)(postType === 'post');
const {
postTypesTaxonomiesMap,
postTypesSelectOptions
} = usePostTypes();
+ const taxonomies = useTaxonomies(postType);
+ const isPostTypeHierarchical = useIsPostTypeHierarchical(postType);
(0,external_wp_element_namespaceObject.useEffect)(() => {
setShowSticky(postType === 'post');
}, [postType]);
-
const onPostTypeChange = newValue => {
const updateQuery = {
postType: newValue
- }; // We need to dynamically update the `taxQuery` property,
+ };
+ // We need to dynamically update the `taxQuery` property,
// by removing any not supported taxonomy from the query.
-
const supportedTaxonomies = postTypesTaxonomiesMap[newValue];
- const updatedTaxQuery = Object.entries(taxQuery || {}).reduce((accumulator, _ref2) => {
- let [taxonomySlug, terms] = _ref2;
-
+ const updatedTaxQuery = Object.entries(taxQuery || {}).reduce((accumulator, [taxonomySlug, terms]) => {
if (supportedTaxonomies.includes(taxonomySlug)) {
accumulator[taxonomySlug] = terms;
}
-
return accumulator;
}, {});
updateQuery.taxQuery = !!Object.keys(updatedTaxQuery).length ? updatedTaxQuery : undefined;
-
if (newValue !== 'post') {
updateQuery.sticky = '';
}
-
+ // We need to reset `parents` because they are tied to each post type.
+ updateQuery.parents = [];
setQuery(updateQuery);
};
-
const [querySearch, setQuerySearch] = (0,external_wp_element_namespaceObject.useState)(query.search);
- const onChangeDebounced = (0,external_wp_element_namespaceObject.useCallback)((0,external_lodash_namespaceObject.debounce)(() => {
+ const onChangeDebounced = (0,external_wp_element_namespaceObject.useCallback)((0,external_wp_compose_namespaceObject.debounce)(() => {
if (query.search !== querySearch) {
setQuery({
search: querySearch
@@ -35448,172 +47503,244 @@
onChangeDebounced();
return onChangeDebounced.cancel;
}, [querySearch, onChangeDebounced]);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Inherit query from template'),
- help: (0,external_wp_i18n_namespaceObject.__)('Toggle to use the global query context that is set with the current template, such as an archive or search. Disable to customize the settings independently.'),
- checked: !!inherit,
- onChange: value => setQuery({
- inherit: !!value
- })
- }), !inherit && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- options: postTypesSelectOptions,
- value: postType,
- label: (0,external_wp_i18n_namespaceObject.__)('Post type'),
- onChange: onPostTypeChange,
- help: (0,external_wp_i18n_namespaceObject.__)('WordPress contains different types of content and they are divided into collections called "Post types". By default there are a few different ones such as blog posts and pages, but plugins could add more.')
- }), (displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.type) === 'flex' && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
- value: displayLayout.columns,
- onChange: value => setDisplayLayout({
- columns: value
- }),
- min: 2,
- max: Math.max(6, displayLayout.columns)
- }), displayLayout.columns > 6 && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Notice, {
- status: "warning",
- isDismissible: false
- }, (0,external_wp_i18n_namespaceObject.__)('This column count exceeds the recommended amount and may cause visual breakage.'))), !inherit && (0,external_wp_element_namespaceObject.createElement)(order_control, {
- order,
- orderBy,
- onChange: setQuery
- }), !inherit && showSticky && (0,external_wp_element_namespaceObject.createElement)(StickyControl, {
- value: sticky,
- onChange: value => setQuery({
- sticky: value
- })
- })), !inherit && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Filters')
- }, (0,external_wp_element_namespaceObject.createElement)(taxonomy_controls, {
- onChange: setQuery,
- query: query
- }), (0,external_wp_element_namespaceObject.createElement)(author_control, {
- value: authorIds,
- onChange: setQuery
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Keyword'),
- value: querySearch,
- onChange: setQuerySearch
- })));
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/query-placeholder.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-function QueryPlaceholder(_ref) {
- let {
- clientId,
- name,
- setAttributes,
- icon,
- label
- } = _ref;
- const {
- defaultVariation,
- scopeVariations
- } = (0,external_wp_data_namespaceObject.useSelect)(select => {
- const {
- getBlockVariations,
- getBlockType,
- getDefaultBlockVariation
- } = select(external_wp_blocks_namespaceObject.store);
- return {
- blockType: getBlockType(name),
- defaultVariation: getDefaultBlockVariation(name, 'block'),
- scopeVariations: getBlockVariations(name, 'block')
- };
- }, [name]);
- const {
- replaceInnerBlocks
- } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
- const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalBlockVariationPicker, {
- icon: icon,
- label: label,
- variations: scopeVariations,
- onSelect: function () {
- let nextVariation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultVariation;
-
- if (nextVariation.attributes) {
- setAttributes(nextVariation.attributes);
- }
-
- if (nextVariation.innerBlocks) {
- replaceInnerBlocks(clientId, (0,external_wp_blocks_namespaceObject.createBlocksFromInnerBlocksTemplate)(nextVariation.innerBlocks), false);
- }
- }
- }));
-}
-
-/* harmony default export */ var query_placeholder = (QueryPlaceholder);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/index.js
-
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-
-
-
-const query_edit_TEMPLATE = [['core/post-template']];
-function QueryContent(_ref) {
- let {
- attributes,
- setAttributes,
- openPatternSelectionModal
- } = _ref;
+ const showInheritControl = isControlAllowed(allowedControls, 'inherit');
+ const showPostTypeControl = !inherit && isControlAllowed(allowedControls, 'postType');
+ const showColumnsControl = false;
+ const showOrderControl = !inherit && isControlAllowed(allowedControls, 'order');
+ const showStickyControl = !inherit && showSticky && isControlAllowed(allowedControls, 'sticky');
+ const showSettingsPanel = showInheritControl || showPostTypeControl || showColumnsControl || showOrderControl || showStickyControl;
+ const showTaxControl = !!taxonomies?.length && isControlAllowed(allowedControls, 'taxQuery');
+ const showAuthorControl = isControlAllowed(allowedControls, 'author');
+ const showSearchControl = isControlAllowed(allowedControls, 'search');
+ const showParentControl = isControlAllowed(allowedControls, 'parents') && isPostTypeHierarchical;
+ const showFiltersPanel = showTaxControl || showAuthorControl || showSearchControl || showParentControl;
+ const dropdownMenuProps = useToolsPanelDropdownMenuProps();
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockInfo, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(create_new_post_link, {
+ ...props
+ })
+ }), showSettingsPanel && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [showInheritControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Inherit query from template'),
+ help: (0,external_wp_i18n_namespaceObject.__)('Toggle to use the global query context that is set with the current template, such as an archive or search. Disable to customize the settings independently.'),
+ checked: !!inherit,
+ onChange: value => setQuery({
+ inherit: !!value
+ })
+ }), showPostTypeControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ options: postTypesSelectOptions,
+ value: postType,
+ label: (0,external_wp_i18n_namespaceObject.__)('Post type'),
+ onChange: onPostTypeChange,
+ help: (0,external_wp_i18n_namespaceObject.__)('WordPress contains different types of content and they are divided into collections called “Post types”. By default there are a few different ones such as blog posts and pages, but plugins could add more.')
+ }), showColumnsControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
+ value: displayLayout.columns,
+ onChange: value => setDisplayLayout({
+ columns: value
+ }),
+ min: 2,
+ max: Math.max(6, displayLayout.columns)
+ }), displayLayout.columns > 6 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Notice, {
+ status: "warning",
+ isDismissible: false,
+ children: (0,external_wp_i18n_namespaceObject.__)('This column count exceeds the recommended amount and may cause visual breakage.')
+ })]
+ }), showOrderControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(order_control, {
+ order,
+ orderBy,
+ onChange: setQuery
+ }), showStickyControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(StickyControl, {
+ value: sticky,
+ onChange: value => setQuery({
+ sticky: value
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(EnhancedPaginationControl, {
+ enhancedPagination: enhancedPagination,
+ setAttributes: setAttributes,
+ clientId: clientId
+ })]
+ }), !inherit && showFiltersPanel && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalToolsPanel, {
+ className: "block-library-query-toolspanel__filters",
+ label: (0,external_wp_i18n_namespaceObject.__)('Filters'),
+ resetAll: () => {
+ setQuery({
+ author: '',
+ parents: [],
+ search: '',
+ taxQuery: null
+ });
+ setQuerySearch('');
+ },
+ dropdownMenuProps: dropdownMenuProps,
+ children: [showTaxControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Taxonomies'),
+ hasValue: () => Object.values(taxQuery || {}).some(terms => !!terms.length),
+ onDeselect: () => setQuery({
+ taxQuery: null
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TaxonomyControls, {
+ onChange: setQuery,
+ query: query
+ })
+ }), showAuthorControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ hasValue: () => !!authorIds,
+ label: (0,external_wp_i18n_namespaceObject.__)('Authors'),
+ onDeselect: () => setQuery({
+ author: ''
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(author_control, {
+ value: authorIds,
+ onChange: setQuery
+ })
+ }), showSearchControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ hasValue: () => !!querySearch,
+ label: (0,external_wp_i18n_namespaceObject.__)('Keyword'),
+ onDeselect: () => setQuerySearch(''),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Keyword'),
+ value: querySearch,
+ onChange: setQuerySearch
+ })
+ }), showParentControl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToolsPanelItem, {
+ hasValue: () => !!parents?.length,
+ label: (0,external_wp_i18n_namespaceObject.__)('Parents'),
+ onDeselect: () => setQuery({
+ parents: []
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(parent_control, {
+ parents: parents,
+ postType: postType,
+ onChange: setQuery
+ })
+ })]
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/enhanced-pagination-modal.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+const modalDescriptionId = 'wp-block-query-enhanced-pagination-modal__description';
+function EnhancedPaginationModal({
+ clientId,
+ attributes: {
+ enhancedPagination
+ },
+ setAttributes
+}) {
+ const [isOpen, setOpen] = (0,external_wp_element_namespaceObject.useState)(false);
+ const {
+ hasBlocksFromPlugins,
+ hasPostContentBlock,
+ hasUnsupportedBlocks
+ } = useUnsupportedBlocks(clientId);
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (enhancedPagination && hasUnsupportedBlocks && !window.__experimentalFullPageClientSideNavigation) {
+ setAttributes({
+ enhancedPagination: false
+ });
+ setOpen(true);
+ }
+ }, [enhancedPagination, hasUnsupportedBlocks, setAttributes]);
+ const closeModal = () => {
+ setOpen(false);
+ };
+ let notice = (0,external_wp_i18n_namespaceObject.__)('If you still want to prevent full page reloads, remove that block, then disable "Force page reload" again in the Query Block settings.');
+ if (hasBlocksFromPlugins) {
+ notice = (0,external_wp_i18n_namespaceObject.__)('Currently, avoiding full page reloads is not possible when non-interactive or non-client Navigation compatible blocks from plugins are present inside the Query block.') + ' ' + notice;
+ } else if (hasPostContentBlock) {
+ notice = (0,external_wp_i18n_namespaceObject.__)('Currently, avoiding full page reloads is not possible when a Content block is present inside the Query block.') + ' ' + notice;
+ }
+ return isOpen && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Query block: Force page reload enabled'),
+ className: "wp-block-query__enhanced-pagination-modal",
+ aria: {
+ describedby: modalDescriptionId
+ },
+ role: "alertdialog",
+ focusOnMount: "firstElement",
+ isDismissible: false,
+ onRequestClose: closeModal,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
+ alignment: "right",
+ spacing: 5,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ id: modalDescriptionId,
+ children: notice
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "primary",
+ onClick: closeModal,
+ children: (0,external_wp_i18n_namespaceObject.__)('OK')
+ })]
+ })
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/query-content.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+const DEFAULTS_POSTS_PER_PAGE = 3;
+const query_content_TEMPLATE = [['core/post-template']];
+function QueryContent({
+ attributes,
+ setAttributes,
+ openPatternSelectionModal,
+ name,
+ clientId
+}) {
const {
queryId,
query,
displayLayout,
tagName: TagName = 'div',
- layout = {}
+ query: {
+ inherit
+ } = {}
} = attributes;
const {
__unstableMarkNextChangeAsNotPersistent
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(QueryContent);
- const {
- themeSupportsLayout
- } = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _getSettings;
-
- const {
- getSettings
- } = select(external_wp_blockEditor_namespaceObject.store);
- return {
- themeSupportsLayout: (_getSettings = getSettings()) === null || _getSettings === void 0 ? void 0 : _getSettings.supportsLayout
- };
- }, []);
- const defaultLayout = (0,external_wp_blockEditor_namespaceObject.useSetting)('layout') || {};
- const usedLayout = !!layout && layout.inherit ? defaultLayout : layout;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
- template: query_edit_TEMPLATE,
- __experimentalLayout: themeSupportsLayout ? usedLayout : undefined
+ template: query_content_TEMPLATE
});
const {
postsPerPage
@@ -35621,237 +47748,467 @@
const {
getSettings
} = select(external_wp_blockEditor_namespaceObject.store);
- return {
- postsPerPage: +getSettings().postsPerPage || DEFAULTS_POSTS_PER_PAGE
- };
- }, []); // There are some effects running where some initialization logic is
+ const {
+ getEntityRecord,
+ canUser
+ } = select(external_wp_coreData_namespaceObject.store);
+ const settingPerPage = canUser('read', 'settings') ? +getEntityRecord('root', 'site')?.posts_per_page : +getSettings().postsPerPage;
+ return {
+ postsPerPage: settingPerPage || DEFAULTS_POSTS_PER_PAGE
+ };
+ }, []);
+ // There are some effects running where some initialization logic is
// happening and setting some values to some attributes (ex. queryId).
// These updates can cause an `undo trap` where undoing will result in
// resetting again, so we need to mark these changes as not persistent
// with `__unstableMarkNextChangeAsNotPersistent`.
+
// Changes in query property (which is an object) need to be in the same callback,
// because updates are batched after the render and changes in different query properties
// would cause to override previous wanted changes.
-
(0,external_wp_element_namespaceObject.useEffect)(() => {
const newQuery = {};
-
- if (!query.perPage && postsPerPage) {
+ // When we inherit from global query always need to set the `perPage`
+ // based on the reading settings.
+ if (inherit && query.perPage !== postsPerPage) {
newQuery.perPage = postsPerPage;
- }
-
+ } else if (!query.perPage && postsPerPage) {
+ newQuery.perPage = postsPerPage;
+ }
if (!!Object.keys(newQuery).length) {
__unstableMarkNextChangeAsNotPersistent();
-
updateQuery(newQuery);
}
- }, [query.perPage]); // We need this for multi-query block pagination.
+ }, [query.perPage, postsPerPage, inherit]);
+ // We need this for multi-query block pagination.
// Query parameters for each block are scoped to their ID.
-
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (!Number.isFinite(queryId)) {
__unstableMarkNextChangeAsNotPersistent();
-
setAttributes({
queryId: instanceId
});
}
}, [queryId, instanceId]);
-
const updateQuery = newQuery => setAttributes({
- query: { ...query,
+ query: {
+ ...query,
...newQuery
}
});
-
const updateDisplayLayout = newDisplayLayout => setAttributes({
- displayLayout: { ...displayLayout,
+ displayLayout: {
+ ...displayLayout,
...newDisplayLayout
}
});
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(QueryInspectorControls, {
- attributes: attributes,
- setQuery: updateQuery,
- setDisplayLayout: updateDisplayLayout
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(QueryToolbar, {
- attributes: attributes,
- setQuery: updateQuery,
- setDisplayLayout: updateDisplayLayout,
- openPatternSelectionModal: openPatternSelectionModal
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, {
- __experimentalGroup: "advanced"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('HTML element'),
- options: [{
- label: (0,external_wp_i18n_namespaceObject.__)('Default (<div>)'),
- value: 'div'
- }, {
- label: '<main>',
- value: 'main'
- }, {
- label: '<section>',
- value: 'section'
- }, {
- label: '<aside>',
- value: 'aside'
- }],
- value: TagName,
- onChange: value => setAttributes({
- tagName: value
- })
- })), (0,external_wp_element_namespaceObject.createElement)(TagName, innerBlocksProps));
-}
-
-function QueryPatternSetup(_ref2) {
- var _blockType$icon;
-
- let {
- attributes,
- clientId,
- name,
- openPatternSelectionModal,
- setAttributes
- } = _ref2;
+ const htmlElementMessages = {
+ main: (0,external_wp_i18n_namespaceObject.__)('The <main> element should be used for the primary content of your document only. '),
+ section: (0,external_wp_i18n_namespaceObject.__)("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
+ aside: (0,external_wp_i18n_namespaceObject.__)("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.")
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(EnhancedPaginationModal, {
+ attributes: attributes,
+ setAttributes: setAttributes,
+ clientId: clientId
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(QueryInspectorControls, {
+ attributes: attributes,
+ setQuery: updateQuery,
+ setDisplayLayout: updateDisplayLayout,
+ setAttributes: setAttributes,
+ clientId: clientId
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(QueryToolbar, {
+ name: name,
+ clientId: clientId,
+ attributes: attributes,
+ setQuery: updateQuery,
+ openPatternSelectionModal: openPatternSelectionModal
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('HTML element'),
+ options: [{
+ label: (0,external_wp_i18n_namespaceObject.__)('Default (<div>)'),
+ value: 'div'
+ }, {
+ label: '<main>',
+ value: 'main'
+ }, {
+ label: '<section>',
+ value: 'section'
+ }, {
+ label: '<aside>',
+ value: 'aside'
+ }],
+ value: TagName,
+ onChange: value => setAttributes({
+ tagName: value
+ }),
+ help: htmlElementMessages[TagName]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...innerBlocksProps
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/query-placeholder.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+function QueryPlaceholder({
+ attributes,
+ clientId,
+ name,
+ openPatternSelectionModal,
+ setAttributes
+}) {
const [isStartingBlank, setIsStartingBlank] = (0,external_wp_element_namespaceObject.useState)(false);
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
+ const blockNameForPatterns = useBlockNameForPatterns(clientId, attributes);
const {
blockType,
- allVariations,
+ activeBlockVariation,
hasPatterns
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
- getBlockVariations,
+ getActiveBlockVariation,
getBlockType
} = select(external_wp_blocks_namespaceObject.store);
const {
getBlockRootClientId,
- __experimentalGetPatternsByBlockTypes
+ getPatternsByBlockTypes
} = select(external_wp_blockEditor_namespaceObject.store);
const rootClientId = getBlockRootClientId(clientId);
return {
blockType: getBlockType(name),
- allVariations: getBlockVariations(name),
- hasPatterns: !!__experimentalGetPatternsByBlockTypes(name, rootClientId).length
- };
- }, [name, clientId]);
- const matchingVariation = (0,external_wp_blockEditor_namespaceObject.__experimentalGetMatchingVariation)(attributes, allVariations);
- const icon = (matchingVariation === null || matchingVariation === void 0 ? void 0 : matchingVariation.icon) || (blockType === null || blockType === void 0 ? void 0 : (_blockType$icon = blockType.icon) === null || _blockType$icon === void 0 ? void 0 : _blockType$icon.src);
- const label = (matchingVariation === null || matchingVariation === void 0 ? void 0 : matchingVariation.title) || (blockType === null || blockType === void 0 ? void 0 : blockType.title);
-
+ activeBlockVariation: getActiveBlockVariation(name, attributes),
+ hasPatterns: !!getPatternsByBlockTypes(blockNameForPatterns, rootClientId).length
+ };
+ }, [name, blockNameForPatterns, clientId, attributes]);
+ const icon = activeBlockVariation?.icon?.src || activeBlockVariation?.icon || blockType?.icon?.src;
+ const label = activeBlockVariation?.title || blockType?.title;
if (isStartingBlank) {
- return (0,external_wp_element_namespaceObject.createElement)(query_placeholder, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(QueryVariationPicker, {
clientId: clientId,
- name: name,
+ attributes: attributes,
setAttributes: setAttributes,
icon: icon,
label: label
});
}
-
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, {
- icon: icon,
- label: label,
- instructions: (0,external_wp_i18n_namespaceObject.__)('Choose a pattern for the query loop or start blank.')
- }, !!hasPatterns && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "primary",
- onClick: openPatternSelectionModal
- }, (0,external_wp_i18n_namespaceObject.__)('Choose')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "secondary",
- onClick: () => {
- setIsStartingBlank(true);
- }
- }, (0,external_wp_i18n_namespaceObject.__)('Start blank'))));
-}
-
-const QueryEdit = props => {
- const {
- clientId,
- name
- } = props;
- const [isPatternSelectionModalOpen, setIsPatternSelectionModalOpen] = (0,external_wp_element_namespaceObject.useState)(false);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Placeholder, {
+ icon: icon,
+ label: label,
+ instructions: (0,external_wp_i18n_namespaceObject.__)('Choose a pattern for the query loop or start blank.'),
+ children: [!!hasPatterns && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "primary",
+ onClick: openPatternSelectionModal,
+ children: (0,external_wp_i18n_namespaceObject.__)('Choose')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "secondary",
+ onClick: () => {
+ setIsStartingBlank(true);
+ },
+ children: (0,external_wp_i18n_namespaceObject.__)('Start blank')
+ })]
+ })
+ });
+}
+function QueryVariationPicker({
+ clientId,
+ attributes,
+ setAttributes,
+ icon,
+ label
+}) {
+ const scopeVariations = useScopedBlockVariations(attributes);
+ const {
+ replaceInnerBlocks
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalBlockVariationPicker, {
+ icon: icon,
+ label: label,
+ variations: scopeVariations,
+ onSelect: variation => {
+ if (variation.attributes) {
+ setAttributes({
+ ...variation.attributes,
+ query: {
+ ...variation.attributes.query,
+ postType: attributes.query.postType || variation.attributes.query.postType
+ },
+ namespace: attributes.namespace
+ });
+ }
+ if (variation.innerBlocks) {
+ replaceInnerBlocks(clientId, (0,external_wp_blocks_namespaceObject.createBlocksFromInnerBlocksTemplate)(variation.innerBlocks), false);
+ }
+ }
+ })
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/utils/search-patterns.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * Sanitizes the search input string.
+ *
+ * @param {string} input The search input to normalize.
+ *
+ * @return {string} The normalized search input.
+ */
+function normalizeSearchInput(input = '') {
+ // Disregard diacritics.
+ input = remove_accents_default()(input);
+
+ // Trim & Lowercase.
+ input = input.trim().toLowerCase();
+ return input;
+}
+
+/**
+ * Get the search rank for a given pattern and a specific search term.
+ *
+ * @param {Object} pattern Pattern to rank
+ * @param {string} searchValue Search term
+ * @return {number} A pattern search rank
+ */
+function getPatternSearchRank(pattern, searchValue) {
+ const normalizedSearchValue = normalizeSearchInput(searchValue);
+ const normalizedTitle = normalizeSearchInput(pattern.title);
+ let rank = 0;
+ if (normalizedSearchValue === normalizedTitle) {
+ rank += 30;
+ } else if (normalizedTitle.startsWith(normalizedSearchValue)) {
+ rank += 20;
+ } else {
+ const searchTerms = normalizedSearchValue.split(' ');
+ const hasMatchedTerms = searchTerms.every(searchTerm => normalizedTitle.includes(searchTerm));
+
+ // Prefer pattern with every search word in the title.
+ if (hasMatchedTerms) {
+ rank += 10;
+ }
+ }
+ return rank;
+}
+
+/**
+ * Filters an pattern list given a search term.
+ *
+ * @param {Array} patterns Item list
+ * @param {string} searchValue Search input.
+ *
+ * @return {Array} Filtered pattern list.
+ */
+function searchPatterns(patterns = [], searchValue = '') {
+ if (!searchValue) {
+ return patterns;
+ }
+ const rankedPatterns = patterns.map(pattern => {
+ return [pattern, getPatternSearchRank(pattern, searchValue)];
+ }).filter(([, rank]) => rank > 0);
+ rankedPatterns.sort(([, rank1], [, rank2]) => rank2 - rank1);
+ return rankedPatterns.map(([pattern]) => pattern);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/pattern-selection-modal.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function PatternSelectionModal({
+ clientId,
+ attributes,
+ setIsPatternSelectionModalOpen
+}) {
+ const [searchValue, setSearchValue] = (0,external_wp_element_namespaceObject.useState)('');
const {
replaceBlock,
selectBlock
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const onBlockPatternSelect = (pattern, blocks) => {
+ const {
+ newBlocks,
+ queryClientIds
+ } = getTransformedBlocksFromPattern(blocks, attributes);
+ replaceBlock(clientId, newBlocks);
+ if (queryClientIds[0]) {
+ selectBlock(queryClientIds[0]);
+ }
+ };
+ // When we preview Query Loop blocks we should prefer the current
+ // block's postType, which is passed through block context.
+ const blockPreviewContext = (0,external_wp_element_namespaceObject.useMemo)(() => ({
+ previewPostType: attributes.query.postType
+ }), [attributes.query.postType]);
+ const blockNameForPatterns = useBlockNameForPatterns(clientId, attributes);
+ const blockPatterns = usePatterns(clientId, blockNameForPatterns);
+ const filteredBlockPatterns = (0,external_wp_element_namespaceObject.useMemo)(() => {
+ return searchPatterns(blockPatterns, searchValue);
+ }, [blockPatterns, searchValue]);
+ const shownBlockPatterns = (0,external_wp_compose_namespaceObject.useAsyncList)(filteredBlockPatterns);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {
+ overlayClassName: "block-library-query-pattern__selection-modal",
+ title: (0,external_wp_i18n_namespaceObject.__)('Choose a pattern'),
+ onRequestClose: () => setIsPatternSelectionModalOpen(false),
+ isFullScreen: true,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "block-library-query-pattern__selection-content",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "block-library-query-pattern__selection-search",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SearchControl, {
+ __nextHasNoMarginBottom: true,
+ onChange: setSearchValue,
+ value: searchValue,
+ label: (0,external_wp_i18n_namespaceObject.__)('Search for patterns'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Search')
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockContextProvider, {
+ value: blockPreviewContext,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalBlockPatternsList, {
+ blockPatterns: filteredBlockPatterns,
+ shownPatterns: shownBlockPatterns,
+ onClickPattern: onBlockPatternSelect
+ })
+ })]
+ })
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/edit/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+const QueryEdit = props => {
+ const {
+ clientId,
+ attributes
+ } = props;
+ const [isPatternSelectionModalOpen, setIsPatternSelectionModalOpen] = (0,external_wp_element_namespaceObject.useState)(false);
const hasInnerBlocks = (0,external_wp_data_namespaceObject.useSelect)(select => !!select(external_wp_blockEditor_namespaceObject.store).getBlocks(clientId).length, [clientId]);
- const Component = hasInnerBlocks ? QueryContent : QueryPatternSetup;
-
- const onBlockPatternSelect = blocks => {
- const clonedBlocks = blocks.map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block));
- const firstQueryClientId = getFirstQueryClientIdFromBlocks(clonedBlocks);
- replaceBlock(clientId, clonedBlocks);
-
- if (firstQueryClientId) {
- selectBlock(firstQueryClientId);
- }
- };
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(Component, _extends({}, props, {
- openPatternSelectionModal: () => setIsPatternSelectionModalOpen(true)
- })), isPatternSelectionModalOpen && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, {
- className: "block-editor-query-pattern__selection-modal",
- title: (0,external_wp_i18n_namespaceObject.__)('Choose a pattern'),
- closeLabel: (0,external_wp_i18n_namespaceObject.__)('Cancel'),
- onRequestClose: () => setIsPatternSelectionModalOpen(false)
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalBlockPatternSetup, {
- blockName: name,
- clientId: clientId,
- onBlockPatternSelect: onBlockPatternSelect
- })));
-};
-
-/* harmony default export */ var query_edit = (QueryEdit);
+ const Component = hasInnerBlocks ? QueryContent : QueryPlaceholder;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Component, {
+ ...props,
+ openPatternSelectionModal: () => setIsPatternSelectionModalOpen(true)
+ }), isPatternSelectionModalOpen && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PatternSelectionModal, {
+ clientId: clientId,
+ attributes: attributes,
+ setIsPatternSelectionModalOpen: setIsPatternSelectionModalOpen
+ })]
+ });
+};
+/* harmony default export */ const query_edit = (QueryEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function QuerySave(_ref) {
- let {
- attributes: {
- tagName: Tag = 'div'
- }
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+function query_save_save({
+ attributes: {
+ tagName: Tag = 'div'
+ }
+}) {
const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save();
const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(blockProps);
- return (0,external_wp_element_namespaceObject.createElement)(Tag, innerBlocksProps);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ ...innerBlocksProps
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/icons.js
-
-
-/**
- * WordPress dependencies
- */
-
-const titleDate = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 48 48"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M41 9H7v3h34V9zm-22 5H7v1h12v-1zM7 26h12v1H7v-1zm34-5H7v3h34v-3zM7 38h12v1H7v-1zm34-5H7v3h34v-3z"
-}));
-const titleExcerpt = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 48 48"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M41 9H7v3h34V9zm-4 5H7v1h30v-1zm4 3H7v1h34v-1zM7 20h30v1H7v-1zm0 12h30v1H7v-1zm34 3H7v1h34v-1zM7 38h30v1H7v-1zm34-11H7v3h34v-3z"
-}));
-const titleDateExcerpt = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 48 48"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M41 9H7v3h34V9zm-22 5H7v1h12v-1zm22 3H7v1h34v-1zM7 20h34v1H7v-1zm0 12h12v1H7v-1zm34 3H7v1h34v-1zM7 38h34v1H7v-1zm34-11H7v3h34v-3z"
-}));
-const imageDateTitle = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 48 48"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M7 9h34v6H7V9zm12 8H7v1h12v-1zm18 3H7v1h30v-1zm0 18H7v1h30v-1zM7 35h12v1H7v-1zm34-8H7v6h34v-6z"
-}));
+/**
+ * WordPress dependencies
+ */
+
+
+const titleDate = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 48 48",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M41 9H7v3h34V9zm-22 5H7v1h12v-1zM7 26h12v1H7v-1zm34-5H7v3h34v-3zM7 38h12v1H7v-1zm34-5H7v3h34v-3z"
+ })
+});
+const titleExcerpt = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 48 48",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M41 9H7v3h34V9zm-4 5H7v1h30v-1zm4 3H7v1h34v-1zM7 20h30v1H7v-1zm0 12h30v1H7v-1zm34 3H7v1h34v-1zM7 38h30v1H7v-1zm34-11H7v3h34v-3z"
+ })
+});
+const titleDateExcerpt = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 48 48",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M41 9H7v3h34V9zm-22 5H7v1h12v-1zm22 3H7v1h34v-1zM7 20h34v1H7v-1zm0 12h12v1H7v-1zm34 3H7v1h34v-1zM7 38h34v1H7v-1zm34-11H7v3h34v-3z"
+ })
+});
+const imageDateTitle = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 48 48",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M7 9h34v6H7V9zm12 8H7v1h12v-1zm18 3H7v1h30v-1zm0 18H7v1h30v-1zM7 35h12v1H7v-1zm34-8H7v6h34v-6z"
+ })
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/variations.js
/**
@@ -35859,10 +48216,10 @@
*/
-/**
- * Internal dependencies
- */
-
+
+/**
+ * Internal dependencies
+ */
const QUERY_DEFAULT_ATTRIBUTES = {
query: {
@@ -35885,6 +48242,7 @@
description: (0,external_wp_i18n_namespaceObject.__)('Display a list of your most recent posts, excluding sticky posts.'),
icon: post_list,
attributes: {
+ namespace: 'core/posts-list',
query: {
perPage: 4,
pages: 1,
@@ -35898,12 +48256,14 @@
inherit: false
}
},
- scope: ['inserter']
+ scope: ['inserter'],
+ isActive: ['namespace', 'query.postType']
}, {
name: 'title-date',
title: (0,external_wp_i18n_namespaceObject.__)('Title & Date'),
icon: titleDate,
- attributes: { ...QUERY_DEFAULT_ATTRIBUTES
+ attributes: {
+ ...QUERY_DEFAULT_ATTRIBUTES
},
innerBlocks: [['core/post-template', {}, [['core/post-title'], ['core/post-date']]], ['core/query-pagination'], ['core/query-no-results']],
scope: ['block']
@@ -35911,7 +48271,8 @@
name: 'title-excerpt',
title: (0,external_wp_i18n_namespaceObject.__)('Title & Excerpt'),
icon: titleExcerpt,
- attributes: { ...QUERY_DEFAULT_ATTRIBUTES
+ attributes: {
+ ...QUERY_DEFAULT_ATTRIBUTES
},
innerBlocks: [['core/post-template', {}, [['core/post-title'], ['core/post-excerpt']]], ['core/query-pagination'], ['core/query-no-results']],
scope: ['block']
@@ -35919,7 +48280,8 @@
name: 'title-date-excerpt',
title: (0,external_wp_i18n_namespaceObject.__)('Title, Date, & Excerpt'),
icon: titleDateExcerpt,
- attributes: { ...QUERY_DEFAULT_ATTRIBUTES
+ attributes: {
+ ...QUERY_DEFAULT_ATTRIBUTES
},
innerBlocks: [['core/post-template', {}, [['core/post-title'], ['core/post-date'], ['core/post-excerpt']]], ['core/query-pagination'], ['core/query-no-results']],
scope: ['block']
@@ -35927,51 +48289,251 @@
name: 'image-date-title',
title: (0,external_wp_i18n_namespaceObject.__)('Image, Date, & Title'),
icon: imageDateTitle,
- attributes: { ...QUERY_DEFAULT_ATTRIBUTES
+ attributes: {
+ ...QUERY_DEFAULT_ATTRIBUTES
},
innerBlocks: [['core/post-template', {}, [['core/post-featured-image'], ['core/post-date'], ['core/post-title']]], ['core/query-pagination'], ['core/query-no-results']],
scope: ['block']
}];
-/* harmony default export */ var query_variations = (query_variations_variations);
+/* harmony default export */ const query_variations = (query_variations_variations);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/deprecated.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+const {
+ cleanEmptyObject: deprecated_cleanEmptyObject
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
const migrateToTaxQuery = attributes => {
- var _query$categoryIds, _query$tagIds;
-
const {
query
} = attributes;
- const newQuery = { ...(0,external_lodash_namespaceObject.omit)(query, ['categoryIds', 'tagIds'])
- };
-
- if ((_query$categoryIds = query.categoryIds) !== null && _query$categoryIds !== void 0 && _query$categoryIds.length || (_query$tagIds = query.tagIds) !== null && _query$tagIds !== void 0 && _query$tagIds.length) {
- var _query$categoryIds2, _query$tagIds2;
-
+ const {
+ categoryIds,
+ tagIds,
+ ...newQuery
+ } = query;
+ if (query.categoryIds?.length || query.tagIds?.length) {
newQuery.taxQuery = {
- category: !!((_query$categoryIds2 = query.categoryIds) !== null && _query$categoryIds2 !== void 0 && _query$categoryIds2.length) ? query.categoryIds : undefined,
- post_tag: !!((_query$tagIds2 = query.tagIds) !== null && _query$tagIds2 !== void 0 && _query$tagIds2.length) ? query.tagIds : undefined
- };
- }
-
- return { ...attributes,
+ category: !!query.categoryIds?.length ? query.categoryIds : undefined,
+ post_tag: !!query.tagIds?.length ? query.tagIds : undefined
+ };
+ }
+ return {
+ ...attributes,
query: newQuery
};
};
-
-const query_deprecated_deprecated = [// Version with `categoryIds and tagIds`.
-{
+const migrateColors = (attributes, innerBlocks) => {
+ // Remove color style attributes from the Query block.
+ const {
+ style,
+ backgroundColor,
+ gradient,
+ textColor,
+ ...newAttributes
+ } = attributes;
+ const hasColorStyles = backgroundColor || gradient || textColor || style?.color || style?.elements?.link;
+
+ // If the query block doesn't currently have any color styles,
+ // nothing needs migrating.
+ if (!hasColorStyles) {
+ return [attributes, innerBlocks];
+ }
+
+ // Clean color values from style attribute object.
+ if (style) {
+ newAttributes.style = deprecated_cleanEmptyObject({
+ ...style,
+ color: undefined,
+ elements: {
+ ...style.elements,
+ link: undefined
+ }
+ });
+ }
+
+ // If the inner blocks are already wrapped in a single group
+ // block, add the color support styles to that group block.
+ if (hasSingleInnerGroupBlock(innerBlocks)) {
+ const groupBlock = innerBlocks[0];
+
+ // Create new styles for the group block.
+ const hasStyles = style?.color || style?.elements?.link || groupBlock.attributes.style;
+ const newStyles = hasStyles ? deprecated_cleanEmptyObject({
+ ...groupBlock.attributes.style,
+ color: style?.color,
+ elements: style?.elements?.link ? {
+ link: style?.elements?.link
+ } : undefined
+ }) : undefined;
+
+ // Create a new Group block from the original.
+ const updatedGroupBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/group', {
+ ...groupBlock.attributes,
+ backgroundColor,
+ gradient,
+ textColor,
+ style: newStyles
+ }, groupBlock.innerBlocks);
+ return [newAttributes, [updatedGroupBlock]];
+ }
+
+ // When we don't have a single wrapping group block for the inner
+ // blocks, wrap the current inner blocks in a group applying the
+ // color styles to that.
+ const newGroupBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/group', {
+ backgroundColor,
+ gradient,
+ textColor,
+ style: deprecated_cleanEmptyObject({
+ color: style?.color,
+ elements: style?.elements?.link ? {
+ link: style?.elements?.link
+ } : undefined
+ })
+ }, innerBlocks);
+ return [newAttributes, [newGroupBlock]];
+};
+const hasSingleInnerGroupBlock = (innerBlocks = []) => innerBlocks.length === 1 && innerBlocks[0].name === 'core/group';
+const migrateToConstrainedLayout = attributes => {
+ const {
+ layout = null
+ } = attributes;
+ if (!layout) {
+ return attributes;
+ }
+ const {
+ inherit = null,
+ contentSize = null,
+ ...newLayout
+ } = layout;
+ if (inherit || contentSize) {
+ return {
+ ...attributes,
+ layout: {
+ ...newLayout,
+ contentSize,
+ type: 'constrained'
+ }
+ };
+ }
+ return attributes;
+};
+const findPostTemplateBlock = (innerBlocks = []) => {
+ let foundBlock = null;
+ for (const block of innerBlocks) {
+ if (block.name === 'core/post-template') {
+ foundBlock = block;
+ break;
+ } else if (block.innerBlocks.length) {
+ foundBlock = findPostTemplateBlock(block.innerBlocks);
+ }
+ }
+ return foundBlock;
+};
+const replacePostTemplateBlock = (innerBlocks = [], replacementBlock) => {
+ innerBlocks.forEach((block, index) => {
+ if (block.name === 'core/post-template') {
+ innerBlocks.splice(index, 1, replacementBlock);
+ } else if (block.innerBlocks.length) {
+ block.innerBlocks = replacePostTemplateBlock(block.innerBlocks, replacementBlock);
+ }
+ });
+ return innerBlocks;
+};
+const migrateDisplayLayout = (attributes, innerBlocks) => {
+ const {
+ displayLayout = null,
+ ...newAttributes
+ } = attributes;
+ if (!displayLayout) {
+ return [attributes, innerBlocks];
+ }
+ const postTemplateBlock = findPostTemplateBlock(innerBlocks);
+ if (!postTemplateBlock) {
+ return [attributes, innerBlocks];
+ }
+ const {
+ type,
+ columns
+ } = displayLayout;
+
+ // Convert custom displayLayout values to canonical layout types.
+ const updatedLayoutType = type === 'flex' ? 'grid' : 'default';
+ const newPostTemplateBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/post-template', {
+ ...postTemplateBlock.attributes,
+ layout: {
+ type: updatedLayoutType,
+ ...(columns && {
+ columnCount: columns
+ })
+ }
+ }, postTemplateBlock.innerBlocks);
+ return [newAttributes, replacePostTemplateBlock(innerBlocks, newPostTemplateBlock)];
+};
+
+// Version with NO wrapper `div` element.
+const query_deprecated_v1 = {
+ attributes: {
+ queryId: {
+ type: 'number'
+ },
+ query: {
+ type: 'object',
+ default: {
+ perPage: null,
+ pages: 0,
+ offset: 0,
+ postType: 'post',
+ categoryIds: [],
+ tagIds: [],
+ order: 'desc',
+ orderBy: 'date',
+ author: '',
+ search: '',
+ exclude: [],
+ sticky: '',
+ inherit: true
+ }
+ },
+ layout: {
+ type: 'object',
+ default: {
+ type: 'list'
+ }
+ }
+ },
+ supports: {
+ html: false
+ },
+ migrate(attributes, innerBlocks) {
+ const withTaxQuery = migrateToTaxQuery(attributes);
+ const {
+ layout,
+ ...restWithTaxQuery
+ } = withTaxQuery;
+ const newAttributes = {
+ ...restWithTaxQuery,
+ displayLayout: withTaxQuery.layout
+ };
+ return migrateDisplayLayout(newAttributes, innerBlocks);
+ },
+ save() {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
+ }
+};
+
+// Version with `categoryIds and tagIds`.
+const query_deprecated_v2 = {
attributes: {
queryId: {
type: 'number'
@@ -36012,32 +48574,111 @@
gradients: true,
link: true
},
- __experimentalLayout: true
- },
- isEligible: _ref => {
- let {
- query: {
- categoryIds,
- tagIds
- } = {}
- } = _ref;
- return categoryIds || tagIds;
- },
- migrate: migrateToTaxQuery,
-
- save(_ref2) {
- let {
- attributes: {
- tagName: Tag = 'div'
- }
- } = _ref2;
+ layout: true
+ },
+ isEligible: ({
+ query: {
+ categoryIds,
+ tagIds
+ } = {}
+ }) => categoryIds || tagIds,
+ migrate(attributes, innerBlocks) {
+ const withTaxQuery = migrateToTaxQuery(attributes);
+ const [withColorAttributes, withColorInnerBlocks] = migrateColors(withTaxQuery, innerBlocks);
+ const withConstrainedLayoutAttributes = migrateToConstrainedLayout(withColorAttributes);
+ return migrateDisplayLayout(withConstrainedLayoutAttributes, withColorInnerBlocks);
+ },
+ save({
+ attributes: {
+ tagName: Tag = 'div'
+ }
+ }) {
const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save();
const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(blockProps);
- return (0,external_wp_element_namespaceObject.createElement)(Tag, innerBlocksProps);
- }
-
-}, // Version with NO wrapper `div` element.
-{
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ ...innerBlocksProps
+ });
+ }
+};
+
+// Version with color support prior to moving it to the PostTemplate block.
+const query_deprecated_v3 = {
+ attributes: {
+ queryId: {
+ type: 'number'
+ },
+ query: {
+ type: 'object',
+ default: {
+ perPage: null,
+ pages: 0,
+ offset: 0,
+ postType: 'post',
+ order: 'desc',
+ orderBy: 'date',
+ author: '',
+ search: '',
+ exclude: [],
+ sticky: '',
+ inherit: true,
+ taxQuery: null,
+ parents: []
+ }
+ },
+ tagName: {
+ type: 'string',
+ default: 'div'
+ },
+ displayLayout: {
+ type: 'object',
+ default: {
+ type: 'list'
+ }
+ },
+ namespace: {
+ type: 'string'
+ }
+ },
+ supports: {
+ align: ['wide', 'full'],
+ html: false,
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ layout: true
+ },
+ isEligible(attributes) {
+ const {
+ style,
+ backgroundColor,
+ gradient,
+ textColor
+ } = attributes;
+ return backgroundColor || gradient || textColor || style?.color || style?.elements?.link;
+ },
+ migrate(attributes, innerBlocks) {
+ const [withColorAttributes, withColorInnerBlocks] = migrateColors(attributes, innerBlocks);
+ const withConstrainedLayoutAttributes = migrateToConstrainedLayout(withColorAttributes);
+ return migrateDisplayLayout(withConstrainedLayoutAttributes, withColorInnerBlocks);
+ },
+ save({
+ attributes: {
+ tagName: Tag = 'div'
+ }
+ }) {
+ const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save();
+ const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(blockProps);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ ...innerBlocksProps
+ });
+ }
+};
+const query_deprecated_v4 = {
attributes: {
queryId: {
type: 'number'
@@ -36049,101 +48690,126 @@
pages: 0,
offset: 0,
postType: 'post',
- categoryIds: [],
- tagIds: [],
order: 'desc',
orderBy: 'date',
author: '',
search: '',
exclude: [],
sticky: '',
- inherit: true
- }
- },
- layout: {
+ inherit: true,
+ taxQuery: null,
+ parents: []
+ }
+ },
+ tagName: {
+ type: 'string',
+ default: 'div'
+ },
+ displayLayout: {
type: 'object',
default: {
type: 'list'
}
- }
- },
- supports: {
- html: false
- },
-
- migrate(attributes) {
- const withTaxQuery = migrateToTaxQuery(attributes);
- return { ...(0,external_lodash_namespaceObject.omit)(withTaxQuery, ['layout']),
- displayLayout: withTaxQuery.layout
- };
- },
-
- save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
- }
-
-}];
-/* harmony default export */ var query_deprecated = (query_deprecated_deprecated);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/hooks.js
-
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-const CreateNewPostLink = _ref => {
- let {
+ },
+ namespace: {
+ type: 'string'
+ }
+ },
+ supports: {
+ align: ['wide', 'full'],
+ html: false,
+ color: {
+ gradients: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ layout: true
+ },
+ save({
attributes: {
- query: {
- postType
- } = {}
- } = {}
- } = _ref;
- if (!postType) return null;
- const newPostUrl = (0,external_wp_url_namespaceObject.addQueryArgs)('post-new.php', {
- post_type: postType
- });
- return (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-query__create-new-link"
- }, (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('<a>Create a new post</a> for this feed.'), // eslint-disable-next-line jsx-a11y/anchor-has-content
- {
- a: (0,external_wp_element_namespaceObject.createElement)("a", {
- href: newPostUrl
- })
- }));
-};
-/**
- * Override the default edit UI to include layout controls
- *
- * @param {Function} BlockEdit Original component
- * @return {Function} Wrapped component
- */
-
-
-const queryTopInspectorControls = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => {
- const {
- name,
- isSelected
- } = props;
-
- if (name !== 'core/query' || !isSelected) {
- return (0,external_wp_element_namespaceObject.createElement)(BlockEdit, _extends({
- key: "edit"
- }, props));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(CreateNewPostLink, props)), (0,external_wp_element_namespaceObject.createElement)(BlockEdit, _extends({
- key: "edit"
- }, props)));
-}, 'withInspectorControls');
-/* harmony default export */ var query_hooks = (queryTopInspectorControls);
+ tagName: Tag = 'div'
+ }
+ }) {
+ const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save();
+ const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(blockProps);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ ...innerBlocksProps
+ });
+ },
+ isEligible: ({
+ layout
+ }) => layout?.inherit || layout?.contentSize && layout?.type !== 'constrained',
+ migrate(attributes, innerBlocks) {
+ const withConstrainedLayoutAttributes = migrateToConstrainedLayout(attributes);
+ return migrateDisplayLayout(withConstrainedLayoutAttributes, innerBlocks);
+ }
+};
+const query_deprecated_v5 = {
+ attributes: {
+ queryId: {
+ type: 'number'
+ },
+ query: {
+ type: 'object',
+ default: {
+ perPage: null,
+ pages: 0,
+ offset: 0,
+ postType: 'post',
+ order: 'desc',
+ orderBy: 'date',
+ author: '',
+ search: '',
+ exclude: [],
+ sticky: '',
+ inherit: true,
+ taxQuery: null,
+ parents: []
+ }
+ },
+ tagName: {
+ type: 'string',
+ default: 'div'
+ },
+ displayLayout: {
+ type: 'object',
+ default: {
+ type: 'list'
+ }
+ },
+ namespace: {
+ type: 'string'
+ }
+ },
+ supports: {
+ align: ['wide', 'full'],
+ anchor: true,
+ html: false,
+ layout: true
+ },
+ save({
+ attributes: {
+ tagName: Tag = 'div'
+ }
+ }) {
+ const blockProps = external_wp_blockEditor_namespaceObject.useBlockProps.save();
+ const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(blockProps);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ ...innerBlocksProps
+ });
+ },
+ isEligible: ({
+ displayLayout
+ }) => {
+ return !!displayLayout;
+ },
+ migrate: migrateDisplayLayout
+};
+const query_deprecated_deprecated = [query_deprecated_v5, query_deprecated_v4, query_deprecated_v3, query_deprecated_v2, query_deprecated_v1];
+/* harmony default export */ const query_deprecated = (query_deprecated_deprecated);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query/index.js
/**
@@ -36157,7 +48823,7 @@
const query_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/query",
title: "Query Loop",
category: "theme",
@@ -36181,37 +48847,33 @@
exclude: [],
sticky: "",
inherit: true,
- taxQuery: null
+ taxQuery: null,
+ parents: []
}
},
tagName: {
type: "string",
"default": "div"
},
- displayLayout: {
- type: "object",
- "default": {
- type: "list"
- }
+ namespace: {
+ type: "string"
+ },
+ enhancedPagination: {
+ type: "boolean",
+ "default": false
}
},
providesContext: {
queryId: "queryId",
query: "query",
- displayLayout: "displayLayout"
+ displayLayout: "displayLayout",
+ enhancedPagination: "enhancedPagination"
},
supports: {
align: ["wide", "full"],
html: false,
- color: {
- gradients: true,
- link: true,
- __experimentalDefaultControls: {
- background: true,
- text: true
- }
- },
- __experimentalLayout: true
+ layout: true,
+ interactivity: true
},
editorStyle: "wp-block-query-editor"
};
@@ -36219,7 +48881,6 @@
-
const {
name: query_name
} = query_metadata;
@@ -36227,42 +48888,44 @@
const query_settings = {
icon: library_loop,
edit: query_edit,
- save: QuerySave,
+ save: query_save_save,
variations: query_variations,
deprecated: query_deprecated
-}; // Importing this file includes side effects and is whitelisted
-// in block-library/package.json under `sideEffects`.
-
-(0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/query', query_hooks);
+};
+const query_init = () => initBlock({
+ name: query_name,
+ metadata: query_metadata,
+ settings: query_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-no-results/edit.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
const query_no_results_edit_TEMPLATE = [['core/paragraph', {
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Add text or blocks that will display when the query returns no results.')
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Add text or blocks that will display when a query returns no results.')
}]];
function QueryNoResultsEdit() {
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
template: query_no_results_edit_TEMPLATE
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-no-results/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function QueryNoResultsSave() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
+/**
+ * WordPress dependencies
+ */
+
+
+function query_no_results_save_save() {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-no-results/index.js
@@ -36270,13 +48933,14 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const query_no_results_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/query-no-results",
title: "No results",
category: "theme",
@@ -36291,6 +48955,22 @@
color: {
gradients: true,
link: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
}
};
@@ -36303,160 +48983,206 @@
const query_no_results_settings = {
icon: library_loop,
edit: QueryNoResultsEdit,
- save: QueryNoResultsSave
-};
+ save: query_no_results_save_save
+};
+const query_no_results_init = () => initBlock({
+ name: query_no_results_name,
+ metadata: query_no_results_metadata,
+ settings: query_no_results_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-pagination/query-pagination-arrow-controls.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-function QueryPaginationArrowControls(_ref) {
- let {
- value,
- onChange
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, {
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+function QueryPaginationArrowControls({
+ value,
+ onChange
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalToggleGroupControl, {
+ __nextHasNoMarginBottom: true,
label: (0,external_wp_i18n_namespaceObject.__)('Arrow'),
value: value,
onChange: onChange,
help: (0,external_wp_i18n_namespaceObject.__)('A decorative arrow appended to the next and previous page link.'),
- isBlock: true
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
- value: "none",
- label: (0,external_wp_i18n_namespaceObject._x)('None', 'Arrow option for Query Pagination Next/Previous blocks')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
- value: "arrow",
- label: (0,external_wp_i18n_namespaceObject._x)('Arrow', 'Arrow option for Query Pagination Next/Previous blocks')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
- value: "chevron",
- label: (0,external_wp_i18n_namespaceObject._x)('Chevron', 'Arrow option for Query Pagination Next/Previous blocks')
- }));
+ isBlock: true,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "none",
+ label: (0,external_wp_i18n_namespaceObject._x)('None', 'Arrow option for Query Pagination Next/Previous blocks')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "arrow",
+ label: (0,external_wp_i18n_namespaceObject._x)('Arrow', 'Arrow option for Query Pagination Next/Previous blocks')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOption, {
+ value: "chevron",
+ label: (0,external_wp_i18n_namespaceObject._x)('Chevron', 'Arrow option for Query Pagination Next/Previous blocks')
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-pagination/query-pagination-label-control.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+function QueryPaginationLabelControl({
+ value,
+ onChange
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show label text'),
+ help: (0,external_wp_i18n_namespaceObject.__)('Toggle off to hide the label text, e.g. "Next Page".'),
+ onChange: onChange,
+ checked: value === true
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-pagination/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
const query_pagination_edit_TEMPLATE = [['core/query-pagination-previous'], ['core/query-pagination-numbers'], ['core/query-pagination-next']];
-
-const edit_getDefaultBlockLayout = blockTypeOrName => {
- const layoutBlockSupportConfig = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockTypeOrName, '__experimentalLayout');
- return layoutBlockSupportConfig === null || layoutBlockSupportConfig === void 0 ? void 0 : layoutBlockSupportConfig.default;
-};
-
-function edit_QueryPaginationEdit(_ref) {
- let {
- attributes: {
- paginationArrow,
- layout
- },
- setAttributes,
- clientId,
- name
- } = _ref;
- const usedLayout = layout || edit_getDefaultBlockLayout(name);
+function edit_QueryPaginationEdit({
+ attributes: {
+ paginationArrow,
+ showLabel
+ },
+ setAttributes,
+ clientId
+}) {
const hasNextPreviousBlocks = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
getBlocks
} = select(external_wp_blockEditor_namespaceObject.store);
const innerBlocks = getBlocks(clientId);
/**
- * Show the `paginationArrow` control only if a
+ * Show the `paginationArrow` and `showLabel` controls only if a
* `QueryPaginationNext/Previous` block exists.
*/
-
- return innerBlocks === null || innerBlocks === void 0 ? void 0 : innerBlocks.find(innerBlock => {
+ return innerBlocks?.find(innerBlock => {
return ['core/query-pagination-next', 'core/query-pagination-previous'].includes(innerBlock.name);
});
- }, []);
+ }, [clientId]);
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
- template: query_pagination_edit_TEMPLATE,
- allowedBlocks: ['core/query-pagination-previous', 'core/query-pagination-numbers', 'core/query-pagination-next'],
- __experimentalLayout: usedLayout
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, hasNextPreviousBlocks && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Settings')
- }, (0,external_wp_element_namespaceObject.createElement)(QueryPaginationArrowControls, {
- value: paginationArrow,
- onChange: value => {
+ template: query_pagination_edit_TEMPLATE
+ });
+ // Always show label text if paginationArrow is set to 'none'.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (paginationArrow === 'none' && !showLabel) {
setAttributes({
- paginationArrow: value
- });
- }
- }))), (0,external_wp_element_namespaceObject.createElement)("nav", innerBlocksProps));
+ showLabel: true
+ });
+ }
+ }, [paginationArrow, setAttributes, showLabel]);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [hasNextPreviousBlocks && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(QueryPaginationArrowControls, {
+ value: paginationArrow,
+ onChange: value => {
+ setAttributes({
+ paginationArrow: value
+ });
+ }
+ }), paginationArrow !== 'none' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(QueryPaginationLabelControl, {
+ value: showLabel,
+ onChange: value => {
+ setAttributes({
+ showLabel: value
+ });
+ }
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("nav", {
+ ...innerBlocksProps
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-pagination/save.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
function query_pagination_save_save() {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {});
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-pagination/deprecated.js
-
-
-/**
- * WordPress dependencies
- */
-
-const query_pagination_deprecated_deprecated = [// Version with wrapper `div` element.
+/**
+ * WordPress dependencies
+ */
+
+
+const query_pagination_deprecated_deprecated = [
+// Version with wrapper `div` element.
{
save() {
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save(), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null));
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
+ }
}];
-/* harmony default export */ var query_pagination_deprecated = (query_pagination_deprecated_deprecated);
+/* harmony default export */ const query_pagination_deprecated = (query_pagination_deprecated_deprecated);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-pagination/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const query_pagination_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/query-pagination",
title: "Pagination",
category: "theme",
- parent: ["core/query"],
+ ancestor: ["core/query"],
+ allowedBlocks: ["core/query-pagination-previous", "core/query-pagination-numbers", "core/query-pagination-next"],
description: "Displays a paginated navigation to next/previous set of posts, when applicable.",
textdomain: "default",
attributes: {
paginationArrow: {
type: "string",
"default": "none"
+ },
+ showLabel: {
+ type: "boolean",
+ "default": true
}
},
usesContext: ["queryId", "query"],
providesContext: {
- paginationArrow: "paginationArrow"
+ paginationArrow: "paginationArrow",
+ showLabel: "showLabel"
},
supports: {
align: true,
@@ -36471,12 +49197,28 @@
link: true
}
},
- __experimentalLayout: {
+ layout: {
allowSwitching: false,
allowInheriting: false,
"default": {
type: "flex"
}
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
},
editorStyle: "wp-block-query-pagination-editor",
@@ -36495,14 +49237,18 @@
save: query_pagination_save_save,
deprecated: query_pagination_deprecated
};
+const query_pagination_init = () => initBlock({
+ name: query_pagination_name,
+ metadata: query_pagination_metadata,
+ settings: query_pagination_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-pagination-next/edit.js
-
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
+
const query_pagination_next_edit_arrowMap = {
@@ -36510,32 +49256,36 @@
arrow: '→',
chevron: '»'
};
-function QueryPaginationNextEdit(_ref) {
- let {
- attributes: {
- label
- },
- setAttributes,
- context: {
- paginationArrow
- }
- } = _ref;
+function QueryPaginationNextEdit({
+ attributes: {
+ label
+ },
+ setAttributes,
+ context: {
+ paginationArrow,
+ showLabel
+ }
+}) {
const displayArrow = query_pagination_next_edit_arrowMap[paginationArrow];
- return (0,external_wp_element_namespaceObject.createElement)("a", _extends({
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("a", {
href: "#pagination-next-pseudo-link",
- onClick: event => event.preventDefault()
- }, (0,external_wp_blockEditor_namespaceObject.useBlockProps)()), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.PlainText, {
- __experimentalVersion: 2,
- tagName: "span",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Next page link'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Next Page'),
- value: label,
- onChange: newLabel => setAttributes({
- label: newLabel
- })
- }), displayArrow && (0,external_wp_element_namespaceObject.createElement)("span", {
- className: `wp-block-query-pagination-next-arrow is-arrow-${paginationArrow}`
- }, displayArrow));
+ onClick: event => event.preventDefault(),
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)(),
+ children: [showLabel && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.PlainText, {
+ __experimentalVersion: 2,
+ tagName: "span",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Next page link'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Next Page'),
+ value: label,
+ onChange: newLabel => setAttributes({
+ label: newLabel
+ })
+ }), displayArrow && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: `wp-block-query-pagination-next-arrow is-arrow-${paginationArrow}`,
+ "aria-hidden": true,
+ children: displayArrow
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-pagination-next/index.js
@@ -36543,13 +49293,14 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const query_pagination_next_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/query-pagination-next",
title: "Next Page",
category: "theme",
@@ -36561,7 +49312,7 @@
type: "string"
}
},
- usesContext: ["queryId", "query", "paginationArrow"],
+ usesContext: ["queryId", "query", "paginationArrow", "showLabel", "enhancedPagination"],
supports: {
reusable: false,
html: false,
@@ -36575,13 +49326,18 @@
typography: {
fontSize: true,
lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
}
};
@@ -36594,28 +49350,82 @@
icon: query_pagination_next,
edit: QueryPaginationNextEdit
};
+const query_pagination_next_init = () => initBlock({
+ name: query_pagination_next_name,
+ metadata: query_pagination_next_metadata,
+ settings: query_pagination_next_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-pagination-numbers/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-const createPaginationItem = function (content) {
- let Tag = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'a';
- let extraClass = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
- return (0,external_wp_element_namespaceObject.createElement)(Tag, {
- className: `page-numbers ${extraClass}`
- }, content);
-};
-
-const previewPaginationNumbers = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, createPaginationItem(1), createPaginationItem(2), createPaginationItem(3, 'span', 'current'), createPaginationItem(4), createPaginationItem(5), createPaginationItem('...', 'span', 'dots'), createPaginationItem(8));
-
-function QueryPaginationNumbersEdit() {
- const paginationNumbers = previewPaginationNumbers();
- return (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)(), paginationNumbers);
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+const createPaginationItem = (content, Tag = 'a', extraClass = '') => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ className: `page-numbers ${extraClass}`,
+ children: content
+}, content);
+const previewPaginationNumbers = midSize => {
+ const paginationItems = [];
+
+ // First set of pagination items.
+ for (let i = 1; i <= midSize; i++) {
+ paginationItems.push(createPaginationItem(i));
+ }
+
+ // Current pagination item.
+ paginationItems.push(createPaginationItem(midSize + 1, 'span', 'current'));
+
+ // Second set of pagination items.
+ for (let i = 1; i <= midSize; i++) {
+ paginationItems.push(createPaginationItem(midSize + 1 + i));
+ }
+
+ // Dots.
+ paginationItems.push(createPaginationItem('...', 'span', 'dots'));
+
+ // Last pagination item.
+ paginationItems.push(createPaginationItem(midSize * 2 + 3));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: paginationItems
+ });
+};
+function QueryPaginationNumbersEdit({
+ attributes,
+ setAttributes
+}) {
+ const {
+ midSize
+ } = attributes;
+ const paginationNumbers = previewPaginationNumbers(parseInt(midSize, 10));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Number of links'),
+ help: (0,external_wp_i18n_namespaceObject.__)('Specify how many links can appear before and after the current page number. Links to the first, current and last page are always visible.'),
+ value: midSize,
+ onChange: value => {
+ setAttributes({
+ midSize: parseInt(value, 10)
+ });
+ },
+ min: 0,
+ max: 5,
+ withInputField: false
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)(),
+ children: paginationNumbers
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-pagination-numbers/index.js
@@ -36623,20 +49433,27 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const query_pagination_numbers_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/query-pagination-numbers",
title: "Page Numbers",
category: "theme",
parent: ["core/query-pagination"],
- description: "Displays a list of page numbers for pagination",
- textdomain: "default",
- usesContext: ["queryId", "query"],
+ description: "Displays a list of page numbers for pagination.",
+ textdomain: "default",
+ attributes: {
+ midSize: {
+ type: "number",
+ "default": 2
+ }
+ },
+ usesContext: ["queryId", "query", "enhancedPagination"],
supports: {
reusable: false,
html: false,
@@ -36650,16 +49467,21 @@
typography: {
fontSize: true,
lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
- }
- },
- editorStyle: "query-pagination-numbers-editor"
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ },
+ editorStyle: "wp-block-query-pagination-numbers-editor"
};
const {
@@ -36670,14 +49492,18 @@
icon: query_pagination_numbers,
edit: QueryPaginationNumbersEdit
};
+const query_pagination_numbers_init = () => initBlock({
+ name: query_pagination_numbers_name,
+ metadata: query_pagination_numbers_metadata,
+ settings: query_pagination_numbers_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-pagination-previous/edit.js
-
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
+
const query_pagination_previous_edit_arrowMap = {
@@ -36685,32 +49511,36 @@
arrow: '←',
chevron: '«'
};
-function QueryPaginationPreviousEdit(_ref) {
- let {
- attributes: {
- label
- },
- setAttributes,
- context: {
- paginationArrow
- }
- } = _ref;
+function QueryPaginationPreviousEdit({
+ attributes: {
+ label
+ },
+ setAttributes,
+ context: {
+ paginationArrow,
+ showLabel
+ }
+}) {
const displayArrow = query_pagination_previous_edit_arrowMap[paginationArrow];
- return (0,external_wp_element_namespaceObject.createElement)("a", _extends({
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("a", {
href: "#pagination-previous-pseudo-link",
- onClick: event => event.preventDefault()
- }, (0,external_wp_blockEditor_namespaceObject.useBlockProps)()), displayArrow && (0,external_wp_element_namespaceObject.createElement)("span", {
- className: `wp-block-query-pagination-previous-arrow is-arrow-${paginationArrow}`
- }, displayArrow), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.PlainText, {
- __experimentalVersion: 2,
- tagName: "span",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Previous page link'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Previous Page'),
- value: label,
- onChange: newLabel => setAttributes({
- label: newLabel
- })
- }));
+ onClick: event => event.preventDefault(),
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)(),
+ children: [displayArrow && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: `wp-block-query-pagination-previous-arrow is-arrow-${paginationArrow}`,
+ "aria-hidden": true,
+ children: displayArrow
+ }), showLabel && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.PlainText, {
+ __experimentalVersion: 2,
+ tagName: "span",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Previous page link'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Previous Page'),
+ value: label,
+ onChange: newLabel => setAttributes({
+ label: newLabel
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-pagination-previous/index.js
@@ -36718,13 +49548,14 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const query_pagination_previous_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/query-pagination-previous",
title: "Previous Page",
category: "theme",
@@ -36736,7 +49567,7 @@
type: "string"
}
},
- usesContext: ["queryId", "query", "paginationArrow"],
+ usesContext: ["queryId", "query", "paginationArrow", "showLabel", "enhancedPagination"],
supports: {
reusable: false,
html: false,
@@ -36750,13 +49581,18 @@
typography: {
fontSize: true,
lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
}
};
@@ -36769,85 +49605,148 @@
icon: query_pagination_previous,
edit: QueryPaginationPreviousEdit
};
+const query_pagination_previous_init = () => initBlock({
+ name: query_pagination_previous_name,
+ metadata: query_pagination_previous_metadata,
+ settings: query_pagination_previous_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-title/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-/**
- * Internal dependencies
- */
-
-
-const SUPPORTED_TYPES = ['archive'];
-function QueryTitleEdit(_ref) {
- let {
- attributes: {
- type,
- level,
- textAlign
- },
- setAttributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+const SUPPORTED_TYPES = ['archive', 'search'];
+function QueryTitleEdit({
+ attributes: {
+ type,
+ level,
+ textAlign,
+ showPrefix,
+ showSearchTerm
+ },
+ setAttributes
+}) {
+ const {
+ archiveTypeTitle,
+ archiveNameLabel
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getSettings
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const {
+ __experimentalArchiveTitleNameLabel,
+ __experimentalArchiveTitleTypeLabel
+ } = getSettings();
+ return {
+ archiveTypeTitle: __experimentalArchiveTitleTypeLabel,
+ archiveNameLabel: __experimentalArchiveTitleNameLabel
+ };
+ });
const TagName = `h${level}`;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
- [`has-text-align-${textAlign}`]: textAlign,
- 'wp-block-query-title__placeholder': type === 'archive'
- })
- }); // The plan is to augment this block with more
- // block variations like `Search Title`.
-
+ className: dist_clsx('wp-block-query-title__placeholder', {
+ [`has-text-align-${textAlign}`]: textAlign
+ })
+ });
if (!SUPPORTED_TYPES.includes(type)) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, (0,external_wp_i18n_namespaceObject.__)('Provided type is not supported.')));
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.__)('Provided type is not supported.')
+ })
+ });
+ }
let titleElement;
-
if (type === 'archive') {
- titleElement = (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, (0,external_wp_i18n_namespaceObject.__)('Archive title'));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(HeadingLevelDropdown, {
- selectedLevel: level,
- onChange: newLevel => setAttributes({
- level: newLevel
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- })), titleElement);
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/archive-title.js
-
-
-/**
- * WordPress dependencies
- */
-
-const archiveTitle = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M6.08 10.103h2.914L9.657 12h1.417L8.23 4H6.846L4 12h1.417l.663-1.897Zm1.463-4.137.994 2.857h-2l1.006-2.857ZM20 16H4v-1.5h16V16Zm-7 4H4v-1.5h9V20Z"
-}));
-/* harmony default export */ var archive_title = (archiveTitle);
+ let title;
+ if (archiveTypeTitle) {
+ if (showPrefix) {
+ if (archiveNameLabel) {
+ title = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: 1: Archive type title e.g: "Category", 2: Label of the archive e.g: "Shoes" */
+ (0,external_wp_i18n_namespaceObject.__)('%1$s: %2$s'), archiveTypeTitle, archiveNameLabel);
+ } else {
+ title = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: Archive type title e.g: "Category", "Tag"... */
+ (0,external_wp_i18n_namespaceObject.__)('%s: Name'), archiveTypeTitle);
+ }
+ } else if (archiveNameLabel) {
+ title = archiveNameLabel;
+ } else {
+ title = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: Archive type title e.g: "Category", "Tag"... */
+ (0,external_wp_i18n_namespaceObject.__)('%s name'), archiveTypeTitle);
+ }
+ } else {
+ title = showPrefix ? (0,external_wp_i18n_namespaceObject.__)('Archive type: Name') : (0,external_wp_i18n_namespaceObject.__)('Archive title');
+ }
+ titleElement = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show archive type in title'),
+ onChange: () => setAttributes({
+ showPrefix: !showPrefix
+ }),
+ checked: showPrefix
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: title
+ })]
+ });
+ }
+ if (type === 'search') {
+ titleElement = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show search term in title'),
+ onChange: () => setAttributes({
+ showSearchTerm: !showSearchTerm
+ }),
+ checked: showSearchTerm
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: showSearchTerm ? (0,external_wp_i18n_namespaceObject.__)('Search results for: “search term”') : (0,external_wp_i18n_namespaceObject.__)('Search results')
+ })]
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.HeadingLevelDropdown, {
+ value: level,
+ onChange: newLevel => setAttributes({
+ level: newLevel
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })]
+ }), titleElement]
+ });
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-title/variations.js
/**
@@ -36860,24 +49759,35 @@
name: 'archive-title',
title: (0,external_wp_i18n_namespaceObject.__)('Archive Title'),
description: (0,external_wp_i18n_namespaceObject.__)('Display the archive title based on the queried object.'),
- icon: archive_title,
+ icon: library_title,
attributes: {
type: 'archive'
},
scope: ['inserter']
+}, {
+ isDefault: false,
+ name: 'search-title',
+ title: (0,external_wp_i18n_namespaceObject.__)('Search Results Title'),
+ description: (0,external_wp_i18n_namespaceObject.__)('Display the search results title based on the queried object.'),
+ icon: library_title,
+ attributes: {
+ type: 'search'
+ },
+ scope: ['inserter']
}];
+
/**
* Add `isActive` function to all `query-title` variations, if not defined.
* `isActive` function is used to find a variation match from a created
* Block by providing its attributes.
*/
-
query_title_variations_variations.forEach(variation => {
- if (variation.isActive) return;
-
+ if (variation.isActive) {
+ return;
+ }
variation.isActive = (blockAttributes, variationAttributes) => blockAttributes.type === variationAttributes.type;
});
-/* harmony default export */ var query_title_variations = (query_title_variations_variations);
+/* harmony default export */ const query_title_variations = (query_title_variations_variations);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-title/deprecated.js
/**
@@ -36912,23 +49822,17 @@
__experimentalFontFamily: true
}
},
-
save() {
return null;
},
-
migrate: migrate_font_family,
-
- isEligible(_ref) {
- var _style$typography;
-
- let {
- style
- } = _ref;
- return style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontFamily;
- }
-
-};
+ isEligible({
+ style
+ }) {
+ return style?.typography?.fontFamily;
+ }
+};
+
/**
* New deprecations need to be placed first
* for them to have higher priority.
@@ -36937,31 +49841,21 @@
*
* See block-deprecation.md
*/
-
-/* harmony default export */ var query_title_deprecated = ([query_title_deprecated_v1]);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/query-title.js
-
-
-/**
- * WordPress dependencies
- */
-
-const queryTitle = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 20h9v-1.5H4V20zm0-5.5V16h16v-1.5H4zm1.3-2.9c.6.3 1.3.5 2 .5.8 0 1.4-.2 2-.5.1 0 .1-.1.2-.2l.8.7.9-1-.8-.7.3-.3a5.09 5.09 0 0 0 0-4.4c-.2-.6-.7-1-1.3-1.4-.6-.3-1.3-.5-2-.5-.8 0-1.4.2-2 .5-.7.4-1.1.8-1.5 1.5-.3.6-.5 1.3-.5 2.2 0 .8.2 1.6.5 2.2.4.6.8 1.1 1.4 1.4zm-.1-5c.2-.4.5-.7.8-1s.8-.4 1.3-.4 1 .1 1.3.4.6.6.8 1c.3.4.4.8.4 1.4 0 .5-.1 1-.3 1.4v.1l-1-.9-.9 1 .9.9c-.3.2-.7.3-1.2.3s-1-.1-1.3-.4c-.4-.2-.6-.6-.8-1C5 9 4.9 8.5 4.9 8c0-.6.1-1 .3-1.4z"
-}));
-/* harmony default export */ var query_title = (queryTitle);
+/* harmony default export */ const query_title_deprecated = ([query_title_deprecated_v1]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/query-title/index.js
/**
- * Internal dependencies
- */
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
const query_title_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/query-title",
title: "Query Title",
category: "theme",
@@ -36977,6 +49871,14 @@
level: {
type: "number",
"default": 1
+ },
+ showPrefix: {
+ type: "boolean",
+ "default": true
+ },
+ showSearchTerm: {
+ type: "boolean",
+ "default": true
}
},
supports: {
@@ -36990,31 +49892,29 @@
}
},
spacing: {
- margin: true
- },
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontFamily: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true,
- fontAppearance: true,
- textTransform: true
- }
- }
- },
- editorStyle: "wp-block-query-title-editor"
-};
-
-
-
-/**
- * WordPress dependencies
- */
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ },
+ style: "wp-block-query-title"
+};
+
const {
@@ -37022,299 +49922,579 @@
} = query_title_metadata;
const query_title_settings = {
- icon: query_title,
+ icon: library_title,
edit: QueryTitleEdit,
variations: query_title_variations,
deprecated: query_title_deprecated
};
+const query_title_init = () => initBlock({
+ name: query_title_name,
+ metadata: query_title_metadata,
+ settings: query_title_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/quote.js
-
-
-/**
- * WordPress dependencies
- */
-
-const quote = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M13 6v6h5.2v4c0 .8-.2 1.4-.5 1.7-.6.6-1.6.6-2.5.5h-.3v1.5h.5c1 0 2.3-.1 3.3-1 .6-.6 1-1.6 1-2.8V6H13zm-9 6h5.2v4c0 .8-.2 1.4-.5 1.7-.6.6-1.6.6-2.5.5h-.3v1.5h.5c1 0 2.3-.1 3.3-1 .6-.6 1-1.6 1-2.8V6H4v6z"
-}));
-/* harmony default export */ var library_quote = (quote);
+/**
+ * WordPress dependencies
+ */
+
+
+const quote = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M13 6v6h5.2v4c0 .8-.2 1.4-.5 1.7-.6.6-1.6.6-2.5.5h-.3v1.5h.5c1 0 2.3-.1 3.3-1 .6-.6 1-1.6 1-2.8V6H13zm-9 6h5.2v4c0 .8-.2 1.4-.5 1.7-.6.6-1.6.6-2.5.5h-.3v1.5h.5c1 0 2.3-.1 3.3-1 .6-.6 1-1.6 1-2.8V6H4v6z"
+ })
+});
+/* harmony default export */ const library_quote = (quote);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/quote/deprecated.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-const quote_deprecated_blockAttributes = {
- value: {
- type: 'string',
- source: 'html',
- selector: 'blockquote',
- multiline: 'p',
- default: ''
- },
- citation: {
- type: 'string',
- source: 'html',
- selector: 'cite',
- default: ''
- },
- align: {
- type: 'string'
- }
-};
-const quote_deprecated_deprecated = [{
- attributes: quote_deprecated_blockAttributes,
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+const migrateToQuoteV2 = attributes => {
+ const {
+ value,
+ ...restAttributes
+ } = attributes;
+ return [{
+ ...restAttributes
+ }, value ? (0,external_wp_blocks_namespaceObject.parseWithAttributeSchema)(value, {
+ type: 'array',
+ source: 'query',
+ selector: 'p',
+ query: {
+ content: {
+ type: 'string',
+ source: 'html'
+ }
+ }
+ }).map(({
+ content
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ content
+ })) : (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph')];
+};
+const deprecated_TEXT_ALIGN_OPTIONS = ['left', 'right', 'center'];
+
+// Migrate existing text alignment settings to the renamed attribute.
+const deprecated_migrateTextAlign = (attributes, innerBlocks) => {
+ const {
+ align,
+ ...rest
+ } = attributes;
+ // Check if there are valid alignments stored in the old attribute
+ // and assign them to the new attribute name.
+ const migratedAttributes = deprecated_TEXT_ALIGN_OPTIONS.includes(align) ? {
+ ...rest,
+ textAlign: align
+ } : attributes;
+ return [migratedAttributes, innerBlocks];
+};
+
+// Migrate the v2 blocks with style === `2`;
+const migrateLargeStyle = (attributes, innerBlocks) => {
+ return [{
+ ...attributes,
+ className: attributes.className ? attributes.className + ' is-style-large' : 'is-style-large'
+ }, innerBlocks];
+};
+
+// Version before the 'align' attribute was replaced with 'textAlign'.
+const quote_deprecated_v4 = {
+ attributes: {
+ value: {
+ type: 'string',
+ source: 'html',
+ selector: 'blockquote',
+ multiline: 'p',
+ default: '',
+ __experimentalRole: 'content'
+ },
+ citation: {
+ type: 'string',
+ source: 'html',
+ selector: 'cite',
+ default: '',
+ __experimentalRole: 'content'
+ },
+ align: {
+ type: 'string'
+ }
+ },
+ supports: {
+ anchor: true,
+ html: false,
+ __experimentalOnEnter: true,
+ __experimentalOnMerge: true,
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true,
+ fontAppearance: true
+ }
+ },
+ color: {
+ gradients: true,
+ heading: true,
+ link: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ }
+ },
+ isEligible: ({
+ align
+ }) => deprecated_TEXT_ALIGN_OPTIONS.includes(align),
+ save({
+ attributes
+ }) {
+ const {
+ align,
+ citation
+ } = attributes;
+ const className = dist_clsx({
+ [`has-text-align-${align}`]: align
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("blockquote", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {}), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "cite",
+ value: citation
+ })]
+ });
+ },
+ migrate: deprecated_migrateTextAlign
+};
+const quote_deprecated_v3 = {
+ attributes: {
+ value: {
+ type: 'string',
+ source: 'html',
+ selector: 'blockquote',
+ multiline: 'p',
+ default: '',
+ __experimentalRole: 'content'
+ },
+ citation: {
+ type: 'string',
+ source: 'html',
+ selector: 'cite',
+ default: '',
+ __experimentalRole: 'content'
+ },
+ align: {
+ type: 'string'
+ }
+ },
+ supports: {
+ anchor: true,
+ __experimentalSlashInserter: true,
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalTextTransform: true,
+ __experimentalDefaultControls: {
+ fontSize: true,
+ fontAppearance: true
+ }
+ }
+ },
+ save({
+ attributes
+ }) {
const {
align,
value,
citation
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("blockquote", {
+ const className = dist_clsx({
+ [`has-text-align-${align}`]: align
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("blockquote", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ multiline: true,
+ value: value
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "cite",
+ value: citation
+ })]
+ });
+ },
+ migrate(attributes) {
+ return deprecated_migrateTextAlign(...migrateToQuoteV2(attributes));
+ }
+};
+const quote_deprecated_v2 = {
+ attributes: {
+ value: {
+ type: 'string',
+ source: 'html',
+ selector: 'blockquote',
+ multiline: 'p',
+ default: ''
+ },
+ citation: {
+ type: 'string',
+ source: 'html',
+ selector: 'cite',
+ default: ''
+ },
+ align: {
+ type: 'string'
+ }
+ },
+ migrate(attributes) {
+ return deprecated_migrateTextAlign(...migrateToQuoteV2(attributes));
+ },
+ save({
+ attributes
+ }) {
+ const {
+ align,
+ value,
+ citation
+ } = attributes;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("blockquote", {
style: {
textAlign: align ? align : null
- }
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- multiline: true,
- value: value
- }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "cite",
- value: citation
- }));
- }
-
-}, {
- attributes: { ...quote_deprecated_blockAttributes,
+ },
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ multiline: true,
+ value: value
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "cite",
+ value: citation
+ })]
+ });
+ }
+};
+const quote_deprecated_v1 = {
+ attributes: {
+ value: {
+ type: 'string',
+ source: 'html',
+ selector: 'blockquote',
+ multiline: 'p',
+ default: ''
+ },
+ citation: {
+ type: 'string',
+ source: 'html',
+ selector: 'cite',
+ default: ''
+ },
+ align: {
+ type: 'string'
+ },
style: {
type: 'number',
default: 1
}
},
-
migrate(attributes) {
if (attributes.style === 2) {
- return { ...(0,external_lodash_namespaceObject.omit)(attributes, ['style']),
- className: attributes.className ? attributes.className + ' is-style-large' : 'is-style-large'
- };
- }
-
- return attributes;
- },
-
- save(_ref2) {
- let {
- attributes
- } = _ref2;
+ const {
+ style,
+ ...restAttributes
+ } = attributes;
+ return deprecated_migrateTextAlign(...migrateLargeStyle(...migrateToQuoteV2(restAttributes)));
+ }
+ return deprecated_migrateTextAlign(...migrateToQuoteV2(attributes));
+ },
+ save({
+ attributes
+ }) {
const {
align,
value,
citation,
style
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("blockquote", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("blockquote", {
className: style === 2 ? 'is-large' : '',
style: {
textAlign: align ? align : null
- }
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- multiline: true,
- value: value
- }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "cite",
- value: citation
- }));
- }
-
-}, {
- attributes: { ...quote_deprecated_blockAttributes,
+ },
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ multiline: true,
+ value: value
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "cite",
+ value: citation
+ })]
+ });
+ }
+};
+const quote_deprecated_v0 = {
+ attributes: {
+ value: {
+ type: 'string',
+ source: 'html',
+ selector: 'blockquote',
+ multiline: 'p',
+ default: ''
+ },
citation: {
type: 'string',
source: 'html',
selector: 'footer',
default: ''
},
+ align: {
+ type: 'string'
+ },
style: {
type: 'number',
default: 1
}
},
-
migrate(attributes) {
if (!isNaN(parseInt(attributes.style))) {
- return { ...(0,external_lodash_namespaceObject.omit)(attributes, ['style'])
- };
- }
-
- return attributes;
- },
-
- save(_ref3) {
- let {
- attributes
- } = _ref3;
+ const {
+ style,
+ ...restAttributes
+ } = attributes;
+ return deprecated_migrateTextAlign(...migrateToQuoteV2(restAttributes));
+ }
+ return deprecated_migrateTextAlign(...migrateToQuoteV2(attributes));
+ },
+ save({
+ attributes
+ }) {
const {
align,
value,
citation,
style
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("blockquote", {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("blockquote", {
className: `blocks-quote-style-${style}`,
style: {
textAlign: align ? align : null
- }
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- multiline: true,
- value: value
- }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "footer",
- value: citation
- }));
- }
-
-}];
-/* harmony default export */ var quote_deprecated = (quote_deprecated_deprecated);
+ },
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ multiline: true,
+ value: value
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "footer",
+ value: citation
+ })]
+ });
+ }
+};
+
+/**
+ * New deprecations need to be placed first
+ * for them to have higher priority.
+ *
+ * Old deprecations may need to be updated as well.
+ *
+ * See block-deprecation.md
+ */
+/* harmony default export */ const quote_deprecated = ([quote_deprecated_v4, quote_deprecated_v3, quote_deprecated_v2, quote_deprecated_v1, quote_deprecated_v0]);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/verse.js
+/**
+ * WordPress dependencies
+ */
+
+
+const verse = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M17.8 2l-.9.3c-.1 0-3.6 1-5.2 2.1C10 5.5 9.3 6.5 8.9 7.1c-.6.9-1.7 4.7-1.7 6.3l-.9 2.3c-.2.4 0 .8.4 1 .1 0 .2.1.3.1.3 0 .6-.2.7-.5l.6-1.5c.3 0 .7-.1 1.2-.2.7-.1 1.4-.3 2.2-.5.8-.2 1.6-.5 2.4-.8.7-.3 1.4-.7 1.9-1.2s.8-1.2 1-1.9c.2-.7.3-1.6.4-2.4.1-.8.1-1.7.2-2.5 0-.8.1-1.5.2-2.1V2zm-1.9 5.6c-.1.8-.2 1.5-.3 2.1-.2.6-.4 1-.6 1.3-.3.3-.8.6-1.4.9-.7.3-1.4.5-2.2.8-.6.2-1.3.3-1.8.4L15 7.5c.3-.3.6-.7 1-1.1 0 .4 0 .8-.1 1.2zM6 20h8v-1.5H6V20z"
+ })
+});
+/* harmony default export */ const library_verse = (verse);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/quote/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
const edit_isWebPlatform = external_wp_element_namespaceObject.Platform.OS === 'web';
-function QuoteEdit(_ref) {
- let {
- attributes,
- setAttributes,
- isSelected,
- mergeBlocks,
- onReplace,
- className,
- insertBlocksAfter,
- style
- } = _ref;
- const {
- align,
- value,
- citation
- } = attributes;
+const quote_edit_TEMPLATE = [['core/paragraph', {}]];
+
+/**
+ * At the moment, deprecations don't handle create blocks from attributes
+ * (like when using CPT templates). For this reason, this hook is necessary
+ * to avoid breaking templates using the old quote block format.
+ *
+ * @param {Object} attributes Block attributes.
+ * @param {string} clientId Block client ID.
+ */
+const edit_useMigrateOnLoad = (attributes, clientId) => {
+ const registry = (0,external_wp_data_namespaceObject.useRegistry)();
+ const {
+ updateBlockAttributes,
+ replaceInnerBlocks
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ // As soon as the block is loaded, migrate it to the new version.
+
+ if (!attributes.value) {
+ // No need to migrate if it doesn't have the value attribute.
+ return;
+ }
+ const [newAttributes, newInnerBlocks] = migrateToQuoteV2(attributes);
+ external_wp_deprecated_default()('Value attribute on the quote block', {
+ since: '6.0',
+ version: '6.5',
+ alternative: 'inner blocks'
+ });
+ registry.batch(() => {
+ updateBlockAttributes(clientId, newAttributes);
+ replaceInnerBlocks(clientId, newInnerBlocks);
+ });
+ }, [attributes.value]);
+};
+function QuoteEdit({
+ attributes,
+ setAttributes,
+ insertBlocksAfter,
+ clientId,
+ className,
+ style,
+ isSelected
+}) {
+ const {
+ textAlign
+ } = attributes;
+ edit_useMigrateOnLoad(attributes, clientId);
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()(className, {
- [`has-text-align-${align}`]: align
- }),
- style
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: align,
- onChange: nextAlign => {
- setAttributes({
- align: nextAlign
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BlockQuotation, blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- identifier: "value",
- multiline: true,
- value: value,
- onChange: nextValue => setAttributes({
- value: nextValue
- }),
- onMerge: mergeBlocks,
- onRemove: forward => {
- const hasEmptyCitation = !citation || citation.length === 0;
-
- if (!forward && hasEmptyCitation) {
- onReplace([]);
- }
- },
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Quote text'),
- placeholder: // translators: placeholder text used for the quote
- (0,external_wp_i18n_namespaceObject.__)('Add quote'),
- onReplace: onReplace,
- onSplit: piece => (0,external_wp_blocks_namespaceObject.createBlock)('core/quote', { ...attributes,
- value: piece
- }),
- __unstableOnSplitMiddle: () => (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph'),
- textAlign: align
- }), (!external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) || isSelected) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- identifier: "citation",
- tagName: edit_isWebPlatform ? 'cite' : undefined,
- style: {
- display: 'block'
- },
- value: citation,
- onChange: nextCitation => setAttributes({
- citation: nextCitation
- }),
- __unstableMobileNoFocusOnMount: true,
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Quote citation text'),
- placeholder: // translators: placeholder text used for the citation
- (0,external_wp_i18n_namespaceObject.__)('Add citation'),
- className: "wp-block-quote__citation",
- textAlign: align,
- __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph'))
- })));
+ className: dist_clsx(className, {
+ [`has-text-align-${textAlign}`]: textAlign
+ }),
+ ...(!edit_isWebPlatform && {
+ style
+ })
+ });
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ template: quote_edit_TEMPLATE,
+ templateInsertUpdatesSelection: true,
+ __experimentalCaptureToolbars: true,
+ renderAppender: false
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.BlockQuotation, {
+ ...innerBlocksProps,
+ children: [innerBlocksProps.children, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Caption, {
+ attributeKey: "citation",
+ tagName: edit_isWebPlatform ? 'cite' : 'p',
+ style: edit_isWebPlatform && {
+ display: 'block'
+ },
+ isSelected: isSelected,
+ attributes: attributes,
+ setAttributes: setAttributes,
+ __unstableMobileNoFocusOnMount: true,
+ icon: library_verse,
+ label: (0,external_wp_i18n_namespaceObject.__)('Quote citation'),
+ placeholder:
+ // translators: placeholder text used for the
+ // citation
+ (0,external_wp_i18n_namespaceObject.__)('Add citation'),
+ addLabel: (0,external_wp_i18n_namespaceObject.__)('Add citation'),
+ removeLabel: (0,external_wp_i18n_namespaceObject.__)('Remove citation'),
+ excludeElementClassName: true,
+ className: "wp-block-quote__citation",
+ insertBlocksAfter: insertBlocksAfter,
+ ...(!edit_isWebPlatform ? {
+ textAlign
+ } : {})
+ })]
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/quote/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-function quote_save_save(_ref) {
- let {
- attributes
- } = _ref;
- const {
- align,
- value,
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+function quote_save_save({
+ attributes
+}) {
+ const {
+ textAlign,
citation
} = attributes;
- const className = classnames_default()({
- [`has-text-align-${align}`]: align
- });
- return (0,external_wp_element_namespaceObject.createElement)("blockquote", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- multiline: true,
- value: value
- }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "cite",
- value: citation
- }));
+ const className = dist_clsx({
+ [`has-text-align-${textAlign}`]: textAlign
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("blockquote", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className
+ }),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {}), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "cite",
+ value: citation
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/quote/transforms.js
@@ -37326,197 +50506,117 @@
const quote_transforms_transforms = {
from: [{
type: 'block',
- isMultiBlock: true,
- blocks: ['core/paragraph'],
- transform: attributes => {
+ blocks: ['core/pullquote'],
+ transform: ({
+ value,
+ citation,
+ anchor,
+ fontSize,
+ style
+ }) => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/quote', {
- value: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: (0,external_wp_richText_namespaceObject.join)(attributes.map(_ref => {
- let {
- content
- } = _ref;
- return (0,external_wp_richText_namespaceObject.create)({
- html: content
- });
- }), '\u2028'),
- multilineTag: 'p'
- }),
- anchor: attributes.anchor
- });
- }
- }, {
- type: 'block',
- blocks: ['core/heading'],
- transform: _ref2 => {
- let {
- content,
- anchor
- } = _ref2;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/quote', {
- value: `<p>${content}</p>`,
- anchor
- });
- }
- }, {
- type: 'block',
- blocks: ['core/pullquote'],
- transform: _ref3 => {
- let {
- value,
citation,
- anchor
- } = _ref3;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/quote', {
- value,
- citation,
- anchor
- });
+ anchor,
+ fontSize,
+ style
+ }, [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ content: value
+ })]);
}
}, {
type: 'prefix',
prefix: '>',
- transform: content => {
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/quote', {
- value: `<p>${content}</p>`
- });
- }
+ transform: content => (0,external_wp_blocks_namespaceObject.createBlock)('core/quote', {}, [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ content
+ })])
}, {
type: 'raw',
- isMatch: node => {
- const isParagraphOrSingleCite = (() => {
- let hasCitation = false;
- return child => {
- // Child is a paragraph.
- if (child.nodeName === 'P') {
- return true;
- } // Child is a cite and no other cite child exists before it.
-
-
- if (!hasCitation && child.nodeName === 'CITE') {
- hasCitation = true;
- return true;
- }
- };
- })();
-
- return node.nodeName === 'BLOCKQUOTE' && // The quote block can only handle multiline paragraph
- // content with an optional cite child.
- Array.from(node.childNodes).every(isParagraphOrSingleCite);
- },
- schema: _ref4 => {
- let {
- phrasingContentSchema
- } = _ref4;
- return {
- blockquote: {
- children: {
- p: {
- children: phrasingContentSchema
- },
- cite: {
- children: phrasingContentSchema
- }
- }
- }
- };
- }
+ schema: () => ({
+ blockquote: {
+ children: '*'
+ }
+ }),
+ selector: 'blockquote',
+ transform: (node, handler) => {
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/quote',
+ // Don't try to parse any `cite` out of this content.
+ // * There may be more than one cite.
+ // * There may be more attribution text than just the cite.
+ // * If the cite is nested in the quoted text, it's wrong to
+ // remove it.
+ {}, handler({
+ HTML: node.innerHTML,
+ mode: 'BLOCKS'
+ }));
+ }
+ }, {
+ type: 'block',
+ isMultiBlock: true,
+ blocks: ['*'],
+ isMatch: ({}, blocks) => {
+ // When a single block is selected make the tranformation
+ // available only to specific blocks that make sense.
+ if (blocks.length === 1) {
+ return ['core/paragraph', 'core/heading', 'core/list', 'core/pullquote'].includes(blocks[0].name);
+ }
+ return !blocks.some(({
+ name
+ }) => name === 'core/quote');
+ },
+ __experimentalConvert: blocks => (0,external_wp_blocks_namespaceObject.createBlock)('core/quote', {}, blocks.map(block => (0,external_wp_blocks_namespaceObject.createBlock)(block.name, block.attributes, block.innerBlocks)))
}],
to: [{
type: 'block',
- blocks: ['core/paragraph'],
- transform: _ref5 => {
- let {
- value,
- citation
- } = _ref5;
- const paragraphs = [];
-
- if (value && value !== '<p></p>') {
- paragraphs.push(...(0,external_wp_richText_namespaceObject.split)((0,external_wp_richText_namespaceObject.create)({
- html: value,
- multilineTag: 'p'
- }), '\u2028').map(piece => (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
- content: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: piece
- })
- })));
- }
-
- if (citation && citation !== '<p></p>') {
- paragraphs.push((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
- content: citation
- }));
- }
-
- if (paragraphs.length === 0) {
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
- content: ''
- });
- }
-
- return paragraphs;
- }
- }, {
- type: 'block',
- blocks: ['core/heading'],
- transform: _ref6 => {
- let {
- value,
- citation,
- ...attrs
- } = _ref6;
-
- // If there is no quote content, use the citation as the
- // content of the resulting heading. A nonexistent citation
- // will result in an empty heading.
- if (value === '<p></p>') {
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/heading', {
- content: citation
- });
- }
-
- const pieces = (0,external_wp_richText_namespaceObject.split)((0,external_wp_richText_namespaceObject.create)({
- html: value,
- multilineTag: 'p'
- }), '\u2028');
- const headingBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/heading', {
- content: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: pieces[0]
- })
- });
-
- if (!citation && pieces.length === 1) {
- return headingBlock;
- }
-
- const quotePieces = pieces.slice(1);
- const quoteBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/quote', { ...attrs,
- citation,
- value: (0,external_wp_richText_namespaceObject.toHTMLString)({
- value: quotePieces.length ? (0,external_wp_richText_namespaceObject.join)(pieces.slice(1), '\u2028') : (0,external_wp_richText_namespaceObject.create)(),
- multilineTag: 'p'
- })
- });
- return [headingBlock, quoteBlock];
- }
- }, {
- type: 'block',
blocks: ['core/pullquote'],
- transform: _ref7 => {
- let {
- value,
- citation,
- anchor
- } = _ref7;
+ isMatch: ({}, block) => {
+ return block.innerBlocks.every(({
+ name
+ }) => name === 'core/paragraph');
+ },
+ transform: ({
+ citation,
+ anchor,
+ fontSize,
+ style
+ }, innerBlocks) => {
+ const value = innerBlocks.map(({
+ attributes
+ }) => `${attributes.content}`).join('<br>');
return (0,external_wp_blocks_namespaceObject.createBlock)('core/pullquote', {
value,
citation,
- anchor
- });
- }
- }]
-};
-/* harmony default export */ var quote_transforms = (quote_transforms_transforms);
+ anchor,
+ fontSize,
+ style
+ });
+ }
+ }, {
+ type: 'block',
+ blocks: ['core/paragraph'],
+ transform: ({
+ citation
+ }, innerBlocks) => external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) ? innerBlocks : [...innerBlocks, (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ content: citation
+ })]
+ }, {
+ type: 'block',
+ blocks: ['core/group'],
+ transform: ({
+ citation,
+ anchor
+ }, innerBlocks) => (0,external_wp_blocks_namespaceObject.createBlock)('core/group', {
+ anchor
+ }, external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) ? innerBlocks : [...innerBlocks, (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ content: citation
+ })])
+ }],
+ ungroup: ({
+ citation
+ }, innerBlocks) => external_wp_blockEditor_namespaceObject.RichText.isEmpty(citation) ? innerBlocks : [...innerBlocks, (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ content: citation
+ })]
+};
+/* harmony default export */ const quote_transforms = (quote_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/quote/index.js
/**
@@ -37524,6 +50624,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -37532,7 +50633,7 @@
const quote_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/quote",
title: "Quote",
category: "text",
@@ -37549,38 +50650,50 @@
__experimentalRole: "content"
},
citation: {
- type: "string",
- source: "html",
+ type: "rich-text",
+ source: "rich-text",
selector: "cite",
- "default": "",
- __experimentalRole: "content"
- },
- align: {
- type: "string"
- }
- },
- supports: {
- anchor: true,
- __experimentalSlashInserter: true,
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true,
- fontAppearance: true
- }
- },
- color: {
- gradients: true,
+ __experimentalRole: "content"
+ },
+ textAlign: {
+ type: "string"
+ }
+ },
+ supports: {
+ anchor: true,
+ html: false,
+ __experimentalOnEnter: true,
+ __experimentalOnMerge: true,
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ color: {
+ gradients: true,
+ heading: true,
link: true,
__experimentalDefaultControls: {
background: true,
text: true
}
+ },
+ layout: {
+ allowEditing: false
+ },
+ spacing: {
+ blockGap: true
+ },
+ interactivity: {
+ clientNavigation: true
}
},
styles: [{
@@ -37596,236 +50709,521 @@
};
-
const {
name: quote_name
} = quote_metadata;
-const quote_settingsV1 = {
+const quote_settings = {
icon: library_quote,
example: {
attributes: {
- value: '<p>' + (0,external_wp_i18n_namespaceObject.__)('In quoting others, we cite ourselves.') + '</p>',
citation: 'Julio Cortázar'
- }
+ },
+ innerBlocks: [{
+ name: 'core/paragraph',
+ attributes: {
+ content: (0,external_wp_i18n_namespaceObject.__)('In quoting others, we cite ourselves.')
+ }
+ }]
},
transforms: quote_transforms,
edit: QuoteEdit,
save: quote_save_save,
-
- merge(attributes, _ref) {
- let {
- value,
- citation
- } = _ref;
-
- // Quote citations cannot be merged. Pick the second one unless it's
- // empty.
- if (!citation) {
- citation = attributes.citation;
- }
-
- if (!value || value === '<p></p>') {
- return { ...attributes,
- citation
- };
- }
-
- return { ...attributes,
- value: attributes.value + value,
- citation
- };
- },
-
deprecated: quote_deprecated
};
-let quote_settings = quote_settingsV1;
-
-if (false) { var quote_window; }
-
-
+const quote_init = () => initBlock({
+ name: quote_name,
+ metadata: quote_metadata,
+ settings: quote_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/symbol.js
-
-
-/**
- * WordPress dependencies
- */
-
-const symbol = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-1 1.4l-5.6 5.6c-.1.1-.3.1-.4 0l-5.6-5.6c-.1-.1-.1-.3 0-.4l5.6-5.6s.1-.1.2-.1.1 0 .2.1l5.6 5.6c.1.1.1.3 0 .4zm-16.6-.4L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z"
-}));
-/* harmony default export */ var library_symbol = (symbol);
-
-;// CONCATENATED MODULE: external ["wp","reusableBlocks"]
-var external_wp_reusableBlocks_namespaceObject = window["wp"]["reusableBlocks"];
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/ungroup.js
-
-
-/**
- * WordPress dependencies
- */
-
-const ungroup = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18 4h-7c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm.5 9c0 .3-.2.5-.5.5h-7c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h7c.3 0 .5.2.5.5v7zm-5 5c0 .3-.2.5-.5.5H6c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h1V9H6c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h7c1.1 0 2-.9 2-2v-1h-1.5v1z"
-}));
-/* harmony default export */ var library_ungroup = (ungroup);
-
+/**
+ * WordPress dependencies
+ */
+
+
+const symbol = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-1 1.4l-5.6 5.6c-.1.1-.3.1-.4 0l-5.6-5.6c-.1-.1-.1-.3 0-.4l5.6-5.6s.1-.1.2-.1.1 0 .2.1l5.6 5.6c.1.1.1.3 0 .4zm-16.6-.4L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z"
+ })
+});
+/* harmony default export */ const library_symbol = (symbol);
+
+;// CONCATENATED MODULE: external ["wp","patterns"]
+const external_wp_patterns_namespaceObject = window["wp"]["patterns"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/block/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-function ReusableBlockEdit(_ref) {
- let {
- attributes: {
- ref
- },
- clientId
- } = _ref;
- const [hasAlreadyRendered, RecursionProvider] = (0,external_wp_blockEditor_namespaceObject.__experimentalUseNoRecursiveRenders)(ref);
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+const {
+ useLayoutClasses
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+const {
+ isOverridableBlock,
+ hasOverridableBlocks
+} = unlock(external_wp_patterns_namespaceObject.privateApis);
+const fullAlignments = ['full', 'wide', 'left', 'right'];
+const useInferredLayout = (blocks, parentLayout) => {
+ const initialInferredAlignmentRef = (0,external_wp_element_namespaceObject.useRef)();
+ return (0,external_wp_element_namespaceObject.useMemo)(() => {
+ // Exit early if the pattern's blocks haven't loaded yet.
+ if (!blocks?.length) {
+ return {};
+ }
+ let alignment = initialInferredAlignmentRef.current;
+
+ // Only track the initial alignment so that temporarily removed
+ // alignments can be reapplied.
+ if (alignment === undefined) {
+ const isConstrained = parentLayout?.type === 'constrained';
+ const hasFullAlignment = blocks.some(block => fullAlignments.includes(block.attributes.align));
+ alignment = isConstrained && hasFullAlignment ? 'full' : null;
+ initialInferredAlignmentRef.current = alignment;
+ }
+ const layout = alignment ? parentLayout : undefined;
+ return {
+ alignment,
+ layout
+ };
+ }, [blocks, parentLayout]);
+};
+function setBlockEditMode(setEditMode, blocks, mode) {
+ blocks.forEach(block => {
+ const editMode = mode || (isOverridableBlock(block) ? 'contentOnly' : 'disabled');
+ setEditMode(block.clientId, editMode);
+ setBlockEditMode(setEditMode, block.innerBlocks,
+ // Disable editing for nested patterns.
+ block.name === block_name ? 'disabled' : mode);
+ });
+}
+function RecursionWarning() {
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.__)('Block cannot be rendered inside itself.')
+ })
+ });
+}
+const edit_NOOP = () => {};
+
+// Wrap the main Edit function for the pattern block with a recursion wrapper
+// that allows short-circuiting rendering as early as possible, before any
+// of the other effects in the block edit have run.
+function ReusableBlockEditRecursionWrapper(props) {
+ const {
+ ref
+ } = props.attributes;
+ const hasAlreadyRendered = (0,external_wp_blockEditor_namespaceObject.useHasRecursion)(ref);
+ if (hasAlreadyRendered) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(RecursionWarning, {});
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RecursionProvider, {
+ uniqueId: ref,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ReusableBlockEdit, {
+ ...props
+ })
+ });
+}
+function ReusableBlockEdit({
+ name,
+ attributes: {
+ ref,
+ content
+ },
+ __unstableParentLayout: parentLayout,
+ clientId: patternClientId,
+ setAttributes
+}) {
const {
record,
hasResolved
- } = (0,external_wp_coreData_namespaceObject.__experimentalUseEntityRecord)('postType', 'wp_block', ref);
- const isMissing = hasResolved && !record;
- const canRemove = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).canRemoveBlock(clientId), [clientId]);
- const {
- __experimentalConvertBlockToStatic: convertBlockToStatic
- } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_reusableBlocks_namespaceObject.store);
- const [blocks, onInput, onChange] = (0,external_wp_coreData_namespaceObject.useEntityBlockEditor)('postType', 'wp_block', {
+ } = (0,external_wp_coreData_namespaceObject.useEntityRecord)('postType', 'wp_block', ref);
+ const [blocks] = (0,external_wp_coreData_namespaceObject.useEntityBlockEditor)('postType', 'wp_block', {
id: ref
});
- const [title, setTitle] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', 'wp_block', 'title', ref);
- const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
- const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({}, {
- value: blocks,
- onInput,
- onChange,
- renderAppender: blocks !== null && blocks !== void 0 && blocks.length ? undefined : external_wp_blockEditor_namespaceObject.InnerBlocks.ButtonBlockAppender
- });
-
- if (hasAlreadyRendered) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, (0,external_wp_i18n_namespaceObject.__)('Block cannot be rendered inside itself.')));
- }
-
+ const isMissing = hasResolved && !record;
+ const {
+ setBlockEditingMode,
+ __unstableMarkLastChangeAsPersistent
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const {
+ innerBlocks,
+ userCanEdit,
+ onNavigateToEntityRecord,
+ editingMode,
+ hasPatternOverridesSource
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ canUser
+ } = select(external_wp_coreData_namespaceObject.store);
+ const {
+ getBlocks,
+ getSettings,
+ getBlockEditingMode: _getBlockEditingMode
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const {
+ getBlockBindingsSource
+ } = unlock(select(external_wp_blocks_namespaceObject.store));
+ const canEdit = canUser('update', 'blocks', ref);
+
+ // For editing link to the site editor if the theme and user permissions support it.
+ return {
+ innerBlocks: getBlocks(patternClientId),
+ userCanEdit: canEdit,
+ getBlockEditingMode: _getBlockEditingMode,
+ onNavigateToEntityRecord: getSettings().onNavigateToEntityRecord,
+ editingMode: _getBlockEditingMode(patternClientId),
+ hasPatternOverridesSource: !!getBlockBindingsSource('core/pattern-overrides')
+ };
+ }, [patternClientId, ref]);
+
+ // Sync the editing mode of the pattern block with the inner blocks.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ setBlockEditMode(setBlockEditingMode, innerBlocks,
+ // Disable editing if the pattern itself is disabled.
+ editingMode === 'disabled' || !hasPatternOverridesSource ? 'disabled' : undefined);
+ }, [editingMode, innerBlocks, setBlockEditingMode, hasPatternOverridesSource]);
+ const canOverrideBlocks = (0,external_wp_element_namespaceObject.useMemo)(() => hasPatternOverridesSource && hasOverridableBlocks(blocks), [hasPatternOverridesSource, blocks]);
+ const {
+ alignment,
+ layout
+ } = useInferredLayout(blocks, parentLayout);
+ const layoutClasses = useLayoutClasses({
+ layout
+ }, name);
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: dist_clsx('block-library-block__reusable-block-container', layout && layoutClasses, {
+ [`align${alignment}`]: alignment
+ })
+ });
+
+ // Use `blocks` variable until `innerBlocks` is populated, which has the proper clientIds.
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ templateLock: 'all',
+ layout,
+ value: innerBlocks.length > 0 ? innerBlocks : blocks,
+ onInput: edit_NOOP,
+ onChange: edit_NOOP,
+ renderAppender: blocks?.length ? undefined : blocks.ButtonBlockAppender
+ });
+ const handleEditOriginal = () => {
+ onNavigateToEntityRecord({
+ postId: ref,
+ postType: 'wp_block'
+ });
+ };
+ const resetContent = () => {
+ if (content) {
+ // Make sure any previous changes are persisted before resetting.
+ __unstableMarkLastChangeAsPersistent();
+ setAttributes({
+ content: undefined
+ });
+ }
+ };
+ let children = null;
if (isMissing) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, (0,external_wp_i18n_namespaceObject.__)('Block has been deleted or is unavailable.')));
- }
-
+ children = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.__)('Block has been deleted or is unavailable.')
+ });
+ }
if (!hasResolved) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null)));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(RecursionProvider, null, (0,external_wp_element_namespaceObject.createElement)("div", blockProps, canRemove && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- onClick: () => convertBlockToStatic(clientId),
- label: (0,external_wp_i18n_namespaceObject.__)('Convert to regular blocks'),
- icon: library_ungroup,
- showTooltip: true
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Name'),
- value: title,
- onChange: setTitle
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalBlockContentOverlay, {
- clientId: clientId,
- wrapperProps: innerBlocksProps,
- className: "block-library-block__reusable-block-container"
- })));
-}
+ children = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {})
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [userCanEdit && onNavigateToEntityRecord && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ onClick: handleEditOriginal,
+ children: (0,external_wp_i18n_namespaceObject.__)('Edit original')
+ })
+ })
+ }), canOverrideBlocks && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ onClick: resetContent,
+ disabled: !content,
+ __experimentalIsFocusable: true,
+ children: (0,external_wp_i18n_namespaceObject.__)('Reset')
+ })
+ })
+ }), children === null ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...innerBlocksProps
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: children
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/block/deprecated.js
+const isObject = obj => typeof obj === 'object' && !Array.isArray(obj) && obj !== null;
+
+// v2: Migrate to a more condensed version of the 'content' attribute attribute.
+const block_deprecated_v2 = {
+ attributes: {
+ ref: {
+ type: 'number'
+ },
+ content: {
+ type: 'object'
+ }
+ },
+ supports: {
+ customClassName: false,
+ html: false,
+ inserter: false,
+ renaming: false
+ },
+ // Force this deprecation to run whenever there's a values sub-property that's an object.
+ //
+ // This could fail in the future if a block ever has binding to a `values` attribute.
+ // Some extra protection is added to ensure `values` is an object, but this only reduces
+ // the likelihood, it doesn't solve it completely.
+ isEligible({
+ content
+ }) {
+ return !!content && Object.keys(content).every(contentKey => content[contentKey].values && isObject(content[contentKey].values));
+ },
+ /*
+ * Old attribute format:
+ * content: {
+ * "V98q_x": {
+ * // The attribute values are now stored as a 'values' sub-property.
+ * values: { content: 'My content value' },
+ * // ... additional metadata, like the block name can be stored here.
+ * }
+ * }
+ *
+ * New attribute format:
+ * content: {
+ * "V98q_x": {
+ * content: 'My content value',
+ * }
+ * }
+ */
+ migrate(attributes) {
+ const {
+ content,
+ ...retainedAttributes
+ } = attributes;
+ if (content && Object.keys(content).length) {
+ const updatedContent = {
+ ...content
+ };
+ for (const contentKey in content) {
+ updatedContent[contentKey] = content[contentKey].values;
+ }
+ return {
+ ...retainedAttributes,
+ content: updatedContent
+ };
+ }
+ return attributes;
+ }
+};
+
+// v1: Rename the `overrides` attribute to the `content` attribute.
+const block_deprecated_v1 = {
+ attributes: {
+ ref: {
+ type: 'number'
+ },
+ overrides: {
+ type: 'object'
+ }
+ },
+ supports: {
+ customClassName: false,
+ html: false,
+ inserter: false,
+ renaming: false
+ },
+ // Force this deprecation to run whenever there's an `overrides` object.
+ isEligible({
+ overrides
+ }) {
+ return !!overrides;
+ },
+ /*
+ * Old attribute format:
+ * overrides: {
+ * // An key is an id that represents a block.
+ * // The values are the attribute values of the block.
+ * "V98q_x": { content: 'My content value' }
+ * }
+ *
+ * New attribute format:
+ * content: {
+ * "V98q_x": { content: 'My content value' }
+ * }
+ *
+ */
+ migrate(attributes) {
+ const {
+ overrides,
+ ...retainedAttributes
+ } = attributes;
+ const content = {};
+ Object.keys(overrides).forEach(id => {
+ content[id] = overrides[id];
+ });
+ return {
+ ...retainedAttributes,
+ content
+ };
+ }
+};
+/* harmony default export */ const block_deprecated = ([block_deprecated_v2, block_deprecated_v1]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/block/index.js
/**
* WordPress dependencies
*/
+
+
+
+
/**
* Internal dependencies
*/
const block_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/block",
- title: "Reusable block",
+ title: "Pattern",
category: "reusable",
- description: "Create and save content to reuse across your site. Update the block, and the changes apply everywhere it\u2019s used.",
+ description: "Reuse this design across your site.",
+ keywords: ["reusable"],
textdomain: "default",
attributes: {
ref: {
type: "number"
- }
+ },
+ content: {
+ type: "object",
+ "default": {}
+ }
+ },
+ providesContext: {
+ "pattern/overrides": "content"
},
supports: {
customClassName: false,
html: false,
- inserter: false
- },
- editorStyle: "wp-block-editor"
-};
+ inserter: false,
+ renaming: false,
+ interactivity: {
+ clientNavigation: true
+ }
+ }
+};
+
const {
name: block_name
} = block_metadata;
const block_settings = {
- edit: ReusableBlockEdit,
- icon: library_symbol
-};
+ deprecated: block_deprecated,
+ edit: ReusableBlockEditRecursionWrapper,
+ icon: library_symbol,
+ __experimentalLabel: ({
+ ref
+ }) => {
+ if (!ref) {
+ return;
+ }
+ const entity = (0,external_wp_data_namespaceObject.select)(external_wp_coreData_namespaceObject.store).getEditedEntityRecord('postType', 'wp_block', ref);
+ if (!entity?.title) {
+ return;
+ }
+ return (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(entity.title);
+ }
+};
+const block_init = () => initBlock({
+ name: block_name,
+ metadata: block_metadata,
+ settings: block_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/read-more/edit.js
-
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-function ReadMore(_ref) {
- let {
- attributes: {
- content,
- linkTarget
- },
- setAttributes,
- insertBlocksAfter
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+function ReadMore({
+ attributes: {
+ content,
+ linkTarget
+ },
+ setAttributes,
+ insertBlocksAfter
+}) {
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Link settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
- onChange: value => setAttributes({
- linkTarget: value ? '_blank' : '_self'
- }),
- checked: linkTarget === '_blank'
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, _extends({
- tagName: "a",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('"Read more" link text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Read more'),
- value: content,
- onChange: newValue => setAttributes({
- content: newValue
- }),
- __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)())),
- withoutInteractiveFormatting: true
- }, blockProps)));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
+ onChange: value => setAttributes({
+ linkTarget: value ? '_blank' : '_self'
+ }),
+ checked: linkTarget === '_blank'
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "content",
+ tagName: "a",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('“Read more” link text'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Read more'),
+ value: content,
+ onChange: newValue => setAttributes({
+ content: newValue
+ }),
+ __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)())),
+ withoutInteractiveFormatting: true,
+ ...blockProps
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/read-more/index.js
@@ -37833,13 +51231,14 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const read_more_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/read-more",
title: "Read More",
category: "theme",
@@ -37889,6 +51288,9 @@
__experimentalDefaultControls: {
width: true
}
+ },
+ interactivity: {
+ clientNavigation: true
}
},
style: "wp-block-read-more"
@@ -37902,28 +51304,34 @@
icon: library_link,
edit: ReadMore
};
+const read_more_init = () => initBlock({
+ name: read_more_name,
+ metadata: read_more_metadata,
+ settings: read_more_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/rss.js
-
-
-/**
- * WordPress dependencies
- */
-
-const rss = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"
-}));
-/* harmony default export */ var library_rss = (rss);
+/**
+ * WordPress dependencies
+ */
+
+
+const rss = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M5 10.2h-.8v1.5H5c1.9 0 3.8.8 5.1 2.1 1.4 1.4 2.1 3.2 2.1 5.1v.8h1.5V19c0-2.3-.9-4.5-2.6-6.2-1.6-1.6-3.8-2.6-6.1-2.6zm10.4-1.6C12.6 5.8 8.9 4.2 5 4.2h-.8v1.5H5c3.5 0 6.9 1.4 9.4 3.9s3.9 5.8 3.9 9.4v.8h1.5V19c0-3.9-1.6-7.6-4.4-10.4zM4 20h3v-3H4v3z"
+ })
+});
+/* harmony default export */ const library_rss = (rss);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/rss/edit.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
+
+
@@ -37933,11 +51341,10 @@
const DEFAULT_MIN_ITEMS = 1;
const DEFAULT_MAX_ITEMS = 20;
-function RSSEdit(_ref) {
- let {
- attributes,
- setAttributes
- } = _ref;
+function RSSEdit({
+ attributes,
+ setAttributes
+}) {
const [isEditing, setIsEditing] = (0,external_wp_element_namespaceObject.useState)(!attributes.feedURL);
const {
blockLayout,
@@ -37949,7 +51356,6 @@
feedURL,
itemsToShow
} = attributes;
-
function toggleAttribute(propName) {
return () => {
const value = attributes[propName];
@@ -37958,10 +51364,8 @@
});
};
}
-
function onSubmitURL(event) {
event.preventDefault();
-
if (feedURL) {
setAttributes({
feedURL: (0,external_wp_url_namespaceObject.prependHTTP)(feedURL)
@@ -37969,95 +51373,125 @@
setIsEditing(false);
}
}
-
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
-
+ const label = (0,external_wp_i18n_namespaceObject.__)('RSS URL');
if (isEditing) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, {
- icon: library_rss,
- label: "RSS"
- }, (0,external_wp_element_namespaceObject.createElement)("form", {
- onSubmit: onSubmitURL,
- className: "wp-block-rss__placeholder-form"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Enter URL here…'),
- value: feedURL,
- onChange: value => setAttributes({
- feedURL: value
- }),
- className: "wp-block-rss__placeholder-input"
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "primary",
- type: "submit"
- }, (0,external_wp_i18n_namespaceObject.__)('Use URL')))));
- }
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ icon: library_rss,
+ label: label,
+ instructions: (0,external_wp_i18n_namespaceObject.__)('Display entries from any RSS or Atom feed.'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("form", {
+ onSubmit: onSubmitURL,
+ className: "wp-block-rss__placeholder-form",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalInputControl, {
+ __next40pxDefaultSize: true,
+ label: label,
+ hideLabelFromVision: true,
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Enter URL here…'),
+ value: feedURL,
+ onChange: value => setAttributes({
+ feedURL: value
+ }),
+ className: "wp-block-rss__placeholder-input"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ __next40pxDefaultSize: true,
+ variant: "primary",
+ type: "submit",
+ children: (0,external_wp_i18n_namespaceObject.__)('Apply')
+ })]
+ })
+ })
+ });
+ }
const toolbarControls = [{
icon: library_edit,
title: (0,external_wp_i18n_namespaceObject.__)('Edit RSS URL'),
onClick: () => setIsEditing(true)
}, {
icon: library_list,
- title: (0,external_wp_i18n_namespaceObject.__)('List view'),
+ title: (0,external_wp_i18n_namespaceObject._x)('List view', 'RSS block display setting'),
onClick: () => setAttributes({
blockLayout: 'list'
}),
isActive: blockLayout === 'list'
}, {
icon: library_grid,
- title: (0,external_wp_i18n_namespaceObject.__)('Grid view'),
+ title: (0,external_wp_i18n_namespaceObject._x)('Grid view', 'RSS block display setting'),
onClick: () => setAttributes({
blockLayout: 'grid'
}),
isActive: blockLayout === 'grid'
}];
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, {
- controls: toolbarControls
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('RSS settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Number of items'),
- value: itemsToShow,
- onChange: value => setAttributes({
- itemsToShow: value
- }),
- min: DEFAULT_MIN_ITEMS,
- max: DEFAULT_MAX_ITEMS,
- required: true
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Display author'),
- checked: displayAuthor,
- onChange: toggleAttribute('displayAuthor')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Display date'),
- checked: displayDate,
- onChange: toggleAttribute('displayDate')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Display excerpt'),
- checked: displayExcerpt,
- onChange: toggleAttribute('displayExcerpt')
- }), displayExcerpt && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Max number of words in excerpt'),
- value: excerptLength,
- onChange: value => setAttributes({
- excerptLength: value
- }),
- min: 10,
- max: 100,
- required: true
- }), blockLayout === 'grid' && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
- value: columns,
- onChange: value => setAttributes({
- columns: value
- }),
- min: 2,
- max: 6,
- required: true
- }))), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Disabled, null, (0,external_wp_element_namespaceObject.createElement)((external_wp_serverSideRender_default()), {
- block: "core/rss",
- attributes: attributes
- }))));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ controls: toolbarControls
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Number of items'),
+ value: itemsToShow,
+ onChange: value => setAttributes({
+ itemsToShow: value
+ }),
+ min: DEFAULT_MIN_ITEMS,
+ max: DEFAULT_MAX_ITEMS,
+ required: true
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display author'),
+ checked: displayAuthor,
+ onChange: toggleAttribute('displayAuthor')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display date'),
+ checked: displayDate,
+ onChange: toggleAttribute('displayDate')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Display excerpt'),
+ checked: displayExcerpt,
+ onChange: toggleAttribute('displayExcerpt')
+ }), displayExcerpt && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Max number of words in excerpt'),
+ value: excerptLength,
+ onChange: value => setAttributes({
+ excerptLength: value
+ }),
+ min: 10,
+ max: 100,
+ required: true
+ }), blockLayout === 'grid' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
+ value: columns,
+ onChange: value => setAttributes({
+ columns: value
+ }),
+ min: 2,
+ max: 6,
+ required: true
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Disabled, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)((external_wp_serverSideRender_default()), {
+ block: "core/rss",
+ attributes: attributes
+ })
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/rss/index.js
@@ -38065,13 +51499,14 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const rss_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/rss",
title: "RSS",
category: "widgets",
@@ -38114,7 +51549,10 @@
},
supports: {
align: true,
- html: false
+ html: false,
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-rss-editor",
style: "wp-block-rss"
@@ -38133,131 +51571,142 @@
},
edit: RSSEdit
};
+const rss_init = () => initBlock({
+ name: rss_name,
+ metadata: rss_metadata,
+ settings: rss_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/search.js
-
-
-/**
- * WordPress dependencies
- */
-
-const search = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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 */ var library_search = (search);
+/**
+ * WordPress dependencies
+ */
+
+
+const search = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"
+ })
+});
+/* harmony default export */ const library_search = (search);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/search/icons.js
-
-
-/**
- * WordPress dependencies
- */
-
-const buttonOnly = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Rect, {
- x: "7",
- y: "10",
- width: "10",
- height: "4",
- rx: "1",
- fill: "currentColor"
-}));
-const buttonOutside = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Rect, {
- x: "4.75",
- y: "15.25",
- width: "6.5",
- height: "9.5",
- transform: "rotate(-90 4.75 15.25)",
- stroke: "currentColor",
- strokeWidth: "1.5",
- fill: "none"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Rect, {
- x: "16",
- y: "10",
- width: "4",
- height: "4",
- rx: "1",
- fill: "currentColor"
-}));
-const buttonInside = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Rect, {
- x: "4.75",
- y: "15.25",
- width: "6.5",
- height: "14.5",
- transform: "rotate(-90 4.75 15.25)",
- stroke: "currentColor",
- strokeWidth: "1.5",
- fill: "none"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Rect, {
- x: "14",
- y: "10",
- width: "4",
- height: "4",
- rx: "1",
- fill: "currentColor"
-}));
-const noButton = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Rect, {
- x: "4.75",
- y: "15.25",
- width: "6.5",
- height: "14.5",
- transform: "rotate(-90 4.75 15.25)",
- stroke: "currentColor",
- fill: "none",
- strokeWidth: "1.5"
-}));
-const buttonWithIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Rect, {
- x: "4.75",
- y: "7.75",
- width: "14.5",
- height: "8.5",
- rx: "1.25",
- stroke: "currentColor",
- fill: "none",
- strokeWidth: "1.5"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Rect, {
- x: "8",
- y: "11",
- width: "8",
- height: "2",
- fill: "currentColor"
-}));
-const toggleLabel = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Rect, {
- x: "4.75",
- y: "17.25",
- width: "5.5",
- height: "14.5",
- transform: "rotate(-90 4.75 17.25)",
- stroke: "currentColor",
- fill: "none",
- strokeWidth: "1.5"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Rect, {
- x: "4",
- y: "7",
- width: "10",
- height: "2",
- fill: "currentColor"
-}));
+/**
+ * WordPress dependencies
+ */
+
+
+
+const buttonOnly = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Rect, {
+ x: "7",
+ y: "10",
+ width: "10",
+ height: "4",
+ rx: "1",
+ fill: "currentColor"
+ })
+});
+const buttonOutside = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Rect, {
+ x: "4.75",
+ y: "15.25",
+ width: "6.5",
+ height: "9.5",
+ transform: "rotate(-90 4.75 15.25)",
+ stroke: "currentColor",
+ strokeWidth: "1.5",
+ fill: "none"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Rect, {
+ x: "16",
+ y: "10",
+ width: "4",
+ height: "4",
+ rx: "1",
+ fill: "currentColor"
+ })]
+});
+const buttonInside = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Rect, {
+ x: "4.75",
+ y: "15.25",
+ width: "6.5",
+ height: "14.5",
+ transform: "rotate(-90 4.75 15.25)",
+ stroke: "currentColor",
+ strokeWidth: "1.5",
+ fill: "none"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Rect, {
+ x: "14",
+ y: "10",
+ width: "4",
+ height: "4",
+ rx: "1",
+ fill: "currentColor"
+ })]
+});
+const noButton = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Rect, {
+ x: "4.75",
+ y: "15.25",
+ width: "6.5",
+ height: "14.5",
+ transform: "rotate(-90 4.75 15.25)",
+ stroke: "currentColor",
+ fill: "none",
+ strokeWidth: "1.5"
+ })
+});
+const buttonWithIcon = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Rect, {
+ x: "4.75",
+ y: "7.75",
+ width: "14.5",
+ height: "8.5",
+ rx: "1.25",
+ stroke: "currentColor",
+ fill: "none",
+ strokeWidth: "1.5"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Rect, {
+ x: "8",
+ y: "11",
+ width: "8",
+ height: "2",
+ fill: "currentColor"
+ })]
+});
+const toggleLabel = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Rect, {
+ x: "4.75",
+ y: "17.25",
+ width: "5.5",
+ height: "14.5",
+ transform: "rotate(-90 4.75 17.25)",
+ stroke: "currentColor",
+ fill: "none",
+ strokeWidth: "1.5"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Rect, {
+ x: "4",
+ y: "7",
+ width: "10",
+ height: "2",
+ fill: "currentColor"
+ })]
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/search/utils.js
/**
@@ -38266,7 +51715,7 @@
const PC_WIDTH_DEFAULT = 50;
const PX_WIDTH_DEFAULT = 350;
const MIN_WIDTH = 220;
-const MIN_WIDTH_UNIT = 'px';
+
/**
* Returns a boolean whether passed unit is percentage
*
@@ -38274,50 +51723,48 @@
*
* @return {boolean} Whether unit is '%'.
*/
-
function utils_isPercentageUnit(unit) {
return unit === '%';
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/search/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
- // Used to calculate border radius adjustment to avoid "fat" corners when
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+// Used to calculate border radius adjustment to avoid "fat" corners when
// button is placed inside wrapper.
+
+
const DEFAULT_INNER_PADDING = '4px';
-function SearchEdit(_ref) {
- var _style$border, _style$border2, _style$border3;
-
- let {
- className,
- attributes,
- setAttributes,
- toggleSelection,
- isSelected,
- clientId
- } = _ref;
+function SearchEdit({
+ className,
+ attributes,
+ setAttributes,
+ toggleSelection,
+ isSelected,
+ clientId
+}) {
const {
label,
showLabel,
@@ -38328,49 +51775,63 @@
buttonText,
buttonPosition,
buttonUseIcon,
+ isSearchFieldHidden,
style
} = attributes;
- const insertedInNavigationBlock = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _getBlockParentsByBlo;
-
+ const wasJustInsertedIntoNavigationBlock = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
getBlockParentsByBlockName,
wasBlockJustInserted
} = select(external_wp_blockEditor_namespaceObject.store);
- return !!((_getBlockParentsByBlo = getBlockParentsByBlockName(clientId, 'core/navigation')) !== null && _getBlockParentsByBlo !== void 0 && _getBlockParentsByBlo.length) && wasBlockJustInserted(clientId);
+ return !!getBlockParentsByBlockName(clientId, 'core/navigation')?.length && wasBlockJustInserted(clientId);
}, [clientId]);
const {
__unstableMarkNextChangeAsNotPersistent
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
(0,external_wp_element_namespaceObject.useEffect)(() => {
- if (!insertedInNavigationBlock) return; // This side-effect should not create an undo level.
-
- __unstableMarkNextChangeAsNotPersistent();
-
- setAttributes({
- showLabel: false,
- buttonUseIcon: true,
- buttonPosition: 'button-inside'
- });
- }, [insertedInNavigationBlock]);
- const borderRadius = style === null || style === void 0 ? void 0 : (_style$border = style.border) === null || _style$border === void 0 ? void 0 : _style$border.radius;
- const borderColor = style === null || style === void 0 ? void 0 : (_style$border2 = style.border) === null || _style$border2 === void 0 ? void 0 : _style$border2.color;
- const borderWidth = style === null || style === void 0 ? void 0 : (_style$border3 = style.border) === null || _style$border3 === void 0 ? void 0 : _style$border3.width;
- const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseBorderProps)(attributes); // Check for old deprecated numerical border radius. Done as a separate
+ if (wasJustInsertedIntoNavigationBlock) {
+ // This side-effect should not create an undo level.
+ __unstableMarkNextChangeAsNotPersistent();
+ setAttributes({
+ showLabel: false,
+ buttonUseIcon: true,
+ buttonPosition: 'button-inside'
+ });
+ }
+ }, [__unstableMarkNextChangeAsNotPersistent, wasJustInsertedIntoNavigationBlock, setAttributes]);
+ const borderRadius = style?.border?.radius;
+ let borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseBorderProps)(attributes);
+
+ // Check for old deprecated numerical border radius. Done as a separate
// check so that a borderRadius style won't overwrite the longhand
// per-corner styles.
-
if (typeof borderRadius === 'number') {
- borderProps.style.borderRadius = `${borderRadius}px`;
- }
-
+ borderProps = {
+ ...borderProps,
+ style: {
+ ...borderProps.style,
+ borderRadius: `${borderRadius}px`
+ }
+ };
+ }
const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseColorProps)(attributes);
+ const [fluidTypographySettings, layout] = (0,external_wp_blockEditor_namespaceObject.useSettings)('typography.fluid', 'layout');
+ const typographyProps = (0,external_wp_blockEditor_namespaceObject.getTypographyClassesAndStyles)(attributes, {
+ typography: {
+ fluid: fluidTypographySettings
+ },
+ layout: {
+ wideSize: layout?.wideSize
+ }
+ });
const unitControlInstanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(external_wp_components_namespaceObject.__experimentalUnitControl);
const unitControlInputId = `wp-block-search__width-${unitControlInstanceId}`;
const isButtonPositionInside = 'button-inside' === buttonPosition;
const isButtonPositionOutside = 'button-outside' === buttonPosition;
const hasNoButton = 'no-button' === buttonPosition;
const hasOnlyButton = 'button-only' === buttonPosition;
+ const searchFieldRef = (0,external_wp_element_namespaceObject.useRef)();
+ const buttonRef = (0,external_wp_element_namespaceObject.useRef)();
const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({
availableUnits: ['%', 'px'],
defaultValues: {
@@ -38378,11 +51839,26 @@
px: PX_WIDTH_DEFAULT
}
});
-
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (hasOnlyButton && !isSelected) {
+ setAttributes({
+ isSearchFieldHidden: true
+ });
+ }
+ }, [hasOnlyButton, isSelected, setAttributes]);
+
+ // Show the search field when width changes.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (!hasOnlyButton || !isSelected) {
+ return;
+ }
+ setAttributes({
+ isSearchFieldHidden: false
+ });
+ }, [hasOnlyButton, isSelected, setAttributes, width]);
const getBlockClassNames = () => {
- return classnames_default()(className, isButtonPositionInside ? 'wp-block-search__button-inside' : undefined, isButtonPositionOutside ? 'wp-block-search__button-outside' : undefined, hasNoButton ? 'wp-block-search__no-button' : undefined, hasOnlyButton ? 'wp-block-search__button-only' : undefined, !buttonUseIcon && !hasNoButton ? 'wp-block-search__text-button' : undefined, buttonUseIcon && !hasNoButton ? 'wp-block-search__icon-button' : undefined);
- };
-
+ return dist_clsx(className, isButtonPositionInside ? 'wp-block-search__button-inside' : undefined, isButtonPositionOutside ? 'wp-block-search__button-outside' : undefined, hasNoButton ? 'wp-block-search__no-button' : undefined, hasOnlyButton ? 'wp-block-search__button-only' : undefined, !buttonUseIcon && !hasNoButton ? 'wp-block-search__text-button' : undefined, buttonUseIcon && !hasNoButton ? 'wp-block-search__icon-button' : undefined, hasOnlyButton && isSearchFieldHidden ? 'wp-block-search__searchfield-hidden' : undefined);
+ };
const buttonPositionControls = [{
role: 'menuitemradio',
title: (0,external_wp_i18n_namespaceObject.__)('Button outside'),
@@ -38390,7 +51866,8 @@
icon: buttonOutside,
onClick: () => {
setAttributes({
- buttonPosition: 'button-outside'
+ buttonPosition: 'button-outside',
+ isSearchFieldHidden: false
});
}
}, {
@@ -38400,7 +51877,8 @@
icon: buttonInside,
onClick: () => {
setAttributes({
- buttonPosition: 'button-inside'
+ buttonPosition: 'button-inside',
+ isSearchFieldHidden: false
});
}
}, {
@@ -38410,48 +51888,59 @@
icon: noButton,
onClick: () => {
setAttributes({
- buttonPosition: 'no-button'
+ buttonPosition: 'no-button',
+ isSearchFieldHidden: false
+ });
+ }
+ }, {
+ role: 'menuitemradio',
+ title: (0,external_wp_i18n_namespaceObject.__)('Button only'),
+ isActive: buttonPosition === 'button-only',
+ icon: buttonOnly,
+ onClick: () => {
+ setAttributes({
+ buttonPosition: 'button-only',
+ isSearchFieldHidden: true
});
}
}];
-
const getButtonPositionIcon = () => {
switch (buttonPosition) {
case 'button-inside':
return buttonInside;
-
case 'button-outside':
return buttonOutside;
-
case 'no-button':
return noButton;
-
case 'button-only':
return buttonOnly;
}
};
-
const getResizableSides = () => {
if (hasOnlyButton) {
return {};
}
-
return {
right: align !== 'right',
left: align === 'right'
};
};
-
const renderTextField = () => {
// If the input is inside the wrapper, the wrapper gets the border color styles/classes, not the input control.
- const textFieldClasses = classnames_default()('wp-block-search__input', isButtonPositionInside ? undefined : borderProps.className);
- const textFieldStyles = isButtonPositionInside ? {
- borderRadius
- } : borderProps.style;
- return (0,external_wp_element_namespaceObject.createElement)("input", {
+ const textFieldClasses = dist_clsx('wp-block-search__input', isButtonPositionInside ? undefined : borderProps.className, typographyProps.className);
+ const textFieldStyles = {
+ ...(isButtonPositionInside ? {
+ borderRadius
+ } : borderProps.style),
+ ...typographyProps.style,
+ textDecoration: undefined
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("input", {
+ type: "search",
className: textFieldClasses,
style: textFieldStyles,
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Optional placeholder text') // We hide the placeholder field's placeholder when there is a value. This
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Optional placeholder text')
+ // We hide the placeholder field's placeholder when there is a value. This
// stops screen readers from reading the placeholder field's placeholder
// which is confusing.
,
@@ -38459,115 +51948,142 @@
value: placeholder,
onChange: event => setAttributes({
placeholder: event.target.value
- })
- });
- };
-
+ }),
+ ref: searchFieldRef
+ });
+ };
const renderButton = () => {
// If the button is inside the wrapper, the wrapper gets the border color styles/classes, not the button.
- const buttonClasses = classnames_default()('wp-block-search__button', colorProps.className, isButtonPositionInside ? undefined : borderProps.className, buttonUseIcon ? 'has-icon' : undefined);
- const buttonStyles = { ...colorProps.style,
+ const buttonClasses = dist_clsx('wp-block-search__button', colorProps.className, typographyProps.className, isButtonPositionInside ? undefined : borderProps.className, buttonUseIcon ? 'has-icon' : undefined, (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('button'));
+ const buttonStyles = {
+ ...colorProps.style,
+ ...typographyProps.style,
...(isButtonPositionInside ? {
borderRadius
} : borderProps.style)
};
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, buttonUseIcon && (0,external_wp_element_namespaceObject.createElement)("button", {
- type: "button",
- className: buttonClasses,
- style: buttonStyles,
- "aria-label": buttonText ? (0,external_wp_dom_namespaceObject.__unstableStripHTML)(buttonText) : (0,external_wp_i18n_namespaceObject.__)('Search')
- }, (0,external_wp_element_namespaceObject.createElement)(icon, {
- icon: library_search
- })), !buttonUseIcon && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- className: buttonClasses,
- style: buttonStyles,
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Button text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Add button text…'),
- withoutInteractiveFormatting: true,
- value: buttonText,
- onChange: html => setAttributes({
- buttonText: html
- })
- }));
- };
-
- const controls = (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- title: (0,external_wp_i18n_namespaceObject.__)('Toggle search label'),
- icon: toggleLabel,
- onClick: () => {
- setAttributes({
- showLabel: !showLabel
- });
- },
- className: showLabel ? 'is-pressed' : undefined
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarDropdownMenu, {
- icon: getButtonPositionIcon(),
- label: (0,external_wp_i18n_namespaceObject.__)('Change button position'),
- controls: buttonPositionControls
- }), !hasNoButton && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- title: (0,external_wp_i18n_namespaceObject.__)('Use button with icon'),
- icon: buttonWithIcon,
- onClick: () => {
- setAttributes({
- buttonUseIcon: !buttonUseIcon
- });
- },
- className: buttonUseIcon ? 'is-pressed' : undefined
- }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Display Settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Width'),
- id: unitControlInputId
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, {
- id: unitControlInputId,
- min: `${MIN_WIDTH}${MIN_WIDTH_UNIT}`,
- onChange: newWidth => {
- const filteredWidth = widthUnit === '%' && parseInt(newWidth, 10) > 100 ? 100 : newWidth;
- setAttributes({
- width: parseInt(filteredWidth, 10)
- });
- },
- onUnitChange: newUnit => {
- setAttributes({
- width: '%' === newUnit ? PC_WIDTH_DEFAULT : PX_WIDTH_DEFAULT,
- widthUnit: newUnit
- });
- },
- style: {
- maxWidth: 80
- },
- value: `${width}${widthUnit}`,
- units: units
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ButtonGroup, {
- className: "wp-block-search__components-button-group",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Percentage Width')
- }, [25, 50, 75, 100].map(widthValue => {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- key: widthValue,
- isSmall: true,
- variant: `${widthValue}%` === `${width}${widthUnit}` ? 0 : undefined,
- onClick: () => setAttributes({
- width: widthValue,
- widthUnit: '%'
- })
- }, widthValue, "%");
- }))))));
-
+ const handleButtonClick = () => {
+ if (hasOnlyButton) {
+ setAttributes({
+ isSearchFieldHidden: !isSearchFieldHidden
+ });
+ }
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [buttonUseIcon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("button", {
+ type: "button",
+ className: buttonClasses,
+ style: buttonStyles,
+ "aria-label": buttonText ? (0,external_wp_dom_namespaceObject.__unstableStripHTML)(buttonText) : (0,external_wp_i18n_namespaceObject.__)('Search'),
+ onClick: handleButtonClick,
+ ref: buttonRef,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_icon, {
+ icon: library_search
+ })
+ }), !buttonUseIcon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "buttonText",
+ className: buttonClasses,
+ style: buttonStyles,
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Button text'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Add button text…'),
+ withoutInteractiveFormatting: true,
+ value: buttonText,
+ onChange: html => setAttributes({
+ buttonText: html
+ }),
+ onClick: handleButtonClick
+ })]
+ });
+ };
+ const controls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Toggle search label'),
+ icon: toggleLabel,
+ onClick: () => {
+ setAttributes({
+ showLabel: !showLabel
+ });
+ },
+ className: showLabel ? 'is-pressed' : undefined
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarDropdownMenu, {
+ icon: getButtonPositionIcon(),
+ label: (0,external_wp_i18n_namespaceObject.__)('Change button position'),
+ controls: buttonPositionControls
+ }), !hasNoButton && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Use button with icon'),
+ icon: buttonWithIcon,
+ onClick: () => {
+ setAttributes({
+ buttonUseIcon: !buttonUseIcon
+ });
+ },
+ className: buttonUseIcon ? 'is-pressed' : undefined
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.BaseControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Width'),
+ id: unitControlInputId,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalUnitControl, {
+ id: unitControlInputId,
+ min: utils_isPercentageUnit(widthUnit) ? 0 : MIN_WIDTH,
+ max: utils_isPercentageUnit(widthUnit) ? 100 : undefined,
+ step: 1,
+ onChange: newWidth => {
+ const filteredWidth = widthUnit === '%' && parseInt(newWidth, 10) > 100 ? 100 : newWidth;
+ setAttributes({
+ width: parseInt(filteredWidth, 10)
+ });
+ },
+ onUnitChange: newUnit => {
+ setAttributes({
+ width: '%' === newUnit ? PC_WIDTH_DEFAULT : PX_WIDTH_DEFAULT,
+ widthUnit: newUnit
+ });
+ },
+ __unstableInputWidth: "80px",
+ value: `${width}${widthUnit}`,
+ units: units
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ButtonGroup, {
+ className: "wp-block-search__components-button-group",
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Percentage Width'),
+ children: [25, 50, 75, 100].map(widthValue => {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Button, {
+ size: "small",
+ variant: widthValue === width && widthUnit === '%' ? 'primary' : undefined,
+ onClick: () => setAttributes({
+ width: widthValue,
+ widthUnit: '%'
+ }),
+ children: [widthValue, "%"]
+ }, widthValue);
+ })
+ })]
+ })
+ })
+ })]
+ });
const padBorderRadius = radius => radius ? `calc(${radius} + ${DEFAULT_INNER_PADDING})` : undefined;
-
const getWrapperStyles = () => {
- const styles = {
- borderColor,
- borderWidth: isButtonPositionInside ? borderWidth : undefined
+ const styles = isButtonPositionInside ? borderProps.style : {
+ borderRadius: borderProps.style?.borderRadius,
+ borderTopLeftRadius: borderProps.style?.borderTopLeftRadius,
+ borderTopRightRadius: borderProps.style?.borderTopRightRadius,
+ borderBottomLeftRadius: borderProps.style?.borderBottomLeftRadius,
+ borderBottomRightRadius: borderProps.style?.borderBottomRightRadius
};
const isNonZeroBorderRadius = borderRadius !== undefined && parseInt(borderRadius, 10) !== 0;
-
if (isButtonPositionInside && isNonZeroBorderRadius) {
// We have button inside wrapper and a border radius value to apply.
// Add default padding so we don't get "fat" corners.
//
// CSS calc() is used here to support non-pixel units. The inline
// style using calc() will only apply if both values have units.
+
if (typeof borderRadius === 'object') {
// Individual corner border radii present.
const {
@@ -38577,59 +52093,71 @@
bottomRight
} = borderRadius;
return {
+ ...styles,
borderTopLeftRadius: padBorderRadius(topLeft),
borderTopRightRadius: padBorderRadius(topRight),
borderBottomLeftRadius: padBorderRadius(bottomLeft),
- borderBottomRightRadius: padBorderRadius(bottomRight),
- ...styles
+ borderBottomRightRadius: padBorderRadius(bottomRight)
};
- } // The inline style using calc() will only apply if both values
+ }
+
+ // The inline style using calc() will only apply if both values
// supplied to calc() have units. Deprecated block's may have
// unitless integer.
-
-
const radius = Number.isInteger(borderRadius) ? `${borderRadius}px` : borderRadius;
styles.borderRadius = `calc(${radius} + ${DEFAULT_INNER_PADDING})`;
}
-
return styles;
};
-
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: getBlockClassNames()
- });
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, controls, showLabel && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- className: "wp-block-search__label",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Label text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Add label…'),
- withoutInteractiveFormatting: true,
- value: label,
- onChange: html => setAttributes({
- label: html
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ResizableBox, {
- size: {
- width: `${width}${widthUnit}`
- },
- className: classnames_default()('wp-block-search__inside-wrapper', isButtonPositionInside ? borderProps.className : undefined),
- style: getWrapperStyles(),
- minWidth: MIN_WIDTH,
- enable: getResizableSides(),
- onResizeStart: (event, direction, elt) => {
- setAttributes({
- width: parseInt(elt.offsetWidth, 10),
- widthUnit: 'px'
- });
- toggleSelection(false);
- },
- onResizeStop: (event, direction, elt, delta) => {
- setAttributes({
- width: parseInt(width + delta.width, 10)
- });
- toggleSelection(true);
- },
- showHandle: isSelected
- }, (isButtonPositionInside || isButtonPositionOutside) && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, renderTextField(), renderButton()), hasOnlyButton && renderButton(), hasNoButton && renderTextField()));
+ className: getBlockClassNames(),
+ style: {
+ ...typographyProps.style,
+ // Input opts out of text decoration.
+ textDecoration: undefined
+ }
+ });
+ const labelClassnames = dist_clsx('wp-block-search__label', typographyProps.className);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [controls, showLabel && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "label",
+ className: labelClassnames,
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Label text'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Add label…'),
+ withoutInteractiveFormatting: true,
+ value: label,
+ onChange: html => setAttributes({
+ label: html
+ }),
+ style: typographyProps.style
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.ResizableBox, {
+ size: {
+ width: `${width}${widthUnit}`
+ },
+ className: dist_clsx('wp-block-search__inside-wrapper', isButtonPositionInside ? borderProps.className : undefined),
+ style: getWrapperStyles(),
+ minWidth: MIN_WIDTH,
+ enable: getResizableSides(),
+ onResizeStart: (event, direction, elt) => {
+ setAttributes({
+ width: parseInt(elt.offsetWidth, 10),
+ widthUnit: 'px'
+ });
+ toggleSelection(false);
+ },
+ onResizeStop: (event, direction, elt, delta) => {
+ setAttributes({
+ width: parseInt(width + delta.width, 10)
+ });
+ toggleSelection(true);
+ },
+ showHandle: isSelected,
+ children: [(isButtonPositionInside || isButtonPositionOutside || hasOnlyButton) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [renderTextField(), renderButton()]
+ }), hasNoButton && renderTextField()]
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/search/variations.js
@@ -38645,20 +52173,22 @@
label: (0,external_wp_i18n_namespaceObject.__)('Search')
}
}];
-/* harmony default export */ var search_variations = (search_variations_variations);
+/* harmony default export */ const search_variations = (search_variations_variations);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/search/index.js
/**
* WordPress dependencies
*/
+
+
/**
* Internal dependencies
*/
const search_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/search",
title: "Search",
category: "widgets",
@@ -38696,6 +52226,14 @@
buttonUseIcon: {
type: "boolean",
"default": false
+ },
+ query: {
+ type: "object",
+ "default": {}
+ },
+ isSearchFieldHidden: {
+ type: "boolean",
+ "default": false
}
},
supports: {
@@ -38708,6 +52246,22 @@
text: true
}
},
+ interactivity: true,
+ typography: {
+ __experimentalSkipSerialization: true,
+ __experimentalSelector: ".wp-block-search__label, .wp-block-search__input, .wp-block-search__button",
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
__experimentalBorder: {
color: true,
radius: true,
@@ -38732,25 +52286,36 @@
const search_settings = {
icon: library_search,
- example: {},
+ example: {
+ attributes: {
+ buttonText: (0,external_wp_i18n_namespaceObject.__)('Search'),
+ label: (0,external_wp_i18n_namespaceObject.__)('Search')
+ },
+ viewportWidth: 400
+ },
variations: search_variations,
edit: SearchEdit
};
+const search_init = () => initBlock({
+ name: search_name,
+ metadata: search_metadata,
+ settings: search_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/separator.js
-
-
-/**
- * WordPress dependencies
- */
-
-const separator = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M20.2 7v4H3.8V7H2.2v9h1.6v-3.5h16.4V16h1.6V7z"
-}));
-/* harmony default export */ var library_separator = (separator);
+/**
+ * WordPress dependencies
+ */
+
+
+const separator = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4.5 12.5v4H3V7h1.5v3.987h15V7H21v9.5h-1.5v-4h-15Z"
+ })
+});
+/* harmony default export */ const library_separator = (separator);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/separator/use-deprecated-opacity.js
/**
@@ -38760,19 +52325,21 @@
function useDeprecatedOpacity(opacity, currentColor, setAttributes) {
const [deprecatedOpacityWithNoColor, setDeprecatedOpacityWithNoColor] = (0,external_wp_element_namespaceObject.useState)(false);
- const previousColor = (0,external_wp_compose_namespaceObject.usePrevious)(currentColor); // A separator with no color set will always have previousColor set to undefined,
+ const previousColor = (0,external_wp_compose_namespaceObject.usePrevious)(currentColor);
+
+ // A separator with no color set will always have previousColor set to undefined,
// and we need to differentiate these from those with color set that will return
// previousColor as undefined on the first render.
-
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (opacity === 'css' && !currentColor && !previousColor) {
setDeprecatedOpacityWithNoColor(true);
}
- }, [currentColor, previousColor, opacity]); // For deprecated blocks, that have a default 0.4 css opacity set, we
+ }, [currentColor, previousColor, opacity]);
+
+ // For deprecated blocks, that have a default 0.4 css opacity set, we
// need to remove this if the current color is changed, or a color is added.
// In these instances the opacity attribute is set back to the default of
// alpha-channel which allows a new custom opacity to be set via the color picker.
-
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (opacity === 'css' && (deprecatedOpacityWithNoColor && currentColor || previousColor && currentColor !== previousColor)) {
setAttributes({
@@ -38784,102 +52351,103 @@
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/separator/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-/**
- * Internal dependencies
- */
-
-
-function SeparatorEdit(_ref) {
- var _colorProps$style, _style$color;
-
- let {
- attributes,
- setAttributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+function SeparatorEdit({
+ attributes,
+ setAttributes
+}) {
const {
backgroundColor,
opacity,
style
} = attributes;
const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseColorProps)(attributes);
- const currentColor = colorProps === null || colorProps === void 0 ? void 0 : (_colorProps$style = colorProps.style) === null || _colorProps$style === void 0 ? void 0 : _colorProps$style.backgroundColor;
- const hasCustomColor = !!(style !== null && style !== void 0 && (_style$color = style.color) !== null && _style$color !== void 0 && _style$color.background);
- useDeprecatedOpacity(opacity, currentColor, setAttributes); // The dots styles uses text for the dots, to change those dots color is
+ const currentColor = colorProps?.style?.backgroundColor;
+ const hasCustomColor = !!style?.color?.background;
+ useDeprecatedOpacity(opacity, currentColor, setAttributes);
+
+ // The dots styles uses text for the dots, to change those dots color is
// using color, not backgroundColor.
-
const colorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', backgroundColor);
- const className = classnames_default()({
+ const className = dist_clsx({
'has-text-color': backgroundColor || currentColor,
[colorClass]: colorClass,
'has-css-opacity': opacity === 'css',
'has-alpha-channel-opacity': opacity === 'alpha-channel'
- }, colorProps.classname);
+ }, colorProps.className);
const styles = {
color: currentColor,
backgroundColor: currentColor
};
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.HorizontalRule, (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className,
- style: hasCustomColor ? styles : undefined
- })));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.HorizontalRule, {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className,
+ style: hasCustomColor ? styles : undefined
+ })
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/separator/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-function separatorSave(_ref) {
- var _style$color, _colorProps$style;
-
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+function separatorSave({
+ attributes
+}) {
const {
backgroundColor,
style,
opacity
} = attributes;
- const customColor = style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.background;
- const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes); // The hr support changing color using border-color, since border-color
+ const customColor = style?.color?.background;
+ const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes);
+ // The hr support changing color using border-color, since border-color
// is not yet supported in the color palette, we use background-color.
+
// The dots styles uses text for the dots, to change those dots color is
// using color, not backgroundColor.
-
const colorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', backgroundColor);
- const className = classnames_default()({
+ const className = dist_clsx({
'has-text-color': backgroundColor || customColor,
[colorClass]: colorClass,
'has-css-opacity': opacity === 'css',
'has-alpha-channel-opacity': opacity === 'alpha-channel'
}, colorProps.className);
const styles = {
- backgroundColor: colorProps === null || colorProps === void 0 ? void 0 : (_colorProps$style = colorProps.style) === null || _colorProps$style === void 0 ? void 0 : _colorProps$style.backgroundColor,
+ backgroundColor: colorProps?.style?.backgroundColor,
color: colorClass ? undefined : customColor
};
- return (0,external_wp_element_namespaceObject.createElement)("hr", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className,
- style: styles
- }));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("hr", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className,
+ style: styles
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/separator/transforms.js
@@ -38900,11 +52468,9 @@
}
}]
};
-/* harmony default export */ var separator_transforms = (separator_transforms_transforms);
+/* harmony default export */ const separator_transforms = (separator_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/separator/deprecated.js
-
-
/**
* External dependencies
*/
@@ -38924,22 +52490,21 @@
type: 'string'
}
},
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+ save({
+ attributes
+ }) {
const {
color,
customColor
- } = attributes; // the hr support changing color using border-color, since border-color
+ } = attributes;
+
+ // the hr support changing color using border-color, since border-color
// is not yet supported in the color palette, we use background-color
-
- const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', color); // the dots styles uses text for the dots, to change those dots color is
+ const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', color);
+ // the dots styles uses text for the dots, to change those dots color is
// using color, not backgroundColor
-
const colorClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', color);
- const className = classnames_default()({
+ const className = dist_clsx({
'has-text-color has-background': color || customColor,
[backgroundClass]: backgroundClass,
[colorClass]: colorClass
@@ -38948,18 +52513,21 @@
backgroundColor: backgroundClass ? undefined : customColor,
color: colorClass ? undefined : customColor
};
- return (0,external_wp_element_namespaceObject.createElement)("hr", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className,
- style
- }));
- },
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("hr", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className,
+ style
+ })
+ });
+ },
migrate(attributes) {
const {
color,
- customColor
- } = attributes;
- return { ...(0,external_lodash_namespaceObject.omit)(attributes, ['color', 'customColor']),
+ customColor,
+ ...restAttributes
+ } = attributes;
+ return {
+ ...restAttributes,
backgroundColor: color ? color : undefined,
opacity: 'css',
style: customColor ? {
@@ -38969,15 +52537,15 @@
} : undefined
};
}
-
-};
-/* harmony default export */ var separator_deprecated = ([separator_deprecated_v1]);
+};
+/* harmony default export */ const separator_deprecated = ([separator_deprecated_v1]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/separator/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -38985,7 +52553,7 @@
const separator_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/separator",
title: "Separator",
category: "design",
@@ -39002,6 +52570,7 @@
anchor: true,
align: ["center", "wide", "full"],
color: {
+ enableContrastChecker: false,
__experimentalSkipSerialization: true,
gradients: true,
background: true,
@@ -39009,6 +52578,12 @@
__experimentalDefaultControls: {
background: true
}
+ },
+ spacing: {
+ margin: ["top", "bottom"]
+ },
+ interactivity: {
+ clientNavigation: true
}
},
styles: [{
@@ -39045,74 +52620,78 @@
save: separatorSave,
deprecated: separator_deprecated
};
+const separator_init = () => initBlock({
+ name: separator_name,
+ metadata: separator_metadata,
+ settings: separator_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/shortcode.js
-
-
-/**
- * WordPress dependencies
- */
-
-const shortcode = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M16 4.2v1.5h2.5v12.5H16v1.5h4V4.2h-4zM4.2 19.8h4v-1.5H5.8V5.8h2.5V4.2h-4l-.1 15.6zm5.1-3.1l1.4.6 4-10-1.4-.6-4 10z"
-}));
-/* harmony default export */ var library_shortcode = (shortcode);
+/**
+ * WordPress dependencies
+ */
+
+
+const shortcode = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M16 4.2v1.5h2.5v12.5H16v1.5h4V4.2h-4zM4.2 19.8h4v-1.5H5.8V5.8h2.5V4.2h-4l-.1 15.6zm5.1-3.1l1.4.6 4-10-1.4-.6-4 10z"
+ })
+});
+/* harmony default export */ const library_shortcode = (shortcode);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/shortcode/edit.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-function ShortcodeEdit(_ref) {
- let {
- attributes,
- setAttributes
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+function ShortcodeEdit({
+ attributes,
+ setAttributes
+}) {
const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(ShortcodeEdit);
const inputId = `blocks-shortcode-input-${instanceId}`;
- return (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: 'components-placeholder'
- }), (0,external_wp_element_namespaceObject.createElement)("label", {
- htmlFor: inputId,
- className: "components-placeholder__label"
- }, (0,external_wp_element_namespaceObject.createElement)(icon, {
- icon: library_shortcode
- }), (0,external_wp_i18n_namespaceObject.__)('Shortcode')), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.PlainText, {
- className: "blocks-shortcode__textarea",
- id: inputId,
- value: attributes.text,
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Shortcode text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Write shortcode here…'),
- onChange: text => setAttributes({
- text
- })
- }));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ icon: library_shortcode,
+ label: (0,external_wp_i18n_namespaceObject.__)('Shortcode'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.PlainText, {
+ className: "blocks-shortcode__textarea",
+ id: inputId,
+ value: attributes.text,
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Shortcode text'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Write shortcode here…'),
+ onChange: text => setAttributes({
+ text
+ })
+ })
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/shortcode/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function shortcode_save_save(_ref) {
- let {
- attributes
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.RawHTML, null, attributes.text);
+/**
+ * WordPress dependencies
+ */
+
+
+function shortcode_save_save({
+ attributes
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_element_namespaceObject.RawHTML, {
+ children: attributes.text
+ });
}
;// CONCATENATED MODULE: external ["wp","autop"]
-var external_wp_autop_namespaceObject = window["wp"]["autop"];
+const external_wp_autop_namespaceObject = window["wp"]["autop"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/shortcode/transforms.js
/**
* WordPress dependencies
@@ -39132,10 +52711,9 @@
attributes: {
text: {
type: 'string',
- shortcode: (attrs, _ref) => {
- let {
- content
- } = _ref;
+ shortcode: (attrs, {
+ content
+ }) => {
return (0,external_wp_autop_namespaceObject.removep)((0,external_wp_autop_namespaceObject.autop)(content));
}
}
@@ -39143,13 +52721,14 @@
priority: 20
}]
};
-/* harmony default export */ var shortcode_transforms = (shortcode_transforms_transforms);
+/* harmony default export */ const shortcode_transforms = (shortcode_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/shortcode/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -39159,7 +52738,7 @@
const shortcode_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/shortcode",
title: "Shortcode",
category: "widgets",
@@ -39168,7 +52747,7 @@
attributes: {
text: {
type: "string",
- source: "html"
+ source: "raw"
}
},
supports: {
@@ -39188,83 +52767,78 @@
edit: ShortcodeEdit,
save: shortcode_save_save
};
+const shortcode_init = () => initBlock({
+ name: shortcode_name,
+ metadata: shortcode_metadata,
+ settings: shortcode_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/site-logo.js
-
-
-/**
- * WordPress dependencies
- */
-
-const siteLogo = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12 3c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 1.5c4.1 0 7.5 3.4 7.5 7.5v.1c-1.4-.8-3.3-1.7-3.4-1.8-.2-.1-.5-.1-.8.1l-2.9 2.1L9 11.3c-.2-.1-.4 0-.6.1l-3.7 2.2c-.1-.5-.2-1-.2-1.5 0-4.2 3.4-7.6 7.5-7.6zm0 15c-3.1 0-5.7-1.9-6.9-4.5l3.7-2.2 3.5 1.2c.2.1.5 0 .7-.1l2.9-2.1c.8.4 2.5 1.2 3.5 1.9-.9 3.3-3.9 5.8-7.4 5.8z"
-}));
-/* harmony default export */ var site_logo = (siteLogo);
+/**
+ * WordPress dependencies
+ */
+
+
+const siteLogo = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12 3c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 1.5c4.1 0 7.5 3.4 7.5 7.5v.1c-1.4-.8-3.3-1.7-3.4-1.8-.2-.1-.5-.1-.8.1l-2.9 2.1L9 11.3c-.2-.1-.4 0-.6.1l-3.7 2.2c-.1-.5-.2-1-.2-1.5 0-4.2 3.4-7.6 7.5-7.6zm0 15c-3.1 0-5.7-1.9-6.9-4.5l3.7-2.2 3.5 1.2c.2.1.5 0 .7-.1l2.9-2.1c.8.4 2.5 1.2 3.5 1.9-.9 3.3-3.9 5.8-7.4 5.8z"
+ })
+});
+/* harmony default export */ const site_logo = (siteLogo);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-logo/edit.js
-
-
-/**
- * External dependencies
- */
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-/**
- * Module constants
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
const site_logo_edit_ALLOWED_MEDIA_TYPES = ['image'];
const ACCEPT_MEDIA_STRING = 'image/*';
-
-const SiteLogo = _ref => {
- let {
- alt,
- attributes: {
- align,
- width,
- height,
- isLink,
- linkTarget,
- shouldSyncIcon
- },
- containerRef,
- isSelected,
- setAttributes,
- setLogo,
- logoUrl,
- siteUrl,
- logoId,
- iconId,
- setIcon,
- canUserEdit
- } = _ref;
- const clientWidth = useClientWidth(containerRef, [align]);
+const SiteLogo = ({
+ alt,
+ attributes: {
+ align,
+ width,
+ height,
+ isLink,
+ linkTarget,
+ shouldSyncIcon
+ },
+ isSelected,
+ setAttributes,
+ setLogo,
+ logoUrl,
+ siteUrl,
+ logoId,
+ iconId,
+ setIcon,
+ canUserEdit
+}) => {
const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium');
- const isWideAligned = (0,external_lodash_namespaceObject.includes)(['wide', 'full'], align);
+ const isWideAligned = ['wide', 'full'].includes(align);
const isResizable = !isWideAligned && isLargeViewport;
const [{
naturalWidth,
@@ -39274,21 +52848,17 @@
const {
toggleSelection
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
- const classes = classnames_default()('custom-logo-link', {
- 'is-transient': (0,external_wp_blob_namespaceObject.isBlobURL)(logoUrl)
- });
const {
imageEditing,
maxWidth,
title
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
- const {
- getSettings
- } = select(external_wp_blockEditor_namespaceObject.store);
- const siteEntities = select(external_wp_coreData_namespaceObject.store).getEditedEntityRecord('root', 'site');
- return {
- title: siteEntities.title,
- ...(0,external_lodash_namespaceObject.pick)(getSettings(), ['imageEditing', 'maxWidth'])
+ const settings = select(external_wp_blockEditor_namespaceObject.store).getSettings();
+ const siteEntities = select(external_wp_coreData_namespaceObject.store).getEntityRecord('root', '__unstableBase');
+ return {
+ title: siteEntities?.name,
+ imageEditing: settings.imageEditing,
+ maxWidth: settings.maxWidth
};
}, []);
(0,external_wp_element_namespaceObject.useEffect)(() => {
@@ -39306,64 +52876,63 @@
setIsEditingImage(false);
}
}, [isSelected]);
-
function onResizeStart() {
toggleSelection(false);
}
-
function onResizeStop() {
toggleSelection(true);
}
-
- const img = (0,external_wp_element_namespaceObject.createElement)("img", {
- className: "custom-logo",
- src: logoUrl,
- alt: alt,
- onLoad: event => {
- setNaturalSize((0,external_lodash_namespaceObject.pick)(event.target, ['naturalWidth', 'naturalHeight']));
- }
- });
- let imgWrapper = img; // Disable reason: Image itself is not meant to be interactive, but
+ const img = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ className: "custom-logo",
+ src: logoUrl,
+ alt: alt,
+ onLoad: event => {
+ setNaturalSize({
+ naturalWidth: event.target.naturalWidth,
+ naturalHeight: event.target.naturalHeight
+ });
+ }
+ }), (0,external_wp_blob_namespaceObject.isBlobURL)(logoUrl) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {})]
+ });
+ let imgWrapper = img;
+
+ // Disable reason: Image itself is not meant to be interactive, but
// should direct focus to block.
-
if (isLink) {
imgWrapper =
+ /*#__PURE__*/
/* eslint-disable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */
- (0,external_wp_element_namespaceObject.createElement)("a", {
+ (0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
href: siteUrl,
- className: classes,
+ className: "custom-logo-link",
rel: "home",
title: title,
- onClick: event => event.preventDefault()
- }, img)
- /* eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */
- ;
- }
-
- let imageWidthWithinContainer;
-
- if (clientWidth && naturalWidth && naturalHeight) {
- const exceedMaxWidth = naturalWidth > clientWidth;
- imageWidthWithinContainer = exceedMaxWidth ? clientWidth : naturalWidth;
- }
-
- if (!isResizable || !imageWidthWithinContainer) {
- return (0,external_wp_element_namespaceObject.createElement)("div", {
+ onClick: event => event.preventDefault(),
+ children: img
+ })
+ /* eslint-enable jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events */;
+ }
+ if (!isResizable || !naturalWidth || !naturalHeight) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
style: {
width,
height
- }
- }, imgWrapper);
- } // Set the default width to a responsible size.
+ },
+ children: imgWrapper
+ });
+ }
+
+ // Set the default width to a responsible size.
// Note that this width is also set in the attached frontend CSS file.
-
-
const defaultWidth = 120;
const currentWidth = width || defaultWidth;
const ratio = naturalWidth / naturalHeight;
const currentHeight = currentWidth / ratio;
- const minWidth = naturalWidth < naturalHeight ? MIN_SIZE : Math.ceil(MIN_SIZE * ratio);
- const minHeight = naturalHeight < naturalWidth ? MIN_SIZE : Math.ceil(MIN_SIZE / ratio); // With the current implementation of ResizableBox, an image needs an
+ const minWidth = naturalWidth < naturalHeight ? constants_MIN_SIZE : Math.ceil(constants_MIN_SIZE * ratio);
+ const minHeight = naturalHeight < naturalWidth ? constants_MIN_SIZE : Math.ceil(constants_MIN_SIZE / ratio);
+
+ // With the current implementation of ResizableBox, an image needs an
// explicit pixel value for the max-width. In absence of being able to
// set the content-width, this max-width is currently dictated by the
// vanilla editor style. The following variable adds a buffer to this
@@ -39372,13 +52941,12 @@
// main column, though not infinitely.
// @todo It would be good to revisit this once a content-width variable
// becomes available.
-
const maxWidthBuffer = maxWidth * 2.5;
let showRightHandle = false;
let showLeftHandle = false;
+
/* eslint-disable no-lonely-if */
// See https://github.com/WordPress/gutenberg/issues/7584.
-
if (align === 'center') {
// When the image is centered, show both handles.
showRightHandle = true;
@@ -39403,27 +52971,21 @@
}
/* eslint-enable no-lonely-if */
-
const canEditImage = logoId && naturalWidth && naturalHeight && imageEditing;
- const imgEdit = canEditImage && isEditingImage ? (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalImageEditingProvider, {
+ const imgEdit = canEditImage && isEditingImage ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalImageEditor, {
id: logoId,
url: logoUrl,
- naturalWidth: naturalWidth,
- naturalHeight: naturalHeight,
- clientWidth: clientWidth,
- onSaveImage: imageAttributes => {
- setLogo(imageAttributes.id);
- },
- isEditing: isEditingImage,
- onFinishEditing: () => setIsEditingImage(false)
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalImageEditor, {
- url: logoUrl,
width: currentWidth,
height: currentHeight,
- clientWidth: clientWidth,
naturalHeight: naturalHeight,
- naturalWidth: naturalWidth
- })) : (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ResizableBox, {
+ naturalWidth: naturalWidth,
+ onSaveImage: imageAttributes => {
+ setLogo(imageAttributes.id);
+ },
+ onFinishEditing: () => {
+ setIsEditingImage(false);
+ }
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ResizableBox, {
size: {
width: currentWidth,
height: currentHeight
@@ -39447,72 +53009,139 @@
width: parseInt(currentWidth + delta.width, 10),
height: parseInt(currentHeight + delta.height, 10)
});
- }
- }, imgWrapper);
+ },
+ children: imgWrapper
+ });
+
+ // Support the previous location for the Site Icon settings. To be removed
+ // when the required WP core version for Gutenberg is >= 6.5.0.
+ const shouldUseNewUrl = !window?.__experimentalUseCustomizerSiteLogoUrl;
+ const siteIconSettingsUrl = shouldUseNewUrl ? siteUrl + '/wp-admin/options-general.php' : siteUrl + '/wp-admin/customize.php?autofocus[section]=title_tagline';
const syncSiteIconHelpText = (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('Site Icons are what you see in browser tabs, bookmark bars, and within the WordPress mobile apps. To use a custom icon that is different from your site logo, use the <a>Site Icon settings</a>.'), {
- a: // eslint-disable-next-line jsx-a11y/anchor-has-content
- (0,external_wp_element_namespaceObject.createElement)("a", {
- href: siteUrl + '/wp-admin/customize.php?autofocus[section]=title_tagline',
+ a:
+ /*#__PURE__*/
+ // eslint-disable-next-line jsx-a11y/anchor-has-content
+ (0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: siteIconSettingsUrl,
target: "_blank",
rel: "noopener noreferrer"
})
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Image width'),
- onChange: newWidth => setAttributes({
- width: newWidth
- }),
- min: minWidth,
- max: maxWidthBuffer,
- initialPosition: Math.min(defaultWidth, maxWidthBuffer),
- value: width || '',
- disabled: !isResizable
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Link image to home'),
- onChange: () => setAttributes({
- isLink: !isLink
- }),
- checked: isLink
- }), isLink && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
- onChange: value => setAttributes({
- linkTarget: value ? '_blank' : '_self'
- }),
- checked: linkTarget === '_blank'
- })), canUserEdit && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Use as site icon'),
- onChange: value => {
- setAttributes({
- shouldSyncIcon: value
- });
- setIcon(value ? logoId : undefined);
- },
- checked: !!shouldSyncIcon,
- help: syncSiteIconHelpText
- })))), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, canEditImage && !isEditingImage && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- onClick: () => setIsEditingImage(true),
- icon: library_crop,
- label: (0,external_wp_i18n_namespaceObject.__)('Crop')
- })), imgEdit);
-};
-
-function LogoEdit(_ref2) {
- let {
- attributes,
- className,
- setAttributes,
- isSelected
- } = _ref2;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Image width'),
+ onChange: newWidth => setAttributes({
+ width: newWidth
+ }),
+ min: minWidth,
+ max: maxWidthBuffer,
+ initialPosition: Math.min(defaultWidth, maxWidthBuffer),
+ value: width || '',
+ disabled: !isResizable
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link image to home'),
+ onChange: () => setAttributes({
+ isLink: !isLink
+ }),
+ checked: isLink
+ }), isLink && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
+ onChange: value => setAttributes({
+ linkTarget: value ? '_blank' : '_self'
+ }),
+ checked: linkTarget === '_blank'
+ })
+ }), canUserEdit && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Use as Site Icon'),
+ onChange: value => {
+ setAttributes({
+ shouldSyncIcon: value
+ });
+ setIcon(value ? logoId : undefined);
+ },
+ checked: !!shouldSyncIcon,
+ help: syncSiteIconHelpText
+ })
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: canEditImage && !isEditingImage && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ onClick: () => setIsEditingImage(true),
+ icon: library_crop,
+ label: (0,external_wp_i18n_namespaceObject.__)('Crop')
+ })
+ }), imgEdit]
+ });
+};
+
+// This is a light wrapper around MediaReplaceFlow because the block has two
+// different MediaReplaceFlows, one for the inspector and one for the toolbar.
+function SiteLogoReplaceFlow({
+ onRemoveLogo,
+ ...mediaReplaceProps
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
+ ...mediaReplaceProps,
+ allowedTypes: site_logo_edit_ALLOWED_MEDIA_TYPES,
+ accept: ACCEPT_MEDIA_STRING,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ onClick: onRemoveLogo,
+ children: (0,external_wp_i18n_namespaceObject.__)('Reset')
+ })
+ });
+}
+const InspectorLogoPreview = ({
+ mediaItemData = {},
+ itemGroupProps
+}) => {
+ const {
+ alt_text: alt,
+ source_url: logoUrl,
+ slug: logoSlug,
+ media_details: logoMediaDetails
+ } = mediaItemData;
+ const logoLabel = logoMediaDetails?.sizes?.full?.file || logoSlug;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalItemGroup, {
+ ...itemGroupProps,
+ as: "span",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, {
+ justify: "flex-start",
+ as: "span",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", {
+ src: logoUrl,
+ alt: alt
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FlexItem, {
+ as: "span",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalTruncate, {
+ numberOfLines: 1,
+ className: "block-library-site-logo__inspector-media-replace-title",
+ children: logoLabel
+ })
+ })]
+ })
+ });
+};
+function LogoEdit({
+ attributes,
+ className,
+ setAttributes,
+ isSelected
+}) {
const {
width,
shouldSyncIcon
} = attributes;
- const [logoUrl, setLogoUrl] = (0,external_wp_element_namespaceObject.useState)();
- const ref = (0,external_wp_element_namespaceObject.useRef)();
const {
siteLogoId,
canUserEdit,
@@ -39526,69 +53155,52 @@
getEntityRecord,
getEditedEntityRecord
} = select(external_wp_coreData_namespaceObject.store);
- const siteSettings = getEditedEntityRecord('root', 'site');
+ const _canUserEdit = canUser('update', 'settings');
+ const siteSettings = _canUserEdit ? getEditedEntityRecord('root', 'site') : undefined;
const siteData = getEntityRecord('root', '__unstableBase');
-
- const _siteLogo = siteSettings === null || siteSettings === void 0 ? void 0 : siteSettings.site_logo;
-
- const _readOnlyLogo = siteData === null || siteData === void 0 ? void 0 : siteData.site_logo;
-
- const _canUserEdit = canUser('update', 'settings');
-
- const _siteLogoId = _canUserEdit ? _siteLogo : _readOnlyLogo;
-
- const _siteIconId = siteSettings === null || siteSettings === void 0 ? void 0 : siteSettings.site_icon;
-
+ const _siteLogoId = _canUserEdit ? siteSettings?.site_logo : siteData?.site_logo;
+ const _siteIconId = siteSettings?.site_icon;
const mediaItem = _siteLogoId && select(external_wp_coreData_namespaceObject.store).getMedia(_siteLogoId, {
context: 'view'
});
-
const _isRequestingMediaItem = _siteLogoId && !select(external_wp_coreData_namespaceObject.store).hasFinishedResolution('getMedia', [_siteLogoId, {
context: 'view'
}]);
-
return {
siteLogoId: _siteLogoId,
canUserEdit: _canUserEdit,
- url: siteData === null || siteData === void 0 ? void 0 : siteData.url,
+ url: siteData?.home,
mediaItemData: mediaItem,
isRequestingMediaItem: _isRequestingMediaItem,
siteIconId: _siteIconId
};
}, []);
const {
+ getSettings
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ const [temporaryURL, setTemporaryURL] = (0,external_wp_element_namespaceObject.useState)();
+ const {
editEntityRecord
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
-
- const setLogo = function (newValue) {
- let shouldForceSync = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
+ const setLogo = (newValue, shouldForceSync = false) => {
// `shouldForceSync` is used to force syncing when the attribute
// may not have updated yet.
if (shouldSyncIcon || shouldForceSync) {
setIcon(newValue);
}
-
editEntityRecord('root', 'site', undefined, {
site_logo: newValue
});
};
-
- const setIcon = newValue => // The new value needs to be `null` to reset the Site Icon.
+ const setIcon = newValue =>
+ // The new value needs to be `null` to reset the Site Icon.
editEntityRecord('root', 'site', undefined, {
site_icon: newValue !== null && newValue !== void 0 ? newValue : null
});
-
- let alt = null;
-
- if (mediaItemData) {
- alt = mediaItemData.alt_text;
-
- if (logoUrl !== mediaItemData.source_url) {
- setLogoUrl(mediaItemData.source_url);
- }
- }
-
+ const {
+ alt_text: alt,
+ source_url: logoUrl
+ } = mediaItemData !== null && mediaItemData !== void 0 ? mediaItemData : {};
const onInitialSelectLogo = media => {
// Initialize the syncSiteIcon toggle. If we currently have no Site logo and no
// site icon, automatically sync the logo to the icon.
@@ -39596,139 +53208,186 @@
const shouldForceSync = !siteIconId;
setAttributes({
shouldSyncIcon: shouldForceSync
- }); // Because we cannot rely on the `shouldSyncIcon` attribute to have updated by
+ });
+
+ // Because we cannot rely on the `shouldSyncIcon` attribute to have updated by
// the time `setLogo` is called, pass an argument to force the syncing.
-
onSelectLogo(media, shouldForceSync);
return;
}
-
onSelectLogo(media);
};
-
- const onSelectLogo = function (media) {
- let shouldForceSync = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
+ const onSelectLogo = (media, shouldForceSync = false) => {
if (!media) {
return;
}
-
if (!media.id && media.url) {
// This is a temporary blob image.
+ setTemporaryURL(media.url);
setLogo(undefined);
- setLogoUrl(media.url);
- return;
- }
-
+ return;
+ }
setLogo(media.id, shouldForceSync);
};
-
const onRemoveLogo = () => {
setLogo(null);
- setLogoUrl(undefined);
setAttributes({
width: undefined
});
};
-
const {
createErrorNotice
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
-
const onUploadError = message => {
- createErrorNotice(message[2], {
+ createErrorNotice(message, {
type: 'snackbar'
});
- };
-
- const controls = canUserEdit && logoUrl && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "other"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
+ setTemporaryURL();
+ };
+ const onFilesDrop = filesList => {
+ getSettings().mediaUpload({
+ allowedTypes: site_logo_edit_ALLOWED_MEDIA_TYPES,
+ filesList,
+ onFileChange([image]) {
+ if ((0,external_wp_blob_namespaceObject.isBlobURL)(image?.url)) {
+ setTemporaryURL(image.url);
+ return;
+ }
+ onInitialSelectLogo(image);
+ },
+ onError: onUploadError
+ });
+ };
+ const mediaReplaceFlowProps = {
mediaURL: logoUrl,
- allowedTypes: site_logo_edit_ALLOWED_MEDIA_TYPES,
- accept: ACCEPT_MEDIA_STRING,
onSelect: onSelectLogo,
- onError: onUploadError
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
- onClick: onRemoveLogo
- }, (0,external_wp_i18n_namespaceObject.__)('Reset'))));
+ onError: onUploadError,
+ onRemoveLogo
+ };
+ const controls = canUserEdit && logoUrl && !temporaryURL && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SiteLogoReplaceFlow, {
+ ...mediaReplaceFlowProps
+ })
+ });
let logoImage;
const isLoading = siteLogoId === undefined || isRequestingMediaItem;
-
if (isLoading) {
- logoImage = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null);
- }
-
- if (!!logoUrl) {
- logoImage = (0,external_wp_element_namespaceObject.createElement)(SiteLogo, {
- alt: alt,
- attributes: attributes,
- className: className,
- containerRef: ref,
- isSelected: isSelected,
- setAttributes: setAttributes,
- logoUrl: logoUrl,
- setLogo: setLogo,
- logoId: (mediaItemData === null || mediaItemData === void 0 ? void 0 : mediaItemData.id) || siteLogoId,
- siteUrl: url,
- setIcon: setIcon,
- iconId: siteIconId,
- canUserEdit: canUserEdit
- });
- }
-
+ logoImage = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {});
+ }
+
+ // Reset temporary url when logoUrl is available.
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (logoUrl && temporaryURL) {
+ setTemporaryURL();
+ }
+ }, [logoUrl, temporaryURL]);
+ if (!!logoUrl || !!temporaryURL) {
+ logoImage = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SiteLogo, {
+ alt: alt,
+ attributes: attributes,
+ className: className,
+ isSelected: isSelected,
+ setAttributes: setAttributes,
+ logoUrl: temporaryURL || logoUrl,
+ setLogo: setLogo,
+ logoId: mediaItemData?.id || siteLogoId,
+ siteUrl: url,
+ setIcon: setIcon,
+ iconId: siteIconId,
+ canUserEdit: canUserEdit
+ })
+ });
+ }
const placeholder = content => {
- const placeholderClassName = classnames_default()('block-editor-media-placeholder', className);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, {
+ const placeholderClassName = dist_clsx('block-editor-media-placeholder', className);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
className: placeholderClassName,
- preview: logoImage
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- className: "components-placeholder__illustration",
- fill: "none",
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 60 60"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- vectorEffect: "non-scaling-stroke",
- d: "m61 32.622-13.555-9.137-15.888 9.859a5 5 0 0 1-5.386-.073l-9.095-5.989L1 37.5"
- })), content);
- };
-
- const classes = classnames_default()(className, {
- 'is-default-size': !width
+ preview: logoImage,
+ withIllustration: true,
+ style: {
+ width
+ },
+ children: content
+ });
+ };
+ const classes = dist_clsx(className, {
+ 'is-default-size': !width,
+ 'is-transient': temporaryURL
});
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- ref,
className: classes
});
-
const label = (0,external_wp_i18n_namespaceObject.__)('Add a site logo');
-
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, controls, !!logoUrl && logoImage, !logoUrl && !canUserEdit && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, {
- className: "site-logo_placeholder"
- }, isLoading && (0,external_wp_element_namespaceObject.createElement)("span", {
- className: "components-placeholder__preview"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null))), !logoUrl && canUserEdit && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
- onSelect: onInitialSelectLogo,
- accept: ACCEPT_MEDIA_STRING,
- allowedTypes: site_logo_edit_ALLOWED_MEDIA_TYPES,
- onError: onUploadError,
- placeholder: placeholder,
- mediaLibraryButton: _ref3 => {
- let {
+ const mediaInspectorPanel = (canUserEdit || logoUrl) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Media'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "block-library-site-logo__inspector-media-replace-container",
+ children: [!canUserEdit && !!logoUrl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(InspectorLogoPreview, {
+ mediaItemData: mediaItemData,
+ itemGroupProps: {
+ isBordered: true,
+ className: 'block-library-site-logo__inspector-readonly-logo-preview'
+ }
+ }), canUserEdit && !!logoUrl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SiteLogoReplaceFlow, {
+ ...mediaReplaceFlowProps,
+ name: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(InspectorLogoPreview, {
+ mediaItemData: mediaItemData
+ }),
+ popoverProps: {}
+ }), canUserEdit && !logoUrl && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaUploadCheck, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaUpload, {
+ onSelect: onInitialSelectLogo,
+ allowedTypes: site_logo_edit_ALLOWED_MEDIA_TYPES,
+ render: ({
+ open
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "block-library-site-logo__inspector-upload-container",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ onClick: open,
+ variant: "secondary",
+ children: isLoading ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {}) : (0,external_wp_i18n_namespaceObject.__)('Add media')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.DropZone, {
+ onFilesDrop: onFilesDrop
+ })]
+ })
+ })
+ })]
+ })
+ })
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ ...blockProps,
+ children: [controls, mediaInspectorPanel, (!!logoUrl || !!temporaryURL) && logoImage, !temporaryURL && !logoUrl && !canUserEdit && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ className: "site-logo_placeholder",
+ children: !!isLoading && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: "components-placeholder__preview",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {})
+ })
+ }), !temporaryURL && !logoUrl && canUserEdit && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
+ onSelect: onInitialSelectLogo,
+ accept: ACCEPT_MEDIA_STRING,
+ allowedTypes: site_logo_edit_ALLOWED_MEDIA_TYPES,
+ onError: onUploadError,
+ placeholder: placeholder,
+ mediaLibraryButton: ({
open
- } = _ref3;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- icon: library_upload,
- variant: "primary",
- label: label,
- showTooltip: true,
- tooltipPosition: "top center",
- onClick: () => {
- open();
- }
- });
- }
- }));
+ }) => {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ icon: library_upload,
+ variant: "primary",
+ label: label,
+ showTooltip: true,
+ tooltipPosition: "top center",
+ onClick: () => {
+ open();
+ }
+ });
+ }
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-logo/transforms.js
@@ -39740,11 +53399,10 @@
to: [{
type: 'block',
blocks: ['core/site-title'],
- transform: _ref => {
- let {
- isLink,
- linkTarget
- } = _ref;
+ transform: ({
+ isLink,
+ linkTarget
+ }) => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/site-title', {
isLink,
linkTarget
@@ -39752,24 +53410,25 @@
}
}]
};
-/* harmony default export */ var site_logo_transforms = (site_logo_transforms_transforms);
+/* harmony default export */ const site_logo_transforms = (site_logo_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-logo/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const site_logo_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/site-logo",
title: "Site Logo",
category: "theme",
- description: "Display a graphic to represent this site. Update the block, and the changes apply everywhere it\u2019s used. This is different than the site icon, which is the smaller image visible in your dashboard, browser tabs, etc used to help others recognize this site.",
+ description: "Display an image to represent this site. Update this block and the changes apply everywhere.",
textdomain: "default",
attributes: {
width: {
@@ -39802,6 +53461,17 @@
__experimentalDuotone: "img, .components-placeholder__illustration, .components-placeholder::before",
text: false,
background: false
+ },
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
},
styles: [{
@@ -39823,94 +53493,122 @@
const site_logo_settings = {
icon: site_logo,
+ example: {},
edit: LogoEdit,
transforms: site_logo_transforms
};
+const site_logo_init = () => initBlock({
+ name: site_logo_name,
+ metadata: site_logo_metadata,
+ settings: site_logo_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-tagline/edit.js
-
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-function SiteTaglineEdit(_ref) {
- let {
- attributes,
- setAttributes,
- insertBlocksAfter
- } = _ref;
- const {
- textAlign
- } = attributes;
- const [siteTagline, setSiteTagline] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'site', 'description');
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+const HEADING_LEVELS = [0, 1, 2, 3, 4, 5, 6];
+function SiteTaglineEdit({
+ attributes,
+ setAttributes,
+ insertBlocksAfter
+}) {
+ const {
+ textAlign,
+ level
+ } = attributes;
const {
canUserEdit,
- readOnlySiteTagLine
+ tagline
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
canUser,
- getEntityRecord
+ getEntityRecord,
+ getEditedEntityRecord
} = select(external_wp_coreData_namespaceObject.store);
- const siteData = getEntityRecord('root', '__unstableBase');
+ const canEdit = canUser('update', 'settings');
+ const settings = canEdit ? getEditedEntityRecord('root', 'site') : {};
+ const readOnlySettings = getEntityRecord('root', '__unstableBase');
return {
canUserEdit: canUser('update', 'settings'),
- readOnlySiteTagLine: siteData === null || siteData === void 0 ? void 0 : siteData.description
+ tagline: canEdit ? settings?.description : readOnlySettings?.description
};
}, []);
+ const TagName = level === 0 ? 'p' : `h${level}`;
+ const {
+ editEntityRecord
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
+ function setTagline(newTagline) {
+ editEntityRecord('root', 'site', undefined, {
+ description: newTagline
+ });
+ }
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign,
- 'wp-block-site-tagline__placeholder': !canUserEdit && !readOnlySiteTagLine
- })
- });
- const siteTaglineContent = canUserEdit ? (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, _extends({
+ 'wp-block-site-tagline__placeholder': !canUserEdit && !tagline
+ })
+ });
+ const siteTaglineContent = canUserEdit ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
allowedFormats: [],
- onChange: setSiteTagline,
+ onChange: setTagline,
"aria-label": (0,external_wp_i18n_namespaceObject.__)('Site tagline text'),
placeholder: (0,external_wp_i18n_namespaceObject.__)('Write site tagline…'),
- tagName: "p",
- value: siteTagline,
+ tagName: TagName,
+ value: tagline,
disableLineBreaks: true,
- __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)()))
- }, blockProps)) : (0,external_wp_element_namespaceObject.createElement)("p", blockProps, readOnlySiteTagLine || (0,external_wp_i18n_namespaceObject.__)('Site Tagline placeholder'));
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- onChange: newAlign => setAttributes({
- textAlign: newAlign
- }),
- value: textAlign
- })), siteTaglineContent);
+ __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)())),
+ ...blockProps
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: tagline || (0,external_wp_i18n_namespaceObject.__)('Site Tagline placeholder')
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.HeadingLevelDropdown, {
+ options: HEADING_LEVELS,
+ value: level,
+ onChange: newLevel => setAttributes({
+ level: newLevel
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ onChange: newAlign => setAttributes({
+ textAlign: newAlign
+ }),
+ value: textAlign
+ })]
+ }), siteTaglineContent]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-tagline/icon.js
-
-
-/**
- * WordPress dependencies
- */
-
-/* harmony default export */ var site_tagline_icon = ((0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+/* harmony default export */ const site_tagline_icon = (/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
width: "24",
- height: "24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- fill: "none",
- d: "M0 0h24v24H0z"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M4 9h16v2H4V9zm0 4h10v2H4v-2z"
-})));
+ height: "24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Path, {
+ d: "M4 10.5h16V9H4v1.5ZM4 15h9v-1.5H4V15Z"
+ })
+}));
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-tagline/deprecated.js
/**
@@ -39943,23 +53641,17 @@
__experimentalLetterSpacing: true
}
},
-
save() {
return null;
},
-
migrate: migrate_font_family,
-
- isEligible(_ref) {
- var _style$typography;
-
- let {
- style
- } = _ref;
- return style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontFamily;
- }
-
-};
+ isEligible({
+ style
+ }) {
+ return style?.typography?.fontFamily;
+ }
+};
+
/**
* New deprecations need to be placed first
* for them to have higher priority.
@@ -39968,27 +53660,32 @@
*
* See block-deprecation.md
*/
-
-/* harmony default export */ var site_tagline_deprecated = ([site_tagline_deprecated_v1]);
+/* harmony default export */ const site_tagline_deprecated = ([site_tagline_deprecated_v1]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-tagline/index.js
/**
* Internal dependencies
*/
+
const site_tagline_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/site-tagline",
title: "Site Tagline",
category: "theme",
- description: "Describe in a few words what the site is about. The tagline can be used in search results or when sharing on social networks even if it's not displayed in the theme design.",
+ description: "Describe in a few words what the site is about. The tagline can be used in search results or when sharing on social networks even if it\u2019s not displayed in the theme design.",
keywords: ["description"],
textdomain: "default",
attributes: {
textAlign: {
type: "string"
- }
- },
+ },
+ level: {
+ type: "number",
+ "default": 0
+ }
+ },
+ example: {},
supports: {
align: ["wide", "full"],
html: false,
@@ -40001,19 +53698,27 @@
},
spacing: {
margin: true,
- padding: true
- },
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontFamily: true,
- __experimentalTextTransform: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
},
editorStyle: "wp-block-site-tagline-editor"
@@ -40030,195 +53735,151 @@
edit: SiteTaglineEdit,
deprecated: site_tagline_deprecated
};
+const site_tagline_init = () => initBlock({
+ name: site_tagline_name,
+ metadata: site_tagline_metadata,
+ settings: site_tagline_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/map-marker.js
-
-
-/**
- * WordPress dependencies
- */
-
-const mapMarker = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "https://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12 9c-.8 0-1.5.7-1.5 1.5S11.2 12 12 12s1.5-.7 1.5-1.5S12.8 9 12 9zm0-5c-3.6 0-6.5 2.8-6.5 6.2 0 .8.3 1.8.9 3.1.5 1.1 1.2 2.3 2 3.6.7 1 3 3.8 3.2 3.9l.4.5.4-.5c.2-.2 2.6-2.9 3.2-3.9.8-1.2 1.5-2.5 2-3.6.6-1.3.9-2.3.9-3.1C18.5 6.8 15.6 4 12 4zm4.3 8.7c-.5 1-1.1 2.2-1.9 3.4-.5.7-1.7 2.2-2.4 3-.7-.8-1.9-2.3-2.4-3-.8-1.2-1.4-2.3-1.9-3.3-.6-1.4-.7-2.2-.7-2.5 0-2.6 2.2-4.7 5-4.7s5 2.1 5 4.7c0 .2-.1 1-.7 2.4z"
-}));
-/* harmony default export */ var map_marker = (mapMarker);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-title/edit/level-icon.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-function LevelIcon(_ref) {
- let {
- level,
- isPressed = false
- } = _ref;
- if (level === 0) return library_paragraph;
- const levelToPath = {
- 1: 'M9 5h2v10H9v-4H5v4H3V5h2v4h4V5zm6.6 0c-.6.9-1.5 1.7-2.6 2v1h2v7h2V5h-1.4z',
- 2: 'M7 5h2v10H7v-4H3v4H1V5h2v4h4V5zm8 8c.5-.4.6-.6 1.1-1.1.4-.4.8-.8 1.2-1.3.3-.4.6-.8.9-1.3.2-.4.3-.8.3-1.3 0-.4-.1-.9-.3-1.3-.2-.4-.4-.7-.8-1-.3-.3-.7-.5-1.2-.6-.5-.2-1-.2-1.5-.2-.4 0-.7 0-1.1.1-.3.1-.7.2-1 .3-.3.1-.6.3-.9.5-.3.2-.6.4-.8.7l1.2 1.2c.3-.3.6-.5 1-.7.4-.2.7-.3 1.2-.3s.9.1 1.3.4c.3.3.5.7.5 1.1 0 .4-.1.8-.4 1.1-.3.5-.6.9-1 1.2-.4.4-1 .9-1.6 1.4-.6.5-1.4 1.1-2.2 1.6V15h8v-2H15z',
- 3: 'M12.1 12.2c.4.3.8.5 1.2.7.4.2.9.3 1.4.3.5 0 1-.1 1.4-.3.3-.1.5-.5.5-.8 0-.2 0-.4-.1-.6-.1-.2-.3-.3-.5-.4-.3-.1-.7-.2-1-.3-.5-.1-1-.1-1.5-.1V9.1c.7.1 1.5-.1 2.2-.4.4-.2.6-.5.6-.9 0-.3-.1-.6-.4-.8-.3-.2-.7-.3-1.1-.3-.4 0-.8.1-1.1.3-.4.2-.7.4-1.1.6l-1.2-1.4c.5-.4 1.1-.7 1.6-.9.5-.2 1.2-.3 1.8-.3.5 0 1 .1 1.6.2.4.1.8.3 1.2.5.3.2.6.5.8.8.2.3.3.7.3 1.1 0 .5-.2.9-.5 1.3-.4.4-.9.7-1.5.9v.1c.6.1 1.2.4 1.6.8.4.4.7.9.7 1.5 0 .4-.1.8-.3 1.2-.2.4-.5.7-.9.9-.4.3-.9.4-1.3.5-.5.1-1 .2-1.6.2-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1l1.1-1.4zM7 9H3V5H1v10h2v-4h4v4h2V5H7v4z',
- 4: 'M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm10-2h-1v2h-2v-2h-5v-2l4-6h3v6h1v2zm-3-2V7l-2.8 4H16z',
- 5: 'M12.1 12.2c.4.3.7.5 1.1.7.4.2.9.3 1.3.3.5 0 1-.1 1.4-.4.4-.3.6-.7.6-1.1 0-.4-.2-.9-.6-1.1-.4-.3-.9-.4-1.4-.4H14c-.1 0-.3 0-.4.1l-.4.1-.5.2-1-.6.3-5h6.4v1.9h-4.3L14 8.8c.2-.1.5-.1.7-.2.2 0 .5-.1.7-.1.5 0 .9.1 1.4.2.4.1.8.3 1.1.6.3.2.6.6.8.9.2.4.3.9.3 1.4 0 .5-.1 1-.3 1.4-.2.4-.5.8-.9 1.1-.4.3-.8.5-1.3.7-.5.2-1 .3-1.5.3-.8 0-1.6-.1-2.3-.4-.6-.2-1.1-.6-1.6-1-.1-.1 1-1.5 1-1.5zM9 15H7v-4H3v4H1V5h2v4h4V5h2v10z',
- 6: 'M9 15H7v-4H3v4H1V5h2v4h4V5h2v10zm8.6-7.5c-.2-.2-.5-.4-.8-.5-.6-.2-1.3-.2-1.9 0-.3.1-.6.3-.8.5l-.6.9c-.2.5-.2.9-.2 1.4.4-.3.8-.6 1.2-.8.4-.2.8-.3 1.3-.3.4 0 .8 0 1.2.2.4.1.7.3 1 .6.3.3.5.6.7.9.2.4.3.8.3 1.3s-.1.9-.3 1.4c-.2.4-.5.7-.8 1-.4.3-.8.5-1.2.6-1 .3-2 .3-3 0-.5-.2-1-.5-1.4-.9-.4-.4-.8-.9-1-1.5-.2-.6-.3-1.3-.3-2.1s.1-1.6.4-2.3c.2-.6.6-1.2 1-1.6.4-.4.9-.7 1.4-.9.6-.3 1.1-.4 1.7-.4.7 0 1.4.1 2 .3.5.2 1 .5 1.4.8 0 .1-1.3 1.4-1.3 1.4zm-2.4 5.8c.2 0 .4 0 .6-.1.2 0 .4-.1.5-.2.1-.1.3-.3.4-.5.1-.2.1-.5.1-.7 0-.4-.1-.8-.4-1.1-.3-.2-.7-.3-1.1-.3-.3 0-.7.1-1 .2-.4.2-.7.4-1 .7 0 .3.1.7.3 1 .1.2.3.4.4.6.2.1.3.3.5.3.2.1.5.2.7.1z'
- };
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- width: "20",
- height: "20",
- viewBox: "0 0 20 20",
- xmlns: "http://www.w3.org/2000/svg",
- isPressed: isPressed
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: levelToPath[level]
- }));
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-title/edit/level-toolbar.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-/**
- * Internal dependencies
- */
-
-
-function LevelControl(_ref) {
- let {
- level,
- onChange
- } = _ref;
- const allControls = [1, 2, 3, 4, 5, 6, 0].map(currentLevel => {
- const isActive = currentLevel === level;
- return {
- icon: (0,external_wp_element_namespaceObject.createElement)(LevelIcon, {
- level: currentLevel,
- isPressed: isActive
- }),
- title: currentLevel === 0 ? (0,external_wp_i18n_namespaceObject.__)('Paragraph') : // translators: %s: heading level e.g: "1", "2", "3"
- (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('Heading %d'), currentLevel),
- isActive,
- onClick: () => onChange(currentLevel)
- };
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarDropdownMenu, {
- label: (0,external_wp_i18n_namespaceObject.__)('Change heading level'),
- icon: (0,external_wp_element_namespaceObject.createElement)(LevelIcon, {
- level: level
- }),
- controls: allControls
- });
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-title/edit/index.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-function SiteTitleEdit(_ref) {
- let {
- attributes,
- setAttributes,
- insertBlocksAfter
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+const mapMarker = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12 9c-.8 0-1.5.7-1.5 1.5S11.2 12 12 12s1.5-.7 1.5-1.5S12.8 9 12 9zm0-5c-3.6 0-6.5 2.8-6.5 6.2 0 .8.3 1.8.9 3.1.5 1.1 1.2 2.3 2 3.6.7 1 3 3.8 3.2 3.9l.4.5.4-.5c.2-.2 2.6-2.9 3.2-3.9.8-1.2 1.5-2.5 2-3.6.6-1.3.9-2.3.9-3.1C18.5 6.8 15.6 4 12 4zm4.3 8.7c-.5 1-1.1 2.2-1.9 3.4-.5.7-1.7 2.2-2.4 3-.7-.8-1.9-2.3-2.4-3-.8-1.2-1.4-2.3-1.9-3.3-.6-1.4-.7-2.2-.7-2.5 0-2.6 2.2-4.7 5-4.7s5 2.1 5 4.7c0 .2-.1 1-.7 2.4z"
+ })
+});
+/* harmony default export */ const map_marker = (mapMarker);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-title/edit.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+const edit_HEADING_LEVELS = [0, 1, 2, 3, 4, 5, 6];
+function SiteTitleEdit({
+ attributes,
+ setAttributes,
+ insertBlocksAfter
+}) {
const {
level,
textAlign,
isLink,
linkTarget
} = attributes;
- const [title, setTitle] = (0,external_wp_coreData_namespaceObject.useEntityProp)('root', 'site', 'title');
const {
canUserEdit,
- readOnlyTitle
+ title
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
const {
canUser,
- getEntityRecord
+ getEntityRecord,
+ getEditedEntityRecord
} = select(external_wp_coreData_namespaceObject.store);
- const siteData = getEntityRecord('root', '__unstableBase');
- return {
- canUserEdit: canUser('update', 'settings'),
- readOnlyTitle: (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(siteData === null || siteData === void 0 ? void 0 : siteData.name)
+ const canEdit = canUser('update', 'settings');
+ const settings = canEdit ? getEditedEntityRecord('root', 'site') : {};
+ const readOnlySettings = getEntityRecord('root', '__unstableBase');
+ return {
+ canUserEdit: canEdit,
+ title: canEdit ? settings?.title : readOnlySettings?.name
};
}, []);
+ const {
+ editEntityRecord
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
+ function setTitle(newTitle) {
+ editEntityRecord('root', 'site', undefined, {
+ title: newTitle
+ });
+ }
const TagName = level === 0 ? 'p' : `h${level}`;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign,
- 'wp-block-site-title__placeholder': !canUserEdit && !readOnlyTitle
- })
- });
- const siteTitleContent = canUserEdit ? (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- tagName: isLink ? 'a' : 'span',
- href: isLink ? '#site-title-pseudo-link' : undefined,
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Site title text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Write site title…'),
- value: title,
- onChange: setTitle,
- allowedFormats: [],
- disableLineBreaks: true,
- __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)()))
- })) : (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, isLink ? (0,external_wp_element_namespaceObject.createElement)("a", {
- href: "#site-title-pseudo-link",
- onClick: event => event.preventDefault()
- }, readOnlyTitle || (0,external_wp_i18n_namespaceObject.__)('Site Title placeholder')) : (0,external_wp_element_namespaceObject.createElement)("span", null, title || readOnlyTitle));
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(LevelControl, {
- level: level,
- onChange: newLevel => setAttributes({
- level: newLevel
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Link settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Make title link to home'),
- onChange: () => setAttributes({
- isLink: !isLink
- }),
- checked: isLink
- }), isLink && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
- onChange: value => setAttributes({
- linkTarget: value ? '_blank' : '_self'
- }),
- checked: linkTarget === '_blank'
- }))), siteTitleContent);
+ 'wp-block-site-title__placeholder': !canUserEdit && !title
+ })
+ });
+ const siteTitleContent = canUserEdit ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ tagName: isLink ? 'a' : 'span',
+ href: isLink ? '#site-title-pseudo-link' : undefined,
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Site title text'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Write site title…'),
+ value: title,
+ onChange: setTitle,
+ allowedFormats: [],
+ disableLineBreaks: true,
+ __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)()))
+ })
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: isLink ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: "#site-title-pseudo-link",
+ onClick: event => event.preventDefault(),
+ children: (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(title) || (0,external_wp_i18n_namespaceObject.__)('Site Title placeholder')
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ children: (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(title) || (0,external_wp_i18n_namespaceObject.__)('Site Title placeholder')
+ })
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.HeadingLevelDropdown, {
+ options: edit_HEADING_LEVELS,
+ value: level,
+ onChange: newLevel => setAttributes({
+ level: newLevel
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Make title link to home'),
+ onChange: () => setAttributes({
+ isLink: !isLink
+ }),
+ checked: isLink
+ }), isLink && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Open in new tab'),
+ onChange: value => setAttributes({
+ linkTarget: value ? '_blank' : '_self'
+ }),
+ checked: linkTarget === '_blank'
+ })]
+ })
+ }), siteTitleContent]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-title/deprecated.js
@@ -40265,23 +53926,17 @@
__experimentalLetterSpacing: true
}
},
-
save() {
return null;
},
-
migrate: migrate_font_family,
-
- isEligible(_ref) {
- var _style$typography;
-
- let {
- style
- } = _ref;
- return style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontFamily;
- }
-
-};
+ isEligible({
+ style
+ }) {
+ return style?.typography?.fontFamily;
+ }
+};
+
/**
* New deprecations need to be placed first
* for them to have higher priority.
@@ -40290,8 +53945,7 @@
*
* See block-deprecation.md
*/
-
-/* harmony default export */ var site_title_deprecated = ([site_title_deprecated_v1]);
+/* harmony default export */ const site_title_deprecated = ([site_title_deprecated_v1]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-title/transforms.js
/**
@@ -40302,11 +53956,10 @@
to: [{
type: 'block',
blocks: ['core/site-logo'],
- transform: _ref => {
- let {
- isLink,
- linkTarget
- } = _ref;
+ transform: ({
+ isLink,
+ linkTarget
+ }) => {
return (0,external_wp_blocks_namespaceObject.createBlock)('core/site-logo', {
isLink,
linkTarget
@@ -40314,20 +53967,21 @@
}
}]
};
-/* harmony default export */ var site_title_transforms = (site_title_transforms_transforms);
+/* harmony default export */ const site_title_transforms = (site_title_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/site-title/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const site_title_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/site-title",
title: "Site Title",
category: "theme",
@@ -40367,26 +54021,31 @@
},
spacing: {
padding: true,
- margin: true
- },
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontFamily: true,
- __experimentalTextTransform: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalDefaultControls: {
- fontSize: true,
- lineHeight: true,
- fontAppearance: true,
- letterSpacing: true,
- textTransform: true
- }
- }
- },
- editorStyle: "wp-block-site-title-editor"
+ margin: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ },
+ editorStyle: "wp-block-site-title-editor",
+ style: "wp-block-site-title"
};
@@ -40397,720 +54056,799 @@
const site_title_settings = {
icon: map_marker,
+ example: {},
edit: SiteTitleEdit,
transforms: site_title_transforms,
deprecated: site_title_deprecated
};
+const site_title_init = () => initBlock({
+ name: site_title_name,
+ metadata: site_title_metadata,
+ settings: site_title_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/share.js
-
-
-/**
- * WordPress dependencies
- */
-
-const share = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M9 11.8l6.1-4.5c.1.4.4.7.9.7h2c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v.4l-6.4 4.8c-.2-.1-.4-.2-.6-.2H6c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1h2c.2 0 .4-.1.6-.2l6.4 4.8v.4c0 .6.4 1 1 1h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1h-2c-.5 0-.8.3-.9.7L9 12.2v-.4z"
-}));
-/* harmony default export */ var library_share = (share);
+/**
+ * WordPress dependencies
+ */
+
+
+const share = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M9 11.8l6.1-4.5c.1.4.4.7.9.7h2c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1h-2c-.6 0-1 .4-1 1v.4l-6.4 4.8c-.2-.1-.4-.2-.6-.2H6c-.6 0-1 .4-1 1v2c0 .6.4 1 1 1h2c.2 0 .4-.1.6-.2l6.4 4.8v.4c0 .6.4 1 1 1h2c.6 0 1-.4 1-1v-2c0-.6-.4-1-1-1h-2c-.5 0-.8.3-.9.7L9 12.2v-.4z"
+ })
+});
+/* harmony default export */ const library_share = (share);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/keyboard-return.js
-
-
-/**
- * WordPress dependencies
- */
-
-const keyboardReturn = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "-2 -2 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M6.734 16.106l2.176-2.38-1.093-1.028-3.846 4.158 3.846 4.157 1.093-1.027-2.176-2.38h2.811c1.125 0 2.25.03 3.374 0 1.428-.001 3.362-.25 4.963-1.277 1.66-1.065 2.868-2.906 2.868-5.859 0-2.479-1.327-4.896-3.65-5.93-1.82-.813-3.044-.8-4.806-.788l-.567.002v1.5c.184 0 .368 0 .553-.002 1.82-.007 2.704-.014 4.21.657 1.854.827 2.76 2.657 2.76 4.561 0 2.472-.973 3.824-2.178 4.596-1.258.807-2.864 1.04-4.163 1.04h-.02c-1.115.03-2.229 0-3.344 0H6.734z"
-}));
-/* harmony default export */ var keyboard_return = (keyboardReturn);
+/**
+ * WordPress dependencies
+ */
+
+
+const keyboardReturn = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "m6.734 16.106 2.176-2.38-1.093-1.028-3.846 4.158 3.846 4.158 1.093-1.028-2.176-2.38h2.811c1.125 0 2.25.03 3.374 0 1.428-.001 3.362-.25 4.963-1.277 1.66-1.065 2.868-2.906 2.868-5.859 0-2.479-1.327-4.896-3.65-5.93-1.82-.813-3.044-.8-4.806-.788l-.567.002v1.5c.184 0 .368 0 .553-.002 1.82-.007 2.704-.014 4.21.657 1.854.827 2.76 2.657 2.76 4.561 0 2.472-.973 3.824-2.178 4.596-1.258.807-2.864 1.04-4.163 1.04h-.02c-1.115.03-2.229 0-3.344 0H6.734Z"
+ })
+});
+/* harmony default export */ const keyboard_return = (keyboardReturn);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/wordpress.js
-
-
-/**
- * WordPress dependencies
- */
-
-const WordPressIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+const WordPressIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/fivehundredpx.js
+/**
+ * WordPress dependencies
+ */
+
+
+const FivehundredpxIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M6.94026,15.1412c.00437.01213.108.29862.168.44064a6.55008,6.55008,0,1,0,6.03191-9.09557,6.68654,6.68654,0,0,0-2.58357.51467A8.53914,8.53914,0,0,0,8.21268,8.61344L8.209,8.61725V3.22948l9.0504-.00008c.32934-.0036.32934-.46353.32934-.61466s0-.61091-.33035-.61467L7.47248,2a.43.43,0,0,0-.43131.42692v7.58355c0,.24466.30476.42131.58793.4819.553.11812.68074-.05864.81617-.2457l.018-.02481A10.52673,10.52673,0,0,1,9.32258,9.258a5.35268,5.35268,0,1,1,7.58985,7.54976,5.417,5.417,0,0,1-3.80867,1.56365,5.17483,5.17483,0,0,1-2.69822-.74478l.00342-4.61111a2.79372,2.79372,0,0,1,.71372-1.78792,2.61611,2.61611,0,0,1,1.98282-.89477,2.75683,2.75683,0,0,1,1.95525.79477,2.66867,2.66867,0,0,1,.79656,1.909,2.724,2.724,0,0,1-2.75849,2.748,4.94651,4.94651,0,0,1-.86254-.13719c-.31234-.093-.44519.34058-.48892.48349-.16811.54966.08453.65862.13687.67489a3.75751,3.75751,0,0,0,1.25234.18375,3.94634,3.94634,0,1,0-2.82444-6.742,3.67478,3.67478,0,0,0-1.13028,2.584l-.00041.02323c-.0035.11667-.00579,2.881-.00644,3.78811l-.00407-.00451a6.18521,6.18521,0,0,1-1.0851-1.86092c-.10544-.27856-.34358-.22925-.66857-.12917-.14192.04372-.57386.17677-.47833.489Zm4.65165-1.08338a.51346.51346,0,0,0,.19513.31818l.02276.022a.52945.52945,0,0,0,.3517.18416.24242.24242,0,0,0,.16577-.0611c.05473-.05082.67382-.67812.73287-.738l.69041.68819a.28978.28978,0,0,0,.21437.11032.53239.53239,0,0,0,.35708-.19486c.29792-.30419.14885-.46821.07676-.54751l-.69954-.69975.72952-.73469c.16-.17311.01874-.35708-.12218-.498-.20461-.20461-.402-.25742-.52855-.14083l-.7254.72665-.73354-.73375a.20128.20128,0,0,0-.14179-.05695.54135.54135,0,0,0-.34379.19648c-.22561.22555-.274.38149-.15656.5059l.73374.7315-.72942.73072A.26589.26589,0,0,0,11.59191,14.05782Zm1.59866-9.915A8.86081,8.86081,0,0,0,9.854,4.776a.26169.26169,0,0,0-.16938.22759.92978.92978,0,0,0,.08619.42094c.05682.14524.20779.531.50006.41955a8.40969,8.40969,0,0,1,2.91968-.55484,7.87875,7.87875,0,0,1,3.086.62286,8.61817,8.61817,0,0,1,2.30562,1.49315.2781.2781,0,0,0,.18318.07586c.15529,0,.30425-.15253.43167-.29551.21268-.23861.35873-.4369.1492-.63538a8.50425,8.50425,0,0,0-2.62312-1.694A9.0177,9.0177,0,0,0,13.19058,4.14283ZM19.50945,18.6236h0a.93171.93171,0,0,0-.36642-.25406.26589.26589,0,0,0-.27613.06613l-.06943.06929A7.90606,7.90606,0,0,1,7.60639,18.505a7.57284,7.57284,0,0,1-1.696-2.51537,8.58715,8.58715,0,0,1-.5147-1.77754l-.00871-.04864c-.04939-.25873-.28755-.27684-.62981-.22448-.14234.02178-.5755.088-.53426.39969l.001.00712a9.08807,9.08807,0,0,0,15.406,4.99094c.00193-.00192.04753-.04718.0725-.07436C19.79425,19.16234,19.87422,18.98728,19.50945,18.6236Z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/amazon.js
+/**
+ * WordPress dependencies
+ */
+
+
+const AmazonIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M13.582,8.182C11.934,8.367,9.78,8.49,8.238,9.166c-1.781,0.769-3.03,2.337-3.03,4.644 c0,2.953,1.86,4.429,4.253,4.429c2.02,0,3.125-0.477,4.685-2.065c0.516,0.747,0.685,1.109,1.629,1.894 c0.212,0.114,0.483,0.103,0.672-0.066l0.006,0.006c0.567-0.505,1.599-1.401,2.18-1.888c0.231-0.188,0.19-0.496,0.009-0.754 c-0.52-0.718-1.072-1.303-1.072-2.634V8.305c0-1.876,0.133-3.599-1.249-4.891C15.23,2.369,13.422,2,12.04,2 C9.336,2,6.318,3.01,5.686,6.351C5.618,6.706,5.877,6.893,6.109,6.945l2.754,0.298C9.121,7.23,9.308,6.977,9.357,6.72 c0.236-1.151,1.2-1.706,2.284-1.706c0.584,0,1.249,0.215,1.595,0.738c0.398,0.584,0.346,1.384,0.346,2.061V8.182z M13.049,14.088 c-0.451,0.8-1.169,1.291-1.967,1.291c-1.09,0-1.728-0.83-1.728-2.061c0-2.42,2.171-2.86,4.227-2.86v0.615 C13.582,12.181,13.608,13.104,13.049,14.088z M20.683,19.339C18.329,21.076,14.917,22,11.979,22c-4.118,0-7.826-1.522-10.632-4.057 c-0.22-0.199-0.024-0.471,0.241-0.317c3.027,1.762,6.771,2.823,10.639,2.823c2.608,0,5.476-0.541,8.115-1.66 C20.739,18.62,21.072,19.051,20.683,19.339z M21.336,21.043c-0.194,0.163-0.379,0.076-0.293-0.139 c0.284-0.71,0.92-2.298,0.619-2.684c-0.301-0.386-1.99-0.183-2.749-0.092c-0.23,0.027-0.266-0.173-0.059-0.319 c1.348-0.946,3.555-0.673,3.811-0.356C22.925,17.773,22.599,19.986,21.336,21.043z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/bandcamp.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+const BandcampIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M15.27 17.289 3 17.289 8.73 6.711 21 6.711 15.27 17.289"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/behance.js
+/**
+ * WordPress dependencies
+ */
+
+
+const BehanceIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M7.799,5.698c0.589,0,1.12,0.051,1.606,0.156c0.482,0.102,0.894,0.273,1.241,0.507c0.344,0.235,0.612,0.546,0.804,0.938 c0.188,0.387,0.281,0.871,0.281,1.443c0,0.619-0.141,1.137-0.421,1.551c-0.284,0.413-0.7,0.751-1.255,1.014 c0.756,0.218,1.317,0.601,1.689,1.146c0.374,0.549,0.557,1.205,0.557,1.975c0,0.623-0.12,1.161-0.359,1.612 c-0.241,0.457-0.569,0.828-0.973,1.114c-0.408,0.288-0.876,0.5-1.399,0.637C9.052,17.931,8.514,18,7.963,18H2V5.698H7.799 M7.449,10.668c0.481,0,0.878-0.114,1.192-0.345c0.311-0.228,0.463-0.603,0.463-1.119c0-0.286-0.051-0.523-0.152-0.707 C8.848,8.315,8.711,8.171,8.536,8.07C8.362,7.966,8.166,7.894,7.94,7.854c-0.224-0.044-0.457-0.06-0.697-0.06H4.709v2.874H7.449z M7.6,15.905c0.267,0,0.521-0.024,0.759-0.077c0.243-0.053,0.457-0.137,0.637-0.261c0.182-0.12,0.332-0.283,0.441-0.491 C9.547,14.87,9.6,14.602,9.6,14.278c0-0.633-0.18-1.084-0.533-1.357c-0.356-0.27-0.83-0.404-1.413-0.404H4.709v3.388L7.6,15.905z M16.162,15.864c0.367,0.358,0.897,0.538,1.583,0.538c0.493,0,0.92-0.125,1.277-0.374c0.354-0.248,0.571-0.514,0.654-0.79h2.155 c-0.347,1.072-0.872,1.838-1.589,2.299C19.534,18,18.67,18.23,17.662,18.23c-0.701,0-1.332-0.113-1.899-0.337 c-0.567-0.227-1.041-0.544-1.439-0.958c-0.389-0.415-0.689-0.907-0.904-1.484c-0.213-0.574-0.32-1.21-0.32-1.899 c0-0.666,0.11-1.288,0.329-1.863c0.222-0.577,0.529-1.075,0.933-1.492c0.406-0.42,0.885-0.751,1.444-0.994 c0.558-0.241,1.175-0.363,1.857-0.363c0.754,0,1.414,0.145,1.98,0.44c0.563,0.291,1.026,0.686,1.389,1.181 c0.363,0.493,0.622,1.057,0.783,1.69c0.16,0.632,0.217,1.292,0.171,1.983h-6.428C15.557,14.84,15.795,15.506,16.162,15.864 M18.973,11.184c-0.291-0.321-0.783-0.496-1.384-0.496c-0.39,0-0.714,0.066-0.973,0.2c-0.254,0.132-0.461,0.297-0.621,0.491 c-0.157,0.197-0.265,0.405-0.328,0.628c-0.063,0.217-0.101,0.413-0.111,0.587h3.98C19.478,11.969,19.265,11.509,18.973,11.184z M15.057,7.738h4.985V6.524h-4.985L15.057,7.738z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/bluesky.js
+/**
+ * WordPress dependencies
+ */
+
+
+const BlueskyIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M6.3,4.2c2.3,1.7,4.8,5.3,5.7,7.2.9-1.9,3.4-5.4,5.7-7.2,1.7-1.3,4.3-2.2,4.3.9s-.4,5.2-.6,5.9c-.7,2.6-3.3,3.2-5.6,2.8,4,.7,5.1,3,2.9,5.3-5,5.2-6.7-2.8-6.7-2.8,0,0-1.7,8-6.7,2.8-2.2-2.3-1.2-4.6,2.9-5.3-2.3.4-4.9-.3-5.6-2.8-.2-.7-.6-5.3-.6-5.9,0-3.1,2.7-2.1,4.3-.9h0Z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/chain.js
+/**
+ * WordPress dependencies
+ */
+
+
+const ChainIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.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"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/codepen.js
+/**
+ * WordPress dependencies
+ */
+
+
+const CodepenIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M22.016,8.84c-0.002-0.013-0.005-0.025-0.007-0.037c-0.005-0.025-0.008-0.048-0.015-0.072 c-0.003-0.015-0.01-0.028-0.013-0.042c-0.008-0.02-0.015-0.04-0.023-0.062c-0.007-0.015-0.013-0.028-0.02-0.042 c-0.008-0.02-0.018-0.037-0.03-0.057c-0.007-0.013-0.017-0.027-0.025-0.038c-0.012-0.018-0.023-0.035-0.035-0.052 c-0.01-0.013-0.02-0.025-0.03-0.037c-0.015-0.017-0.028-0.032-0.043-0.045c-0.01-0.012-0.022-0.023-0.035-0.035 c-0.015-0.015-0.032-0.028-0.048-0.04c-0.012-0.01-0.025-0.02-0.037-0.03c-0.005-0.003-0.01-0.008-0.015-0.012l-9.161-6.096 c-0.289-0.192-0.666-0.192-0.955,0L2.359,8.237C2.354,8.24,2.349,8.245,2.344,8.249L2.306,8.277 c-0.017,0.013-0.033,0.027-0.048,0.04C2.246,8.331,2.234,8.342,2.222,8.352c-0.015,0.015-0.028,0.03-0.042,0.047 c-0.012,0.013-0.022,0.023-0.03,0.037C2.139,8.453,2.125,8.471,2.115,8.488C2.107,8.501,2.099,8.514,2.09,8.526 C2.079,8.548,2.069,8.565,2.06,8.585C2.054,8.6,2.047,8.613,2.04,8.626C2.032,8.648,2.025,8.67,2.019,8.69 c-0.005,0.013-0.01,0.027-0.013,0.042C1.999,8.755,1.995,8.778,1.99,8.803C1.989,8.817,1.985,8.828,1.984,8.84 C1.978,8.879,1.975,8.915,1.975,8.954v6.093c0,0.037,0.003,0.075,0.008,0.112c0.002,0.012,0.005,0.025,0.007,0.038 c0.005,0.023,0.008,0.047,0.015,0.072c0.003,0.015,0.008,0.028,0.013,0.04c0.007,0.022,0.013,0.042,0.022,0.063 c0.007,0.015,0.013,0.028,0.02,0.04c0.008,0.02,0.018,0.038,0.03,0.058c0.007,0.013,0.015,0.027,0.025,0.038 c0.012,0.018,0.023,0.035,0.035,0.052c0.01,0.013,0.02,0.025,0.03,0.037c0.013,0.015,0.028,0.032,0.042,0.045 c0.012,0.012,0.023,0.023,0.035,0.035c0.015,0.013,0.032,0.028,0.048,0.04l0.038,0.03c0.005,0.003,0.01,0.007,0.013,0.01 l9.163,6.095C11.668,21.953,11.833,22,12,22c0.167,0,0.332-0.047,0.478-0.144l9.163-6.095l0.015-0.01 c0.013-0.01,0.027-0.02,0.037-0.03c0.018-0.013,0.035-0.028,0.048-0.04c0.013-0.012,0.025-0.023,0.035-0.035 c0.017-0.015,0.03-0.032,0.043-0.045c0.01-0.013,0.02-0.025,0.03-0.037c0.013-0.018,0.025-0.035,0.035-0.052 c0.008-0.013,0.018-0.027,0.025-0.038c0.012-0.02,0.022-0.038,0.03-0.058c0.007-0.013,0.013-0.027,0.02-0.04 c0.008-0.022,0.015-0.042,0.023-0.063c0.003-0.013,0.01-0.027,0.013-0.04c0.007-0.025,0.01-0.048,0.015-0.072 c0.002-0.013,0.005-0.027,0.007-0.037c0.003-0.042,0.007-0.079,0.007-0.117V8.954C22.025,8.915,22.022,8.879,22.016,8.84z M12.862,4.464l6.751,4.49l-3.016,2.013l-3.735-2.492V4.464z M11.138,4.464v4.009l-3.735,2.494L4.389,8.954L11.138,4.464z M3.699,10.562L5.853,12l-2.155,1.438V10.562z M11.138,19.536l-6.749-4.491l3.015-2.011l3.735,2.492V19.536z M12,14.035L8.953,12 L12,9.966L15.047,12L12,14.035z M12.862,19.536v-4.009l3.735-2.492l3.016,2.011L12.862,19.536z M20.303,13.438L18.147,12 l2.156-1.438L20.303,13.438z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/deviantart.js
+/**
+ * WordPress dependencies
+ */
+
+
+const DeviantArtIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M 18.19 5.636 18.19 2 18.188 2 14.553 2 14.19 2.366 12.474 5.636 11.935 6 5.81 6 5.81 10.994 9.177 10.994 9.477 11.357 5.81 18.363 5.81 22 5.811 22 9.447 22 9.81 21.634 11.526 18.364 12.065 18 18.19 18 18.19 13.006 14.823 13.006 14.523 12.641 18.19 5.636z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/dribbble.js
+/**
+ * WordPress dependencies
+ */
+
+
+const DribbbleIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12,22C6.486,22,2,17.514,2,12S6.486,2,12,2c5.514,0,10,4.486,10,10S17.514,22,12,22z M20.434,13.369 c-0.292-0.092-2.644-0.794-5.32-0.365c1.117,3.07,1.572,5.57,1.659,6.09C18.689,17.798,20.053,15.745,20.434,13.369z M15.336,19.876c-0.127-0.749-0.623-3.361-1.822-6.477c-0.019,0.006-0.038,0.013-0.056,0.019c-4.818,1.679-6.547,5.02-6.701,5.334 c1.448,1.129,3.268,1.803,5.243,1.803C13.183,20.555,14.311,20.313,15.336,19.876z M5.654,17.724 c0.193-0.331,2.538-4.213,6.943-5.637c0.111-0.036,0.224-0.07,0.337-0.102c-0.214-0.485-0.448-0.971-0.692-1.45 c-4.266,1.277-8.405,1.223-8.778,1.216c-0.003,0.087-0.004,0.174-0.004,0.261C3.458,14.207,4.29,16.21,5.654,17.724z M3.639,10.264 c0.382,0.005,3.901,0.02,7.897-1.041c-1.415-2.516-2.942-4.631-3.167-4.94C5.979,5.41,4.193,7.613,3.639,10.264z M9.998,3.709 c0.236,0.316,1.787,2.429,3.187,5c3.037-1.138,4.323-2.867,4.477-3.085C16.154,4.286,14.17,3.471,12,3.471 C11.311,3.471,10.641,3.554,9.998,3.709z M18.612,6.612C18.432,6.855,17,8.69,13.842,9.979c0.199,0.407,0.389,0.821,0.567,1.237 c0.063,0.148,0.124,0.295,0.184,0.441c2.842-0.357,5.666,0.215,5.948,0.275C20.522,9.916,19.801,8.065,18.612,6.612z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/dropbox.js
+/**
+ * WordPress dependencies
+ */
+
+
+const DropboxIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12,6.134L6.069,9.797L2,6.54l5.883-3.843L12,6.134z M2,13.054l5.883,3.843L12,13.459L6.069,9.797L2,13.054z M12,13.459 l4.116,3.439L22,13.054l-4.069-3.257L12,13.459z M22,6.54l-5.884-3.843L12,6.134l5.931,3.663L22,6.54z M12.011,14.2l-4.129,3.426 l-1.767-1.153v1.291l5.896,3.539l5.897-3.539v-1.291l-1.769,1.153L12.011,14.2z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/etsy.js
+/**
+ * WordPress dependencies
+ */
+
+
+const EtsyIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M9.16033,4.038c0-.27174.02717-.43478.48913-.43478h6.22283c1.087,0,1.68478.92391,2.11957,2.663l.35326,1.38587h1.05978C19.59511,3.712,19.75815,2,19.75815,2s-2.663.29891-4.23913.29891h-7.962L3.29076,2.163v1.1413L4.731,3.57609c1.00543.19022,1.25.40761,1.33152,1.33152,0,0,.08152,2.71739.08152,7.20109s-.08152,7.17391-.08152,7.17391c0,.81522-.32609,1.11413-1.33152,1.30435l-1.44022.27174V22l4.2663-.13587h7.11957c1.60326,0,5.32609.13587,5.32609.13587.08152-.97826.625-5.40761.70652-5.89674H19.7038L18.644,18.52174c-.84239,1.90217-2.06522,2.038-3.42391,2.038H11.1712c-1.3587,0-2.01087-.54348-2.01087-1.712V12.65217s3.0163,0,3.99457.08152c.76087.05435,1.22283.27174,1.46739,1.33152l.32609,1.413h1.16848l-.08152-3.55978.163-3.587H15.02989l-.38043,1.57609c-.24457,1.03261-.40761,1.22283-1.46739,1.33152-1.38587.13587-4.02174.1087-4.02174.1087Z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/facebook.js
+/**
+ * WordPress dependencies
+ */
+
+
+const FacebookIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/feed.js
+/**
+ * WordPress dependencies
+ */
+
+
+const FeedIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M2,8.667V12c5.515,0,10,4.485,10,10h3.333C15.333,14.637,9.363,8.667,2,8.667z M2,2v3.333 c9.19,0,16.667,7.477,16.667,16.667H22C22,10.955,13.045,2,2,2z M4.5,17C3.118,17,2,18.12,2,19.5S3.118,22,4.5,22S7,20.88,7,19.5 S5.882,17,4.5,17z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/flickr.js
+/**
+ * WordPress dependencies
+ */
+
+
+const FlickrIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M6.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5S9.25,7,6.5,7z M17.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5 S20.25,7,17.5,7z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/foursquare.js
+/**
+ * WordPress dependencies
+ */
+
+
+const FoursquareIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M17.573,2c0,0-9.197,0-10.668,0S5,3.107,5,3.805s0,16.948,0,16.948c0,0.785,0.422,1.077,0.66,1.172 c0.238,0.097,0.892,0.177,1.285-0.275c0,0,5.035-5.843,5.122-5.93c0.132-0.132,0.132-0.132,0.262-0.132h3.26 c1.368,0,1.588-0.977,1.732-1.552c0.078-0.318,0.692-3.428,1.225-6.122l0.675-3.368C19.56,2.893,19.14,2,17.573,2z M16.495,7.22 c-0.053,0.252-0.372,0.518-0.665,0.518c-0.293,0-4.157,0-4.157,0c-0.467,0-0.802,0.318-0.802,0.787v0.508 c0,0.467,0.337,0.798,0.805,0.798c0,0,3.197,0,3.528,0s0.655,0.362,0.583,0.715c-0.072,0.353-0.407,2.102-0.448,2.295 c-0.04,0.193-0.262,0.523-0.655,0.523c-0.33,0-2.88,0-2.88,0c-0.523,0-0.683,0.068-1.033,0.503 c-0.35,0.437-3.505,4.223-3.505,4.223c-0.032,0.035-0.063,0.027-0.063-0.015V4.852c0-0.298,0.26-0.648,0.648-0.648 c0,0,8.228,0,8.562,0c0.315,0,0.61,0.297,0.528,0.683L16.495,7.22z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/goodreads.js
+/**
+ * WordPress dependencies
+ */
+
+
+const GoodreadsIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M17.3,17.5c-0.2,0.8-0.5,1.4-1,1.9c-0.4,0.5-1,0.9-1.7,1.2C13.9,20.9,13.1,21,12,21c-0.6,0-1.3-0.1-1.9-0.2 c-0.6-0.1-1.1-0.4-1.6-0.7c-0.5-0.3-0.9-0.7-1.2-1.2c-0.3-0.5-0.5-1.1-0.5-1.7h1.5c0.1,0.5,0.2,0.9,0.5,1.2 c0.2,0.3,0.5,0.6,0.9,0.8c0.3,0.2,0.7,0.3,1.1,0.4c0.4,0.1,0.8,0.1,1.2,0.1c1.4,0,2.5-0.4,3.1-1.2c0.6-0.8,1-2,1-3.5v-1.7h0 c-0.4,0.8-0.9,1.4-1.6,1.9c-0.7,0.5-1.5,0.7-2.4,0.7c-1,0-1.9-0.2-2.6-0.5C8.7,15,8.1,14.5,7.7,14c-0.5-0.6-0.8-1.3-1-2.1 c-0.2-0.8-0.3-1.6-0.3-2.5c0-0.9,0.1-1.7,0.4-2.5c0.3-0.8,0.6-1.5,1.1-2c0.5-0.6,1.1-1,1.8-1.4C10.3,3.2,11.1,3,12,3 c0.5,0,0.9,0.1,1.3,0.2c0.4,0.1,0.8,0.3,1.1,0.5c0.3,0.2,0.6,0.5,0.9,0.8c0.3,0.3,0.5,0.6,0.6,1h0V3.4h1.5V15 C17.6,15.9,17.5,16.7,17.3,17.5z M13.8,14.1c0.5-0.3,0.9-0.7,1.3-1.1c0.3-0.5,0.6-1,0.8-1.6c0.2-0.6,0.3-1.2,0.3-1.9 c0-0.6-0.1-1.2-0.2-1.9c-0.1-0.6-0.4-1.2-0.7-1.7c-0.3-0.5-0.7-0.9-1.3-1.2c-0.5-0.3-1.1-0.5-1.9-0.5s-1.4,0.2-1.9,0.5 c-0.5,0.3-1,0.7-1.3,1.2C8.5,6.4,8.3,7,8.1,7.6C8,8.2,7.9,8.9,7.9,9.5c0,0.6,0.1,1.3,0.2,1.9C8.3,12,8.6,12.5,8.9,13 c0.3,0.5,0.8,0.8,1.3,1.1c0.5,0.3,1.1,0.4,1.9,0.4C12.7,14.5,13.3,14.4,13.8,14.1z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/google.js
+/**
+ * WordPress dependencies
+ */
+
+
+const GoogleIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12.02,10.18v3.72v0.01h5.51c-0.26,1.57-1.67,4.22-5.5,4.22c-3.31,0-6.01-2.75-6.01-6.12s2.7-6.12,6.01-6.12 c1.87,0,3.13,0.8,3.85,1.48l2.84-2.76C16.99,2.99,14.73,2,12.03,2c-5.52,0-10,4.48-10,10s4.48,10,10,10c5.77,0,9.6-4.06,9.6-9.77 c0-0.83-0.11-1.42-0.25-2.05H12.02z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/github.js
+/**
+ * WordPress dependencies
+ */
+
+
+const GitHubIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833 c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/gravatar.js
+/**
+ * WordPress dependencies
+ */
+
+
+const GravatarIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M10.8001 4.69937V10.6494C10.8001 11.1001 10.9791 11.5323 11.2978 11.851C11.6165 12.1697 12.0487 12.3487 12.4994 12.3487C12.9501 12.3487 13.3824 12.1697 13.7011 11.851C14.0198 11.5323 14.1988 11.1001 14.1988 10.6494V6.69089C15.2418 7.05861 16.1371 7.75537 16.7496 8.67617C17.3622 9.59698 17.6589 10.6919 17.595 11.796C17.5311 12.9001 17.1101 13.9535 16.3954 14.7975C15.6807 15.6415 14.711 16.2303 13.6325 16.4753C12.5541 16.7202 11.4252 16.608 10.4161 16.1555C9.40691 15.703 8.57217 14.9348 8.03763 13.9667C7.50308 12.9985 7.29769 11.8828 7.45242 10.7877C7.60714 9.69266 8.11359 8.67755 8.89545 7.89537C9.20904 7.57521 9.38364 7.14426 9.38132 6.69611C9.37899 6.24797 9.19994 5.81884 8.88305 5.50195C8.56616 5.18506 8.13704 5.00601 7.68889 5.00369C7.24075 5.00137 6.80979 5.17597 6.48964 5.48956C5.09907 6.8801 4.23369 8.7098 4.04094 10.6669C3.84819 12.624 4.34 14.5873 5.43257 16.2224C6.52515 17.8575 8.15088 19.0632 10.0328 19.634C11.9146 20.2049 13.9362 20.1055 15.753 19.3529C17.5699 18.6003 19.0695 17.241 19.9965 15.5066C20.9234 13.7722 21.2203 11.7701 20.8366 9.84133C20.4528 7.91259 19.4122 6.17658 17.892 4.92911C16.3717 3.68163 14.466 2.99987 12.4994 3C12.0487 3 11.6165 3.17904 11.2978 3.49773C10.9791 3.81643 10.8001 4.24867 10.8001 4.69937Z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/instagram.js
+/**
+ * WordPress dependencies
+ */
+
+
+const InstagramIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/lastfm.js
+/**
+ * WordPress dependencies
+ */
+
+
+const LastfmIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
version: "1.1",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/fivehundredpx.js
-
-
-/**
- * WordPress dependencies
- */
-
-const FivehundredpxIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M6.94026,15.1412c.00437.01213.108.29862.168.44064a6.55008,6.55008,0,1,0,6.03191-9.09557,6.68654,6.68654,0,0,0-2.58357.51467A8.53914,8.53914,0,0,0,8.21268,8.61344L8.209,8.61725V3.22948l9.0504-.00008c.32934-.0036.32934-.46353.32934-.61466s0-.61091-.33035-.61467L7.47248,2a.43.43,0,0,0-.43131.42692v7.58355c0,.24466.30476.42131.58793.4819.553.11812.68074-.05864.81617-.2457l.018-.02481A10.52673,10.52673,0,0,1,9.32258,9.258a5.35268,5.35268,0,1,1,7.58985,7.54976,5.417,5.417,0,0,1-3.80867,1.56365,5.17483,5.17483,0,0,1-2.69822-.74478l.00342-4.61111a2.79372,2.79372,0,0,1,.71372-1.78792,2.61611,2.61611,0,0,1,1.98282-.89477,2.75683,2.75683,0,0,1,1.95525.79477,2.66867,2.66867,0,0,1,.79656,1.909,2.724,2.724,0,0,1-2.75849,2.748,4.94651,4.94651,0,0,1-.86254-.13719c-.31234-.093-.44519.34058-.48892.48349-.16811.54966.08453.65862.13687.67489a3.75751,3.75751,0,0,0,1.25234.18375,3.94634,3.94634,0,1,0-2.82444-6.742,3.67478,3.67478,0,0,0-1.13028,2.584l-.00041.02323c-.0035.11667-.00579,2.881-.00644,3.78811l-.00407-.00451a6.18521,6.18521,0,0,1-1.0851-1.86092c-.10544-.27856-.34358-.22925-.66857-.12917-.14192.04372-.57386.17677-.47833.489Zm4.65165-1.08338a.51346.51346,0,0,0,.19513.31818l.02276.022a.52945.52945,0,0,0,.3517.18416.24242.24242,0,0,0,.16577-.0611c.05473-.05082.67382-.67812.73287-.738l.69041.68819a.28978.28978,0,0,0,.21437.11032.53239.53239,0,0,0,.35708-.19486c.29792-.30419.14885-.46821.07676-.54751l-.69954-.69975.72952-.73469c.16-.17311.01874-.35708-.12218-.498-.20461-.20461-.402-.25742-.52855-.14083l-.7254.72665-.73354-.73375a.20128.20128,0,0,0-.14179-.05695.54135.54135,0,0,0-.34379.19648c-.22561.22555-.274.38149-.15656.5059l.73374.7315-.72942.73072A.26589.26589,0,0,0,11.59191,14.05782Zm1.59866-9.915A8.86081,8.86081,0,0,0,9.854,4.776a.26169.26169,0,0,0-.16938.22759.92978.92978,0,0,0,.08619.42094c.05682.14524.20779.531.50006.41955a8.40969,8.40969,0,0,1,2.91968-.55484,7.87875,7.87875,0,0,1,3.086.62286,8.61817,8.61817,0,0,1,2.30562,1.49315.2781.2781,0,0,0,.18318.07586c.15529,0,.30425-.15253.43167-.29551.21268-.23861.35873-.4369.1492-.63538a8.50425,8.50425,0,0,0-2.62312-1.694A9.0177,9.0177,0,0,0,13.19058,4.14283ZM19.50945,18.6236h0a.93171.93171,0,0,0-.36642-.25406.26589.26589,0,0,0-.27613.06613l-.06943.06929A7.90606,7.90606,0,0,1,7.60639,18.505a7.57284,7.57284,0,0,1-1.696-2.51537,8.58715,8.58715,0,0,1-.5147-1.77754l-.00871-.04864c-.04939-.25873-.28755-.27684-.62981-.22448-.14234.02178-.5755.088-.53426.39969l.001.00712a9.08807,9.08807,0,0,0,15.406,4.99094c.00193-.00192.04753-.04718.0725-.07436C19.79425,19.16234,19.87422,18.98728,19.50945,18.6236Z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/amazon.js
-
-
-/**
- * WordPress dependencies
- */
-
-const AmazonIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M13.582,8.182C11.934,8.367,9.78,8.49,8.238,9.166c-1.781,0.769-3.03,2.337-3.03,4.644 c0,2.953,1.86,4.429,4.253,4.429c2.02,0,3.125-0.477,4.685-2.065c0.516,0.747,0.685,1.109,1.629,1.894 c0.212,0.114,0.483,0.103,0.672-0.066l0.006,0.006c0.567-0.505,1.599-1.401,2.18-1.888c0.231-0.188,0.19-0.496,0.009-0.754 c-0.52-0.718-1.072-1.303-1.072-2.634V8.305c0-1.876,0.133-3.599-1.249-4.891C15.23,2.369,13.422,2,12.04,2 C9.336,2,6.318,3.01,5.686,6.351C5.618,6.706,5.877,6.893,6.109,6.945l2.754,0.298C9.121,7.23,9.308,6.977,9.357,6.72 c0.236-1.151,1.2-1.706,2.284-1.706c0.584,0,1.249,0.215,1.595,0.738c0.398,0.584,0.346,1.384,0.346,2.061V8.182z M13.049,14.088 c-0.451,0.8-1.169,1.291-1.967,1.291c-1.09,0-1.728-0.83-1.728-2.061c0-2.42,2.171-2.86,4.227-2.86v0.615 C13.582,12.181,13.608,13.104,13.049,14.088z M20.683,19.339C18.329,21.076,14.917,22,11.979,22c-4.118,0-7.826-1.522-10.632-4.057 c-0.22-0.199-0.024-0.471,0.241-0.317c3.027,1.762,6.771,2.823,10.639,2.823c2.608,0,5.476-0.541,8.115-1.66 C20.739,18.62,21.072,19.051,20.683,19.339z M21.336,21.043c-0.194,0.163-0.379,0.076-0.293-0.139 c0.284-0.71,0.92-2.298,0.619-2.684c-0.301-0.386-1.99-0.183-2.749-0.092c-0.23,0.027-0.266-0.173-0.059-0.319 c1.348-0.946,3.555-0.673,3.811-0.356C22.925,17.773,22.599,19.986,21.336,21.043z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/bandcamp.js
-
-
-/**
- * WordPress dependencies
- */
-
-const BandcampIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M15.27 17.289 3 17.289 8.73 6.711 21 6.711 15.27 17.289"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/behance.js
-
-
-/**
- * WordPress dependencies
- */
-
-const BehanceIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M 12.0002 1.5 C 6.2006 1.5 1.5 6.2011 1.5 11.9998 C 1.5 17.799 6.2006 22.5 12.0002 22.5 C 17.799 22.5 22.5 17.799 22.5 11.9998 C 22.5 6.2011 17.799 1.5 12.0002 1.5 Z M 16.1974 16.2204 C 14.8164 16.2152 13.9346 15.587 13.3345 14.1859 L 13.1816 13.8451 L 11.8541 10.8101 C 11.4271 9.7688 10.3526 9.0712 9.1801 9.0712 C 7.5695 9.0712 6.2593 10.3851 6.2593 12.001 C 6.2593 13.6165 7.5695 14.9303 9.1801 14.9303 C 10.272 14.9303 11.2651 14.3275 11.772 13.3567 C 11.7893 13.3235 11.8239 13.302 11.863 13.3038 C 11.9007 13.3054 11.9353 13.3288 11.9504 13.3632 L 12.4865 14.6046 C 12.5016 14.639 12.4956 14.6778 12.4723 14.7069 C 11.6605 15.6995 10.4602 16.2683 9.1801 16.2683 C 6.8331 16.2683 4.9234 14.3536 4.9234 12.001 C 4.9234 9.6468 6.833 7.732 9.1801 7.732 C 10.9572 7.732 12.3909 8.6907 13.1138 10.3636 C 13.1206 10.3802 13.8412 12.0708 14.4744 13.5191 C 14.8486 14.374 15.1462 14.896 16.1288 14.9292 C 17.0663 14.9613 17.7538 14.4122 17.7538 13.6485 C 17.7538 12.9691 17.3321 12.8004 16.3803 12.4822 C 14.7365 11.9398 13.845 11.3861 13.845 10.0182 C 13.845 8.6809 14.7667 7.8162 16.192 7.8162 C 17.1288 7.8162 17.8155 8.2287 18.2921 9.0768 C 18.305 9.1006 18.3079 9.1281 18.3004 9.1542 C 18.2929 9.1803 18.2748 9.2021 18.2507 9.2138 L 17.3614 9.669 C 17.3178 9.692 17.2643 9.6781 17.2356 9.6385 C 16.9329 9.2135 16.5956 9.0251 16.1423 9.0251 C 15.5512 9.0251 15.122 9.429 15.122 9.9865 C 15.122 10.6738 15.6529 10.8414 16.5339 11.1192 C 16.6491 11.1558 16.7696 11.194 16.8939 11.2343 C 18.2763 11.6865 19.0768 12.2311 19.0768 13.6836 C 19.0769 15.1297 17.8389 16.2204 16.1974 16.2204 Z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/linkedin.js
+/**
+ * WordPress dependencies
+ */
+
+
+const LinkedInIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M7.799,5.698c0.589,0,1.12,0.051,1.606,0.156c0.482,0.102,0.894,0.273,1.241,0.507c0.344,0.235,0.612,0.546,0.804,0.938 c0.188,0.387,0.281,0.871,0.281,1.443c0,0.619-0.141,1.137-0.421,1.551c-0.284,0.413-0.7,0.751-1.255,1.014 c0.756,0.218,1.317,0.601,1.689,1.146c0.374,0.549,0.557,1.205,0.557,1.975c0,0.623-0.12,1.161-0.359,1.612 c-0.241,0.457-0.569,0.828-0.973,1.114c-0.408,0.288-0.876,0.5-1.399,0.637C9.052,17.931,8.514,18,7.963,18H2V5.698H7.799 M7.449,10.668c0.481,0,0.878-0.114,1.192-0.345c0.311-0.228,0.463-0.603,0.463-1.119c0-0.286-0.051-0.523-0.152-0.707 C8.848,8.315,8.711,8.171,8.536,8.07C8.362,7.966,8.166,7.894,7.94,7.854c-0.224-0.044-0.457-0.06-0.697-0.06H4.709v2.874H7.449z M7.6,15.905c0.267,0,0.521-0.024,0.759-0.077c0.243-0.053,0.457-0.137,0.637-0.261c0.182-0.12,0.332-0.283,0.441-0.491 C9.547,14.87,9.6,14.602,9.6,14.278c0-0.633-0.18-1.084-0.533-1.357c-0.356-0.27-0.83-0.404-1.413-0.404H4.709v3.388L7.6,15.905z M16.162,15.864c0.367,0.358,0.897,0.538,1.583,0.538c0.493,0,0.92-0.125,1.277-0.374c0.354-0.248,0.571-0.514,0.654-0.79h2.155 c-0.347,1.072-0.872,1.838-1.589,2.299C19.534,18,18.67,18.23,17.662,18.23c-0.701,0-1.332-0.113-1.899-0.337 c-0.567-0.227-1.041-0.544-1.439-0.958c-0.389-0.415-0.689-0.907-0.904-1.484c-0.213-0.574-0.32-1.21-0.32-1.899 c0-0.666,0.11-1.288,0.329-1.863c0.222-0.577,0.529-1.075,0.933-1.492c0.406-0.42,0.885-0.751,1.444-0.994 c0.558-0.241,1.175-0.363,1.857-0.363c0.754,0,1.414,0.145,1.98,0.44c0.563,0.291,1.026,0.686,1.389,1.181 c0.363,0.493,0.622,1.057,0.783,1.69c0.16,0.632,0.217,1.292,0.171,1.983h-6.428C15.557,14.84,15.795,15.506,16.162,15.864 M18.973,11.184c-0.291-0.321-0.783-0.496-1.384-0.496c-0.39,0-0.714,0.066-0.973,0.2c-0.254,0.132-0.461,0.297-0.621,0.491 c-0.157,0.197-0.265,0.405-0.328,0.628c-0.063,0.217-0.101,0.413-0.111,0.587h3.98C19.478,11.969,19.265,11.509,18.973,11.184z M15.057,7.738h4.985V6.524h-4.985L15.057,7.738z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/chain.js
-
-
-/**
- * WordPress dependencies
- */
-
-const ChainIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19.647,16.706a1.134,1.134,0,0,0-.343-.833l-2.549-2.549a1.134,1.134,0,0,0-.833-.343,1.168,1.168,0,0,0-.883.392l.233.226q.2.189.264.264a2.922,2.922,0,0,1,.184.233.986.986,0,0,1,.159.312,1.242,1.242,0,0,1,.043.337,1.172,1.172,0,0,1-1.176,1.176,1.237,1.237,0,0,1-.337-.043,1,1,0,0,1-.312-.159,2.76,2.76,0,0,1-.233-.184q-.073-.068-.264-.264l-.226-.233a1.19,1.19,0,0,0-.4.895,1.134,1.134,0,0,0,.343.833L15.837,19.3a1.13,1.13,0,0,0,.833.331,1.18,1.18,0,0,0,.833-.318l1.8-1.789a1.12,1.12,0,0,0,.343-.821Zm-8.615-8.64a1.134,1.134,0,0,0-.343-.833L8.163,4.7a1.134,1.134,0,0,0-.833-.343,1.184,1.184,0,0,0-.833.331L4.7,6.473a1.12,1.12,0,0,0-.343.821,1.134,1.134,0,0,0,.343.833l2.549,2.549a1.13,1.13,0,0,0,.833.331,1.184,1.184,0,0,0,.883-.38L8.728,10.4q-.2-.189-.264-.264A2.922,2.922,0,0,1,8.28,9.9a.986.986,0,0,1-.159-.312,1.242,1.242,0,0,1-.043-.337A1.172,1.172,0,0,1,9.254,8.079a1.237,1.237,0,0,1,.337.043,1,1,0,0,1,.312.159,2.761,2.761,0,0,1,.233.184q.073.068.264.264l.226.233a1.19,1.19,0,0,0,.4-.895ZM22,16.706a3.343,3.343,0,0,1-1.042,2.488l-1.8,1.789a3.536,3.536,0,0,1-4.988-.025l-2.525-2.537a3.384,3.384,0,0,1-1.017-2.488,3.448,3.448,0,0,1,1.078-2.561l-1.078-1.078a3.434,3.434,0,0,1-2.549,1.078,3.4,3.4,0,0,1-2.5-1.029L3.029,9.794A3.4,3.4,0,0,1,2,7.294,3.343,3.343,0,0,1,3.042,4.806l1.8-1.789A3.384,3.384,0,0,1,7.331,2a3.357,3.357,0,0,1,2.5,1.042l2.525,2.537a3.384,3.384,0,0,1,1.017,2.488,3.448,3.448,0,0,1-1.078,2.561l1.078,1.078a3.551,3.551,0,0,1,5.049-.049l2.549,2.549A3.4,3.4,0,0,1,22,16.706Z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/codepen.js
-
-
-/**
- * WordPress dependencies
- */
-
-const CodepenIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/mail.js
+/**
+ * WordPress dependencies
+ */
+
+
+const MailIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M22.016,8.84c-0.002-0.013-0.005-0.025-0.007-0.037c-0.005-0.025-0.008-0.048-0.015-0.072 c-0.003-0.015-0.01-0.028-0.013-0.042c-0.008-0.02-0.015-0.04-0.023-0.062c-0.007-0.015-0.013-0.028-0.02-0.042 c-0.008-0.02-0.018-0.037-0.03-0.057c-0.007-0.013-0.017-0.027-0.025-0.038c-0.012-0.018-0.023-0.035-0.035-0.052 c-0.01-0.013-0.02-0.025-0.03-0.037c-0.015-0.017-0.028-0.032-0.043-0.045c-0.01-0.012-0.022-0.023-0.035-0.035 c-0.015-0.015-0.032-0.028-0.048-0.04c-0.012-0.01-0.025-0.02-0.037-0.03c-0.005-0.003-0.01-0.008-0.015-0.012l-9.161-6.096 c-0.289-0.192-0.666-0.192-0.955,0L2.359,8.237C2.354,8.24,2.349,8.245,2.344,8.249L2.306,8.277 c-0.017,0.013-0.033,0.027-0.048,0.04C2.246,8.331,2.234,8.342,2.222,8.352c-0.015,0.015-0.028,0.03-0.042,0.047 c-0.012,0.013-0.022,0.023-0.03,0.037C2.139,8.453,2.125,8.471,2.115,8.488C2.107,8.501,2.099,8.514,2.09,8.526 C2.079,8.548,2.069,8.565,2.06,8.585C2.054,8.6,2.047,8.613,2.04,8.626C2.032,8.648,2.025,8.67,2.019,8.69 c-0.005,0.013-0.01,0.027-0.013,0.042C1.999,8.755,1.995,8.778,1.99,8.803C1.989,8.817,1.985,8.828,1.984,8.84 C1.978,8.879,1.975,8.915,1.975,8.954v6.093c0,0.037,0.003,0.075,0.008,0.112c0.002,0.012,0.005,0.025,0.007,0.038 c0.005,0.023,0.008,0.047,0.015,0.072c0.003,0.015,0.008,0.028,0.013,0.04c0.007,0.022,0.013,0.042,0.022,0.063 c0.007,0.015,0.013,0.028,0.02,0.04c0.008,0.02,0.018,0.038,0.03,0.058c0.007,0.013,0.015,0.027,0.025,0.038 c0.012,0.018,0.023,0.035,0.035,0.052c0.01,0.013,0.02,0.025,0.03,0.037c0.013,0.015,0.028,0.032,0.042,0.045 c0.012,0.012,0.023,0.023,0.035,0.035c0.015,0.013,0.032,0.028,0.048,0.04l0.038,0.03c0.005,0.003,0.01,0.007,0.013,0.01 l9.163,6.095C11.668,21.953,11.833,22,12,22c0.167,0,0.332-0.047,0.478-0.144l9.163-6.095l0.015-0.01 c0.013-0.01,0.027-0.02,0.037-0.03c0.018-0.013,0.035-0.028,0.048-0.04c0.013-0.012,0.025-0.023,0.035-0.035 c0.017-0.015,0.03-0.032,0.043-0.045c0.01-0.013,0.02-0.025,0.03-0.037c0.013-0.018,0.025-0.035,0.035-0.052 c0.008-0.013,0.018-0.027,0.025-0.038c0.012-0.02,0.022-0.038,0.03-0.058c0.007-0.013,0.013-0.027,0.02-0.04 c0.008-0.022,0.015-0.042,0.023-0.063c0.003-0.013,0.01-0.027,0.013-0.04c0.007-0.025,0.01-0.048,0.015-0.072 c0.002-0.013,0.005-0.027,0.007-0.037c0.003-0.042,0.007-0.079,0.007-0.117V8.954C22.025,8.915,22.022,8.879,22.016,8.84z M12.862,4.464l6.751,4.49l-3.016,2.013l-3.735-2.492V4.464z M11.138,4.464v4.009l-3.735,2.494L4.389,8.954L11.138,4.464z M3.699,10.562L5.853,12l-2.155,1.438V10.562z M11.138,19.536l-6.749-4.491l3.015-2.011l3.735,2.492V19.536z M12,14.035L8.953,12 L12,9.966L15.047,12L12,14.035z M12.862,19.536v-4.009l3.735-2.492l3.016,2.011L12.862,19.536z M20.303,13.438L18.147,12 l2.156-1.438L20.303,13.438z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/deviantart.js
-
-
-/**
- * WordPress dependencies
- */
-
-const DeviantArtIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M 18.19 5.636 18.19 2 18.188 2 14.553 2 14.19 2.366 12.474 5.636 11.935 6 5.81 6 5.81 10.994 9.177 10.994 9.477 11.357 5.81 18.363 5.81 22 5.811 22 9.447 22 9.81 21.634 11.526 18.364 12.065 18 18.19 18 18.19 13.006 14.823 13.006 14.523 12.641 18.19 5.636z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/dribbble.js
-
-
-/**
- * WordPress dependencies
- */
-
-const DribbbleIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M19 5H5c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm.5 12c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5V9.8l7.5 5.6 7.5-5.6V17zm0-9.1L12 13.6 4.5 7.9V7c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v.9z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/mastodon.js
+/**
+ * WordPress dependencies
+ */
+
+
+const MastodonIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12,22C6.486,22,2,17.514,2,12S6.486,2,12,2c5.514,0,10,4.486,10,10S17.514,22,12,22z M20.434,13.369 c-0.292-0.092-2.644-0.794-5.32-0.365c1.117,3.07,1.572,5.57,1.659,6.09C18.689,17.798,20.053,15.745,20.434,13.369z M15.336,19.876c-0.127-0.749-0.623-3.361-1.822-6.477c-0.019,0.006-0.038,0.013-0.056,0.019c-4.818,1.679-6.547,5.02-6.701,5.334 c1.448,1.129,3.268,1.803,5.243,1.803C13.183,20.555,14.311,20.313,15.336,19.876z M5.654,17.724 c0.193-0.331,2.538-4.213,6.943-5.637c0.111-0.036,0.224-0.07,0.337-0.102c-0.214-0.485-0.448-0.971-0.692-1.45 c-4.266,1.277-8.405,1.223-8.778,1.216c-0.003,0.087-0.004,0.174-0.004,0.261C3.458,14.207,4.29,16.21,5.654,17.724z M3.639,10.264 c0.382,0.005,3.901,0.02,7.897-1.041c-1.415-2.516-2.942-4.631-3.167-4.94C5.979,5.41,4.193,7.613,3.639,10.264z M9.998,3.709 c0.236,0.316,1.787,2.429,3.187,5c3.037-1.138,4.323-2.867,4.477-3.085C16.154,4.286,14.17,3.471,12,3.471 C11.311,3.471,10.641,3.554,9.998,3.709z M18.612,6.612C18.432,6.855,17,8.69,13.842,9.979c0.199,0.407,0.389,0.821,0.567,1.237 c0.063,0.148,0.124,0.295,0.184,0.441c2.842-0.357,5.666,0.215,5.948,0.275C20.522,9.916,19.801,8.065,18.612,6.612z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/dropbox.js
-
-
-/**
- * WordPress dependencies
- */
-
-const DropboxIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12,6.134L6.069,9.797L2,6.54l5.883-3.843L12,6.134z M2,13.054l5.883,3.843L12,13.459L6.069,9.797L2,13.054z M12,13.459 l4.116,3.439L22,13.054l-4.069-3.257L12,13.459z M22,6.54l-5.884-3.843L12,6.134l5.931,3.663L22,6.54z M12.011,14.2l-4.129,3.426 l-1.767-1.153v1.291l5.896,3.539l5.897-3.539v-1.291l-1.769,1.153L12.011,14.2z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/etsy.js
-
-
-/**
- * WordPress dependencies
- */
-
-const EtsyIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/meetup.js
+/**
+ * WordPress dependencies
+ */
+
+
+const MeetupIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M9.16033,4.038c0-.27174.02717-.43478.48913-.43478h6.22283c1.087,0,1.68478.92391,2.11957,2.663l.35326,1.38587h1.05978C19.59511,3.712,19.75815,2,19.75815,2s-2.663.29891-4.23913.29891h-7.962L3.29076,2.163v1.1413L4.731,3.57609c1.00543.19022,1.25.40761,1.33152,1.33152,0,0,.08152,2.71739.08152,7.20109s-.08152,7.17391-.08152,7.17391c0,.81522-.32609,1.11413-1.33152,1.30435l-1.44022.27174V22l4.2663-.13587h7.11957c1.60326,0,5.32609.13587,5.32609.13587.08152-.97826.625-5.40761.70652-5.89674H19.7038L18.644,18.52174c-.84239,1.90217-2.06522,2.038-3.42391,2.038H11.1712c-1.3587,0-2.01087-.54348-2.01087-1.712V12.65217s3.0163,0,3.99457.08152c.76087.05435,1.22283.27174,1.46739,1.33152l.32609,1.413h1.16848l-.08152-3.55978.163-3.587H15.02989l-.38043,1.57609c-.24457,1.03261-.40761,1.22283-1.46739,1.33152-1.38587.13587-4.02174.1087-4.02174.1087Z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/facebook.js
-
-
-/**
- * WordPress dependencies
- */
-
-const FacebookIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/feed.js
-
-
-/**
- * WordPress dependencies
- */
-
-const FeedIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M19.24775,14.722a3.57032,3.57032,0,0,1-2.94457,3.52073,3.61886,3.61886,0,0,1-.64652.05634c-.07314-.0008-.10187.02846-.12507.09547A2.38881,2.38881,0,0,1,13.49453,20.094a2.33092,2.33092,0,0,1-1.827-.50716.13635.13635,0,0,0-.19878-.00408,3.191,3.191,0,0,1-2.104.60248,3.26309,3.26309,0,0,1-3.00324-2.71993,2.19076,2.19076,0,0,1-.03512-.30865c-.00156-.08579-.03413-.1189-.11608-.13493a2.86421,2.86421,0,0,1-1.23189-.56111,2.945,2.945,0,0,1-1.166-2.05749,2.97484,2.97484,0,0,1,.87524-2.50774.112.112,0,0,0,.02091-.16107,2.7213,2.7213,0,0,1-.36648-1.48A2.81256,2.81256,0,0,1,6.57673,7.58838a.35764.35764,0,0,0,.28869-.22819,4.2208,4.2208,0,0,1,6.02892-1.90111.25161.25161,0,0,0,.22023.0243,3.65608,3.65608,0,0,1,3.76031.90678A3.57244,3.57244,0,0,1,17.95918,8.626a2.97339,2.97339,0,0,1,.01829.57356.10637.10637,0,0,0,.0853.12792,1.97669,1.97669,0,0,1,1.27939,1.33733,2.00266,2.00266,0,0,1-.57112,2.12652c-.05284.05166-.04168.08328-.01173.13489A3.51189,3.51189,0,0,1,19.24775,14.722Zm-6.35959-.27836a1.6984,1.6984,0,0,0,1.14556,1.61113,3.82039,3.82039,0,0,0,1.036.17935,1.46888,1.46888,0,0,0,.73509-.12255.44082.44082,0,0,0,.26057-.44274.45312.45312,0,0,0-.29211-.43375.97191.97191,0,0,0-.20678-.063c-.21326-.03806-.42754-.0701-.63973-.11215a.54787.54787,0,0,1-.50172-.60926,2.75864,2.75864,0,0,1,.1773-.901c.1763-.535.414-1.045.64183-1.55913A12.686,12.686,0,0,0,15.85,10.47863a1.58461,1.58461,0,0,0,.04861-.87208,1.04531,1.04531,0,0,0-.85432-.83981,1.60658,1.60658,0,0,0-1.23654.16594.27593.27593,0,0,1-.36286-.03413c-.085-.0747-.16594-.15379-.24918-.23055a.98682.98682,0,0,0-1.33577-.04933,6.1468,6.1468,0,0,1-.4989.41615.47762.47762,0,0,1-.51535.03566c-.17448-.09307-.35512-.175-.53531-.25665a1.74949,1.74949,0,0,0-.56476-.2016,1.69943,1.69943,0,0,0-1.61654.91787,8.05815,8.05815,0,0,0-.32952.80126c-.45471,1.2557-.82507,2.53825-1.20838,3.81639a1.24151,1.24151,0,0,0,.51532,1.44389,1.42659,1.42659,0,0,0,1.22008.17166,1.09728,1.09728,0,0,0,.66994-.69764c.44145-1.04111.839-2.09989,1.25981-3.14926.11581-.28876.22792-.57874.35078-.86438a.44548.44548,0,0,1,.69189-.19539.50521.50521,0,0,1,.15044.43836,1.75625,1.75625,0,0,1-.14731.50453c-.27379.69219-.55265,1.38236-.82766,2.074a2.0836,2.0836,0,0,0-.14038.42876.50719.50719,0,0,0,.27082.57722.87236.87236,0,0,0,.66145.02739.99137.99137,0,0,0,.53406-.532q.61571-1.20914,1.228-2.42031.28423-.55863.57585-1.1133a.87189.87189,0,0,1,.29055-.35253.34987.34987,0,0,1,.37634-.01265.30291.30291,0,0,1,.12434.31459.56716.56716,0,0,1-.04655.1915c-.05318.12739-.10286.25669-.16183.38156-.34118.71775-.68754,1.43273-1.02568,2.152A2.00213,2.00213,0,0,0,12.88816,14.44366Zm4.78568,5.28972a.88573.88573,0,0,0-1.77139.00465.8857.8857,0,0,0,1.77139-.00465Zm-14.83838-7.296a.84329.84329,0,1,0,.00827-1.68655.8433.8433,0,0,0-.00827,1.68655Zm10.366-9.43673a.83506.83506,0,1,0-.0091,1.67.83505.83505,0,0,0,.0091-1.67Zm6.85014,5.22a.71651.71651,0,0,0-1.433.0093.71656.71656,0,0,0,1.433-.0093ZM5.37528,6.17908A.63823.63823,0,1,0,6.015,5.54483.62292.62292,0,0,0,5.37528,6.17908Zm6.68214,14.80843a.54949.54949,0,1,0-.55052.541A.54556.54556,0,0,0,12.05742,20.98752Zm8.53235-8.49689a.54777.54777,0,0,0-.54027.54023.53327.53327,0,0,0,.532.52293.51548.51548,0,0,0,.53272-.5237A.53187.53187,0,0,0,20.58977,12.49063ZM7.82846,2.4715a.44927.44927,0,1,0,.44484.44766A.43821.43821,0,0,0,7.82846,2.4715Zm13.775,7.60492a.41186.41186,0,0,0-.40065.39623.40178.40178,0,0,0,.40168.40168A.38994.38994,0,0,0,22,10.48172.39946.39946,0,0,0,21.60349,10.07642ZM5.79193,17.96207a.40469.40469,0,0,0-.397-.39646.399.399,0,0,0-.396.405.39234.39234,0,0,0,.39939.389A.39857.39857,0,0,0,5.79193,17.96207Z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/medium.js
+/**
+ * WordPress dependencies
+ */
+
+
+const MediumIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M2,8.667V12c5.515,0,10,4.485,10,10h3.333C15.333,14.637,9.363,8.667,2,8.667z M2,2v3.333 c9.19,0,16.667,7.477,16.667,16.667H22C22,10.955,13.045,2,2,2z M4.5,17C3.118,17,2,18.12,2,19.5S3.118,22,4.5,22S7,20.88,7,19.5 S5.882,17,4.5,17z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/flickr.js
-
-
-/**
- * WordPress dependencies
- */
-
-const FlickrIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M6.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5S9.25,7,6.5,7z M17.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5 S20.25,7,17.5,7z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/foursquare.js
-
-
-/**
- * WordPress dependencies
- */
-
-const FoursquareIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M13.2,12c0,3-2.4,5.4-5.3,5.4S2.6,15,2.6,12s2.4-5.4,5.3-5.4S13.2,9,13.2,12 M19.1,12c0,2.8-1.2,5-2.7,5s-2.7-2.3-2.7-5s1.2-5,2.7-5C17.9,7,19.1,9.2,19.1,12 M21.4,12c0,2.5-0.4,4.5-0.9,4.5c-0.5,0-0.9-2-0.9-4.5s0.4-4.5,0.9-4.5C21,7.5,21.4,9.5,21.4,12"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/patreon.js
+/**
+ * WordPress dependencies
+ */
+
+
+const PatreonIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M17.573,2c0,0-9.197,0-10.668,0S5,3.107,5,3.805s0,16.948,0,16.948c0,0.785,0.422,1.077,0.66,1.172 c0.238,0.097,0.892,0.177,1.285-0.275c0,0,5.035-5.843,5.122-5.93c0.132-0.132,0.132-0.132,0.262-0.132h3.26 c1.368,0,1.588-0.977,1.732-1.552c0.078-0.318,0.692-3.428,1.225-6.122l0.675-3.368C19.56,2.893,19.14,2,17.573,2z M16.495,7.22 c-0.053,0.252-0.372,0.518-0.665,0.518c-0.293,0-4.157,0-4.157,0c-0.467,0-0.802,0.318-0.802,0.787v0.508 c0,0.467,0.337,0.798,0.805,0.798c0,0,3.197,0,3.528,0s0.655,0.362,0.583,0.715c-0.072,0.353-0.407,2.102-0.448,2.295 c-0.04,0.193-0.262,0.523-0.655,0.523c-0.33,0-2.88,0-2.88,0c-0.523,0-0.683,0.068-1.033,0.503 c-0.35,0.437-3.505,4.223-3.505,4.223c-0.032,0.035-0.063,0.027-0.063-0.015V4.852c0-0.298,0.26-0.648,0.648-0.648 c0,0,8.228,0,8.562,0c0.315,0,0.61,0.297,0.528,0.683L16.495,7.22z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/goodreads.js
-
-
-/**
- * WordPress dependencies
- */
-
-const GoodreadsIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M17.3,17.5c-0.2,0.8-0.5,1.4-1,1.9c-0.4,0.5-1,0.9-1.7,1.2C13.9,20.9,13.1,21,12,21c-0.6,0-1.3-0.1-1.9-0.2 c-0.6-0.1-1.1-0.4-1.6-0.7c-0.5-0.3-0.9-0.7-1.2-1.2c-0.3-0.5-0.5-1.1-0.5-1.7h1.5c0.1,0.5,0.2,0.9,0.5,1.2 c0.2,0.3,0.5,0.6,0.9,0.8c0.3,0.2,0.7,0.3,1.1,0.4c0.4,0.1,0.8,0.1,1.2,0.1c1.4,0,2.5-0.4,3.1-1.2c0.6-0.8,1-2,1-3.5v-1.7h0 c-0.4,0.8-0.9,1.4-1.6,1.9c-0.7,0.5-1.5,0.7-2.4,0.7c-1,0-1.9-0.2-2.6-0.5C8.7,15,8.1,14.5,7.7,14c-0.5-0.6-0.8-1.3-1-2.1 c-0.2-0.8-0.3-1.6-0.3-2.5c0-0.9,0.1-1.7,0.4-2.5c0.3-0.8,0.6-1.5,1.1-2c0.5-0.6,1.1-1,1.8-1.4C10.3,3.2,11.1,3,12,3 c0.5,0,0.9,0.1,1.3,0.2c0.4,0.1,0.8,0.3,1.1,0.5c0.3,0.2,0.6,0.5,0.9,0.8c0.3,0.3,0.5,0.6,0.6,1h0V3.4h1.5V15 C17.6,15.9,17.5,16.7,17.3,17.5z M13.8,14.1c0.5-0.3,0.9-0.7,1.3-1.1c0.3-0.5,0.6-1,0.8-1.6c0.2-0.6,0.3-1.2,0.3-1.9 c0-0.6-0.1-1.2-0.2-1.9c-0.1-0.6-0.4-1.2-0.7-1.7c-0.3-0.5-0.7-0.9-1.3-1.2c-0.5-0.3-1.1-0.5-1.9-0.5s-1.4,0.2-1.9,0.5 c-0.5,0.3-1,0.7-1.3,1.2C8.5,6.4,8.3,7,8.1,7.6C8,8.2,7.9,8.9,7.9,9.5c0,0.6,0.1,1.3,0.2,1.9C8.3,12,8.6,12.5,8.9,13 c0.3,0.5,0.8,0.8,1.3,1.1c0.5,0.3,1.1,0.4,1.9,0.4C12.7,14.5,13.3,14.4,13.8,14.1z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/google.js
-
-
-/**
- * WordPress dependencies
- */
-
-const GoogleIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M20 8.40755C19.9969 6.10922 18.2543 4.22555 16.2097 3.54588C13.6708 2.70188 10.3222 2.82421 7.89775 3.99921C4.95932 5.42355 4.03626 8.54355 4.00186 11.6552C3.97363 14.2136 4.2222 20.9517 7.92225 20.9997C10.6715 21.0356 11.0809 17.3967 12.3529 15.6442C13.258 14.3974 14.4233 14.0452 15.8578 13.6806C18.3233 13.0537 20.0036 11.0551 20 8.40755Z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/pinterest.js
+/**
+ * WordPress dependencies
+ */
+
+
+const PinterestIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12.02,10.18v3.72v0.01h5.51c-0.26,1.57-1.67,4.22-5.5,4.22c-3.31,0-6.01-2.75-6.01-6.12s2.7-6.12,6.01-6.12 c1.87,0,3.13,0.8,3.85,1.48l2.84-2.76C16.99,2.99,14.73,2,12.03,2c-5.52,0-10,4.48-10,10s4.48,10,10,10c5.77,0,9.6-4.06,9.6-9.77 c0-0.83-0.11-1.42-0.25-2.05H12.02z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/github.js
-
-
-/**
- * WordPress dependencies
- */
-
-const GitHubIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833 c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/instagram.js
-
-
-/**
- * WordPress dependencies
- */
-
-const InstagramIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/lastfm.js
-
-
-/**
- * WordPress dependencies
- */
-
-const LastfmIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M 12.0002 1.5 C 6.2006 1.5 1.5 6.2011 1.5 11.9998 C 1.5 17.799 6.2006 22.5 12.0002 22.5 C 17.799 22.5 22.5 17.799 22.5 11.9998 C 22.5 6.2011 17.799 1.5 12.0002 1.5 Z M 16.1974 16.2204 C 14.8164 16.2152 13.9346 15.587 13.3345 14.1859 L 13.1816 13.8451 L 11.8541 10.8101 C 11.4271 9.7688 10.3526 9.0712 9.1801 9.0712 C 7.5695 9.0712 6.2593 10.3851 6.2593 12.001 C 6.2593 13.6165 7.5695 14.9303 9.1801 14.9303 C 10.272 14.9303 11.2651 14.3275 11.772 13.3567 C 11.7893 13.3235 11.8239 13.302 11.863 13.3038 C 11.9007 13.3054 11.9353 13.3288 11.9504 13.3632 L 12.4865 14.6046 C 12.5016 14.639 12.4956 14.6778 12.4723 14.7069 C 11.6605 15.6995 10.4602 16.2683 9.1801 16.2683 C 6.8331 16.2683 4.9234 14.3536 4.9234 12.001 C 4.9234 9.6468 6.833 7.732 9.1801 7.732 C 10.9572 7.732 12.3909 8.6907 13.1138 10.3636 C 13.1206 10.3802 13.8412 12.0708 14.4744 13.5191 C 14.8486 14.374 15.1462 14.896 16.1288 14.9292 C 17.0663 14.9613 17.7538 14.4122 17.7538 13.6485 C 17.7538 12.9691 17.3321 12.8004 16.3803 12.4822 C 14.7365 11.9398 13.845 11.3861 13.845 10.0182 C 13.845 8.6809 14.7667 7.8162 16.192 7.8162 C 17.1288 7.8162 17.8155 8.2287 18.2921 9.0768 C 18.305 9.1006 18.3079 9.1281 18.3004 9.1542 C 18.2929 9.1803 18.2748 9.2021 18.2507 9.2138 L 17.3614 9.669 C 17.3178 9.692 17.2643 9.6781 17.2356 9.6385 C 16.9329 9.2135 16.5956 9.0251 16.1423 9.0251 C 15.5512 9.0251 15.122 9.429 15.122 9.9865 C 15.122 10.6738 15.6529 10.8414 16.5339 11.1192 C 16.6491 11.1558 16.7696 11.194 16.8939 11.2343 C 18.2763 11.6865 19.0768 12.2311 19.0768 13.6836 C 19.0769 15.1297 17.8389 16.2204 16.1974 16.2204 Z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/linkedin.js
-
-
-/**
- * WordPress dependencies
- */
-
-const LinkedInIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/pocket.js
+/**
+ * WordPress dependencies
+ */
+
+
+const PocketIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/mail.js
-
-
-/**
- * WordPress dependencies
- */
-
-const MailIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M20,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4z M20,8.236l-8,4.882 L4,8.236V6h16V8.236z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/mastodon.js
-
-
-/**
- * WordPress dependencies
- */
-
-const MastodonIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M21.927,4.194C21.667,3.48,20.982,3,20.222,3h-0.01h-1.721H3.839C3.092,3,2.411,3.47,2.145,4.17 C2.066,4.378,2.026,4.594,2.026,4.814v6.035l0.069,1.2c0.29,2.73,1.707,5.115,3.899,6.778c0.039,0.03,0.079,0.059,0.119,0.089 l0.025,0.018c1.175,0.859,2.491,1.441,3.91,1.727c0.655,0.132,1.325,0.2,1.991,0.2c0.615,0,1.232-0.057,1.839-0.17 c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.297,2.621-0.864,3.753-1.691l0.025-0.018 c0.04-0.029,0.08-0.058,0.119-0.089c2.192-1.664,3.609-4.049,3.898-6.778l0.069-1.2V4.814C22.026,4.605,22,4.398,21.927,4.194z M17.692,10.481l-4.704,4.512c-0.266,0.254-0.608,0.382-0.949,0.382c-0.342,0-0.684-0.128-0.949-0.382l-4.705-4.512 C5.838,9.957,5.82,9.089,6.344,8.542c0.524-0.547,1.392-0.565,1.939-0.04l3.756,3.601l3.755-3.601 c0.547-0.524,1.415-0.506,1.939,0.04C18.256,9.089,18.238,9.956,17.692,10.481z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/reddit.js
+/**
+ * WordPress dependencies
+ */
+
+
+const RedditIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M23.193 7.879c0-5.206-3.411-6.732-3.411-6.732C18.062.357 15.108.025 12.041 0h-.076c-3.068.025-6.02.357-7.74 1.147 0 0-3.411 1.526-3.411 6.732 0 1.192-.023 2.618.015 4.129.124 5.092.934 10.109 5.641 11.355 2.17.574 4.034.695 5.535.612 2.722-.15 4.25-.972 4.25-.972l-.09-1.975s-1.945.613-4.129.539c-2.165-.074-4.449-.233-4.799-2.891a5.499 5.499 0 0 1-.048-.745s2.125.52 4.817.643c1.646.075 3.19-.097 4.758-.283 3.007-.359 5.625-2.212 5.954-3.905.517-2.665.475-6.507.475-6.507zm-4.024 6.709h-2.497V8.469c0-1.29-.543-1.944-1.628-1.944-1.2 0-1.802.776-1.802 2.312v3.349h-2.483v-3.35c0-1.536-.602-2.312-1.802-2.312-1.085 0-1.628.655-1.628 1.944v6.119H4.832V8.284c0-1.289.328-2.313.987-3.07.68-.758 1.569-1.146 2.674-1.146 1.278 0 2.246.491 2.886 1.474L12 6.585l.622-1.043c.64-.983 1.608-1.474 2.886-1.474 1.104 0 1.994.388 2.674 1.146.658.757.986 1.781.986 3.07v6.304z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/meetup.js
-
-
-/**
- * WordPress dependencies
- */
-
-const MeetupIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19.24775,14.722a3.57032,3.57032,0,0,1-2.94457,3.52073,3.61886,3.61886,0,0,1-.64652.05634c-.07314-.0008-.10187.02846-.12507.09547A2.38881,2.38881,0,0,1,13.49453,20.094a2.33092,2.33092,0,0,1-1.827-.50716.13635.13635,0,0,0-.19878-.00408,3.191,3.191,0,0,1-2.104.60248,3.26309,3.26309,0,0,1-3.00324-2.71993,2.19076,2.19076,0,0,1-.03512-.30865c-.00156-.08579-.03413-.1189-.11608-.13493a2.86421,2.86421,0,0,1-1.23189-.56111,2.945,2.945,0,0,1-1.166-2.05749,2.97484,2.97484,0,0,1,.87524-2.50774.112.112,0,0,0,.02091-.16107,2.7213,2.7213,0,0,1-.36648-1.48A2.81256,2.81256,0,0,1,6.57673,7.58838a.35764.35764,0,0,0,.28869-.22819,4.2208,4.2208,0,0,1,6.02892-1.90111.25161.25161,0,0,0,.22023.0243,3.65608,3.65608,0,0,1,3.76031.90678A3.57244,3.57244,0,0,1,17.95918,8.626a2.97339,2.97339,0,0,1,.01829.57356.10637.10637,0,0,0,.0853.12792,1.97669,1.97669,0,0,1,1.27939,1.33733,2.00266,2.00266,0,0,1-.57112,2.12652c-.05284.05166-.04168.08328-.01173.13489A3.51189,3.51189,0,0,1,19.24775,14.722Zm-6.35959-.27836a1.6984,1.6984,0,0,0,1.14556,1.61113,3.82039,3.82039,0,0,0,1.036.17935,1.46888,1.46888,0,0,0,.73509-.12255.44082.44082,0,0,0,.26057-.44274.45312.45312,0,0,0-.29211-.43375.97191.97191,0,0,0-.20678-.063c-.21326-.03806-.42754-.0701-.63973-.11215a.54787.54787,0,0,1-.50172-.60926,2.75864,2.75864,0,0,1,.1773-.901c.1763-.535.414-1.045.64183-1.55913A12.686,12.686,0,0,0,15.85,10.47863a1.58461,1.58461,0,0,0,.04861-.87208,1.04531,1.04531,0,0,0-.85432-.83981,1.60658,1.60658,0,0,0-1.23654.16594.27593.27593,0,0,1-.36286-.03413c-.085-.0747-.16594-.15379-.24918-.23055a.98682.98682,0,0,0-1.33577-.04933,6.1468,6.1468,0,0,1-.4989.41615.47762.47762,0,0,1-.51535.03566c-.17448-.09307-.35512-.175-.53531-.25665a1.74949,1.74949,0,0,0-.56476-.2016,1.69943,1.69943,0,0,0-1.61654.91787,8.05815,8.05815,0,0,0-.32952.80126c-.45471,1.2557-.82507,2.53825-1.20838,3.81639a1.24151,1.24151,0,0,0,.51532,1.44389,1.42659,1.42659,0,0,0,1.22008.17166,1.09728,1.09728,0,0,0,.66994-.69764c.44145-1.04111.839-2.09989,1.25981-3.14926.11581-.28876.22792-.57874.35078-.86438a.44548.44548,0,0,1,.69189-.19539.50521.50521,0,0,1,.15044.43836,1.75625,1.75625,0,0,1-.14731.50453c-.27379.69219-.55265,1.38236-.82766,2.074a2.0836,2.0836,0,0,0-.14038.42876.50719.50719,0,0,0,.27082.57722.87236.87236,0,0,0,.66145.02739.99137.99137,0,0,0,.53406-.532q.61571-1.20914,1.228-2.42031.28423-.55863.57585-1.1133a.87189.87189,0,0,1,.29055-.35253.34987.34987,0,0,1,.37634-.01265.30291.30291,0,0,1,.12434.31459.56716.56716,0,0,1-.04655.1915c-.05318.12739-.10286.25669-.16183.38156-.34118.71775-.68754,1.43273-1.02568,2.152A2.00213,2.00213,0,0,0,12.88816,14.44366Zm4.78568,5.28972a.88573.88573,0,0,0-1.77139.00465.8857.8857,0,0,0,1.77139-.00465Zm-14.83838-7.296a.84329.84329,0,1,0,.00827-1.68655.8433.8433,0,0,0-.00827,1.68655Zm10.366-9.43673a.83506.83506,0,1,0-.0091,1.67.83505.83505,0,0,0,.0091-1.67Zm6.85014,5.22a.71651.71651,0,0,0-1.433.0093.71656.71656,0,0,0,1.433-.0093ZM5.37528,6.17908A.63823.63823,0,1,0,6.015,5.54483.62292.62292,0,0,0,5.37528,6.17908Zm6.68214,14.80843a.54949.54949,0,1,0-.55052.541A.54556.54556,0,0,0,12.05742,20.98752Zm8.53235-8.49689a.54777.54777,0,0,0-.54027.54023.53327.53327,0,0,0,.532.52293.51548.51548,0,0,0,.53272-.5237A.53187.53187,0,0,0,20.58977,12.49063ZM7.82846,2.4715a.44927.44927,0,1,0,.44484.44766A.43821.43821,0,0,0,7.82846,2.4715Zm13.775,7.60492a.41186.41186,0,0,0-.40065.39623.40178.40178,0,0,0,.40168.40168A.38994.38994,0,0,0,22,10.48172.39946.39946,0,0,0,21.60349,10.07642ZM5.79193,17.96207a.40469.40469,0,0,0-.397-.39646.399.399,0,0,0-.396.405.39234.39234,0,0,0,.39939.389A.39857.39857,0,0,0,5.79193,17.96207Z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/medium.js
-
-
-/**
- * WordPress dependencies
- */
-
-const MediumIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M5.27 9.221A2.775 2.775 0 0 0 2.498 11.993a2.785 2.785 0 0 0 1.6 2.511 5.337 5.337 0 0 0 2.374 4.11 9.386 9.386 0 0 0 5.539 1.7 9.386 9.386 0 0 0 5.541-1.7 5.331 5.331 0 0 0 2.372-4.114 2.787 2.787 0 0 0 1.583-2.5 2.775 2.775 0 0 0-2.772-2.772 2.742 2.742 0 0 0-1.688.574 9.482 9.482 0 0 0-4.637-1.348v-.008a2.349 2.349 0 0 1 2.011-2.316 1.97 1.97 0 0 0 1.926 1.521 1.98 1.98 0 0 0 1.978-1.978 1.98 1.98 0 0 0-1.978-1.978 1.985 1.985 0 0 0-1.938 1.578 3.183 3.183 0 0 0-2.849 3.172v.011a9.463 9.463 0 0 0-4.59 1.35 2.741 2.741 0 0 0-1.688-.574Zm6.736 9.1a3.162 3.162 0 0 1-2.921-1.944.215.215 0 0 1 .014-.2.219.219 0 0 1 .168-.106 27.327 27.327 0 0 1 2.74-.133 27.357 27.357 0 0 1 2.74.133.219.219 0 0 1 .168.106.215.215 0 0 1 .014.2 3.158 3.158 0 0 1-2.921 1.944Zm3.743-3.157a1.265 1.265 0 0 1-1.4-1.371 1.954 1.954 0 0 1 .482-1.442 1.15 1.15 0 0 1 .842-.379 1.7 1.7 0 0 1 1.49 1.777 1.323 1.323 0 0 1-.325 1.015 1.476 1.476 0 0 1-1.089.4Zm-7.485 0a1.476 1.476 0 0 1-1.086-.4 1.323 1.323 0 0 1-.325-1.016 1.7 1.7 0 0 1 1.49-1.777 1.151 1.151 0 0 1 .843.379 1.951 1.951 0 0 1 .481 1.441 1.276 1.276 0 0 1-1.403 1.373Z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/skype.js
+/**
+ * WordPress dependencies
+ */
+
+
+const SkypeIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M20.962,7.257l-5.457,8.867l-3.923-6.375l3.126-5.08c0.112-0.182,0.319-0.286,0.527-0.286c0.05,0,0.1,0.008,0.149,0.02 c0.039,0.01,0.078,0.023,0.114,0.041l5.43,2.715l0.006,0.003c0.004,0.002,0.007,0.006,0.011,0.008 C20.971,7.191,20.98,7.227,20.962,7.257z M9.86,8.592v5.783l5.14,2.57L9.86,8.592z M15.772,17.331l4.231,2.115 C20.554,19.721,21,19.529,21,19.016V8.835L15.772,17.331z M8.968,7.178L3.665,4.527C3.569,4.479,3.478,4.456,3.395,4.456 C3.163,4.456,3,4.636,3,4.938v11.45c0,0.306,0.224,0.669,0.498,0.806l4.671,2.335c0.12,0.06,0.234,0.088,0.337,0.088 c0.29,0,0.494-0.225,0.494-0.602V7.231C9,7.208,8.988,7.188,8.968,7.178z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/patreon.js
-
-
-/**
- * WordPress dependencies
- */
-
-const PatreonIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M10.113,2.699c0.033-0.006,0.067-0.013,0.1-0.02c0.033,0.017,0.066,0.033,0.098,0.051L10.113,2.699z M2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223z M21.275,13.771 c0.007-0.035,0.011-0.071,0.018-0.106c-0.018-0.031-0.033-0.064-0.052-0.095L21.275,13.771z M13.563,21.199 c0.032,0.019,0.065,0.035,0.096,0.053c0.036-0.006,0.071-0.011,0.105-0.017L13.563,21.199z M22,16.386 c0,1.494-0.581,2.898-1.637,3.953c-1.056,1.057-2.459,1.637-3.953,1.637c-0.967,0-1.914-0.251-2.75-0.725 c0.036-0.006,0.071-0.011,0.105-0.017l-0.202-0.035c0.032,0.019,0.065,0.035,0.096,0.053c-0.543,0.096-1.099,0.147-1.654,0.147 c-1.275,0-2.512-0.25-3.676-0.743c-1.125-0.474-2.135-1.156-3.002-2.023c-0.867-0.867-1.548-1.877-2.023-3.002 c-0.493-1.164-0.743-2.401-0.743-3.676c0-0.546,0.049-1.093,0.142-1.628c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103C2.244,9.5,2,8.566,2,7.615c0-1.493,0.582-2.898,1.637-3.953 c1.056-1.056,2.46-1.638,3.953-1.638c0.915,0,1.818,0.228,2.622,0.655c-0.033,0.007-0.067,0.013-0.1,0.02l0.199,0.031 c-0.032-0.018-0.066-0.034-0.098-0.051c0.002,0,0.003-0.001,0.004-0.001c0.586-0.112,1.187-0.169,1.788-0.169 c1.275,0,2.512,0.249,3.676,0.742c1.124,0.476,2.135,1.156,3.002,2.024c0.868,0.867,1.548,1.877,2.024,3.002 c0.493,1.164,0.743,2.401,0.743,3.676c0,0.575-0.054,1.15-0.157,1.712c-0.018-0.031-0.033-0.064-0.052-0.095l0.034,0.201 c0.007-0.035,0.011-0.071,0.018-0.106C21.754,14.494,22,15.432,22,16.386z M16.817,14.138c0-1.331-0.613-2.743-3.033-3.282 l-2.209-0.49c-0.84-0.192-1.807-0.444-1.807-1.237c0-0.794,0.679-1.348,1.903-1.348c2.468,0,2.243,1.696,3.468,1.696 c0.645,0,1.209-0.379,1.209-1.031c0-1.521-2.435-2.663-4.5-2.663c-2.242,0-4.63,0.952-4.63,3.488c0,1.221,0.436,2.521,2.839,3.123 l2.984,0.745c0.903,0.223,1.129,0.731,1.129,1.189c0,0.762-0.758,1.507-2.129,1.507c-2.679,0-2.307-2.062-3.743-2.062 c-0.645,0-1.113,0.444-1.113,1.078c0,1.236,1.501,2.886,4.856,2.886C15.236,17.737,16.817,16.199,16.817,14.138z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/snapchat.js
+/**
+ * WordPress dependencies
+ */
+
+
+const SnapchatIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
- viewBox: "0 0 569 546",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Circle, {
- cx: "363",
- cy: "205",
- r: "205"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Rect, {
- width: "100",
- height: "546",
- x: "0",
- y: "0"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/pinterest.js
-
-
-/**
- * WordPress dependencies
- */
-
-const PinterestIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/pocket.js
-
-
-/**
- * WordPress dependencies
- */
-
-const PocketIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M21.927,4.194C21.667,3.48,20.982,3,20.222,3h-0.01h-1.721H3.839C3.092,3,2.411,3.47,2.145,4.17 C2.066,4.378,2.026,4.594,2.026,4.814v6.035l0.069,1.2c0.29,2.73,1.707,5.115,3.899,6.778c0.039,0.03,0.079,0.059,0.119,0.089 l0.025,0.018c1.175,0.859,2.491,1.441,3.91,1.727c0.655,0.132,1.325,0.2,1.991,0.2c0.615,0,1.232-0.057,1.839-0.17 c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.297,2.621-0.864,3.753-1.691l0.025-0.018 c0.04-0.029,0.08-0.058,0.119-0.089c2.192-1.664,3.609-4.049,3.898-6.778l0.069-1.2V4.814C22.026,4.605,22,4.398,21.927,4.194z M17.692,10.481l-4.704,4.512c-0.266,0.254-0.608,0.382-0.949,0.382c-0.342,0-0.684-0.128-0.949-0.382l-4.705-4.512 C5.838,9.957,5.82,9.089,6.344,8.542c0.524-0.547,1.392-0.565,1.939-0.04l3.756,3.601l3.755-3.601 c0.547-0.524,1.415-0.506,1.939,0.04C18.256,9.089,18.238,9.956,17.692,10.481z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/reddit.js
-
-
-/**
- * WordPress dependencies
- */
-
-const RedditIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12.065,2a5.526,5.526,0,0,1,3.132.892A5.854,5.854,0,0,1,17.326,5.4a5.821,5.821,0,0,1,.351,2.33q0,.612-.117,2.487a.809.809,0,0,0,.365.091,1.93,1.93,0,0,0,.664-.176,1.93,1.93,0,0,1,.664-.176,1.3,1.3,0,0,1,.729.234.7.7,0,0,1,.351.6.839.839,0,0,1-.41.7,2.732,2.732,0,0,1-.9.41,3.192,3.192,0,0,0-.9.378.728.728,0,0,0-.41.618,1.575,1.575,0,0,0,.156.56,6.9,6.9,0,0,0,1.334,1.953,5.6,5.6,0,0,0,1.881,1.315,5.875,5.875,0,0,0,1.042.3.42.42,0,0,1,.365.456q0,.911-2.852,1.341a1.379,1.379,0,0,0-.143.507,1.8,1.8,0,0,1-.182.605.451.451,0,0,1-.429.241,5.878,5.878,0,0,1-.807-.085,5.917,5.917,0,0,0-.833-.085,4.217,4.217,0,0,0-.807.065,2.42,2.42,0,0,0-.82.293,6.682,6.682,0,0,0-.755.5q-.351.267-.755.527a3.886,3.886,0,0,1-.989.436A4.471,4.471,0,0,1,11.831,22a4.307,4.307,0,0,1-1.256-.176,3.784,3.784,0,0,1-.976-.436q-.4-.26-.749-.527a6.682,6.682,0,0,0-.755-.5,2.422,2.422,0,0,0-.807-.293,4.432,4.432,0,0,0-.82-.065,5.089,5.089,0,0,0-.853.1,5,5,0,0,1-.762.1.474.474,0,0,1-.456-.241,1.819,1.819,0,0,1-.182-.618,1.411,1.411,0,0,0-.143-.521q-2.852-.429-2.852-1.341a.42.42,0,0,1,.365-.456,5.793,5.793,0,0,0,1.042-.3,5.524,5.524,0,0,0,1.881-1.315,6.789,6.789,0,0,0,1.334-1.953A1.575,1.575,0,0,0,6,12.9a.728.728,0,0,0-.41-.618,3.323,3.323,0,0,0-.9-.384,2.912,2.912,0,0,1-.9-.41.814.814,0,0,1-.41-.684.71.71,0,0,1,.338-.593,1.208,1.208,0,0,1,.716-.241,1.976,1.976,0,0,1,.625.169,2.008,2.008,0,0,0,.69.169.919.919,0,0,0,.416-.091q-.117-1.849-.117-2.474A5.861,5.861,0,0,1,6.385,5.4,5.516,5.516,0,0,1,8.625,2.819,7.075,7.075,0,0,1,12.062,2Z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/soundcloud.js
+/**
+ * WordPress dependencies
+ */
+
+
+const SoundCloudIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M22,11.816c0-1.256-1.021-2.277-2.277-2.277c-0.593,0-1.122,0.24-1.526,0.614c-1.481-0.965-3.455-1.594-5.647-1.69 l1.171-3.702l3.18,0.748c0.008,1.028,0.846,1.862,1.876,1.862c1.035,0,1.877-0.842,1.877-1.878c0-1.035-0.842-1.877-1.877-1.877 c-0.769,0-1.431,0.466-1.72,1.13l-3.508-0.826c-0.203-0.047-0.399,0.067-0.46,0.261l-1.35,4.268 c-2.316,0.038-4.411,0.67-5.97,1.671C5.368,9.765,4.853,9.539,4.277,9.539C3.021,9.539,2,10.56,2,11.816 c0,0.814,0.433,1.523,1.078,1.925c-0.037,0.221-0.061,0.444-0.061,0.672c0,3.292,4.011,5.97,8.941,5.97s8.941-2.678,8.941-5.97 c0-0.214-0.02-0.424-0.053-0.632C21.533,13.39,22,12.661,22,11.816z M18.776,4.394c0.606,0,1.1,0.493,1.1,1.1s-0.493,1.1-1.1,1.1 s-1.1-0.494-1.1-1.1S18.169,4.394,18.776,4.394z M2.777,11.816c0-0.827,0.672-1.5,1.499-1.5c0.313,0,0.598,0.103,0.838,0.269 c-0.851,0.676-1.477,1.479-1.812,2.36C2.983,12.672,2.777,12.27,2.777,11.816z M11.959,19.606c-4.501,0-8.164-2.329-8.164-5.193 S7.457,9.22,11.959,9.22s8.164,2.329,8.164,5.193S16.46,19.606,11.959,19.606z M20.636,13.001c-0.326-0.89-0.948-1.701-1.797-2.384 c0.248-0.186,0.55-0.301,0.883-0.301c0.827,0,1.5,0.673,1.5,1.5C21.223,12.299,20.992,12.727,20.636,13.001z M8.996,14.704 c-0.76,0-1.397-0.616-1.397-1.376c0-0.76,0.637-1.397,1.397-1.397c0.76,0,1.376,0.637,1.376,1.397 C10.372,14.088,9.756,14.704,8.996,14.704z M16.401,13.328c0,0.76-0.616,1.376-1.376,1.376c-0.76,0-1.399-0.616-1.399-1.376 c0-0.76,0.639-1.397,1.399-1.397C15.785,11.931,16.401,12.568,16.401,13.328z M15.229,16.708c0.152,0.152,0.152,0.398,0,0.55 c-0.674,0.674-1.727,1.002-3.219,1.002c-0.004,0-0.007-0.002-0.011-0.002c-0.004,0-0.007,0.002-0.011,0.002 c-1.492,0-2.544-0.328-3.218-1.002c-0.152-0.152-0.152-0.398,0-0.55c0.152-0.152,0.399-0.151,0.55,0 c0.521,0.521,1.394,0.775,2.669,0.775c0.004,0,0.007,0.002,0.011,0.002c0.004,0,0.007-0.002,0.011-0.002 c1.275,0,2.148-0.253,2.669-0.775C14.831,16.556,15.078,16.556,15.229,16.708z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/skype.js
-
-
-/**
- * WordPress dependencies
- */
-
-const SkypeIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M10.113,2.699c0.033-0.006,0.067-0.013,0.1-0.02c0.033,0.017,0.066,0.033,0.098,0.051L10.113,2.699z M2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223z M21.275,13.771 c0.007-0.035,0.011-0.071,0.018-0.106c-0.018-0.031-0.033-0.064-0.052-0.095L21.275,13.771z M13.563,21.199 c0.032,0.019,0.065,0.035,0.096,0.053c0.036-0.006,0.071-0.011,0.105-0.017L13.563,21.199z M22,16.386 c0,1.494-0.581,2.898-1.637,3.953c-1.056,1.057-2.459,1.637-3.953,1.637c-0.967,0-1.914-0.251-2.75-0.725 c0.036-0.006,0.071-0.011,0.105-0.017l-0.202-0.035c0.032,0.019,0.065,0.035,0.096,0.053c-0.543,0.096-1.099,0.147-1.654,0.147 c-1.275,0-2.512-0.25-3.676-0.743c-1.125-0.474-2.135-1.156-3.002-2.023c-0.867-0.867-1.548-1.877-2.023-3.002 c-0.493-1.164-0.743-2.401-0.743-3.676c0-0.546,0.049-1.093,0.142-1.628c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103C2.244,9.5,2,8.566,2,7.615c0-1.493,0.582-2.898,1.637-3.953 c1.056-1.056,2.46-1.638,3.953-1.638c0.915,0,1.818,0.228,2.622,0.655c-0.033,0.007-0.067,0.013-0.1,0.02l0.199,0.031 c-0.032-0.018-0.066-0.034-0.098-0.051c0.002,0,0.003-0.001,0.004-0.001c0.586-0.112,1.187-0.169,1.788-0.169 c1.275,0,2.512,0.249,3.676,0.742c1.124,0.476,2.135,1.156,3.002,2.024c0.868,0.867,1.548,1.877,2.024,3.002 c0.493,1.164,0.743,2.401,0.743,3.676c0,0.575-0.054,1.15-0.157,1.712c-0.018-0.031-0.033-0.064-0.052-0.095l0.034,0.201 c0.007-0.035,0.011-0.071,0.018-0.106C21.754,14.494,22,15.432,22,16.386z M16.817,14.138c0-1.331-0.613-2.743-3.033-3.282 l-2.209-0.49c-0.84-0.192-1.807-0.444-1.807-1.237c0-0.794,0.679-1.348,1.903-1.348c2.468,0,2.243,1.696,3.468,1.696 c0.645,0,1.209-0.379,1.209-1.031c0-1.521-2.435-2.663-4.5-2.663c-2.242,0-4.63,0.952-4.63,3.488c0,1.221,0.436,2.521,2.839,3.123 l2.984,0.745c0.903,0.223,1.129,0.731,1.129,1.189c0,0.762-0.758,1.507-2.129,1.507c-2.679,0-2.307-2.062-3.743-2.062 c-0.645,0-1.113,0.444-1.113,1.078c0,1.236,1.501,2.886,4.856,2.886C15.236,17.737,16.817,16.199,16.817,14.138z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/snapchat.js
-
-
-/**
- * WordPress dependencies
- */
-
-const SnapchatIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M8.9,16.1L9,14L8.9,9.5c0-0.1,0-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1,0-0.1,0.1c0,0-0.1,0.1-0.1,0.1L8.3,14l0.1,2.1 c0,0.1,0,0.1,0.1,0.1c0,0,0.1,0.1,0.1,0.1C8.8,16.3,8.9,16.3,8.9,16.1z M11.4,15.9l0.1-1.8L11.4,9c0-0.1,0-0.2-0.1-0.2 c0,0-0.1,0-0.1,0s-0.1,0-0.1,0c-0.1,0-0.1,0.1-0.1,0.2l0,0.1l-0.1,5c0,0,0,0.7,0.1,2v0c0,0.1,0,0.1,0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1 c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1-0.1,0.1-0.2L11.4,15.9z M2.4,12.9L2.5,14l-0.2,1.1c0,0.1,0,0.1-0.1,0.1c0,0-0.1,0-0.1-0.1L2.1,14 l0.1-1.1C2.2,12.9,2.3,12.9,2.4,12.9C2.3,12.9,2.4,12.9,2.4,12.9z M3.1,12.2L3.3,14l-0.2,1.8c0,0.1,0,0.1-0.1,0.1 c-0.1,0-0.1,0-0.1-0.1L2.8,14L3,12.2C3,12.2,3,12.2,3.1,12.2C3.1,12.2,3.1,12.2,3.1,12.2z M3.9,11.9L4.1,14l-0.2,2.1 c0,0.1,0,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L3.5,14l0.2-2.1c0-0.1,0-0.1,0.1-0.1C3.9,11.8,3.9,11.8,3.9,11.9z M4.7,11.9L4.9,14 l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L4.3,14l0.2-2.2c0-0.1,0-0.1,0.1-0.1C4.7,11.7,4.7,11.8,4.7,11.9z M5.6,12 l0.2,2l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c0,0-0.1,0-0.1,0c0,0,0-0.1,0-0.1L5.1,14l0.2-2c0,0,0-0.1,0-0.1s0.1,0,0.1,0 C5.5,11.9,5.5,11.9,5.6,12L5.6,12z M6.4,10.7L6.6,14l-0.2,2.1c0,0,0,0.1,0,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1-0.1-0.2-0.2L5.9,14 l0.2-3.3c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0C6.4,10.7,6.4,10.7,6.4,10.7z M7.2,10l0.2,4.1l-0.2,2.1c0,0,0,0.1,0,0.1 c0,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.2l-0.1-2.1L6.8,10c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0S7.2,9.9,7.2,10z M8,9.6L8.2,14 L8,16.1c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2L7.5,14l0.1-4.4c0-0.1,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1,0,0.1,0.1 C8,9.6,8,9.6,8,9.6z M11.4,16.1L11.4,16.1L11.4,16.1z M9.7,9.6L9.8,14l-0.1,2.1c0,0.1,0,0.1-0.1,0.2s-0.1,0.1-0.2,0.1 c-0.1,0-0.1,0-0.1-0.1s-0.1-0.1-0.1-0.2L9.2,14l0.1-4.4c0-0.1,0-0.1,0.1-0.2s0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S9.7,9.5,9.7,9.6 L9.7,9.6z M10.6,9.8l0.1,4.3l-0.1,2c0,0.1,0,0.1-0.1,0.2c0,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c0,0-0.1-0.1-0.1-0.2L10,14 l0.1-4.3c0-0.1,0-0.1,0.1-0.2c0,0,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S10.6,9.7,10.6,9.8z M12.4,14l-0.1,2c0,0.1,0,0.1-0.1,0.2 c-0.1,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2l-0.1-1l-0.1-1l0.1-5.5v0c0-0.1,0-0.2,0.1-0.2 c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0.1,0.1,0.2L12.4,14z M22.1,13.9c0,0.7-0.2,1.3-0.7,1.7c-0.5,0.5-1.1,0.7-1.7,0.7 h-6.8c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2V8.2c0-0.1,0.1-0.2,0.2-0.3c0.5-0.2,1-0.3,1.6-0.3c1.1,0,2.1,0.4,2.9,1.1 c0.8,0.8,1.3,1.7,1.4,2.8c0.3-0.1,0.6-0.2,1-0.2c0.7,0,1.3,0.2,1.7,0.7C21.8,12.6,22.1,13.2,22.1,13.9L22.1,13.9z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/spotify.js
+/**
+ * WordPress dependencies
+ */
+
+
+const SpotifyIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12.065,2a5.526,5.526,0,0,1,3.132.892A5.854,5.854,0,0,1,17.326,5.4a5.821,5.821,0,0,1,.351,2.33q0,.612-.117,2.487a.809.809,0,0,0,.365.091,1.93,1.93,0,0,0,.664-.176,1.93,1.93,0,0,1,.664-.176,1.3,1.3,0,0,1,.729.234.7.7,0,0,1,.351.6.839.839,0,0,1-.41.7,2.732,2.732,0,0,1-.9.41,3.192,3.192,0,0,0-.9.378.728.728,0,0,0-.41.618,1.575,1.575,0,0,0,.156.56,6.9,6.9,0,0,0,1.334,1.953,5.6,5.6,0,0,0,1.881,1.315,5.875,5.875,0,0,0,1.042.3.42.42,0,0,1,.365.456q0,.911-2.852,1.341a1.379,1.379,0,0,0-.143.507,1.8,1.8,0,0,1-.182.605.451.451,0,0,1-.429.241,5.878,5.878,0,0,1-.807-.085,5.917,5.917,0,0,0-.833-.085,4.217,4.217,0,0,0-.807.065,2.42,2.42,0,0,0-.82.293,6.682,6.682,0,0,0-.755.5q-.351.267-.755.527a3.886,3.886,0,0,1-.989.436A4.471,4.471,0,0,1,11.831,22a4.307,4.307,0,0,1-1.256-.176,3.784,3.784,0,0,1-.976-.436q-.4-.26-.749-.527a6.682,6.682,0,0,0-.755-.5,2.422,2.422,0,0,0-.807-.293,4.432,4.432,0,0,0-.82-.065,5.089,5.089,0,0,0-.853.1,5,5,0,0,1-.762.1.474.474,0,0,1-.456-.241,1.819,1.819,0,0,1-.182-.618,1.411,1.411,0,0,0-.143-.521q-2.852-.429-2.852-1.341a.42.42,0,0,1,.365-.456,5.793,5.793,0,0,0,1.042-.3,5.524,5.524,0,0,0,1.881-1.315,6.789,6.789,0,0,0,1.334-1.953A1.575,1.575,0,0,0,6,12.9a.728.728,0,0,0-.41-.618,3.323,3.323,0,0,0-.9-.384,2.912,2.912,0,0,1-.9-.41.814.814,0,0,1-.41-.684.71.71,0,0,1,.338-.593,1.208,1.208,0,0,1,.716-.241,1.976,1.976,0,0,1,.625.169,2.008,2.008,0,0,0,.69.169.919.919,0,0,0,.416-.091q-.117-1.849-.117-2.474A5.861,5.861,0,0,1,6.385,5.4,5.516,5.516,0,0,1,8.625,2.819,7.075,7.075,0,0,1,12.062,2Z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/soundcloud.js
-
-
-/**
- * WordPress dependencies
- */
-
-const SoundCloudIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M8.9,16.1L9,14L8.9,9.5c0-0.1,0-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1,0-0.1,0.1c0,0-0.1,0.1-0.1,0.1L8.3,14l0.1,2.1 c0,0.1,0,0.1,0.1,0.1c0,0,0.1,0.1,0.1,0.1C8.8,16.3,8.9,16.3,8.9,16.1z M11.4,15.9l0.1-1.8L11.4,9c0-0.1,0-0.2-0.1-0.2 c0,0-0.1,0-0.1,0s-0.1,0-0.1,0c-0.1,0-0.1,0.1-0.1,0.2l0,0.1l-0.1,5c0,0,0,0.7,0.1,2v0c0,0.1,0,0.1,0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1 c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1-0.1,0.1-0.2L11.4,15.9z M2.4,12.9L2.5,14l-0.2,1.1c0,0.1,0,0.1-0.1,0.1c0,0-0.1,0-0.1-0.1L2.1,14 l0.1-1.1C2.2,12.9,2.3,12.9,2.4,12.9C2.3,12.9,2.4,12.9,2.4,12.9z M3.1,12.2L3.3,14l-0.2,1.8c0,0.1,0,0.1-0.1,0.1 c-0.1,0-0.1,0-0.1-0.1L2.8,14L3,12.2C3,12.2,3,12.2,3.1,12.2C3.1,12.2,3.1,12.2,3.1,12.2z M3.9,11.9L4.1,14l-0.2,2.1 c0,0.1,0,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L3.5,14l0.2-2.1c0-0.1,0-0.1,0.1-0.1C3.9,11.8,3.9,11.8,3.9,11.9z M4.7,11.9L4.9,14 l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L4.3,14l0.2-2.2c0-0.1,0-0.1,0.1-0.1C4.7,11.7,4.7,11.8,4.7,11.9z M5.6,12 l0.2,2l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c0,0-0.1,0-0.1,0c0,0,0-0.1,0-0.1L5.1,14l0.2-2c0,0,0-0.1,0-0.1s0.1,0,0.1,0 C5.5,11.9,5.5,11.9,5.6,12L5.6,12z M6.4,10.7L6.6,14l-0.2,2.1c0,0,0,0.1,0,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1-0.1-0.2-0.2L5.9,14 l0.2-3.3c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0C6.4,10.7,6.4,10.7,6.4,10.7z M7.2,10l0.2,4.1l-0.2,2.1c0,0,0,0.1,0,0.1 c0,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.2l-0.1-2.1L6.8,10c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0S7.2,9.9,7.2,10z M8,9.6L8.2,14 L8,16.1c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2L7.5,14l0.1-4.4c0-0.1,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1,0,0.1,0.1 C8,9.6,8,9.6,8,9.6z M11.4,16.1L11.4,16.1L11.4,16.1z M9.7,9.6L9.8,14l-0.1,2.1c0,0.1,0,0.1-0.1,0.2s-0.1,0.1-0.2,0.1 c-0.1,0-0.1,0-0.1-0.1s-0.1-0.1-0.1-0.2L9.2,14l0.1-4.4c0-0.1,0-0.1,0.1-0.2s0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S9.7,9.5,9.7,9.6 L9.7,9.6z M10.6,9.8l0.1,4.3l-0.1,2c0,0.1,0,0.1-0.1,0.2c0,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c0,0-0.1-0.1-0.1-0.2L10,14 l0.1-4.3c0-0.1,0-0.1,0.1-0.2c0,0,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S10.6,9.7,10.6,9.8z M12.4,14l-0.1,2c0,0.1,0,0.1-0.1,0.2 c-0.1,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2l-0.1-1l-0.1-1l0.1-5.5v0c0-0.1,0-0.2,0.1-0.2 c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0.1,0.1,0.2L12.4,14z M22.1,13.9c0,0.7-0.2,1.3-0.7,1.7c-0.5,0.5-1.1,0.7-1.7,0.7 h-6.8c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2V8.2c0-0.1,0.1-0.2,0.2-0.3c0.5-0.2,1-0.3,1.6-0.3c1.1,0,2.1,0.4,2.9,1.1 c0.8,0.8,1.3,1.7,1.4,2.8c0.3-0.1,0.6-0.2,1-0.2c0.7,0,1.3,0.2,1.7,0.7C21.8,12.6,22.1,13.2,22.1,13.9L22.1,13.9z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/spotify.js
-
-
-/**
- * WordPress dependencies
- */
-
-const SpotifyIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- width: "24",
- height: "24",
- viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2 M16.586,16.424 c-0.18,0.295-0.563,0.387-0.857,0.207c-2.348-1.435-5.304-1.76-8.785-0.964c-0.335,0.077-0.67-0.133-0.746-0.469 c-0.077-0.335,0.132-0.67,0.469-0.746c3.809-0.871,7.077-0.496,9.713,1.115C16.673,15.746,16.766,16.13,16.586,16.424 M17.81,13.7 c-0.226,0.367-0.706,0.482-1.072,0.257c-2.687-1.652-6.785-2.131-9.965-1.166C6.36,12.917,5.925,12.684,5.8,12.273 C5.675,11.86,5.908,11.425,6.32,11.3c3.632-1.102,8.147-0.568,11.234,1.328C17.92,12.854,18.035,13.335,17.81,13.7 M17.915,10.865 c-3.223-1.914-8.54-2.09-11.618-1.156C5.804,9.859,5.281,9.58,5.131,9.086C4.982,8.591,5.26,8.069,5.755,7.919 c3.532-1.072,9.404-0.865,13.115,1.338c0.445,0.264,0.59,0.838,0.327,1.282C18.933,10.983,18.359,11.129,17.915,10.865"
-}));
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2 M16.586,16.424 c-0.18,0.295-0.563,0.387-0.857,0.207c-2.348-1.435-5.304-1.76-8.785-0.964c-0.335,0.077-0.67-0.133-0.746-0.469 c-0.077-0.335,0.132-0.67,0.469-0.746c3.809-0.871,7.077-0.496,9.713,1.115C16.673,15.746,16.766,16.13,16.586,16.424 M17.81,13.7 c-0.226,0.367-0.706,0.482-1.072,0.257c-2.687-1.652-6.785-2.131-9.965-1.166C6.36,12.917,5.925,12.684,5.8,12.273 C5.675,11.86,5.908,11.425,6.32,11.3c3.632-1.102,8.147-0.568,11.234,1.328C17.92,12.854,18.035,13.335,17.81,13.7 M17.915,10.865 c-3.223-1.914-8.54-2.09-11.618-1.156C5.804,9.859,5.281,9.58,5.131,9.086C4.982,8.591,5.26,8.069,5.755,7.919 c3.532-1.072,9.404-0.865,13.115,1.338c0.445,0.264,0.59,0.838,0.327,1.282C18.933,10.983,18.359,11.129,17.915,10.865"
+ })
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/telegram.js
-
-
-/**
- * WordPress dependencies
- */
-
-const TelegramIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+const TelegramIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 128 128",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M28.9700376,63.3244248 C47.6273373,55.1957357 60.0684594,49.8368063 66.2934036,47.2476366 C84.0668845,39.855031 87.7600616,38.5708563 90.1672227,38.528 C90.6966555,38.5191258 91.8804274,38.6503351 92.6472251,39.2725385 C93.294694,39.7979149 93.4728387,40.5076237 93.5580865,41.0057381 C93.6433345,41.5038525 93.7494885,42.63857 93.6651041,43.5252052 C92.7019529,53.6451182 88.5344133,78.2034783 86.4142057,89.5379542 C85.5170662,94.3339958 83.750571,95.9420841 82.0403991,96.0994568 C78.3237996,96.4414641 75.5015827,93.6432685 71.9018743,91.2836143 C66.2690414,87.5912212 63.0868492,85.2926952 57.6192095,81.6896017 C51.3004058,77.5256038 55.3966232,75.2369981 58.9976911,71.4967761 C59.9401076,70.5179421 76.3155302,55.6232293 76.6324771,54.2720454 C76.6721165,54.1030573 76.7089039,53.4731496 76.3346867,53.1405352 C75.9604695,52.8079208 75.4081573,52.921662 75.0095933,53.0121213 C74.444641,53.1403447 65.4461175,59.0880351 48.0140228,70.8551922 C45.4598218,72.6091037 43.1463059,73.4636682 41.0734751,73.4188859 C38.7883453,73.3695169 34.3926725,72.1268388 31.1249416,71.0646282 C27.1169366,69.7617838 23.931454,69.0729605 24.208838,66.8603276 C24.3533167,65.7078514 25.9403832,64.5292172 28.9700376,63.3244248 Z"
-}));
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M28.9700376,63.3244248 C47.6273373,55.1957357 60.0684594,49.8368063 66.2934036,47.2476366 C84.0668845,39.855031 87.7600616,38.5708563 90.1672227,38.528 C90.6966555,38.5191258 91.8804274,38.6503351 92.6472251,39.2725385 C93.294694,39.7979149 93.4728387,40.5076237 93.5580865,41.0057381 C93.6433345,41.5038525 93.7494885,42.63857 93.6651041,43.5252052 C92.7019529,53.6451182 88.5344133,78.2034783 86.4142057,89.5379542 C85.5170662,94.3339958 83.750571,95.9420841 82.0403991,96.0994568 C78.3237996,96.4414641 75.5015827,93.6432685 71.9018743,91.2836143 C66.2690414,87.5912212 63.0868492,85.2926952 57.6192095,81.6896017 C51.3004058,77.5256038 55.3966232,75.2369981 58.9976911,71.4967761 C59.9401076,70.5179421 76.3155302,55.6232293 76.6324771,54.2720454 C76.6721165,54.1030573 76.7089039,53.4731496 76.3346867,53.1405352 C75.9604695,52.8079208 75.4081573,52.921662 75.0095933,53.0121213 C74.444641,53.1403447 65.4461175,59.0880351 48.0140228,70.8551922 C45.4598218,72.6091037 43.1463059,73.4636682 41.0734751,73.4188859 C38.7883453,73.3695169 34.3926725,72.1268388 31.1249416,71.0646282 C27.1169366,69.7617838 23.931454,69.0729605 24.208838,66.8603276 C24.3533167,65.7078514 25.9403832,64.5292172 28.9700376,63.3244248 Z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/threads.js
+/**
+ * WordPress dependencies
+ */
+
+
+const ThreadsIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M16.3 11.3c-.1 0-.2-.1-.2-.1-.1-2.6-1.5-4-3.9-4-1.4 0-2.6.6-3.3 1.7l1.3.9c.5-.8 1.4-1 2-1 .8 0 1.4.2 1.7.7.3.3.5.8.5 1.3-.7-.1-1.4-.2-2.2-.1-2.2.1-3.7 1.4-3.6 3.2 0 .9.5 1.7 1.3 2.2.7.4 1.5.6 2.4.6 1.2-.1 2.1-.5 2.7-1.3.5-.6.8-1.4.9-2.4.6.3 1 .8 1.2 1.3.4.9.4 2.4-.8 3.6-1.1 1.1-2.3 1.5-4.3 1.5-2.1 0-3.8-.7-4.8-2S5.7 14.3 5.7 12c0-2.3.5-4.1 1.5-5.4 1.1-1.3 2.7-2 4.8-2 2.2 0 3.8.7 4.9 2 .5.7.9 1.5 1.2 2.5l1.5-.4c-.3-1.2-.8-2.2-1.5-3.1-1.3-1.7-3.3-2.6-6-2.6-2.6 0-4.7.9-6 2.6C4.9 7.2 4.3 9.3 4.3 12s.6 4.8 1.9 6.4c1.4 1.7 3.4 2.6 6 2.6 2.3 0 4-.6 5.3-2 1.8-1.8 1.7-4 1.1-5.4-.4-.9-1.2-1.7-2.3-2.3zm-4 3.8c-1 .1-2-.4-2-1.3 0-.7.5-1.5 2.1-1.6h.5c.6 0 1.1.1 1.6.2-.2 2.3-1.3 2.7-2.2 2.7z"
+ })
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/tiktok.js
-
-
-/**
- * WordPress dependencies
- */
-
-const TiktokIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+const TiktokIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 32 32",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M16.708 0.027c1.745-0.027 3.48-0.011 5.213-0.027 0.105 2.041 0.839 4.12 2.333 5.563 1.491 1.479 3.6 2.156 5.652 2.385v5.369c-1.923-0.063-3.855-0.463-5.6-1.291-0.76-0.344-1.468-0.787-2.161-1.24-0.009 3.896 0.016 7.787-0.025 11.667-0.104 1.864-0.719 3.719-1.803 5.255-1.744 2.557-4.771 4.224-7.88 4.276-1.907 0.109-3.812-0.411-5.437-1.369-2.693-1.588-4.588-4.495-4.864-7.615-0.032-0.667-0.043-1.333-0.016-1.984 0.24-2.537 1.495-4.964 3.443-6.615 2.208-1.923 5.301-2.839 8.197-2.297 0.027 1.975-0.052 3.948-0.052 5.923-1.323-0.428-2.869-0.308-4.025 0.495-0.844 0.547-1.485 1.385-1.819 2.333-0.276 0.676-0.197 1.427-0.181 2.145 0.317 2.188 2.421 4.027 4.667 3.828 1.489-0.016 2.916-0.88 3.692-2.145 0.251-0.443 0.532-0.896 0.547-1.417 0.131-2.385 0.079-4.76 0.095-7.145 0.011-5.375-0.016-10.735 0.025-16.093z"
-}));
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M16.708 0.027c1.745-0.027 3.48-0.011 5.213-0.027 0.105 2.041 0.839 4.12 2.333 5.563 1.491 1.479 3.6 2.156 5.652 2.385v5.369c-1.923-0.063-3.855-0.463-5.6-1.291-0.76-0.344-1.468-0.787-2.161-1.24-0.009 3.896 0.016 7.787-0.025 11.667-0.104 1.864-0.719 3.719-1.803 5.255-1.744 2.557-4.771 4.224-7.88 4.276-1.907 0.109-3.812-0.411-5.437-1.369-2.693-1.588-4.588-4.495-4.864-7.615-0.032-0.667-0.043-1.333-0.016-1.984 0.24-2.537 1.495-4.964 3.443-6.615 2.208-1.923 5.301-2.839 8.197-2.297 0.027 1.975-0.052 3.948-0.052 5.923-1.323-0.428-2.869-0.308-4.025 0.495-0.844 0.547-1.485 1.385-1.819 2.333-0.276 0.676-0.197 1.427-0.181 2.145 0.317 2.188 2.421 4.027 4.667 3.828 1.489-0.016 2.916-0.88 3.692-2.145 0.251-0.443 0.532-0.896 0.547-1.417 0.131-2.385 0.079-4.76 0.095-7.145 0.011-5.375-0.016-10.735 0.025-16.093z"
+ })
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/tumblr.js
-
-
-/**
- * WordPress dependencies
- */
-
-const TumblrIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+const TumblrIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M17.04 21.28h-3.28c-2.84 0-4.94-1.37-4.94-5.02v-5.67H6.08V7.5c2.93-.73 4.11-3.3 4.3-5.48h3.01v4.93h3.47v3.65H13.4v4.93c0 1.47.73 2.01 1.92 2.01h1.73v3.75z"
-}));
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M17.04 21.28h-3.28c-2.84 0-4.94-1.37-4.94-5.02v-5.67H6.08V7.5c2.93-.73 4.11-3.3 4.3-5.48h3.01v4.93h3.47v3.65H13.4v4.93c0 1.47.73 2.01 1.92 2.01h1.73v3.75z"
+ })
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/twitch.js
-
-
-/**
- * WordPress dependencies
- */
-
-const TwitchIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+const TwitchIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M16.499,8.089h-1.636v4.91h1.636V8.089z M12,8.089h-1.637v4.91H12V8.089z M4.228,3.178L3,6.451v13.092h4.499V22h2.456 l2.454-2.456h3.681L21,14.636V3.178H4.228z M19.364,13.816l-2.864,2.865H12l-2.453,2.453V16.68H5.863V4.814h13.501V13.816z"
-}));
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M16.499,8.089h-1.636v4.91h1.636V8.089z M12,8.089h-1.637v4.91H12V8.089z M4.228,3.178L3,6.451v13.092h4.499V22h2.456 l2.454-2.456h3.681L21,14.636V3.178H4.228z M19.364,13.816l-2.864,2.865H12l-2.453,2.453V16.68H5.863V4.814h13.501V13.816z"
+ })
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/twitter.js
-
-
-/**
- * WordPress dependencies
- */
-
-const TwitterIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+const TwitterIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"
-}));
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"
+ })
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/vimeo.js
-
-
-/**
- * WordPress dependencies
- */
-
-const VimeoIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+const VimeoIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M22.396,7.164c-0.093,2.026-1.507,4.799-4.245,8.32C15.322,19.161,12.928,21,10.97,21c-1.214,0-2.24-1.119-3.079-3.359 c-0.56-2.053-1.119-4.106-1.68-6.159C5.588,9.243,4.921,8.122,4.206,8.122c-0.156,0-0.701,0.328-1.634,0.98L1.594,7.841 c1.027-0.902,2.04-1.805,3.037-2.708C6.001,3.95,7.03,3.327,7.715,3.264c1.619-0.156,2.616,0.951,2.99,3.321 c0.404,2.557,0.685,4.147,0.841,4.769c0.467,2.121,0.981,3.181,1.542,3.181c0.435,0,1.09-0.688,1.963-2.065 c0.871-1.376,1.338-2.422,1.401-3.142c0.125-1.187-0.343-1.782-1.401-1.782c-0.498,0-1.012,0.115-1.541,0.341 c1.023-3.35,2.977-4.977,5.862-4.884C21.511,3.066,22.52,4.453,22.396,7.164z"
-}));
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M22.396,7.164c-0.093,2.026-1.507,4.799-4.245,8.32C15.322,19.161,12.928,21,10.97,21c-1.214,0-2.24-1.119-3.079-3.359 c-0.56-2.053-1.119-4.106-1.68-6.159C5.588,9.243,4.921,8.122,4.206,8.122c-0.156,0-0.701,0.328-1.634,0.98L1.594,7.841 c1.027-0.902,2.04-1.805,3.037-2.708C6.001,3.95,7.03,3.327,7.715,3.264c1.619-0.156,2.616,0.951,2.99,3.321 c0.404,2.557,0.685,4.147,0.841,4.769c0.467,2.121,0.981,3.181,1.542,3.181c0.435,0,1.09-0.688,1.963-2.065 c0.871-1.376,1.338-2.422,1.401-3.142c0.125-1.187-0.343-1.782-1.401-1.782c-0.498,0-1.012,0.115-1.541,0.341 c1.023-3.35,2.977-4.977,5.862-4.884C21.511,3.066,22.52,4.453,22.396,7.164z"
+ })
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/vk.js
-
-
-/**
- * WordPress dependencies
- */
-
-const VkIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+const VkIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M22,7.1c0.2,0.4-0.4,1.5-1.6,3.1c-0.2,0.2-0.4,0.5-0.7,0.9c-0.5,0.7-0.9,1.1-0.9,1.4c-0.1,0.3-0.1,0.6,0.1,0.8 c0.1,0.1,0.4,0.4,0.8,0.9h0l0,0c1,0.9,1.6,1.7,2,2.3c0,0,0,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.3c0,0.1,0,0.2,0,0.4 c0,0.1-0.1,0.2-0.3,0.3c-0.1,0.1-0.4,0.1-0.6,0.1l-2.7,0c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.4-0.1-0.5-0.2l-0.2-0.1 c-0.2-0.1-0.5-0.4-0.7-0.7s-0.5-0.6-0.7-0.8c-0.2-0.2-0.4-0.4-0.6-0.6C14.8,15,14.6,15,14.4,15c0,0,0,0-0.1,0c0,0-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.3-0.2,0.5c-0.1,0.2-0.1,0.5-0.1,0.8c0,0.1,0,0.2,0,0.3c0,0.1-0.1,0.2-0.1,0.2l0,0.1 c-0.1,0.1-0.3,0.2-0.6,0.2h-1.2c-0.5,0-1,0-1.5-0.2c-0.5-0.1-1-0.3-1.4-0.6s-0.7-0.5-1.1-0.7s-0.6-0.4-0.7-0.6l-0.3-0.3 c-0.1-0.1-0.2-0.2-0.3-0.3s-0.4-0.5-0.7-0.9s-0.7-1-1.1-1.6c-0.4-0.6-0.8-1.3-1.3-2.2C2.9,9.4,2.5,8.5,2.1,7.5C2,7.4,2,7.3,2,7.2 c0-0.1,0-0.1,0-0.2l0-0.1c0.1-0.1,0.3-0.2,0.6-0.2l2.9,0c0.1,0,0.2,0,0.2,0.1S5.9,6.9,5.9,7L6,7c0.1,0.1,0.2,0.2,0.3,0.3 C6.4,7.7,6.5,8,6.7,8.4C6.9,8.8,7,9,7.1,9.2l0.2,0.3c0.2,0.4,0.4,0.8,0.6,1.1c0.2,0.3,0.4,0.5,0.5,0.7s0.3,0.3,0.4,0.4 c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0,0,0.1-0.1c0,0,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.5c0-0.2,0.1-0.5,0.1-0.8 c0-0.4,0-0.8,0-1.3c0-0.3,0-0.5-0.1-0.8c0-0.2-0.1-0.4-0.1-0.5L9.6,7.6C9.4,7.3,9.1,7.2,8.7,7.1C8.6,7.1,8.6,7,8.7,6.9 C8.9,6.7,9,6.6,9.1,6.5c0.4-0.2,1.2-0.3,2.5-0.3c0.6,0,1,0.1,1.4,0.1c0.1,0,0.3,0.1,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.3,0,0.5c0,0.2,0,0.4,0,0.6c0,0.2,0,0.4,0,0.7c0,0.3,0,0.6,0,0.9c0,0.1,0,0.2,0,0.4c0,0.2,0,0.4,0,0.5 c0,0.1,0,0.3,0,0.4s0.1,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.2-0.2,0.4-0.4 s0.3-0.4,0.5-0.7c0.2-0.3,0.5-0.7,0.7-1.1c0.4-0.7,0.8-1.5,1.1-2.3c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.1l0,0l0.1,0 c0,0,0,0,0.1,0s0.2,0,0.2,0l3,0c0.3,0,0.5,0,0.7,0S21.9,7,21.9,7L22,7.1z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/whatsapp.js
+/**
+ * WordPress dependencies
+ */
+
+
+const WhatsAppIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M22,7.1c0.2,0.4-0.4,1.5-1.6,3.1c-0.2,0.2-0.4,0.5-0.7,0.9c-0.5,0.7-0.9,1.1-0.9,1.4c-0.1,0.3-0.1,0.6,0.1,0.8 c0.1,0.1,0.4,0.4,0.8,0.9h0l0,0c1,0.9,1.6,1.7,2,2.3c0,0,0,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.3c0,0.1,0,0.2,0,0.4 c0,0.1-0.1,0.2-0.3,0.3c-0.1,0.1-0.4,0.1-0.6,0.1l-2.7,0c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.4-0.1-0.5-0.2l-0.2-0.1 c-0.2-0.1-0.5-0.4-0.7-0.7s-0.5-0.6-0.7-0.8c-0.2-0.2-0.4-0.4-0.6-0.6C14.8,15,14.6,15,14.4,15c0,0,0,0-0.1,0c0,0-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.3-0.2,0.5c-0.1,0.2-0.1,0.5-0.1,0.8c0,0.1,0,0.2,0,0.3c0,0.1-0.1,0.2-0.1,0.2l0,0.1 c-0.1,0.1-0.3,0.2-0.6,0.2h-1.2c-0.5,0-1,0-1.5-0.2c-0.5-0.1-1-0.3-1.4-0.6s-0.7-0.5-1.1-0.7s-0.6-0.4-0.7-0.6l-0.3-0.3 c-0.1-0.1-0.2-0.2-0.3-0.3s-0.4-0.5-0.7-0.9s-0.7-1-1.1-1.6c-0.4-0.6-0.8-1.3-1.3-2.2C2.9,9.4,2.5,8.5,2.1,7.5C2,7.4,2,7.3,2,7.2 c0-0.1,0-0.1,0-0.2l0-0.1c0.1-0.1,0.3-0.2,0.6-0.2l2.9,0c0.1,0,0.2,0,0.2,0.1S5.9,6.9,5.9,7L6,7c0.1,0.1,0.2,0.2,0.3,0.3 C6.4,7.7,6.5,8,6.7,8.4C6.9,8.8,7,9,7.1,9.2l0.2,0.3c0.2,0.4,0.4,0.8,0.6,1.1c0.2,0.3,0.4,0.5,0.5,0.7s0.3,0.3,0.4,0.4 c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0,0,0.1-0.1c0,0,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.5c0-0.2,0.1-0.5,0.1-0.8 c0-0.4,0-0.8,0-1.3c0-0.3,0-0.5-0.1-0.8c0-0.2-0.1-0.4-0.1-0.5L9.6,7.6C9.4,7.3,9.1,7.2,8.7,7.1C8.6,7.1,8.6,7,8.7,6.9 C8.9,6.7,9,6.6,9.1,6.5c0.4-0.2,1.2-0.3,2.5-0.3c0.6,0,1,0.1,1.4,0.1c0.1,0,0.3,0.1,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.3,0,0.5c0,0.2,0,0.4,0,0.6c0,0.2,0,0.4,0,0.7c0,0.3,0,0.6,0,0.9c0,0.1,0,0.2,0,0.4c0,0.2,0,0.4,0,0.5 c0,0.1,0,0.3,0,0.4s0.1,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.2-0.2,0.4-0.4 s0.3-0.4,0.5-0.7c0.2-0.3,0.5-0.7,0.7-1.1c0.4-0.7,0.8-1.5,1.1-2.3c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.1l0,0l0.1,0 c0,0,0,0,0.1,0s0.2,0,0.2,0l3,0c0.3,0,0.5,0,0.7,0S21.9,7,21.9,7L22,7.1z"
-}));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/yelp.js
-
-
-/**
- * WordPress dependencies
- */
-
-const YelpIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M 12.011719 2 C 6.5057187 2 2.0234844 6.478375 2.0214844 11.984375 C 2.0204844 13.744375 2.4814687 15.462563 3.3554688 16.976562 L 2 22 L 7.2324219 20.763672 C 8.6914219 21.559672 10.333859 21.977516 12.005859 21.978516 L 12.009766 21.978516 C 17.514766 21.978516 21.995047 17.499141 21.998047 11.994141 C 22.000047 9.3251406 20.962172 6.8157344 19.076172 4.9277344 C 17.190172 3.0407344 14.683719 2.001 12.011719 2 z M 12.009766 4 C 14.145766 4.001 16.153109 4.8337969 17.662109 6.3417969 C 19.171109 7.8517969 20.000047 9.8581875 19.998047 11.992188 C 19.996047 16.396187 16.413812 19.978516 12.007812 19.978516 C 10.674812 19.977516 9.3544062 19.642812 8.1914062 19.007812 L 7.5175781 18.640625 L 6.7734375 18.816406 L 4.8046875 19.28125 L 5.2851562 17.496094 L 5.5019531 16.695312 L 5.0878906 15.976562 C 4.3898906 14.768562 4.0204844 13.387375 4.0214844 11.984375 C 4.0234844 7.582375 7.6067656 4 12.009766 4 z M 8.4765625 7.375 C 8.3095625 7.375 8.0395469 7.4375 7.8105469 7.6875 C 7.5815469 7.9365 6.9355469 8.5395781 6.9355469 9.7675781 C 6.9355469 10.995578 7.8300781 12.182609 7.9550781 12.349609 C 8.0790781 12.515609 9.68175 15.115234 12.21875 16.115234 C 14.32675 16.946234 14.754891 16.782234 15.212891 16.740234 C 15.670891 16.699234 16.690438 16.137687 16.898438 15.554688 C 17.106437 14.971687 17.106922 14.470187 17.044922 14.367188 C 16.982922 14.263188 16.816406 14.201172 16.566406 14.076172 C 16.317406 13.951172 15.090328 13.348625 14.861328 13.265625 C 14.632328 13.182625 14.464828 13.140625 14.298828 13.390625 C 14.132828 13.640625 13.655766 14.201187 13.509766 14.367188 C 13.363766 14.534188 13.21875 14.556641 12.96875 14.431641 C 12.71875 14.305641 11.914938 14.041406 10.960938 13.191406 C 10.218937 12.530406 9.7182656 11.714844 9.5722656 11.464844 C 9.4272656 11.215844 9.5585938 11.079078 9.6835938 10.955078 C 9.7955938 10.843078 9.9316406 10.663578 10.056641 10.517578 C 10.180641 10.371578 10.223641 10.267562 10.306641 10.101562 C 10.389641 9.9355625 10.347156 9.7890625 10.285156 9.6640625 C 10.223156 9.5390625 9.737625 8.3065 9.515625 7.8125 C 9.328625 7.3975 9.131125 7.3878594 8.953125 7.3808594 C 8.808125 7.3748594 8.6425625 7.375 8.4765625 7.375 z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/x.js
+/**
+ * WordPress dependencies
+ */
+
+
+const XIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12.271,16.718v1.417q-.011,3.257-.067,3.4a.707.707,0,0,1-.569.446,4.637,4.637,0,0,1-2.024-.424A4.609,4.609,0,0,1,7.8,20.565a.844.844,0,0,1-.19-.4.692.692,0,0,1,.044-.29,3.181,3.181,0,0,1,.379-.524q.335-.412,2.019-2.409.011,0,.669-.781a.757.757,0,0,1,.44-.274.965.965,0,0,1,.552.039.945.945,0,0,1,.418.324.732.732,0,0,1,.139.468Zm-1.662-2.8a.783.783,0,0,1-.58.781l-1.339.435q-3.067.981-3.257.981a.711.711,0,0,1-.6-.4,2.636,2.636,0,0,1-.19-.836,9.134,9.134,0,0,1,.011-1.857,3.559,3.559,0,0,1,.335-1.389.659.659,0,0,1,.625-.357,22.629,22.629,0,0,1,2.253.859q.781.324,1.283.524l.937.379a.771.771,0,0,1,.4.34A.982.982,0,0,1,10.609,13.917Zm9.213,3.313a4.467,4.467,0,0,1-1.021,1.8,4.559,4.559,0,0,1-1.512,1.417.671.671,0,0,1-.7-.078q-.156-.112-2.052-3.2l-.524-.859a.761.761,0,0,1-.128-.513.957.957,0,0,1,.217-.513.774.774,0,0,1,.926-.29q.011.011,1.327.446,2.264.736,2.7.887a2.082,2.082,0,0,1,.524.229.673.673,0,0,1,.245.68Zm-7.5-7.049q.056,1.137-.6,1.361-.647.19-1.272-.792L6.237,4.08a.7.7,0,0,1,.212-.691,5.788,5.788,0,0,1,2.314-1,5.928,5.928,0,0,1,2.5-.352.681.681,0,0,1,.547.5q.034.2.245,3.407T12.327,10.181Zm7.384,1.2a.679.679,0,0,1-.29.658q-.167.112-3.67.959-.747.167-1.015.257l.011-.022a.769.769,0,0,1-.513-.044.914.914,0,0,1-.413-.357.786.786,0,0,1,0-.971q.011-.011.836-1.137,1.394-1.908,1.673-2.275a2.423,2.423,0,0,1,.379-.435A.7.7,0,0,1,17.435,8a4.482,4.482,0,0,1,1.372,1.489,4.81,4.81,0,0,1,.9,1.868v.034Z"
-}));
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z"
+ })
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/yelp.js
+/**
+ * WordPress dependencies
+ */
+
+
+const YelpIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ width: "24",
+ height: "24",
+ viewBox: "0 0 24 24",
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12.271,16.718v1.417q-.011,3.257-.067,3.4a.707.707,0,0,1-.569.446,4.637,4.637,0,0,1-2.024-.424A4.609,4.609,0,0,1,7.8,20.565a.844.844,0,0,1-.19-.4.692.692,0,0,1,.044-.29,3.181,3.181,0,0,1,.379-.524q.335-.412,2.019-2.409.011,0,.669-.781a.757.757,0,0,1,.44-.274.965.965,0,0,1,.552.039.945.945,0,0,1,.418.324.732.732,0,0,1,.139.468Zm-1.662-2.8a.783.783,0,0,1-.58.781l-1.339.435q-3.067.981-3.257.981a.711.711,0,0,1-.6-.4,2.636,2.636,0,0,1-.19-.836,9.134,9.134,0,0,1,.011-1.857,3.559,3.559,0,0,1,.335-1.389.659.659,0,0,1,.625-.357,22.629,22.629,0,0,1,2.253.859q.781.324,1.283.524l.937.379a.771.771,0,0,1,.4.34A.982.982,0,0,1,10.609,13.917Zm9.213,3.313a4.467,4.467,0,0,1-1.021,1.8,4.559,4.559,0,0,1-1.512,1.417.671.671,0,0,1-.7-.078q-.156-.112-2.052-3.2l-.524-.859a.761.761,0,0,1-.128-.513.957.957,0,0,1,.217-.513.774.774,0,0,1,.926-.29q.011.011,1.327.446,2.264.736,2.7.887a2.082,2.082,0,0,1,.524.229.673.673,0,0,1,.245.68Zm-7.5-7.049q.056,1.137-.6,1.361-.647.19-1.272-.792L6.237,4.08a.7.7,0,0,1,.212-.691,5.788,5.788,0,0,1,2.314-1,5.928,5.928,0,0,1,2.5-.352.681.681,0,0,1,.547.5q.034.2.245,3.407T12.327,10.181Zm7.384,1.2a.679.679,0,0,1-.29.658q-.167.112-3.67.959-.747.167-1.015.257l.011-.022a.769.769,0,0,1-.513-.044.914.914,0,0,1-.413-.357.786.786,0,0,1,0-.971q.011-.011.836-1.137,1.394-1.908,1.673-2.275a2.423,2.423,0,0,1,.379-.435A.7.7,0,0,1,17.435,8a4.482,4.482,0,0,1,1.372,1.489,4.81,4.81,0,0,1,.9,1.868v.034Z"
+ })
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/icons/youtube.js
-
-
-/**
- * WordPress dependencies
- */
-
-const YouTubeIcon = () => (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+/**
+ * WordPress dependencies
+ */
+
+
+const YouTubeIcon = () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
width: "24",
height: "24",
viewBox: "0 0 24 24",
- version: "1.1"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"
-}));
+ version: "1.1",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"
+ })
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/variations.js
/**
@@ -41154,6 +54892,13 @@
title: 'Behance',
icon: BehanceIcon
}, {
+ name: 'bluesky',
+ attributes: {
+ service: 'bluesky'
+ },
+ title: 'Bluesky',
+ icon: BlueskyIcon
+}, {
name: 'chain',
attributes: {
service: 'chain'
@@ -41245,6 +54990,13 @@
title: 'GitHub',
icon: GitHubIcon
}, {
+ name: 'gravatar',
+ attributes: {
+ service: 'gravatar'
+ },
+ title: 'Gravatar',
+ icon: GravatarIcon
+}, {
name: 'instagram',
attributes: {
service: 'instagram'
@@ -41358,6 +55110,13 @@
title: 'Telegram',
icon: TelegramIcon
}, {
+ name: 'threads',
+ attributes: {
+ service: 'threads'
+ },
+ title: 'Threads',
+ icon: ThreadsIcon
+}, {
name: 'tiktok',
attributes: {
service: 'tiktok'
@@ -41400,6 +55159,21 @@
title: 'VK',
icon: VkIcon
}, {
+ name: 'whatsapp',
+ attributes: {
+ service: 'whatsapp'
+ },
+ title: 'WhatsApp',
+ icon: WhatsAppIcon
+}, {
+ name: 'x',
+ attributes: {
+ service: 'x'
+ },
+ keywords: ['twitter'],
+ title: 'X',
+ icon: XIcon
+}, {
name: 'yelp',
attributes: {
service: 'yelp'
@@ -41414,25 +55188,22 @@
title: 'YouTube',
icon: YouTubeIcon
}];
+
/**
* Add `isActive` function to all `social link` variations, if not defined.
* `isActive` function is used to find a variation match from a created
* Block by providing its attributes.
*/
-
social_link_variations_variations.forEach(variation => {
- if (variation.isActive) return;
-
+ if (variation.isActive) {
+ return;
+ }
variation.isActive = (blockAttributes, variationAttributes) => blockAttributes.service === variationAttributes.service;
});
-/* harmony default export */ var social_link_variations = (social_link_variations_variations);
+/* harmony default export */ const social_link_variations = (social_link_variations_variations);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/social-list.js
/**
- * External dependencies
- */
-
-/**
* WordPress dependencies
*/
@@ -41448,15 +55219,13 @@
*
* @param {string} name key for a social service (lowercase slug)
*
- * @return {WPComponent} Icon component for social service.
- */
-
+ * @return {Component} Icon component for social service.
+ */
const getIconBySite = name => {
- const variation = (0,external_lodash_namespaceObject.find)(social_link_variations, {
- name
- });
+ const variation = social_link_variations.find(v => v.name === name);
return variation ? variation.icon : ChainIcon;
};
+
/**
* Retrieves the display name for the social service.
*
@@ -41464,93 +55233,105 @@
*
* @return {string} Display name for social service
*/
-
const getNameBySite = name => {
- const variation = (0,external_lodash_namespaceObject.find)(social_link_variations, {
- name
- });
+ const variation = social_link_variations.find(v => v.name === name);
return variation ? variation.title : (0,external_wp_i18n_namespaceObject.__)('Social Icon');
};
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-const SocialLinkURLPopover = _ref => {
- let {
- url,
- setAttributes,
- setPopover,
- anchorRef
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.URLPopover, {
- anchorRef: anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current,
- onClose: () => setPopover(false)
- }, (0,external_wp_element_namespaceObject.createElement)("form", {
- className: "block-editor-url-popover__link-editor",
- onSubmit: event => {
- event.preventDefault();
- setPopover(false);
- }
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "block-editor-url-input"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.URLInput, {
- value: url,
- onChange: nextURL => setAttributes({
- url: nextURL
- }),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Enter address'),
- disableSuggestions: true
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- icon: keyboard_return,
- label: (0,external_wp_i18n_namespaceObject.__)('Apply'),
- type: "submit"
- })));
-};
-
-const SocialLinkEdit = _ref2 => {
- let {
- attributes,
- context,
- isSelected,
- setAttributes
- } = _ref2;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+const SocialLinkURLPopover = ({
+ url,
+ setAttributes,
+ setPopover,
+ popoverAnchor
+}) => {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.URLPopover, {
+ anchor: popoverAnchor,
+ onClose: () => setPopover(false),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("form", {
+ className: "block-editor-url-popover__link-editor",
+ onSubmit: event => {
+ event.preventDefault();
+ setPopover(false);
+ },
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "block-editor-url-input",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.URLInput, {
+ __nextHasNoMarginBottom: true,
+ value: url,
+ onChange: nextURL => setAttributes({
+ url: nextURL
+ }),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Enter social link'),
+ label: (0,external_wp_i18n_namespaceObject.__)('Enter social link'),
+ hideLabelFromVision: true,
+ disableSuggestions: true
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ icon: keyboard_return,
+ label: (0,external_wp_i18n_namespaceObject.__)('Apply'),
+ type: "submit"
+ })]
+ })
+ });
+};
+const SocialLinkEdit = ({
+ attributes,
+ context,
+ isSelected,
+ setAttributes
+}) => {
const {
url,
service,
- label
+ label = '',
+ rel
} = attributes;
const {
showLabels,
+ iconColor,
iconColorValue,
+ iconBackgroundColor,
iconBackgroundColorValue
} = context;
const [showURLPopover, setPopover] = (0,external_wp_element_namespaceObject.useState)(false);
- const classes = classnames_default()('wp-social-link', 'wp-social-link-' + service, {
- 'wp-social-link__is-incomplete': !url
- });
- const ref = (0,external_wp_element_namespaceObject.useRef)();
+ const classes = dist_clsx('wp-social-link', 'wp-social-link-' + service, {
+ 'wp-social-link__is-incomplete': !url,
+ [`has-${iconColor}-color`]: iconColor,
+ [`has-${iconBackgroundColor}-background-color`]: iconBackgroundColor
+ });
+
+ // Use internal state instead of a ref to make sure that the component
+ // re-renders when the popover's anchor updates.
+ const [popoverAnchor, setPopoverAnchor] = (0,external_wp_element_namespaceObject.useState)(null);
const IconComponent = getIconBySite(service);
const socialLinkName = getNameBySite(service);
- const socialLinkLabel = label !== null && label !== void 0 ? label : socialLinkName;
+ // The initial label (ie. the link text) is an empty string.
+ // We want to prevent empty links so that the link text always fallbacks to
+ // the social name, even when users enter and save an empty string or only
+ // spaces. The PHP render callback fallbacks to the social name as well.
+ const socialLinkText = label.trim() === '' ? socialLinkName : label;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
className: classes,
style: {
@@ -41558,41 +55339,62 @@
backgroundColor: iconBackgroundColorValue
}
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: name of the social service. */
- (0,external_wp_i18n_namespaceObject.__)('%s label'), socialLinkName),
- initialOpen: false
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelRow, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Link label'),
- help: (0,external_wp_i18n_namespaceObject.__)('Briefly describe the link to help screen reader users.'),
- value: label,
- onChange: value => setAttributes({
- label: value
- })
- })))), (0,external_wp_element_namespaceObject.createElement)("li", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- className: "wp-block-social-link-anchor",
- ref: ref,
- onClick: () => setPopover(true)
- }, (0,external_wp_element_namespaceObject.createElement)(IconComponent, null), (0,external_wp_element_namespaceObject.createElement)("span", {
- className: classnames_default()('wp-block-social-link-label', {
- 'screen-reader-text': !showLabels
- })
- }, socialLinkLabel), isSelected && showURLPopover && (0,external_wp_element_namespaceObject.createElement)(SocialLinkURLPopover, {
- url: url,
- setAttributes: setAttributes,
- setPopover: setPopover,
- anchorRef: ref
- }))));
-};
-
-/* harmony default export */ var social_link_edit = (SocialLinkEdit);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelRow, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link text'),
+ help: (0,external_wp_i18n_namespaceObject.__)('The link text is visible when enabled from the parent Social Icons block.'),
+ value: label,
+ onChange: value => setAttributes({
+ label: value
+ }),
+ placeholder: socialLinkName
+ })
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Link rel'),
+ value: rel || '',
+ onChange: value => setAttributes({
+ rel: value
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("li", {
+ ...blockProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("button", {
+ className: "wp-block-social-link-anchor",
+ ref: setPopoverAnchor,
+ onClick: () => setPopover(true),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(IconComponent, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: dist_clsx('wp-block-social-link-label', {
+ 'screen-reader-text': !showLabels
+ }),
+ children: socialLinkText
+ })]
+ }), isSelected && showURLPopover && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SocialLinkURLPopover, {
+ url: url,
+ setAttributes: setAttributes,
+ setPopover: setPopover,
+ popoverAnchor: popoverAnchor
+ })]
+ })]
+ });
+};
+/* harmony default export */ const social_link_edit = (SocialLinkEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-link/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -41600,12 +55402,12 @@
const social_link_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/social-link",
title: "Social Icon",
category: "widgets",
parent: ["core/social-links"],
- description: "Display an icon linking to a social media profile or site.",
+ description: "Display an icon linking to a social profile or site.",
textdomain: "default",
attributes: {
url: {
@@ -41616,12 +55418,18 @@
},
label: {
type: "string"
- }
- },
- usesContext: ["openInNewTab", "showLabels", "iconColorValue", "iconBackgroundColorValue"],
+ },
+ rel: {
+ type: "string"
+ }
+ },
+ usesContext: ["openInNewTab", "showLabels", "iconColor", "iconColorValue", "iconBackgroundColor", "iconBackgroundColorValue"],
supports: {
reusable: false,
- html: false
+ html: false,
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-social-link-editor"
};
@@ -41635,13 +55443,17 @@
edit: social_link_edit,
variations: social_link_variations
};
+const social_link_init = () => initBlock({
+ name: social_link_name,
+ metadata: social_link_metadata,
+ settings: social_link_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-links/deprecated.js
-
-
-/**
- * External dependencies
- */
+/**
+ * External dependencies
+ */
+
/**
* WordPress dependencies
@@ -41657,20 +55469,18 @@
*/
const social_links_deprecated_migrateWithLayout = attributes => {
- var _className$match, _className$match$;
-
if (!!attributes.layout) {
return attributes;
}
-
const {
className
- } = attributes; // Matches classes with `items-justified-` prefix.
-
+ } = attributes;
+ // Matches classes with `items-justified-` prefix.
const prefix = `items-justified-`;
const justifiedItemsRegex = new RegExp(`\\b${prefix}[^ ]*[ ]?\\b`, 'g');
- const newAttributes = { ...attributes,
- className: className === null || className === void 0 ? void 0 : className.replace(justifiedItemsRegex, '').trim()
+ const newAttributes = {
+ ...attributes,
+ className: className?.replace(justifiedItemsRegex, '').trim()
};
/**
* Add `layout` prop only if `justifyContent` is defined, for backwards
@@ -41678,9 +55488,7 @@
* Also noting that due to the missing attribute, it's possible for a block
* to have more than one of `justified` classes.
*/
-
- const justifyContent = className === null || className === void 0 ? void 0 : (_className$match = className.match(justifiedItemsRegex)) === null || _className$match === void 0 ? void 0 : (_className$match$ = _className$match[0]) === null || _className$match$ === void 0 ? void 0 : _className$match$.trim();
-
+ const justifyContent = className?.match(justifiedItemsRegex)?.[0]?.trim();
if (justifyContent) {
Object.assign(newAttributes, {
layout: {
@@ -41689,12 +55497,12 @@
}
});
}
-
return newAttributes;
-}; // Social Links block deprecations.
-
-
-const social_links_deprecated_deprecated = [// V1. Remove CSS variable use for colors.
+};
+
+// Social Links block deprecations.
+const social_links_deprecated_deprecated = [
+// V1. Remove CSS variable use for colors.
{
attributes: {
iconColor: {
@@ -41740,7 +55548,7 @@
size
}
} = props;
- const className = classnames_default()(size, {
+ const className = dist_clsx(size, {
'has-icon-color': iconColorValue,
'has-icon-background-color': iconBackgroundColorValue,
[`items-justified-${itemsJustification}`]: itemsJustification
@@ -41749,47 +55557,49 @@
'--wp--social-links--icon-color': iconColorValue,
'--wp--social-links--icon-background-color': iconBackgroundColorValue
};
- return (0,external_wp_element_namespaceObject.createElement)("ul", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className,
- style
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, null));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className,
+ style
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InnerBlocks.Content, {})
+ });
}
}];
-/* harmony default export */ var social_links_deprecated = (social_links_deprecated_deprecated);
+/* harmony default export */ const social_links_deprecated = (social_links_deprecated_deprecated);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/check.js
-
-
-/**
- * WordPress dependencies
- */
-
-const check = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"
-}));
-/* harmony default export */ var library_check = (check);
+/**
+ * WordPress dependencies
+ */
+
+
+const check = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"
+ })
+});
+/* harmony default export */ const library_check = (check);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-links/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-const social_links_edit_ALLOWED_BLOCKS = ['core/social-link'];
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
const sizeOptions = [{
name: (0,external_wp_i18n_namespaceObject.__)('Small'),
value: 'has-small-icon-size'
@@ -41803,17 +55613,10 @@
name: (0,external_wp_i18n_namespaceObject.__)('Huge'),
value: 'has-huge-icon-size'
}];
-
-const social_links_edit_getDefaultBlockLayout = blockTypeOrName => {
- const layoutBlockSupportConfig = (0,external_wp_blocks_namespaceObject.getBlockSupport)(blockTypeOrName, '__experimentalLayout');
- return layoutBlockSupportConfig === null || layoutBlockSupportConfig === void 0 ? void 0 : layoutBlockSupportConfig.default;
-};
-
function SocialLinksEdit(props) {
- var _attributes$className;
-
- const {
- name,
+ var _attributes$layout$or;
+ const {
+ clientId,
attributes,
iconBackgroundColor,
iconColor,
@@ -41828,13 +55631,12 @@
iconColorValue,
openInNewTab,
showLabels,
- size,
- layout
- } = attributes;
- const usedLayout = layout || social_links_edit_getDefaultBlockLayout(name);
- const logosOnly = (_attributes$className = attributes.className) === null || _attributes$className === void 0 ? void 0 : _attributes$className.includes('is-style-logos-only'); // Remove icon background color when logos only style is selected or
+ size
+ } = attributes;
+ const logosOnly = attributes.className?.includes('is-style-logos-only');
+
+ // Remove icon background color when logos only style is selected or
// restore it when any other style is selected.
-
const backgroundBackup = (0,external_wp_element_namespaceObject.useRef)({});
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (logosOnly) {
@@ -41849,27 +55651,33 @@
iconBackgroundColorValue: undefined
});
} else {
- setAttributes({ ...backgroundBackup.current
+ setAttributes({
+ ...backgroundBackup.current
});
}
}, [logosOnly]);
- const SocialPlaceholder = (0,external_wp_element_namespaceObject.createElement)("li", {
- className: "wp-block-social-links__social-placeholder"
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-social-links__social-placeholder-icons"
- }, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-social-link wp-social-link-twitter"
- }), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-social-link wp-social-link-facebook"
- }), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-social-link wp-social-link-instagram"
- })));
- const SelectedSocialPlaceholder = (0,external_wp_element_namespaceObject.createElement)("li", {
- className: "wp-block-social-links__social-prompt"
- }, (0,external_wp_i18n_namespaceObject.__)('Click plus to add')); // Fallback color values are used maintain selections in case switching
+ const SocialPlaceholder = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {
+ className: "wp-block-social-links__social-placeholder",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "wp-block-social-links__social-placeholder-icons",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-social-link wp-social-link-twitter"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-social-link wp-social-link-facebook"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-social-link wp-social-link-instagram"
+ })]
+ })
+ });
+ const SelectedSocialPlaceholder = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", {
+ className: "wp-block-social-links__social-prompt",
+ children: (0,external_wp_i18n_namespaceObject.__)('Click plus to add')
+ });
+
+ // Fallback color values are used maintain selections in case switching
// themes and named colors in palette do not match.
-
- const className = classnames_default()(size, {
+ const className = dist_clsx(size, {
+ 'has-visible-labels': showLabels,
'has-icon-color': iconColor.color || iconColorValue,
'has-icon-background-color': iconBackgroundColor.color || iconBackgroundColorValue
});
@@ -41877,11 +55685,10 @@
className
});
const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
- allowedBlocks: social_links_edit_ALLOWED_BLOCKS,
placeholder: isSelected ? SelectedSocialPlaceholder : SocialPlaceholder,
templateLock: false,
- __experimentalAppenderTagName: 'li',
- __experimentalLayout: usedLayout
+ orientation: (_attributes$layout$or = attributes.layout?.orientation) !== null && _attributes$layout$or !== void 0 ? _attributes$layout$or : 'horizontal',
+ __experimentalAppenderTagName: 'li'
});
const POPOVER_PROPS = {
position: 'bottom right'
@@ -41896,9 +55703,14 @@
iconColorValue: colorValue
});
},
- label: (0,external_wp_i18n_namespaceObject.__)('Icon color')
+ label: (0,external_wp_i18n_namespaceObject.__)('Icon color'),
+ resetAllFilter: () => {
+ setIconColor(undefined);
+ setAttributes({
+ iconColorValue: undefined
+ });
+ }
}];
-
if (!logosOnly) {
colorSettings.push({
// Use custom attribute as fallback to prevent loss of named color selection when
@@ -41910,72 +55722,102 @@
iconBackgroundColorValue: colorValue
});
},
- label: (0,external_wp_i18n_namespaceObject.__)('Icon background')
- });
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "other"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarDropdownMenu, {
- label: (0,external_wp_i18n_namespaceObject.__)('Size'),
- text: (0,external_wp_i18n_namespaceObject.__)('Size'),
- icon: null,
- popoverProps: POPOVER_PROPS
- }, _ref => {
- let {
- onClose
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, null, sizeOptions.map(entry => {
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
- icon: (size === entry.value || !size && entry.value === 'has-normal-icon-size') && library_check,
- isSelected: size === entry.value,
- key: entry.value,
- onClick: () => {
- setAttributes({
- size: entry.value
- });
- },
- onClose: onClose,
- role: "menuitemradio"
- }, entry.name);
- }));
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Link settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Open links in new tab'),
- checked: openInNewTab,
- onChange: () => setAttributes({
- openInNewTab: !openInNewTab
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show labels'),
- checked: showLabels,
- onChange: () => setAttributes({
- showLabels: !showLabels
- })
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.PanelColorSettings, {
- __experimentalHasMultipleOrigins: true,
- __experimentalIsRenderedInSidebar: true,
- title: (0,external_wp_i18n_namespaceObject.__)('Color'),
- colorSettings: colorSettings
- }), !logosOnly && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.ContrastChecker, {
- textColor: iconColorValue,
- backgroundColor: iconBackgroundColorValue,
- isLargeText: false
- })), (0,external_wp_element_namespaceObject.createElement)("ul", innerBlocksProps));
+ label: (0,external_wp_i18n_namespaceObject.__)('Icon background'),
+ resetAllFilter: () => {
+ setIconBackgroundColor(undefined);
+ setAttributes({
+ iconBackgroundColorValue: undefined
+ });
+ }
+ });
+ }
+ const colorGradientSettings = (0,external_wp_blockEditor_namespaceObject.__experimentalUseMultipleOriginColorsAndGradients)();
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarDropdownMenu, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Size'),
+ text: (0,external_wp_i18n_namespaceObject.__)('Size'),
+ icon: null,
+ popoverProps: POPOVER_PROPS,
+ children: ({
+ onClose
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuGroup, {
+ children: sizeOptions.map(entry => {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ icon: (size === entry.value || !size && entry.value === 'has-normal-icon-size') && library_check,
+ isSelected: size === entry.value,
+ onClick: () => {
+ setAttributes({
+ size: entry.value
+ });
+ },
+ onClose: onClose,
+ role: "menuitemradio",
+ children: entry.name
+ }, entry.value);
+ })
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Open links in new tab'),
+ checked: openInNewTab,
+ onChange: () => setAttributes({
+ openInNewTab: !openInNewTab
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show text'),
+ checked: showLabels,
+ onChange: () => setAttributes({
+ showLabels: !showLabels
+ })
+ })]
+ })
+ }), colorGradientSettings.hasColorsOrGradients && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "color",
+ children: [colorSettings.map(({
+ onChange,
+ label,
+ value,
+ resetAllFilter
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalColorGradientSettingsDropdown, {
+ __experimentalIsRenderedInSidebar: true,
+ settings: [{
+ colorValue: value,
+ label,
+ onColorChange: onChange,
+ isShownByDefault: true,
+ resetAllFilter,
+ enableAlpha: true
+ }],
+ panelId: clientId,
+ ...colorGradientSettings
+ }, `social-links-color-${label}`)), !logosOnly && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.ContrastChecker, {
+ textColor: iconColorValue,
+ backgroundColor: iconBackgroundColorValue,
+ isLargeText: false
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ ...innerBlocksProps
+ })]
+ });
}
const iconColorAttributes = {
iconColor: 'icon-color',
iconBackgroundColor: 'icon-background-color'
};
-/* harmony default export */ var social_links_edit = ((0,external_wp_blockEditor_namespaceObject.withColors)(iconColorAttributes)(SocialLinksEdit));
+/* harmony default export */ const social_links_edit = ((0,external_wp_blockEditor_namespaceObject.withColors)(iconColorAttributes)(SocialLinksEdit));
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-links/save.js
-
-
-/**
- * External dependencies
- */
+/**
+ * External dependencies
+ */
+
/**
* WordPress dependencies
@@ -41991,7 +55833,7 @@
size
}
} = props;
- const className = classnames_default()(size, {
+ const className = dist_clsx(size, {
'has-visible-labels': showLabels,
'has-icon-color': iconColorValue,
'has-icon-background-color': iconBackgroundColorValue
@@ -42000,7 +55842,9 @@
className
});
const innerBlocksProps = external_wp_blockEditor_namespaceObject.useInnerBlocksProps.save(blockProps);
- return (0,external_wp_element_namespaceObject.createElement)("ul", innerBlocksProps);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", {
+ ...innerBlocksProps
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/social-links/index.js
@@ -42008,6 +55852,7 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -42016,11 +55861,12 @@
const social_links_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/social-links",
title: "Social Icons",
category: "widgets",
- description: "Display icons linking to your social media profiles or sites.",
+ allowedBlocks: ["core/social-link"],
+ description: "Display icons linking to your social profiles or sites.",
keywords: ["links"],
textdomain: "default",
attributes: {
@@ -42057,14 +55903,16 @@
providesContext: {
openInNewTab: "openInNewTab",
showLabels: "showLabels",
+ iconColor: "iconColor",
iconColorValue: "iconColorValue",
+ iconBackgroundColor: "iconBackgroundColor",
iconBackgroundColorValue: "iconBackgroundColorValue"
},
supports: {
align: ["left", "center", "right"],
anchor: true,
__experimentalExposeControlsToChildren: true,
- __experimentalLayout: {
+ layout: {
allowSwitching: false,
allowInheriting: false,
allowVerticalAlignment: false,
@@ -42072,13 +55920,28 @@
type: "flex"
}
},
+ color: {
+ enableContrastChecker: false,
+ background: true,
+ gradients: true,
+ text: false,
+ __experimentalDefaultControls: {
+ background: false
+ }
+ },
spacing: {
blockGap: ["horizontal", "vertical"],
- margin: ["top", "bottom"],
+ margin: true,
+ padding: true,
units: ["px", "em", "rem", "vh", "vw"],
__experimentalDefaultControls: {
- blockGap: true
- }
+ blockGap: true,
+ margin: true,
+ padding: false
+ }
+ },
+ interactivity: {
+ clientNavigation: true
}
},
styles: [{
@@ -42127,28 +55990,32 @@
save: social_links_save_save,
deprecated: social_links_deprecated
};
+const social_links_init = () => initBlock({
+ name: social_links_name,
+ metadata: social_links_metadata,
+ settings: social_links_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/resize-corner-n-e.js
-
-
-/**
- * WordPress dependencies
- */
-
-const resizeCornerNE = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12.5 4.2v1.6h4.7L5.8 17.2V12H4.2v7.8H12v-1.6H6.8L18.2 6.8v4.7h1.6V4.2z"
-}));
-/* harmony default export */ var resize_corner_n_e = (resizeCornerNE);
+/**
+ * WordPress dependencies
+ */
+
+
+const resizeCornerNE = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M7 18h4.5v1.5h-7v-7H6V17L17 6h-4.5V4.5h7v7H18V7L7 18Z"
+ })
+});
+/* harmony default export */ const resize_corner_n_e = (resizeCornerNE);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/spacer/deprecated.js
-
-
-/**
- * WordPress dependencies
- */
+/**
+ * WordPress dependencies
+ */
+
const spacer_deprecated_deprecated = [{
attributes: {
@@ -42160,66 +56027,72 @@
type: 'number'
}
},
-
migrate(attributes) {
const {
height,
width
} = attributes;
- return { ...attributes,
+ return {
+ ...attributes,
width: width !== undefined ? `${width}px` : undefined,
height: height !== undefined ? `${height}px` : undefined
};
},
-
- save(_ref) {
- let {
- attributes
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- style: {
- height: attributes.height,
- width: attributes.width
- },
- 'aria-hidden': true
- }));
- }
-
+ save({
+ attributes
+ }) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ style: {
+ height: attributes.height,
+ width: attributes.width
+ },
+ 'aria-hidden': true
+ })
+ });
+ }
}];
-/* harmony default export */ var spacer_deprecated = (spacer_deprecated_deprecated);
+/* harmony default export */ const spacer_deprecated = (spacer_deprecated_deprecated);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/spacer/constants.js
+const MIN_SPACER_SIZE = 0;
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/spacer/controls.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-function DimensionInput(_ref) {
- var _ref2;
-
- let {
- label,
- onChange,
- isResizing,
- value = ''
- } = _ref;
- const inputId = (0,external_wp_compose_namespaceObject.useInstanceId)(external_wp_components_namespaceObject.__experimentalUnitControl, 'block-spacer-height-input'); // In most contexts the spacer size cannot meaningfully be set to a
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+const {
+ useSpacingSizes
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+function DimensionInput({
+ label,
+ onChange,
+ isResizing,
+ value = ''
+}) {
+ const inputId = (0,external_wp_compose_namespaceObject.useInstanceId)(external_wp_components_namespaceObject.__experimentalUnitControl, 'block-spacer-height-input');
+ const spacingSizes = useSpacingSizes();
+ const [spacingUnits] = (0,external_wp_blockEditor_namespaceObject.useSettings)('spacing.units');
+ // In most contexts the spacer size cannot meaningfully be set to a
// percentage, since this is relative to the parent container. This
// unit is disabled from the UI.
-
- const availableUnitSettings = (_ref2 = (0,external_wp_blockEditor_namespaceObject.useSetting)('spacing.units') || undefined) === null || _ref2 === void 0 ? void 0 : _ref2.filter(availableUnit => availableUnit !== '%');
+ const availableUnits = spacingUnits ? spacingUnits.filter(unit => unit !== '%') : ['px', 'em', 'rem', 'vw', 'vh'];
const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({
- availableUnits: availableUnitSettings || ['px', 'em', 'rem', 'vw', 'vh'],
+ availableUnits,
defaultValues: {
px: 100,
em: 10,
@@ -42228,102 +56101,119 @@
vh: 25
}
});
-
const handleOnChange = unprocessedValue => {
- onChange(unprocessedValue);
- }; // Force the unit to update to `px` when the Spacer is being resized.
-
-
+ onChange(unprocessedValue.all);
+ };
+
+ // Force the unit to update to `px` when the Spacer is being resized.
const [parsedQuantity, parsedUnit] = (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(value);
- const computedValue = [parsedQuantity, isResizing ? 'px' : parsedUnit].join('');
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, {
- label: label,
- id: inputId
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, {
- id: inputId,
- isResetValueOnUnitChange: true,
- min: MIN_SPACER_SIZE,
- onChange: handleOnChange,
- style: {
- maxWidth: 80
- },
- value: computedValue,
- units: units
- }));
-}
-
-function SpacerControls(_ref3) {
- let {
- setAttributes,
- orientation,
- height,
- width,
- isResizing
- } = _ref3;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Spacer settings')
- }, orientation === 'horizontal' && (0,external_wp_element_namespaceObject.createElement)(DimensionInput, {
- label: (0,external_wp_i18n_namespaceObject.__)('Width'),
- value: width,
- onChange: nextWidth => setAttributes({
- width: nextWidth
- }),
- isResizing: isResizing
- }), orientation !== 'horizontal' && (0,external_wp_element_namespaceObject.createElement)(DimensionInput, {
- label: (0,external_wp_i18n_namespaceObject.__)('Height'),
- value: height,
- onChange: nextHeight => setAttributes({
- height: nextHeight
- }),
- isResizing: isResizing
- })));
+ const computedValue = (0,external_wp_blockEditor_namespaceObject.isValueSpacingPreset)(value) ? value : [parsedQuantity, isResizing ? 'px' : parsedUnit].join('');
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [(!spacingSizes || spacingSizes?.length === 0) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.BaseControl, {
+ label: label,
+ id: inputId,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalUnitControl, {
+ id: inputId,
+ isResetValueOnUnitChange: true,
+ min: MIN_SPACER_SIZE,
+ onChange: handleOnChange,
+ style: {
+ maxWidth: 80
+ },
+ value: computedValue,
+ units: units
+ })
+ }), spacingSizes?.length > 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.View, {
+ className: "tools-panel-item-spacing",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalSpacingSizesControl, {
+ values: {
+ all: computedValue
+ },
+ onChange: handleOnChange,
+ label: label,
+ sides: ['all'],
+ units: units,
+ allowReset: false,
+ splitOnAxis: false,
+ showSideInLabel: false
+ })
+ })]
+ });
+}
+function SpacerControls({
+ setAttributes,
+ orientation,
+ height,
+ width,
+ isResizing
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [orientation === 'horizontal' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(DimensionInput, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Width'),
+ value: width,
+ onChange: nextWidth => setAttributes({
+ width: nextWidth
+ }),
+ isResizing: isResizing
+ }), orientation !== 'horizontal' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(DimensionInput, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Height'),
+ value: height,
+ onChange: nextHeight => setAttributes({
+ height: nextHeight
+ }),
+ isResizing: isResizing
+ })]
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/spacer/edit.js
-
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-const MIN_SPACER_SIZE = 0;
-
-const ResizableSpacer = _ref => {
- let {
- orientation,
- onResizeStart,
- onResize,
- onResizeStop,
- isSelected,
- isResizing,
- setIsResizing,
- ...props
- } = _ref;
-
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+const {
+ useSpacingSizes: edit_useSpacingSizes
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+const ResizableSpacer = ({
+ orientation,
+ onResizeStart,
+ onResize,
+ onResizeStop,
+ isSelected,
+ isResizing,
+ setIsResizing,
+ ...props
+}) => {
const getCurrentSize = elt => {
return orientation === 'horizontal' ? elt.clientWidth : elt.clientHeight;
};
-
const getNextVal = elt => {
return `${getCurrentSize(elt)}px`;
};
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ResizableBox, _extends({
- className: classnames_default()('block-library-spacer__resize-container', {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ResizableBox, {
+ className: dist_clsx('block-library-spacer__resize-container', {
'resize-horizontal': orientation === 'horizontal',
'is-resizing': isResizing,
'is-selected': isSelected
@@ -42335,7 +56225,6 @@
},
onResize: (_event, _direction, elt) => {
onResize(getNextVal(elt));
-
if (!isResizing) {
setIsResizing(true);
}
@@ -42351,57 +56240,120 @@
position: 'corner',
isVisible: isResizing
},
- showHandle: isSelected
- }, props));
-};
-
-const SpacerEdit = _ref2 => {
- let {
- attributes,
- isSelected,
- setAttributes,
- toggleSelection,
- context
- } = _ref2;
+ showHandle: isSelected,
+ ...props
+ });
+};
+const SpacerEdit = ({
+ attributes,
+ isSelected,
+ setAttributes,
+ toggleSelection,
+ context,
+ __unstableParentLayout: parentLayout,
+ className
+}) => {
+ const disableCustomSpacingSizes = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const editorSettings = select(external_wp_blockEditor_namespaceObject.store).getSettings();
+ return editorSettings?.disableCustomSpacingSizes;
+ });
const {
orientation
} = context;
const {
+ orientation: parentOrientation,
+ type,
+ default: {
+ type: defaultType
+ } = {}
+ } = parentLayout || {};
+ // Check if the spacer is inside a flex container.
+ const isFlexLayout = type === 'flex' || !type && defaultType === 'flex';
+ // If the spacer is inside a flex container, it should either inherit the orientation
+ // of the parent or use the flex default orientation.
+ const inheritedOrientation = !parentOrientation && isFlexLayout ? 'horizontal' : parentOrientation || orientation;
+ const {
height,
- width
- } = attributes;
+ width,
+ style: blockStyle = {}
+ } = attributes;
+ const {
+ layout = {}
+ } = blockStyle;
+ const {
+ selfStretch,
+ flexSize
+ } = layout;
+ const spacingSizes = edit_useSpacingSizes();
const [isResizing, setIsResizing] = (0,external_wp_element_namespaceObject.useState)(false);
const [temporaryHeight, setTemporaryHeight] = (0,external_wp_element_namespaceObject.useState)(null);
const [temporaryWidth, setTemporaryWidth] = (0,external_wp_element_namespaceObject.useState)(null);
-
const onResizeStart = () => toggleSelection(false);
-
const onResizeStop = () => toggleSelection(true);
-
const handleOnVerticalResizeStop = newHeight => {
onResizeStop();
+ if (isFlexLayout) {
+ setAttributes({
+ style: {
+ ...blockStyle,
+ layout: {
+ ...layout,
+ flexSize: newHeight,
+ selfStretch: 'fixed'
+ }
+ }
+ });
+ }
setAttributes({
height: newHeight
});
setTemporaryHeight(null);
};
-
const handleOnHorizontalResizeStop = newWidth => {
onResizeStop();
+ if (isFlexLayout) {
+ setAttributes({
+ style: {
+ ...blockStyle,
+ layout: {
+ ...layout,
+ flexSize: newWidth,
+ selfStretch: 'fixed'
+ }
+ }
+ });
+ }
setAttributes({
width: newWidth
});
setTemporaryWidth(null);
};
-
+ const getHeightForVerticalBlocks = () => {
+ if (isFlexLayout) {
+ return undefined;
+ }
+ return temporaryHeight || (0,external_wp_blockEditor_namespaceObject.getSpacingPresetCssVar)(height) || undefined;
+ };
+ const getWidthForHorizontalBlocks = () => {
+ if (isFlexLayout) {
+ return undefined;
+ }
+ return temporaryWidth || (0,external_wp_blockEditor_namespaceObject.getSpacingPresetCssVar)(width) || undefined;
+ };
+ const sizeConditionalOnOrientation = inheritedOrientation === 'horizontal' ? temporaryWidth || flexSize : temporaryHeight || flexSize;
const style = {
- height: orientation === 'horizontal' ? 24 : temporaryHeight || height || undefined,
- width: orientation === 'horizontal' ? temporaryWidth || width || undefined : undefined
- };
-
+ height: inheritedOrientation === 'horizontal' ? 24 : getHeightForVerticalBlocks(),
+ width: inheritedOrientation === 'horizontal' ? getWidthForHorizontalBlocks() : undefined,
+ // In vertical flex containers, the spacer shrinks to nothing without a minimum width.
+ minWidth: inheritedOrientation === 'vertical' && isFlexLayout ? 48 : undefined,
+ // Add flex-basis so temporary sizes are respected.
+ flexBasis: isFlexLayout ? sizeConditionalOnOrientation : undefined,
+ // Remove flex-grow when resizing.
+ flexGrow: isFlexLayout && isResizing ? 0 : undefined
+ };
const resizableBoxWithOrientation = blockOrientation => {
if (blockOrientation === 'horizontal') {
- return (0,external_wp_element_namespaceObject.createElement)(ResizableSpacer, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResizableSpacer, {
minWidth: MIN_SPACER_SIZE,
enable: {
top: false,
@@ -42422,71 +56374,142 @@
setIsResizing: setIsResizing
});
}
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(ResizableSpacer, {
- minHeight: MIN_SPACER_SIZE,
- enable: {
- top: false,
- right: false,
- bottom: true,
- left: false,
- topRight: false,
- bottomRight: false,
- bottomLeft: false,
- topLeft: false
- },
- orientation: blockOrientation,
- onResizeStart: onResizeStart,
- onResize: setTemporaryHeight,
- onResizeStop: handleOnVerticalResizeStop,
- isSelected: isSelected,
- isResizing: isResizing,
- setIsResizing: setIsResizing
- }));
- };
-
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (orientation === 'horizontal' && !width) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResizableSpacer, {
+ minHeight: MIN_SPACER_SIZE,
+ enable: {
+ top: false,
+ right: false,
+ bottom: true,
+ left: false,
+ topRight: false,
+ bottomRight: false,
+ bottomLeft: false,
+ topLeft: false
+ },
+ orientation: blockOrientation,
+ onResizeStart: onResizeStart,
+ onResize: setTemporaryHeight,
+ onResizeStop: handleOnVerticalResizeStop,
+ isSelected: isSelected,
+ isResizing: isResizing,
+ setIsResizing: setIsResizing
+ })
+ });
+ };
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (isFlexLayout && selfStretch !== 'fill' && selfStretch !== 'fit' && !flexSize) {
+ if (inheritedOrientation === 'horizontal') {
+ // If spacer is moving from a vertical container to a horizontal container,
+ // it might not have width but have height instead.
+ const newSize = (0,external_wp_blockEditor_namespaceObject.getCustomValueFromPreset)(width, spacingSizes) || (0,external_wp_blockEditor_namespaceObject.getCustomValueFromPreset)(height, spacingSizes) || '100px';
+ setAttributes({
+ width: '0px',
+ style: {
+ ...blockStyle,
+ layout: {
+ ...layout,
+ flexSize: newSize,
+ selfStretch: 'fixed'
+ }
+ }
+ });
+ } else {
+ const newSize = (0,external_wp_blockEditor_namespaceObject.getCustomValueFromPreset)(height, spacingSizes) || (0,external_wp_blockEditor_namespaceObject.getCustomValueFromPreset)(width, spacingSizes) || '100px';
+ setAttributes({
+ height: '0px',
+ style: {
+ ...blockStyle,
+ layout: {
+ ...layout,
+ flexSize: newSize,
+ selfStretch: 'fixed'
+ }
+ }
+ });
+ }
+ } else if (isFlexLayout && (selfStretch === 'fill' || selfStretch === 'fit')) {
+ if (inheritedOrientation === 'horizontal') {
+ setAttributes({
+ width: undefined
+ });
+ } else {
+ setAttributes({
+ height: undefined
+ });
+ }
+ } else if (!isFlexLayout && (selfStretch || flexSize)) {
+ if (inheritedOrientation === 'horizontal') {
+ setAttributes({
+ width: flexSize
+ });
+ } else {
+ setAttributes({
+ height: flexSize
+ });
+ }
setAttributes({
- height: '0px',
- width: '72px'
- });
- }
- }, []);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.View, (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- style
- }), resizableBoxWithOrientation(orientation)), (0,external_wp_element_namespaceObject.createElement)(SpacerControls, {
- setAttributes: setAttributes,
- height: temporaryHeight || height,
- width: temporaryWidth || width,
- orientation: orientation,
- isResizing: isResizing
- }));
-};
-
-/* harmony default export */ var spacer_edit = (SpacerEdit);
+ style: {
+ ...blockStyle,
+ layout: {
+ ...layout,
+ flexSize: undefined,
+ selfStretch: undefined
+ }
+ }
+ });
+ }
+ }, [blockStyle, flexSize, height, inheritedOrientation, isFlexLayout, layout, selfStretch, setAttributes, spacingSizes, width]);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.View, {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ style,
+ className: dist_clsx(className, {
+ 'custom-sizes-disabled': disableCustomSpacingSizes
+ })
+ }),
+ children: resizableBoxWithOrientation(inheritedOrientation)
+ }), !isFlexLayout && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SpacerControls, {
+ setAttributes: setAttributes,
+ height: temporaryHeight || height,
+ width: temporaryWidth || width,
+ orientation: inheritedOrientation,
+ isResizing: isResizing
+ })]
+ });
+};
+/* harmony default export */ const spacer_edit = (SpacerEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/spacer/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-function spacer_save_save(_ref) {
- let {
- attributes: {
- height,
- width
- }
- } = _ref;
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- style: {
- height,
- width
- },
- 'aria-hidden': true
- }));
+/**
+ * WordPress dependencies
+ */
+
+
+function spacer_save_save({
+ attributes
+}) {
+ const {
+ height,
+ width,
+ style
+ } = attributes;
+ const {
+ layout: {
+ selfStretch
+ } = {}
+ } = style || {};
+ // If selfStretch is set to 'fill' or 'fit', don't set default height.
+ const finalHeight = selfStretch === 'fill' || selfStretch === 'fit' ? undefined : height;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ style: {
+ height: (0,external_wp_blockEditor_namespaceObject.getSpacingPresetCssVar)(finalHeight),
+ width: (0,external_wp_blockEditor_namespaceObject.getSpacingPresetCssVar)(width)
+ },
+ 'aria-hidden': true
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/spacer/index.js
@@ -42494,6 +56517,7 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -42502,7 +56526,7 @@
const spacer_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/spacer",
title: "Spacer",
category: "design",
@@ -42519,7 +56543,16 @@
},
usesContext: ["orientation"],
supports: {
- anchor: true
+ anchor: true,
+ spacing: {
+ margin: ["top", "bottom"],
+ __experimentalDefaultControls: {
+ margin: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-spacer-editor",
style: "wp-block-spacer"
@@ -42535,48 +56568,493 @@
save: spacer_save_save,
deprecated: spacer_deprecated
};
+const spacer_init = () => initBlock({
+ name: spacer_name,
+ metadata: spacer_metadata,
+ settings: spacer_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/block-table.js
-
-
-/**
- * WordPress dependencies
- */
-
-const blockTable = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 4.5h14c.3 0 .5.2.5.5v3.5h-15V5c0-.3.2-.5.5-.5zm8 5.5h6.5v3.5H13V10zm-1.5 3.5h-7V10h7v3.5zm-7 5.5v-4h7v4.5H5c-.3 0-.5-.2-.5-.5zm14.5.5h-6V15h6.5v4c0 .3-.2.5-.5.5z"
-}));
-/* harmony default export */ var block_table = (blockTable);
+/**
+ * WordPress dependencies
+ */
+
+
+const blockTable = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM5 4.5h14c.3 0 .5.2.5.5v3.5h-15V5c0-.3.2-.5.5-.5zm8 5.5h6.5v3.5H13V10zm-1.5 3.5h-7V10h7v3.5zm-7 5.5v-4h7v4.5H5c-.3 0-.5-.2-.5-.5zm14.5.5h-6V15h6.5v4c0 .3-.2.5-.5.5z"
+ })
+});
+/* harmony default export */ const block_table = (blockTable);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/table/deprecated.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-const table_deprecated_supports = {
- align: true
-}; // As the previous arbitrary colors won't match theme color palettes, the hex
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+// As the previous arbitrary colors won't match theme color palettes, the hex
// value will be mapped to the style.color.background attribute as if it was
// a custom color selection.
+
const oldColors = {
'subtle-light-gray': '#f3f4f5',
'subtle-pale-green': '#e9fbe5',
'subtle-pale-blue': '#e7f5fe',
'subtle-pale-pink': '#fcf0ef'
};
-const table_deprecated_deprecated = [// Deprecation migrating table block to use colors block support feature.
-{
+
+// Fixed width table cells on by default.
+const v4Query = {
+ content: {
+ type: 'rich-text',
+ source: 'rich-text'
+ },
+ tag: {
+ type: 'string',
+ default: 'td',
+ source: 'tag'
+ },
+ scope: {
+ type: 'string',
+ source: 'attribute',
+ attribute: 'scope'
+ },
+ align: {
+ type: 'string',
+ source: 'attribute',
+ attribute: 'data-align'
+ },
+ colspan: {
+ type: 'string',
+ source: 'attribute',
+ attribute: 'colspan'
+ },
+ rowspan: {
+ type: 'string',
+ source: 'attribute',
+ attribute: 'rowspan'
+ }
+};
+const table_deprecated_v4 = {
+ attributes: {
+ hasFixedLayout: {
+ type: 'boolean',
+ default: false
+ },
+ caption: {
+ type: 'rich-text',
+ source: 'rich-text',
+ selector: 'figcaption'
+ },
+ head: {
+ type: 'array',
+ default: [],
+ source: 'query',
+ selector: 'thead tr',
+ query: {
+ cells: {
+ type: 'array',
+ default: [],
+ source: 'query',
+ selector: 'td,th',
+ query: v4Query
+ }
+ }
+ },
+ body: {
+ type: 'array',
+ default: [],
+ source: 'query',
+ selector: 'tbody tr',
+ query: {
+ cells: {
+ type: 'array',
+ default: [],
+ source: 'query',
+ selector: 'td,th',
+ query: v4Query
+ }
+ }
+ },
+ foot: {
+ type: 'array',
+ default: [],
+ source: 'query',
+ selector: 'tfoot tr',
+ query: {
+ cells: {
+ type: 'array',
+ default: [],
+ source: 'query',
+ selector: 'td,th',
+ query: v4Query
+ }
+ }
+ }
+ },
+ supports: {
+ anchor: true,
+ align: true,
+ color: {
+ __experimentalSkipSerialization: true,
+ gradients: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ __experimentalBorder: {
+ __experimentalSkipSerialization: true,
+ color: true,
+ style: true,
+ width: true,
+ __experimentalDefaultControls: {
+ color: true,
+ style: true,
+ width: true
+ }
+ },
+ __experimentalSelector: '.wp-block-table > table',
+ interactivity: {
+ clientNavigation: true
+ }
+ },
+ save({
+ attributes
+ }) {
+ const {
+ hasFixedLayout,
+ head,
+ body,
+ foot,
+ caption
+ } = attributes;
+ const isEmpty = !head.length && !body.length && !foot.length;
+ if (isEmpty) {
+ return null;
+ }
+ const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes);
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetBorderClassesAndStyles)(attributes);
+ const classes = dist_clsx(colorProps.className, borderProps.className, {
+ 'has-fixed-layout': hasFixedLayout
+ });
+ const hasCaption = !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption);
+ const Section = ({
+ type,
+ rows
+ }) => {
+ if (!rows.length) {
+ return null;
+ }
+ const Tag = `t${type}`;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ children: rows.map(({
+ cells
+ }, rowIndex) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("tr", {
+ children: cells.map(({
+ content,
+ tag,
+ scope,
+ align,
+ colspan,
+ rowspan
+ }, cellIndex) => {
+ const cellClasses = dist_clsx({
+ [`has-text-align-${align}`]: align
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ className: cellClasses ? cellClasses : undefined,
+ "data-align": align,
+ tagName: tag,
+ value: content,
+ scope: tag === 'th' ? scope : undefined,
+ colSpan: colspan,
+ rowSpan: rowspan
+ }, cellIndex);
+ })
+ }, rowIndex))
+ });
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("table", {
+ className: classes === '' ? undefined : classes,
+ style: {
+ ...colorProps.style,
+ ...borderProps.style
+ },
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "head",
+ rows: head
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "body",
+ rows: body
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "foot",
+ rows: foot
+ })]
+ }), hasCaption && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption,
+ className: (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption')
+ })]
+ });
+ }
+};
+
+// In #41140 support was added to global styles for caption elements which
+// added a `wp-element-caption` classname to the embed figcaption element.
+const v3Query = {
+ content: {
+ type: 'string',
+ source: 'html'
+ },
+ tag: {
+ type: 'string',
+ default: 'td',
+ source: 'tag'
+ },
+ scope: {
+ type: 'string',
+ source: 'attribute',
+ attribute: 'scope'
+ },
+ align: {
+ type: 'string',
+ source: 'attribute',
+ attribute: 'data-align'
+ }
+};
+const table_deprecated_v3 = {
+ attributes: {
+ hasFixedLayout: {
+ type: 'boolean',
+ default: false
+ },
+ caption: {
+ type: 'string',
+ source: 'html',
+ selector: 'figcaption',
+ default: ''
+ },
+ head: {
+ type: 'array',
+ default: [],
+ source: 'query',
+ selector: 'thead tr',
+ query: {
+ cells: {
+ type: 'array',
+ default: [],
+ source: 'query',
+ selector: 'td,th',
+ query: v3Query
+ }
+ }
+ },
+ body: {
+ type: 'array',
+ default: [],
+ source: 'query',
+ selector: 'tbody tr',
+ query: {
+ cells: {
+ type: 'array',
+ default: [],
+ source: 'query',
+ selector: 'td,th',
+ query: v3Query
+ }
+ }
+ },
+ foot: {
+ type: 'array',
+ default: [],
+ source: 'query',
+ selector: 'tfoot tr',
+ query: {
+ cells: {
+ type: 'array',
+ default: [],
+ source: 'query',
+ selector: 'td,th',
+ query: v3Query
+ }
+ }
+ }
+ },
+ supports: {
+ anchor: true,
+ align: true,
+ color: {
+ __experimentalSkipSerialization: true,
+ gradients: true,
+ __experimentalDefaultControls: {
+ background: true,
+ text: true
+ }
+ },
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ __experimentalBorder: {
+ __experimentalSkipSerialization: true,
+ color: true,
+ style: true,
+ width: true,
+ __experimentalDefaultControls: {
+ color: true,
+ style: true,
+ width: true
+ }
+ },
+ __experimentalSelector: '.wp-block-table > table'
+ },
+ save({
+ attributes
+ }) {
+ const {
+ hasFixedLayout,
+ head,
+ body,
+ foot,
+ caption
+ } = attributes;
+ const isEmpty = !head.length && !body.length && !foot.length;
+ if (isEmpty) {
+ return null;
+ }
+ const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes);
+ const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetBorderClassesAndStyles)(attributes);
+ const classes = dist_clsx(colorProps.className, borderProps.className, {
+ 'has-fixed-layout': hasFixedLayout
+ });
+ const hasCaption = !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption);
+ const Section = ({
+ type,
+ rows
+ }) => {
+ if (!rows.length) {
+ return null;
+ }
+ const Tag = `t${type}`;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ children: rows.map(({
+ cells
+ }, rowIndex) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("tr", {
+ children: cells.map(({
+ content,
+ tag,
+ scope,
+ align
+ }, cellIndex) => {
+ const cellClasses = dist_clsx({
+ [`has-text-align-${align}`]: align
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ className: cellClasses ? cellClasses : undefined,
+ "data-align": align,
+ tagName: tag,
+ value: content,
+ scope: tag === 'th' ? scope : undefined
+ }, cellIndex);
+ })
+ }, rowIndex))
+ });
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("table", {
+ className: classes === '' ? undefined : classes,
+ style: {
+ ...colorProps.style,
+ ...borderProps.style
+ },
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "head",
+ rows: head
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "body",
+ rows: body
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "foot",
+ rows: foot
+ })]
+ }), hasCaption && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ }
+};
+
+// Deprecation migrating table block to use colors block support feature.
+const v2Query = {
+ content: {
+ type: 'string',
+ source: 'html'
+ },
+ tag: {
+ type: 'string',
+ default: 'td',
+ source: 'tag'
+ },
+ scope: {
+ type: 'string',
+ source: 'attribute',
+ attribute: 'scope'
+ },
+ align: {
+ type: 'string',
+ source: 'attribute',
+ attribute: 'data-align'
+ }
+};
+const table_deprecated_v2 = {
attributes: {
hasFixedLayout: {
type: 'boolean',
@@ -42602,27 +57080,7 @@
default: [],
source: 'query',
selector: 'td,th',
- query: {
- content: {
- type: 'string',
- source: 'html'
- },
- tag: {
- type: 'string',
- default: 'td',
- source: 'tag'
- },
- scope: {
- type: 'string',
- source: 'attribute',
- attribute: 'scope'
- },
- align: {
- type: 'string',
- source: 'attribute',
- attribute: 'data-align'
- }
- }
+ query: v2Query
}
}
},
@@ -42637,27 +57095,7 @@
default: [],
source: 'query',
selector: 'td,th',
- query: {
- content: {
- type: 'string',
- source: 'html'
- },
- tag: {
- type: 'string',
- default: 'td',
- source: 'tag'
- },
- scope: {
- type: 'string',
- source: 'attribute',
- attribute: 'scope'
- },
- align: {
- type: 'string',
- source: 'attribute',
- attribute: 'data-align'
- }
- }
+ query: v2Query
}
}
},
@@ -42672,27 +57110,7 @@
default: [],
source: 'query',
selector: 'td,th',
- query: {
- content: {
- type: 'string',
- source: 'html'
- },
- tag: {
- type: 'string',
- default: 'td',
- source: 'tag'
- },
- scope: {
- type: 'string',
- source: 'attribute',
- attribute: 'scope'
- },
- align: {
- type: 'string',
- source: 'attribute',
- attribute: 'data-align'
- }
- }
+ query: v2Query
}
}
}
@@ -42702,10 +57120,9 @@
align: true,
__experimentalSelector: '.wp-block-table > table'
},
- save: _ref => {
- let {
- attributes
- } = _ref;
+ save: ({
+ attributes
+ }) => {
const {
hasFixedLayout,
head,
@@ -42715,72 +57132,66 @@
caption
} = attributes;
const isEmpty = !head.length && !body.length && !foot.length;
-
if (isEmpty) {
return null;
}
-
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
- const classes = classnames_default()(backgroundClass, {
+ const classes = dist_clsx(backgroundClass, {
'has-fixed-layout': hasFixedLayout,
'has-background': !!backgroundClass
});
const hasCaption = !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption);
-
- const Section = _ref2 => {
- let {
- type,
- rows
- } = _ref2;
-
+ const Section = ({
+ type,
+ rows
+ }) => {
if (!rows.length) {
return null;
}
-
const Tag = `t${type}`;
- return (0,external_wp_element_namespaceObject.createElement)(Tag, null, rows.map((_ref3, rowIndex) => {
- let {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ children: rows.map(({
cells
- } = _ref3;
- return (0,external_wp_element_namespaceObject.createElement)("tr", {
- key: rowIndex
- }, cells.map((_ref4, cellIndex) => {
- let {
+ }, rowIndex) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("tr", {
+ children: cells.map(({
content,
tag,
scope,
align
- } = _ref4;
- const cellClasses = classnames_default()({
- [`has-text-align-${align}`]: align
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- className: cellClasses ? cellClasses : undefined,
- "data-align": align,
- tagName: tag,
- value: content,
- key: cellIndex,
- scope: tag === 'th' ? scope : undefined
- });
- }));
- }));
- };
-
- return (0,external_wp_element_namespaceObject.createElement)("figure", external_wp_blockEditor_namespaceObject.useBlockProps.save(), (0,external_wp_element_namespaceObject.createElement)("table", {
- className: classes === '' ? undefined : classes
- }, (0,external_wp_element_namespaceObject.createElement)(Section, {
- type: "head",
- rows: head
- }), (0,external_wp_element_namespaceObject.createElement)(Section, {
- type: "body",
- rows: body
- }), (0,external_wp_element_namespaceObject.createElement)(Section, {
- type: "foot",
- rows: foot
- })), hasCaption && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: caption
- }));
+ }, cellIndex) => {
+ const cellClasses = dist_clsx({
+ [`has-text-align-${align}`]: align
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ className: cellClasses ? cellClasses : undefined,
+ "data-align": align,
+ tagName: tag,
+ value: content,
+ scope: tag === 'th' ? scope : undefined
+ }, cellIndex);
+ })
+ }, rowIndex))
+ });
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("table", {
+ className: classes === '' ? undefined : classes,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "head",
+ rows: head
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "body",
+ rows: body
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "foot",
+ rows: foot
+ })]
+ }), hasCaption && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
},
isEligible: attributes => {
return attributes.backgroundColor && attributes.backgroundColor in oldColors && !attributes.style;
@@ -42788,7 +57199,8 @@
// This version is the first to introduce the style attribute to the
// table block. As a result, we'll explicitly override that.
migrate: attributes => {
- return { ...attributes,
+ return {
+ ...attributes,
backgroundColor: undefined,
style: {
color: {
@@ -42797,7 +57209,24 @@
}
};
}
-}, {
+};
+const v1Query = {
+ content: {
+ type: 'string',
+ source: 'html'
+ },
+ tag: {
+ type: 'string',
+ default: 'td',
+ source: 'tag'
+ },
+ scope: {
+ type: 'string',
+ source: 'attribute',
+ attribute: 'scope'
+ }
+};
+const table_deprecated_v1 = {
attributes: {
hasFixedLayout: {
type: 'boolean',
@@ -42817,22 +57246,7 @@
default: [],
source: 'query',
selector: 'td,th',
- query: {
- content: {
- type: 'string',
- source: 'html'
- },
- tag: {
- type: 'string',
- default: 'td',
- source: 'tag'
- },
- scope: {
- type: 'string',
- source: 'attribute',
- attribute: 'scope'
- }
- }
+ query: v1Query
}
}
},
@@ -42847,22 +57261,7 @@
default: [],
source: 'query',
selector: 'td,th',
- query: {
- content: {
- type: 'string',
- source: 'html'
- },
- tag: {
- type: 'string',
- default: 'td',
- source: 'tag'
- },
- scope: {
- type: 'string',
- source: 'attribute',
- attribute: 'scope'
- }
- }
+ query: v1Query
}
}
},
@@ -42877,32 +57276,17 @@
default: [],
source: 'query',
selector: 'td,th',
- query: {
- content: {
- type: 'string',
- source: 'html'
- },
- tag: {
- type: 'string',
- default: 'td',
- source: 'tag'
- },
- scope: {
- type: 'string',
- source: 'attribute',
- attribute: 'scope'
- }
- }
- }
- }
- }
- },
- supports: table_deprecated_supports,
-
- save(_ref5) {
- let {
- attributes
- } = _ref5;
+ query: v1Query
+ }
+ }
+ }
+ },
+ supports: {
+ align: true
+ },
+ save({
+ attributes
+ }) {
const {
hasFixedLayout,
head,
@@ -42911,223 +57295,217 @@
backgroundColor
} = attributes;
const isEmpty = !head.length && !body.length && !foot.length;
-
if (isEmpty) {
return null;
}
-
const backgroundClass = (0,external_wp_blockEditor_namespaceObject.getColorClassName)('background-color', backgroundColor);
- const classes = classnames_default()(backgroundClass, {
+ const classes = dist_clsx(backgroundClass, {
'has-fixed-layout': hasFixedLayout,
'has-background': !!backgroundClass
});
-
- const Section = _ref6 => {
- let {
- type,
- rows
- } = _ref6;
-
+ const Section = ({
+ type,
+ rows
+ }) => {
if (!rows.length) {
return null;
}
-
const Tag = `t${type}`;
- return (0,external_wp_element_namespaceObject.createElement)(Tag, null, rows.map((_ref7, rowIndex) => {
- let {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ children: rows.map(({
cells
- } = _ref7;
- return (0,external_wp_element_namespaceObject.createElement)("tr", {
- key: rowIndex
- }, cells.map((_ref8, cellIndex) => {
- let {
+ }, rowIndex) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("tr", {
+ children: cells.map(({
content,
tag,
scope
- } = _ref8;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ }, cellIndex) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
tagName: tag,
value: content,
- key: cellIndex,
scope: tag === 'th' ? scope : undefined
- });
- }));
- }));
- };
-
- return (0,external_wp_element_namespaceObject.createElement)("table", {
- className: classes
- }, (0,external_wp_element_namespaceObject.createElement)(Section, {
- type: "head",
- rows: head
- }), (0,external_wp_element_namespaceObject.createElement)(Section, {
- type: "body",
- rows: body
- }), (0,external_wp_element_namespaceObject.createElement)(Section, {
- type: "foot",
- rows: foot
- }));
- }
-
-}];
-/* harmony default export */ var table_deprecated = (table_deprecated_deprecated);
+ }, cellIndex))
+ }, rowIndex))
+ });
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("table", {
+ className: classes,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "head",
+ rows: head
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "body",
+ rows: body
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "foot",
+ rows: foot
+ })]
+ });
+ }
+};
+
+/**
+ * New deprecations need to be placed first
+ * for them to have higher priority.
+ *
+ * Old deprecations may need to be updated as well.
+ *
+ * See block-deprecation.md
+ */
+/* harmony default export */ const table_deprecated = ([table_deprecated_v4, table_deprecated_v3, table_deprecated_v2, table_deprecated_v1]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/align-left.js
-
-
-/**
- * WordPress dependencies
- */
-
-const alignLeft = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 19.8h8.9v-1.5H4v1.5zm8.9-15.6H4v1.5h8.9V4.2zm-8.9 7v1.5h16v-1.5H4z"
-}));
-/* harmony default export */ var align_left = (alignLeft);
+/**
+ * WordPress dependencies
+ */
+
+
+const alignLeft = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M13 5.5H4V4h9v1.5Zm7 7H4V11h16v1.5Zm-7 7H4V18h9v1.5Z"
+ })
+});
+/* harmony default export */ const align_left = (alignLeft);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/align-center.js
-
-
-/**
- * WordPress dependencies
- */
-
-const alignCenter = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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 */ var align_center = (alignCenter);
+/**
+ * WordPress dependencies
+ */
+
+
+const alignCenter = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M7.5 5.5h9V4h-9v1.5Zm-3.5 7h16V11H4v1.5Zm3.5 7h9V18h-9v1.5Z"
+ })
+});
+/* harmony default export */ const align_center = (alignCenter);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/align-right.js
-
-
-/**
- * WordPress dependencies
- */
-
-const alignRight = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.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 */ var align_right = (alignRight);
+/**
+ * WordPress dependencies
+ */
+
+
+const alignRight = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M11.111 5.5H20V4h-8.889v1.5ZM4 12.5h16V11H4v1.5Zm7.111 7H20V18h-8.889v1.5Z"
+ })
+});
+/* harmony default export */ const align_right = (alignRight);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/table-row-before.js
-
-
-/**
- * WordPress dependencies
- */
-
-const tableRowBefore = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "-2 -2 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M6.656 6.464h2.88v2.88h1.408v-2.88h2.88V5.12h-2.88V2.24H9.536v2.88h-2.88zM0 17.92V0h20.48v17.92H0zm7.68-2.56h5.12v-3.84H7.68v3.84zm-6.4 0H6.4v-3.84H1.28v3.84zM19.2 1.28H1.28v9.024H19.2V1.28zm0 10.24h-5.12v3.84h5.12v-3.84zM6.656 6.464h2.88v2.88h1.408v-2.88h2.88V5.12h-2.88V2.24H9.536v2.88h-2.88zM0 17.92V0h20.48v17.92H0zm7.68-2.56h5.12v-3.84H7.68v3.84zm-6.4 0H6.4v-3.84H1.28v3.84zM19.2 1.28H1.28v9.024H19.2V1.28zm0 10.24h-5.12v3.84h5.12v-3.84z"
-}));
-/* harmony default export */ var table_row_before = (tableRowBefore);
+/**
+ * WordPress dependencies
+ */
+
+
+const tableRowBefore = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "-2 -2 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M6.656 6.464h2.88v2.88h1.408v-2.88h2.88V5.12h-2.88V2.24H9.536v2.88h-2.88zM0 17.92V0h20.48v17.92H0zm7.68-2.56h5.12v-3.84H7.68v3.84zm-6.4 0H6.4v-3.84H1.28v3.84zM19.2 1.28H1.28v9.024H19.2V1.28zm0 10.24h-5.12v3.84h5.12v-3.84zM6.656 6.464h2.88v2.88h1.408v-2.88h2.88V5.12h-2.88V2.24H9.536v2.88h-2.88zM0 17.92V0h20.48v17.92H0zm7.68-2.56h5.12v-3.84H7.68v3.84zm-6.4 0H6.4v-3.84H1.28v3.84zM19.2 1.28H1.28v9.024H19.2V1.28zm0 10.24h-5.12v3.84h5.12v-3.84z"
+ })
+});
+/* harmony default export */ const table_row_before = (tableRowBefore);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/table-row-after.js
-
-
-/**
- * WordPress dependencies
- */
-
-const tableRowAfter = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "-2 -2 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M13.824 10.176h-2.88v-2.88H9.536v2.88h-2.88v1.344h2.88v2.88h1.408v-2.88h2.88zM0 17.92V0h20.48v17.92H0zM6.4 1.28H1.28v3.84H6.4V1.28zm6.4 0H7.68v3.84h5.12V1.28zm6.4 0h-5.12v3.84h5.12V1.28zm0 5.056H1.28v9.024H19.2V6.336z"
-}));
-/* harmony default export */ var table_row_after = (tableRowAfter);
+/**
+ * WordPress dependencies
+ */
+
+
+const tableRowAfter = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "-2 -2 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M13.824 10.176h-2.88v-2.88H9.536v2.88h-2.88v1.344h2.88v2.88h1.408v-2.88h2.88zM0 17.92V0h20.48v17.92H0zM6.4 1.28H1.28v3.84H6.4V1.28zm6.4 0H7.68v3.84h5.12V1.28zm6.4 0h-5.12v3.84h5.12V1.28zm0 5.056H1.28v9.024H19.2V6.336z"
+ })
+});
+/* harmony default export */ const table_row_after = (tableRowAfter);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/table-row-delete.js
-
-
-/**
- * WordPress dependencies
- */
-
-const tableRowDelete = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "-2 -2 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M17.728 11.456L14.592 8.32l3.2-3.2-1.536-1.536-3.2 3.2L9.92 3.648 8.384 5.12l3.2 3.2-3.264 3.264 1.536 1.536 3.264-3.264 3.136 3.136 1.472-1.536zM0 17.92V0h20.48v17.92H0zm19.2-6.4h-.448l-1.28-1.28H19.2V6.4h-1.792l1.28-1.28h.512V1.28H1.28v3.84h6.208l1.28 1.28H1.28v3.84h7.424l-1.28 1.28H1.28v3.84H19.2v-3.84z"
-}));
-/* harmony default export */ var table_row_delete = (tableRowDelete);
+/**
+ * WordPress dependencies
+ */
+
+
+const tableRowDelete = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "-2 -2 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M17.728 11.456L14.592 8.32l3.2-3.2-1.536-1.536-3.2 3.2L9.92 3.648 8.384 5.12l3.2 3.2-3.264 3.264 1.536 1.536 3.264-3.264 3.136 3.136 1.472-1.536zM0 17.92V0h20.48v17.92H0zm19.2-6.4h-.448l-1.28-1.28H19.2V6.4h-1.792l1.28-1.28h.512V1.28H1.28v3.84h6.208l1.28 1.28H1.28v3.84h7.424l-1.28 1.28H1.28v3.84H19.2v-3.84z"
+ })
+});
+/* harmony default export */ const table_row_delete = (tableRowDelete);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/table-column-before.js
-
-
-/**
- * WordPress dependencies
- */
-
-const tableColumnBefore = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "-2 -2 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M6.4 3.776v3.648H2.752v1.792H6.4v3.648h1.728V9.216h3.712V7.424H8.128V3.776zM0 17.92V0h20.48v17.92H0zM12.8 1.28H1.28v14.08H12.8V1.28zm6.4 0h-5.12v3.84h5.12V1.28zm0 5.12h-5.12v3.84h5.12V6.4zm0 5.12h-5.12v3.84h5.12v-3.84z"
-}));
-/* harmony default export */ var table_column_before = (tableColumnBefore);
+/**
+ * WordPress dependencies
+ */
+
+
+const tableColumnBefore = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "-2 -2 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M6.4 3.776v3.648H2.752v1.792H6.4v3.648h1.728V9.216h3.712V7.424H8.128V3.776zM0 17.92V0h20.48v17.92H0zM12.8 1.28H1.28v14.08H12.8V1.28zm6.4 0h-5.12v3.84h5.12V1.28zm0 5.12h-5.12v3.84h5.12V6.4zm0 5.12h-5.12v3.84h5.12v-3.84z"
+ })
+});
+/* harmony default export */ const table_column_before = (tableColumnBefore);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/table-column-after.js
-
-
-/**
- * WordPress dependencies
- */
-
-const tableColumnAfter = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "-2 -2 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M14.08 12.864V9.216h3.648V7.424H14.08V3.776h-1.728v3.648H8.64v1.792h3.712v3.648zM0 17.92V0h20.48v17.92H0zM6.4 1.28H1.28v3.84H6.4V1.28zm0 5.12H1.28v3.84H6.4V6.4zm0 5.12H1.28v3.84H6.4v-3.84zM19.2 1.28H7.68v14.08H19.2V1.28z"
-}));
-/* harmony default export */ var table_column_after = (tableColumnAfter);
+/**
+ * WordPress dependencies
+ */
+
+
+const tableColumnAfter = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "-2 -2 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M14.08 12.864V9.216h3.648V7.424H14.08V3.776h-1.728v3.648H8.64v1.792h3.712v3.648zM0 17.92V0h20.48v17.92H0zM6.4 1.28H1.28v3.84H6.4V1.28zm0 5.12H1.28v3.84H6.4V6.4zm0 5.12H1.28v3.84H6.4v-3.84zM19.2 1.28H7.68v14.08H19.2V1.28z"
+ })
+});
+/* harmony default export */ const table_column_after = (tableColumnAfter);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/table-column-delete.js
-
-
-/**
- * WordPress dependencies
- */
-
-const tableColumnDelete = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "-2 -2 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M6.4 9.98L7.68 8.7v-.256L6.4 7.164V9.98zm6.4-1.532l1.28-1.28V9.92L12.8 8.64v-.192zm7.68 9.472V0H0v17.92h20.48zm-1.28-2.56h-5.12v-1.024l-.256.256-1.024-1.024v1.792H7.68v-1.792l-1.024 1.024-.256-.256v1.024H1.28V1.28H6.4v2.368l.704-.704.576.576V1.216h5.12V3.52l.96-.96.32.32V1.216h5.12V15.36zm-5.76-2.112l-3.136-3.136-3.264 3.264-1.536-1.536 3.264-3.264L5.632 5.44l1.536-1.536 3.136 3.136 3.2-3.2 1.536 1.536-3.2 3.2 3.136 3.136-1.536 1.536z"
-}));
-/* harmony default export */ var table_column_delete = (tableColumnDelete);
+/**
+ * WordPress dependencies
+ */
+
+
+const tableColumnDelete = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "-2 -2 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M6.4 9.98L7.68 8.7v-.256L6.4 7.164V9.98zm6.4-1.532l1.28-1.28V9.92L12.8 8.64v-.192zm7.68 9.472V0H0v17.92h20.48zm-1.28-2.56h-5.12v-1.024l-.256.256-1.024-1.024v1.792H7.68v-1.792l-1.024 1.024-.256-.256v1.024H1.28V1.28H6.4v2.368l.704-.704.576.576V1.216h5.12V3.52l.96-.96.32.32V1.216h5.12V15.36zm-5.76-2.112l-3.136-3.136-3.264 3.264-1.536-1.536 3.264-3.264L5.632 5.44l1.536-1.536 3.136 3.136 3.2-3.2 1.536 1.536-3.2 3.2 3.136 3.136-1.536 1.536z"
+ })
+});
+/* harmony default export */ const table_column_delete = (tableColumnDelete);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/table.js
-
-
-/**
- * WordPress dependencies
- */
-
-const table = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M4 6v11.5h16V6H4zm1.5 1.5h6V11h-6V7.5zm0 8.5v-3.5h6V16h-6zm13 0H13v-3.5h5.5V16zM13 11V7.5h5.5V11H13z"
-}));
-/* harmony default export */ var library_table = (table);
+/**
+ * WordPress dependencies
+ */
+
+
+const table = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M4 6v11.5h16V6H4zm1.5 1.5h6V11h-6V7.5zm0 8.5v-3.5h6V16h-6zm13 0H13v-3.5h5.5V16zM13 11V7.5h5.5V11H13z"
+ })
+});
+/* harmony default export */ const library_table = (table);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/table/state.js
-/**
- * External dependencies
- */
-
const INHERITED_COLUMN_ATTRIBUTES = ['align'];
+
/**
* Creates a table state.
*
@@ -43137,42 +57515,43 @@
*
* @return {Object} New table state.
*/
-
-function createTable(_ref) {
- let {
- rowCount,
- columnCount
- } = _ref;
+function createTable({
+ rowCount,
+ columnCount
+}) {
return {
- body: (0,external_lodash_namespaceObject.times)(rowCount, () => ({
- cells: (0,external_lodash_namespaceObject.times)(columnCount, () => ({
+ body: Array.from({
+ length: rowCount
+ }).map(() => ({
+ cells: Array.from({
+ length: columnCount
+ }).map(() => ({
content: '',
tag: 'td'
}))
}))
};
}
+
/**
* Returns the first row in the table.
*
* @param {Object} state Current table state.
*
- * @return {Object} The first table row.
- */
-
+ * @return {Object | undefined} The first table row.
+ */
function getFirstRow(state) {
if (!isEmptyTableSection(state.head)) {
return state.head[0];
}
-
if (!isEmptyTableSection(state.body)) {
return state.body[0];
}
-
if (!isEmptyTableSection(state.foot)) {
return state.foot[0];
}
}
+
/**
* Gets an attribute for a cell.
*
@@ -43182,15 +57561,15 @@
*
* @return {*} The attribute value.
*/
-
function getCellAttribute(state, cellLocation, attributeName) {
const {
sectionName,
rowIndex,
columnIndex
} = cellLocation;
- return (0,external_lodash_namespaceObject.get)(state, [sectionName, rowIndex, 'cells', columnIndex, attributeName]);
-}
+ return state[sectionName]?.[rowIndex]?.cells?.[columnIndex]?.[attributeName];
+}
+
/**
* Returns updated cell attributes after applying the `updateCell` function to the selection.
*
@@ -43200,27 +57579,23 @@
*
* @return {Object} New table state including the updated cells.
*/
-
function updateSelectedCell(state, selection, updateCell) {
if (!selection) {
return state;
}
-
- const tableSections = (0,external_lodash_namespaceObject.pick)(state, ['head', 'body', 'foot']);
+ const tableSections = Object.fromEntries(Object.entries(state).filter(([key]) => ['head', 'body', 'foot'].includes(key)));
const {
sectionName: selectionSectionName,
rowIndex: selectionRowIndex
} = selection;
- return (0,external_lodash_namespaceObject.mapValues)(tableSections, (section, sectionName) => {
+ return Object.fromEntries(Object.entries(tableSections).map(([sectionName, section]) => {
if (selectionSectionName && selectionSectionName !== sectionName) {
- return section;
- }
-
- return section.map((row, rowIndex) => {
+ return [sectionName, section];
+ }
+ return [sectionName, section.map((row, rowIndex) => {
if (selectionRowIndex && selectionRowIndex !== rowIndex) {
return row;
}
-
return {
cells: row.cells.map((cellAttributes, columnIndex) => {
const cellLocation = {
@@ -43228,17 +57603,16 @@
columnIndex,
rowIndex
};
-
if (!isCellSelected(cellLocation, selection)) {
return cellAttributes;
}
-
return updateCell(cellAttributes);
})
};
- });
- });
-}
+ })];
+ }));
+}
+
/**
* Returns whether the cell at `cellLocation` is included in the selection `selection`.
*
@@ -43247,20 +57621,18 @@
*
* @return {boolean} True if the cell is selected, false otherwise.
*/
-
function isCellSelected(cellLocation, selection) {
if (!cellLocation || !selection) {
return false;
}
-
switch (selection.type) {
case 'column':
return selection.type === 'column' && cellLocation.columnIndex === selection.columnIndex;
-
case 'cell':
return selection.type === 'cell' && cellLocation.sectionName === selection.sectionName && cellLocation.columnIndex === selection.columnIndex && cellLocation.rowIndex === selection.rowIndex;
}
}
+
/**
* Inserts a row in the table state.
*
@@ -43272,26 +57644,28 @@
*
* @return {Object} New table state.
*/
-
-function insertRow(state, _ref2) {
- let {
- sectionName,
- rowIndex,
- columnCount
- } = _ref2;
+function insertRow(state, {
+ sectionName,
+ rowIndex,
+ columnCount
+}) {
const firstRow = getFirstRow(state);
- const cellCount = columnCount === undefined ? (0,external_lodash_namespaceObject.get)(firstRow, ['cells', 'length']) : columnCount; // Bail early if the function cannot determine how many cells to add.
-
+ const cellCount = columnCount === undefined ? firstRow?.cells?.length : columnCount;
+
+ // Bail early if the function cannot determine how many cells to add.
if (!cellCount) {
return state;
}
-
return {
[sectionName]: [...state[sectionName].slice(0, rowIndex), {
- cells: (0,external_lodash_namespaceObject.times)(cellCount, index => {
- const firstCellInColumn = (0,external_lodash_namespaceObject.get)(firstRow, ['cells', index], {});
- const inheritedAttributes = (0,external_lodash_namespaceObject.pick)(firstCellInColumn, INHERITED_COLUMN_ATTRIBUTES);
- return { ...inheritedAttributes,
+ cells: Array.from({
+ length: cellCount
+ }).map((_, index) => {
+ var _firstRow$cells$index;
+ const firstCellInColumn = (_firstRow$cells$index = firstRow?.cells?.[index]) !== null && _firstRow$cells$index !== void 0 ? _firstRow$cells$index : {};
+ const inheritedAttributes = Object.fromEntries(Object.entries(firstCellInColumn).filter(([key]) => INHERITED_COLUMN_ATTRIBUTES.includes(key)));
+ return {
+ ...inheritedAttributes,
content: '',
tag: sectionName === 'head' ? 'th' : 'td'
};
@@ -43299,6 +57673,7 @@
}, ...state[sectionName].slice(rowIndex)]
};
}
+
/**
* Deletes a row from the table state.
*
@@ -43309,16 +57684,15 @@
*
* @return {Object} New table state.
*/
-
-function deleteRow(state, _ref3) {
- let {
- sectionName,
- rowIndex
- } = _ref3;
+function deleteRow(state, {
+ sectionName,
+ rowIndex
+}) {
return {
[sectionName]: state[sectionName].filter((row, index) => index !== rowIndex)
};
}
+
/**
* Inserts a column in the table state.
*
@@ -43328,34 +57702,31 @@
*
* @return {Object} New table state.
*/
-
-function insertColumn(state, _ref4) {
- let {
- columnIndex
- } = _ref4;
- const tableSections = (0,external_lodash_namespaceObject.pick)(state, ['head', 'body', 'foot']);
- return (0,external_lodash_namespaceObject.mapValues)(tableSections, (section, sectionName) => {
+function insertColumn(state, {
+ columnIndex
+}) {
+ const tableSections = Object.fromEntries(Object.entries(state).filter(([key]) => ['head', 'body', 'foot'].includes(key)));
+ return Object.fromEntries(Object.entries(tableSections).map(([sectionName, section]) => {
// Bail early if the table section is empty.
if (isEmptyTableSection(section)) {
- return section;
- }
-
- return section.map(row => {
+ return [sectionName, section];
+ }
+ return [sectionName, section.map(row => {
// Bail early if the row is empty or it's an attempt to insert past
// the last possible index of the array.
if (isEmptyRow(row) || row.cells.length < columnIndex) {
return row;
}
-
return {
cells: [...row.cells.slice(0, columnIndex), {
content: '',
tag: sectionName === 'head' ? 'th' : 'td'
}, ...row.cells.slice(columnIndex)]
};
- });
- });
-}
+ })];
+ }));
+}
+
/**
* Deletes a column from the table state.
*
@@ -43365,49 +57736,49 @@
*
* @return {Object} New table state.
*/
-
-function deleteColumn(state, _ref5) {
- let {
- columnIndex
- } = _ref5;
- const tableSections = (0,external_lodash_namespaceObject.pick)(state, ['head', 'body', 'foot']);
- return (0,external_lodash_namespaceObject.mapValues)(tableSections, section => {
+function deleteColumn(state, {
+ columnIndex
+}) {
+ const tableSections = Object.fromEntries(Object.entries(state).filter(([key]) => ['head', 'body', 'foot'].includes(key)));
+ return Object.fromEntries(Object.entries(tableSections).map(([sectionName, section]) => {
// Bail early if the table section is empty.
if (isEmptyTableSection(section)) {
- return section;
- }
-
- return section.map(row => ({
+ return [sectionName, section];
+ }
+ return [sectionName, section.map(row => ({
cells: row.cells.length >= columnIndex ? row.cells.filter((cell, index) => index !== columnIndex) : row.cells
- })).filter(row => row.cells.length);
- });
-}
-/**
- * Toggles the existance of a section.
+ })).filter(row => row.cells.length)];
+ }));
+}
+
+/**
+ * Toggles the existence of a section.
*
* @param {Object} state Current table state.
* @param {string} sectionName Name of the section to toggle.
*
* @return {Object} New table state.
*/
-
function toggleSection(state, sectionName) {
+ var _state$body$0$cells$l;
// Section exists, replace it with an empty row to remove it.
if (!isEmptyTableSection(state[sectionName])) {
return {
[sectionName]: []
};
- } // Get the length of the first row of the body to use when creating the header.
-
-
- const columnCount = (0,external_lodash_namespaceObject.get)(state, ['body', 0, 'cells', 'length'], 1); // Section doesn't exist, insert an empty row to create the section.
-
+ }
+
+ // Get the length of the first row of the body to use when creating the header.
+ const columnCount = (_state$body$0$cells$l = state.body?.[0]?.cells?.length) !== null && _state$body$0$cells$l !== void 0 ? _state$body$0$cells$l : 1;
+
+ // Section doesn't exist, insert an empty row to create the section.
return insertRow(state, {
sectionName,
rowIndex: 0,
columnCount
});
}
+
/**
* Determines whether a table section is empty.
*
@@ -43415,10 +57786,10 @@
*
* @return {boolean} True if the table section is empty, false otherwise.
*/
-
function isEmptyTableSection(section) {
- return !section || !section.length || (0,external_lodash_namespaceObject.every)(section, isEmptyRow);
-}
+ return !section || !section.length || section.every(isEmptyRow);
+}
+
/**
* Determines whether a table row is empty.
*
@@ -43426,31 +57797,31 @@
*
* @return {boolean} True if the table section is empty, false otherwise.
*/
-
function isEmptyRow(row) {
return !(row.cells && row.cells.length);
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/table/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
const ALIGNMENT_CONTROLS = [{
@@ -43471,27 +57842,25 @@
body: (0,external_wp_i18n_namespaceObject.__)('Body cell text'),
foot: (0,external_wp_i18n_namespaceObject.__)('Footer cell text')
};
-const placeholder = {
+const edit_placeholder = {
head: (0,external_wp_i18n_namespaceObject.__)('Header label'),
foot: (0,external_wp_i18n_namespaceObject.__)('Footer label')
};
-
-function TSection(_ref) {
- let {
- name,
- ...props
- } = _ref;
+function TSection({
+ name,
+ ...props
+}) {
const TagName = `t${name}`;
- return (0,external_wp_element_namespaceObject.createElement)(TagName, props);
-}
-
-function TableEdit(_ref2) {
- let {
- attributes,
- setAttributes,
- insertBlocksAfter,
- isSelected
- } = _ref2;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...props
+ });
+}
+function TableEdit({
+ attributes,
+ setAttributes,
+ insertBlocksAfter,
+ isSelected
+}) {
const {
hasFixedLayout,
caption,
@@ -43503,130 +57872,123 @@
const [selectedCell, setSelectedCell] = (0,external_wp_element_namespaceObject.useState)();
const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseColorProps)(attributes);
const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalUseBorderProps)(attributes);
+ const tableRef = (0,external_wp_element_namespaceObject.useRef)();
+ const [hasTableCreated, setHasTableCreated] = (0,external_wp_element_namespaceObject.useState)(false);
+
/**
* Updates the initial column count used for table creation.
*
* @param {number} count New initial column count.
*/
-
function onChangeInitialColumnCount(count) {
setInitialColumnCount(count);
}
+
/**
* Updates the initial row count used for table creation.
*
* @param {number} count New initial row count.
*/
-
-
function onChangeInitialRowCount(count) {
setInitialRowCount(count);
}
+
/**
* Creates a table based on dimensions in local state.
*
* @param {Object} event Form submit event.
*/
-
-
function onCreateTable(event) {
event.preventDefault();
setAttributes(createTable({
rowCount: parseInt(initialRowCount, 10) || 2,
columnCount: parseInt(initialColumnCount, 10) || 2
}));
- }
+ setHasTableCreated(true);
+ }
+
/**
* Toggles whether the table has a fixed layout or not.
*/
-
-
function onChangeFixedLayout() {
setAttributes({
hasFixedLayout: !hasFixedLayout
});
}
+
/**
* Changes the content of the currently selected cell.
*
* @param {Array} content A RichText content value.
*/
-
-
function onChange(content) {
if (!selectedCell) {
return;
}
-
- setAttributes(updateSelectedCell(attributes, selectedCell, cellAttributes => ({ ...cellAttributes,
+ setAttributes(updateSelectedCell(attributes, selectedCell, cellAttributes => ({
+ ...cellAttributes,
content
})));
}
+
/**
* Align text within the a column.
*
* @param {string} align The new alignment to apply to the column.
*/
-
-
function onChangeColumnAlignment(align) {
if (!selectedCell) {
return;
- } // Convert the cell selection to a column selection so that alignment
+ }
+
+ // Convert the cell selection to a column selection so that alignment
// is applied to the entire column.
-
-
const columnSelection = {
type: 'column',
columnIndex: selectedCell.columnIndex
};
- const newAttributes = updateSelectedCell(attributes, columnSelection, cellAttributes => ({ ...cellAttributes,
+ const newAttributes = updateSelectedCell(attributes, columnSelection, cellAttributes => ({
+ ...cellAttributes,
align
}));
setAttributes(newAttributes);
}
+
/**
* Get the alignment of the currently selected cell.
*
- * @return {string} The new alignment to apply to the column.
+ * @return {string | undefined} The new alignment to apply to the column.
*/
-
-
function getCellAlignment() {
if (!selectedCell) {
return;
}
-
return getCellAttribute(attributes, selectedCell, 'align');
}
+
/**
* Add or remove a `head` table section.
*/
-
-
function onToggleHeaderSection() {
setAttributes(toggleSection(attributes, 'head'));
}
+
/**
* Add or remove a `foot` table section.
*/
-
-
function onToggleFooterSection() {
setAttributes(toggleSection(attributes, 'foot'));
}
+
/**
* Inserts a row at the currently selected row index, plus `delta`.
*
* @param {number} delta Offset for selected row index at which to insert.
*/
-
-
function onInsertRow(delta) {
if (!selectedCell) {
return;
}
-
const {
sectionName,
rowIndex
@@ -43635,8 +57997,8 @@
setAttributes(insertRow(attributes, {
sectionName,
rowIndex: newRowIndex
- })); // Select the first cell of the new row.
-
+ }));
+ // Select the first cell of the new row.
setSelectedCell({
sectionName,
rowIndex: newRowIndex,
@@ -43644,32 +58006,28 @@
type: 'cell'
});
}
+
/**
* Inserts a row before the currently selected row.
*/
-
-
function onInsertRowBefore() {
onInsertRow(0);
}
+
/**
* Inserts a row after the currently selected row.
*/
-
-
function onInsertRowAfter() {
onInsertRow(1);
}
+
/**
* Deletes the currently selected row.
*/
-
-
function onDeleteRow() {
if (!selectedCell) {
return;
}
-
const {
sectionName,
rowIndex
@@ -43680,60 +58038,52 @@
rowIndex
}));
}
+
/**
* Inserts a column at the currently selected column index, plus `delta`.
*
* @param {number} delta Offset for selected column index at which to insert.
*/
-
-
- function onInsertColumn() {
- let delta = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-
+ function onInsertColumn(delta = 0) {
if (!selectedCell) {
return;
}
-
const {
columnIndex
} = selectedCell;
const newColumnIndex = columnIndex + delta;
setAttributes(insertColumn(attributes, {
columnIndex: newColumnIndex
- })); // Select the first cell of the new column.
-
+ }));
+ // Select the first cell of the new column.
setSelectedCell({
rowIndex: 0,
columnIndex: newColumnIndex,
type: 'cell'
});
}
+
/**
* Inserts a column before the currently selected column.
*/
-
-
function onInsertColumnBefore() {
onInsertColumn(0);
}
+
/**
* Inserts a column after the currently selected column.
*/
-
-
function onInsertColumnAfter() {
onInsertColumn(1);
}
+
/**
* Deletes the currently selected column.
*/
-
-
function onDeleteColumn() {
if (!selectedCell) {
return;
}
-
const {
sectionName,
columnIndex
@@ -43744,12 +58094,17 @@
columnIndex
}));
}
-
(0,external_wp_element_namespaceObject.useEffect)(() => {
if (!isSelected) {
setSelectedCell();
}
}, [isSelected]);
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ if (hasTableCreated) {
+ tableRef?.current?.querySelector('td div[contentEditable="true"]')?.focus();
+ setHasTableCreated(false);
+ }
+ }, [hasTableCreated]);
const sections = ['head', 'body', 'foot'].filter(name => !isEmptyTableSection(attributes[name]));
const tableControls = [{
icon: table_row_before,
@@ -43782,141 +58137,170 @@
isDisabled: !selectedCell,
onClick: onDeleteColumn
}];
- const renderedSections = ['head', 'body', 'foot'].map(name => (0,external_wp_element_namespaceObject.createElement)(TSection, {
+ const renderedSections = sections.map(name => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TSection, {
name: name,
- key: name
- }, attributes[name].map((_ref3, rowIndex) => {
- let {
+ children: attributes[name].map(({
cells
- } = _ref3;
- return (0,external_wp_element_namespaceObject.createElement)("tr", {
- key: rowIndex
- }, cells.map((_ref4, columnIndex) => {
- let {
+ }, rowIndex) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("tr", {
+ children: cells.map(({
content,
tag: CellTag,
scope,
- align
- } = _ref4;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- tagName: CellTag,
- key: columnIndex,
- className: classnames_default()({
+ align,
+ colspan,
+ rowspan
+ }, columnIndex) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CellTag, {
+ scope: CellTag === 'th' ? scope : undefined,
+ colSpan: colspan,
+ rowSpan: rowspan,
+ className: dist_clsx({
[`has-text-align-${align}`]: align
}, 'wp-block-table__cell-content'),
- scope: CellTag === 'th' ? scope : undefined,
- value: content,
- onChange: onChange,
- unstableOnFocus: () => {
- setSelectedCell({
- sectionName: name,
- rowIndex,
- columnIndex,
- type: 'cell'
- });
- },
- "aria-label": cellAriaLabel[name],
- placeholder: placeholder[name]
- });
- }));
- })));
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ value: content,
+ onChange: onChange,
+ onFocus: () => {
+ setSelectedCell({
+ sectionName: name,
+ rowIndex,
+ columnIndex,
+ type: 'cell'
+ });
+ },
+ "aria-label": cellAriaLabel[name],
+ placeholder: edit_placeholder[name]
+ })
+ }, columnIndex))
+ }, rowIndex))
+ }, name));
const isEmpty = !sections.length;
- return (0,external_wp_element_namespaceObject.createElement)("figure", (0,external_wp_blockEditor_namespaceObject.useBlockProps)(), !isEmpty && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Change column alignment'),
- alignmentControls: ALIGNMENT_CONTROLS,
- value: getCellAlignment(),
- onChange: nextAlign => onChangeColumnAlignment(nextAlign)
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "other"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarDropdownMenu, {
- hasArrowIndicator: true,
- icon: library_table,
- label: (0,external_wp_i18n_namespaceObject.__)('Edit table'),
- controls: tableControls
- }))), !isEmpty && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Table settings'),
- className: "blocks-table-settings"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Fixed width table cells'),
- checked: !!hasFixedLayout,
- onChange: onChangeFixedLayout
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Header section'),
- checked: !!(head && head.length),
- onChange: onToggleHeaderSection
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Footer section'),
- checked: !!(foot && foot.length),
- onChange: onToggleFooterSection
- }))), !isEmpty && (0,external_wp_element_namespaceObject.createElement)("table", {
- className: classnames_default()(colorProps.className, borderProps.className, {
- 'has-fixed-layout': hasFixedLayout
- }),
- style: { ...colorProps.style,
- ...borderProps.style
- }
- }, renderedSections), !isEmpty && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- tagName: "figcaption",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Table caption text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Add caption'),
- value: caption,
- onChange: value => setAttributes({
- caption: value
- }) // Deselect the selected table cell when the caption is focused.
- ,
- unstableOnFocus: () => setSelectedCell(),
- __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph'))
- }), isEmpty && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, {
- label: (0,external_wp_i18n_namespaceObject.__)('Table'),
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockIcon, {
- icon: block_table,
- showColors: true
- }),
- instructions: (0,external_wp_i18n_namespaceObject.__)('Insert a table for sharing data.')
- }, (0,external_wp_element_namespaceObject.createElement)("form", {
- className: "blocks-table__placeholder-form",
- onSubmit: onCreateTable
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- type: "number",
- label: (0,external_wp_i18n_namespaceObject.__)('Column count'),
- value: initialColumnCount,
- onChange: onChangeInitialColumnCount,
- min: "1",
- className: "blocks-table__placeholder-input"
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- type: "number",
- label: (0,external_wp_i18n_namespaceObject.__)('Row count'),
- value: initialRowCount,
- onChange: onChangeInitialRowCount,
- min: "1",
- className: "blocks-table__placeholder-input"
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- className: "blocks-table__placeholder-button",
- variant: "primary",
- type: "submit"
- }, (0,external_wp_i18n_namespaceObject.__)('Create Table')))));
-}
-
-/* harmony default export */ var table_edit = (TableEdit);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ ref: tableRef
+ }),
+ children: [!isEmpty && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Change column alignment'),
+ alignmentControls: ALIGNMENT_CONTROLS,
+ value: getCellAlignment(),
+ onChange: nextAlign => onChangeColumnAlignment(nextAlign)
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarDropdownMenu, {
+ hasArrowIndicator: true,
+ icon: library_table,
+ label: (0,external_wp_i18n_namespaceObject.__)('Edit table'),
+ controls: tableControls
+ })
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ className: "blocks-table-settings",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Fixed width table cells'),
+ checked: !!hasFixedLayout,
+ onChange: onChangeFixedLayout
+ }), !isEmpty && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Header section'),
+ checked: !!(head && head.length),
+ onChange: onToggleHeaderSection
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Footer section'),
+ checked: !!(foot && foot.length),
+ onChange: onToggleFooterSection
+ })]
+ })]
+ })
+ }), !isEmpty && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("table", {
+ className: dist_clsx(colorProps.className, borderProps.className, {
+ 'has-fixed-layout': hasFixedLayout,
+ // This is required in the editor only to overcome
+ // the fact the editor rewrites individual border
+ // widths into a shorthand format.
+ 'has-individual-borders': (0,external_wp_components_namespaceObject.__experimentalHasSplitBorders)(attributes?.style?.border)
+ }),
+ style: {
+ ...colorProps.style,
+ ...borderProps.style
+ },
+ children: renderedSections
+ }), !isEmpty && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ identifier: "caption",
+ tagName: "figcaption",
+ className: (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption'),
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Table caption text'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Add caption'),
+ value: caption,
+ onChange: value => setAttributes({
+ caption: value
+ })
+ // Deselect the selected table cell when the caption is focused.
+ ,
+ onFocus: () => setSelectedCell(),
+ __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)()))
+ }), isEmpty && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Table'),
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+ icon: block_table,
+ showColors: true
+ }),
+ instructions: (0,external_wp_i18n_namespaceObject.__)('Insert a table for sharing data.'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("form", {
+ className: "blocks-table__placeholder-form",
+ onSubmit: onCreateTable,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ type: "number",
+ label: (0,external_wp_i18n_namespaceObject.__)('Column count'),
+ value: initialColumnCount,
+ onChange: onChangeInitialColumnCount,
+ min: "1",
+ className: "blocks-table__placeholder-input"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ type: "number",
+ label: (0,external_wp_i18n_namespaceObject.__)('Row count'),
+ value: initialRowCount,
+ onChange: onChangeInitialRowCount,
+ min: "1",
+ className: "blocks-table__placeholder-input"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ __next40pxDefaultSize: true,
+ variant: "primary",
+ type: "submit",
+ children: (0,external_wp_i18n_namespaceObject.__)('Create Table')
+ })]
+ })
+ })]
+ });
+}
+/* harmony default export */ const table_edit = (TableEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/table/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-function table_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+function table_save_save({
+ attributes
+}) {
const {
hasFixedLayout,
head,
@@ -43925,100 +58309,124 @@
caption
} = attributes;
const isEmpty = !head.length && !body.length && !foot.length;
-
if (isEmpty) {
return null;
}
-
const colorProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetColorClassesAndStyles)(attributes);
const borderProps = (0,external_wp_blockEditor_namespaceObject.__experimentalGetBorderClassesAndStyles)(attributes);
- const classes = classnames_default()(colorProps.className, borderProps.className, {
+ const classes = dist_clsx(colorProps.className, borderProps.className, {
'has-fixed-layout': hasFixedLayout
});
const hasCaption = !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption);
-
- const Section = _ref2 => {
- let {
- type,
- rows
- } = _ref2;
-
+ const Section = ({
+ type,
+ rows
+ }) => {
if (!rows.length) {
return null;
}
-
const Tag = `t${type}`;
- return (0,external_wp_element_namespaceObject.createElement)(Tag, null, rows.map((_ref3, rowIndex) => {
- let {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, {
+ children: rows.map(({
cells
- } = _ref3;
- return (0,external_wp_element_namespaceObject.createElement)("tr", {
- key: rowIndex
- }, cells.map((_ref4, cellIndex) => {
- let {
+ }, rowIndex) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("tr", {
+ children: cells.map(({
content,
tag,
scope,
- align
- } = _ref4;
- const cellClasses = classnames_default()({
- [`has-text-align-${align}`]: align
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- className: cellClasses ? cellClasses : undefined,
- "data-align": align,
- tagName: tag,
- value: content,
- key: cellIndex,
- scope: tag === 'th' ? scope : undefined
- });
- }));
- }));
- };
-
- return (0,external_wp_element_namespaceObject.createElement)("figure", external_wp_blockEditor_namespaceObject.useBlockProps.save(), (0,external_wp_element_namespaceObject.createElement)("table", {
- className: classes === '' ? undefined : classes,
- style: { ...colorProps.style,
- ...borderProps.style
- }
- }, (0,external_wp_element_namespaceObject.createElement)(Section, {
- type: "head",
- rows: head
- }), (0,external_wp_element_namespaceObject.createElement)(Section, {
- type: "body",
- rows: body
- }), (0,external_wp_element_namespaceObject.createElement)(Section, {
- type: "foot",
- rows: foot
- })), hasCaption && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: caption
- }));
+ align,
+ colspan,
+ rowspan
+ }, cellIndex) => {
+ const cellClasses = dist_clsx({
+ [`has-text-align-${align}`]: align
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ className: cellClasses ? cellClasses : undefined,
+ "data-align": align,
+ tagName: tag,
+ value: content,
+ scope: tag === 'th' ? scope : undefined,
+ colSpan: colspan,
+ rowSpan: rowspan
+ }, cellIndex);
+ })
+ }, rowIndex))
+ });
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("table", {
+ className: classes === '' ? undefined : classes,
+ style: {
+ ...colorProps.style,
+ ...borderProps.style
+ },
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "head",
+ rows: head
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "body",
+ rows: body
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Section, {
+ type: "foot",
+ rows: foot
+ })]
+ }), hasCaption && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption,
+ className: (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption')
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/table/utils.js
+/**
+ * Normalize the rowspan/colspan value.
+ * Returns undefined if the parameter is not a positive number
+ * or the default value (1) for rowspan/colspan.
+ *
+ * @param {number|undefined} rowColSpan rowspan/colspan value.
+ *
+ * @return {string|undefined} normalized rowspan/colspan value.
+ */
+function normalizeRowColSpan(rowColSpan) {
+ const parsedValue = parseInt(rowColSpan, 10);
+ if (!Number.isInteger(parsedValue)) {
+ return undefined;
+ }
+ return parsedValue < 0 || parsedValue === 1 ? undefined : parsedValue.toString();
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/table/transforms.js
-const tableContentPasteSchema = _ref => {
- let {
- phrasingContentSchema
- } = _ref;
- return {
- tr: {
- allowEmpty: true,
- children: {
- th: {
- allowEmpty: true,
- children: phrasingContentSchema,
- attributes: ['scope']
- },
- td: {
- allowEmpty: true,
- children: phrasingContentSchema
- }
- }
- }
- };
-};
-
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+const tableContentPasteSchema = ({
+ phrasingContentSchema
+}) => ({
+ tr: {
+ allowEmpty: true,
+ children: {
+ th: {
+ allowEmpty: true,
+ children: phrasingContentSchema,
+ attributes: ['scope', 'colspan', 'rowspan']
+ },
+ td: {
+ allowEmpty: true,
+ children: phrasingContentSchema,
+ attributes: ['colspan', 'rowspan']
+ }
+ }
+ }
+});
const tablePasteSchema = args => ({
table: {
children: {
@@ -44037,15 +58445,45 @@
}
}
});
-
const table_transforms_transforms = {
from: [{
type: 'raw',
selector: 'table',
- schema: tablePasteSchema
+ schema: tablePasteSchema,
+ transform: node => {
+ const attributes = Array.from(node.children).reduce((sectionAcc, section) => {
+ if (!section.children.length) {
+ return sectionAcc;
+ }
+ const sectionName = section.nodeName.toLowerCase().slice(1);
+ const sectionAttributes = Array.from(section.children).reduce((rowAcc, row) => {
+ if (!row.children.length) {
+ return rowAcc;
+ }
+ const rowAttributes = Array.from(row.children).reduce((colAcc, col) => {
+ const rowspan = normalizeRowColSpan(col.getAttribute('rowspan'));
+ const colspan = normalizeRowColSpan(col.getAttribute('colspan'));
+ colAcc.push({
+ tag: col.nodeName.toLowerCase(),
+ content: col.innerHTML,
+ rowspan,
+ colspan
+ });
+ return colAcc;
+ }, []);
+ rowAcc.push({
+ cells: rowAttributes
+ });
+ return rowAcc;
+ }, []);
+ sectionAcc[sectionName] = sectionAttributes;
+ return sectionAcc;
+ }, {});
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/table', attributes);
+ }
}]
};
-/* harmony default export */ var table_transforms = (table_transforms_transforms);
+/* harmony default export */ const table_transforms = (table_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/table/index.js
/**
@@ -44053,6 +58491,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -44061,7 +58500,7 @@
const table_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/table",
title: "Table",
category: "text",
@@ -44070,13 +58509,12 @@
attributes: {
hasFixedLayout: {
type: "boolean",
- "default": false
+ "default": true
},
caption: {
- type: "string",
- source: "html",
- selector: "figcaption",
- "default": ""
+ type: "rich-text",
+ source: "rich-text",
+ selector: "figcaption"
},
head: {
type: "array",
@@ -44091,8 +58529,8 @@
selector: "td,th",
query: {
content: {
- type: "string",
- source: "html"
+ type: "rich-text",
+ source: "rich-text"
},
tag: {
type: "string",
@@ -44108,6 +58546,16 @@
type: "string",
source: "attribute",
attribute: "data-align"
+ },
+ colspan: {
+ type: "string",
+ source: "attribute",
+ attribute: "colspan"
+ },
+ rowspan: {
+ type: "string",
+ source: "attribute",
+ attribute: "rowspan"
}
}
}
@@ -44126,8 +58574,8 @@
selector: "td,th",
query: {
content: {
- type: "string",
- source: "html"
+ type: "rich-text",
+ source: "rich-text"
},
tag: {
type: "string",
@@ -44143,6 +58591,16 @@
type: "string",
source: "attribute",
attribute: "data-align"
+ },
+ colspan: {
+ type: "string",
+ source: "attribute",
+ attribute: "colspan"
+ },
+ rowspan: {
+ type: "string",
+ source: "attribute",
+ attribute: "rowspan"
}
}
}
@@ -44161,8 +58619,8 @@
selector: "td,th",
query: {
content: {
- type: "string",
- source: "html"
+ type: "rich-text",
+ source: "rich-text"
},
tag: {
type: "string",
@@ -44178,6 +58636,16 @@
type: "string",
source: "attribute",
attribute: "data-align"
+ },
+ colspan: {
+ type: "string",
+ source: "attribute",
+ attribute: "colspan"
+ },
+ rowspan: {
+ type: "string",
+ source: "attribute",
+ attribute: "rowspan"
}
}
}
@@ -44195,13 +58663,23 @@
text: true
}
},
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalFontStyle: true,
- __experimentalFontWeight: true,
- __experimentalLetterSpacing: true,
- __experimentalTextTransform: true,
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
__experimentalDefaultControls: {
fontSize: true
}
@@ -44217,7 +58695,10 @@
width: true
}
},
- __experimentalSelector: ".wp-block-table > table"
+ __experimentalSelector: ".wp-block-table > table",
+ interactivity: {
+ clientNavigation: true
+ }
},
styles: [{
name: "regular",
@@ -44286,13 +58767,526 @@
tag: 'td'
}]
}]
- }
+ },
+ viewportWidth: 450
},
transforms: table_transforms,
edit: table_edit,
save: table_save_save,
deprecated: table_deprecated
};
+const table_init = () => initBlock({
+ name: table_name,
+ metadata: table_metadata,
+ settings: table_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/table-of-contents.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+const tableOfContents = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ fillRule: "evenodd",
+ clipRule: "evenodd",
+ d: "M20 9.484h-8.889v-1.5H20v1.5Zm0 7h-4.889v-1.5H20v1.5Zm-14 .032a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm0 1a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M13 15.516a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM8 8.484a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"
+ })]
+});
+/* harmony default export */ const table_of_contents = (tableOfContents);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/table-of-contents/list.js
+
+
+
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const ENTRY_CLASS_NAME = 'wp-block-table-of-contents__entry';
+function TableOfContentsList({
+ nestedHeadingList,
+ disableLinkActivation,
+ onClick
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: nestedHeadingList.map((node, index) => {
+ const {
+ content,
+ link
+ } = node.heading;
+ const entry = link ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ className: ENTRY_CLASS_NAME,
+ href: link,
+ "aria-disabled": disableLinkActivation || undefined,
+ onClick: disableLinkActivation && 'function' === typeof onClick ? onClick : undefined,
+ children: content
+ }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: ENTRY_CLASS_NAME,
+ children: content
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("li", {
+ children: [entry, node.children ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ol", {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TableOfContentsList, {
+ nestedHeadingList: node.children,
+ disableLinkActivation: disableLinkActivation,
+ onClick: disableLinkActivation && 'function' === typeof onClick ? onClick : undefined
+ })
+ }) : null]
+ }, index);
+ })
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/table-of-contents/utils.js
+/**
+ * Takes a flat list of heading parameters and nests them based on each header's
+ * immediate parent's level.
+ *
+ * @param headingList The flat list of headings to nest.
+ *
+ * @return The nested list of headings.
+ */
+function linearToNestedHeadingList(headingList) {
+ const nestedHeadingList = [];
+ headingList.forEach((heading, key) => {
+ if (heading.content === '') {
+ return;
+ }
+
+ // Make sure we are only working with the same level as the first iteration in our set.
+ if (heading.level === headingList[0].level) {
+ // Check that the next iteration will return a value.
+ // If it does and the next level is greater than the current level,
+ // the next iteration becomes a child of the current iteration.
+ if (headingList[key + 1]?.level > heading.level) {
+ // We must calculate the last index before the next iteration that
+ // has the same level (siblings). We then use this index to slice
+ // the array for use in recursion. This prevents duplicate nodes.
+ let endOfSlice = headingList.length;
+ for (let i = key + 1; i < headingList.length; i++) {
+ if (headingList[i].level === heading.level) {
+ endOfSlice = i;
+ break;
+ }
+ }
+
+ // We found a child node: Push a new node onto the return array
+ // with children.
+ nestedHeadingList.push({
+ heading,
+ children: linearToNestedHeadingList(headingList.slice(key + 1, endOfSlice))
+ });
+ } else {
+ // No child node: Push a new node onto the return array.
+ nestedHeadingList.push({
+ heading,
+ children: null
+ });
+ }
+ }
+ });
+ return nestedHeadingList;
+}
+
+// EXTERNAL MODULE: ./node_modules/fast-deep-equal/es6/index.js
+var es6 = __webpack_require__(7734);
+var es6_default = /*#__PURE__*/__webpack_require__.n(es6);
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/table-of-contents/hooks.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+function getLatestHeadings(select, clientId) {
+ var _select$getPermalink, _getBlockAttributes;
+ const {
+ getBlockAttributes,
+ getBlockName,
+ getClientIdsWithDescendants,
+ getBlocksByName
+ } = select(external_wp_blockEditor_namespaceObject.store);
+
+ // FIXME: @wordpress/block-library should not depend on @wordpress/editor.
+ // Blocks can be loaded into a *non-post* block editor, so to avoid
+ // declaring @wordpress/editor as a dependency, we must access its
+ // store by string. When the store is not available, editorSelectors
+ // will be null, and the block's saved markup will lack permalinks.
+ // eslint-disable-next-line @wordpress/data-no-store-string-literals
+ const permalink = (_select$getPermalink = select('core/editor').getPermalink()) !== null && _select$getPermalink !== void 0 ? _select$getPermalink : null;
+ const isPaginated = getBlocksByName('core/nextpage').length !== 0;
+ const {
+ onlyIncludeCurrentPage
+ } = (_getBlockAttributes = getBlockAttributes(clientId)) !== null && _getBlockAttributes !== void 0 ? _getBlockAttributes : {};
+
+ // Get the client ids of all blocks in the editor.
+ const allBlockClientIds = getClientIdsWithDescendants();
+
+ // If onlyIncludeCurrentPage is true, calculate the page (of a paginated post) this block is part of, so we know which headings to include; otherwise, skip the calculation.
+ let tocPage = 1;
+ if (isPaginated && onlyIncludeCurrentPage) {
+ // We can't use getBlockIndex because it only returns the index
+ // relative to sibling blocks.
+ const tocIndex = allBlockClientIds.indexOf(clientId);
+ for (const [blockIndex, blockClientId] of allBlockClientIds.entries()) {
+ // If we've reached blocks after the Table of Contents, we've
+ // finished calculating which page the block is on.
+ if (blockIndex >= tocIndex) {
+ break;
+ }
+ if (getBlockName(blockClientId) === 'core/nextpage') {
+ tocPage++;
+ }
+ }
+ }
+ const latestHeadings = [];
+
+ /** The page (of a paginated post) a heading will be part of. */
+ let headingPage = 1;
+ let headingPageLink = null;
+
+ // If the core/editor store is available, we can add permalinks to the
+ // generated table of contents.
+ if (typeof permalink === 'string') {
+ headingPageLink = isPaginated ? (0,external_wp_url_namespaceObject.addQueryArgs)(permalink, {
+ page: headingPage
+ }) : permalink;
+ }
+ for (const blockClientId of allBlockClientIds) {
+ const blockName = getBlockName(blockClientId);
+ if (blockName === 'core/nextpage') {
+ headingPage++;
+
+ // If we're only including headings from the current page (of
+ // a paginated post), then exit the loop if we've reached the
+ // pages after the one with the Table of Contents block.
+ if (onlyIncludeCurrentPage && headingPage > tocPage) {
+ break;
+ }
+ if (typeof permalink === 'string') {
+ headingPageLink = (0,external_wp_url_namespaceObject.addQueryArgs)((0,external_wp_url_namespaceObject.removeQueryArgs)(permalink, ['page']), {
+ page: headingPage
+ });
+ }
+ }
+ // If we're including all headings or we've reached headings on
+ // the same page as the Table of Contents block, add them to the
+ // list.
+ else if (!onlyIncludeCurrentPage || headingPage === tocPage) {
+ if (blockName === 'core/heading') {
+ const headingAttributes = getBlockAttributes(blockClientId);
+ const canBeLinked = typeof headingPageLink === 'string' && typeof headingAttributes.anchor === 'string' && headingAttributes.anchor !== '';
+ latestHeadings.push({
+ // Convert line breaks to spaces, and get rid of HTML tags in the headings.
+ content: (0,external_wp_dom_namespaceObject.__unstableStripHTML)(headingAttributes.content.replace(/(<br *\/?>)+/g, ' ')),
+ level: headingAttributes.level,
+ link: canBeLinked ? `${headingPageLink}#${headingAttributes.anchor}` : null
+ });
+ }
+ }
+ }
+ return latestHeadings;
+}
+function observeCallback(select, dispatch, clientId) {
+ const {
+ getBlockAttributes
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const {
+ updateBlockAttributes,
+ __unstableMarkNextChangeAsNotPersistent
+ } = dispatch(external_wp_blockEditor_namespaceObject.store);
+
+ /**
+ * If the block no longer exists in the store, skip the update.
+ * The "undo" action recreates the block and provides a new `clientId`.
+ * The hook still might be observing the changes while the old block unmounts.
+ */
+ const attributes = getBlockAttributes(clientId);
+ if (attributes === null) {
+ return;
+ }
+ const headings = getLatestHeadings(select, clientId);
+ if (!es6_default()(headings, attributes.headings)) {
+ __unstableMarkNextChangeAsNotPersistent();
+ updateBlockAttributes(clientId, {
+ headings
+ });
+ }
+}
+function useObserveHeadings(clientId) {
+ const registry = (0,external_wp_data_namespaceObject.useRegistry)();
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ // Todo: Limit subscription to block editor store when data no longer depends on `getPermalink`.
+ // See: https://github.com/WordPress/gutenberg/pull/45513
+ return registry.subscribe(() => observeCallback(registry.select, registry.dispatch, clientId));
+ }, [registry, clientId]);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/table-of-contents/edit.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+/** @typedef {import('./utils').HeadingData} HeadingData */
+
+/**
+ * Table of Contents block edit component.
+ *
+ * @param {Object} props The props.
+ * @param {Object} props.attributes The block attributes.
+ * @param {HeadingData[]} props.attributes.headings A list of data for each heading in the post.
+ * @param {boolean} props.attributes.onlyIncludeCurrentPage Whether to only include headings from the current page (if the post is paginated).
+ * @param {string} props.clientId
+ * @param {(attributes: Object) => void} props.setAttributes
+ *
+ * @return {Component} The component.
+ */
+
+
+
+function TableOfContentsEdit({
+ attributes: {
+ headings = [],
+ onlyIncludeCurrentPage
+ },
+ clientId,
+ setAttributes
+}) {
+ useObserveHeadings(clientId);
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
+ const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(TableOfContentsEdit, 'table-of-contents');
+
+ // If a user clicks to a link prevent redirection and show a warning.
+ const {
+ createWarningNotice,
+ removeNotice
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
+ let noticeId;
+ const showRedirectionPreventedNotice = event => {
+ event.preventDefault();
+ // Remove previous warning if any, to show one at a time per block.
+ removeNotice(noticeId);
+ noticeId = `block-library/core/table-of-contents/redirection-prevented/${instanceId}`;
+ createWarningNotice((0,external_wp_i18n_namespaceObject.__)('Links are disabled in the editor.'), {
+ id: noticeId,
+ type: 'snackbar'
+ });
+ };
+ const canInsertList = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getBlockRootClientId,
+ canInsertBlockType
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const rootClientId = getBlockRootClientId(clientId);
+ return canInsertBlockType('core/list', rootClientId);
+ }, [clientId]);
+ const {
+ replaceBlocks
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const headingTree = linearToNestedHeadingList(headings);
+ const toolbarControls = canInsertList && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ onClick: () => replaceBlocks(clientId, (0,external_wp_blocks_namespaceObject.createBlock)('core/list', {
+ ordered: true,
+ values: (0,external_wp_element_namespaceObject.renderToString)( /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TableOfContentsList, {
+ nestedHeadingList: headingTree
+ }))
+ })),
+ children: (0,external_wp_i18n_namespaceObject.__)('Convert to static list')
+ })
+ })
+ });
+ const inspectorControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Only include current page'),
+ checked: onlyIncludeCurrentPage,
+ onChange: value => setAttributes({
+ onlyIncludeCurrentPage: value
+ }),
+ help: onlyIncludeCurrentPage ? (0,external_wp_i18n_namespaceObject.__)('Only including headings from the current page (if the post is paginated).') : (0,external_wp_i18n_namespaceObject.__)('Toggle to only include headings from the current page (if the post is paginated).')
+ })
+ })
+ });
+
+ // If there are no headings or the only heading is empty.
+ // Note that the toolbar controls are intentionally omitted since the
+ // "Convert to static list" option is useless to the placeholder state.
+ if (headings.length === 0) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+ icon: table_of_contents
+ }),
+ label: (0,external_wp_i18n_namespaceObject.__)('Table of Contents'),
+ instructions: (0,external_wp_i18n_namespaceObject.__)('Start adding Heading blocks to create a table of contents. Headings with HTML anchors will be linked here.')
+ })
+ }), inspectorControls]
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("nav", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ol", {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TableOfContentsList, {
+ nestedHeadingList: headingTree,
+ disableLinkActivation: true,
+ onClick: showRedirectionPreventedNotice
+ })
+ })
+ }), toolbarControls, inspectorControls]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/table-of-contents/save.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+function table_of_contents_save_save({
+ attributes: {
+ headings = []
+ }
+}) {
+ if (headings.length === 0) {
+ return null;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("nav", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ol", {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TableOfContentsList, {
+ nestedHeadingList: linearToNestedHeadingList(headings)
+ })
+ })
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/table-of-contents/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+const table_of_contents_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ __experimental: true,
+ name: "core/table-of-contents",
+ title: "Table of Contents",
+ category: "layout",
+ description: "Summarize your post with a list of headings. Add HTML anchors to Heading blocks to link them here.",
+ keywords: ["document outline", "summary"],
+ textdomain: "default",
+ attributes: {
+ headings: {
+ type: "array",
+ items: {
+ type: "object"
+ },
+ "default": []
+ },
+ onlyIncludeCurrentPage: {
+ type: "boolean",
+ "default": false
+ }
+ },
+ supports: {
+ html: false,
+ color: {
+ text: true,
+ background: true,
+ gradients: true,
+ link: true
+ },
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ },
+ example: {}
+};
+
+
+const {
+ name: table_of_contents_name
+} = table_of_contents_metadata;
+
+const table_of_contents_settings = {
+ icon: table_of_contents,
+ edit: TableOfContentsEdit,
+ save: table_of_contents_save_save
+};
+const table_of_contents_init = () => initBlock({
+ name: table_of_contents_name,
+ metadata: table_of_contents_metadata,
+ settings: table_of_contents_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/tag-cloud/transforms.js
/**
@@ -44311,15 +59305,9 @@
transform: () => (0,external_wp_blocks_namespaceObject.createBlock)('core/categories')
}]
};
-/* harmony default export */ var tag_cloud_transforms = (tag_cloud_transforms_transforms);
+/* harmony default export */ const tag_cloud_transforms = (tag_cloud_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/tag-cloud/edit.js
-
-
-/**
- * External dependencies
- */
-
/**
* WordPress dependencies
*/
@@ -44336,23 +59324,22 @@
* @type {number}
*/
+
+
const MIN_TAGS = 1;
+
/**
* Maximum number of tags a user can show using this block.
*
* @type {number}
*/
-
const MAX_TAGS = 100;
const MIN_FONT_SIZE = 0.1;
const MAX_FONT_SIZE = 100;
-
-function TagCloudEdit(_ref) {
- let {
- attributes,
- setAttributes,
- taxonomies
- } = _ref;
+function TagCloudEdit({
+ attributes,
+ setAttributes
+}) {
const {
taxonomy,
showTagCounts,
@@ -44360,17 +59347,20 @@
smallestFontSize,
largestFontSize
} = attributes;
+ const [availableUnits] = (0,external_wp_blockEditor_namespaceObject.useSettings)('spacing.units');
const units = (0,external_wp_components_namespaceObject.__experimentalUseCustomUnits)({
- availableUnits: (0,external_wp_blockEditor_namespaceObject.useSetting)('spacing.units') || ['%', 'px', 'em', 'rem']
- });
-
+ availableUnits: availableUnits || ['%', 'px', 'em', 'rem']
+ });
+ const taxonomies = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_coreData_namespaceObject.store).getTaxonomies({
+ per_page: -1
+ }), []);
const getTaxonomyOptions = () => {
const selectOption = {
label: (0,external_wp_i18n_namespaceObject.__)('- Select -'),
value: '',
disabled: true
};
- const taxonomyOptions = (0,external_lodash_namespaceObject.map)((0,external_lodash_namespaceObject.filter)(taxonomies, 'show_cloud'), item => {
+ const taxonomyOptions = (taxonomies !== null && taxonomies !== void 0 ? taxonomies : []).filter(tax => !!tax.show_cloud).map(item => {
return {
value: item.slug,
label: item.name
@@ -44378,101 +59368,108 @@
});
return [selectOption, ...taxonomyOptions];
};
-
const onFontSizeChange = (fontSizeLabel, newValue) => {
// eslint-disable-next-line @wordpress/no-unused-vars-before-return
const [quantity, newUnit] = (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(newValue);
-
if (!Number.isFinite(quantity)) {
return;
}
-
const updateObj = {
[fontSizeLabel]: newValue
- }; // We need to keep in sync the `unit` changes to both `smallestFontSize`
+ };
+ // We need to keep in sync the `unit` changes to both `smallestFontSize`
// and `largestFontSize` attributes.
-
Object.entries({
smallestFontSize,
largestFontSize
- }).forEach(_ref2 => {
- let [attribute, currentValue] = _ref2;
- const [currentQuantity, currentUnit] = (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(currentValue); // Only add an update if the other font size attribute has a different unit.
-
+ }).forEach(([attribute, currentValue]) => {
+ const [currentQuantity, currentUnit] = (0,external_wp_components_namespaceObject.__experimentalParseQuantityAndUnitFromRawValue)(currentValue);
+ // Only add an update if the other font size attribute has a different unit.
if (attribute !== fontSizeLabel && currentUnit !== newUnit) {
updateObj[attribute] = `${currentQuantity}${newUnit}`;
}
});
setAttributes(updateObj);
};
-
- const inspectorControls = (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Tag Cloud settings')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Taxonomy'),
- options: getTaxonomyOptions(),
- value: taxonomy,
- onChange: selectedTaxonomy => setAttributes({
- taxonomy: selectedTaxonomy
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Show post counts'),
- checked: showTagCounts,
- onChange: () => setAttributes({
- showTagCounts: !showTagCounts
- })
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Number of tags'),
- value: numberOfTags,
- onChange: value => setAttributes({
- numberOfTags: value
- }),
- min: MIN_TAGS,
- max: MAX_TAGS,
- required: true
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, {
- isBlock: true
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Smallest size'),
- value: smallestFontSize,
- onChange: value => {
- onFontSizeChange('smallestFontSize', value);
- },
- units: units,
- min: MIN_FONT_SIZE,
- max: MAX_FONT_SIZE
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, {
- isBlock: true
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__experimentalUnitControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Largest size'),
- value: largestFontSize,
- onChange: value => {
- onFontSizeChange('largestFontSize', value);
- },
- units: units,
- min: MIN_FONT_SIZE,
- max: MAX_FONT_SIZE
- })))));
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, inspectorControls, (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)(), (0,external_wp_element_namespaceObject.createElement)((external_wp_serverSideRender_default()), {
- key: "tag-cloud",
- block: "core/tag-cloud",
- attributes: attributes
- })));
-}
-
-/* harmony default export */ var tag_cloud_edit = ((0,external_wp_data_namespaceObject.withSelect)(select => {
- return {
- taxonomies: select(external_wp_coreData_namespaceObject.store).getTaxonomies({
- per_page: -1
- })
- };
-})(TagCloudEdit));
+ const inspectorControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Taxonomy'),
+ options: getTaxonomyOptions(),
+ value: taxonomy,
+ onChange: selectedTaxonomy => setAttributes({
+ taxonomy: selectedTaxonomy
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Show post counts'),
+ checked: showTagCounts,
+ onChange: () => setAttributes({
+ showTagCounts: !showTagCounts
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Number of tags'),
+ value: numberOfTags,
+ onChange: value => setAttributes({
+ numberOfTags: value
+ }),
+ min: MIN_TAGS,
+ max: MAX_TAGS,
+ required: true
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Flex, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FlexItem, {
+ isBlock: true,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalUnitControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Smallest size'),
+ value: smallestFontSize,
+ onChange: value => {
+ onFontSizeChange('smallestFontSize', value);
+ },
+ units: units,
+ min: MIN_FONT_SIZE,
+ max: MAX_FONT_SIZE
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FlexItem, {
+ isBlock: true,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalUnitControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Largest size'),
+ value: largestFontSize,
+ onChange: value => {
+ onFontSizeChange('largestFontSize', value);
+ },
+ units: units,
+ min: MIN_FONT_SIZE,
+ max: MAX_FONT_SIZE
+ })
+ })]
+ })]
+ })
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [inspectorControls, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)(),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Disabled, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)((external_wp_serverSideRender_default()), {
+ skipBlockSupportAttributes: true,
+ block: "core/tag-cloud",
+ attributes: attributes
+ })
+ })
+ })]
+ });
+}
+/* harmony default export */ const tag_cloud_edit = (TagCloudEdit);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/tag-cloud/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
@@ -44480,7 +59477,7 @@
const tag_cloud_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/tag-cloud",
title: "Tag Cloud",
category: "widgets",
@@ -44520,7 +59517,22 @@
}],
supports: {
html: false,
- align: true
+ align: true,
+ spacing: {
+ margin: true,
+ padding: true
+ },
+ typography: {
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalLetterSpacing: true
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-tag-cloud-editor"
};
@@ -44535,27 +59547,522 @@
edit: tag_cloud_edit,
transforms: tag_cloud_transforms
};
+const tag_cloud_init = () => initBlock({
+ name: tag_cloud_name,
+ metadata: tag_cloud_metadata,
+ settings: tag_cloud_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/tslib/tslib.es6.mjs
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+var extendStatics = function(d, b) {
+ extendStatics = Object.setPrototypeOf ||
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+ return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+ if (typeof b !== "function" && b !== null)
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+ extendStatics(d, b);
+ function __() { this.constructor = d; }
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+ __assign = Object.assign || function __assign(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;
+ }
+ return __assign.apply(this, arguments);
+}
+
+function __rest(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 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+ t[p[i]] = s[p[i]];
+ }
+ return t;
+}
+
+function __decorate(decorators, target, key, desc) {
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __param(paramIndex, decorator) {
+ return function (target, key) { decorator(target, key, paramIndex); }
+}
+
+function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+ function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+ var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+ var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+ var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+ var _, done = false;
+ for (var i = decorators.length - 1; i >= 0; i--) {
+ var context = {};
+ for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+ for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+ context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+ var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+ if (kind === "accessor") {
+ if (result === void 0) continue;
+ if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+ if (_ = accept(result.get)) descriptor.get = _;
+ if (_ = accept(result.set)) descriptor.set = _;
+ if (_ = accept(result.init)) initializers.unshift(_);
+ }
+ else if (_ = accept(result)) {
+ if (kind === "field") initializers.unshift(_);
+ else descriptor[key] = _;
+ }
+ }
+ if (target) Object.defineProperty(target, contextIn.name, descriptor);
+ done = true;
+};
+
+function __runInitializers(thisArg, initializers, value) {
+ var useValue = arguments.length > 2;
+ for (var i = 0; i < initializers.length; i++) {
+ value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+ }
+ return useValue ? value : void 0;
+};
+
+function __propKey(x) {
+ return typeof x === "symbol" ? x : "".concat(x);
+};
+
+function __setFunctionName(f, name, prefix) {
+ if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+ return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+};
+
+function __metadata(metadataKey, metadataValue) {
+ if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
+function __awaiter(thisArg, _arguments, P, generator) {
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+ return new (P || (P = Promise))(function (resolve, reject) {
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
+ });
+}
+
+function __generator(thisArg, body) {
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+ function verb(n) { return function (v) { return step([n, v]); }; }
+ function step(op) {
+ if (f) throw new TypeError("Generator is already executing.");
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+ if (y = 0, t) op = [op[0] & 2, t.value];
+ switch (op[0]) {
+ case 0: case 1: t = op; break;
+ case 4: _.label++; return { value: op[1], done: false };
+ case 5: _.label++; y = op[1]; op = [0]; continue;
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
+ default:
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+ if (t[2]) _.ops.pop();
+ _.trys.pop(); continue;
+ }
+ op = body.call(thisArg, _);
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+ }
+}
+
+var __createBinding = Object.create ? (function(o, m, k, k2) {
+ if (k2 === undefined) k2 = k;
+ var desc = Object.getOwnPropertyDescriptor(m, k);
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+ desc = { enumerable: true, get: function() { return m[k]; } };
+ }
+ Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+ if (k2 === undefined) k2 = k;
+ o[k2] = m[k];
+});
+
+function __exportStar(m, o) {
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);
+}
+
+function __values(o) {
+ var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+ if (m) return m.call(o);
+ if (o && typeof o.length === "number") return {
+ next: function () {
+ if (o && i >= o.length) o = void 0;
+ return { value: o && o[i++], done: !o };
+ }
+ };
+ throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+}
+
+function __read(o, n) {
+ var m = typeof Symbol === "function" && o[Symbol.iterator];
+ if (!m) return o;
+ var i = m.call(o), r, ar = [], e;
+ try {
+ while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+ }
+ catch (error) { e = { error: error }; }
+ finally {
+ try {
+ if (r && !r.done && (m = i["return"])) m.call(i);
+ }
+ finally { if (e) throw e.error; }
+ }
+ return ar;
+}
+
+/** @deprecated */
+function __spread() {
+ for (var ar = [], i = 0; i < arguments.length; i++)
+ ar = ar.concat(__read(arguments[i]));
+ return ar;
+}
+
+/** @deprecated */
+function __spreadArrays() {
+ for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
+ for (var r = Array(s), k = 0, i = 0; i < il; i++)
+ for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+ r[k] = a[j];
+ return r;
+}
+
+function __spreadArray(to, from, pack) {
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+ if (ar || !(i in from)) {
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+ ar[i] = from[i];
+ }
+ }
+ return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+function __await(v) {
+ return this instanceof __await ? (this.v = v, this) : new __await(v);
+}
+
+function __asyncGenerator(thisArg, _arguments, generator) {
+ if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+ var g = generator.apply(thisArg, _arguments || []), i, q = [];
+ return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+ function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+ function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }
+ function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+ function fulfill(value) { resume("next", value); }
+ function reject(value) { resume("throw", value); }
+ function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }
+}
+
+function __asyncDelegator(o) {
+ var i, p;
+ return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+ function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
+}
+
+function __asyncValues(o) {
+ if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+ var m = o[Symbol.asyncIterator], i;
+ return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+ function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+ function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+}
+
+function __makeTemplateObject(cooked, raw) {
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+ return cooked;
+};
+
+var __setModuleDefault = Object.create ? (function(o, v) {
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+ o["default"] = v;
+};
+
+function __importStar(mod) {
+ if (mod && mod.__esModule) return mod;
+ var result = {};
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+ __setModuleDefault(result, mod);
+ return result;
+}
+
+function __importDefault(mod) {
+ return (mod && mod.__esModule) ? mod : { default: mod };
+}
+
+function __classPrivateFieldGet(receiver, state, kind, f) {
+ if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+ return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+}
+
+function __classPrivateFieldSet(receiver, state, value, kind, f) {
+ if (kind === "m") throw new TypeError("Private method is not writable");
+ if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+ if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+ return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+}
+
+function __classPrivateFieldIn(state, receiver) {
+ if (receiver === null || (typeof receiver !== "object" && typeof receiver !== "function")) throw new TypeError("Cannot use 'in' operator on non-object");
+ return typeof state === "function" ? receiver === state : state.has(receiver);
+}
+
+function __addDisposableResource(env, value, async) {
+ if (value !== null && value !== void 0) {
+ if (typeof value !== "object" && typeof value !== "function") throw new TypeError("Object expected.");
+ var dispose;
+ if (async) {
+ if (!Symbol.asyncDispose) throw new TypeError("Symbol.asyncDispose is not defined.");
+ dispose = value[Symbol.asyncDispose];
+ }
+ if (dispose === void 0) {
+ if (!Symbol.dispose) throw new TypeError("Symbol.dispose is not defined.");
+ dispose = value[Symbol.dispose];
+ }
+ if (typeof dispose !== "function") throw new TypeError("Object not disposable.");
+ env.stack.push({ value: value, dispose: dispose, async: async });
+ }
+ else if (async) {
+ env.stack.push({ async: true });
+ }
+ return value;
+}
+
+var _SuppressedError = typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+ var e = new Error(message);
+ return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+function __disposeResources(env) {
+ function fail(e) {
+ env.error = env.hasError ? new _SuppressedError(e, env.error, "An error was suppressed during disposal.") : e;
+ env.hasError = true;
+ }
+ function next() {
+ while (env.stack.length) {
+ var rec = env.stack.pop();
+ try {
+ var result = rec.dispose && rec.dispose.call(rec.value);
+ if (rec.async) return Promise.resolve(result).then(next, function(e) { fail(e); return next(); });
+ }
+ catch (e) {
+ fail(e);
+ }
+ }
+ if (env.hasError) throw env.error;
+ }
+ return next();
+}
+
+/* harmony default export */ const tslib_es6 = ({
+ __extends,
+ __assign,
+ __rest,
+ __decorate,
+ __param,
+ __metadata,
+ __awaiter,
+ __generator,
+ __createBinding,
+ __exportStar,
+ __values,
+ __read,
+ __spread,
+ __spreadArrays,
+ __spreadArray,
+ __await,
+ __asyncGenerator,
+ __asyncDelegator,
+ __asyncValues,
+ __makeTemplateObject,
+ __importStar,
+ __importDefault,
+ __classPrivateFieldGet,
+ __classPrivateFieldSet,
+ __classPrivateFieldIn,
+ __addDisposableResource,
+ __disposeResources,
+});
+
+;// CONCATENATED MODULE: ./node_modules/lower-case/dist.es2015/index.js
+/**
+ * Source: ftp://ftp.unicode.org/Public/UCD/latest/ucd/SpecialCasing.txt
+ */
+var SUPPORTED_LOCALE = {
+ tr: {
+ regexp: /\u0130|\u0049|\u0049\u0307/g,
+ map: {
+ İ: "\u0069",
+ I: "\u0131",
+ İ: "\u0069",
+ },
+ },
+ az: {
+ regexp: /\u0130/g,
+ map: {
+ İ: "\u0069",
+ I: "\u0131",
+ İ: "\u0069",
+ },
+ },
+ lt: {
+ regexp: /\u0049|\u004A|\u012E|\u00CC|\u00CD|\u0128/g,
+ map: {
+ I: "\u0069\u0307",
+ J: "\u006A\u0307",
+ Į: "\u012F\u0307",
+ Ì: "\u0069\u0307\u0300",
+ Í: "\u0069\u0307\u0301",
+ Ĩ: "\u0069\u0307\u0303",
+ },
+ },
+};
+/**
+ * Localized lower case.
+ */
+function localeLowerCase(str, locale) {
+ var lang = SUPPORTED_LOCALE[locale.toLowerCase()];
+ if (lang)
+ return lowerCase(str.replace(lang.regexp, function (m) { return lang.map[m]; }));
+ return lowerCase(str);
+}
+/**
+ * Lower case as a function.
+ */
+function lowerCase(str) {
+ return str.toLowerCase();
+}
+
+;// CONCATENATED MODULE: ./node_modules/no-case/dist.es2015/index.js
+
+// Support camel case ("camelCase" -> "camel Case" and "CAMELCase" -> "CAMEL Case").
+var DEFAULT_SPLIT_REGEXP = [/([a-z0-9])([A-Z])/g, /([A-Z])([A-Z][a-z])/g];
+// Remove all non-word characters.
+var DEFAULT_STRIP_REGEXP = /[^A-Z0-9]+/gi;
+/**
+ * Normalize the string into something other libraries can manipulate easier.
+ */
+function noCase(input, options) {
+ if (options === void 0) { options = {}; }
+ var _a = options.splitRegexp, splitRegexp = _a === void 0 ? DEFAULT_SPLIT_REGEXP : _a, _b = options.stripRegexp, stripRegexp = _b === void 0 ? DEFAULT_STRIP_REGEXP : _b, _c = options.transform, transform = _c === void 0 ? lowerCase : _c, _d = options.delimiter, delimiter = _d === void 0 ? " " : _d;
+ var result = replace(replace(input, splitRegexp, "$1\0$2"), stripRegexp, "\0");
+ var start = 0;
+ var end = result.length;
+ // Trim the delimiter from around the output string.
+ while (result.charAt(start) === "\0")
+ start++;
+ while (result.charAt(end - 1) === "\0")
+ end--;
+ // Transform each token independently.
+ return result.slice(start, end).split("\0").map(transform).join(delimiter);
+}
+/**
+ * Replace `re` in the input string with the replacement value.
+ */
+function replace(input, re, value) {
+ if (re instanceof RegExp)
+ return input.replace(re, value);
+ return re.reduce(function (input, re) { return input.replace(re, value); }, input);
+}
+
+;// CONCATENATED MODULE: ./node_modules/upper-case-first/dist.es2015/index.js
+/**
+ * Upper case the first character of an input string.
+ */
+function upperCaseFirst(input) {
+ return input.charAt(0).toUpperCase() + input.substr(1);
+}
+
+;// CONCATENATED MODULE: ./node_modules/capital-case/dist.es2015/index.js
+
+
+
+function capitalCaseTransform(input) {
+ return upperCaseFirst(input.toLowerCase());
+}
+function capitalCase(input, options) {
+ if (options === void 0) { options = {}; }
+ return noCase(input, __assign({ delimiter: " ", transform: capitalCaseTransform }, options));
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/symbol-filled.js
-
-
-/**
- * WordPress dependencies
- */
-
-const symbolFilled = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-17.6 1L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z"
-}));
-/* harmony default export */ var symbol_filled = (symbolFilled);
+/**
+ * WordPress dependencies
+ */
+
+
+const symbolFilled = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M21.3 10.8l-5.6-5.6c-.7-.7-1.8-.7-2.5 0l-5.6 5.6c-.7.7-.7 1.8 0 2.5l5.6 5.6c.3.3.8.5 1.2.5s.9-.2 1.2-.5l5.6-5.6c.8-.7.8-1.9.1-2.5zm-17.6 1L10 5.5l-1-1-6.3 6.3c-.7.7-.7 1.8 0 2.5L9 19.5l1.1-1.1-6.3-6.3c-.2 0-.2-.2-.1-.3z"
+ })
+});
+/* harmony default export */ const symbol_filled = (symbolFilled);
+
+;// CONCATENATED MODULE: ./node_modules/dot-case/dist.es2015/index.js
+
+
+function dotCase(input, options) {
+ if (options === void 0) { options = {}; }
+ return noCase(input, __assign({ delimiter: "." }, options));
+}
+
+;// CONCATENATED MODULE: ./node_modules/param-case/dist.es2015/index.js
+
+
+function paramCase(input, options) {
+ if (options === void 0) { options = {}; }
+ return dotCase(input, __assign({ delimiter: "-" }, options));
+}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/edit/utils/hooks.js
/**
* External dependencies
*/
+
/**
* WordPress dependencies
*/
@@ -44579,7 +60086,6 @@
*
* @return {{ templateParts: Array, isResolving: boolean }} array of template parts.
*/
-
function useAlternativeTemplateParts(area, excludedId) {
const {
templateParts,
@@ -44594,21 +60100,21 @@
};
return {
templateParts: getEntityRecords('postType', 'wp_template_part', query),
- isLoading: _isResolving('getEntityRecords', ['postType', 'wp_template_part', query])
+ isResolving: _isResolving('getEntityRecords', ['postType', 'wp_template_part', query])
};
}, []);
const filteredTemplateParts = (0,external_wp_element_namespaceObject.useMemo)(() => {
if (!templateParts) {
return [];
}
-
return templateParts.filter(templatePart => createTemplatePartId(templatePart.theme, templatePart.slug) !== excludedId && (!area || 'uncategorized' === area || templatePart.area === area)) || [];
- }, [templateParts, area]);
+ }, [templateParts, area, excludedId]);
return {
templateParts: filteredTemplateParts,
isResolving
};
}
+
/**
* Retrieves the available block patterns for the given area.
*
@@ -44617,32 +60123,30 @@
*
* @return {Array} array of block patterns.
*/
-
function useAlternativeBlockPatterns(area, clientId) {
return (0,external_wp_data_namespaceObject.useSelect)(select => {
const blockNameWithArea = area ? `core/template-part/${area}` : 'core/template-part';
const {
getBlockRootClientId,
- __experimentalGetPatternsByBlockTypes
+ getPatternsByBlockTypes
} = select(external_wp_blockEditor_namespaceObject.store);
const rootClientId = getBlockRootClientId(clientId);
- return __experimentalGetPatternsByBlockTypes(blockNameWithArea, rootClientId);
+ return getPatternsByBlockTypes(blockNameWithArea, rootClientId);
}, [area, clientId]);
}
function useCreateTemplatePartFromBlocks(area, setAttributes) {
const {
saveEntityRecord
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
- return async function () {
- let blocks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
- let title = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0,external_wp_i18n_namespaceObject.__)('Untitled Template Part');
+ return async (blocks = [], title = (0,external_wp_i18n_namespaceObject.__)('Untitled Template Part')) => {
// Currently template parts only allow latin chars.
// Fallback slug will receive suffix by default.
- const cleanSlug = (0,external_lodash_namespaceObject.kebabCase)(title).replace(/[^\w-]+/g, '') || 'wp-custom-part'; // If we have `area` set from block attributes, means an exposed
+ const cleanSlug = paramCase(title).replace(/[^\w-]+/g, '') || 'wp-custom-part';
+
+ // If we have `area` set from block attributes, means an exposed
// block variation was inserted. So add this prop to the template
// part entity on creation. Afterwards remove `area` value from
// block attributes.
-
const record = {
title,
slug: cleanSlug,
@@ -44659,6 +60163,7 @@
});
};
}
+
/**
* Retrieves the template part area object.
*
@@ -44666,100 +60171,98 @@
*
* @return {{icon: Object, label: string, tagName: string}} Template Part area.
*/
-
function useTemplatePartArea(area) {
return (0,external_wp_data_namespaceObject.useSelect)(select => {
var _selectedArea$area_ta;
-
// FIXME: @wordpress/block-library should not depend on @wordpress/editor.
// Blocks can be loaded into a *non-post* block editor.
- // eslint-disable-next-line @wordpress/data-no-store-string-literals
+ /* eslint-disable @wordpress/data-no-store-string-literals */
const definedAreas = select('core/editor').__experimentalGetDefaultTemplatePartAreas();
-
- const selectedArea = (0,external_lodash_namespaceObject.find)(definedAreas, {
- area
- });
- const defaultArea = (0,external_lodash_namespaceObject.find)(definedAreas, {
- area: 'uncategorized'
- });
- return {
- icon: (selectedArea === null || selectedArea === void 0 ? void 0 : selectedArea.icon) || (defaultArea === null || defaultArea === void 0 ? void 0 : defaultArea.icon),
- label: (selectedArea === null || selectedArea === void 0 ? void 0 : selectedArea.label) || (0,external_wp_i18n_namespaceObject.__)('Template Part'),
- tagName: (_selectedArea$area_ta = selectedArea === null || selectedArea === void 0 ? void 0 : selectedArea.area_tag) !== null && _selectedArea$area_ta !== void 0 ? _selectedArea$area_ta : 'div'
+ /* eslint-enable @wordpress/data-no-store-string-literals */
+
+ const selectedArea = definedAreas.find(definedArea => definedArea.area === area);
+ const defaultArea = definedAreas.find(definedArea => definedArea.area === 'uncategorized');
+ return {
+ icon: selectedArea?.icon || defaultArea?.icon,
+ label: selectedArea?.label || (0,external_wp_i18n_namespaceObject.__)('Template Part'),
+ tagName: (_selectedArea$area_ta = selectedArea?.area_tag) !== null && _selectedArea$area_ta !== void 0 ? _selectedArea$area_ta : 'div'
};
}, [area]);
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/edit/title-modal.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-function TitleModal(_ref) {
- let {
- areaLabel,
- onClose,
- onSubmit
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+function TitleModal({
+ areaLabel,
+ onClose,
+ onSubmit
+}) {
// Restructure onCreate to set the blocks on local state.
// Add modal to confirm title and trigger onCreate.
const [title, setTitle] = (0,external_wp_element_namespaceObject.useState)((0,external_wp_i18n_namespaceObject.__)('Untitled Template Part'));
-
const submitForCreation = event => {
event.preventDefault();
onSubmit(title);
};
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, {
- title: (0,external_wp_i18n_namespaceObject.sprintf)( // Translators: %s as template part area title ("Header", "Footer", etc.).
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {
+ title: (0,external_wp_i18n_namespaceObject.sprintf)(
+ // Translators: %s as template part area title ("Header", "Footer", etc.).
(0,external_wp_i18n_namespaceObject.__)('Name and create your new %s'), areaLabel.toLowerCase()),
- closeLabel: (0,external_wp_i18n_namespaceObject.__)('Cancel'),
overlayClassName: "wp-block-template-part__placeholder-create-new__title-form",
- onRequestClose: onClose
- }, (0,external_wp_element_namespaceObject.createElement)("form", {
- onSubmit: submitForCreation
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Name'),
- value: title,
- onChange: setTitle
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Flex, {
- className: "wp-block-template-part__placeholder-create-new__title-form-actions",
- justify: "flex-end"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FlexItem, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "primary",
- type: "submit",
- disabled: !title.length,
- "aria-disabled": !title.length
- }, (0,external_wp_i18n_namespaceObject.__)('Create'))))));
+ onRequestClose: onClose,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("form", {
+ onSubmit: submitForCreation,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
+ spacing: "5",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Name'),
+ value: title,
+ onChange: setTitle
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalHStack, {
+ justify: "right",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "primary",
+ type: "submit",
+ __experimentalIsFocusable: true,
+ disabled: !title.length,
+ children: (0,external_wp_i18n_namespaceObject.__)('Create')
+ })
+ })]
+ })
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/edit/placeholder.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-function TemplatePartPlaceholder(_ref) {
- let {
- area,
- clientId,
- templatePartId,
- onOpenSelectionModal,
- setAttributes
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+function TemplatePartPlaceholder({
+ area,
+ clientId,
+ templatePartId,
+ onOpenSelectionModal,
+ setAttributes
+}) {
const {
templateParts,
isResolving
@@ -44768,239 +60271,562 @@
const [showTitleModal, setShowTitleModal] = (0,external_wp_element_namespaceObject.useState)(false);
const areaObject = useTemplatePartArea(area);
const createFromBlocks = useCreateTemplatePartFromBlocks(area, setAttributes);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Placeholder, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Placeholder, {
icon: areaObject.icon,
label: areaObject.label,
- instructions: (0,external_wp_i18n_namespaceObject.sprintf)( // Translators: %s as template part area title ("Header", "Footer", etc.).
- (0,external_wp_i18n_namespaceObject.__)('Choose an existing %s or create a new one.'), areaObject.label.toLowerCase())
- }, isResolving && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null), !isResolving && !!(templateParts.length || blockPatterns.length) && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "primary",
- onClick: onOpenSelectionModal
- }, (0,external_wp_i18n_namespaceObject.__)('Choose')), !isResolving && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "secondary",
- onClick: () => {
- setShowTitleModal(true);
- }
- }, (0,external_wp_i18n_namespaceObject.__)('Start blank')), showTitleModal && (0,external_wp_element_namespaceObject.createElement)(TitleModal, {
- areaLabel: areaObject.label,
- onClose: () => setShowTitleModal(false),
- onSubmit: title => {
- createFromBlocks([], title);
- }
- }));
+ instructions: (0,external_wp_i18n_namespaceObject.sprintf)(
+ // Translators: %s as template part area title ("Header", "Footer", etc.).
+ (0,external_wp_i18n_namespaceObject.__)('Choose an existing %s or create a new one.'), areaObject.label.toLowerCase()),
+ children: [isResolving && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {}), !isResolving && !!(templateParts.length || blockPatterns.length) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "primary",
+ onClick: onOpenSelectionModal,
+ children: (0,external_wp_i18n_namespaceObject.__)('Choose')
+ }), !isResolving && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "secondary",
+ onClick: () => {
+ setShowTitleModal(true);
+ },
+ children: (0,external_wp_i18n_namespaceObject.__)('Start blank')
+ }), showTitleModal && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TitleModal, {
+ areaLabel: areaObject.label,
+ onClose: () => setShowTitleModal(false),
+ onSubmit: title => {
+ createFromBlocks([], title);
+ }
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/edit/utils/map-template-part-to-block-pattern.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+/**
+ * This maps the properties of a template part to those of a block pattern.
+ * @param {Object} templatePart
+ * @return {Object} The template part in the shape of block pattern.
+ */
+function mapTemplatePartToBlockPattern(templatePart) {
+ return {
+ name: createTemplatePartId(templatePart.theme, templatePart.slug),
+ title: templatePart.title.rendered,
+ blocks: (0,external_wp_blocks_namespaceObject.parse)(templatePart.content.raw),
+ templatePart
+ };
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/edit/selection-modal.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-function TemplatePartSelectionModal(_ref) {
- let {
- setAttributes,
- onClose,
- templatePartId = null,
- area,
- clientId
- } = _ref;
- // When the templatePartId is undefined,
- // it means the user is creating a new one from the placeholder.
- const isReplacingTemplatePartContent = !!templatePartId;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+function TemplatePartSelectionModal({
+ setAttributes,
+ onClose,
+ templatePartId = null,
+ area,
+ clientId
+}) {
+ const [searchValue, setSearchValue] = (0,external_wp_element_namespaceObject.useState)('');
const {
templateParts
- } = useAlternativeTemplateParts(area, templatePartId); // We can map template parts to block patters to reuse the BlockPatternsList UI
-
- const templartPartsAsBlockPatterns = (0,external_wp_element_namespaceObject.useMemo)(() => {
- return templateParts.map(templatePart => ({
- name: createTemplatePartId(templatePart.theme, templatePart.slug),
- title: templatePart.title.rendered,
- blocks: (0,external_wp_blocks_namespaceObject.parse)(templatePart.content.raw),
- templatePart
- }));
- }, [templateParts]);
- const shownTemplateParts = (0,external_wp_compose_namespaceObject.useAsyncList)(templartPartsAsBlockPatterns);
+ } = useAlternativeTemplateParts(area, templatePartId);
+
+ // We can map template parts to block patters to reuse the BlockPatternsList UI
+ const filteredTemplateParts = (0,external_wp_element_namespaceObject.useMemo)(() => {
+ const partsAsPatterns = templateParts.map(templatePart => mapTemplatePartToBlockPattern(templatePart));
+ return searchPatterns(partsAsPatterns, searchValue);
+ }, [templateParts, searchValue]);
+ const shownTemplateParts = (0,external_wp_compose_namespaceObject.useAsyncList)(filteredTemplateParts);
+ const blockPatterns = useAlternativeBlockPatterns(area, clientId);
+ const filteredBlockPatterns = (0,external_wp_element_namespaceObject.useMemo)(() => {
+ return searchPatterns(blockPatterns, searchValue);
+ }, [blockPatterns, searchValue]);
const {
createSuccessNotice
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
- const blockPatterns = useAlternativeBlockPatterns(area, clientId);
- const shownBlockPatterns = (0,external_wp_compose_namespaceObject.useAsyncList)(blockPatterns);
- const {
- replaceInnerBlocks
- } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
- const onTemplatePartSelect = (0,external_wp_element_namespaceObject.useCallback)(templatePart => {
- var _templatePart$title;
-
+ const onTemplatePartSelect = templatePart => {
setAttributes({
slug: templatePart.slug,
theme: templatePart.theme,
area: undefined
});
- createSuccessNotice((0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: template part title. */
- (0,external_wp_i18n_namespaceObject.__)('Template Part "%s" inserted.'), ((_templatePart$title = templatePart.title) === null || _templatePart$title === void 0 ? void 0 : _templatePart$title.rendered) || templatePart.slug), {
+ createSuccessNotice((0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: template part title. */
+ (0,external_wp_i18n_namespaceObject.__)('Template Part "%s" inserted.'), templatePart.title?.rendered || templatePart.slug), {
type: 'snackbar'
});
onClose();
+ };
+ const hasTemplateParts = !!filteredTemplateParts.length;
+ const hasBlockPatterns = !!filteredBlockPatterns.length;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ className: "block-library-template-part__selection-content",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "block-library-template-part__selection-search",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SearchControl, {
+ __nextHasNoMarginBottom: true,
+ onChange: setSearchValue,
+ value: searchValue,
+ label: (0,external_wp_i18n_namespaceObject.__)('Search for replacements'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Search')
+ })
+ }), hasTemplateParts && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h2", {
+ children: (0,external_wp_i18n_namespaceObject.__)('Existing template parts')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalBlockPatternsList, {
+ blockPatterns: filteredTemplateParts,
+ shownPatterns: shownTemplateParts,
+ onClickPattern: pattern => {
+ onTemplatePartSelect(pattern.templatePart);
+ }
+ })]
+ }), !hasTemplateParts && !hasBlockPatterns && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalHStack, {
+ alignment: "center",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ children: (0,external_wp_i18n_namespaceObject.__)('No results found.')
+ })
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/edit/utils/transformers.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Converts a widget entity record into a block.
+ *
+ * @param {Object} widget The widget entity record.
+ * @return {Object} a block (converted from the entity record).
+ */
+function transformWidgetToBlock(widget) {
+ if (widget.id_base !== 'block') {
+ let attributes;
+ if (widget._embedded.about[0].is_multi) {
+ attributes = {
+ idBase: widget.id_base,
+ instance: widget.instance
+ };
+ } else {
+ attributes = {
+ id: widget.id
+ };
+ }
+ return switchLegacyWidgetType((0,external_wp_blocks_namespaceObject.createBlock)('core/legacy-widget', attributes));
+ }
+ const parsedBlocks = (0,external_wp_blocks_namespaceObject.parse)(widget.instance.raw.content, {
+ __unstableSkipAutop: true
+ });
+ if (!parsedBlocks.length) {
+ return undefined;
+ }
+ const block = parsedBlocks[0];
+ if (block.name === 'core/widget-group') {
+ return (0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getGroupingBlockName)(), undefined, transformInnerBlocks(block.innerBlocks));
+ }
+ if (block.innerBlocks.length > 0) {
+ return (0,external_wp_blocks_namespaceObject.cloneBlock)(block, undefined, transformInnerBlocks(block.innerBlocks));
+ }
+ return block;
+}
+
+/**
+ * Switch Legacy Widget to the first matching transformation block.
+ *
+ * @param {Object} block Legacy Widget block object
+ * @return {Object|undefined} a block
+ */
+function switchLegacyWidgetType(block) {
+ const transforms = (0,external_wp_blocks_namespaceObject.getPossibleBlockTransformations)([block]).filter(item => {
+ // The block without any transformations can't be a wildcard.
+ if (!item.transforms) {
+ return true;
+ }
+ const hasWildCardFrom = item.transforms?.from?.find(from => from.blocks && from.blocks.includes('*'));
+ const hasWildCardTo = item.transforms?.to?.find(to => to.blocks && to.blocks.includes('*'));
+
+ // Skip wildcard transformations.
+ return !hasWildCardFrom && !hasWildCardTo;
+ });
+ if (!transforms.length) {
+ return undefined;
+ }
+ return (0,external_wp_blocks_namespaceObject.switchToBlockType)(block, transforms[0].name);
+}
+function transformInnerBlocks(innerBlocks = []) {
+ return innerBlocks.flatMap(block => {
+ if (block.name === 'core/legacy-widget') {
+ return switchLegacyWidgetType(block);
+ }
+ return (0,external_wp_blocks_namespaceObject.createBlock)(block.name, block.attributes, transformInnerBlocks(block.innerBlocks));
+ }).filter(block => !!block);
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/edit/import-controls.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+const SIDEBARS_QUERY = {
+ per_page: -1,
+ _fields: 'id,name,description,status,widgets'
+};
+function TemplatePartImportControls({
+ area,
+ setAttributes
+}) {
+ const [selectedSidebar, setSelectedSidebar] = (0,external_wp_element_namespaceObject.useState)('');
+ const [isBusy, setIsBusy] = (0,external_wp_element_namespaceObject.useState)(false);
+ const registry = (0,external_wp_data_namespaceObject.useRegistry)();
+ const {
+ sidebars,
+ hasResolved
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getSidebars,
+ hasFinishedResolution
+ } = select(external_wp_coreData_namespaceObject.store);
+ return {
+ sidebars: getSidebars(SIDEBARS_QUERY),
+ hasResolved: hasFinishedResolution('getSidebars', [SIDEBARS_QUERY])
+ };
}, []);
+ const {
+ createErrorNotice
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
const createFromBlocks = useCreateTemplatePartFromBlocks(area, setAttributes);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "block-library-template-part__selection-content"
- }, !!templartPartsAsBlockPatterns.length && (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)("h2", null, (0,external_wp_i18n_namespaceObject.__)('Existing template parts')), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalBlockPatternsList, {
- blockPatterns: templartPartsAsBlockPatterns,
- shownPatterns: shownTemplateParts,
- onClickPattern: pattern => {
- onTemplatePartSelect(pattern.templatePart);
- }
- })), !!blockPatterns.length && (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)("h2", null, (0,external_wp_i18n_namespaceObject.__)('Patterns')), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalBlockPatternsList, {
- blockPatterns: blockPatterns,
- shownPatterns: shownBlockPatterns,
- onClickPattern: (pattern, blocks) => {
- if (isReplacingTemplatePartContent) {
- replaceInnerBlocks(clientId, blocks);
- } else {
- createFromBlocks(blocks, pattern.title);
- }
-
- onClose();
- }
- }))));
+ const options = (0,external_wp_element_namespaceObject.useMemo)(() => {
+ const sidebarOptions = (sidebars !== null && sidebars !== void 0 ? sidebars : []).filter(widgetArea => widgetArea.id !== 'wp_inactive_widgets' && widgetArea.widgets.length > 0).map(widgetArea => {
+ return {
+ value: widgetArea.id,
+ label: widgetArea.name
+ };
+ });
+ if (!sidebarOptions.length) {
+ return [];
+ }
+ return [{
+ value: '',
+ label: (0,external_wp_i18n_namespaceObject.__)('Select widget area')
+ }, ...sidebarOptions];
+ }, [sidebars]);
+
+ // Render an empty node while data is loading to avoid SlotFill re-positioning bug.
+ // See: https://github.com/WordPress/gutenberg/issues/15641.
+ if (!hasResolved) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalSpacer, {
+ marginBottom: "0"
+ });
+ }
+ if (hasResolved && !options.length) {
+ return null;
+ }
+ async function createFromWidgets(event) {
+ event.preventDefault();
+ if (isBusy || !selectedSidebar) {
+ return;
+ }
+ setIsBusy(true);
+ const sidebar = options.find(({
+ value
+ }) => value === selectedSidebar);
+ const {
+ getWidgets
+ } = registry.resolveSelect(external_wp_coreData_namespaceObject.store);
+
+ // The widgets API always returns a successful response.
+ const widgets = await getWidgets({
+ sidebar: sidebar.value,
+ _embed: 'about'
+ });
+ const skippedWidgets = new Set();
+ const blocks = widgets.flatMap(widget => {
+ const block = transformWidgetToBlock(widget);
+
+ // Skip the block if we have no matching transformations.
+ if (!block) {
+ skippedWidgets.add(widget.id_base);
+ return [];
+ }
+ return block;
+ });
+ await createFromBlocks(blocks, /* translators: %s: name of the widget area */
+ (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('Widget area: %s'), sidebar.label));
+ if (skippedWidgets.size) {
+ createErrorNotice((0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: the list of widgets */
+ (0,external_wp_i18n_namespaceObject.__)('Unable to import the following widgets: %s.'), Array.from(skippedWidgets).join(', ')), {
+ type: 'snackbar'
+ });
+ }
+ setIsBusy(false);
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalSpacer, {
+ marginBottom: "4",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, {
+ as: "form",
+ onSubmit: createFromWidgets,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FlexBlock, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Import widget area'),
+ value: selectedSidebar,
+ options: options,
+ onChange: value => setSelectedSidebar(value),
+ disabled: !options.length,
+ __next40pxDefaultSize: true,
+ __nextHasNoMarginBottom: true
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FlexItem, {
+ style: {
+ marginBottom: '8px',
+ marginTop: 'auto'
+ },
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ __next40pxDefaultSize: true,
+ variant: "primary",
+ type: "submit",
+ isBusy: isBusy,
+ "aria-disabled": isBusy || !selectedSidebar,
+ children: (0,external_wp_i18n_namespaceObject._x)('Import', 'button label')
+ })
+ })]
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/edit/advanced-controls.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-function TemplatePartAdvancedControls(_ref) {
- let {
- tagName,
- setAttributes,
- isEntityAvailable,
- templatePartId,
- defaultWrapper
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+const htmlElementMessages = {
+ header: (0,external_wp_i18n_namespaceObject.__)('The <header> element should represent introductory content, typically a group of introductory or navigational aids.'),
+ main: (0,external_wp_i18n_namespaceObject.__)('The <main> element should be used for the primary content of your document only.'),
+ section: (0,external_wp_i18n_namespaceObject.__)("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
+ article: (0,external_wp_i18n_namespaceObject.__)('The <article> element should represent a self-contained, syndicatable portion of the document.'),
+ aside: (0,external_wp_i18n_namespaceObject.__)("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content."),
+ footer: (0,external_wp_i18n_namespaceObject.__)('The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).')
+};
+function TemplatePartAdvancedControls({
+ tagName,
+ setAttributes,
+ isEntityAvailable,
+ templatePartId,
+ defaultWrapper,
+ hasInnerBlocks
+}) {
const [area, setArea] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', 'wp_template_part', 'area', templatePartId);
const [title, setTitle] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', 'wp_template_part', 'title', templatePartId);
- const {
- areaOptions
- } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const definedAreas = (0,external_wp_data_namespaceObject.useSelect)(select => {
// FIXME: @wordpress/block-library should not depend on @wordpress/editor.
// Blocks can be loaded into a *non-post* block editor.
- // eslint-disable-next-line @wordpress/data-no-store-string-literals
- const definedAreas = select('core/editor').__experimentalGetDefaultTemplatePartAreas();
-
- return {
- areaOptions: definedAreas.map(_ref2 => {
- let {
- label,
- area: _area
- } = _ref2;
- return {
- label,
- value: _area
- };
- })
- };
+ /* eslint-disable-next-line @wordpress/data-no-store-string-literals */
+ return select('core/editor').__experimentalGetDefaultTemplatePartAreas();
}, []);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, {
- __experimentalGroup: "advanced"
- }, isEntityAvailable && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Title'),
- value: title,
- onChange: value => {
- setTitle(value);
- },
- onFocus: event => event.target.select()
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Area'),
- labelPosition: "top",
- options: areaOptions,
- value: area,
- onChange: setArea
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('HTML element'),
- options: [{
- label: (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: HTML tag based on area. */
- (0,external_wp_i18n_namespaceObject.__)('Default based on area (%s)'), `<${defaultWrapper}>`),
- value: ''
- }, {
- label: '<header>',
- value: 'header'
- }, {
- label: '<main>',
- value: 'main'
- }, {
- label: '<section>',
- value: 'section'
- }, {
- label: '<article>',
- value: 'article'
- }, {
- label: '<aside>',
- value: 'aside'
- }, {
- label: '<footer>',
- value: 'footer'
- }, {
- label: '<div>',
- value: 'div'
- }],
- value: tagName || '',
- onChange: value => setAttributes({
- tagName: value
- })
+ const areaOptions = definedAreas.map(({
+ label,
+ area: _area
+ }) => ({
+ label,
+ value: _area
}));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [isEntityAvailable && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Title'),
+ value: title,
+ onChange: value => {
+ setTitle(value);
+ },
+ onFocus: event => event.target.select()
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Area'),
+ labelPosition: "top",
+ options: areaOptions,
+ value: area,
+ onChange: setArea
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('HTML element'),
+ options: [{
+ label: (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: HTML tag based on area. */
+ (0,external_wp_i18n_namespaceObject.__)('Default based on area (%s)'), `<${defaultWrapper}>`),
+ value: ''
+ }, {
+ label: '<header>',
+ value: 'header'
+ }, {
+ label: '<main>',
+ value: 'main'
+ }, {
+ label: '<section>',
+ value: 'section'
+ }, {
+ label: '<article>',
+ value: 'article'
+ }, {
+ label: '<aside>',
+ value: 'aside'
+ }, {
+ label: '<footer>',
+ value: 'footer'
+ }, {
+ label: '<div>',
+ value: 'div'
+ }],
+ value: tagName || '',
+ onChange: value => setAttributes({
+ tagName: value
+ }),
+ help: htmlElementMessages[tagName]
+ }), !hasInnerBlocks && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TemplatePartImportControls, {
+ area: area,
+ setAttributes: setAttributes
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/edit/inner-blocks.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-function TemplatePartInnerBlocks(_ref) {
- let {
- postId: id,
- hasInnerBlocks,
- layout,
- tagName,
- blockProps,
- clientId
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+function useRenderAppender(hasInnerBlocks) {
+ const blockEditingMode = (0,external_wp_blockEditor_namespaceObject.useBlockEditingMode)();
+ // Disable appending when the editing mode is 'contentOnly'. This is so that the user can't
+ // append into a template part when editing a page in the site editor. See
+ // DisableNonPageContentBlocks. Ideally instead of (mis)using editing mode there would be a
+ // block editor API for achieving this.
+ if (blockEditingMode === 'contentOnly') {
+ return false;
+ }
+ if (!hasInnerBlocks) {
+ return external_wp_blockEditor_namespaceObject.InnerBlocks.ButtonBlockAppender;
+ }
+}
+function useLayout(layout) {
const themeSupportsLayout = (0,external_wp_data_namespaceObject.useSelect)(select => {
- var _getSettings;
-
const {
getSettings
} = select(external_wp_blockEditor_namespaceObject.store);
- return (_getSettings = getSettings()) === null || _getSettings === void 0 ? void 0 : _getSettings.supportsLayout;
+ return getSettings()?.supportsLayout;
}, []);
- const defaultLayout = (0,external_wp_blockEditor_namespaceObject.useSetting)('layout') || {};
- const usedLayout = !!layout && layout.inherit ? defaultLayout : layout;
+ const [defaultLayout] = (0,external_wp_blockEditor_namespaceObject.useSettings)('layout');
+ if (themeSupportsLayout) {
+ return layout?.inherit ? defaultLayout || {} : layout;
+ }
+}
+function NonEditableTemplatePartPreview({
+ postId: id,
+ layout,
+ tagName: TagName,
+ blockProps
+}) {
+ (0,external_wp_blockEditor_namespaceObject.useBlockEditingMode)('disabled');
+ const {
+ content,
+ editedBlocks
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ if (!id) {
+ return {};
+ }
+ const {
+ getEditedEntityRecord
+ } = select(external_wp_coreData_namespaceObject.store);
+ const editedRecord = getEditedEntityRecord('postType', 'wp_template_part', id, {
+ context: 'view'
+ });
+ return {
+ editedBlocks: editedRecord.blocks,
+ content: editedRecord.content
+ };
+ }, [id]);
+ const blocks = (0,external_wp_element_namespaceObject.useMemo)(() => {
+ if (!id) {
+ return undefined;
+ }
+ if (editedBlocks) {
+ return editedBlocks;
+ }
+ if (!content || typeof content !== 'string') {
+ return [];
+ }
+ return (0,external_wp_blocks_namespaceObject.parse)(content);
+ }, [id, editedBlocks, content]);
+ const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)(blockProps, {
+ value: blocks,
+ onInput: () => {},
+ onChange: () => {},
+ renderAppender: false,
+ layout: useLayout(layout)
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...innerBlocksProps
+ });
+}
+function EditableTemplatePartInnerBlocks({
+ postId: id,
+ hasInnerBlocks,
+ layout,
+ tagName: TagName,
+ blockProps
+}) {
const [blocks, onInput, onChange] = (0,external_wp_coreData_namespaceObject.useEntityBlockEditor)('postType', 'wp_template_part', {
id
});
@@ -45008,240 +60834,338 @@
value: blocks,
onInput,
onChange,
- renderAppender: hasInnerBlocks ? undefined : external_wp_blockEditor_namespaceObject.InnerBlocks.ButtonBlockAppender,
- __experimentalLayout: themeSupportsLayout ? usedLayout : undefined
- });
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalBlockContentOverlay, {
- clientId: clientId,
- tagName: tagName,
- wrapperProps: innerBlocksProps
+ renderAppender: useRenderAppender(hasInnerBlocks),
+ layout: useLayout(layout)
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...innerBlocksProps
+ });
+}
+function TemplatePartInnerBlocks({
+ postId: id,
+ hasInnerBlocks,
+ layout,
+ tagName: TagName,
+ blockProps
+}) {
+ const {
+ canViewTemplatePart,
+ canEditTemplatePart
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ var _select$canUser, _select$canUser2;
+ return {
+ canViewTemplatePart: (_select$canUser = select(external_wp_coreData_namespaceObject.store).canUser('read', 'templates')) !== null && _select$canUser !== void 0 ? _select$canUser : false,
+ canEditTemplatePart: (_select$canUser2 = select(external_wp_coreData_namespaceObject.store).canUser('create', 'templates')) !== null && _select$canUser2 !== void 0 ? _select$canUser2 : false
+ };
+ }, []);
+ if (!canViewTemplatePart) {
+ return null;
+ }
+ const TemplatePartInnerBlocksComponent = canEditTemplatePart ? EditableTemplatePartInnerBlocks : NonEditableTemplatePartPreview;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TemplatePartInnerBlocksComponent, {
+ postId: id,
+ hasInnerBlocks: hasInnerBlocks,
+ layout: layout,
+ tagName: TagName,
+ blockProps: blockProps
});
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/edit/index.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-
-
-
-
-function TemplatePartEdit(_ref) {
- let {
- attributes,
- setAttributes,
- clientId
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+
+
+
+function ReplaceButton({
+ isEntityAvailable,
+ area,
+ templatePartId,
+ isTemplatePartSelectionOpen,
+ setIsTemplatePartSelectionOpen
+}) {
+ // This hook fetches patterns, so don't run it unconditionally in the main
+ // edit function!
+ const {
+ templateParts
+ } = useAlternativeTemplateParts(area, templatePartId);
+ const hasReplacements = !!templateParts.length;
+ const canReplace = isEntityAvailable && hasReplacements && (area === 'header' || area === 'footer');
+ if (!canReplace) {
+ return null;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ onClick: () => {
+ setIsTemplatePartSelectionOpen(true);
+ },
+ "aria-expanded": isTemplatePartSelectionOpen,
+ "aria-haspopup": "dialog",
+ children: (0,external_wp_i18n_namespaceObject.__)('Replace')
+ });
+}
+function TemplatesList({
+ area,
+ clientId,
+ isEntityAvailable,
+ onSelect
+}) {
+ // This hook fetches patterns, so don't run it unconditionally in the main
+ // edit function!
+ const blockPatterns = useAlternativeBlockPatterns(area, clientId);
+ const canReplace = isEntityAvailable && !!blockPatterns.length && (area === 'header' || area === 'footer');
+ const shownTemplates = (0,external_wp_compose_namespaceObject.useAsyncList)(blockPatterns);
+ if (!canReplace) {
+ return null;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Design'),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalBlockPatternsList, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Templates'),
+ blockPatterns: blockPatterns,
+ shownPatterns: shownTemplates,
+ onClickPattern: onSelect,
+ showTitle: false
+ })
+ });
+}
+function TemplatePartEdit({
+ attributes,
+ setAttributes,
+ clientId
+}) {
+ const {
+ createSuccessNotice
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
+ const {
+ editEntityRecord
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
+ const currentTheme = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_coreData_namespaceObject.store).getCurrentTheme()?.stylesheet, []);
const {
slug,
- theme,
+ theme = currentTheme,
tagName,
layout = {}
} = attributes;
const templatePartId = createTemplatePartId(theme, slug);
- const [hasAlreadyRendered, RecursionProvider] = (0,external_wp_blockEditor_namespaceObject.__experimentalUseNoRecursiveRenders)(templatePartId);
- const [isTemplatePartSelectionOpen, setIsTemplatePartSelectionOpen] = (0,external_wp_element_namespaceObject.useState)(false); // Set the postId block attribute if it did not exist,
- // but wait until the inner blocks have loaded to allow
- // new edits to trigger this.
-
+ const hasAlreadyRendered = (0,external_wp_blockEditor_namespaceObject.useHasRecursion)(templatePartId);
+ const [isTemplatePartSelectionOpen, setIsTemplatePartSelectionOpen] = (0,external_wp_element_namespaceObject.useState)(false);
const {
isResolved,
- innerBlocks,
+ hasInnerBlocks,
isMissing,
- area
+ area,
+ onNavigateToEntityRecord,
+ title,
+ canEditTemplate
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ var _select$canUser;
const {
getEditedEntityRecord,
hasFinishedResolution
} = select(external_wp_coreData_namespaceObject.store);
const {
- getBlocks
+ getBlockCount,
+ getSettings
} = select(external_wp_blockEditor_namespaceObject.store);
const getEntityArgs = ['postType', 'wp_template_part', templatePartId];
const entityRecord = templatePartId ? getEditedEntityRecord(...getEntityArgs) : null;
-
- const _area = (entityRecord === null || entityRecord === void 0 ? void 0 : entityRecord.area) || attributes.area;
-
+ const _area = entityRecord?.area || attributes.area;
const hasResolvedEntity = templatePartId ? hasFinishedResolution('getEditedEntityRecord', getEntityArgs) : false;
- return {
- innerBlocks: getBlocks(clientId),
+ const _canEditTemplate = (_select$canUser = select(external_wp_coreData_namespaceObject.store).canUser('create', 'templates')) !== null && _select$canUser !== void 0 ? _select$canUser : false;
+ return {
+ hasInnerBlocks: getBlockCount(clientId) > 0,
isResolved: hasResolvedEntity,
- isMissing: hasResolvedEntity && (0,external_lodash_namespaceObject.isEmpty)(entityRecord),
- area: _area
- };
- }, [templatePartId, clientId]);
- const {
- templateParts
- } = useAlternativeTemplateParts(area, templatePartId);
- const blockPatterns = useAlternativeBlockPatterns(area, clientId);
- const hasReplacements = !!templateParts.length || !!blockPatterns.length;
+ isMissing: hasResolvedEntity && (!entityRecord || Object.keys(entityRecord).length === 0),
+ area: _area,
+ onNavigateToEntityRecord: getSettings().onNavigateToEntityRecord,
+ title: entityRecord?.title,
+ canEditTemplate: _canEditTemplate
+ };
+ }, [templatePartId, attributes.area, clientId]);
const areaObject = useTemplatePartArea(area);
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
const isPlaceholder = !slug;
const isEntityAvailable = !isPlaceholder && !isMissing && isResolved;
- const TagName = tagName || areaObject.tagName; // We don't want to render a missing state if we have any inner blocks.
+ const TagName = tagName || areaObject.tagName;
+ const onPatternSelect = async pattern => {
+ await editEntityRecord('postType', 'wp_template_part', templatePartId, {
+ blocks: pattern.blocks,
+ content: (0,external_wp_blocks_namespaceObject.serialize)(pattern.blocks)
+ });
+ createSuccessNotice((0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: template part title. */
+ (0,external_wp_i18n_namespaceObject.__)('Template Part "%s" updated.'), title || slug), {
+ type: 'snackbar'
+ });
+ };
+
+ // We don't want to render a missing state if we have any inner blocks.
// A new template part is automatically created if we have any inner blocks but no entity.
-
- if (innerBlocks.length === 0 && (slug && !theme || slug && isMissing)) {
- return (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: Template part slug */
- (0,external_wp_i18n_namespaceObject.__)('Template part has been deleted or is unavailable: %s'), slug)));
- }
-
+ if (!hasInnerBlocks && (slug && !theme || slug && isMissing)) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: Template part slug */
+ (0,external_wp_i18n_namespaceObject.__)('Template part has been deleted or is unavailable: %s'), slug)
+ })
+ });
+ }
if (isEntityAvailable && hasAlreadyRendered) {
- return (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, null, (0,external_wp_i18n_namespaceObject.__)('Block cannot be rendered inside itself.')));
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(RecursionProvider, null, (0,external_wp_element_namespaceObject.createElement)(TemplatePartAdvancedControls, {
- tagName: tagName,
- setAttributes: setAttributes,
- isEntityAvailable: isEntityAvailable,
- templatePartId: templatePartId,
- defaultWrapper: areaObject.tagName
- }), isPlaceholder && (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, (0,external_wp_element_namespaceObject.createElement)(TemplatePartPlaceholder, {
- area: attributes.area,
- templatePartId: templatePartId,
- clientId: clientId,
- setAttributes: setAttributes,
- onOpenSelectionModal: () => setIsTemplatePartSelectionOpen(true)
- })), isEntityAvailable && hasReplacements && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarGroup, {
- className: "wp-block-template-part__block-control-group"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- onClick: () => setIsTemplatePartSelectionOpen(true)
- }, (0,external_wp_i18n_namespaceObject.__)('Replace')))), isEntityAvailable && (0,external_wp_element_namespaceObject.createElement)(TemplatePartInnerBlocks, {
- clientId: clientId,
- tagName: TagName,
- blockProps: blockProps,
- postId: templatePartId,
- hasInnerBlocks: innerBlocks.length > 0,
- layout: layout
- }), !isPlaceholder && !isResolved && (0,external_wp_element_namespaceObject.createElement)(TagName, blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null)), isTemplatePartSelectionOpen && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, {
- className: "block-editor-template-part__selection-modal",
- title: (0,external_wp_i18n_namespaceObject.sprintf)( // Translators: %s as template part area title ("Header", "Footer", etc.).
- (0,external_wp_i18n_namespaceObject.__)('Choose a %s'), areaObject.label.toLowerCase()),
- closeLabel: (0,external_wp_i18n_namespaceObject.__)('Cancel'),
- onRequestClose: () => setIsTemplatePartSelectionOpen(false)
- }, (0,external_wp_element_namespaceObject.createElement)(TemplatePartSelectionModal, {
- templatePartId: templatePartId,
- clientId: clientId,
- area: area,
- setAttributes: setAttributes,
- onClose: () => setIsTemplatePartSelectionOpen(false)
- })));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, {
+ children: (0,external_wp_i18n_namespaceObject.__)('Block cannot be rendered inside itself.')
+ })
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.RecursionProvider, {
+ uniqueId: templatePartId,
+ children: [isEntityAvailable && onNavigateToEntityRecord && canEditTemplate && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ onClick: () => onNavigateToEntityRecord({
+ postId: templatePartId,
+ postType: 'wp_template_part'
+ }),
+ children: (0,external_wp_i18n_namespaceObject.__)('Edit')
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ group: "advanced",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TemplatePartAdvancedControls, {
+ tagName: tagName,
+ setAttributes: setAttributes,
+ isEntityAvailable: isEntityAvailable,
+ templatePartId: templatePartId,
+ defaultWrapper: areaObject.tagName,
+ hasInnerBlocks: hasInnerBlocks
+ })
+ }), isPlaceholder && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TemplatePartPlaceholder, {
+ area: attributes.area,
+ templatePartId: templatePartId,
+ clientId: clientId,
+ setAttributes: setAttributes,
+ onOpenSelectionModal: () => setIsTemplatePartSelectionOpen(true)
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockSettingsMenuControls, {
+ children: ({
+ selectedClientIds
+ }) => {
+ // Only enable for single selection that matches the current block.
+ // Ensures menu item doesn't render multiple times.
+ if (!(selectedClientIds.length === 1 && clientId === selectedClientIds[0])) {
+ return null;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ReplaceButton, {
+ isEntityAvailable,
+ area,
+ clientId,
+ templatePartId,
+ isTemplatePartSelectionOpen,
+ setIsTemplatePartSelectionOpen
+ });
+ }
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TemplatesList, {
+ area: area,
+ clientId: clientId,
+ isEntityAvailable: isEntityAvailable,
+ onSelect: pattern => onPatternSelect(pattern)
+ })
+ }), isEntityAvailable && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TemplatePartInnerBlocks, {
+ tagName: TagName,
+ blockProps: blockProps,
+ postId: templatePartId,
+ hasInnerBlocks: hasInnerBlocks,
+ layout: layout
+ }), !isPlaceholder && !isResolved && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {})
+ })]
+ }), isTemplatePartSelectionOpen && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {
+ overlayClassName: "block-editor-template-part__selection-modal",
+ title: (0,external_wp_i18n_namespaceObject.sprintf)(
+ // Translators: %s as template part area title ("Header", "Footer", etc.).
+ (0,external_wp_i18n_namespaceObject.__)('Choose a %s'), areaObject.label.toLowerCase()),
+ onRequestClose: () => setIsTemplatePartSelectionOpen(false),
+ isFullScreen: true,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TemplatePartSelectionModal, {
+ templatePartId: templatePartId,
+ clientId: clientId,
+ area: area,
+ setAttributes: setAttributes,
+ onClose: () => setIsTemplatePartSelectionOpen(false)
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/header.js
-
-
-/**
- * WordPress dependencies
- */
-
-const header = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18.5 10.5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
-}));
-/* harmony default export */ var library_header = (header);
+/**
+ * WordPress dependencies
+ */
+
+
+const header = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18.5 10.5H10v8h8a.5.5 0 00.5-.5v-7.5zm-10 0h-3V18a.5.5 0 00.5.5h2.5v-8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
+ })
+});
+/* harmony default export */ const library_header = (header);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/footer.js
-
-
-/**
- * WordPress dependencies
- */
-
-const footer = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- fillRule: "evenodd",
- d: "M18 5.5h-8v8h8.5V6a.5.5 0 00-.5-.5zm-9.5 8h-3V6a.5.5 0 01.5-.5h2.5v8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
-}));
-/* harmony default export */ var library_footer = (footer);
+/**
+ * WordPress dependencies
+ */
+
+
+const footer = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ fillRule: "evenodd",
+ d: "M18 5.5h-8v8h8.5V6a.5.5 0 00-.5-.5zm-9.5 8h-3V6a.5.5 0 01.5-.5h2.5v8zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
+ })
+});
+/* harmony default export */ const library_footer = (footer);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/sidebar.js
-
-
-/**
- * WordPress dependencies
- */
-
-const sidebar = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
-}));
-/* harmony default export */ var library_sidebar = (sidebar);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/fallback-variations.js
-/**
- * WordPress dependencies
- */
-
-
-
-
-const fallback_variations_fallbackVariations = [{
- name: 'header',
- icon: library_header,
- title: (0,external_wp_i18n_namespaceObject.__)('Header'),
- description: (0,external_wp_i18n_namespaceObject.__)('The Header template defines a page area that typically contains a title, logo, and main navigation.'),
- attributes: {
- area: 'header'
- },
- scope: ['inserter']
-}, {
- name: 'footer',
- icon: library_footer,
- title: (0,external_wp_i18n_namespaceObject.__)('Footer'),
- description: (0,external_wp_i18n_namespaceObject.__)('The Footer template defines a page area that typically contains site credits, social links, or any other combination of blocks.'),
- attributes: {
- area: 'footer'
- },
- scope: ['inserter']
-}];
-fallback_variations_fallbackVariations.forEach(variation => {
- if (variation.isActive) return;
-
- variation.isActive = (blockAttributes, variationAttributes) => {
- const {
- area,
- theme,
- slug
- } = blockAttributes; // We first check the `area` block attribute which is set during insertion.
- // This property is removed on the creation of a template part.
-
- if (area) return area === variationAttributes.area; // Find a matching variation from the created template part
- // by checking the entity's `area` property.
-
- if (!slug) return false;
- const entity = (0,external_wp_data_namespaceObject.select)(external_wp_coreData_namespaceObject.store).getEntityRecord('postType', 'wp_template_part', `${theme}//${slug}`);
- return (entity === null || entity === void 0 ? void 0 : entity.area) === variationAttributes.area;
- };
-});
-/* harmony default export */ var template_part_fallback_variations = (fallback_variations_fallbackVariations);
+/**
+ * WordPress dependencies
+ */
+
+
+const sidebar = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18 5.5H6a.5.5 0 00-.5.5v3h13V6a.5.5 0 00-.5-.5zm.5 5H10v8h8a.5.5 0 00.5-.5v-7.5zM6 4h12a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6a2 2 0 012-2z"
+ })
+});
+/* harmony default export */ const library_sidebar = (sidebar);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/template-part/variations.js
/**
@@ -45250,12 +61174,6 @@
-/**
- * Internal dependencies
- */
-
-
-
function getTemplatePartIcon(iconName) {
if ('header' === iconName) {
return library_header;
@@ -45264,42 +61182,42 @@
} else if ('sidebar' === iconName) {
return library_sidebar;
}
-
return symbol_filled;
}
-
function enhanceTemplatePartVariations(settings, name) {
if (name !== 'core/template-part') {
return settings;
- } // WordPress versions pre-5.8 do not support server side variation registration.
- // So we must register the fallback variations until those versions are no longer supported.
-
-
- if (!(settings.variations && settings.variations.length)) {
- return { ...settings,
- variations: template_part_fallback_variations
- };
- }
-
+ }
if (settings.variations) {
const isActive = (blockAttributes, variationAttributes) => {
const {
area,
theme,
slug
- } = blockAttributes; // We first check the `area` block attribute which is set during insertion.
+ } = blockAttributes;
+ // We first check the `area` block attribute which is set during insertion.
// This property is removed on the creation of a template part.
-
- if (area) return area === variationAttributes.area; // Find a matching variation from the created template part
+ if (area) {
+ return area === variationAttributes.area;
+ }
+ // Find a matching variation from the created template part
// by checking the entity's `area` property.
-
- if (!slug) return false;
- const entity = (0,external_wp_data_namespaceObject.select)(external_wp_coreData_namespaceObject.store).getEntityRecord('postType', 'wp_template_part', `${theme}//${slug}`);
- return (entity === null || entity === void 0 ? void 0 : entity.area) === variationAttributes.area;
- };
-
+ if (!slug) {
+ return false;
+ }
+ const {
+ getCurrentTheme,
+ getEntityRecord
+ } = (0,external_wp_data_namespaceObject.select)(external_wp_coreData_namespaceObject.store);
+ const entity = getEntityRecord('postType', 'wp_template_part', `${theme || getCurrentTheme()?.stylesheet}//${slug}`);
+ if (entity?.slug) {
+ return entity.slug === variationAttributes.slug;
+ }
+ return entity?.area === variationAttributes.area;
+ };
const variations = settings.variations.map(variation => {
- return { ...variation,
+ return {
+ ...variation,
...(!variation.isActive && {
isActive
}),
@@ -45308,11 +61226,11 @@
})
};
});
- return { ...settings,
+ return {
+ ...settings,
variations
};
}
-
return settings;
}
@@ -45321,6 +61239,7 @@
* External dependencies
*/
+
/**
* WordPress dependencies
*/
@@ -45336,7 +61255,7 @@
const template_part_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/template-part",
title: "Template Part",
category: "theme",
@@ -45359,7 +61278,11 @@
supports: {
align: true,
html: false,
- reusable: false
+ reusable: false,
+ renaming: false,
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-template-part-editor"
};
@@ -45371,112 +61294,118 @@
const template_part_settings = {
icon: symbol_filled,
- __experimentalLabel: _ref => {
- var _entity$title;
-
- let {
- slug,
- theme
- } = _ref;
-
+ __experimentalLabel: ({
+ slug,
+ theme
+ }) => {
// Attempt to find entity title if block is a template part.
// Require slug to request, otherwise entity is uncreated and will throw 404.
if (!slug) {
return;
}
-
- const entity = (0,external_wp_data_namespaceObject.select)(external_wp_coreData_namespaceObject.store).getEntityRecord('postType', 'wp_template_part', theme + '//' + slug);
-
+ const {
+ getCurrentTheme,
+ getEditedEntityRecord
+ } = (0,external_wp_data_namespaceObject.select)(external_wp_coreData_namespaceObject.store);
+ const entity = getEditedEntityRecord('postType', 'wp_template_part', (theme || getCurrentTheme()?.stylesheet) + '//' + slug);
if (!entity) {
return;
}
-
- return (0,external_wp_htmlEntities_namespaceObject.decodeEntities)((_entity$title = entity.title) === null || _entity$title === void 0 ? void 0 : _entity$title.rendered) || (0,external_lodash_namespaceObject.startCase)(entity.slug);
+ return (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(entity.title) || capitalCase(entity.slug || '');
},
edit: TemplatePartEdit
-}; // Importing this file includes side effects. This is whitelisted in block-library/package.json under sideEffects
-
-(0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/template-part', enhanceTemplatePartVariations); // Prevent adding template parts inside post templates.
-
-const DISALLOWED_PARENTS = ['core/post-template', 'core/post-content'];
-(0,external_wp_hooks_namespaceObject.addFilter)('blockEditor.__unstableCanInsertBlockType', 'removeTemplatePartsFromPostTemplates', (can, blockType, rootClientId, _ref2) => {
- let {
+};
+const template_part_init = () => {
+ (0,external_wp_hooks_namespaceObject.addFilter)('blocks.registerBlockType', 'core/template-part', enhanceTemplatePartVariations);
+
+ // Prevent adding template parts inside post templates.
+ const DISALLOWED_PARENTS = ['core/post-template', 'core/post-content'];
+ (0,external_wp_hooks_namespaceObject.addFilter)('blockEditor.__unstableCanInsertBlockType', 'core/block-library/removeTemplatePartsFromPostTemplates', (canInsert, blockType, rootClientId, {
getBlock,
getBlockParentsByBlockName
- } = _ref2;
-
- if (blockType.name !== 'core/template-part') {
- return can;
- }
-
- for (const disallowedParentType of DISALLOWED_PARENTS) {
- var _getBlock;
-
- const hasDisallowedParent = ((_getBlock = getBlock(rootClientId)) === null || _getBlock === void 0 ? void 0 : _getBlock.name) === disallowedParentType || getBlockParentsByBlockName(rootClientId, disallowedParentType).length;
-
- if (hasDisallowedParent) {
- return false;
- }
- }
-
- return true;
-});
+ }) => {
+ if (blockType.name !== 'core/template-part') {
+ return canInsert;
+ }
+ for (const disallowedParentType of DISALLOWED_PARENTS) {
+ const hasDisallowedParent = getBlock(rootClientId)?.name === disallowedParentType || getBlockParentsByBlockName(rootClientId, disallowedParentType).length;
+ if (hasDisallowedParent) {
+ return false;
+ }
+ }
+ return true;
+ });
+ return initBlock({
+ name: template_part_name,
+ metadata: template_part_metadata,
+ settings: template_part_settings
+ });
+};
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/term-description.js
-
-
-/**
- * WordPress dependencies
- */
-
-const term_description_tag = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M6.08 10.103h2.914L9.657 12h1.417L8.23 4H6.846L4 12h1.417l.663-1.897Zm1.463-4.137.994 2.857h-2l1.006-2.857ZM11 16H4v-1.5h7V16Zm1 0h8v-1.5h-8V16Zm-4 4H4v-1.5h4V20Zm7-1.5V20H9v-1.5h6Z"
-}));
-/* harmony default export */ var term_description = (term_description_tag);
+/**
+ * WordPress dependencies
+ */
+
+
+const term_description_tag = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M6.08 10.103h2.914L9.657 12h1.417L8.23 4H6.846L4 12h1.417l.663-1.897Zm1.463-4.137.994 2.857h-2l1.006-2.857ZM11 16H4v-1.5h7V16Zm1 0h8v-1.5h-8V16Zm-4 4H4v-1.5h4V20Zm7-1.5V20H9v-1.5h6Z"
+ })
+});
+/* harmony default export */ const term_description = (term_description_tag);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/term-description/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-function TermDescriptionEdit(_ref) {
- let {
- attributes,
- setAttributes,
- mergedStyle
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+function TermDescriptionEdit({
+ attributes,
+ setAttributes,
+ mergedStyle
+}) {
const {
textAlign
} = attributes;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
}),
style: mergedStyle
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-term-description__placeholder"
- }, (0,external_wp_element_namespaceObject.createElement)("span", null, (0,external_wp_i18n_namespaceObject.__)('Term Description')))));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "block",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentControl, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-term-description__placeholder",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ children: (0,external_wp_i18n_namespaceObject.__)('Term Description')
+ })
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/term-description/index.js
@@ -45484,13 +61413,14 @@
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
const term_description_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/term-description",
title: "Term Description",
category: "theme",
@@ -45511,15 +61441,27 @@
text: true
}
},
- typography: {
- fontSize: true,
- lineHeight: true,
- __experimentalDefaultControls: {
- fontSize: true
- }
- }
- },
- editorStyle: "wp-block-term-description-editor"
+ spacing: {
+ padding: true,
+ margin: true
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalFontWeight: true,
+ __experimentalFontStyle: true,
+ __experimentalTextTransform: true,
+ __experimentalTextDecoration: true,
+ __experimentalLetterSpacing: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ }
};
const {
@@ -45530,30 +61472,27 @@
icon: term_description,
edit: TermDescriptionEdit
};
-
-;// CONCATENATED MODULE: external ["wp","deprecated"]
-var external_wp_deprecated_namespaceObject = window["wp"]["deprecated"];
-var external_wp_deprecated_default = /*#__PURE__*/__webpack_require__.n(external_wp_deprecated_namespaceObject);
+const term_description_init = () => initBlock({
+ name: term_description_name,
+ metadata: term_description_metadata,
+ settings: term_description_settings
+});
+
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/text-columns/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-function TextColumnsEdit(_ref) {
- let {
- attributes,
- setAttributes
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+function TextColumnsEdit({
+ attributes,
+ setAttributes
+}) {
const {
width,
content,
@@ -45563,74 +61502,88 @@
since: '5.3',
alternative: 'the Columns block'
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockAlignmentToolbar, {
- value: width,
- onChange: nextWidth => setAttributes({
- width: nextWidth
- }),
- controls: ['center', 'wide', 'full']
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.RangeControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
- value: columns,
- onChange: value => setAttributes({
- columns: value
- }),
- min: 2,
- max: 4,
- required: true
- }))), (0,external_wp_element_namespaceObject.createElement)("div", (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: `align${width} columns-${columns}`
- }), (0,external_lodash_namespaceObject.times)(columns, index => {
- return (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-column",
- key: `column-${index}`
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- tagName: "p",
- value: (0,external_lodash_namespaceObject.get)(content, [index, 'children']),
- onChange: nextContent => {
- setAttributes({
- content: [...content.slice(0, index), {
- children: nextContent
- }, ...content.slice(index + 1)]
- });
- },
- "aria-label": (0,external_wp_i18n_namespaceObject.sprintf)( // translators: %d: column index (starting with 1)
- (0,external_wp_i18n_namespaceObject.__)('Column %d text'), index + 1),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('New Column')
- }));
- })));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockAlignmentToolbar, {
+ value: width,
+ onChange: nextWidth => setAttributes({
+ width: nextWidth
+ }),
+ controls: ['center', 'wide', 'full']
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.RangeControl, {
+ __nextHasNoMarginBottom: true,
+ __next40pxDefaultSize: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Columns'),
+ value: columns,
+ onChange: value => setAttributes({
+ columns: value
+ }),
+ min: 2,
+ max: 4,
+ required: true
+ })
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...(0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: `align${width} columns-${columns}`
+ }),
+ children: Array.from({
+ length: columns
+ }).map((_, index) => {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-column",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ tagName: "p",
+ value: content?.[index]?.children,
+ onChange: nextContent => {
+ setAttributes({
+ content: [...content.slice(0, index), {
+ children: nextContent
+ }, ...content.slice(index + 1)]
+ });
+ },
+ "aria-label": (0,external_wp_i18n_namespaceObject.sprintf)(
+ // translators: %d: column index (starting with 1)
+ (0,external_wp_i18n_namespaceObject.__)('Column %d text'), index + 1),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('New Column')
+ })
+ }, `column-${index}`);
+ })
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/text-columns/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-function text_columns_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * WordPress dependencies
+ */
+
+
+function text_columns_save_save({
+ attributes
+}) {
const {
width,
content,
columns
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("div", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className: `align${width} columns-${columns}`
- }), (0,external_lodash_namespaceObject.times)(columns, index => (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "wp-block-column",
- key: `column-${index}`
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "p",
- value: (0,external_lodash_namespaceObject.get)(content, [index, 'children'])
- }))));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className: `align${width} columns-${columns}`
+ }),
+ children: Array.from({
+ length: columns
+ }).map((_, index) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ className: "wp-block-column",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "p",
+ value: content?.[index]?.children
+ })
+ }, `column-${index}`))
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/text-columns/transforms.js
@@ -45642,38 +61595,33 @@
to: [{
type: 'block',
blocks: ['core/columns'],
- transform: _ref => {
- let {
- className,
- columns,
- content,
- width
- } = _ref;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/columns', {
- align: 'wide' === width || 'full' === width ? width : undefined,
- className,
- columns
- }, content.map(_ref2 => {
- let {
- children
- } = _ref2;
- return (0,external_wp_blocks_namespaceObject.createBlock)('core/column', {}, [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
- content: children
- })]);
- }));
- }
+ transform: ({
+ className,
+ columns,
+ content,
+ width
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/columns', {
+ align: 'wide' === width || 'full' === width ? width : undefined,
+ className,
+ columns
+ }, content.map(({
+ children
+ }) => (0,external_wp_blocks_namespaceObject.createBlock)('core/column', {}, [(0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {
+ content: children
+ })])))
}]
};
-/* harmony default export */ var text_columns_transforms = (text_columns_transforms_transforms);
+/* harmony default export */ const text_columns_transforms = (text_columns_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/text-columns/index.js
/**
* Internal dependencies
*/
+
const text_columns_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/text-columns",
title: "Text Columns (deprecated)",
icon: "columns",
@@ -45702,7 +61650,10 @@
}
},
supports: {
- inserter: false
+ inserter: false,
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-text-columns-editor",
style: "wp-block-text-columns"
@@ -45715,44 +61666,30 @@
const text_columns_settings = {
transforms: text_columns_transforms,
-
getEditWrapperProps(attributes) {
const {
width
} = attributes;
-
if ('wide' === width || 'full' === width) {
return {
'data-align': width
};
}
},
-
edit: TextColumnsEdit,
save: text_columns_save_save
};
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/verse.js
-
-
-/**
- * WordPress dependencies
- */
-
-const verse = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M17.8 2l-.9.3c-.1 0-3.6 1-5.2 2.1C10 5.5 9.3 6.5 8.9 7.1c-.6.9-1.7 4.7-1.7 6.3l-.9 2.3c-.2.4 0 .8.4 1 .1 0 .2.1.3.1.3 0 .6-.2.7-.5l.6-1.5c.3 0 .7-.1 1.2-.2.7-.1 1.4-.3 2.2-.5.8-.2 1.6-.5 2.4-.8.7-.3 1.4-.7 1.9-1.2s.8-1.2 1-1.9c.2-.7.3-1.6.4-2.4.1-.8.1-1.7.2-2.5 0-.8.1-1.5.2-2.1V2zm-1.9 5.6c-.1.8-.2 1.5-.3 2.1-.2.6-.4 1-.6 1.3-.3.3-.8.6-1.4.9-.7.3-1.4.5-2.2.8-.6.2-1.3.3-1.8.4L15 7.5c.3-.3.6-.7 1-1.1 0 .4 0 .8-.1 1.2zM6 20h8v-1.5H6V20z"
-}));
-/* harmony default export */ var library_verse = (verse);
+const text_columns_init = () => initBlock({
+ name: text_columns_name,
+ metadata: text_columns_metadata,
+ settings: text_columns_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/verse/deprecated.js
-
-
-/**
- * External dependencies
- */
+/**
+ * External dependencies
+ */
+
/**
* WordPress dependencies
@@ -45776,16 +61713,14 @@
type: 'string'
}
},
-
- save(_ref) {
- let {
- attributes
- } = _ref;
+ save({
+ attributes
+ }) {
const {
textAlign,
content
} = attributes;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
tagName: "pre",
style: {
textAlign
@@ -45793,7 +61728,6 @@
value: content
});
}
-
};
const verse_deprecated_v2 = {
attributes: {
@@ -45823,37 +61757,33 @@
padding: true
}
},
-
- save(_ref2) {
- let {
- attributes
- } = _ref2;
+ save({
+ attributes
+ }) {
const {
textAlign,
content
} = attributes;
- const className = classnames_default()({
+ const className = dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
});
- return (0,external_wp_element_namespaceObject.createElement)("pre", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: content
- }));
- },
-
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("pre", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: content
+ })
+ });
+ },
migrate: migrate_font_family,
-
- isEligible(_ref3) {
- var _style$typography;
-
- let {
- style
- } = _ref3;
- return style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontFamily;
- }
-
-};
+ isEligible({
+ style
+ }) {
+ return style?.typography?.fontFamily;
+ }
+};
+
/**
* New deprecations need to be placed first
* for them to have higher priority.
@@ -45862,96 +61792,102 @@
*
* See block-deprecation.md
*/
-
-/* harmony default export */ var verse_deprecated = ([verse_deprecated_v2, verse_deprecated_v1]);
+/* harmony default export */ const verse_deprecated = ([verse_deprecated_v2, verse_deprecated_v1]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/verse/edit.js
-
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-function VerseEdit(_ref) {
- let {
- attributes,
- setAttributes,
- mergeBlocks,
- onRemove,
- style
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+function VerseEdit({
+ attributes,
+ setAttributes,
+ mergeBlocks,
+ onRemove,
+ insertBlocksAfter,
+ style
+}) {
const {
textAlign,
content
} = attributes;
const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classnames_default()({
+ className: dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
}),
style
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.AlignmentToolbar, {
- value: textAlign,
- onChange: nextAlign => {
- setAttributes({
- textAlign: nextAlign
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, _extends({
- tagName: "pre",
- identifier: "content",
- preserveWhiteSpace: true,
- value: content,
- onChange: nextContent => {
- setAttributes({
- content: nextContent
- });
- },
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Verse text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Write verse…'),
- onRemove: onRemove,
- onMerge: mergeBlocks,
- textAlign: textAlign
- }, blockProps, {
- __unstablePastePlainText: true
- })));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.AlignmentToolbar, {
+ value: textAlign,
+ onChange: nextAlign => {
+ setAttributes({
+ textAlign: nextAlign
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ tagName: "pre",
+ identifier: "content",
+ preserveWhiteSpace: true,
+ value: content,
+ onChange: nextContent => {
+ setAttributes({
+ content: nextContent
+ });
+ },
+ "aria-label": (0,external_wp_i18n_namespaceObject.__)('Verse text'),
+ placeholder: (0,external_wp_i18n_namespaceObject.__)('Write verse…'),
+ onRemove: onRemove,
+ onMerge: mergeBlocks,
+ textAlign: textAlign,
+ ...blockProps,
+ __unstablePastePlainText: true,
+ __unstableOnSplitAtDoubleLineEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)((0,external_wp_blocks_namespaceObject.getDefaultBlockName)()))
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/verse/save.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-function verse_save_save(_ref) {
- let {
- attributes
- } = _ref;
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+function verse_save_save({
+ attributes
+}) {
const {
textAlign,
content
} = attributes;
- const className = classnames_default()({
+ const className = dist_clsx({
[`has-text-align-${textAlign}`]: textAlign
});
- return (0,external_wp_element_namespaceObject.createElement)("pre", external_wp_blockEditor_namespaceObject.useBlockProps.save({
- className
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- value: content
- }));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("pre", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save({
+ className
+ }),
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ value: content
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/verse/transforms.js
@@ -45971,7 +61907,7 @@
transform: attributes => (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', attributes)
}]
};
-/* harmony default export */ var verse_transforms = (verse_transforms_transforms);
+/* harmony default export */ const verse_transforms = (verse_transforms_transforms);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/verse/index.js
/**
@@ -45979,6 +61915,7 @@
*/
+
/**
* Internal dependencies
*/
@@ -45987,7 +61924,7 @@
const verse_metadata = {
$schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ apiVersion: 3,
name: "core/verse",
title: "Verse",
category: "text",
@@ -45996,10 +61933,9 @@
textdomain: "default",
attributes: {
content: {
- type: "string",
- source: "html",
+ type: "rich-text",
+ source: "rich-text",
selector: "pre",
- "default": "",
__unstablePreserveWhiteSpace: true,
__experimentalRole: "content"
},
@@ -46025,13 +61961,27 @@
__experimentalFontWeight: true,
__experimentalLetterSpacing: true,
__experimentalTextTransform: true,
- __experimentalDefaultControls: {
- fontSize: true,
- fontAppearance: true
- }
- },
- spacing: {
- padding: true
+ __experimentalTextDecoration: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ __experimentalBorder: {
+ radius: true,
+ width: true,
+ color: true,
+ style: true
+ },
+ interactivity: {
+ clientNavigation: true
}
},
style: "wp-block-verse",
@@ -46051,854 +62001,63 @@
// translators: Sample content for the Verse block. Can be replaced with a more locale-adequate work.
content: (0,external_wp_i18n_namespaceObject.__)('WHAT was he doing, the great god Pan,\n Down in the reeds by the river?\nSpreading ruin and scattering ban,\nSplashing and paddling with hoofs of a goat,\nAnd breaking the golden lilies afloat\n With the dragon-fly on the river.')
/* eslint-enable @wordpress/i18n-no-collapsible-whitespace */
-
}
},
transforms: verse_transforms,
deprecated: verse_deprecated,
-
merge(attributes, attributesToMerge) {
return {
- content: attributes.content + attributesToMerge.content
- };
- },
-
+ content: attributes.content + '\n\n' + attributesToMerge.content
+ };
+ },
edit: VerseEdit,
save: verse_save_save
};
+const verse_init = () => initBlock({
+ name: verse_name,
+ metadata: verse_metadata,
+ settings: verse_settings
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/video.js
-
-
-/**
- * WordPress dependencies
- */
-
-const video = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- viewBox: "0 0 24 24",
- xmlns: "http://www.w3.org/2000/svg"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18.7 3H5.3C4 3 3 4 3 5.3v13.4C3 20 4 21 5.3 21h13.4c1.3 0 2.3-1 2.3-2.3V5.3C21 4 20 3 18.7 3zm.8 15.7c0 .4-.4.8-.8.8H5.3c-.4 0-.8-.4-.8-.8V5.3c0-.4.4-.8.8-.8h13.4c.4 0 .8.4.8.8v13.4zM10 15l5-3-5-3v6z"
-}));
-/* harmony default export */ var library_video = (video);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/edit-common-settings.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-const options = [{
- value: 'auto',
- label: (0,external_wp_i18n_namespaceObject.__)('Auto')
-}, {
- value: 'metadata',
- label: (0,external_wp_i18n_namespaceObject.__)('Metadata')
-}, {
- value: 'none',
- label: (0,external_wp_i18n_namespaceObject._x)('None', 'Preload value')
-}];
-
-const VideoSettings = _ref => {
- let {
- setAttributes,
- attributes
- } = _ref;
- const {
- autoplay,
- controls,
- loop,
- muted,
- playsInline,
- preload
- } = attributes;
-
- const autoPlayHelpText = (0,external_wp_i18n_namespaceObject.__)('Autoplay may cause usability issues for some users.');
-
- const getAutoplayHelp = external_wp_element_namespaceObject.Platform.select({
- web: (0,external_wp_element_namespaceObject.useCallback)(checked => {
- return checked ? autoPlayHelpText : null;
- }, []),
- native: autoPlayHelpText
- });
- const toggleFactory = (0,external_wp_element_namespaceObject.useMemo)(() => {
- const toggleAttribute = attribute => {
- return newValue => {
- setAttributes({
- [attribute]: newValue
- });
- };
- };
-
- return {
- autoplay: toggleAttribute('autoplay'),
- loop: toggleAttribute('loop'),
- muted: toggleAttribute('muted'),
- controls: toggleAttribute('controls'),
- playsInline: toggleAttribute('playsInline')
- };
- }, []);
- const onChangePreload = (0,external_wp_element_namespaceObject.useCallback)(value => {
- setAttributes({
- preload: value
- });
- }, []);
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Autoplay'),
- onChange: toggleFactory.autoplay,
- checked: autoplay,
- help: getAutoplayHelp
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Loop'),
- onChange: toggleFactory.loop,
- checked: loop
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Muted'),
- onChange: toggleFactory.muted,
- checked: muted
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Playback controls'),
- onChange: toggleFactory.controls,
- checked: controls
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToggleControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Play inline'),
- onChange: toggleFactory.playsInline,
- checked: playsInline
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- label: (0,external_wp_i18n_namespaceObject.__)('Preload'),
- value: preload,
- onChange: onChangePreload,
- options: options,
- hideCancelButton: true
- }));
-};
-
-/* harmony default export */ var edit_common_settings = (VideoSettings);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/media.js
-
-
-/**
- * WordPress dependencies
- */
-
-const media = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
- xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M18.7 3H5.3C4 3 3 4 3 5.3v13.4C3 20 4 21 5.3 21h13.4c1.3 0 2.3-1 2.3-2.3V5.3C21 4 20 3 18.7 3zm.8 15.7c0 .4-.4.8-.8.8H5.3c-.4 0-.8-.4-.8-.8V5.3c0-.4.4-.8.8-.8h13.4c.4 0 .8.4.8.8v13.4zM10 15l5-3-5-3v6z"
-}));
-/* harmony default export */ var library_media = (media);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/tracks-editor.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-const ALLOWED_TYPES = ['text/vtt'];
-const DEFAULT_KIND = 'subtitles';
-const KIND_OPTIONS = [{
- label: (0,external_wp_i18n_namespaceObject.__)('Subtitles'),
- value: 'subtitles'
-}, {
- label: (0,external_wp_i18n_namespaceObject.__)('Captions'),
- value: 'captions'
-}, {
- label: (0,external_wp_i18n_namespaceObject.__)('Descriptions'),
- value: 'descriptions'
-}, {
- label: (0,external_wp_i18n_namespaceObject.__)('Chapters'),
- value: 'chapters'
-}, {
- label: (0,external_wp_i18n_namespaceObject.__)('Metadata'),
- value: 'metadata'
-}];
-const captionIcon = (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, {
- width: "18",
- height: "14",
- viewBox: "0 0 18 14",
- role: "img",
- fill: "none"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Rect, {
- x: "0.75",
- y: "0.75",
- width: "16.5",
- height: "12.5",
- rx: "1.25",
- stroke: "black",
- strokeWidth: "1.5",
- fill: "none"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M3 7H15",
- stroke: "black",
- strokeWidth: "1.5"
-}), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, {
- d: "M3 10L15 10",
- stroke: "black",
- strokeWidth: "1.5"
-}));
-
-function TrackList(_ref) {
- let {
- tracks,
- onEditPress
- } = _ref;
- let content;
-
- if (tracks.length === 0) {
- content = (0,external_wp_element_namespaceObject.createElement)("p", {
- className: "block-library-video-tracks-editor__tracks-informative-message"
- }, (0,external_wp_i18n_namespaceObject.__)('Tracks can be subtitles, captions, chapters, or descriptions. They help make your content more accessible to a wider range of users.'));
- } else {
- content = tracks.map((track, index) => {
- return (0,external_wp_element_namespaceObject.createElement)("div", {
- key: index,
- className: "block-library-video-tracks-editor__track-list-track"
- }, (0,external_wp_element_namespaceObject.createElement)("span", null, track.label, " "), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "tertiary",
- onClick: () => onEditPress(index),
- "aria-label": (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: Label of the video text track e.g: "French subtitles" */
- (0,external_wp_i18n_namespaceObject.__)('Edit %s'), track.label)
- }, (0,external_wp_i18n_namespaceObject.__)('Edit')));
- });
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, {
- label: (0,external_wp_i18n_namespaceObject.__)('Text tracks'),
- className: "block-library-video-tracks-editor__track-list"
- }, content);
-}
-
-function SingleTrackEditor(_ref2) {
- let {
- track,
- onChange,
- onClose,
- onRemove
- } = _ref2;
- const {
- src = '',
- label = '',
- srcLang = '',
- kind = DEFAULT_KIND
- } = track;
- const fileName = src.startsWith('blob:') ? '' : (0,external_wp_url_namespaceObject.getFilename)(src) || '';
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.NavigableMenu, null, (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "block-library-video-tracks-editor__single-track-editor"
- }, (0,external_wp_element_namespaceObject.createElement)("span", {
- className: "block-library-video-tracks-editor__single-track-editor-edit-track-label"
- }, (0,external_wp_i18n_namespaceObject.__)('Edit track')), (0,external_wp_element_namespaceObject.createElement)("span", null, (0,external_wp_i18n_namespaceObject.__)('File'), ": ", (0,external_wp_element_namespaceObject.createElement)("b", null, fileName)), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "block-library-video-tracks-editor__single-track-editor-label-language"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl
- /* eslint-disable jsx-a11y/no-autofocus */
- , {
- autoFocus: true
- /* eslint-enable jsx-a11y/no-autofocus */
- ,
- onChange: newLabel => onChange({ ...track,
- label: newLabel
- }),
- label: (0,external_wp_i18n_namespaceObject.__)('Label'),
- value: label,
- help: (0,external_wp_i18n_namespaceObject.__)('Title of track')
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- onChange: newSrcLang => onChange({ ...track,
- srcLang: newSrcLang
- }),
- label: (0,external_wp_i18n_namespaceObject.__)('Source language'),
- value: srcLang,
- help: (0,external_wp_i18n_namespaceObject.__)('Language tag (en, fr, etc.)')
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SelectControl, {
- className: "block-library-video-tracks-editor__single-track-editor-kind-select",
- options: KIND_OPTIONS,
- value: kind,
- label: (0,external_wp_i18n_namespaceObject.__)('Kind'),
- onChange: newKind => {
- onChange({ ...track,
- kind: newKind
- });
- }
- }), (0,external_wp_element_namespaceObject.createElement)("div", {
- className: "block-library-video-tracks-editor__single-track-editor-buttons-container"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "secondary",
- onClick: () => {
- const changes = {};
- let hasChanges = false;
-
- if (label === '') {
- changes.label = (0,external_wp_i18n_namespaceObject.__)('English');
- hasChanges = true;
- }
-
- if (srcLang === '') {
- changes.srcLang = 'en';
- hasChanges = true;
- }
-
- if (track.kind === undefined) {
- changes.kind = DEFAULT_KIND;
- hasChanges = true;
- }
-
- if (hasChanges) {
- onChange({ ...track,
- ...changes
- });
- }
-
- onClose();
- }
- }, (0,external_wp_i18n_namespaceObject.__)('Close')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- isDestructive: true,
- variant: "link",
- onClick: onRemove
- }, (0,external_wp_i18n_namespaceObject.__)('Remove track')))));
-}
-
-function TracksEditor(_ref3) {
- let {
- tracks = [],
- onChange
- } = _ref3;
- const mediaUpload = (0,external_wp_data_namespaceObject.useSelect)(select => {
- return select(external_wp_blockEditor_namespaceObject.store).getSettings().mediaUpload;
- }, []);
- const [trackBeingEdited, setTrackBeingEdited] = (0,external_wp_element_namespaceObject.useState)(null);
-
- if (!mediaUpload) {
- return null;
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Dropdown, {
- contentClassName: "block-library-video-tracks-editor",
- renderToggle: _ref4 => {
- let {
- isOpen,
- onToggle
- } = _ref4;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, {
- label: (0,external_wp_i18n_namespaceObject.__)('Text tracks'),
- showTooltip: true,
- "aria-expanded": isOpen,
- "aria-haspopup": "true",
- onClick: onToggle,
- icon: captionIcon
- });
- },
- renderContent: _ref5 => {
- let {} = _ref5;
-
- if (trackBeingEdited !== null) {
- return (0,external_wp_element_namespaceObject.createElement)(SingleTrackEditor, {
- track: tracks[trackBeingEdited],
- onChange: newTrack => {
- const newTracks = [...tracks];
- newTracks[trackBeingEdited] = newTrack;
- onChange(newTracks);
- },
- onClose: () => setTrackBeingEdited(null),
- onRemove: () => {
- onChange(tracks.filter((_track, index) => index !== trackBeingEdited));
- setTrackBeingEdited(null);
- }
- });
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.NavigableMenu, null, (0,external_wp_element_namespaceObject.createElement)(TrackList, {
- tracks: tracks,
- onEditPress: setTrackBeingEdited
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, {
- className: "block-library-video-tracks-editor__add-tracks-container",
- label: (0,external_wp_i18n_namespaceObject.__)('Add tracks')
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaUpload, {
- onSelect: _ref6 => {
- let {
- url
- } = _ref6;
- const trackIndex = tracks.length;
- onChange([...tracks, {
- src: url
- }]);
- setTrackBeingEdited(trackIndex);
- },
- allowedTypes: ALLOWED_TYPES,
- render: _ref7 => {
- let {
- open
- } = _ref7;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
- icon: library_media,
- onClick: open
- }, (0,external_wp_i18n_namespaceObject.__)('Open Media Library'));
- }
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaUploadCheck, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.FormFileUpload, {
- onChange: event => {
- const files = event.target.files;
- const trackIndex = tracks.length;
- mediaUpload({
- allowedTypes: ALLOWED_TYPES,
- filesList: files,
- onFileChange: _ref8 => {
- let [{
- url
- }] = _ref8;
- const newTracks = [...tracks];
-
- if (!newTracks[trackIndex]) {
- newTracks[trackIndex] = {};
- }
-
- newTracks[trackIndex] = { ...tracks[trackIndex],
- src: url
- };
- onChange(newTracks);
- setTrackBeingEdited(trackIndex);
- }
- });
- },
- accept: ".vtt,text/vtt",
- render: _ref9 => {
- let {
- openFileDialog
- } = _ref9;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, {
- icon: library_upload,
- onClick: () => {
- openFileDialog();
- }
- }, (0,external_wp_i18n_namespaceObject.__)('Upload'));
- }
- })))));
- }
- });
-}
+/**
+ * WordPress dependencies
+ */
+
+
+const video = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M18.7 3H5.3C4 3 3 4 3 5.3v13.4C3 20 4 21 5.3 21h13.4c1.3 0 2.3-1 2.3-2.3V5.3C21 4 20 3 18.7 3zm.8 15.7c0 .4-.4.8-.8.8H5.3c-.4 0-.8-.4-.8-.8V5.3c0-.4.4-.8.8-.8h13.4c.4 0 .8.4.8.8v13.4zM10 15l5-3-5-3v6z"
+ })
+});
+/* harmony default export */ const library_video = (video);
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/tracks.js
-
-function Tracks(_ref) {
- let {
- tracks = []
- } = _ref;
+function Tracks({
+ tracks = []
+}) {
return tracks.map(track => {
- return (0,external_wp_element_namespaceObject.createElement)("track", _extends({
- key: track.src
- }, track));
- });
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/edit.js
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-
-
-const video_edit_ALLOWED_MEDIA_TYPES = ['video'];
-const VIDEO_POSTER_ALLOWED_MEDIA_TYPES = ['image'];
-
-function VideoEdit(_ref) {
- let {
- isSelected,
- noticeUI,
- attributes,
- className,
- setAttributes,
- insertBlocksAfter,
- onReplace,
- noticeOperations
- } = _ref;
- const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(VideoEdit);
- const videoPlayer = (0,external_wp_element_namespaceObject.useRef)();
- const posterImageButton = (0,external_wp_element_namespaceObject.useRef)();
- const {
- id,
- caption,
- controls,
- poster,
- src,
- tracks
- } = attributes;
- const isTemporaryVideo = !id && (0,external_wp_blob_namespaceObject.isBlobURL)(src);
- const mediaUpload = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getSettings().mediaUpload);
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- if (!id && (0,external_wp_blob_namespaceObject.isBlobURL)(src)) {
- const file = (0,external_wp_blob_namespaceObject.getBlobByURL)(src);
-
- if (file) {
- mediaUpload({
- filesList: [file],
- onFileChange: _ref2 => {
- let [{
- url
- }] = _ref2;
- setAttributes({
- src: url
- });
- },
- onError: message => {
- noticeOperations.createErrorNotice(message);
- },
- allowedTypes: video_edit_ALLOWED_MEDIA_TYPES
- });
- }
- }
- }, []);
- (0,external_wp_element_namespaceObject.useEffect)(() => {
- // Placeholder may be rendered.
- if (videoPlayer.current) {
- videoPlayer.current.load();
- }
- }, [poster]);
-
- function onSelectVideo(media) {
- var _media$image, _media$image2;
-
- if (!media || !media.url) {
- // In this case there was an error
- // previous attributes should be removed
- // because they may be temporary blob urls.
- setAttributes({
- src: undefined,
- id: undefined,
- poster: undefined
- });
- return;
- } // Sets the block's attribute and updates the edit component from the
- // selected media.
-
-
- setAttributes({
- src: media.url,
- id: media.id,
- poster: ((_media$image = media.image) === null || _media$image === void 0 ? void 0 : _media$image.src) !== media.icon ? (_media$image2 = media.image) === null || _media$image2 === void 0 ? void 0 : _media$image2.src : undefined
- });
- }
-
- function onSelectURL(newSrc) {
- if (newSrc !== src) {
- // Check if there's an embed block that handles this URL.
- const embedBlock = createUpgradedEmbedBlock({
- attributes: {
- url: newSrc
- }
- });
-
- if (undefined !== embedBlock) {
- onReplace(embedBlock);
- return;
- }
-
- setAttributes({
- src: newSrc,
- id: undefined,
- poster: undefined
- });
- }
- }
-
- function onUploadError(message) {
- noticeOperations.removeAllNotices();
- noticeOperations.createErrorNotice(message);
- }
-
- const classes = classnames_default()(className, {
- 'is-transient': isTemporaryVideo
- });
- const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
- className: classes
- });
-
- if (!src) {
- return (0,external_wp_element_namespaceObject.createElement)("div", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
- icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockIcon, {
- icon: library_video
- }),
- onSelect: onSelectVideo,
- onSelectURL: onSelectURL,
- accept: "video/*",
- allowedTypes: video_edit_ALLOWED_MEDIA_TYPES,
- value: attributes,
- notices: noticeUI,
- onError: onUploadError
- }));
- }
-
- function onSelectPoster(image) {
- setAttributes({
- poster: image.url
- });
- }
-
- function onRemovePoster() {
- setAttributes({
- poster: undefined
- }); // Move focus back to the Media Upload button.
-
- posterImageButton.current.focus();
- }
-
- const videoPosterDescription = `video-block__poster-image-description-${instanceId}`;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "block"
- }, (0,external_wp_element_namespaceObject.createElement)(TracksEditor, {
- tracks: tracks,
- onChange: newTracks => {
- setAttributes({
- tracks: newTracks
- });
- }
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, {
- group: "other"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
- mediaId: id,
- mediaURL: src,
- allowedTypes: video_edit_ALLOWED_MEDIA_TYPES,
- accept: "video/*",
- onSelect: onSelectVideo,
- onSelectURL: onSelectURL,
- onError: onUploadError
- })), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.InspectorControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, {
- title: (0,external_wp_i18n_namespaceObject.__)('Video settings')
- }, (0,external_wp_element_namespaceObject.createElement)(edit_common_settings, {
- setAttributes: setAttributes,
- attributes: attributes
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaUploadCheck, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl, {
- className: "editor-video-poster-control"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.BaseControl.VisualLabel, null, (0,external_wp_i18n_namespaceObject.__)('Poster image')), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaUpload, {
- title: (0,external_wp_i18n_namespaceObject.__)('Select poster image'),
- onSelect: onSelectPoster,
- allowedTypes: VIDEO_POSTER_ALLOWED_MEDIA_TYPES,
- render: _ref3 => {
- let {
- open
- } = _ref3;
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- variant: "primary",
- onClick: open,
- ref: posterImageButton,
- "aria-describedby": videoPosterDescription
- }, !poster ? (0,external_wp_i18n_namespaceObject.__)('Select') : (0,external_wp_i18n_namespaceObject.__)('Replace'));
- }
- }), (0,external_wp_element_namespaceObject.createElement)("p", {
- id: videoPosterDescription,
- hidden: true
- }, poster ? (0,external_wp_i18n_namespaceObject.sprintf)(
- /* translators: %s: poster image URL. */
- (0,external_wp_i18n_namespaceObject.__)('The current poster image url is %s'), poster) : (0,external_wp_i18n_namespaceObject.__)('There is no poster image currently selected')), !!poster && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- onClick: onRemovePoster,
- variant: "tertiary"
- }, (0,external_wp_i18n_namespaceObject.__)('Remove')))))), (0,external_wp_element_namespaceObject.createElement)("figure", blockProps, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Disabled, {
- isDisabled: !isSelected
- }, (0,external_wp_element_namespaceObject.createElement)("video", {
- controls: controls,
- poster: poster,
- src: src,
- ref: videoPlayer
- }, (0,external_wp_element_namespaceObject.createElement)(Tracks, {
- tracks: tracks
- }))), isTemporaryVideo && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Spinner, null), (!external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) || isSelected) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText, {
- tagName: "figcaption",
- "aria-label": (0,external_wp_i18n_namespaceObject.__)('Video caption text'),
- placeholder: (0,external_wp_i18n_namespaceObject.__)('Add caption'),
- value: caption,
- onChange: value => setAttributes({
- caption: value
- }),
- inlineToolbar: true,
- __unstableOnSplitAtEnd: () => insertBlocksAfter((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph'))
- })));
-}
-
-/* harmony default export */ var video_edit = ((0,external_wp_components_namespaceObject.withNotices)(VideoEdit));
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/save.js
-
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-
-function video_save_save(_ref) {
- let {
- attributes
- } = _ref;
- const {
- autoplay,
- caption,
- controls,
- loop,
- muted,
- poster,
- preload,
- src,
- playsInline,
- tracks
- } = attributes;
- return (0,external_wp_element_namespaceObject.createElement)("figure", external_wp_blockEditor_namespaceObject.useBlockProps.save(), src && (0,external_wp_element_namespaceObject.createElement)("video", {
- autoPlay: autoplay,
- controls: controls,
- loop: loop,
- muted: muted,
- poster: poster,
- preload: preload !== 'metadata' ? preload : undefined,
- src: src,
- playsInline: playsInline
- }, (0,external_wp_element_namespaceObject.createElement)(Tracks, {
- tracks: tracks
- })), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichText.Content, {
- tagName: "figcaption",
- value: caption
- }));
-}
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/transforms.js
-/**
- * WordPress dependencies
- */
-
-
-const video_transforms_transforms = {
- from: [{
- type: 'files',
-
- isMatch(files) {
- return files.length === 1 && files[0].type.indexOf('video/') === 0;
- },
-
- transform(files) {
- const file = files[0]; // We don't need to upload the media directly here
- // It's already done as part of the `componentDidMount`
- // in the video block
-
- const block = (0,external_wp_blocks_namespaceObject.createBlock)('core/video', {
- src: (0,external_wp_blob_namespaceObject.createBlobURL)(file)
- });
- return block;
- }
-
- }, {
- type: 'shortcode',
- tag: 'video',
- attributes: {
- src: {
- type: 'string',
- shortcode: _ref => {
- let {
- named: {
- src,
- mp4,
- m4v,
- webm,
- ogv,
- flv
- }
- } = _ref;
- return src || mp4 || m4v || webm || ogv || flv;
- }
- },
- poster: {
- type: 'string',
- shortcode: _ref2 => {
- let {
- named: {
- poster
- }
- } = _ref2;
- return poster;
- }
- },
- loop: {
- type: 'string',
- shortcode: _ref3 => {
- let {
- named: {
- loop
- }
- } = _ref3;
- return loop;
- }
- },
- autoplay: {
- type: 'string',
- shortcode: _ref4 => {
- let {
- named: {
- autoplay
- }
- } = _ref4;
- return autoplay;
- }
- },
- preload: {
- type: 'string',
- shortcode: _ref5 => {
- let {
- named: {
- preload
- }
- } = _ref5;
- return preload;
- }
- }
- }
- }]
-};
-/* harmony default export */ var video_transforms = (video_transforms_transforms);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/index.js
-/**
- * WordPress dependencies
- */
-
-
-/**
- * Internal dependencies
- */
-
-
-const video_metadata = {
- $schema: "https://schemas.wp.org/trunk/block.json",
- apiVersion: 2,
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("track", {
+ ...track
+ }, track.src);
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/deprecated.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+const video_deprecated_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
name: "core/video",
title: "Video",
category: "media",
@@ -46913,9 +62072,10 @@
attribute: "autoplay"
},
caption: {
- type: "string",
- source: "html",
- selector: "figcaption"
+ type: "rich-text",
+ source: "rich-text",
+ selector: "figcaption",
+ __experimentalRole: "content"
},
controls: {
type: "boolean",
@@ -46925,7 +62085,8 @@
"default": true
},
id: {
- type: "number"
+ type: "number",
+ __experimentalRole: "content"
},
loop: {
type: "boolean",
@@ -46956,7 +62117,8 @@
type: "string",
source: "attribute",
selector: "video",
- attribute: "src"
+ attribute: "src",
+ __experimentalRole: "content"
},
playsInline: {
type: "boolean",
@@ -46965,6 +62127,7 @@
attribute: "playsinline"
},
tracks: {
+ __experimentalRole: "content",
type: "array",
items: {
type: "object"
@@ -46974,7 +62137,960 @@
},
supports: {
anchor: true,
- align: true
+ align: true,
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ },
+ editorStyle: "wp-block-video-editor",
+ style: "wp-block-video"
+};
+
+
+
+const {
+ attributes: video_deprecated_blockAttributes
+} = video_deprecated_metadata;
+
+// In #41140 support was added to global styles for caption elements which added a `wp-element-caption` classname
+// to the video figcaption element.
+const video_deprecated_v1 = {
+ attributes: video_deprecated_blockAttributes,
+ save({
+ attributes
+ }) {
+ const {
+ autoplay,
+ caption,
+ controls,
+ loop,
+ muted,
+ poster,
+ preload,
+ src,
+ playsInline,
+ tracks
+ } = attributes;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: [src && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ autoPlay: autoplay,
+ controls: controls,
+ loop: loop,
+ muted: muted,
+ poster: poster,
+ preload: preload !== 'metadata' ? preload : undefined,
+ src: src,
+ playsInline: playsInline,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tracks, {
+ tracks: tracks
+ })
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+ }
+};
+const video_deprecated_deprecated = [video_deprecated_v1];
+/* harmony default export */ const video_deprecated = (video_deprecated_deprecated);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/edit-common-settings.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+const options = [{
+ value: 'auto',
+ label: (0,external_wp_i18n_namespaceObject.__)('Auto')
+}, {
+ value: 'metadata',
+ label: (0,external_wp_i18n_namespaceObject.__)('Metadata')
+}, {
+ value: 'none',
+ label: (0,external_wp_i18n_namespaceObject._x)('None', 'Preload value')
+}];
+const VideoSettings = ({
+ setAttributes,
+ attributes
+}) => {
+ const {
+ autoplay,
+ controls,
+ loop,
+ muted,
+ playsInline,
+ preload
+ } = attributes;
+ const autoPlayHelpText = (0,external_wp_i18n_namespaceObject.__)('Autoplay may cause usability issues for some users.');
+ const getAutoplayHelp = external_wp_element_namespaceObject.Platform.select({
+ web: (0,external_wp_element_namespaceObject.useCallback)(checked => {
+ return checked ? autoPlayHelpText : null;
+ }, []),
+ native: autoPlayHelpText
+ });
+ const toggleFactory = (0,external_wp_element_namespaceObject.useMemo)(() => {
+ const toggleAttribute = attribute => {
+ return newValue => {
+ setAttributes({
+ [attribute]: newValue
+ });
+ };
+ };
+ return {
+ autoplay: toggleAttribute('autoplay'),
+ loop: toggleAttribute('loop'),
+ muted: toggleAttribute('muted'),
+ controls: toggleAttribute('controls'),
+ playsInline: toggleAttribute('playsInline')
+ };
+ }, []);
+ const onChangePreload = (0,external_wp_element_namespaceObject.useCallback)(value => {
+ setAttributes({
+ preload: value
+ });
+ }, []);
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Autoplay'),
+ onChange: toggleFactory.autoplay,
+ checked: !!autoplay,
+ help: getAutoplayHelp
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Loop'),
+ onChange: toggleFactory.loop,
+ checked: !!loop
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Muted'),
+ onChange: toggleFactory.muted,
+ checked: !!muted
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Playback controls'),
+ onChange: toggleFactory.controls,
+ checked: !!controls
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToggleControl, {
+ __nextHasNoMarginBottom: true
+ /* translators: Setting to play videos within the webpage on mobile browsers rather than opening in a fullscreen player. */,
+ label: (0,external_wp_i18n_namespaceObject.__)('Play inline'),
+ onChange: toggleFactory.playsInline,
+ checked: !!playsInline,
+ help: (0,external_wp_i18n_namespaceObject.__)('When enabled, videos will play directly within the webpage on mobile browsers, instead of opening in a fullscreen player.')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ label: (0,external_wp_i18n_namespaceObject.__)('Preload'),
+ value: preload,
+ onChange: onChangePreload,
+ options: options,
+ hideCancelButton: true
+ })]
+ });
+};
+/* harmony default export */ const edit_common_settings = (VideoSettings);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/tracks-editor.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+const ALLOWED_TYPES = ['text/vtt'];
+const DEFAULT_KIND = 'subtitles';
+const KIND_OPTIONS = [{
+ label: (0,external_wp_i18n_namespaceObject.__)('Subtitles'),
+ value: 'subtitles'
+}, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Captions'),
+ value: 'captions'
+}, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Descriptions'),
+ value: 'descriptions'
+}, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Chapters'),
+ value: 'chapters'
+}, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Metadata'),
+ value: 'metadata'
+}];
+function TrackList({
+ tracks,
+ onEditPress
+}) {
+ let content;
+ if (tracks.length === 0) {
+ content = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ className: "block-library-video-tracks-editor__tracks-informative-message",
+ children: (0,external_wp_i18n_namespaceObject.__)('Tracks can be subtitles, captions, chapters, or descriptions. They help make your content more accessible to a wider range of users.')
+ });
+ } else {
+ content = tracks.map((track, index) => {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, {
+ className: "block-library-video-tracks-editor__track-list-track",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("span", {
+ children: [track.label, " "]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "tertiary",
+ onClick: () => onEditPress(index),
+ "aria-label": (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: Label of the video text track e.g: "French subtitles" */
+ (0,external_wp_i18n_namespaceObject.__)('Edit %s'), track.label),
+ children: (0,external_wp_i18n_namespaceObject.__)('Edit')
+ })]
+ }, index);
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuGroup, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Text tracks'),
+ className: "block-library-video-tracks-editor__track-list",
+ children: content
+ });
+}
+function SingleTrackEditor({
+ track,
+ onChange,
+ onClose,
+ onRemove
+}) {
+ const {
+ src = '',
+ label = '',
+ srcLang = '',
+ kind = DEFAULT_KIND
+ } = track;
+ const fileName = src.startsWith('blob:') ? '' : (0,external_wp_url_namespaceObject.getFilename)(src) || '';
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.NavigableMenu, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
+ className: "block-library-video-tracks-editor__single-track-editor",
+ spacing: "4",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
+ className: "block-library-video-tracks-editor__single-track-editor-edit-track-label",
+ children: (0,external_wp_i18n_namespaceObject.__)('Edit track')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("span", {
+ children: [(0,external_wp_i18n_namespaceObject.__)('File'), ": ", /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("b", {
+ children: fileName
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalGrid, {
+ columns: 2,
+ gap: 4,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true
+ /* eslint-disable jsx-a11y/no-autofocus */,
+ autoFocus: true
+ /* eslint-enable jsx-a11y/no-autofocus */,
+ onChange: newLabel => onChange({
+ ...track,
+ label: newLabel
+ }),
+ label: (0,external_wp_i18n_namespaceObject.__)('Label'),
+ value: label,
+ help: (0,external_wp_i18n_namespaceObject.__)('Title of track')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ __nextHasNoMarginBottom: true,
+ onChange: newSrcLang => onChange({
+ ...track,
+ srcLang: newSrcLang
+ }),
+ label: (0,external_wp_i18n_namespaceObject.__)('Source language'),
+ value: srcLang,
+ help: (0,external_wp_i18n_namespaceObject.__)('Language tag (en, fr, etc.)')
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalVStack, {
+ spacing: "8",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ __nextHasNoMarginBottom: true,
+ className: "block-library-video-tracks-editor__single-track-editor-kind-select",
+ options: KIND_OPTIONS,
+ value: kind,
+ label: (0,external_wp_i18n_namespaceObject.__)('Kind'),
+ onChange: newKind => {
+ onChange({
+ ...track,
+ kind: newKind
+ });
+ }
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, {
+ className: "block-library-video-tracks-editor__single-track-editor-buttons-container",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "secondary",
+ onClick: () => {
+ const changes = {};
+ let hasChanges = false;
+ if (label === '') {
+ changes.label = (0,external_wp_i18n_namespaceObject.__)('English');
+ hasChanges = true;
+ }
+ if (srcLang === '') {
+ changes.srcLang = 'en';
+ hasChanges = true;
+ }
+ if (track.kind === undefined) {
+ changes.kind = DEFAULT_KIND;
+ hasChanges = true;
+ }
+ if (hasChanges) {
+ onChange({
+ ...track,
+ ...changes
+ });
+ }
+ onClose();
+ },
+ children: (0,external_wp_i18n_namespaceObject.__)('Close')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ isDestructive: true,
+ variant: "link",
+ onClick: onRemove,
+ children: (0,external_wp_i18n_namespaceObject.__)('Remove track')
+ })]
+ })]
+ })]
+ })
+ });
+}
+function TracksEditor({
+ tracks = [],
+ onChange
+}) {
+ const mediaUpload = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ return select(external_wp_blockEditor_namespaceObject.store).getSettings().mediaUpload;
+ }, []);
+ const [trackBeingEdited, setTrackBeingEdited] = (0,external_wp_element_namespaceObject.useState)(null);
+ if (!mediaUpload) {
+ return null;
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Dropdown, {
+ contentClassName: "block-library-video-tracks-editor",
+ renderToggle: ({
+ isOpen,
+ onToggle
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarGroup, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Text tracks'),
+ showTooltip: true,
+ "aria-expanded": isOpen,
+ "aria-haspopup": "true",
+ onClick: onToggle,
+ children: (0,external_wp_i18n_namespaceObject.__)('Text tracks')
+ })
+ }),
+ renderContent: () => {
+ if (trackBeingEdited !== null) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SingleTrackEditor, {
+ track: tracks[trackBeingEdited],
+ onChange: newTrack => {
+ const newTracks = [...tracks];
+ newTracks[trackBeingEdited] = newTrack;
+ onChange(newTracks);
+ },
+ onClose: () => setTrackBeingEdited(null),
+ onRemove: () => {
+ onChange(tracks.filter((_track, index) => index !== trackBeingEdited));
+ setTrackBeingEdited(null);
+ }
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.NavigableMenu, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TrackList, {
+ tracks: tracks,
+ onEditPress: setTrackBeingEdited
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.MenuGroup, {
+ className: "block-library-video-tracks-editor__add-tracks-container",
+ label: (0,external_wp_i18n_namespaceObject.__)('Add tracks'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaUpload, {
+ onSelect: ({
+ url
+ }) => {
+ const trackIndex = tracks.length;
+ onChange([...tracks, {
+ src: url
+ }]);
+ setTrackBeingEdited(trackIndex);
+ },
+ allowedTypes: ALLOWED_TYPES,
+ render: ({
+ open
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ icon: library_media,
+ onClick: open,
+ children: (0,external_wp_i18n_namespaceObject.__)('Open Media Library')
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaUploadCheck, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.FormFileUpload, {
+ onChange: event => {
+ const files = event.target.files;
+ const trackIndex = tracks.length;
+ mediaUpload({
+ allowedTypes: ALLOWED_TYPES,
+ filesList: files,
+ onFileChange: ([{
+ url
+ }]) => {
+ const newTracks = [...tracks];
+ if (!newTracks[trackIndex]) {
+ newTracks[trackIndex] = {};
+ }
+ newTracks[trackIndex] = {
+ ...tracks[trackIndex],
+ src: url
+ };
+ onChange(newTracks);
+ setTrackBeingEdited(trackIndex);
+ }
+ });
+ },
+ accept: ".vtt,text/vtt",
+ render: ({
+ openFileDialog
+ }) => {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {
+ icon: library_upload,
+ onClick: () => {
+ openFileDialog();
+ },
+ children: (0,external_wp_i18n_namespaceObject.__)('Upload')
+ });
+ }
+ })
+ })]
+ })]
+ })
+ });
+ }
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/edit.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+
+// Much of this description is duplicated from MediaPlaceholder.
+
+
+
+const video_edit_placeholder = content => {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ className: "block-editor-media-placeholder",
+ withIllustration: true,
+ icon: library_video,
+ label: (0,external_wp_i18n_namespaceObject.__)('Video'),
+ instructions: (0,external_wp_i18n_namespaceObject.__)('Upload a video file, pick one from your media library, or add one with a URL.'),
+ children: content
+ });
+};
+const video_edit_ALLOWED_MEDIA_TYPES = ['video'];
+const VIDEO_POSTER_ALLOWED_MEDIA_TYPES = ['image'];
+function VideoEdit({
+ isSelected: isSingleSelected,
+ attributes,
+ className,
+ setAttributes,
+ insertBlocksAfter,
+ onReplace
+}) {
+ const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(VideoEdit);
+ const videoPlayer = (0,external_wp_element_namespaceObject.useRef)();
+ const posterImageButton = (0,external_wp_element_namespaceObject.useRef)();
+ const {
+ id,
+ controls,
+ poster,
+ src,
+ tracks
+ } = attributes;
+ const isTemporaryVideo = !id && (0,external_wp_blob_namespaceObject.isBlobURL)(src);
+ useUploadMediaFromBlobURL({
+ url: src,
+ allowedTypes: video_edit_ALLOWED_MEDIA_TYPES,
+ onChange: onSelectVideo,
+ onError: onUploadError
+ });
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ // Placeholder may be rendered.
+ if (videoPlayer.current) {
+ videoPlayer.current.load();
+ }
+ }, [poster]);
+ function onSelectVideo(media) {
+ if (!media || !media.url) {
+ // In this case there was an error
+ // previous attributes should be removed
+ // because they may be temporary blob urls.
+ setAttributes({
+ src: undefined,
+ id: undefined,
+ poster: undefined,
+ caption: undefined
+ });
+ return;
+ }
+
+ // Sets the block's attribute and updates the edit component from the
+ // selected media.
+ setAttributes({
+ src: media.url,
+ id: media.id,
+ poster: media.image?.src !== media.icon ? media.image?.src : undefined,
+ caption: media.caption
+ });
+ }
+ function onSelectURL(newSrc) {
+ if (newSrc !== src) {
+ // Check if there's an embed block that handles this URL.
+ const embedBlock = createUpgradedEmbedBlock({
+ attributes: {
+ url: newSrc
+ }
+ });
+ if (undefined !== embedBlock && onReplace) {
+ onReplace(embedBlock);
+ return;
+ }
+ setAttributes({
+ src: newSrc,
+ id: undefined,
+ poster: undefined
+ });
+ }
+ }
+ const {
+ createErrorNotice
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store);
+ function onUploadError(message) {
+ createErrorNotice(message, {
+ type: 'snackbar'
+ });
+ }
+ const classes = dist_clsx(className, {
+ 'is-transient': isTemporaryVideo
+ });
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)({
+ className: classes
+ });
+ if (!src) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaPlaceholder, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+ icon: library_video
+ }),
+ onSelect: onSelectVideo,
+ onSelectURL: onSelectURL,
+ accept: "video/*",
+ allowedTypes: video_edit_ALLOWED_MEDIA_TYPES,
+ value: attributes,
+ onError: onUploadError,
+ placeholder: video_edit_placeholder
+ })
+ });
+ }
+ function onSelectPoster(image) {
+ setAttributes({
+ poster: image.url
+ });
+ }
+ function onRemovePoster() {
+ setAttributes({
+ poster: undefined
+ });
+
+ // Move focus back to the Media Upload button.
+ posterImageButton.current.focus();
+ }
+ const videoPosterDescription = `video-block__poster-image-description-${instanceId}`;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [isSingleSelected && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TracksEditor, {
+ tracks: tracks,
+ onChange: newTracks => {
+ setAttributes({
+ tracks: newTracks
+ });
+ }
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, {
+ group: "other",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaReplaceFlow, {
+ mediaId: id,
+ mediaURL: src,
+ allowedTypes: video_edit_ALLOWED_MEDIA_TYPES,
+ accept: "video/*",
+ onSelect: onSelectVideo,
+ onSelectURL: onSelectURL,
+ onError: onUploadError
+ })
+ })]
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.InspectorControls, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.PanelBody, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Settings'),
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(edit_common_settings, {
+ setAttributes: setAttributes,
+ attributes: attributes
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaUploadCheck, {
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.BaseControl, {
+ className: "editor-video-poster-control",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.BaseControl.VisualLabel, {
+ children: (0,external_wp_i18n_namespaceObject.__)('Poster image')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaUpload, {
+ title: (0,external_wp_i18n_namespaceObject.__)('Select poster image'),
+ onSelect: onSelectPoster,
+ allowedTypes: VIDEO_POSTER_ALLOWED_MEDIA_TYPES,
+ render: ({
+ open
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "primary",
+ onClick: open,
+ ref: posterImageButton,
+ "aria-describedby": videoPosterDescription,
+ children: !poster ? (0,external_wp_i18n_namespaceObject.__)('Select') : (0,external_wp_i18n_namespaceObject.__)('Replace')
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", {
+ id: videoPosterDescription,
+ hidden: true,
+ children: poster ? (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: poster image URL. */
+ (0,external_wp_i18n_namespaceObject.__)('The current poster image url is %s'), poster) : (0,external_wp_i18n_namespaceObject.__)('There is no poster image currently selected')
+ }), !!poster && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ onClick: onRemovePoster,
+ variant: "tertiary",
+ children: (0,external_wp_i18n_namespaceObject.__)('Remove')
+ })]
+ })
+ })]
+ })
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...blockProps,
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Disabled, {
+ isDisabled: !isSingleSelected,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ controls: controls,
+ poster: poster,
+ src: src,
+ ref: videoPlayer,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tracks, {
+ tracks: tracks
+ })
+ })
+ }), isTemporaryVideo && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Spinner, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Caption, {
+ attributes: attributes,
+ setAttributes: setAttributes,
+ isSelected: isSingleSelected,
+ insertBlocksAfter: insertBlocksAfter,
+ label: (0,external_wp_i18n_namespaceObject.__)('Video caption text'),
+ showToolbarButton: isSingleSelected
+ })]
+ })]
+ });
+}
+/* harmony default export */ const video_edit = (VideoEdit);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/save.js
+/**
+ * WordPress dependencies
+ */
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+function video_save_save({
+ attributes
+}) {
+ const {
+ autoplay,
+ caption,
+ controls,
+ loop,
+ muted,
+ poster,
+ preload,
+ src,
+ playsInline,
+ tracks
+ } = attributes;
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("figure", {
+ ...external_wp_blockEditor_namespaceObject.useBlockProps.save(),
+ children: [src && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("video", {
+ autoPlay: autoplay,
+ controls: controls,
+ loop: loop,
+ muted: muted,
+ poster: poster,
+ preload: preload !== 'metadata' ? preload : undefined,
+ src: src,
+ playsInline: playsInline,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tracks, {
+ tracks: tracks
+ })
+ }), !external_wp_blockEditor_namespaceObject.RichText.isEmpty(caption) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText.Content, {
+ className: (0,external_wp_blockEditor_namespaceObject.__experimentalGetElementClassName)('caption'),
+ tagName: "figcaption",
+ value: caption
+ })]
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/transforms.js
+/**
+ * WordPress dependencies
+ */
+
+
+const video_transforms_transforms = {
+ from: [{
+ type: 'files',
+ isMatch(files) {
+ return files.length === 1 && files[0].type.indexOf('video/') === 0;
+ },
+ transform(files) {
+ const file = files[0];
+ // We don't need to upload the media directly here
+ // It's already done as part of the `componentDidMount`
+ // in the video block
+ const block = (0,external_wp_blocks_namespaceObject.createBlock)('core/video', {
+ src: (0,external_wp_blob_namespaceObject.createBlobURL)(file)
+ });
+ return block;
+ }
+ }, {
+ type: 'shortcode',
+ tag: 'video',
+ attributes: {
+ src: {
+ type: 'string',
+ shortcode: ({
+ named: {
+ src,
+ mp4,
+ m4v,
+ webm,
+ ogv,
+ flv
+ }
+ }) => {
+ return src || mp4 || m4v || webm || ogv || flv;
+ }
+ },
+ poster: {
+ type: 'string',
+ shortcode: ({
+ named: {
+ poster
+ }
+ }) => {
+ return poster;
+ }
+ },
+ loop: {
+ type: 'string',
+ shortcode: ({
+ named: {
+ loop
+ }
+ }) => {
+ return loop;
+ }
+ },
+ autoplay: {
+ type: 'string',
+ shortcode: ({
+ named: {
+ autoplay
+ }
+ }) => {
+ return autoplay;
+ }
+ },
+ preload: {
+ type: 'string',
+ shortcode: ({
+ named: {
+ preload
+ }
+ }) => {
+ return preload;
+ }
+ }
+ }
+ }, {
+ type: 'raw',
+ isMatch: node => node.nodeName === 'P' && node.children.length === 1 && node.firstChild.nodeName === 'VIDEO',
+ transform: node => {
+ const videoElement = node.firstChild;
+ const attributes = {
+ autoplay: videoElement.hasAttribute('autoplay') ? true : undefined,
+ controls: videoElement.hasAttribute('controls') ? undefined : false,
+ loop: videoElement.hasAttribute('loop') ? true : undefined,
+ muted: videoElement.hasAttribute('muted') ? true : undefined,
+ preload: videoElement.getAttribute('preload') || undefined,
+ playsInline: videoElement.hasAttribute('playsinline') ? true : undefined,
+ poster: videoElement.getAttribute('poster') || undefined,
+ src: videoElement.getAttribute('src') || undefined
+ };
+ return (0,external_wp_blocks_namespaceObject.createBlock)('core/video', attributes);
+ }
+ }]
+};
+/* harmony default export */ const video_transforms = (video_transforms_transforms);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/video/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+const video_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ name: "core/video",
+ title: "Video",
+ category: "media",
+ description: "Embed a video from your media library or upload a new one.",
+ keywords: ["movie"],
+ textdomain: "default",
+ attributes: {
+ autoplay: {
+ type: "boolean",
+ source: "attribute",
+ selector: "video",
+ attribute: "autoplay"
+ },
+ caption: {
+ type: "rich-text",
+ source: "rich-text",
+ selector: "figcaption",
+ __experimentalRole: "content"
+ },
+ controls: {
+ type: "boolean",
+ source: "attribute",
+ selector: "video",
+ attribute: "controls",
+ "default": true
+ },
+ id: {
+ type: "number",
+ __experimentalRole: "content"
+ },
+ loop: {
+ type: "boolean",
+ source: "attribute",
+ selector: "video",
+ attribute: "loop"
+ },
+ muted: {
+ type: "boolean",
+ source: "attribute",
+ selector: "video",
+ attribute: "muted"
+ },
+ poster: {
+ type: "string",
+ source: "attribute",
+ selector: "video",
+ attribute: "poster"
+ },
+ preload: {
+ type: "string",
+ source: "attribute",
+ selector: "video",
+ attribute: "preload",
+ "default": "metadata"
+ },
+ src: {
+ type: "string",
+ source: "attribute",
+ selector: "video",
+ attribute: "src",
+ __experimentalRole: "content"
+ },
+ playsInline: {
+ type: "boolean",
+ source: "attribute",
+ selector: "video",
+ attribute: "playsinline"
+ },
+ tracks: {
+ __experimentalRole: "content",
+ type: "array",
+ items: {
+ type: "object"
+ },
+ "default": []
+ }
+ },
+ supports: {
+ anchor: true,
+ align: true,
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
},
editorStyle: "wp-block-video-editor",
style: "wp-block-video"
@@ -46995,134 +63111,704 @@
}
},
transforms: video_transforms,
+ deprecated: video_deprecated,
edit: video_edit,
save: video_save_save
};
+const video_init = () => initBlock({
+ name: video_name,
+ metadata: video_metadata,
+ settings: video_settings
+});
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/footnotes/edit.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+function FootnotesEdit({
+ context: {
+ postType,
+ postId
+ }
+}) {
+ const [meta, updateMeta] = (0,external_wp_coreData_namespaceObject.useEntityProp)('postType', postType, 'meta', postId);
+ const footnotesSupported = 'string' === typeof meta?.footnotes;
+ const footnotes = meta?.footnotes ? JSON.parse(meta.footnotes) : [];
+ const blockProps = (0,external_wp_blockEditor_namespaceObject.useBlockProps)();
+ if (!footnotesSupported) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+ icon: format_list_numbered
+ }),
+ label: (0,external_wp_i18n_namespaceObject.__)('Footnotes'),
+ instructions: (0,external_wp_i18n_namespaceObject.__)('Footnotes are not supported here. Add this block to post or page content.')
+ })
+ });
+ }
+ if (!footnotes.length) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
+ ...blockProps,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Placeholder, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, {
+ icon: format_list_numbered
+ }),
+ label: (0,external_wp_i18n_namespaceObject.__)('Footnotes'),
+ instructions: (0,external_wp_i18n_namespaceObject.__)('Footnotes found in blocks within this document will be displayed here.')
+ })
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("ol", {
+ ...blockProps,
+ children: footnotes.map(({
+ id,
+ content
+ }) =>
+ /*#__PURE__*/
+ /* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */
+ (0,external_ReactJSXRuntime_namespaceObject.jsxs)("li", {
+ onMouseDown: event => {
+ // When clicking on the list item (not on descendants),
+ // focus the rich text element since it's only 1px wide when
+ // empty.
+ if (event.target === event.currentTarget) {
+ event.target.firstElementChild.focus();
+ event.preventDefault();
+ }
+ },
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichText, {
+ id: id,
+ tagName: "span",
+ value: content,
+ identifier: id
+ // To do: figure out why the browser is not scrolling
+ // into view when it receives focus.
+ ,
+ onFocus: event => {
+ if (!event.target.textContent.trim()) {
+ event.target.scrollIntoView();
+ }
+ },
+ onChange: nextFootnote => {
+ updateMeta({
+ ...meta,
+ footnotes: JSON.stringify(footnotes.map(footnote => {
+ return footnote.id === id ? {
+ content: nextFootnote,
+ id
+ } : footnote;
+ }))
+ });
+ }
+ }), ' ', /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("a", {
+ href: `#${id}-link`,
+ children: "\u21A9\uFE0E"
+ })]
+ }, id))
+ });
+}
+
+;// CONCATENATED MODULE: ./node_modules/uuid/dist/esm-browser/native.js
+const randomUUID = typeof crypto !== 'undefined' && crypto.randomUUID && crypto.randomUUID.bind(crypto);
+/* harmony default export */ const esm_browser_native = ({
+ randomUUID
+});
+;// CONCATENATED MODULE: ./node_modules/uuid/dist/esm-browser/rng.js
+// Unique ID creation requires a high quality random # generator. In the browser we therefore
+// require the crypto API and do not support built-in fallback to lower quality random number
+// generators (like Math.random()).
+let getRandomValues;
+const rnds8 = new Uint8Array(16);
+function rng() {
+ // lazy load so that environments that need to polyfill have a chance to do so
+ if (!getRandomValues) {
+ // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
+ getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+
+ if (!getRandomValues) {
+ throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
+ }
+ }
+
+ return getRandomValues(rnds8);
+}
+;// CONCATENATED MODULE: ./node_modules/uuid/dist/esm-browser/stringify.js
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+
+const byteToHex = [];
+
+for (let i = 0; i < 256; ++i) {
+ byteToHex.push((i + 0x100).toString(16).slice(1));
+}
+
+function unsafeStringify(arr, offset = 0) {
+ // Note: Be careful editing this code! It's been tuned for performance
+ // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+ return byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]];
+}
+
+function stringify(arr, offset = 0) {
+ const uuid = unsafeStringify(arr, offset); // Consistency check for valid UUID. If this throws, it's likely due to one
+ // of the following:
+ // - One or more input array values don't map to a hex octet (leading to
+ // "undefined" in the uuid)
+ // - Invalid input values for the RFC `version` or `variant` fields
+
+ if (!validate(uuid)) {
+ throw TypeError('Stringified UUID is invalid');
+ }
+
+ return uuid;
+}
+
+/* harmony default export */ const esm_browser_stringify = ((/* unused pure expression or super */ null && (stringify)));
+;// CONCATENATED MODULE: ./node_modules/uuid/dist/esm-browser/v4.js
+
+
+
+
+function v4_v4(options, buf, offset) {
+ if (esm_browser_native.randomUUID && !buf && !options) {
+ return esm_browser_native.randomUUID();
+ }
+
+ options = options || {};
+ const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+ rnds[6] = rnds[6] & 0x0f | 0x40;
+ rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+ if (buf) {
+ offset = offset || 0;
+
+ for (let i = 0; i < 16; ++i) {
+ buf[offset + i] = rnds[i];
+ }
+
+ return buf;
+ }
+
+ return unsafeStringify(rnds);
+}
+
+/* harmony default export */ const esm_browser_v4 = (v4_v4);
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/footnotes/format.js
+/**
+ * External dependencies
+ */
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+const {
+ usesContextKey
+} = unlock(external_wp_blockEditor_namespaceObject.privateApis);
+const formatName = 'core/footnote';
+const POST_CONTENT_BLOCK_NAME = 'core/post-content';
+const SYNCED_PATTERN_BLOCK_NAME = 'core/block';
+const format = {
+ title: (0,external_wp_i18n_namespaceObject.__)('Footnote'),
+ tagName: 'sup',
+ className: 'fn',
+ attributes: {
+ 'data-fn': 'data-fn'
+ },
+ interactive: true,
+ contentEditable: false,
+ [usesContextKey]: ['postType', 'postId'],
+ edit: function Edit({
+ value,
+ onChange,
+ isObjectActive,
+ context: {
+ postType,
+ postId
+ }
+ }) {
+ const registry = (0,external_wp_data_namespaceObject.useRegistry)();
+ const {
+ getSelectedBlockClientId,
+ getBlocks,
+ getBlockRootClientId,
+ getBlockName,
+ getBlockParentsByBlockName
+ } = registry.select(external_wp_blockEditor_namespaceObject.store);
+ const isFootnotesSupported = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ if (!select(external_wp_blocks_namespaceObject.store).getBlockType('core/footnotes')) {
+ return false;
+ }
+ const allowedBlocks = select(external_wp_blockEditor_namespaceObject.store).getSettings().allowedBlockTypes;
+ if (allowedBlocks === false || Array.isArray(allowedBlocks) && !allowedBlocks.includes('core/footnotes')) {
+ return false;
+ }
+ const entityRecord = select(external_wp_coreData_namespaceObject.store).getEntityRecord('postType', postType, postId);
+ if ('string' !== typeof entityRecord?.meta?.footnotes) {
+ return false;
+ }
+
+ // Checks if the selected block lives within a pattern.
+ const {
+ getBlockParentsByBlockName: _getBlockParentsByBlockName,
+ getSelectedBlockClientId: _getSelectedBlockClientId
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const parentCoreBlocks = _getBlockParentsByBlockName(_getSelectedBlockClientId(), SYNCED_PATTERN_BLOCK_NAME);
+ return !parentCoreBlocks || parentCoreBlocks.length === 0;
+ }, [postType, postId]);
+ const {
+ selectionChange,
+ insertBlock
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ if (!isFootnotesSupported) {
+ return null;
+ }
+ function onClick() {
+ registry.batch(() => {
+ let id;
+ if (isObjectActive) {
+ const object = value.replacements[value.start];
+ id = object?.attributes?.['data-fn'];
+ } else {
+ id = esm_browser_v4();
+ const newValue = (0,external_wp_richText_namespaceObject.insertObject)(value, {
+ type: formatName,
+ attributes: {
+ 'data-fn': id
+ },
+ innerHTML: `<a href="#${id}" id="${id}-link">*</a>`
+ }, value.end, value.end);
+ newValue.start = newValue.end - 1;
+ onChange(newValue);
+ }
+ const selectedClientId = getSelectedBlockClientId();
+
+ /*
+ * Attempts to find a common parent post content block.
+ * This allows for locating blocks within a page edited in the site editor.
+ */
+ const parentPostContent = getBlockParentsByBlockName(selectedClientId, POST_CONTENT_BLOCK_NAME);
+
+ // When called with a post content block, getBlocks will return
+ // the block with controlled inner blocks included.
+ const blocks = parentPostContent.length ? getBlocks(parentPostContent[0]) : getBlocks();
+
+ // BFS search to find the first footnote block.
+ let fnBlock = null;
+ {
+ const queue = [...blocks];
+ while (queue.length) {
+ const block = queue.shift();
+ if (block.name === 'core/footnotes') {
+ fnBlock = block;
+ break;
+ }
+ queue.push(...block.innerBlocks);
+ }
+ }
+
+ // Maybe this should all also be moved to the entity provider.
+ // When there is no footnotes block in the post, create one and
+ // insert it at the bottom.
+ if (!fnBlock) {
+ let rootClientId = getBlockRootClientId(selectedClientId);
+ while (rootClientId && getBlockName(rootClientId) !== POST_CONTENT_BLOCK_NAME) {
+ rootClientId = getBlockRootClientId(rootClientId);
+ }
+ fnBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/footnotes');
+ insertBlock(fnBlock, undefined, rootClientId);
+ }
+ selectionChange(fnBlock.clientId, id, 0, 0);
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
+ icon: format_list_numbered,
+ title: (0,external_wp_i18n_namespaceObject.__)('Footnote'),
+ onClick: onClick,
+ isActive: isObjectActive
+ });
+ }
+};
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/footnotes/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+const footnotes_metadata = {
+ $schema: "https://schemas.wp.org/trunk/block.json",
+ apiVersion: 3,
+ name: "core/footnotes",
+ title: "Footnotes",
+ category: "text",
+ description: "Display footnotes added to the page.",
+ keywords: ["references"],
+ textdomain: "default",
+ usesContext: ["postId", "postType"],
+ supports: {
+ __experimentalBorder: {
+ radius: true,
+ color: true,
+ width: true,
+ style: true,
+ __experimentalDefaultControls: {
+ radius: false,
+ color: false,
+ width: false,
+ style: false
+ }
+ },
+ color: {
+ background: true,
+ link: true,
+ text: true,
+ __experimentalDefaultControls: {
+ link: true,
+ text: true
+ }
+ },
+ html: false,
+ multiple: false,
+ reusable: false,
+ inserter: false,
+ spacing: {
+ margin: true,
+ padding: true,
+ __experimentalDefaultControls: {
+ margin: false,
+ padding: false
+ }
+ },
+ typography: {
+ fontSize: true,
+ lineHeight: true,
+ __experimentalFontFamily: true,
+ __experimentalTextDecoration: true,
+ __experimentalFontStyle: true,
+ __experimentalFontWeight: true,
+ __experimentalLetterSpacing: true,
+ __experimentalTextTransform: true,
+ __experimentalWritingMode: true,
+ __experimentalDefaultControls: {
+ fontSize: true
+ }
+ },
+ interactivity: {
+ clientNavigation: true
+ }
+ },
+ style: "wp-block-footnotes"
+};
+
+const {
+ name: footnotes_name
+} = footnotes_metadata;
+
+const footnotes_settings = {
+ icon: format_list_numbered,
+ edit: FootnotesEdit
+};
+(0,external_wp_richText_namespaceObject.registerFormatType)(formatName, format);
+const footnotes_init = () => {
+ initBlock({
+ name: footnotes_name,
+ metadata: footnotes_metadata,
+ settings: footnotes_settings
+ });
+};
+
+// EXTERNAL MODULE: ./node_modules/@wordpress/block-library/build-module/utils/is-block-metadata-experimental.js
+var is_block_metadata_experimental = __webpack_require__(2321);
+var is_block_metadata_experimental_default = /*#__PURE__*/__webpack_require__.n(is_block_metadata_experimental);
+;// CONCATENATED MODULE: external ["wp","keyboardShortcuts"]
+const external_wp_keyboardShortcuts_namespaceObject = window["wp"]["keyboardShortcuts"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/block-keyboard-shortcuts/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+function BlockKeyboardShortcuts() {
+ const {
+ registerShortcut
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_keyboardShortcuts_namespaceObject.store);
+ const {
+ replaceBlocks
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const {
+ getBlockName,
+ getSelectedBlockClientId,
+ getBlockAttributes
+ } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store);
+ const handleTransformHeadingAndParagraph = (event, level) => {
+ event.preventDefault();
+ const currentClientId = getSelectedBlockClientId();
+ if (currentClientId === null) {
+ return;
+ }
+ const blockName = getBlockName(currentClientId);
+ const isParagraph = blockName === 'core/paragraph';
+ const isHeading = blockName === 'core/heading';
+ if (!isParagraph && !isHeading) {
+ return;
+ }
+ const destinationBlockName = level === 0 ? 'core/paragraph' : 'core/heading';
+ const attributes = getBlockAttributes(currentClientId);
+
+ // Avoid unnecessary block transform when attempting to transform to
+ // the same block type and/or same level.
+ if (isParagraph && level === 0 || isHeading && attributes.level === level) {
+ return;
+ }
+ const textAlign = blockName === 'core/paragraph' ? 'align' : 'textAlign';
+ const destinationTextAlign = destinationBlockName === 'core/paragraph' ? 'align' : 'textAlign';
+ replaceBlocks(currentClientId, (0,external_wp_blocks_namespaceObject.createBlock)(destinationBlockName, {
+ level,
+ content: attributes.content,
+ ...{
+ [destinationTextAlign]: attributes[textAlign]
+ }
+ }));
+ };
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ registerShortcut({
+ name: 'core/block-editor/transform-heading-to-paragraph',
+ category: 'block-library',
+ description: (0,external_wp_i18n_namespaceObject.__)('Transform heading to paragraph.'),
+ keyCombination: {
+ modifier: 'access',
+ character: '0'
+ },
+ aliases: [{
+ modifier: 'access',
+ character: '7'
+ }]
+ });
+ [1, 2, 3, 4, 5, 6].forEach(level => {
+ registerShortcut({
+ name: `core/block-editor/transform-paragraph-to-heading-${level}`,
+ category: 'block-library',
+ description: (0,external_wp_i18n_namespaceObject.__)('Transform paragraph to heading.'),
+ keyCombination: {
+ modifier: 'access',
+ character: `${level}`
+ }
+ });
+ });
+ }, []);
+ (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/block-editor/transform-heading-to-paragraph', event => handleTransformHeadingAndParagraph(event, 0));
+ [1, 2, 3, 4, 5, 6].forEach(level => {
+ //the loop is based off on a constant therefore
+ //the hook will execute the same way every time
+ //eslint-disable-next-line react-hooks/rules-of-hooks
+ (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)(`core/block-editor/transform-paragraph-to-heading-${level}`, event => handleTransformHeadingAndParagraph(event, level));
+ });
+ return null;
+}
+/* harmony default export */ const block_keyboard_shortcuts = (BlockKeyboardShortcuts);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/private-apis.js
+/**
+ * Internal dependencies
+ */
+
+
+
+/**
+ * @private
+ */
+const privateApis = {};
+lock(privateApis, {
+ BlockKeyboardShortcuts: block_keyboard_shortcuts
+});
;// CONCATENATED MODULE: ./node_modules/@wordpress/block-library/build-module/index.js
/**
* WordPress dependencies
*/
-/**
- * Internal dependencies
- */
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/**
- * Function to register an individual block.
- *
- * @param {Object} block The block to be registered.
- *
- */
-
-const registerBlock = block => {
- if (!block) {
- return;
- }
-
- const {
- metadata,
- settings,
- name
- } = block;
- (0,external_wp_blocks_namespaceObject.registerBlockType)({
- name,
- ...metadata
- }, settings);
-};
+
+/**
+ * Internal dependencies
+ */
+// When IS_GUTENBERG_PLUGIN is set to false, imports of experimental blocks
+// are transformed by packages/block-library/src/index.js as follows:
+// import * as experimentalBlock from './experimental-block'
+// becomes
+// const experimentalBlock = null;
+// This enables webpack to eliminate the experimental blocks code from the
+// production build to make the final bundle smaller.
+//
+// See https://github.com/WordPress/gutenberg/pull/40655 for more context.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * Function to get all the block-library blocks in an array
+ */
+const getAllBlocks = () => {
+ const blocks = [
+ // Common blocks are grouped at the top to prioritize their display
+ // in various contexts — like the inserter and auto-complete components.
+ build_module_paragraph_namespaceObject, build_module_image_namespaceObject, build_module_heading_namespaceObject, build_module_gallery_namespaceObject, build_module_list_namespaceObject, build_module_list_item_namespaceObject, build_module_quote_namespaceObject,
+ // Register all remaining core blocks.
+ archives_namespaceObject, build_module_audio_namespaceObject, build_module_button_namespaceObject, build_module_buttons_namespaceObject, build_module_calendar_namespaceObject, categories_namespaceObject, build_module_code_namespaceObject, build_module_column_namespaceObject, build_module_columns_namespaceObject, build_module_comment_author_avatar_namespaceObject, build_module_cover_namespaceObject, build_module_details_namespaceObject, embed_namespaceObject, build_module_file_namespaceObject, build_module_group_namespaceObject, build_module_html_namespaceObject, latest_comments_namespaceObject, latest_posts_namespaceObject, media_text_namespaceObject, missing_namespaceObject, build_module_more_namespaceObject, nextpage_namespaceObject, page_list_namespaceObject, page_list_item_namespaceObject, pattern_namespaceObject, build_module_preformatted_namespaceObject, build_module_pullquote_namespaceObject, block_namespaceObject, build_module_rss_namespaceObject, build_module_search_namespaceObject, build_module_separator_namespaceObject, build_module_shortcode_namespaceObject, social_link_namespaceObject, social_links_namespaceObject, spacer_namespaceObject, build_module_table_namespaceObject, tag_cloud_namespaceObject, text_columns_namespaceObject, build_module_verse_namespaceObject, build_module_video_namespaceObject, footnotes_namespaceObject,
+ // theme blocks
+ build_module_navigation_namespaceObject, navigation_link_namespaceObject, navigation_submenu_namespaceObject, build_module_site_logo_namespaceObject, site_title_namespaceObject, site_tagline_namespaceObject, query_namespaceObject, template_part_namespaceObject, avatar_namespaceObject, post_title_namespaceObject, build_module_post_excerpt_namespaceObject, build_module_post_featured_image_namespaceObject, build_module_post_content_namespaceObject, build_module_post_author_namespaceObject, post_author_name_namespaceObject, post_comment_namespaceObject, build_module_post_comments_count_namespaceObject, post_comments_link_namespaceObject, build_module_post_date_namespaceObject, build_module_post_terms_namespaceObject, post_navigation_link_namespaceObject, post_template_namespaceObject, post_time_to_read_namespaceObject, build_module_query_pagination_namespaceObject, build_module_query_pagination_next_namespaceObject, build_module_query_pagination_numbers_namespaceObject, build_module_query_pagination_previous_namespaceObject, query_no_results_namespaceObject, read_more_namespaceObject, comments_namespaceObject, build_module_comment_author_name_namespaceObject, build_module_comment_content_namespaceObject, comment_date_namespaceObject, build_module_comment_edit_link_namespaceObject, build_module_comment_reply_link_namespaceObject, comment_template_namespaceObject, comments_title_namespaceObject, comments_pagination_namespaceObject, comments_pagination_next_namespaceObject, comments_pagination_numbers_namespaceObject, comments_pagination_previous_namespaceObject, build_module_post_comments_form_namespaceObject, build_module_table_of_contents_namespaceObject, home_link_namespaceObject, loginout_namespaceObject, build_module_term_description_namespaceObject, query_title_namespaceObject, post_author_biography_namespaceObject];
+ if (window?.__experimentalEnableFormBlocks) {
+ blocks.push(build_module_form_namespaceObject);
+ blocks.push(form_input_namespaceObject);
+ blocks.push(form_submit_button_namespaceObject);
+ blocks.push(form_submission_notification_namespaceObject);
+ }
+
+ // When in a WordPress context, conditionally
+ // add the classic block and TinyMCE editor
+ // under any of the following conditions:
+ // - the current post contains a classic block
+ // - the experiment to disable TinyMCE isn't active.
+ // - a query argument specifies that TinyMCE should be loaded
+ if (window?.wp?.oldEditor && (window?.wp?.needsClassicBlock || !window?.__experimentalDisableTinymce || !!new URLSearchParams(window?.location?.search).get('requiresTinymce'))) {
+ blocks.push(freeform_namespaceObject);
+ }
+ return blocks.filter(Boolean);
+};
+
/**
* Function to get all the core blocks in an array.
*
@@ -47133,15 +63819,10 @@
* const coreBlocks = __experimentalGetCoreBlocks();
* ```
*/
-
-
-const __experimentalGetCoreBlocks = () => [// Common blocks are grouped at the top to prioritize their display
-// in various contexts — like the inserter and auto-complete components.
-build_module_paragraph_namespaceObject, build_module_image_namespaceObject, build_module_heading_namespaceObject, build_module_gallery_namespaceObject, build_module_list_namespaceObject, build_module_quote_namespaceObject, // Register all remaining core blocks.
-archives_namespaceObject, build_module_audio_namespaceObject, build_module_button_namespaceObject, build_module_buttons_namespaceObject, build_module_calendar_namespaceObject, categories_namespaceObject, window.wp && window.wp.oldEditor ? freeform_namespaceObject : null, // Only add the classic block in WP Context.
-build_module_code_namespaceObject, build_module_column_namespaceObject, build_module_columns_namespaceObject, build_module_cover_namespaceObject, embed_namespaceObject, build_module_file_namespaceObject, build_module_group_namespaceObject, build_module_html_namespaceObject, latest_comments_namespaceObject, latest_posts_namespaceObject, media_text_namespaceObject, missing_namespaceObject, build_module_more_namespaceObject, nextpage_namespaceObject, page_list_namespaceObject, pattern_namespaceObject, build_module_preformatted_namespaceObject, build_module_pullquote_namespaceObject, block_namespaceObject, build_module_rss_namespaceObject, build_module_search_namespaceObject, build_module_separator_namespaceObject, build_module_shortcode_namespaceObject, social_link_namespaceObject, social_links_namespaceObject, spacer_namespaceObject, build_module_table_namespaceObject, // tableOfContents,
-tag_cloud_namespaceObject, text_columns_namespaceObject, build_module_verse_namespaceObject, build_module_video_namespaceObject, // theme blocks
-build_module_navigation_namespaceObject, navigation_link_namespaceObject, navigation_submenu_namespaceObject, build_module_site_logo_namespaceObject, site_title_namespaceObject, site_tagline_namespaceObject, query_namespaceObject, template_part_namespaceObject, avatar_namespaceObject, build_module_post_title_namespaceObject, build_module_post_excerpt_namespaceObject, build_module_post_featured_image_namespaceObject, build_module_post_content_namespaceObject, build_module_post_author_namespaceObject, build_module_post_date_namespaceObject, build_module_post_terms_namespaceObject, post_navigation_link_namespaceObject, post_template_namespaceObject, build_module_query_pagination_namespaceObject, build_module_query_pagination_next_namespaceObject, build_module_query_pagination_numbers_namespaceObject, build_module_query_pagination_previous_namespaceObject, query_no_results_namespaceObject, read_more_namespaceObject, build_module_comment_author_name_namespaceObject, build_module_comment_content_namespaceObject, comment_date_namespaceObject, build_module_comment_edit_link_namespaceObject, build_module_comment_reply_link_namespaceObject, comment_template_namespaceObject, comments_title_namespaceObject, comments_query_loop_namespaceObject, comments_pagination_namespaceObject, comments_pagination_next_namespaceObject, comments_pagination_numbers_namespaceObject, comments_pagination_previous_namespaceObject, build_module_post_comments_namespaceObject, build_module_post_comments_form_namespaceObject, home_link_namespaceObject, loginout_namespaceObject, build_module_term_description_namespaceObject, build_module_query_title_namespaceObject, post_author_biography_namespaceObject];
+const __experimentalGetCoreBlocks = () => getAllBlocks().filter(({
+ metadata
+}) => !is_block_metadata_experimental_default()(metadata));
+
/**
* Function to register core blocks provided by the block editor.
*
@@ -47154,19 +63835,20 @@
* registerCoreBlocks();
* ```
*/
-
-const registerCoreBlocks = function () {
- let blocks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : __experimentalGetCoreBlocks();
- blocks.forEach(registerBlock);
+const registerCoreBlocks = (blocks = __experimentalGetCoreBlocks()) => {
+ blocks.forEach(({
+ init
+ }) => init());
(0,external_wp_blocks_namespaceObject.setDefaultBlockName)(paragraph_name);
-
- if (window.wp && window.wp.oldEditor) {
+ if (window.wp && window.wp.oldEditor && blocks.some(({
+ name
+ }) => name === freeform_name)) {
(0,external_wp_blocks_namespaceObject.setFreeformContentHandlerName)(freeform_name);
}
-
(0,external_wp_blocks_namespaceObject.setUnregisteredTypeHandlerName)(missing_name);
(0,external_wp_blocks_namespaceObject.setGroupingBlockName)(group_name);
};
+
/**
* Function to register experimental core blocks depending on editor settings.
*
@@ -47178,10 +63860,11 @@
* __experimentalRegisterExperimentalCoreBlocks( settings );
* ```
*/
-
const __experimentalRegisterExperimentalCoreBlocks = false ? 0 : undefined;
-}();
+
+})();
+
(window.wp = window.wp || {}).blockLibrary = __webpack_exports__;
/******/ })()
;
\ No newline at end of file