matcha-components 19.42.0 → 19.43.0

package/fesm2022/matcha-components.mjs

@@ -658,35 +658,46 @@ const createAnimations = [
 class MatchaAccordionItemComponent {
     constructor() {
         this._stretch = false;
+        this._isOpen = false;
         this.toggle = new EventEmitter();
-        this.isOpen = false;
+    }
+    set stretch(value) {
+        this._stretch = value != null && `${value}` !== 'false';
     }
     get stretch() {
         return this._stretch;
     }
-    set stretch(value) {
-        this._stretch = value;
+    set isOpen(value) {
+        this._isOpen = value != null && `${value}` !== 'false';
+    }
+    get isOpen() {
+        return this._isOpen;
+    }
+    ngOnInit() {
+        this.toggle.emit(this.isOpen);
     }
     toggleAccordion() {
         this.isOpen = !this.isOpen;
         this.toggle.emit(this.isOpen);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MatchaAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MatchaAccordionItemComponent, isStandalone: false, selector: "matcha-accordion-item", inputs: { stretch: "stretch" }, outputs: { toggle: "openedChange" }, ngImport: i0, template: "<div class=\"accordion-item flex-column overflow-hidden\">\n    <div class=\"accordion-header d-flex\">\n        <div class=\"d-flex accordion-header-wrapper\" (click)=\"toggleAccordion()\">\n            <ng-content select=\"matcha-accordion-header\"></ng-content>\n        </div>\n    </div>\n    <div class=\"accordion-content overflow-hidden\" [@expandCollapse]=\"isOpen ? '*' : 'void'\">\n        <ng-content select=\"matcha-accordion-content\"></ng-content>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [""], animations: [...createAnimations] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MatchaAccordionItemComponent, isStandalone: false, selector: "matcha-accordion-item", inputs: { stretch: "stretch", isOpen: "isOpen" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "<div class=\"accordion-item flex-column overflow-hidden\">\n    <div class=\"accordion-header d-flex\">\n        <div class=\"d-flex accordion-header-wrapper\" (click)=\"toggleAccordion()\">\n            <ng-content select=\"matcha-accordion-header\"></ng-content>\n        </div>\n    </div>\n    <div class=\"accordion-content overflow-hidden\" [@expandCollapse]=\"isOpen ? '*' : 'void'\">\n        <ng-content select=\"matcha-accordion-content\"></ng-content>\n        <ng-content></ng-content>\n    </div>\n</div>\n", styles: [""], animations: [...createAnimations] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MatchaAccordionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'matcha-accordion-item', standalone: false, animations: [...createAnimations], template: "<div class=\"accordion-item flex-column overflow-hidden\">\n    <div class=\"accordion-header d-flex\">\n        <div class=\"d-flex accordion-header-wrapper\" (click)=\"toggleAccordion()\">\n            <ng-content select=\"matcha-accordion-header\"></ng-content>\n        </div>\n    </div>\n    <div class=\"accordion-content overflow-hidden\" [@expandCollapse]=\"isOpen ? '*' : 'void'\">\n        <ng-content select=\"matcha-accordion-content\"></ng-content>\n        <ng-content></ng-content>\n    </div>\n</div>\n" }]
         }], propDecorators: { stretch: [{
                 type: Input
+            }], isOpen: [{
+                type: Input
             }], toggle: [{
-                type: Output,
-                args: ['openedChange']
+                type: Output
             }] } });
 
 class MatchaAccordionComponent {
     constructor() {
         this._multiple = false;
+        this.openedChange = new EventEmitter();
     }
     // Se multiple for true, permite abrir vários itens simultaneamente.
     set multiple(value) {
@@ -698,8 +709,10 @@ class MatchaAccordionComponent {
     }
     ngAfterContentInit() {
         this.items.forEach(item => {
-            item.toggle.subscribe(() => {
+            item.toggle.subscribe((isOpen) => {
+                console.log('Accordion: Item toggled, isOpen:', isOpen);
                 this.toggleItem(item);
+                this.openedChange.emit(isOpen);
             });
         });
     }
@@ -714,13 +727,16 @@ class MatchaAccordionComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MatchaAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MatchaAccordionComponent, isStandalone: false, selector: "matcha-accordion", inputs: { multiple: "multiple" }, queries: [{ propertyName: "items", predicate: MatchaAccordionItemComponent }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MatchaAccordionComponent, isStandalone: false, selector: "matcha-accordion", inputs: { multiple: "multiple" }, outputs: { openedChange: "openedChange" }, queries: [{ propertyName: "items", predicate: MatchaAccordionItemComponent }], ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MatchaAccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'matcha-accordion', standalone: false, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { multiple: [{
                 type: Input
+            }], openedChange: [{
+                type: Output,
+                args: ['openedChange']
             }], items: [{
                 type: ContentChildren,
                 args: [MatchaAccordionItemComponent]