@elementor/editor-styles 4.4.0-1108 → 4.4.0-1110

package/dist/index.d.mts

@@ -54,6 +54,8 @@ type StyleVariables = Record<string, Variable>;
 
 declare function generateId(prefix?: string, existingIds?: string[]): string;
 
+declare function getNonEmptyVariants(style: StyleDefinition): StyleDefinitionVariant[];
+
 declare const getStylesSchema: () => Record<string, _elementor_editor_props.PropType<{
     key?: string;
 }>>;
@@ -77,4 +79,4 @@ type ExtendedWindow = Window & {
     };
 };
 
-export { type ClassState, type CustomCss, type ExtendedWindow, type StyleDefinition, type StyleDefinitionAdditionalPseudoState, type StyleDefinitionClassState, type StyleDefinitionID, type StyleDefinitionPseudoState, type StyleDefinitionState, type StyleDefinitionStateType, type StyleDefinitionType, type StyleDefinitionVariant, type StyleDefinitionsMap, type StyleVariables, type Variable, generateId, getSelectorWithState, getStylesSchema, getVariantByMeta, isClassState, isExistingStyleProperty, isPseudoState };
+export { type ClassState, type CustomCss, type ExtendedWindow, type StyleDefinition, type StyleDefinitionAdditionalPseudoState, type StyleDefinitionClassState, type StyleDefinitionID, type StyleDefinitionPseudoState, type StyleDefinitionState, type StyleDefinitionStateType, type StyleDefinitionType, type StyleDefinitionVariant, type StyleDefinitionsMap, type StyleVariables, type Variable, generateId, getNonEmptyVariants, getSelectorWithState, getStylesSchema, getVariantByMeta, isClassState, isExistingStyleProperty, isPseudoState };

package/dist/index.d.ts

@@ -54,6 +54,8 @@ type StyleVariables = Record<string, Variable>;
 
 declare function generateId(prefix?: string, existingIds?: string[]): string;
 
+declare function getNonEmptyVariants(style: StyleDefinition): StyleDefinitionVariant[];
+
 declare const getStylesSchema: () => Record<string, _elementor_editor_props.PropType<{
     key?: string;
 }>>;
@@ -77,4 +79,4 @@ type ExtendedWindow = Window & {
     };
 };
 
-export { type ClassState, type CustomCss, type ExtendedWindow, type StyleDefinition, type StyleDefinitionAdditionalPseudoState, type StyleDefinitionClassState, type StyleDefinitionID, type StyleDefinitionPseudoState, type StyleDefinitionState, type StyleDefinitionStateType, type StyleDefinitionType, type StyleDefinitionVariant, type StyleDefinitionsMap, type StyleVariables, type Variable, generateId, getSelectorWithState, getStylesSchema, getVariantByMeta, isClassState, isExistingStyleProperty, isPseudoState };
+export { type ClassState, type CustomCss, type ExtendedWindow, type StyleDefinition, type StyleDefinitionAdditionalPseudoState, type StyleDefinitionClassState, type StyleDefinitionID, type StyleDefinitionPseudoState, type StyleDefinitionState, type StyleDefinitionStateType, type StyleDefinitionType, type StyleDefinitionVariant, type StyleDefinitionsMap, type StyleVariables, type Variable, generateId, getNonEmptyVariants, getSelectorWithState, getStylesSchema, getVariantByMeta, isClassState, isExistingStyleProperty, isPseudoState };

package/dist/index.js

@@ -21,6 +21,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   generateId: () => generateId,
+  getNonEmptyVariants: () => getNonEmptyVariants,
   getSelectorWithState: () => getSelectorWithState,
   getStylesSchema: () => getStylesSchema,
   getVariantByMeta: () => getVariantByMeta,
@@ -39,6 +40,13 @@ function generateId(prefix = "", existingIds = []) {
   return id;
 }
 
