← All changes | assets/js/packages/editor-styles/editor-styles.js +97 -204 4.2.1 → 4.3.2 View file →

		@@ -1,215 +1,108 @@
1		-/******/ (function() { // webpackBootstrap
2		-/******/ "use strict";
3		-/******/ var __webpack_modules__ = ({
	1	+(function() {
4	2
5		-/***/ "./packages/packages/libs/editor-styles/src/types.ts":
6		-/*!***********************************************************!*\
7		- !*** ./packages/packages/libs/editor-styles/src/types.ts ***!
8		- \***********************************************************/
9		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	3	+//#region \0rolldown/runtime.js
	4	+ var __defProp = Object.defineProperty;
	5	+ var __name = (target, value) => __defProp(target, "name", {
	6	+ value,
	7	+ configurable: true
	8	+ });
	9	+ var __exportAll = (all, no_symbols) => {
	10	+ let target = {};
	11	+ for (var name in all) {
	12	+ __defProp(target, name, {
	13	+ get: all[name],
	14	+ enumerable: true
	15	+ });
	16	+ }
	17	+ if (!no_symbols) {
	18	+ __defProp(target, Symbol.toStringTag, { value: "Module" });
	19	+ }
	20	+ return target;
	21	+ };
10	22
11		-__webpack_require__.r(__webpack_exports__);
	23	+//#endregion
12	24
	25	+//#region packages/packages/libs/editor-styles/src/utils/generate-id.ts
	26	+ function generateId(prefix = "", existingIds = []) {
	27	+ let id;
	28	+ do
	29	+ id = prefix + Math.random().toString(16).slice(2, 9);
	30	+ while (existingIds.includes(id));
	31	+ return id;
	32	+ }
13	33
14		-/***/ }),
	34	+//#endregion
	35	+//#region packages/packages/libs/editor-styles/src/utils/get-styles-schema.ts
	36	+ var getElementorConfig = () => {
	37	+ return window.elementor?.config ?? {};
	38	+ };
	39	+ var getStylesSchema = () => {
	40	+ return getElementorConfig()?.atomic?.styles_schema ?? {};
	41	+ };
	42	+ var isExistingStyleProperty = (property) => {
	43	+ const stylesSchema = getStylesSchema();
	44	+ return Object.keys(stylesSchema).includes(property);
	45	+ };
15	46
16		-/***/ "./packages/packages/libs/editor-styles/src/utils/generate-id.ts":
17		-/*!***********************************************************************!*\
18		- !*** ./packages/packages/libs/editor-styles/src/utils/generate-id.ts ***!
19		- \***********************************************************************/
20		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	47	+//#endregion
	48	+//#region packages/packages/libs/editor-styles/src/utils/get-variant-by-meta.ts
	49	+ function getVariantByMeta(style, meta) {
	50	+ return style.variants.find((variant) => {
	51	+ return variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;
	52	+ });
	53	+ }
21	54
22		-__webpack_require__.r(__webpack_exports__);
23		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
24		-/* harmony export */ generateId: function() { return /* binding */ generateId; }
25		-/* harmony export */ });
26		-function generateId(prefix = '', existingIds = []) {
27		- let id;
28		- do {
29		- id = prefix + Math.random().toString(16).slice(2, 9);
30		- } while (existingIds.includes(id));
31		- return id;
32		-}
	55	+//#endregion
	56	+//#region packages/packages/libs/editor-styles/src/utils/state-utils.ts
	57	+ var PSEUDO_STATES = [
	58	+ "hover",
	59	+ "focus",
	60	+ "active",
	61	+ "focus-visible"
	62	+ ];
	63	+ var CLASS_STATES = [
	64	+ "e--selected",
	65	+ "e--disabled",
	66	+ "e--playing",
	67	+ "e--paused"
	68	+ ];
	69	+ function getAdditionalStates(state) {
	70	+ if (state === "hover") return ["focus-visible"];
	71	+ return [];
	72	+ }
	73	+ function getStateSelector(state) {
	74	+ if (isClassState(state)) return `.${state}`;
	75	+ if (isPseudoState(state)) return `:${state}`;
	76	+ return state;
	77	+ }
	78	+ function isClassState(state) {
	79	+ return CLASS_STATES.includes(state);
	80	+ }
	81	+ function isPseudoState(state) {
	82	+ return PSEUDO_STATES.includes(state);
	83	+ }
	84	+ function getSelectorWithState(baseSelector, state) {
	85	+ if (!state) return baseSelector;
	86	+ return [state, ...getAdditionalStates(state)].map((currentState) => `${baseSelector}${getStateSelector(currentState)}`).join(",");
	87	+ }
33	88
34		-/***/ }),
	89	+//#endregion
	90	+//#region packages/packages/libs/editor-styles/src/index.ts
	91	+ var src_exports = /* @__PURE__ */ __exportAll({
	92	+ generateId: () => generateId,
	93	+ getSelectorWithState: () => getSelectorWithState,
	94	+ getStylesSchema: () => getStylesSchema,
	95	+ getVariantByMeta: () => getVariantByMeta,
	96	+ isClassState: () => isClassState,
	97	+ isExistingStyleProperty: () => isExistingStyleProperty,
	98	+ isPseudoState: () => isPseudoState
	99	+ });
