angular-matecu 2.0.6 → 2.0.9

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 (104) hide show
  1. package/README.md +29 -0
  2. package/angular-matecu.code-workspace +10 -0
  3. package/karma.conf.js +44 -0
  4. package/ng-package.json +13 -0
  5. package/package.json +7 -15
  6. package/src/lib/modules/matecu-alert-box/components/matecu-alert-box/matecu-alert-box.component.html +11 -0
  7. package/src/lib/modules/matecu-alert-box/components/matecu-alert-box/matecu-alert-box.component.scss +39 -0
  8. package/src/lib/modules/matecu-alert-box/components/matecu-alert-box/matecu-alert-box.component.spec.ts +25 -0
  9. package/src/lib/modules/matecu-alert-box/components/matecu-alert-box/matecu-alert-box.component.ts +56 -0
  10. package/src/lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component.html +14 -0
  11. package/src/lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component.scss +5 -0
  12. package/src/lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component.spec.ts +25 -0
  13. package/src/lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component.ts +47 -0
  14. package/src/lib/modules/matecu-alert-box/matecu-alert-box.module.ts +17 -0
  15. package/src/lib/modules/matecu-alert-box/matecu-alert-snack-bar/matecu-alert-snack-bar.component.css +0 -0
  16. package/src/lib/modules/matecu-alert-box/matecu-alert-snack-bar/matecu-alert-snack-bar.component.html +1 -0
  17. package/src/lib/modules/matecu-alert-box/matecu-alert-snack-bar/matecu-alert-snack-bar.component.spec.ts +25 -0
  18. package/src/lib/modules/matecu-alert-box/matecu-alert-snack-bar/matecu-alert-snack-bar.component.ts +15 -0
  19. package/src/lib/modules/matecu-alert-box/matecu-snack-bar-alert/matecu-snack-bar-alert.component.html +8 -0
  20. package/src/lib/modules/matecu-alert-box/matecu-snack-bar-alert/matecu-snack-bar-alert.component.scss +34 -0
  21. package/src/lib/modules/matecu-alert-box/matecu-snack-bar-alert/matecu-snack-bar-alert.component.spec.ts +25 -0
  22. package/src/lib/modules/matecu-alert-box/matecu-snack-bar-alert/matecu-snack-bar-alert.component.ts +41 -0
  23. package/src/lib/modules/matecu-alert-box/services/matecu-snack-bar.service.spec.ts +16 -0
  24. package/src/lib/modules/matecu-alert-box/services/matecu-snack-bar.service.ts +66 -0
  25. package/src/lib/modules/matecu-alert-box/types/matecu-alert-dialog.ts +10 -0
  26. package/src/lib/modules/matecu-alert-box/types/matecu-alert-snackbar.ts +8 -0
  27. package/src/lib/modules/matecu-alert-box/types/matecu-altert-box-type.ts +6 -0
  28. package/src/lib/modules/matecu-spinner/components/matecu-spinner/matecu-spinner.component.css +15 -0
  29. package/src/lib/modules/matecu-spinner/components/matecu-spinner/matecu-spinner.component.html +35 -0
  30. package/src/lib/modules/matecu-spinner/components/matecu-spinner/matecu-spinner.component.spec.ts +25 -0
  31. package/src/lib/modules/matecu-spinner/components/matecu-spinner/matecu-spinner.component.ts +47 -0
  32. package/src/lib/modules/matecu-spinner/components/matecu-spinner/spinner-loader.component.scss +13 -0
  33. package/src/lib/modules/matecu-spinner/matecu-spinner.module.ts +17 -0
  34. package/src/lib/modules/matecu-spinner/services/matecu-spinner.service.spec.ts +16 -0
  35. package/src/lib/modules/matecu-spinner/services/matecu-spinner.service.ts +40 -0
  36. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-actions/matecu-topbar-actions.component.html +1 -0
  37. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-actions/matecu-topbar-actions.component.scss +8 -0
  38. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-actions/matecu-topbar-actions.component.spec.ts +25 -0
  39. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-actions/matecu-topbar-actions.component.ts +12 -0
  40. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-body/matecu-topbar-body.component.html +1 -0
  41. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-body/matecu-topbar-body.component.scss +9 -0
  42. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-body/matecu-topbar-body.component.spec.ts +25 -0
  43. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-body/matecu-topbar-body.component.ts +23 -0
  44. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-fab/matecu-topbar-fab.component.html +3 -0
  45. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-fab/matecu-topbar-fab.component.scss +26 -0
  46. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-fab/matecu-topbar-fab.component.spec.ts +25 -0
  47. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-fab/matecu-topbar-fab.component.ts +27 -0
  48. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.html +23 -0
  49. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.scss +48 -0
  50. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.spec.ts +25 -0
  51. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.ts +93 -0
  52. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-search/matecu-topbar-search.component.html +12 -0
  53. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-search/matecu-topbar-search.component.scss +101 -0
  54. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-search/matecu-topbar-search.component.spec.ts +25 -0
  55. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-search/matecu-topbar-search.component.ts +79 -0
  56. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-title/matecu-topbar-title.component.html +1 -0
  57. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-title/matecu-topbar-title.component.scss +13 -0
  58. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-title/matecu-topbar-title.component.spec.ts +25 -0
  59. package/src/lib/modules/matecu-topbar-layout/components/matecu-topbar-title/matecu-topbar-title.component.ts +16 -0
  60. package/src/lib/modules/matecu-topbar-layout/matecu-topbar-layout.module.ts +40 -0
  61. package/src/lib/modules/matecu-topbar-layout/scss/variables.scss +2 -0
  62. package/{public-api.d.ts → src/public-api.ts} +8 -0
  63. package/src/test.ts +28 -0
  64. package/tsconfig.lib.json +25 -0
  65. package/tsconfig.lib.prod.json +10 -0
  66. package/tsconfig.spec.json +17 -0
  67. package/tslint.json +17 -0
  68. package/angular-matecu.d.ts +0 -5
  69. package/bundles/angular-matecu.umd.js +0 -681
  70. package/bundles/angular-matecu.umd.js.map +0 -1
  71. package/esm2015/angular-matecu.js +0 -5
  72. package/esm2015/lib/modules/matecu-alert-box/components/matecu-alert-box/matecu-alert-box.component.js +0 -69
  73. package/esm2015/lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component.js +0 -55
  74. package/esm2015/lib/modules/matecu-alert-box/matecu-alert-box.module.js +0 -23
  75. package/esm2015/lib/modules/matecu-alert-box/types/matecu-alert-dialog.js +0 -2
  76. package/esm2015/lib/modules/matecu-alert-box/types/matecu-altert-box-type.js +0 -8
  77. package/esm2015/lib/modules/matecu-spinner/components/matecu-spinner/matecu-spinner.component.js +0 -61
  78. package/esm2015/lib/modules/matecu-spinner/matecu-spinner.module.js +0 -24
  79. package/esm2015/lib/modules/matecu-spinner/services/matecu-spinner.service.js +0 -44
  80. package/esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-actions/matecu-topbar-actions.component.js +0 -17
  81. package/esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-body/matecu-topbar-body.component.js +0 -32
  82. package/esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-fab/matecu-topbar-fab.component.js +0 -36
  83. package/esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.js +0 -103
  84. package/esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-search/matecu-topbar-search.component.js +0 -85
  85. package/esm2015/lib/modules/matecu-topbar-layout/components/matecu-topbar-title/matecu-topbar-title.component.js +0 -23
  86. package/esm2015/lib/modules/matecu-topbar-layout/matecu-topbar-layout.module.js +0 -70
  87. package/esm2015/public-api.js +0 -28
  88. package/fesm2015/angular-matecu.js +0 -603
  89. package/fesm2015/angular-matecu.js.map +0 -1
  90. package/lib/modules/matecu-alert-box/components/matecu-alert-box/matecu-alert-box.component.d.ts +0 -19
  91. package/lib/modules/matecu-alert-box/components/matecu-alert-dialog/matecu-alert-dialog.component.d.ts +0 -22
  92. package/lib/modules/matecu-alert-box/matecu-alert-box.module.d.ts +0 -12
  93. package/lib/modules/matecu-alert-box/types/matecu-alert-dialog.d.ts +0 -9
  94. package/lib/modules/matecu-alert-box/types/matecu-altert-box-type.d.ts +0 -6
  95. package/lib/modules/matecu-spinner/components/matecu-spinner/matecu-spinner.component.d.ts +0 -20
  96. package/lib/modules/matecu-spinner/matecu-spinner.module.d.ts +0 -8
  97. package/lib/modules/matecu-spinner/services/matecu-spinner.service.d.ts +0 -15
  98. package/lib/modules/matecu-topbar-layout/components/matecu-topbar-actions/matecu-topbar-actions.component.d.ts +0 -8
  99. package/lib/modules/matecu-topbar-layout/components/matecu-topbar-body/matecu-topbar-body.component.d.ts +0 -11
  100. package/lib/modules/matecu-topbar-layout/components/matecu-topbar-fab/matecu-topbar-fab.component.d.ts +0 -13
  101. package/lib/modules/matecu-topbar-layout/components/matecu-topbar-layout/matecu-topbar-layout.component.d.ts +0 -30
  102. package/lib/modules/matecu-topbar-layout/components/matecu-topbar-search/matecu-topbar-search.component.d.ts +0 -26
  103. package/lib/modules/matecu-topbar-layout/components/matecu-topbar-title/matecu-topbar-title.component.d.ts +0 -9
  104. package/lib/modules/matecu-topbar-layout/matecu-topbar-layout.module.d.ts +0 -17
@@ -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:1.2rem}: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