+// src/utils/get-non-empty-variants.ts
+function getNonEmptyVariants(style) {
+  return style.variants.filter(
+    ({ props, custom_css: customCss }) => Object.keys(props).length > 0 || Boolean(customCss?.raw)
+  );
+}
+
 // src/utils/get-styles-schema.ts
 var getElementorConfig = () => {
   const extendedWindow = window;
@@ -94,6 +102,7 @@ function getSelectorWithState(baseSelector, state) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   generateId,
+  getNonEmptyVariants,
   getSelectorWithState,
   getStylesSchema,
   getVariantByMeta,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/utils/generate-id.ts","../src/utils/get-styles-schema.ts","../src/utils/get-variant-by-meta.ts","../src/utils/state-utils.ts"],"sourcesContent":["// types\nexport * from './types';\n\n// utils\nexport { generateId } from './utils/generate-id';\nexport { getStylesSchema, isExistingStyleProperty } from './utils/get-styles-schema';\nexport { getVariantByMeta } from './utils/get-variant-by-meta';\nexport { isClassState, isPseudoState, getSelectorWithState } from './utils/state-utils';\nexport { type ExtendedWindow } from './utils/types';\n","export function generateId( prefix: string = '', existingIds: string[] = [] ) {\n\tlet id: string;\n\n\tdo {\n\t\tid = prefix + Math.random().toString( 16 ).slice( 2, 9 );\n\t} while ( existingIds.includes( id ) );\n\n\treturn id;\n}\n","import { type ExtendedWindow } from './types';\n\nconst getElementorConfig = () => {\n\tconst extendedWindow = window as unknown as ExtendedWindow;\n\n\treturn extendedWindow.elementor?.config ?? {};\n};\n\nexport const getStylesSchema = () => {\n\tconst config = getElementorConfig();\n\tconst styleSchema = config?.atomic?.styles_schema ?? {};\n\n\treturn styleSchema;\n};\n\nexport const isExistingStyleProperty = ( property: string ): boolean => {\n\tconst stylesSchema = getStylesSchema();\n\treturn Object.keys( stylesSchema ).includes( property );\n};\n","import { type StyleDefinition, type StyleDefinitionVariant } from '../types';\n\nexport function getVariantByMeta( style: StyleDefinition, meta: StyleDefinitionVariant[ 'meta' ] ) {\n\treturn style.variants.find( ( variant ) => {\n\t\treturn variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;\n\t} );\n}\n","import {\n\ttype StyleDefinitionAdditionalPseudoState,\n\ttype StyleDefinitionClassState,\n\ttype StyleDefinitionPseudoState,\n\ttype StyleDefinitionState,\n\ttype StyleDefinitionStateType,\n} from '../types';\n\nconst PSEUDO_STATES: StyleDefinitionPseudoState[] = [ 'hover', 'focus', 'active', 'focus-visible' ];\n\nconst CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected', 'e--disabled', 'e--playing', 'e--paused' ];\n\nfunction getAdditionalStates( state: StyleDefinitionState ): StyleDefinitionAdditionalPseudoState[] {\n\tif ( state === 'hover' ) {\n\t\treturn [ 'focus-visible' ];\n\t}\n\n\treturn [];\n}\n\nfunction getStateSelector( state: StyleDefinitionPseudoState | StyleDefinitionClassState ) {\n\tif ( isClassState( state ) ) {\n\t\treturn `.${ state }`;\n\t}\n\n\tif ( isPseudoState( state ) ) {\n\t\treturn `:${ state }`;\n\t}\n\n\treturn state;\n}\n\nexport function isClassState( state: StyleDefinitionStateType ): state is StyleDefinitionClassState {\n\treturn CLASS_STATES.includes( state as StyleDefinitionClassState );\n}\n\nexport function isPseudoState( state: StyleDefinitionStateType ): state is StyleDefinitionPseudoState {\n\treturn PSEUDO_STATES.includes( state as StyleDefinitionPseudoState );\n}\n\nexport function getSelectorWithState( baseSelector: string, state: StyleDefinitionState ): string {\n\tif ( ! state ) {\n\t\treturn baseSelector;\n\t}\n\n\treturn [ state, ...getAdditionalStates( state ) ]\n\t\t.map( ( currentState ) => `${ baseSelector }${ getStateSelector( currentState ) }` )\n\t\t.join( ',' );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,WAAY,SAAiB,IAAI,cAAwB,CAAC,GAAI;AAC7E,MAAI;AAEJ,KAAG;AACF,SAAK,SAAS,KAAK,OAAO,EAAE,SAAU,EAAG,EAAE,MAAO,GAAG,CAAE;AAAA,EACxD,SAAU,YAAY,SAAU,EAAG;AAEnC,SAAO;AACR;;;ACNA,IAAM,qBAAqB,MAAM;AAChC,QAAM,iBAAiB;AAEvB,SAAO,eAAe,WAAW,UAAU,CAAC;AAC7C;AAEO,IAAM,kBAAkB,MAAM;AACpC,QAAM,SAAS,mBAAmB;AAClC,QAAM,cAAc,QAAQ,QAAQ,iBAAiB,CAAC;AAEtD,SAAO;AACR;AAEO,IAAM,0BAA0B,CAAE,aAA+B;AACvE,QAAM,eAAe,gBAAgB;AACrC,SAAO,OAAO,KAAM,YAAa,EAAE,SAAU,QAAS;AACvD;;;AChBO,SAAS,iBAAkB,OAAwB,MAAyC;AAClG,SAAO,MAAM,SAAS,KAAM,CAAE,YAAa;AAC1C,WAAO,QAAQ,KAAK,eAAe,KAAK,cAAc,QAAQ,KAAK,UAAU,KAAK;AAAA,EACnF,CAAE;AACH;;;ACEA,IAAM,gBAA8C,CAAE,SAAS,SAAS,UAAU,eAAgB;AAElG,IAAM,eAA4C,CAAE,eAAe,eAAe,cAAc,WAAY;AAE5G,SAAS,oBAAqB,OAAsE;AACnG,MAAK,UAAU,SAAU;AACxB,WAAO,CAAE,eAAgB;AAAA,EAC1B;AAEA,SAAO,CAAC;AACT;AAEA,SAAS,iBAAkB,OAAgE;AAC1F,MAAK,aAAc,KAAM,GAAI;AAC5B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,MAAK,cAAe,KAAM,GAAI;AAC7B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,SAAO;AACR;AAEO,SAAS,aAAc,OAAsE;AACnG,SAAO,aAAa,SAAU,KAAmC;AAClE;AAEO,SAAS,cAAe,OAAuE;AACrG,SAAO,cAAc,SAAU,KAAoC;AACpE;AAEO,SAAS,qBAAsB,cAAsB,OAAsC;AACjG,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAEA,SAAO,CAAE,OAAO,GAAG,oBAAqB,KAAM,CAAE,EAC9C,IAAK,CAAE,iBAAkB,GAAI,YAAa,GAAI,iBAAkB,YAAa,CAAE,EAAG,EAClF,KAAM,GAAI;AACb;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/utils/generate-id.ts","../src/utils/get-non-empty-variants.ts","../src/utils/get-styles-schema.ts","../src/utils/get-variant-by-meta.ts","../src/utils/state-utils.ts"],"sourcesContent":["// types\nexport * from './types';\n\n// utils\nexport { generateId } from './utils/generate-id';\nexport { getNonEmptyVariants } from './utils/get-non-empty-variants';\nexport { getStylesSchema, isExistingStyleProperty } from './utils/get-styles-schema';\nexport { getVariantByMeta } from './utils/get-variant-by-meta';\nexport { isClassState, isPseudoState, getSelectorWithState } from './utils/state-utils';\nexport { type ExtendedWindow } from './utils/types';\n","export function generateId( prefix: string = '', existingIds: string[] = [] ) {\n\tlet id: string;\n\n\tdo {\n\t\tid = prefix + Math.random().toString( 16 ).slice( 2, 9 );\n\t} while ( existingIds.includes( id ) );\n\n\treturn id;\n}\n","import { type StyleDefinition, type StyleDefinitionVariant } from '../types';\n\nexport function getNonEmptyVariants( style: StyleDefinition ) {\n\treturn style.variants.filter(\n\t\t( { props, custom_css: customCss }: StyleDefinitionVariant ) =>\n\t\t\tObject.keys( props ).length > 0 || Boolean( customCss?.raw )\n\t);\n}\n","import { type ExtendedWindow } from './types';\n\nconst getElementorConfig = () => {\n\tconst extendedWindow = window as unknown as ExtendedWindow;\n\n\treturn extendedWindow.elementor?.config ?? {};\n};\n\nexport const getStylesSchema = () => {\n\tconst config = getElementorConfig();\n\tconst styleSchema = config?.atomic?.styles_schema ?? {};\n\n\treturn styleSchema;\n};\n\nexport const isExistingStyleProperty = ( property: string ): boolean => {\n\tconst stylesSchema = getStylesSchema();\n\treturn Object.keys( stylesSchema ).includes( property );\n};\n","import { type StyleDefinition, type StyleDefinitionVariant } from '../types';\n\nexport function getVariantByMeta( style: StyleDefinition, meta: StyleDefinitionVariant[ 'meta' ] ) {\n\treturn style.variants.find( ( variant ) => {\n\t\treturn variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;\n\t} );\n}\n","import {\n\ttype StyleDefinitionAdditionalPseudoState,\n\ttype StyleDefinitionClassState,\n\ttype StyleDefinitionPseudoState,\n\ttype StyleDefinitionState,\n\ttype StyleDefinitionStateType,\n} from '../types';\n\nconst PSEUDO_STATES: StyleDefinitionPseudoState[] = [ 'hover', 'focus', 'active', 'focus-visible' ];\n\nconst CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected', 'e--disabled', 'e--playing', 'e--paused' ];\n\nfunction getAdditionalStates( state: StyleDefinitionState ): StyleDefinitionAdditionalPseudoState[] {\n\tif ( state === 'hover' ) {\n\t\treturn [ 'focus-visible' ];\n\t}\n\n\treturn [];\n}\n\nfunction getStateSelector( state: StyleDefinitionPseudoState | StyleDefinitionClassState ) {\n\tif ( isClassState( state ) ) {\n\t\treturn `.${ state }`;\n\t}\n\n\tif ( isPseudoState( state ) ) {\n\t\treturn `:${ state }`;\n\t}\n\n\treturn state;\n}\n\nexport function isClassState( state: StyleDefinitionStateType ): state is StyleDefinitionClassState {\n\treturn CLASS_STATES.includes( state as StyleDefinitionClassState );\n}\n\nexport function isPseudoState( state: StyleDefinitionStateType ): state is StyleDefinitionPseudoState {\n\treturn PSEUDO_STATES.includes( state as StyleDefinitionPseudoState );\n}\n\nexport function getSelectorWithState( baseSelector: string, state: StyleDefinitionState ): string {\n\tif ( ! state ) {\n\t\treturn baseSelector;\n\t}\n\n\treturn [ state, ...getAdditionalStates( state ) ]\n\t\t.map( ( currentState ) => `${ baseSelector }${ getStateSelector( currentState ) }` )\n\t\t.join( ',' );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,SAAS,WAAY,SAAiB,IAAI,cAAwB,CAAC,GAAI;AAC7E,MAAI;AAEJ,KAAG;AACF,SAAK,SAAS,KAAK,OAAO,EAAE,SAAU,EAAG,EAAE,MAAO,GAAG,CAAE;AAAA,EACxD,SAAU,YAAY,SAAU,EAAG;AAEnC,SAAO;AACR;;;ACNO,SAAS,oBAAqB,OAAyB;AAC7D,SAAO,MAAM,SAAS;AAAA,IACrB,CAAE,EAAE,OAAO,YAAY,UAAU,MAChC,OAAO,KAAM,KAAM,EAAE,SAAS,KAAK,QAAS,WAAW,GAAI;AAAA,EAC7D;AACD;;;ACLA,IAAM,qBAAqB,MAAM;AAChC,QAAM,iBAAiB;AAEvB,SAAO,eAAe,WAAW,UAAU,CAAC;AAC7C;AAEO,IAAM,kBAAkB,MAAM;AACpC,QAAM,SAAS,mBAAmB;AAClC,QAAM,cAAc,QAAQ,QAAQ,iBAAiB,CAAC;AAEtD,SAAO;AACR;AAEO,IAAM,0BAA0B,CAAE,aAA+B;AACvE,QAAM,eAAe,gBAAgB;AACrC,SAAO,OAAO,KAAM,YAAa,EAAE,SAAU,QAAS;AACvD;;;AChBO,SAAS,iBAAkB,OAAwB,MAAyC;AAClG,SAAO,MAAM,SAAS,KAAM,CAAE,YAAa;AAC1C,WAAO,QAAQ,KAAK,eAAe,KAAK,cAAc,QAAQ,KAAK,UAAU,KAAK;AAAA,EACnF,CAAE;AACH;;;ACEA,IAAM,gBAA8C,CAAE,SAAS,SAAS,UAAU,eAAgB;AAElG,IAAM,eAA4C,CAAE,eAAe,eAAe,cAAc,WAAY;AAE5G,SAAS,oBAAqB,OAAsE;AACnG,MAAK,UAAU,SAAU;AACxB,WAAO,CAAE,eAAgB;AAAA,EAC1B;AAEA,SAAO,CAAC;AACT;AAEA,SAAS,iBAAkB,OAAgE;AAC1F,MAAK,aAAc,KAAM,GAAI;AAC5B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,MAAK,cAAe,KAAM,GAAI;AAC7B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,SAAO;AACR;AAEO,SAAS,aAAc,OAAsE;AACnG,SAAO,aAAa,SAAU,KAAmC;AAClE;AAEO,SAAS,cAAe,OAAuE;AACrG,SAAO,cAAc,SAAU,KAAoC;AACpE;AAEO,SAAS,qBAAsB,cAAsB,OAAsC;AACjG,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAEA,SAAO,CAAE,OAAO,GAAG,oBAAqB,KAAM,CAAE,EAC9C,IAAK,CAAE,iBAAkB,GAAI,YAAa,GAAI,iBAAkB,YAAa,CAAE,EAAG,EAClF,KAAM,GAAI;AACb;","names":[]}

package/dist/index.mjs

@@ -7,6 +7,13 @@ function generateId(prefix = "", existingIds = []) {
   return id;
 }
 
+// src/utils/get-non-empty-variants.ts
+function getNonEmptyVariants(style) {
+  return style.variants.filter(
+    ({ props, custom_css: customCss }) => Object.keys(props).length > 0 || Boolean(customCss?.raw)
+  );
+}
+
 // src/utils/get-styles-schema.ts
 var getElementorConfig = () => {
   const extendedWindow = window;
@@ -61,6 +68,7 @@ function getSelectorWithState(baseSelector, state) {
 }
 export {
   generateId,
+  getNonEmptyVariants,
   getSelectorWithState,
   getStylesSchema,
   getVariantByMeta,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/utils/generate-id.ts","../src/utils/get-styles-schema.ts","../src/utils/get-variant-by-meta.ts","../src/utils/state-utils.ts"],"sourcesContent":["export function generateId( prefix: string = '', existingIds: string[] = [] ) {\n\tlet id: string;\n\n\tdo {\n\t\tid = prefix + Math.random().toString( 16 ).slice( 2, 9 );\n\t} while ( existingIds.includes( id ) );\n\n\treturn id;\n}\n","import { type ExtendedWindow } from './types';\n\nconst getElementorConfig = () => {\n\tconst extendedWindow = window as unknown as ExtendedWindow;\n\n\treturn extendedWindow.elementor?.config ?? {};\n};\n\nexport const getStylesSchema = () => {\n\tconst config = getElementorConfig();\n\tconst styleSchema = config?.atomic?.styles_schema ?? {};\n\n\treturn styleSchema;\n};\n\nexport const isExistingStyleProperty = ( property: string ): boolean => {\n\tconst stylesSchema = getStylesSchema();\n\treturn Object.keys( stylesSchema ).includes( property );\n};\n","import { type StyleDefinition, type StyleDefinitionVariant } from '../types';\n\nexport function getVariantByMeta( style: StyleDefinition, meta: StyleDefinitionVariant[ 'meta' ] ) {\n\treturn style.variants.find( ( variant ) => {\n\t\treturn variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;\n\t} );\n}\n","import {\n\ttype StyleDefinitionAdditionalPseudoState,\n\ttype StyleDefinitionClassState,\n\ttype StyleDefinitionPseudoState,\n\ttype StyleDefinitionState,\n\ttype StyleDefinitionStateType,\n} from '../types';\n\nconst PSEUDO_STATES: StyleDefinitionPseudoState[] = [ 'hover', 'focus', 'active', 'focus-visible' ];\n\nconst CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected', 'e--disabled', 'e--playing', 'e--paused' ];\n\nfunction getAdditionalStates( state: StyleDefinitionState ): StyleDefinitionAdditionalPseudoState[] {\n\tif ( state === 'hover' ) {\n\t\treturn [ 'focus-visible' ];\n\t}\n\n\treturn [];\n}\n\nfunction getStateSelector( state: StyleDefinitionPseudoState | StyleDefinitionClassState ) {\n\tif ( isClassState( state ) ) {\n\t\treturn `.${ state }`;\n\t}\n\n\tif ( isPseudoState( state ) ) {\n\t\treturn `:${ state }`;\n\t}\n\n\treturn state;\n}\n\nexport function isClassState( state: StyleDefinitionStateType ): state is StyleDefinitionClassState {\n\treturn CLASS_STATES.includes( state as StyleDefinitionClassState );\n}\n\nexport function isPseudoState( state: StyleDefinitionStateType ): state is StyleDefinitionPseudoState {\n\treturn PSEUDO_STATES.includes( state as StyleDefinitionPseudoState );\n}\n\nexport function getSelectorWithState( baseSelector: string, state: StyleDefinitionState ): string {\n\tif ( ! state ) {\n\t\treturn baseSelector;\n\t}\n\n\treturn [ state, ...getAdditionalStates( state ) ]\n\t\t.map( ( currentState ) => `${ baseSelector }${ getStateSelector( currentState ) }` )\n\t\t.join( ',' );\n}\n"],"mappings":";AAAO,SAAS,WAAY,SAAiB,IAAI,cAAwB,CAAC,GAAI;AAC7E,MAAI;AAEJ,KAAG;AACF,SAAK,SAAS,KAAK,OAAO,EAAE,SAAU,EAAG,EAAE,MAAO,GAAG,CAAE;AAAA,EACxD,SAAU,YAAY,SAAU,EAAG;AAEnC,SAAO;AACR;;;ACNA,IAAM,qBAAqB,MAAM;AAChC,QAAM,iBAAiB;AAEvB,SAAO,eAAe,WAAW,UAAU,CAAC;AAC7C;AAEO,IAAM,kBAAkB,MAAM;AACpC,QAAM,SAAS,mBAAmB;AAClC,QAAM,cAAc,QAAQ,QAAQ,iBAAiB,CAAC;AAEtD,SAAO;AACR;AAEO,IAAM,0BAA0B,CAAE,aAA+B;AACvE,QAAM,eAAe,gBAAgB;AACrC,SAAO,OAAO,KAAM,YAAa,EAAE,SAAU,QAAS;AACvD;;;AChBO,SAAS,iBAAkB,OAAwB,MAAyC;AAClG,SAAO,MAAM,SAAS,KAAM,CAAE,YAAa;AAC1C,WAAO,QAAQ,KAAK,eAAe,KAAK,cAAc,QAAQ,KAAK,UAAU,KAAK;AAAA,EACnF,CAAE;AACH;;;ACEA,IAAM,gBAA8C,CAAE,SAAS,SAAS,UAAU,eAAgB;AAElG,IAAM,eAA4C,CAAE,eAAe,eAAe,cAAc,WAAY;AAE5G,SAAS,oBAAqB,OAAsE;AACnG,MAAK,UAAU,SAAU;AACxB,WAAO,CAAE,eAAgB;AAAA,EAC1B;AAEA,SAAO,CAAC;AACT;AAEA,SAAS,iBAAkB,OAAgE;AAC1F,MAAK,aAAc,KAAM,GAAI;AAC5B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,MAAK,cAAe,KAAM,GAAI;AAC7B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,SAAO;AACR;AAEO,SAAS,aAAc,OAAsE;AACnG,SAAO,aAAa,SAAU,KAAmC;AAClE;AAEO,SAAS,cAAe,OAAuE;AACrG,SAAO,cAAc,SAAU,KAAoC;AACpE;AAEO,SAAS,qBAAsB,cAAsB,OAAsC;AACjG,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAEA,SAAO,CAAE,OAAO,GAAG,oBAAqB,KAAM,CAAE,EAC9C,IAAK,CAAE,iBAAkB,GAAI,YAAa,GAAI,iBAAkB,YAAa,CAAE,EAAG,EAClF,KAAM,GAAI;AACb;","names":[]}
+{"version":3,"sources":["../src/utils/generate-id.ts","../src/utils/get-non-empty-variants.ts","../src/utils/get-styles-schema.ts","../src/utils/get-variant-by-meta.ts","../src/utils/state-utils.ts"],"sourcesContent":["export function generateId( prefix: string = '', existingIds: string[] = [] ) {\n\tlet id: string;\n\n\tdo {\n\t\tid = prefix + Math.random().toString( 16 ).slice( 2, 9 );\n\t} while ( existingIds.includes( id ) );\n\n\treturn id;\n}\n","import { type StyleDefinition, type StyleDefinitionVariant } from '../types';\n\nexport function getNonEmptyVariants( style: StyleDefinition ) {\n\treturn style.variants.filter(\n\t\t( { props, custom_css: customCss }: StyleDefinitionVariant ) =>\n\t\t\tObject.keys( props ).length > 0 || Boolean( customCss?.raw )\n\t);\n}\n","import { type ExtendedWindow } from './types';\n\nconst getElementorConfig = () => {\n\tconst extendedWindow = window as unknown as ExtendedWindow;\n\n\treturn extendedWindow.elementor?.config ?? {};\n};\n\nexport const getStylesSchema = () => {\n\tconst config = getElementorConfig();\n\tconst styleSchema = config?.atomic?.styles_schema ?? {};\n\n\treturn styleSchema;\n};\n\nexport const isExistingStyleProperty = ( property: string ): boolean => {\n\tconst stylesSchema = getStylesSchema();\n\treturn Object.keys( stylesSchema ).includes( property );\n};\n","import { type StyleDefinition, type StyleDefinitionVariant } from '../types';\n\nexport function getVariantByMeta( style: StyleDefinition, meta: StyleDefinitionVariant[ 'meta' ] ) {\n\treturn style.variants.find( ( variant ) => {\n\t\treturn variant.meta.breakpoint === meta.breakpoint && variant.meta.state === meta.state;\n\t} );\n}\n","import {\n\ttype StyleDefinitionAdditionalPseudoState,\n\ttype StyleDefinitionClassState,\n\ttype StyleDefinitionPseudoState,\n\ttype StyleDefinitionState,\n\ttype StyleDefinitionStateType,\n} from '../types';\n\nconst PSEUDO_STATES: StyleDefinitionPseudoState[] = [ 'hover', 'focus', 'active', 'focus-visible' ];\n\nconst CLASS_STATES: StyleDefinitionClassState[] = [ 'e--selected', 'e--disabled', 'e--playing', 'e--paused' ];\n\nfunction getAdditionalStates( state: StyleDefinitionState ): StyleDefinitionAdditionalPseudoState[] {\n\tif ( state === 'hover' ) {\n\t\treturn [ 'focus-visible' ];\n\t}\n\n\treturn [];\n}\n\nfunction getStateSelector( state: StyleDefinitionPseudoState | StyleDefinitionClassState ) {\n\tif ( isClassState( state ) ) {\n\t\treturn `.${ state }`;\n\t}\n\n\tif ( isPseudoState( state ) ) {\n\t\treturn `:${ state }`;\n\t}\n\n\treturn state;\n}\n\nexport function isClassState( state: StyleDefinitionStateType ): state is StyleDefinitionClassState {\n\treturn CLASS_STATES.includes( state as StyleDefinitionClassState );\n}\n\nexport function isPseudoState( state: StyleDefinitionStateType ): state is StyleDefinitionPseudoState {\n\treturn PSEUDO_STATES.includes( state as StyleDefinitionPseudoState );\n}\n\nexport function getSelectorWithState( baseSelector: string, state: StyleDefinitionState ): string {\n\tif ( ! state ) {\n\t\treturn baseSelector;\n\t}\n\n\treturn [ state, ...getAdditionalStates( state ) ]\n\t\t.map( ( currentState ) => `${ baseSelector }${ getStateSelector( currentState ) }` )\n\t\t.join( ',' );\n}\n"],"mappings":";AAAO,SAAS,WAAY,SAAiB,IAAI,cAAwB,CAAC,GAAI;AAC7E,MAAI;AAEJ,KAAG;AACF,SAAK,SAAS,KAAK,OAAO,EAAE,SAAU,EAAG,EAAE,MAAO,GAAG,CAAE;AAAA,EACxD,SAAU,YAAY,SAAU,EAAG;AAEnC,SAAO;AACR;;;ACNO,SAAS,oBAAqB,OAAyB;AAC7D,SAAO,MAAM,SAAS;AAAA,IACrB,CAAE,EAAE,OAAO,YAAY,UAAU,MAChC,OAAO,KAAM,KAAM,EAAE,SAAS,KAAK,QAAS,WAAW,GAAI;AAAA,EAC7D;AACD;;;ACLA,IAAM,qBAAqB,MAAM;AAChC,QAAM,iBAAiB;AAEvB,SAAO,eAAe,WAAW,UAAU,CAAC;AAC7C;AAEO,IAAM,kBAAkB,MAAM;AACpC,QAAM,SAAS,mBAAmB;AAClC,QAAM,cAAc,QAAQ,QAAQ,iBAAiB,CAAC;AAEtD,SAAO;AACR;AAEO,IAAM,0BAA0B,CAAE,aAA+B;AACvE,QAAM,eAAe,gBAAgB;AACrC,SAAO,OAAO,KAAM,YAAa,EAAE,SAAU,QAAS;AACvD;;;AChBO,SAAS,iBAAkB,OAAwB,MAAyC;AAClG,SAAO,MAAM,SAAS,KAAM,CAAE,YAAa;AAC1C,WAAO,QAAQ,KAAK,eAAe,KAAK,cAAc,QAAQ,KAAK,UAAU,KAAK;AAAA,EACnF,CAAE;AACH;;;ACEA,IAAM,gBAA8C,CAAE,SAAS,SAAS,UAAU,eAAgB;AAElG,IAAM,eAA4C,CAAE,eAAe,eAAe,cAAc,WAAY;AAE5G,SAAS,oBAAqB,OAAsE;AACnG,MAAK,UAAU,SAAU;AACxB,WAAO,CAAE,eAAgB;AAAA,EAC1B;AAEA,SAAO,CAAC;AACT;AAEA,SAAS,iBAAkB,OAAgE;AAC1F,MAAK,aAAc,KAAM,GAAI;AAC5B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,MAAK,cAAe,KAAM,GAAI;AAC7B,WAAO,IAAK,KAAM;AAAA,EACnB;AAEA,SAAO;AACR;AAEO,SAAS,aAAc,OAAsE;AACnG,SAAO,aAAa,SAAU,KAAmC;AAClE;AAEO,SAAS,cAAe,OAAuE;AACrG,SAAO,cAAc,SAAU,KAAoC;AACpE;AAEO,SAAS,qBAAsB,cAAsB,OAAsC;AACjG,MAAK,CAAE,OAAQ;AACd,WAAO;AAAA,EACR;AAEA,SAAO,CAAE,OAAO,GAAG,oBAAqB,KAAM,CAAE,EAC9C,IAAK,CAAE,iBAAkB,GAAI,YAAa,GAAI,iBAAkB,YAAa,CAAE,EAAG,EAClF,KAAM,GAAI;AACb;","names":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@elementor/editor-styles",
   "description": "This package contains the styles model for the Elementor editor",
-  "version": "4.4.0-1108",
+  "version": "4.4.0-1110",
   "private": false,
   "author": "Elementor Team",
   "homepage": "https://elementor.com/",
@@ -40,8 +40,8 @@
     "dev": "tsup --config=../../tsup.dev.ts"
   },
   "dependencies": {
-    "@elementor/editor-props": "4.4.0-1108",
-    "@elementor/editor-responsive": "4.4.0-1108"
+    "@elementor/editor-props": "4.4.0-1110",
+    "@elementor/editor-responsive": "4.4.0-1110"
   },
   "devDependencies": {
     "tsup": "^8.3.5"

package/src/index.ts

@@ -3,6 +3,7 @@ export * from './types';
 
 // utils
 export { generateId } from './utils/generate-id';
+export { getNonEmptyVariants } from './utils/get-non-empty-variants';
 export { getStylesSchema, isExistingStyleProperty } from './utils/get-styles-schema';
 export { getVariantByMeta } from './utils/get-variant-by-meta';
 export { isClassState, isPseudoState, getSelectorWithState } from './utils/state-utils';

package/src/utils/get-non-empty-variants.ts

@@ -0,0 +1,8 @@
+import { type StyleDefinition, type StyleDefinitionVariant } from '../types';
+
+export function getNonEmptyVariants( style: StyleDefinition ) {
+	return style.variants.filter(
+		( { props, custom_css: customCss }: StyleDefinitionVariant ) =>
+			Object.keys( props ).length > 0 || Boolean( customCss?.raw )
+	);
+}