R E D

NAME	SIZE	PERMISSION
development	[ DIR ]	drwxr-xr-x
vendor	[ DIR ]	drwxr-xr-x
a11y.js	8.48 KB	-rwxr-xr-x
a11y.min.js	2.39 KB	-rwxr-xr-x
annotations.js	31.05 KB	-rwxr-xr-x
annotations.min.js	6.8 KB	-rwxr-xr-x
api-fetch.js	22.27 KB	-rwxr-xr-x
api-fetch.min.js	5.27 KB	-rwxr-xr-x
autop.js	15.82 KB	-rwxr-xr-x
autop.min.js	5.54 KB	-rwxr-xr-x
blob.js	3.63 KB	-rwxr-xr-x
blob.min.js	917 B	-rwxr-xr-x
block-directory.js	75.69 KB	-rwxr-xr-x
block-directory.min.js	20.58 KB	-rwxr-xr-x
block-editor.js	2.1 MB	-rwxr-xr-x
block-editor.min.js	685.31 KB	-rwxr-xr-x
block-library.js	1.83 MB	-rwxr-xr-x
block-library.min.js	778.04 KB	-rwxr-xr-x
block-serialization-default-parser.js	14.94 KB	-rwxr-xr-x
block-serialization-default-parser.min.js	2.39 KB	-rwxr-xr-x
blocks.js	538.31 KB	-rwxr-xr-x
blocks.min.js	166.44 KB	-rwxr-xr-x
commands.js	175.76 KB	-rwxr-xr-x
commands.min.js	45.17 KB	-rwxr-xr-x
components.js	2.48 MB	-rwxr-xr-x
components.min.js	744.01 KB	-rwxr-xr-x
compose.js	186.45 KB	-rwxr-xr-x
compose.min.js	34.79 KB	-rwxr-xr-x
core-commands.js	16.33 KB	-rwxr-xr-x
core-commands.min.js	6.32 KB	-rwxr-xr-x
core-data.js	222.05 KB	-rwxr-xr-x
core-data.min.js	52.99 KB	-rwxr-xr-x
customize-widgets.js	109.45 KB	-rwxr-xr-x
customize-widgets.min.js	39.7 KB	-rwxr-xr-x
data-controls.js	7.32 KB	-rwxr-xr-x
data-controls.min.js	1.59 KB	-rwxr-xr-x
data.js	143.12 KB	-rwxr-xr-x
data.min.js	25.39 KB	-rwxr-xr-x
date.js	803.19 KB	-rwxr-xr-x
date.min.js	770.81 KB	-rwxr-xr-x
deprecated.js	4.67 KB	-rwxr-xr-x
deprecated.min.js	729 B	-rwxr-xr-x
dom-ready.js	2.45 KB	-rwxr-xr-x
dom-ready.min.js	498 B	-rwxr-xr-x
dom.js	61.62 KB	-rwxr-xr-x
dom.min.js	12.71 KB	-rwxr-xr-x
edit-post.js	352.4 KB	-rwxr-xr-x
edit-post.min.js	124.25 KB	-rwxr-xr-x
edit-site.js	831.6 KB	-rwxr-xr-x
edit-site.min.js	310.14 KB	-rwxr-xr-x
edit-widgets.js	163.31 KB	-rwxr-xr-x
edit-widgets.min.js	57.49 KB	-rwxr-xr-x
editor.js	428.17 KB	-rwxr-xr-x
editor.min.js	148.53 KB	-rwxr-xr-x
element.js	66.26 KB	-rwxr-xr-x
element.min.js	12.35 KB	-rwxr-xr-x
escape-html.js	6.22 KB	-rwxr-xr-x
escape-html.min.js	1.11 KB	-rwxr-xr-x
format-library.js	63.14 KB	-rwxr-xr-x
format-library.min.js	21.97 KB	-rwxr-xr-x
hooks.js	19.6 KB	-rwxr-xr-x
hooks.min.js	4.52 KB	-rwxr-xr-x
html-entities.js	3.63 KB	-rwxr-xr-x
html-entities.min.js	837 B	-rwxr-xr-x
i18n.js	49.17 KB	-rwxr-xr-x
i18n.min.js	9.22 KB	-rwxr-xr-x
is-shallow-equal.js	4.34 KB	-rwxr-xr-x
is-shallow-equal.min.js	1.07 KB	-rwxr-xr-x
keyboard-shortcuts.js	21.58 KB	-rwxr-xr-x
keyboard-shortcuts.min.js	3.88 KB	-rwxr-xr-x
keycodes.js	33.45 KB	-rwxr-xr-x
keycodes.min.js	3.94 KB	-rwxr-xr-x
list-reusable-blocks.js	30.16 KB	-rwxr-xr-x
list-reusable-blocks.min.js	4.97 KB	-rwxr-xr-x
media-utils.js	21.94 KB	-rwxr-xr-x
media-utils.min.js	7.27 KB	-rwxr-xr-x
notices.js	21.84 KB	-rwxr-xr-x
notices.min.js	2.21 KB	-rwxr-xr-x
nux.js	20.61 KB	-rwxr-xr-x
nux.min.js	4.51 KB	-rwxr-xr-x
plugins.js	17.25 KB	-rwxr-xr-x
plugins.min.js	4.16 KB	-rwxr-xr-x
preferences-persistence.js	27.97 KB	-rwxr-xr-x
preferences-persistence.min.js	4.85 KB	-rwxr-xr-x
preferences.js	11.43 KB	-rwxr-xr-x
preferences.min.js	2.58 KB	-rwxr-xr-x
primitives.js	9.35 KB	-rwxr-xr-x
primitives.min.js	2.41 KB	-rwxr-xr-x
priority-queue.js	13.99 KB	-rwxr-xr-x
priority-queue.min.js	3.36 KB	-rwxr-xr-x
private-apis.js	8.56 KB	-rwxr-xr-x
private-apis.min.js	2.61 KB	-rwxr-xr-x
redux-routine.js	23.53 KB	-rwxr-xr-x
redux-routine.min.js	8.79 KB	-rwxr-xr-x
reusable-blocks.js	20.33 KB	-rwxr-xr-x
reusable-blocks.min.js	6.49 KB	-rwxr-xr-x
rich-text.js	130.94 KB	-rwxr-xr-x
rich-text.min.js	33 KB	-rwxr-xr-x
router.js	25.87 KB	-rwxr-xr-x
router.min.js	4.25 KB	-rwxr-xr-x
server-side-render.js	14.41 KB	-rwxr-xr-x
server-side-render.min.js	4.4 KB	-rwxr-xr-x
shortcode.js	14.94 KB	-rwxr-xr-x
shortcode.min.js	2.87 KB	-rwxr-xr-x
style-engine.js	15.92 KB	-rwxr-xr-x
style-engine.min.js	4.05 KB	-rwxr-xr-x
token-list.js	6.5 KB	-rwxr-xr-x
token-list.min.js	1.27 KB	-rwxr-xr-x
url.js	33.21 KB	-rwxr-xr-x
url.min.js	8.87 KB	-rwxr-xr-x
viewport.js	10.54 KB	-rwxr-xr-x
viewport.min.js	1.94 KB	-rwxr-xr-x
warning.js	2.51 KB	-rwxr-xr-x
warning.min.js	392 B	-rwxr-xr-x
widgets.js	53.61 KB	-rwxr-xr-x
widgets.min.js	20.71 KB	-rwxr-xr-x
wordcount.js	14.7 KB	-rwxr-xr-x
wordcount.min.js	2.47 KB	-rwxr-xr-x

