@recursyve/nice-ui-kit.v2 13.2.0-beta.120 → 13.2.0-beta.122

package/fesm2020/recursyve-nice-ui-kit.v2.mjs

@@ -3562,21 +3562,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImpor
 
 class NiceCollapsableComponent {
     constructor() {
+        this.openChange = new EventEmitter();
+        this.unsubscribeAll$ = new Subject();
         this.control = new FormControl(false);
     }
+    ngOnInit() {
+        this.control.valueChanges.pipe(takeUntil(this.unsubscribeAll$)).subscribe(open => this.openChange.emit(open));
+    }
     ngOnChanges(changes) {
         if ("open" in changes) {
             this.control.patchValue(this.open);
         }
     }
+    ngOnDestroy() {
+        this.unsubscribeAll$.next();
+        this.unsubscribeAll$.complete();
+    }
 }
 NiceCollapsableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceCollapsableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NiceCollapsableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: NiceCollapsableComponent, selector: "nice-collapsable", inputs: { open: "open" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"collapse\">\n    <input type=\"checkbox\" class=\"peer cursor-pointer\" [formControl]=\"control\"/>\n    <div class=\"collapse-title\">\n        <ng-content select=\"[niceCollapsableTitle]\"></ng-content>\n    </div>\n    <div class=\"collapse-content\">\n        <div class=\"content\">\n            <ng-content select=\"[niceCollapsableContent]\"></ng-content>\n        </div>\n    </div>\n</div>\n", styles: ["nice-collapsable .collapse.collapse{@apply visible;}nice-collapsable .collapse{@apply relative grid overflow-hidden;}nice-collapsable .collapse-title,nice-collapsable .collapse>input[type=checkbox],nice-collapsable .collapse-content{@apply col-start-1 row-start-1;}nice-collapsable .collapse>input[type=checkbox]{@apply opacity-0;-moz-appearance:none;appearance:none;-webkit-appearance:none;-ms-progress-appearance:none}nice-collapsable .collapse-content{@apply row-start-2 overflow-hidden;max-height:0px}nice-collapsable .collapse-open .collapse-content,nice-collapsable .collapse:focus:not(.collapse-close) .collapse-content,nice-collapsable .collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content{max-height:9000px}\n"], directives: [{ type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+NiceCollapsableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.3", type: NiceCollapsableComponent, selector: "nice-collapsable", inputs: { open: "open" }, outputs: { openChange: "openChange" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"collapse\">\n    <input type=\"checkbox\" class=\"peer cursor-pointer\" [formControl]=\"control\"/>\n    <div class=\"collapse-title\">\n        <ng-content select=\"[niceCollapsableTitle]\"></ng-content>\n    </div>\n    <div class=\"collapse-content\">\n        <div class=\"content\">\n            <ng-content select=\"[niceCollapsableContent]\"></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [""], directives: [{ type: i1$2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.3", ngImport: i0, type: NiceCollapsableComponent, decorators: [{
             type: Component,
-            args: [{ selector: "nice-collapsable", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"collapse\">\n    <input type=\"checkbox\" class=\"peer cursor-pointer\" [formControl]=\"control\"/>\n    <div class=\"collapse-title\">\n        <ng-content select=\"[niceCollapsableTitle]\"></ng-content>\n    </div>\n    <div class=\"collapse-content\">\n        <div class=\"content\">\n            <ng-content select=\"[niceCollapsableContent]\"></ng-content>\n        </div>\n    </div>\n</div>\n", styles: ["nice-collapsable .collapse.collapse{@apply visible;}nice-collapsable .collapse{@apply relative grid overflow-hidden;}nice-collapsable .collapse-title,nice-collapsable .collapse>input[type=checkbox],nice-collapsable .collapse-content{@apply col-start-1 row-start-1;}nice-collapsable .collapse>input[type=checkbox]{@apply opacity-0;-moz-appearance:none;appearance:none;-webkit-appearance:none;-ms-progress-appearance:none}nice-collapsable .collapse-content{@apply row-start-2 overflow-hidden;max-height:0px}nice-collapsable .collapse-open .collapse-content,nice-collapsable .collapse:focus:not(.collapse-close) .collapse-content,nice-collapsable .collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content{max-height:9000px}\n"] }]
+            args: [{ selector: "nice-collapsable", encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"collapse\">\n    <input type=\"checkbox\" class=\"peer cursor-pointer\" [formControl]=\"control\"/>\n    <div class=\"collapse-title\">\n        <ng-content select=\"[niceCollapsableTitle]\"></ng-content>\n    </div>\n    <div class=\"collapse-content\">\n        <div class=\"content\">\n            <ng-content select=\"[niceCollapsableContent]\"></ng-content>\n        </div>\n    </div>\n</div>\n", styles: [""] }]
         }], propDecorators: { open: [{
                 type: Input
+            }], openChange: [{
+                type: Output
             }] } });
 
 class NiceCollapsableModule {