angular-matecu 3.0.0 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -2
- package/README.md +146 -87
- package/angular-matecu-4.0.0.tgz +0 -0
- package/esm2022/lib/components/matecu-alert-box/matecu-alert-box.component.mjs +67 -0
- package/{esm2020 → esm2022}/lib/components/matecu-alert-dialog/matecu-alert-dialog.component.mjs +4 -4
- package/esm2022/lib/components/matecu-alert-snack-bar/matecu-alert-snack-bar.component.mjs +43 -0
- package/esm2022/lib/components/matecu-spinner/matecu-spinner.component.mjs +58 -0
- package/esm2022/lib/components/matecu-topbar-action/matecu-topbar-action.component.mjs +18 -0
- package/esm2022/lib/components/matecu-topbar-body/matecu-topbar-body.component.mjs +17 -0
- package/esm2022/lib/components/matecu-topbar-fab/matecu-topbar-fab.component.mjs +43 -0
- package/esm2022/lib/components/matecu-topbar-header-column/matecu-topbar-header-column.component.mjs +12 -0
- package/esm2022/lib/components/matecu-topbar-header-row/matecu-topbar-header-row.component.mjs +29 -0
- package/esm2022/lib/components/matecu-topbar-layout/matecu-topbar-layout.component.mjs +112 -0
- package/esm2022/lib/components/matecu-topbar-search/matecu-topbar-search.component.mjs +93 -0
- package/esm2022/lib/components/matecu-topbar-title/matecu-topbar-title.component.mjs +18 -0
- package/esm2022/lib/modules/matecu-alert-box/matecu-alert-box.module.mjs +24 -0
- package/esm2022/lib/modules/matecu-spinner/matecu-spinner.module.mjs +22 -0
- package/esm2022/lib/modules/matecu-topbar-layout/matecu-topbar-layout.module.mjs +83 -0
- package/{esm2020 → esm2022}/lib/services/matecu-snack-bar.service.mjs +4 -4
- package/{esm2020 → esm2022}/lib/services/matecu-spinner.service.mjs +4 -4
- package/esm2022/public-api.mjs +32 -0
- package/fesm2022/angular-matecu.mjs +735 -0
- package/fesm2022/angular-matecu.mjs.map +1 -0
- package/lib/components/matecu-alert-box/matecu-alert-box.component.d.ts +1 -1
- package/lib/components/matecu-spinner/matecu-spinner.component.d.ts +1 -1
- package/lib/components/matecu-topbar-action/matecu-topbar-action.component.d.ts +1 -0
- package/lib/components/matecu-topbar-body/matecu-topbar-body.component.d.ts +1 -6
- package/lib/components/matecu-topbar-fab/matecu-topbar-fab.component.d.ts +8 -9
- package/lib/components/matecu-topbar-header-column/matecu-topbar-header-column.component.d.ts +5 -0
- package/lib/components/matecu-topbar-header-row/matecu-topbar-header-row.component.d.ts +4 -1
- package/lib/components/matecu-topbar-layout/matecu-topbar-layout.component.d.ts +20 -22
- package/lib/components/matecu-topbar-search/matecu-topbar-search.component.d.ts +19 -18
- package/lib/modules/matecu-alert-box/matecu-alert-box.module.d.ts +0 -3
- package/lib/modules/matecu-spinner/matecu-spinner.module.d.ts +0 -3
- package/lib/modules/matecu-topbar-layout/matecu-topbar-layout.module.d.ts +2 -4
- package/package.json +8 -14
- package/public-api.d.ts +1 -0
- package/esm2020/lib/components/matecu-alert-box/matecu-alert-box.component.mjs +0 -67
- package/esm2020/lib/components/matecu-alert-snack-bar/matecu-alert-snack-bar.component.mjs +0 -43
- package/esm2020/lib/components/matecu-spinner/matecu-spinner.component.mjs +0 -58
- package/esm2020/lib/components/matecu-topbar-action/matecu-topbar-action.component.mjs +0 -13
- package/esm2020/lib/components/matecu-topbar-body/matecu-topbar-body.component.mjs +0 -28
- package/esm2020/lib/components/matecu-topbar-fab/matecu-topbar-fab.component.mjs +0 -34
- package/esm2020/lib/components/matecu-topbar-header-row/matecu-topbar-header-row.component.mjs +0 -13
- package/esm2020/lib/components/matecu-topbar-layout/matecu-topbar-layout.component.mjs +0 -101
- package/esm2020/lib/components/matecu-topbar-search/matecu-topbar-search.component.mjs +0 -84
- package/esm2020/lib/components/matecu-topbar-title/matecu-topbar-title.component.mjs +0 -19
- package/esm2020/lib/modules/matecu-alert-box/matecu-alert-box.module.mjs +0 -27
- package/esm2020/lib/modules/matecu-spinner/matecu-spinner.module.mjs +0 -25
- package/esm2020/lib/modules/matecu-topbar-layout/matecu-topbar-layout.module.mjs +0 -83
- package/esm2020/public-api.mjs +0 -31
- package/fesm2015/angular-matecu.mjs +0 -693
- package/fesm2015/angular-matecu.mjs.map +0 -1
- package/fesm2020/angular-matecu.mjs +0 -689
- package/fesm2020/angular-matecu.mjs.map +0 -1
- /package/{esm2020 → esm2022}/angular-matecu.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/types/matecu-alert-dialog.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/types/matecu-alert-snackbar.mjs +0 -0
- /package/{esm2020 → esm2022}/lib/types/matecu-altert-box-type.mjs +0 -0
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, HostBinding, Input } from '@angular/core';
|
|
3
|
+
import { Subject } from 'rxjs';
|
|
4
|
+
import { takeUntil, tap } from 'rxjs/operators';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "../../services/matecu-spinner.service";
|
|
7
|
+
import * as i2 from "@angular/common";
|
|
8
|
+
export class MatecuSpinnerComponent {
|
|
9
|
+
get active() {
|
|
10
|
+
return this.activeCache;
|
|
11
|
+
}
|
|
12
|
+
set active(value) {
|
|
13
|
+
if (this.global) {
|
|
14
|
+
return;
|
|
15
|
+
}
|
|
16
|
+
this.activeCache = value;
|
|
17
|
+
this.className = value
|
|
18
|
+
? this.className.replace(` ${this.hiddenClass}`, '')
|
|
19
|
+
: (this.className += ` ${this.hiddenClass}`);
|
|
20
|
+
}
|
|
21
|
+
constructor(spinnerService) {
|
|
22
|
+
this.spinnerService = spinnerService;
|
|
23
|
+
this.destroy$ = new Subject();
|
|
24
|
+
this.hiddenClass = 'matecu-spinner--hidden';
|
|
25
|
+
this.activeCache = false;
|
|
26
|
+
this.className = 'matecu-spinner';
|
|
27
|
+
this.color = '#2196F3';
|
|
28
|
+
this.global = false;
|
|
29
|
+
this.size = '70px';
|
|
30
|
+
}
|
|
31
|
+
ngOnDestroy() {
|
|
32
|
+
this.destroy$.next();
|
|
33
|
+
this.destroy$.complete();
|
|
34
|
+
}
|
|
35
|
+
ngOnInit() {
|
|
36
|
+
if (this.global) {
|
|
37
|
+
this.spinnerService.watch().pipe(tap(value => this.activeCache = value), takeUntil(this.destroy$)).subscribe();
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSpinnerComponent, deps: [{ token: i1.MatecuSpinnerService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuSpinnerComponent, isStandalone: true, selector: "matecu-spinner", inputs: { color: "color", global: "global", active: "active", size: "size" }, host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-container *ngIf=\"active\">\n <svg xmlns:svg=\"http://www.w3.org/2000/svg\" [attr.width]=\"size\" [attr.height]=\"size\"\n xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.0\" viewBox=\"0 0 128 128\" xml:space=\"preserve\">\n <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"transparent\" />\n <g>\n <path class=\"matecu-spinner__100\" d=\"M122.5 69.25H96.47a33.1 33.1 0 0 0 0-10.5h26.05a5.25 5.25 0 0 1 0 10.5z\" [attr.fill]=\"color\"\n fill-opacity=\"1\" />\n <path class=\"matecu-spinner__30\" d=\"M112.04 97.83L89.47 84.8a33.1 33.1 0 0 0 5.25-9.1l22.57 13.03a5.25 5.25 0 0 1-5.28 9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M88.68 117.35L75.65 94.78a33.1 33.1 0 0 0 9.1-5.25l13.02 22.57a5.25 5.25 0 1 1-9.1 5.25z\"\n [attr.fill]=\"color\" fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M58.7 122.57V96.5a33.1 33.1 0 0 0 10.5 0v26.07a5.25 5.25 0 0 1-10.5 0z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M30.1 112.1l13.04-22.57a33.1 33.1 0 0 0 9.1 5.25L39.2 117.35a5.25 5.25 0 1 1-9.1-5.25z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M10.6 88.74L33.16 75.7a33.1 33.1 0 0 0 5.25 9.1L15.88 97.83a5.25 5.25 0 1 1-5.25-9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__40\" d=\"M5.37 58.75h26.06a33.1 33.1 0 0 0 0 10.5H5.37a5.25 5.25 0 0 1 0-10.5z\" [attr.fill]=\"color\"\n fill-opacity=\"0.4\" />\n <path class=\"matecu-spinner__50\" d=\"M15.85 30.17L38.4 43.2a33.1 33.1 0 0 0-5.24 9.1L10.6 39.25a5.25 5.25 0 1 1 5.25-9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.5\" />\n <path class=\"matecu-spinner__60\" d=\"M39.2 10.65l13.03 22.57a33.1 33.1 0 0 0-9.1 5.25l-13-22.57a5.25 5.25 0 1 1 9.1-5.25z\" [attr.fill]=\"color\"\n fill-opacity=\"0.6\" />\n <path class=\"matecu-spinner__70\" d=\"M69.2 5.43V31.5a33.1 33.1 0 0 0-10.5 0V5.42a5.25 5.25 0 1 1 10.5 0z\" [attr.fill]=\"color\"\n fill-opacity=\"0.7\" />\n <path class=\"matecu-spinner__80\" d=\"M97.77 15.9L84.75 38.47a33.1 33.1 0 0 0-9.1-5.25l13.03-22.57a5.25 5.25 0 1 1 9.1 5.25z\" [attr.fill]=\"color\"\n fill-opacity=\"0.8\" />\n <path class=\"matecu-spinner__90\" d=\"M117.3 39.26L94.7 52.3a33.1 33.1 0 0 0-5.25-9.1l22.57-13.03a5.25 5.25 0 0 1 5.25 9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.9\" />\n <animateTransform attributeName=\"transform\" type=\"rotate\"\n values=\"0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64\"\n calcMode=\"discrete\" dur=\"600ms\" repeatCount=\"indefinite\"></animateTransform>\n </g>\n</svg>\n</ng-container>", styles: [".matecu-spinner{display:flex;align-items:center;justify-content:center}.matecu-spinner>svg{width:80px;height:80px}.matecu-spinner__hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
42
|
+
}
|
|
43
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSpinnerComponent, decorators: [{
|
|
44
|
+
type: Component,
|
|
45
|
+
args: [{ selector: 'matecu-spinner', standalone: true, imports: [CommonModule], template: "<ng-container *ngIf=\"active\">\n <svg xmlns:svg=\"http://www.w3.org/2000/svg\" [attr.width]=\"size\" [attr.height]=\"size\"\n xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" version=\"1.0\" viewBox=\"0 0 128 128\" xml:space=\"preserve\">\n <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"transparent\" />\n <g>\n <path class=\"matecu-spinner__100\" d=\"M122.5 69.25H96.47a33.1 33.1 0 0 0 0-10.5h26.05a5.25 5.25 0 0 1 0 10.5z\" [attr.fill]=\"color\"\n fill-opacity=\"1\" />\n <path class=\"matecu-spinner__30\" d=\"M112.04 97.83L89.47 84.8a33.1 33.1 0 0 0 5.25-9.1l22.57 13.03a5.25 5.25 0 0 1-5.28 9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M88.68 117.35L75.65 94.78a33.1 33.1 0 0 0 9.1-5.25l13.02 22.57a5.25 5.25 0 1 1-9.1 5.25z\"\n [attr.fill]=\"color\" fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M58.7 122.57V96.5a33.1 33.1 0 0 0 10.5 0v26.07a5.25 5.25 0 0 1-10.5 0z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M30.1 112.1l13.04-22.57a33.1 33.1 0 0 0 9.1 5.25L39.2 117.35a5.25 5.25 0 1 1-9.1-5.25z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__30\" d=\"M10.6 88.74L33.16 75.7a33.1 33.1 0 0 0 5.25 9.1L15.88 97.83a5.25 5.25 0 1 1-5.25-9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.3\" />\n <path class=\"matecu-spinner__40\" d=\"M5.37 58.75h26.06a33.1 33.1 0 0 0 0 10.5H5.37a5.25 5.25 0 0 1 0-10.5z\" [attr.fill]=\"color\"\n fill-opacity=\"0.4\" />\n <path class=\"matecu-spinner__50\" d=\"M15.85 30.17L38.4 43.2a33.1 33.1 0 0 0-5.24 9.1L10.6 39.25a5.25 5.25 0 1 1 5.25-9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.5\" />\n <path class=\"matecu-spinner__60\" d=\"M39.2 10.65l13.03 22.57a33.1 33.1 0 0 0-9.1 5.25l-13-22.57a5.25 5.25 0 1 1 9.1-5.25z\" [attr.fill]=\"color\"\n fill-opacity=\"0.6\" />\n <path class=\"matecu-spinner__70\" d=\"M69.2 5.43V31.5a33.1 33.1 0 0 0-10.5 0V5.42a5.25 5.25 0 1 1 10.5 0z\" [attr.fill]=\"color\"\n fill-opacity=\"0.7\" />\n <path class=\"matecu-spinner__80\" d=\"M97.77 15.9L84.75 38.47a33.1 33.1 0 0 0-9.1-5.25l13.03-22.57a5.25 5.25 0 1 1 9.1 5.25z\" [attr.fill]=\"color\"\n fill-opacity=\"0.8\" />\n <path class=\"matecu-spinner__90\" d=\"M117.3 39.26L94.7 52.3a33.1 33.1 0 0 0-5.25-9.1l22.57-13.03a5.25 5.25 0 0 1 5.25 9.1z\" [attr.fill]=\"color\"\n fill-opacity=\"0.9\" />\n <animateTransform attributeName=\"transform\" type=\"rotate\"\n values=\"0 64 64;30 64 64;60 64 64;90 64 64;120 64 64;150 64 64;180 64 64;210 64 64;240 64 64;270 64 64;300 64 64;330 64 64\"\n calcMode=\"discrete\" dur=\"600ms\" repeatCount=\"indefinite\"></animateTransform>\n </g>\n</svg>\n</ng-container>", styles: [".matecu-spinner{display:flex;align-items:center;justify-content:center}.matecu-spinner>svg{width:80px;height:80px}.matecu-spinner__hidden{display:none}\n"] }]
|
|
46
|
+
}], ctorParameters: function () { return [{ type: i1.MatecuSpinnerService }]; }, propDecorators: { className: [{
|
|
47
|
+
type: HostBinding,
|
|
48
|
+
args: ['class']
|
|
49
|
+
}], color: [{
|
|
50
|
+
type: Input
|
|
51
|
+
}], global: [{
|
|
52
|
+
type: Input
|
|
53
|
+
}], active: [{
|
|
54
|
+
type: Input
|
|
55
|
+
}], size: [{
|
|
56
|
+
type: Input
|
|
57
|
+
}] } });
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXNwaW5uZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9jb21wb25lbnRzL21hdGVjdS1zcGlubmVyL21hdGVjdS1zcGlubmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3Utc3Bpbm5lci9tYXRlY3Utc3Bpbm5lci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUNqRixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQy9CLE9BQU8sRUFBRSxTQUFTLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFTaEQsTUFBTSxPQUFPLHNCQUFzQjtJQVFqQyxJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxXQUFXLENBQUM7SUFDMUIsQ0FBQztJQUNELElBQWEsTUFBTSxDQUFDLEtBQWM7UUFDaEMsSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLO1lBQ3BCLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsRUFBRSxFQUFFLENBQUM7WUFDcEQsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFHRCxZQUNVLGNBQW9DO1FBQXBDLG1CQUFjLEdBQWQsY0FBYyxDQUFzQjtRQXJCdEMsYUFBUSxHQUFHLElBQUksT0FBTyxFQUFFLENBQUM7UUFDekIsZ0JBQVcsR0FBRyx3QkFBd0IsQ0FBQztRQUN2QyxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNOLGNBQVMsR0FBRyxnQkFBZ0IsQ0FBQztRQUMxQyxVQUFLLEdBQUcsU0FBUyxDQUFDO1FBQ2xCLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFhZixTQUFJLEdBQUcsTUFBTSxDQUFDO0lBSW5CLENBQUM7SUFDTCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFDRCxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsTUFBTSxFQUFFO1lBQ2YsSUFBSSxDQUFDLGNBQWMsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxJQUFJLENBQzlCLEdBQUcsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDLEVBQ3RDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQ3pCLENBQUMsU0FBUyxFQUFFLENBQUM7U0FDZjtJQUNILENBQUM7OEdBcENVLHNCQUFzQjtrR0FBdEIsc0JBQXNCLDZNQ1puQyxpN0ZBa0NlLGtORHhCSCxZQUFZOzsyRkFFWCxzQkFBc0I7a0JBUGxDLFNBQVM7K0JBQ0UsZ0JBQWdCLGNBR2QsSUFBSSxXQUNQLENBQUMsWUFBWSxDQUFDOzJHQU9ELFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTztnQkFDWCxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUlPLE1BQU07c0JBQWxCLEtBQUs7Z0JBU0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsLCB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBNYXRlY3VTcGlubmVyU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL21hdGVjdS1zcGlubmVyLnNlcnZpY2UnO1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWF0ZWN1LXNwaW5uZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LXNwaW5uZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXRlY3Utc3Bpbm5lci5jb21wb25lbnQuY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVNwaW5uZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgcHJpdmF0ZSBkZXN0cm95JCA9IG5ldyBTdWJqZWN0KCk7XG4gIHByaXZhdGUgaGlkZGVuQ2xhc3MgPSAnbWF0ZWN1LXNwaW5uZXItLWhpZGRlbic7XG4gIHByaXZhdGUgYWN0aXZlQ2FjaGUgPSBmYWxzZTtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9ICdtYXRlY3Utc3Bpbm5lcic7XG4gIEBJbnB1dCgpIGNvbG9yID0gJyMyMTk2RjMnO1xuICBASW5wdXQoKSBnbG9iYWwgPSBmYWxzZTtcbiAgZ2V0IGFjdGl2ZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5hY3RpdmVDYWNoZTtcbiAgfVxuICBASW5wdXQoKSBzZXQgYWN0aXZlKHZhbHVlOiBib29sZWFuKSB7XG4gICAgaWYgKHRoaXMuZ2xvYmFsKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIHRoaXMuYWN0aXZlQ2FjaGUgPSB2YWx1ZTtcbiAgICB0aGlzLmNsYXNzTmFtZSA9IHZhbHVlXG4gICAgICA/IHRoaXMuY2xhc3NOYW1lLnJlcGxhY2UoYCAke3RoaXMuaGlkZGVuQ2xhc3N9YCwgJycpXG4gICAgICA6ICh0aGlzLmNsYXNzTmFtZSArPSBgICR7dGhpcy5oaWRkZW5DbGFzc31gKTtcbiAgfVxuICBASW5wdXQoKSBzaXplID0gJzcwcHgnO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgc3Bpbm5lclNlcnZpY2U6IE1hdGVjdVNwaW5uZXJTZXJ2aWNlLFxuICApIHsgfVxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQoKTtcbiAgICB0aGlzLmRlc3Ryb3kkLmNvbXBsZXRlKCk7XG4gIH1cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZ2xvYmFsKSB7XG4gICAgICB0aGlzLnNwaW5uZXJTZXJ2aWNlLndhdGNoKCkucGlwZShcbiAgICAgICAgdGFwKHZhbHVlID0+IHRoaXMuYWN0aXZlQ2FjaGUgPSB2YWx1ZSksXG4gICAgICAgIHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKVxuICAgICAgKS5zdWJzY3JpYmUoKTtcbiAgICB9XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJhY3RpdmVcIj5cbiAgICA8c3ZnIHhtbG5zOnN2Zz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgW2F0dHIud2lkdGhdPVwic2l6ZVwiIFthdHRyLmhlaWdodF09XCJzaXplXCJcbiAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgeG1sbnM6eGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCIgdmVyc2lvbj1cIjEuMFwiIHZpZXdCb3g9XCIwIDAgMTI4IDEyOFwiIHhtbDpzcGFjZT1cInByZXNlcnZlXCI+XG4gICAgPHJlY3QgeD1cIjBcIiB5PVwiMFwiIHdpZHRoPVwiMTAwJVwiIGhlaWdodD1cIjEwMCVcIiBmaWxsPVwidHJhbnNwYXJlbnRcIiAvPlxuICAgIDxnPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX18xMDBcIiBkPVwiTTEyMi41IDY5LjI1SDk2LjQ3YTMzLjEgMzMuMSAwIDAgMCAwLTEwLjVoMjYuMDVhNS4yNSA1LjI1IDAgMCAxIDAgMTAuNXpcIiBbYXR0ci5maWxsXT1cImNvbG9yXCJcbiAgICAgICAgICAgIGZpbGwtb3BhY2l0eT1cIjFcIiAvPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX18zMFwiIGQ9XCJNMTEyLjA0IDk3LjgzTDg5LjQ3IDg0LjhhMzMuMSAzMy4xIDAgMCAwIDUuMjUtOS4xbDIyLjU3IDEzLjAzYTUuMjUgNS4yNSAwIDAgMS01LjI4IDkuMXpcIiBbYXR0ci5maWxsXT1cImNvbG9yXCJcbiAgICAgICAgICAgIGZpbGwtb3BhY2l0eT1cIjAuM1wiIC8+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzMwXCIgZD1cIk04OC42OCAxMTcuMzVMNzUuNjUgOTQuNzhhMzMuMSAzMy4xIDAgMCAwIDkuMS01LjI1bDEzLjAyIDIyLjU3YTUuMjUgNS4yNSAwIDEgMS05LjEgNS4yNXpcIlxuICAgICAgICAgICAgW2F0dHIuZmlsbF09XCJjb2xvclwiIGZpbGwtb3BhY2l0eT1cIjAuM1wiIC8+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzMwXCIgZD1cIk01OC43IDEyMi41N1Y5Ni41YTMzLjEgMzMuMSAwIDAgMCAxMC41IDB2MjYuMDdhNS4yNSA1LjI1IDAgMCAxLTEwLjUgMHpcIiBbYXR0ci5maWxsXT1cImNvbG9yXCJcbiAgICAgICAgICAgIGZpbGwtb3BhY2l0eT1cIjAuM1wiIC8+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzMwXCIgZD1cIk0zMC4xIDExMi4xbDEzLjA0LTIyLjU3YTMzLjEgMzMuMSAwIDAgMCA5LjEgNS4yNUwzOS4yIDExNy4zNWE1LjI1IDUuMjUgMCAxIDEtOS4xLTUuMjV6XCIgW2F0dHIuZmlsbF09XCJjb2xvclwiXG4gICAgICAgICAgICBmaWxsLW9wYWNpdHk9XCIwLjNcIiAvPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX18zMFwiIGQ9XCJNMTAuNiA4OC43NEwzMy4xNiA3NS43YTMzLjEgMzMuMSAwIDAgMCA1LjI1IDkuMUwxNS44OCA5Ny44M2E1LjI1IDUuMjUgMCAxIDEtNS4yNS05LjF6XCIgW2F0dHIuZmlsbF09XCJjb2xvclwiXG4gICAgICAgICAgICBmaWxsLW9wYWNpdHk9XCIwLjNcIiAvPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX180MFwiIGQ9XCJNNS4zNyA1OC43NWgyNi4wNmEzMy4xIDMzLjEgMCAwIDAgMCAxMC41SDUuMzdhNS4yNSA1LjI1IDAgMCAxIDAtMTAuNXpcIiBbYXR0ci5maWxsXT1cImNvbG9yXCJcbiAgICAgICAgICAgIGZpbGwtb3BhY2l0eT1cIjAuNFwiIC8+XG4gICAgICAgIDxwYXRoIGNsYXNzPVwibWF0ZWN1LXNwaW5uZXJfXzUwXCIgZD1cIk0xNS44NSAzMC4xN0wzOC40IDQzLjJhMzMuMSAzMy4xIDAgMCAwLTUuMjQgOS4xTDEwLjYgMzkuMjVhNS4yNSA1LjI1IDAgMSAxIDUuMjUtOS4xelwiIFthdHRyLmZpbGxdPVwiY29sb3JcIlxuICAgICAgICAgICAgZmlsbC1vcGFjaXR5PVwiMC41XCIgLz5cbiAgICAgICAgPHBhdGggY2xhc3M9XCJtYXRlY3Utc3Bpbm5lcl9fNjBcIiBkPVwiTTM5LjIgMTAuNjVsMTMuMDMgMjIuNTdhMzMuMSAzMy4xIDAgMCAwLTkuMSA1LjI1bC0xMy0yMi41N2E1LjI1IDUuMjUgMCAxIDEgOS4xLTUuMjV6XCIgW2F0dHIuZmlsbF09XCJjb2xvclwiXG4gICAgICAgICAgICBmaWxsLW9wYWNpdHk9XCIwLjZcIiAvPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX183MFwiIGQ9XCJNNjkuMiA1LjQzVjMxLjVhMzMuMSAzMy4xIDAgMCAwLTEwLjUgMFY1LjQyYTUuMjUgNS4yNSAwIDEgMSAxMC41IDB6XCIgW2F0dHIuZmlsbF09XCJjb2xvclwiXG4gICAgICAgICAgICBmaWxsLW9wYWNpdHk9XCIwLjdcIiAvPlxuICAgICAgICA8cGF0aCBjbGFzcz1cIm1hdGVjdS1zcGlubmVyX184MFwiIGQ9XCJNOTcuNzcgMTUuOUw4NC43NSAzOC40N2EzMy4xIDMzLjEgMCAwIDAtOS4xLTUuMjVsMTMuMDMtMjIuNTdhNS4yNSA1LjI1IDAgMSAxIDkuMSA1LjI1elwiIFthdHRyLmZpbGxdPVwiY29sb3JcIlxuICAgICAgICAgICAgZmlsbC1vcGFjaXR5PVwiMC44XCIgLz5cbiAgICAgICAgPHBhdGggY2xhc3M9XCJtYXRlY3Utc3Bpbm5lcl9fOTBcIiBkPVwiTTExNy4zIDM5LjI2TDk0LjcgNTIuM2EzMy4xIDMzLjEgMCAwIDAtNS4yNS05LjFsMjIuNTctMTMuMDNhNS4yNSA1LjI1IDAgMCAxIDUuMjUgOS4xelwiIFthdHRyLmZpbGxdPVwiY29sb3JcIlxuICAgICAgICAgICAgZmlsbC1vcGFjaXR5PVwiMC45XCIgLz5cbiAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT1cInRyYW5zZm9ybVwiIHR5cGU9XCJyb3RhdGVcIlxuICAgICAgICAgICAgdmFsdWVzPVwiMCA2NCA2NDszMCA2NCA2NDs2MCA2NCA2NDs5MCA2NCA2NDsxMjAgNjQgNjQ7MTUwIDY0IDY0OzE4MCA2NCA2NDsyMTAgNjQgNjQ7MjQwIDY0IDY0OzI3MCA2NCA2NDszMDAgNjQgNjQ7MzMwIDY0IDY0XCJcbiAgICAgICAgICAgIGNhbGNNb2RlPVwiZGlzY3JldGVcIiBkdXI9XCI2MDBtc1wiIHJlcGVhdENvdW50PVwiaW5kZWZpbml0ZVwiPjwvYW5pbWF0ZVRyYW5zZm9ybT5cbiAgICA8L2c+XG48L3N2Zz5cbjwvbmctY29udGFpbmVyPiJdfQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Component, HostBinding } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class MatecuTopbarActionComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.className = 'matecu-topbar-action';
|
|
6
|
+
}
|
|
7
|
+
ngOnInit() { }
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarActionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuTopbarActionComponent, isStandalone: true, selector: "matecu-topbar-action", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{--mtb-bar-height: 64px;--mtb-action-padding: 10px;--mtb-action-margin: 0px}:host,.matecu-topbar-action{height:100%;display:flex;align-items:flex-start;max-height:var(--mtb-bar-height);padding:var(--mtb-action-padding);margin:var(--mtb-action-margin)}:host,:host *,.matecu-topbar-action,.matecu-topbar-action *{box-sizing:border-box;outline:none}\n"] }); }
|
|
10
|
+
}
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarActionComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'matecu-topbar-action', standalone: true, template: "<ng-content></ng-content>\n", styles: [":host{--mtb-bar-height: 64px;--mtb-action-padding: 10px;--mtb-action-margin: 0px}:host,.matecu-topbar-action{height:100%;display:flex;align-items:flex-start;max-height:var(--mtb-bar-height);padding:var(--mtb-action-padding);margin:var(--mtb-action-margin)}:host,:host *,.matecu-topbar-action,.matecu-topbar-action *{box-sizing:border-box;outline:none}\n"] }]
|
|
14
|
+
}], ctorParameters: function () { return []; }, propDecorators: { className: [{
|
|
15
|
+
type: HostBinding,
|
|
16
|
+
args: ['class']
|
|
17
|
+
}] } });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1hY3Rpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9jb21wb25lbnRzL21hdGVjdS10b3BiYXItYWN0aW9uL21hdGVjdS10b3BiYXItYWN0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWFjdGlvbi9tYXRlY3UtdG9wYmFyLWFjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBVSxNQUFNLGVBQWUsQ0FBQzs7QUFRL0QsTUFBTSxPQUFPLDJCQUEyQjtJQUV0QztRQURzQixjQUFTLEdBQUcsc0JBQXNCLENBQUM7SUFDMUMsQ0FBQztJQUVoQixRQUFRLEtBQVUsQ0FBQzs4R0FKUiwyQkFBMkI7a0dBQTNCLDJCQUEyQixxSUNSeEMsNkJBQ0E7OzJGRE9hLDJCQUEyQjtrQkFOdkMsU0FBUzsrQkFDRSxzQkFBc0IsY0FHcEIsSUFBSTswRUFHTSxTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWF0ZWN1LXRvcGJhci1hY3Rpb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LXRvcGJhci1hY3Rpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXRlY3UtdG9wYmFyLWFjdGlvbi5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBNYXRlY3VUb3BiYXJBY3Rpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ21hdGVjdS10b3BiYXItYWN0aW9uJztcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiJdfQ==
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Component, HostBinding } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class MatecuTopbarBodyComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.className = 'matecu-topbar-body';
|
|
6
|
+
}
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuTopbarBodyComponent, isStandalone: true, selector: "matecu-topbar-body", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host,.matecu-topbar-body{display:block;padding:var(--mtb-body-padding, 30px);background-color:var(--mtb-body-background, auto);overflow-y:auto;padding-bottom:var(--mtb-body-padding-button, 60px)}:host,:host *,.matecu-topbar-body,.matecu-topbar-body *{box-sizing:border-box;outline:none}\n"] }); }
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarBodyComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'matecu-topbar-body', standalone: true, template: "<ng-content></ng-content>", styles: [":host,.matecu-topbar-body{display:block;padding:var(--mtb-body-padding, 30px);background-color:var(--mtb-body-background, auto);overflow-y:auto;padding-bottom:var(--mtb-body-padding-button, 60px)}:host,:host *,.matecu-topbar-body,.matecu-topbar-body *{box-sizing:border-box;outline:none}\n"] }]
|
|
13
|
+
}], propDecorators: { className: [{
|
|
14
|
+
type: HostBinding,
|
|
15
|
+
args: ['class']
|
|
16
|
+
}] } });
|
|
17
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWJvZHkvbWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWJvZHkvbWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVF2RCxNQUFNLE9BQU8seUJBQXlCO0lBTnRDO1FBT3dCLGNBQVMsR0FBRyxvQkFBb0IsQ0FBQztLQUN4RDs4R0FGWSx5QkFBeUI7a0dBQXpCLHlCQUF5QixtSUNSdEMsMkJBQXlCOzsyRkRRWix5QkFBeUI7a0JBTnJDLFNBQVM7K0JBQ0Usb0JBQW9CLGNBR2xCLElBQUk7OEJBR00sU0FBUztzQkFBOUIsV0FBVzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXRlY3UtdG9wYmFyLWJvZHknLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LXRvcGJhci1ib2R5LmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVRvcGJhckJvZHlDb21wb25lbnQge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ21hdGVjdS10b3BiYXItYm9keSc7XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+Il19
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, HostBinding, Input } from '@angular/core';
|
|
3
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
export class MatecuTopbarFabComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this._mobileStyle = false;
|
|
9
|
+
this.mainClassName = 'matecu-topbar-fab';
|
|
10
|
+
this.display = true;
|
|
11
|
+
this.className = this.mainClassName;
|
|
12
|
+
}
|
|
13
|
+
get mobileStyle() {
|
|
14
|
+
return this._mobileStyle;
|
|
15
|
+
}
|
|
16
|
+
set mobileStyle(value) {
|
|
17
|
+
this._mobileStyle = value;
|
|
18
|
+
this.className = this.className.replace(/mobile-style/g, '').trim();
|
|
19
|
+
if (this._mobileStyle) {
|
|
20
|
+
this.className = `${this.className} mobile-style`;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
get color() {
|
|
24
|
+
return this.display ? 'flex' : 'none';
|
|
25
|
+
}
|
|
26
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarFabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuTopbarFabComponent, isStandalone: true, selector: "matecu-topbar-fab", inputs: { display: "display", mobileStyle: "mobileStyle" }, host: { properties: { "class": "this.className", "style.display": "this.color" } }, ngImport: i0, template: "<ng-container *ngIf=\"display\">\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host,.matecu-topbar-fab{display:flex;align-self:flex-end;align-items:flex-start;transform:translateY(50%);transition:all .3s ease-in-out}:host,:host *,.matecu-topbar-fab,.matecu-topbar-fab *{box-sizing:border-box;outline:none}:host.mobile-style,.matecu-topbar-fab.mobile-style{position:absolute;transform:translate(0);bottom:var(--mtb-fab-mobile-bottom-position, 20px);right:var(--mtb-fab-mobile-right-position, 20px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatButtonModule }] }); }
|
|
28
|
+
}
|
|
29
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarFabComponent, decorators: [{
|
|
30
|
+
type: Component,
|
|
31
|
+
args: [{ selector: 'matecu-topbar-fab', standalone: true, imports: [CommonModule, MatButtonModule], template: "<ng-container *ngIf=\"display\">\n <ng-content></ng-content>\n</ng-container>\n", styles: [":host,.matecu-topbar-fab{display:flex;align-self:flex-end;align-items:flex-start;transform:translateY(50%);transition:all .3s ease-in-out}:host,:host *,.matecu-topbar-fab,.matecu-topbar-fab *{box-sizing:border-box;outline:none}:host.mobile-style,.matecu-topbar-fab.mobile-style{position:absolute;transform:translate(0);bottom:var(--mtb-fab-mobile-bottom-position, 20px);right:var(--mtb-fab-mobile-right-position, 20px)}\n"] }]
|
|
32
|
+
}], propDecorators: { display: [{
|
|
33
|
+
type: Input
|
|
34
|
+
}], mobileStyle: [{
|
|
35
|
+
type: Input
|
|
36
|
+
}], className: [{
|
|
37
|
+
type: HostBinding,
|
|
38
|
+
args: ['class']
|
|
39
|
+
}], color: [{
|
|
40
|
+
type: HostBinding,
|
|
41
|
+
args: ['style.display']
|
|
42
|
+
}] } });
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1mYWIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9jb21wb25lbnRzL21hdGVjdS10b3BiYXItZmFiL21hdGVjdS10b3BiYXItZmFiLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWZhYi9tYXRlY3UtdG9wYmFyLWZhYi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzlELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBUzNELE1BQU0sT0FBTyx3QkFBd0I7SUFQckM7UUFRVSxpQkFBWSxHQUFHLEtBQUssQ0FBQztRQUNyQixrQkFBYSxHQUFHLG1CQUFtQixDQUFDO1FBQ25DLFlBQU8sR0FBRyxJQUFJLENBQUM7UUFZRixjQUFTLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQztLQUl0RDtJQWZDLElBQWEsV0FBVztRQUN0QixPQUFPLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDM0IsQ0FBQztJQUNELElBQUksV0FBVyxDQUFDLEtBQWM7UUFDNUIsSUFBSSxDQUFDLFlBQVksR0FBRyxLQUFLLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxlQUFlLEVBQUUsRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDcEUsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3JCLElBQUksQ0FBQyxTQUFTLEdBQUcsR0FBRyxJQUFJLENBQUMsU0FBUyxlQUFlLENBQUM7U0FDbkQ7SUFDSCxDQUFDO0lBR0QsSUFBa0MsS0FBSztRQUNyQyxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDO0lBQ3hDLENBQUM7OEdBbEJVLHdCQUF3QjtrR0FBeEIsd0JBQXdCLDZOQ1hyQyxrRkFHQSw4ZERNWSxZQUFZLGtJQUFFLGVBQWU7OzJGQUU1Qix3QkFBd0I7a0JBUHBDLFNBQVM7K0JBQ0UsbUJBQW1CLGNBR2pCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUM7OEJBSy9CLE9BQU87c0JBQWYsS0FBSztnQkFDTyxXQUFXO3NCQUF2QixLQUFLO2dCQVdnQixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU87Z0JBQ2MsS0FBSztzQkFBdEMsV0FBVzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXRlY3UtdG9wYmFyLWZhYicsXG4gIHRlbXBsYXRlVXJsOiAnLi9tYXRlY3UtdG9wYmFyLWZhYi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21hdGVjdS10b3BiYXItZmFiLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdEJ1dHRvbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVRvcGJhckZhYkNvbXBvbmVudCB7XG4gIHByaXZhdGUgX21vYmlsZVN0eWxlID0gZmFsc2U7XG4gIHByaXZhdGUgbWFpbkNsYXNzTmFtZSA9ICdtYXRlY3UtdG9wYmFyLWZhYic7XG4gIEBJbnB1dCgpIGRpc3BsYXkgPSB0cnVlO1xuICBASW5wdXQoKSBnZXQgbW9iaWxlU3R5bGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX21vYmlsZVN0eWxlO1xuICB9XG4gIHNldCBtb2JpbGVTdHlsZSh2YWx1ZTogYm9vbGVhbikge1xuICAgIHRoaXMuX21vYmlsZVN0eWxlID0gdmFsdWU7XG4gICAgdGhpcy5jbGFzc05hbWUgPSB0aGlzLmNsYXNzTmFtZS5yZXBsYWNlKC9tb2JpbGUtc3R5bGUvZywgJycpLnRyaW0oKTtcbiAgICBpZiAodGhpcy5fbW9iaWxlU3R5bGUpIHtcbiAgICAgIHRoaXMuY2xhc3NOYW1lID0gYCR7dGhpcy5jbGFzc05hbWV9IG1vYmlsZS1zdHlsZWA7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9IHRoaXMubWFpbkNsYXNzTmFtZTtcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5kaXNwbGF5JykgZ2V0IGNvbG9yKCkge1xuICAgIHJldHVybiB0aGlzLmRpc3BsYXkgPyAnZmxleCcgOiAnbm9uZSc7XG4gIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nSWY9XCJkaXNwbGF5XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctY29udGFpbmVyPlxuIl19
|
package/esm2022/lib/components/matecu-topbar-header-column/matecu-topbar-header-column.component.mjs
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export class MatecuTopbarHeaderColumnComponent {
|
|
5
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarHeaderColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuTopbarHeaderColumnComponent, isStandalone: true, selector: "matecu-topbar-header-column", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{display:flex;height:100%;min-height:var(--mtb-bar-height, 64px)}:host[right-row]{justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
7
|
+
}
|
|
8
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarHeaderColumnComponent, decorators: [{
|
|
9
|
+
type: Component,
|
|
10
|
+
args: [{ selector: 'matecu-topbar-header-column', standalone: true, imports: [CommonModule], template: "<ng-content></ng-content>\n", styles: [":host{display:flex;height:100%;min-height:var(--mtb-bar-height, 64px)}:host[right-row]{justify-content:flex-end}\n"] }]
|
|
11
|
+
}] });
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1oZWFkZXItY29sdW1uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWhlYWRlci1jb2x1bW4vbWF0ZWN1LXRvcGJhci1oZWFkZXItY29sdW1uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWhlYWRlci1jb2x1bW4vbWF0ZWN1LXRvcGJhci1oZWFkZXItY29sdW1uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVMvQyxNQUFNLE9BQU8saUNBQWlDOzhHQUFqQyxpQ0FBaUM7a0dBQWpDLGlDQUFpQyx1RkNWOUMsNkJBQ0EsMktES1ksWUFBWTs7MkZBSVgsaUNBQWlDO2tCQVA3QyxTQUFTOytCQUNFLDZCQUE2QixjQUMzQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS10b3BiYXItaGVhZGVyLWNvbHVtbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LXRvcGJhci1oZWFkZXItY29sdW1uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LXRvcGJhci1oZWFkZXItY29sdW1uLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVRvcGJhckhlYWRlckNvbHVtbkNvbXBvbmVudCB7fVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuIl19
|
package/esm2022/lib/components/matecu-topbar-header-row/matecu-topbar-header-row.component.mjs
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Component, HostBinding, Input } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/common";
|
|
6
|
+
export class MatecuTopbarHeaderRowComponent {
|
|
7
|
+
constructor() {
|
|
8
|
+
this.display = true;
|
|
9
|
+
this.className = 'matecu-topbar-header-row';
|
|
10
|
+
}
|
|
11
|
+
get color() {
|
|
12
|
+
return this.display ? 'flex' : 'none';
|
|
13
|
+
}
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarHeaderRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuTopbarHeaderRowComponent, isStandalone: true, selector: "matecu-topbar-header-row", inputs: { display: "display" }, host: { properties: { "class": "this.className", "style.display": "this.color" } }, ngImport: i0, template: "<ng-container *ngIf=\"display\">\n <div\n class=\"matecu-topbar-header-row__column matecu-topbar-header-row__column--left\"\n >\n <ng-content select=\"matecu-topbar-header-column[left-column]\"></ng-content>\n </div>\n\n <div\n class=\"matecu-topbar-header-row__column matecu-topbar-header-row__column--right\"\n >\n <ng-content select=\"matecu-topbar-header-column[right-column]\"></ng-content>\n </div>\n</ng-container>\n", styles: [":host{--mtb-row-padding: 0px;--mtb-row-margin: 0;--mtb-row-max-width: 100%;--mtb-row-min-width: 320px}:host,.matecu-topbar-header-row{padding:var(--mtb-row-padding);margin:var(--mtb-row-margin);display:flex;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;width:100%;height:100%;max-width:var(--mtb-row-max-width);min-width:var(--mtb-row-min-width)}:host,:host *,.matecu-topbar-header-row,.matecu-topbar-header-row *{box-sizing:border-box;outline:none}:host__column,.matecu-topbar-header-row__column{display:flex;height:100%;min-height:var(--mtb-bar-height, 64px);align-items:flex-start}:host__column--right,.matecu-topbar-header-row__column--right{margin-left:auto;justify-content:flex-end}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatToolbarModule }] }); }
|
|
16
|
+
}
|
|
17
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarHeaderRowComponent, decorators: [{
|
|
18
|
+
type: Component,
|
|
19
|
+
args: [{ selector: 'matecu-topbar-header-row', standalone: true, imports: [CommonModule, MatToolbarModule], template: "<ng-container *ngIf=\"display\">\n <div\n class=\"matecu-topbar-header-row__column matecu-topbar-header-row__column--left\"\n >\n <ng-content select=\"matecu-topbar-header-column[left-column]\"></ng-content>\n </div>\n\n <div\n class=\"matecu-topbar-header-row__column matecu-topbar-header-row__column--right\"\n >\n <ng-content select=\"matecu-topbar-header-column[right-column]\"></ng-content>\n </div>\n</ng-container>\n", styles: [":host{--mtb-row-padding: 0px;--mtb-row-margin: 0;--mtb-row-max-width: 100%;--mtb-row-min-width: 320px}:host,.matecu-topbar-header-row{padding:var(--mtb-row-padding);margin:var(--mtb-row-margin);display:flex;align-items:flex-start;justify-content:flex-start;box-sizing:border-box;width:100%;height:100%;max-width:var(--mtb-row-max-width);min-width:var(--mtb-row-min-width)}:host,:host *,.matecu-topbar-header-row,.matecu-topbar-header-row *{box-sizing:border-box;outline:none}:host__column,.matecu-topbar-header-row__column{display:flex;height:100%;min-height:var(--mtb-bar-height, 64px);align-items:flex-start}:host__column--right,.matecu-topbar-header-row__column--right{margin-left:auto;justify-content:flex-end}\n"] }]
|
|
20
|
+
}], propDecorators: { display: [{
|
|
21
|
+
type: Input
|
|
22
|
+
}], className: [{
|
|
23
|
+
type: HostBinding,
|
|
24
|
+
args: ['class']
|
|
25
|
+
}], color: [{
|
|
26
|
+
type: HostBinding,
|
|
27
|
+
args: ['style.display']
|
|
28
|
+
}] } });
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1oZWFkZXItcm93LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWhlYWRlci1yb3cvbWF0ZWN1LXRvcGJhci1oZWFkZXItcm93LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWhlYWRlci1yb3cvbWF0ZWN1LXRvcGJhci1oZWFkZXItcm93LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7OztBQVM3RCxNQUFNLE9BQU8sOEJBQThCO0lBUDNDO1FBUVcsWUFBTyxHQUFHLElBQUksQ0FBQztRQUNGLGNBQVMsR0FBRywwQkFBMEIsQ0FBQztLQUk5RDtJQUhDLElBQWtDLEtBQUs7UUFDckMsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUN4QyxDQUFDOzhHQUxVLDhCQUE4QjtrR0FBOUIsOEJBQThCLHdNQ1gzQywyYkFhQSxxd0JETlksWUFBWSxrSUFBRSxnQkFBZ0I7OzJGQUk3Qiw4QkFBOEI7a0JBUDFDLFNBQVM7K0JBQ0UsMEJBQTBCLGNBQ3hCLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxnQkFBZ0IsQ0FBQzs4QkFLaEMsT0FBTztzQkFBZixLQUFLO2dCQUNnQixTQUFTO3NCQUE5QixXQUFXO3VCQUFDLE9BQU87Z0JBQ2MsS0FBSztzQkFBdEMsV0FBVzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBNYXRUb29sYmFyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbGJhcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS10b3BiYXItaGVhZGVyLXJvdycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdFRvb2xiYXJNb2R1bGVdLFxuICB0ZW1wbGF0ZVVybDogJy4vbWF0ZWN1LXRvcGJhci1oZWFkZXItcm93LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LXRvcGJhci1oZWFkZXItcm93LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVRvcGJhckhlYWRlclJvd0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGRpc3BsYXkgPSB0cnVlO1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzJykgY2xhc3NOYW1lID0gJ21hdGVjdS10b3BiYXItaGVhZGVyLXJvdyc7XG4gIEBIb3N0QmluZGluZygnc3R5bGUuZGlzcGxheScpIGdldCBjb2xvcigpIHtcbiAgICByZXR1cm4gdGhpcy5kaXNwbGF5ID8gJ2ZsZXgnIDogJ25vbmUnO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiZGlzcGxheVwiPlxuICA8ZGl2XG4gICAgY2xhc3M9XCJtYXRlY3UtdG9wYmFyLWhlYWRlci1yb3dfX2NvbHVtbiBtYXRlY3UtdG9wYmFyLWhlYWRlci1yb3dfX2NvbHVtbi0tbGVmdFwiXG4gID5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJtYXRlY3UtdG9wYmFyLWhlYWRlci1jb2x1bW5bbGVmdC1jb2x1bW5dXCI+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cblxuICA8ZGl2XG4gICAgY2xhc3M9XCJtYXRlY3UtdG9wYmFyLWhlYWRlci1yb3dfX2NvbHVtbiBtYXRlY3UtdG9wYmFyLWhlYWRlci1yb3dfX2NvbHVtbi0tcmlnaHRcIlxuICA+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibWF0ZWN1LXRvcGJhci1oZWFkZXItY29sdW1uW3JpZ2h0LWNvbHVtbl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG4iXX0=
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, EventEmitter, HostBinding, Input, Output, ViewChild, } from '@angular/core';
|
|
3
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
4
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
5
|
+
import { MatToolbarModule } from '@angular/material/toolbar';
|
|
6
|
+
import { fromEvent, Subject } from 'rxjs';
|
|
7
|
+
import { takeUntil, tap } from 'rxjs/operators';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
export class MatecuTopbarLayoutComponent {
|
|
10
|
+
get scrolled() {
|
|
11
|
+
return this._scrolled;
|
|
12
|
+
}
|
|
13
|
+
set scrolled(value) {
|
|
14
|
+
this._scrolled = value;
|
|
15
|
+
this.className = this.className.replace(/scrolled/g, '').trim();
|
|
16
|
+
if (this.scrolled) {
|
|
17
|
+
this.className = `${this.className} scrolled`;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
get prominent() {
|
|
21
|
+
return this._prominent;
|
|
22
|
+
}
|
|
23
|
+
set prominent(value) {
|
|
24
|
+
this._prominent = value;
|
|
25
|
+
this.className = this.className.replace(/prominent/g, '').trim();
|
|
26
|
+
if (this.prominent) {
|
|
27
|
+
this.className = `${this.className} prominent`;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
constructor(elementRef, changeDetector, zone) {
|
|
31
|
+
this.elementRef = elementRef;
|
|
32
|
+
this.changeDetector = changeDetector;
|
|
33
|
+
this.zone = zone;
|
|
34
|
+
this._scrolled = false;
|
|
35
|
+
this._prominent = false;
|
|
36
|
+
this.destroy$ = new Subject();
|
|
37
|
+
this.mobileStyle = false;
|
|
38
|
+
this.mobileStyleChange = new EventEmitter();
|
|
39
|
+
this.mobileWidth = 768;
|
|
40
|
+
this.whenResize = new EventEmitter();
|
|
41
|
+
this.className = 'matecu-topbar-layout';
|
|
42
|
+
}
|
|
43
|
+
ngOnDestroy() {
|
|
44
|
+
this.destroy$.next();
|
|
45
|
+
this.destroy$.complete();
|
|
46
|
+
}
|
|
47
|
+
spyScroll(scrollabe) {
|
|
48
|
+
if (!scrollabe) {
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
const maxScrollHeight = scrollabe.scrollHeight;
|
|
52
|
+
const scrollableHeight = scrollabe.clientHeight;
|
|
53
|
+
if (scrollableHeight > maxScrollHeight) {
|
|
54
|
+
return;
|
|
55
|
+
}
|
|
56
|
+
const scrollPosition = scrollabe.scrollTop;
|
|
57
|
+
this.scrolled = scrollPosition > 20;
|
|
58
|
+
}
|
|
59
|
+
ngAfterViewInit() {
|
|
60
|
+
const layoutElement = this.elementRef.nativeElement;
|
|
61
|
+
const resizeObserver = new ResizeObserver(() => {
|
|
62
|
+
const width = layoutElement?.clientWidth;
|
|
63
|
+
if (!width) {
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
this.mobileStyle = width <= this.mobileWidth;
|
|
67
|
+
this.zone.run(() => {
|
|
68
|
+
this.mobileStyleChange.emit(this.mobileStyle);
|
|
69
|
+
this.whenResize.emit(width);
|
|
70
|
+
});
|
|
71
|
+
});
|
|
72
|
+
resizeObserver.observe(layoutElement);
|
|
73
|
+
this.destroy$.pipe(tap(() => resizeObserver.disconnect())).subscribe();
|
|
74
|
+
if (this.bodyElement) {
|
|
75
|
+
fromEvent(this.bodyElement.nativeElement, 'scroll')
|
|
76
|
+
.pipe(tap(() => this.spyScroll(this.bodyElement?.nativeElement)), takeUntil(this.destroy$))
|
|
77
|
+
.subscribe();
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
scrollTop() {
|
|
81
|
+
if (!this.bodyElement) {
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
this.bodyElement.nativeElement.scroll({
|
|
85
|
+
top: 0,
|
|
86
|
+
behavior: 'smooth',
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarLayoutComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
90
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuTopbarLayoutComponent, isStandalone: true, selector: "matecu-topbar-layout", inputs: { mobileStyle: "mobileStyle", mobileWidth: "mobileWidth", prominent: "prominent" }, outputs: { mobileStyleChange: "mobileStyleChange", whenResize: "whenResize" }, host: { properties: { "class": "this.className" } }, viewQueries: [{ propertyName: "bodyElement", first: true, predicate: ["mtbBody"], descendants: true }], ngImport: i0, template: "<div class=\"matecu-topbar-layout__bar\">\n <ng-content select=\"matecu-topbar-header-row[first-row]\"></ng-content>\n <ng-content select=\"matecu-topbar-header-row[second-row]\"></ng-content>\n</div>\n<div class=\"matecu-topbar-layout__body\" #mtbBody>\n <ng-content select=\"matecu-topbar-body\"></ng-content>\n</div>\n", styles: [":host,.matecu-topbar-layout{position:relative;display:grid;grid-template-rows:auto 1fr;box-sizing:border-box;border:var(--mtb-border, none);margin:var(--mtb-margin, 0px);padding:0;width:var(--mtb-width, 100%);height:var(--mtb-height, 100vh);overflow:hidden}:host *,.matecu-topbar-layout *{box-sizing:border-box}:host__bar,.matecu-topbar-layout__bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--mtb-primary-color, #3f51b5);color:var(--mtb-bar-color, #fff);width:100%;padding:0;margin:0;min-height:var(--mtb-bar-height, 64px);transition:all .3s}:host__body,.matecu-topbar-layout__body{padding:0;margin:0;overflow-y:auto}:host.prominent .matecu-topbar-layout__bar,.matecu-topbar-layout.prominent .matecu-topbar-layout__bar{min-height:var(--mtb-bar-prominent-height, 128px)}:host.scrolled .matecu-topbar-layout__bar,.matecu-topbar-layout.scrolled .matecu-topbar-layout__bar{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;min-height:var(--mtb-bar-height, 64px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatToolbarModule }] }); }
|
|
91
|
+
}
|
|
92
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarLayoutComponent, decorators: [{
|
|
93
|
+
type: Component,
|
|
94
|
+
args: [{ selector: 'matecu-topbar-layout', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, MatToolbarModule], template: "<div class=\"matecu-topbar-layout__bar\">\n <ng-content select=\"matecu-topbar-header-row[first-row]\"></ng-content>\n <ng-content select=\"matecu-topbar-header-row[second-row]\"></ng-content>\n</div>\n<div class=\"matecu-topbar-layout__body\" #mtbBody>\n <ng-content select=\"matecu-topbar-body\"></ng-content>\n</div>\n", styles: [":host,.matecu-topbar-layout{position:relative;display:grid;grid-template-rows:auto 1fr;box-sizing:border-box;border:var(--mtb-border, none);margin:var(--mtb-margin, 0px);padding:0;width:var(--mtb-width, 100%);height:var(--mtb-height, 100vh);overflow:hidden}:host *,.matecu-topbar-layout *{box-sizing:border-box}:host__bar,.matecu-topbar-layout__bar{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:var(--mtb-primary-color, #3f51b5);color:var(--mtb-bar-color, #fff);width:100%;padding:0;margin:0;min-height:var(--mtb-bar-height, 64px);transition:all .3s}:host__body,.matecu-topbar-layout__body{padding:0;margin:0;overflow-y:auto}:host.prominent .matecu-topbar-layout__bar,.matecu-topbar-layout.prominent .matecu-topbar-layout__bar{min-height:var(--mtb-bar-prominent-height, 128px)}:host.scrolled .matecu-topbar-layout__bar,.matecu-topbar-layout.scrolled .matecu-topbar-layout__bar{box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f;min-height:var(--mtb-bar-height, 64px)}\n"] }]
|
|
95
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { mobileStyle: [{
|
|
96
|
+
type: Input
|
|
97
|
+
}], mobileStyleChange: [{
|
|
98
|
+
type: Output
|
|
99
|
+
}], mobileWidth: [{
|
|
100
|
+
type: Input
|
|
101
|
+
}], whenResize: [{
|
|
102
|
+
type: Output
|
|
103
|
+
}], prominent: [{
|
|
104
|
+
type: Input
|
|
105
|
+
}], className: [{
|
|
106
|
+
type: HostBinding,
|
|
107
|
+
args: ['class']
|
|
108
|
+
}], bodyElement: [{
|
|
109
|
+
type: ViewChild,
|
|
110
|
+
args: ['mtbBody']
|
|
111
|
+
}] } });
|
|
112
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1sYXlvdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9jb21wb25lbnRzL21hdGVjdS10b3BiYXItbGF5b3V0L21hdGVjdS10b3BiYXItbGF5b3V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLWxheW91dC9tYXRlY3UtdG9wYmFyLWxheW91dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUdMLFNBQVMsRUFFVCxZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFHTCxNQUFNLEVBQ04sU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7QUFRaEQsTUFBTSxPQUFPLDJCQUEyQjtJQUd0QyxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUNELElBQUksUUFBUSxDQUFDLEtBQWM7UUFDekIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUM7UUFDdkIsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFD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ICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQWZ0ZXJWaWV3SW5pdCxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE5nWm9uZSxcbiAgT25EZXN0cm95LFxuICBPdXRwdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0VG9vbGJhck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2xiYXInO1xuaW1wb3J0IHsgZnJvbUV2ZW50LCBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwsIHRhcCB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS10b3BiYXItbGF5b3V0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL21hdGVjdS10b3BiYXItbGF5b3V0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LXRvcGJhci1sYXlvdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0QnV0dG9uTW9kdWxlLCBNYXRJY29uTW9kdWxlLCBNYXRUb29sYmFyTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgTWF0ZWN1VG9wYmFyTGF5b3V0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSBfc2Nyb2xsZWQgPSBmYWxzZTtcbiAgcHJpdmF0ZSBfcHJvbWluZW50ID0gZmFsc2U7XG4gIGdldCBzY3JvbGxlZCgpIHtcbiAgICByZXR1cm4gdGhpcy5fc2Nyb2xsZWQ7XG4gIH1cbiAgc2V0IHNjcm9sbGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fc2Nyb2xsZWQgPSB2YWx1ZTtcbiAgICB0aGlzLmNsYXNzTmFtZSA9IHRoaXMuY2xhc3NOYW1lLnJlcGxhY2UoL3Njcm9sbGVkL2csICcnKS50cmltKCk7XG4gICAgaWYgKHRoaXMuc2Nyb2xsZWQpIHtcbiAgICAgIHRoaXMuY2xhc3NOYW1lID0gYCR7dGhpcy5jbGFzc05hbWV9IHNjcm9sbGVkYDtcbiAgICB9XG4gIH1cbiAgcHJpdmF0ZSBkZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG4gIEBJbnB1dCgpIG1vYmlsZVN0eWxlID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBtb2JpbGVTdHlsZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcbiAgQElucHV0KCkgbW9iaWxlV2lkdGggPSA3Njg7XG4gIEBPdXRwdXQoKSB3aGVuUmVzaXplID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gIEBJbnB1dCgpIGdldCBwcm9taW5lbnQoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3Byb21pbmVudDtcbiAgfVxuICBzZXQgcHJvbWluZW50KHZhbHVlOiBib29sZWFuKSB7XG4gICAgdGhpcy5fcHJvbWluZW50ID0gdmFsdWU7XG4gICAgdGhpcy5jbGFzc05hbWUgPSB0aGlzLmNsYXNzTmFtZS5yZXBsYWNlKC9wcm9taW5lbnQvZywgJycpLnRyaW0oKTtcbiAgICBpZiAodGhpcy5wcm9taW5lbnQpIHtcbiAgICAgIHRoaXMuY2xhc3NOYW1lID0gYCR7dGhpcy5jbGFzc05hbWV9IHByb21pbmVudGA7XG4gICAgfVxuICB9XG4gIEBIb3N0QmluZGluZygnY2xhc3MnKSBjbGFzc05hbWUgPSAnbWF0ZWN1LXRvcGJhci1sYXlvdXQnO1xuICBAVmlld0NoaWxkKCdtdGJCb2R5JykgYm9keUVsZW1lbnQ/OiBFbGVtZW50UmVmO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIGNoYW5nZURldGVjdG9yOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICBwcml2YXRlIHpvbmU6IE5nWm9uZVxuICApIHt9XG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZGVzdHJveSQubmV4dCgpO1xuICAgIHRoaXMuZGVzdHJveSQuY29tcGxldGUoKTtcbiAgfVxuICBwcml2YXRlIHNweVNjcm9sbChzY3JvbGxhYmU6IEhUTUxFbGVtZW50KSB7XG4gICAgaWYgKCFzY3JvbGxhYmUpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgY29uc3QgbWF4U2Nyb2xsSGVpZ2h0ID0gc2Nyb2xsYWJlLnNjcm9sbEhlaWdodDtcbiAgICBjb25zdCBzY3JvbGxhYmxlSGVpZ2h0ID0gc2Nyb2xsYWJlLmNsaWVudEhlaWdodDtcbiAgICBpZiAoc2Nyb2xsYWJsZUhlaWdodCA+IG1heFNjcm9sbEhlaWdodCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBjb25zdCBzY3JvbGxQb3NpdGlvbiA9IHNjcm9sbGFiZS5zY3JvbGxUb3A7XG4gICAgdGhpcy5zY3JvbGxlZCA9IHNjcm9sbFBvc2l0aW9uID4gMjA7XG4gIH1cbiAgbmdBZnRlclZpZXdJbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IGxheW91dEVsZW1lbnQgPSB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgICBjb25zdCByZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB7XG4gICAgICBjb25zdCB3aWR0aCA9IGxheW91dEVsZW1lbnQ/LmNsaWVudFdpZHRoO1xuICAgICAgaWYgKCF3aWR0aCkge1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG4gICAgICB0aGlzLm1vYmlsZVN0eWxlID0gd2lkdGggPD0gdGhpcy5tb2JpbGVXaWR0aDtcbiAgICAgIHRoaXMuem9uZS5ydW4oKCkgPT4ge1xuICAgICAgICB0aGlzLm1vYmlsZVN0eWxlQ2hhbmdlLmVtaXQodGhpcy5tb2JpbGVTdHlsZSk7XG4gICAgICAgIHRoaXMud2hlblJlc2l6ZS5lbWl0KHdpZHRoKTtcbiAgICAgIH0pO1xuICAgIH0pO1xuICAgIHJlc2l6ZU9ic2VydmVyLm9ic2VydmUobGF5b3V0RWxlbWVudCEpO1xuICAgIHRoaXMuZGVzdHJveSQucGlwZSh0YXAoKCkgPT4gcmVzaXplT2JzZXJ2ZXIuZGlzY29ubmVjdCgpKSkuc3Vic2NyaWJlKCk7XG4gICAgaWYgKHRoaXMuYm9keUVsZW1lbnQpIHtcbiAgICAgIGZyb21FdmVudCh0aGlzLmJvZHlFbGVtZW50Lm5hdGl2ZUVsZW1lbnQsICdzY3JvbGwnKVxuICAgICAgICAucGlwZShcbiAgICAgICAgICB0YXAoKCkgPT4gdGhpcy5zcHlTY3JvbGwodGhpcy5ib2R5RWxlbWVudD8ubmF0aXZlRWxlbWVudCEpKSxcbiAgICAgICAgICB0YWtlVW50aWwodGhpcy5kZXN0cm95JClcbiAgICAgICAgKVxuICAgICAgICAuc3Vic2NyaWJlKCk7XG4gICAgfVxuICB9XG4gIHNjcm9sbFRvcCgpIHtcbiAgICBpZiAoIXRoaXMuYm9keUVsZW1lbnQpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG4gICAgdGhpcy5ib2R5RWxlbWVudC5uYXRpdmVFbGVtZW50LnNjcm9sbCh7XG4gICAgICB0b3A6IDAsXG4gICAgICBiZWhhdmlvcjogJ3Ntb290aCcsXG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtYXRlY3UtdG9wYmFyLWxheW91dF9fYmFyXCI+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIm1hdGVjdS10b3BiYXItaGVhZGVyLXJvd1tmaXJzdC1yb3ddXCI+PC9uZy1jb250ZW50PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJtYXRlY3UtdG9wYmFyLWhlYWRlci1yb3dbc2Vjb25kLXJvd11cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJtYXRlY3UtdG9wYmFyLWxheW91dF9fYm9keVwiICNtdGJCb2R5PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJtYXRlY3UtdG9wYmFyLWJvZHlcIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, EventEmitter, HostBinding, Input, Output, } from '@angular/core';
|
|
3
|
+
import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
4
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
5
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
6
|
+
import { Subject } from 'rxjs';
|
|
7
|
+
import { debounceTime, distinctUntilChanged, map, takeUntil, tap, } from 'rxjs/operators';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@angular/common";
|
|
10
|
+
import * as i2 from "@angular/forms";
|
|
11
|
+
import * as i3 from "@angular/material/icon";
|
|
12
|
+
export class MatecuTopbarSearchComponent {
|
|
13
|
+
constructor() {
|
|
14
|
+
this.hasValue = false;
|
|
15
|
+
this.activeMobileSearch = false;
|
|
16
|
+
this.inputCtrl = new FormControl('');
|
|
17
|
+
this._value = '';
|
|
18
|
+
this._mobileStyle = false;
|
|
19
|
+
this.destroy$ = new Subject();
|
|
20
|
+
this.display = true;
|
|
21
|
+
this.placeholder = '';
|
|
22
|
+
this.delyValueChanges = 300; // valor en milisegundos
|
|
23
|
+
this.valueChange = new EventEmitter();
|
|
24
|
+
this.className = 'matecu-topbar-search';
|
|
25
|
+
}
|
|
26
|
+
get value() {
|
|
27
|
+
return this._value;
|
|
28
|
+
}
|
|
29
|
+
set value(v) {
|
|
30
|
+
this._value = v;
|
|
31
|
+
this.inputCtrl.setValue(v);
|
|
32
|
+
}
|
|
33
|
+
get mobileStyle() {
|
|
34
|
+
return this._mobileStyle;
|
|
35
|
+
}
|
|
36
|
+
set mobileStyle(value) {
|
|
37
|
+
this._mobileStyle = value;
|
|
38
|
+
this.className = this.className.replace(/mobile-style/g, '').trim();
|
|
39
|
+
if (this._mobileStyle) {
|
|
40
|
+
this.className = `${this.className} mobile-style`;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
get color() {
|
|
44
|
+
return this.display ? 'flex' : 'none';
|
|
45
|
+
}
|
|
46
|
+
ngOnInit() {
|
|
47
|
+
this.inputCtrl.valueChanges
|
|
48
|
+
.pipe(map((value) => value ?? ''), tap(this.updateHasValueFn()), debounceTime(this.delyValueChanges), distinctUntilChanged(), tap((value) => this.valueChange.emit(value)), takeUntil(this.destroy$))
|
|
49
|
+
.subscribe();
|
|
50
|
+
}
|
|
51
|
+
toggleActiveMobildeSearch() {
|
|
52
|
+
this.activeMobileSearch = !this.activeMobileSearch;
|
|
53
|
+
}
|
|
54
|
+
clearSearch() {
|
|
55
|
+
this.inputCtrl.setValue('');
|
|
56
|
+
this.activeMobileSearch = false;
|
|
57
|
+
}
|
|
58
|
+
updateHasValueFn() {
|
|
59
|
+
return (value) => {
|
|
60
|
+
this.hasValue = value.length > 0;
|
|
61
|
+
};
|
|
62
|
+
}
|
|
63
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
64
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuTopbarSearchComponent, isStandalone: true, selector: "matecu-topbar-search", inputs: { display: "display", placeholder: "placeholder", delyValueChanges: "delyValueChanges", value: "value", mobileStyle: "mobileStyle" }, outputs: { valueChange: "valueChange" }, host: { properties: { "className": "this.className", "style.display": "this.color" } }, ngImport: i0, template: "<ng-container *ngIf=\"display\">\n <button\n class=\"matecu-topbar-search-mobile-only\"\n [ngClass]=\"{ 'mobile-style': mobileStyle }\"\n (click)=\"toggleActiveMobildeSearch()\"\n >\n <mat-icon>search</mat-icon>\n </button>\n <div\n class=\"matecu-topbar-search\"\n [ngClass]=\"{\n 'mobile-style': mobileStyle,\n 'active-mobile': activeMobileSearch\n }\"\n >\n <span class=\"matecu-topbar-search__icon matecu-topbar-search__icon--search\">\n <mat-icon>search</mat-icon>\n </span>\n <ng-container *ngIf=\"hasValue || mobileStyle\">\n <button\n class=\"matecu-topbar-search__icon matecu-topbar-search__icon--clear\"\n (click)=\"clearSearch()\"\n >\n <mat-icon>close</mat-icon>\n </button>\n </ng-container>\n <input type=\"text\" [placeholder]=\"placeholder\" [formControl]=\"inputCtrl\" />\n </div>\n</ng-container>\n", styles: [".matecu-topbar-search-mobile-only{display:none;border:none;background:none;cursor:pointer;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));margin:var(--mtb-search-margin, 10px)}.matecu-topbar-search-mobile-only.mobile-style{display:block}.matecu-topbar-search{margin:var(--mtb-search-margin, 10px);position:relative;display:flex;align-items:center;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));max-height:var(--bar-height, 64px)}.matecu-topbar-search,.matecu-topbar-search *{box-sizing:border-box;outline:none}.matecu-topbar-search input{width:var(--mtb-search-width, 200px);min-width:var(--mtb-search-width, 200px);height:var(--mtb-search-height, 40px);padding:var(--mtb-search-pading, 3px 35px);border-radius:4px;border:1px solid;border:var(--mtb-search-border, none);background-color:var(--search-background-color, rgba(255, 255, 255, .3019607843));color:currentColor;transition:all .3s ease-in-out}.matecu-topbar-search input::placeholder{color:var(--mtb-search-color, var(--mtb-bar-color, #fff));opacity:1}.matecu-topbar-search input:focus{min-width:var(--mtb-search-width-large, 290px)}.matecu-topbar-search__icon{position:absolute;top:50%;transform:translateY(-50%);padding:0}.matecu-topbar-search__icon--search{left:6px}.matecu-topbar-search__icon--clear{border:0px;background:0px;cursor:pointer;color:currentColor;right:6px}.mobile-style.matecu-topbar-search{position:absolute;top:0;left:0;right:0;border-bottom:1px solid;border-bottom-color:var(--mtb-search-border-bottom-color, #ededed);z-index:3;padding:0;margin:0;height:64px;color:var(--mtb-search-mobile-color, #000);transform:translateY(-120%);transition:all .3s ease-in-out}.mobile-style.matecu-topbar-search.active-mobile{transform:translateY(0)}.mobile-style.matecu-topbar-search input{background-color:#fff;height:100%;width:100%;border-radius:0}.mobile-style.matecu-topbar-search input::placeholder{color:var(--mtb-search-mobile-color, #000)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }] }); }
|
|
65
|
+
}
|
|
66
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarSearchComponent, decorators: [{
|
|
67
|
+
type: Component,
|
|
68
|
+
args: [{ selector: 'matecu-topbar-search', standalone: true, imports: [
|
|
69
|
+
CommonModule,
|
|
70
|
+
FormsModule,
|
|
71
|
+
ReactiveFormsModule,
|
|
72
|
+
MatIconModule,
|
|
73
|
+
MatButtonModule,
|
|
74
|
+
], template: "<ng-container *ngIf=\"display\">\n <button\n class=\"matecu-topbar-search-mobile-only\"\n [ngClass]=\"{ 'mobile-style': mobileStyle }\"\n (click)=\"toggleActiveMobildeSearch()\"\n >\n <mat-icon>search</mat-icon>\n </button>\n <div\n class=\"matecu-topbar-search\"\n [ngClass]=\"{\n 'mobile-style': mobileStyle,\n 'active-mobile': activeMobileSearch\n }\"\n >\n <span class=\"matecu-topbar-search__icon matecu-topbar-search__icon--search\">\n <mat-icon>search</mat-icon>\n </span>\n <ng-container *ngIf=\"hasValue || mobileStyle\">\n <button\n class=\"matecu-topbar-search__icon matecu-topbar-search__icon--clear\"\n (click)=\"clearSearch()\"\n >\n <mat-icon>close</mat-icon>\n </button>\n </ng-container>\n <input type=\"text\" [placeholder]=\"placeholder\" [formControl]=\"inputCtrl\" />\n </div>\n</ng-container>\n", styles: [".matecu-topbar-search-mobile-only{display:none;border:none;background:none;cursor:pointer;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));margin:var(--mtb-search-margin, 10px)}.matecu-topbar-search-mobile-only.mobile-style{display:block}.matecu-topbar-search{margin:var(--mtb-search-margin, 10px);position:relative;display:flex;align-items:center;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));max-height:var(--bar-height, 64px)}.matecu-topbar-search,.matecu-topbar-search *{box-sizing:border-box;outline:none}.matecu-topbar-search input{width:var(--mtb-search-width, 200px);min-width:var(--mtb-search-width, 200px);height:var(--mtb-search-height, 40px);padding:var(--mtb-search-pading, 3px 35px);border-radius:4px;border:1px solid;border:var(--mtb-search-border, none);background-color:var(--search-background-color, rgba(255, 255, 255, .3019607843));color:currentColor;transition:all .3s ease-in-out}.matecu-topbar-search input::placeholder{color:var(--mtb-search-color, var(--mtb-bar-color, #fff));opacity:1}.matecu-topbar-search input:focus{min-width:var(--mtb-search-width-large, 290px)}.matecu-topbar-search__icon{position:absolute;top:50%;transform:translateY(-50%);padding:0}.matecu-topbar-search__icon--search{left:6px}.matecu-topbar-search__icon--clear{border:0px;background:0px;cursor:pointer;color:currentColor;right:6px}.mobile-style.matecu-topbar-search{position:absolute;top:0;left:0;right:0;border-bottom:1px solid;border-bottom-color:var(--mtb-search-border-bottom-color, #ededed);z-index:3;padding:0;margin:0;height:64px;color:var(--mtb-search-mobile-color, #000);transform:translateY(-120%);transition:all .3s ease-in-out}.mobile-style.matecu-topbar-search.active-mobile{transform:translateY(0)}.mobile-style.matecu-topbar-search input{background-color:#fff;height:100%;width:100%;border-radius:0}.mobile-style.matecu-topbar-search input::placeholder{color:var(--mtb-search-mobile-color, #000)}\n"] }]
|
|
75
|
+
}], propDecorators: { display: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], placeholder: [{
|
|
78
|
+
type: Input
|
|
79
|
+
}], delyValueChanges: [{
|
|
80
|
+
type: Input
|
|
81
|
+
}], value: [{
|
|
82
|
+
type: Input
|
|
83
|
+
}], mobileStyle: [{
|
|
84
|
+
type: Input
|
|
85
|
+
}], valueChange: [{
|
|
86
|
+
type: Output
|
|
87
|
+
}], className: [{
|
|
88
|
+
type: HostBinding
|
|
89
|
+
}], color: [{
|
|
90
|
+
type: HostBinding,
|
|
91
|
+
args: ['style.display']
|
|
92
|
+
}] } });
|
|
93
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci1zZWFyY2guY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9jb21wb25lbnRzL21hdGVjdS10b3BiYXItc2VhcmNoL21hdGVjdS10b3BiYXItc2VhcmNoLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLXNlYXJjaC9tYXRlY3UtdG9wYmFyLXNlYXJjaC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUMvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUNMLFlBQVksRUFDWixvQkFBb0IsRUFDcEIsR0FBRyxFQUNILFNBQVMsRUFDVCxHQUFHLEdBQ0osTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFleEIsTUFBTSxPQUFPLDJCQUEyQjtJQWJ4QztRQWNFLGFBQVEsR0FBRyxLQUFLLENBQUM7UUFDakIsdUJBQWtCLEdBQUcsS0FBSyxDQUFDO1FBQzNCLGNBQVMsR0FBRyxJQUFJLFdBQVcsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUN4QixXQUFNLEdBQUcsRUFBRSxDQUFDO1FBQ1osaUJBQVksR0FBRyxLQUFLLENBQUM7UUFFckIsYUFBUSxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7UUFDOUIsWUFBTyxHQUFHLElBQUksQ0FBQztRQUNmLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLHFCQUFnQixHQUFHLEdBQUcsQ0FBQyxDQUFDLHdCQUF3QjtRQWtCL0MsZ0JBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO1FBQ3BDLGNBQVMsR0FBRyxzQkFBc0IsQ0FBQztLQTRCbkQ7SUE5Q0MsSUFBYSxLQUFLO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDO0lBQ0QsSUFBSSxLQUFLLENBQUMsQ0FBUztRQUNqQixJQUFJLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztRQUNoQixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBQ0QsSUFBYSxXQUFXO1FBQ3RCLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBQ0QsSUFBSSxXQUFXLENBQUMsS0FBYztRQUM1QixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxDQUFDLGVBQWUsRUFBRSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNwRSxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUU7WUFDckIsSUFBSSxDQUFDLFNBQVMsR0FBRyxHQUFHLElBQUksQ0FBQyxTQUFTLGVBQWUsQ0FBQztTQUNuRDtJQUNILENBQUM7SUFHRCxJQUFrQyxLQUFLO1FBQ3JDLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDeEMsQ0FBQztJQUNELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLFlBQVk7YUFDeEIsSUFBSSxDQUNILEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFLENBQUMsS0FBSyxJQUFJLEVBQUUsQ0FBQyxFQUMzQixHQUFHLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUMsRUFDNUIsWUFBWSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxFQUNuQyxvQkFBb0IsRUFBRSxFQUN0QixHQUFHLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQU0sQ0FBQyxDQUFDLEVBQzdDLFNBQVMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQ3pCO2FBQ0EsU0FBUyxFQUFFLENBQUM7SUFDakIsQ0FBQztJQUNELHlCQUF5QjtRQUN2QixJQUFJLENBQUMsa0JBQWtCLEdBQUcsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDckQsQ0FBQztJQUNELFdBQVc7UUFDVCxJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUM1QixJQUFJLENBQUMsa0JBQWtCLEdBQUcsS0FBSyxDQUFDO0lBQ2xDLENBQUM7SUFDRCxnQkFBZ0I7UUFDZCxPQUFPLENBQUMsS0FBYSxFQUFRLEVBQUU7WUFDN0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztRQUNuQyxDQUFDLENBQUM7SUFDSixDQUFDOzhHQXhEVSwyQkFBMkI7a0dBQTNCLDJCQUEyQiwrVkNsQ3hDLCs0QkE2QkEseThEREZJLFlBQVksZ09BQ1osV0FBVyxzWkFDWCxtQkFBbUIsaU5BQ25CLGFBQWEsbUxBQ2IsZUFBZTs7MkZBR04sMkJBQTJCO2tCQWJ2QyxTQUFTOytCQUNFLHNCQUFzQixjQUdwQixJQUFJLFdBQ1A7d0JBQ1AsWUFBWTt3QkFDWixXQUFXO3dCQUNYLG1CQUFtQjt3QkFDbkIsYUFBYTt3QkFDYixlQUFlO3FCQUNoQjs4QkFVUSxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ08sS0FBSztzQkFBakIsS0FBSztnQkFPTyxXQUFXO3NCQUF2QixLQUFLO2dCQVVJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ1EsU0FBUztzQkFBdkIsV0FBVztnQkFDc0IsS0FBSztzQkFBdEMsV0FBVzt1QkFBQyxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3Jtc01vZHVsZSwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge1xuICBkZWJvdW5jZVRpbWUsXG4gIGRpc3RpbmN0VW50aWxDaGFuZ2VkLFxuICBtYXAsXG4gIHRha2VVbnRpbCxcbiAgdGFwLFxufSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ21hdGVjdS10b3BiYXItc2VhcmNoJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21hdGVjdS10b3BiYXItc2VhcmNoLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWF0ZWN1LXRvcGJhci1zZWFyY2guY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGUsXG4gICAgTWF0QnV0dG9uTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBNYXRlY3VUb3BiYXJTZWFyY2hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBoYXNWYWx1ZSA9IGZhbHNlO1xuICBhY3RpdmVNb2JpbGVTZWFyY2ggPSBmYWxzZTtcbiAgaW5wdXRDdHJsID0gbmV3IEZvcm1Db250cm9sKCcnKTtcbiAgcHJpdmF0ZSBfdmFsdWUgPSAnJztcbiAgcHJpdmF0ZSBfbW9iaWxlU3R5bGUgPSBmYWxzZTtcblxuICBwcml2YXRlIGRlc3Ryb3kkID0gbmV3IFN1YmplY3Q8dm9pZD4oKTtcbiAgQElucHV0KCkgZGlzcGxheSA9IHRydWU7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIGRlbHlWYWx1ZUNoYW5nZXMgPSAzMDA7IC8vIHZhbG9yIGVuIG1pbGlzZWd1bmRvc1xuICBASW5wdXQoKSBnZXQgdmFsdWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3ZhbHVlO1xuICB9XG4gIHNldCB2YWx1ZSh2OiBzdHJpbmcpIHtcbiAgICB0aGlzLl92YWx1ZSA9IHY7XG4gICAgdGhpcy5pbnB1dEN0cmwuc2V0VmFsdWUodik7XG4gIH1cbiAgQElucHV0KCkgZ2V0IG1vYmlsZVN0eWxlKCkge1xuICAgIHJldHVybiB0aGlzLl9tb2JpbGVTdHlsZTtcbiAgfVxuICBzZXQgbW9iaWxlU3R5bGUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLl9tb2JpbGVTdHlsZSA9IHZhbHVlO1xuICAgIHRoaXMuY2xhc3NOYW1lID0gdGhpcy5jbGFzc05hbWUucmVwbGFjZSgvbW9iaWxlLXN0eWxlL2csICcnKS50cmltKCk7XG4gICAgaWYgKHRoaXMuX21vYmlsZVN0eWxlKSB7XG4gICAgICB0aGlzLmNsYXNzTmFtZSA9IGAke3RoaXMuY2xhc3NOYW1lfSBtb2JpbGUtc3R5bGVgO1xuICAgIH1cbiAgfVxuICBAT3V0cHV0KCkgdmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgQEhvc3RCaW5kaW5nKCkgY2xhc3NOYW1lID0gJ21hdGVjdS10b3BiYXItc2VhcmNoJztcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5kaXNwbGF5JykgZ2V0IGNvbG9yKCkge1xuICAgIHJldHVybiB0aGlzLmRpc3BsYXkgPyAnZmxleCcgOiAnbm9uZSc7XG4gIH1cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5pbnB1dEN0cmwudmFsdWVDaGFuZ2VzXG4gICAgICAucGlwZShcbiAgICAgICAgbWFwKCh2YWx1ZSkgPT4gdmFsdWUgPz8gJycpLFxuICAgICAgICB0YXAodGhpcy51cGRhdGVIYXNWYWx1ZUZuKCkpLFxuICAgICAgICBkZWJvdW5jZVRpbWUodGhpcy5kZWx5VmFsdWVDaGFuZ2VzKSxcbiAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICAgICAgdGFwKCh2YWx1ZSkgPT4gdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHZhbHVlISkpLFxuICAgICAgICB0YWtlVW50aWwodGhpcy5kZXN0cm95JClcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKTtcbiAgfVxuICB0b2dnbGVBY3RpdmVNb2JpbGRlU2VhcmNoKCkge1xuICAgIHRoaXMuYWN0aXZlTW9iaWxlU2VhcmNoID0gIXRoaXMuYWN0aXZlTW9iaWxlU2VhcmNoO1xuICB9XG4gIGNsZWFyU2VhcmNoKCkge1xuICAgIHRoaXMuaW5wdXRDdHJsLnNldFZhbHVlKCcnKTtcbiAgICB0aGlzLmFjdGl2ZU1vYmlsZVNlYXJjaCA9IGZhbHNlO1xuICB9XG4gIHVwZGF0ZUhhc1ZhbHVlRm4oKSB7XG4gICAgcmV0dXJuICh2YWx1ZTogc3RyaW5nKTogdm9pZCA9PiB7XG4gICAgICB0aGlzLmhhc1ZhbHVlID0gdmFsdWUubGVuZ3RoID4gMDtcbiAgICB9O1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiZGlzcGxheVwiPlxuICA8YnV0dG9uXG4gICAgY2xhc3M9XCJtYXRlY3UtdG9wYmFyLXNlYXJjaC1tb2JpbGUtb25seVwiXG4gICAgW25nQ2xhc3NdPVwieyAnbW9iaWxlLXN0eWxlJzogbW9iaWxlU3R5bGUgfVwiXG4gICAgKGNsaWNrKT1cInRvZ2dsZUFjdGl2ZU1vYmlsZGVTZWFyY2goKVwiXG4gID5cbiAgICA8bWF0LWljb24+c2VhcmNoPC9tYXQtaWNvbj5cbiAgPC9idXR0b24+XG4gIDxkaXZcbiAgICBjbGFzcz1cIm1hdGVjdS10b3BiYXItc2VhcmNoXCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnbW9iaWxlLXN0eWxlJzogbW9iaWxlU3R5bGUsXG4gICAgICAnYWN0aXZlLW1vYmlsZSc6IGFjdGl2ZU1vYmlsZVNlYXJjaFxuICAgIH1cIlxuICA+XG4gICAgPHNwYW4gY2xhc3M9XCJtYXRlY3UtdG9wYmFyLXNlYXJjaF9faWNvbiBtYXRlY3UtdG9wYmFyLXNlYXJjaF9faWNvbi0tc2VhcmNoXCI+XG4gICAgICA8bWF0LWljb24+c2VhcmNoPC9tYXQtaWNvbj5cbiAgICA8L3NwYW4+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImhhc1ZhbHVlIHx8IG1vYmlsZVN0eWxlXCI+XG4gICAgICA8YnV0dG9uXG4gICAgICAgIGNsYXNzPVwibWF0ZWN1LXRvcGJhci1zZWFyY2hfX2ljb24gbWF0ZWN1LXRvcGJhci1zZWFyY2hfX2ljb24tLWNsZWFyXCJcbiAgICAgICAgKGNsaWNrKT1cImNsZWFyU2VhcmNoKClcIlxuICAgICAgPlxuICAgICAgICA8bWF0LWljb24+Y2xvc2U8L21hdC1pY29uPlxuICAgICAgPC9idXR0b24+XG4gICAgPC9uZy1jb250YWluZXI+XG4gICAgPGlucHV0IHR5cGU9XCJ0ZXh0XCIgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCIgW2Zvcm1Db250cm9sXT1cImlucHV0Q3RybFwiIC8+XG4gIDwvZGl2PlxuPC9uZy1jb250YWluZXI+XG4iXX0=
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { Component, HostBinding } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class MatecuTopbarTitleComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
this.className = 'matecu-topbar-title';
|
|
6
|
+
}
|
|
7
|
+
ngOnInit() { }
|
|
8
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.8", type: MatecuTopbarTitleComponent, isStandalone: true, selector: "matecu-topbar-title", host: { properties: { "class": "this.className" } }, ngImport: i0, template: "<ng-content></ng-content>", styles: [".matecu-topbar-search-mobile-only{display:none;border:none;background:none;cursor:pointer;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));margin:var(--mtb-search-margin, 10px)}.matecu-topbar-search-mobile-only.mobile-style{display:block}:host,.matecu-topbar-search{margin:var(--mtb-search-margin, 10px);position:relative;display:flex;align-items:center;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));max-height:var(--bar-height, 64px)}:host,:host *,.matecu-topbar-search,.matecu-topbar-search *{box-sizing:border-box;outline:none}:host input,.matecu-topbar-search input{width:var(--mtb-search-width, 200px);min-width:var(--mtb-search-width, 200px);height:var(--mtb-search-height, 40px);padding:var(--mtb-search-pading, 3px 35px);border-radius:4px;border:1px solid;border:var(--mtb-search-border, none);background-color:var(--search-background-color, rgba(255, 255, 255, .3019607843));color:currentColor;transition:all .3s ease-in-out}:host input::placeholder,.matecu-topbar-search input::placeholder{color:var(--mtb-search-color, var(--mtb-bar-color, #fff));opacity:1}:host input:focus,.matecu-topbar-search input:focus{min-width:var(--mtb-search-width-large, 290px)}:host__icon,.matecu-topbar-search__icon{position:absolute;top:50%;transform:translateY(-50%);padding:0}:host__icon--search,.matecu-topbar-search__icon--search{left:6px}:host__icon--clear,.matecu-topbar-search__icon--clear{border:0px;background:0px;cursor:pointer;color:currentColor;right:6px}.mobile-style.matecu-topbar-search{position:absolute;top:0;left:0;right:0;border-bottom:1px solid;border-bottom-color:var(--mtb-search-border-bottom-color, #ededed);z-index:3;padding:0;margin:0;height:64px;color:var(--mtb-search-mobile-color, #000);transform:translateY(-120%);transition:all .3s ease-in-out}.mobile-style.matecu-topbar-search.active-mobile{transform:translateY(0)}.mobile-style.matecu-topbar-search input{background-color:#fff;height:100%;width:100%;border-radius:0}.mobile-style.matecu-topbar-search input::placeholder{color:var(--mtb-search-mobile-color, #000)}\n"] }); }
|
|
10
|
+
}
|
|
11
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuTopbarTitleComponent, decorators: [{
|
|
12
|
+
type: Component,
|
|
13
|
+
args: [{ selector: 'matecu-topbar-title', standalone: true, template: "<ng-content></ng-content>", styles: [".matecu-topbar-search-mobile-only{display:none;border:none;background:none;cursor:pointer;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));margin:var(--mtb-search-margin, 10px)}.matecu-topbar-search-mobile-only.mobile-style{display:block}:host,.matecu-topbar-search{margin:var(--mtb-search-margin, 10px);position:relative;display:flex;align-items:center;color:var(--mtb-search-color, var(--mtb-bar-color, #fff));max-height:var(--bar-height, 64px)}:host,:host *,.matecu-topbar-search,.matecu-topbar-search *{box-sizing:border-box;outline:none}:host input,.matecu-topbar-search input{width:var(--mtb-search-width, 200px);min-width:var(--mtb-search-width, 200px);height:var(--mtb-search-height, 40px);padding:var(--mtb-search-pading, 3px 35px);border-radius:4px;border:1px solid;border:var(--mtb-search-border, none);background-color:var(--search-background-color, rgba(255, 255, 255, .3019607843));color:currentColor;transition:all .3s ease-in-out}:host input::placeholder,.matecu-topbar-search input::placeholder{color:var(--mtb-search-color, var(--mtb-bar-color, #fff));opacity:1}:host input:focus,.matecu-topbar-search input:focus{min-width:var(--mtb-search-width-large, 290px)}:host__icon,.matecu-topbar-search__icon{position:absolute;top:50%;transform:translateY(-50%);padding:0}:host__icon--search,.matecu-topbar-search__icon--search{left:6px}:host__icon--clear,.matecu-topbar-search__icon--clear{border:0px;background:0px;cursor:pointer;color:currentColor;right:6px}.mobile-style.matecu-topbar-search{position:absolute;top:0;left:0;right:0;border-bottom:1px solid;border-bottom-color:var(--mtb-search-border-bottom-color, #ededed);z-index:3;padding:0;margin:0;height:64px;color:var(--mtb-search-mobile-color, #000);transform:translateY(-120%);transition:all .3s ease-in-out}.mobile-style.matecu-topbar-search.active-mobile{transform:translateY(0)}.mobile-style.matecu-topbar-search input{background-color:#fff;height:100%;width:100%;border-radius:0}.mobile-style.matecu-topbar-search input::placeholder{color:var(--mtb-search-mobile-color, #000)}\n"] }]
|
|
14
|
+
}], ctorParameters: function () { return []; }, propDecorators: { className: [{
|
|
15
|
+
type: HostBinding,
|
|
16
|
+
args: ['class']
|
|
17
|
+
}] } });
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXRvcGJhci10aXRsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW1hdGVjdS9zcmMvbGliL2NvbXBvbmVudHMvbWF0ZWN1LXRvcGJhci10aXRsZS9tYXRlY3UtdG9wYmFyLXRpdGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItbWF0ZWN1L3NyYy9saWIvY29tcG9uZW50cy9tYXRlY3UtdG9wYmFyLXRpdGxlL21hdGVjdS10b3BiYXItdGl0bGUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQVUsTUFBTSxlQUFlLENBQUM7O0FBUS9ELE1BQU0sT0FBTywwQkFBMEI7SUFFckM7UUFEc0IsY0FBUyxHQUFHLHFCQUFxQixDQUFDO0lBQ3pDLENBQUM7SUFFaEIsUUFBUSxLQUFVLENBQUM7OEdBSlIsMEJBQTBCO2tHQUExQiwwQkFBMEIsb0lDUnZDLDJCQUF5Qjs7MkZEUVosMEJBQTBCO2tCQU50QyxTQUFTOytCQUNFLHFCQUFxQixjQUduQixJQUFJOzBFQUdNLFNBQVM7c0JBQTlCLFdBQVc7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtYXRlY3UtdG9wYmFyLXRpdGxlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21hdGVjdS10b3BiYXItdGl0bGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9tYXRlY3UtdG9wYmFyLXRpdGxlLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVRvcGJhclRpdGxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIGNsYXNzTmFtZSA9ICdtYXRlY3UtdG9wYmFyLXRpdGxlJztcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge31cbn1cbiIsIjxuZy1jb250ZW50PjwvbmctY29udGVudD4iXX0=
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { MatecuAlertBoxComponent } from '../../components/matecu-alert-box/matecu-alert-box.component';
|
|
4
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
5
|
+
import { MatecuAlertDialogComponent } from '../../components/matecu-alert-dialog/matecu-alert-dialog.component';
|
|
6
|
+
import { MatDialogModule } from '@angular/material/dialog';
|
|
7
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
8
|
+
import { MatSnackBarModule } from '@angular/material/snack-bar';
|
|
9
|
+
import { MatecuAlertSnackBarComponent } from '../../components/matecu-alert-snack-bar/matecu-alert-snack-bar.component';
|
|
10
|
+
import * as i0 from "@angular/core";
|
|
11
|
+
export class MatecuAlertBoxModule {
|
|
12
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertBoxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
13
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertBoxModule, imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule, MatSnackBarModule, MatecuAlertBoxComponent, MatecuAlertDialogComponent, MatecuAlertSnackBarComponent], exports: [MatecuAlertBoxComponent] }); }
|
|
14
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertBoxModule, imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule, MatSnackBarModule, MatecuAlertBoxComponent, MatecuAlertDialogComponent, MatecuAlertSnackBarComponent] }); }
|
|
15
|
+
}
|
|
16
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuAlertBoxModule, decorators: [{
|
|
17
|
+
type: NgModule,
|
|
18
|
+
args: [{
|
|
19
|
+
declarations: [],
|
|
20
|
+
imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule, MatSnackBarModule, MatecuAlertBoxComponent, MatecuAlertDialogComponent, MatecuAlertSnackBarComponent],
|
|
21
|
+
exports: [MatecuAlertBoxComponent]
|
|
22
|
+
}]
|
|
23
|
+
}] });
|
|
24
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LWFsZXJ0LWJveC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLW1hdGVjdS9zcmMvbGliL21vZHVsZXMvbWF0ZWN1LWFsZXJ0LWJveC9tYXRlY3UtYWxlcnQtYm94Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSw4REFBOEQsQ0FBQztBQUN2RyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sb0VBQW9FLENBQUM7QUFDaEgsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNoRSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSwwRUFBMEUsQ0FBQzs7QUFPeEgsTUFBTSxPQUFPLG9CQUFvQjs4R0FBcEIsb0JBQW9COytHQUFwQixvQkFBb0IsWUFIbkIsWUFBWSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLGlCQUFpQixFQUFFLHVCQUF1QixFQUFFLDBCQUEwQixFQUFFLDRCQUE0QixhQUNuSyx1QkFBdUI7K0dBRXhCLG9CQUFvQixZQUhuQixZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxlQUFlLEVBQUUsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQUUsMEJBQTBCLEVBQUUsNEJBQTRCOzsyRkFHcEssb0JBQW9CO2tCQUxoQyxRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxlQUFlLEVBQUUsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQUUsMEJBQTBCLEVBQUUsNEJBQTRCLENBQUM7b0JBQzlLLE9BQU8sRUFBRSxDQUFDLHVCQUF1QixDQUFDO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0ZWN1QWxlcnRCb3hDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL21hdGVjdS1hbGVydC1ib3gvbWF0ZWN1LWFsZXJ0LWJveC5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0ZWN1QWxlcnREaWFsb2dDb21wb25lbnQgfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL21hdGVjdS1hbGVydC1kaWFsb2cvbWF0ZWN1LWFsZXJ0LWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWF0RGlhbG9nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRTbmFja0Jhck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NuYWNrLWJhcic7XG5pbXBvcnQgeyBNYXRlY3VBbGVydFNuYWNrQmFyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9tYXRlY3UtYWxlcnQtc25hY2stYmFyL21hdGVjdS1hbGVydC1zbmFjay1iYXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgICBkZWNsYXJhdGlvbnM6IFtdLFxuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdEljb25Nb2R1bGUsIE1hdERpYWxvZ01vZHVsZSwgTWF0QnV0dG9uTW9kdWxlLCBNYXRTbmFja0Jhck1vZHVsZSwgTWF0ZWN1QWxlcnRCb3hDb21wb25lbnQsIE1hdGVjdUFsZXJ0RGlhbG9nQ29tcG9uZW50LCBNYXRlY3VBbGVydFNuYWNrQmFyQ29tcG9uZW50XSxcbiAgICBleHBvcnRzOiBbTWF0ZWN1QWxlcnRCb3hDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdUFsZXJ0Qm94TW9kdWxlIHsgfVxuIl19
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { MatecuSpinnerComponent } from '../../components/matecu-spinner/matecu-spinner.component';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class MatecuSpinnerModule {
|
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSpinnerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
7
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.8", ngImport: i0, type: MatecuSpinnerModule, imports: [CommonModule, MatecuSpinnerComponent], exports: [MatecuSpinnerComponent] }); }
|
|
8
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSpinnerModule, imports: [CommonModule, MatecuSpinnerComponent] }); }
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.8", ngImport: i0, type: MatecuSpinnerModule, decorators: [{
|
|
11
|
+
type: NgModule,
|
|
12
|
+
args: [{
|
|
13
|
+
declarations: [],
|
|
14
|
+
imports: [
|
|
15
|
+
CommonModule, MatecuSpinnerComponent
|
|
16
|
+
],
|
|
17
|
+
exports: [
|
|
18
|
+
MatecuSpinnerComponent
|
|
19
|
+
]
|
|
20
|
+
}]
|
|
21
|
+
}] });
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZWN1LXNwaW5uZXIubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1tYXRlY3Uvc3JjL2xpYi9tb2R1bGVzL21hdGVjdS1zcGlubmVyL21hdGVjdS1zcGlubmVyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwREFBMEQsQ0FBQzs7QUFXbEcsTUFBTSxPQUFPLG1CQUFtQjs4R0FBbkIsbUJBQW1COytHQUFuQixtQkFBbUIsWUFONUIsWUFBWSxFQUFFLHNCQUFzQixhQUdwQyxzQkFBc0I7K0dBR2IsbUJBQW1CLFlBTjVCLFlBQVksRUFBRSxzQkFBc0I7OzJGQU0zQixtQkFBbUI7a0JBVC9CLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFLEVBQUU7b0JBQ2hCLE9BQU8sRUFBRTt3QkFDUCxZQUFZLEVBQUUsc0JBQXNCO3FCQUNyQztvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asc0JBQXNCO3FCQUN2QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0ZWN1U3Bpbm5lckNvbXBvbmVudCB9IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvbWF0ZWN1LXNwaW5uZXIvbWF0ZWN1LXNwaW5uZXIuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSwgTWF0ZWN1U3Bpbm5lckNvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgTWF0ZWN1U3Bpbm5lckNvbXBvbmVudFxuICBdXG59KVxuZXhwb3J0IGNsYXNzIE1hdGVjdVNwaW5uZXJNb2R1bGUgeyB9XG4iXX0=
|