Code Editor : style-engine.js

/******/ (function() { // webpackBootstrap
/******/ 	"use strict";
/******/ 	// The require scope
/******/ 	var __webpack_require__ = {};
/******/ 	
/************************************************************************/
/******/ 	/* webpack/runtime/define property getters */
/******/ 	!function() {
/******/ 		// define getter functions for harmony exports
/******/ 		__webpack_require__.d = function(exports, definition) {
/******/ 			for(var key in definition) {
/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ 				}
/******/ 			}
/******/ 		};
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
/******/ 	!function() {
/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
/******/ 	}();
/******/ 	
/******/ 	/* webpack/runtime/make namespace object */
/******/ 	!function() {
/******/ 		// 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 });
/******/ 		};
/******/ 	}();
/******/ 	
/************************************************************************/
var __webpack_exports__ = {};
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "compileCSS": function() { return /* binding */ compileCSS; },
  "getCSSRules": function() { return /* binding */ getCSSRules; }
});

;// CONCATENATED MODULE: external "lodash"
var external_lodash_namespaceObject = window["lodash"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/constants.js
const VARIABLE_REFERENCE_PREFIX = 'var:';
const VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = '|';
const VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = '--';

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/utils.js
/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

/**
 * Returns a JSON representation of the generated CSS rules.
 *
 * @param style   Style object.
 * @param options Options object with settings to adjust how the styles are generated.
 * @param path    An array of strings representing the path to the style value in the style object.
 * @param ruleKey A CSS property key.
 *
 * @return GeneratedCSSRule[] CSS rules.
 */

function generateRule(style, options, path, ruleKey) {
  const styleValue = (0,external_lodash_namespaceObject.get)(style, path);
  return styleValue ? [{
    selector: options?.selector,
    key: ruleKey,
    value: getCSSVarFromStyleValue(styleValue)
  }] : [];
}
/**
 * Returns a JSON representation of the generated CSS rules taking into account box model properties, top, right, bottom, left.
 *
 * @param style                Style object.
 * @param options              Options object with settings to adjust how the styles are generated.
 * @param path                 An array of strings representing the path to the style value in the style object.
 * @param ruleKeys             An array of CSS property keys and patterns.
 * @param individualProperties The "sides" or individual properties for which to generate rules.
 *
 * @return GeneratedCSSRule[]  CSS rules.
 */

function generateBoxRules(style, options, path, ruleKeys, individualProperties = ['top', 'right', 'bottom', 'left']) {
  const boxStyle = (0,external_lodash_namespaceObject.get)(style, path);

if (!boxStyle) {
    return [];
  }

const rules = [];

if (typeof boxStyle === 'string') {
    rules.push({
      selector: options?.selector,
      key: ruleKeys.default,
      value: boxStyle
    });
  } else {
    const sideRules = individualProperties.reduce((acc, side) => {
      const value = getCSSVarFromStyleValue((0,external_lodash_namespaceObject.get)(boxStyle, [side]));

if (value) {
        acc.push({
          selector: options?.selector,
          key: ruleKeys?.individual.replace('%s', upperFirst(side)),
          value
        });
      }

return acc;
    }, []);
    rules.push(...sideRules);
  }

return rules;
}
/**
 * Returns a CSS var value from incoming style value following the pattern `var:description|context|slug`.
 *
 * @param styleValue A raw style value.
 *
 * @return string A CSS var value.
 */

function getCSSVarFromStyleValue(styleValue) {
  if (typeof styleValue === 'string' && styleValue.startsWith(VARIABLE_REFERENCE_PREFIX)) {
    const variable = styleValue.slice(VARIABLE_REFERENCE_PREFIX.length).split(VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE).map(presetVariable => (0,external_lodash_namespaceObject.kebabCase)(presetVariable)).join(VARIABLE_PATH_SEPARATOR_TOKEN_STYLE);
    return `var(--wp--${variable})`;
  }

return styleValue;
}
/**
 * Capitalizes the first letter in a string.
 *
 * @param string The string whose first letter the function will capitalize.
 *
 * @return String with the first letter capitalized.
 */

function upperFirst(string) {
  const [firstLetter, ...rest] = string;
  return firstLetter.toUpperCase() + rest.join('');
}
/**
 * Converts an array of strings into a camelCase string.
 *
 * @param strings The strings to join into a camelCase string.
 *
 * @return camelCase string.
 */

function camelCaseJoin(strings) {
  const [firstItem, ...rest] = strings;
  return firstItem.toLowerCase() + rest.map(upperFirst).join('');
}

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/border/index.js
/**
 * Internal dependencies
 */

/**
 * Creates a function for generating CSS rules when the style path is the same as the camelCase CSS property used in React.
 *
 * @param path An array of strings representing the path to the style value in the style object.
 *
 * @return A function that generates CSS rules.
 */

function createBorderGenerateFunction(path) {
  return (style, options) => generateRule(style, options, path, camelCaseJoin(path));
}
/**
 * Creates a function for generating border-{top,bottom,left,right}-{color,style,width} CSS rules.
 *
 * @param edge The edge to create CSS rules for.
 *
 * @return A function that generates CSS rules.
 */

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/color/background.js
/**
 * Internal dependencies
 */

const background = {
  name: 'background',
  generate: (style, options) => {
    return generateRule(style, options, ['color', 'background'], 'backgroundColor');
  }
};
/* harmony default export */ var color_background = (background);

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/color/gradient.js
/**
 * Internal dependencies
 */

const gradient = {
  name: 'gradient',
  generate: (style, options) => {
    return generateRule(style, options, ['color', 'gradient'], 'background');
  }
};
/* harmony default export */ var color_gradient = (gradient);

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/color/text.js
/**
 * Internal dependencies
 */

const text_text = {
  name: 'text',
  generate: (style, options) => {
    return generateRule(style, options, ['color', 'text'], 'color');
  }
};
/* harmony default export */ var color_text = (text_text);

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/color/index.js
/**
 * Internal dependencies
 */

/* harmony default export */ var styles_color = ([color_text, color_gradient, color_background]);

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/dimensions/index.js
/**
 * Internal dependencies
 */

const minHeight = {
  name: 'minHeight',
  generate: (style, options) => {
    return generateRule(style, options, ['dimensions', 'minHeight'], 'minHeight');
  }
};
/* harmony default export */ var dimensions = ([minHeight]);

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/shadow/index.js
/**
 * Internal dependencies
 */

const shadow = {
  name: 'shadow',
  generate: (style, options) => {
    return generateRule(style, options, ['shadow'], 'boxShadow');
  }
};
/* harmony default export */ var styles_shadow = ([shadow]);

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/outline/index.js
/**
 * Internal dependencies
 */

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/spacing/padding.js
/**
 * Internal dependencies
 */

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/spacing/margin.js
/**
 * Internal dependencies
 */

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/spacing/index.js
/**
 * Internal dependencies
 */

/* harmony default export */ var spacing = ([spacing_margin, spacing_padding]);

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/typography/index.js
/**
 * Internal dependencies
 */

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/styles/index.js
/**
 * Internal dependencies
 */

const styleDefinitions = [...border, ...styles_color, ...dimensions, ...outline, ...spacing, ...typography, ...styles_shadow];

;// CONCATENATED MODULE: ./node_modules/@wordpress/style-engine/build-module/index.js
/**
 * External dependencies
 */

/**
 * Internal dependencies
 */

/**
 * Generates a stylesheet for a given style object and selector.
 *
 * @since 6.1.0 Introduced in WordPress core.
 *
 * @param style   Style object, for example, the value of a block's attributes.style object or the top level styles in theme.json
 * @param options Options object with settings to adjust how the styles are generated.
 *
 * @return A generated stylesheet or inline style declarations.
 */

function compileCSS(style, options = {}) {
  const rules = getCSSRules(style, options); // If no selector is provided, treat generated rules as inline styles to be returned as a single string.

if (!options?.selector) {
    const inlineRules = [];
    rules.forEach(rule => {
      inlineRules.push(`${(0,external_lodash_namespaceObject.kebabCase)(rule.key)}: ${rule.value};`);
    });
    return inlineRules.join(' ');
  }

const groupedRules = rules.reduce((acc, rule) => {
    const {
      selector
    } = rule;

if (!selector) {
      return acc;
    }

if (!acc[selector]) {
      acc[selector] = [];
    }

acc[selector].push(rule);
    return acc;
  }, {});
  const selectorRules = Object.keys(groupedRules).reduce((acc, subSelector) => {
    acc.push(`${subSelector} { ${groupedRules[subSelector].map(rule => `${(0,external_lodash_namespaceObject.kebabCase)(rule.key)}: ${rule.value};`).join(' ')} }`);
    return acc;
  }, []);
  return selectorRules.join('\n');
}
/**
 * Returns a JSON representation of the generated CSS rules.
 *
 * @since 6.1.0 Introduced in WordPress core.
 *
 * @param style   Style object, for example, the value of a block's attributes.style object or the top level styles in theme.json
 * @param options Options object with settings to adjust how the styles are generated.
 *
 * @return A collection of objects containing the selector, if any, the CSS property key (camelcase) and parsed CSS value.
 */

(window.wp = window.wp || {}).styleEngine = __webpack_exports__;
/******/ })()
;

${this.title}

Code Editor : style-engine.js