← All changes | assets/js/packages/editor-styles/editor-styles.js +2 -214 4.2.0-dev2 → 4.1.0-beta3 View file →

		@@ -1,215 +1,3 @@
1		-/******/ (function() { // webpackBootstrap
2		-/******/ "use strict";
3		-/******/ var __webpack_modules__ = ({
4		-
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__) {
10		-
11		-__webpack_require__.r(__webpack_exports__);
12		-
13		-
14		-/***/ }),
15		-
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__) {
21		-
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		-}
33		-
34		-/***/ }),
35		-
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__) {
41		-
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		-;
214		-window.elementorV2.editorStyles?.init?.();
	1	+/*! For license information please see editor-styles.js.LICENSE.txt */
	2	+!function(){"use strict";var e={"./packages/packages/libs/editor-styles/src/types.ts":function(e,t,r){r.r(t)},"./packages/packages/libs/editor-styles/src/utils/generate-id.ts":function(e,t,r){function generateId(e="",t=[]){let r;do{r=e+Math.random().toString(16).slice(2,9)}while(t.includes(r));return r}r.r(t),r.d(t,{generateId:function(){return generateId}})},"./packages/packages/libs/editor-styles/src/utils/get-styles-schema.ts":function(e,t,r){r.r(t),r.d(t,{getStylesSchema:function(){return getStylesSchema},isExistingStyleProperty:function(){return isExistingStyleProperty}});const getStylesSchema=()=>{const e=(()=>{const e=window;return e.elementor?.config??{}})();return e?.atomic?.styles_schema??{}},isExistingStyleProperty=e=>{const t=getStylesSchema();return Object.keys(t).includes(e)}},"./packages/packages/libs/editor-styles/src/utils/get-variant-by-meta.ts":function(e,t,r){function getVariantByMeta(e,t){return e.variants.find(e=>e.meta.breakpoint===t.breakpoint&&e.meta.state===t.state)}r.r(t),r.d(t,{getVariantByMeta:function(){return getVariantByMeta}})},"./packages/packages/libs/editor-styles/src/utils/state-utils.ts":function(e,t,r){r.r(t),r.d(t,{getSelectorWithState:function(){return getSelectorWithState},isClassState:function(){return isClassState},isPseudoState:function(){return isPseudoState}});const s=["hover","focus","active","focus-visible"],i=["e--selected"];function getAdditionalStates(e){return"hover"===e?["focus-visible"]:[]}function isClassState(e){return i.includes(e)}function isPseudoState(e){return s.includes(e)}function getSelectorWithState(e,t){return t?[t,...getAdditionalStates(t)].map(t=>`${e}${function getStateSelector(e){return isClassState(e)?`.${e}`:isPseudoState(e)?`:${e}`:e}(t)}`).join(","):e}}},t={};function __webpack_require__(r){var s=t[r];if(void 0!==s)return s.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,__webpack_require__),i.exports}__webpack_require__.d=function(e,t){for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};!function(){__webpack_require__.r(r),__webpack_require__.d(r,{generateId:function(){return e.generateId},getSelectorWithState:function(){return i.getSelectorWithState},getStylesSchema:function(){return t.getStylesSchema},getVariantByMeta:function(){return s.getVariantByMeta},isClassState:function(){return i.isClassState},isExistingStyleProperty:function(){return t.isExistingStyleProperty},isPseudoState:function(){return i.isPseudoState}});__webpack_require__("./packages/packages/libs/editor-styles/src/types.ts");var e=__webpack_require__("./packages/packages/libs/editor-styles/src/utils/generate-id.ts"),t=__webpack_require__("./packages/packages/libs/editor-styles/src/utils/get-styles-schema.ts"),s=__webpack_require__("./packages/packages/libs/editor-styles/src/utils/get-variant-by-meta.ts"),i=__webpack_require__("./packages/packages/libs/editor-styles/src/utils/state-utils.ts")}(),(window.elementorV2=window.elementorV2||{}).editorStyles=r}(),window.elementorV2.editorStyles?.init?.();
215	3	//# sourceMappingURL=editor-styles.js.map