matcha-components 19.39.0 → 19.41.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -657,21 +657,27 @@ const createAnimations = [
|
|
|
657
657
|
|
|
658
658
|
class MatchaAccordionItemComponent {
|
|
659
659
|
constructor() {
|
|
660
|
-
this.
|
|
660
|
+
this._stretch = false;
|
|
661
661
|
this.toggle = new EventEmitter();
|
|
662
662
|
this.isOpen = false;
|
|
663
663
|
}
|
|
664
|
+
get stretch() {
|
|
665
|
+
return this._stretch;
|
|
666
|
+
}
|
|
667
|
+
set stretch(value) {
|
|
668
|
+
this._stretch = value;
|
|
669
|
+
}
|
|
664
670
|
toggleAccordion() {
|
|
665
671
|
this.isOpen = !this.isOpen;
|
|
666
672
|
this.toggle.emit(this.isOpen);
|
|
667
673
|
}
|
|
668
674
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MatchaAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
669
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MatchaAccordionItemComponent, isStandalone: false, selector: "matcha-accordion-item", inputs: {
|
|
675
|
+
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\" (click)=\"toggleAccordion()\">\n <ng-content select=\"matcha-accordion-header\"></ng-content>\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] }); }
|
|
670
676
|
}
|
|
671
677
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MatchaAccordionItemComponent, decorators: [{
|
|
672
678
|
type: Component,
|
|
673
|
-
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\"
|
|
674
|
-
}], propDecorators: {
|
|
679
|
+
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\" (click)=\"toggleAccordion()\">\n <ng-content select=\"matcha-accordion-header\"></ng-content>\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" }]
|
|
680
|
+
}], propDecorators: { stretch: [{
|
|
675
681
|
type: Input
|
|
676
682
|
}], toggle: [{
|
|
677
683
|
type: Output,
|
|
@@ -1723,11 +1729,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
1723
1729
|
|
|
1724
1730
|
class MatchaSpinComponent {
|
|
1725
1731
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MatchaSpinComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1726
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MatchaSpinComponent, isStandalone: false, selector: "matcha-spin", ngImport: i0, template: "<span class=\"rotate-infinity-1s i-matcha-action_reload i-size-md color-
|
|
1732
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: MatchaSpinComponent, isStandalone: false, selector: "matcha-spin", ngImport: i0, template: "<span class=\"rotate-infinity-1s i-matcha-action_reload i-size-md color-grey\"></span>\n", styles: [""] }); }
|
|
1727
1733
|
}
|
|
1728
1734
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: MatchaSpinComponent, decorators: [{
|
|
1729
1735
|
type: Component,
|
|
1730
|
-
args: [{ selector: 'matcha-spin', standalone: false, template: "<span class=\"rotate-infinity-1s i-matcha-action_reload i-size-md color-
|
|
1736
|
+
args: [{ selector: 'matcha-spin', standalone: false, template: "<span class=\"rotate-infinity-1s i-matcha-action_reload i-size-md color-grey\"></span>\n" }]
|
|
1731
1737
|
}] });
|
|
1732
1738
|
|
|
1733
1739
|
class MatchaTooltipDirective {
|