matcha-components 20.69.0 → 20.71.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.
|
@@ -9612,6 +9612,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
|
|
|
9612
9612
|
}] } });
|
|
9613
9613
|
|
|
9614
9614
|
class MatchaChipComponent {
|
|
9615
|
+
get hostClasses() {
|
|
9616
|
+
return 'matcha-chip radius-full d-flex align-items-center gap-8 px-14 py-10 h-20';
|
|
9617
|
+
}
|
|
9615
9618
|
/** Se o chip está selecionado */
|
|
9616
9619
|
get selected() {
|
|
9617
9620
|
return this._selected;
|
|
@@ -9627,9 +9630,6 @@ class MatchaChipComponent {
|
|
|
9627
9630
|
set disabled(value) {
|
|
9628
9631
|
this._disabled = value;
|
|
9629
9632
|
}
|
|
9630
|
-
get hostClasses() {
|
|
9631
|
-
return 'matcha-chip radius-full d-flex align-items-center gap-8 px-14 py-10 h-20';
|
|
9632
|
-
}
|
|
9633
9633
|
constructor(_elementRef) {
|
|
9634
9634
|
this._elementRef = _elementRef;
|
|
9635
9635
|
/** Cor do chip (primary, accent, warn) */
|
|
@@ -9728,12 +9728,15 @@ class MatchaChipComponent {
|
|
|
9728
9728
|
this.destroyed.emit(this);
|
|
9729
9729
|
}
|
|
9730
9730
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MatchaChipComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9731
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MatchaChipComponent, isStandalone: false, selector: "matcha-chip", inputs: { color: "color", selected: "selected", selectable: "selectable", removable: "removable", disabled: "disabled", value: "value" }, outputs: { selectedChange: "selectedChange", removed: "removed", destroyed: "destroyed" }, host: { listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)" }, properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<span class=\"matcha-chip-
|
|
9731
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MatchaChipComponent, isStandalone: false, selector: "matcha-chip", inputs: { color: "color", selected: "selected", selectable: "selectable", removable: "removable", disabled: "disabled", value: "value" }, outputs: { selectedChange: "selectedChange", removed: "removed", destroyed: "destroyed" }, host: { listeners: { "click": "_handleClick($event)", "keydown": "_handleKeydown($event)" }, properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<span class=\"matcha-chip-contentcolor-label\">\n <ng-content></ng-content>\n</span>\n<ng-container *ngIf=\"removable && !hasCustomRemoveIcon()\">\n <matcha-divider direction=\"vertical\" gap=\"0\"></matcha-divider>\n <button \n type=\"button\"\n class=\"matcha-chip-remove d-flex align-items-center justify-content-center w-20 h-20 min-w-20 radius-full cursor-pointer border-0 background-transparent p-0 m-0\"\n [disabled]=\"disabled\"\n (click)=\"remove(); $event.stopPropagation()\"\n tabindex=\"-1\"\n aria-label=\"Remove\"\n matchaChipRemove>\n <matcha-icon name=\"close\" class=\"fs-14\" color=\"label\"></matcha-icon>\n </button>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: MatchaDividerComponent, selector: "matcha-divider", inputs: ["gap", "gap-sm", "gap-md", "gap-lg", "gap-xl", "direction"] }, { kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }] }); }
|
|
9732
9732
|
}
|
|
9733
9733
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MatchaChipComponent, decorators: [{
|
|
9734
9734
|
type: Component,
|
|
9735
|
-
args: [{ selector: 'matcha-chip', standalone: false, template: "<span class=\"matcha-chip-
|
|
9736
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: {
|
|
9735
|
+
args: [{ selector: 'matcha-chip', standalone: false, template: "<span class=\"matcha-chip-contentcolor-label\">\n <ng-content></ng-content>\n</span>\n<ng-container *ngIf=\"removable && !hasCustomRemoveIcon()\">\n <matcha-divider direction=\"vertical\" gap=\"0\"></matcha-divider>\n <button \n type=\"button\"\n class=\"matcha-chip-remove d-flex align-items-center justify-content-center w-20 h-20 min-w-20 radius-full cursor-pointer border-0 background-transparent p-0 m-0\"\n [disabled]=\"disabled\"\n (click)=\"remove(); $event.stopPropagation()\"\n tabindex=\"-1\"\n aria-label=\"Remove\"\n matchaChipRemove>\n <matcha-icon name=\"close\" class=\"fs-14\" color=\"label\"></matcha-icon>\n </button>\n</ng-container>\n" }]
|
|
9736
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { hostClasses: [{
|
|
9737
|
+
type: HostBinding,
|
|
9738
|
+
args: ['class']
|
|
9739
|
+
}], color: [{
|
|
9737
9740
|
type: Input
|
|
9738
9741
|
}], selected: [{
|
|
9739
9742
|
type: Input
|
|
@@ -9751,9 +9754,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
|
|
|
9751
9754
|
type: Output
|
|
9752
9755
|
}], destroyed: [{
|
|
9753
9756
|
type: Output
|
|
9754
|
-
}], hostClasses: [{
|
|
9755
|
-
type: HostBinding,
|
|
9756
|
-
args: ['class']
|
|
9757
9757
|
}], _handleClick: [{
|
|
9758
9758
|
type: HostListener,
|
|
9759
9759
|
args: ['click', ['$event']]
|