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.
Files changed (40) hide show
  1. package/README.md +29 -0
  2. package/{esm2015/angular-matecu.js → esm2020/angular-matecu.mjs} +0 -0
  3. 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
  4. package/esm2020/lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component.mjs +51 -0
  5. package/esm2020/lib/modules/matecu-alert-box/components/matecu-alert-snack-bar/matecu-alert-snack-bar.component.mjs +41 -0
  6. package/esm2020/lib/modules/matecu-alert-box/matecu-alert-box.module.mjs +24 -0
  7. package/esm2020/lib/modules/matecu-alert-box/services/matecu-snack-bar.service.mjs +66 -0
  8. 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
  9. package/esm2020/lib/modules/matecu-alert-box/types/matecu-alert-snackbar.mjs +2 -0
  10. 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
  11. package/esm2020/lib/modules/matecu-spinner/components/matecu-spinner/matecu-spinner.component.mjs +57 -0
  12. package/{esm2015/lib/modules/matecu-spinner/matecu-spinner.module.js → esm2020/lib/modules/matecu-spinner/matecu-spinner.module.mjs} +4 -4
  13. package/{esm2015/lib/modules/matecu-spinner/services/matecu-spinner.service.js → esm2020/lib/modules/matecu-spinner/services/matecu-spinner.service.mjs} +3 -3
  14. 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
  15. 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
  16. 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
  17. package/esm2020/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.mjs +99 -0
  18. package/esm2020/lib/modules/matecu-topbar-layout/components/matecu-topbar-search/matecu-topbar-search.component.mjs +81 -0
  19. 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
  20. 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
  21. package/esm2020/public-api.mjs +30 -0
  22. package/fesm2015/angular-matecu.mjs +668 -0
  23. package/fesm2015/angular-matecu.mjs.map +1 -0
  24. package/{fesm2015/angular-matecu.js → fesm2020/angular-matecu.mjs} +154 -93
  25. package/fesm2020/angular-matecu.mjs.map +1 -0
  26. package/lib/modules/matecu-alert-box/components/matecu-alert-snack-bar/matecu-alert-snack-bar.component.d.ts +20 -0
  27. package/lib/modules/matecu-alert-box/matecu-alert-box.module.d.ts +7 -5
  28. package/lib/modules/matecu-alert-box/services/matecu-snack-bar.service.d.ts +17 -0
  29. package/lib/modules/matecu-alert-box/types/matecu-alert-snackbar.d.ts +7 -0
  30. package/package.json +23 -10
  31. package/public-api.d.ts +2 -0
  32. package/bundles/angular-matecu.umd.js +0 -681
  33. package/bundles/angular-matecu.umd.js.map +0 -1
  34. package/esm2015/lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component.js +0 -55
  35. package/esm2015/lib/modules/matecu-alert-box/matecu-alert-box.module.js +0 -23
  36. package/esm2015/lib/modules/matecu-spinner/components/matecu-spinner/matecu-spinner.component.js +0 -61
  37. package/esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.js +0 -103
  38. package/esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-search/matecu-topbar-search.component.js +0 -85
  39. package/esm2015/public-api.js +0 -28
  40. package/fesm2015/angular-matecu.js.map +0 -1