35	100
36		-/***/ "./packages/packages/libs/editor-styles/src/utils/get-styles-schema.ts":
37		-/*!*****************************************************************************!*\
38		- !*** ./packages/packages/libs/editor-styles/src/utils/get-styles-schema.ts ***!
39		- \*****************************************************************************/
40		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
	101	+//#endregion
	102	+//#region \0elementor-package-library-entry
	103	+ (window.elementorV2 = window.elementorV2 || {}).editorStyles = src_exports;
41	104
42		-__webpack_require__.r(__webpack_exports__);
43		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
44		-/* harmony export */ getStylesSchema: function() { return /* binding */ getStylesSchema; },
45		-/* harmony export */ isExistingStyleProperty: function() { return /* binding */ isExistingStyleProperty; }
46		-/* harmony export */ });
47		-const getElementorConfig = () => {
48		- const extendedWindow = window;
49		- return extendedWindow.elementor?.config ?? {};
50		-};
51		-const getStylesSchema = () => {
52		- const config = getElementorConfig();
53		- const styleSchema = config?.atomic?.styles_schema ?? {};
54		- return styleSchema;
55		-};
56		-const isExistingStyleProperty = property => {
57		- const stylesSchema = getStylesSchema();
58		- return Object.keys(stylesSchema).includes(property);
59		-};
60		-
61		-/***/ }),
62		-
63		-/***/ "./packages/packages/libs/editor-styles/src/utils/get-variant-by-meta.ts":
64		-/*!*******************************************************************************!*\
65		- !*** ./packages/packages/libs/editor-styles/src/utils/get-variant-by-meta.ts ***!
66		- \*******************************************************************************/
67		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
68		-
69		-__webpack_require__.r(__webpack_exports__);
70		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
71		-/* harmony export */ getVariantByMeta: function() { return /* binding */ getVariantByMeta; }
72		-/* harmony export */ });
73		-function getVariantByMeta(style, meta) {
74		- return style.variants.find(variant => {
75		- return variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;
76		- });
77		-}
78		-
79		-/***/ }),
80		-
81		-/***/ "./packages/packages/libs/editor-styles/src/utils/state-utils.ts":
82		-/*!***********************************************************************!*\
83		- !*** ./packages/packages/libs/editor-styles/src/utils/state-utils.ts ***!
84		- \***********************************************************************/
85		-/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
86		-
87		-__webpack_require__.r(__webpack_exports__);
88		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
89		-/* harmony export */ getSelectorWithState: function() { return /* binding */ getSelectorWithState; },
90		-/* harmony export */ isClassState: function() { return /* binding */ isClassState; },
91		-/* harmony export */ isPseudoState: function() { return /* binding */ isPseudoState; }
92		-/* harmony export */ });
93		-const PSEUDO_STATES = ['hover', 'focus', 'active', 'focus-visible'];
94		-const CLASS_STATES = ['e--selected', 'e--disabled'];
95		-function getAdditionalStates(state) {
96		- if (state === 'hover') {
97		- return ['focus-visible'];
98		- }
99		- return [];
100		-}
101		-function getStateSelector(state) {
102		- if (isClassState(state)) {
103		- return `.${state}`;
104		- }
105		- if (isPseudoState(state)) {
106		- return `:${state}`;
107		- }
108		- return state;
109		-}
110		-function isClassState(state) {
111		- return CLASS_STATES.includes(state);
112		-}
113		-function isPseudoState(state) {
114		- return PSEUDO_STATES.includes(state);
115		-}
116		-function getSelectorWithState(baseSelector, state) {
117		- if (!state) {
118		- return baseSelector;
119		- }
120		- return [state, ...getAdditionalStates(state)].map(currentState => `${baseSelector}${getStateSelector(currentState)}`).join(',');
121		-}
122		-
123		-/***/ })
124		-
125		-/******/ });
126		-/************************************************************************/
127		-/******/ // The module cache
128		-/******/ var __webpack_module_cache__ = {};
129		-/******/
130		-/******/ // The require function
131		-/******/ function __webpack_require__(moduleId) {
132		-/******/ // Check if module is in cache
133		-/******/ var cachedModule = __webpack_module_cache__[moduleId];
134		-/******/ if (cachedModule !== undefined) {
135		-/******/ return cachedModule.exports;
136		-/******/ }
137		-/******/ // Create a new module (and put it into the cache)
138		-/******/ var module = __webpack_module_cache__[moduleId] = {
139		-/******/ // no module.id needed
140		-/******/ // no module.loaded needed
141		-/******/ exports: {}
142		-/******/ };
143		-/******/
144		-/******/ // Execute the module function
145		-/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
146		-/******/
147		-/******/ // Return the exports of the module
148		-/******/ return module.exports;
149		-/******/ }
150		-/******/
151		-/************************************************************************/
152		-/******/ /* webpack/runtime/define property getters */
153		-/******/ !function() {
154		-/******/ // define getter functions for harmony exports
155		-/******/ __webpack_require__.d = function(exports, definition) {
156		-/******/ for(var key in definition) {
157		-/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
158		-/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
159		-/******/ }
160		-/******/ }
161		-/******/ };
162		-/******/ }();
163		-/******/
164		-/******/ /* webpack/runtime/hasOwnProperty shorthand */
165		-/******/ !function() {
166		-/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
167		-/******/ }();
168		-/******/
169		-/******/ /* webpack/runtime/make namespace object */
170		-/******/ !function() {
171		-/******/ // define __esModule on exports
172		-/******/ __webpack_require__.r = function(exports) {
173		-/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
174		-/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
175		-/******/ }
176		-/******/ Object.defineProperty(exports, '__esModule', { value: true });
177		-/******/ };
178		-/******/ }();
179		-/******/
180		-/************************************************************************/
181		-var __webpack_exports__ = {};
182		-// This entry needs to be wrapped in an IIFE because it needs to be isolated against other modules in the chunk.
183		-!function() {
184		-/*!***********************************************************!*\
185		- !*** ./packages/packages/libs/editor-styles/src/index.ts ***!
186		- \***********************************************************/
187		-__webpack_require__.r(__webpack_exports__);
188		-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
189		-/* harmony export */ generateId: function() { return /* reexport safe */ _utils_generate_id__WEBPACK_IMPORTED_MODULE_1__.generateId; },
190		-/* harmony export */ getSelectorWithState: function() { return /* reexport safe */ _utils_state_utils__WEBPACK_IMPORTED_MODULE_4__.getSelectorWithState; },
191		-/* harmony export */ getStylesSchema: function() { return /* reexport safe */ _utils_get_styles_schema__WEBPACK_IMPORTED_MODULE_2__.getStylesSchema; },
192		-/* harmony export */ getVariantByMeta: function() { return /* reexport safe */ _utils_get_variant_by_meta__WEBPACK_IMPORTED_MODULE_3__.getVariantByMeta; },
193		-/* harmony export */ isClassState: function() { return /* reexport safe */ _utils_state_utils__WEBPACK_IMPORTED_MODULE_4__.isClassState; },
194		-/* harmony export */ isExistingStyleProperty: function() { return /* reexport safe */ _utils_get_styles_schema__WEBPACK_IMPORTED_MODULE_2__.isExistingStyleProperty; },
195		-/* harmony export */ isPseudoState: function() { return /* reexport safe */ _utils_state_utils__WEBPACK_IMPORTED_MODULE_4__.isPseudoState; }
196		-/* harmony export */ });
197		-/* harmony import */ var _types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./types */ "./packages/packages/libs/editor-styles/src/types.ts");
198		-/* harmony import */ var _utils_generate_id__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/generate-id */ "./packages/packages/libs/editor-styles/src/utils/generate-id.ts");
199		-/* harmony import */ var _utils_get_styles_schema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils/get-styles-schema */ "./packages/packages/libs/editor-styles/src/utils/get-styles-schema.ts");
200		-/* harmony import */ var _utils_get_variant_by_meta__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utils/get-variant-by-meta */ "./packages/packages/libs/editor-styles/src/utils/get-variant-by-meta.ts");
201		-/* harmony import */ var _utils_state_utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/state-utils */ "./packages/packages/libs/editor-styles/src/utils/state-utils.ts");
202		-// types
203		-
204		-
205		-// utils
206		-
207		-
208		-
209		-
210		-}();
211		-(window.elementorV2 = window.elementorV2 || {}).editorStyles = __webpack_exports__;
212		-/******/ })()
213		-;
	105	+//#endregion
	106	+})();
214	107	window.elementorV2.editorStyles?.init?.();
215	108	//# sourceMappingURL=editor-styles.js.map