From f0b253e0a4296964cc57c1ae9296af37a582016b Mon Sep 17 00:00:00 2001 From: Artur Arseniev Date: Tue, 20 May 2025 13:50:36 +0200 Subject: [PATCH] Trigger `component:styleUpdate` also on the component itself --- packages/core/src/dom_components/model/Component.ts | 5 ++--- packages/core/src/dom_components/types.ts | 8 ++++++++ 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/packages/core/src/dom_components/model/Component.ts b/packages/core/src/dom_components/model/Component.ts index 149725246..6636bc613 100644 --- a/packages/core/src/dom_components/model/Component.ts +++ b/packages/core/src/dom_components/model/Component.ts @@ -449,12 +449,11 @@ export default class Component extends StyleableModel { const { em } = this; if (!em) return; - const event = 'component:styleUpdate'; const styleKeys = keys(newStyles); const pros = { style: newStyles }; - em.trigger(event, this, pros); - styleKeys.forEach((key) => em.trigger(`${event}:${key}`, this, pros)); + this.emitWithEditor(ComponentsEvents.styleUpdate, this, pros); + styleKeys.forEach((key) => this.emitWithEditor(`${ComponentsEvents.stylePropertyUpdate}${key}`, this, pros)); const collectionsStateMap = this.collectionsStateMap; const allParentCollectionIds = Object.keys(collectionsStateMap); diff --git a/packages/core/src/dom_components/types.ts b/packages/core/src/dom_components/types.ts index 188b7f9e7..cf6f3b558 100644 --- a/packages/core/src/dom_components/types.ts +++ b/packages/core/src/dom_components/types.ts @@ -53,6 +53,14 @@ export enum ComponentsEvents { update = 'component:update', updateInside = 'component:update-inside', + /** + * @event `component:styleUpdate` Component related styles are updated, the component is passed as an argument to the callback. + * @example + * editor.on('component:styleUpdate', (component) => { ... }); + */ + styleUpdate = 'component:styleUpdate', + stylePropertyUpdate = 'component:styleUpdate:', + /** * @event `component:select` Component selected. * @example