@@ -1,681 +0,0 @@
1
- (function (global, factory) {
2
- typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('@angular/forms'), require('@angular/material/toolbar'), require('@angular/material/button'), require('@angular/material/icon'), require('@angular/material/dialog')) :
3
- typeof define === 'function' && define.amd ? define('angular-matecu', ['exports', '@angular/core', '@angular/common', 'rxjs', 'rxjs/operators', '@angular/forms', '@angular/material/toolbar', '@angular/material/button', '@angular/material/icon', '@angular/material/dialog'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['angular-matecu'] = {}, global.ng.core, global.ng.common, global.rxjs, global.rxjs.operators, global.ng.forms, global.ng.material.toolbar, global.ng.material.button, global.ng.material.icon, global.ng.material.dialog));
5
- }(this, (function (exports, i0, i2, rxjs, operators, i4, i1, i1$1, i3, i1$2) { 'use strict';
6
-
7
- function _interopNamespace(e) {
8
- if (e && e.__esModule) return e;
9
- var n = Object.create(null);
10
- if (e) {
11
- Object.keys(e).forEach(function (k) {
12
- if (k !== 'default') {
13
- var d = Object.getOwnPropertyDescriptor(e, k);
14
- Object.defineProperty(n, k, d.get ? d : {
15
- enumerable: true,
16
- get: function () {
17
- return e[k];
18
- }
19
- });
20
- }
21
- });
22
- }
23
- n['default'] = e;
24
- return Object.freeze(n);
25
- }
26
-
27
- var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
28
- var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
29
- var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
30
- var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
31
- var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
32
- var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
33
- var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
34
-
35
- var MatecuSpinnerService = /** @class */ (function () {
36
- function MatecuSpinnerService() {
37
- this.active$ = new rxjs.BehaviorSubject(false);
38
- this.requestsKeys = [];
39
- }
40
- MatecuSpinnerService.prototype.watch = function () {
41
- return this.active$.pipe();
42
- };
43
- MatecuSpinnerService.prototype.add = function (customKey) {
44
- var key = (typeof (customKey) === 'string' && customKey.length > 0) ? customKey : this.createKey();
45
- this.requestsKeys.push(key);
46
- this.updateStatus();
47
- return key;
48
- };
49
- MatecuSpinnerService.prototype.remove = function (key) {
50
- this.requestsKeys = this.requestsKeys.filter(function (requestKey) { return requestKey !== key; });
51
- this.updateStatus();
52
- };
53
- MatecuSpinnerService.prototype.clear = function () {
54
- this.requestsKeys = [];
55
- this.updateStatus();
56
- };
57
- MatecuSpinnerService.prototype.updateStatus = function () {
58
- var active = this.requestsKeys.length > 0;
59
- this.active$.next(active);
60
- };
61
- MatecuSpinnerService.prototype.createKey = function () {
62
- var time = new Date().getTime();
63
- var complement = Math.random();
64
- return time + "__" + complement;
65
- };
66
- return MatecuSpinnerService;
67
- }());
68
- MatecuSpinnerService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuSpinnerService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
69
- MatecuSpinnerService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuSpinnerService, providedIn: 'root' });
70
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuSpinnerService, decorators: [{
71
- type: i0.Injectable,
72
- args: [{
73
- providedIn: 'root',
74
- }]
75
- }], ctorParameters: function () { return []; } });
76
-
77
- var MatecuSpinnerComponent = /** @class */ (function () {
78
- function MatecuSpinnerComponent(spinnerService) {
79
- this.spinnerService = spinnerService;
80
- this.destroy$ = new rxjs.Subject();
81
- this.hiddenClass = 'matecu-spinner--hidden';
82
- this.activeCache = false;
83
- this.className = 'matecu-spinner';
84
- this.color = '#2196F3';
85
- this.global = false;
86
- this.size = '70px';
87
- }
88
- Object.defineProperty(MatecuSpinnerComponent.prototype, "active", {
89
- get: function () {
90
- return this.activeCache;
91
- },
92
- set: function (value) {
93
- if (this.global) {
94
- return;
95
- }
96
- this.activeCache = value;
97
- this.className = value
98
- ? this.className.replace(" " + this.hiddenClass, '')
99
- : (this.className += " " + this.hiddenClass);
100
- },
101
- enumerable: false,
102
- configurable: true
103
- });
104
- MatecuSpinnerComponent.prototype.ngOnDestroy = function () {
105
- this.destroy$.next();
106
- this.destroy$.complete();
107
- };
108
- MatecuSpinnerComponent.prototype.ngOnInit = function () {
109
- var _this = this;
110
- if (this.global) {
111
- this.spinnerService.watch().pipe(operators.tap(function (value) { return _this.activeCache = value; }), operators.takeUntil(this.destroy$)).subscribe();
112
- }
113
- };
114
- return MatecuSpinnerComponent;
115
- }());
116
- MatecuSpinnerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuSpinnerComponent, deps: [{ token: MatecuSpinnerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
117
- MatecuSpinnerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuSpinnerComponent, selector: "matecu-spinner", inputs: { color: "color", global: "global", active: "active", size: "size" }, host: { properties: { "class": "this.className" } }, ngImport: i0__namespace, 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}"], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
118
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuSpinnerComponent, decorators: [{
119
- type: i0.Component,
120
- args: [{
121
- selector: 'matecu-spinner',
122
- templateUrl: './matecu-spinner.component.html',
123
- styleUrls: ['./matecu-spinner.component.css']
124
- }]
125
- }], ctorParameters: function () { return [{ type: MatecuSpinnerService }]; }, propDecorators: { className: [{
126
- type: i0.HostBinding,
127
- args: ['class']
128
- }], color: [{
129
- type: i0.Input
130
- }], global: [{
131
- type: i0.Input
132
- }], active: [{
133
- type: i0.Input
134
- }], size: [{
135
- type: i0.Input
136
- }] } });
137
-
138
- var MatecuSpinnerModule = /** @class */ (function () {
139
- function MatecuSpinnerModule() {
140
- }
141
- return MatecuSpinnerModule;
142
- }());
143
- MatecuSpinnerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuSpinnerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
144
- MatecuSpinnerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuSpinnerModule, declarations: [MatecuSpinnerComponent], imports: [i2.CommonModule], exports: [MatecuSpinnerComponent] });
145
- MatecuSpinnerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuSpinnerModule, imports: [[
146
- i2.CommonModule
147
- ]] });
148
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuSpinnerModule, decorators: [{
149
- type: i0.NgModule,
150
- args: [{
151
- declarations: [MatecuSpinnerComponent],
152
- imports: [
153
- i2.CommonModule
154
- ],
155
- exports: [
156
- MatecuSpinnerComponent
157
- ]
158
- }]
159
- }] });
160
-
161
- var MatecuTopbarLayoutComponent = /** @class */ (function () {
162
- function MatecuTopbarLayoutComponent() {
163
- this.className = 'matecu-topbar-layout';
164
- this.showSearchInput = false;
165
- this.search = false;
166
- this.searchInput = new i4.FormControl();
167
- this.isProminent = false;
168
- this.scrollingClass = 'matecu-topbar-layout--scrolling';
169
- this.prominentClass = 'matecu-topbar-layout--prominent';
170
- this.color = 'primary';
171
- this.navMenu = true;
172
- this.actionMenu = false;
173
- this.clickNavMenu = new i0.EventEmitter();
174
- this.clickActionMenu = new i0.EventEmitter();
175
- }
176
- Object.defineProperty(MatecuTopbarLayoutComponent.prototype, "prominent", {
177
- set: function (value) {
178
- this.isProminent = value;
179
- if (value) {
180
- this.className += ' ' + this.prominentClass;
181
- }
182
- else {
183
- var regex = new RegExp(this.prominentClass, 'ig');
184
- this.className = this.className.replace(regex, '').trim();
185
- }
186
- },
187
- enumerable: false,
188
- configurable: true
189
- });
190
- MatecuTopbarLayoutComponent.prototype.ngAfterViewInit = function () {
191
- this.spyScroll().subscribe();
192
- };
193
- MatecuTopbarLayoutComponent.prototype.toogleSearch = function () {
194
- this.showSearchInput = !this.showSearchInput;
195
- };
196
- MatecuTopbarLayoutComponent.prototype.closeSearch = function () {
197
- this.showSearchInput = false;
198
- this.searchInput.reset();
199
- };
200
- MatecuTopbarLayoutComponent.prototype.onMenuClick = function () { };
201
- MatecuTopbarLayoutComponent.prototype.onClickNavMenu = function () {
202
- this.clickNavMenu.emit();
203
- };
204
- MatecuTopbarLayoutComponent.prototype.onClickActionMenu = function () {
205
- this.clickActionMenu.emit();
206
- };
207
- MatecuTopbarLayoutComponent.prototype.spyScroll = function () {
208
- var _this = this;
209
- var scrollabe = document.querySelector('.matecu-topbar-body');
210
- if (!scrollabe) {
211
- return rxjs.of(null);
212
- }
213
- return rxjs.fromEvent(scrollabe, 'scroll').pipe(operators.tap(function () { return _this.applyScrollStyles(scrollabe); }), operators.map(function () { return scrollabe; }));
214
- };
215
- MatecuTopbarLayoutComponent.prototype.applyScrollStyles = function (scrollabe) {
216
- if (!scrollabe) {
217
- return;
218
- }
219
- var maxScrollHeight = scrollabe.scrollHeight;
220
- var screenHeight = screen.availHeight;
221
- if (screenHeight > maxScrollHeight) {
222
- return;
223
- }
224
- var scrollPosition = scrollabe.scrollTop;
225
- if (scrollPosition > 20) {
226
- this.className += ' ' + this.scrollingClass;
227
- }
228
- if (scrollPosition < 10) {
229
- var regexp = new RegExp(this.scrollingClass, 'ig');
230
- this.className = this.className.replace(regexp, '').trim();
231
- }
232
- };
233
- return MatecuTopbarLayoutComponent;
234
- }());
235
- MatecuTopbarLayoutComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarLayoutComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
236
- MatecuTopbarLayoutComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", 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__namespace, 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: [".matecu-topbar-layout,:host{display:grid;height:100vh;max-width:100vw;overflow:hidden;grid-template-rows:auto 1fr;position:relative}.matecu-topbar-layout,.matecu-topbar-layout *,:host,:host *{box-sizing:border-box}.matecu-topbar-layout mat-toolbar,:host mat-toolbar{position:relative;height:64px;max-height:64px;transition:all .3s;align-items:flex-start}.matecu-topbar-layout__menu-btn,.matecu-topbar-layout__more-actions-btn,:host__menu-btn,:host__more-actions-btn{min-height:64px;display:flex;align-items:center}@media screen and (max-width:425px){.matecu-topbar-layout__menu-btn,:host__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 0 #00000024,0 1px 18px 0 #0000001f}"], components: [{ type: i1__namespace.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { type: i1__namespace$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__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
237
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarLayoutComponent, decorators: [{
238
- type: i0.Component,
239
- args: [{
240
- selector: 'matecu-topbar-layout',
241
- templateUrl: './matecu-topbar-layout.component.html',
242
- styleUrls: ['./matecu-topbar-layout.component.scss'],
243
- }]
244
- }], ctorParameters: function () { return []; }, propDecorators: { className: [{
245
- type: i0.HostBinding,
246
- args: ['class']
247
- }], color: [{
248
- type: i0.Input
249
- }], navMenu: [{
250
- type: i0.Input
251
- }], actionMenu: [{
252
- type: i0.Input
253
- }], clickNavMenu: [{
254
- type: i0.Output
255
- }], clickActionMenu: [{
256
- type: i0.Output
257
- }], prominent: [{
258
- type: i0.Input
259
- }] } });
260
-
261
- var MatecuTopbarTitleComponent = /** @class */ (function () {
262
- function MatecuTopbarTitleComponent() {
263
- this.className = 'title';
264
- }
265
- MatecuTopbarTitleComponent.prototype.ngOnInit = function () {
266
- };
267
- return MatecuTopbarTitleComponent;
268
- }());
269
- MatecuTopbarTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
270
- MatecuTopbarTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuTopbarTitleComponent, selector: "matecu-topbar-title", host: { properties: { "class": "this.className" } }, ngImport: i0__namespace, 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}}"] });
271
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarTitleComponent, decorators: [{
272
- type: i0.Component,
273
- args: [{
274
- selector: 'matecu-topbar-title',
275
- templateUrl: './matecu-topbar-title.component.html',
276
- styleUrls: ['./matecu-topbar-title.component.scss']
277
- }]
278
- }], ctorParameters: function () { return []; }, propDecorators: { className: [{
279
- type: i0.HostBinding,
280
- args: ['class']
281
- }] } });
282
-
283
- var MatecuTopbarBodyComponent = /** @class */ (function () {
284
- function MatecuTopbarBodyComponent(elementRef) {
285
- this.elementRef = elementRef;
286
- this.className = 'matecu-topbar-body';
287
- }
288
- MatecuTopbarBodyComponent.prototype.ngOnInit = function () { };
289
- MatecuTopbarBodyComponent.prototype.scrollTop = function () {
290
- var element = this.elementRef.nativeElement;
291
- if (!!element) {
292
- element.scroll({
293
- top: 0,
294
- behavior: 'smooth',
295
- });
296
- }
297
- };
298
- return MatecuTopbarBodyComponent;
299
- }());
300
- MatecuTopbarBodyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarBodyComponent, deps: [{ token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
301
- MatecuTopbarBodyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuTopbarBodyComponent, selector: "matecu-topbar-body", host: { properties: { "class": "this.className" } }, ngImport: i0__namespace, template: "<ng-content></ng-content>", styles: [":host{display:block;padding:2rem 0 0;overflow-y:auto}@media screen and (max-width:770px){:host{padding-bottom:80px}}"] });
302
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarBodyComponent, decorators: [{
303
- type: i0.Component,
304
- args: [{
305
- selector: 'matecu-topbar-body',
306
- templateUrl: './matecu-topbar-body.component.html',
307
- styleUrls: ['./matecu-topbar-body.component.scss'],
308
- }]
309
- }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }]; }, propDecorators: { className: [{
310
- type: i0.HostBinding,
311
- args: ['class']
312
- }] } });
313
-
314
- var MatecuTopbarFabComponent = /** @class */ (function () {
315
- function MatecuTopbarFabComponent() {
316
- this.color = 'accent';
317
- this.extended = false;
318
- this.clickAction = new i0.EventEmitter();
319
- this.className = 'matecu-topbar-fab';
320
- }
321
- MatecuTopbarFabComponent.prototype.ngOnInit = function () { };
322
- MatecuTopbarFabComponent.prototype.onClickAction = function () {
323
- this.clickAction.emit();
324
- };
325
- return MatecuTopbarFabComponent;
326
- }());
327
- MatecuTopbarFabComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarFabComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
328
- MatecuTopbarFabComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuTopbarFabComponent, selector: "matecu-topbar-fab", inputs: { color: "color", extended: "extended" }, outputs: { clickAction: "clickAction" }, host: { properties: { "class": "this.className" } }, ngImport: i0__namespace, 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:none}:host button{transform:translateY(0)}}"], components: [{ type: i1__namespace$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__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
329
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarFabComponent, decorators: [{
330
- type: i0.Component,
331
- args: [{
332
- selector: 'matecu-topbar-fab',
333
- templateUrl: './matecu-topbar-fab.component.html',
334
- styleUrls: ['./matecu-topbar-fab.component.scss'],
335
- }]
336
- }], ctorParameters: function () { return []; }, propDecorators: { color: [{
337
- type: i0.Input
338
- }], extended: [{
339
- type: i0.Input
340
- }], clickAction: [{
341
- type: i0.Output
342
- }], className: [{
343
- type: i0.HostBinding,
344
- args: ['class']
345
- }] } });
346
-
347
- var MatecuTopbarSearchComponent = /** @class */ (function () {
348
- function MatecuTopbarSearchComponent() {
349
- this.showMobileInput = false;
350
- this.searchInput = new i4.FormControl();
351
- this.showDescktopCleanBtn = false;
352
- this.destroy = new rxjs.Subject();
353
- this.searchPlaceholder = 'Buscar';
354
- this.debounceTime = 500;
355
- this.inputType = 'text';
356
- this.cleanWhenClose = true;
357
- this.valueChange = new i0.EventEmitter();
358
- this.whenSearchChanges = new i0.EventEmitter();
359
- this.className = 'matecu-topbar-search';
360
- }
361
- Object.defineProperty(MatecuTopbarSearchComponent.prototype, "value", {
362
- set: function (val) {
363
- if (typeof val === 'string') {
364
- this.searchInput.setValue(val);
365
- }
366
- else {
367
- this.searchInput.reset();
368
- }
369
- },
370
- enumerable: false,
371
- configurable: true
372
- });
373
- MatecuTopbarSearchComponent.prototype.ngOnInit = function () {
374
- this.watchSearch();
375
- };
376
- MatecuTopbarSearchComponent.prototype.toogleSearch = function () {
377
- this.showMobileInput = !this.showMobileInput;
378
- };
379
- MatecuTopbarSearchComponent.prototype.closeMobile = function () {
380
- if (this.cleanWhenClose) {
381
- this.searchInput.reset();
382
- }
383
- this.showMobileInput = false;
384
- };
385
- MatecuTopbarSearchComponent.prototype.watchSearch = function () {
386
- var _this = this;
387
- this.searchInput.valueChanges
388
- .pipe(operators.tap(function (value) { return _this.setShowDescktopCleanBtn(value); }), operators.debounceTime(this.debounceTime), operators.distinctUntilChanged(), operators.tap(function (value) { return _this.searchChanges(value); }), operators.takeUntil(this.destroy))
389
- .subscribe();
390
- };
391
- MatecuTopbarSearchComponent.prototype.searchChanges = function (searchVal) {
392
- var value = typeof searchVal === 'string' && searchVal.length > 0 ? searchVal : '';
393
- this.whenSearchChanges.emit(value);
394
- this.valueChange.emit(value);
395
- };
396
- MatecuTopbarSearchComponent.prototype.setShowDescktopCleanBtn = function (value) {
397
- this.showDescktopCleanBtn = typeof value === 'string' && value.length > 0;
398
- };
399
- return MatecuTopbarSearchComponent;
400
- }());
401
- MatecuTopbarSearchComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarSearchComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
402
- MatecuTopbarSearchComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", 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__namespace, 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:#0000;border-radius:4px;padding:5px 20px 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-cancel-button,:host .matecu-topbar-search__input input[type=search]::-webkit-search-decoration,: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:0;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(100%)}@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(100%)}}: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}}"], components: [{ type: i1__namespace$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__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.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__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4__namespace.FormControlDirective, selector: "[formControl]", inputs: ["disabled", "formControl", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
403
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarSearchComponent, decorators: [{
404
- type: i0.Component,
405
- args: [{
406
- selector: 'matecu-topbar-search',
407
- templateUrl: './matecu-topbar-search.component.html',
408
- styleUrls: ['./matecu-topbar-search.component.scss'],
409
- }]
410
- }], ctorParameters: function () { return []; }, propDecorators: { searchPlaceholder: [{
411
- type: i0.Input
412
- }], debounceTime: [{
413
- type: i0.Input
414
- }], inputType: [{
415
- type: i0.Input
416
- }], cleanWhenClose: [{
417
- type: i0.Input
418
- }], value: [{
419
- type: i0.Input
420
- }], valueChange: [{
421
- type: i0.Output
422
- }], whenSearchChanges: [{
423
- type: i0.Output
424
- }], className: [{
425
- type: i0.HostBinding,
426
- args: ['class']
427
- }] } });
428
-
429
- var MatecuTopbarActionsComponent = /** @class */ (function () {
430
- function MatecuTopbarActionsComponent() {
431
- }
432
- MatecuTopbarActionsComponent.prototype.ngOnInit = function () { };
433
- return MatecuTopbarActionsComponent;
434
- }());
435
- MatecuTopbarActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
436
- MatecuTopbarActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuTopbarActionsComponent, selector: "matecu-topbar-actions", ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;align-items:center;padding:7px;min-height:64px;box-sizing:border-box}"] });
437
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarActionsComponent, decorators: [{
438
- type: i0.Component,
439
- args: [{
440
- selector: 'matecu-topbar-actions',
441
- templateUrl: './matecu-topbar-actions.component.html',
442
- styleUrls: ['./matecu-topbar-actions.component.scss'],
443
- }]
444
- }], ctorParameters: function () { return []; } });
445
-
446
- var MatecuTopbarLayoutModule = /** @class */ (function () {
447
- function MatecuTopbarLayoutModule() {
448
- }
449
- return MatecuTopbarLayoutModule;
450
- }());
451
- MatecuTopbarLayoutModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarLayoutModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
452
- MatecuTopbarLayoutModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarLayoutModule, declarations: [MatecuTopbarLayoutComponent,
453
- MatecuTopbarTitleComponent,
454
- MatecuTopbarBodyComponent,
455
- MatecuTopbarFabComponent,
456
- MatecuTopbarSearchComponent,
457
- MatecuTopbarActionsComponent], imports: [i2.CommonModule,
458
- i1.MatToolbarModule,
459
- i3.MatIconModule,
460
- i4.FormsModule,
461
- i4.ReactiveFormsModule,
462
- i1$1.MatButtonModule], exports: [MatecuTopbarLayoutComponent,
463
- MatecuTopbarTitleComponent,
464
- MatecuTopbarBodyComponent,
465
- MatecuTopbarFabComponent,
466
- MatecuTopbarSearchComponent,
467
- MatecuTopbarActionsComponent] });
468
- MatecuTopbarLayoutModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarLayoutModule, imports: [[
469
- i2.CommonModule,
470
- i1.MatToolbarModule,
471
- i3.MatIconModule,
472
- i4.FormsModule,
473
- i4.ReactiveFormsModule,
474
- i1$1.MatButtonModule,
475
- ]] });
476
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuTopbarLayoutModule, decorators: [{
477
- type: i0.NgModule,
478
- args: [{
479
- declarations: [
480
- MatecuTopbarLayoutComponent,
481
- MatecuTopbarTitleComponent,
482
- MatecuTopbarBodyComponent,
483
- MatecuTopbarFabComponent,
484
- MatecuTopbarSearchComponent,
485
- MatecuTopbarActionsComponent,
486
- ],
487
- imports: [
488
- i2.CommonModule,
489
- i1.MatToolbarModule,
490
- i3.MatIconModule,
491
- i4.FormsModule,
492
- i4.ReactiveFormsModule,
493
- i1$1.MatButtonModule,
494
- ],
495
- exports: [
496
- MatecuTopbarLayoutComponent,
497
- MatecuTopbarTitleComponent,
498
- MatecuTopbarBodyComponent,
499
- MatecuTopbarFabComponent,
500
- MatecuTopbarSearchComponent,
501
- MatecuTopbarActionsComponent,
502
- ],
503
- }]
504
- }] });
505
-
506
- exports.MatecuAlertBoxType = void 0;
507
- (function (MatecuAlertBoxType) {
508
- MatecuAlertBoxType["warning"] = "warning";
509
- MatecuAlertBoxType["success"] = "success";
510
- MatecuAlertBoxType["danger"] = "danger";
511
- MatecuAlertBoxType["info"] = "info";
512
- })(exports.MatecuAlertBoxType || (exports.MatecuAlertBoxType = {}));
513
-
514
- var MatecuAlertBoxComponent = /** @class */ (function () {
515
- function MatecuAlertBoxComponent() {
516
- this.classNameBase = 'matecu-alert-box';
517
- this.alertIcon = false;
518
- this.className = this.classNameBase;
519
- }
520
- Object.defineProperty(MatecuAlertBoxComponent.prototype, "color", {
521
- get: function () {
522
- return this.alertColor;
523
- },
524
- set: function (value) {
525
- this.alertColor = value;
526
- if (!!value) {
527
- this.className = this.classNameBase + " " + this.classNameBase + "--" + value;
528
- }
529
- else {
530
- this.className = this.classNameBase;
531
- }
532
- this.updateIcon();
533
- },
534
- enumerable: false,
535
- configurable: true
536
- });
537
- Object.defineProperty(MatecuAlertBoxComponent.prototype, "icon", {
538
- get: function () {
539
- return this.alertIcon;
540
- },
541
- set: function (value) {
542
- this.alertIcon = value;
543
- },
544
- enumerable: false,
545
- configurable: true
546
- });
547
- MatecuAlertBoxComponent.prototype.ngOnInit = function () { };
548
- MatecuAlertBoxComponent.prototype.updateIcon = function () {
549
- switch (this.color) {
550
- case exports.MatecuAlertBoxType.danger:
551
- this.iconValue = 'dangerous';
552
- break;
553
- case exports.MatecuAlertBoxType.warning:
554
- this.iconValue = 'warning';
555
- break;
556
- case exports.MatecuAlertBoxType.success:
557
- this.iconValue = 'check_circle';
558
- break;
559
- case exports.MatecuAlertBoxType.info:
560
- this.iconValue = 'info';
561
- break;
562
- default:
563
- this.iconValue = null;
564
- break;
565
- }
566
- };
567
- return MatecuAlertBoxComponent;
568
- }());
569
- MatecuAlertBoxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuAlertBoxComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
570
- MatecuAlertBoxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuAlertBoxComponent, selector: "matecu-alert-box", inputs: { color: "color", icon: "icon" }, host: { properties: { "class": "this.className" } }, ngImport: i0__namespace, 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}"], components: [{ type: i3__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
571
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuAlertBoxComponent, decorators: [{
572
- type: i0.Component,
573
- args: [{
574
- selector: 'matecu-alert-box',
575
- templateUrl: './matecu-alert-box.component.html',
576
- styleUrls: ['./matecu-alert-box.component.scss'],
577
- }]
578
- }], ctorParameters: function () { return []; }, propDecorators: { color: [{
579
- type: i0.Input
580
- }], icon: [{
581
- type: i0.Input
582
- }], className: [{
583
- type: i0.HostBinding,
584
- args: ['class']
585
- }] } });
586
-
587
- var MatecuAlertDialogComponent = /** @class */ (function () {
588
- function MatecuAlertDialogComponent(dialogData, dialogRef) {
589
- this.dialogData = dialogData;
590
- this.dialogRef = dialogRef;
591
- this.hasTitle = false;
592
- this.hasDismissBtn = false;
593
- this.hasActionBtn = false;
594
- this.showActions = false;
595
- this.setHasTitle();
596
- this.setHasDismissBtn();
597
- this.setHasActionBtn();
598
- this.setShowActions();
599
- }
600
- MatecuAlertDialogComponent.prototype.ngOnInit = function () { };
601
- MatecuAlertDialogComponent.prototype.activateAction = function () {
602
- this.dialogRef.close(true);
603
- };
604
- MatecuAlertDialogComponent.prototype.setHasTitle = function () {
605
- this.hasTitle = this.isValidString(this.dialogData.title);
606
- };
607
- MatecuAlertDialogComponent.prototype.setHasDismissBtn = function () {
608
- this.hasDismissBtn = this.isValidString(this.dialogData.dismissText);
609
- };
610
- MatecuAlertDialogComponent.prototype.setHasActionBtn = function () {
611
- this.hasActionBtn = this.isValidString(this.dialogData.action);
612
- };
613
- MatecuAlertDialogComponent.prototype.setShowActions = function () {
614
- this.showActions = this.hasActionBtn || this.hasDismissBtn;
615
- };
616
- MatecuAlertDialogComponent.prototype.isValidString = function (str) {
617
- var isValid = typeof str === 'string' && str.trim().length > 0;
618
- return isValid;
619
- };
620
- return MatecuAlertDialogComponent;
621
- }());
622
- MatecuAlertDialogComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuAlertDialogComponent, deps: [{ token: i1$2.MAT_DIALOG_DATA }, { token: i1__namespace$2.MatDialogRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
623
- MatecuAlertDialogComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.0.4", type: MatecuAlertDialogComponent, selector: "matecu-alert-dialog", ngImport: i0__namespace, 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}"], components: [{ type: MatecuAlertBoxComponent, selector: "matecu-alert-box", inputs: ["color", "icon"] }, { type: i1__namespace$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__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1__namespace$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1__namespace$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }, { type: i1__namespace$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["type", "mat-dialog-close", "aria-label", "matDialogClose"], exportAs: ["matDialogClose"] }] });
624
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuAlertDialogComponent, decorators: [{
625
- type: i0.Component,
626
- args: [{
627
- selector: 'matecu-alert-dialog',
628
- templateUrl: './matecu-alert-dialog.component.html',
629
- styleUrls: ['./matecu-alert-dialog.component.scss'],
630
- }]
631
- }], ctorParameters: function () {
632
- return [{ type: undefined, decorators: [{
633
- type: i0.Inject,
634
- args: [i1$2.MAT_DIALOG_DATA]
635
- }] }, { type: i1__namespace$2.MatDialogRef }];
636
- } });
637
-
638
- var MatecuAlertBoxModule = /** @class */ (function () {
639
- function MatecuAlertBoxModule() {
640
- }
641
- return MatecuAlertBoxModule;
642
- }());
643
- MatecuAlertBoxModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuAlertBoxModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
644
- MatecuAlertBoxModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuAlertBoxModule, declarations: [MatecuAlertBoxComponent, MatecuAlertDialogComponent], imports: [i2.CommonModule, i3.MatIconModule, i1$2.MatDialogModule, i1$1.MatButtonModule], exports: [MatecuAlertBoxComponent] });
645
- MatecuAlertBoxModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuAlertBoxModule, imports: [[i2.CommonModule, i3.MatIconModule, i1$2.MatDialogModule, i1$1.MatButtonModule]] });
646
- i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.0.4", ngImport: i0__namespace, type: MatecuAlertBoxModule, decorators: [{
647
- type: i0.NgModule,
648
- args: [{
649
- declarations: [MatecuAlertBoxComponent, MatecuAlertDialogComponent],
650
- imports: [i2.CommonModule, i3.MatIconModule, i1$2.MatDialogModule, i1$1.MatButtonModule],
651
- exports: [MatecuAlertBoxComponent],
652
- entryComponents: [MatecuAlertDialogComponent],
653
- }]
654
- }] });
655
-
656
- /*
657
- * Public API Surface of angular-matecu
658
- */
659
-
660
- /**
661
- * Generated bundle index. Do not edit.
662
- */
663
-
664
- exports.MatecuAlertBoxComponent = MatecuAlertBoxComponent;
665
- exports.MatecuAlertBoxModule = MatecuAlertBoxModule;
666
- exports.MatecuAlertDialogComponent = MatecuAlertDialogComponent;
667
- exports.MatecuSpinnerComponent = MatecuSpinnerComponent;
668
- exports.MatecuSpinnerModule = MatecuSpinnerModule;
669
- exports.MatecuSpinnerService = MatecuSpinnerService;
670
- exports.MatecuTopbarActionsComponent = MatecuTopbarActionsComponent;
671
- exports.MatecuTopbarBodyComponent = MatecuTopbarBodyComponent;
672
- exports.MatecuTopbarFabComponent = MatecuTopbarFabComponent;
673
- exports.MatecuTopbarLayoutComponent = MatecuTopbarLayoutComponent;
674
- exports.MatecuTopbarLayoutModule = MatecuTopbarLayoutModule;
675
- exports.MatecuTopbarSearchComponent = MatecuTopbarSearchComponent;
676
- exports.MatecuTopbarTitleComponent = MatecuTopbarTitleComponent;
677
-
678
- Object.defineProperty(exports, '__esModule', { value: true });
679
-
680
- })));
681
- //# sourceMappingURL=angular-matecu.umd.js.map