matcha-components 1.0.17 → 1.0.20
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.
- package/README.md +240 -16
- package/esm2022/lib/matcha-button/button.directive.mjs +33 -3
- package/esm2022/lib/matcha-components.module.mjs +5 -6
- package/esm2022/public-api.mjs +1 -3
- package/fesm2022/matcha-components.mjs +37 -32
- package/fesm2022/matcha-components.mjs.map +1 -1
- package/lib/matcha-button/button.directive.d.ts +4 -1
- package/lib/matcha-components.module.d.ts +35 -36
- package/package.json +1 -1
- package/public-api.d.ts +0 -2
- package/esm2022/lib/test-component/my-test-component/my-test-component.component.mjs +0 -11
- package/esm2022/lib/test-component/test-component.module.mjs +0 -20
- package/lib/test-component/my-test-component/my-test-component.component.d.ts +0 -5
- package/lib/test-component/test-component.module.d.ts +0 -8
|
@@ -2,15 +2,6 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import { Component, Input, NgModule, Directive } from '@angular/core';
|
|
3
3
|
import { CommonModule } from '@angular/common';
|
|
4
4
|
|
|
5
|
-
class MyTestComponentComponent {
|
|
6
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MyTestComponentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.5", type: MyTestComponentComponent, selector: "lib-my-test-component", ngImport: i0, template: "<p>my-test-component works!</p>\n", styles: [""] }); }
|
|
8
|
-
}
|
|
9
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MyTestComponentComponent, decorators: [{
|
|
10
|
-
type: Component,
|
|
11
|
-
args: [{ selector: 'lib-my-test-component', template: "<p>my-test-component works!</p>\n" }]
|
|
12
|
-
}] });
|
|
13
|
-
|
|
14
5
|
class MatchaCardComponent {
|
|
15
6
|
constructor() {
|
|
16
7
|
this.elevation = 0;
|
|
@@ -269,22 +260,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
|
|
|
269
260
|
type: Input
|
|
270
261
|
}] } });
|
|
271
262
|
|
|
272
|
-
class TestComponentModule {
|
|
273
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: TestComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
274
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.5", ngImport: i0, type: TestComponentModule, declarations: [MyTestComponentComponent], imports: [CommonModule], exports: [MyTestComponentComponent] }); }
|
|
275
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: TestComponentModule, imports: [CommonModule] }); }
|
|
276
|
-
}
|
|
277
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: TestComponentModule, decorators: [{
|
|
278
|
-
type: NgModule,
|
|
279
|
-
args: [{
|
|
280
|
-
declarations: [MyTestComponentComponent],
|
|
281
|
-
imports: [
|
|
282
|
-
CommonModule
|
|
283
|
-
],
|
|
284
|
-
exports: [MyTestComponentComponent],
|
|
285
|
-
}]
|
|
286
|
-
}] });
|
|
287
|
-
|
|
288
263
|
class MatchaCardModule {
|
|
289
264
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MatchaCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
290
265
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.5", ngImport: i0, type: MatchaCardModule, declarations: [MatchaCardComponent], imports: [CommonModule], exports: [MatchaCardComponent] }); }
|
|
@@ -497,9 +472,18 @@ class MatchaButtonDirective {
|
|
|
497
472
|
this._renderer = _renderer;
|
|
498
473
|
this.pill = false;
|
|
499
474
|
this.size = null;
|
|
475
|
+
this.color = null;
|
|
476
|
+
this.outline = false;
|
|
477
|
+
this._config = {
|
|
478
|
+
size: 'md',
|
|
479
|
+
color: 'primary',
|
|
480
|
+
pill: false,
|
|
481
|
+
outline: false,
|
|
482
|
+
};
|
|
500
483
|
}
|
|
501
484
|
ngOnInit() {
|
|
502
485
|
this._setConfig();
|
|
486
|
+
this._renderer.addClass(this._elementRef.nativeElement, `matcha-button`);
|
|
503
487
|
}
|
|
504
488
|
ngOnChanges() {
|
|
505
489
|
this._setConfig();
|
|
@@ -513,7 +497,22 @@ class MatchaButtonDirective {
|
|
|
513
497
|
if (this.size) {
|
|
514
498
|
this._renderer.addClass(this._elementRef.nativeElement, `matcha-button-${this.size}`);
|
|
515
499
|
}
|
|
516
|
-
if (this.
|
|
500
|
+
if (this.color) {
|
|
501
|
+
this._renderer.removeClass(this._elementRef.nativeElement, `color-${this._config.color}`);
|
|
502
|
+
this._renderer.removeClass(this._elementRef.nativeElement, `${this._config.color}`);
|
|
503
|
+
this._renderer.addClass(this._elementRef.nativeElement, `${this.color}`);
|
|
504
|
+
this._config.color = this.color;
|
|
505
|
+
}
|
|
506
|
+
if (this.outline) {
|
|
507
|
+
this._renderer.addClass(this._elementRef.nativeElement, `color-${this.color}`);
|
|
508
|
+
this._renderer.addClass(this._elementRef.nativeElement, `matcha-button-outline`);
|
|
509
|
+
}
|
|
510
|
+
else {
|
|
511
|
+
this._renderer.removeClass(this._elementRef.nativeElement, `color-${this.color}`);
|
|
512
|
+
this._renderer.removeClass(this._elementRef.nativeElement, `color-${this._config.color}`);
|
|
513
|
+
this._renderer.removeClass(this._elementRef.nativeElement, `matcha-button-outline`);
|
|
514
|
+
}
|
|
515
|
+
if (this.pill === true || this.pill === 'true') {
|
|
517
516
|
this._renderer.addClass(this._elementRef.nativeElement, `matcha-button-pill`);
|
|
518
517
|
}
|
|
519
518
|
else {
|
|
@@ -521,7 +520,7 @@ class MatchaButtonDirective {
|
|
|
521
520
|
}
|
|
522
521
|
}
|
|
523
522
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MatchaButtonDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
524
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: MatchaButtonDirective, selector: "[matcha-button]", inputs: { pill: "pill", size: "size" }, usesOnChanges: true, ngImport: i0 }); }
|
|
523
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.5", type: MatchaButtonDirective, selector: "[matcha-button]", inputs: { pill: "pill", size: "size", color: "color", outline: "outline" }, usesOnChanges: true, ngImport: i0 }); }
|
|
525
524
|
}
|
|
526
525
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MatchaButtonDirective, decorators: [{
|
|
527
526
|
type: Directive,
|
|
@@ -535,6 +534,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
|
|
|
535
534
|
}], size: [{
|
|
536
535
|
type: Input,
|
|
537
536
|
args: ['size']
|
|
537
|
+
}], color: [{
|
|
538
|
+
type: Input,
|
|
539
|
+
args: ['color']
|
|
540
|
+
}], outline: [{
|
|
541
|
+
type: Input,
|
|
542
|
+
args: ['outline']
|
|
538
543
|
}] } });
|
|
539
544
|
|
|
540
545
|
class MatchaButtonModule {
|
|
@@ -1429,8 +1434,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
|
|
|
1429
1434
|
|
|
1430
1435
|
class MatchaComponentsModule {
|
|
1431
1436
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MatchaComponentsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1432
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.5", ngImport: i0, type: MatchaComponentsModule, declarations: [MatchaOverflowDraggableComponent], imports: [
|
|
1433
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MatchaComponentsModule, imports: [
|
|
1437
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.5", ngImport: i0, type: MatchaComponentsModule, declarations: [MatchaOverflowDraggableComponent], imports: [MatchaCardModule, MatchaHeadersModule], exports: [MatchaCardModule, MatchaHeadersModule, MatchaAutocompleteModule, MatchaBadgeModule, MatchaTabsModule, MatchaBottomSheetModule, MatchaButtonToggleModule, MatchaButtonModule, MatchaCheckboxModule, MatchaChipsModule, MatchaDatepickerModule, MatchaDialogModule, MatchaDividerModule, MatchaElevationModule, MatchaExpansionModule, MatchaFormsModule, MatchaIconModule, MatchaInputModule, MatchaListModule, MatchaMenuModule, MatchaSidenavModule, MatchaPaginatorModule, MatchaProgressBarModule, MatchaProgressSpinnerModule, MatchaRadioButtonModule, MatchaSelectModule, MatchaSlideToggleModule, MatchaSliderModule, MatchaSnackBarModule, MatchaSortHeaderModule, MatchaStepperModule, MatchaTableModule, MatchaTabsModule, MatchaTooltipModule, MatchaTreeModule] }); }
|
|
1438
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MatchaComponentsModule, imports: [MatchaCardModule, MatchaHeadersModule, MatchaCardModule, MatchaHeadersModule, MatchaAutocompleteModule, MatchaBadgeModule, MatchaTabsModule, MatchaBottomSheetModule, MatchaButtonToggleModule, MatchaButtonModule, MatchaCheckboxModule, MatchaChipsModule, MatchaDatepickerModule, MatchaDialogModule, MatchaDividerModule, MatchaElevationModule, MatchaExpansionModule, MatchaFormsModule, MatchaIconModule, MatchaInputModule, MatchaListModule, MatchaMenuModule, MatchaSidenavModule, MatchaPaginatorModule, MatchaProgressBarModule, MatchaProgressSpinnerModule, MatchaRadioButtonModule, MatchaSelectModule, MatchaSlideToggleModule, MatchaSliderModule, MatchaSnackBarModule, MatchaSortHeaderModule, MatchaStepperModule, MatchaTableModule, MatchaTabsModule, MatchaTooltipModule, MatchaTreeModule] }); }
|
|
1434
1439
|
}
|
|
1435
1440
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImport: i0, type: MatchaComponentsModule, decorators: [{
|
|
1436
1441
|
type: NgModule,
|
|
@@ -1438,8 +1443,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
|
|
|
1438
1443
|
declarations: [
|
|
1439
1444
|
MatchaOverflowDraggableComponent
|
|
1440
1445
|
],
|
|
1441
|
-
imports: [
|
|
1442
|
-
exports: [
|
|
1446
|
+
imports: [MatchaCardModule, MatchaHeadersModule],
|
|
1447
|
+
exports: [MatchaCardModule, MatchaHeadersModule, MatchaAutocompleteModule, MatchaBadgeModule, MatchaTabsModule, MatchaBottomSheetModule, MatchaButtonToggleModule, MatchaButtonModule, MatchaCheckboxModule, MatchaChipsModule, MatchaDatepickerModule, MatchaDialogModule, MatchaDividerModule, MatchaElevationModule, MatchaExpansionModule, MatchaFormsModule, MatchaIconModule, MatchaInputModule, MatchaListModule, MatchaMenuModule, MatchaSidenavModule, MatchaPaginatorModule, MatchaProgressBarModule, MatchaProgressSpinnerModule, MatchaRadioButtonModule, MatchaSelectModule, MatchaSlideToggleModule, MatchaSliderModule, MatchaSnackBarModule, MatchaSortHeaderModule, MatchaStepperModule, MatchaTableModule, MatchaTabsModule, MatchaTooltipModule, MatchaTreeModule],
|
|
1443
1448
|
}]
|
|
1444
1449
|
}] });
|
|
1445
1450
|
|
|
@@ -1476,5 +1481,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.5", ngImpor
|
|
|
1476
1481
|
* Generated bundle index. Do not edit.
|
|
1477
1482
|
*/
|
|
1478
1483
|
|
|
1479
|
-
export { MatchaAutocompleteDirective, MatchaAutocompleteModule, MatchaAutocompleteOverviewDirective, MatchaBadgeDirective, MatchaBadgeModule, MatchaBottomSheetDirective, MatchaBottomSheetModule, MatchaButtonDirective, MatchaButtonModule, MatchaButtonToggleDirective, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardFooter, MatchaCardModule, MatchaCheckboxDirective, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDialogDirective, MatchaDialogModule, MatchaDividerDirective, MatchaDividerModule, MatchaElevationDirective, MatchaElevationModule, MatchaExpansionDirective, MatchaExpansionModule, MatchaFormFieldDirective, MatchaFormsModule, MatchaGridComponent, MatchaGridModule, MatchaHeadersModule, MatchaHeadlineComponent, MatchaIconComponent, MatchaIconModule, MatchaInputDirective, MatchaInputModule, MatchaListDirective, MatchaListModule, MatchaMenuDirective, MatchaMenuModule, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaProgressSpinnerDirective, MatchaProgressSpinnerModule, MatchaRadioButtonDirective, MatchaRadioButtonModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSlideToggleDirective, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaStepperDirective, MatchaStepperModule, MatchaSubheadComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsDirective, MatchaTabsModule, MatchaTitleComponent, MatchaTooltipDirective, MatchaTooltipModule, MatchaTreeDirective, MatchaTreeModule
|
|
1484
|
+
export { MatchaAutocompleteDirective, MatchaAutocompleteModule, MatchaAutocompleteOverviewDirective, MatchaBadgeDirective, MatchaBadgeModule, MatchaBottomSheetDirective, MatchaBottomSheetModule, MatchaButtonDirective, MatchaButtonModule, MatchaButtonToggleDirective, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardFooter, MatchaCardModule, MatchaCheckboxDirective, MatchaCheckboxModule, MatchaChipsDirective, MatchaChipsModule, MatchaComponentsModule, MatchaDatepickerDirective, MatchaDatepickerModule, MatchaDialogDirective, MatchaDialogModule, MatchaDividerDirective, MatchaDividerModule, MatchaElevationDirective, MatchaElevationModule, MatchaExpansionDirective, MatchaExpansionModule, MatchaFormFieldDirective, MatchaFormsModule, MatchaGridComponent, MatchaGridModule, MatchaHeadersModule, MatchaHeadlineComponent, MatchaIconComponent, MatchaIconModule, MatchaInputDirective, MatchaInputModule, MatchaListDirective, MatchaListModule, MatchaMenuDirective, MatchaMenuModule, MatchaPaginatorDirective, MatchaPaginatorModule, MatchaProgressBarDirective, MatchaProgressBarModule, MatchaProgressSpinnerDirective, MatchaProgressSpinnerModule, MatchaRadioButtonDirective, MatchaRadioButtonModule, MatchaSelectDirective, MatchaSelectModule, MatchaSidenavDirective, MatchaSidenavModule, MatchaSlideToggleDirective, MatchaSlideToggleModule, MatchaSliderDirective, MatchaSliderModule, MatchaSnackBarDirective, MatchaSnackBarModule, MatchaSortHeaderDirective, MatchaSortHeaderModule, MatchaStepperDirective, MatchaStepperModule, MatchaSubheadComponent, MatchaTableDirective, MatchaTableModule, MatchaTabsDirective, MatchaTabsModule, MatchaTitleComponent, MatchaTooltipDirective, MatchaTooltipModule, MatchaTreeDirective, MatchaTreeModule };
|
|
1480
1485
|
//# sourceMappingURL=matcha-components.mjs.map
|