matcha-components 20.208.0 → 20.211.0

package/fesm2022/matcha-components.mjs

@@ -2954,7 +2954,7 @@ class MatchaButtonComponent {
         this.sizeLg = null;
         this.sizeXl = null;
         this.gap = null;
-        this.color = 'basic';
+        this.color = null;
         this._basic = false;
         this._outline = false;
         this._alpha = false;
@@ -7916,6 +7916,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                 }]
         }] });
 
+class MatchaMsgBoxComponent {
+    constructor() {
+        this._color = 'info';
+        this._icon = 'info-out';
+    }
+    get color() { return this._color; }
+    set color(v) { this._color = v || 'info'; }
+    get colorAttr() {
+        return this.color;
+    }
+    get icon() { return this._icon; }
+    set icon(v) { this._icon = v || 'info-out'; }
+    get hostClasses() {
+        return 'matcha-msg-box';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMsgBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaMsgBoxComponent, isStandalone: false, selector: "matcha-msg-box", inputs: { color: "color", icon: "icon" }, host: { properties: { "attr.color": "this.colorAttr", "class": "this.hostClasses" } }, ngImport: i0, template: "<matcha-card [color]=\"color\" [blockquoteColor]=\"color\" blockquote=\"left\" alpha=\"true\" class=\"p-16\">\n    <div class=\"d-flex flex-align-center gap-16 w-100-p\">\n        <matcha-icon [name]=\"icon\" size=\"lg\" [color]=\"color\"></matcha-icon>\n        <div class=\"d-flex flex-column flex-sm-row flex-align-center flex-space-between flex-1 w-100-p gap-16\">\n            <div class=\"w-100-p\">\n                <ng-content></ng-content>\n            </div>\n            <ng-content select=\"matcha-msg-box-actions\"></ng-content>\n        </div>\n    </div>\n</matcha-card>", styles: [""], dependencies: [{ kind: "component", type: MatchaIconComponent, selector: "matcha-icon", inputs: ["name", "size", "color", "class", "loading"] }, { kind: "component", type: MatchaCardComponent, selector: "matcha-card", inputs: ["color", "blockquote", "blockquoteColor", "class", "alpha", "tint", "loading"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMsgBoxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-msg-box', standalone: false, encapsulation: ViewEncapsulation.None, template: "<matcha-card [color]=\"color\" [blockquoteColor]=\"color\" blockquote=\"left\" alpha=\"true\" class=\"p-16\">\n    <div class=\"d-flex flex-align-center gap-16 w-100-p\">\n        <matcha-icon [name]=\"icon\" size=\"lg\" [color]=\"color\"></matcha-icon>\n        <div class=\"d-flex flex-column flex-sm-row flex-align-center flex-space-between flex-1 w-100-p gap-16\">\n            <div class=\"w-100-p\">\n                <ng-content></ng-content>\n            </div>\n            <ng-content select=\"matcha-msg-box-actions\"></ng-content>\n        </div>\n    </div>\n</matcha-card>" }]
+        }], propDecorators: { color: [{
+                type: Input
+            }], colorAttr: [{
+                type: HostBinding,
+                args: ['attr.color']
+            }], icon: [{
+                type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class MatchaMsgBoxActionsComponent {
+    get hostClasses() {
+        return 'matcha-msg-box-actions';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMsgBoxActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaMsgBoxActionsComponent, isStandalone: false, selector: "matcha-msg-box-actions", host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<div class=\"d-flex flex-align-center gap-16\">\n    <ng-content></ng-content>\n</div>", styles: [""], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMsgBoxActionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'matcha-msg-box-actions', standalone: false, encapsulation: ViewEncapsulation.None, template: "<div class=\"d-flex flex-align-center gap-16\">\n    <ng-content></ng-content>\n</div>" }]
+        }], propDecorators: { hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class MatchaMsgBoxModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMsgBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.0", ngImport: i0, type: MatchaMsgBoxModule, declarations: [MatchaMsgBoxComponent, MatchaMsgBoxActionsComponent], imports: [CommonModule,
+            MatchaIconModule,
+            MatchaCardModule], exports: [MatchaMsgBoxComponent, MatchaMsgBoxActionsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMsgBoxModule, imports: [CommonModule,
+            MatchaIconModule,
+            MatchaCardModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaMsgBoxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [MatchaMsgBoxComponent, MatchaMsgBoxActionsComponent],
+                    imports: [
+                        CommonModule,
+                        MatchaIconModule,
+                        MatchaCardModule
+                    ],
+                    exports: [MatchaMsgBoxComponent, MatchaMsgBoxActionsComponent]
+                }]
+        }] });
+
 class MatchaSpinComponent {
     set progress(value) {
         this._progress = Number(value);
@@ -9172,11 +9242,11 @@ class MatchaTimeRangeComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaTimeRangeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaTimeRangeComponent, isStandalone: false, selector: "matcha-time-range", inputs: { startDateControlName: "startDateControlName", endDateControlName: "endDateControlName", allowCrossDays: "allowCrossDays" }, queries: [{ propertyName: "controls", predicate: NgControl, descendants: true }], ngImport: i0, template: "<div class=\"d-flex gap-16\">\n  <ng-content></ng-content>\n</div>\n", styles: [""] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.0", type: MatchaTimeRangeComponent, isStandalone: false, selector: "matcha-time-range", inputs: { startDateControlName: "startDateControlName", endDateControlName: "endDateControlName", allowCrossDays: "allowCrossDays" }, queries: [{ propertyName: "controls", predicate: NgControl, descendants: true }], ngImport: i0, template: "<div class=\"matcha-time-range-container\">\n  <ng-content></ng-content>\n</div>\n", styles: [""] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImport: i0, type: MatchaTimeRangeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'matcha-time-range', standalone: false, template: "<div class=\"d-flex gap-16\">\n  <ng-content></ng-content>\n</div>\n" }]
+            args: [{ selector: 'matcha-time-range', standalone: false, template: "<div class=\"matcha-time-range-container\">\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { controls: [{
                 type: ContentChildren,
                 args: [NgControl, { descendants: true }]
@@ -14501,6 +14571,7 @@ class MatchaComponentsModule {
             MatchaPaginatorModule,
             MatchaRippleModule,
             MatchaSlideToggleModule,
+            MatchaMsgBoxModule,
             MatchaSliderModule,
             MatchaSpinModule,
             MatchaSpinnerModule,
@@ -14543,6 +14614,7 @@ class MatchaComponentsModule {
             MatchaPaginatorModule,
             MatchaRippleModule,
             MatchaSlideToggleModule,
+            MatchaMsgBoxModule,
             MatchaSliderModule,
             MatchaSpinModule,
             MatchaSpinnerModule,
@@ -14590,6 +14662,7 @@ class MatchaComponentsModule {
             MatchaPaginatorModule,
             MatchaRippleModule,
             MatchaSlideToggleModule,
+            MatchaMsgBoxModule,
             MatchaSliderModule,
             MatchaSpinModule,
             MatchaSpinnerModule,
@@ -14632,6 +14705,7 @@ class MatchaComponentsModule {
             MatchaPaginatorModule,
             MatchaRippleModule,
             MatchaSlideToggleModule,
+            MatchaMsgBoxModule,
             MatchaSliderModule,
             MatchaSpinModule,
             MatchaSpinnerModule,
@@ -14685,6 +14759,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         MatchaPaginatorModule,
                         MatchaRippleModule,
                         MatchaSlideToggleModule,
+                        MatchaMsgBoxModule,
                         MatchaSliderModule,
                         MatchaSpinModule,
                         MatchaSpinnerModule,
@@ -14729,6 +14804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
                         MatchaPaginatorModule,
                         MatchaRippleModule,
                         MatchaSlideToggleModule,
+                        MatchaMsgBoxModule,
                         MatchaSliderModule,
                         MatchaSpinModule,
                         MatchaSpinnerModule,
@@ -15363,5 +15439,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipComponent, MatchaChipListComponent, MatchaChipModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaListComponent, MatchaListItemComponent, MatchaListModule, MatchaMaskApplierService, MatchaMaskCompatibleDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuItemDirective, MatchaMenuModule, MatchaMenuTriggerDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarComponent, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioGroupComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSnackBarComponent, MatchaSnackBarModule, MatchaSnackBarService, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaSubmenuTriggerDirective, MatchaTabItemComponent, MatchaTableComponent, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTimeRangeComponent, MatchaTimeRangeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, compatibleOptions, initialConfig, timeMasks, withoutValidation };
+export { CopyButtonComponent, INITIAL_CONFIG, MATCHA_MASK_CONFIG, MATCHA_OPTION_PARENT, MatchaAccordionComponent, MatchaAccordionContentComponent, MatchaAccordionHeaderComponent, MatchaAccordionItemComponent, MatchaAccordionModule, MatchaAutocompleteComponent, MatchaAutocompleteModule, MatchaAutocompleteTriggerDirective, MatchaAvatarComponent, MatchaAvatarModule, MatchaBreakpointObservableModule, MatchaBreakpointObserver, MatchaButtonComponent, MatchaButtonModule, MatchaButtonToggleComponent, MatchaButtonToggleModule, MatchaCardComponent, MatchaCardModule, MatchaCheckboxComponent, MatchaCheckboxModule, MatchaChipComponent, MatchaChipListComponent, MatchaChipModule, MatchaComponentsModule, MatchaDateComponent, MatchaDateModule, MatchaDateRangeComponent, MatchaDateRangeModule, MatchaDividerComponent, MatchaDividerModule, MatchaDragDirective, MatchaDragHandleDirective, MatchaDrawerComponent, MatchaDrawerContainerComponent, MatchaDrawerContentComponent, MatchaDrawerModule, MatchaDropListComponent, MatchaDropListModule, MatchaElevationDirective, MatchaElevationModule, MatchaErrorComponent, MatchaFormFieldComponent, MatchaFormFieldModule, MatchaGridComponent, MatchaGridModule, MatchaHighlightComponent, MatchaHighlightModule, MatchaHintTextComponent, MatchaHintTextModule, MatchaIconComponent, MatchaIconModule, MatchaInfiniteScrollComponent, MatchaInfiniteScrollDataComponent, MatchaInfiniteScrollModule, MatchaInputPhoneComponent, MatchaInputPhoneModule, MatchaLabelComponent, MatchaLazyloadComponent, MatchaLazyloadDataComponent, MatchaLazyloadModule, MatchaListComponent, MatchaListItemComponent, MatchaListModule, MatchaMaskApplierService, MatchaMaskCompatibleDirective, MatchaMaskModule, MatchaMaskPipe, MatchaMaskService, MatchaMasonryComponent, MatchaMasonryModule, MatchaMenuComponent, MatchaMenuItemDirective, MatchaMenuModule, MatchaMenuTriggerDirective, MatchaModalComponent, MatchaModalContentComponent, MatchaModalFooterComponent, MatchaModalHeaderComponent, MatchaModalModule, MatchaModalOptionsComponent, MatchaModalService, MatchaMsgBoxActionsComponent, MatchaMsgBoxComponent, MatchaMsgBoxModule, MatchaOptionComponent, MatchaOptionModule, MatchaOverlayService, MatchaPageLayoutComponent, MatchaPageLayoutModule, MatchaPaginatorComponent, MatchaPaginatorIntl, MatchaPaginatorModule, MatchaPanelComponent, MatchaPanelModule, MatchaProgressBarComponent, MatchaProgressBarModule, MatchaRadioComponent, MatchaRadioGroupComponent, MatchaRadioModule, MatchaRippleDirective, MatchaRippleModule, MatchaSelectComponent, MatchaSelectModule, MatchaSelectTriggerDirective, MatchaSkeletonComponent, MatchaSkeletonModule, MatchaSlideToggleComponent, MatchaSlideToggleModule, MatchaSliderComponent, MatchaSliderModule, MatchaSnackBarComponent, MatchaSnackBarModule, MatchaSnackBarService, MatchaSpinComponent, MatchaSpinModule, MatchaSpinnerComponent, MatchaSpinnerModule, MatchaStepperComponent, MatchaStepperContentComponent, MatchaStepperControllerComponent, MatchaStepperModule, MatchaStepperStateService, MatchaSubmenuTriggerDirective, MatchaTabItemComponent, MatchaTableComponent, MatchaTableModule, MatchaTabsComponent, MatchaTabsModule, MatchaTimeComponent, MatchaTimeModule, MatchaTimeRangeComponent, MatchaTimeRangeModule, MatchaTitleComponent, MatchaTitleModule, MatchaToolbarButtonComponent, MatchaToolbarComponent, MatchaToolbarContentComponent, MatchaToolbarCustomButtonComponent, MatchaToolbarMainButtonComponent, MatchaToolbarModule, MatchaTooltipDirective, MatchaTooltipModule, NEW_CONFIG, NextStepDirective, PrevStepDirective, StepComponent, StepContentDirective, compatibleOptions, initialConfig, timeMasks, withoutValidation };
 //# sourceMappingURL=matcha-components.mjs.map