| @@ -7487,8 +7487,9 @@ | ||
| 7487 | 7487 | } |
| 7488 | 7488 | |
| 7489 | 7489 | //#endregion |
| 7490 | 7490 | //#region packages/packages/core/editor-canvas/src/legacy/create-nested-templated-element-type.ts |
| 7491 | + var STYLES_REFERENCE_UNTRACKED = /* @__PURE__ */ Symbol("styles-reference-untracked"); | |
| 7491 | 7492 | function canBeNestedTemplated(element) { |
| 7492 | 7493 | return canBeTemplated(element) && "support_nesting" in element && !!element.support_nesting; |
| 7493 | 7494 | } |
| 7494 | 7495 | function createNestedTemplatedElementType({ type, renderer, element, modelExtensions }) { |
| @@ -7541,8 +7542,9 @@ | ||
| 7541 | 7542 | const parentAddElement = AtomicElementBaseView.prototype.addElement; |
| 7542 | 7543 | return AtomicElementBaseView.extend({ |
| 7543 | 7544 | _abortController: null, |
| 7544 | 7545 | _lastResolvedSettingsHash: null, |
| 7546 | + _lastRenderedStyles: STYLES_REFERENCE_UNTRACKED, | |
| 7545 | 7547 | _domUpdateWasSkipped: false, |
| 7546 | 7548 | template: false, |
| 7547 | 7549 | attributes() { |
| 7548 | 7550 | return { "data-model-cid": this.model.cid }; |
| @@ -7575,8 +7577,14 @@ | ||
| 7575 | 7577 | requestAnimationFrame(() => { |
| 7576 | 7578 | this._initAlpine(); |
| 7577 | 7579 | }); |
| 7578 | 7580 | this.model.trigger("render:complete"); |
| 7581 | + this._notifyStylesChanged(); | |
| 7582 | + }, | |
| 7583 | + _notifyStylesChanged() { | |
| 7584 | + const styles = this.model.get("styles"); | |
| 7585 | + if (this._lastRenderedStyles !== STYLES_REFERENCE_UNTRACKED && styles === this._lastRenderedStyles) return; | |
| 7586 | + this._lastRenderedStyles = styles; | |
| 7579 | 7587 | window.dispatchEvent(new CustomEvent(_elementor_editor_elements.ELEMENT_STYLE_CHANGE_EVENT)); |
| 7580 | 7588 | }, |
| 7581 | 7589 | async _renderTemplate() { |
| 7582 | 7590 | const model = this.model; |
