@elementor/editor-interactions 4.0.0-683 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +41 -3
- package/dist/index.d.ts +41 -3
- package/dist/index.js +319 -138
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +329 -150
- package/dist/index.mjs.map +1 -1
- package/package.json +12 -12
- package/src/components/controls/repeat.tsx +57 -0
- package/src/components/controls/replay.tsx +12 -13
- package/src/components/interaction-details.tsx +127 -137
- package/src/index.ts +1 -0
- package/src/init.ts +10 -2
- package/src/mcp/constants.ts +58 -0
- package/src/mcp/index.ts +15 -69
- package/src/mcp/tools/schema.ts +1 -1
- package/src/ui/interactions-promotion-chip.tsx +0 -2
- package/src/ui/promotion-overlay-layout.tsx +22 -0
- package/src/utils/custom-effect-to-prop-value.ts +145 -0
- package/src/utils/prop-value-utils.ts +26 -22
package/dist/index.d.mts
CHANGED
|
@@ -137,6 +137,44 @@ declare const EFFECT_OPTIONS: {
|
|
|
137
137
|
};
|
|
138
138
|
declare const BASE_EFFECTS: string[];
|
|
139
139
|
|
|
140
|
+
declare const REPEAT_OPTIONS: {
|
|
141
|
+
times: string;
|
|
142
|
+
loop: string;
|
|
143
|
+
};
|
|
144
|
+
declare const REPEAT_TOOLTIPS: {
|
|
145
|
+
times: string;
|
|
146
|
+
loop: string;
|
|
147
|
+
};
|
|
148
|
+
|
|
149
|
+
type PlainKeyframeValue = {
|
|
150
|
+
opacity?: number;
|
|
151
|
+
scale?: {
|
|
152
|
+
x: number;
|
|
153
|
+
y: number;
|
|
154
|
+
};
|
|
155
|
+
rotate?: {
|
|
156
|
+
x: number;
|
|
157
|
+
y: number;
|
|
158
|
+
z: number;
|
|
159
|
+
};
|
|
160
|
+
move?: {
|
|
161
|
+
x: number;
|
|
162
|
+
y: number;
|
|
163
|
+
z: number;
|
|
164
|
+
};
|
|
165
|
+
skew?: {
|
|
166
|
+
x: number;
|
|
167
|
+
y: number;
|
|
168
|
+
};
|
|
169
|
+
};
|
|
170
|
+
type PlainKeyframe = {
|
|
171
|
+
stop: number;
|
|
172
|
+
value: PlainKeyframeValue;
|
|
173
|
+
};
|
|
174
|
+
type PlainCustomEffect = {
|
|
175
|
+
keyframes: PlainKeyframe[];
|
|
176
|
+
};
|
|
177
|
+
|
|
140
178
|
declare const createString: (value: string) => StringPropValue;
|
|
141
179
|
declare const createNumber: (value: number) => NumberPropValue;
|
|
142
180
|
declare const createTimingConfig: (duration: SizeStringValue, delay: SizeStringValue) => TimingConfigPropValue;
|
|
@@ -167,7 +205,7 @@ declare const createAnimationPreset: ({ effect, type, direction, duration, delay
|
|
|
167
205
|
times?: number;
|
|
168
206
|
start?: SizeStringValue;
|
|
169
207
|
end?: SizeStringValue;
|
|
170
|
-
customEffects?: PropValue;
|
|
208
|
+
customEffects?: PropValue | PlainCustomEffect;
|
|
171
209
|
}) => AnimationPresetPropValue;
|
|
172
210
|
declare const createInteractionItem: ({ trigger, effect, type, direction, duration, delay, interactionId, replay, easing, relativeTo, repeat, times, start, end, excludedBreakpoints, customEffects, }: {
|
|
173
211
|
trigger?: string;
|
|
@@ -185,7 +223,7 @@ declare const createInteractionItem: ({ trigger, effect, type, direction, durati
|
|
|
185
223
|
start?: number;
|
|
186
224
|
end?: number;
|
|
187
225
|
excludedBreakpoints?: string[];
|
|
188
|
-
customEffects?: PropValue;
|
|
226
|
+
customEffects?: PropValue | PlainCustomEffect;
|
|
189
227
|
}) => InteractionItemPropValue;
|
|
190
228
|
declare const createDefaultInteractionItem: () => InteractionItemPropValue;
|
|
191
229
|
declare const createDefaultInteractions: () => ElementInteractions;
|
|
@@ -207,4 +245,4 @@ declare const formatSizeValue: ({ size, unit }: SizeValue) => SizeStringValue;
|
|
|
207
245
|
|
|
208
246
|
declare const useElementInteractions: (elementId: ElementID) => ElementInteractions;
|
|
209
247
|
|
|
210
|
-
export { BASE_EASINGS, BASE_EFFECTS, BASE_REPLAY, BASE_TRIGGERS, type CreateInteractionsProviderOptions, EASING_OPTIONS, EFFECT_OPTIONS, ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX, EmptyState, type FieldProps, InteractionsTab, REPLAY_OPTIONS, type ReplayFieldProps, TRIGGER_OPTIONS, buildDisplayLabel, convertTimeUnit, createAnimationPreset, createBoolean, createConfig, createDefaultInteractionItem, createDefaultInteractions, createExcludedBreakpoints, createInteractionBreakpoints, createInteractionItem, createInteractionsProvider, createNumber, createString, createTimingConfig, extractBoolean, extractExcludedBreakpoints, extractSize, extractString, formatSizeValue, generateTempInteractionId, getInteractionsConfig, init, interactionsRepository, isTempId, parseSizeValue, registerInteractionsControl, resolveDirection, useElementInteractions };
|
|
248
|
+
export { BASE_EASINGS, BASE_EFFECTS, BASE_REPLAY, BASE_TRIGGERS, type CreateInteractionsProviderOptions, EASING_OPTIONS, EFFECT_OPTIONS, ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX, EmptyState, type FieldProps, InteractionsTab, REPEAT_OPTIONS, REPEAT_TOOLTIPS, REPLAY_OPTIONS, type ReplayFieldProps, TRIGGER_OPTIONS, buildDisplayLabel, convertTimeUnit, createAnimationPreset, createBoolean, createConfig, createDefaultInteractionItem, createDefaultInteractions, createExcludedBreakpoints, createInteractionBreakpoints, createInteractionItem, createInteractionsProvider, createNumber, createString, createTimingConfig, extractBoolean, extractExcludedBreakpoints, extractSize, extractString, formatSizeValue, generateTempInteractionId, getInteractionsConfig, init, interactionsRepository, isTempId, parseSizeValue, registerInteractionsControl, resolveDirection, useElementInteractions };
|
package/dist/index.d.ts
CHANGED
|
@@ -137,6 +137,44 @@ declare const EFFECT_OPTIONS: {
|
|
|
137
137
|
};
|
|
138
138
|
declare const BASE_EFFECTS: string[];
|
|
139
139
|
|
|
140
|
+
declare const REPEAT_OPTIONS: {
|
|
141
|
+
times: string;
|
|
142
|
+
loop: string;
|
|
143
|
+
};
|
|
144
|
+
declare const REPEAT_TOOLTIPS: {
|
|
145
|
+
times: string;
|
|
146
|
+
loop: string;
|
|
147
|
+
};
|
|
148
|
+
|
|
149
|
+
type PlainKeyframeValue = {
|
|
150
|
+
opacity?: number;
|
|
151
|
+
scale?: {
|
|
152
|
+
x: number;
|
|
153
|
+
y: number;
|
|
154
|
+
};
|
|
155
|
+
rotate?: {
|
|
156
|
+
x: number;
|
|
157
|
+
y: number;
|
|
158
|
+
z: number;
|
|
159
|
+
};
|
|
160
|
+
move?: {
|
|
161
|
+
x: number;
|
|
162
|
+
y: number;
|
|
163
|
+
z: number;
|
|
164
|
+
};
|
|
165
|
+
skew?: {
|
|
166
|
+
x: number;
|
|
167
|
+
y: number;
|
|
168
|
+
};
|
|
169
|
+
};
|
|
170
|
+
type PlainKeyframe = {
|
|
171
|
+
stop: number;
|
|
172
|
+
value: PlainKeyframeValue;
|
|
173
|
+
};
|
|
174
|
+
type PlainCustomEffect = {
|
|
175
|
+
keyframes: PlainKeyframe[];
|
|
176
|
+
};
|
|
177
|
+
|
|
140
178
|
declare const createString: (value: string) => StringPropValue;
|
|
141
179
|
declare const createNumber: (value: number) => NumberPropValue;
|
|
142
180
|
declare const createTimingConfig: (duration: SizeStringValue, delay: SizeStringValue) => TimingConfigPropValue;
|
|
@@ -167,7 +205,7 @@ declare const createAnimationPreset: ({ effect, type, direction, duration, delay
|
|
|
167
205
|
times?: number;
|
|
168
206
|
start?: SizeStringValue;
|
|
169
207
|
end?: SizeStringValue;
|
|
170
|
-
customEffects?: PropValue;
|
|
208
|
+
customEffects?: PropValue | PlainCustomEffect;
|
|
171
209
|
}) => AnimationPresetPropValue;
|
|
172
210
|
declare const createInteractionItem: ({ trigger, effect, type, direction, duration, delay, interactionId, replay, easing, relativeTo, repeat, times, start, end, excludedBreakpoints, customEffects, }: {
|
|
173
211
|
trigger?: string;
|
|
@@ -185,7 +223,7 @@ declare const createInteractionItem: ({ trigger, effect, type, direction, durati
|
|
|
185
223
|
start?: number;
|
|
186
224
|
end?: number;
|
|
187
225
|
excludedBreakpoints?: string[];
|
|
188
|
-
customEffects?: PropValue;
|
|
226
|
+
customEffects?: PropValue | PlainCustomEffect;
|
|
189
227
|
}) => InteractionItemPropValue;
|
|
190
228
|
declare const createDefaultInteractionItem: () => InteractionItemPropValue;
|
|
191
229
|
declare const createDefaultInteractions: () => ElementInteractions;
|
|
@@ -207,4 +245,4 @@ declare const formatSizeValue: ({ size, unit }: SizeValue) => SizeStringValue;
|
|
|
207
245
|
|
|
208
246
|
declare const useElementInteractions: (elementId: ElementID) => ElementInteractions;
|
|
209
247
|
|
|
210
|
-
export { BASE_EASINGS, BASE_EFFECTS, BASE_REPLAY, BASE_TRIGGERS, type CreateInteractionsProviderOptions, EASING_OPTIONS, EFFECT_OPTIONS, ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX, EmptyState, type FieldProps, InteractionsTab, REPLAY_OPTIONS, type ReplayFieldProps, TRIGGER_OPTIONS, buildDisplayLabel, convertTimeUnit, createAnimationPreset, createBoolean, createConfig, createDefaultInteractionItem, createDefaultInteractions, createExcludedBreakpoints, createInteractionBreakpoints, createInteractionItem, createInteractionsProvider, createNumber, createString, createTimingConfig, extractBoolean, extractExcludedBreakpoints, extractSize, extractString, formatSizeValue, generateTempInteractionId, getInteractionsConfig, init, interactionsRepository, isTempId, parseSizeValue, registerInteractionsControl, resolveDirection, useElementInteractions };
|
|
248
|
+
export { BASE_EASINGS, BASE_EFFECTS, BASE_REPLAY, BASE_TRIGGERS, type CreateInteractionsProviderOptions, EASING_OPTIONS, EFFECT_OPTIONS, ELEMENTS_INTERACTIONS_PROVIDER_KEY_PREFIX, EmptyState, type FieldProps, InteractionsTab, REPEAT_OPTIONS, REPEAT_TOOLTIPS, REPLAY_OPTIONS, type ReplayFieldProps, TRIGGER_OPTIONS, buildDisplayLabel, convertTimeUnit, createAnimationPreset, createBoolean, createConfig, createDefaultInteractionItem, createDefaultInteractions, createExcludedBreakpoints, createInteractionBreakpoints, createInteractionItem, createInteractionsProvider, createNumber, createString, createTimingConfig, extractBoolean, extractExcludedBreakpoints, extractSize, extractString, formatSizeValue, generateTempInteractionId, getInteractionsConfig, init, interactionsRepository, isTempId, parseSizeValue, registerInteractionsControl, resolveDirection, useElementInteractions };
|