@wavemaker/app-ng-runtime 11.14.1-rc.6310 → 11.14.2-rc.242

package/components/basic/spinner/esm2022/spinner.component.mjs

@@ -21,7 +21,7 @@ export class SpinnerComponent extends StylableComponent {
     }
     listenOnDataSource() {
         const variables = split(this.servicevariabletotrack, ',');
-        this.getAppInstance().subscribe('toggle-variable-state', data => {
+        this.toggleVariableStateSubscription = this.getAppInstance().subscribe('toggle-variable-state', data => {
             const name = data.variable.execute(DataSource.Operation.GET_NAME);
             if (includes(variables, name) && validateDataSourceCtx(data.variable, this.getViewParent())) {
                 this.widget.show = data.active;
@@ -60,6 +60,14 @@ export class SpinnerComponent extends StylableComponent {
             this.listenOnDataSource();
         }
     }
+    ngOnDestroy() {
+        // MEMORY LEAK FIX: Unsubscribe from toggle-variable-state event
+        if (this.toggleVariableStateSubscription) {
+            this.toggleVariableStateSubscription();
+            this.toggleVariableStateSubscription = null;
+        }
+        super.ngOnDestroy();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, deps: [{ token: i0.Injector }, { token: i1.ImagePipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpinnerComponent, isStandalone: true, selector: "[wmSpinner]", providers: [
             provideAsWidgetRef(SpinnerComponent)
@@ -76,4 +84,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }, {
                     type: Optional
                 }] }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYmFzaWMvc3Bpbm5lci9zcmMvc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYmFzaWMvc3Bpbm5lci9zcmMvc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0QsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFVLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUU1RSxPQUFPLEVBQUMsVUFBVSxFQUFFLHFCQUFxQixFQUFDLE1BQU0sVUFBVSxDQUFDO0FBQzNELE9BQU8sRUFBaUIsa0JBQWtCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRTlHLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUMsTUFBTSxXQUFXLENBQUM7Ozs7QUFFbkQsTUFBTSxXQUFXLEdBQUcsYUFBYSxDQUFDO0FBQ2xDLE1BQU0sYUFBYSxHQUFrQixFQUFDLFVBQVUsRUFBRSxZQUFZLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBQyxDQUFDO0FBWXhGLE1BQU0sT0FBTyxnQkFBaUIsU0FBUSxpQkFBaUI7YUFDNUMsb0JBQWUsR0FBRyxhQUFhLEVBQUUsQUFBbEIsQ0FBbUI7SUFhekMsSUFBVyxlQUFlO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLGdCQUFnQixDQUFDO0lBQ2pDLENBQUM7SUFF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YW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgVGV4dENvbnRlbnREaXJlY3RpdmUgfSBmcm9tIFwiQHdtL2NvbXBvbmVudHMvYmFzZVwiO1xuaW1wb3J0IHtDb21wb25lbnQsIEluamVjdCwgSW5qZWN0b3IsIE9uSW5pdCwgT3B0aW9uYWx9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge0RhdGFTb3VyY2UsIHZhbGlkYXRlRGF0YVNvdXJjZUN0eH0gZnJvbSAnQHdtL2NvcmUnO1xuaW1wb3J0IHsgSVdpZGdldENvbmZpZywgcHJvdmlkZUFzV2lkZ2V0UmVmLCBTdHlsYWJsZUNvbXBvbmVudCwgc3R5bGVyLCBJbWFnZVBpcGUgfSBmcm9tICdAd20vY29tcG9uZW50cy9iYXNlJztcblxuaW1wb3J0IHsgcmVnaXN0ZXJQcm9wcyB9IGZyb20gJy4vc3Bpbm5lci5wcm9wcyc7XG5pbXBvcnQge2luY2x1ZGVzLCBpc0VtcHR5LCBzcGxpdH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuXG5jb25zdCBERUZBVUxUX0NMUyA9ICdhcHAtc3Bpbm5lcic7XG5jb25zdCBXSURHRVRfQ09ORklHOiBJV2lkZ2V0Q29uZmlnID0ge3dpZGdldFR5cGU6ICd3bS1zcGlubmVyJywgaG9zdENsYXNzOiBERUZBVUxUX0NMU307XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBUZXh0Q29udGVudERpcmVjdGl2ZV0sXG4gICAgc2VsZWN0b3I6ICdbd21TcGlubmVyXScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL3NwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICAgIHByb3ZpZGVyczogW1xuICAgICAgICBwcm92aWRlQXNXaWRnZXRSZWYoU3Bpbm5lckNvbXBvbmVudClcbiAgICBdLFxuICAgIGV4cG9ydEFzOiAnd21TcGlubmVyJ1xufSlcbmV4cG9ydCBjbGFzcyBTcGlubmVyQ29tcG9uZW50IGV4dGVuZHMgU3R5bGFibGVDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG5cbiAgICBwdWJsaWMgaWNvbmNsYXNzID0gJyc7XG4gICAgcHVibGljIGFuaW1hdGlvbiA9ICcnO1xuICAgIHB1YmxpYyBpbWFnZXdpZHRoO1xuICAgIHB1YmxpYyBpbWFnZWhlaWdodDtcbiAgICBwdWJsaWMgc2VydmljZXZhcmlhYmxldG90cmFjazogc3RyaW5nO1xuICAgIHB1YmxpYyBzaG93OiBib29sZWFuO1xuICAgIHByaXZhdGUgcGljdHVyZTogc3RyaW5nO1xuICAgIHByaXZhdGUgX3NwaW5uZXJNZXNzYWdlcztcbiAgICBwdWJsaWMgc2hvd0NhcHRpb24gPSB0cnVlO1xuICAgIHB1YmxpYyB0eXBlOiBhbnk7XG5cbiAgICBwdWJsaWMgZ2V0IHNwaW5uZXJNZXNzYWdlcygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NwaW5uZXJNZXNzYWdlcztcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IHNwaW5uZXJNZXNzYWdlcyhuZXdWYWwpIHtcbiAgICAgICAgdGhpcy5zaG93Q2FwdGlvbiA9IGlzRW1wdHkobmV3VmFsKTtcbiAgICAgICAgdGhpcy5fc3Bpbm5lck1lc3NhZ2VzID0gbmV3VmFsO1xuICAgIH1cblxuICAgIHByaXZhdGUgbGlzdGVuT25EYXRhU291cmNlKCkge1xuICAgICAgICBjb25zdCB2YXJpYWJsZXMgPSBzcGxpdCh0aGlzLnNlcnZpY2V2YXJpYWJsZXRvdHJhY2ssICcsJyk7XG4gICAgICAgIHRoaXMuZ2V0QXBwSW5zdGFuY2UoKS5zdWJzY3JpYmUoJ3RvZ2dsZS12YXJpYWJsZS1zdGF0ZScsIGRhdGEgPT4ge1xuICAgICAgICAgICAgY29uc3QgbmFtZSA9IGRhdGEudmFyaWFibGUuZXhlY3V0ZShEYXRhU291cmNlLk9wZXJhdGlvbi5HRVRfTkFNRSk7XG4gICAgICAgICAgICBpZiAoaW5jbHVkZXModmFyaWFibGVzLCBuYW1lKSAmJiB2YWxpZGF0ZURhdGFTb3VyY2VDdHgoZGF0YS52YXJpYWJsZSwgdGhpcy5nZXRWaWV3UGFyZW50KCkpKSB7XG4gICAgICAgICAgICAgICAgdGhpcy53aWRnZXQuc2hvdyA9IGRhdGEuYWN0aXZlO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBjb25zdHJ1Y3Rvcihpbmo6IEluamVjdG9yLCBwcml2YXRlIGltYWdlUGlwZTogSW1hZ2VQaXBlLCBASW5qZWN0KCdFWFBMSUNJVF9DT05URVhUJykgQE9wdGlvbmFsKCkgZXhwbGljaXRDb250ZXh0OiBhbnkpIHtcbiAgICAgICAgc3VwZXIoaW5qLCBXSURHRVRfQ09ORklHLCBleHBsaWNpdENvbnRleHQpO1xuICAgICAgICBzdHlsZXIodGhpcy5uYXRpdmVFbGVtZW50LCB0aGlzKTtcbiAgICB9XG5cbiAgICBvblByb3BlcnR5Q2hhbmdlKGtleTogc3RyaW5nLCBudjogYW55LCBvdj86IGFueSkge1xuICAgICAgICBpZiAoa2V5ID09PSAnaW1hZ2UnKSB7XG4gICAgICAgICAgICB0aGlzLnBpY3R1cmUgPSB0aGlzLmltYWdlUGlwZS50cmFuc2Zvcm0obnYpO1xuICAgICAgICB9IGVsc2UgaWYgKGtleSA9PT0gJ2FuaW1hdGlvbicpIHtcbiAgICAgICAgICAgIGlmIChudiA9PT0gJ3NwaW4nKSB7XG4gICAgICAgICAgICAgICAgdGhpcy5hbmltYXRpb24gPSAnZmEtc3Bpbic7XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIHRoaXMuYW5pbWF0aW9uID0gbnYgfHwgJyc7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBzdXBlci5vblByb3BlcnR5Q2hhbmdlKGtleSwgbnYsIG92KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICAvLyBpZiB2YXJpYWJsZXMgYXJlIHRvIGJlIGxpc3RlbmVkIHRvLCBoaWRlIHRoZSB3aWRnZXQgYW5kIHNldCB0aGUgbGlzdGVuZXJcbiAgICAgICAgaWYgKHRoaXMuc2VydmljZXZhcmlhYmxldG90cmFjaykge1xuICAgICAgICAgICAgdGhpcy53aWRnZXQuc2hvdyA9IGZhbHNlO1xuICAgICAgICAgICAgdGhpcy5saXN0ZW5PbkRhdGFTb3VyY2UoKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzcGlubmVyLW1lc3NhZ2VcIj5cbiAgQGlmICh0eXBlID09PSAnaW1hZ2UnKSB7XG4gICAgPHNwYW4gY2xhc3M9XCJzcGlubmVyLWltYWdlIGFuaW1hdGVkIGluZmluaXRlXCIgW25nQ2xhc3NdPVwiYW5pbWF0aW9uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCJcbiAgICAgIFtuZ1N0eWxlXT1cInt3aWR0aDogaW1hZ2V3aWR0aCwgaGVpZ2h0OiBpbWFnZWhlaWdodCwgYmFja2dyb3VuZEltYWdlOiAndXJsKCcgKyBwaWN0dXJlICsgJyknLCBiYWNrZ3JvdW5kU2l6ZTogaW1hZ2V3aWR0aH1cIlxuICAgID48L3NwYW4+XG4gIH1cbiAgQGlmICh0eXBlID09PSAnaWNvbicpIHtcbiAgICA8aSBjbGFzcz1cInNwaW5uZXItaW1hZ2UgYW5pbWF0ZWQgaW5maW5pdGVcIiBhcmlhLWhpZGRlbj1cInRydWVcIiBbbmdDbGFzc109XCJbaWNvbmNsYXNzLCBhbmltYXRpb25dXCIgW3N0eWxlLmZvblNpemVdPVwiaWNvbnNpemVcIj48L2k+XG4gIH1cbiAgQGlmIChzaG93Q2FwdGlvbikge1xuICAgIDxzcGFuIGNsYXNzPVwic3Bpbm5lci10ZXh0XCIgW2lubmVySFRNTF09XCJjYXB0aW9uXCI+PC9zcGFuPlxuICB9XG4gIEBpZiAoIXNob3dDYXB0aW9uICYmIHNwaW5uZXJNZXNzYWdlcykge1xuICAgIDxkaXYgY2xhc3M9XCJzcGlubmVyLW1lc3NhZ2VzXCI+XG4gICAgICBAZm9yICh2YWx1ZSBvZiBzcGlubmVyTWVzc2FnZXM7IHRyYWNrIHZhbHVlKSB7XG4gICAgICAgIDxwIFt0ZXh0Q29udGVudF09XCJ2YWx1ZVwiPjwvcD5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bpbm5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYmFzaWMvc3Bpbm5lci9zcmMvc3Bpbm5lci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3dpZGdldHMvYmFzaWMvc3Bpbm5lci9zcmMvc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDM0QsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFxQixRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFdkYsT0FBTyxFQUFDLFVBQVUsRUFBRSxxQkFBcUIsRUFBQyxNQUFNLFVBQVUsQ0FBQztBQUMzRCxPQUFPLEVBQWlCLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUU5RyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFDLE1BQU0sV0FBVyxDQUFDOzs7O0FBRW5ELE1BQU0sV0FBVyxHQUFHLGFBQWEsQ0FBQztBQUNsQyxNQUFNLGFBQWEsR0FBa0IsRUFBQyxVQUFVLEVBQUUsWUFBWSxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUMsQ0FBQztBQVl4RixNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsaUJBQWlCO2FBQzVDLG9CQUFlLEdBQUcsYUFBYSxFQUFFLEFBQWxCLENBQW1CO0lBYXpDLElBQVcsZUFBZTtRQUN0QixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQztJQUNqQyxDQUFDO0lB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LGdCQUFnQjtrQkFWNUIsU0FBUztpQ0FDSSxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsb0JBQW9CLENBQUMsWUFDakMsYUFBYSxhQUVaO3dCQUNQLGtCQUFrQixrQkFBa0I7cUJBQ3ZDLFlBQ1MsV0FBVzs7MEJBcUNxQyxNQUFNOzJCQUFDLGtCQUFrQjs7MEJBQUcsUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBUZXh0Q29udGVudERpcmVjdGl2ZSB9IGZyb20gXCJAd20vY29tcG9uZW50cy9iYXNlXCI7XG5pbXBvcnQge0NvbXBvbmVudCwgSW5qZWN0LCBJbmplY3RvciwgT25Jbml0LCBPbkRlc3Ryb3ksIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtEYXRhU291cmNlLCB2YWxpZGF0ZURhdGFTb3VyY2VDdHh9IGZyb20gJ0B3bS9jb3JlJztcbmltcG9ydCB7IElXaWRnZXRDb25maWcsIHByb3ZpZGVBc1dpZGdldFJlZiwgU3R5bGFibGVDb21wb25lbnQsIHN0eWxlciwgSW1hZ2VQaXBlIH0gZnJvbSAnQHdtL2NvbXBvbmVudHMvYmFzZSc7XG5cbmltcG9ydCB7IHJlZ2lzdGVyUHJvcHMgfSBmcm9tICcuL3NwaW5uZXIucHJvcHMnO1xuaW1wb3J0IHtpbmNsdWRlcywgaXNFbXB0eSwgc3BsaXR9IGZyb20gXCJsb2Rhc2gtZXNcIjtcblxuY29uc3QgREVGQVVMVF9DTFMgPSAnYXBwLXNwaW5uZXInO1xuY29uc3QgV0lER0VUX0NPTkZJRzogSVdpZGdldENvbmZpZyA9IHt3aWRnZXRUeXBlOiAnd20tc3Bpbm5lcicsIGhvc3RDbGFzczogREVGQVVMVF9DTFN9O1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgVGV4dENvbnRlbnREaXJlY3RpdmVdLFxuICAgIHNlbGVjdG9yOiAnW3dtU3Bpbm5lcl0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zcGlubmVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgcHJvdmlkZUFzV2lkZ2V0UmVmKFNwaW5uZXJDb21wb25lbnQpXG4gICAgXSxcbiAgICBleHBvcnRBczogJ3dtU3Bpbm5lcidcbn0pXG5leHBvcnQgY2xhc3MgU3Bpbm5lckNvbXBvbmVudCBleHRlbmRzIFN0eWxhYmxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAgIHN0YXRpYyBpbml0aWFsaXplUHJvcHMgPSByZWdpc3RlclByb3BzKCk7XG5cbiAgICBwdWJsaWMgaWNvbmNsYXNzID0gJyc7XG4gICAgcHVibGljIGFuaW1hdGlvbiA9ICcnO1xuICAgIHB1YmxpYyBpbWFnZXdpZHRoO1xuICAgIHB1YmxpYyBpbWFnZWhlaWdodDtcbiAgICBwdWJsaWMgc2VydmljZXZhcmlhYmxldG90cmFjazogc3RyaW5nO1xuICAgIHB1YmxpYyBzaG93OiBib29sZWFuO1xuICAgIHByaXZhdGUgcGljdHVyZTogc3RyaW5nO1xuICAgIHByaXZhdGUgX3NwaW5uZXJNZXNzYWdlcztcbiAgICBwdWJsaWMgc2hvd0NhcHRpb24gPSB0cnVlO1xuICAgIHB1YmxpYyB0eXBlOiBhbnk7XG5cbiAgICBwdWJsaWMgZ2V0IHNwaW5uZXJNZXNzYWdlcygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NwaW5uZXJNZXNzYWdlcztcbiAgICB9XG5cbiAgICBwdWJsaWMgc2V0IHNwaW5uZXJNZXNzYWdlcyhuZXdWYWwpIHtcbiAgICAgICAgdGhpcy5zaG93Q2FwdGlvbiA9IGlzRW1wdHkobmV3VmFsKTtcbiAgICAgICAgdGhpcy5fc3Bpbm5lck1lc3NhZ2VzID0gbmV3VmFsO1xuICAgIH1cblxuICAgIHByaXZhdGUgdG9nZ2xlVmFyaWFibGVTdGF0ZVN1YnNjcmlwdGlvbjogYW55O1xuXG4gICAgcHJpdmF0ZSBsaXN0ZW5PbkRhdGFTb3VyY2UoKSB7XG4gICAgICAgIGNvbnN0IHZhcmlhYmxlcyA9IHNwbGl0KHRoaXMuc2VydmljZXZhcmlhYmxldG90cmFjaywgJywnKTtcbiAgICAgICAgdGhpcy50b2dnbGVWYXJpYWJsZVN0YXRlU3Vic2NyaXB0aW9uID0gdGhpcy5nZXRBcHBJbnN0YW5jZSgpLnN1YnNjcmliZSgndG9nZ2xlLXZhcmlhYmxlLXN0YXRlJywgZGF0YSA9PiB7XG4gICAgICAgICAgICBjb25zdCBuYW1lID0gZGF0YS52YXJpYWJsZS5leGVjdXRlKERhdGFTb3VyY2UuT3BlcmF0aW9uLkdFVF9OQU1FKTtcbiAgICAgICAgICAgIGlmIChpbmNsdWRlcyh2YXJpYWJsZXMsIG5hbWUpICYmIHZhbGlkYXRlRGF0YVNvdXJjZUN0eChkYXRhLnZhcmlhYmxlLCB0aGlzLmdldFZpZXdQYXJlbnQoKSkpIHtcbiAgICAgICAgICAgICAgICB0aGlzLndpZGdldC5zaG93ID0gZGF0YS5hY3RpdmU7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIGNvbnN0cnVjdG9yKGluajogSW5qZWN0b3IsIHByaXZhdGUgaW1hZ2VQaXBlOiBJbWFnZVBpcGUsIEBJbmplY3QoJ0VYUExJQ0lUX0NPTlRFWFQnKSBAT3B0aW9uYWwoKSBleHBsaWNpdENvbnRleHQ6IGFueSkge1xuICAgICAgICBzdXBlcihpbmosIFdJREdFVF9DT05GSUcsIGV4cGxpY2l0Q29udGV4dCk7XG4gICAgICAgIHN0eWxlcih0aGlzLm5hdGl2ZUVsZW1lbnQsIHRoaXMpO1xuICAgIH1cblxuICAgIG9uUHJvcGVydHlDaGFuZ2Uoa2V5OiBzdHJpbmcsIG52OiBhbnksIG92PzogYW55KSB7XG4gICAgICAgIGlmIChrZXkgPT09ICdpbWFnZScpIHtcbiAgICAgICAgICAgIHRoaXMucGljdHVyZSA9IHRoaXMuaW1hZ2VQaXBlLnRyYW5zZm9ybShudik7XG4gICAgICAgIH0gZWxzZSBpZiAoa2V5ID09PSAnYW5pbWF0aW9uJykge1xuICAgICAgICAgICAgaWYgKG52ID09PSAnc3BpbicpIHtcbiAgICAgICAgICAgICAgICB0aGlzLmFuaW1hdGlvbiA9ICdmYS1zcGluJztcbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgdGhpcy5hbmltYXRpb24gPSBudiB8fCAnJztcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHN1cGVyLm9uUHJvcGVydHlDaGFuZ2Uoa2V5LCBudiwgb3YpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIC8vIGlmIHZhcmlhYmxlcyBhcmUgdG8gYmUgbGlzdGVuZWQgdG8sIGhpZGUgdGhlIHdpZGdldCBhbmQgc2V0IHRoZSBsaXN0ZW5lclxuICAgICAgICBpZiAodGhpcy5zZXJ2aWNldmFyaWFibGV0b3RyYWNrKSB7XG4gICAgICAgICAgICB0aGlzLndpZGdldC5zaG93ID0gZmFsc2U7XG4gICAgICAgICAgICB0aGlzLmxpc3Rlbk9uRGF0YVNvdXJjZSgpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIC8vIE1FTU9SWSBMRUFLIEZJWDogVW5zdWJzY3JpYmUgZnJvbSB0b2dnbGUtdmFyaWFibGUtc3RhdGUgZXZlbnRcbiAgICAgICAgaWYgKHRoaXMudG9nZ2xlVmFyaWFibGVTdGF0ZVN1YnNjcmlwdGlvbikge1xuICAgICAgICAgICAgdGhpcy50b2dnbGVWYXJpYWJsZVN0YXRlU3Vic2NyaXB0aW9uKCk7XG4gICAgICAgICAgICB0aGlzLnRvZ2dsZVZhcmlhYmxlU3RhdGVTdWJzY3JpcHRpb24gPSBudWxsO1xuICAgICAgICB9XG5cbiAgICAgICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic3Bpbm5lci1tZXNzYWdlXCI+XG4gIEBpZiAodHlwZSA9PT0gJ2ltYWdlJykge1xuICAgIDxzcGFuIGNsYXNzPVwic3Bpbm5lci1pbWFnZSBhbmltYXRlZCBpbmZpbml0ZVwiIFtuZ0NsYXNzXT1cImFuaW1hdGlvblwiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgICBbbmdTdHlsZV09XCJ7d2lkdGg6IGltYWdld2lkdGgsIGhlaWdodDogaW1hZ2VoZWlnaHQsIGJhY2tncm91bmRJbWFnZTogJ3VybCgnICsgcGljdHVyZSArICcpJywgYmFja2dyb3VuZFNpemU6IGltYWdld2lkdGh9XCJcbiAgICA+PC9zcGFuPlxuICB9XG4gIEBpZiAodHlwZSA9PT0gJ2ljb24nKSB7XG4gICAgPGkgY2xhc3M9XCJzcGlubmVyLWltYWdlIGFuaW1hdGVkIGluZmluaXRlXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCIgW25nQ2xhc3NdPVwiW2ljb25jbGFzcywgYW5pbWF0aW9uXVwiIFtzdHlsZS5mb25TaXplXT1cImljb25zaXplXCI+PC9pPlxuICB9XG4gIEBpZiAoc2hvd0NhcHRpb24pIHtcbiAgICA8c3BhbiBjbGFzcz1cInNwaW5uZXItdGV4dFwiIFtpbm5lckhUTUxdPVwiY2FwdGlvblwiPjwvc3Bhbj5cbiAgfVxuICBAaWYgKCFzaG93Q2FwdGlvbiAmJiBzcGlubmVyTWVzc2FnZXMpIHtcbiAgICA8ZGl2IGNsYXNzPVwic3Bpbm5lci1tZXNzYWdlc1wiPlxuICAgICAgQGZvciAodmFsdWUgb2Ygc3Bpbm5lck1lc3NhZ2VzOyB0cmFjayB2YWx1ZSkge1xuICAgICAgICA8cCBbdGV4dENvbnRlbnRdPVwidmFsdWVcIj48L3A+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIH1cbjwvZGl2PlxuIl19

package/components/basic/spinner/fesm2022/index.mjs

@@ -39,7 +39,7 @@ class SpinnerComponent extends StylableComponent {
     }
     listenOnDataSource() {
         const variables = split(this.servicevariabletotrack, ',');
-        this.getAppInstance().subscribe('toggle-variable-state', data => {
+        this.toggleVariableStateSubscription = this.getAppInstance().subscribe('toggle-variable-state', data => {
             const name = data.variable.execute(DataSource.Operation.GET_NAME);
             if (includes(variables, name) && validateDataSourceCtx(data.variable, this.getViewParent())) {
                 this.widget.show = data.active;
@@ -78,6 +78,14 @@ class SpinnerComponent extends StylableComponent {
             this.listenOnDataSource();
         }
     }
+    ngOnDestroy() {
+        // MEMORY LEAK FIX: Unsubscribe from toggle-variable-state event
+        if (this.toggleVariableStateSubscription) {
+            this.toggleVariableStateSubscription();
+            this.toggleVariableStateSubscription = null;
+        }
+        super.ngOnDestroy();
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SpinnerComponent, deps: [{ token: i0.Injector }, { token: i1.ImagePipe }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SpinnerComponent, isStandalone: true, selector: "[wmSpinner]", providers: [
             provideAsWidgetRef(SpinnerComponent)

package/components/basic/spinner/fesm2022/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/spinner/src/spinner.props.ts","../../../../../projects/components/widgets/basic/spinner/src/spinner.component.ts","../../../../../projects/components/widgets/basic/spinner/src/spinner.component.html","../../../../../projects/components/widgets/basic/spinner/src/index.ts"],"sourcesContent":["import {PROP_BOOLEAN, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-spinner',\n        new Map(\n            [\n                ['animation', {value: 'spin', PROP_STRING}],\n                ['caption', {value: 'Loading...', ...PROP_STRING}],\n                ['class', PROP_STRING],\n                ['iconclass', {value: 'fa fa-circle-o-notch fa-spin', ...PROP_STRING}],\n                ['iconsize', PROP_STRING],\n                ['image', PROP_STRING],\n                ['imageheight', PROP_STRING],\n                ['imagewidth', {value: '20px', ...PROP_STRING}],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['type', {value: 'icon', ...PROP_STRING}],\n                ['servicevariabletotrack', PROP_STRING],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING]\n            ]\n        )\n    );\n};\n","import { CommonModule } from '@angular/common';\nimport { TextContentDirective } from \"@wm/components/base\";\nimport {Component, Inject, Injector, OnInit, Optional} from '@angular/core';\n\nimport {DataSource, validateDataSourceCtx} from '@wm/core';\nimport { IWidgetConfig, provideAsWidgetRef, StylableComponent, styler, ImagePipe } from '@wm/components/base';\n\nimport { registerProps } from './spinner.props';\nimport {includes, isEmpty, split} from \"lodash-es\";\n\nconst DEFAULT_CLS = 'app-spinner';\nconst WIDGET_CONFIG: IWidgetConfig = {widgetType: 'wm-spinner', hostClass: DEFAULT_CLS};\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, TextContentDirective],\n    selector: '[wmSpinner]',\n    templateUrl: './spinner.component.html',\n    providers: [\n        provideAsWidgetRef(SpinnerComponent)\n    ],\n    exportAs: 'wmSpinner'\n})\nexport class SpinnerComponent extends StylableComponent implements OnInit {\n    static initializeProps = registerProps();\n\n    public iconclass = '';\n    public animation = '';\n    public imagewidth;\n    public imageheight;\n    public servicevariabletotrack: string;\n    public show: boolean;\n    private picture: string;\n    private _spinnerMessages;\n    public showCaption = true;\n    public type: any;\n\n    public get spinnerMessages() {\n        return this._spinnerMessages;\n    }\n\n    public set spinnerMessages(newVal) {\n        this.showCaption = isEmpty(newVal);\n        this._spinnerMessages = newVal;\n    }\n\n    private listenOnDataSource() {\n        const variables = split(this.servicevariabletotrack, ',');\n        this.getAppInstance().subscribe('toggle-variable-state', data => {\n            const name = data.variable.execute(DataSource.Operation.GET_NAME);\n            if (includes(variables, name) && validateDataSourceCtx(data.variable, this.getViewParent())) {\n                this.widget.show = data.active;\n            }\n        });\n    }\n\n    constructor(inj: Injector, private imagePipe: ImagePipe, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'image') {\n            this.picture = this.imagePipe.transform(nv);\n        } else if (key === 'animation') {\n            if (nv === 'spin') {\n                this.animation = 'fa-spin';\n            } else {\n                this.animation = nv || '';\n            }\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n        // if variables are to be listened to, hide the widget and set the listener\n        if (this.servicevariabletotrack) {\n            this.widget.show = false;\n            this.listenOnDataSource();\n        }\n    }\n}\n","<div class=\"spinner-message\">\n  @if (type === 'image') {\n    <span class=\"spinner-image animated infinite\" [ngClass]=\"animation\" aria-hidden=\"true\"\n      [ngStyle]=\"{width: imagewidth, height: imageheight, backgroundImage: 'url(' + picture + ')', backgroundSize: imagewidth}\"\n    ></span>\n  }\n  @if (type === 'icon') {\n    <i class=\"spinner-image animated infinite\" aria-hidden=\"true\" [ngClass]=\"[iconclass, animation]\" [style.fonSize]=\"iconsize\"></i>\n  }\n  @if (showCaption) {\n    <span class=\"spinner-text\" [innerHTML]=\"caption\"></span>\n  }\n  @if (!showCaption && spinnerMessages) {\n    <div class=\"spinner-messages\">\n      @for (value of spinnerMessages; track value) {\n        <p [textContent]=\"value\"></p>\n      }\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;AAEO,MAAM,aAAa,GAAG,MAAK;AAC9B,IAAA,QAAQ,CACJ,YAAY,EACZ,IAAI,GAAG,CACH;QACI,CAAC,WAAW,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAC,CAAC;QAC3C,CAAC,SAAS,EAAE,EAAC,KAAK,EAAE,YAAY,EAAE,GAAG,WAAW,EAAC,CAAC;QAClD,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,WAAW,EAAE,EAAC,KAAK,EAAE,8BAA8B,EAAE,GAAG,WAAW,EAAC,CAAC;QACtE,CAAC,UAAU,EAAE,WAAW,CAAC;QACzB,CAAC,OAAO,EAAE,WAAW,CAAC;QACtB,CAAC,aAAa,EAAE,WAAW,CAAC;QAC5B,CAAC,YAAY,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,EAAC,CAAC;QAC/C,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,GAAG,YAAY,EAAC,CAAC;QACxC,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,EAAC,CAAC;QACzC,CAAC,wBAAwB,EAAE,WAAW,CAAC;QACvC,CAAC,MAAM,EAAE,WAAW,CAAC;QACrB,CAAC,WAAW,EAAE,WAAW;AAC5B,KAAA,CACJ,CACJ;AACL,CAAC;;ACdD,MAAM,WAAW,GAAG,aAAa;AACjC,MAAM,aAAa,GAAkB,EAAC,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAC;AAYjF,MAAO,gBAAiB,SAAQ,iBAAiB,CAAA;AAC5C,IAAA,SAAA,IAAA,CAAA,eAAe,GAAG,aAAa,EAAhB,CAAmB;AAazC,IAAA,IAAW,eAAe,GAAA;QACtB,OAAO,IAAI,CAAC,gBAAgB;IAChC;IAEA,IAAW,eAAe,CAAC,MAAM,EAAA;AAC7B,QAAA,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC;AAClC,QAAA,IAAI,CAAC,gBAAgB,GAAG,MAAM;IAClC;IAEQ,kBAAkB,GAAA;QACtB,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC;QACzD,IAAI,CAAC,cAAc,EAAE,CAAC,SAAS,CAAC,uBAAuB,EAAE,IAAI,IAAG;AAC5D,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC,SAAS,CAAC,QAAQ,CAAC;AACjE,YAAA,IAAI,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,EAAE;gBACzF,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,MAAM;YAClC;AACJ,QAAA,CAAC,CAAC;IACN;AAEA,IAAA,WAAA,CAAY,GAAa,EAAU,SAAoB,EAA0C,eAAoB,EAAA;AACjH,QAAA,KAAK,CAAC,GAAG,EAAE,aAAa,EAAE,eAAe,CAAC;QADX,IAAA,CAAA,SAAS,GAAT,SAAS;QA9BrC,IAAA,CAAA,SAAS,GAAG,EAAE;QACd,IAAA,CAAA,SAAS,GAAG,EAAE;QAOd,IAAA,CAAA,WAAW,GAAG,IAAI;AAwBrB,QAAA,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC;IACpC;AAEA,IAAA,gBAAgB,CAAC,GAAW,EAAE,EAAO,EAAE,EAAQ,EAAA;AAC3C,QAAA,IAAI,GAAG,KAAK,OAAO,EAAE;YACjB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,EAAE,CAAC;QAC/C;AAAO,aAAA,IAAI,GAAG,KAAK,WAAW,EAAE;AAC5B,YAAA,IAAI,EAAE,KAAK,MAAM,EAAE;AACf,gBAAA,IAAI,CAAC,SAAS,GAAG,SAAS;YAC9B;iBAAO;AACH,gBAAA,IAAI,CAAC,SAAS,GAAG,EAAE,IAAI,EAAE;YAC7B;QACJ;aAAO;YACH,KAAK,CAAC,gBAAgB,CAAC,GAAG,EAAE,EAAE,EAAE,EAAE,CAAC;QACvC;IACJ;IAEA,QAAQ,GAAA;QACJ,KAAK,CAAC,QAAQ,EAAE;;AAEhB,QAAA,IAAI,IAAI,CAAC,sBAAsB,EAAE;AAC7B,YAAA,IAAI,CAAC,MAAM,CAAC,IAAI,GAAG,KAAK;YACxB,IAAI,CAAC,kBAAkB,EAAE;QAC7B;IACJ;AA3DS,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,mEAiCwC,kBAAkB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAjC1E,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,aAAA,EAAA,SAAA,EALd;YACP,kBAAkB,CAAC,gBAAgB;AACtC,SAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpBL,qxBAoBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDLY,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,oBAAoB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FAQjC,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAV5B,SAAS;iCACI,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAAA,QAAA,EACjC,aAAa,EAAA,SAAA,EAEZ;AACP,wBAAA,kBAAkB,CAAA,gBAAA;AACrB,qBAAA,EAAA,QAAA,EACS,WAAW,EAAA,QAAA,EAAA,qxBAAA,EAAA;;0BAmCqC,MAAM;2BAAC,kBAAkB;;0BAAG;;;AExD1F;;AAEG;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../projects/components/widgets/basic/spinner/src/spinner.props.ts","../../../../../projects/components/widgets/basic/spinner/src/spinner.component.ts","../../../../../projects/components/widgets/basic/spinner/src/spinner.component.html","../../../../../projects/components/widgets/basic/spinner/src/index.ts"],"sourcesContent":["import {PROP_BOOLEAN, PROP_STRING, register} from '@wm/components/base';\n\nexport const registerProps = () => {\n    register(\n        'wm-spinner',\n        new Map(\n            [\n                ['animation', {value: 'spin', PROP_STRING}],\n                ['caption', {value: 'Loading...', ...PROP_STRING}],\n                ['class', PROP_STRING],\n                ['iconclass', {value: 'fa fa-circle-o-notch fa-spin', ...PROP_STRING}],\n                ['iconsize', PROP_STRING],\n                ['image', PROP_STRING],\n                ['imageheight', PROP_STRING],\n                ['imagewidth', {value: '20px', ...PROP_STRING}],\n                ['name', PROP_STRING],\n                ['show', {value: true, ...PROP_BOOLEAN}],\n                ['type', {value: 'icon', ...PROP_STRING}],\n                ['servicevariabletotrack', PROP_STRING],\n                ['hint', PROP_STRING],\n                ['arialabel', PROP_STRING]\n            ]\n        )\n    );\n};\n","import { CommonModule } from '@angular/common';\nimport { TextContentDirective } from \"@wm/components/base\";\nimport {Component, Inject, Injector, OnInit, OnDestroy, Optional} from '@angular/core';\n\nimport {DataSource, validateDataSourceCtx} from '@wm/core';\nimport { IWidgetConfig, provideAsWidgetRef, StylableComponent, styler, ImagePipe } from '@wm/components/base';\n\nimport { registerProps } from './spinner.props';\nimport {includes, isEmpty, split} from \"lodash-es\";\n\nconst DEFAULT_CLS = 'app-spinner';\nconst WIDGET_CONFIG: IWidgetConfig = {widgetType: 'wm-spinner', hostClass: DEFAULT_CLS};\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, TextContentDirective],\n    selector: '[wmSpinner]',\n    templateUrl: './spinner.component.html',\n    providers: [\n        provideAsWidgetRef(SpinnerComponent)\n    ],\n    exportAs: 'wmSpinner'\n})\nexport class SpinnerComponent extends StylableComponent implements OnInit, OnDestroy {\n    static initializeProps = registerProps();\n\n    public iconclass = '';\n    public animation = '';\n    public imagewidth;\n    public imageheight;\n    public servicevariabletotrack: string;\n    public show: boolean;\n    private picture: string;\n    private _spinnerMessages;\n    public showCaption = true;\n    public type: any;\n\n    public get spinnerMessages() {\n        return this._spinnerMessages;\n    }\n\n    public set spinnerMessages(newVal) {\n        this.showCaption = isEmpty(newVal);\n        this._spinnerMessages = newVal;\n    }\n\n    private toggleVariableStateSubscription: any;\n\n    private listenOnDataSource() {\n        const variables = split(this.servicevariabletotrack, ',');\n        this.toggleVariableStateSubscription = this.getAppInstance().subscribe('toggle-variable-state', data => {\n            const name = data.variable.execute(DataSource.Operation.GET_NAME);\n            if (includes(variables, name) && validateDataSourceCtx(data.variable, this.getViewParent())) {\n                this.widget.show = data.active;\n            }\n        });\n    }\n\n    constructor(inj: Injector, private imagePipe: ImagePipe, @Inject('EXPLICIT_CONTEXT') @Optional() explicitContext: any) {\n        super(inj, WIDGET_CONFIG, explicitContext);\n        styler(this.nativeElement, this);\n    }\n\n    onPropertyChange(key: string, nv: any, ov?: any) {\n        if (key === 'image') {\n            this.picture = this.imagePipe.transform(nv);\n        } else if (key === 'animation') {\n            if (nv === 'spin') {\n                this.animation = 'fa-spin';\n            } else {\n                this.animation = nv || '';\n            }\n        } else {\n            super.onPropertyChange(key, nv, ov);\n        }\n    }\n\n    ngOnInit() {\n        super.ngOnInit();\n        // if variables are to be listened to, hide the widget and set the listener\n        if (this.servicevariabletotrack) {\n            this.widget.show = false;\n            this.listenOnDataSource();\n        }\n    }\n\n    ngOnDestroy() {\n        // MEMORY LEAK FIX: Unsubscribe from toggle-variable-state event\n        if (this.toggleVariableStateSubscription) {\n            this.toggleVariableStateSubscription();\n            this.toggleVariableStateSubscription = null;\n        }\n\n        super.ngOnDestroy();\n    }\n}\n","<div class=\"spinner-message\">\n  @if (type === 'image') {\n    <span class=\"spinner-image animated infinite\" [ngClass]=\"animation\" aria-hidden=\"true\"\n      [ngStyle]=\"{width: imagewidth, height: imageheight, backgroundImage: 'url(' + picture + ')', backgroundSize: imagewidth}\"\n    ></span>\n  }\n  @if (type === 'icon') {\n    <i class=\"spinner-image animated infinite\" aria-hidden=\"true\" [ngClass]=\"[iconclass, animation]\" [style.fonSize]=\"iconsize\"></i>\n  }\n  @if (showCaption) {\n    <span class=\"spinner-text\" [innerHTML]=\"caption\"></span>\n  }\n  @if (!showCaption && spinnerMessages) {\n    <div class=\"spinner-messages\">\n      @for (value of spinnerMessages; track value) {\n        <p [textContent]=\"value\"></p>\n      }\n    </div>\n  }\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}

package/components/basic/spinner/spinner.component.d.ts

@@ -1,7 +1,7 @@
-import { Injector, OnInit } from '@angular/core';
+import { Injector, OnInit, OnDestroy } from '@angular/core';
 import { StylableComponent, ImagePipe } from '@wm/components/base';
 import * as i0 from "@angular/core";
-export declare class SpinnerComponent extends StylableComponent implements OnInit {
+export declare class SpinnerComponent extends StylableComponent implements OnInit, OnDestroy {
     private imagePipe;
     static initializeProps: void;
     iconclass: string;
@@ -16,10 +16,12 @@ export declare class SpinnerComponent extends StylableComponent implements OnIni
     type: any;
     get spinnerMessages(): any;
     set spinnerMessages(newVal: any);
+    private toggleVariableStateSubscription;
     private listenOnDataSource;
     constructor(inj: Injector, imagePipe: ImagePipe, explicitContext: any);
     onPropertyChange(key: string, nv: any, ov?: any): void;
     ngOnInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, [null, null, { optional: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "[wmSpinner]", ["wmSpinner"], {}, {}, never, never, true, never>;
 }

package/components/chart/bundles/index.umd.js

@@ -1699,9 +1699,27 @@
         ngOnDestroy() {
             // destroy all subscriptions to prevent memory leak.
             this.hideTooltip();
-            this._subsciptions.forEach((subscription) => {
-                subscription();
-            });
+            // MEMORY LEAK FIX: Unsubscribe from all subscriptions
+            if (this._subsciptions) {
+                this._subsciptions.forEach((subscription) => {
+                    subscription();
+                });
+                this._subsciptions = [];
+            }
+            // MEMORY LEAK FIX: Clear chart instance
+            if (this.chart) {
+                this.chart = null;
+            }
+            // MEMORY LEAK FIX: Remove resize handler if exists
+            if (this._resizeFn) {
+                this._resizeFn = null;
+            }
+            // MEMORY LEAK FIX: Clear array references
+            this.chartData = [];
+            this._processedData = [];
+            this.sampleData = [];
+            this.xDataKeyArr = [];
+            this.nonPrimaryColumns = [];
             super.ngOnDestroy();
         }
         static { this.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0__namespace, type: ChartComponent, deps: [{ token: i0__namespace.Injector }, { token: i1__namespace.App }, { token: 'EXPLICIT_CONTEXT', optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component }); }