angular-dumb-lib 0.0.20 → 0.0.22
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/fesm2022/angular-dumb-lib.mjs +106 -106
- package/fesm2022/angular-dumb-lib.mjs.map +1 -1
- package/lib/angular-dumb-lib.component.d.ts +1 -1
- package/lib/angular-dumb-lib.module.d.ts +1 -1
- package/package.json +3 -5
- package/esm2022/angular-dumb-lib.mjs +0 -5
- package/esm2022/lib/angular-dumb-lib.component.mjs +0 -20
- package/esm2022/lib/angular-dumb-lib.module.mjs +0 -22
- package/esm2022/lib/angular-dumb-lib.service.mjs +0 -15
- package/esm2022/lib/components/atoms/button/button.component.mjs +0 -34
- package/esm2022/lib/components/atoms/datetime-picker/datetime-picker.component.mjs +0 -58
- package/esm2022/lib/components/atoms/file-selection/file-selection.component.mjs +0 -85
- package/esm2022/lib/components/atoms/input/input.component.mjs +0 -57
- package/esm2022/lib/components/atoms/loading/loading.component.mjs +0 -37
- package/esm2022/lib/components/atoms/menu-widget/menu-widget.component.mjs +0 -36
- package/esm2022/lib/components/atoms/scroll-to-top/scroll-to-top.component.mjs +0 -22
- package/esm2022/lib/components/atoms/selection/selection.component.mjs +0 -92
- package/esm2022/lib/components/atoms/slider/slider.component.mjs +0 -42
- package/esm2022/lib/components/atoms/tags/tags.component.mjs +0 -62
- package/esm2022/lib/components/molecules/cards/cards.component.mjs +0 -30
- package/esm2022/lib/components/molecules/content-design/content-design.component.mjs +0 -48
- package/esm2022/lib/components/molecules/form/form.component.mjs +0 -73
- package/esm2022/lib/components/molecules/formated-text/formated-text.component.mjs +0 -40
- package/esm2022/lib/components/molecules/modal/modal.component.mjs +0 -49
- package/esm2022/lib/components/molecules/paginator/paginator.component.mjs +0 -120
- package/esm2022/lib/components/molecules/table/table.component.mjs +0 -51
- package/esm2022/lib/components/pages/detail/detail.component.mjs +0 -22
- package/esm2022/lib/components/pages/footer/footer.component.mjs +0 -15
- package/esm2022/lib/components/pages/login/login.component.mjs +0 -29
- package/esm2022/lib/components/pages/menu/menu.component.mjs +0 -125
- package/esm2022/lib/components/pages/version/version.component.mjs +0 -26
- package/esm2022/lib/shared/constants/constant.mjs +0 -6
- package/esm2022/lib/shared/enums/enum.mjs +0 -86
- package/esm2022/lib/shared/interfaces/interface.mjs +0 -2
- package/esm2022/lib/shared/utils/common.utils.mjs +0 -42
- package/esm2022/public-api.mjs +0 -31
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, EventEmitter, Input, Output } from '@angular/core';
|
|
3
|
-
import { ButtonType, InputDirection } from '../../../shared/enums/enum';
|
|
4
|
-
import { SelectionComponent } from '../../atoms/selection/selection.component';
|
|
5
|
-
import { ButtonComponent } from '../../atoms/button/button.component';
|
|
6
|
-
import { InputComponent } from '../../atoms/input/input.component';
|
|
7
|
-
import * as i0 from "@angular/core";
|
|
8
|
-
import * as i1 from "@angular/common";
|
|
9
|
-
class PaginatorComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.itemsPerPageList = [];
|
|
12
|
-
this.inputConfig = {
|
|
13
|
-
label: 'Go to page',
|
|
14
|
-
direction: InputDirection.horizontal,
|
|
15
|
-
name: 'inputConfig',
|
|
16
|
-
required: false,
|
|
17
|
-
validator: ''
|
|
18
|
-
};
|
|
19
|
-
this.previousButtonConfig = {
|
|
20
|
-
iconValue: 'chevron_left',
|
|
21
|
-
type: ButtonType.button,
|
|
22
|
-
isDisabled: true
|
|
23
|
-
};
|
|
24
|
-
this.nextButtonConfig = {
|
|
25
|
-
iconValue: 'chevron_right',
|
|
26
|
-
type: ButtonType.button,
|
|
27
|
-
isDisabled: false
|
|
28
|
-
};
|
|
29
|
-
this.numberOfPage = 0;
|
|
30
|
-
this.itemsPerPage = 0;
|
|
31
|
-
this.selectedPage = 0;
|
|
32
|
-
this.totalRecords = 0;
|
|
33
|
-
this.paginator = new EventEmitter();
|
|
34
|
-
}
|
|
35
|
-
get pageNumbers() {
|
|
36
|
-
return Array.from({ length: this.numberOfPage }, (_, i) => i + 1);
|
|
37
|
-
}
|
|
38
|
-
ngOnInit() {
|
|
39
|
-
this.itemsPerPageList = [
|
|
40
|
-
{
|
|
41
|
-
label: "3",
|
|
42
|
-
value: 1
|
|
43
|
-
},
|
|
44
|
-
{
|
|
45
|
-
label: "5",
|
|
46
|
-
value: 2
|
|
47
|
-
},
|
|
48
|
-
{
|
|
49
|
-
label: "20",
|
|
50
|
-
value: 3
|
|
51
|
-
}
|
|
52
|
-
];
|
|
53
|
-
this.selectedPage = 1;
|
|
54
|
-
this.buttonType = ButtonType.button;
|
|
55
|
-
this.inputDirection = InputDirection.horizontal;
|
|
56
|
-
this.itemsPerPage = parseInt(this.itemsPerPageList[0].label);
|
|
57
|
-
this.calculateNumberOfPage(this.totalRecords, this.itemsPerPage);
|
|
58
|
-
this.updateButtonConfigs();
|
|
59
|
-
this.emitPaging();
|
|
60
|
-
}
|
|
61
|
-
ngOnChanges() {
|
|
62
|
-
this.calculateNumberOfPage(this.totalRecords, this.itemsPerPage);
|
|
63
|
-
this.updateButtonConfigs();
|
|
64
|
-
}
|
|
65
|
-
selectPage(i) {
|
|
66
|
-
this.selectedPage = i;
|
|
67
|
-
this.updateButtonConfigs();
|
|
68
|
-
this.emitPaging();
|
|
69
|
-
}
|
|
70
|
-
onChangeNumberOfPage(itemsPerPageId) {
|
|
71
|
-
this.selectedPage = 1;
|
|
72
|
-
this.itemsPerPage = parseInt(this.itemsPerPageList.find(i => i.value === parseInt(itemsPerPageId))?.label ??
|
|
73
|
-
this.itemsPerPage.toString());
|
|
74
|
-
this.calculateNumberOfPage(this.totalRecords, this.itemsPerPage);
|
|
75
|
-
this.updateButtonConfigs();
|
|
76
|
-
this.emitPaging();
|
|
77
|
-
}
|
|
78
|
-
emitPaging() {
|
|
79
|
-
let paging = {
|
|
80
|
-
itemsPerPage: this.itemsPerPage,
|
|
81
|
-
selectedPage: this.selectedPage
|
|
82
|
-
};
|
|
83
|
-
this.paginator.emit(paging);
|
|
84
|
-
}
|
|
85
|
-
calculateNumberOfPage(totalRecords, itemsPerPage) {
|
|
86
|
-
return this.numberOfPage = Math.ceil(totalRecords / itemsPerPage);
|
|
87
|
-
}
|
|
88
|
-
updateButtonConfigs() {
|
|
89
|
-
// Re-assign the button configuration to trigger change detection
|
|
90
|
-
this.previousButtonConfig = {
|
|
91
|
-
...this.previousButtonConfig,
|
|
92
|
-
isDisabled: this.selectedPage <= 1
|
|
93
|
-
};
|
|
94
|
-
this.nextButtonConfig = {
|
|
95
|
-
...this.nextButtonConfig,
|
|
96
|
-
isDisabled: this.selectedPage >= this.numberOfPage
|
|
97
|
-
};
|
|
98
|
-
}
|
|
99
|
-
// Method to return config for page number buttons
|
|
100
|
-
getPageButtonConfig(page) {
|
|
101
|
-
return {
|
|
102
|
-
label: page.toString(),
|
|
103
|
-
type: ButtonType.button,
|
|
104
|
-
isActive: page === this.selectedPage,
|
|
105
|
-
isDisabled: false // Page buttons are never disabled
|
|
106
|
-
};
|
|
107
|
-
}
|
|
108
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
109
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PaginatorComponent, isStandalone: true, selector: "app-paginator", inputs: { totalRecords: "totalRecords" }, outputs: { paginator: "paginator" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"table-footer\">\n <div class=\"number-of-page\">\n <app-selection [options] = \"itemsPerPageList\"\n [selectedValue]=\"this.itemsPerPage\"\n (selectedChange) = \"onChangeNumberOfPage($event)\">\n </app-selection>\n <app-input [config]=\"inputConfig\"></app-input>\n </div>\n <div class=\"paginator\">\n <app-button (clickEvent)=\"selectPage(selectedPage - 1)\"\n [config]=\"previousButtonConfig\"/>\n\n <!-- Page Numbers -->\n <ng-container *ngFor=\"let page of pageNumbers\">\n <app-button\n (clickEvent)=\"selectPage(page)\"\n [config]=\"getPageButtonConfig(page)\">\n </app-button>\n </ng-container>\n\n <!-- Next Button -->\n <app-button (clickEvent)=\"selectPage(selectedPage + 1)\"\n [config]=\"nextButtonConfig\"/>\n </div>\n</div>\n", styles: ["body{color:#566787;background:#f5f5f5;font-family:Varela Round,sans-serif;font-size:13px}.table-footer{display:flex;padding:10px 0}.table-footer .number-of-page{width:70%;display:flex;align-items:center;gap:20px}.table-footer .paginator{display:flex;justify-content:flex-end;width:100%}.table-footer .paginator app-button{margin:0 2px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: ButtonComponent, selector: "app-button", inputs: ["config"], outputs: ["clickEvent"] }, { kind: "component", type: SelectionComponent, selector: "app-selection", inputs: ["label", "options", "selectedValue", "selectedValues", "isMultiSelect", "displayType"], outputs: ["selectedChange"] }, { kind: "component", type: InputComponent, selector: "app-input", inputs: ["config"] }] }); }
|
|
110
|
-
}
|
|
111
|
-
export { PaginatorComponent };
|
|
112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PaginatorComponent, decorators: [{
|
|
113
|
-
type: Component,
|
|
114
|
-
args: [{ selector: 'app-paginator', standalone: true, imports: [CommonModule, ButtonComponent, SelectionComponent, InputComponent], template: "<div class=\"table-footer\">\n <div class=\"number-of-page\">\n <app-selection [options] = \"itemsPerPageList\"\n [selectedValue]=\"this.itemsPerPage\"\n (selectedChange) = \"onChangeNumberOfPage($event)\">\n </app-selection>\n <app-input [config]=\"inputConfig\"></app-input>\n </div>\n <div class=\"paginator\">\n <app-button (clickEvent)=\"selectPage(selectedPage - 1)\"\n [config]=\"previousButtonConfig\"/>\n\n <!-- Page Numbers -->\n <ng-container *ngFor=\"let page of pageNumbers\">\n <app-button\n (clickEvent)=\"selectPage(page)\"\n [config]=\"getPageButtonConfig(page)\">\n </app-button>\n </ng-container>\n\n <!-- Next Button -->\n <app-button (clickEvent)=\"selectPage(selectedPage + 1)\"\n [config]=\"nextButtonConfig\"/>\n </div>\n</div>\n", styles: ["body{color:#566787;background:#f5f5f5;font-family:Varela Round,sans-serif;font-size:13px}.table-footer{display:flex;padding:10px 0}.table-footer .number-of-page{width:70%;display:flex;align-items:center;gap:20px}.table-footer .paginator{display:flex;justify-content:flex-end;width:100%}.table-footer .paginator app-button{margin:0 2px}\n"] }]
|
|
115
|
-
}], ctorParameters: function () { return []; }, propDecorators: { totalRecords: [{
|
|
116
|
-
type: Input
|
|
117
|
-
}], paginator: [{
|
|
118
|
-
type: Output
|
|
119
|
-
}] } });
|
|
120
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItZHVtYi1saWIvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9wYWdpbmF0b3IvcGFnaW5hdG9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItZHVtYi1saWIvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy9wYWdpbmF0b3IvcGFnaW5hdG9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRS9FLE9BQU8sRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDeEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7O0FBRW5FLE1BT2Esa0JBQWtCO0lBNkI3QjtRQTVCQSxxQkFBZ0IsR0FBc0IsRUFBRSxDQUFDO1FBQ3pDLGdCQUFXLEdBQWlCO1lBQzFCLEtBQUssRUFBRSxZQUFZO1lBQ25CLFNBQVMsRUFBRSxjQUFjLENBQUMsVUFBVTtZQUNwQyxJQUFJLEVBQUUsYUFBYTtZQUNuQixRQUFRLEVBQUUsS0FBSztZQUNmLFNBQVMsRUFBRSxFQUFFO1NBQ2QsQ0FBQTtRQUNELHlCQUFvQixHQUFrQjtZQUNwQyxTQUFTLEVBQUUsY0FBYztZQUN6QixJQUFJLEVBQUUsVUFBVSxDQUFDLE1BQU07WUFDdkIsVUFBVSxFQUFF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bSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IElCdXR0b25Db25maWcsIElEcm9wZG93bk9wdGlvbiwgSUlucHV0Q29uZmlnLCBJUGFnaW5hdG9yIH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2ludGVyZmFjZXMvaW50ZXJmYWNlJztcbmltcG9ydCB7IEJ1dHRvblR5cGUsIElucHV0RGlyZWN0aW9uIH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2VudW1zL2VudW0nO1xuaW1wb3J0IHsgU2VsZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvc2VsZWN0aW9uL3NlbGVjdGlvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW5wdXRDb21wb25lbnQgfSBmcm9tICcuLi8uLi9hdG9tcy9pbnB1dC9pbnB1dC5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtcGFnaW5hdG9yJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6ICcuL3BhZ2luYXRvci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3BhZ2luYXRvci5jb21wb25lbnQuc2NzcyddLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBCdXR0b25Db21wb25lbnQsIFNlbGVjdGlvbkNvbXBvbmVudCwgSW5wdXRDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIFBhZ2luYXRvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGl0ZW1zUGVyUGFnZUxpc3Q6IElEcm9wZG93bk9wdGlvbltdID0gW107XG4gIGlucHV0Q29uZmlnOiBJSW5wdXRDb25maWcgPSB7XG4gICAgbGFiZWw6ICdHbyB0byBwYWdlJyxcbiAgICBkaXJlY3Rpb246IElucHV0RGlyZWN0aW9uLmhvcml6b250YWwsXG4gICAgbmFtZTogJ2lucHV0Q29uZmlnJyxcbiAgICByZXF1aXJlZDogZmFsc2UsXG4gICAgdmFsaWRhdG9yOiAnJ1xuICB9XG4gIHByZXZpb3VzQnV0dG9uQ29uZmlnOiBJQnV0dG9uQ29uZmlnID0ge1xuICAgIGljb25WYWx1ZTogJ2NoZXZyb25fbGVmdCcsXG4gICAgdHlwZTogQnV0dG9uVHlwZS5idXR0b24sXG4gICAgaXNEaXNhYmxlZDogdHJ1ZVxuICB9XG4gIG5leHRCdXR0b25Db25maWc6IElCdXR0b25Db25maWcgPSB7XG4gICAgaWNvblZhbHVlOiAnY2hldnJvbl9yaWdodCcsXG4gICAgdHlwZTogQnV0dG9uVHlwZS5idXR0b24sXG4gICAgaXNEaXNhYmxlZDogZmFsc2VcbiAgfVxuICBudW1iZXJPZlBhZ2U6IG51bWJlciA9IDA7XG4gIGl0ZW1zUGVyUGFnZTogbnVtYmVyID0gMDtcbiAgc2VsZWN0ZWRQYWdlOiBudW1iZXIgPSAwO1xuICBidXR0b25UeXBlITogQnV0dG9uVHlwZTtcbiAgaW5wdXREaXJlY3Rpb24hOiBJbnB1dERpcmVjdGlvbjtcblxuICBASW5wdXQoKSB0b3RhbFJlY29yZHM6IG51bWJlciA9IDA7XG5cbiAgQE91dHB1dCgpIHBhZ2luYXRvciA9IG5ldyBFdmVudEVtaXR0ZXI8SVBhZ2luYXRvcj4oKTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgZ2V0IHBhZ2VOdW1iZXJzKCk6IG51bWJlcltdIHtcbiAgICByZXR1cm4gQXJyYXkuZnJvbSh7IGxlbmd0aDogdGhpcy5udW1iZXJPZlBhZ2UgfSwgKF8sIGkpID0+IGkgKyAxKTtcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMuaXRlbXNQZXJQYWdlTGlzdCA9IFtcbiAgICAgIHtcbiAgICAgICAgbGFiZWw6IFwiM1wiLFxuICAgICAgICB2YWx1ZTogMVxuICAgICAgfSxcbiAgICAgIHtcbiAgICAgICAgbGFiZWw6IFwiNVwiLFxuICAgICAgICB2YWx1ZTogMlxuICAgICAgfSxcbiAgICAgIHtcbiAgICAgICAgbGFiZWw6IFwiMjBcIixcbiAgICAgICAgdmFsdWU6IDNcbiAgICAgIH1cbiAgICBdO1xuICAgIHRoaXMuc2VsZWN0ZWRQYWdlID0gMTtcbiAgICB0aGlzLmJ1dHRvblR5cGUgPSBCdXR0b25UeXBlLmJ1dHRvbjtcbiAgICB0aGlzLmlucHV0RGlyZWN0aW9uID0gSW5wdXREaXJlY3Rpb24uaG9yaXpvbnRhbDtcbiAgICB0aGlzLml0ZW1zUGVyUGFnZSA9IHBhcnNlSW50KHRoaXMuaXRlbXNQZXJQYWdlTGlzdFswXS5sYWJlbCk7XG4gICAgdGhpcy5jYWxjdWxhdGVOdW1iZXJPZlBhZ2UodGhpcy50b3RhbFJlY29yZHMsIHRoaXMuaXRlbXNQZXJQYWdlKTtcbiAgICB0aGlzLnVwZGF0ZUJ1dHRvbkNvbmZpZ3MoKTtcbiAgICB0aGlzLmVtaXRQYWdpbmcoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMuY2FsY3VsYXRlTnVtYmVyT2ZQYWdlKHRoaXMudG90YWxSZWNvcmRzLCB0aGlzLml0ZW1zUGVyUGFnZSk7XG4gICAgdGhpcy51cGRhdGVCdXR0b25Db25maWdzKCk7XG4gIH1cblxuICBzZWxlY3RQYWdlKGk6IG51bWJlcikge1xuICAgIHRoaXMuc2VsZWN0ZWRQYWdlID0gaTtcbiAgICB0aGlzLnVwZGF0ZUJ1dHRvbkNvbmZpZ3MoKTtcbiAgICB0aGlzLmVtaXRQYWdpbmcoKTtcbiAgfVxuXG4gIG9uQ2hhbmdlTnVtYmVyT2ZQYWdlKGl0ZW1zUGVyUGFnZUlkOiBzdHJpbmcpIHtcbiAgICB0aGlzLnNlbGVjdGVkUGFnZSA9IDE7XG4gICAgdGhpcy5pdGVtc1BlclBhZ2UgPSBwYXJzZUludCh0aGlzLml0ZW1zUGVyUGFnZUxpc3QuZmluZChpPT4gaS52YWx1ZSA9PT0gcGFyc2VJbnQoaXRlbXNQZXJQYWdlSWQpKT8ubGFiZWw/P1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0aGlzLml0ZW1zUGVyUGFnZS50b1N0cmluZygpKTtcblxuICAgIHRoaXMuY2FsY3VsYXRlTnVtYmVyT2ZQYWdlKHRoaXMudG90YWxSZWNvcmRzLCB0aGlzLml0ZW1zUGVyUGFnZSk7XG4gICAgdGhpcy51cGRhdGVCdXR0b25Db25maWdzKCk7XG4gICAgdGhpcy5lbWl0UGFnaW5nKCk7XG4gIH1cblxuICBwcml2YXRlIGVtaXRQYWdpbmcoKSB7XG4gICAgbGV0IHBhZ2luZzogSVBhZ2luYXRvciA9IHtcbiAgICAgIGl0ZW1zUGVyUGFnZTogdGhpcy5pdGVtc1BlclBhZ2UsXG4gICAgICBzZWxlY3RlZFBhZ2U6IHRoaXMuc2VsZWN0ZWRQYWdlXG4gICAgfVxuICAgIHRoaXMucGFnaW5hdG9yLmVtaXQocGFnaW5nKTtcbiAgfVxuXG4gIHByaXZhdGUgY2FsY3VsYXRlTnVtYmVyT2ZQYWdlICh0b3RhbFJlY29yZHM6IG51bWJlciwgaXRlbXNQZXJQYWdlOiBudW1iZXIpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLm51bWJlck9mUGFnZSA9IE1hdGguY2VpbCh0b3RhbFJlY29yZHMvaXRlbXNQZXJQYWdlKTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlQnV0dG9uQ29uZmlncygpIHtcbiAgICAvLyBSZS1hc3NpZ24gdGhlIGJ1dHRvbiBjb25maWd1cmF0aW9uIHRvIHRyaWdnZXIgY2hhbmdlIGRldGVjdGlvblxuICAgIHRoaXMucHJldmlvdXNCdXR0b25Db25maWcgPSB7XG4gICAgICAuLi50aGlzLnByZXZpb3VzQnV0dG9uQ29uZmlnLFxuICAgICAgaXNEaXNhYmxlZDogdGhpcy5zZWxlY3RlZFBhZ2UgPD0gMVxuICAgIH07XG4gICAgdGhpcy5uZXh0QnV0dG9uQ29uZmlnID0ge1xuICAgICAgLi4udGhpcy5uZXh0QnV0dG9uQ29uZmlnLFxuICAgICAgaXNEaXNhYmxlZDogdGhpcy5zZWxlY3RlZFBhZ2UgPj0gdGhpcy5udW1iZXJPZlBhZ2VcbiAgICB9O1xuICB9XG5cbiAgLy8gTWV0aG9kIHRvIHJldHVybiBjb25maWcgZm9yIHBhZ2UgbnVtYmVyIGJ1dHRvbnNcbiAgZ2V0UGFnZUJ1dHRvbkNvbmZpZyhwYWdlOiBudW1iZXIpOiBJQnV0dG9uQ29uZmlnIHtcbiAgICByZXR1cm4ge1xuICAgICAgbGFiZWw6IHBhZ2UudG9TdHJpbmcoKSxcbiAgICAgIHR5cGU6IEJ1dHRvblR5cGUuYnV0dG9uLFxuICAgICAgaXNBY3RpdmU6IHBhZ2UgPT09IHRoaXMuc2VsZWN0ZWRQYWdlLCAvLyBTZXQgYWN0aXZlIHN0YXRlIGJhc2VkIG9uIHNlbGVjdGVkUGFnZVxuICAgICAgaXNEaXNhYmxlZDogZmFsc2UgLy8gUGFnZSBidXR0b25zIGFyZSBuZXZlciBkaXNhYmxlZFxuICAgIH07XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ0YWJsZS1mb290ZXJcIj5cbiAgPGRpdiBjbGFzcz1cIm51bWJlci1vZi1wYWdlXCI+XG4gICAgPGFwcC1zZWxlY3Rpb24gW29wdGlvbnNdID0gXCJpdGVtc1BlclBhZ2VMaXN0XCJcbiAgICAgICAgICAgICAgICAgIFtzZWxlY3RlZFZhbHVlXT1cInRoaXMuaXRlbXNQZXJQYWdlXCJcbiAgICAgICAgICAgICAgICAgIChzZWxlY3RlZENoYW5nZSkgPSBcIm9uQ2hhbmdlTnVtYmVyT2ZQYWdlKCRldmVudClcIj5cbiAgICA8L2FwcC1zZWxlY3Rpb24+XG4gICAgPGFwcC1pbnB1dCBbY29uZmlnXT1cImlucHV0Q29uZmlnXCI+PC9hcHAtaW5wdXQ+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwicGFnaW5hdG9yXCI+XG4gICAgPGFwcC1idXR0b24gKGNsaWNrRXZlbnQpPVwic2VsZWN0UGFnZShzZWxlY3RlZFBhZ2UgLSAxKVwiXG4gICAgICAgICAgICAgICAgW2NvbmZpZ109XCJwcmV2aW91c0J1dHRvbkNvbmZpZ1wiLz5cblxuICAgIDwhLS0gUGFnZSBOdW1iZXJzIC0tPlxuICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwibGV0IHBhZ2Ugb2YgcGFnZU51bWJlcnNcIj5cbiAgICAgIDxhcHAtYnV0dG9uXG4gICAgICAgIChjbGlja0V2ZW50KT1cInNlbGVjdFBhZ2UocGFnZSlcIlxuICAgICAgICBbY29uZmlnXT1cImdldFBhZ2VCdXR0b25Db25maWcocGFnZSlcIj5cbiAgICAgIDwvYXBwLWJ1dHRvbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cblxuICAgIDwhLS0gTmV4dCBCdXR0b24gLS0+XG4gICAgPGFwcC1idXR0b24gKGNsaWNrRXZlbnQpPVwic2VsZWN0UGFnZShzZWxlY3RlZFBhZ2UgKyAxKVwiXG4gICAgICAgICAgICAgICAgW2NvbmZpZ109XCJuZXh0QnV0dG9uQ29uZmlnXCIvPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { Component, ContentChild, EventEmitter, Input, Output } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import { TableModule } from 'primeng/table';
|
|
4
|
-
import { LoadingComponent } from '../../atoms/loading/loading.component';
|
|
5
|
-
import { PaginatorComponent } from '../paginator/paginator.component';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@angular/common";
|
|
8
|
-
import * as i2 from "primeng/table";
|
|
9
|
-
import * as i3 from "primeng/api";
|
|
10
|
-
class TableComponent {
|
|
11
|
-
constructor(cdRef) {
|
|
12
|
-
this.cdRef = cdRef;
|
|
13
|
-
this.items = [];
|
|
14
|
-
this.columns = [];
|
|
15
|
-
this.totalRecords = 0;
|
|
16
|
-
this.tableName = '';
|
|
17
|
-
this.paginator = new EventEmitter();
|
|
18
|
-
this.allSelected = false;
|
|
19
|
-
}
|
|
20
|
-
ngOnInit() {
|
|
21
|
-
this.loadingState.subscribe(() => {
|
|
22
|
-
this.cdRef.detectChanges(); // Explicitly mark for change detection
|
|
23
|
-
});
|
|
24
|
-
}
|
|
25
|
-
changePaginator(paging) {
|
|
26
|
-
this.paginator.emit(paging);
|
|
27
|
-
}
|
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableComponent, isStandalone: true, selector: "app-table", inputs: { items: "items", columns: "columns", totalRecords: "totalRecords", tableName: "tableName", loadingState: "loadingState" }, outputs: { paginator: "paginator" }, queries: [{ propertyName: "bodyTemplate", first: true, predicate: ["bodyTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"container-xl table-wrapper\">\n <div class=\"table-title\">\n <h2><b>{{tableName }}</b></h2>\n </div>\n <div class=\"loading-wrapper\">\n <ng-container *ngIf=\"!(loadingState | async); else loading; then table\">\n </ng-container>\n </div>\n <app-paginator [totalRecords] = \"totalRecords\" (paginator)=\"changePaginator($event)\"></app-paginator>\n</div>\n\n<ng-template #loading>\n <div class=\"loading-wrapper\">\n <app-loading></app-loading>\n </div>\n</ng-template>\n\n<ng-template #table>\n <ng-container *ngIf=\"totalRecords == 0; then emptyContent; else tableContent\">\n </ng-container>\n</ng-template>\n\n<ng-template #tableContent>\n <p-table [value]=\"items\" class=\"table table-striped table-hover\">\n <ng-template pTemplate=\"header\">\n <tr>\n <th>\n <ng-content select=\"[selectAllCheckbox]\"></ng-content>\n </th>\n <ng-container *ngFor=\" let col of columns\">\n <th>{{col.name }}</th>\n </ng-container>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-item>\n <ng-container [ngTemplateOutlet]=\"bodyTemplate\" [ngTemplateOutletContext]=\"{item:item}\"></ng-container>\n </ng-template>\n </p-table>\n</ng-template>\n\n<ng-template #emptyContent>\n <div class=\"no-record-message\">\n <div>No records</div>\n </div>\n</ng-template>\n", styles: [":host{width:100%}body{color:#566787;background:#f5f5f5;font-family:Varela Round,sans-serif;font-size:13px}.table-responsive{margin:30px 0}.table-wrapper{background:#fff;border-radius:3px;box-shadow:0 1px 1px #0000000d}.table-title{background:#435d7d;color:#fff;border-radius:3px 3px 0 0;padding:0 12px;display:flex}.table-title .table-name{width:70%}.table-title .table-add{width:30%;display:flex;align-items:center;justify-content:flex-end}.table-title .table-add a{cursor:pointer}.table-title h2{font-size:24px}.table-title .btn-group{float:right}.table-title .btn{color:#fff;float:right;font-size:13px;min-width:50px;border-radius:2px;border:none;outline:none!important;margin-left:10px}.table-title .btn i{float:left;font-size:21px;margin-right:5px}.table-title .btn span{float:left;margin-top:2px}::ng-deep .table tr th,::ng-deep .table tr td{border-color:#e9e9e9;padding:12px 15px;vertical-align:middle}::ng-deep .table tr th:first-child{width:60px;display:flex}::ng-deep .table tr th:last-child{width:150px}table.table-striped tbody tr:nth-of-type(odd){background-color:#fcfcfc}table.table-striped.table-hover tbody tr:hover{background:#f5f5f5}::ng-deep .table th{text-align:left}::ng-deep .table th i{font-size:13px;margin:0 5px;cursor:pointer}::ng-deep .table td:last-child i{opacity:.9;font-size:22px;margin:0 5px}::ng-deep .table td a{font-weight:700;color:#566787;display:inline-block;text-decoration:none;outline:none!important}.hint-text{float:left;margin-top:10px;font-size:13px}.no-record-message{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.excel{display:flex}.excel a{display:inline-flex;align-items:center}.loading-wrapper{height:calc(100vh - 220px);display:flex;flex-direction:column;width:100%;overflow-y:auto;overflow-x:hidden}.loading-wrapper::-webkit-scrollbar{width:12px}.loading-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;box-shadow:inset 0 0 5px #0000001a}.loading-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:10px;border:3px solid #f1f1f1;-webkit-transition:background .3s;transition:background .3s}.loading-wrapper::-webkit-scrollbar-thumb:hover{background:#555}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: TableModule }, { kind: "component", type: i2.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: LoadingComponent, selector: "app-loading", inputs: ["size", "imageSrc"] }, { kind: "component", type: PaginatorComponent, selector: "app-paginator", inputs: ["totalRecords"], outputs: ["paginator"] }] }); }
|
|
30
|
-
}
|
|
31
|
-
export { TableComponent };
|
|
32
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, decorators: [{
|
|
33
|
-
type: Component,
|
|
34
|
-
args: [{ selector: 'app-table', standalone: true, imports: [CommonModule, TableModule, LoadingComponent, PaginatorComponent], template: "<div class=\"container-xl table-wrapper\">\n <div class=\"table-title\">\n <h2><b>{{tableName }}</b></h2>\n </div>\n <div class=\"loading-wrapper\">\n <ng-container *ngIf=\"!(loadingState | async); else loading; then table\">\n </ng-container>\n </div>\n <app-paginator [totalRecords] = \"totalRecords\" (paginator)=\"changePaginator($event)\"></app-paginator>\n</div>\n\n<ng-template #loading>\n <div class=\"loading-wrapper\">\n <app-loading></app-loading>\n </div>\n</ng-template>\n\n<ng-template #table>\n <ng-container *ngIf=\"totalRecords == 0; then emptyContent; else tableContent\">\n </ng-container>\n</ng-template>\n\n<ng-template #tableContent>\n <p-table [value]=\"items\" class=\"table table-striped table-hover\">\n <ng-template pTemplate=\"header\">\n <tr>\n <th>\n <ng-content select=\"[selectAllCheckbox]\"></ng-content>\n </th>\n <ng-container *ngFor=\" let col of columns\">\n <th>{{col.name }}</th>\n </ng-container>\n </tr>\n </ng-template>\n <ng-template pTemplate=\"body\" let-item>\n <ng-container [ngTemplateOutlet]=\"bodyTemplate\" [ngTemplateOutletContext]=\"{item:item}\"></ng-container>\n </ng-template>\n </p-table>\n</ng-template>\n\n<ng-template #emptyContent>\n <div class=\"no-record-message\">\n <div>No records</div>\n </div>\n</ng-template>\n", styles: [":host{width:100%}body{color:#566787;background:#f5f5f5;font-family:Varela Round,sans-serif;font-size:13px}.table-responsive{margin:30px 0}.table-wrapper{background:#fff;border-radius:3px;box-shadow:0 1px 1px #0000000d}.table-title{background:#435d7d;color:#fff;border-radius:3px 3px 0 0;padding:0 12px;display:flex}.table-title .table-name{width:70%}.table-title .table-add{width:30%;display:flex;align-items:center;justify-content:flex-end}.table-title .table-add a{cursor:pointer}.table-title h2{font-size:24px}.table-title .btn-group{float:right}.table-title .btn{color:#fff;float:right;font-size:13px;min-width:50px;border-radius:2px;border:none;outline:none!important;margin-left:10px}.table-title .btn i{float:left;font-size:21px;margin-right:5px}.table-title .btn span{float:left;margin-top:2px}::ng-deep .table tr th,::ng-deep .table tr td{border-color:#e9e9e9;padding:12px 15px;vertical-align:middle}::ng-deep .table tr th:first-child{width:60px;display:flex}::ng-deep .table tr th:last-child{width:150px}table.table-striped tbody tr:nth-of-type(odd){background-color:#fcfcfc}table.table-striped.table-hover tbody tr:hover{background:#f5f5f5}::ng-deep .table th{text-align:left}::ng-deep .table th i{font-size:13px;margin:0 5px;cursor:pointer}::ng-deep .table td:last-child i{opacity:.9;font-size:22px;margin:0 5px}::ng-deep .table td a{font-weight:700;color:#566787;display:inline-block;text-decoration:none;outline:none!important}.hint-text{float:left;margin-top:10px;font-size:13px}.no-record-message{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.excel{display:flex}.excel a{display:inline-flex;align-items:center}.loading-wrapper{height:calc(100vh - 220px);display:flex;flex-direction:column;width:100%;overflow-y:auto;overflow-x:hidden}.loading-wrapper::-webkit-scrollbar{width:12px}.loading-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px;box-shadow:inset 0 0 5px #0000001a}.loading-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:10px;border:3px solid #f1f1f1;-webkit-transition:background .3s;transition:background .3s}.loading-wrapper::-webkit-scrollbar-thumb:hover{background:#555}\n"] }]
|
|
35
|
-
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { items: [{
|
|
36
|
-
type: Input
|
|
37
|
-
}], columns: [{
|
|
38
|
-
type: Input
|
|
39
|
-
}], totalRecords: [{
|
|
40
|
-
type: Input
|
|
41
|
-
}], tableName: [{
|
|
42
|
-
type: Input
|
|
43
|
-
}], loadingState: [{
|
|
44
|
-
type: Input
|
|
45
|
-
}], paginator: [{
|
|
46
|
-
type: Output
|
|
47
|
-
}], bodyTemplate: [{
|
|
48
|
-
type: ContentChild,
|
|
49
|
-
args: ['bodyTemplate']
|
|
50
|
-
}] } });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1kdW1iLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3RhYmxlL3RhYmxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItZHVtYi1saWIvc3JjL2xpYi9jb21wb25lbnRzL21vbGVjdWxlcy90YWJsZS90YWJsZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXFCLFNBQVMsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFHN0gsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDekUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7Ozs7O0FBRXRFLE1BT2EsY0FBYztJQWF6QixZQUFvQixLQUF3QjtRQUF4QixVQUFLLEdBQUwsS0FBSyxDQUFtQjtRQVpuQyxVQUFLLEdBQVEsRUFBRSxDQUFDO1FBQ2hCLFlBQU8sR0FBd0IsRUFBRSxDQUFDO1FBQ2xDLGlCQUFZLEdBQVcsQ0FBQyxDQUFDO1FBQ3pCLGNBQVMsR0FBVyxFQUFFLENBQUM7UUFHdEIsY0FBUyxHQUFHLElBQUksWUFBWSxFQUFjLENBQUM7UUFJckQsZ0JBQVcsR0FBRyxLQUFLLENBQUM7SUFFNEIsQ0FBQztJQUVqRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFlBQVksQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQy9CLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUMsQ0FBRSx1Q0FBdUM7UUFDdEUsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsZUFBZSxDQUFDLE1BQWtCO1FBQ2hDLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzlCLENBQUM7K0dBdkJVLGNBQWM7bUdBQWQsY0FBYyx3VkNmM0IsdzJDQTZDQSw0c0VEaENZLFlBQVksMmRBQUUsV0FBVywyaUVBQUUsZ0JBQWdCLHNGQUFFLGtCQUFrQjs7U0FFOUQsY0FBYzs0RkFBZCxjQUFjO2tCQVAxQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBR1AsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGdCQUFnQixFQUFFLGtCQUFrQixDQUFDO3dHQUdqRSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUVJLFNBQVM7c0JBQWxCLE1BQU07Z0JBRXVCLFlBQVk7c0JBQXpDLFlBQVk7dUJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBJRGF0YUNvbHVtbkNvbmZpZywgSVBhZ2luYXRvciB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9pbnRlcmZhY2VzL2ludGVyZmFjZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgVGFibGVNb2R1bGV9IGZyb20gJ3ByaW1lbmcvdGFibGUnO1xuaW1wb3J0IHsgTG9hZGluZ0NvbXBvbmVudCB9IGZyb20gJy4uLy4uL2F0b21zL2xvYWRpbmcvbG9hZGluZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFnaW5hdG9yQ29tcG9uZW50IH0gZnJvbSAnLi4vcGFnaW5hdG9yL3BhZ2luYXRvci5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtdGFibGUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZVVybDogJy4vdGFibGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90YWJsZS5jb21wb25lbnQuc2NzcyddLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBUYWJsZU1vZHVsZSwgTG9hZGluZ0NvbXBvbmVudCwgUGFnaW5hdG9yQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBUYWJsZUNvbXBvbmVudDxUPiBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIGl0ZW1zOiBUW10gPSBbXTtcbiAgQElucHV0KCkgY29sdW1uczogSURhdGFDb2x1bW5Db25maWdbXSA9IFtdO1xuICBASW5wdXQoKSB0b3RhbFJlY29yZHM6IG51bWJlciA9IDA7XG4gIEBJbnB1dCgpIHRhYmxlTmFtZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGxvYWRpbmdTdGF0ZSE6IE9ic2VydmFibGU8Ym9vbGVhbj47XG5cbiAgQE91dHB1dCgpIHBhZ2luYXRvciA9IG5ldyBFdmVudEVtaXR0ZXI8SVBhZ2luYXRvcj4oKTtcblxuICBAQ29udGVudENoaWxkKCdib2R5VGVtcGxhdGUnKSBib2R5VGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIGFsbFNlbGVjdGVkID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBjZFJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMubG9hZGluZ1N0YXRlLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmNkUmVmLmRldGVjdENoYW5nZXMoKTsgIC8vIEV4cGxpY2l0bHkgbWFyayBmb3IgY2hhbmdlIGRldGVjdGlvblxuICAgIH0pO1xuICB9XG5cbiAgY2hhbmdlUGFnaW5hdG9yKHBhZ2luZzogSVBhZ2luYXRvcikge1xuICAgIHRoaXMucGFnaW5hdG9yLmVtaXQocGFnaW5nKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lci14bCB0YWJsZS13cmFwcGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJ0YWJsZS10aXRsZVwiPlxuICAgICAgPGgyPjxiPnt7dGFibGVOYW1lIH19PC9iPjwvaDI+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwibG9hZGluZy13cmFwcGVyXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIiEobG9hZGluZ1N0YXRlIHwgYXN5bmMpOyBlbHNlIGxvYWRpbmc7IHRoZW4gdGFibGVcIj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG4gIDxhcHAtcGFnaW5hdG9yIFt0b3RhbFJlY29yZHNdID0gXCJ0b3RhbFJlY29yZHNcIiAocGFnaW5hdG9yKT1cImNoYW5nZVBhZ2luYXRvcigkZXZlbnQpXCI+PC9hcHAtcGFnaW5hdG9yPlxuPC9kaXY+XG5cbjxuZy10ZW1wbGF0ZSAjbG9hZGluZz5cbiAgPGRpdiBjbGFzcz1cImxvYWRpbmctd3JhcHBlclwiPlxuICAgIDxhcHAtbG9hZGluZz48L2FwcC1sb2FkaW5nPlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjdGFibGU+XG4gIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0b3RhbFJlY29yZHMgPT0gMDsgdGhlbiBlbXB0eUNvbnRlbnQ7IGVsc2UgdGFibGVDb250ZW50XCI+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICN0YWJsZUNvbnRlbnQ+XG4gIDxwLXRhYmxlIFt2YWx1ZV09XCJpdGVtc1wiIGNsYXNzPVwidGFibGUgdGFibGUtc3RyaXBlZCB0YWJsZS1ob3ZlclwiPlxuICAgIDxuZy10ZW1wbGF0ZSBwVGVtcGxhdGU9XCJoZWFkZXJcIj5cbiAgICAgIDx0cj5cbiAgICAgICAgPHRoPlxuICAgICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZWxlY3RBbGxDaGVja2JveF1cIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvdGg+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nRm9yPVwiIGxldCBjb2wgb2YgY29sdW1uc1wiPlxuICAgICAgICAgIDx0aD57e2NvbC5uYW1lIH19PC90aD5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8L3RyPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPG5nLXRlbXBsYXRlIHBUZW1wbGF0ZT1cImJvZHlcIiBsZXQtaXRlbT5cbiAgICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiYm9keVRlbXBsYXRlXCIgW25nVGVtcGxhdGVPdXRsZXRDb250ZXh0XT1cIntpdGVtOml0ZW19XCI+PC9uZy1jb250YWluZXI+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgPC9wLXRhYmxlPlxuPC9uZy10ZW1wbGF0ZT5cblxuPG5nLXRlbXBsYXRlICNlbXB0eUNvbnRlbnQ+XG4gIDxkaXYgY2xhc3M9XCJuby1yZWNvcmQtbWVzc2FnZVwiPlxuICAgIDxkaXY+Tm8gcmVjb3JkczwvZGl2PlxuICA8L2Rpdj5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { Component, Input } from '@angular/core';
|
|
2
|
-
import { CommonModule } from '@angular/common';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
class DetailComponent {
|
|
6
|
-
constructor() { }
|
|
7
|
-
ngOnInit() {
|
|
8
|
-
}
|
|
9
|
-
get hasTemplate() {
|
|
10
|
-
return this.content && !!this.content.template;
|
|
11
|
-
}
|
|
12
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DetailComponent, isStandalone: true, selector: "app-detail", inputs: { content: "content" }, ngImport: i0, template: "<div class=\"modal-body\">\n <ng-container *ngIf=\"hasTemplate\">\n <ng-container *ngTemplateOutlet=\"content.template; context: content.params\"></ng-container>\n <br/>\n <div>Comment here</div>\n </ng-container>\n</div>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
|
|
14
|
-
}
|
|
15
|
-
export { DetailComponent };
|
|
16
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DetailComponent, decorators: [{
|
|
17
|
-
type: Component,
|
|
18
|
-
args: [{ selector: 'app-detail', standalone: true, imports: [CommonModule], template: "<div class=\"modal-body\">\n <ng-container *ngIf=\"hasTemplate\">\n <ng-container *ngTemplateOutlet=\"content.template; context: content.params\"></ng-container>\n <br/>\n <div>Comment here</div>\n </ng-container>\n</div>\n" }]
|
|
19
|
-
}], ctorParameters: function () { return []; }, propDecorators: { content: [{
|
|
20
|
-
type: Input
|
|
21
|
-
}] } });
|
|
22
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItZHVtYi1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2VzL2RldGFpbC9kZXRhaWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1kdW1iLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcGFnZXMvZGV0YWlsL2RldGFpbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUV6RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7OztBQUUvQyxNQU9hLGVBQWU7SUFFMUIsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxJQUFJLFdBQVc7UUFDYixPQUFPLElBQUksQ0FBQyxPQUFPLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDO0lBQ2pELENBQUM7K0dBVFUsZUFBZTttR0FBZixlQUFlLHNHQ1g1Qiw0T0FPQSx5RERFWSxZQUFZOztTQUVYLGVBQWU7NEZBQWYsZUFBZTtrQkFQM0IsU0FBUzsrQkFDRSxZQUFZLGNBQ1YsSUFBSSxXQUdQLENBQUMsWUFBWSxDQUFDOzBFQUdkLE9BQU87c0JBQWYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUNvbnRlbnRFdmVudCB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9pbnRlcmZhY2VzL2ludGVyZmFjZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZGV0YWlsJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6ICcuL2RldGFpbC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RldGFpbC5jb21wb25lbnQuc2NzcyddLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXVxufSlcbmV4cG9ydCBjbGFzcyBEZXRhaWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb250ZW50ITogSUNvbnRlbnRFdmVudDtcbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG4gIGdldCBoYXNUZW1wbGF0ZSgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5jb250ZW50ICYmICEhdGhpcy5jb250ZW50LnRlbXBsYXRlO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwibW9kYWwtYm9keVwiPlxuICA8bmctY29udGFpbmVyICpuZ0lmPVwiaGFzVGVtcGxhdGVcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudC50ZW1wbGF0ZTsgY29udGV4dDogY29udGVudC5wYXJhbXNcIj48L25nLWNvbnRhaW5lcj5cbiAgICA8YnIvPlxuICAgIDxkaXY+Q29tbWVudCBoZXJlPC9kaXY+XG4gIDwvbmctY29udGFpbmVyPlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
class FooterComponent {
|
|
4
|
-
constructor() { }
|
|
5
|
-
ngOnInit() {
|
|
6
|
-
}
|
|
7
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: FooterComponent, isStandalone: true, selector: "app-footer", ngImport: i0, template: "<footer class=\"footer\">\n <div class=\"footer-container\">\n <div class=\"footer-section\">\n <h3>About Us</h3>\n <p>We are a company dedicated to providing excellent services and products to our customers.</p>\n </div>\n\n <div class=\"footer-section\">\n <h3>Quick Links</h3>\n <ul>\n <li><a href=\"#\">Home</a></li>\n <li><a href=\"#\">Services</a></li>\n <li><a href=\"#\">Contact</a></li>\n <li><a href=\"#\">Privacy Policy</a></li>\n </ul>\n </div>\n\n <div class=\"footer-section\">\n <h3>Follow Us</h3>\n <div class=\"social-icons\">\n <a href=\"#\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"></i></a>\n <a href=\"#\" aria-label=\"Twitter\"><i class=\"fab fa-twitter\"></i></a>\n <a href=\"#\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"></i></a>\n <a href=\"#\" aria-label=\"LinkedIn\"><i class=\"fab fa-linkedin-in\"></i></a>\n </div>\n </div>\n </div>\n\n <div class=\"footer-bottom\">\n <p>© 2024 Your Company. All Rights Reserved.</p>\n </div>\n</footer>\n", styles: [".footer{background-color:#333;color:#fff;padding:20px 0;text-align:center;font-family:Roboto,sans-serif}.footer-container{display:flex;justify-content:space-around;flex-wrap:wrap;max-width:1200px;margin:0 auto}.footer-section{flex:1;margin:15px;min-width:200px}.footer-section h3{margin-bottom:15px;font-size:18px}.footer-section p,.footer-section ul,.footer-section a{font-size:14px;color:#ccc;text-decoration:none}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin:5px 0}.footer-section ul li a:hover{color:#fff}.social-icons{margin-top:10px}.social-icons a{display:inline-block;color:#ccc;margin:0 10px;font-size:20px}.social-icons a:hover{color:#fff}.footer-bottom{margin-top:20px;border-top:1px solid #444;padding-top:10px;font-size:12px}\n"] }); }
|
|
9
|
-
}
|
|
10
|
-
export { FooterComponent };
|
|
11
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FooterComponent, decorators: [{
|
|
12
|
-
type: Component,
|
|
13
|
-
args: [{ selector: 'app-footer', standalone: true, template: "<footer class=\"footer\">\n <div class=\"footer-container\">\n <div class=\"footer-section\">\n <h3>About Us</h3>\n <p>We are a company dedicated to providing excellent services and products to our customers.</p>\n </div>\n\n <div class=\"footer-section\">\n <h3>Quick Links</h3>\n <ul>\n <li><a href=\"#\">Home</a></li>\n <li><a href=\"#\">Services</a></li>\n <li><a href=\"#\">Contact</a></li>\n <li><a href=\"#\">Privacy Policy</a></li>\n </ul>\n </div>\n\n <div class=\"footer-section\">\n <h3>Follow Us</h3>\n <div class=\"social-icons\">\n <a href=\"#\" aria-label=\"Facebook\"><i class=\"fab fa-facebook-f\"></i></a>\n <a href=\"#\" aria-label=\"Twitter\"><i class=\"fab fa-twitter\"></i></a>\n <a href=\"#\" aria-label=\"Instagram\"><i class=\"fab fa-instagram\"></i></a>\n <a href=\"#\" aria-label=\"LinkedIn\"><i class=\"fab fa-linkedin-in\"></i></a>\n </div>\n </div>\n </div>\n\n <div class=\"footer-bottom\">\n <p>© 2024 Your Company. All Rights Reserved.</p>\n </div>\n</footer>\n", styles: [".footer{background-color:#333;color:#fff;padding:20px 0;text-align:center;font-family:Roboto,sans-serif}.footer-container{display:flex;justify-content:space-around;flex-wrap:wrap;max-width:1200px;margin:0 auto}.footer-section{flex:1;margin:15px;min-width:200px}.footer-section h3{margin-bottom:15px;font-size:18px}.footer-section p,.footer-section ul,.footer-section a{font-size:14px;color:#ccc;text-decoration:none}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin:5px 0}.footer-section ul li a:hover{color:#fff}.social-icons{margin-top:10px}.social-icons a{display:inline-block;color:#ccc;margin:0 10px;font-size:20px}.social-icons a:hover{color:#fff}.footer-bottom{margin-top:20px;border-top:1px solid #444;padding-top:10px;font-size:12px}\n"] }]
|
|
14
|
-
}], ctorParameters: function () { return []; } });
|
|
15
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItZHVtYi1saWIvc3JjL2xpYi9jb21wb25lbnRzL3BhZ2VzL2Zvb3Rlci9mb290ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1kdW1iLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcGFnZXMvZm9vdGVyL2Zvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDOztBQUVsRCxNQU1hLGVBQWU7SUFFMUIsZ0JBQWdCLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7K0dBTFUsZUFBZTttR0FBZixlQUFlLHNFQ1I1QixrbUNBZ0NBOztTRHhCYSxlQUFlOzRGQUFmLGVBQWU7a0JBTjNCLFNBQVM7K0JBQ0UsWUFBWSxjQUNWLElBQUkiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtZm9vdGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvb3Rlci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2Zvb3Rlci5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEZvb3RlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG59XG4iLCI8Zm9vdGVyIGNsYXNzPVwiZm9vdGVyXCI+XG4gIDxkaXYgY2xhc3M9XCJmb290ZXItY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImZvb3Rlci1zZWN0aW9uXCI+XG4gICAgICA8aDM+QWJvdXQgVXM8L2gzPlxuICAgICAgPHA+V2UgYXJlIGEgY29tcGFueSBkZWRpY2F0ZWQgdG8gcHJvdmlkaW5nIGV4Y2VsbGVudCBzZXJ2aWNlcyBhbmQgcHJvZHVjdHMgdG8gb3VyIGN1c3RvbWVycy48L3A+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyLXNlY3Rpb25cIj5cbiAgICAgIDxoMz5RdWljayBMaW5rczwvaDM+XG4gICAgICA8dWw+XG4gICAgICAgIDxsaT48YSBocmVmPVwiI1wiPkhvbWU8L2E+PC9saT5cbiAgICAgICAgPGxpPjxhIGhyZWY9XCIjXCI+U2VydmljZXM8L2E+PC9saT5cbiAgICAgICAgPGxpPjxhIGhyZWY9XCIjXCI+Q29udGFjdDwvYT48L2xpPlxuICAgICAgICA8bGk+PGEgaHJlZj1cIiNcIj5Qcml2YWN5IFBvbGljeTwvYT48L2xpPlxuICAgICAgPC91bD5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJmb290ZXItc2VjdGlvblwiPlxuICAgICAgPGgzPkZvbGxvdyBVczwvaDM+XG4gICAgICA8ZGl2IGNsYXNzPVwic29jaWFsLWljb25zXCI+XG4gICAgICAgIDxhIGhyZWY9XCIjXCIgYXJpYS1sYWJlbD1cIkZhY2Vib29rXCI+PGkgY2xhc3M9XCJmYWIgZmEtZmFjZWJvb2stZlwiPjwvaT48L2E+XG4gICAgICAgIDxhIGhyZWY9XCIjXCIgYXJpYS1sYWJlbD1cIlR3aXR0ZXJcIj48aSBjbGFzcz1cImZhYiBmYS10d2l0dGVyXCI+PC9pPjwvYT5cbiAgICAgICAgPGEgaHJlZj1cIiNcIiBhcmlhLWxhYmVsPVwiSW5zdGFncmFtXCI+PGkgY2xhc3M9XCJmYWIgZmEtaW5zdGFncmFtXCI+PC9pPjwvYT5cbiAgICAgICAgPGEgaHJlZj1cIiNcIiBhcmlhLWxhYmVsPVwiTGlua2VkSW5cIj48aSBjbGFzcz1cImZhYiBmYS1saW5rZWRpbi1pblwiPjwvaT48L2E+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG5cbiAgPGRpdiBjbGFzcz1cImZvb3Rlci1ib3R0b21cIj5cbiAgICA8cD4mY29weTsgMjAyNCBZb3VyIENvbXBhbnkuIEFsbCBSaWdodHMgUmVzZXJ2ZWQuPC9wPlxuICA8L2Rpdj5cbjwvZm9vdGVyPlxuIl19
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component, Input, ViewChild } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
class LoginComponent {
|
|
5
|
-
constructor() {
|
|
6
|
-
}
|
|
7
|
-
ngOnInit() {
|
|
8
|
-
}
|
|
9
|
-
// After the view initializes, we render the button
|
|
10
|
-
ngAfterViewInit() {
|
|
11
|
-
// Render the provided button template inside the container
|
|
12
|
-
if (this.buttonTemplate) {
|
|
13
|
-
this.buttonContainer.createEmbeddedView(this.buttonTemplate);
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoginComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoginComponent, isStandalone: true, selector: "app-login", inputs: { buttonTemplate: "buttonTemplate" }, viewQueries: [{ propertyName: "buttonContainer", first: true, predicate: ["buttonContainer"], descendants: true }], ngImport: i0, template: "<div class=\"login-page\">\n <div class=\"icon-area\">\n <div class=\"icon\">\n <span>innocons</span>\n </div>\n </div>\n <div class=\"login-button\" id=\"buttonDiv\">\n <ng-template #buttonContainer></ng-template>\n </div>\n</div>\n", styles: [".login-button{width:100%;align-items:center;justify-content:center;display:flex}.login-page{height:100%;width:100%;flex-direction:row;display:flex}.icon-area{width:38%;background-color:#2a76d7;height:100%;display:flex}.icon{width:100%;align-items:center;justify-content:center;display:flex}.icon span{color:#fff;font-size:xxx-large;font-family:fantasy}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] }); }
|
|
18
|
-
}
|
|
19
|
-
export { LoginComponent };
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoginComponent, decorators: [{
|
|
21
|
-
type: Component,
|
|
22
|
-
args: [{ selector: 'app-login', standalone: true, imports: [CommonModule], template: "<div class=\"login-page\">\n <div class=\"icon-area\">\n <div class=\"icon\">\n <span>innocons</span>\n </div>\n </div>\n <div class=\"login-button\" id=\"buttonDiv\">\n <ng-template #buttonContainer></ng-template>\n </div>\n</div>\n", styles: [".login-button{width:100%;align-items:center;justify-content:center;display:flex}.login-page{height:100%;width:100%;flex-direction:row;display:flex}.icon-area{width:38%;background-color:#2a76d7;height:100%;display:flex}.icon{width:100%;align-items:center;justify-content:center;display:flex}.icon span{color:#fff;font-size:xxx-large;font-family:fantasy}\n"] }]
|
|
23
|
-
}], ctorParameters: function () { return []; }, propDecorators: { buttonTemplate: [{
|
|
24
|
-
type: Input
|
|
25
|
-
}], buttonContainer: [{
|
|
26
|
-
type: ViewChild,
|
|
27
|
-
args: ['buttonContainer']
|
|
28
|
-
}] } });
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1kdW1iLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcGFnZXMvbG9naW4vbG9naW4uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1kdW1iLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcGFnZXMvbG9naW4vbG9naW4uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUF1QixTQUFTLEVBQW9CLE1BQU0sZUFBZSxDQUFDOztBQUVuRyxNQU9hLGNBQWM7SUFLMUI7SUFDQSxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7SUFFRCxtREFBbUQ7SUFDbkQsZUFBZTtRQUNiLDJEQUEyRDtRQUMzRCxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDdkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7U0FDOUQ7SUFDSCxDQUFDOytHQWpCVyxjQUFjO21HQUFkLGNBQWMsdU9DVjNCLDZRQVVBLDJaREZZLFlBQVk7O1NBRVgsY0FBYzs0RkFBZCxjQUFjO2tCQVAxQixTQUFTOytCQUNFLFdBQVcsY0FDVCxJQUFJLFdBR1AsQ0FBQyxZQUFZLENBQUM7MEVBSWYsY0FBYztzQkFBdEIsS0FBSztnQkFDd0IsZUFBZTtzQkFBNUMsU0FBUzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBUZW1wbGF0ZVJlZiwgVmlld0NoaWxkLCBWaWV3Q29udGFpbmVyUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1sb2dpbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2dpbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xvZ2luLmNvbXBvbmVudC5zY3NzJ10sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdXG59KVxuZXhwb3J0IGNsYXNzIExvZ2luQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAvLyBJbnB1dCBwcm9wZXJ0eSB0byBhY2NlcHQgYSBUZW1wbGF0ZVJlZiBmcm9tIHRoZSBwYXJlbnQgY29tcG9uZW50XG4gQElucHV0KCkgYnV0dG9uVGVtcGxhdGUhOiBUZW1wbGF0ZVJlZjxhbnk+O1xuIEBWaWV3Q2hpbGQoJ2J1dHRvbkNvbnRhaW5lcicpIGJ1dHRvbkNvbnRhaW5lciE6IFZpZXdDb250YWluZXJSZWY7XG5cbiBjb25zdHJ1Y3RvcigpIHtcbiB9XG5cbiBuZ09uSW5pdCgpOiB2b2lkIHtcbiB9XG5cbiAvLyBBZnRlciB0aGUgdmlldyBpbml0aWFsaXplcywgd2UgcmVuZGVyIHRoZSBidXR0b25cbiBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAvLyBSZW5kZXIgdGhlIHByb3ZpZGVkIGJ1dHRvbiB0ZW1wbGF0ZSBpbnNpZGUgdGhlIGNvbnRhaW5lclxuICAgaWYgKHRoaXMuYnV0dG9uVGVtcGxhdGUpIHtcbiAgICAgdGhpcy5idXR0b25Db250YWluZXIuY3JlYXRlRW1iZWRkZWRWaWV3KHRoaXMuYnV0dG9uVGVtcGxhdGUpO1xuICAgfVxuIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJsb2dpbi1wYWdlXCI+XG4gICAgPGRpdiBjbGFzcz1cImljb24tYXJlYVwiPlxuICAgICAgPGRpdiBjbGFzcz1cImljb25cIj5cbiAgICAgICAgPHNwYW4+aW5ub2NvbnM8L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwibG9naW4tYnV0dG9uXCIgaWQ9XCJidXR0b25EaXZcIj5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjYnV0dG9uQ29udGFpbmVyPjwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
import { Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
|
|
2
|
-
import { MenuDirection } from '../../../shared/enums/enum';
|
|
3
|
-
import { CommonModule } from '@angular/common';
|
|
4
|
-
import { RouterModule } from '@angular/router';
|
|
5
|
-
import { MenuWidgetComponent } from '../../atoms/menu-widget/menu-widget.component';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@angular/common";
|
|
8
|
-
import * as i2 from "@angular/router";
|
|
9
|
-
class MenuComponent {
|
|
10
|
-
constructor() {
|
|
11
|
-
this.menuItems = [];
|
|
12
|
-
this.logoUrl = '';
|
|
13
|
-
this.logoRouter = '/';
|
|
14
|
-
this.direction = MenuDirection.horizontal;
|
|
15
|
-
this.languageMenuItems = [];
|
|
16
|
-
this.languageSelected = new EventEmitter();
|
|
17
|
-
this.loginSelected = new EventEmitter();
|
|
18
|
-
this.logoutSelected = new EventEmitter();
|
|
19
|
-
this.languageMenuPosition = { left: '0px' };
|
|
20
|
-
this.loginMenuPosition = { left: '0px' };
|
|
21
|
-
this.isLanguageMenuVisible = false;
|
|
22
|
-
this.isLoginMenuVisible = false;
|
|
23
|
-
this.loginItems = [
|
|
24
|
-
{ label: 'login', value: 'login', callback: () => this.login(), },
|
|
25
|
-
];
|
|
26
|
-
this.logoutItems = [
|
|
27
|
-
{ label: 'logout', value: 'logout', callback: () => this.logout(), },
|
|
28
|
-
];
|
|
29
|
-
}
|
|
30
|
-
ngOnInit() { }
|
|
31
|
-
// Getters for menu direction
|
|
32
|
-
get isVertical() {
|
|
33
|
-
return this.direction === MenuDirection.vertical;
|
|
34
|
-
}
|
|
35
|
-
// Toggle language menu and set position
|
|
36
|
-
toggleLanguageMenu(event) {
|
|
37
|
-
this.isLanguageMenuVisible = !this.isLanguageMenuVisible;
|
|
38
|
-
if (this.isLanguageMenuVisible) {
|
|
39
|
-
this.languageMenuPosition = this.calculatePosition(event.currentTarget);
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
// Toggle login menu and set position
|
|
43
|
-
toggleLoginMenu(event) {
|
|
44
|
-
this.isLoginMenuVisible = !this.isLoginMenuVisible;
|
|
45
|
-
if (this.isLoginMenuVisible) {
|
|
46
|
-
this.loginMenuPosition = this.calculatePosition(event.currentTarget);
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
// Emit language selection and close the language menu
|
|
50
|
-
onLanguageSelected(item) {
|
|
51
|
-
this.languageSelected.emit(item);
|
|
52
|
-
this.isLanguageMenuVisible = false;
|
|
53
|
-
}
|
|
54
|
-
onLoginMenuItemSelected(item) {
|
|
55
|
-
item.callback;
|
|
56
|
-
}
|
|
57
|
-
onLogoutMenuItemSelected(item) {
|
|
58
|
-
item.callback;
|
|
59
|
-
}
|
|
60
|
-
// Hide menu if clicked outside of the relevant areas
|
|
61
|
-
handleClickOutside(event) {
|
|
62
|
-
const target = event.target;
|
|
63
|
-
// Helper method to check if clicked outside an element
|
|
64
|
-
const clickedOutside = (menuClass) => {
|
|
65
|
-
return !target.closest(`.${menuClass}`) && !target.closest('app-menu-widget');
|
|
66
|
-
};
|
|
67
|
-
if (clickedOutside('language')) {
|
|
68
|
-
this.isLanguageMenuVisible = false;
|
|
69
|
-
}
|
|
70
|
-
if (clickedOutside('login')) {
|
|
71
|
-
this.isLoginMenuVisible = false;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
// Calculate the position for the widget
|
|
75
|
-
calculatePosition(triggerElement, offset = 50) {
|
|
76
|
-
const rect = triggerElement.getBoundingClientRect();
|
|
77
|
-
const scrollTop = window.scrollY || document.documentElement.scrollTop;
|
|
78
|
-
const scrollLeft = window.scrollX || document.documentElement.scrollLeft;
|
|
79
|
-
if (this.direction === MenuDirection.horizontal) {
|
|
80
|
-
return {
|
|
81
|
-
top: `${rect.bottom + scrollTop}px`,
|
|
82
|
-
left: `${rect.left + scrollLeft - offset}px`
|
|
83
|
-
};
|
|
84
|
-
}
|
|
85
|
-
return {
|
|
86
|
-
left: `${rect.left + scrollLeft + 210}px`,
|
|
87
|
-
bottom: `${window.innerHeight - rect.bottom}px`
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
login() {
|
|
91
|
-
this.loginSelected.emit();
|
|
92
|
-
}
|
|
93
|
-
logout() {
|
|
94
|
-
this.logoutSelected.emit();
|
|
95
|
-
}
|
|
96
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
97
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: MenuComponent, isStandalone: true, selector: "app-menu", inputs: { menuItems: "menuItems", logoUrl: "logoUrl", logoRouter: "logoRouter", direction: "direction", languageMenuItems: "languageMenuItems", loginUser: "loginUser" }, outputs: { languageSelected: "languageSelected", loginSelected: "loginSelected", logoutSelected: "logoutSelected" }, host: { listeners: { "document:click": "handleClickOutside($event)" } }, ngImport: i0, template: "<nav class=\"menu\" [ngClass]=\"{ 'vertical': isVertical, 'horizontal': !isVertical }\">\n <div class=\"logo\">\n <a [routerLink]=\"logoRouter\">\n <img [src]=\"logoUrl\" alt=\"Logo\" />\n </a>\n </div>\n <ul>\n <li *ngFor=\"let item of menuItems\">\n <a [routerLink]=\"item.route\"\n routerLinkActive=\"active\"\n [routerLinkActiveOptions]=\"{ exact: true }\">{{ item.label }}</a>\n </li>\n </ul>\n <div class=\"actions\">\n <!-- Language selector -->\n <div class=\"language\" (click)=\"toggleLanguageMenu($event)\">\n <span class=\"material-icons\" aria-hidden=\"true\">language</span>\n </div>\n <app-menu-widget *ngIf=\"isLanguageMenuVisible\"\n [items]=\"languageMenuItems\"\n (itemSelected)=\"onLanguageSelected($event)\"\n [position]=\"languageMenuPosition\">\n </app-menu-widget>\n\n <!-- Login menu -->\n <div class=\"login\" (click)=\"toggleLoginMenu($event)\">\n <ng-container *ngIf=\"loginUser?.picture; else defaultIcon\">\n <img [src]=\"loginUser?.picture\" alt=\"User Avatar\" class=\"user-avatar\" />\n </ng-container>\n <ng-template #defaultIcon>\n <span class=\"material-icons\" aria-hidden=\"true\">person</span>\n </ng-template>\n </div>\n <app-menu-widget *ngIf=\"isLoginMenuVisible && !loginUser\"\n [items]=\"loginItems\"\n (itemSelected)=\"onLoginMenuItemSelected($event)\"\n [position]=\"loginMenuPosition\">\n </app-menu-widget>\n <app-menu-widget *ngIf=\"isLoginMenuVisible && loginUser\"\n [items]=\"logoutItems\"\n (itemSelected)=\"onLogoutMenuItemSelected($event)\"\n [position]=\"loginMenuPosition\">\n </app-menu-widget>\n </div>\n</nav>\n", styles: [":host{display:flex}.menu{background-color:#f8f9fa;padding:10px;box-shadow:0 2px 5px #0000001a}.menu.vertical{display:flex;justify-content:space-between;flex-direction:column;width:200px}.menu.vertical ul{list-style-type:none;padding:0;height:100%}.menu.vertical ul li{padding:8px 0}.menu.vertical ul li:hover{background-color:#e9ecef;cursor:pointer}.menu.vertical .actions{display:flex;flex-direction:column;align-items:baseline}.menu.horizontal{display:flex;flex-direction:row;width:100%;height:80px}.menu.horizontal ul{display:flex;list-style-type:none;padding:0;margin:0;flex-grow:1;align-items:center}.menu.horizontal ul li a{padding:18px 26px}.menu.horizontal ul li a:hover{background-color:#e9ecef;cursor:pointer}.menu .logo img{width:100%;height:100%;max-height:60px}.menu .actions{display:flex;align-items:center}.menu .actions .language,.menu .actions .login{margin-left:10px}.menu .actions .language img,.menu .actions .login img{border-radius:50%}a{text-decoration:none;color:inherit;display:block;padding:10px;transition:background-color .3s ease}a.active{color:#f6ad15;font-weight:700}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: MenuWidgetComponent, selector: "app-menu-widget", inputs: ["items", "position"], outputs: ["itemSelected"] }] }); }
|
|
98
|
-
}
|
|
99
|
-
export { MenuComponent };
|
|
100
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: MenuComponent, decorators: [{
|
|
101
|
-
type: Component,
|
|
102
|
-
args: [{ selector: 'app-menu', standalone: true, imports: [CommonModule, RouterModule, MenuWidgetComponent], template: "<nav class=\"menu\" [ngClass]=\"{ 'vertical': isVertical, 'horizontal': !isVertical }\">\n <div class=\"logo\">\n <a [routerLink]=\"logoRouter\">\n <img [src]=\"logoUrl\" alt=\"Logo\" />\n </a>\n </div>\n <ul>\n <li *ngFor=\"let item of menuItems\">\n <a [routerLink]=\"item.route\"\n routerLinkActive=\"active\"\n [routerLinkActiveOptions]=\"{ exact: true }\">{{ item.label }}</a>\n </li>\n </ul>\n <div class=\"actions\">\n <!-- Language selector -->\n <div class=\"language\" (click)=\"toggleLanguageMenu($event)\">\n <span class=\"material-icons\" aria-hidden=\"true\">language</span>\n </div>\n <app-menu-widget *ngIf=\"isLanguageMenuVisible\"\n [items]=\"languageMenuItems\"\n (itemSelected)=\"onLanguageSelected($event)\"\n [position]=\"languageMenuPosition\">\n </app-menu-widget>\n\n <!-- Login menu -->\n <div class=\"login\" (click)=\"toggleLoginMenu($event)\">\n <ng-container *ngIf=\"loginUser?.picture; else defaultIcon\">\n <img [src]=\"loginUser?.picture\" alt=\"User Avatar\" class=\"user-avatar\" />\n </ng-container>\n <ng-template #defaultIcon>\n <span class=\"material-icons\" aria-hidden=\"true\">person</span>\n </ng-template>\n </div>\n <app-menu-widget *ngIf=\"isLoginMenuVisible && !loginUser\"\n [items]=\"loginItems\"\n (itemSelected)=\"onLoginMenuItemSelected($event)\"\n [position]=\"loginMenuPosition\">\n </app-menu-widget>\n <app-menu-widget *ngIf=\"isLoginMenuVisible && loginUser\"\n [items]=\"logoutItems\"\n (itemSelected)=\"onLogoutMenuItemSelected($event)\"\n [position]=\"loginMenuPosition\">\n </app-menu-widget>\n </div>\n</nav>\n", styles: [":host{display:flex}.menu{background-color:#f8f9fa;padding:10px;box-shadow:0 2px 5px #0000001a}.menu.vertical{display:flex;justify-content:space-between;flex-direction:column;width:200px}.menu.vertical ul{list-style-type:none;padding:0;height:100%}.menu.vertical ul li{padding:8px 0}.menu.vertical ul li:hover{background-color:#e9ecef;cursor:pointer}.menu.vertical .actions{display:flex;flex-direction:column;align-items:baseline}.menu.horizontal{display:flex;flex-direction:row;width:100%;height:80px}.menu.horizontal ul{display:flex;list-style-type:none;padding:0;margin:0;flex-grow:1;align-items:center}.menu.horizontal ul li a{padding:18px 26px}.menu.horizontal ul li a:hover{background-color:#e9ecef;cursor:pointer}.menu .logo img{width:100%;height:100%;max-height:60px}.menu .actions{display:flex;align-items:center}.menu .actions .language,.menu .actions .login{margin-left:10px}.menu .actions .language img,.menu .actions .login img{border-radius:50%}a{text-decoration:none;color:inherit;display:block;padding:10px;transition:background-color .3s ease}a.active{color:#f6ad15;font-weight:700}\n"] }]
|
|
103
|
-
}], ctorParameters: function () { return []; }, propDecorators: { menuItems: [{
|
|
104
|
-
type: Input
|
|
105
|
-
}], logoUrl: [{
|
|
106
|
-
type: Input
|
|
107
|
-
}], logoRouter: [{
|
|
108
|
-
type: Input
|
|
109
|
-
}], direction: [{
|
|
110
|
-
type: Input
|
|
111
|
-
}], languageMenuItems: [{
|
|
112
|
-
type: Input
|
|
113
|
-
}], loginUser: [{
|
|
114
|
-
type: Input
|
|
115
|
-
}], languageSelected: [{
|
|
116
|
-
type: Output
|
|
117
|
-
}], loginSelected: [{
|
|
118
|
-
type: Output
|
|
119
|
-
}], logoutSelected: [{
|
|
120
|
-
type: Output
|
|
121
|
-
}], handleClickOutside: [{
|
|
122
|
-
type: HostListener,
|
|
123
|
-
args: ['document:click', ['$event']]
|
|
124
|
-
}] } });
|
|
125
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWR1bWItbGliL3NyYy9saWIvY29tcG9uZW50cy9wYWdlcy9tZW51L21lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1kdW1iLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcGFnZXMvbWVudS9tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLCtDQUErQyxDQUFDOzs7O0FBRXBGLE1BT2EsYUFBYTtJQTBCeEI7UUF6QlMsY0FBUyxHQUFnQixFQUFFLENBQUM7UUFDNUIsWUFBTyxHQUFXLEVBQUUsQ0FBQztRQUNyQixlQUFVLEdBQVcsR0FBRyxDQUFDO1FBQ3pCLGNBQVMsR0FBa0IsYUFBYSxDQUFDLFVBQVUsQ0FBQztRQUNwRCxzQkFBaUIsR0FBc0IsRUFBRSxDQUFDO1FBSXpDLHFCQUFnQixHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO1FBQ3ZELGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztRQUN6QyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFFcEQseUJBQW9CLEdBQUcsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFDLENBQUM7UUFDdEMsc0JBQWlCLEdBQUcsRUFBRSxJQUFJ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LENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJTG9naW5Vc2VyLCBJTWVudUl0ZW0sIElXaWRnZXRNZW51SXRlbSB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9pbnRlcmZhY2VzL2ludGVyZmFjZSc7XG5pbXBvcnQgeyBNZW51RGlyZWN0aW9uIH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2VudW1zL2VudW0nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBNZW51V2lkZ2V0Q29tcG9uZW50IH0gZnJvbSAnLi4vLi4vYXRvbXMvbWVudS13aWRnZXQvbWVudS13aWRnZXQuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLW1lbnUnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21lbnUuY29tcG9uZW50LnNjc3MnXSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgUm91dGVyTW9kdWxlLCBNZW51V2lkZ2V0Q29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBNZW51Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgbWVudUl0ZW1zOiBJTWVudUl0ZW1bXSA9IFtdO1xuICBASW5wdXQoKSBsb2dvVXJsOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgbG9nb1JvdXRlcjogc3RyaW5nID0gJy8nO1xuICBASW5wdXQoKSBkaXJlY3Rpb246IE1lbnVEaXJlY3Rpb24gPSBNZW51RGlyZWN0aW9uLmhvcml6b250YWw7XG4gIEBJbnB1dCgpIGxhbmd1YWdlTWVudUl0ZW1zOiBJV2lkZ2V0TWVudUl0ZW1bXSA9IFtdO1xuICAvLyBMb2dpbiB1c2VyXG4gIEBJbnB1dCgpIGxvZ2luVXNlcj86IElMb2dpblVzZXI7XG5cbiAgQE91dHB1dCgpIGxhbmd1YWdlU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPElXaWRnZXRNZW51SXRlbT4oKTtcbiAgQE91dHB1dCgpIGxvZ2luU2VsZWN0ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBsb2dvdXRTZWxlY3RlZCA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBsYW5ndWFnZU1lbnVQb3NpdGlvbiA9IHsgbGVmdDogJzBweCd9O1xuICBsb2dpbk1lbnVQb3NpdGlvbiA9IHsgbGVmdDogJzBweCcgfTtcblxuICBpc0xhbmd1YWdlTWVudVZpc2libGUgPSBmYWxzZTtcbiAgaXNMb2dpbk1lbnVWaXNpYmxlID0gZmFsc2U7XG5cbiAgbG9naW5JdGVtczogSVdpZGdldE1lbnVJdGVtW10gPSBbXG4gICAgeyBsYWJlbDogJ2xvZ2luJywgdmFsdWU6ICdsb2dpbicsIGNhbGxiYWNrOiAoKSA9PiB0aGlzLmxvZ2luKCksIH0sXG4gIF07XG4gIGxvZ291dEl0ZW1zOiBJV2lkZ2V0TWVudUl0ZW1bXSA9IFtcbiAgICB7IGxhYmVsOiAnbG9nb3V0JywgdmFsdWU6ICdsb2dvdXQnLCBjYWxsYmFjazogKCkgPT4gdGhpcy5sb2dvdXQoKSwgfSxcbiAgXTtcblxuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgbmdPbkluaXQoKSB7fVxuXG4gIC8vIEdldHRlcnMgZm9yIG1lbnUgZGlyZWN0aW9uXG4gIGdldCBpc1ZlcnRpY2FsKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmRpcmVjdGlvbiA9PT0gTWVudURpcmVjdGlvbi52ZXJ0aWNhbDtcbiAgfVxuXG4gIC8vIFRvZ2dsZSBsYW5ndWFnZSBtZW51IGFuZCBzZXQgcG9zaXRpb25cbiAgdG9nZ2xlTGFuZ3VhZ2VNZW51KGV2ZW50OiBNb3VzZUV2ZW50KSB7XG4gICAgdGhpcy5pc0xhbmd1YWdlTWVudVZpc2libGUgPSAhdGhpcy5pc0xhbmd1YWdlTWVudVZpc2libGU7XG4gICAgaWYgKHRoaXMuaXNMYW5ndWFnZU1lbnVWaXNpYmxlKSB7XG4gICAgICB0aGlzLmxhbmd1YWdlTWVudVBvc2l0aW9uID0gdGhpcy5jYWxjdWxhdGVQb3NpdGlvbihldmVudC5jdXJyZW50VGFyZ2V0IGFzIEhUTUxFbGVtZW50KTtcbiAgICB9XG4gIH1cblxuICAvLyBUb2dnbGUgbG9naW4gbWVudSBhbmQgc2V0IHBvc2l0aW9uXG4gIHRvZ2dsZUxvZ2luTWVudShldmVudDogTW91c2VFdmVudCkge1xuICAgIHRoaXMuaXNMb2dpbk1lbnVWaXNpYmxlID0gIXRoaXMuaXNMb2dpbk1lbnVWaXNpYmxlO1xuICAgIGlmICh0aGlzLmlzTG9naW5NZW51VmlzaWJsZSkge1xuICAgICAgdGhpcy5sb2dpbk1lbnVQb3NpdGlvbiA9IHRoaXMuY2FsY3VsYXRlUG9zaXRpb24oZXZlbnQuY3VycmVudFRhcmdldCBhcyBIVE1MRWxlbWVudCk7XG4gICAgfVxuICB9XG5cbiAgLy8gRW1pdCBsYW5ndWFnZSBzZWxlY3Rpb24gYW5kIGNsb3NlIHRoZSBsYW5ndWFnZSBtZW51XG4gIG9uTGFuZ3VhZ2VTZWxlY3RlZChpdGVtOiBJV2lkZ2V0TWVudUl0ZW0pIHtcbiAgICB0aGlzLmxhbmd1YWdlU2VsZWN0ZWQuZW1pdChpdGVtKTtcbiAgICB0aGlzLmlzTGFuZ3VhZ2VNZW51VmlzaWJsZSA9IGZhbHNlO1xuICB9XG5cbiAgb25Mb2dpbk1lbnVJdGVtU2VsZWN0ZWQoaXRlbTogSVdpZGdldE1lbnVJdGVtKSB7XG4gICAgaXRlbS5jYWxsYmFjaztcbiAgfVxuXG4gIG9uTG9nb3V0TWVudUl0ZW1TZWxlY3RlZChpdGVtOiBJV2lkZ2V0TWVudUl0ZW0pIHtcbiAgICBpdGVtLmNhbGxiYWNrO1xuICB9XG5cbiAgLy8gSGlkZSBtZW51IGlmIGNsaWNrZWQgb3V0c2lkZSBvZiB0aGUgcmVsZXZhbnQgYXJlYXNcbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxuICBoYW5kbGVDbGlja091dHNpZGUoZXZlbnQ6IEV2ZW50KSB7XG4gICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xuXG4gICAgLy8gSGVscGVyIG1ldGhvZCB0byBjaGVjayBpZiBjbGlja2VkIG91dHNpZGUgYW4gZWxlbWVudFxuICAgIGNvbnN0IGNsaWNrZWRPdXRzaWRlID0gKG1lbnVDbGFzczogc3RyaW5nKTogYm9vbGVhbiA9PiB7XG4gICAgICByZXR1cm4gIXRhcmdldC5jbG9zZXN0KGAuJHttZW51Q2xhc3N9YCkgJiYgIXRhcmdldC5jbG9zZXN0KCdhcHAtbWVudS13aWRnZXQnKTtcbiAgICB9O1xuXG4gICAgaWYgKGNsaWNrZWRPdXRzaWRlKCdsYW5ndWFnZScpKSB7XG4gICAgICB0aGlzLmlzTGFuZ3VhZ2VNZW51VmlzaWJsZSA9IGZhbHNlO1xuICAgIH1cblxuICAgIGlmIChjbGlja2VkT3V0c2lkZSgnbG9naW4nKSkge1xuICAgICAgdGhpcy5pc0xvZ2luTWVudVZpc2libGUgPSBmYWxzZTtcbiAgICB9XG4gIH1cblxuICAvLyBDYWxjdWxhdGUgdGhlIHBvc2l0aW9uIGZvciB0aGUgd2lkZ2V0XG4gIGNhbGN1bGF0ZVBvc2l0aW9uKHRyaWdnZXJFbGVtZW50OiBIVE1MRWxlbWVudCwgb2Zmc2V0ID0gNTApIHtcbiAgICBjb25zdCByZWN0ID0gdHJpZ2dlckVsZW1lbnQuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCk7XG4gICAgY29uc3Qgc2Nyb2xsVG9wID0gd2luZG93LnNjcm9sbFkgfHwgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnNjcm9sbFRvcDtcbiAgICBjb25zdCBzY3JvbGxMZWZ0ID0gd2luZG93LnNjcm9sbFggfHwgZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50LnNjcm9sbExlZnQ7XG5cbiAgICBpZiAodGhpcy5kaXJlY3Rpb24gPT09IE1lbnVEaXJlY3Rpb24uaG9yaXpvbnRhbCkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgdG9wOiBgJHtyZWN0LmJvdHRvbSArIHNjcm9sbFRvcH1weGAsXG4gICAgICAgIGxlZnQ6IGAke3JlY3QubGVmdCArIHNjcm9sbExlZnQgLSBvZmZzZXR9cHhgXG4gICAgICB9O1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICBsZWZ0OiBgJHtyZWN0LmxlZnQgKyBzY3JvbGxMZWZ0ICsgMjEwfXB4YCxcbiAgICAgIGJvdHRvbTogYCR7d2luZG93LmlubmVySGVpZ2h0IC0gcmVjdC5ib3R0b219cHhgXG4gICAgfTtcbiAgfVxuXG4gIGxvZ2luKCkge1xuICAgIHRoaXMubG9naW5TZWxlY3RlZC5lbWl0KCk7XG4gIH1cblxuICBsb2dvdXQoKSB7XG4gICAgdGhpcy5sb2dvdXRTZWxlY3RlZC5lbWl0KCk7XG4gIH1cbn1cbiIsIjxuYXYgY2xhc3M9XCJtZW51XCIgW25nQ2xhc3NdPVwieyAndmVydGljYWwnOiBpc1ZlcnRpY2FsLCAnaG9yaXpvbnRhbCc6ICFpc1ZlcnRpY2FsIH1cIj5cbiAgPGRpdiBjbGFzcz1cImxvZ29cIj5cbiAgICA8YSBbcm91dGVyTGlua109XCJsb2dvUm91dGVyXCI+XG4gICAgICA8aW1nIFtzcmNdPVwibG9nb1VybFwiIGFsdD1cIkxvZ29cIiAvPlxuICAgIDwvYT5cbiAgPC9kaXY+XG4gIDx1bD5cbiAgICA8bGkgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbWVudUl0ZW1zXCI+XG4gICAgICA8YSBbcm91dGVyTGlua109XCJpdGVtLnJvdXRlXCJcbiAgICAgICAgIHJvdXRlckxpbmtBY3RpdmU9XCJhY3RpdmVcIlxuICAgICAgICAgW3JvdXRlckxpbmtBY3RpdmVPcHRpb25zXT1cInsgZXhhY3Q6IHRydWUgfVwiPnt7IGl0ZW0ubGFiZWwgfX08L2E+XG4gICAgPC9saT5cbiAgPC91bD5cbiAgPGRpdiBjbGFzcz1cImFjdGlvbnNcIj5cbiAgICA8IS0tIExhbmd1YWdlIHNlbGVjdG9yIC0tPlxuICAgIDxkaXYgY2xhc3M9XCJsYW5ndWFnZVwiIChjbGljayk9XCJ0b2dnbGVMYW5ndWFnZU1lbnUoJGV2ZW50KVwiPlxuICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPmxhbmd1YWdlPC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDxhcHAtbWVudS13aWRnZXQgKm5nSWY9XCJpc0xhbmd1YWdlTWVudVZpc2libGVcIlxuICAgICAgICAgICAgICAgICAgICAgW2l0ZW1zXT1cImxhbmd1YWdlTWVudUl0ZW1zXCJcbiAgICAgICAgICAgICAgICAgICAgIChpdGVtU2VsZWN0ZWQpPVwib25MYW5ndWFnZVNlbGVjdGVkKCRldmVudClcIlxuICAgICAgICAgICAgICAgICAgICAgW3Bvc2l0aW9uXT1cImxhbmd1YWdlTWVudVBvc2l0aW9uXCI+XG4gICAgPC9hcHAtbWVudS13aWRnZXQ+XG5cbiAgICA8IS0tIExvZ2luIG1lbnUgLS0+XG4gICAgPGRpdiBjbGFzcz1cImxvZ2luXCIgKGNsaWNrKT1cInRvZ2dsZUxvZ2luTWVudSgkZXZlbnQpXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwibG9naW5Vc2VyPy5waWN0dXJlOyBlbHNlIGRlZmF1bHRJY29uXCI+XG4gICAgICAgIDxpbWcgW3NyY109XCJsb2dpblVzZXI/LnBpY3R1cmVcIiBhbHQ9XCJVc2VyIEF2YXRhclwiIGNsYXNzPVwidXNlci1hdmF0YXJcIiAvPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctdGVtcGxhdGUgI2RlZmF1bHRJY29uPlxuICAgICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+cGVyc29uPC9zcGFuPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L2Rpdj5cbiAgICA8YXBwLW1lbnUtd2lkZ2V0ICpuZ0lmPVwiaXNMb2dpbk1lbnVWaXNpYmxlICYmICFsb2dpblVzZXJcIlxuICAgICAgICAgICAgICAgICAgICAgW2l0ZW1zXT1cImxvZ2luSXRlbXNcIlxuICAgICAgICAgICAgICAgICAgICAgKGl0ZW1TZWxlY3RlZCk9XCJvbkxvZ2luTWVudUl0ZW1TZWxlY3RlZCgkZXZlbnQpXCJcbiAgICAgICAgICAgICAgICAgICAgIFtwb3NpdGlvbl09XCJsb2dpbk1lbnVQb3NpdGlvblwiPlxuICAgIDwvYXBwLW1lbnUtd2lkZ2V0PlxuICAgIDxhcHAtbWVudS13aWRnZXQgKm5nSWY9XCJpc0xvZ2luTWVudVZpc2libGUgJiYgbG9naW5Vc2VyXCJcbiAgICAgICAgW2l0ZW1zXT1cImxvZ291dEl0ZW1zXCJcbiAgICAgICAgKGl0ZW1TZWxlY3RlZCk9XCJvbkxvZ291dE1lbnVJdGVtU2VsZWN0ZWQoJGV2ZW50KVwiXG4gICAgICAgIFtwb3NpdGlvbl09XCJsb2dpbk1lbnVQb3NpdGlvblwiPlxuICAgIDwvYXBwLW1lbnUtd2lkZ2V0PlxuICA8L2Rpdj5cbjwvbmF2PlxuIl19
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { CommonModule } from '@angular/common';
|
|
2
|
-
import { Component } from '@angular/core';
|
|
3
|
-
import { ContentDirection } from '../../../shared/enums/enum';
|
|
4
|
-
import { ContentDesignComponent } from '../../molecules/content-design/content-design.component';
|
|
5
|
-
import * as i0 from "@angular/core";
|
|
6
|
-
class VersionComponent {
|
|
7
|
-
constructor() {
|
|
8
|
-
this.content = {
|
|
9
|
-
title: 'Card 2 Title',
|
|
10
|
-
content: 'This is an example of left-aligned content.',
|
|
11
|
-
coverImage: 'https://via.placeholder.com/150',
|
|
12
|
-
contentDirection: ContentDirection.right,
|
|
13
|
-
template: null
|
|
14
|
-
};
|
|
15
|
-
}
|
|
16
|
-
ngOnInit() {
|
|
17
|
-
}
|
|
18
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VersionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VersionComponent, isStandalone: true, selector: "app-version", ngImport: i0, template: "<app-content-design\n[content] = \"content\">\n</app-content-design>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: ContentDesignComponent, selector: "app-content-design", inputs: ["content", "contentLength"], outputs: ["clickEvent"] }] }); }
|
|
20
|
-
}
|
|
21
|
-
export { VersionComponent };
|
|
22
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VersionComponent, decorators: [{
|
|
23
|
-
type: Component,
|
|
24
|
-
args: [{ selector: 'app-version', standalone: true, imports: [CommonModule, ContentDesignComponent], template: "<app-content-design\n[content] = \"content\">\n</app-content-design>\n" }]
|
|
25
|
-
}], ctorParameters: function () { return []; } });
|
|
26
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWR1bWItbGliL3NyYy9saWIvY29tcG9uZW50cy9wYWdlcy92ZXJzaW9uL3ZlcnNpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1kdW1iLWxpYi9zcmMvbGliL2NvbXBvbmVudHMvcGFnZXMvdmVyc2lvbi92ZXJzaW9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRWxELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzlELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHlEQUF5RCxDQUFDOztBQUVqRyxNQU9hLGdCQUFnQjtJQUUzQjtRQUNFLElBQUksQ0FBQyxPQUFPLEdBQUc7WUFDYixLQUFLLEVBQUUsY0FBYztZQUNyQixPQUFPLEVBQUUsNkNBQTZDO1lBQ3RELFVBQVUsRUFBRSxpQ0FBaUM7WUFDN0MsZ0JBQWdCLEVBQUUsZ0JBQWdCLENBQUMsS0FBSztZQUN4QyxRQUFRLEVBQUUsSUFBSTtTQUNmLENBQUE7SUFDSCxDQUFDO0lBRUQsUUFBUTtJQUNSLENBQUM7K0dBYlUsZ0JBQWdCO21HQUFoQixnQkFBZ0IsdUVDYjdCLHdFQUdBLHlERFFZLFlBQVksK0JBQUUsc0JBQXNCOztTQUVuQyxnQkFBZ0I7NEZBQWhCLGdCQUFnQjtrQkFQNUIsU0FBUzsrQkFDRSxhQUFhLGNBQ1gsSUFBSSxXQUdQLENBQUMsWUFBWSxFQUFFLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJQ29udGVudERlc2lnbiB9IGZyb20gJy4uLy4uLy4uL3NoYXJlZC9pbnRlcmZhY2VzL2ludGVyZmFjZSc7XG5pbXBvcnQgeyBDb250ZW50RGlyZWN0aW9uIH0gZnJvbSAnLi4vLi4vLi4vc2hhcmVkL2VudW1zL2VudW0nO1xuaW1wb3J0IHsgQ29udGVudERlc2lnbkNvbXBvbmVudCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9jb250ZW50LWRlc2lnbi9jb250ZW50LWRlc2lnbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtdmVyc2lvbicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHRlbXBsYXRlVXJsOiAnLi92ZXJzaW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdmVyc2lvbi5jb21wb25lbnQuc2NzcyddLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBDb250ZW50RGVzaWduQ29tcG9uZW50XVxufSlcbmV4cG9ydCBjbGFzcyBWZXJzaW9uQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgY29udGVudDogSUNvbnRlbnREZXNpZ247XG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHRoaXMuY29udGVudCA9IHtcbiAgICAgIHRpdGxlOiAnQ2FyZCAyIFRpdGxlJyxcbiAgICAgIGNvbnRlbnQ6ICdUaGlzIGlzIGFuIGV4YW1wbGUgb2YgbGVmdC1hbGlnbmVkIGNvbnRlbnQuJyxcbiAgICAgIGNvdmVySW1hZ2U6ICdodHRwczovL3ZpYS5wbGFjZWhvbGRlci5jb20vMTUwJyxcbiAgICAgIGNvbnRlbnREaXJlY3Rpb246IENvbnRlbnREaXJlY3Rpb24ucmlnaHQsXG4gICAgICB0ZW1wbGF0ZTogbnVsbFxuICAgIH1cbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuICB9XG59XG4iLCI8YXBwLWNvbnRlbnQtZGVzaWduXG5bY29udGVudF0gPSBcImNvbnRlbnRcIj5cbjwvYXBwLWNvbnRlbnQtZGVzaWduPlxuIl19
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { InputType } from "../enums/enum";
|
|
2
|
-
export const textualInputTypes = [InputType.text, InputType.password, InputType.email, InputType.url,
|
|
3
|
-
InputType.tel, InputType.search, InputType.number, InputType.range,
|
|
4
|
-
InputType.hidden, InputType.textarea, InputType.richText, InputType.image];
|
|
5
|
-
export const selectionInputTypes = [InputType.checkbox, InputType.radio, InputType.select];
|
|
6
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc3RhbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWR1bWItbGliL3NyYy9saWIvc2hhcmVkL2NvbnN0YW50cy9jb25zdGFudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFDLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUM1QixDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsU0FBUyxDQUFDLFFBQVEsRUFBRSxTQUFTLENBQUMsS0FBSyxFQUFFLFNBQVMsQ0FBQyxHQUFHO0lBQ25FLFNBQVMsQ0FBQyxHQUFHLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxLQUFLO0lBQ2xFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsU0FBUyxDQUFDLFFBQVEsRUFBRSxTQUFTLENBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQztBQUM3RSxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBZ0IsQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLFNBQVMsQ0FBQyxLQUFLLEVBQUUsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5wdXRUeXBlIH0gZnJvbSBcIi4uL2VudW1zL2VudW1cIjtcblxuZXhwb3J0IGNvbnN0IHRleHR1YWxJbnB1dFR5cGVzOiBJbnB1dFR5cGVbXSA9XG4gIFtJbnB1dFR5cGUudGV4dCwgSW5wdXRUeXBlLnBhc3N3b3JkLCBJbnB1dFR5cGUuZW1haWwsIElucHV0VHlwZS51cmwsXG4gIElucHV0VHlwZS50ZWwsIElucHV0VHlwZS5zZWFyY2gsIElucHV0VHlwZS5udW1iZXIsIElucHV0VHlwZS5yYW5nZSxcbiAgSW5wdXRUeXBlLmhpZGRlbiwgSW5wdXRUeXBlLnRleHRhcmVhLCBJbnB1dFR5cGUucmljaFRleHQsIElucHV0VHlwZS5pbWFnZV07XG5leHBvcnQgY29uc3Qgc2VsZWN0aW9uSW5wdXRUeXBlczogSW5wdXRUeXBlW10gPSBbSW5wdXRUeXBlLmNoZWNrYm94LCBJbnB1dFR5cGUucmFkaW8sIElucHV0VHlwZS5zZWxlY3RdXG4iXX0=
|