angular-matecu 2.0.7 → 2.0.12
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 +29 -0
- package/{esm2015/angular-matecu.js → esm2020/angular-matecu.mjs} +0 -0
- package/{esm2015/lib/modules/matecu-alert-box/components/matecu-alert-box/matecu-alert-box.component.js → esm2020/lib/modules/matecu-alert-box/components/matecu-alert-box/matecu-alert-box.component.mjs} +5 -9
- package/esm2020/lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component.mjs +51 -0
- package/esm2020/lib/modules/matecu-alert-box/components/matecu-alert-snack-bar/matecu-alert-snack-bar.component.mjs +41 -0
- package/esm2020/lib/modules/matecu-alert-box/matecu-alert-box.module.mjs +24 -0
- package/esm2020/lib/modules/matecu-alert-box/services/matecu-snack-bar.service.mjs +66 -0
- package/{esm2015/lib/modules/matecu-alert-box/types/matecu-alert-dialog.js → esm2020/lib/modules/matecu-alert-box/types/matecu-alert-dialog.mjs} +0 -0
- package/esm2020/lib/modules/matecu-alert-box/types/matecu-alert-snackbar.mjs +2 -0
- package/{esm2015/lib/modules/matecu-alert-box/types/matecu-altert-box-type.js → esm2020/lib/modules/matecu-alert-box/types/matecu-altert-box-type.mjs} +0 -0
- package/esm2020/lib/modules/matecu-spinner/components/matecu-spinner/matecu-spinner.component.mjs +57 -0
- package/{esm2015/lib/modules/matecu-spinner/matecu-spinner.module.js → esm2020/lib/modules/matecu-spinner/matecu-spinner.module.mjs} +4 -4
- package/{esm2015/lib/modules/matecu-spinner/services/matecu-spinner.service.js → esm2020/lib/modules/matecu-spinner/services/matecu-spinner.service.mjs} +3 -3
- package/{esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-actions/matecu-topbar-actions.component.js → esm2020/lib/modules/matecu-topbar-layout/components/matecu-topbar-actions/matecu-topbar-actions.component.mjs} +5 -9
- package/{esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-body/matecu-topbar-body.component.js → esm2020/lib/modules/matecu-topbar-layout/components/matecu-topbar-body/matecu-topbar-body.component.mjs} +5 -9
- package/{esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-fab/matecu-topbar-fab.component.js → esm2020/lib/modules/matecu-topbar-layout/components/matecu-topbar-fab/matecu-topbar-fab.component.mjs} +5 -9
- package/esm2020/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.mjs +99 -0
- package/esm2020/lib/modules/matecu-topbar-layout/components/matecu-topbar-search/matecu-topbar-search.component.mjs +81 -0
- package/{esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-title/matecu-topbar-title.component.js → esm2020/lib/modules/matecu-topbar-layout/components/matecu-topbar-title/matecu-topbar-title.component.mjs} +5 -9
- package/{esm2015/lib/modules/matecu-topbar-layout/matecu-topbar-layout.module.js → esm2020/lib/modules/matecu-topbar-layout/matecu-topbar-layout.module.mjs} +4 -4
- package/esm2020/public-api.mjs +30 -0
- package/fesm2015/angular-matecu.mjs +668 -0
- package/fesm2015/angular-matecu.mjs.map +1 -0
- package/{fesm2015/angular-matecu.js → fesm2020/angular-matecu.mjs} +154 -93
- package/fesm2020/angular-matecu.mjs.map +1 -0
- package/lib/modules/matecu-alert-box/components/matecu-alert-snack-bar/matecu-alert-snack-bar.component.d.ts +20 -0
- package/lib/modules/matecu-alert-box/matecu-alert-box.module.d.ts +7 -5
- package/lib/modules/matecu-alert-box/services/matecu-snack-bar.service.d.ts +17 -0
- package/lib/modules/matecu-alert-box/types/matecu-alert-snackbar.d.ts +7 -0
- package/package.json +23 -10
- package/public-api.d.ts +2 -0
- package/bundles/angular-matecu.umd.js +0 -681
- package/bundles/angular-matecu.umd.js.map +0 -1
- package/esm2015/lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component.js +0 -55
- package/esm2015/lib/modules/matecu-alert-box/matecu-alert-box.module.js +0 -23
- package/esm2015/lib/modules/matecu-spinner/components/matecu-spinner/matecu-spinner.component.js +0 -61
- package/esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.js +0 -103
- package/esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-search/matecu-topbar-search.component.js +0 -85
- package/esm2015/public-api.js +0 -28
- package/fesm2015/angular-matecu.js.map +0 -1
|
@@ -14,6 +14,8 @@ import * as i3 from '@angular/material/icon';
|
|
|
14
14
|
import { MatIconModule } from '@angular/material/icon';
|
|
15
15
|
import * as i1$2 from '@angular/material/dialog';
|
|
16
16
|
import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
|
|
17
|
+
import * as i1$3 from '@angular/material/snack-bar';
|
|
18
|
+
import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
|
|
17
19
|
|
|
18
20
|
class MatecuSpinnerService {
|
|
19
21
|
constructor() {
|
|
@@ -47,9 +49,9 @@ class MatecuSpinnerService {
|
|
|
47
49
|
return `${time}__${complement}`;
|
|
48
50
|
}
|
|
49
51
|
}
|
|
50
|
-
MatecuSpinnerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
51
|
-
MatecuSpinnerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
52
|
+
MatecuSpinnerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuSpinnerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
53
|
+
MatecuSpinnerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuSpinnerService, providedIn: 'root' });
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuSpinnerService, decorators: [{
|
|
53
55
|
type: Injectable,
|
|
54
56
|
args: [{
|
|
55
57
|
providedIn: 'root',
|
|
@@ -89,15 +91,11 @@ class MatecuSpinnerComponent {
|
|
|
89
91
|
}
|
|
90
92
|
}
|
|
91
93
|
}
|
|
92
|
-
MatecuSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
93
|
-
MatecuSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
94
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
94
|
+
MatecuSpinnerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuSpinnerComponent, deps: [{ token: MatecuSpinnerService }], target: i0.ɵɵFactoryTarget.Component });
|
|
95
|
+
MatecuSpinnerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MatecuSpinnerComponent, selector: "matecu-spinner", inputs: { color: "color", global: "global", active: "active", size: "size" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-container *ngIf=\"active\">\n <svg xmlns:svg=\"http://www.w3.org/2000/svg\" [attr.width]=\"size\" [attr.height]=\"size\"\n xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.0\" viewBox=\"0 0 128 128\" xml:space=\"preserve\">\n <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"transparent\" />\n <g>\n <path class=\"matecu-spinner__100\" d=\"M122.5 69.25H96.47a33.1 33.1 0 0 0 0-10.5h26.05a5.25 5.25 0 0 1 0 10.5z\" [attr.fill]=\"color\"\n fill-opacity=\"1\" />\n <path class=\"matecu-spinner__30\" d=\"M112.04 97.83L89.47 84.8a33.1 33.1 0 0 0 5.25-9.1l22.57 13.03a5.25 5.25 0 0 1-5.28 9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M88.68 117.35L75.65 94.78a33.1 33.1 0 0 0 9.1-5.25l13.02 22.57a5.25 5.25 0 1 1-9.1 5.25z\"\n [attr.fill]=\"color\" fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M58.7 122.57V96.5a33.1 33.1 0 0 0 10.5 0v26.07a5.25 5.25 0 0 1-10.5 0z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M30.1 112.1l13.04-22.57a33.1 33.1 0 0 0 9.1 5.25L39.2 117.35a5.25 5.25 0 1 1-9.1-5.25z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M10.6 88.74L33.16 75.7a33.1 33.1 0 0 0 5.25 9.1L15.88 97.83a5.25 5.25 0 1 1-5.25-9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__40\" d=\"M5.37 58.75h26.06a33.1 33.1 0 0 0 0 10.5H5.37a5.25 5.25 0 0 1 0-10.5z\" [attr.fill]=\"color\"\n fill-opacity=\"0.4\" />\n <path class=\"matecu-spinner__50\" d=\"M15.85 30.17L38.4 43.2a33.1 33.1 0 0 0-5.24 9.1L10.6 39.25a5.25 5.25 0 1 1 5.25-9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.5\" />\n <path class=\"matecu-spinner__60\" d=\"M39.2 10.65l13.03 22.57a33.1 33.1 0 0 0-9.1 5.25l-13-22.57a5.25 5.25 0 1 1 9.1-5.25z\" [attr.fill]=\"color\"\n fill-opacity=\"0.6\" />\n <path class=\"matecu-spinner__70\" d=\"M69.2 5.43V31.5a33.1 33.1 0 0 0-10.5 0V5.42a5.25 5.25 0 1 1 10.5 0z\" [attr.fill]=\"color\"\n fill-opacity=\"0.7\" />\n <path class=\"matecu-spinner__80\" d=\"M97.77 15.9L84.75 38.47a33.1 33.1 0 0 0-9.1-5.25l13.03-22.57a5.25 5.25 0 1 1 9.1 5.25z\" [attr.fill]=\"color\"\n fill-opacity=\"0.8\" />\n <path class=\"matecu-spinner__90\" d=\"M117.3 39.26L94.7 52.3a33.1 33.1 0 0 0-5.25-9.1l22.57-13.03a5.25 5.25 0 0 1 5.25 9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.9\" />\n <animateTransform attributeName=\"transform\" type=\"rotate\"\n values=\"0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64\"\n calcMode=\"discrete\" dur=\"600ms\" repeatCount=\"indefinite\"></animateTransform>\n </g>\n</svg>\n</ng-container>", styles: [".matecu-spinner{display:flex;align-items:center;justify-content:center}.matecu-spinner>svg{width:80px;height:80px}.matecu-spinner__hidden{display:none}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
96
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuSpinnerComponent, decorators: [{
|
|
95
97
|
type: Component,
|
|
96
|
-
args: [{
|
|
97
|
-
selector: 'matecu-spinner',
|
|
98
|
-
templateUrl: './matecu-spinner.component.html',
|
|
99
|
-
styleUrls: ['./matecu-spinner.component.css']
|
|
100
|
-
}]
|
|
98
|
+
args: [{ selector: 'matecu-spinner', template: "<ng-container *ngIf=\"active\">\n <svg xmlns:svg=\"http://www.w3.org/2000/svg\" [attr.width]=\"size\" [attr.height]=\"size\"\n xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.0\" viewBox=\"0 0 128 128\" xml:space=\"preserve\">\n <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"transparent\" />\n <g>\n <path class=\"matecu-spinner__100\" d=\"M122.5 69.25H96.47a33.1 33.1 0 0 0 0-10.5h26.05a5.25 5.25 0 0 1 0 10.5z\" [attr.fill]=\"color\"\n fill-opacity=\"1\" />\n <path class=\"matecu-spinner__30\" d=\"M112.04 97.83L89.47 84.8a33.1 33.1 0 0 0 5.25-9.1l22.57 13.03a5.25 5.25 0 0 1-5.28 9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M88.68 117.35L75.65 94.78a33.1 33.1 0 0 0 9.1-5.25l13.02 22.57a5.25 5.25 0 1 1-9.1 5.25z\"\n [attr.fill]=\"color\" fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M58.7 122.57V96.5a33.1 33.1 0 0 0 10.5 0v26.07a5.25 5.25 0 0 1-10.5 0z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M30.1 112.1l13.04-22.57a33.1 33.1 0 0 0 9.1 5.25L39.2 117.35a5.25 5.25 0 1 1-9.1-5.25z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M10.6 88.74L33.16 75.7a33.1 33.1 0 0 0 5.25 9.1L15.88 97.83a5.25 5.25 0 1 1-5.25-9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__40\" d=\"M5.37 58.75h26.06a33.1 33.1 0 0 0 0 10.5H5.37a5.25 5.25 0 0 1 0-10.5z\" [attr.fill]=\"color\"\n fill-opacity=\"0.4\" />\n <path class=\"matecu-spinner__50\" d=\"M15.85 30.17L38.4 43.2a33.1 33.1 0 0 0-5.24 9.1L10.6 39.25a5.25 5.25 0 1 1 5.25-9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.5\" />\n <path class=\"matecu-spinner__60\" d=\"M39.2 10.65l13.03 22.57a33.1 33.1 0 0 0-9.1 5.25l-13-22.57a5.25 5.25 0 1 1 9.1-5.25z\" [attr.fill]=\"color\"\n fill-opacity=\"0.6\" />\n <path class=\"matecu-spinner__70\" d=\"M69.2 5.43V31.5a33.1 33.1 0 0 0-10.5 0V5.42a5.25 5.25 0 1 1 10.5 0z\" [attr.fill]=\"color\"\n fill-opacity=\"0.7\" />\n <path class=\"matecu-spinner__80\" d=\"M97.77 15.9L84.75 38.47a33.1 33.1 0 0 0-9.1-5.25l13.03-22.57a5.25 5.25 0 1 1 9.1 5.25z\" [attr.fill]=\"color\"\n fill-opacity=\"0.8\" />\n <path class=\"matecu-spinner__90\" d=\"M117.3 39.26L94.7 52.3a33.1 33.1 0 0 0-5.25-9.1l22.57-13.03a5.25 5.25 0 0 1 5.25 9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.9\" />\n <animateTransform attributeName=\"transform\" type=\"rotate\"\n values=\"0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64\"\n calcMode=\"discrete\" dur=\"600ms\" repeatCount=\"indefinite\"></animateTransform>\n </g>\n</svg>\n</ng-container>", styles: [".matecu-spinner{display:flex;align-items:center;justify-content:center}.matecu-spinner>svg{width:80px;height:80px}.matecu-spinner__hidden{display:none}\n"] }]
|
|
101
99
|
}], ctorParameters: function () { return [{ type: MatecuSpinnerService }]; }, propDecorators: { className: [{
|
|
102
100
|
type: HostBinding,
|
|
103
101
|
args: ['class']
|
|
@@ -113,12 +111,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImpor
|
|
|
113
111
|
|
|
114
112
|
class MatecuSpinnerModule {
|
|
115
113
|
}
|
|
116
|
-
MatecuSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
117
|
-
MatecuSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
118
|
-
MatecuSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
114
|
+
MatecuSpinnerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
115
|
+
MatecuSpinnerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuSpinnerModule, declarations: [MatecuSpinnerComponent], imports: [CommonModule], exports: [MatecuSpinnerComponent] });
|
|
116
|
+
MatecuSpinnerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuSpinnerModule, imports: [[
|
|
119
117
|
CommonModule
|
|
120
118
|
]] });
|
|
121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuSpinnerModule, decorators: [{
|
|
122
120
|
type: NgModule,
|
|
123
121
|
args: [{
|
|
124
122
|
declarations: [MatecuSpinnerComponent],
|
|
@@ -199,15 +197,11 @@ class MatecuTopbarLayoutComponent {
|
|
|
199
197
|
}
|
|
200
198
|
}
|
|
201
199
|
}
|
|
202
|
-
MatecuTopbarLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
203
|
-
MatecuTopbarLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
204
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
200
|
+
MatecuTopbarLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
201
|
+
MatecuTopbarLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MatecuTopbarLayoutComponent, selector: "matecu-topbar-layout", inputs: { color: "color", navMenu: "navMenu", actionMenu: "actionMenu", prominent: "prominent" }, outputs: { clickNavMenu: "clickNavMenu", clickActionMenu: "clickActionMenu" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: " <mat-toolbar [color]=\"color\">\n <ng-container *ngIf=\"navMenu\">\n <div class=\"matecu-topbar-layout__menu-btn\">\n <button mat-icon-button type=\"button\" (click)=\"onClickNavMenu()\">\n <mat-icon>menu</mat-icon>\n </button>\n </div>\n </ng-container>\n <ng-content select=\"matecu-topbar-fab\"></ng-content>\n <ng-content select=\"matecu-topbar-title\"></ng-content>\n <ng-content select=\"matecu-topbar-search\"></ng-content>\n <ng-content select=\"matecu-topbar-actions\"></ng-content>\n <ng-container *ngIf=\"actionMenu\">\n <div class=\"matecu-topbar-layout__more-actions-btn\">\n <button type=\"button\" (click)=\"onClickActionMenu()\" mat-icon-button>\n <mat-icon>more_vert</mat-icon>\n </button>\n </div>\n </ng-container>\n\n\n </mat-toolbar>\n <ng-content select=\"matecu-topbar-body\"></ng-content>\n", styles: [":host,.matecu-topbar-layout{display:grid;height:100vh;max-width:100vw;overflow:hidden;grid-template-rows:auto 1fr;position:relative}:host,:host *,.matecu-topbar-layout,.matecu-topbar-layout *{box-sizing:border-box}:host mat-toolbar,.matecu-topbar-layout mat-toolbar{position:relative;height:64px;max-height:64px;transition:all .3s;align-items:flex-start}:host__menu-btn,:host__more-actions-btn,.matecu-topbar-layout__menu-btn,.matecu-topbar-layout__more-actions-btn{min-height:64px;display:flex;align-items:center}@media screen and (max-width: 425px){:host__menu-btn,.matecu-topbar-layout__menu-btn{margin-right:auto}}:host.matecu-topbar-layout--prominent .mat-toolbar{height:128px;max-height:128px}:host.matecu-topbar-layout--scrolling .mat-toolbar{height:64px;max-height:64px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}\n"], components: [{ type: i1.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i1$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
202
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarLayoutComponent, decorators: [{
|
|
205
203
|
type: Component,
|
|
206
|
-
args: [{
|
|
207
|
-
selector: 'matecu-topbar-layout',
|
|
208
|
-
templateUrl: './matecu-topbar-layout.component.html',
|
|
209
|
-
styleUrls: ['./matecu-topbar-layout.component.scss'],
|
|
210
|
-
}]
|
|
204
|
+
args: [{ selector: 'matecu-topbar-layout', template: " <mat-toolbar [color]=\"color\">\n <ng-container *ngIf=\"navMenu\">\n <div class=\"matecu-topbar-layout__menu-btn\">\n <button mat-icon-button type=\"button\" (click)=\"onClickNavMenu()\">\n <mat-icon>menu</mat-icon>\n </button>\n </div>\n </ng-container>\n <ng-content select=\"matecu-topbar-fab\"></ng-content>\n <ng-content select=\"matecu-topbar-title\"></ng-content>\n <ng-content select=\"matecu-topbar-search\"></ng-content>\n <ng-content select=\"matecu-topbar-actions\"></ng-content>\n <ng-container *ngIf=\"actionMenu\">\n <div class=\"matecu-topbar-layout__more-actions-btn\">\n <button type=\"button\" (click)=\"onClickActionMenu()\" mat-icon-button>\n <mat-icon>more_vert</mat-icon>\n </button>\n </div>\n </ng-container>\n\n\n </mat-toolbar>\n <ng-content select=\"matecu-topbar-body\"></ng-content>\n", styles: [":host,.matecu-topbar-layout{display:grid;height:100vh;max-width:100vw;overflow:hidden;grid-template-rows:auto 1fr;position:relative}:host,:host *,.matecu-topbar-layout,.matecu-topbar-layout *{box-sizing:border-box}:host mat-toolbar,.matecu-topbar-layout mat-toolbar{position:relative;height:64px;max-height:64px;transition:all .3s;align-items:flex-start}:host__menu-btn,:host__more-actions-btn,.matecu-topbar-layout__menu-btn,.matecu-topbar-layout__more-actions-btn{min-height:64px;display:flex;align-items:center}@media screen and (max-width: 425px){:host__menu-btn,.matecu-topbar-layout__menu-btn{margin-right:auto}}:host.matecu-topbar-layout--prominent .mat-toolbar{height:128px;max-height:128px}:host.matecu-topbar-layout--scrolling .mat-toolbar{height:64px;max-height:64px;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}\n"] }]
|
|
211
205
|
}], ctorParameters: function () { return []; }, propDecorators: { className: [{
|
|
212
206
|
type: HostBinding,
|
|
213
207
|
args: ['class']
|
|
@@ -232,15 +226,11 @@ class MatecuTopbarTitleComponent {
|
|
|
232
226
|
ngOnInit() {
|
|
233
227
|
}
|
|
234
228
|
}
|
|
235
|
-
MatecuTopbarTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
236
|
-
MatecuTopbarTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
237
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
229
|
+
MatecuTopbarTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
230
|
+
MatecuTopbarTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MatecuTopbarTitleComponent, selector: "matecu-topbar-title", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:flex;align-items:center;margin-right:auto;padding:7px 1rem;min-height:64px;box-sizing:border-box;align-self:center}@media screen and (max-width: 425px){:host{display:none}}\n"] });
|
|
231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarTitleComponent, decorators: [{
|
|
238
232
|
type: Component,
|
|
239
|
-
args: [{
|
|
240
|
-
selector: 'matecu-topbar-title',
|
|
241
|
-
templateUrl: './matecu-topbar-title.component.html',
|
|
242
|
-
styleUrls: ['./matecu-topbar-title.component.scss']
|
|
243
|
-
}]
|
|
233
|
+
args: [{ selector: 'matecu-topbar-title', template: "<ng-content></ng-content>", styles: [":host{display:flex;align-items:center;margin-right:auto;padding:7px 1rem;min-height:64px;box-sizing:border-box;align-self:center}@media screen and (max-width: 425px){:host{display:none}}\n"] }]
|
|
244
234
|
}], ctorParameters: function () { return []; }, propDecorators: { className: [{
|
|
245
235
|
type: HostBinding,
|
|
246
236
|
args: ['class']
|
|
@@ -262,15 +252,11 @@ class MatecuTopbarBodyComponent {
|
|
|
262
252
|
}
|
|
263
253
|
}
|
|
264
254
|
}
|
|
265
|
-
MatecuTopbarBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
266
|
-
MatecuTopbarBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
267
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
255
|
+
MatecuTopbarBodyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarBodyComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
256
|
+
MatecuTopbarBodyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MatecuTopbarBodyComponent, selector: "matecu-topbar-body", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:block;padding:0;padding-top:2rem;overflow-y:auto}@media screen and (max-width: 770px){:host{padding-bottom:80px}}\n"] });
|
|
257
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarBodyComponent, decorators: [{
|
|
268
258
|
type: Component,
|
|
269
|
-
args: [{
|
|
270
|
-
selector: 'matecu-topbar-body',
|
|
271
|
-
templateUrl: './matecu-topbar-body.component.html',
|
|
272
|
-
styleUrls: ['./matecu-topbar-body.component.scss'],
|
|
273
|
-
}]
|
|
259
|
+
args: [{ selector: 'matecu-topbar-body', template: "<ng-content></ng-content>", styles: [":host{display:block;padding:0;padding-top:2rem;overflow-y:auto}@media screen and (max-width: 770px){:host{padding-bottom:80px}}\n"] }]
|
|
274
260
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { className: [{
|
|
275
261
|
type: HostBinding,
|
|
276
262
|
args: ['class']
|
|
@@ -288,15 +274,11 @@ class MatecuTopbarFabComponent {
|
|
|
288
274
|
this.clickAction.emit();
|
|
289
275
|
}
|
|
290
276
|
}
|
|
291
|
-
MatecuTopbarFabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
292
|
-
MatecuTopbarFabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
293
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
277
|
+
MatecuTopbarFabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
278
|
+
MatecuTopbarFabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MatecuTopbarFabComponent, selector: "matecu-topbar-fab", inputs: { color: "color", extended: "extended" }, outputs: { clickAction: "clickAction" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: " <button type=\"button\" mat-fab [ngClass]=\"{'extended': extended}\" [color]=\"color\" (click)=\"onClickAction()\">\n <ng-content></ng-content>\n </button>\n", styles: [":host{display:flex;align-items:flex-end;height:100%;position:relative;z-index:2}:host button{transform:translateY(50%)}:host button.extended{border-radius:27px;height:55px;width:auto;padding:0 1rem!important}@media screen and (max-width: 768px){:host{height:auto;position:fixed;bottom:1rem;right:1rem;transform:initial}:host button{transform:translateY(0)}}\n"], components: [{ type: i1$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
279
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarFabComponent, decorators: [{
|
|
294
280
|
type: Component,
|
|
295
|
-
args: [{
|
|
296
|
-
selector: 'matecu-topbar-fab',
|
|
297
|
-
templateUrl: './matecu-topbar-fab.component.html',
|
|
298
|
-
styleUrls: ['./matecu-topbar-fab.component.scss'],
|
|
299
|
-
}]
|
|
281
|
+
args: [{ selector: 'matecu-topbar-fab', template: " <button type=\"button\" mat-fab [ngClass]=\"{'extended': extended}\" [color]=\"color\" (click)=\"onClickAction()\">\n <ng-content></ng-content>\n </button>\n", styles: [":host{display:flex;align-items:flex-end;height:100%;position:relative;z-index:2}:host button{transform:translateY(50%)}:host button.extended{border-radius:27px;height:55px;width:auto;padding:0 1rem!important}@media screen and (max-width: 768px){:host{height:auto;position:fixed;bottom:1rem;right:1rem;transform:initial}:host button{transform:translateY(0)}}\n"] }]
|
|
300
282
|
}], ctorParameters: function () { return []; }, propDecorators: { color: [{
|
|
301
283
|
type: Input
|
|
302
284
|
}], extended: [{
|
|
@@ -356,15 +338,11 @@ class MatecuTopbarSearchComponent {
|
|
|
356
338
|
this.showDescktopCleanBtn = typeof value === 'string' && value.length > 0;
|
|
357
339
|
}
|
|
358
340
|
}
|
|
359
|
-
MatecuTopbarSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
360
|
-
MatecuTopbarSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
361
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
341
|
+
MatecuTopbarSearchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
342
|
+
MatecuTopbarSearchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MatecuTopbarSearchComponent, selector: "matecu-topbar-search", inputs: { searchPlaceholder: "searchPlaceholder", debounceTime: "debounceTime", inputType: "inputType", cleanWhenClose: "cleanWhenClose", value: "value" }, outputs: { valueChange: "valueChange", whenSearchChanges: "whenSearchChanges" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<button mat-icon-button class=\"only-mobile\" (click)=\"toogleSearch()\">\n <mat-icon>search</mat-icon>\n</button>\n\n<div class=\"matecu-topbar-search__input\" [ngClass]=\"{'mobile-input-active': showMobileInput}\">\n <mat-icon>search</mat-icon>\n <input [type]=\"inputType\" [formControl]=\"searchInput\" [placeholder]=\"searchPlaceholder\" />\n <button mat-icon-button (click)=\"closeMobile()\" [ngClass]=\"{'show-btn': showDescktopCleanBtn}\">\n <mat-icon>close</mat-icon>\n </button>\n\n</div>\n", styles: [":host{display:flex;align-items:center;position:relative;padding:7px;min-height:64px;box-sizing:border-box}:host .matecu-topbar-search__input{display:block;position:relative;z-index:2}:host .matecu-topbar-search__input input{border:transparent;border-radius:4px;padding:5px 35px 5px 40px;background-color:#ffffff4d;min-width:200px;width:200px;transition:all .3s ease-in-out;height:39px;color:currentColor}:host .matecu-topbar-search__input input:focus{min-width:290px}:host .matecu-topbar-search__input input::placeholder{color:currentColor}:host .matecu-topbar-search__input input[type=search]::-webkit-search-decoration,:host .matecu-topbar-search__input input[type=search]::-webkit-search-cancel-button,:host .matecu-topbar-search__input input[type=search]::-webkit-search-results-button,:host .matecu-topbar-search__input input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}:host .matecu-topbar-search__input>mat-icon{position:absolute;left:12px;top:10px}:host .matecu-topbar-search__input button{position:absolute;right:0px;top:0;transform:scale(0);transition:transform .3s ease-in-out}:host .matecu-topbar-search__input button mat-icon{font-size:20px}:host .matecu-topbar-search__input button.show-btn{transform:scale(1)}@media screen and (max-width: 768px){:host .matecu-topbar-search__input{position:fixed;top:0;left:0;right:0;height:64px;color:#333;transform:translateY(-110%);transition:all .3s ease-in-out}:host .matecu-topbar-search__input input{width:100%;height:100%;background-color:#fff;border-radius:0;padding-right:30px}:host .matecu-topbar-search__input input:focus{min-width:100%}:host .matecu-topbar-search__input>mat-icon{top:20px}:host .matecu-topbar-search__input button{position:absolute;right:5px;top:10px;transform:scale(1)}}:host .matecu-topbar-search__input.mobile-input-active{transform:translateY(0)}@media screen and (max-width: 768px){:host .matecu-topbar-search__input.mobile-input-active{display:block}}:host .only-mobile{display:none}@media screen and (max-width: 768px){:host .only-mobile{display:block}}\n"], components: [{ type: i1$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
343
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarSearchComponent, decorators: [{
|
|
362
344
|
type: Component,
|
|
363
|
-
args: [{
|
|
364
|
-
selector: 'matecu-topbar-search',
|
|
365
|
-
templateUrl: './matecu-topbar-search.component.html',
|
|
366
|
-
styleUrls: ['./matecu-topbar-search.component.scss'],
|
|
367
|
-
}]
|
|
345
|
+
args: [{ selector: 'matecu-topbar-search', template: "<button mat-icon-button class=\"only-mobile\" (click)=\"toogleSearch()\">\n <mat-icon>search</mat-icon>\n</button>\n\n<div class=\"matecu-topbar-search__input\" [ngClass]=\"{'mobile-input-active': showMobileInput}\">\n <mat-icon>search</mat-icon>\n <input [type]=\"inputType\" [formControl]=\"searchInput\" [placeholder]=\"searchPlaceholder\" />\n <button mat-icon-button (click)=\"closeMobile()\" [ngClass]=\"{'show-btn': showDescktopCleanBtn}\">\n <mat-icon>close</mat-icon>\n </button>\n\n</div>\n", styles: [":host{display:flex;align-items:center;position:relative;padding:7px;min-height:64px;box-sizing:border-box}:host .matecu-topbar-search__input{display:block;position:relative;z-index:2}:host .matecu-topbar-search__input input{border:transparent;border-radius:4px;padding:5px 35px 5px 40px;background-color:#ffffff4d;min-width:200px;width:200px;transition:all .3s ease-in-out;height:39px;color:currentColor}:host .matecu-topbar-search__input input:focus{min-width:290px}:host .matecu-topbar-search__input input::placeholder{color:currentColor}:host .matecu-topbar-search__input input[type=search]::-webkit-search-decoration,:host .matecu-topbar-search__input input[type=search]::-webkit-search-cancel-button,:host .matecu-topbar-search__input input[type=search]::-webkit-search-results-button,:host .matecu-topbar-search__input input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}:host .matecu-topbar-search__input>mat-icon{position:absolute;left:12px;top:10px}:host .matecu-topbar-search__input button{position:absolute;right:0px;top:0;transform:scale(0);transition:transform .3s ease-in-out}:host .matecu-topbar-search__input button mat-icon{font-size:20px}:host .matecu-topbar-search__input button.show-btn{transform:scale(1)}@media screen and (max-width: 768px){:host .matecu-topbar-search__input{position:fixed;top:0;left:0;right:0;height:64px;color:#333;transform:translateY(-110%);transition:all .3s ease-in-out}:host .matecu-topbar-search__input input{width:100%;height:100%;background-color:#fff;border-radius:0;padding-right:30px}:host .matecu-topbar-search__input input:focus{min-width:100%}:host .matecu-topbar-search__input>mat-icon{top:20px}:host .matecu-topbar-search__input button{position:absolute;right:5px;top:10px;transform:scale(1)}}:host .matecu-topbar-search__input.mobile-input-active{transform:translateY(0)}@media screen and (max-width: 768px){:host .matecu-topbar-search__input.mobile-input-active{display:block}}:host .only-mobile{display:none}@media screen and (max-width: 768px){:host .only-mobile{display:block}}\n"] }]
|
|
368
346
|
}], ctorParameters: function () { return []; }, propDecorators: { searchPlaceholder: [{
|
|
369
347
|
type: Input
|
|
370
348
|
}], debounceTime: [{
|
|
@@ -388,21 +366,17 @@ class MatecuTopbarActionsComponent {
|
|
|
388
366
|
constructor() { }
|
|
389
367
|
ngOnInit() { }
|
|
390
368
|
}
|
|
391
|
-
MatecuTopbarActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
392
|
-
MatecuTopbarActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
393
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
369
|
+
MatecuTopbarActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
370
|
+
MatecuTopbarActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MatecuTopbarActionsComponent, selector: "matecu-topbar-actions", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;padding:7px;min-height:64px;box-sizing:border-box}\n"] });
|
|
371
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarActionsComponent, decorators: [{
|
|
394
372
|
type: Component,
|
|
395
|
-
args: [{
|
|
396
|
-
selector: 'matecu-topbar-actions',
|
|
397
|
-
templateUrl: './matecu-topbar-actions.component.html',
|
|
398
|
-
styleUrls: ['./matecu-topbar-actions.component.scss'],
|
|
399
|
-
}]
|
|
373
|
+
args: [{ selector: 'matecu-topbar-actions', template: "<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;padding:7px;min-height:64px;box-sizing:border-box}\n"] }]
|
|
400
374
|
}], ctorParameters: function () { return []; } });
|
|
401
375
|
|
|
402
376
|
class MatecuTopbarLayoutModule {
|
|
403
377
|
}
|
|
404
|
-
MatecuTopbarLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
405
|
-
MatecuTopbarLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
378
|
+
MatecuTopbarLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
379
|
+
MatecuTopbarLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarLayoutModule, declarations: [MatecuTopbarLayoutComponent,
|
|
406
380
|
MatecuTopbarTitleComponent,
|
|
407
381
|
MatecuTopbarBodyComponent,
|
|
408
382
|
MatecuTopbarFabComponent,
|
|
@@ -418,7 +392,7 @@ MatecuTopbarLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0"
|
|
|
418
392
|
MatecuTopbarFabComponent,
|
|
419
393
|
MatecuTopbarSearchComponent,
|
|
420
394
|
MatecuTopbarActionsComponent] });
|
|
421
|
-
MatecuTopbarLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
395
|
+
MatecuTopbarLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarLayoutModule, imports: [[
|
|
422
396
|
CommonModule,
|
|
423
397
|
MatToolbarModule,
|
|
424
398
|
MatIconModule,
|
|
@@ -426,7 +400,7 @@ MatecuTopbarLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0"
|
|
|
426
400
|
ReactiveFormsModule,
|
|
427
401
|
MatButtonModule,
|
|
428
402
|
]] });
|
|
429
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
403
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuTopbarLayoutModule, decorators: [{
|
|
430
404
|
type: NgModule,
|
|
431
405
|
args: [{
|
|
432
406
|
declarations: [
|
|
@@ -510,15 +484,11 @@ class MatecuAlertBoxComponent {
|
|
|
510
484
|
}
|
|
511
485
|
}
|
|
512
486
|
}
|
|
513
|
-
MatecuAlertBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
514
|
-
MatecuAlertBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
515
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
487
|
+
MatecuAlertBoxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuAlertBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
488
|
+
MatecuAlertBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MatecuAlertBoxComponent, selector: "matecu-alert-box", inputs: { color: "color", icon: "icon" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-container *ngIf=\"icon && iconValue\">\n <div class=\"matecu-alert-box__icon\">\n <mat-icon>{{iconValue}}</mat-icon>\n </div>\n</ng-container>\n<div class=\"matecu-alert-box__content\">\n <ng-content>\n\n\n </ng-content>\n</div>\n", styles: [":host.matecu-alert-box{display:flex;padding:1rem;border-radius:.25rem;position:relative;border:1px solid #e0e0e0;box-sizing:border-box;margin:1rem 0}:host.matecu-alert-box--success{color:#0f5032;background-color:#d2e6dc;border-color:#badccd}:host.matecu-alert-box--danger{color:#821e28;background-color:#f8d7da;border-color:#f5c2c7}:host.matecu-alert-box--warning{color:#644d03;background-color:#fff3cd;border-color:#ffecb4}:host.matecu-alert-box--info{color:#055160;background-color:#cff4fc;border-color:#b6effb}:host.matecu-alert-box .matecu-alert-box__icon{display:flex;margin-right:1rem}:host.matecu-alert-box .matecu-alert-box__content{align-self:center}\n"], components: [{ type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
489
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuAlertBoxComponent, decorators: [{
|
|
516
490
|
type: Component,
|
|
517
|
-
args: [{
|
|
518
|
-
selector: 'matecu-alert-box',
|
|
519
|
-
templateUrl: './matecu-alert-box.component.html',
|
|
520
|
-
styleUrls: ['./matecu-alert-box.component.scss'],
|
|
521
|
-
}]
|
|
491
|
+
args: [{ selector: 'matecu-alert-box', template: "<ng-container *ngIf=\"icon && iconValue\">\n <div class=\"matecu-alert-box__icon\">\n <mat-icon>{{iconValue}}</mat-icon>\n </div>\n</ng-container>\n<div class=\"matecu-alert-box__content\">\n <ng-content>\n\n\n </ng-content>\n</div>\n", styles: [":host.matecu-alert-box{display:flex;padding:1rem;border-radius:.25rem;position:relative;border:1px solid #e0e0e0;box-sizing:border-box;margin:1rem 0}:host.matecu-alert-box--success{color:#0f5032;background-color:#d2e6dc;border-color:#badccd}:host.matecu-alert-box--danger{color:#821e28;background-color:#f8d7da;border-color:#f5c2c7}:host.matecu-alert-box--warning{color:#644d03;background-color:#fff3cd;border-color:#ffecb4}:host.matecu-alert-box--info{color:#055160;background-color:#cff4fc;border-color:#b6effb}:host.matecu-alert-box .matecu-alert-box__icon{display:flex;margin-right:1rem}:host.matecu-alert-box .matecu-alert-box__content{align-self:center}\n"] }]
|
|
522
492
|
}], ctorParameters: function () { return []; }, propDecorators: { color: [{
|
|
523
493
|
type: Input
|
|
524
494
|
}], icon: [{
|
|
@@ -562,35 +532,126 @@ class MatecuAlertDialogComponent {
|
|
|
562
532
|
return isValid;
|
|
563
533
|
}
|
|
564
534
|
}
|
|
565
|
-
MatecuAlertDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
566
|
-
MatecuAlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
567
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
535
|
+
MatecuAlertDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuAlertDialogComponent, deps: [{ token: MAT_DIALOG_DATA }, { token: i1$2.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
536
|
+
MatecuAlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MatecuAlertDialogComponent, selector: "matecu-alert-dialog", ngImport: i0, template: "<h2 mat-dialog-title *ngIf=\"hasTitle\">{{dialogData.title}}</h2>\n<mat-dialog-content>\n\n <matecu-alert-box [color]=\"dialogData.type\" [icon]=\"!!dialogData.icon\">\n {{dialogData.message}}\n </matecu-alert-box>\n\n</mat-dialog-content>\n<mat-dialog-actions *ngIf=\"showActions\" align=\"end\">\n <button mat-button color=\"primary\" tabindex=\"-1\" mat-dialog-close\n *ngIf=\"hasDismissBtn\">{{dialogData.dismissText}}</button>\n <button mat-button color=\"primary\" tabindex=\"-2\" (click)=\"activateAction()\"\n *ngIf=\"hasActionBtn\">{{dialogData.action}}</button>\n</mat-dialog-actions>\n", styles: [":host matecu-alert-box{max-width:900px}\n"], components: [{ type: MatecuAlertBoxComponent, selector: "matecu-alert-box", inputs: ["color", "icon"] }, { type: i1$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }] });
|
|
537
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuAlertDialogComponent, decorators: [{
|
|
568
538
|
type: Component,
|
|
569
|
-
args: [{
|
|
570
|
-
selector: 'matecu-alert-dialog',
|
|
571
|
-
templateUrl: './matecu-alert-dialog.component.html',
|
|
572
|
-
styleUrls: ['./matecu-alert-dialog.component.scss'],
|
|
573
|
-
}]
|
|
539
|
+
args: [{ selector: 'matecu-alert-dialog', template: "<h2 mat-dialog-title *ngIf=\"hasTitle\">{{dialogData.title}}</h2>\n<mat-dialog-content>\n\n <matecu-alert-box [color]=\"dialogData.type\" [icon]=\"!!dialogData.icon\">\n {{dialogData.message}}\n </matecu-alert-box>\n\n</mat-dialog-content>\n<mat-dialog-actions *ngIf=\"showActions\" align=\"end\">\n <button mat-button color=\"primary\" tabindex=\"-1\" mat-dialog-close\n *ngIf=\"hasDismissBtn\">{{dialogData.dismissText}}</button>\n <button mat-button color=\"primary\" tabindex=\"-2\" (click)=\"activateAction()\"\n *ngIf=\"hasActionBtn\">{{dialogData.action}}</button>\n</mat-dialog-actions>\n", styles: [":host matecu-alert-box{max-width:900px}\n"] }]
|
|
574
540
|
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
575
541
|
type: Inject,
|
|
576
542
|
args: [MAT_DIALOG_DATA]
|
|
577
543
|
}] }, { type: i1$2.MatDialogRef }]; } });
|
|
578
544
|
|
|
545
|
+
class MatecuAlertSnackBarComponent {
|
|
546
|
+
constructor(data, snackBarRef) {
|
|
547
|
+
this.data = data;
|
|
548
|
+
this.snackBarRef = snackBarRef;
|
|
549
|
+
this.classNameBase = 'matecu-alert-snackbar';
|
|
550
|
+
this.className = this.classNameBase;
|
|
551
|
+
this.title = data.title;
|
|
552
|
+
this.message = data.message;
|
|
553
|
+
this.action = data.action;
|
|
554
|
+
this.color = data.type;
|
|
555
|
+
}
|
|
556
|
+
get color() {
|
|
557
|
+
return this.alertColor;
|
|
558
|
+
}
|
|
559
|
+
set color(value) {
|
|
560
|
+
this.alertColor = value;
|
|
561
|
+
this.className = `${this.classNameBase} ${this.classNameBase}--${value}`;
|
|
562
|
+
}
|
|
563
|
+
dismiss() {
|
|
564
|
+
this.snackBarRef.dismissWithAction();
|
|
565
|
+
}
|
|
566
|
+
}
|
|
567
|
+
MatecuAlertSnackBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuAlertSnackBarComponent, deps: [{ token: MAT_SNACK_BAR_DATA }, { token: i1$3.MatSnackBarRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
568
|
+
MatecuAlertSnackBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.8", type: MatecuAlertSnackBarComponent, selector: "matecu-alert-snack-bar", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<div>\n <strong>{{title}}</strong> \n <span>{{message}}</span>\n</div>\n<div *ngIf=\"!!action?.length\">\n\n <button mat-button color=\"accent\" (click)=\"dismiss()\">{{action}}</button>\n</div>", styles: [":host.matecu-alert-snackbar{display:flex;align-items:center}:host.matecu-alert-snackbar>*:not(:first-child){margin-left:10px}:host.matecu-alert-snackbar--success strong{color:#20db20}:host.matecu-alert-snackbar--danger strong{color:red}:host.matecu-alert-snackbar--warning strong{color:orange}:host.matecu-alert-snackbar--info strong{color:#07a0ed}\n"], components: [{ type: i1$1.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
|
|
569
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuAlertSnackBarComponent, decorators: [{
|
|
570
|
+
type: Component,
|
|
571
|
+
args: [{ selector: 'matecu-alert-snack-bar', template: "<div>\n <strong>{{title}}</strong> \n <span>{{message}}</span>\n</div>\n<div *ngIf=\"!!action?.length\">\n\n <button mat-button color=\"accent\" (click)=\"dismiss()\">{{action}}</button>\n</div>", styles: [":host.matecu-alert-snackbar{display:flex;align-items:center}:host.matecu-alert-snackbar>*:not(:first-child){margin-left:10px}:host.matecu-alert-snackbar--success strong{color:#20db20}:host.matecu-alert-snackbar--danger strong{color:red}:host.matecu-alert-snackbar--warning strong{color:orange}:host.matecu-alert-snackbar--info strong{color:#07a0ed}\n"] }]
|
|
572
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
573
|
+
type: Inject,
|
|
574
|
+
args: [MAT_SNACK_BAR_DATA]
|
|
575
|
+
}] }, { type: i1$3.MatSnackBarRef }]; }, propDecorators: { className: [{
|
|
576
|
+
type: HostBinding,
|
|
577
|
+
args: ['class']
|
|
578
|
+
}] } });
|
|
579
|
+
|
|
579
580
|
class MatecuAlertBoxModule {
|
|
580
581
|
}
|
|
581
|
-
MatecuAlertBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
582
|
-
MatecuAlertBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
583
|
-
MatecuAlertBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
584
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
582
|
+
MatecuAlertBoxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuAlertBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
583
|
+
MatecuAlertBoxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuAlertBoxModule, declarations: [MatecuAlertBoxComponent, MatecuAlertDialogComponent, MatecuAlertSnackBarComponent], imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule, MatSnackBarModule], exports: [MatecuAlertBoxComponent] });
|
|
584
|
+
MatecuAlertBoxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuAlertBoxModule, imports: [[CommonModule, MatIconModule, MatDialogModule, MatButtonModule, MatSnackBarModule]] });
|
|
585
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuAlertBoxModule, decorators: [{
|
|
585
586
|
type: NgModule,
|
|
586
587
|
args: [{
|
|
587
|
-
declarations: [MatecuAlertBoxComponent, MatecuAlertDialogComponent],
|
|
588
|
-
imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule],
|
|
589
|
-
exports: [MatecuAlertBoxComponent]
|
|
590
|
-
entryComponents: [MatecuAlertDialogComponent],
|
|
588
|
+
declarations: [MatecuAlertBoxComponent, MatecuAlertDialogComponent, MatecuAlertSnackBarComponent],
|
|
589
|
+
imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule, MatSnackBarModule],
|
|
590
|
+
exports: [MatecuAlertBoxComponent]
|
|
591
591
|
}]
|
|
592
592
|
}] });
|
|
593
593
|
|
|
594
|
+
class MatecuSnackBarService {
|
|
595
|
+
constructor(snackBar) {
|
|
596
|
+
this.snackBar = snackBar;
|
|
597
|
+
}
|
|
598
|
+
openError(error, title, action, config) {
|
|
599
|
+
const message = this.getErrorMessage(error);
|
|
600
|
+
const titleStr = title || 'ERROR';
|
|
601
|
+
const type = MatecuAlertBoxType.danger;
|
|
602
|
+
return this.openAlert(message, titleStr, type, action, config);
|
|
603
|
+
}
|
|
604
|
+
openSuccess(message, title, action, config) {
|
|
605
|
+
const titleStr = title || 'OK';
|
|
606
|
+
const type = MatecuAlertBoxType.success;
|
|
607
|
+
return this.openAlert(message, titleStr, type, action, config);
|
|
608
|
+
}
|
|
609
|
+
openWarning(message, title, action, config) {
|
|
610
|
+
const titleStr = title || 'WARNING';
|
|
611
|
+
const type = MatecuAlertBoxType.warning;
|
|
612
|
+
return this.openAlert(message, titleStr, type, action, config);
|
|
613
|
+
}
|
|
614
|
+
openInfo(message, title, action, config) {
|
|
615
|
+
const titleStr = title || 'INFO';
|
|
616
|
+
const type = MatecuAlertBoxType.info;
|
|
617
|
+
return this.openAlert(message, titleStr, type, action, config);
|
|
618
|
+
}
|
|
619
|
+
open(message, action, config) {
|
|
620
|
+
return this.snackBar.open(message, action, config);
|
|
621
|
+
}
|
|
622
|
+
dismiss() {
|
|
623
|
+
this.snackBar.dismiss();
|
|
624
|
+
}
|
|
625
|
+
openAlert(message, title, type, action, config) {
|
|
626
|
+
const data = {
|
|
627
|
+
message,
|
|
628
|
+
title,
|
|
629
|
+
action,
|
|
630
|
+
type
|
|
631
|
+
};
|
|
632
|
+
const dialogConfig = { ...config, data };
|
|
633
|
+
return this.snackBar.openFromComponent(MatecuAlertSnackBarComponent, dialogConfig);
|
|
634
|
+
}
|
|
635
|
+
getErrorMessage(err) {
|
|
636
|
+
const error = new Error();
|
|
637
|
+
if (typeof err === 'string') {
|
|
638
|
+
return err;
|
|
639
|
+
}
|
|
640
|
+
if (err instanceof Error) {
|
|
641
|
+
return err.message;
|
|
642
|
+
}
|
|
643
|
+
return '';
|
|
644
|
+
}
|
|
645
|
+
}
|
|
646
|
+
MatecuSnackBarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuSnackBarService, deps: [{ token: i1$3.MatSnackBar }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
647
|
+
MatecuSnackBarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuSnackBarService, providedIn: 'root' });
|
|
648
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.8", ngImport: i0, type: MatecuSnackBarService, decorators: [{
|
|
649
|
+
type: Injectable,
|
|
650
|
+
args: [{
|
|
651
|
+
providedIn: 'root'
|
|
652
|
+
}]
|
|
653
|
+
}], ctorParameters: function () { return [{ type: i1$3.MatSnackBar }]; } });
|
|
654
|
+
|
|
594
655
|
/*
|
|
595
656
|
* Public API Surface of angular-matecu
|
|
596
657
|
*/
|
|
@@ -599,5 +660,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImpor
|
|
|
599
660
|
* Generated bundle index. Do not edit.
|
|
600
661
|
*/
|
|
601
662
|
|
|
602
|
-
export { MatecuAlertBoxComponent, MatecuAlertBoxModule, MatecuAlertBoxType, MatecuAlertDialogComponent, MatecuSpinnerComponent, MatecuSpinnerModule, MatecuSpinnerService, MatecuTopbarActionsComponent, MatecuTopbarBodyComponent, MatecuTopbarFabComponent, MatecuTopbarLayoutComponent, MatecuTopbarLayoutModule, MatecuTopbarSearchComponent, MatecuTopbarTitleComponent };
|
|
603
|
-
//# sourceMappingURL=angular-matecu.
|
|
663
|
+
export { MatecuAlertBoxComponent, MatecuAlertBoxModule, MatecuAlertBoxType, MatecuAlertDialogComponent, MatecuAlertSnackBarComponent, MatecuSnackBarService, MatecuSpinnerComponent, MatecuSpinnerModule, MatecuSpinnerService, MatecuTopbarActionsComponent, MatecuTopbarBodyComponent, MatecuTopbarFabComponent, MatecuTopbarLayoutComponent, MatecuTopbarLayoutModule, MatecuTopbarSearchComponent, MatecuTopbarTitleComponent };
|
|
664
|
+
//# sourceMappingURL=angular-matecu.mjs.map
|