otimus-library 0.3.64 → 0.3.65

package/fesm2022/otimus-library.mjs

@@ -2391,13 +2391,33 @@ class OcAccordionComponent {
         this.styleThemeService = styleThemeService;
         this.ocAlternate = true;
         this.ocStyle = 'otimus';
+        this.ocDynamicItems = false;
+        this.itemSubscriptions = [];
     }
     ngAfterViewInit() {
-        this.items.forEach((item, i) => {
+        this.subscribeToItems();
+        if (this.ocDynamicItems) {
+            this.changesSubscription = this.items.changes.subscribe(() => {
+                this.subscribeToItems();
+            });
+        }
+    }
+    ngOnDestroy() {
+        this.cleanupSubscriptions();
+        this.changesSubscription?.unsubscribe();
+    }
+    subscribeToItems() {
+        this.cleanupSubscriptions();
+        this.items.forEach((item) => {
             item.ocStyle = this.styleThemeService.getStyleTheme() || this.ocStyle;
-            item.closeAllItems.subscribe(() => this.closeAllItems());
+            const sub = item.closeAllItems.subscribe(() => this.closeAllItems());
+            this.itemSubscriptions.push(sub);
         });
     }
+    cleanupSubscriptions() {
+        this.itemSubscriptions.forEach((sub) => sub.unsubscribe());
+        this.itemSubscriptions = [];
+    }
     closeAllItems() {
         if (this.ocAlternate) {
             this.items.forEach((item) => (item.ocIsOpen = false));
@@ -2413,7 +2433,7 @@ class OcAccordionComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: OcAccordionComponent, deps: [{ token: StyleThemeService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: OcAccordionComponent, isStandalone: true, selector: "oc-accordion", inputs: { ocAlternate: "ocAlternate", ocCurrentIndex: "ocCurrentIndex", ocStyle: "ocStyle" }, queries: [{ propertyName: "items", predicate: OcAccordionItemComponent }], ngImport: i0, template: "<div>\n  <ng-content></ng-content>\n</div>", styles: [".oc-accordion{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: OcAccordionComponent, isStandalone: true, selector: "oc-accordion", inputs: { ocAlternate: "ocAlternate", ocCurrentIndex: "ocCurrentIndex", ocStyle: "ocStyle", ocDynamicItems: "ocDynamicItems" }, queries: [{ propertyName: "items", predicate: OcAccordionItemComponent }], ngImport: i0, template: "<div>\n  <ng-content></ng-content>\n</div>", styles: [".oc-accordion{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: OcAccordionComponent, decorators: [{
             type: Component,
@@ -2427,6 +2447,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImpor
                 type: Input
             }], ocStyle: [{
                 type: Input
+            }], ocDynamicItems: [{
+                type: Input
             }] } });
 
 class OcMessageComponent {