WordPress-C
/
WordPress
mirror of https://github.com/WordPress/WordPress.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
WordPress/wp-includes/js/dist/edit-site.js

11064 lines
373 KiB
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

this["wp"] = this["wp"] || {}; this["wp"]["editSite"] =
/******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "IqXm");
/******/ })
/************************************************************************/
/******/ ({
/***/ "0Ene":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const plugins = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M10.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 */ __webpack_exports__["a"] = (plugins);
/***/ }),
/***/ "1ZqX":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["data"]; }());
/***/ }),
/***/ "1iEr":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const chevronRight = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"
}));
/* harmony default export */ __webpack_exports__["a"] = (chevronRight);
/***/ }),
/***/ "2gm7":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const chevronLeft = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"
}));
/* harmony default export */ __webpack_exports__["a"] = (chevronLeft);
/***/ }),
/***/ "51Zz":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["dataControls"]; }());
/***/ }),
/***/ "6aBm":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["mediaUtils"]; }());
/***/ }),
/***/ "B9Az":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// EXTERNAL MODULE: external ["wp","element"]
var external_wp_element_ = __webpack_require__("GRId");
// EXTERNAL MODULE: external ["wp","primitives"]
var external_wp_primitives_ = __webpack_require__("Tqx9");
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/pencil.js
/**
* WordPress dependencies
*/
const pencil = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["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);
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/edit.js
/**
* Internal dependencies
*/
/* harmony default export */ var edit = __webpack_exports__["a"] = (library_pencil);
/***/ }),
/***/ "Cg8A":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const cog = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
fillRule: "evenodd",
d: "M10.289 4.836A1 1 0 0111.275 4h1.306a1 1 0 01.987.836l.244 1.466c.787.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 011.216.437l.653 1.13a1 1 0 01-.23 1.273l-1.148.944a6.025 6.025 0 010 2.435l1.149.946a1 1 0 01.23 1.272l-.653 1.13a1 1 0 01-1.216.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 01-.987.836h-1.306a1 1 0 01-.986-.836l-.244-1.466a5.995 5.995 0 01-2.108-1.218l-1.394.522a1 1 0 01-1.217-.436l-.653-1.131a1 1 0 01.23-1.272l1.149-.946a6.026 6.026 0 010-2.435l-1.148-.944a1 1 0 01-.23-1.272l.653-1.131a1 1 0 011.217-.437l1.393.522a5.994 5.994 0 012.108-1.218l.244-1.466zM14.929 12a3 3 0 11-6 0 3 3 0 016 0z",
clipRule: "evenodd"
}));
/* harmony default export */ __webpack_exports__["a"] = (cog);
/***/ }),
/***/ "Civd":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const layout = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M18 5.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 */ __webpack_exports__["a"] = (layout);
/***/ }),
/***/ "GRId":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["element"]; }());
/***/ }),
/***/ "HSyU":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["blocks"]; }());
/***/ }),
/***/ "IqXm":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, "reinitializeEditor", function() { return /* binding */ reinitializeEditor; });
__webpack_require__.d(__webpack_exports__, "initializeEditor", function() { return /* binding */ initializeEditor; });
__webpack_require__.d(__webpack_exports__, "__experimentalMainDashboardButton", function() { return /* reexport */ main_dashboard_button; });
__webpack_require__.d(__webpack_exports__, "__experimentalNavigationToggle", function() { return /* reexport */ navigation_toggle; });
__webpack_require__.d(__webpack_exports__, "PluginSidebar", function() { return /* reexport */ PluginSidebarEditSite; });
__webpack_require__.d(__webpack_exports__, "PluginSidebarMoreMenuItem", function() { return /* reexport */ PluginSidebarMoreMenuItem; });
__webpack_require__.d(__webpack_exports__, "PluginMoreMenuItem", function() { return /* reexport */ plugin_more_menu_item; });
// NAMESPACE OBJECT: ./node_modules/@wordpress/edit-site/build-module/store/actions.js
var actions_namespaceObject = {};
__webpack_require__.r(actions_namespaceObject);
__webpack_require__.d(actions_namespaceObject, "toggleFeature", function() { return actions_toggleFeature; });
__webpack_require__.d(actions_namespaceObject, "__experimentalSetPreviewDeviceType", function() { return __experimentalSetPreviewDeviceType; });
__webpack_require__.d(actions_namespaceObject, "setTemplate", function() { return actions_setTemplate; });
__webpack_require__.d(actions_namespaceObject, "addTemplate", function() { return addTemplate; });
__webpack_require__.d(actions_namespaceObject, "removeTemplate", function() { return actions_removeTemplate; });
__webpack_require__.d(actions_namespaceObject, "setTemplatePart", function() { return actions_setTemplatePart; });
__webpack_require__.d(actions_namespaceObject, "setHomeTemplateId", function() { return setHomeTemplateId; });
__webpack_require__.d(actions_namespaceObject, "setPage", function() { return actions_setPage; });
__webpack_require__.d(actions_namespaceObject, "showHomepage", function() { return actions_showHomepage; });
__webpack_require__.d(actions_namespaceObject, "setNavigationPanelActiveMenu", function() { return setNavigationPanelActiveMenu; });
__webpack_require__.d(actions_namespaceObject, "openNavigationPanelToMenu", function() { return openNavigationPanelToMenu; });
__webpack_require__.d(actions_namespaceObject, "setIsNavigationPanelOpened", function() { return actions_setIsNavigationPanelOpened; });
__webpack_require__.d(actions_namespaceObject, "setIsInserterOpened", function() { return actions_setIsInserterOpened; });
__webpack_require__.d(actions_namespaceObject, "updateSettings", function() { return actions_updateSettings; });
__webpack_require__.d(actions_namespaceObject, "setIsListViewOpened", function() { return actions_setIsListViewOpened; });
__webpack_require__.d(actions_namespaceObject, "revertTemplate", function() { return actions_revertTemplate; });
__webpack_require__.d(actions_namespaceObject, "openGeneralSidebar", function() { return openGeneralSidebar; });
__webpack_require__.d(actions_namespaceObject, "closeGeneralSidebar", function() { return closeGeneralSidebar; });
// NAMESPACE OBJECT: ./node_modules/@wordpress/edit-site/build-module/store/selectors.js
var selectors_namespaceObject = {};
__webpack_require__.r(selectors_namespaceObject);
__webpack_require__.d(selectors_namespaceObject, "isFeatureActive", function() { return isFeatureActive; });
__webpack_require__.d(selectors_namespaceObject, "__experimentalGetPreviewDeviceType", function() { return selectors_experimentalGetPreviewDeviceType; });
__webpack_require__.d(selectors_namespaceObject, "getCanUserCreateMedia", function() { return getCanUserCreateMedia; });
__webpack_require__.d(selectors_namespaceObject, "getReusableBlocks", function() { return getReusableBlocks; });
__webpack_require__.d(selectors_namespaceObject, "getSettings", function() { return selectors_getSettings; });
__webpack_require__.d(selectors_namespaceObject, "getHomeTemplateId", function() { return getHomeTemplateId; });
__webpack_require__.d(selectors_namespaceObject, "getEditedPostType", function() { return selectors_getEditedPostType; });
__webpack_require__.d(selectors_namespaceObject, "getEditedPostId", function() { return selectors_getEditedPostId; });
__webpack_require__.d(selectors_namespaceObject, "getPage", function() { return selectors_getPage; });
__webpack_require__.d(selectors_namespaceObject, "getNavigationPanelActiveMenu", function() { return getNavigationPanelActiveMenu; });
__webpack_require__.d(selectors_namespaceObject, "getCurrentTemplateNavigationPanelSubMenu", function() { return getCurrentTemplateNavigationPanelSubMenu; });
__webpack_require__.d(selectors_namespaceObject, "isNavigationOpened", function() { return selectors_isNavigationOpened; });
__webpack_require__.d(selectors_namespaceObject, "isInserterOpened", function() { return selectors_isInserterOpened; });
__webpack_require__.d(selectors_namespaceObject, "__experimentalGetInsertionPoint", function() { return __experimentalGetInsertionPoint; });
__webpack_require__.d(selectors_namespaceObject, "isListViewOpened", function() { return selectors_isListViewOpened; });
__webpack_require__.d(selectors_namespaceObject, "getCurrentTemplateTemplateParts", function() { return getCurrentTemplateTemplateParts; });
// EXTERNAL MODULE: external ["wp","element"]
var external_wp_element_ = __webpack_require__("GRId");
// EXTERNAL MODULE: external ["wp","blocks"]
var external_wp_blocks_ = __webpack_require__("HSyU");
// EXTERNAL MODULE: external ["wp","blockLibrary"]
var external_wp_blockLibrary_ = __webpack_require__("QyPg");
// EXTERNAL MODULE: external ["wp","data"]
var external_wp_data_ = __webpack_require__("1ZqX");
// EXTERNAL MODULE: external ["wp","coreData"]
var external_wp_coreData_ = __webpack_require__("jZUy");
// EXTERNAL MODULE: external ["wp","editor"]
var external_wp_editor_ = __webpack_require__("jSdM");
// EXTERNAL MODULE: external ["wp","viewport"]
var external_wp_viewport_ = __webpack_require__("KEfo");
// EXTERNAL MODULE: external ["wp","url"]
var external_wp_url_ = __webpack_require__("Mmq9");
// EXTERNAL MODULE: external ["wp","plugins"]
var external_wp_plugins_ = __webpack_require__("TvNi");
// EXTERNAL MODULE: external "lodash"
var external_lodash_ = __webpack_require__("YLtl");
// EXTERNAL MODULE: external ["wp","components"]
var external_wp_components_ = __webpack_require__("tI+e");
// EXTERNAL MODULE: external ["wp","i18n"]
var external_wp_i18n_ = __webpack_require__("l3Sj");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/header/tools-more-menu-group/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
const {
Fill: ToolsMoreMenuGroup,
Slot
} = Object(external_wp_components_["createSlotFill"])('EditSiteToolsMoreMenuGroup');
ToolsMoreMenuGroup.Slot = _ref => {
let {
fillProps
} = _ref;
return Object(external_wp_element_["createElement"])(Slot, {
fillProps: fillProps
}, fills => !Object(external_lodash_["isEmpty"])(fills) && Object(external_wp_element_["createElement"])(external_wp_components_["MenuGroup"], {
label: Object(external_wp_i18n_["__"])('Tools')
}, fills));
};
/* harmony default export */ var tools_more_menu_group = (ToolsMoreMenuGroup);
// EXTERNAL MODULE: ./node_modules/downloadjs/download.js
var download = __webpack_require__("rrFr");
var download_default = /*#__PURE__*/__webpack_require__.n(download);
// EXTERNAL MODULE: external ["wp","apiFetch"]
var external_wp_apiFetch_ = __webpack_require__("ywyh");
var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_);
// EXTERNAL MODULE: external ["wp","primitives"]
var external_wp_primitives_ = __webpack_require__("Tqx9");
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/download.js
/**
* WordPress dependencies
*/
const download_download = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["Path"], {
d: "M18 11.3l-1-1.1-4 4V3h-1.5v11.3L7 10.2l-1 1.1 6.2 5.8 5.8-5.8zm.5 3.7v3.5h-13V15H4v5h16v-5h-1.5z"
}));
/* harmony default export */ var library_download = (download_download);
// EXTERNAL MODULE: external ["wp","notices"]
var external_wp_notices_ = __webpack_require__("onLe");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/plugins/site-export.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function SiteExport() {
const {
createErrorNotice
} = Object(external_wp_data_["useDispatch"])(external_wp_notices_["store"]);
async function handleExport() {
try {
const response = await external_wp_apiFetch_default()({
path: '/wp-block-editor/v1/export',
parse: false
});
const blob = await response.blob();
download_default()(blob, 'edit-site-export.zip', 'application/zip');
} catch (errorResponse) {
let error = {};
try {
error = await errorResponse.json();
} catch (e) {}
const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : Object(external_wp_i18n_["__"])('An error occurred while creating the site export.');
createErrorNotice(errorMessage, {
type: 'snackbar'
});
}
}
return Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
role: "menuitem",
icon: library_download,
onClick: handleExport,
info: Object(external_wp_i18n_["__"])('Download your templates and template parts.')
}, Object(external_wp_i18n_["_x"])('Export', 'site exporter menu item'));
}
// EXTERNAL MODULE: external ["wp","dataControls"]
var external_wp_dataControls_ = __webpack_require__("51Zz");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/store/defaults.js
const PREFERENCES_DEFAULTS = {
features: {
welcomeGuide: true,
welcomeGuideStyles: true
}
};
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/store/constants.js
/**
* The identifier for the data store.
*
* @type {string}
*/
const STORE_NAME = 'core/edit-site';
const TEMPLATE_PART_AREA_HEADER = 'header';
const TEMPLATE_PART_AREA_FOOTER = 'footer';
const TEMPLATE_PART_AREA_SIDEBAR = 'sidebar';
const TEMPLATE_PART_AREA_GENERAL = 'uncategorized';
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/navigation-sidebar/navigation-panel/constants.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const TEMPLATES_PRIMARY = ['index', 'singular', 'archive', 'single', 'page', 'home', '404', 'search'];
const TEMPLATES_SECONDARY = ['author', 'category', 'taxonomy', 'date', 'tag', 'attachment', 'single-post', 'front-page'];
const TEMPLATES_TOP_LEVEL = [...TEMPLATES_PRIMARY, ...TEMPLATES_SECONDARY];
const TEMPLATES_GENERAL = ['page-home'];
const TEMPLATES_POSTS_PREFIXES = ['post-', 'author-', 'single-post-', 'tag-'];
const TEMPLATES_PAGES_PREFIXES = ['page-'];
const TEMPLATE_OVERRIDES = {
singular: ['single', 'page'],
index: ['archive', '404', 'search', 'singular', 'home'],
home: ['front-page']
};
const MENU_ROOT = 'root';
const MENU_TEMPLATE_PARTS = 'template-parts';
const MENU_TEMPLATES = 'templates';
const MENU_TEMPLATES_GENERAL = 'templates-general';
const MENU_TEMPLATES_PAGES = 'templates-pages';
const MENU_TEMPLATES_POSTS = 'templates-posts';
const MENU_TEMPLATES_UNUSED = 'templates-unused';
const MENU_TEMPLATE_PARTS_HEADERS = 'template-parts-headers';
const MENU_TEMPLATE_PARTS_FOOTERS = 'template-parts-footers';
const MENU_TEMPLATE_PARTS_SIDEBARS = 'template-parts-sidebars';
const MENU_TEMPLATE_PARTS_GENERAL = 'template-parts-general';
const TEMPLATE_PARTS_SUB_MENUS = [{
area: TEMPLATE_PART_AREA_HEADER,
menu: MENU_TEMPLATE_PARTS_HEADERS,
title: Object(external_wp_i18n_["__"])('headers')
}, {
area: TEMPLATE_PART_AREA_FOOTER,
menu: MENU_TEMPLATE_PARTS_FOOTERS,
title: Object(external_wp_i18n_["__"])('footers')
}, {
area: TEMPLATE_PART_AREA_SIDEBAR,
menu: MENU_TEMPLATE_PARTS_SIDEBARS,
title: Object(external_wp_i18n_["__"])('sidebars')
}, {
area: TEMPLATE_PART_AREA_GENERAL,
menu: MENU_TEMPLATE_PARTS_GENERAL,
title: Object(external_wp_i18n_["__"])('general')
}];
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/store/reducer.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Reducer returning the user preferences.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
* @return {Object} Updated state.
*/
const preferences = Object(external_wp_data_["combineReducers"])({
features() {
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : PREFERENCES_DEFAULTS.features;
let action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'TOGGLE_FEATURE':
{
return { ...state,
[action.feature]: !state[action.feature]
};
}
default:
return state;
}
}
});
/**
* Reducer returning the editing canvas device type.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {Object} Updated state.
*/
function reducer_deviceType() {
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'Desktop';
let action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'SET_PREVIEW_DEVICE_TYPE':
return action.deviceType;
}
return state;
}
/**
* Reducer returning the settings.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {Object} Updated state.
*/
function reducer_settings() {
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
let action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'UPDATE_SETTINGS':
return { ...state,
...action.settings
};
}
return state;
}
/**
* Reducer keeping track of the currently edited Post Type,
* Post Id and the context provided to fill the content of the block editor.
*
* @param {Object} state Current edited post.
* @param {Object} action Dispatched action.
*
* @return {Object} Updated state.
*/
function editedPost() {
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
let action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'SET_TEMPLATE':
case 'SET_PAGE':
return {
type: 'wp_template',
id: action.templateId,
page: action.page
};
case 'SET_TEMPLATE_PART':
return {
type: 'wp_template_part',
id: action.templatePartId
};
}
return state;
}
/**
* Reducer for information about the site's homepage.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {Object} Updated state.
*/
function homeTemplateId(state, action) {
switch (action.type) {
case 'SET_HOME_TEMPLATE':
return action.homeTemplateId;
}
return state;
}
/**
* Reducer for information about the navigation panel, such as its active menu
* and whether it should be opened or closed.
*
* Note: this reducer interacts with the inserter and list view panels reducers
* to make sure that only one of the three panels is open at the same time.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*/
function navigationPanel() {
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
menu: MENU_ROOT,
isOpen: false
};
let action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'SET_NAVIGATION_PANEL_ACTIVE_MENU':
return { ...state,
menu: action.menu
};
case 'OPEN_NAVIGATION_PANEL_TO_MENU':
return { ...state,
isOpen: true,
menu: action.menu
};
case 'SET_IS_NAVIGATION_PANEL_OPENED':
return { ...state,
menu: !action.isOpen ? MENU_ROOT : state.menu,
// Set menu to root when closing panel.
isOpen: action.isOpen
};
case 'SET_IS_LIST_VIEW_OPENED':
return { ...state,
menu: state.isOpen && action.isOpen ? MENU_ROOT : state.menu,
// Set menu to root when closing panel.
isOpen: action.isOpen ? false : state.isOpen
};
case 'SET_IS_INSERTER_OPENED':
return { ...state,
menu: state.isOpen && action.value ? MENU_ROOT : state.menu,
// Set menu to root when closing panel.
isOpen: action.value ? false : state.isOpen
};
}
return state;
}
/**
* Reducer to set the block inserter panel open or closed.
*
* Note: this reducer interacts with the navigation and list view panels reducers
* to make sure that only one of the three panels is open at the same time.
*
* @param {boolean|Object} state Current state.
* @param {Object} action Dispatched action.
*/
function blockInserterPanel() {
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
let action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'OPEN_NAVIGATION_PANEL_TO_MENU':
return false;
case 'SET_IS_NAVIGATION_PANEL_OPENED':
case 'SET_IS_LIST_VIEW_OPENED':
return action.isOpen ? false : state;
case 'SET_IS_INSERTER_OPENED':
return action.value;
}
return state;
}
/**
* Reducer to set the list view panel open or closed.
*
* Note: this reducer interacts with the navigation and inserter panels reducers
* to make sure that only one of the three panels is open at the same time.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*/
function listViewPanel() {
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
let action = arguments.length > 1 ? arguments[1] : undefined;
switch (action.type) {
case 'OPEN_NAVIGATION_PANEL_TO_MENU':
return false;
case 'SET_IS_NAVIGATION_PANEL_OPENED':
return action.isOpen ? false : state;
case 'SET_IS_INSERTER_OPENED':
return action.value ? false : state;
case 'SET_IS_LIST_VIEW_OPENED':
return action.isOpen;
}
return state;
}
/* harmony default export */ var reducer = (Object(external_wp_data_["combineReducers"])({
preferences,
deviceType: reducer_deviceType,
settings: reducer_settings,
editedPost,
homeTemplateId,
navigationPanel,
blockInserterPanel,
listViewPanel
}));
// EXTERNAL MODULE: ./node_modules/@wordpress/interface/build-module/index.js + 17 modules
var build_module = __webpack_require__("U60i");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/utils/is-template-revertable.js
/**
* Check if a template is revertable to its original theme-provided template file.
*
* @param {Object} template The template entity to check.
* @return {boolean} Whether the template is revertable.
*/
function isTemplateRevertable(template) {
if (!template) {
return false;
}
/* eslint-disable camelcase */
return (template === null || template === void 0 ? void 0 : template.source) === 'custom' && (template === null || template === void 0 ? void 0 : template.has_theme_file);
/* eslint-enable camelcase */
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/store/actions.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Returns an action object used to toggle a feature flag.
*
* @param {string} feature Feature name.
*
* @return {Object} Action object.
*/
function actions_toggleFeature(feature) {
return {
type: 'TOGGLE_FEATURE',
feature
};
}
/**
* Returns an action object used to toggle the width of the editing canvas.
*
* @param {string} deviceType
*
* @return {Object} Action object.
*/
function __experimentalSetPreviewDeviceType(deviceType) {
return {
type: 'SET_PREVIEW_DEVICE_TYPE',
deviceType
};
}
/**
* Returns an action object used to set a template.
*
* @param {number} templateId The template ID.
* @param {string} templateSlug The template slug.
* @return {Object} Action object.
*/
function* actions_setTemplate(templateId, templateSlug) {
const pageContext = {
templateSlug
};
if (!templateSlug) {
const template = yield external_wp_data_["controls"].resolveSelect(external_wp_coreData_["store"], 'getEntityRecord', 'postType', 'wp_template', templateId);
pageContext.templateSlug = template === null || template === void 0 ? void 0 : template.slug;
}
return {
type: 'SET_TEMPLATE',
templateId,
page: {
context: pageContext
}
};
}
/**
* Adds a new template, and sets it as the current template.
*
* @param {Object} template The template.
*
* @return {Object} Action object used to set the current template.
*/
function* addTemplate(template) {
const newTemplate = yield external_wp_data_["controls"].dispatch(external_wp_coreData_["store"], 'saveEntityRecord', 'postType', 'wp_template', template);
if (template.content) {
yield external_wp_data_["controls"].dispatch(external_wp_coreData_["store"], 'editEntityRecord', 'postType', 'wp_template', newTemplate.id, {
blocks: Object(external_wp_blocks_["parse"])(template.content)
}, {
undoIgnore: true
});
}
return {
type: 'SET_TEMPLATE',
templateId: newTemplate.id,
page: {
context: {
templateSlug: newTemplate.slug
}
}
};
}
/**
* Removes a template.
*
* @param {Object} template The template object.
*/
function* actions_removeTemplate(template) {
try {
yield external_wp_data_["controls"].dispatch(external_wp_coreData_["store"], 'deleteEntityRecord', 'postType', template.type, template.id, {
force: true
});
const lastError = yield external_wp_data_["controls"].select(external_wp_coreData_["store"], 'getLastEntityDeleteError', 'postType', template.type, template.id);
if (lastError) {
throw lastError;
}
yield external_wp_data_["controls"].dispatch(external_wp_notices_["store"], 'createSuccessNotice', Object(external_wp_i18n_["sprintf"])(
/* translators: The template/part's name. */
Object(external_wp_i18n_["__"])('"%s" removed.'), template.title.rendered), {
type: 'snackbar'
});
} catch (error) {
const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : Object(external_wp_i18n_["__"])('An error occurred while deleting the template.');
yield external_wp_data_["controls"].dispatch(external_wp_notices_["store"], 'createErrorNotice', errorMessage, {
type: 'snackbar'
});
}
}
/**
* Returns an action object used to set a template part.
*
* @param {string} templatePartId The template part ID.
*
* @return {Object} Action object.
*/
function actions_setTemplatePart(templatePartId) {
return {
type: 'SET_TEMPLATE_PART',
templatePartId
};
}
/**
* Updates the homeTemplateId state with the templateId of the page resolved
* from the given path.
*
* @param {number} homeTemplateId The template ID for the homepage.
*/
function setHomeTemplateId(homeTemplateId) {
return {
type: 'SET_HOME_TEMPLATE',
homeTemplateId
};
}
/**
* Resolves the template for a page and displays both. If no path is given, attempts
* to use the postId to generate a path like `?p=${ postId }`.
*
* @param {Object} page The page object.
* @param {string} page.type The page type.
* @param {string} page.slug The page slug.
* @param {string} page.path The page path.
* @param {Object} page.context The page context.
*
* @return {number} The resolved template ID for the page route.
*/
function* actions_setPage(page) {
var _page$context;
if (!page.path && (_page$context = page.context) !== null && _page$context !== void 0 && _page$context.postId) {
const entity = yield external_wp_data_["controls"].resolveSelect(external_wp_coreData_["store"], 'getEntityRecord', 'postType', page.context.postType || 'post', page.context.postId);
page.path = Object(external_wp_url_["getPathAndQueryString"])(entity.link);
}
const {
id: templateId,
slug: templateSlug
} = yield external_wp_data_["controls"].resolveSelect(external_wp_coreData_["store"], '__experimentalGetTemplateForLink', page.path);
yield {
type: 'SET_PAGE',
page: !templateSlug ? page : { ...page,
context: { ...page.context,
templateSlug
}
},
templateId
};
return templateId;
}
/**
* Displays the site homepage for editing in the editor.
*/
function* actions_showHomepage() {
const {
show_on_front: showOnFront,
page_on_front: frontpageId
} = yield external_wp_data_["controls"].resolveSelect(external_wp_coreData_["store"], 'getEntityRecord', 'root', 'site');
const {
siteUrl
} = yield external_wp_data_["controls"].select(STORE_NAME, 'getSettings');
const page = {
path: siteUrl,
context: showOnFront === 'page' ? {
postType: 'page',
postId: frontpageId
} : {}
};
const homeTemplate = yield* actions_setPage(page);
yield setHomeTemplateId(homeTemplate);
}
/**
* Returns an action object used to set the active navigation panel menu.
*
* @param {string} menu Menu prop of active menu.
*
* @return {Object} Action object.
*/
function setNavigationPanelActiveMenu(menu) {
return {
type: 'SET_NAVIGATION_PANEL_ACTIVE_MENU',
menu
};
}
/**
* Opens the navigation panel and sets its active menu at the same time.
*
* @param {string} menu Identifies the menu to open.
*/
function openNavigationPanelToMenu(menu) {
return {
type: 'OPEN_NAVIGATION_PANEL_TO_MENU',
menu
};
}
/**
* Sets whether the navigation panel should be open.
*
* @param {boolean} isOpen If true, opens the nav panel. If false, closes it. It
* does not toggle the state, but sets it directly.
*/
function actions_setIsNavigationPanelOpened(isOpen) {
return {
type: 'SET_IS_NAVIGATION_PANEL_OPENED',
isOpen
};
}
/**
* Returns an action object used to open/close the inserter.
*
* @param {boolean|Object} value Whether the inserter should be
* opened (true) or closed (false).
* To specify an insertion point,
* use an object.
* @param {string} value.rootClientId The root client ID to insert at.
* @param {number} value.insertionIndex The index to insert at.
*
* @return {Object} Action object.
*/
function actions_setIsInserterOpened(value) {
return {
type: 'SET_IS_INSERTER_OPENED',
value
};
}
/**
* Returns an action object used to update the settings.
*
* @param {Object} settings New settings.
*
* @return {Object} Action object.
*/
function actions_updateSettings(settings) {
return {
type: 'UPDATE_SETTINGS',
settings
};
}
/**
* Sets whether the list view panel should be open.
*
* @param {boolean} isOpen If true, opens the list view. If false, closes it.
* It does not toggle the state, but sets it directly.
*/
function actions_setIsListViewOpened(isOpen) {
return {
type: 'SET_IS_LIST_VIEW_OPENED',
isOpen
};
}
/**
* Reverts a template to its original theme-provided file.
*
* @param {Object} template The template to revert.
* @param {Object} [options]
* @param {boolean} [options.allowUndo] Whether to allow the user to undo
* reverting the template. Default true.
*/
function* actions_revertTemplate(template) {
let {
allowUndo = true
} = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
if (!isTemplateRevertable(template)) {
yield external_wp_data_["controls"].dispatch(external_wp_notices_["store"], 'createErrorNotice', Object(external_wp_i18n_["__"])('This template is not revertable.'), {
type: 'snackbar'
});
return;
}
try {
var _fileTemplate$content;
const templateEntity = yield external_wp_data_["controls"].select(external_wp_coreData_["store"], 'getEntity', 'postType', template.type);
if (!templateEntity) {
yield external_wp_data_["controls"].dispatch(external_wp_notices_["store"], 'createErrorNotice', Object(external_wp_i18n_["__"])('The editor has encountered an unexpected error. Please reload.'), {
type: 'snackbar'
});
return;
}
const fileTemplatePath = Object(external_wp_url_["addQueryArgs"])(`${templateEntity.baseURL}/${template.id}`, {
context: 'edit',
source: 'theme'
});
const fileTemplate = yield Object(external_wp_dataControls_["apiFetch"])({
path: fileTemplatePath
});
if (!fileTemplate) {
yield external_wp_data_["controls"].dispatch(external_wp_notices_["store"], 'createErrorNotice', Object(external_wp_i18n_["__"])('The editor has encountered an unexpected error. Please reload.'), {
type: 'snackbar'
});
return;
}
const serializeBlocks = _ref => {
let {
blocks: blocksForSerialization = []
} = _ref;
return Object(external_wp_blocks_["__unstableSerializeAndClean"])(blocksForSerialization);
};
const edited = yield external_wp_data_["controls"].select(external_wp_coreData_["store"], 'getEditedEntityRecord', 'postType', template.type, template.id); // We are fixing up the undo level here to make sure we can undo
// the revert in the header toolbar correctly.
yield external_wp_data_["controls"].dispatch(external_wp_coreData_["store"], 'editEntityRecord', 'postType', template.type, template.id, {
content: serializeBlocks,
// required to make the `undo` behave correctly
blocks: edited.blocks,
// required to revert the blocks in the editor
source: 'custom' // required to avoid turning the editor into a dirty state
}, {
undoIgnore: true // required to merge this edit with the last undo level
});
const blocks = Object(external_wp_blocks_["parse"])(fileTemplate === null || fileTemplate === void 0 ? void 0 : (_fileTemplate$content = fileTemplate.content) === null || _fileTemplate$content === void 0 ? void 0 : _fileTemplate$content.raw);
yield external_wp_data_["controls"].dispatch(external_wp_coreData_["store"], 'editEntityRecord', 'postType', template.type, fileTemplate.id, {
content: serializeBlocks,
blocks,
source: 'theme'
});
if (allowUndo) {
const undoRevert = async () => {
await Object(external_wp_data_["dispatch"])(external_wp_coreData_["store"]).editEntityRecord('postType', template.type, edited.id, {
content: serializeBlocks,
blocks: edited.blocks,
source: 'custom'
});
};
yield external_wp_data_["controls"].dispatch(external_wp_notices_["store"], 'createSuccessNotice', Object(external_wp_i18n_["__"])('Template reverted.'), {
type: 'snackbar',
actions: [{
label: Object(external_wp_i18n_["__"])('Undo'),
onClick: undoRevert
}]
});
} else {
yield external_wp_data_["controls"].dispatch(external_wp_notices_["store"], 'createSuccessNotice', Object(external_wp_i18n_["__"])('Template reverted.'));
}
} catch (error) {
const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : Object(external_wp_i18n_["__"])('Template revert failed. Please reload.');
yield external_wp_data_["controls"].dispatch(external_wp_notices_["store"], 'createErrorNotice', errorMessage, {
type: 'snackbar'
});
}
}
/**
* Returns an action object used in signalling that the user opened an editor sidebar.
*
* @param {?string} name Sidebar name to be opened.
*
* @yield {Object} Action object.
*/
function* openGeneralSidebar(name) {
yield external_wp_data_["controls"].dispatch(build_module["i" /* store */], 'enableComplementaryArea', STORE_NAME, name);
}
/**
* Returns an action object signalling that the user closed the sidebar.
*
* @yield {Object} Action object.
*/
function* closeGeneralSidebar() {
yield external_wp_data_["controls"].dispatch(build_module["i" /* store */], 'disableComplementaryArea', STORE_NAME);
}
// EXTERNAL MODULE: ./node_modules/rememo/es/rememo.js
var rememo = __webpack_require__("pPDe");
// EXTERNAL MODULE: external ["wp","mediaUtils"]
var external_wp_mediaUtils_ = __webpack_require__("6aBm");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/navigation-sidebar/navigation-panel/template-hierarchy.js
/**
* External dependencies
*/
/**
* Internal dependencies
*/
function isTemplateSuperseded(slug, existingSlugs, showOnFront) {
if (!TEMPLATE_OVERRIDES[slug]) {
return false;
} // `home` template is unused if it is superseded by `front-page`
// or "show on front" is set to show a page rather than blog posts.
if (slug === 'home' && showOnFront !== 'posts') {
return true;
}
return TEMPLATE_OVERRIDES[slug].every(overrideSlug => existingSlugs.includes(overrideSlug) || isTemplateSuperseded(overrideSlug, existingSlugs, showOnFront));
}
function getTemplateLocation(slug) {
const isTopLevelTemplate = TEMPLATES_TOP_LEVEL.includes(slug);
if (isTopLevelTemplate) {
return MENU_TEMPLATES;
}
const isGeneralTemplate = TEMPLATES_GENERAL.includes(slug);
if (isGeneralTemplate) {
return MENU_TEMPLATES_GENERAL;
}
const isPostsTemplate = TEMPLATES_POSTS_PREFIXES.some(prefix => slug.startsWith(prefix));
if (isPostsTemplate) {
return MENU_TEMPLATES_POSTS;
}
const isPagesTemplate = TEMPLATES_PAGES_PREFIXES.some(prefix => slug.startsWith(prefix));
if (isPagesTemplate) {
return MENU_TEMPLATES_PAGES;
}
return MENU_TEMPLATES_GENERAL;
}
function getUnusedTemplates(templates, showOnFront) {
const templateSlugs = Object(external_lodash_["map"])(templates, 'slug');
const supersededTemplates = templates.filter(_ref => {
let {
slug
} = _ref;
return isTemplateSuperseded(slug, templateSlugs, showOnFront);
});
return supersededTemplates;
}
function getTemplatesLocationMap(templates) {
return templates.reduce((obj, template) => {
obj[template.slug] = getTemplateLocation(template.slug);
return obj;
}, {});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/store/selectors.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* @typedef {'template'|'template_type'} TemplateType Template type.
*/
/**
* Returns whether the given feature is enabled or not.
*
* @param {Object} state Global application state.
* @param {string} feature Feature slug.
*
* @return {boolean} Is active.
*/
function isFeatureActive(state, feature) {
return Object(external_lodash_["get"])(state.preferences.features, [feature], false);
}
/**
* Returns the current editing canvas device type.
*
* @param {Object} state Global application state.
*
* @return {string} Device type.
*/
function selectors_experimentalGetPreviewDeviceType(state) {
return state.deviceType;
}
/**
* Returns whether the current user can create media or not.
*
* @param {Object} state Global application state.
*
* @return {Object} Whether the current user can create media or not.
*/
const getCanUserCreateMedia = Object(external_wp_data_["createRegistrySelector"])(select => () => select(external_wp_coreData_["store"]).canUser('create', 'media'));
/**
* Returns any available Reusable blocks.
*
* @param {Object} state Global application state.
*
* @return {Array} The available reusable blocks.
*/
const getReusableBlocks = Object(external_wp_data_["createRegistrySelector"])(select => () => {
const isWeb = external_wp_element_["Platform"].OS === 'web';
return isWeb ? select(external_wp_coreData_["store"]).getEntityRecords('postType', 'wp_block', {
per_page: -1
}) : [];
});
/**
* Returns the settings, taking into account active features and permissions.
*
* @param {Object} state Global application state.
* @param {Function} setIsInserterOpen Setter for the open state of the global inserter.
*
* @return {Object} Settings.
*/
const selectors_getSettings = Object(rememo["a" /* default */])((state, setIsInserterOpen) => {
const settings = { ...state.settings,
outlineMode: true,
focusMode: isFeatureActive(state, 'focusMode'),
hasFixedToolbar: isFeatureActive(state, 'fixedToolbar'),
__experimentalSetIsInserterOpened: setIsInserterOpen,
__experimentalReusableBlocks: getReusableBlocks(state)
};
const canUserCreateMedia = getCanUserCreateMedia(state);
if (!canUserCreateMedia) {
return settings;
}
settings.mediaUpload = _ref => {
let {
onError,
...rest
} = _ref;
Object(external_wp_mediaUtils_["uploadMedia"])({
wpAllowedMimeTypes: state.settings.allowedMimeTypes,
onError: _ref2 => {
let {
message
} = _ref2;
return onError(message);
},
...rest
});
};
return settings;
}, state => [getCanUserCreateMedia(state), state.settings, isFeatureActive(state, 'focusMode'), isFeatureActive(state, 'fixedToolbar'), getReusableBlocks(state)]);
/**
* Returns the current home template ID.
*
* @param {Object} state Global application state.
*
* @return {number?} Home template ID.
*/
function getHomeTemplateId(state) {
return state.homeTemplateId;
}
function getCurrentEditedPost(state) {
return state.editedPost;
}
/**
* Returns the current edited post type (wp_template or wp_template_part).
*
* @param {Object} state Global application state.
*
* @return {TemplateType?} Template type.
*/
function selectors_getEditedPostType(state) {
return getCurrentEditedPost(state).type;
}
/**
* Returns the ID of the currently edited template or template part.
*
* @param {Object} state Global application state.
*
* @return {string?} Post ID.
*/
function selectors_getEditedPostId(state) {
return getCurrentEditedPost(state).id;
}
/**
* Returns the current page object.
*
* @param {Object} state Global application state.
*
* @return {Object} Page.
*/
function selectors_getPage(state) {
return getCurrentEditedPost(state).page;
}
/**
* Returns the active menu in the navigation panel.
*
* @param {Object} state Global application state.
*
* @return {string} Active menu.
*/
function getNavigationPanelActiveMenu(state) {
return state.navigationPanel.menu;
}
/**
* Returns the current template or template part's corresponding
* navigation panel's sub menu, to be used with `openNavigationPanelToMenu`.
*
* @param {Object} state Global application state.
*
* @return {string} The current template or template part's sub menu.
*/
const getCurrentTemplateNavigationPanelSubMenu = Object(external_wp_data_["createRegistrySelector"])(select => state => {
const templateType = selectors_getEditedPostType(state);
const templateId = selectors_getEditedPostId(state);
const template = templateId ? select(external_wp_coreData_["store"]).getEntityRecord('postType', templateType, templateId) : null;
if (!template) {
return MENU_ROOT;
}
if ('wp_template_part' === templateType) {
var _TEMPLATE_PARTS_SUB_M;
return ((_TEMPLATE_PARTS_SUB_M = TEMPLATE_PARTS_SUB_MENUS.find(submenu => submenu.area === (template === null || template === void 0 ? void 0 : template.area))) === null || _TEMPLATE_PARTS_SUB_M === void 0 ? void 0 : _TEMPLATE_PARTS_SUB_M.menu) || MENU_TEMPLATE_PARTS;
}
const templates = select(external_wp_coreData_["store"]).getEntityRecords('postType', 'wp_template');
const showOnFront = select(external_wp_coreData_["store"]).getEditedEntityRecord('root', 'site').show_on_front;
if (isTemplateSuperseded(template.slug, Object(external_lodash_["map"])(templates, 'slug'), showOnFront)) {
return MENU_TEMPLATES_UNUSED;
}
return getTemplateLocation(template.slug);
});
/**
* Returns the current opened/closed state of the navigation panel.
*
* @param {Object} state Global application state.
*
* @return {boolean} True if the navigation panel should be open; false if closed.
*/
function selectors_isNavigationOpened(state) {
return state.navigationPanel.isOpen;
}
/**
* Returns the current opened/closed state of the inserter panel.
*
* @param {Object} state Global application state.
*
* @return {boolean} True if the inserter panel should be open; false if closed.
*/
function selectors_isInserterOpened(state) {
return !!state.blockInserterPanel;
}
/**
* Get the insertion point for the inserter.
*
* @param {Object} state Global application state.
*
* @return {Object} The root client ID, index to insert at and starting filter value.
*/
function __experimentalGetInsertionPoint(state) {
const {
rootClientId,
insertionIndex,
filterValue
} = state.blockInserterPanel;
return {
rootClientId,
insertionIndex,
filterValue
};
}
/**
* Returns the current opened/closed state of the list view panel.
*
* @param {Object} state Global application state.
*
* @return {boolean} True if the list view panel should be open; false if closed.
*/
function selectors_isListViewOpened(state) {
return state.listViewPanel;
}
/**
* Returns the template parts and their blocks for the current edited template.
*
* @param {Object} state Global application state.
* @return {Array} Template parts and their blocks in an array.
*/
const getCurrentTemplateTemplateParts = Object(external_wp_data_["createRegistrySelector"])(select => state => {
var _template$blocks;
const templateType = selectors_getEditedPostType(state);
const templateId = selectors_getEditedPostId(state);
const template = select(external_wp_coreData_["store"]).getEditedEntityRecord('postType', templateType, templateId);
const templateParts = select(external_wp_coreData_["store"]).getEntityRecords('postType', 'wp_template_part', {
per_page: -1
});
const templatePartsById = Object(external_lodash_["keyBy"])(templateParts, templatePart => templatePart.id);
return ((_template$blocks = template.blocks) !== null && _template$blocks !== void 0 ? _template$blocks : []).filter(block => Object(external_wp_blocks_["isTemplatePart"])(block)).map(block => {
const {
attributes: {
theme,
slug
}
} = block;
const templatePartId = `${theme}//${slug}`;
const templatePart = templatePartsById[templatePartId];
return {
templatePart,
block
};
}).filter(_ref3 => {
let {
templatePart
} = _ref3;
return !!templatePart;
});
});
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/store/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const storeConfig = {
reducer: reducer,
actions: actions_namespaceObject,
selectors: selectors_namespaceObject,
controls: external_wp_dataControls_["controls"],
persist: ['preferences']
};
const store = Object(external_wp_data_["createReduxStore"])(STORE_NAME, storeConfig); // Once we build a more generic persistence plugin that works across types of stores
// we'd be able to replace this with a register call.
Object(external_wp_data_["registerStore"])(STORE_NAME, storeConfig);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/plugins/welcome-guide-menu-item.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function WelcomeGuideMenuItem() {
const {
toggleFeature
} = Object(external_wp_data_["useDispatch"])(store);
return Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
onClick: () => toggleFeature('welcomeGuide')
}, Object(external_wp_i18n_["__"])('Welcome Guide'));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/plugins/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
Object(external_wp_plugins_["registerPlugin"])('edit-site', {
render() {
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(tools_more_menu_group, null, Object(external_wp_element_["createElement"])(SiteExport, null), Object(external_wp_element_["createElement"])(WelcomeGuideMenuItem, null)));
}
});
// EXTERNAL MODULE: external ["wp","hooks"]
var external_wp_hooks_ = __webpack_require__("g56x");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/hooks/components.js
/**
* WordPress dependencies
*/
Object(external_wp_hooks_["addFilter"])('editor.MediaUpload', 'core/edit-site/components/media-upload', () => external_wp_mediaUtils_["MediaUpload"]);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/hooks/index.js
/**
* Internal dependencies
*/
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
var esm_extends = __webpack_require__("wx14");
// CONCATENATED MODULE: ./node_modules/history/index.js
var r,B=r||(r={});B.Pop="POP";B.Push="PUSH";B.Replace="REPLACE";var C= false?undefined:function(b){return b};function D(b,h){if(!b){"undefined"!==typeof console&&console.warn(h);try{throw Error(h);}catch(e){}}}function E(b){b.preventDefault();b.returnValue=""}
function F(){var b=[];return{get length(){return b.length},push:function(h){b.push(h);return function(){b=b.filter(function(e){return e!==h})}},call:function(h){b.forEach(function(e){return e&&e(h)})}}}function H(){return Math.random().toString(36).substr(2,8)}function I(b){var h=b.pathname;h=void 0===h?"/":h;var e=b.search;e=void 0===e?"":e;b=b.hash;b=void 0===b?"":b;e&&"?"!==e&&(h+="?"===e.charAt(0)?e:"?"+e);b&&"#"!==b&&(h+="#"===b.charAt(0)?b:"#"+b);return h}
function J(b){var h={};if(b){var e=b.indexOf("#");0<=e&&(h.hash=b.substr(e),b=b.substr(0,e));e=b.indexOf("?");0<=e&&(h.search=b.substr(e),b=b.substr(0,e));b&&(h.pathname=b)}return h}
function createBrowserHistory(b){function h(){var c=p.location,a=m.state||{};return[a.idx,C({pathname:c.pathname,search:c.search,hash:c.hash,state:a.usr||null,key:a.key||"default"})]}function e(c){return"string"===typeof c?c:I(c)}function x(c,a){void 0===a&&(a=null);return C(Object(esm_extends["a" /* default */])({pathname:q.pathname,hash:"",search:""},"string"===typeof c?J(c):c,{state:a,key:H()}))}function z(c){t=c;c=h();v=c[0];q=c[1];d.call({action:t,location:q})}function A(c,a){function f(){A(c,a)}var l=r.Push,k=x(c,
a);if(!g.length||(g.call({action:l,location:k,retry:f}),!1)){var n=[{usr:k.state,key:k.key,idx:v+1},e(k)];k=n[0];n=n[1];try{m.pushState(k,"",n)}catch(G){p.location.assign(n)}z(l)}}function y(c,a){function f(){y(c,a)}var l=r.Replace,k=x(c,a);g.length&&(g.call({action:l,location:k,retry:f}),1)||(k=[{usr:k.state,key:k.key,idx:v},e(k)],m.replaceState(k[0],"",k[1]),z(l))}function w(c){m.go(c)}void 0===b&&(b={});b=b.window;var p=void 0===b?document.defaultView:b,m=p.history,u=null;p.addEventListener("popstate",
function(){if(u)g.call(u),u=null;else{var c=r.Pop,a=h(),f=a[0];a=a[1];if(g.length)if(null!=f){var l=v-f;l&&(u={action:c,location:a,retry:function(){w(-1*l)}},w(l))}else false?undefined:
void 0;else z(c)}});var t=r.Pop;b=h();var v=b[0],q=b[1],d=F(),g=F();null==v&&(v=0,m.replaceState(Object(esm_extends["a" /* default */])({},m.state,{idx:v}),""));return{get action(){return t},get location(){return q},createHref:e,push:A,replace:y,go:w,back:function(){w(-1)},forward:function(){w(1)},listen:function(c){return d.push(c)},block:function(c){var a=g.push(c);1===g.length&&p.addEventListener("beforeunload",E);return function(){a();g.length||p.removeEventListener("beforeunload",E)}}}};
function createHashHistory(b){function h(){var a=J(m.location.hash.substr(1)),f=a.pathname,l=a.search;a=a.hash;var k=u.state||{};return[k.idx,C({pathname:void 0===f?"/":f,search:void 0===l?"":l,hash:void 0===a?"":a,state:k.usr||null,key:k.key||"default"})]}function e(){if(t)c.call(t),t=null;else{var a=r.Pop,f=h(),l=f[0];f=f[1];if(c.length)if(null!=l){var k=q-l;k&&(t={action:a,location:f,retry:function(){p(-1*k)}},p(k))}else false?undefined:
void 0;else A(a)}}function x(a){var f=document.querySelector("base"),l="";f&&f.getAttribute("href")&&(f=m.location.href,l=f.indexOf("#"),l=-1===l?f:f.slice(0,l));return l+"#"+("string"===typeof a?a:I(a))}function z(a,f){void 0===f&&(f=null);return C(Object(esm_extends["a" /* default */])({pathname:d.pathname,hash:"",search:""},"string"===typeof a?J(a):a,{state:f,key:H()}))}function A(a){v=a;a=h();q=a[0];d=a[1];g.call({action:v,location:d})}function y(a,f){function l(){y(a,f)}var k=r.Push,n=z(a,f); false?
undefined:void 0;if(!c.length||(c.call({action:k,location:n,retry:l}),!1)){var G=[{usr:n.state,key:n.key,idx:q+1},x(n)];n=G[0];G=G[1];try{u.pushState(n,"",G)}catch(K){m.location.assign(G)}A(k)}}function w(a,f){function l(){w(a,f)}var k=r.Replace,n=z(a,f); false?undefined:void 0;c.length&&(c.call({action:k,location:n,retry:l}),1)||(n=[{usr:n.state,key:n.key,idx:q},x(n)],u.replaceState(n[0],"",n[1]),A(k))}function p(a){u.go(a)}void 0===b&&(b={});b=b.window;var m=void 0===b?document.defaultView:b,u=m.history,t=null;m.addEventListener("popstate",e);m.addEventListener("hashchange",function(){var a=h()[1];I(a)!==I(d)&&e()});var v=r.Pop;b=h();var q=b[0],d=b[1],g=F(),c=F();null==q&&(q=0,u.replaceState(Object(esm_extends["a" /* default */])({},u.state,{idx:q}),""));return{get action(){return v},get location(){return d},
createHref:x,push:y,replace:w,go:p,back:function(){p(-1)},forward:function(){p(1)},listen:function(a){return g.push(a)},block:function(a){var f=c.push(a);1===c.length&&m.addEventListener("beforeunload",E);return function(){f();c.length||m.removeEventListener("beforeunload",E)}}}};
function createMemoryHistory(b){function h(d,g){void 0===g&&(g=null);return C(Object(esm_extends["a" /* default */])({pathname:t.pathname,search:"",hash:""},"string"===typeof d?J(d):d,{state:g,key:H()}))}function e(d,g,c){return!q.length||(q.call({action:d,location:g,retry:c}),!1)}function x(d,g){u=d;t=g;v.call({action:u,location:t})}function z(d,g){var c=r.Push,a=h(d,g); false?undefined:
void 0;e(c,a,function(){z(d,g)})&&(m+=1,p.splice(m,p.length,a),x(c,a))}function A(d,g){var c=r.Replace,a=h(d,g); false?undefined:void 0;e(c,a,function(){A(d,g)})&&(p[m]=a,x(c,a))}function y(d){var g=Math.min(Math.max(m+d,0),p.length-1),c=r.Pop,a=p[g];e(c,a,function(){y(d)})&&(m=g,x(c,a))}void 0===b&&(b={});var w=b;b=w.initialEntries;w=w.initialIndex;var p=(void 0===
b?["/"]:b).map(function(d){var g=C(Object(esm_extends["a" /* default */])({pathname:"/",search:"",hash:"",state:null,key:H()},"string"===typeof d?J(d):d)); false?undefined:void 0;return g}),m=Math.min(Math.max(null==w?p.length-1:w,0),p.length-1),u=r.Pop,t=p[m],v=F(),q=F();return{get index(){return m},get action(){return u},get location(){return t},createHref:function(d){return"string"===
typeof d?d:I(d)},push:z,replace:A,go:y,back:function(){y(-1)},forward:function(){y(1)},listen:function(d){return v.push(d)},block:function(d){return q.push(d)}}};
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/utils/history.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
const history_history = createBrowserHistory();
const originalHistoryPush = history_history.push;
const originalHistoryReplace = history_history.replace;
function push(params, state) {
return originalHistoryPush.call(history_history, Object(external_wp_url_["addQueryArgs"])(window.location.href, params), state);
}
function history_replace(params, state) {
return originalHistoryReplace.call(history_history, Object(external_wp_url_["addQueryArgs"])(window.location.href, params), state);
}
history_history.push = push;
history_history.replace = history_replace;
/* harmony default export */ var utils_history = (history_history);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/routes/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const RoutesContext = Object(external_wp_element_["createContext"])();
const HistoryContext = Object(external_wp_element_["createContext"])();
function useLocation() {
return Object(external_wp_element_["useContext"])(RoutesContext);
}
function useHistory() {
return Object(external_wp_element_["useContext"])(HistoryContext);
}
function getLocationWithParams(location) {
const searchParams = new URLSearchParams(location.search);
return { ...location,
params: Object.fromEntries(searchParams.entries())
};
}
function Routes(_ref) {
let {
children
} = _ref;
const [location, setLocation] = Object(external_wp_element_["useState"])(() => getLocationWithParams(utils_history.location));
Object(external_wp_element_["useEffect"])(() => {
return utils_history.listen(_ref2 => {
let {
location: updatedLocation
} = _ref2;
setLocation(getLocationWithParams(updatedLocation));
});
}, []);
return Object(external_wp_element_["createElement"])(HistoryContext.Provider, {
value: utils_history
}, Object(external_wp_element_["createElement"])(RoutesContext.Provider, {
value: location
}, children(location)));
}
// EXTERNAL MODULE: external ["wp","blockEditor"]
var external_wp_blockEditor_ = __webpack_require__("axFQ");
// EXTERNAL MODULE: external ["wp","keyboardShortcuts"]
var external_wp_keyboardShortcuts_ = __webpack_require__("hF7m");
// EXTERNAL MODULE: external ["wp","compose"]
var external_wp_compose_ = __webpack_require__("K9lf");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/plus.js
var plus = __webpack_require__("Q4Sy");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/list-view.js
var list_view = __webpack_require__("OzlF");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/more-vertical.js
var more_vertical = __webpack_require__("VKE3");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/check.js
var check = __webpack_require__("RMJe");
// EXTERNAL MODULE: external ["wp","a11y"]
var external_wp_a11y_ = __webpack_require__("gdqT");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/header/feature-toggle/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function FeatureToggle(_ref) {
let {
feature,
label,
info,
messageActivated,
messageDeactivated
} = _ref;
const speakMessage = () => {
if (isActive) {
Object(external_wp_a11y_["speak"])(messageDeactivated || Object(external_wp_i18n_["__"])('Feature deactivated'));
} else {
Object(external_wp_a11y_["speak"])(messageActivated || Object(external_wp_i18n_["__"])('Feature activated'));
}
};
const isActive = Object(external_wp_data_["useSelect"])(select => {
return select(store).isFeatureActive(feature);
}, []);
const {
toggleFeature
} = Object(external_wp_data_["useDispatch"])(store);
return Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
icon: isActive && check["a" /* default */],
isSelected: isActive,
onClick: Object(external_lodash_["flow"])(toggleFeature.bind(null, feature), speakMessage),
role: "menuitemcheckbox",
info: info
}, label);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/header/more-menu/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const POPOVER_PROPS = {
className: 'edit-site-more-menu__content',
position: 'bottom left'
};
const TOGGLE_PROPS = {
tooltipPosition: 'bottom'
};
const MoreMenu = () => Object(external_wp_element_["createElement"])(external_wp_components_["DropdownMenu"], {
className: "edit-site-more-menu",
icon: more_vertical["a" /* default */],
label: Object(external_wp_i18n_["__"])('More tools & options'),
popoverProps: POPOVER_PROPS,
toggleProps: TOGGLE_PROPS
}, _ref => {
let {
onClose
} = _ref;
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_components_["MenuGroup"], {
label: Object(external_wp_i18n_["_x"])('View', 'noun')
}, Object(external_wp_element_["createElement"])(FeatureToggle, {
feature: "fixedToolbar",
label: Object(external_wp_i18n_["__"])('Top toolbar'),
info: Object(external_wp_i18n_["__"])('Access all block and document tools in a single place'),
messageActivated: Object(external_wp_i18n_["__"])('Top toolbar activated'),
messageDeactivated: Object(external_wp_i18n_["__"])('Top toolbar deactivated')
}), Object(external_wp_element_["createElement"])(FeatureToggle, {
feature: "focusMode",
label: Object(external_wp_i18n_["__"])('Spotlight mode'),
info: Object(external_wp_i18n_["__"])('Focus on one block at a time'),
messageActivated: Object(external_wp_i18n_["__"])('Spotlight mode activated'),
messageDeactivated: Object(external_wp_i18n_["__"])('Spotlight mode deactivated')
}), Object(external_wp_element_["createElement"])(build_module["a" /* ActionItem */].Slot, {
name: "core/edit-site/plugin-more-menu",
label: Object(external_wp_i18n_["__"])('Plugins'),
as: external_wp_components_["MenuGroup"],
fillProps: {
onClick: onClose
}
})), Object(external_wp_element_["createElement"])(tools_more_menu_group.Slot, {
fillProps: {
onClose
}
}));
});
/* harmony default export */ var more_menu = (MoreMenu);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/save-button/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function SaveButton(_ref) {
let {
openEntitiesSavedStates,
isEntitiesSavedStatesOpen
} = _ref;
const {
isDirty,
isSaving
} = Object(external_wp_data_["useSelect"])(select => {
const {
__experimentalGetDirtyEntityRecords,
isSavingEntityRecord
} = select(external_wp_coreData_["store"]);
const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
return {
isDirty: dirtyEntityRecords.length > 0,
isSaving: Object(external_lodash_["some"])(dirtyEntityRecords, record => isSavingEntityRecord(record.kind, record.name, record.key))
};
}, []);
const disabled = !isDirty || isSaving;
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
variant: "primary",
className: "edit-site-save-button__button",
"aria-disabled": disabled,
"aria-expanded": isEntitiesSavedStatesOpen,
disabled: disabled,
isBusy: isSaving,
onClick: disabled ? undefined : openEntitiesSavedStates
}, Object(external_wp_i18n_["__"])('Save')));
}
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/undo.js
var library_undo = __webpack_require__("Ntru");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/redo.js
var library_redo = __webpack_require__("K2cm");
// EXTERNAL MODULE: external ["wp","keycodes"]
var external_wp_keycodes_ = __webpack_require__("RxS6");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/header/undo-redo/undo.js
/**
* WordPress dependencies
*/
function UndoButton() {
const hasUndo = Object(external_wp_data_["useSelect"])(select => select(external_wp_coreData_["store"]).hasUndo(), []);
const {
undo
} = Object(external_wp_data_["useDispatch"])(external_wp_coreData_["store"]);
return Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
icon: !Object(external_wp_i18n_["isRTL"])() ? library_undo["a" /* default */] : library_redo["a" /* default */],
label: Object(external_wp_i18n_["__"])('Undo'),
shortcut: external_wp_keycodes_["displayShortcut"].primary('z') // If there are no undo levels we don't want to actually disable this
// button, because it will remove focus for keyboard users.
// See: https://github.com/WordPress/gutenberg/issues/3486
,
"aria-disabled": !hasUndo,
onClick: hasUndo ? undo : undefined
});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/header/undo-redo/redo.js
/**
* WordPress dependencies
*/
function RedoButton() {
const hasRedo = Object(external_wp_data_["useSelect"])(select => select(external_wp_coreData_["store"]).hasRedo(), []);
const {
redo
} = Object(external_wp_data_["useDispatch"])(external_wp_coreData_["store"]);
return Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
icon: !Object(external_wp_i18n_["isRTL"])() ? library_redo["a" /* default */] : library_undo["a" /* default */],
label: Object(external_wp_i18n_["__"])('Redo'),
shortcut: external_wp_keycodes_["displayShortcut"].primaryShift('z') // If there are no undo levels we don't want to actually disable this
// button, because it will remove focus for keyboard users.
// See: https://github.com/WordPress/gutenberg/issues/3486
,
"aria-disabled": !hasRedo,
onClick: hasRedo ? redo : undefined
});
}
// EXTERNAL MODULE: ./node_modules/classnames/index.js
var classnames = __webpack_require__("TSYQ");
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-down.js
var chevron_down = __webpack_require__("NWDH");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/header/document-actions/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function getBlockDisplayText(block) {
if (block) {
const blockType = Object(external_wp_blocks_["getBlockType"])(block.name);
return blockType ? Object(external_wp_blocks_["__experimentalGetBlockLabel"])(blockType, block.attributes) : null;
}
return null;
}
function useSecondaryText() {
const {
getBlock
} = Object(external_wp_data_["useSelect"])(external_wp_blockEditor_["store"]);
const activeEntityBlockId = Object(external_wp_data_["useSelect"])(select => select(external_wp_blockEditor_["store"]).__experimentalGetActiveBlockIdByBlockNames(['core/template-part']), []);
if (activeEntityBlockId) {
return {
label: getBlockDisplayText(getBlock(activeEntityBlockId)),
isActive: true
};
}
return {};
}
/**
* @param {Object} props Props for the DocumentActions component.
* @param {string} props.entityTitle The title to display.
* @param {string} props.entityLabel A label to use for entity-related options.
* E.g. "template" would be used for "edit
* template" and "show template details".
* @param {boolean} props.isLoaded Whether the data is available.
* @param {Function} props.children React component to use for the
* information dropdown area. Should be a
* function which accepts dropdown props.
*/
function DocumentActions(_ref) {
let {
entityTitle,
entityLabel,
isLoaded,
children: dropdownContent
} = _ref;
const {
label
} = useSecondaryText(); // The title ref is passed to the popover as the anchorRef so that the
// dropdown is centered over the whole title area rather than just one
// part of it.
const titleRef = Object(external_wp_element_["useRef"])(); // Return a simple loading indicator until we have information to show.
if (!isLoaded) {
return Object(external_wp_element_["createElement"])("div", {
className: "edit-site-document-actions"
}, Object(external_wp_i18n_["__"])('Loading…'));
} // Return feedback that the template does not seem to exist.
if (!entityTitle) {
return Object(external_wp_element_["createElement"])("div", {
className: "edit-site-document-actions"
}, Object(external_wp_i18n_["__"])('Template not found'));
}
return Object(external_wp_element_["createElement"])("div", {
className: classnames_default()('edit-site-document-actions', {
'has-secondary-label': !!label
})
}, Object(external_wp_element_["createElement"])("div", {
ref: titleRef,
className: "edit-site-document-actions__title-wrapper"
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalText"], {
size: "body",
className: "edit-site-document-actions__title",
as: "h1"
}, Object(external_wp_element_["createElement"])(external_wp_components_["VisuallyHidden"], {
as: "span"
}, Object(external_wp_i18n_["sprintf"])(
/* translators: %s: the entity being edited, like "template"*/
Object(external_wp_i18n_["__"])('Editing %s: '), entityLabel)), entityTitle), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalText"], {
size: "body",
className: "edit-site-document-actions__secondary-item"
}, label !== null && label !== void 0 ? label : ''), dropdownContent && Object(external_wp_element_["createElement"])(external_wp_components_["Dropdown"], {
popoverProps: {
anchorRef: titleRef.current
},
position: "bottom center",
renderToggle: _ref2 => {
let {
isOpen,
onToggle
} = _ref2;
return Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
className: "edit-site-document-actions__get-info",
icon: chevron_down["a" /* default */],
"aria-expanded": isOpen,
"aria-haspopup": "true",
onClick: onToggle,
label: Object(external_wp_i18n_["sprintf"])(
/* translators: %s: the entity to see details about, like "template"*/
Object(external_wp_i18n_["__"])('Show %s details'), entityLabel)
});
},
contentClassName: "edit-site-document-actions__info-dropdown",
renderContent: dropdownContent
})));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/routes/link.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function useLink() {
let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
let state = arguments.length > 1 ? arguments[1] : undefined;
let shouldReplace = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
const history = useHistory();
function onClick(event) {
event.preventDefault();
if (shouldReplace) {
history.replace(params, state);
} else {
history.push(params, state);
}
}
return {
href: Object(external_wp_url_["addQueryArgs"])(window.location.href, params),
onClick
};
}
function Link(_ref) {
let {
params = {},
state,
replace: shouldReplace = false,
children,
...props
} = _ref;
const {
href,
onClick
} = useLink(params, state, shouldReplace);
return Object(external_wp_element_["createElement"])("a", Object(esm_extends["a" /* default */])({
href: href,
onClick: onClick
}, props), children);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/template-details/template-areas.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function TemplatePartItemMore(_ref) {
var _templatePart$title;
let {
onClose,
templatePart,
closeTemplateDetailsDropdown
} = _ref;
const {
revertTemplate
} = Object(external_wp_data_["useDispatch"])(store);
const {
params
} = useLocation();
const editLinkProps = useLink({
postId: templatePart.id,
postType: templatePart.type
}, {
fromTemplateId: params.postId
});
function editTemplatePart(event) {
editLinkProps.onClick(event);
onClose();
closeTemplateDetailsDropdown();
}
function clearCustomizations() {
revertTemplate(templatePart);
onClose();
closeTemplateDetailsDropdown();
}
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_components_["MenuGroup"], null, Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], Object(esm_extends["a" /* default */])({}, editLinkProps, {
onClick: editTemplatePart
}), Object(external_wp_i18n_["sprintf"])(
/* translators: %s: template part title */
Object(external_wp_i18n_["__"])('Edit %s'), (_templatePart$title = templatePart.title) === null || _templatePart$title === void 0 ? void 0 : _templatePart$title.rendered))), isTemplateRevertable(templatePart) && Object(external_wp_element_["createElement"])(external_wp_components_["MenuGroup"], null, Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
info: Object(external_wp_i18n_["__"])('Restore template to default state'),
onClick: clearCustomizations
}, Object(external_wp_i18n_["__"])('Clear customizations'))));
}
function TemplatePartItem(_ref2) {
let {
templatePart,
clientId,
closeTemplateDetailsDropdown
} = _ref2;
const {
selectBlock,
toggleBlockHighlight
} = Object(external_wp_data_["useDispatch"])(external_wp_blockEditor_["store"]);
const templatePartArea = Object(external_wp_data_["useSelect"])(select => {
const defaultAreas = select(external_wp_editor_["store"]).__experimentalGetDefaultTemplatePartAreas();
return defaultAreas.find(defaultArea => defaultArea.area === templatePart.area);
}, [templatePart.area]);
const highlightBlock = () => toggleBlockHighlight(clientId, true);
const cancelHighlightBlock = () => toggleBlockHighlight(clientId, false);
return Object(external_wp_element_["createElement"])("div", {
role: "menuitem",
className: "edit-site-template-details__template-areas-item"
}, Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
role: "button",
icon: templatePartArea === null || templatePartArea === void 0 ? void 0 : templatePartArea.icon,
iconPosition: "left",
onClick: () => {
selectBlock(clientId);
},
onMouseOver: highlightBlock,
onMouseLeave: cancelHighlightBlock,
onFocus: highlightBlock,
onBlur: cancelHighlightBlock
}, templatePartArea === null || templatePartArea === void 0 ? void 0 : templatePartArea.label), Object(external_wp_element_["createElement"])(external_wp_components_["DropdownMenu"], {
icon: more_vertical["a" /* default */],
label: Object(external_wp_i18n_["__"])('More options'),
className: "edit-site-template-details__template-areas-item-more"
}, _ref3 => {
let {
onClose
} = _ref3;
return Object(external_wp_element_["createElement"])(TemplatePartItemMore, {
onClose: onClose,
templatePart: templatePart,
closeTemplateDetailsDropdown: closeTemplateDetailsDropdown
});
}));
}
function TemplateAreas(_ref4) {
let {
closeTemplateDetailsDropdown
} = _ref4;
const templateParts = Object(external_wp_data_["useSelect"])(select => select(store).getCurrentTemplateTemplateParts(), []);
if (!templateParts.length) {
return null;
}
return Object(external_wp_element_["createElement"])(external_wp_components_["MenuGroup"], {
label: Object(external_wp_i18n_["__"])('Areas'),
className: "edit-site-template-details__group edit-site-template-details__template-areas"
}, templateParts.map(_ref5 => {
let {
templatePart,
block
} = _ref5;
return Object(external_wp_element_["createElement"])(TemplatePartItem, {
key: templatePart.slug,
clientId: block.clientId,
templatePart: templatePart,
closeTemplateDetailsDropdown: closeTemplateDetailsDropdown
});
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/template-details/edit-template-title.js
/**
* WordPress dependencies
*/
function EditTemplateTitle(_ref) {
let {
template
} = _ref;
const [title, setTitle] = Object(external_wp_coreData_["useEntityProp"])('postType', template.type, 'title', template.id);
return Object(external_wp_element_["createElement"])(external_wp_components_["TextControl"], {
label: Object(external_wp_i18n_["__"])('Title'),
value: title,
help: Object(external_wp_i18n_["__"])('Give the template a title that indicates its purpose, e.g. "Full Width".'),
onChange: newTitle => {
setTitle(newTitle || template.slug);
}
});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/template-details/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function TemplateDetails(_ref) {
let {
template,
onClose
} = _ref;
const {
title,
description
} = Object(external_wp_data_["useSelect"])(select => select(external_wp_editor_["store"]).__experimentalGetTemplateInfo(template), []);
const {
revertTemplate
} = Object(external_wp_data_["useDispatch"])(store);
const templateSubMenu = Object(external_wp_element_["useMemo"])(() => {
if ((template === null || template === void 0 ? void 0 : template.type) === 'wp_template') {
return {
title: Object(external_wp_i18n_["__"])('templates'),
menu: MENU_TEMPLATES
};
}
return TEMPLATE_PARTS_SUB_MENUS.find(_ref2 => {
let {
area
} = _ref2;
return area === (template === null || template === void 0 ? void 0 : template.area);
});
}, [template]);
const browseAllLinkProps = useLink({
// TODO: We should update this to filter by template part's areas as well.
postType: template.type,
postId: undefined
});
if (!template) {
return null;
}
const revert = () => {
revertTemplate(template);
onClose();
};
return Object(external_wp_element_["createElement"])("div", {
className: "edit-site-template-details"
}, Object(external_wp_element_["createElement"])("div", {
className: "edit-site-template-details__group"
}, template.is_custom ? Object(external_wp_element_["createElement"])(EditTemplateTitle, {
template: template
}) : Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHeading"], {
level: 4,
weight: 600,
className: "edit-site-template-details__title"
}, title), description && Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalText"], {
size: "body",
className: "edit-site-template-details__description",
as: "p"
}, description)), Object(external_wp_element_["createElement"])(TemplateAreas, {
closeTemplateDetailsDropdown: onClose
}), isTemplateRevertable(template) && Object(external_wp_element_["createElement"])(external_wp_components_["MenuGroup"], {
className: "edit-site-template-details__group edit-site-template-details__revert"
}, Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
className: "edit-site-template-details__revert-button",
info: Object(external_wp_i18n_["__"])('Restore template to default state'),
onClick: revert
}, Object(external_wp_i18n_["__"])('Clear customizations'))), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], Object(esm_extends["a" /* default */])({
className: "edit-site-template-details__show-all-button"
}, browseAllLinkProps), Object(external_wp_i18n_["sprintf"])(
/* translators: the template part's area name ("Headers", "Sidebars") or "templates". */
Object(external_wp_i18n_["__"])('Browse all %s'), templateSubMenu.title)));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/header/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const preventDefault = event => {
event.preventDefault();
};
function Header(_ref) {
let {
openEntitiesSavedStates,
isEntitiesSavedStatesOpen
} = _ref;
const inserterButton = Object(external_wp_element_["useRef"])();
const {
deviceType,
entityTitle,
template,
templateType,
isInserterOpen,
isListViewOpen,
listViewShortcut,
isLoaded
} = Object(external_wp_data_["useSelect"])(select => {
const {
__experimentalGetPreviewDeviceType,
getEditedPostType,
getEditedPostId,
isInserterOpened,
isListViewOpened
} = select(store);
const {
getEditedEntityRecord
} = select(external_wp_coreData_["store"]);
const {
__experimentalGetTemplateInfo: getTemplateInfo
} = select(external_wp_editor_["store"]);
const {
getShortcutRepresentation
} = select(external_wp_keyboardShortcuts_["store"]);
const postType = getEditedPostType();
const postId = getEditedPostId();
const record = getEditedEntityRecord('postType', postType, postId);
const _isLoaded = !!postId;
return {
deviceType: __experimentalGetPreviewDeviceType(),
entityTitle: getTemplateInfo(record).title,
isLoaded: _isLoaded,
template: record,
templateType: postType,
isInserterOpen: isInserterOpened(),
isListViewOpen: isListViewOpened(),
listViewShortcut: getShortcutRepresentation('core/edit-site/toggle-list-view')
};
}, []);
const {
__experimentalSetPreviewDeviceType: setPreviewDeviceType,
setIsInserterOpened,
setIsListViewOpened
} = Object(external_wp_data_["useDispatch"])(store);
const isLargeViewport = Object(external_wp_compose_["useViewportMatch"])('medium');
const openInserter = Object(external_wp_element_["useCallback"])(() => {
if (isInserterOpen) {
// Focusing the inserter button closes the inserter popover
inserterButton.current.focus();
} else {
setIsInserterOpened(true);
}
}, [isInserterOpen, setIsInserterOpened]);
const toggleListView = Object(external_wp_element_["useCallback"])(() => setIsListViewOpened(!isListViewOpen), [setIsListViewOpened, isListViewOpen]);
const isFocusMode = templateType === 'wp_template_part';
return Object(external_wp_element_["createElement"])("div", {
className: "edit-site-header"
}, Object(external_wp_element_["createElement"])("div", {
className: "edit-site-header_start"
}, Object(external_wp_element_["createElement"])("div", {
className: "edit-site-header__toolbar"
}, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
ref: inserterButton,
variant: "primary",
isPressed: isInserterOpen,
className: "edit-site-header-toolbar__inserter-toggle",
onMouseDown: preventDefault,
onClick: openInserter,
icon: plus["a" /* default */],
label: Object(external_wp_i18n_["_x"])('Toggle block inserter', 'Generic label for block inserter button')
}), isLargeViewport && Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["ToolSelector"], null), Object(external_wp_element_["createElement"])(UndoButton, null), Object(external_wp_element_["createElement"])(RedoButton, null), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
className: "edit-site-header-toolbar__list-view-toggle",
icon: list_view["a" /* default */],
isPressed: isListViewOpen
/* translators: button label text should, if possible, be under 16 characters. */
,
label: Object(external_wp_i18n_["__"])('List View'),
onClick: toggleListView,
shortcut: listViewShortcut
})))), Object(external_wp_element_["createElement"])("div", {
className: "edit-site-header_center"
}, Object(external_wp_element_["createElement"])(DocumentActions, {
entityTitle: entityTitle,
entityLabel: templateType === 'wp_template_part' ? 'template part' : 'template',
isLoaded: isLoaded
}, _ref2 => {
let {
onClose
} = _ref2;
return Object(external_wp_element_["createElement"])(TemplateDetails, {
template: template,
onClose: onClose
});
})), Object(external_wp_element_["createElement"])("div", {
className: "edit-site-header_end"
}, Object(external_wp_element_["createElement"])("div", {
className: "edit-site-header__actions"
}, !isFocusMode && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalPreviewOptions"], {
deviceType: deviceType,
setDeviceType: setPreviewDeviceType
}), Object(external_wp_element_["createElement"])(SaveButton, {
openEntitiesSavedStates: openEntitiesSavedStates,
isEntitiesSavedStatesOpen: isEntitiesSavedStatesOpen
}), Object(external_wp_element_["createElement"])(build_module["h" /* PinnedItems */].Slot, {
scope: "core/edit-site"
}), Object(external_wp_element_["createElement"])(more_menu, null))));
}
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/cog.js
var cog = __webpack_require__("Cg8A");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/sidebar/default-sidebar.js
/**
* WordPress dependencies
*/
function DefaultSidebar(_ref) {
let {
className,
identifier,
title,
icon,
children,
closeLabel,
header,
headerClassName
} = _ref;
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(build_module["b" /* ComplementaryArea */], {
className: className,
scope: "core/edit-site",
identifier: identifier,
title: title,
icon: icon,
closeLabel: closeLabel,
header: header,
headerClassName: headerClassName
}, children), Object(external_wp_element_["createElement"])(build_module["c" /* ComplementaryAreaMoreMenuItem */], {
scope: "core/edit-site",
identifier: identifier,
icon: icon
}, title));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/styles.js
/**
* WordPress dependencies
*/
const styles_styles = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["Path"], {
d: "M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z"
}));
/* harmony default export */ var library_styles = (styles_styles);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js
var build_module_icon = __webpack_require__("iClF");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-left.js
var chevron_left = __webpack_require__("2gm7");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-right.js
var chevron_right = __webpack_require__("1iEr");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/utils.js
/**
* External dependencies
*/
/* Supporting data */
const ROOT_BLOCK_NAME = 'root';
const ROOT_BLOCK_SELECTOR = 'body';
const ROOT_BLOCK_SUPPORTS = ['background', 'backgroundColor', 'color', 'linkColor', 'fontFamily', 'fontSize', 'fontStyle', 'fontWeight', 'lineHeight', 'textDecoration', 'textTransform', 'padding'];
const PRESET_METADATA = [{
path: ['color', 'palette'],
valueKey: 'color',
cssVarInfix: 'color',
classes: [{
classSuffix: 'color',
propertyName: 'color'
}, {
classSuffix: 'background-color',
propertyName: 'background-color'
}, {
classSuffix: 'border-color',
propertyName: 'border-color'
}]
}, {
path: ['color', 'gradients'],
valueKey: 'gradient',
cssVarInfix: 'gradient',
classes: [{
classSuffix: 'gradient-background',
propertyName: 'background'
}]
}, {
path: ['typography', 'fontSizes'],
valueKey: 'size',
cssVarInfix: 'font-size',
classes: [{
classSuffix: 'font-size',
propertyName: 'font-size'
}]
}, {
path: ['typography', 'fontFamilies'],
valueKey: 'fontFamily',
cssVarInfix: 'font-family',
classes: [{
classSuffix: 'font-family',
propertyName: 'font-family'
}]
}];
const STYLE_PATH_TO_CSS_VAR_INFIX = {
'color.background': 'color',
'color.text': 'color',
'elements.link.color.text': 'color',
'color.gradient': 'gradient',
'typography.fontSize': 'font-size',
'typography.fontFamily': 'font-family'
};
function findInPresetsBy(features, blockName, presetPath, presetProperty, presetValueValue) {
// Block presets take priority above root level presets.
const orderedPresetsByOrigin = [Object(external_lodash_["get"])(features, ['blocks', blockName, ...presetPath]), Object(external_lodash_["get"])(features, presetPath)];
for (const presetByOrigin of orderedPresetsByOrigin) {
if (presetByOrigin) {
// Preset origins ordered by priority.
const origins = ['custom', 'theme', 'default'];
for (const origin of origins) {
const presets = presetByOrigin[origin];
if (presets) {
const presetObject = Object(external_lodash_["find"])(presets, preset => preset[presetProperty] === presetValueValue);
if (presetObject) {
if (presetProperty === 'slug') {
return presetObject;
} // if there is a highest priority preset with the same slug but different value the preset we found was overwritten and should be ignored.
const highestPresetObjectWithSameSlug = findInPresetsBy(features, blockName, presetPath, 'slug', presetObject.slug);
if (highestPresetObjectWithSameSlug[presetProperty] === presetObject[presetProperty]) {
return presetObject;
}
return undefined;
}
}
}
}
}
}
function getPresetVariableFromValue(features, blockName, variableStylePath, presetPropertyValue) {
if (!presetPropertyValue) {
return presetPropertyValue;
}
const cssVarInfix = STYLE_PATH_TO_CSS_VAR_INFIX[variableStylePath];
const metadata = Object(external_lodash_["find"])(PRESET_METADATA, ['cssVarInfix', cssVarInfix]);
if (!metadata) {
// The property doesn't have preset data
// so the value should be returned as it is.
return presetPropertyValue;
}
const {
valueKey,
path
} = metadata;
const presetObject = findInPresetsBy(features, blockName, path, valueKey, presetPropertyValue);
if (!presetObject) {
// Value wasn't found in the presets,
// so it must be a custom value.
return presetPropertyValue;
}
return `var:preset|${cssVarInfix}|${presetObject.slug}`;
}
function getValueFromPresetVariable(features, blockName, variable, _ref) {
let [presetType, slug] = _ref;
const metadata = Object(external_lodash_["find"])(PRESET_METADATA, ['cssVarInfix', presetType]);
if (!metadata) {
return variable;
}
const presetObject = findInPresetsBy(features, blockName, metadata.path, 'slug', slug);
if (presetObject) {
const {
valueKey
} = metadata;
const result = presetObject[valueKey];
return getValueFromVariable(features, blockName, result);
}
return variable;
}
function getValueFromCustomVariable(features, blockName, variable, path) {
var _get;
const result = (_get = Object(external_lodash_["get"])(features, ['blocks', blockName, 'custom', ...path])) !== null && _get !== void 0 ? _get : Object(external_lodash_["get"])(features, ['custom', ...path]);
if (!result) {
return variable;
} // A variable may reference another variable so we need recursion until we find the value.
return getValueFromVariable(features, blockName, result);
}
function getValueFromVariable(features, blockName, variable) {
if (!variable || !Object(external_lodash_["isString"])(variable)) {
return variable;
}
const USER_VALUE_PREFIX = 'var:';
const THEME_VALUE_PREFIX = 'var(--wp--';
const THEME_VALUE_SUFFIX = ')';
let parsedVar;
if (variable.startsWith(USER_VALUE_PREFIX)) {
parsedVar = variable.slice(USER_VALUE_PREFIX.length).split('|');
} else if (variable.startsWith(THEME_VALUE_PREFIX) && variable.endsWith(THEME_VALUE_SUFFIX)) {
parsedVar = variable.slice(THEME_VALUE_PREFIX.length, -THEME_VALUE_SUFFIX.length).split('--');
} else {
// We don't know how to parse the value: either is raw of uses complex CSS such as `calc(1px * var(--wp--variable) )`
return variable;
}
const [type, ...path] = parsedVar;
if (type === 'preset') {
return getValueFromPresetVariable(features, blockName, variable, path);
}
if (type === 'custom') {
return getValueFromCustomVariable(features, blockName, variable, path);
}
return variable;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/context.js
/**
* WordPress dependencies
*/
const DEFAULT_GLOBAL_STYLES_CONTEXT = {
user: {},
base: {},
merged: {},
setUserConfig: () => {}
};
const GlobalStylesContext = Object(external_wp_element_["createContext"])(DEFAULT_GLOBAL_STYLES_CONTEXT);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/hooks.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const EMPTY_CONFIG = {
isGlobalStylesUserThemeJSON: true,
version: 1
};
const useGlobalStylesReset = () => {
const {
user: config,
setUserConfig
} = Object(external_wp_element_["useContext"])(GlobalStylesContext);
const canReset = !!config && !Object(external_lodash_["isEqual"])(config, EMPTY_CONFIG);
return [canReset, Object(external_wp_element_["useCallback"])(() => setUserConfig(() => EMPTY_CONFIG), [setUserConfig])];
};
function useSetting(path, blockName) {
var _getSettingValueForCo;
let source = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'all';
const {
merged: mergedConfig,
base: baseConfig,
user: userConfig,
setUserConfig
} = Object(external_wp_element_["useContext"])(GlobalStylesContext);
const fullPath = !blockName ? `settings.${path}` : `settings.blocks.${blockName}.${path}`;
const setSetting = newValue => {
setUserConfig(currentConfig => {
const newUserConfig = Object(external_lodash_["cloneDeep"])(currentConfig);
const pathToSet = external_wp_blocks_["__EXPERIMENTAL_PATHS_WITH_MERGE"][path] ? fullPath + '.custom' : fullPath;
Object(external_lodash_["set"])(newUserConfig, pathToSet, newValue);
return newUserConfig;
});
};
const getSettingValueForContext = name => {
const currentPath = !name ? `settings.${path}` : `settings.blocks.${name}.${path}`;
const getSettingValue = configToUse => {
const result = Object(external_lodash_["get"])(configToUse, currentPath);
if (external_wp_blocks_["__EXPERIMENTAL_PATHS_WITH_MERGE"][path]) {
var _ref, _result$custom;
return (_ref = (_result$custom = result === null || result === void 0 ? void 0 : result.custom) !== null && _result$custom !== void 0 ? _result$custom : result === null || result === void 0 ? void 0 : result.theme) !== null && _ref !== void 0 ? _ref : result === null || result === void 0 ? void 0 : result.default;
}
return result;
};
let result;
switch (source) {
case 'all':
result = getSettingValue(mergedConfig);
break;
case 'user':
result = getSettingValue(userConfig);
break;
case 'base':
result = getSettingValue(baseConfig);
break;
default:
throw 'Unsupported source';
}
return result;
}; // Unlike styles settings get inherited from top level settings.
const resultWithFallback = (_getSettingValueForCo = getSettingValueForContext(blockName)) !== null && _getSettingValueForCo !== void 0 ? _getSettingValueForCo : getSettingValueForContext();
return [resultWithFallback, setSetting];
}
function useStyle(path, blockName) {
var _get;
let source = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'all';
const {
merged: mergedConfig,
base: baseConfig,
user: userConfig,
setUserConfig
} = Object(external_wp_element_["useContext"])(GlobalStylesContext);
const finalPath = !blockName ? `styles.${path}` : `styles.blocks.${blockName}.${path}`;
const setStyle = newValue => {
setUserConfig(currentConfig => {
const newUserConfig = Object(external_lodash_["cloneDeep"])(currentConfig);
Object(external_lodash_["set"])(newUserConfig, finalPath, getPresetVariableFromValue(mergedConfig.settings, blockName, path, newValue));
return newUserConfig;
});
};
let result;
switch (source) {
case 'all':
result = getValueFromVariable(mergedConfig.settings, blockName, (_get = Object(external_lodash_["get"])(userConfig, finalPath)) !== null && _get !== void 0 ? _get : Object(external_lodash_["get"])(baseConfig, finalPath));
break;
case 'user':
result = getValueFromVariable(mergedConfig.settings, blockName, Object(external_lodash_["get"])(userConfig, finalPath));
break;
case 'base':
result = getValueFromVariable(baseConfig.settings, blockName, Object(external_lodash_["get"])(baseConfig, finalPath));
break;
default:
throw 'Unsupported source';
}
return [result, setStyle];
}
const hooks_ROOT_BLOCK_SUPPORTS = ['background', 'backgroundColor', 'color', 'linkColor', 'fontFamily', 'fontSize', 'fontStyle', 'fontWeight', 'lineHeight', 'textDecoration', 'textTransform', 'padding'];
function getSupportedGlobalStylesPanels(name) {
if (!name) {
return hooks_ROOT_BLOCK_SUPPORTS;
}
const blockType = Object(external_wp_blocks_["getBlockType"])(name);
if (!blockType) {
return [];
}
const supportKeys = [];
Object.keys(external_wp_blocks_["__EXPERIMENTAL_STYLE_PROPERTY"]).forEach(styleName => {
if (!external_wp_blocks_["__EXPERIMENTAL_STYLE_PROPERTY"][styleName].support) {
return;
} // Opting out means that, for certain support keys like background color,
// blocks have to explicitly set the support value false. If the key is
// unset, we still enable it.
if (external_wp_blocks_["__EXPERIMENTAL_STYLE_PROPERTY"][styleName].requiresOptOut) {
if (Object(external_lodash_["has"])(blockType.supports, external_wp_blocks_["__EXPERIMENTAL_STYLE_PROPERTY"][styleName].support[0]) && Object(external_lodash_["get"])(blockType.supports, external_wp_blocks_["__EXPERIMENTAL_STYLE_PROPERTY"][styleName].support) !== false) {
return supportKeys.push(styleName);
}
}
if (Object(external_lodash_["get"])(blockType.supports, external_wp_blocks_["__EXPERIMENTAL_STYLE_PROPERTY"][styleName].support, false)) {
return supportKeys.push(styleName);
}
});
return supportKeys;
}
function useColorsPerOrigin(name) {
const [customColors] = useSetting('color.palette.custom', name);
const [themeColors] = useSetting('color.palette.theme', name);
const [defaultColors] = useSetting('color.palette.default', name);
const [shouldDisplayDefaultColors] = useSetting('color.defaultPalette');
return Object(external_wp_element_["useMemo"])(() => {
const result = [];
if (themeColors && themeColors.length) {
result.push({
name: Object(external_wp_i18n_["_x"])('Theme', 'Indicates this palette comes from the theme.'),
colors: themeColors
});
}
if (shouldDisplayDefaultColors && defaultColors && defaultColors.length) {
result.push({
name: Object(external_wp_i18n_["_x"])('Default', 'Indicates this palette comes from WordPress.'),
colors: defaultColors
});
}
if (customColors && customColors.length) {
result.push({
name: Object(external_wp_i18n_["_x"])('Custom', 'Indicates this palette is created by the user.'),
colors: customColors
});
}
return result;
}, [customColors, themeColors, defaultColors]);
}
function useGradientsPerOrigin(name) {
const [customGradients] = useSetting('color.gradients.custom', name);
const [themeGradients] = useSetting('color.gradients.theme', name);
const [defaultGradients] = useSetting('color.gradients.default', name);
const [shouldDisplayDefaultGradients] = useSetting('color.defaultGradients');
return Object(external_wp_element_["useMemo"])(() => {
const result = [];
if (themeGradients && themeGradients.length) {
result.push({
name: Object(external_wp_i18n_["_x"])('Theme', 'Indicates this palette comes from the theme.'),
gradients: themeGradients
});
}
if (shouldDisplayDefaultGradients && defaultGradients && defaultGradients.length) {
result.push({
name: Object(external_wp_i18n_["_x"])('Default', 'Indicates this palette comes from WordPress.'),
gradients: defaultGradients
});
}
if (customGradients && customGradients.length) {
result.push({
name: Object(external_wp_i18n_["_x"])('Custom', 'Indicates this palette is created by the user.'),
gradients: customGradients
});
}
return result;
}, [customGradients, themeGradients, defaultGradients]);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/preview.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const StylesPreview = () => {
const [fontFamily = 'serif'] = useStyle('typography.fontFamily');
const [textColor = 'black'] = useStyle('color.text');
const [linkColor = 'blue'] = useStyle('elements.link.color.text');
const [backgroundColor = 'white'] = useStyle('color.background');
const [gradientValue] = useStyle('color.gradient');
return Object(external_wp_element_["createElement"])(external_wp_components_["Card"], {
className: "edit-site-global-styles-preview",
style: {
background: gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor
}
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
spacing: 5
}, Object(external_wp_element_["createElement"])("div", {
style: {
fontFamily,
fontSize: '80px',
color: textColor
}
}, "Aa"), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalVStack"], {
spacing: 2
}, Object(external_wp_element_["createElement"])(external_wp_components_["ColorIndicator"], {
colorValue: textColor
}), Object(external_wp_element_["createElement"])(external_wp_components_["ColorIndicator"], {
colorValue: linkColor
}))));
};
/* harmony default export */ var preview = (StylesPreview);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/navigation-button.js
/**
* WordPress dependencies
*/
function NavigationButton(_ref) {
let {
path,
icon,
children,
isBack = false,
...props
} = _ref;
const navigator = Object(external_wp_components_["__experimentalUseNavigator"])();
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalItem"], Object(esm_extends["a" /* default */])({
onClick: () => navigator.push(path, {
isBack
})
}, props), icon && Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
justify: "flex-start"
}, Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])(build_module_icon["a" /* default */], {
icon: icon,
size: 24
})), Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, children)), !icon && children);
}
/* harmony default export */ var navigation_button = (NavigationButton);
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/typography.js
/**
* WordPress dependencies
*/
const typography = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["Path"], {
d: "M6.9 7L3 17.8h1.7l1-2.8h4.1l1 2.8h1.7L8.6 7H6.9zm-.7 6.6l1.5-4.3 1.5 4.3h-3zM21.6 17c-.1.1-.2.2-.3.2-.1.1-.2.1-.4.1s-.3-.1-.4-.2c-.1-.1-.1-.3-.1-.6V12c0-.5 0-1-.1-1.4-.1-.4-.3-.7-.5-1-.2-.2-.5-.4-.9-.5-.4 0-.8-.1-1.3-.1s-1 .1-1.4.2c-.4.1-.7.3-1 .4-.2.2-.4.3-.6.5-.1.2-.2.4-.2.7 0 .3.1.5.2.8.2.2.4.3.8.3.3 0 .6-.1.8-.3.2-.2.3-.4.3-.7 0-.3-.1-.5-.2-.7-.2-.2-.4-.3-.6-.4.2-.2.4-.3.7-.4.3-.1.6-.1.8-.1.3 0 .6 0 .8.1.2.1.4.3.5.5.1.2.2.5.2.9v1.1c0 .3-.1.5-.3.6-.2.2-.5.3-.9.4-.3.1-.7.3-1.1.4-.4.1-.8.3-1.1.5-.3.2-.6.4-.8.7-.2.3-.3.7-.3 1.2 0 .6.2 1.1.5 1.4.3.4.9.5 1.6.5.5 0 1-.1 1.4-.3.4-.2.8-.6 1.1-1.1 0 .4.1.7.3 1 .2.3.6.4 1.2.4.4 0 .7-.1.9-.2.2-.1.5-.3.7-.4h-.3zm-3-.9c-.2.4-.5.7-.8.8-.3.2-.6.2-.8.2-.4 0-.6-.1-.9-.3-.2-.2-.3-.6-.3-1.1 0-.5.1-.9.3-1.2s.5-.5.8-.7c.3-.2.7-.3 1-.5.3-.1.6-.3.7-.6v3.4z"
}));
/* harmony default export */ var library_typography = (typography);
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/color.js
/**
* WordPress dependencies
*/
const color_color = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["Path"], {
d: "M17.2 10.9c-.5-1-1.2-2.1-2.1-3.2-.6-.9-1.3-1.7-2.1-2.6L12 4l-1 1.1c-.6.9-1.3 1.7-2 2.6-.8 1.2-1.5 2.3-2 3.2-.6 1.2-1 2.2-1 3 0 3.4 2.7 6.1 6.1 6.1s6.1-2.7 6.1-6.1c0-.8-.3-1.8-1-3zm-5.1 7.6c-2.5 0-4.6-2.1-4.6-4.6 0-.3.1-1 .8-2.3.5-.9 1.1-1.9 2-3.1.7-.9 1.3-1.7 1.8-2.3.7.8 1.3 1.6 1.8 2.3.8 1.1 1.5 2.2 2 3.1.7 1.3.8 2 .8 2.3 0 2.5-2.1 4.6-4.6 4.6z"
}));
/* harmony default export */ var library_color = (color_color);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/layout.js
var layout = __webpack_require__("Civd");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/border-panel.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const MIN_BORDER_WIDTH = 0; // Defining empty array here instead of inline avoids unnecessary re-renders of
// color control.
const EMPTY_ARRAY = [];
function useHasBorderPanel(name) {
const controls = [useHasBorderColorControl(name), useHasBorderRadiusControl(name), useHasBorderStyleControl(name), useHasBorderWidthControl(name)];
return controls.some(Boolean);
}
function useHasBorderColorControl(name) {
const supports = getSupportedGlobalStylesPanels(name);
return useSetting('border.color', name)[0] && supports.includes('borderColor');
}
function useHasBorderRadiusControl(name) {
const supports = getSupportedGlobalStylesPanels(name);
return useSetting('border.radius', name)[0] && supports.includes('borderRadius');
}
function useHasBorderStyleControl(name) {
const supports = getSupportedGlobalStylesPanels(name);
return useSetting('border.style', name)[0] && supports.includes('borderStyle');
}
function useHasBorderWidthControl(name) {
const supports = getSupportedGlobalStylesPanels(name);
return useSetting('border.width', name)[0] && supports.includes('borderWidth');
}
function BorderPanel(_ref) {
let {
name
} = _ref;
const units = Object(external_wp_components_["__experimentalUseCustomUnits"])({
availableUnits: useSetting('spacing.units')[0] || ['px', 'em', 'rem']
}); // Border width.
const hasBorderWidth = useHasBorderWidthControl(name);
const [borderWidthValue, setBorderWidth] = useStyle('border.width', name); // Border style.
const hasBorderStyle = useHasBorderStyleControl(name);
const [borderStyle, setBorderStyle] = useStyle('border.style', name); // Border color.
const [colors = EMPTY_ARRAY] = useSetting('color.palette');
const disableCustomColors = !useSetting('color.custom')[0];
const disableCustomGradients = !useSetting('color.customGradient')[0];
const hasBorderColor = useHasBorderColorControl(name);
const [borderColor, setBorderColor] = useStyle('border.color', name); // Border radius.
const hasBorderRadius = useHasBorderRadiusControl(name);
const [borderRadiusValues, setBorderRadius] = useStyle('border.radius', name);
return Object(external_wp_element_["createElement"])(external_wp_components_["PanelBody"], {
title: Object(external_wp_i18n_["__"])('Border'),
initialOpen: true
}, (hasBorderWidth || hasBorderStyle) && Object(external_wp_element_["createElement"])("div", {
className: "edit-site-global-styles-sidebar__border-controls-row"
}, hasBorderWidth && Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalUnitControl"], {
value: borderWidthValue,
label: Object(external_wp_i18n_["__"])('Width'),
min: MIN_BORDER_WIDTH,
onChange: value => {
setBorderWidth(value || undefined);
},
units: units
}), hasBorderStyle && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalBorderStyleControl"], {
value: borderStyle,
onChange: setBorderStyle
})), hasBorderColor && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalColorGradientControl"], {
label: Object(external_wp_i18n_["__"])('Color'),
colorValue: borderColor,
colors: colors,
gradients: undefined,
disableCustomColors: disableCustomColors,
disableCustomGradients: disableCustomGradients,
onColorChange: setBorderColor
}), hasBorderRadius && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalBorderRadiusControl"], {
values: borderRadiusValues,
onChange: setBorderRadius
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/color-utils.js
/**
* Internal dependencies
*/
function useHasColorPanel(name) {
const supports = getSupportedGlobalStylesPanels(name);
return supports.includes('color') || supports.includes('backgroundColor') || supports.includes('background') || supports.includes('linkColor');
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/dimensions-panel.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const AXIAL_SIDES = ['horizontal', 'vertical'];
function useHasDimensionsPanel(name) {
const hasPadding = useHasPadding(name);
const hasMargin = useHasMargin(name);
const hasGap = useHasGap(name);
return hasPadding || hasMargin || hasGap;
}
function useHasPadding(name) {
const supports = getSupportedGlobalStylesPanels(name);
const [settings] = useSetting('spacing.padding', name);
return settings && supports.includes('padding');
}
function useHasMargin(name) {
const supports = getSupportedGlobalStylesPanels(name);
const [settings] = useSetting('spacing.margin', name);
return settings && supports.includes('margin');
}
function useHasGap(name) {
const supports = getSupportedGlobalStylesPanels(name);
const [settings] = useSetting('spacing.blockGap', name);
return settings && supports.includes('--wp--style--block-gap');
}
function filterValuesBySides(values, sides) {
if (!sides) {
// If no custom side configuration all sides are opted into by default.
return values;
} // Only include sides opted into within filtered values.
const filteredValues = {};
sides.forEach(side => {
if (side === 'vertical') {
filteredValues.top = values.top;
filteredValues.bottom = values.bottom;
}
if (side === 'horizontal') {
filteredValues.left = values.left;
filteredValues.right = values.right;
}
filteredValues[side] = values[side];
});
return filteredValues;
}
function splitStyleValue(value) {
// Check for shorthand value ( a string value ).
if (value && typeof value === 'string') {
// Convert to value for individual sides for BoxControl.
return {
top: value,
right: value,
bottom: value,
left: value
};
}
return value;
}
function DimensionsPanel(_ref) {
let {
name
} = _ref;
const showPaddingControl = useHasPadding(name);
const showMarginControl = useHasMargin(name);
const showGapControl = useHasGap(name);
const units = Object(external_wp_components_["__experimentalUseCustomUnits"])({
availableUnits: useSetting('spacing.units', name)[0] || ['%', 'px', 'em', 'rem', 'vw']
});
const [rawPadding, setRawPadding] = useStyle('spacing.padding', name);
const paddingValues = splitStyleValue(rawPadding);
const paddingSides = Object(external_wp_blockEditor_["__experimentalUseCustomSides"])(name, 'padding');
const isAxialPadding = paddingSides && paddingSides.some(side => AXIAL_SIDES.includes(side));
const setPaddingValues = newPaddingValues => {
const padding = filterValuesBySides(newPaddingValues, paddingSides);
setRawPadding(padding);
};
const resetPaddingValue = () => setPaddingValues({});
const hasPaddingValue = () => !!paddingValues && Object.keys(paddingValues).length;
const [rawMargin, setRawMargin] = useStyle('spacing.margin', name);
const marginValues = splitStyleValue(rawMargin);
const marginSides = Object(external_wp_blockEditor_["__experimentalUseCustomSides"])(name, 'margin');
const isAxialMargin = marginSides && marginSides.some(side => AXIAL_SIDES.includes(side));
const setMarginValues = newMarginValues => {
const margin = filterValuesBySides(newMarginValues, marginSides);
setRawMargin(margin);
};
const resetMarginValue = () => setMarginValues({});
const hasMarginValue = () => !!marginValues && Object.keys(marginValues).length;
const [gapValue, setGapValue] = useStyle('spacing.blockGap', name);
const resetGapValue = () => setGapValue(undefined);
const hasGapValue = () => !!gapValue;
const resetAll = () => {
resetPaddingValue();
resetMarginValue();
resetGapValue();
};
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalToolsPanel"], {
label: Object(external_wp_i18n_["__"])('Dimensions'),
resetAll: resetAll
}, showPaddingControl && Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalToolsPanelItem"], {
hasValue: hasPaddingValue,
label: Object(external_wp_i18n_["__"])('Padding'),
onDeselect: resetPaddingValue,
isShownByDefault: true
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalBoxControl"], {
values: paddingValues,
onChange: setPaddingValues,
label: Object(external_wp_i18n_["__"])('Padding'),
sides: paddingSides,
units: units,
allowReset: false,
splitOnAxis: isAxialPadding
})), showMarginControl && Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalToolsPanelItem"], {
hasValue: hasMarginValue,
label: Object(external_wp_i18n_["__"])('Margin'),
onDeselect: resetMarginValue,
isShownByDefault: true
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalBoxControl"], {
values: marginValues,
onChange: setMarginValues,
label: Object(external_wp_i18n_["__"])('Margin'),
sides: marginSides,
units: units,
allowReset: false,
splitOnAxis: isAxialMargin
})), showGapControl && Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalToolsPanelItem"], {
hasValue: hasGapValue,
label: Object(external_wp_i18n_["__"])('Block spacing'),
onDeselect: resetGapValue,
isShownByDefault: true
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalUnitControl"], {
label: Object(external_wp_i18n_["__"])('Block spacing'),
__unstableInputWidth: "80px",
min: 0,
onChange: setGapValue,
units: units,
value: gapValue
})));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/typography-panel.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function useHasTypographyPanel(name) {
const hasLineHeight = useHasLineHeightControl(name);
const hasFontAppearance = useHasAppearanceControl(name);
const hasLetterSpacing = useHasLetterSpacingControl(name);
const supports = getSupportedGlobalStylesPanels(name);
return hasLineHeight || hasFontAppearance || hasLetterSpacing || supports.includes('fontSize');
}
function useHasLineHeightControl(name) {
const supports = getSupportedGlobalStylesPanels(name);
return useSetting('typography.lineHeight', name)[0] && supports.includes('lineHeight');
}
function useHasAppearanceControl(name) {
const supports = getSupportedGlobalStylesPanels(name);
const hasFontStyles = useSetting('typography.fontStyle', name)[0] && supports.includes('fontStyle');
const hasFontWeights = useSetting('typography.fontWeight', name)[0] && supports.includes('fontWeight');
return hasFontStyles || hasFontWeights;
}
function useHasLetterSpacingControl(name) {
const supports = getSupportedGlobalStylesPanels(name);
return useSetting('typography.letterSpacing', name)[0] && supports.includes('letterSpacing');
}
function TypographyPanel(_ref) {
let {
name,
element
} = _ref;
const supports = getSupportedGlobalStylesPanels(name);
const prefix = element === 'text' || !element ? '' : `elements.${element}.`;
const [fontSizes] = useSetting('typography.fontSizes', name);
const disableCustomFontSizes = !useSetting('typography.customFontSize', name)[0];
const [fontFamilies] = useSetting('typography.fontFamilies', name);
const hasFontStyles = useSetting('typography.fontStyle', name)[0] && supports.includes('fontStyle');
const hasFontWeights = useSetting('typography.fontWeight', name)[0] && supports.includes('fontWeight');
const hasLineHeightEnabled = useHasLineHeightControl(name);
const hasAppearanceControl = useHasAppearanceControl(name);
const hasLetterSpacingControl = useHasLetterSpacingControl(name);
const [fontFamily, setFontFamily] = useStyle(prefix + 'typography.fontFamily', name);
const [fontSize, setFontSize] = useStyle(prefix + 'typography.fontSize', name);
const [fontStyle, setFontStyle] = useStyle(prefix + 'typography.fontStyle', name);
const [fontWeight, setFontWeight] = useStyle(prefix + 'typography.fontWeight', name);
const [lineHeight, setLineHeight] = useStyle(prefix + 'typography.lineHeight', name);
const [letterSpacing, setLetterSpacing] = useStyle(prefix + 'typography.letterSpacing', name);
const [backgroundColor] = useStyle(prefix + 'color.background', name);
const [gradientValue] = useStyle(prefix + 'color.gradient', name);
const [color] = useStyle(prefix + 'color.text', name);
const extraStyles = element === 'link' ? {
textDecoration: 'underline'
} : {};
return Object(external_wp_element_["createElement"])(external_wp_components_["PanelBody"], {
className: "edit-site-typography-panel",
initialOpen: true
}, Object(external_wp_element_["createElement"])("div", {
className: "edit-site-typography-panel__preview",
style: {
fontFamily: fontFamily !== null && fontFamily !== void 0 ? fontFamily : 'serif',
background: gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor,
color,
fontSize,
fontStyle,
fontWeight,
letterSpacing,
...extraStyles
}
}, "Aa"), supports.includes('fontFamily') && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalFontFamilyControl"], {
fontFamilies: fontFamilies,
value: fontFamily,
onChange: setFontFamily
}), supports.includes('fontSize') && Object(external_wp_element_["createElement"])(external_wp_components_["FontSizePicker"], {
value: fontSize,
onChange: setFontSize,
fontSizes: fontSizes,
disableCustomFontSizes: disableCustomFontSizes
}), hasLineHeightEnabled && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["LineHeightControl"], {
value: lineHeight,
onChange: setLineHeight
}), hasAppearanceControl && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalFontAppearanceControl"], {
value: {
fontStyle,
fontWeight
},
onChange: _ref2 => {
let {
fontStyle: newFontStyle,
fontWeight: newFontWeight
} = _ref2;
setFontStyle(newFontStyle);
setFontWeight(newFontWeight);
},
hasFontStyles: hasFontStyles,
hasFontWeights: hasFontWeights
}), hasLetterSpacingControl && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalLetterSpacingControl"], {
value: letterSpacing,
onChange: setLetterSpacing
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/context-menu.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ContextMenu(_ref) {
let {
name,
parentMenu = ''
} = _ref;
const hasTypographyPanel = useHasTypographyPanel(name);
const hasColorPanel = useHasColorPanel(name);
const hasBorderPanel = useHasBorderPanel(name);
const hasDimensionsPanel = useHasDimensionsPanel(name);
const hasLayoutPanel = hasBorderPanel || hasDimensionsPanel;
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalItemGroup"], null, hasTypographyPanel && Object(external_wp_element_["createElement"])(navigation_button, {
icon: library_typography,
path: parentMenu + '/typography'
}, Object(external_wp_i18n_["__"])('Typography')), hasColorPanel && Object(external_wp_element_["createElement"])(navigation_button, {
icon: library_color,
path: parentMenu + '/colors'
}, Object(external_wp_i18n_["__"])('Colors')), hasLayoutPanel && Object(external_wp_element_["createElement"])(navigation_button, {
icon: layout["a" /* default */],
path: parentMenu + '/layout'
}, Object(external_wp_i18n_["__"])('Layout')));
}
/* harmony default export */ var context_menu = (ContextMenu);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/screen-root.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ScreenRoot() {
return Object(external_wp_element_["createElement"])(external_wp_components_["Card"], {
size: "small"
}, Object(external_wp_element_["createElement"])(external_wp_components_["CardBody"], null, Object(external_wp_element_["createElement"])(preview, null)), Object(external_wp_element_["createElement"])(external_wp_components_["CardBody"], null, Object(external_wp_element_["createElement"])(context_menu, null)), Object(external_wp_element_["createElement"])(external_wp_components_["CardDivider"], null), Object(external_wp_element_["createElement"])(external_wp_components_["CardBody"], null, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalItemGroup"], null, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalItem"], null, Object(external_wp_i18n_["__"])('Customize the appearance of specific blocks for the whole site.')), Object(external_wp_element_["createElement"])(navigation_button, {
path: "/blocks"
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
justify: "space-between"
}, Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_i18n_["__"])('Blocks')), Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])(build_module_icon["a" /* default */], {
icon: Object(external_wp_i18n_["isRTL"])() ? chevron_left["a" /* default */] : chevron_right["a" /* default */]
})))))));
}
/* harmony default export */ var screen_root = (ScreenRoot);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/header.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ScreenHeader(_ref) {
let {
back,
title,
description
} = _ref;
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalVStack"], {
spacing: 2
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
spacing: 2
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalView"], null, Object(external_wp_element_["createElement"])(navigation_button, {
path: back,
icon: Object(external_wp_element_["createElement"])(build_module_icon["a" /* default */], {
icon: Object(external_wp_i18n_["isRTL"])() ? chevron_right["a" /* default */] : chevron_left["a" /* default */],
variant: "muted"
}),
size: "small",
isBack: true,
"aria-label": Object(external_wp_i18n_["__"])('Navigate to the previous view')
})), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalSpacer"], null, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHeading"], {
level: 5
}, title))), description && Object(external_wp_element_["createElement"])("p", {
className: "edit-site-global-styles-header__description"
}, description));
}
/* harmony default export */ var global_styles_header = (ScreenHeader);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/screen-block-list.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockMenuItem(_ref) {
let {
block
} = _ref;
const hasTypographyPanel = useHasTypographyPanel(block.name);
const hasColorPanel = useHasColorPanel(block.name);
const hasBorderPanel = useHasBorderPanel(block.name);
const hasDimensionsPanel = useHasDimensionsPanel(block.name);
const hasLayoutPanel = hasBorderPanel || hasDimensionsPanel;
const hasBlockMenuItem = hasTypographyPanel || hasColorPanel || hasLayoutPanel;
if (!hasBlockMenuItem) {
return null;
}
return Object(external_wp_element_["createElement"])(navigation_button, {
path: '/blocks/' + block.name
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
justify: "flex-start"
}, Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["BlockIcon"], {
icon: block.icon
})), Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, block.title)));
}
function ScreenBlockList() {
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(global_styles_header, {
back: "/",
title: Object(external_wp_i18n_["__"])('Blocks'),
description: Object(external_wp_i18n_["__"])('Customize the appearance of specific blocks and for the whole site.')
}), Object(external_wp_blocks_["getBlockTypes"])().map(block => Object(external_wp_element_["createElement"])(BlockMenuItem, {
block: block,
key: 'menu-itemblock-' + block.name
})));
}
/* harmony default export */ var screen_block_list = (ScreenBlockList);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/screen-block.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ScreenBlock(_ref) {
let {
name
} = _ref;
const blockType = Object(external_wp_blocks_["getBlockType"])(name);
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(global_styles_header, {
back: "/blocks",
title: blockType.title
}), Object(external_wp_element_["createElement"])(context_menu, {
parentMenu: '/blocks/' + name,
name: name
}));
}
/* harmony default export */ var screen_block = (ScreenBlock);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/subtitle.js
/**
* WordPress dependencies
*/
function Subtitle(_ref) {
let {
children
} = _ref;
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHeading"], {
className: "edit-site-global-styles-subtitle",
level: 2
}, children);
}
/* harmony default export */ var subtitle = (Subtitle);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/screen-typography.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function Item(_ref) {
let {
name,
parentMenu,
element,
label
} = _ref;
const hasSupport = !name;
const prefix = element === 'text' || !element ? '' : `elements.${element}.`;
const extraStyles = element === 'link' ? {
textDecoration: 'underline'
} : {};
const [fontFamily] = useStyle(prefix + 'typography.fontFamily', name);
const [fontStyle] = useStyle(prefix + 'typography.fontStyle', name);
const [fontWeight] = useStyle(prefix + 'typography.fontWeight', name);
const [letterSpacing] = useStyle(prefix + 'typography.letterSpacing', name);
const [backgroundColor] = useStyle(prefix + 'color.background', name);
const [gradientValue] = useStyle(prefix + 'color.gradient', name);
const [color] = useStyle(prefix + 'color.text', name);
if (!hasSupport) {
return null;
}
return Object(external_wp_element_["createElement"])(navigation_button, {
path: parentMenu + '/typography/' + element
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
justify: "flex-start"
}, Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], {
className: "edit-site-global-styles-screen-typography__indicator",
style: {
fontFamily: fontFamily !== null && fontFamily !== void 0 ? fontFamily : 'serif',
background: gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor,
color,
fontStyle,
fontWeight,
letterSpacing,
...extraStyles
}
}, Object(external_wp_i18n_["__"])('Aa')), Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, label)));
}
function ScreenTypography(_ref2) {
let {
name
} = _ref2;
const parentMenu = name === undefined ? '' : '/blocks/' + name;
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(global_styles_header, {
back: parentMenu ? parentMenu : '/',
title: Object(external_wp_i18n_["__"])('Typography'),
description: Object(external_wp_i18n_["__"])('Manage the typography settings for different elements.')
}), !name && Object(external_wp_element_["createElement"])("div", {
className: "edit-site-global-styles-screen-typography"
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalVStack"], {
spacing: 3
}, Object(external_wp_element_["createElement"])(subtitle, null, Object(external_wp_i18n_["__"])('Elements')), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalItemGroup"], {
isBordered: true,
isSeparated: true
}, Object(external_wp_element_["createElement"])(Item, {
name: name,
parentMenu: parentMenu,
element: "text",
label: Object(external_wp_i18n_["__"])('Text')
}), Object(external_wp_element_["createElement"])(Item, {
name: name,
parentMenu: parentMenu,
element: "link",
label: Object(external_wp_i18n_["__"])('Links')
})))), !!name && Object(external_wp_element_["createElement"])(TypographyPanel, {
name: name,
element: "text"
}));
}
/* harmony default export */ var screen_typography = (ScreenTypography);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/screen-typography-element.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const screen_typography_element_elements = {
text: {
description: Object(external_wp_i18n_["__"])('Manage the fonts used on the site.'),
title: Object(external_wp_i18n_["__"])('Text')
},
link: {
description: Object(external_wp_i18n_["__"])('Manage the fonts and typography used on the links.'),
title: Object(external_wp_i18n_["__"])('Links')
}
};
function ScreenTypographyElement(_ref) {
let {
name,
element
} = _ref;
const parentMenu = name === undefined ? '/typography' : '/blocks/' + name + '/typography';
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(global_styles_header, {
back: parentMenu,
title: screen_typography_element_elements[element].title,
description: screen_typography_element_elements[element].description
}), Object(external_wp_element_["createElement"])(TypographyPanel, {
name: name,
element: element
}));
}
/* harmony default export */ var screen_typography_element = (ScreenTypographyElement);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/palette.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const EMPTY_COLORS = [];
function Palette(_ref) {
let {
name
} = _ref;
const [customColors] = useSetting('color.palette.custom');
const [themeColors] = useSetting('color.palette.theme');
const [defaultColors] = useSetting('color.palette.default');
const [defaultPaletteEnabled] = useSetting('color.defaultPalette', name);
const colors = Object(external_wp_element_["useMemo"])(() => [...(customColors || EMPTY_COLORS), ...(themeColors || EMPTY_COLORS), ...(defaultColors && defaultPaletteEnabled ? defaultColors : EMPTY_COLORS)], [customColors, themeColors, defaultColors, defaultPaletteEnabled]);
const screenPath = !name ? '/colors/palette' : '/blocks/' + name + '/colors/palette';
const paletteButtonText = colors.length > 0 ? Object(external_wp_i18n_["sprintf"])( // Translators: %d: Number of palette colors.
Object(external_wp_i18n_["_n"])('%d color', '%d colors', colors.length), colors.length) : Object(external_wp_i18n_["__"])('Add custom colors');
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalVStack"], {
spacing: 3
}, Object(external_wp_element_["createElement"])(subtitle, null, Object(external_wp_i18n_["__"])('Palette')), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalItemGroup"], {
isBordered: true,
isSeparated: true
}, Object(external_wp_element_["createElement"])(navigation_button, {
path: screenPath
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
isReversed: colors.length === 0
}, Object(external_wp_element_["createElement"])(external_wp_components_["FlexBlock"], null, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalZStack"], {
isLayered: false,
offset: -8
}, colors.slice(0, 5).map(_ref2 => {
let {
color
} = _ref2;
return Object(external_wp_element_["createElement"])(external_wp_components_["ColorIndicator"], {
key: color,
colorValue: color
});
}))), Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, paletteButtonText)))));
}
/* harmony default export */ var palette = (Palette);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/screen-colors.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BackgroundColorItem(_ref) {
let {
name,
parentMenu
} = _ref;
const supports = getSupportedGlobalStylesPanels(name);
const hasSupport = supports.includes('backgroundColor') || supports.includes('background');
const [backgroundColor] = useStyle('color.background', name);
const [gradientValue] = useStyle('color.gradient', name);
if (!hasSupport) {
return null;
}
return Object(external_wp_element_["createElement"])(navigation_button, {
path: parentMenu + '/colors/background'
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
justify: "flex-start"
}, Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])(external_wp_components_["ColorIndicator"], {
colorValue: gradientValue !== null && gradientValue !== void 0 ? gradientValue : backgroundColor
})), Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_i18n_["__"])('Background'))));
}
function TextColorItem(_ref2) {
let {
name,
parentMenu
} = _ref2;
const supports = getSupportedGlobalStylesPanels(name);
const hasSupport = supports.includes('color');
const [color] = useStyle('color.text', name);
if (!hasSupport) {
return null;
}
return Object(external_wp_element_["createElement"])(navigation_button, {
path: parentMenu + '/colors/text'
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
justify: "flex-start"
}, Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])(external_wp_components_["ColorIndicator"], {
colorValue: color
})), Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_i18n_["__"])('Text'))));
}
function LinkColorItem(_ref3) {
let {
name,
parentMenu
} = _ref3;
const supports = getSupportedGlobalStylesPanels(name);
const hasSupport = supports.includes('linkColor');
const [color] = useStyle('elements.link.color.text', name);
if (!hasSupport) {
return null;
}
return Object(external_wp_element_["createElement"])(navigation_button, {
path: parentMenu + '/colors/link'
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
justify: "flex-start"
}, Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])(external_wp_components_["ColorIndicator"], {
colorValue: color
})), Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_i18n_["__"])('Links'))));
}
function ScreenColors(_ref4) {
let {
name
} = _ref4;
const parentMenu = name === undefined ? '' : '/blocks/' + name;
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(global_styles_header, {
back: parentMenu ? parentMenu : '/',
title: Object(external_wp_i18n_["__"])('Colors'),
description: Object(external_wp_i18n_["__"])('Manage palettes and the default color of different global elements on the website.')
}), Object(external_wp_element_["createElement"])("div", {
className: "edit-site-global-styles-screen-colors"
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalVStack"], {
spacing: 10
}, Object(external_wp_element_["createElement"])(palette, {
name: name
}), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalVStack"], {
spacing: 3
}, Object(external_wp_element_["createElement"])(subtitle, null, Object(external_wp_i18n_["__"])('Elements')), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalItemGroup"], {
isBordered: true,
isSeparated: true
}, Object(external_wp_element_["createElement"])(BackgroundColorItem, {
name: name,
parentMenu: parentMenu
}), Object(external_wp_element_["createElement"])(TextColorItem, {
name: name,
parentMenu: parentMenu
}), Object(external_wp_element_["createElement"])(LinkColorItem, {
name: name,
parentMenu: parentMenu
}))))));
}
/* harmony default export */ var screen_colors = (ScreenColors);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/color-palette-panel.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ColorPalettePanel(_ref) {
let {
name
} = _ref;
const [themeColors, setThemeColors] = useSetting('color.palette.theme', name);
const [baseThemeColors] = useSetting('color.palette.theme', name, 'base');
const [defaultColors, setDefaultColors] = useSetting('color.palette.default', name);
const [baseDefaultColors] = useSetting('color.palette.default', name, 'base');
const [customColors, setCustomColors] = useSetting('color.palette.custom', name);
const [defaultPaletteEnabled] = useSetting('color.defaultPalette', name);
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalVStack"], {
className: "edit-site-global-styles-color-palette-panel",
spacing: 10
}, !!themeColors && !!themeColors.length && Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalPaletteEdit"], {
canReset: themeColors !== baseThemeColors,
canOnlyChangeValues: true,
colors: themeColors,
onChange: setThemeColors,
paletteLabel: Object(external_wp_i18n_["__"])('Theme')
}), !!defaultColors && !!defaultColors.length && !!defaultPaletteEnabled && Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalPaletteEdit"], {
canReset: defaultColors !== baseDefaultColors,
canOnlyChangeValues: true,
colors: defaultColors,
onChange: setDefaultColors,
paletteLabel: Object(external_wp_i18n_["__"])('Default')
}), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalPaletteEdit"], {
colors: customColors,
onChange: setCustomColors,
paletteLabel: Object(external_wp_i18n_["__"])('Custom'),
emptyMessage: Object(external_wp_i18n_["__"])('Custom colors are empty! Add some colors to create your own color palette.'),
slugPrefix: "custom-"
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/gradients-palette-panel.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function GradientPalettePanel(_ref) {
let {
name
} = _ref;
const [themeGradients, setThemeGradients] = useSetting('color.gradients.theme', name);
const [baseThemeGradients] = useSetting('color.gradients.theme', name, 'base');
const [defaultGradients, setDefaultGradients] = useSetting('color.gradients.default', name);
const [baseDefaultGradients] = useSetting('color.gradients.default', name, 'base');
const [customGradients, setCustomGradients] = useSetting('color.gradients.custom', name);
const [defaultPaletteEnabled] = useSetting('color.defaultGradients', name);
const [duotonePalette] = useSetting('color.duotone') || [];
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalVStack"], {
className: "edit-site-global-styles-gradient-palette-panel",
spacing: 10
}, !!themeGradients && !!themeGradients.length && Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalPaletteEdit"], {
canReset: themeGradients !== baseThemeGradients,
canOnlyChangeValues: true,
gradients: themeGradients,
onChange: setThemeGradients,
paletteLabel: Object(external_wp_i18n_["__"])('Theme')
}), !!defaultGradients && !!defaultGradients.length && !!defaultPaletteEnabled && Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalPaletteEdit"], {
canReset: defaultGradients !== baseDefaultGradients,
canOnlyChangeValues: true,
gradients: defaultGradients,
onChange: setDefaultGradients,
paletteLabel: Object(external_wp_i18n_["__"])('Default')
}), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalPaletteEdit"], {
gradients: customGradients,
onChange: setCustomGradients,
paletteLabel: Object(external_wp_i18n_["__"])('Custom'),
emptyMessage: Object(external_wp_i18n_["__"])('Custom gradients are empty! Add some gradients to create your own palette.'),
slugPrefix: "custom-"
}), Object(external_wp_element_["createElement"])("div", null, Object(external_wp_element_["createElement"])(subtitle, null, Object(external_wp_i18n_["__"])('Duotone')), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalSpacer"], {
margin: 3
}), Object(external_wp_element_["createElement"])(external_wp_components_["DuotonePicker"], {
duotonePalette: duotonePalette,
disableCustomDuotone: true,
disableCustomColors: true,
clearable: false,
onChange: external_lodash_["noop"]
})));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/screen-color-palette.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ScreenColorPalette(_ref) {
let {
name
} = _ref;
const [currentTab, setCurrentTab] = Object(external_wp_element_["useState"])('solid');
const parentMenu = name === undefined ? '' : '/blocks/' + name;
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(global_styles_header, {
back: parentMenu + '/colors',
title: Object(external_wp_i18n_["__"])('Palette'),
description: Object(external_wp_i18n_["__"])('Palettes are used to provide default color options for blocks and various design tools. Here you can edit the colors with their labels.')
}), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalToggleGroupControl"], {
className: "edit-site-screen-color-palette-toggle",
value: currentTab,
onChange: setCurrentTab,
label: Object(external_wp_i18n_["__"])('Select palette type'),
hideLabelFromVision: true,
isBlock: true
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalToggleGroupControlOption"], {
value: "solid",
label: Object(external_wp_i18n_["__"])('Solid')
}), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalToggleGroupControlOption"], {
value: "gradient",
label: Object(external_wp_i18n_["__"])('Gradient')
})), currentTab === 'solid' && Object(external_wp_element_["createElement"])(ColorPalettePanel, {
name: name
}), currentTab === 'gradient' && Object(external_wp_element_["createElement"])(GradientPalettePanel, {
name: name
}));
}
/* harmony default export */ var screen_color_palette = (ScreenColorPalette);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/screen-background-color.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ScreenBackgroundColor(_ref) {
let {
name
} = _ref;
const parentMenu = name === undefined ? '' : '/blocks/' + name;
const supports = getSupportedGlobalStylesPanels(name);
const [solids] = useSetting('color.palette', name);
const [gradients] = useSetting('color.gradients', name);
const [areCustomSolidsEnabled] = useSetting('color.custom', name);
const [areCustomGradientsEnabled] = useSetting('color.customGradient', name);
const colorsPerOrigin = useColorsPerOrigin(name);
const gradientsPerOrigin = useGradientsPerOrigin(name);
const [isBackgroundEnabled] = useSetting('color.background', name);
const hasBackgroundColor = supports.includes('backgroundColor') && isBackgroundEnabled && (solids.length > 0 || areCustomSolidsEnabled);
const hasGradientColor = supports.includes('background') && (gradients.length > 0 || areCustomGradientsEnabled);
const [backgroundColor, setBackgroundColor] = useStyle('color.background', name);
const [userBackgroundColor] = useStyle('color.background', name, 'user');
const [gradient, setGradient] = useStyle('color.gradient', name);
const [userGradient] = useStyle('color.gradient', name, 'user');
if (!hasBackgroundColor && !hasGradientColor) {
return null;
}
const settings = [];
let backgroundSettings = {};
if (hasBackgroundColor) {
backgroundSettings = {
colorValue: backgroundColor,
onColorChange: setBackgroundColor
};
if (backgroundColor) {
backgroundSettings.clearable = backgroundColor === userBackgroundColor;
}
}
let gradientSettings = {};
if (hasGradientColor) {
gradientSettings = {
gradientValue: gradient,
onGradientChange: setGradient
};
if (gradient) {
gradientSettings.clearable = gradient === userGradient;
}
}
settings.push({ ...backgroundSettings,
...gradientSettings,
label: Object(external_wp_i18n_["__"])('Background color')
});
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(global_styles_header, {
back: parentMenu + '/colors',
title: Object(external_wp_i18n_["__"])('Background'),
description: Object(external_wp_i18n_["__"])('Set a background color or gradient for the whole website.')
}), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalPanelColorGradientSettings"], {
title: Object(external_wp_i18n_["__"])('Color'),
settings: settings,
colors: colorsPerOrigin,
gradients: gradientsPerOrigin,
disableCustomColors: !areCustomSolidsEnabled,
disableCustomGradients: !areCustomGradientsEnabled,
__experimentalHasMultipleOrigins: true,
showTitle: false,
enableAlpha: true,
__experimentalIsRenderedInSidebar: true
}));
}
/* harmony default export */ var screen_background_color = (ScreenBackgroundColor);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/screen-text-color.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ScreenTextColor(_ref) {
let {
name
} = _ref;
const parentMenu = name === undefined ? '' : '/blocks/' + name;
const supports = getSupportedGlobalStylesPanels(name);
const [solids] = useSetting('color.palette', name);
const [areCustomSolidsEnabled] = useSetting('color.custom', name);
const [isTextEnabled] = useSetting('color.text', name);
const colorsPerOrigin = useColorsPerOrigin(name);
const hasTextColor = supports.includes('color') && isTextEnabled && (solids.length > 0 || areCustomSolidsEnabled);
const [color, setColor] = useStyle('color.text', name);
const [userColor] = useStyle('color.text', name, 'user');
if (!hasTextColor) {
return null;
}
const settings = [{
colorValue: color,
onColorChange: setColor,
label: Object(external_wp_i18n_["__"])('Text color'),
clearable: color === userColor
}];
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(global_styles_header, {
back: parentMenu + '/colors',
title: Object(external_wp_i18n_["__"])('Text'),
description: Object(external_wp_i18n_["__"])('Set the default color used for text across the site.')
}), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalPanelColorGradientSettings"], {
title: Object(external_wp_i18n_["__"])('Color'),
settings: settings,
colors: colorsPerOrigin,
disableCustomColors: !areCustomSolidsEnabled,
__experimentalHasMultipleOrigins: true,
showTitle: false,
enableAlpha: true,
__experimentalIsRenderedInSidebar: true
}));
}
/* harmony default export */ var screen_text_color = (ScreenTextColor);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/screen-link-color.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ScreenLinkColor(_ref) {
let {
name
} = _ref;
const parentMenu = name === undefined ? '' : '/blocks/' + name;
const supports = getSupportedGlobalStylesPanels(name);
const [solids] = useSetting('color.palette', name);
const [areCustomSolidsEnabled] = useSetting('color.custom', name);
const colorsPerOrigin = useColorsPerOrigin(name);
const [isLinkEnabled] = useSetting('color.link', name);
const hasLinkColor = supports.includes('linkColor') && isLinkEnabled && (solids.length > 0 || areCustomSolidsEnabled);
const [linkColor, setLinkColor] = useStyle('elements.link.color.text', name);
const [userLinkColor] = useStyle('elements.link.color.text', name, 'user');
if (!hasLinkColor) {
return null;
}
const settings = [{
colorValue: linkColor,
onColorChange: setLinkColor,
label: Object(external_wp_i18n_["__"])('Link color'),
clearable: linkColor === userLinkColor
}];
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(global_styles_header, {
back: parentMenu + '/colors',
title: Object(external_wp_i18n_["__"])('Links'),
description: Object(external_wp_i18n_["__"])('Set the default color used for links across the site.')
}), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalPanelColorGradientSettings"], {
title: Object(external_wp_i18n_["__"])('Color'),
settings: settings,
colors: colorsPerOrigin,
disableCustomColors: !areCustomSolidsEnabled,
__experimentalHasMultipleOrigins: true,
showTitle: false,
enableAlpha: true,
__experimentalIsRenderedInSidebar: true
}));
}
/* harmony default export */ var screen_link_color = (ScreenLinkColor);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/screen-layout.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ScreenLayout(_ref) {
let {
name
} = _ref;
const parentMenu = name === undefined ? '' : '/blocks/' + name;
const hasBorderPanel = useHasBorderPanel(name);
const hasDimensionsPanel = useHasDimensionsPanel(name);
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(global_styles_header, {
back: parentMenu ? parentMenu : '/',
title: Object(external_wp_i18n_["__"])('Layout')
}), hasDimensionsPanel && Object(external_wp_element_["createElement"])(DimensionsPanel, {
name: name
}), hasBorderPanel && Object(external_wp_element_["createElement"])(BorderPanel, {
name: name
}));
}
/* harmony default export */ var screen_layout = (ScreenLayout);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/ui.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ContextScreens(_ref) {
let {
name
} = _ref;
const parentMenu = name === undefined ? '' : '/blocks/' + name;
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigatorScreen"], {
path: parentMenu + '/typography'
}, Object(external_wp_element_["createElement"])(screen_typography, {
name: name
})), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigatorScreen"], {
path: parentMenu + '/typography/text'
}, Object(external_wp_element_["createElement"])(screen_typography_element, {
name: name,
element: "text"
})), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigatorScreen"], {
path: parentMenu + '/typography/link'
}, Object(external_wp_element_["createElement"])(screen_typography_element, {
name: name,
element: "link"
})), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigatorScreen"], {
path: parentMenu + '/colors'
}, Object(external_wp_element_["createElement"])(screen_colors, {
name: name
})), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigatorScreen"], {
path: parentMenu + '/colors/palette'
}, Object(external_wp_element_["createElement"])(screen_color_palette, {
name: name
})), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigatorScreen"], {
path: parentMenu + '/colors/background'
}, Object(external_wp_element_["createElement"])(screen_background_color, {
name: name
})), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigatorScreen"], {
path: parentMenu + '/colors/text'
}, Object(external_wp_element_["createElement"])(screen_text_color, {
name: name
})), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigatorScreen"], {
path: parentMenu + '/colors/link'
}, Object(external_wp_element_["createElement"])(screen_link_color, {
name: name
})), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigatorScreen"], {
path: parentMenu + '/layout'
}, Object(external_wp_element_["createElement"])(screen_layout, {
name: name
})));
}
function GlobalStylesUI() {
const blocks = Object(external_wp_blocks_["getBlockTypes"])();
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigatorProvider"], {
initialPath: "/"
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigatorScreen"], {
path: "/"
}, Object(external_wp_element_["createElement"])(screen_root, null)), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigatorScreen"], {
path: "/blocks"
}, Object(external_wp_element_["createElement"])(screen_block_list, null)), blocks.map(block => Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigatorScreen"], {
key: 'menu-block-' + block.name,
path: '/blocks/' + block.name
}, Object(external_wp_element_["createElement"])(screen_block, {
name: block.name
}))), Object(external_wp_element_["createElement"])(ContextScreens, null), blocks.map(block => Object(external_wp_element_["createElement"])(ContextScreens, {
key: 'screens-block-' + block.name,
name: block.name
})));
}
/* harmony default export */ var ui = (GlobalStylesUI);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/use-global-styles-output.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Internal dependencies
*/
function compileStyleValue(uncompiledValue) {
const VARIABLE_REFERENCE_PREFIX = 'var:';
const VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = '|';
const VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = '--';
if (Object(external_lodash_["startsWith"])(uncompiledValue, VARIABLE_REFERENCE_PREFIX)) {
const variable = uncompiledValue.slice(VARIABLE_REFERENCE_PREFIX.length).split(VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE).join(VARIABLE_PATH_SEPARATOR_TOKEN_STYLE);
return `var(--wp--${variable})`;
}
return uncompiledValue;
}
/**
* Transform given preset tree into a set of style declarations.
*
* @param {Object} blockPresets
*
* @return {Array} An array of style declarations.
*/
function getPresetsDeclarations() {
let blockPresets = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
return Object(external_lodash_["reduce"])(PRESET_METADATA, (declarations, _ref) => {
let {
path,
valueKey,
cssVarInfix
} = _ref;
const presetByOrigin = Object(external_lodash_["get"])(blockPresets, path, []);
['default', 'theme', 'custom'].forEach(origin => {
if (presetByOrigin[origin]) {
presetByOrigin[origin].forEach(value => {
declarations.push(`--wp--preset--${cssVarInfix}--${Object(external_lodash_["kebabCase"])(value.slug)}: ${value[valueKey]}`);
});
}
});
return declarations;
}, []);
}
/**
* Transform given preset tree into a set of preset class declarations.
*
* @param {string} blockSelector
* @param {Object} blockPresets
* @return {string} CSS declarations for the preset classes.
*/
function getPresetsClasses(blockSelector) {
let blockPresets = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
return Object(external_lodash_["reduce"])(PRESET_METADATA, (declarations, _ref2) => {
let {
path,
cssVarInfix,
classes
} = _ref2;
if (!classes) {
return declarations;
}
const presetByOrigin = Object(external_lodash_["get"])(blockPresets, path, []);
['default', 'theme', 'custom'].forEach(origin => {
if (presetByOrigin[origin]) {
presetByOrigin[origin].forEach(_ref3 => {
let {
slug
} = _ref3;
classes.forEach(_ref4 => {
let {
classSuffix,
propertyName
} = _ref4;
const classSelectorToUse = `.has-${Object(external_lodash_["kebabCase"])(slug)}-${classSuffix}`;
const selectorToUse = blockSelector.split(',') // Selector can be "h1, h2, h3"
.map(selector => `${selector}${classSelectorToUse}`).join(',');
const value = `var(--wp--preset--${cssVarInfix}--${Object(external_lodash_["kebabCase"])(slug)})`;
declarations += `${selectorToUse}{${propertyName}: ${value} !important;}`;
});
});
}
});
return declarations;
}, '');
}
function flattenTree() {
let input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
let prefix = arguments.length > 1 ? arguments[1] : undefined;
let token = arguments.length > 2 ? arguments[2] : undefined;
let result = [];
Object.keys(input).forEach(key => {
const newKey = prefix + Object(external_lodash_["kebabCase"])(key.replace('/', '-'));
const newLeaf = input[key];
if (newLeaf instanceof Object) {
const newPrefix = newKey + token;
result = [...result, ...flattenTree(newLeaf, newPrefix, token)];
} else {
result.push(`${newKey}: ${newLeaf}`);
}
});
return result;
}
/**
* Transform given style tree into a set of style declarations.
*
* @param {Object} blockStyles Block styles.
*
* @return {Array} An array of style declarations.
*/
function getStylesDeclarations() {
let blockStyles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
return Object(external_lodash_["reduce"])(external_wp_blocks_["__EXPERIMENTAL_STYLE_PROPERTY"], (declarations, _ref5, key) => {
let {
value,
properties
} = _ref5;
const pathToValue = value;
if (Object(external_lodash_["first"])(pathToValue) === 'elements') {
return declarations;
}
const styleValue = Object(external_lodash_["get"])(blockStyles, pathToValue);
if (!!properties && !Object(external_lodash_["isString"])(styleValue)) {
Object.entries(properties).forEach(entry => {
const [name, prop] = entry;
if (!Object(external_lodash_["get"])(styleValue, [prop], false)) {
// Do not create a declaration
// for sub-properties that don't have any value.
return;
}
const cssProperty = Object(external_lodash_["kebabCase"])(name);
declarations.push(`${cssProperty}: ${compileStyleValue(Object(external_lodash_["get"])(styleValue, [prop]))}`);
});
} else if (Object(external_lodash_["get"])(blockStyles, pathToValue, false)) {
const cssProperty = key.startsWith('--') ? key : Object(external_lodash_["kebabCase"])(key);
declarations.push(`${cssProperty}: ${compileStyleValue(Object(external_lodash_["get"])(blockStyles, pathToValue))}`);
}
return declarations;
}, []);
}
const getNodesWithStyles = (tree, blockSelectors) => {
var _tree$styles, _tree$styles2;
const nodes = [];
if (!(tree !== null && tree !== void 0 && tree.styles)) {
return nodes;
}
const pickStyleKeys = treeToPickFrom => Object(external_lodash_["pickBy"])(treeToPickFrom, (value, key) => ['border', 'color', 'spacing', 'typography'].includes(key)); // Top-level.
const styles = pickStyleKeys(tree.styles);
if (!!styles) {
nodes.push({
styles,
selector: ROOT_BLOCK_SELECTOR
});
}
Object(external_lodash_["forEach"])((_tree$styles = tree.styles) === null || _tree$styles === void 0 ? void 0 : _tree$styles.elements, (value, key) => {
if (!!value && !!external_wp_blocks_["__EXPERIMENTAL_ELEMENTS"][key]) {
nodes.push({
styles: value,
selector: external_wp_blocks_["__EXPERIMENTAL_ELEMENTS"][key]
});
}
}); // Iterate over blocks: they can have styles & elements.
Object(external_lodash_["forEach"])((_tree$styles2 = tree.styles) === null || _tree$styles2 === void 0 ? void 0 : _tree$styles2.blocks, (node, blockName) => {
var _blockSelectors$block;
const blockStyles = pickStyleKeys(node);
if (!!blockStyles && !!(blockSelectors !== null && blockSelectors !== void 0 && (_blockSelectors$block = blockSelectors[blockName]) !== null && _blockSelectors$block !== void 0 && _blockSelectors$block.selector)) {
nodes.push({
styles: blockStyles,
selector: blockSelectors[blockName].selector
});
}
Object(external_lodash_["forEach"])(node === null || node === void 0 ? void 0 : node.elements, (value, elementName) => {
if (!!value && !!(blockSelectors !== null && blockSelectors !== void 0 && blockSelectors[blockName]) && !!(external_wp_blocks_["__EXPERIMENTAL_ELEMENTS"] !== null && external_wp_blocks_["__EXPERIMENTAL_ELEMENTS"] !== void 0 && external_wp_blocks_["__EXPERIMENTAL_ELEMENTS"][elementName])) {
nodes.push({
styles: value,
selector: blockSelectors[blockName].selector.split(',').map(sel => sel + ' ' + external_wp_blocks_["__EXPERIMENTAL_ELEMENTS"][elementName]).join(',')
});
}
});
});
return nodes;
};
const getNodesWithSettings = (tree, blockSelectors) => {
var _tree$settings, _tree$settings2;
const nodes = [];
if (!(tree !== null && tree !== void 0 && tree.settings)) {
return nodes;
}
const pickPresets = treeToPickFrom => {
const presets = {};
PRESET_METADATA.forEach(_ref6 => {
let {
path
} = _ref6;
const value = Object(external_lodash_["get"])(treeToPickFrom, path, false);
if (value !== false) {
Object(external_lodash_["set"])(presets, path, value);
}
});
return presets;
}; // Top-level.
const presets = pickPresets(tree.settings);
const custom = (_tree$settings = tree.settings) === null || _tree$settings === void 0 ? void 0 : _tree$settings.custom;
if (!Object(external_lodash_["isEmpty"])(presets) || !!custom) {
nodes.push({
presets,
custom,
selector: ROOT_BLOCK_SELECTOR
});
} // Blocks.
Object(external_lodash_["forEach"])((_tree$settings2 = tree.settings) === null || _tree$settings2 === void 0 ? void 0 : _tree$settings2.blocks, (node, blockName) => {
const blockPresets = pickPresets(node);
const blockCustom = node.custom;
if (!Object(external_lodash_["isEmpty"])(blockPresets) || !!blockCustom) {
nodes.push({
presets: blockPresets,
custom: blockCustom,
selector: blockSelectors[blockName].selector
});
}
});
return nodes;
};
const toCustomProperties = (tree, blockSelectors) => {
const settings = getNodesWithSettings(tree, blockSelectors);
let ruleset = '';
settings.forEach(_ref7 => {
let {
presets,
custom,
selector
} = _ref7;
const declarations = getPresetsDeclarations(presets);
const customProps = flattenTree(custom, '--wp--custom--', '--');
if (customProps.length > 0) {
declarations.push(...customProps);
}
if (declarations.length > 0) {
ruleset = ruleset + `${selector}{${declarations.join(';')};}`;
}
});
return ruleset;
};
const toStyles = (tree, blockSelectors) => {
const nodesWithStyles = getNodesWithStyles(tree, blockSelectors);
const nodesWithSettings = getNodesWithSettings(tree, blockSelectors);
let ruleset = '.wp-site-blocks > * { margin-top: 0; margin-bottom: 0; }.wp-site-blocks > * + * { margin-top: var( --wp--style--block-gap ); }';
nodesWithStyles.forEach(_ref8 => {
let {
selector,
styles
} = _ref8;
const declarations = getStylesDeclarations(styles);
if (declarations.length === 0) {
return;
}
ruleset = ruleset + `${selector}{${declarations.join(';')};}`;
});
nodesWithSettings.forEach(_ref9 => {
let {
selector,
presets
} = _ref9;
if (ROOT_BLOCK_SELECTOR === selector) {
// Do not add extra specificity for top-level classes.
selector = '';
}
const classes = getPresetsClasses(selector, presets);
if (!Object(external_lodash_["isEmpty"])(classes)) {
ruleset = ruleset + classes;
}
});
return ruleset;
};
const getBlockSelectors = blockTypes => {
const result = {};
blockTypes.forEach(blockType => {
var _blockType$supports$_, _blockType$supports;
const name = blockType.name;
const selector = (_blockType$supports$_ = blockType === null || blockType === void 0 ? void 0 : (_blockType$supports = blockType.supports) === null || _blockType$supports === void 0 ? void 0 : _blockType$supports.__experimentalSelector) !== null && _blockType$supports$_ !== void 0 ? _blockType$supports$_ : '.wp-block-' + name.replace('core/', '').replace('/', '-');
result[name] = {
name,
selector
};
});
return result;
};
function useGlobalStylesOutput() {
const [stylesheets, setStylesheets] = Object(external_wp_element_["useState"])([]);
const [settings, setSettings] = Object(external_wp_element_["useState"])({});
const {
merged: mergedConfig
} = Object(external_wp_element_["useContext"])(GlobalStylesContext);
Object(external_wp_element_["useEffect"])(() => {
if (!(mergedConfig !== null && mergedConfig !== void 0 && mergedConfig.styles) || !(mergedConfig !== null && mergedConfig !== void 0 && mergedConfig.settings)) {
return;
}
const blockSelectors = getBlockSelectors(Object(external_wp_blocks_["getBlockTypes"])());
const customProperties = toCustomProperties(mergedConfig, blockSelectors);
const globalStyles = toStyles(mergedConfig, blockSelectors);
setStylesheets([{
css: customProperties,
isGlobalStyles: true
}, {
css: globalStyles,
isGlobalStyles: true
}]);
setSettings(mergedConfig.settings);
}, [mergedConfig]);
return [stylesheets, settings];
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/index.js
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/sidebar/global-styles-sidebar.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function GlobalStylesSidebar() {
const [canReset, onReset] = useGlobalStylesReset();
const {
toggleFeature
} = Object(external_wp_data_["useDispatch"])(store);
return Object(external_wp_element_["createElement"])(DefaultSidebar, {
className: "edit-site-global-styles-sidebar",
identifier: "edit-site/global-styles",
title: Object(external_wp_i18n_["__"])('Styles'),
icon: library_styles,
closeLabel: Object(external_wp_i18n_["__"])('Close global styles sidebar'),
header: Object(external_wp_element_["createElement"])(external_wp_components_["Flex"], null, Object(external_wp_element_["createElement"])(external_wp_components_["FlexBlock"], null, Object(external_wp_element_["createElement"])("strong", null, Object(external_wp_i18n_["__"])('Styles')), Object(external_wp_element_["createElement"])("span", {
className: "edit-site-global-styles-sidebar__beta"
}, Object(external_wp_i18n_["__"])('Beta'))), Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])(external_wp_components_["DropdownMenu"], {
icon: more_vertical["a" /* default */],
label: Object(external_wp_i18n_["__"])('More Global Styles Actions'),
toggleProps: {
disabled: !canReset
},
controls: [{
title: Object(external_wp_i18n_["__"])('Reset to defaults'),
onClick: onReset
}, {
title: Object(external_wp_i18n_["__"])('Welcome Guide'),
onClick: () => toggleFeature('welcomeGuideStyles')
}]
})))
}, Object(external_wp_element_["createElement"])(ui, null));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/sidebar/constants.js
const SIDEBAR_TEMPLATE = 'edit-site/template';
const SIDEBAR_BLOCK = 'edit-site/block-inspector';
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/sidebar/settings-header/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const SettingsHeader = _ref => {
let {
sidebarName
} = _ref;
const {
enableComplementaryArea
} = Object(external_wp_data_["useDispatch"])(build_module["i" /* store */]);
const openTemplateSettings = () => enableComplementaryArea(STORE_NAME, SIDEBAR_TEMPLATE);
const openBlockSettings = () => enableComplementaryArea(STORE_NAME, SIDEBAR_BLOCK);
const [templateAriaLabel, templateActiveClass] = sidebarName === SIDEBAR_TEMPLATE ? // translators: ARIA label for the Template sidebar tab, selected.
[Object(external_wp_i18n_["__"])('Template (selected)'), 'is-active'] : // translators: ARIA label for the Template Settings Sidebar tab, not selected.
[Object(external_wp_i18n_["__"])('Template'), ''];
const [blockAriaLabel, blockActiveClass] = sidebarName === SIDEBAR_BLOCK ? // translators: ARIA label for the Block Settings Sidebar tab, selected.
[Object(external_wp_i18n_["__"])('Block (selected)'), 'is-active'] : // translators: ARIA label for the Block Settings Sidebar tab, not selected.
[Object(external_wp_i18n_["__"])('Block'), ''];
/* Use a list so screen readers will announce how many tabs there are. */
return Object(external_wp_element_["createElement"])("ul", null, Object(external_wp_element_["createElement"])("li", null, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
onClick: openTemplateSettings,
className: `edit-site-sidebar__panel-tab ${templateActiveClass}`,
"aria-label": templateAriaLabel // translators: Data label for the Template Settings Sidebar tab.
,
"data-label": Object(external_wp_i18n_["__"])('Template')
}, // translators: Text label for the Template Settings Sidebar tab.
Object(external_wp_i18n_["__"])('Template'))), Object(external_wp_element_["createElement"])("li", null, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
onClick: openBlockSettings,
className: `edit-site-sidebar__panel-tab ${blockActiveClass}`,
"aria-label": blockAriaLabel // translators: Data label for the Block Settings Sidebar tab.
,
"data-label": Object(external_wp_i18n_["__"])('Block')
}, // translators: Text label for the Block Settings Sidebar tab.
Object(external_wp_i18n_["__"])('Block'))));
};
/* harmony default export */ var settings_header = (SettingsHeader);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/sidebar/template-card/template-areas.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function TemplateAreaItem(_ref) {
let {
area,
clientId
} = _ref;
const {
selectBlock,
toggleBlockHighlight
} = Object(external_wp_data_["useDispatch"])(external_wp_blockEditor_["store"]);
const templatePartArea = Object(external_wp_data_["useSelect"])(select => {
const defaultAreas = select(external_wp_editor_["store"]).__experimentalGetDefaultTemplatePartAreas();
return defaultAreas.find(defaultArea => defaultArea.area === area);
}, [area]);
const highlightBlock = () => toggleBlockHighlight(clientId, true);
const cancelHighlightBlock = () => toggleBlockHighlight(clientId, false);
return Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
className: "edit-site-template-card__template-areas-item",
icon: templatePartArea === null || templatePartArea === void 0 ? void 0 : templatePartArea.icon,
onMouseOver: highlightBlock,
onMouseLeave: cancelHighlightBlock,
onFocus: highlightBlock,
onBlur: cancelHighlightBlock,
onClick: () => {
selectBlock(clientId);
}
}, templatePartArea === null || templatePartArea === void 0 ? void 0 : templatePartArea.label);
}
function template_areas_TemplateAreas() {
const templateParts = Object(external_wp_data_["useSelect"])(select => select(store).getCurrentTemplateTemplateParts(), []);
if (!templateParts.length) {
return null;
}
return Object(external_wp_element_["createElement"])("section", {
className: "edit-site-template-card__template-areas"
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHeading"], {
level: 3,
className: "edit-site-template-card__template-areas-title"
}, Object(external_wp_i18n_["__"])('Areas')), Object(external_wp_element_["createElement"])("ul", {
className: "edit-site-template-card__template-areas-list"
}, templateParts.map(_ref2 => {
let {
templatePart,
block
} = _ref2;
return Object(external_wp_element_["createElement"])("li", {
key: templatePart.slug
}, Object(external_wp_element_["createElement"])(TemplateAreaItem, {
area: templatePart.area,
clientId: block.clientId
}));
})));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/sidebar/template-card/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function TemplateCard() {
const {
title,
description,
icon
} = Object(external_wp_data_["useSelect"])(select => {
const {
getEditedPostType,
getEditedPostId
} = select(store);
const {
getEntityRecord
} = select(external_wp_coreData_["store"]);
const {
__experimentalGetTemplateInfo: getTemplateInfo
} = select(external_wp_editor_["store"]);
const postType = getEditedPostType();
const postId = getEditedPostId();
const record = getEntityRecord('postType', postType, postId);
const info = record ? getTemplateInfo(record) : {};
return info;
}, []);
if (!title && !description) {
return null;
}
return Object(external_wp_element_["createElement"])("div", {
className: "edit-site-template-card"
}, Object(external_wp_element_["createElement"])(external_wp_components_["Icon"], {
className: "edit-site-template-card__icon",
icon: icon
}), Object(external_wp_element_["createElement"])("div", {
className: "edit-site-template-card__content"
}, Object(external_wp_element_["createElement"])("h2", {
className: "edit-site-template-card__title"
}, title), Object(external_wp_element_["createElement"])("div", {
className: "edit-site-template-card__description"
}, description), Object(external_wp_element_["createElement"])(template_areas_TemplateAreas, null)));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/sidebar/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const {
Slot: InspectorSlot,
Fill: InspectorFill
} = Object(external_wp_components_["createSlotFill"])('EditSiteSidebarInspector');
const SidebarInspectorFill = InspectorFill;
function SidebarComplementaryAreaFills() {
const {
sidebar,
isEditorSidebarOpened,
hasBlockSelection
} = Object(external_wp_data_["useSelect"])(select => {
const _sidebar = select(build_module["i" /* store */]).getActiveComplementaryArea(STORE_NAME);
const _isEditorSidebarOpened = [SIDEBAR_BLOCK, SIDEBAR_TEMPLATE].includes(_sidebar);
return {
sidebar: _sidebar,
isEditorSidebarOpened: _isEditorSidebarOpened,
hasBlockSelection: !!select(external_wp_blockEditor_["store"]).getBlockSelectionStart()
};
}, []);
const {
enableComplementaryArea
} = Object(external_wp_data_["useDispatch"])(build_module["i" /* store */]);
Object(external_wp_element_["useEffect"])(() => {
if (!isEditorSidebarOpened) return;
if (hasBlockSelection) {
enableComplementaryArea(STORE_NAME, SIDEBAR_BLOCK);
} else {
enableComplementaryArea(STORE_NAME, SIDEBAR_TEMPLATE);
}
}, [hasBlockSelection, isEditorSidebarOpened]);
let sidebarName = sidebar;
if (!isEditorSidebarOpened) {
sidebarName = hasBlockSelection ? SIDEBAR_BLOCK : SIDEBAR_TEMPLATE;
}
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(DefaultSidebar, {
identifier: sidebarName,
title: Object(external_wp_i18n_["__"])('Settings'),
icon: cog["a" /* default */],
closeLabel: Object(external_wp_i18n_["__"])('Close settings sidebar'),
header: Object(external_wp_element_["createElement"])(settings_header, {
sidebarName: sidebarName
}),
headerClassName: "edit-site-sidebar__panel-tabs"
}, sidebarName === SIDEBAR_TEMPLATE && Object(external_wp_element_["createElement"])(external_wp_components_["PanelBody"], null, Object(external_wp_element_["createElement"])(TemplateCard, null)), sidebarName === SIDEBAR_BLOCK && Object(external_wp_element_["createElement"])(InspectorSlot, {
bubblesVirtually: true
})), Object(external_wp_element_["createElement"])(GlobalStylesSidebar, null));
}
// EXTERNAL MODULE: external ["wp","htmlEntities"]
var external_wp_htmlEntities_ = __webpack_require__("rmEH");
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/home.js
/**
* WordPress dependencies
*/
const home = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["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);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/symbol-filled.js
var symbol_filled = __webpack_require__("OE6V");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/main-dashboard-button/index.js
/**
* WordPress dependencies
*/
const slotName = '__experimentalMainDashboardButton';
const {
Fill,
Slot: MainDashboardButtonSlot
} = Object(external_wp_components_["createSlotFill"])(slotName);
const MainDashboardButton = Fill;
const main_dashboard_button_Slot = _ref => {
let {
children
} = _ref;
const slot = Object(external_wp_components_["__experimentalUseSlot"])(slotName);
const hasFills = Boolean(slot.fills && slot.fills.length);
if (!hasFills) {
return children;
}
return Object(external_wp_element_["createElement"])(MainDashboardButtonSlot, {
bubblesVirtually: true
});
};
MainDashboardButton.Slot = main_dashboard_button_Slot;
/* harmony default export */ var main_dashboard_button = (MainDashboardButton);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/navigation-sidebar/navigation-panel/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const SITE_EDITOR_KEY = 'site-editor';
function NavLink(_ref) {
let {
params,
replace,
...props
} = _ref;
const linkProps = useLink(params, replace);
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigationItem"], Object(esm_extends["a" /* default */])({}, linkProps, props));
}
const NavigationPanel = _ref2 => {
let {
activeItem = SITE_EDITOR_KEY
} = _ref2;
const {
isNavigationOpen,
siteTitle
} = Object(external_wp_data_["useSelect"])(select => {
const {
getEntityRecord
} = select(external_wp_coreData_["store"]);
const siteData = getEntityRecord('root', '__unstableBase', undefined) || {};
return {
siteTitle: siteData.name,
isNavigationOpen: select(store).isNavigationOpened()
};
}, []);
const {
setIsNavigationPanelOpened
} = Object(external_wp_data_["useDispatch"])(store);
const closeOnEscape = event => {
if (event.keyCode === external_wp_keycodes_["ESCAPE"] && !event.defaultPrevented) {
event.preventDefault();
setIsNavigationPanelOpened(false);
}
};
return (// eslint-disable-next-line jsx-a11y/no-static-element-interactions
Object(external_wp_element_["createElement"])("div", {
className: classnames_default()(`edit-site-navigation-panel`, {
'is-open': isNavigationOpen
}),
onKeyDown: closeOnEscape
}, Object(external_wp_element_["createElement"])("div", {
className: "edit-site-navigation-panel__inner"
}, Object(external_wp_element_["createElement"])("div", {
className: "edit-site-navigation-panel__site-title-container"
}, Object(external_wp_element_["createElement"])("div", {
className: "edit-site-navigation-panel__site-title"
}, Object(external_wp_htmlEntities_["decodeEntities"])(siteTitle))), Object(external_wp_element_["createElement"])("div", {
className: "edit-site-navigation-panel__scroll-container"
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigation"], {
activeItem: activeItem
}, Object(external_wp_element_["createElement"])(main_dashboard_button.Slot, null, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigationBackButton"], {
backButtonLabel: Object(external_wp_i18n_["__"])('Dashboard'),
className: "edit-site-navigation-panel__back-to-dashboard",
href: "index.php"
})), Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigationMenu"], null, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalNavigationGroup"], {
title: Object(external_wp_i18n_["__"])('Editor')
}, Object(external_wp_element_["createElement"])(NavLink, {
icon: library_home,
title: Object(external_wp_i18n_["__"])('Site'),
item: SITE_EDITOR_KEY,
params: {
postId: undefined,
postType: undefined
}
}), Object(external_wp_element_["createElement"])(NavLink, {
icon: layout["a" /* default */],
title: Object(external_wp_i18n_["__"])('Templates'),
item: "wp_template",
params: {
postId: undefined,
postType: 'wp_template'
}
}), Object(external_wp_element_["createElement"])(NavLink, {
icon: symbol_filled["a" /* default */],
title: Object(external_wp_i18n_["__"])('Template Parts'),
item: "wp_template_part",
params: {
postId: undefined,
postType: 'wp_template_part'
}
})))))))
);
};
/* harmony default export */ var navigation_panel = (NavigationPanel);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/wordpress.js
var wordpress = __webpack_require__("wduq");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/navigation-sidebar/navigation-toggle/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function NavigationToggle(_ref) {
let {
icon
} = _ref;
const {
isNavigationOpen,
isRequestingSiteIcon,
siteIconUrl
} = Object(external_wp_data_["useSelect"])(select => {
const {
getEntityRecord,
isResolving
} = select(external_wp_coreData_["store"]);
const siteData = getEntityRecord('root', '__unstableBase', undefined) || {};
return {
isNavigationOpen: select(store).isNavigationOpened(),
isRequestingSiteIcon: isResolving('core', 'getEntityRecord', ['root', '__unstableBase', undefined]),
siteIconUrl: siteData.site_icon_url
};
}, []);
const {
setIsNavigationPanelOpened
} = Object(external_wp_data_["useDispatch"])(store);
const disableMotion = Object(external_wp_compose_["useReducedMotion"])();
const navigationToggleRef = Object(external_wp_element_["useRef"])();
Object(external_wp_element_["useEffect"])(() => {
// TODO: Remove this effect when alternative solution is merged.
// See: https://github.com/WordPress/gutenberg/pull/37314
if (!isNavigationOpen) {
navigationToggleRef.current.focus();
}
}, [isNavigationOpen]);
const toggleNavigationPanel = () => setIsNavigationPanelOpened(!isNavigationOpen);
let buttonIcon = Object(external_wp_element_["createElement"])(external_wp_components_["Icon"], {
size: "36px",
icon: wordpress["a" /* default */]
});
const effect = {
expand: {
scale: 1.7,
borderRadius: 0,
transition: {
type: 'tween',
duration: '0.2'
}
}
};
if (siteIconUrl) {
buttonIcon = Object(external_wp_element_["createElement"])(external_wp_components_["__unstableMotion"].img, {
variants: !disableMotion && effect,
alt: Object(external_wp_i18n_["__"])('Site Icon'),
className: "edit-site-navigation-toggle__site-icon",
src: siteIconUrl
});
} else if (isRequestingSiteIcon) {
buttonIcon = null;
} else if (icon) {
buttonIcon = Object(external_wp_element_["createElement"])(external_wp_components_["Icon"], {
size: "36px",
icon: icon
});
}
return Object(external_wp_element_["createElement"])(external_wp_components_["__unstableMotion"].div, {
className: 'edit-site-navigation-toggle' + (isNavigationOpen ? ' is-open' : ''),
whileHover: "expand"
}, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
className: "edit-site-navigation-toggle__button has-icon",
label: Object(external_wp_i18n_["__"])('Toggle navigation'),
ref: navigationToggleRef // isPressed will add unwanted styles.
,
"aria-pressed": isNavigationOpen,
onClick: toggleNavigationPanel,
showTooltip: true
}, buttonIcon));
}
/* harmony default export */ var navigation_toggle = (NavigationToggle);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/navigation-sidebar/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const {
Fill: NavigationPanelPreviewFill,
Slot: NavigationPanelPreviewSlot
} = Object(external_wp_components_["createSlotFill"])('EditSiteNavigationPanelPreview');
const {
Fill: NavigationSidebarFill,
Slot: NavigationSidebarSlot
} = Object(external_wp_components_["createSlotFill"])('EditSiteNavigationSidebar');
function NavigationSidebar(_ref) {
let {
isDefaultOpen = false,
activeTemplateType
} = _ref;
const isDesktopViewport = Object(external_wp_compose_["useViewportMatch"])('medium');
const {
setIsNavigationPanelOpened
} = Object(external_wp_data_["useDispatch"])(store);
Object(external_wp_element_["useEffect"])(function autoOpenNavigationPanelOnViewportChange() {
setIsNavigationPanelOpened(isDefaultOpen && isDesktopViewport);
}, [isDefaultOpen, isDesktopViewport, setIsNavigationPanelOpened]);
return Object(external_wp_element_["createElement"])(NavigationSidebarFill, null, Object(external_wp_element_["createElement"])(navigation_toggle, null), Object(external_wp_element_["createElement"])(navigation_panel, {
activeItem: activeTemplateType
}), Object(external_wp_element_["createElement"])(NavigationPanelPreviewSlot, null));
}
NavigationSidebar.Slot = NavigationSidebarSlot;
/* harmony default export */ var navigation_sidebar = (NavigationSidebar);
// EXTERNAL MODULE: external ["wp","reusableBlocks"]
var external_wp_reusableBlocks_ = __webpack_require__("diJD");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/template-part-converter/convert-to-regular.js
/**
* WordPress dependencies
*/
function ConvertToRegularBlocks(_ref) {
let {
clientId
} = _ref;
const {
getBlocks
} = Object(external_wp_data_["useSelect"])(external_wp_blockEditor_["store"]);
const {
replaceBlocks
} = Object(external_wp_data_["useDispatch"])(external_wp_blockEditor_["store"]);
return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["BlockSettingsMenuControls"], null, _ref2 => {
let {
onClose
} = _ref2;
return Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
onClick: () => {
replaceBlocks(clientId, getBlocks(clientId));
onClose();
}
}, Object(external_wp_i18n_["__"])('Detach blocks from template part'));
});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/create-template-part-modal/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function CreateTemplatePartModal(_ref) {
let {
closeModal,
onCreate
} = _ref;
const [title, setTitle] = Object(external_wp_element_["useState"])('');
const [area, setArea] = Object(external_wp_element_["useState"])(TEMPLATE_PART_AREA_GENERAL);
const [isSubmitting, setIsSubmitting] = Object(external_wp_element_["useState"])(false);
const instanceId = Object(external_wp_compose_["useInstanceId"])(CreateTemplatePartModal);
const templatePartAreas = Object(external_wp_data_["useSelect"])(select => select(external_wp_editor_["store"]).__experimentalGetDefaultTemplatePartAreas(), []);
return Object(external_wp_element_["createElement"])(external_wp_components_["Modal"], {
title: Object(external_wp_i18n_["__"])('Create a template part'),
closeLabel: Object(external_wp_i18n_["__"])('Close'),
onRequestClose: closeModal,
overlayClassName: "edit-site-create-template-part-modal"
}, Object(external_wp_element_["createElement"])("form", {
onSubmit: async event => {
event.preventDefault();
if (!title) {
return;
}
setIsSubmitting(true);
await onCreate({
title,
area
});
}
}, Object(external_wp_element_["createElement"])(external_wp_components_["TextControl"], {
label: Object(external_wp_i18n_["__"])('Name'),
value: title,
onChange: setTitle,
required: true
}), Object(external_wp_element_["createElement"])(external_wp_components_["BaseControl"], {
label: Object(external_wp_i18n_["__"])('Area'),
id: `edit-site-create-template-part-modal__area-selection-${instanceId}`,
className: "edit-site-create-template-part-modal__area-base-control"
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalRadioGroup"], {
label: Object(external_wp_i18n_["__"])('Area'),
className: "edit-site-create-template-part-modal__area-radio-group",
id: `edit-site-create-template-part-modal__area-selection-${instanceId}`,
onChange: setArea,
checked: area
}, templatePartAreas.map(_ref2 => {
let {
icon,
label,
area: value,
description
} = _ref2;
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalRadio"], {
key: label,
value: value,
className: "edit-site-create-template-part-modal__area-radio"
}, Object(external_wp_element_["createElement"])(external_wp_components_["Flex"], {
align: "start",
justify: "start"
}, Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])(external_wp_components_["Icon"], {
icon: icon
})), Object(external_wp_element_["createElement"])(external_wp_components_["FlexBlock"], {
className: "edit-site-create-template-part-modal__option-label"
}, label, Object(external_wp_element_["createElement"])("div", null, description)), Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], {
className: "edit-site-create-template-part-modal__checkbox"
}, area === value && Object(external_wp_element_["createElement"])(external_wp_components_["Icon"], {
icon: check["a" /* default */]
}))));
}))), Object(external_wp_element_["createElement"])(external_wp_components_["Flex"], {
className: "edit-site-create-template-part-modal__modal-actions",
justify: "flex-end"
}, Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
variant: "secondary",
onClick: () => {
closeModal();
}
}, Object(external_wp_i18n_["__"])('Cancel'))), Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
variant: "primary",
type: "submit",
disabled: !title,
isBusy: isSubmitting
}, Object(external_wp_i18n_["__"])('Create'))))));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/template-part-converter/convert-to-template-part.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ConvertToTemplatePart(_ref) {
let {
clientIds,
blocks
} = _ref;
const [isModalOpen, setIsModalOpen] = Object(external_wp_element_["useState"])(false);
const {
replaceBlocks
} = Object(external_wp_data_["useDispatch"])(external_wp_blockEditor_["store"]);
const {
saveEntityRecord
} = Object(external_wp_data_["useDispatch"])(external_wp_coreData_["store"]);
const {
createSuccessNotice
} = Object(external_wp_data_["useDispatch"])(external_wp_notices_["store"]);
const onConvert = async _ref2 => {
let {
title,
area
} = _ref2;
const templatePart = await saveEntityRecord('postType', 'wp_template_part', {
slug: Object(external_lodash_["kebabCase"])(title),
title,
content: Object(external_wp_blocks_["serialize"])(blocks),
area
});
replaceBlocks(clientIds, Object(external_wp_blocks_["createBlock"])('core/template-part', {
slug: templatePart.slug,
theme: templatePart.theme
}));
createSuccessNotice(Object(external_wp_i18n_["__"])('Template part created.'), {
type: 'snackbar'
}); // The modal and this component will be unmounted because of `replaceBlocks` above,
// so no need to call `closeModal` or `onClose`.
};
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["BlockSettingsMenuControls"], null, () => Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
onClick: () => {
setIsModalOpen(true);
}
}, Object(external_wp_i18n_["__"])('Make template part'))), isModalOpen && Object(external_wp_element_["createElement"])(CreateTemplatePartModal, {
closeModal: () => {
setIsModalOpen(false);
},
onCreate: onConvert
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/template-part-converter/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function TemplatePartConverter() {
var _blocks$;
const {
clientIds,
blocks
} = Object(external_wp_data_["useSelect"])(select => {
const {
getSelectedBlockClientIds,
getBlocksByClientId
} = select(external_wp_blockEditor_["store"]);
const selectedBlockClientIds = getSelectedBlockClientIds();
return {
clientIds: selectedBlockClientIds,
blocks: getBlocksByClientId(selectedBlockClientIds)
};
}, []); // Allow converting a single template part to standard blocks.
if (blocks.length === 1 && ((_blocks$ = blocks[0]) === null || _blocks$ === void 0 ? void 0 : _blocks$.name) === 'core/template-part') {
return Object(external_wp_element_["createElement"])(ConvertToRegularBlocks, {
clientId: clientIds[0]
});
}
return Object(external_wp_element_["createElement"])(ConvertToTemplatePart, {
clientIds: clientIds,
blocks: blocks
});
}
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/edit.js + 1 modules
var edit = __webpack_require__("B9Az");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/navigate-to-link/index.js
/**
* WordPress dependencies
*/
function NavigateToLink(_ref) {
let {
type,
id,
activePage,
onActivePageChange
} = _ref;
const post = Object(external_wp_data_["useSelect"])(select => type && id && type !== 'URL' && select(external_wp_coreData_["store"]).getEntityRecord('postType', type, id), [type, id]);
const onClick = Object(external_wp_element_["useMemo"])(() => {
if (!(post !== null && post !== void 0 && post.link)) return null;
const path = Object(external_wp_url_["getPathAndQueryString"])(post.link);
if (path === (activePage === null || activePage === void 0 ? void 0 : activePage.path)) return null;
return () => onActivePageChange({
type,
slug: post.slug,
path,
context: {
postType: post.type,
postId: post.id
}
});
}, [post, activePage === null || activePage === void 0 ? void 0 : activePage.path, onActivePageChange]);
return onClick && Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
icon: edit["a" /* default */],
label: Object(external_wp_i18n_["__"])('Edit Page Template'),
onClick: onClick
});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/block-editor/block-inspector-button.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BlockInspectorButton(_ref) {
let {
onClick = () => {}
} = _ref;
const {
shortcut,
isBlockInspectorOpen
} = Object(external_wp_data_["useSelect"])(select => ({
shortcut: select(external_wp_keyboardShortcuts_["store"]).getShortcutRepresentation('core/edit-site/toggle-block-settings-sidebar'),
isBlockInspectorOpen: select(build_module["i" /* store */]).getActiveComplementaryArea(store.name) === SIDEBAR_BLOCK
}), []);
const {
enableComplementaryArea,
disableComplementaryArea
} = Object(external_wp_data_["useDispatch"])(build_module["i" /* store */]);
const label = isBlockInspectorOpen ? Object(external_wp_i18n_["__"])('Hide more settings') : Object(external_wp_i18n_["__"])('Show more settings');
return Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
onClick: () => {
if (isBlockInspectorOpen) {
disableComplementaryArea(STORE_NAME);
Object(external_wp_a11y_["speak"])(Object(external_wp_i18n_["__"])('Block settings closed'));
} else {
enableComplementaryArea(STORE_NAME, SIDEBAR_BLOCK);
Object(external_wp_a11y_["speak"])(Object(external_wp_i18n_["__"])('Additional settings are now available in the Editor block settings sidebar'));
} // Close dropdown menu.
onClick();
},
shortcut: shortcut
}, label);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/edit-template-part-menu-button/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function EditTemplatePartMenuButton() {
return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["BlockSettingsMenuControls"], null, _ref => {
let {
selectedClientIds,
onClose
} = _ref;
return Object(external_wp_element_["createElement"])(EditTemplatePartMenuItem, {
selectedClientId: selectedClientIds[0],
onClose: onClose
});
});
}
function EditTemplatePartMenuItem(_ref2) {
let {
selectedClientId,
onClose
} = _ref2;
const {
params
} = useLocation();
const selectedTemplatePart = Object(external_wp_data_["useSelect"])(select => {
const block = select(external_wp_blockEditor_["store"]).getBlock(selectedClientId);
if (block && Object(external_wp_blocks_["isTemplatePart"])(block)) {
const {
theme,
slug
} = block.attributes;
return select(external_wp_coreData_["store"]).getEntityRecord('postType', 'wp_template_part', // Ideally this should be an official public API.
`${theme}//${slug}`);
}
}, [selectedClientId]);
const linkProps = useLink({
postId: selectedTemplatePart === null || selectedTemplatePart === void 0 ? void 0 : selectedTemplatePart.id,
postType: selectedTemplatePart === null || selectedTemplatePart === void 0 ? void 0 : selectedTemplatePart.type
}, {
fromTemplateId: params.postId
});
if (!selectedTemplatePart) {
return null;
}
return Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], Object(esm_extends["a" /* default */])({}, linkProps, {
onClick: event => {
linkProps.onClick(event);
onClose();
}
}),
/* translators: %s: template part title */
Object(external_wp_i18n_["sprintf"])(Object(external_wp_i18n_["__"])('Edit %s'), selectedTemplatePart.slug));
}
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/arrow-left.js
var arrow_left = __webpack_require__("cjQ8");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/block-editor/back-button.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function BackButton() {
var _location$state;
const location = useLocation();
const history = useHistory();
const isTemplatePart = location.params.postType === 'wp_template_part';
const previousTemplateId = (_location$state = location.state) === null || _location$state === void 0 ? void 0 : _location$state.fromTemplateId;
if (!isTemplatePart || !previousTemplateId) {
return null;
}
return Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
className: "edit-site-visual-editor__back-button",
icon: arrow_left["a" /* default */],
onClick: () => {
history.back();
}
}, Object(external_wp_i18n_["__"])('Back'));
}
/* harmony default export */ var back_button = (BackButton);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/block-editor/resize-handle.js
/**
* WordPress dependencies
*/
const DELTA_DISTANCE = 20; // The distance to resize per keydown in pixels.
function ResizeHandle(_ref) {
let {
direction,
resizeWidthBy
} = _ref;
function handleKeyDown(event) {
const {
keyCode
} = event;
if (direction === 'left' && keyCode === external_wp_keycodes_["LEFT"] || direction === 'right' && keyCode === external_wp_keycodes_["RIGHT"]) {
resizeWidthBy(DELTA_DISTANCE);
} else if (direction === 'left' && keyCode === external_wp_keycodes_["RIGHT"] || direction === 'right' && keyCode === external_wp_keycodes_["LEFT"]) {
resizeWidthBy(-DELTA_DISTANCE);
}
}
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("button", {
className: `resizable-editor__drag-handle is-${direction}`,
"aria-label": Object(external_wp_i18n_["__"])('Drag to resize'),
"aria-describedby": `resizable-editor__resize-help-${direction}`,
onKeyDown: handleKeyDown
}), Object(external_wp_element_["createElement"])(external_wp_components_["VisuallyHidden"], {
id: `resizable-editor__resize-help-${direction}`
}, Object(external_wp_i18n_["__"])('Use left and right arrow keys to resize the canvas.')));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/block-editor/resizable-editor.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const DEFAULT_STYLES = {
width: '100%',
height: '100%'
}; // Removes the inline styles in the drag handles.
const HANDLE_STYLES_OVERRIDE = {
position: undefined,
userSelect: undefined,
cursor: undefined,
width: undefined,
height: undefined,
top: undefined,
right: undefined,
bottom: undefined,
left: undefined
};
function ResizableEditor(_ref) {
let {
enableResizing,
settings,
...props
} = _ref;
const deviceType = Object(external_wp_data_["useSelect"])(select => select(store).__experimentalGetPreviewDeviceType(), []);
const deviceStyles = Object(external_wp_blockEditor_["__experimentalUseResizeCanvas"])(deviceType);
const [width, setWidth] = Object(external_wp_element_["useState"])(DEFAULT_STYLES.width);
const [height, setHeight] = Object(external_wp_element_["useState"])(DEFAULT_STYLES.height);
const iframeRef = Object(external_wp_element_["useRef"])();
const mouseMoveTypingResetRef = Object(external_wp_blockEditor_["__unstableUseMouseMoveTypingReset"])();
const ref = Object(external_wp_compose_["useMergeRefs"])([iframeRef, mouseMoveTypingResetRef]);
Object(external_wp_element_["useEffect"])(function autoResizeIframeHeight() {
const iframe = iframeRef.current;
if (!iframe || !enableResizing) {
return;
}
let animationFrame = null;
function resizeHeight() {
if (!animationFrame) {
// Throttle the updates on animation frame.
animationFrame = iframe.contentWindow.requestAnimationFrame(() => {
setHeight(iframe.contentDocument.documentElement.scrollHeight);
animationFrame = null;
});
}
}
let resizeObserver;
function registerObserver() {
var _resizeObserver;
(_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 ? void 0 : _resizeObserver.disconnect();
resizeObserver = new iframe.contentWindow.ResizeObserver(resizeHeight); // Observing the <html> rather than the <body> because the latter
// gets destroyed and remounted after initialization in <Iframe>.
resizeObserver.observe(iframe.contentDocument.documentElement);
resizeHeight();
} // This is only required in Firefox for some unknown reasons.
iframe.addEventListener('load', registerObserver); // This is required in Chrome and Safari.
registerObserver();
return () => {
var _iframe$contentWindow, _resizeObserver2;
(_iframe$contentWindow = iframe.contentWindow) === null || _iframe$contentWindow === void 0 ? void 0 : _iframe$contentWindow.cancelAnimationFrame(animationFrame);
(_resizeObserver2 = resizeObserver) === null || _resizeObserver2 === void 0 ? void 0 : _resizeObserver2.disconnect();
iframe.removeEventListener('load', registerObserver);
};
}, [enableResizing]);
const resizeWidthBy = Object(external_wp_element_["useCallback"])(deltaPixels => {
if (iframeRef.current) {
setWidth(iframeRef.current.offsetWidth + deltaPixels);
}
}, []);
return Object(external_wp_element_["createElement"])(external_wp_components_["ResizableBox"], {
size: {
width,
height
},
onResizeStop: (event, direction, element) => {
setWidth(element.style.width);
},
minWidth: 300,
maxWidth: "100%",
maxHeight: "100%",
enable: {
right: enableResizing,
left: enableResizing
},
showHandle: enableResizing // The editor is centered horizontally, resizing it only
// moves half the distance. Hence double the ratio to correctly
// align the cursor to the resizer handle.
,
resizeRatio: 2,
handleComponent: {
left: Object(external_wp_element_["createElement"])(ResizeHandle, {
direction: "left",
resizeWidthBy: resizeWidthBy
}),
right: Object(external_wp_element_["createElement"])(ResizeHandle, {
direction: "right",
resizeWidthBy: resizeWidthBy
})
},
handleClasses: undefined,
handleStyles: {
left: HANDLE_STYLES_OVERRIDE,
right: HANDLE_STYLES_OVERRIDE
}
}, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__unstableIframe"], Object(esm_extends["a" /* default */])({
style: enableResizing ? undefined : deviceStyles,
head: Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__unstableEditorStyles"], {
styles: settings.styles
}), Object(external_wp_element_["createElement"])("style", null, // Forming a "block formatting context" to prevent margin collapsing.
// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
`.is-root-container { display: flow-root; }`), enableResizing && Object(external_wp_element_["createElement"])("style", null, // Force the <html> and <body>'s heights to fit the content.
`html, body { height: -moz-fit-content !important; height: fit-content !important; min-height: 0 !important; }`, // Some themes will have `min-height: 100vh` for the root container,
// which isn't a requirement in auto resize mode.
`.is-root-container { min-height: 0 !important; }`)),
ref: ref,
name: "editor-canvas",
className: "edit-site-visual-editor__editor-canvas"
}, props)));
}
/* harmony default export */ var resizable_editor = (ResizableEditor);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/block-editor/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const LAYOUT = {
type: 'default',
// At the root level of the site editor, no alignments should be allowed.
alignments: []
};
function BlockEditor(_ref) {
let {
setIsInserterOpen
} = _ref;
const {
settings,
templateType,
templateId,
page
} = Object(external_wp_data_["useSelect"])(select => {
const {
getSettings,
getEditedPostType,
getEditedPostId,
getPage
} = select(store);
return {
settings: getSettings(setIsInserterOpen),
templateType: getEditedPostType(),
templateId: getEditedPostId(),
page: getPage()
};
}, [setIsInserterOpen]);
const [blocks, onInput, onChange] = Object(external_wp_coreData_["useEntityBlockEditor"])('postType', templateType);
const {
setPage
} = Object(external_wp_data_["useDispatch"])(store);
const contentRef = Object(external_wp_element_["useRef"])();
const mergedRefs = Object(external_wp_compose_["useMergeRefs"])([contentRef, Object(external_wp_blockEditor_["__unstableUseTypingObserver"])()]);
const isMobileViewport = Object(external_wp_compose_["useViewportMatch"])('small', '<');
const {
clearSelectedBlock
} = Object(external_wp_data_["useDispatch"])(external_wp_blockEditor_["store"]);
const isTemplatePart = templateType === 'wp_template_part';
return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["BlockEditorProvider"], {
settings: settings,
value: blocks,
onInput: onInput,
onChange: onChange,
useSubRegistry: false
}, Object(external_wp_element_["createElement"])(EditTemplatePartMenuButton, null), Object(external_wp_element_["createElement"])(TemplatePartConverter, null), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalLinkControl"].ViewerFill, null, Object(external_wp_element_["useCallback"])(fillProps => Object(external_wp_element_["createElement"])(NavigateToLink, Object(esm_extends["a" /* default */])({}, fillProps, {
activePage: page,
onActivePageChange: setPage
})), [page])), Object(external_wp_element_["createElement"])(SidebarInspectorFill, null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["BlockInspector"], null)), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["BlockTools"], {
className: classnames_default()('edit-site-visual-editor', {
'is-focus-mode': isTemplatePart
}),
__unstableContentRef: contentRef,
onClick: event => {
// Clear selected block when clicking on the gray background.
if (event.target === event.currentTarget) {
clearSelectedBlock();
}
}
}, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["BlockEditorKeyboardShortcuts"].Register, null), Object(external_wp_element_["createElement"])(back_button, null), Object(external_wp_element_["createElement"])(resizable_editor // Reinitialize the editor and reset the states when the template changes.
, {
key: templateId,
enableResizing: isTemplatePart && // Disable resizing in mobile viewport.
!isMobileViewport,
settings: settings,
contentRef: mergedRefs
}, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["BlockList"], {
className: "edit-site-block-editor__block-list wp-site-blocks",
__experimentalLayout: LAYOUT,
renderAppender: isTemplatePart ? false : undefined
})), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__unstableBlockSettingsMenuFirstItem"], null, _ref2 => {
let {
onClose
} = _ref2;
return Object(external_wp_element_["createElement"])(BlockInspectorButton, {
onClick: onClose
});
})), Object(external_wp_element_["createElement"])(external_wp_reusableBlocks_["ReusableBlocksMenuItems"], null));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/keyboard-shortcuts/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function KeyboardShortcuts(_ref) {
let {
openEntitiesSavedStates
} = _ref;
const {
__experimentalGetDirtyEntityRecords,
isSavingEntityRecord
} = Object(external_wp_data_["useSelect"])(external_wp_coreData_["store"]);
const isListViewOpen = Object(external_wp_data_["useSelect"])(select => select(store).isListViewOpened(), []);
const isBlockInspectorOpen = Object(external_wp_data_["useSelect"])(select => select(build_module["i" /* store */]).getActiveComplementaryArea(store.name) === SIDEBAR_BLOCK, []);
const {
redo,
undo
} = Object(external_wp_data_["useDispatch"])(external_wp_coreData_["store"]);
const {
setIsListViewOpened
} = Object(external_wp_data_["useDispatch"])(store);
const {
enableComplementaryArea,
disableComplementaryArea
} = Object(external_wp_data_["useDispatch"])(build_module["i" /* store */]);
Object(external_wp_keyboardShortcuts_["useShortcut"])('core/edit-site/save', event => {
event.preventDefault();
const dirtyEntityRecords = __experimentalGetDirtyEntityRecords();
const isDirty = !!dirtyEntityRecords.length;
const isSaving = dirtyEntityRecords.some(record => isSavingEntityRecord(record.kind, record.name, record.key));
if (!isSaving && isDirty) {
openEntitiesSavedStates();
}
});
Object(external_wp_keyboardShortcuts_["useShortcut"])('core/edit-site/undo', event => {
undo();
event.preventDefault();
});
Object(external_wp_keyboardShortcuts_["useShortcut"])('core/edit-site/redo', event => {
redo();
event.preventDefault();
});
Object(external_wp_keyboardShortcuts_["useShortcut"])('core/edit-site/toggle-list-view', () => {
setIsListViewOpened(!isListViewOpen);
});
Object(external_wp_keyboardShortcuts_["useShortcut"])('core/edit-site/toggle-block-settings-sidebar', event => {
// This shortcut has no known clashes, but use preventDefault to prevent any
// obscure shortcuts from triggering.
event.preventDefault();
if (isBlockInspectorOpen) {
disableComplementaryArea(STORE_NAME);
} else {
enableComplementaryArea(STORE_NAME, SIDEBAR_BLOCK);
}
});
return null;
}
function KeyboardShortcutsRegister() {
// Registering the shortcuts
const {
registerShortcut
} = Object(external_wp_data_["useDispatch"])(external_wp_keyboardShortcuts_["store"]);
Object(external_wp_element_["useEffect"])(() => {
registerShortcut({
name: 'core/edit-site/save',
category: 'global',
description: Object(external_wp_i18n_["__"])('Save your changes.'),
keyCombination: {
modifier: 'primary',
character: 's'
}
});
registerShortcut({
name: 'core/edit-site/undo',
category: 'global',
description: Object(external_wp_i18n_["__"])('Undo your last changes.'),
keyCombination: {
modifier: 'primary',
character: 'z'
}
});
registerShortcut({
name: 'core/edit-site/redo',
category: 'global',
description: Object(external_wp_i18n_["__"])('Redo your last undo.'),
keyCombination: {
modifier: 'primaryShift',
character: 'z'
}
});
registerShortcut({
name: 'core/edit-site/toggle-list-view',
category: 'global',
description: Object(external_wp_i18n_["__"])('Open the block list view.'),
keyCombination: {
modifier: 'access',
character: 'o'
}
});
registerShortcut({
name: 'core/edit-site/toggle-block-settings-sidebar',
category: 'global',
description: Object(external_wp_i18n_["__"])('Show or hide the block settings sidebar.'),
keyCombination: {
modifier: 'primaryShift',
character: ','
}
});
registerShortcut({
name: 'core/edit-site/next-region',
category: 'global',
description: Object(external_wp_i18n_["__"])('Navigate to the next part of the editor.'),
keyCombination: {
modifier: 'ctrl',
character: '`'
},
aliases: [{
modifier: 'access',
character: 'n'
}]
});
registerShortcut({
name: 'core/edit-site/previous-region',
category: 'global',
description: Object(external_wp_i18n_["__"])('Navigate to the previous part of the editor.'),
keyCombination: {
modifier: 'ctrlShift',
character: '`'
},
aliases: [{
modifier: 'access',
character: 'p'
}]
});
}, [registerShortcut]);
return null;
}
KeyboardShortcuts.Register = KeyboardShortcutsRegister;
/* harmony default export */ var keyboard_shortcuts = (KeyboardShortcuts);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/url-query-controller/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function URLQueryController() {
const {
setTemplate,
setTemplatePart,
showHomepage,
setPage
} = Object(external_wp_data_["useDispatch"])(store);
const history = useHistory();
const {
params: {
postId,
postType
}
} = useLocation();
const {
getPage,
getEditedPostId,
getEditedPostType
} = Object(external_wp_data_["useSelect"])(store); // Set correct entity on page navigation.
Object(external_wp_element_["useEffect"])(() => {
let isMounted = true;
if ('page' === postType || 'post' === postType) {
setPage({
context: {
postType,
postId
}
}); // Resolves correct template based on ID.
} else if ('wp_template' === postType) {
setTemplate(postId);
} else if ('wp_template_part' === postType) {
setTemplatePart(postId);
} else {
showHomepage().then(() => {
var _page$context, _page$context2;
if (!isMounted) {
return;
}
const page = getPage();
const editedPostId = getEditedPostId();
const editedPostType = getEditedPostType();
if (page !== null && page !== void 0 && (_page$context = page.context) !== null && _page$context !== void 0 && _page$context.postId && page !== null && page !== void 0 && (_page$context2 = page.context) !== null && _page$context2 !== void 0 && _page$context2.postType) {
history.replace({
postId: page.context.postId,
postType: page.context.postType
});
} else if (editedPostId && editedPostType) {
history.replace({
postId: editedPostId,
postType: editedPostType
});
}
});
}
return () => {
isMounted = false;
};
}, [postId, postType]);
return null;
}
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/close.js
var library_close = __webpack_require__("w95h");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/secondary-sidebar/inserter-sidebar.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function InserterSidebar() {
const {
setIsInserterOpened
} = Object(external_wp_data_["useDispatch"])(store);
const insertionPoint = Object(external_wp_data_["useSelect"])(select => select(store).__experimentalGetInsertionPoint(), []);
const isMobile = Object(external_wp_compose_["useViewportMatch"])('medium', '<');
const [inserterDialogRef, inserterDialogProps] = Object(external_wp_compose_["__experimentalUseDialog"])({
onClose: () => setIsInserterOpened(false)
});
return Object(external_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({
ref: inserterDialogRef
}, inserterDialogProps, {
className: "edit-site-editor__inserter-panel"
}), Object(external_wp_element_["createElement"])("div", {
className: "edit-site-editor__inserter-panel-header"
}, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
icon: library_close["a" /* default */],
onClick: () => setIsInserterOpened(false)
})), Object(external_wp_element_["createElement"])("div", {
className: "edit-site-editor__inserter-panel-content"
}, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalLibrary"], {
showInserterHelpPanel: true,
shouldFocusBlock: isMobile,
rootClientId: insertionPoint.rootClientId,
__experimentalInsertionIndex: insertionPoint.insertionIndex,
__experimentalFilterValue: insertionPoint.filterValue
})));
}
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/close-small.js
var close_small = __webpack_require__("bWcr");
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/secondary-sidebar/list-view-sidebar.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ListViewSidebar() {
const {
setIsListViewOpened
} = Object(external_wp_data_["useDispatch"])(store);
const {
clearSelectedBlock,
selectBlock
} = Object(external_wp_data_["useDispatch"])(external_wp_blockEditor_["store"]);
async function selectEditorBlock(clientId) {
await clearSelectedBlock();
selectBlock(clientId, -1);
}
const focusOnMountRef = Object(external_wp_compose_["useFocusOnMount"])('firstElement');
const focusReturnRef = Object(external_wp_compose_["useFocusReturn"])();
function closeOnEscape(event) {
if (event.keyCode === external_wp_keycodes_["ESCAPE"] && !event.defaultPrevented) {
setIsListViewOpened(false);
}
}
const instanceId = Object(external_wp_compose_["useInstanceId"])(ListViewSidebar);
const labelId = `edit-site-editor__list-view-panel-label-${instanceId}`;
return (// eslint-disable-next-line jsx-a11y/no-static-element-interactions
Object(external_wp_element_["createElement"])("div", {
"aria-labelledby": labelId,
className: "edit-site-editor__list-view-panel",
onKeyDown: closeOnEscape
}, Object(external_wp_element_["createElement"])("div", {
className: "edit-site-editor__list-view-panel-header"
}, Object(external_wp_element_["createElement"])("strong", {
id: labelId
}, Object(external_wp_i18n_["__"])('List view')), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
icon: close_small["a" /* default */],
label: Object(external_wp_i18n_["__"])('Close list view sidebar'),
onClick: () => setIsListViewOpened(false)
})), Object(external_wp_element_["createElement"])("div", {
className: "edit-site-editor__list-view-panel-content",
ref: Object(external_wp_compose_["useMergeRefs"])([focusReturnRef, focusOnMountRef])
}, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalListView"], {
onSelect: selectEditorBlock,
showNestedBlocks: true,
__experimentalFeatures: true,
__experimentalPersistentListViewFeatures: true
})))
);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/error-boundary/index.js
/**
* WordPress dependencies
*/
function CopyButton(_ref) {
let {
text,
children
} = _ref;
const ref = Object(external_wp_compose_["useCopyToClipboard"])(text);
return Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
variant: "secondary",
ref: ref
}, children);
}
class error_boundary_ErrorBoundary extends external_wp_element_["Component"] {
constructor() {
super(...arguments);
this.reboot = this.reboot.bind(this);
this.state = {
error: null
};
}
static getDerivedStateFromError(error) {
return {
error
};
}
reboot() {
this.props.onError();
}
render() {
const {
error
} = this.state;
if (!error) {
return this.props.children;
}
return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["Warning"], {
className: "editor-error-boundary",
actions: [Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
key: "recovery",
onClick: this.reboot,
variant: "secondary"
}, Object(external_wp_i18n_["__"])('Attempt Recovery')), Object(external_wp_element_["createElement"])(CopyButton, {
key: "copy-error",
text: error.stack
}, Object(external_wp_i18n_["__"])('Copy Error'))]
}, Object(external_wp_i18n_["__"])('The editor has encountered an unexpected error.'));
}
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/welcome-guide/image.js
function WelcomeGuideImage(_ref) {
let {
nonAnimatedSrc,
animatedSrc
} = _ref;
return Object(external_wp_element_["createElement"])("picture", {
className: "edit-site-welcome-guide__image"
}, Object(external_wp_element_["createElement"])("source", {
srcSet: nonAnimatedSrc,
media: "(prefers-reduced-motion: reduce)"
}), Object(external_wp_element_["createElement"])("img", {
src: animatedSrc,
width: "312",
height: "240",
alt: ""
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/welcome-guide/editor.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function WelcomeGuideEditor() {
const {
toggleFeature
} = Object(external_wp_data_["useDispatch"])(store);
const isActive = Object(external_wp_data_["useSelect"])(select => select(store).isFeatureActive('welcomeGuide'), []);
if (!isActive) {
return null;
}
return Object(external_wp_element_["createElement"])(external_wp_components_["Guide"], {
className: "edit-site-welcome-guide",
contentLabel: Object(external_wp_i18n_["__"])('Welcome to the site editor'),
finishButtonText: Object(external_wp_i18n_["__"])('Get Started'),
onFinish: () => toggleFeature('welcomeGuide'),
pages: [{
image: Object(external_wp_element_["createElement"])(WelcomeGuideImage, {
nonAnimatedSrc: "https://s.w.org/images/block-editor/edit-your-site.svg?1",
animatedSrc: "https://s.w.org/images/block-editor/edit-your-site.gif?1"
}),
content: Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("h1", {
className: "edit-site-welcome-guide__heading"
}, Object(external_wp_i18n_["__"])('Edit your site')), Object(external_wp_element_["createElement"])("p", {
className: "edit-site-welcome-guide__text"
}, Object(external_wp_i18n_["__"])('Design everything on your site — from the header right down to the footer — using blocks.')), Object(external_wp_element_["createElement"])("p", {
className: "edit-site-welcome-guide__text"
}, Object(external_wp_element_["createInterpolateElement"])(Object(external_wp_i18n_["__"])('Click <StylesIconImage /> to start designing your blocks, and choose your typography, layout, and colors.'), {
StylesIconImage: Object(external_wp_element_["createElement"])("img", {
alt: Object(external_wp_i18n_["__"])('styles'),
src: "data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 4c-4.4 0-8 3.6-8 8v.1c0 4.1 3.2 7.5 7.2 7.9h.8c4.4 0 8-3.6 8-8s-3.6-8-8-8zm0 15V5c3.9 0 7 3.1 7 7s-3.1 7-7 7z' fill='%231E1E1E'/%3E%3C/svg%3E%0A"
})
})))
}]
});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/welcome-guide/styles.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function WelcomeGuideStyles() {
const {
toggleFeature
} = Object(external_wp_data_["useDispatch"])(store);
const {
isActive,
isStylesOpen
} = Object(external_wp_data_["useSelect"])(select => {
const sidebar = select(build_module["i" /* store */]).getActiveComplementaryArea(store.name);
return {
isActive: select(store).isFeatureActive('welcomeGuideStyles'),
isStylesOpen: sidebar === 'edit-site/global-styles'
};
}, []);
if (!isActive || !isStylesOpen) {
return null;
}
return Object(external_wp_element_["createElement"])(external_wp_components_["Guide"], {
className: "edit-site-welcome-guide",
contentLabel: Object(external_wp_i18n_["__"])('Welcome to styles'),
finishButtonText: Object(external_wp_i18n_["__"])('Get Started'),
onFinish: () => toggleFeature('welcomeGuideStyles'),
pages: [{
image: Object(external_wp_element_["createElement"])(WelcomeGuideImage, {
nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-to-styles.svg?1",
animatedSrc: "https://s.w.org/images/block-editor/welcome-to-styles.gif?1"
}),
content: Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("h1", {
className: "edit-site-welcome-guide__heading"
}, Object(external_wp_i18n_["__"])('Welcome to Styles')), Object(external_wp_element_["createElement"])("p", {
className: "edit-site-welcome-guide__text"
}, Object(external_wp_i18n_["__"])('Tweak your site, or give it a whole new look! Get creative — how about a new color palette for your buttons, or choosing a new font? Take a look at what you can do here.')))
}, {
image: Object(external_wp_element_["createElement"])(WelcomeGuideImage, {
nonAnimatedSrc: "https://s.w.org/images/block-editor/set-the-design.svg?1",
animatedSrc: "https://s.w.org/images/block-editor/set-the-design.gif?1"
}),
content: Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("h1", {
className: "edit-site-welcome-guide__heading"
}, Object(external_wp_i18n_["__"])('Set the design')), Object(external_wp_element_["createElement"])("p", {
className: "edit-site-welcome-guide__text"
}, Object(external_wp_i18n_["__"])('You can customize your site as much as you like with different colors, typography, and layouts. Or if you prefer, just leave it up to your theme to handle! ')))
}, {
image: Object(external_wp_element_["createElement"])(WelcomeGuideImage, {
nonAnimatedSrc: "https://s.w.org/images/block-editor/personalize-blocks.svg?1",
animatedSrc: "https://s.w.org/images/block-editor/personalize-blocks.gif?1"
}),
content: Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("h1", {
className: "edit-site-welcome-guide__heading"
}, Object(external_wp_i18n_["__"])('Personalize blocks')), Object(external_wp_element_["createElement"])("p", {
className: "edit-site-welcome-guide__text"
}, Object(external_wp_i18n_["__"])('You can adjust your blocks to ensure a cohesive experience across your site — add your unique colors to a branded Button block, or adjust the Heading block to your preferred size.')))
}, {
image: Object(external_wp_element_["createElement"])(WelcomeGuideImage, {
nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.svg",
animatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.gif"
}),
content: Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("h1", {
className: "edit-site-welcome-guide__heading"
}, Object(external_wp_i18n_["__"])('Learn more')), Object(external_wp_element_["createElement"])("p", {
className: "edit-site-welcome-guide__text"
}, Object(external_wp_i18n_["__"])('New to block themes and styling your site? '), Object(external_wp_element_["createElement"])(external_wp_components_["ExternalLink"], {
href: Object(external_wp_i18n_["__"])('https://wordpress.org/support/article/styles-overview/')
}, Object(external_wp_i18n_["__"])('Here’s a detailed guide to learn how to make the most of it.'))))
}]
});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/welcome-guide/index.js
/**
* Internal dependencies
*/
function WelcomeGuide() {
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(WelcomeGuideEditor, null), Object(external_wp_element_["createElement"])(WelcomeGuideStyles, null));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/editor/global-styles-renderer.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Internal dependencies
*/
function useGlobalStylesRenderer() {
const [styles, settings] = useGlobalStylesOutput();
const {
getSettings
} = Object(external_wp_data_["useSelect"])(store);
const {
updateSettings
} = Object(external_wp_data_["useDispatch"])(store);
Object(external_wp_element_["useEffect"])(() => {
var _currentStoreSettings;
if (!styles || !settings) {
return;
}
const currentStoreSettings = getSettings();
const nonGlobalStyles = currentStoreSettings === null || currentStoreSettings === void 0 ? void 0 : (_currentStoreSettings = currentStoreSettings.styles) === null || _currentStoreSettings === void 0 ? void 0 : _currentStoreSettings.filter(style => !style.isGlobalStyles);
updateSettings({ ...currentStoreSettings,
styles: [...nonGlobalStyles, ...styles],
__experimentalFeatures: settings
});
}, [styles, settings]);
}
function GlobalStylesRenderer() {
useGlobalStylesRenderer();
return null;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/global-styles/global-styles-provider.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function mergeTreesCustomizer(_, srcValue) {
// We only pass as arrays the presets,
// in which case we want the new array of values
// to override the old array (no merging).
if (Array.isArray(srcValue)) {
return srcValue;
}
}
function mergeBaseAndUserConfigs(base, user) {
return Object(external_lodash_["mergeWith"])({}, base, user, mergeTreesCustomizer);
}
const cleanEmptyObject = object => {
if (!Object(external_lodash_["isObject"])(object) || Array.isArray(object)) {
return object;
}
const cleanedNestedObjects = Object(external_lodash_["pickBy"])(Object(external_lodash_["mapValues"])(object, cleanEmptyObject), external_lodash_["identity"]);
return Object(external_lodash_["isEmpty"])(cleanedNestedObjects) ? undefined : cleanedNestedObjects;
};
function useGlobalStylesUserConfig() {
const {
globalStylesId,
settings,
styles
} = Object(external_wp_data_["useSelect"])(select => {
const _globalStylesId = select(external_wp_coreData_["store"]).__experimentalGetCurrentGlobalStylesId();
const record = _globalStylesId ? select(external_wp_coreData_["store"]).getEditedEntityRecord('root', 'globalStyles', _globalStylesId) : undefined;
return {
globalStylesId: _globalStylesId,
settings: record === null || record === void 0 ? void 0 : record.settings,
styles: record === null || record === void 0 ? void 0 : record.styles
};
}, []);
const {
getEditedEntityRecord
} = Object(external_wp_data_["useSelect"])(external_wp_coreData_["store"]);
const {
editEntityRecord
} = Object(external_wp_data_["useDispatch"])(external_wp_coreData_["store"]);
const config = Object(external_wp_element_["useMemo"])(() => {
return {
settings: settings !== null && settings !== void 0 ? settings : {},
styles: styles !== null && styles !== void 0 ? styles : {}
};
}, [settings, styles]);
const setConfig = Object(external_wp_element_["useCallback"])(callback => {
var _record$styles, _record$settings;
const record = getEditedEntityRecord('root', 'globalStyles', globalStylesId);
const currentConfig = {
styles: (_record$styles = record === null || record === void 0 ? void 0 : record.styles) !== null && _record$styles !== void 0 ? _record$styles : {},
settings: (_record$settings = record === null || record === void 0 ? void 0 : record.settings) !== null && _record$settings !== void 0 ? _record$settings : {}
};
const updatedConfig = callback(currentConfig);
editEntityRecord('root', 'globalStyles', globalStylesId, {
styles: cleanEmptyObject(updatedConfig.styles) || {},
settings: cleanEmptyObject(updatedConfig.settings) || {}
});
}, [globalStylesId]);
return [!!settings || !!styles, config, setConfig];
}
function useGlobalStylesBaseConfig() {
const baseConfig = Object(external_wp_data_["useSelect"])(select => {
return select(external_wp_coreData_["store"]).__experimentalGetCurrentThemeBaseGlobalStyles();
}, []);
return [!!baseConfig, baseConfig];
}
function useGlobalStylesContext() {
const [isUserConfigReady, userConfig, setUserConfig] = useGlobalStylesUserConfig();
const [isBaseConfigReady, baseConfig] = useGlobalStylesBaseConfig();
const mergedConfig = Object(external_wp_element_["useMemo"])(() => {
if (!baseConfig || !userConfig) {
return {};
}
return mergeBaseAndUserConfigs(baseConfig, userConfig);
}, [userConfig, baseConfig]);
const context = Object(external_wp_element_["useMemo"])(() => {
return {
isReady: isUserConfigReady && isBaseConfigReady,
user: userConfig,
base: baseConfig,
merged: mergedConfig,
setUserConfig
};
}, [mergedConfig, userConfig, baseConfig, setUserConfig, isUserConfigReady, isBaseConfigReady]);
return context;
}
function GlobalStylesProvider(_ref) {
let {
children
} = _ref;
const context = useGlobalStylesContext();
if (!context.isReady) {
return null;
}
return Object(external_wp_element_["createElement"])(GlobalStylesContext.Provider, {
value: context
}, children);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/routes/use-title.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function useTitle(title) {
const location = useLocation();
const siteTitle = Object(external_wp_data_["useSelect"])(select => {
var _select$getEntityReco;
return (_select$getEntityReco = select(external_wp_coreData_["store"]).getEntityRecord('root', 'site')) === null || _select$getEntityReco === void 0 ? void 0 : _select$getEntityReco.title;
}, []);
const isInitialLocationRef = Object(external_wp_element_["useRef"])(true);
Object(external_wp_element_["useEffect"])(() => {
isInitialLocationRef.current = false;
}, [location]);
Object(external_wp_element_["useEffect"])(() => {
// Don't update or announce the title for initial page load.
if (isInitialLocationRef.current) {
return;
}
if (title && siteTitle) {
// @see https://github.com/WordPress/wordpress-develop/blob/94849898192d271d533e09756007e176feb80697/src/wp-admin/admin-header.php#L67-L68
const formattedTitle = Object(external_wp_i18n_["sprintf"])(
/* translators: Admin screen title. 1: Admin screen name, 2: Network or site name. */
Object(external_wp_i18n_["__"])('%1$s ‹ %2$s — WordPress'), title, siteTitle);
document.title = formattedTitle; // Announce title on route change for screen readers.
Object(external_wp_a11y_["speak"])(Object(external_wp_i18n_["sprintf"])(
/* translators: The page title that is currently displaying. */
Object(external_wp_i18n_["__"])('Now displaying: %s'), document.title), 'assertive');
}
}, [title, siteTitle, location]);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/editor/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const interfaceLabels = {
secondarySidebar: Object(external_wp_i18n_["__"])('Block Library'),
drawer: Object(external_wp_i18n_["__"])('Navigation Sidebar')
};
function Editor(_ref) {
let {
onError
} = _ref;
const {
isInserterOpen,
isListViewOpen,
sidebarIsOpened,
settings,
entityId,
templateType,
page,
template,
templateResolved,
isNavigationOpen,
previousShortcut,
nextShortcut
} = Object(external_wp_data_["useSelect"])(select => {
const {
isInserterOpened,
isListViewOpened,
getSettings,
getEditedPostType,
getEditedPostId,
getPage,
isNavigationOpened
} = select(store);
const {
hasFinishedResolution,
getEntityRecord
} = select(external_wp_coreData_["store"]);
const postType = getEditedPostType();
const postId = getEditedPostId(); // The currently selected entity to display. Typically template or template part.
return {
isInserterOpen: isInserterOpened(),
isListViewOpen: isListViewOpened(),
sidebarIsOpened: !!select(build_module["i" /* store */]).getActiveComplementaryArea(store.name),
settings: getSettings(),
templateType: postType,
page: getPage(),
template: postId ? getEntityRecord('postType', postType, postId) : null,
templateResolved: postId ? hasFinishedResolution('getEntityRecord', ['postType', postType, postId]) : false,
entityId: postId,
isNavigationOpen: isNavigationOpened(),
previousShortcut: select(external_wp_keyboardShortcuts_["store"]).getAllShortcutKeyCombinations('core/edit-site/previous-region'),
nextShortcut: select(external_wp_keyboardShortcuts_["store"]).getAllShortcutKeyCombinations('core/edit-site/next-region')
};
}, []);
const {
setPage,
setIsInserterOpened
} = Object(external_wp_data_["useDispatch"])(store);
const [isEntitiesSavedStatesOpen, setIsEntitiesSavedStatesOpen] = Object(external_wp_element_["useState"])(false);
const openEntitiesSavedStates = Object(external_wp_element_["useCallback"])(() => setIsEntitiesSavedStatesOpen(true), []);
const closeEntitiesSavedStates = Object(external_wp_element_["useCallback"])(() => {
setIsEntitiesSavedStatesOpen(false);
}, []);
const blockContext = Object(external_wp_element_["useMemo"])(() => ({ ...(page === null || page === void 0 ? void 0 : page.context),
queryContext: [(page === null || page === void 0 ? void 0 : page.context.queryContext) || {
page: 1
}, newQueryContext => setPage({ ...page,
context: { ...(page === null || page === void 0 ? void 0 : page.context),
queryContext: { ...(page === null || page === void 0 ? void 0 : page.context.queryContext),
...newQueryContext
}
}
})]
}), [page === null || page === void 0 ? void 0 : page.context]);
Object(external_wp_element_["useEffect"])(() => {
if (isNavigationOpen) {
document.body.classList.add('is-navigation-sidebar-open');
} else {
document.body.classList.remove('is-navigation-sidebar-open');
}
}, [isNavigationOpen]); // Don't render the Editor until the settings are set and loaded
const isReady = (settings === null || settings === void 0 ? void 0 : settings.siteUrl) && templateType !== undefined && entityId !== undefined;
const secondarySidebar = () => {
if (isInserterOpen) {
return Object(external_wp_element_["createElement"])(InserterSidebar, null);
}
if (isListViewOpen) {
return Object(external_wp_element_["createElement"])(ListViewSidebar, null);
}
return null;
}; // Only announce the title once the editor is ready to prevent "Replace"
// action in <URlQueryController> from double-announcing.
useTitle(isReady && Object(external_wp_i18n_["__"])('Editor (beta)'));
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(URLQueryController, null), isReady && Object(external_wp_element_["createElement"])(external_wp_keyboardShortcuts_["ShortcutProvider"], null, Object(external_wp_element_["createElement"])(external_wp_coreData_["EntityProvider"], {
kind: "root",
type: "site"
}, Object(external_wp_element_["createElement"])(external_wp_coreData_["EntityProvider"], {
kind: "postType",
type: templateType,
id: entityId
}, Object(external_wp_element_["createElement"])(GlobalStylesProvider, null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["BlockContextProvider"], {
value: blockContext
}, Object(external_wp_element_["createElement"])(GlobalStylesRenderer, null), Object(external_wp_element_["createElement"])(error_boundary_ErrorBoundary, {
onError: onError
}, Object(external_wp_element_["createElement"])(keyboard_shortcuts.Register, null), Object(external_wp_element_["createElement"])(SidebarComplementaryAreaFills, null), Object(external_wp_element_["createElement"])(build_module["e" /* InterfaceSkeleton */], {
labels: interfaceLabels,
secondarySidebar: secondarySidebar(),
sidebar: sidebarIsOpened && Object(external_wp_element_["createElement"])(build_module["b" /* ComplementaryArea */].Slot, {
scope: "core/edit-site"
}),
drawer: Object(external_wp_element_["createElement"])(navigation_sidebar.Slot, null),
header: Object(external_wp_element_["createElement"])(Header, {
openEntitiesSavedStates: openEntitiesSavedStates
}),
notices: Object(external_wp_element_["createElement"])(external_wp_editor_["EditorSnackbars"], null),
content: Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_editor_["EditorNotices"], null), template && Object(external_wp_element_["createElement"])(BlockEditor, {
setIsInserterOpen: setIsInserterOpened
}), templateResolved && !template && (settings === null || settings === void 0 ? void 0 : settings.siteUrl) && entityId && Object(external_wp_element_["createElement"])(external_wp_components_["Notice"], {
status: "warning",
isDismissible: false
}, Object(external_wp_i18n_["__"])("You attempted to edit an item that doesn't exist. Perhaps it was deleted?")), Object(external_wp_element_["createElement"])(keyboard_shortcuts, {
openEntitiesSavedStates: openEntitiesSavedStates
})),
actions: Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, isEntitiesSavedStatesOpen ? Object(external_wp_element_["createElement"])(external_wp_editor_["EntitiesSavedStates"], {
close: closeEntitiesSavedStates
}) : Object(external_wp_element_["createElement"])("div", {
className: "edit-site-editor__toggle-save-panel"
}, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
variant: "secondary",
className: "edit-site-editor__toggle-save-panel-button",
onClick: openEntitiesSavedStates,
"aria-expanded": false
}, Object(external_wp_i18n_["__"])('Open save panel')))),
footer: Object(external_wp_element_["createElement"])(external_wp_blockEditor_["BlockBreadcrumb"], null),
shortcuts: {
previous: previousShortcut,
next: nextShortcut
}
}), Object(external_wp_element_["createElement"])(WelcomeGuide, null), Object(external_wp_element_["createElement"])(external_wp_components_["Popover"].Slot, null), Object(external_wp_element_["createElement"])(external_wp_plugins_["PluginArea"], null))))))));
}
/* harmony default export */ var editor = (Editor);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/list/use-register-shortcuts.js
/**
* WordPress dependencies
*/
function useRegisterShortcuts() {
const {
registerShortcut
} = Object(external_wp_data_["useDispatch"])(external_wp_keyboardShortcuts_["store"]);
Object(external_wp_element_["useEffect"])(() => {
registerShortcut({
name: 'core/edit-site/next-region',
category: 'global',
description: Object(external_wp_i18n_["__"])('Navigate to the next part of the editor.'),
keyCombination: {
modifier: 'ctrl',
character: '`'
},
aliases: [{
modifier: 'access',
character: 'n'
}]
});
registerShortcut({
name: 'core/edit-site/previous-region',
category: 'global',
description: Object(external_wp_i18n_["__"])('Navigate to the previous part of the editor.'),
keyCombination: {
modifier: 'ctrlShift',
character: '`'
},
aliases: [{
modifier: 'access',
character: 'p'
}]
});
}, []);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/add-new-template/new-template.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const DEFAULT_TEMPLATE_SLUGS = ['front-page', 'single-post', 'page', 'archive', 'search', '404', 'index'];
function NewTemplate(_ref) {
let {
postType
} = _ref;
const history = useHistory();
const {
templates,
defaultTemplateTypes
} = Object(external_wp_data_["useSelect"])(select => ({
templates: select(external_wp_coreData_["store"]).getEntityRecords('postType', 'wp_template', {
per_page: -1
}),
defaultTemplateTypes: select(external_wp_editor_["store"]).__experimentalGetDefaultTemplateTypes()
}), []);
const {
saveEntityRecord
} = Object(external_wp_data_["useDispatch"])(external_wp_coreData_["store"]);
const {
createErrorNotice
} = Object(external_wp_data_["useDispatch"])(external_wp_notices_["store"]);
const {
getLastEntitySaveError
} = Object(external_wp_data_["useSelect"])(external_wp_coreData_["store"]);
async function createTemplate(_ref2) {
let {
slug
} = _ref2;
try {
const {
title,
description
} = Object(external_lodash_["find"])(defaultTemplateTypes, {
slug
});
const template = await saveEntityRecord('postType', 'wp_template', {
excerpt: description,
// Slugs need to be strings, so this is for template `404`
slug: slug.toString(),
status: 'publish',
title
});
const lastEntitySaveError = getLastEntitySaveError('postType', 'wp_template', template.id);
if (lastEntitySaveError) {
throw lastEntitySaveError;
} // Navigate to the created template editor.
history.push({
postId: template.id,
postType: template.type
}); // TODO: Add a success notice?
} catch (error) {
const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : Object(external_wp_i18n_["__"])('An error occurred while creating the template.');
createErrorNotice(errorMessage, {
type: 'snackbar'
});
}
}
const existingTemplateSlugs = Object(external_lodash_["map"])(templates, 'slug');
const missingTemplates = Object(external_lodash_["filter"])(defaultTemplateTypes, template => Object(external_lodash_["includes"])(DEFAULT_TEMPLATE_SLUGS, template.slug) && !Object(external_lodash_["includes"])(existingTemplateSlugs, template.slug));
if (!missingTemplates.length) {
return null;
}
return Object(external_wp_element_["createElement"])(external_wp_components_["DropdownMenu"], {
className: "edit-site-new-template-dropdown",
icon: null,
text: postType.labels.add_new,
label: postType.labels.add_new_item,
popoverProps: {
noArrow: false
},
toggleProps: {
variant: 'primary'
}
}, () => Object(external_wp_element_["createElement"])(external_wp_components_["NavigableMenu"], {
className: "edit-site-new-template-dropdown__popover"
}, Object(external_wp_element_["createElement"])(external_wp_components_["MenuGroup"], {
label: postType.labels.add_new_item
}, Object(external_lodash_["map"])(missingTemplates, _ref3 => {
let {
title,
description,
slug
} = _ref3;
return Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
info: description,
key: slug,
onClick: () => {
createTemplate({
slug
}); // We will be navigated way so no need to close the dropdown.
}
}, title);
}))));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/add-new-template/new-template-part.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function NewTemplatePart(_ref) {
let {
postType
} = _ref;
const history = useHistory();
const [isModalOpen, setIsModalOpen] = Object(external_wp_element_["useState"])(false);
const {
createErrorNotice
} = Object(external_wp_data_["useDispatch"])(external_wp_notices_["store"]);
const {
saveEntityRecord
} = Object(external_wp_data_["useDispatch"])(external_wp_coreData_["store"]);
const {
getLastEntitySaveError
} = Object(external_wp_data_["useSelect"])(external_wp_coreData_["store"]);
async function createTemplatePart(_ref2) {
let {
title,
area
} = _ref2;
if (!title) {
createErrorNotice(Object(external_wp_i18n_["__"])('Title is not defined.'), {
type: 'snackbar'
});
return;
}
try {
const templatePart = await saveEntityRecord('postType', 'wp_template_part', {
slug: Object(external_lodash_["kebabCase"])(title),
title,
content: '',
area
});
const lastEntitySaveError = getLastEntitySaveError('postType', 'wp_template_part', templatePart.id);
if (lastEntitySaveError) {
throw lastEntitySaveError;
}
setIsModalOpen(false); // Navigate to the created template part editor.
history.push({
postId: templatePart.id,
postType: templatePart.type
}); // TODO: Add a success notice?
} catch (error) {
const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : Object(external_wp_i18n_["__"])('An error occurred while creating the template part.');
createErrorNotice(errorMessage, {
type: 'snackbar'
});
setIsModalOpen(false);
}
}
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
variant: "primary",
onClick: () => {
setIsModalOpen(true);
}
}, postType.labels.add_new), isModalOpen && Object(external_wp_element_["createElement"])(CreateTemplatePartModal, {
closeModal: () => setIsModalOpen(false),
onCreate: createTemplatePart
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/add-new-template/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function AddNewTemplate(_ref) {
let {
templateType = 'wp_template'
} = _ref;
const postType = Object(external_wp_data_["useSelect"])(select => select(external_wp_coreData_["store"]).getPostType(templateType), [templateType]);
if (!postType) {
return null;
}
if (templateType === 'wp_template') {
return Object(external_wp_element_["createElement"])(NewTemplate, {
postType: postType
});
} else if (templateType === 'wp_template_part') {
return Object(external_wp_element_["createElement"])(NewTemplatePart, {
postType: postType
});
}
return null;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/list/header.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function header_Header(_ref) {
var _postType$labels;
let {
templateType
} = _ref;
const postType = Object(external_wp_data_["useSelect"])(select => select(external_wp_coreData_["store"]).getPostType(templateType), [templateType]);
if (!postType) {
return null;
}
return Object(external_wp_element_["createElement"])("header", {
className: "edit-site-list-header"
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHeading"], {
level: 1,
className: "edit-site-list-header__title"
}, (_postType$labels = postType.labels) === null || _postType$labels === void 0 ? void 0 : _postType$labels.name), Object(external_wp_element_["createElement"])("div", {
className: "edit-site-list-header__right"
}, Object(external_wp_element_["createElement"])(AddNewTemplate, {
templateType: templateType
})));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/utils/is-template-removable.js
/**
* Check if a template is removable.
*
* @param {Object} template The template entity to check.
* @return {boolean} Whether the template is revertable.
*/
function isTemplateRemovable(template) {
if (!template) {
return false;
}
return template.source === 'custom' && !template.has_theme_file;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/list/actions/rename-menu-item.js
/**
* WordPress dependencies
*/
function RenameMenuItem(_ref) {
let {
template,
onClose
} = _ref;
const [title, setTitle] = Object(external_wp_element_["useState"])(() => template.title.rendered);
const [isModalOpen, setIsModalOpen] = Object(external_wp_element_["useState"])(false);
const {
getLastEntitySaveError
} = Object(external_wp_data_["useSelect"])(external_wp_coreData_["store"]);
const {
editEntityRecord,
saveEditedEntityRecord
} = Object(external_wp_data_["useDispatch"])(external_wp_coreData_["store"]);
const {
createSuccessNotice,
createErrorNotice
} = Object(external_wp_data_["useDispatch"])(external_wp_notices_["store"]);
if (!template.is_custom) {
return null;
}
async function onTemplateRename(event) {
event.preventDefault();
try {
await editEntityRecord('postType', template.type, template.id, {
title
}); // Update state before saving rerenders the list.
setTitle('');
setIsModalOpen(false);
onClose(); // Persist edited entity.
await saveEditedEntityRecord('postType', template.type, template.id);
const lastError = getLastEntitySaveError('postType', template.type, template.id);
if (lastError) {
throw lastError;
}
createSuccessNotice(Object(external_wp_i18n_["__"])('Template has been renamed.'), {
type: 'snackbar'
});
} catch (error) {
const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : Object(external_wp_i18n_["__"])('An error occurred while renaming the template.');
createErrorNotice(errorMessage, {
type: 'snackbar'
});
}
}
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
onClick: () => {
setIsModalOpen(true);
setTitle(template.title.rendered);
}
}, Object(external_wp_i18n_["__"])('Rename')), isModalOpen && Object(external_wp_element_["createElement"])(external_wp_components_["Modal"], {
title: Object(external_wp_i18n_["__"])('Rename template'),
closeLabel: Object(external_wp_i18n_["__"])('Close'),
onRequestClose: () => {
setIsModalOpen(false);
},
overlayClassName: "edit-site-list__rename-modal"
}, Object(external_wp_element_["createElement"])("form", {
onSubmit: onTemplateRename
}, Object(external_wp_element_["createElement"])(external_wp_components_["Flex"], {
align: "flex-start",
gap: 8
}, Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])(external_wp_components_["TextControl"], {
label: Object(external_wp_i18n_["__"])('Name'),
value: title,
onChange: setTitle,
required: true
}))), Object(external_wp_element_["createElement"])(external_wp_components_["Flex"], {
className: "edit-site-list__rename-modal-actions",
justify: "flex-end",
expanded: false
}, Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
variant: "tertiary",
onClick: () => {
setIsModalOpen(false);
}
}, Object(external_wp_i18n_["__"])('Cancel'))), Object(external_wp_element_["createElement"])(external_wp_components_["FlexItem"], null, Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
variant: "primary",
type: "submit"
}, Object(external_wp_i18n_["__"])('Save')))))));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/list/actions/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function Actions(_ref) {
let {
template
} = _ref;
const {
removeTemplate,
revertTemplate
} = Object(external_wp_data_["useDispatch"])(store);
const {
saveEditedEntityRecord
} = Object(external_wp_data_["useDispatch"])(external_wp_coreData_["store"]);
const {
createSuccessNotice,
createErrorNotice
} = Object(external_wp_data_["useDispatch"])(external_wp_notices_["store"]);
const isRemovable = isTemplateRemovable(template);
const isRevertable = isTemplateRevertable(template);
if (!isRemovable && !isRevertable) {
return null;
}
async function revertAndSaveTemplate() {
try {
await revertTemplate(template, {
allowUndo: false
});
await saveEditedEntityRecord('postType', template.type, template.id);
createSuccessNotice(Object(external_wp_i18n_["__"])('Template reverted.'), {
type: 'snackbar'
});
} catch (error) {
const errorMessage = error.message && error.code !== 'unknown_error' ? error.message : Object(external_wp_i18n_["__"])('An error occurred while reverting the template.');
createErrorNotice(errorMessage, {
type: 'snackbar'
});
}
}
return Object(external_wp_element_["createElement"])(external_wp_components_["DropdownMenu"], {
icon: more_vertical["a" /* default */],
label: Object(external_wp_i18n_["__"])('Actions'),
className: "edit-site-list-table__actions"
}, _ref2 => {
let {
onClose
} = _ref2;
return Object(external_wp_element_["createElement"])(external_wp_components_["MenuGroup"], null, isRemovable && Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(RenameMenuItem, {
template: template,
onClose: onClose
}), Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
isDestructive: true,
onClick: () => {
removeTemplate(template);
onClose();
}
}, Object(external_wp_i18n_["__"])('Delete template'))), isRevertable && Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
info: Object(external_wp_i18n_["__"])('Restore template to default state'),
onClick: () => {
revertAndSaveTemplate();
onClose();
}
}, Object(external_wp_i18n_["__"])('Clear customizations')));
});
}
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/plugins.js
var plugins = __webpack_require__("0Ene");
// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/comment-author-avatar.js
/**
* WordPress dependencies
*/
const commentAuthorAvatar = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["Path"], {
d: "M7.25 16.4371C6.16445 15.2755 5.5 13.7153 5.5 12C5.5 8.41015 8.41015 5.5 12 5.5C15.5899 5.5 18.5 8.41015 18.5 12C18.5 13.7153 17.8356 15.2755 16.75 16.4371V16C16.75 14.4812 15.5188 13.25 14 13.25L10 13.25C8.48122 13.25 7.25 14.4812 7.25 16V16.4371ZM8.75 17.6304C9.70606 18.1835 10.8161 18.5 12 18.5C13.1839 18.5 14.2939 18.1835 15.25 17.6304V16C15.25 15.3096 14.6904 14.75 14 14.75L10 14.75C9.30964 14.75 8.75 15.3096 8.75 16V17.6304ZM4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12ZM14 10C14 11.1046 13.1046 12 12 12C10.8954 12 10 11.1046 10 10C10 8.89543 10.8954 8 12 8C13.1046 8 14 8.89543 14 10Z",
fillRule: "evenodd",
clipRule: "evenodd",
fill: "black"
}));
/* harmony default export */ var comment_author_avatar = (commentAuthorAvatar);
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/list/added-by.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
const TEMPLATE_POST_TYPE_NAMES = ['wp_template', 'wp_template_part'];
function CustomizedTooltip(_ref) {
let {
isCustomized,
children
} = _ref;
if (!isCustomized) {
return children;
}
return Object(external_wp_element_["createElement"])(external_wp_components_["Tooltip"], {
text: Object(external_wp_i18n_["__"])('This template has been customized')
}, children);
}
function AddedByTheme(_ref2) {
var _theme$name;
let {
slug,
isCustomized
} = _ref2;
const theme = Object(external_wp_data_["useSelect"])(select => select(external_wp_coreData_["store"]).getTheme(slug), [slug]);
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
alignment: "left"
}, Object(external_wp_element_["createElement"])(CustomizedTooltip, {
isCustomized: isCustomized
}, Object(external_wp_element_["createElement"])("div", {
className: classnames_default()('edit-site-list-added-by__icon', {
'is-customized': isCustomized
})
}, Object(external_wp_element_["createElement"])(external_wp_components_["Icon"], {
icon: layout["a" /* default */]
}))), Object(external_wp_element_["createElement"])("span", null, (theme === null || theme === void 0 ? void 0 : (_theme$name = theme.name) === null || _theme$name === void 0 ? void 0 : _theme$name.rendered) || slug));
}
function AddedByPlugin(_ref3) {
let {
slug,
isCustomized
} = _ref3;
const plugin = Object(external_wp_data_["useSelect"])(select => select(external_wp_coreData_["store"]).getPlugin(slug), [slug]);
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
alignment: "left"
}, Object(external_wp_element_["createElement"])(CustomizedTooltip, {
isCustomized: isCustomized
}, Object(external_wp_element_["createElement"])("div", {
className: "edit-site-list-added-by__icon"
}, Object(external_wp_element_["createElement"])(external_wp_components_["Icon"], {
icon: plugins["a" /* default */]
}))), Object(external_wp_element_["createElement"])("span", null, (plugin === null || plugin === void 0 ? void 0 : plugin.name) || slug));
}
function AddedByAuthor(_ref4) {
var _user$avatar_urls;
let {
id
} = _ref4;
const user = Object(external_wp_data_["useSelect"])(select => select(external_wp_coreData_["store"]).getUser(id), [id]);
const [isImageLoaded, setIsImageLoaded] = Object(external_wp_element_["useState"])(false);
const avatarURL = user === null || user === void 0 ? void 0 : (_user$avatar_urls = user.avatar_urls) === null || _user$avatar_urls === void 0 ? void 0 : _user$avatar_urls[48];
const hasAvatar = !!avatarURL;
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
alignment: "left"
}, Object(external_wp_element_["createElement"])("div", {
className: classnames_default()(hasAvatar ? 'edit-site-list-added-by__avatar' : 'edit-site-list-added-by__icon', {
'is-loaded': isImageLoaded
})
}, hasAvatar ? Object(external_wp_element_["createElement"])("img", {
onLoad: () => setIsImageLoaded(true),
alt: "",
src: avatarURL
}) : Object(external_wp_element_["createElement"])(external_wp_components_["Icon"], {
icon: comment_author_avatar
})), Object(external_wp_element_["createElement"])("span", null, user === null || user === void 0 ? void 0 : user.nickname));
}
function AddedBySite() {
const {
name,
logoURL
} = Object(external_wp_data_["useSelect"])(select => {
var _getMedia;
const {
getEntityRecord,
getMedia
} = select(external_wp_coreData_["store"]);
const siteData = getEntityRecord('root', '__unstableBase');
return {
name: siteData.name,
logoURL: siteData !== null && siteData !== void 0 && siteData.site_logo ? (_getMedia = getMedia(siteData.site_logo)) === null || _getMedia === void 0 ? void 0 : _getMedia.source_url : undefined
};
}, []);
const [isImageLoaded, setIsImageLoaded] = Object(external_wp_element_["useState"])(false);
return Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHStack"], {
alignment: "left"
}, Object(external_wp_element_["createElement"])("div", {
className: classnames_default()('edit-site-list-added-by__avatar', {
'is-loaded': isImageLoaded
})
}, Object(external_wp_element_["createElement"])("img", {
onLoad: () => setIsImageLoaded(true),
alt: "",
src: logoURL
})), Object(external_wp_element_["createElement"])("span", null, name));
}
function AddedBy(_ref5) {
let {
templateType,
template
} = _ref5;
if (!template) {
return;
}
if (TEMPLATE_POST_TYPE_NAMES.includes(templateType)) {
// Template originally provided by a theme, but customized by a user.
// Templates originally didn't have the 'origin' field so identify
// older customized templates by checking for no origin and a 'theme'
// or 'custom' source.
if (template.has_theme_file && (template.origin === 'theme' || !template.origin && ['theme', 'custom'].includes(template.source))) {
return Object(external_wp_element_["createElement"])(AddedByTheme, {
slug: template.theme,
isCustomized: template.source === 'custom'
});
} // Template originally provided by a plugin, but customized by a user.
if (template.has_theme_file && template.origin === 'plugin') {
return Object(external_wp_element_["createElement"])(AddedByPlugin, {
slug: template.theme,
isCustomized: template.source === 'custom'
});
} // Template was created from scratch, but has no author. Author support
// was only added to templates in WordPress 5.9. Fallback to showing the
// site logo and title.
if (!template.has_theme_file && template.source === 'custom' && !template.author) {
return Object(external_wp_element_["createElement"])(AddedBySite, null);
}
} // Simply show the author for templates created from scratch that have an
// author or for any other post type.
return Object(external_wp_element_["createElement"])(AddedByAuthor, {
id: template.author
});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/list/table.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function Table(_ref) {
let {
templateType
} = _ref;
const {
templates,
isLoading,
postType
} = Object(external_wp_data_["useSelect"])(select => {
const {
getEntityRecords,
hasFinishedResolution,
getPostType
} = select(external_wp_coreData_["store"]);
return {
templates: getEntityRecords('postType', templateType, {
per_page: -1
}),
isLoading: !hasFinishedResolution('getEntityRecords', ['postType', templateType, {
per_page: -1
}]),
postType: getPostType(templateType)
};
}, [templateType]);
if (!templates || isLoading) {
return null;
}
if (!templates.length) {
var _postType$labels, _postType$labels$name;
return Object(external_wp_element_["createElement"])("div", null, Object(external_wp_i18n_["sprintf"])( // translators: The template type name, should be either "templates" or "template parts".
Object(external_wp_i18n_["__"])('No %s found.'), postType === null || postType === void 0 ? void 0 : (_postType$labels = postType.labels) === null || _postType$labels === void 0 ? void 0 : (_postType$labels$name = _postType$labels.name) === null || _postType$labels$name === void 0 ? void 0 : _postType$labels$name.toLowerCase()));
}
return (// These explicit aria roles are needed for Safari.
// See https://developer.mozilla.org/en-US/docs/Web/CSS/display#tables
Object(external_wp_element_["createElement"])("table", {
className: "edit-site-list-table",
role: "table"
}, Object(external_wp_element_["createElement"])("thead", null, Object(external_wp_element_["createElement"])("tr", {
className: "edit-site-list-table-head",
role: "row"
}, Object(external_wp_element_["createElement"])("th", {
className: "edit-site-list-table-column",
role: "columnheader"
}, Object(external_wp_i18n_["__"])('Template')), Object(external_wp_element_["createElement"])("th", {
className: "edit-site-list-table-column",
role: "columnheader"
}, Object(external_wp_i18n_["__"])('Added by')), Object(external_wp_element_["createElement"])("th", {
className: "edit-site-list-table-column",
role: "columnheader"
}, Object(external_wp_element_["createElement"])(external_wp_components_["VisuallyHidden"], null, Object(external_wp_i18n_["__"])('Actions'))))), Object(external_wp_element_["createElement"])("tbody", null, templates.map(template => {
var _template$title;
return Object(external_wp_element_["createElement"])("tr", {
key: template.id,
className: "edit-site-list-table-row",
role: "row"
}, Object(external_wp_element_["createElement"])("td", {
className: "edit-site-list-table-column",
role: "cell"
}, Object(external_wp_element_["createElement"])(external_wp_components_["__experimentalHeading"], {
level: 4
}, Object(external_wp_element_["createElement"])(Link, {
params: {
postId: template.id,
postType: template.type
}
}, ((_template$title = template.title) === null || _template$title === void 0 ? void 0 : _template$title.rendered) || template.slug)), template.description), Object(external_wp_element_["createElement"])("td", {
className: "edit-site-list-table-column",
role: "cell"
}, Object(external_wp_element_["createElement"])(AddedBy, {
templateType: templateType,
template: template
})), Object(external_wp_element_["createElement"])("td", {
className: "edit-site-list-table-column",
role: "cell"
}, Object(external_wp_element_["createElement"])(Actions, {
template: template
})));
})))
);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/list/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function List() {
var _postType$labels, _postType$labels2;
const {
params: {
postType: templateType
}
} = useLocation();
useRegisterShortcuts();
const {
previousShortcut,
nextShortcut,
isNavigationOpen
} = Object(external_wp_data_["useSelect"])(select => {
return {
previousShortcut: select(external_wp_keyboardShortcuts_["store"]).getAllShortcutKeyCombinations('core/edit-site/previous-region'),
nextShortcut: select(external_wp_keyboardShortcuts_["store"]).getAllShortcutKeyCombinations('core/edit-site/next-region'),
isNavigationOpen: select(store).isNavigationOpened()
};
}, []);
const postType = Object(external_wp_data_["useSelect"])(select => select(external_wp_coreData_["store"]).getPostType(templateType), [templateType]);
useTitle(postType === null || postType === void 0 ? void 0 : (_postType$labels = postType.labels) === null || _postType$labels === void 0 ? void 0 : _postType$labels.name); // `postType` could load in asynchronously. Only provide the detailed region labels if
// the postType has loaded, otherwise `InterfaceSkeleton` will fallback to the defaults.
const itemsListLabel = postType === null || postType === void 0 ? void 0 : (_postType$labels2 = postType.labels) === null || _postType$labels2 === void 0 ? void 0 : _postType$labels2.items_list;
const detailedRegionLabels = postType ? {
header: Object(external_wp_i18n_["sprintf"])( // translators: %s - the name of the page, 'Header' as in the header area of that page.
Object(external_wp_i18n_["__"])('%s - Header'), itemsListLabel),
body: Object(external_wp_i18n_["sprintf"])( // translators: %s - the name of the page, 'Content' as in the content area of that page.
Object(external_wp_i18n_["__"])('%s - Content'), itemsListLabel)
} : undefined;
return Object(external_wp_element_["createElement"])(build_module["e" /* InterfaceSkeleton */], {
className: classnames_default()('edit-site-list', {
'is-navigation-open': isNavigationOpen
}),
labels: {
drawer: Object(external_wp_i18n_["__"])('Navigation Sidebar'),
...detailedRegionLabels
},
header: Object(external_wp_element_["createElement"])(header_Header, {
templateType: templateType
}),
drawer: Object(external_wp_element_["createElement"])(navigation_sidebar.Slot, null),
notices: Object(external_wp_element_["createElement"])(external_wp_editor_["EditorSnackbars"], null),
content: Object(external_wp_element_["createElement"])(Table, {
templateType: templateType
}),
shortcuts: {
previous: previousShortcut,
next: nextShortcut
}
});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/utils/get-is-list-page.js
/**
* Returns if the params match the list page route.
*
* @param {Object} params The search params.
* @param {string} params.postId The post ID.
* @param {string} params.postType The post type.
* @return {boolean} Is list page or not.
*/
function getIsListPage(_ref) {
let {
postId,
postType
} = _ref;
return !!(!postId && postType);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/app/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function EditSiteApp(_ref) {
let {
reboot
} = _ref;
return Object(external_wp_element_["createElement"])(external_wp_components_["SlotFillProvider"], null, Object(external_wp_element_["createElement"])(external_wp_editor_["UnsavedChangesWarning"], null), Object(external_wp_element_["createElement"])(Routes, null, _ref2 => {
let {
params
} = _ref2;
const isListPage = getIsListPage(params);
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, isListPage ? Object(external_wp_element_["createElement"])(List, null) : Object(external_wp_element_["createElement"])(editor, {
onError: reboot
}), Object(external_wp_element_["createElement"])(navigation_sidebar // Open the navigation sidebar by default when in the list page.
, {
isDefaultOpen: !!isListPage,
activeTemplateType: isListPage ? params.postType : undefined
}));
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/sidebar/plugin-sidebar/index.js
/**
* WordPress dependencies
*/
/**
* Renders a sidebar when activated. The contents within the `PluginSidebar` will appear as content within the sidebar.
* It also automatically renders a corresponding `PluginSidebarMenuItem` component when `isPinnable` flag is set to `true`.
* If you wish to display the sidebar, you can with use the `PluginSidebarMoreMenuItem` component or the `wp.data.dispatch` API:
*
* ```js
* wp.data.dispatch( 'core/edit-site' ).openGeneralSidebar( 'plugin-name/sidebar-name' );
* ```
*
* @see PluginSidebarMoreMenuItem
*
* @param {Object} props Element props.
* @param {string} props.name A string identifying the sidebar. Must be unique for every sidebar registered within the scope of your plugin.
* @param {string} [props.className] An optional class name added to the sidebar body.
* @param {string} props.title Title displayed at the top of the sidebar.
* @param {boolean} [props.isPinnable=true] Whether to allow to pin sidebar to the toolbar. When set to `true` it also automatically renders a corresponding menu item.
* @param {WPBlockTypeIconRender} [props.icon=inherits from the plugin] The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element, to be rendered when the sidebar is pinned to toolbar.
*
* @example
* ```js
* // Using ES5 syntax
* var __ = wp.i18n.__;
* var el = wp.element.createElement;
* var PanelBody = wp.components.PanelBody;
* var PluginSidebar = wp.editSite.PluginSidebar;
* var moreIcon = wp.element.createElement( 'svg' ); //... svg element.
*
* function MyPluginSidebar() {
* return el(
* PluginSidebar,
* {
* name: 'my-sidebar',
* title: 'My sidebar title',
* icon: moreIcon,
* },
* el(
* PanelBody,
* {},
* __( 'My sidebar content' )
* )
* );
* }
* ```
*
* @example
* ```jsx
* // Using ESNext syntax
* import { __ } from '@wordpress/i18n';
* import { PanelBody } from '@wordpress/components';
* import { PluginSidebar } from '@wordpress/edit-site';
* import { more } from '@wordpress/icons';
*
* const MyPluginSidebar = () => (
* <PluginSidebar
* name="my-sidebar"
* title="My sidebar title"
* icon={ more }
* >
* <PanelBody>
* { __( 'My sidebar content' ) }
* </PanelBody>
* </PluginSidebar>
* );
* ```
*/
function PluginSidebarEditSite(_ref) {
let {
className,
...props
} = _ref;
return Object(external_wp_element_["createElement"])(build_module["b" /* ComplementaryArea */], Object(esm_extends["a" /* default */])({
panelClassName: className,
className: "edit-site-sidebar",
scope: "core/edit-site"
}, props));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/header/plugin-sidebar-more-menu-item/index.js
/**
* WordPress dependencies
*/
/**
* Renders a menu item in `Plugins` group in `More Menu` drop down,
* and can be used to activate the corresponding `PluginSidebar` component.
* The text within the component appears as the menu item label.
*
* @param {Object} props Component props.
* @param {string} props.target A string identifying the target sidebar you wish to be activated by this menu item. Must be the same as the `name` prop you have given to that sidebar.
* @param {WPBlockTypeIconRender} [props.icon=inherits from the plugin] The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element, to be rendered to the left of the menu item label.
*
* @example
* ```js
* // Using ES5 syntax
* var __ = wp.i18n.__;
* var PluginSidebarMoreMenuItem = wp.editSite.PluginSidebarMoreMenuItem;
* var moreIcon = wp.element.createElement( 'svg' ); //... svg element.
*
* function MySidebarMoreMenuItem() {
* return wp.element.createElement(
* PluginSidebarMoreMenuItem,
* {
* target: 'my-sidebar',
* icon: moreIcon,
* },
* __( 'My sidebar title' )
* )
* }
* ```
*
* @example
* ```jsx
* // Using ESNext syntax
* import { __ } from '@wordpress/i18n';
* import { PluginSidebarMoreMenuItem } from '@wordpress/edit-site';
* import { more } from '@wordpress/icons';
*
* const MySidebarMoreMenuItem = () => (
* <PluginSidebarMoreMenuItem
* target="my-sidebar"
* icon={ more }
* >
* { __( 'My sidebar title' ) }
* </PluginSidebarMoreMenuItem>
* );
* ```
*
* @return {WPComponent} The component to be rendered.
*/
function PluginSidebarMoreMenuItem(props) {
return Object(external_wp_element_["createElement"])(build_module["c" /* ComplementaryAreaMoreMenuItem */] // Menu item is marked with unstable prop for backward compatibility.
// @see https://github.com/WordPress/gutenberg/issues/14457
, Object(esm_extends["a" /* default */])({
__unstableExplicitMenuItem: true,
scope: "core/edit-site"
}, props));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/components/header/plugin-more-menu-item/index.js
/**
* WordPress dependencies
*/
/**
* Renders a menu item in `Plugins` group in `More Menu` drop down, and can be used to as a button or link depending on the props provided.
* The text within the component appears as the menu item label.
*
* @param {Object} props Component properties.
* @param {string} [props.href] When `href` is provided then the menu item is represented as an anchor rather than button. It corresponds to the `href` attribute of the anchor.
* @param {WPBlockTypeIconRender} [props.icon=inherits from the plugin] The [Dashicon](https://developer.wordpress.org/resource/dashicons/) icon slug string, or an SVG WP element, to be rendered to the left of the menu item label.
* @param {Function} [props.onClick=noop] The callback function to be executed when the user clicks the menu item.
* @param {...*} [props.other] Any additional props are passed through to the underlying [Button](/packages/components/src/button/README.md) component.
*
* @example
* ```js
* // Using ES5 syntax
* var __ = wp.i18n.__;
* var PluginMoreMenuItem = wp.editSite.PluginMoreMenuItem;
* var moreIcon = wp.element.createElement( 'svg' ); //... svg element.
*
* function onButtonClick() {
* alert( 'Button clicked.' );
* }
*
* function MyButtonMoreMenuItem() {
* return wp.element.createElement(
* PluginMoreMenuItem,
* {
* icon: moreIcon,
* onClick: onButtonClick,
* },
* __( 'My button title' )
* );
* }
* ```
*
* @example
* ```jsx
* // Using ESNext syntax
* import { __ } from '@wordpress/i18n';
* import { PluginMoreMenuItem } from '@wordpress/edit-site';
* import { more } from '@wordpress/icons';
*
* function onButtonClick() {
* alert( 'Button clicked.' );
* }
*
* const MyButtonMoreMenuItem = () => (
* <PluginMoreMenuItem
* icon={ more }
* onClick={ onButtonClick }
* >
* { __( 'My button title' ) }
* </PluginMoreMenuItem>
* );
* ```
*
* @return {WPComponent} The component to be rendered.
*/
/* harmony default export */ var plugin_more_menu_item = (Object(external_wp_compose_["compose"])(Object(external_wp_plugins_["withPluginContext"])((context, ownProps) => {
return {
icon: ownProps.icon || context.icon,
name: 'core/edit-site/plugin-more-menu'
};
}))(build_module["a" /* ActionItem */]));
// CONCATENATED MODULE: ./node_modules/@wordpress/edit-site/build-module/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Reinitializes the editor after the user chooses to reboot the editor after
* an unhandled error occurs, replacing previously mounted editor element using
* an initial state from prior to the crash.
*
* @param {Element} target DOM node in which editor is rendered.
* @param {?Object} settings Editor settings object.
*/
function reinitializeEditor(target, settings) {
// This will be a no-op if the target doesn't have any React nodes.
Object(external_wp_element_["unmountComponentAtNode"])(target);
const reboot = reinitializeEditor.bind(null, target, settings); // We dispatch actions and update the store synchronously before rendering
// so that we won't trigger unnecessary re-renders with useEffect.
{
Object(external_wp_data_["dispatch"])(store).updateSettings(settings); // Keep the defaultTemplateTypes in the core/editor settings too,
// so that they can be selected with core/editor selectors in any editor.
// This is needed because edit-site doesn't initialize with EditorProvider,
// which internally uses updateEditorSettings as well.
Object(external_wp_data_["dispatch"])(external_wp_editor_["store"]).updateEditorSettings({
defaultTemplateTypes: settings.defaultTemplateTypes,
defaultTemplatePartAreas: settings.defaultTemplatePartAreas
});
const isLandingOnListPage = getIsListPage(Object(external_wp_url_["getQueryArgs"])(window.location.href));
if (isLandingOnListPage) {
// Default the navigation panel to be opened when we're in a bigger
// screen and land in the list screen.
Object(external_wp_data_["dispatch"])(store).setIsNavigationPanelOpened(Object(external_wp_data_["select"])(external_wp_viewport_["store"]).isViewportMatch('medium'));
}
}
Object(external_wp_element_["render"])(Object(external_wp_element_["createElement"])(EditSiteApp, {
reboot: reboot
}), target);
}
/**
* Initializes the site editor screen.
*
* @param {string} id ID of the root element to render the screen in.
* @param {Object} settings Editor settings.
*/
function initializeEditor(id, settings) {
settings.__experimentalFetchLinkSuggestions = (search, searchOptions) => Object(external_wp_coreData_["__experimentalFetchLinkSuggestions"])(search, searchOptions, settings);
settings.__experimentalFetchRichUrlData = external_wp_coreData_["__experimentalFetchUrlData"];
settings.__experimentalSpotlightEntityBlocks = ['core/template-part'];
const target = document.getElementById(id);
Object(external_wp_data_["dispatch"])(external_wp_blocks_["store"]).__experimentalReapplyBlockTypeFilters();
Object(external_wp_blockLibrary_["registerCoreBlocks"])();
if (false) {}
reinitializeEditor(target, settings);
}
/***/ }),
/***/ "K2cm":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const redo = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M15.6 6.5l-1.1 1 2.9 3.3H8c-.9 0-1.7.3-2.3.9-1.4 1.5-1.4 4.2-1.4 5.6v.2h1.5v-.3c0-1.1 0-3.5 1-4.5.3-.3.7-.5 1.3-.5h9.2L14.5 15l1.1 1.1 4.6-4.6-4.6-5z"
}));
/* harmony default export */ __webpack_exports__["a"] = (redo);
/***/ }),
/***/ "K9lf":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["compose"]; }());
/***/ }),
/***/ "KEfo":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["viewport"]; }());
/***/ }),
/***/ "Mmq9":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["url"]; }());
/***/ }),
/***/ "NWDH":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const chevronDown = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"
}));
/* harmony default export */ __webpack_exports__["a"] = (chevronDown);
/***/ }),
/***/ "Ntru":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const undo = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M18.3 11.7c-.6-.6-1.4-.9-2.3-.9H6.7l2.9-3.3-1.1-1-4.5 5L8.5 16l1-1-2.7-2.7H16c.5 0 .9.2 1.3.5 1 1 1 3.4 1 4.5v.3h1.5v-.2c0-1.5 0-4.3-1.5-5.7z"
}));
/* harmony default export */ __webpack_exports__["a"] = (undo);
/***/ }),
/***/ "OE6V":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const symbolFilled = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "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 */ __webpack_exports__["a"] = (symbolFilled);
/***/ }),
/***/ "OzlF":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const listView = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
viewBox: "0 0 24 24",
xmlns: "http://www.w3.org/2000/svg"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M13.8 5.2H3v1.5h10.8V5.2zm-3.6 12v1.5H21v-1.5H10.2zm7.2-6H6.6v1.5h10.8v-1.5z"
}));
/* harmony default export */ __webpack_exports__["a"] = (listView);
/***/ }),
/***/ "Q4Sy":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const plus = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"
}));
/* harmony default export */ __webpack_exports__["a"] = (plus);
/***/ }),
/***/ "QyPg":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["blockLibrary"]; }());
/***/ }),
/***/ "RMJe":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const check = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"
}));
/* harmony default export */ __webpack_exports__["a"] = (check);
/***/ }),
/***/ "RxS6":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["keycodes"]; }());
/***/ }),
/***/ "TSYQ":
/***/ (function(module, exports, __webpack_require__) {
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 {}
}());
/***/ }),
/***/ "Tqx9":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["primitives"]; }());
/***/ }),
/***/ "TvNi":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["plugins"]; }());
/***/ }),
/***/ "U60i":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, "b", function() { return /* reexport */ complementary_area; });
__webpack_require__.d(__webpack_exports__, "c", function() { return /* reexport */ ComplementaryAreaMoreMenuItem; });
__webpack_require__.d(__webpack_exports__, "d", function() { return /* reexport */ fullscreen_mode; });
__webpack_require__.d(__webpack_exports__, "e", function() { return /* reexport */ interface_skeleton; });
__webpack_require__.d(__webpack_exports__, "h", function() { return /* reexport */ pinned_items; });
__webpack_require__.d(__webpack_exports__, "f", function() { return /* reexport */ MoreMenuDropdown; });
__webpack_require__.d(__webpack_exports__, "g", function() { return /* reexport */ MoreMenuFeatureToggle; });
__webpack_require__.d(__webpack_exports__, "a", function() { return /* reexport */ action_item; });
__webpack_require__.d(__webpack_exports__, "i", function() { return /* reexport */ store; });
// NAMESPACE OBJECT: ./node_modules/@wordpress/interface/build-module/store/actions.js
var actions_namespaceObject = {};
__webpack_require__.r(actions_namespaceObject);
__webpack_require__.d(actions_namespaceObject, "enableComplementaryArea", function() { return actions_enableComplementaryArea; });
__webpack_require__.d(actions_namespaceObject, "disableComplementaryArea", function() { return actions_disableComplementaryArea; });
__webpack_require__.d(actions_namespaceObject, "pinItem", function() { return actions_pinItem; });
__webpack_require__.d(actions_namespaceObject, "unpinItem", function() { return actions_unpinItem; });
__webpack_require__.d(actions_namespaceObject, "toggleFeature", function() { return actions_toggleFeature; });
__webpack_require__.d(actions_namespaceObject, "setFeatureValue", function() { return setFeatureValue; });
__webpack_require__.d(actions_namespaceObject, "setFeatureDefaults", function() { return setFeatureDefaults; });
// NAMESPACE OBJECT: ./node_modules/@wordpress/interface/build-module/store/selectors.js
var selectors_namespaceObject = {};
__webpack_require__.r(selectors_namespaceObject);
__webpack_require__.d(selectors_namespaceObject, "getActiveComplementaryArea", function() { return selectors_getActiveComplementaryArea; });
__webpack_require__.d(selectors_namespaceObject, "isItemPinned", function() { return selectors_isItemPinned; });
__webpack_require__.d(selectors_namespaceObject, "isFeatureActive", function() { return isFeatureActive; });
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
var esm_extends = __webpack_require__("wx14");
// EXTERNAL MODULE: external ["wp","element"]
var external_wp_element_ = __webpack_require__("GRId");
// EXTERNAL MODULE: ./node_modules/classnames/index.js
var classnames = __webpack_require__("TSYQ");
var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
// EXTERNAL MODULE: external ["wp","components"]
var external_wp_components_ = __webpack_require__("tI+e");
// EXTERNAL MODULE: external ["wp","data"]
var external_wp_data_ = __webpack_require__("1ZqX");
// EXTERNAL MODULE: external ["wp","i18n"]
var external_wp_i18n_ = __webpack_require__("l3Sj");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/check.js
var check = __webpack_require__("RMJe");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/star-filled.js
var star_filled = __webpack_require__("URob");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/star-empty.js
var star_empty = __webpack_require__("Xxwi");
// EXTERNAL MODULE: external ["wp","viewport"]
var external_wp_viewport_ = __webpack_require__("KEfo");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/close-small.js
var close_small = __webpack_require__("bWcr");
// EXTERNAL MODULE: external "lodash"
var external_lodash_ = __webpack_require__("YLtl");
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/reducer.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Reducer to keep tract of the active area per scope.
*
* @param {boolean} state Previous state.
* @param {Object} action Action object.
* @param {string} action.type Action type.
* @param {string} action.itemType Type of item.
* @param {string} action.scope Item scope.
* @param {string} action.item Item name.
*
* @return {Object} Updated state.
*/
function singleEnableItems() {
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
let {
type,
itemType,
scope,
item
} = arguments.length > 1 ? arguments[1] : undefined;
if (type !== 'SET_SINGLE_ENABLE_ITEM' || !itemType || !scope) {
return state;
}
return { ...state,
[itemType]: { ...state[itemType],
[scope]: item || null
}
};
}
/**
* Reducer keeping track of the "pinned" items per scope.
*
* @param {boolean} state Previous state.
* @param {Object} action Action object.
* @param {string} action.type Action type.
* @param {string} action.itemType Type of item.
* @param {string} action.scope Item scope.
* @param {string} action.item Item name.
* @param {boolean} action.isEnable Whether the item is pinned.
*
* @return {Object} Updated state.
*/
function multipleEnableItems() {
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
let {
type,
itemType,
scope,
item,
isEnable
} = arguments.length > 1 ? arguments[1] : undefined;
if (type !== 'SET_MULTIPLE_ENABLE_ITEM' || !itemType || !scope || !item || Object(external_lodash_["get"])(state, [itemType, scope, item]) === isEnable) {
return state;
}
const currentTypeState = state[itemType] || {};
const currentScopeState = currentTypeState[scope] || {};
return { ...state,
[itemType]: { ...currentTypeState,
[scope]: { ...currentScopeState,
[item]: isEnable || false
}
}
};
}
/**
* Reducer returning the defaults for user preferences.
*
* This is kept intentionally separate from the preferences
* themselves so that defaults are not persisted.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {Object} Updated state.
*/
const preferenceDefaults = Object(external_wp_data_["combineReducers"])({
features() {
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
let action = arguments.length > 1 ? arguments[1] : undefined;
if (action.type === 'SET_FEATURE_DEFAULTS') {
const {
scope,
defaults
} = action;
return { ...state,
[scope]: { ...state[scope],
...defaults
}
};
}
return state;
}
});
/**
* Reducer returning the user preferences.
*
* @param {Object} state Current state.
* @param {Object} action Dispatched action.
*
* @return {Object} Updated state.
*/
const preferences = Object(external_wp_data_["combineReducers"])({
features() {
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
let action = arguments.length > 1 ? arguments[1] : undefined;
if (action.type === 'SET_FEATURE_VALUE') {
const {
scope,
featureName,
value
} = action;
return { ...state,
[scope]: { ...state[scope],
[featureName]: value
}
};
}
return state;
}
});
const enableItems = Object(external_wp_data_["combineReducers"])({
singleEnableItems,
multipleEnableItems
});
/* harmony default export */ var reducer = (Object(external_wp_data_["combineReducers"])({
enableItems,
preferenceDefaults,
preferences
}));
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/actions.js
/**
* Returns an action object used in signalling that an active area should be changed.
*
* @param {string} itemType Type of item.
* @param {string} scope Item scope.
* @param {string} item Item identifier.
*
* @return {Object} Action object.
*/
function setSingleEnableItem(itemType, scope, item) {
return {
type: 'SET_SINGLE_ENABLE_ITEM',
itemType,
scope,
item
};
}
/**
* Returns an action object used in signalling that a complementary item should be enabled.
*
* @param {string} scope Complementary area scope.
* @param {string} area Area identifier.
*
* @return {Object} Action object.
*/
function actions_enableComplementaryArea(scope, area) {
return setSingleEnableItem('complementaryArea', scope, area);
}
/**
* Returns an action object used in signalling that the complementary area of a given scope should be disabled.
*
* @param {string} scope Complementary area scope.
*
* @return {Object} Action object.
*/
function actions_disableComplementaryArea(scope) {
return setSingleEnableItem('complementaryArea', scope, undefined);
}
/**
* Returns an action object to make an area enabled/disabled.
*
* @param {string} itemType Type of item.
* @param {string} scope Item scope.
* @param {string} item Item identifier.
* @param {boolean} isEnable Boolean indicating if an area should be pinned or not.
*
* @return {Object} Action object.
*/
function setMultipleEnableItem(itemType, scope, item, isEnable) {
return {
type: 'SET_MULTIPLE_ENABLE_ITEM',
itemType,
scope,
item,
isEnable
};
}
/**
* Returns an action object used in signalling that an item should be pinned.
*
* @param {string} scope Item scope.
* @param {string} itemId Item identifier.
*
* @return {Object} Action object.
*/
function actions_pinItem(scope, itemId) {
return setMultipleEnableItem('pinnedItems', scope, itemId, true);
}
/**
* Returns an action object used in signalling that an item should be unpinned.
*
* @param {string} scope Item scope.
* @param {string} itemId Item identifier.
*
* @return {Object} Action object.
*/
function actions_unpinItem(scope, itemId) {
return setMultipleEnableItem('pinnedItems', scope, itemId, false);
}
/**
* Returns an action object used in signalling that a feature should be toggled.
*
* @param {string} scope The feature scope (e.g. core/edit-post).
* @param {string} featureName The feature name.
*/
function actions_toggleFeature(scope, featureName) {
return function (_ref) {
let {
select,
dispatch
} = _ref;
const currentValue = select.isFeatureActive(scope, featureName);
dispatch.setFeatureValue(scope, featureName, !currentValue);
};
}
/**
* Returns an action object used in signalling that a feature should be set to
* a true or false value
*
* @param {string} scope The feature scope (e.g. core/edit-post).
* @param {string} featureName The feature name.
* @param {boolean} value The value to set.
*
* @return {Object} Action object.
*/
function setFeatureValue(scope, featureName, value) {
return {
type: 'SET_FEATURE_VALUE',
scope,
featureName,
value: !!value
};
}
/**
* Returns an action object used in signalling that defaults should be set for features.
*
* @param {string} scope The feature scope (e.g. core/edit-post).
* @param {Object<string, boolean>} defaults A key/value map of feature names to values.
*
* @return {Object} Action object.
*/
function setFeatureDefaults(scope, defaults) {
return {
type: 'SET_FEATURE_DEFAULTS',
scope,
defaults
};
}
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/selectors.js
/**
* External dependencies
*/
/**
* Returns the item that is enabled in a given scope.
*
* @param {Object} state Global application state.
* @param {string} itemType Type of item.
* @param {string} scope Item scope.
*
* @return {?string|null} The item that is enabled in the passed scope and type.
*/
function getSingleEnableItem(state, itemType, scope) {
return Object(external_lodash_["get"])(state.enableItems.singleEnableItems, [itemType, scope]);
}
/**
* Returns the complementary area that is active in a given scope.
*
* @param {Object} state Global application state.
* @param {string} scope Item scope.
*
* @return {string} The complementary area that is active in the given scope.
*/
function selectors_getActiveComplementaryArea(state, scope) {
return getSingleEnableItem(state, 'complementaryArea', scope);
}
/**
* Returns a boolean indicating if an item is enabled or not in a given scope.
*
* @param {Object} state Global application state.
* @param {string} itemType Type of item.
* @param {string} scope Scope.
* @param {string} item Item to check.
*
* @return {boolean|undefined} True if the item is enabled, false otherwise if the item is explicitly disabled, and undefined if there is no information for that item.
*/
function isMultipleEnabledItemEnabled(state, itemType, scope, item) {
return Object(external_lodash_["get"])(state.enableItems.multipleEnableItems, [itemType, scope, item]);
}
/**
* Returns a boolean indicating if an item is pinned or not.
*
* @param {Object} state Global application state.
* @param {string} scope Scope.
* @param {string} item Item to check.
*
* @return {boolean} True if the item is pinned and false otherwise.
*/
function selectors_isItemPinned(state, scope, item) {
return isMultipleEnabledItemEnabled(state, 'pinnedItems', scope, item) !== false;
}
/**
* Returns a boolean indicating whether a feature is active for a particular
* scope.
*
* @param {Object} state The store state.
* @param {string} scope The scope of the feature (e.g. core/edit-post).
* @param {string} featureName The name of the feature.
*
* @return {boolean} Is the feature enabled?
*/
function isFeatureActive(state, scope, featureName) {
var _state$preferences$fe, _state$preferenceDefa;
const featureValue = (_state$preferences$fe = state.preferences.features[scope]) === null || _state$preferences$fe === void 0 ? void 0 : _state$preferences$fe[featureName];
const defaultedFeatureValue = featureValue !== undefined ? featureValue : (_state$preferenceDefa = state.preferenceDefaults.features[scope]) === null || _state$preferenceDefa === void 0 ? void 0 : _state$preferenceDefa[featureName];
return !!defaultedFeatureValue;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/constants.js
/**
* The identifier for the data store.
*
* @type {string}
*/
const STORE_NAME = 'core/interface';
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Store definition for the interface namespace.
*
* @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore
*
* @type {Object}
*/
const store = Object(external_wp_data_["createReduxStore"])(STORE_NAME, {
reducer: reducer,
actions: actions_namespaceObject,
selectors: selectors_namespaceObject,
persist: ['enableItems', 'preferences'],
__experimentalUseThunks: true
}); // Once we build a more generic persistence plugin that works across types of stores
// we'd be able to replace this with a register call.
Object(external_wp_data_["registerStore"])(STORE_NAME, {
reducer: reducer,
actions: actions_namespaceObject,
selectors: selectors_namespaceObject,
persist: ['enableItems', 'preferences'],
__experimentalUseThunks: true
});
// EXTERNAL MODULE: external ["wp","plugins"]
var external_wp_plugins_ = __webpack_require__("TvNi");
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area-context/index.js
/**
* WordPress dependencies
*/
/* harmony default export */ var complementary_area_context = (Object(external_wp_plugins_["withPluginContext"])((context, ownProps) => {
return {
icon: ownProps.icon || context.icon,
identifier: ownProps.identifier || `${context.name}/${ownProps.name}`
};
}));
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area-toggle/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ComplementaryAreaToggle(_ref) {
let {
as = external_wp_components_["Button"],
scope,
identifier,
icon,
selectedIcon,
...props
} = _ref;
const ComponentToUse = as;
const isSelected = Object(external_wp_data_["useSelect"])(select => select(store).getActiveComplementaryArea(scope) === identifier, [identifier]);
const {
enableComplementaryArea,
disableComplementaryArea
} = Object(external_wp_data_["useDispatch"])(store);
return Object(external_wp_element_["createElement"])(ComponentToUse, Object(esm_extends["a" /* default */])({
icon: selectedIcon && isSelected ? selectedIcon : icon,
onClick: () => {
if (isSelected) {
disableComplementaryArea(scope);
} else {
enableComplementaryArea(scope, identifier);
}
}
}, Object(external_lodash_["omit"])(props, ['name'])));
}
/* harmony default export */ var complementary_area_toggle = (complementary_area_context(ComplementaryAreaToggle));
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area-header/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const ComplementaryAreaHeader = _ref => {
let {
smallScreenTitle,
children,
className,
toggleButtonProps
} = _ref;
const toggleButton = Object(external_wp_element_["createElement"])(complementary_area_toggle, Object(esm_extends["a" /* default */])({
icon: close_small["a" /* default */]
}, toggleButtonProps));
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("div", {
className: "components-panel__header interface-complementary-area-header__small"
}, smallScreenTitle && Object(external_wp_element_["createElement"])("span", {
className: "interface-complementary-area-header__small-title"
}, smallScreenTitle), toggleButton), Object(external_wp_element_["createElement"])("div", {
className: classnames_default()('components-panel__header', 'interface-complementary-area-header', className),
tabIndex: -1
}, children, toggleButton));
};
/* harmony default export */ var complementary_area_header = (ComplementaryAreaHeader);
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/action-item/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function ActionItemSlot(_ref) {
let {
name,
as: Component = external_wp_components_["ButtonGroup"],
fillProps = {},
bubblesVirtually,
...props
} = _ref;
return Object(external_wp_element_["createElement"])(external_wp_components_["Slot"], {
name: name,
bubblesVirtually: bubblesVirtually,
fillProps: fillProps
}, fills => {
if (Object(external_lodash_["isEmpty"])(external_wp_element_["Children"].toArray(fills))) {
return null;
} // Special handling exists for backward compatibility.
// It ensures that menu items created by plugin authors aren't
// duplicated with automatically injected menu items coming
// from pinnable plugin sidebars.
// @see https://github.com/WordPress/gutenberg/issues/14457
const initializedByPlugins = [];
external_wp_element_["Children"].forEach(fills, _ref2 => {
let {
props: {
__unstableExplicitMenuItem,
__unstableTarget
}
} = _ref2;
if (__unstableTarget && __unstableExplicitMenuItem) {
initializedByPlugins.push(__unstableTarget);
}
});
const children = external_wp_element_["Children"].map(fills, child => {
if (!child.props.__unstableExplicitMenuItem && initializedByPlugins.includes(child.props.__unstableTarget)) {
return null;
}
return child;
});
return Object(external_wp_element_["createElement"])(Component, props, children);
});
}
function ActionItem(_ref3) {
let {
name,
as: Component = external_wp_components_["Button"],
onClick,
...props
} = _ref3;
return Object(external_wp_element_["createElement"])(external_wp_components_["Fill"], {
name: name
}, _ref4 => {
let {
onClick: fpOnClick
} = _ref4;
return Object(external_wp_element_["createElement"])(Component, Object(esm_extends["a" /* default */])({
onClick: onClick || fpOnClick ? function () {
(onClick || external_lodash_["noop"])(...arguments);
(fpOnClick || external_lodash_["noop"])(...arguments);
} : undefined
}, props));
});
}
ActionItem.Slot = ActionItemSlot;
/* harmony default export */ var action_item = (ActionItem);
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area-more-menu-item/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const PluginsMenuItem = props => // Menu item is marked with unstable prop for backward compatibility.
// They are removed so they don't leak to DOM elements.
// @see https://github.com/WordPress/gutenberg/issues/14457
Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], Object(external_lodash_["omit"])(props, ['__unstableExplicitMenuItem', '__unstableTarget']));
function ComplementaryAreaMoreMenuItem(_ref) {
let {
scope,
target,
__unstableExplicitMenuItem,
...props
} = _ref;
return Object(external_wp_element_["createElement"])(complementary_area_toggle, Object(esm_extends["a" /* default */])({
as: toggleProps => {
return Object(external_wp_element_["createElement"])(action_item, Object(esm_extends["a" /* default */])({
__unstableExplicitMenuItem: __unstableExplicitMenuItem,
__unstableTarget: `${scope}/${target}`,
as: PluginsMenuItem,
name: `${scope}/plugin-more-menu`
}, toggleProps));
},
role: "menuitemcheckbox",
selectedIcon: check["a" /* default */],
name: target,
scope: scope
}, props));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/pinned-items/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function PinnedItems(_ref) {
let {
scope,
...props
} = _ref;
return Object(external_wp_element_["createElement"])(external_wp_components_["Fill"], Object(esm_extends["a" /* default */])({
name: `PinnedItems/${scope}`
}, props));
}
function PinnedItemsSlot(_ref2) {
let {
scope,
className,
...props
} = _ref2;
return Object(external_wp_element_["createElement"])(external_wp_components_["Slot"], Object(esm_extends["a" /* default */])({
name: `PinnedItems/${scope}`
}, props), fills => !Object(external_lodash_["isEmpty"])(fills) && Object(external_wp_element_["createElement"])("div", {
className: classnames_default()(className, 'interface-pinned-items')
}, fills));
}
PinnedItems.Slot = PinnedItemsSlot;
/* harmony default export */ var pinned_items = (PinnedItems);
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function ComplementaryAreaSlot(_ref) {
let {
scope,
...props
} = _ref;
return Object(external_wp_element_["createElement"])(external_wp_components_["Slot"], Object(esm_extends["a" /* default */])({
name: `ComplementaryArea/${scope}`
}, props));
}
function ComplementaryAreaFill(_ref2) {
let {
scope,
children,
className
} = _ref2;
return Object(external_wp_element_["createElement"])(external_wp_components_["Fill"], {
name: `ComplementaryArea/${scope}`
}, Object(external_wp_element_["createElement"])("div", {
className: className
}, children));
}
function useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall) {
const previousIsSmall = Object(external_wp_element_["useRef"])(false);
const shouldOpenWhenNotSmall = Object(external_wp_element_["useRef"])(false);
const {
enableComplementaryArea,
disableComplementaryArea
} = Object(external_wp_data_["useDispatch"])(store);
Object(external_wp_element_["useEffect"])(() => {
// If the complementary area is active and the editor is switching from a big to a small window size.
if (isActive && isSmall && !previousIsSmall.current) {
// Disable the complementary area.
disableComplementaryArea(scope); // Flag the complementary area to be reopened when the window size goes from small to big.
shouldOpenWhenNotSmall.current = true;
} else if ( // If there is a flag indicating the complementary area should be enabled when we go from small to big window size
// and we are going from a small to big window size.
shouldOpenWhenNotSmall.current && !isSmall && previousIsSmall.current) {
// Remove the flag indicating the complementary area should be enabled.
shouldOpenWhenNotSmall.current = false; // Enable the complementary area.
enableComplementaryArea(scope, identifier);
} else if ( // If the flag is indicating the current complementary should be reopened but another complementary area becomes active,
// remove the flag.
shouldOpenWhenNotSmall.current && activeArea && activeArea !== identifier) {
shouldOpenWhenNotSmall.current = false;
}
if (isSmall !== previousIsSmall.current) {
previousIsSmall.current = isSmall;
}
}, [isActive, isSmall, scope, identifier, activeArea]);
}
function ComplementaryArea(_ref3) {
let {
children,
className,
closeLabel = Object(external_wp_i18n_["__"])('Close plugin'),
identifier,
header,
headerClassName,
icon,
isPinnable = true,
panelClassName,
scope,
name,
smallScreenTitle,
title,
toggleShortcut,
isActiveByDefault,
showIconLabels = false
} = _ref3;
const {
isActive,
isPinned,
activeArea,
isSmall,
isLarge
} = Object(external_wp_data_["useSelect"])(select => {
const {
getActiveComplementaryArea,
isItemPinned
} = select(store);
const _activeArea = getActiveComplementaryArea(scope);
return {
isActive: _activeArea === identifier,
isPinned: isItemPinned(scope, identifier),
activeArea: _activeArea,
isSmall: select(external_wp_viewport_["store"]).isViewportMatch('< medium'),
isLarge: select(external_wp_viewport_["store"]).isViewportMatch('large')
};
}, [identifier, scope]);
useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall);
const {
enableComplementaryArea,
disableComplementaryArea,
pinItem,
unpinItem
} = Object(external_wp_data_["useDispatch"])(store);
Object(external_wp_element_["useEffect"])(() => {
if (isActiveByDefault && activeArea === undefined && !isSmall) {
enableComplementaryArea(scope, identifier);
}
}, [activeArea, isActiveByDefault, scope, identifier, isSmall]);
return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, isPinnable && Object(external_wp_element_["createElement"])(pinned_items, {
scope: scope
}, isPinned && Object(external_wp_element_["createElement"])(complementary_area_toggle, {
scope: scope,
identifier: identifier,
isPressed: isActive && (!showIconLabels || isLarge),
"aria-expanded": isActive,
label: title,
icon: showIconLabels ? check["a" /* default */] : icon,
showTooltip: !showIconLabels,
variant: showIconLabels ? 'tertiary' : undefined
})), name && isPinnable && Object(external_wp_element_["createElement"])(ComplementaryAreaMoreMenuItem, {
target: name,
scope: scope,
icon: icon
}, title), isActive && Object(external_wp_element_["createElement"])(ComplementaryAreaFill, {
className: classnames_default()('interface-complementary-area', className),
scope: scope
}, Object(external_wp_element_["createElement"])(complementary_area_header, {
className: headerClassName,
closeLabel: closeLabel,
onClose: () => disableComplementaryArea(scope),
smallScreenTitle: smallScreenTitle,
toggleButtonProps: {
label: closeLabel,
shortcut: toggleShortcut,
scope,
identifier
}
}, header || Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])("strong", null, title), isPinnable && Object(external_wp_element_["createElement"])(external_wp_components_["Button"], {
className: "interface-complementary-area__pin-unpin-item",
icon: isPinned ? star_filled["a" /* default */] : star_empty["a" /* default */],
label: isPinned ? Object(external_wp_i18n_["__"])('Unpin from toolbar') : Object(external_wp_i18n_["__"])('Pin to toolbar'),
onClick: () => (isPinned ? unpinItem : pinItem)(scope, identifier),
isPressed: isPinned,
"aria-expanded": isPinned
}))), Object(external_wp_element_["createElement"])(external_wp_components_["Panel"], {
className: panelClassName
}, children)));
}
const ComplementaryAreaWrapped = complementary_area_context(ComplementaryArea);
ComplementaryAreaWrapped.Slot = ComplementaryAreaSlot;
/* harmony default export */ var complementary_area = (ComplementaryAreaWrapped);
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/fullscreen-mode/index.js
/**
* WordPress dependencies
*/
const FullscreenMode = _ref => {
let {
isActive
} = _ref;
Object(external_wp_element_["useEffect"])(() => {
let isSticky = false; // `is-fullscreen-mode` is set in PHP as a body class by Gutenberg, and this causes
// `sticky-menu` to be applied by WordPress and prevents the admin menu being scrolled
// even if `is-fullscreen-mode` is then removed. Let's remove `sticky-menu` here as
// a consequence of the FullscreenMode setup
if (document.body.classList.contains('sticky-menu')) {
isSticky = true;
document.body.classList.remove('sticky-menu');
}
return () => {
if (isSticky) {
document.body.classList.add('sticky-menu');
}
};
}, []);
Object(external_wp_element_["useEffect"])(() => {
if (isActive) {
document.body.classList.add('is-fullscreen-mode');
} else {
document.body.classList.remove('is-fullscreen-mode');
}
return () => {
if (isActive) {
document.body.classList.remove('is-fullscreen-mode');
}
};
}, [isActive]);
return null;
};
/* harmony default export */ var fullscreen_mode = (FullscreenMode);
// EXTERNAL MODULE: external ["wp","compose"]
var external_wp_compose_ = __webpack_require__("K9lf");
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/interface-skeleton/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* WordPress dependencies
*/
function useHTMLClass(className) {
Object(external_wp_element_["useEffect"])(() => {
const element = document && document.querySelector(`html:not(.${className})`);
if (!element) {
return;
}
element.classList.toggle(className);
return () => {
element.classList.toggle(className);
};
}, [className]);
}
function InterfaceSkeleton(_ref, ref) {
let {
footer,
header,
sidebar,
secondarySidebar,
notices,
content,
drawer,
actions,
labels,
className,
shortcuts
} = _ref;
const navigateRegionsProps = Object(external_wp_components_["__unstableUseNavigateRegions"])(shortcuts);
useHTMLClass('interface-interface-skeleton__html-container');
const defaultLabels = {
/* translators: accessibility text for the nav bar landmark region. */
drawer: Object(external_wp_i18n_["__"])('Drawer'),
/* translators: accessibility text for the top bar landmark region. */
header: Object(external_wp_i18n_["__"])('Header'),
/* translators: accessibility text for the content landmark region. */
body: Object(external_wp_i18n_["__"])('Content'),
/* translators: accessibility text for the secondary sidebar landmark region. */
secondarySidebar: Object(external_wp_i18n_["__"])('Block Library'),
/* translators: accessibility text for the settings landmark region. */
sidebar: Object(external_wp_i18n_["__"])('Settings'),
/* translators: accessibility text for the publish landmark region. */
actions: Object(external_wp_i18n_["__"])('Publish'),
/* translators: accessibility text for the footer landmark region. */
footer: Object(external_wp_i18n_["__"])('Footer')
};
const mergedLabels = { ...defaultLabels,
...labels
};
return Object(external_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({}, navigateRegionsProps, {
ref: Object(external_wp_compose_["useMergeRefs"])([ref, navigateRegionsProps.ref]),
className: classnames_default()(className, 'interface-interface-skeleton', navigateRegionsProps.className, !!footer && 'has-footer')
}), !!drawer && Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__drawer",
role: "region",
"aria-label": mergedLabels.drawer,
tabIndex: "-1"
}, drawer), Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__editor"
}, !!header && Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__header",
role: "region",
"aria-label": mergedLabels.header,
tabIndex: "-1"
}, header), Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__body"
}, !!secondarySidebar && Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__secondary-sidebar",
role: "region",
"aria-label": mergedLabels.secondarySidebar,
tabIndex: "-1"
}, secondarySidebar), !!notices && Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__notices"
}, notices), Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__content",
role: "region",
"aria-label": mergedLabels.body,
tabIndex: "-1"
}, content), !!sidebar && Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__sidebar",
role: "region",
"aria-label": mergedLabels.sidebar,
tabIndex: "-1"
}, sidebar), !!actions && Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__actions",
role: "region",
"aria-label": mergedLabels.actions,
tabIndex: "-1"
}, actions))), !!footer && Object(external_wp_element_["createElement"])("div", {
className: "interface-interface-skeleton__footer",
role: "region",
"aria-label": mergedLabels.footer,
tabIndex: "-1"
}, footer));
}
/* harmony default export */ var interface_skeleton = (Object(external_wp_element_["forwardRef"])(InterfaceSkeleton));
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/more-vertical.js
var more_vertical = __webpack_require__("VKE3");
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/more-menu-dropdown/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function MoreMenuDropdown(_ref) {
let {
as: DropdownComponent = external_wp_components_["DropdownMenu"],
className,
/* translators: button label text should, if possible, be under 16 characters. */
label = Object(external_wp_i18n_["__"])('Options'),
popoverProps,
toggleProps,
children
} = _ref;
return Object(external_wp_element_["createElement"])(DropdownComponent, {
className: classnames_default()('interface-more-menu-dropdown', className),
icon: more_vertical["a" /* default */],
label: label,
popoverProps: {
position: 'bottom left',
...popoverProps,
className: classnames_default()('interface-more-menu-dropdown__content', popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.className)
},
toggleProps: {
tooltipPosition: 'bottom',
...toggleProps
}
}, onClose => children(onClose));
}
// EXTERNAL MODULE: external ["wp","a11y"]
var external_wp_a11y_ = __webpack_require__("gdqT");
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/more-menu-feature-toggle/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function MoreMenuFeatureToggle(_ref) {
let {
scope,
label,
info,
messageActivated,
messageDeactivated,
shortcut,
feature
} = _ref;
const isActive = Object(external_wp_data_["useSelect"])(select => select(store).isFeatureActive(scope, feature), [feature]);
const {
toggleFeature
} = Object(external_wp_data_["useDispatch"])(store);
const speakMessage = () => {
if (isActive) {
Object(external_wp_a11y_["speak"])(messageDeactivated || Object(external_wp_i18n_["__"])('Feature deactivated'));
} else {
Object(external_wp_a11y_["speak"])(messageActivated || Object(external_wp_i18n_["__"])('Feature activated'));
}
};
return Object(external_wp_element_["createElement"])(external_wp_components_["MenuItem"], {
icon: isActive && check["a" /* default */],
isSelected: isActive,
onClick: () => {
toggleFeature(scope, feature);
speakMessage();
},
role: "menuitemcheckbox",
info: info,
shortcut: shortcut
}, label);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/index.js
// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/index.js
/***/ }),
/***/ "URob":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const starFilled = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z"
}));
/* harmony default export */ __webpack_exports__["a"] = (starFilled);
/***/ }),
/***/ "VKE3":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const moreVertical = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z"
}));
/* harmony default export */ __webpack_exports__["a"] = (moreVertical);
/***/ }),
/***/ "Xxwi":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const starEmpty = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
fillRule: "evenodd",
d: "M9.706 8.646a.25.25 0 01-.188.137l-4.626.672a.25.25 0 00-.139.427l3.348 3.262a.25.25 0 01.072.222l-.79 4.607a.25.25 0 00.362.264l4.138-2.176a.25.25 0 01.233 0l4.137 2.175a.25.25 0 00.363-.263l-.79-4.607a.25.25 0 01.072-.222l3.347-3.262a.25.25 0 00-.139-.427l-4.626-.672a.25.25 0 01-.188-.137l-2.069-4.192a.25.25 0 00-.448 0L9.706 8.646zM12 7.39l-.948 1.921a1.75 1.75 0 01-1.317.957l-2.12.308 1.534 1.495c.412.402.6.982.503 1.55l-.362 2.11 1.896-.997a1.75 1.75 0 011.629 0l1.895.997-.362-2.11a1.75 1.75 0 01.504-1.55l1.533-1.495-2.12-.308a1.75 1.75 0 01-1.317-.957L12 7.39z",
clipRule: "evenodd"
}));
/* harmony default export */ __webpack_exports__["a"] = (starEmpty);
/***/ }),
/***/ "YLtl":
/***/ (function(module, exports) {
(function() { module.exports = window["lodash"]; }());
/***/ }),
/***/ "axFQ":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["blockEditor"]; }());
/***/ }),
/***/ "bWcr":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const closeSmall = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "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 */ __webpack_exports__["a"] = (closeSmall);
/***/ }),
/***/ "cjQ8":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const arrowLeft = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M20 10.8H6.7l4.1-4.5-1.1-1.1-5.8 6.3 5.8 5.8 1.1-1.1-4-3.9H20z"
}));
/* harmony default export */ __webpack_exports__["a"] = (arrowLeft);
/***/ }),
/***/ "diJD":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["reusableBlocks"]; }());
/***/ }),
/***/ "g56x":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["hooks"]; }());
/***/ }),
/***/ "gdqT":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["a11y"]; }());
/***/ }),
/***/ "hF7m":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["keyboardShortcuts"]; }());
/***/ }),
/***/ "iClF":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/**
* 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 Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["cloneElement"])(icon, {
width: size,
height: size,
...props
});
}
/* harmony default export */ __webpack_exports__["a"] = (Icon);
/***/ }),
/***/ "jSdM":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["editor"]; }());
/***/ }),
/***/ "jZUy":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["coreData"]; }());
/***/ }),
/***/ "l3Sj":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["i18n"]; }());
/***/ }),
/***/ "onLe":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["notices"]; }());
/***/ }),
/***/ "pPDe":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
var LEAF_KEY, hasWeakMap;
/**
* Arbitrary value used as key for referencing cache object in WeakMap tree.
*
* @type {Object}
*/
LEAF_KEY = {};
/**
* Whether environment supports WeakMap.
*
* @type {boolean}
*/
hasWeakMap = typeof WeakMap !== 'undefined';
/**
* Returns the first argument as the sole entry in an array.
*
* @param {*} value Value to return.
*
* @return {Array} Value returned as entry in array.
*/
function arrayOf( value ) {
return [ value ];
}
/**
* Returns true if the value passed is object-like, or false otherwise. A value
* is object-like if it can support property assignment, e.g. object or array.
*
* @param {*} value Value to test.
*
* @return {boolean} Whether value is object-like.
*/
function isObjectLike( value ) {
return !! value && 'object' === typeof value;
}
/**
* Creates and returns a new cache object.
*
* @return {Object} Cache object.
*/
function createCache() {
var cache = {
clear: function() {
cache.head = null;
},
};
return cache;
}
/**
* Returns true if entries within the two arrays are strictly equal by
* reference from a starting index.
*
* @param {Array} a First array.
* @param {Array} b Second array.
* @param {number} fromIndex Index from which to start comparison.
*
* @return {boolean} Whether arrays are shallowly equal.
*/
function isShallowEqual( a, b, fromIndex ) {
var i;
if ( a.length !== b.length ) {
return false;
}
for ( i = fromIndex; i < a.length; i++ ) {
if ( a[ i ] !== b[ i ] ) {
return false;
}
}
return true;
}
/**
* Returns a memoized selector function. The getDependants function argument is
* called before the memoized selector and is expected to return an immutable
* reference or array of references on which the selector depends for computing
* its own return value. The memoize cache is preserved only as long as those
* dependant references remain the same. If getDependants returns a different
* reference(s), the cache is cleared and the selector value regenerated.
*
* @param {Function} selector Selector function.
* @param {Function} getDependants Dependant getter returning an immutable
* reference or array of reference used in
* cache bust consideration.
*
* @return {Function} Memoized selector.
*/
/* harmony default export */ __webpack_exports__["a"] = (function( selector, getDependants ) {
var rootCache, getCache;
// Use object source as dependant if getter not provided
if ( ! getDependants ) {
getDependants = arrayOf;
}
/**
* Returns the root cache. If WeakMap is supported, this is assigned to the
* root WeakMap cache set, otherwise it is a shared instance of the default
* cache object.
*
* @return {(WeakMap|Object)} Root cache object.
*/
function getRootCache() {
return rootCache;
}
/**
* Returns the cache for a given dependants array. When possible, a WeakMap
* will be used to create a unique cache for each set of dependants. This
* is feasible due to the nature of WeakMap in allowing garbage collection
* to occur on entries where the key object is no longer referenced. Since
* WeakMap requires the key to be an object, this is only possible when the
* dependant is object-like. The root cache is created as a hierarchy where
* each top-level key is the first entry in a dependants set, the value a
* WeakMap where each key is the next dependant, and so on. This continues
* so long as the dependants are object-like. If no dependants are object-
* like, then the cache is shared across all invocations.
*
* @see isObjectLike
*
* @param {Array} dependants Selector dependants.
*
* @return {Object} Cache object.
*/
function getWeakMapCache( dependants ) {
var caches = rootCache,
isUniqueByDependants = true,
i, dependant, map, cache;
for ( i = 0; i < dependants.length; i++ ) {
dependant = dependants[ i ];
// Can only compose WeakMap from object-like key.
if ( ! isObjectLike( dependant ) ) {
isUniqueByDependants = false;
break;
}
// Does current segment of cache already have a WeakMap?
if ( caches.has( dependant ) ) {
// Traverse into nested WeakMap.
caches = caches.get( dependant );
} else {
// Create, set, and traverse into a new one.
map = new WeakMap();
caches.set( dependant, map );
caches = map;
}
}
// We use an arbitrary (but consistent) object as key for the last item
// in the WeakMap to serve as our running cache.
if ( ! caches.has( LEAF_KEY ) ) {
cache = createCache();
cache.isUniqueByDependants = isUniqueByDependants;
caches.set( LEAF_KEY, cache );
}
return caches.get( LEAF_KEY );
}
// Assign cache handler by availability of WeakMap
getCache = hasWeakMap ? getWeakMapCache : getRootCache;
/**
* Resets root memoization cache.
*/
function clear() {
rootCache = hasWeakMap ? new WeakMap() : createCache();
}
// eslint-disable-next-line jsdoc/check-param-names
/**
* The augmented selector call, considering first whether dependants have
* changed before passing it to underlying memoize function.
*
* @param {Object} source Source object for derivation.
* @param {...*} extraArgs Additional arguments to pass to selector.
*
* @return {*} Selector result.
*/
function callSelector( /* source, ...extraArgs */ ) {
var len = arguments.length,
cache, node, i, args, dependants;
// Create copy of arguments (avoid leaking deoptimization).
args = new Array( len );
for ( i = 0; i < len; i++ ) {
args[ i ] = arguments[ i ];
}
dependants = getDependants.apply( null, args );
cache = getCache( dependants );
// If not guaranteed uniqueness by dependants (primitive type or lack
// of WeakMap support), shallow compare against last dependants and, if
// references have changed, destroy cache to recalculate result.
if ( ! cache.isUniqueByDependants ) {
if ( cache.lastDependants && ! isShallowEqual( dependants, cache.lastDependants, 0 ) ) {
cache.clear();
}
cache.lastDependants = dependants;
}
node = cache.head;
while ( node ) {
// Check whether node arguments match arguments
if ( ! isShallowEqual( node.args, args, 1 ) ) {
node = node.next;
continue;
}
// At this point we can assume we've found a match
// Surface matched node to head if not already
if ( node !== cache.head ) {
// Adjust siblings to point to each other.
node.prev.next = node.next;
if ( node.next ) {
node.next.prev = node.prev;
}
node.next = cache.head;
node.prev = null;
cache.head.prev = node;
cache.head = node;
}
// Return immediately
return node.val;
}
// No cached value found. Continue to insertion phase:
node = {
// Generate the result from original function
val: selector.apply( null, args ),
};
// Avoid including the source object in the cache.
args[ 0 ] = null;
node.args = args;
// Don't need to check whether node is already head, since it would
// have been returned above already if it was
// Shift existing head down list
if ( cache.head ) {
cache.head.prev = node;
node.next = cache.head;
}
cache.head = node;
return node.val;
}
callSelector.getDependants = getDependants;
callSelector.clear = clear;
clear();
return callSelector;
});
/***/ }),
/***/ "rmEH":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["htmlEntities"]; }());
/***/ }),
/***/ "rrFr":
/***/ (function(module, exports, __webpack_require__) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;//download.js v4.2, by dandavis; 2008-2016. [MIT] see http://danml.com/download.html for tests/usage
// v1 landed a FF+Chrome compat way of downloading strings to local un-named files, upgraded to use a hidden frame and optional mime
// v2 added named files via a[download], msSaveBlob, IE (10+) support, and window.URL support for larger+faster saves than dataURLs
// v3 added dataURL and Blob Input, bind-toggle arity, and legacy dataURL fallback was improved with force-download mime and base64 support. 3.1 improved safari handling.
// v4 adds AMD/UMD, commonJS, and plain browser support
// v4.1 adds url download capability via solo URL argument (same domain/CORS only)
// v4.2 adds semantic variable names, long (over 2MB) dataURL support, and hidden by default temp anchors
// https://github.com/rndme/download
(function (root, factory) {
if (true) {
// AMD. Register as an anonymous module.
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {}
}(this, function () {
return function download(data, strFileName, strMimeType) {
var self = window, // this script is only for browsers anyway...
defaultMime = "application/octet-stream", // this default mime also triggers iframe downloads
mimeType = strMimeType || defaultMime,
payload = data,
url = !strFileName && !strMimeType && payload,
anchor = document.createElement("a"),
toString = function(a){return String(a);},
myBlob = (self.Blob || self.MozBlob || self.WebKitBlob || toString),
fileName = strFileName || "download",
blob,
reader;
myBlob= myBlob.call ? myBlob.bind(self) : Blob ;
if(String(this)==="true"){ //reverse arguments, allowing download.bind(true, "text/xml", "export.xml") to act as a callback
payload=[payload, mimeType];
mimeType=payload[0];
payload=payload[1];
}
if(url && url.length< 2048){ // if no filename and no mime, assume a url was passed as the only argument
fileName = url.split("/").pop().split("?")[0];
anchor.href = url; // assign href prop to temp anchor
if(anchor.href.indexOf(url) !== -1){ // if the browser determines that it's a potentially valid url path:
var ajax=new XMLHttpRequest();
ajax.open( "GET", url, true);
ajax.responseType = 'blob';
ajax.onload= function(e){
download(e.target.response, fileName, defaultMime);
};
setTimeout(function(){ ajax.send();}, 0); // allows setting custom ajax headers using the return:
return ajax;
} // end if valid url?
} // end if url?
//go ahead and download dataURLs right away
if(/^data:([\w+-]+\/[\w+.-]+)?[,;]/.test(payload)){
if(payload.length > (1024*1024*1.999) && myBlob !== toString ){
payload=dataUrlToBlob(payload);
mimeType=payload.type || defaultMime;
}else{
return navigator.msSaveBlob ? // IE10 can't do a[download], only Blobs:
navigator.msSaveBlob(dataUrlToBlob(payload), fileName) :
saver(payload) ; // everyone else can save dataURLs un-processed
}
}else{//not data url, is it a string with special needs?
if(/([\x80-\xff])/.test(payload)){
var i=0, tempUiArr= new Uint8Array(payload.length), mx=tempUiArr.length;
for(i;i<mx;++i) tempUiArr[i]= payload.charCodeAt(i);
payload=new myBlob([tempUiArr], {type: mimeType});
}
}
blob = payload instanceof myBlob ?
payload :
new myBlob([payload], {type: mimeType}) ;
function dataUrlToBlob(strUrl) {
var parts= strUrl.split(/[:;,]/),
type= parts[1],
decoder= parts[2] == "base64" ? atob : decodeURIComponent,
binData= decoder( parts.pop() ),
mx= binData.length,
i= 0,
uiArr= new Uint8Array(mx);
for(i;i<mx;++i) uiArr[i]= binData.charCodeAt(i);
return new myBlob([uiArr], {type: type});
}
function saver(url, winMode){
if ('download' in anchor) { //html5 A[download]
anchor.href = url;
anchor.setAttribute("download", fileName);
anchor.className = "download-js-link";
anchor.innerHTML = "downloading...";
anchor.style.display = "none";
document.body.appendChild(anchor);
setTimeout(function() {
anchor.click();
document.body.removeChild(anchor);
if(winMode===true){setTimeout(function(){ self.URL.revokeObjectURL(anchor.href);}, 250 );}
}, 66);
return true;
}
// handle non-a[download] safari as best we can:
if(/(Version)\/(\d+)\.(\d+)(?:\.(\d+))?.*Safari\//.test(navigator.userAgent)) {
if(/^data:/.test(url)) url="data:"+url.replace(/^data:([\w\/\-\+]+)/, defaultMime);
if(!window.open(url)){ // popup blocked, offer direct download:
if(confirm("Displaying New Document\n\nUse Save As... to download, then click back to return to this page.")){ location.href=url; }
}
return true;
}
//do iframe dataURL download (old ch+FF):
var f = document.createElement("iframe");
document.body.appendChild(f);
if(!winMode && /^data:/.test(url)){ // force a mime that will download:
url="data:"+url.replace(/^data:([\w\/\-\+]+)/, defaultMime);
}
f.src=url;
setTimeout(function(){ document.body.removeChild(f); }, 333);
}//end saver
if (navigator.msSaveBlob) { // IE10+ : (has Blob, but not a[download] or URL)
return navigator.msSaveBlob(blob, fileName);
}
if(self.URL){ // simple fast and modern way using Blob and URL:
saver(self.URL.createObjectURL(blob), true);
}else{
// handle non-Blob()+non-URL browsers:
if(typeof blob === "string" || blob.constructor===toString ){
try{
return saver( "data:" + mimeType + ";base64," + self.btoa(blob) );
}catch(y){
return saver( "data:" + mimeType + "," + encodeURIComponent(blob) );
}
}
// Blob but not URL support:
reader=new FileReader();
reader.onload=function(e){
saver(this.result);
};
reader.readAsDataURL(blob);
}
return true;
}; /* end download() */
}));
/***/ }),
/***/ "tI+e":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["components"]; }());
/***/ }),
/***/ "w95h":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const close = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z"
}));
/* harmony default export */ __webpack_exports__["a"] = (close);
/***/ }),
/***/ "wduq":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const wordpress = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "-2 -2 24 24"
}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], {
d: "M20 10c0-5.51-4.49-10-10-10C4.48 0 0 4.49 0 10c0 5.52 4.48 10 10 10 5.51 0 10-4.48 10-10zM7.78 15.37L4.37 6.22c.55-.02 1.17-.08 1.17-.08.5-.06.44-1.13-.06-1.11 0 0-1.45.11-2.37.11-.18 0-.37 0-.58-.01C4.12 2.69 6.87 1.11 10 1.11c2.33 0 4.45.87 6.05 2.34-.68-.11-1.65.39-1.65 1.58 0 .74.45 1.36.9 2.1.35.61.55 1.36.55 2.46 0 1.49-1.4 5-1.4 5l-3.03-8.37c.54-.02.82-.17.82-.17.5-.05.44-1.25-.06-1.22 0 0-1.44.12-2.38.12-.87 0-2.33-.12-2.33-.12-.5-.03-.56 1.2-.06 1.22l.92.08 1.26 3.41zM17.41 10c.24-.64.74-1.87.43-4.25.7 1.29 1.05 2.71 1.05 4.25 0 3.29-1.73 6.24-4.4 7.78.97-2.59 1.94-5.2 2.92-7.78zM6.1 18.09C3.12 16.65 1.11 13.53 1.11 10c0-1.3.23-2.48.72-3.59C3.25 10.3 4.67 14.2 6.1 18.09zm4.03-6.63l2.58 6.98c-.86.29-1.76.45-2.71.45-.79 0-1.57-.11-2.29-.33.81-2.38 1.62-4.74 2.42-7.1z"
}));
/* harmony default export */ __webpack_exports__["a"] = (wordpress);
/***/ }),
/***/ "wx14":
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return _extends; });
function _extends() {
_extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
/***/ }),
/***/ "ywyh":
/***/ (function(module, exports) {
(function() { module.exports = window["wp"]["apiFetch"]; }());
/***/ })
/******/ });
Reference in New Issue View Git Blame Copy Permalink