@sarasanalytics-com/design-system 0.0.9 → 0.0.10
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/esm2022/interfaces/avatar-interface.mjs +2 -0
- package/esm2022/interfaces/button-interface.mjs +2 -0
- package/esm2022/interfaces/chip-interface.mjs +2 -0
- package/esm2022/interfaces/grid-interface.mjs +2 -0
- package/esm2022/interfaces/select-interface.mjs +2 -0
- package/esm2022/interfaces/tab-interface.mjs +2 -0
- package/esm2022/lib/avatar/avatar.component.mjs +56 -0
- package/esm2022/lib/button/button.component.mjs +84 -0
- package/esm2022/lib/calendar-header/calendar-header.component.mjs +168 -0
- package/esm2022/lib/card/card-footer-actions/card-footer-actions.component.mjs +11 -0
- package/esm2022/lib/card/card-icon/card-icon.component.mjs +11 -0
- package/esm2022/lib/card/card-title-actions/card-title-actions.component.mjs +11 -0
- package/esm2022/lib/card/card.component.mjs +53 -0
- package/esm2022/lib/chips/chips.component.mjs +62 -0
- package/esm2022/lib/component-library.component.mjs +19 -0
- package/esm2022/lib/component-library.service.mjs +14 -0
- package/esm2022/lib/datepicker/datepicker.component.mjs +40 -0
- package/esm2022/lib/form-input/form-input.component.mjs +152 -0
- package/esm2022/lib/form-select/form-select.component.mjs +59 -0
- package/esm2022/lib/grid-cell/grid-cell.component.mjs +84 -0
- package/esm2022/lib/header/header.component.mjs +37 -0
- package/esm2022/lib/icon/icon.component.mjs +50 -0
- package/esm2022/lib/icon/icon.service.mjs +29 -0
- package/esm2022/lib/left-nav/left-nav.component.mjs +117 -0
- package/esm2022/lib/stepper/stepper.component.mjs +64 -0
- package/esm2022/lib/tabs/tabs.component.mjs +38 -0
- package/esm2022/lib/toast/toast.component.mjs +100 -0
- package/esm2022/lib/tool-tip/tool-tip.component.mjs +41 -0
- package/esm2022/public-api.mjs +30 -0
- package/esm2022/sarasanalytics-com-design-system.mjs +5 -0
- package/esm2022/utils/validators.mjs +70 -0
- package/fesm2022/sarasanalytics-com-design-system.mjs +1274 -0
- package/fesm2022/sarasanalytics-com-design-system.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/interfaces/avatar-interface.d.ts +6 -0
- package/interfaces/button-interface.d.ts +12 -0
- package/interfaces/chip-interface.d.ts +11 -0
- package/interfaces/grid-interface.d.ts +24 -0
- package/interfaces/select-interface.d.ts +20 -0
- package/interfaces/tab-interface.d.ts +6 -0
- package/lib/avatar/avatar.component.d.ts +18 -0
- package/lib/button/button.component.d.ts +26 -0
- package/lib/calendar-header/calendar-header.component.d.ts +31 -0
- package/lib/card/card-footer-actions/card-footer-actions.component.d.ts +5 -0
- package/lib/card/card-icon/card-icon.component.d.ts +5 -0
- package/lib/card/card-title-actions/card-title-actions.component.d.ts +5 -0
- package/lib/card/card.component.d.ts +17 -0
- package/lib/chips/chips.component.d.ts +22 -0
- package/lib/component-library.component.d.ts +5 -0
- package/lib/component-library.service.d.ts +6 -0
- package/lib/datepicker/datepicker.component.d.ts +9 -0
- package/lib/form-input/form-input.component.d.ts +62 -0
- package/lib/form-select/form-select.component.d.ts +17 -0
- package/lib/grid-cell/grid-cell.component.d.ts +20 -0
- package/lib/header/header.component.d.ts +14 -0
- package/lib/icon/icon.component.d.ts +16 -0
- package/lib/icon/icon.service.d.ts +11 -0
- package/lib/left-nav/left-nav.component.d.ts +38 -0
- package/lib/stepper/stepper.component.d.ts +17 -0
- package/lib/tabs/tabs.component.d.ts +15 -0
- package/lib/toast/toast.component.d.ts +33 -0
- package/lib/tool-tip/tool-tip.component.d.ts +15 -0
- package/package.json +15 -2
- package/{src/public-api.ts → public-api.d.ts} +1 -8
- package/utils/validators.d.ts +3 -0
- package/ng-package.json +0 -8
- package/src/interfaces/avatar-interface.ts +0 -6
- package/src/interfaces/button-interface.ts +0 -12
- package/src/interfaces/chip-interface.ts +0 -11
- package/src/interfaces/grid-interface.ts +0 -24
- package/src/interfaces/select-interface.ts +0 -20
- package/src/interfaces/tab-interface.ts +0 -6
- package/src/lib/avatar/avatar.component.css +0 -48
- package/src/lib/avatar/avatar.component.html +0 -5
- package/src/lib/avatar/avatar.component.spec.ts +0 -23
- package/src/lib/avatar/avatar.component.ts +0 -50
- package/src/lib/button/button.component.css +0 -145
- package/src/lib/button/button.component.html +0 -11
- package/src/lib/button/button.component.spec.ts +0 -23
- package/src/lib/button/button.component.ts +0 -68
- package/src/lib/calendar-header/calendar-header.component.css +0 -67
- package/src/lib/calendar-header/calendar-header.component.html +0 -20
- package/src/lib/calendar-header/calendar-header.component.spec.ts +0 -23
- package/src/lib/calendar-header/calendar-header.component.ts +0 -191
- package/src/lib/card/card-body/card-body.component.css +0 -0
- package/src/lib/card/card-body/card-body.component.html +0 -1
- package/src/lib/card/card-body/card-body.component.spec.ts +0 -23
- package/src/lib/card/card-body/card-body.component.ts +0 -12
- package/src/lib/card/card-footer-actions/card-footer-actions.component.css +0 -4
- package/src/lib/card/card-footer-actions/card-footer-actions.component.html +0 -3
- package/src/lib/card/card-footer-actions/card-footer-actions.component.spec.ts +0 -23
- package/src/lib/card/card-footer-actions/card-footer-actions.component.ts +0 -12
- package/src/lib/card/card-icon/card-icon.component.css +0 -0
- package/src/lib/card/card-icon/card-icon.component.html +0 -1
- package/src/lib/card/card-icon/card-icon.component.spec.ts +0 -23
- package/src/lib/card/card-icon/card-icon.component.ts +0 -12
- package/src/lib/card/card-title-actions/card-title-actions.component.css +0 -3
- package/src/lib/card/card-title-actions/card-title-actions.component.html +0 -1
- package/src/lib/card/card-title-actions/card-title-actions.component.spec.ts +0 -23
- package/src/lib/card/card-title-actions/card-title-actions.component.ts +0 -12
- package/src/lib/card/card.component.css +0 -84
- package/src/lib/card/card.component.html +0 -34
- package/src/lib/card/card.component.spec.ts +0 -23
- package/src/lib/card/card.component.ts +0 -33
- package/src/lib/chips/chips.component.css +0 -129
- package/src/lib/chips/chips.component.html +0 -17
- package/src/lib/chips/chips.component.spec.ts +0 -23
- package/src/lib/chips/chips.component.ts +0 -54
- package/src/lib/component-library.component.spec.ts +0 -23
- package/src/lib/component-library.component.ts +0 -16
- package/src/lib/component-library.service.spec.ts +0 -16
- package/src/lib/component-library.service.ts +0 -9
- package/src/lib/datepicker/datepicker.component.css +0 -33
- package/src/lib/datepicker/datepicker.component.html +0 -11
- package/src/lib/datepicker/datepicker.component.spec.ts +0 -23
- package/src/lib/datepicker/datepicker.component.ts +0 -36
- package/src/lib/form-input/form-input.component.css +0 -109
- package/src/lib/form-input/form-input.component.html +0 -27
- package/src/lib/form-input/form-input.component.spec.ts +0 -23
- package/src/lib/form-input/form-input.component.ts +0 -196
- package/src/lib/form-select/form-select.component.css +0 -157
- package/src/lib/form-select/form-select.component.html +0 -38
- package/src/lib/form-select/form-select.component.spec.ts +0 -23
- package/src/lib/form-select/form-select.component.ts +0 -54
- package/src/lib/grid-cell/grid-cell.component.css +0 -78
- package/src/lib/grid-cell/grid-cell.component.html +0 -31
- package/src/lib/grid-cell/grid-cell.component.spec.ts +0 -23
- package/src/lib/grid-cell/grid-cell.component.ts +0 -89
- package/src/lib/header/header.component.css +0 -62
- package/src/lib/header/header.component.html +0 -23
- package/src/lib/header/header.component.spec.ts +0 -23
- package/src/lib/header/header.component.ts +0 -28
- package/src/lib/icon/icon.component.css +0 -21
- package/src/lib/icon/icon.component.html +0 -5
- package/src/lib/icon/icon.component.ts +0 -49
- package/src/lib/icon/icon.service.ts +0 -27
- package/src/lib/left-nav/left-nav.component.css +0 -106
- package/src/lib/left-nav/left-nav.component.html +0 -48
- package/src/lib/left-nav/left-nav.component.spec.ts +0 -23
- package/src/lib/left-nav/left-nav.component.ts +0 -146
- package/src/lib/stepper/stepper.component.css +0 -96
- package/src/lib/stepper/stepper.component.html +0 -14
- package/src/lib/stepper/stepper.component.spec.ts +0 -23
- package/src/lib/stepper/stepper.component.ts +0 -61
- package/src/lib/tabs/tabs.component.css +0 -100
- package/src/lib/tabs/tabs.component.html +0 -16
- package/src/lib/tabs/tabs.component.spec.ts +0 -23
- package/src/lib/tabs/tabs.component.ts +0 -37
- package/src/lib/toast/toast.component.css +0 -107
- package/src/lib/toast/toast.component.html +0 -29
- package/src/lib/toast/toast.component.spec.ts +0 -23
- package/src/lib/toast/toast.component.ts +0 -87
- package/src/lib/tool-tip/tool-tip.component.css +0 -139
- package/src/lib/tool-tip/tool-tip.component.html +0 -31
- package/src/lib/tool-tip/tool-tip.component.spec.ts +0 -23
- package/src/lib/tool-tip/tool-tip.component.ts +0 -37
- package/src/utils/validators.ts +0 -68
- package/tsconfig.lib.json +0 -14
- package/tsconfig.lib.prod.json +0 -10
- package/tsconfig.spec.json +0 -14
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9pbnRlcmZhY2VzL2F2YXRhci1pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQXZhdGFySW50ZXJmYWNlIHtcbiAgICBpZDogc3RyaW5nIHwgbnVtYmVyLFxuICAgIHNpemU6IHN0cmluZyxcbiAgICBpbWFnZVBhdGg6IHN0cmluZyxcbiAgICBhbHRUZXh0OiBzdHJpbmdcbn1cbiJdfQ==
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLWludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9pbnRlcmZhY2VzL2J1dHRvbi1pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgQnV0dG9uSW50ZXJmYWNlIHtcbiAgICBpZDogc3RyaW5nIHwgbnVtYmVyLFxuICAgIHRleHQ6IHN0cmluZyxcbiAgICB0eXBlOiBzdHJpbmcsXG4gICAgc2l6ZTogc3RyaW5nLFxuICAgIHN0YXRlOiBzdHJpbmcsXG4gICAgaW1hZ2VQYXRoPzogc3RyaW5nLFxuICAgIGljb25Qb3NpdGlvbj86IHN0cmluZyxcbiAgICBocmVmPzogc3RyaW5nLFxuICAgIGhyZWZUYXJnZXQ/OiBzdHJpbmcsXG4gICAgaXNTdWJtaXQ/OiBib29sZWFuLFxufVxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcC1pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9jaGlwLWludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGludGVyZmFjZSBDaGlwSW50ZXJmYWNlIHtcbiAgICBpZDogc3RyaW5nIHwgbnVtYmVyLFxuICAgIHRleHQ6IHN0cmluZyxcbiAgICB0eXBlOiBzdHJpbmcsXG4gICAgc3RhdGU6IHN0cmluZyxcbiAgICBmaWxsaW5nOiBzdHJpbmcsXG4gICAgaWNvblBvc2l0aW9uPzogc3RyaW5nLFxuICAgIGljb25QYXRoPzogc3RyaW5nLFxuICAgIGxhcmdlU3RhdGVJY29uPzogc3RyaW5nLFxuICAgIGxhcmdlU3RhdGVUZXh0Pzogc3RyaW5nXG59XG4iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ3JpZC1pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvaW50ZXJmYWNlcy9ncmlkLWludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uSW50ZXJmYWNlIH0gZnJvbSBcIi4vYnV0dG9uLWludGVyZmFjZVwiO1xuaW1wb3J0IHsgQ2hpcEludGVyZmFjZSB9IGZyb20gXCIuL2NoaXAtaW50ZXJmYWNlXCI7XG5pbXBvcnQgeyBBdmF0YXJJbnRlcmZhY2UgfSBmcm9tIFwiLi9hdmF0YXItaW50ZXJmYWNlXCI7XG5leHBvcnQgaW50ZXJmYWNlIEdyaWRJbnRlcmZhY2Uge1xuICBjZWxsVHlwZTogc3RyaW5nLFxuICB2aWV3VGV4dDogYm9vbGVhbixcbiAgdmlld0xlYWRpbmdJY29uOiBib29sZWFuLFxuICB2aWV3VHJhaWxpbmdJY29uOiBib29sZWFuLFxuICB2aWV3QnV0dG9uOiBib29sZWFuLFxuICB2aWV3Q2hpcDogYm9vbGVhbixcbiAgdmlld0F2YXRhcjogYm9vbGVhbixcbiAgaWNvblBhdGg/OiBzdHJpbmcsXG4gIGNoaXBDb25maWc/OiBDaGlwSW50ZXJmYWNlW10sXG4gIGJ1dHRvbkNvbmZpZz86IEJ1dHRvbkludGVyZmFjZSxcbiAgYXZhdGFyQ29uZmlnPzogQXZhdGFySW50ZXJmYWNlLFxuICB0ZXh0Pzogc3RyaW5nIHwgbnVtYmVyLFxuICBzdWJUZXh0Pzogc3RyaW5nIHwgbnVtYmVyLFxuICBpbnRlcmFjdGl2ZUxpbms/OiBzdHJpbmcsXG4gIGludGVyYWN0aXZlTGlua1RhcmdldD86IHN0cmluZyxcbiAgY2hpcENsaWNrZWQ/KGV2dDogYW55KTogYW55LFxuICBsaW5rQ2xpY2tlZD8oZXZ0OiBhbnkpOiBhbnksXG4gIGJ1dHRvbkNsaWNrZWQ/KGV2dDogYW55KTogYW55LFxuICBhdmF0YXJDbGlja2VkPyhldnQ6IGFueSk6IGFueVxufVxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9pbnRlcmZhY2VzL3NlbGVjdC1pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvcm1seUZpZWxkUHJvcHMgfSBmcm9tIFwiQG5neC1mb3JtbHkvY29yZVwiXG5pbnRlcmZhY2UgU2VsZWN0U3ViSW50ZXJmYWNlIHtcbiAgICBsYWJlbDogc3RyaW5nLFxuICAgIHN1cHBvcnRUZXh0OiBzdHJpbmcsXG4gICAgZHJvcEljb246IHN0cmluZyxcbiAgICBkcm9wSWNvblBvc2l0aW9uOiBzdHJpbmcsXG4gICAgbXVsdGlwbGU6IGJvb2xlYW4sXG4gICAgaWNvblBhdGg6IHN0cmluZyxcbiAgICB0eXBlOiBzdHJpbmcsXG4gICAgdGV4dD86IHN0cmluZyxcbiAgICBzdGF0ZTogc3RyaW5nLFxuICAgIGZpbGxpbmc6IHN0cmluZyxcbiAgICBpY29uUG9zaXRpb246IHN0cmluZyxcbn1cblxuZXhwb3J0IGludGVyZmFjZSBTZWxlY3RJbnRlcmZhY2UgZXh0ZW5kcyBGb3JtbHlGaWVsZFByb3BzIHtcbiAgICBvcHRpb25zOiBhbnksXG4gICAgZGlzYWJsZWQ6IGJvb2xlYW4sXG4gICAgcGFyYW1zOiBTZWxlY3RTdWJJbnRlcmZhY2Vcbn0iXX0=
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWludGVyZmFjZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9pbnRlcmZhY2VzL3RhYi1pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgVGFiSW50ZXJmYWNlIHtcbiAgICB0YWJOYW1lOiBzdHJpbmcsXG4gICAgdGFiSWNvbj86IHN0cmluZyxcbiAgICBpY29uUG9zaXRpb24/OiBzdHJpbmcsXG4gICAgYmFkZ2VDb250ZW50Pzogc3RyaW5nLFxufVxuIl19
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { Component, EventEmitter } from '@angular/core';
|
|
2
|
+
import { Input, Output } from '@angular/core';
|
|
3
|
+
import { NgIf } from '@angular/common';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export class AvatarComponent {
|
|
6
|
+
constructor() {
|
|
7
|
+
this.onClickEvent = new EventEmitter;
|
|
8
|
+
this.onMouseInEvent = new EventEmitter;
|
|
9
|
+
this.onMouseOutEvent = new EventEmitter;
|
|
10
|
+
this.eventEmitObject = {};
|
|
11
|
+
}
|
|
12
|
+
ngOnChanges() {
|
|
13
|
+
this.eventEmitObject = {
|
|
14
|
+
id: this.id
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
avatarClicked(evt) {
|
|
18
|
+
this.onClickEvent.emit({
|
|
19
|
+
...this.eventEmitObject,
|
|
20
|
+
evt
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
mouseEnter(evt) {
|
|
24
|
+
this.onMouseInEvent.emit({
|
|
25
|
+
...this.eventEmitObject,
|
|
26
|
+
evt
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
mouseLeave(evt) {
|
|
30
|
+
this.onMouseOutEvent.emit({
|
|
31
|
+
...this.eventEmitObject,
|
|
32
|
+
evt
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: AvatarComponent, isStandalone: true, selector: "sa-avatar", inputs: { id: "id", imagePath: "imagePath", altText: "altText", size: "size" }, outputs: { onClickEvent: "onClickEvent", onMouseInEvent: "onMouseInEvent", onMouseOutEvent: "onMouseOutEvent" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"avatar {{size}}\" (click)=\"avatarClicked($event)\" (mouseenter)=\"mouseEnter($event)\"\n (mouseleave)=\"mouseLeave($event)\">\n <img *ngIf=\"imagePath\" class=\"avatar-img\" alt=\"{{altText}}\" src=\"{{imagePath}}\">\n <p *ngIf=\"!imagePath\" class=\"avatar-img\">{{altText}}</p>\n</div>\n", styles: [".extra-small{--width: var(--medium-24px);--height: var(--medium-24px)}.small{--width: 28px;--height: 28px}.medium{--width: 32px;--height: 32px}.large{--width: 36px;--height: 36px}.extra-large{--width: 40px;--height: 40px}.avatar{display:flex}.avatar-img{background-color:var(--primary-50);height:var(--height);width:var(--width);border-radius:var(--height);object-fit:cover;font-family:var(--font);font-size:11px;font-weight:500;line-height:var(--height);letter-spacing:.5px;text-align:center;overflow:none}.avatar:hover{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
|
|
37
|
+
}
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
39
|
+
type: Component,
|
|
40
|
+
args: [{ selector: 'sa-avatar', standalone: true, imports: [NgIf], template: "<div class=\"avatar {{size}}\" (click)=\"avatarClicked($event)\" (mouseenter)=\"mouseEnter($event)\"\n (mouseleave)=\"mouseLeave($event)\">\n <img *ngIf=\"imagePath\" class=\"avatar-img\" alt=\"{{altText}}\" src=\"{{imagePath}}\">\n <p *ngIf=\"!imagePath\" class=\"avatar-img\">{{altText}}</p>\n</div>\n", styles: [".extra-small{--width: var(--medium-24px);--height: var(--medium-24px)}.small{--width: 28px;--height: 28px}.medium{--width: 32px;--height: 32px}.large{--width: 36px;--height: 36px}.extra-large{--width: 40px;--height: 40px}.avatar{display:flex}.avatar-img{background-color:var(--primary-50);height:var(--height);width:var(--width);border-radius:var(--height);object-fit:cover;font-family:var(--font);font-size:11px;font-weight:500;line-height:var(--height);letter-spacing:.5px;text-align:center;overflow:none}.avatar:hover{cursor:pointer}\n"] }]
|
|
41
|
+
}], propDecorators: { id: [{
|
|
42
|
+
type: Input
|
|
43
|
+
}], imagePath: [{
|
|
44
|
+
type: Input
|
|
45
|
+
}], altText: [{
|
|
46
|
+
type: Input
|
|
47
|
+
}], size: [{
|
|
48
|
+
type: Input
|
|
49
|
+
}], onClickEvent: [{
|
|
50
|
+
type: Output
|
|
51
|
+
}], onMouseInEvent: [{
|
|
52
|
+
type: Output
|
|
53
|
+
}], onMouseOutEvent: [{
|
|
54
|
+
type: Output
|
|
55
|
+
}] } });
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYXZhdGFyL2F2YXRhci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F2YXRhci9hdmF0YXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDeEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQVN2QyxNQUFNLE9BQU8sZUFBZTtJQVA1QjtRQWFZLGlCQUFZLEdBQUcsSUFBSSxZQUFZLENBQUE7UUFDL0IsbUJBQWMsR0FBRyxJQUFJLFlBQVksQ0FBQTtRQUNqQyxvQkFBZSxHQUFHLElBQUksWUFBWSxDQUFBO1FBRTVDLG9CQUFlLEdBQUcsRUFBRSxDQUFBO0tBNEJyQjtJQTFCQyxXQUFXO1FBQ1QsSUFBSSxDQUFDLGVBQWUsR0FBRztZQUNyQixFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUU7U0FDWixDQUFBO0lBQ0gsQ0FBQztJQUVELGFBQWEsQ0FBQyxHQUFVO1FBQ3RCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDO1lBQ3JCLEdBQUcsSUFBSSxDQUFDLGVBQWU7WUFDdkIsR0FBRztTQUNKLENBQUMsQ0FBQTtJQUNKLENBQUM7SUFFRCxVQUFVLENBQUMsR0FBVTtRQUNuQixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQztZQUN2QixHQUFHLElBQUksQ0FBQyxlQUFlO1lBQ3ZCLEdBQUc7U0FDSixDQUFDLENBQUE7SUFDSixDQUFDO0lBRUQsVUFBVSxDQUFDLEdBQVU7UUFDbkIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUM7WUFDeEIsR0FBRyxJQUFJLENBQUMsZUFBZTtZQUN2QixHQUFHO1NBQ0osQ0FBQyxDQUFBO0lBQ0osQ0FBQzs4R0FyQ1UsZUFBZTtrR0FBZixlQUFlLDJSQ1g1QixvVEFLQSxvbEJERVksSUFBSTs7MkZBSUgsZUFBZTtrQkFQM0IsU0FBUzsrQkFDRSxXQUFXLGNBQ1QsSUFBSSxXQUNQLENBQUMsSUFBSSxDQUFDOzhCQUtOLEVBQUU7c0JBQVYsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNO2dCQUNHLGVBQWU7c0JBQXhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdJZiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NhLWF2YXRhcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ0lmXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2F2YXRhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9hdmF0YXIuY29tcG9uZW50LmNzcydcbn0pXG5leHBvcnQgY2xhc3MgQXZhdGFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWQ6IHN0cmluZyB8IG51bWJlcjtcbiAgQElucHV0KCkgaW1hZ2VQYXRoOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGFsdFRleHQ6IHN0cmluZztcbiAgQElucHV0KCkgc2l6ZTogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBvbkNsaWNrRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyXG4gIEBPdXRwdXQoKSBvbk1vdXNlSW5FdmVudCA9IG5ldyBFdmVudEVtaXR0ZXJcbiAgQE91dHB1dCgpIG9uTW91c2VPdXRFdmVudCA9IG5ldyBFdmVudEVtaXR0ZXJcblxuICBldmVudEVtaXRPYmplY3QgPSB7fVxuXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMuZXZlbnRFbWl0T2JqZWN0ID0ge1xuICAgICAgaWQ6IHRoaXMuaWRcbiAgICB9XG4gIH1cblxuICBhdmF0YXJDbGlja2VkKGV2dDogRXZlbnQpIHtcbiAgICB0aGlzLm9uQ2xpY2tFdmVudC5lbWl0KHtcbiAgICAgIC4uLnRoaXMuZXZlbnRFbWl0T2JqZWN0LFxuICAgICAgZXZ0XG4gICAgfSlcbiAgfVxuXG4gIG1vdXNlRW50ZXIoZXZ0OiBFdmVudCkge1xuICAgIHRoaXMub25Nb3VzZUluRXZlbnQuZW1pdCh7XG4gICAgICAuLi50aGlzLmV2ZW50RW1pdE9iamVjdCxcbiAgICAgIGV2dFxuICAgIH0pXG4gIH1cblxuICBtb3VzZUxlYXZlKGV2dDogRXZlbnQpIHtcbiAgICB0aGlzLm9uTW91c2VPdXRFdmVudC5lbWl0KHtcbiAgICAgIC4uLnRoaXMuZXZlbnRFbWl0T2JqZWN0LFxuICAgICAgZXZ0XG4gICAgfSlcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImF2YXRhciB7e3NpemV9fVwiIChjbGljayk9XCJhdmF0YXJDbGlja2VkKCRldmVudClcIiAobW91c2VlbnRlcik9XCJtb3VzZUVudGVyKCRldmVudClcIlxuICAobW91c2VsZWF2ZSk9XCJtb3VzZUxlYXZlKCRldmVudClcIj5cbiAgPGltZyAqbmdJZj1cImltYWdlUGF0aFwiIGNsYXNzPVwiYXZhdGFyLWltZ1wiIGFsdD1cInt7YWx0VGV4dH19XCIgc3JjPVwie3tpbWFnZVBhdGh9fVwiPlxuICA8cCAqbmdJZj1cIiFpbWFnZVBhdGhcIiBjbGFzcz1cImF2YXRhci1pbWdcIj57e2FsdFRleHR9fTwvcD5cbjwvZGl2PlxuIl19
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { Component, Output } from '@angular/core';
|
|
2
|
+
import { Input } from '@angular/core';
|
|
3
|
+
import { EventEmitter } from '@angular/core';
|
|
4
|
+
import { NgIf } from '@angular/common';
|
|
5
|
+
import { NgStyle } from '@angular/common';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
let nextId = 0; // used to give unique ids to inputs used in html
|
|
8
|
+
export class ButtonComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
this.isSubmit = false;
|
|
11
|
+
this.onClickEvent = new EventEmitter();
|
|
12
|
+
this.onMouseInEvent = new EventEmitter();
|
|
13
|
+
this.onMouseOutEvent = new EventEmitter();
|
|
14
|
+
this.svgStyle = {};
|
|
15
|
+
this.eventEmitObject = {};
|
|
16
|
+
this.uuid = nextId++;
|
|
17
|
+
}
|
|
18
|
+
ngOnChanges() {
|
|
19
|
+
this.svgStyle = {
|
|
20
|
+
'-webkit-mask-image': `url(${this.ImagePath})`,
|
|
21
|
+
'mask-image': `url(${this.ImagePath})`,
|
|
22
|
+
};
|
|
23
|
+
this.eventEmitObject = {
|
|
24
|
+
id: this.id
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
buttonClicked(evt) {
|
|
28
|
+
if (this.state == "disabled")
|
|
29
|
+
return;
|
|
30
|
+
this.onClickEvent.emit({
|
|
31
|
+
...this.eventEmitObject,
|
|
32
|
+
evt
|
|
33
|
+
});
|
|
34
|
+
if (this.href != "") {
|
|
35
|
+
if (this.hrefTarget == "blank")
|
|
36
|
+
window.open(this.href);
|
|
37
|
+
else if (this.hrefTarget == "self")
|
|
38
|
+
location.href = this.href;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
mouseIn() {
|
|
42
|
+
if (this.state == "disabled")
|
|
43
|
+
return;
|
|
44
|
+
this.onMouseInEvent.emit();
|
|
45
|
+
}
|
|
46
|
+
mouseOut() {
|
|
47
|
+
if (this.state == "disabled")
|
|
48
|
+
return;
|
|
49
|
+
this.onMouseOutEvent.emit();
|
|
50
|
+
}
|
|
51
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
52
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: ButtonComponent, isStandalone: true, selector: "sa-button", inputs: { id: "id", type: "type", state: "state", size: "size", text: "text", ImagePath: "ImagePath", iconPosition: "iconPosition", href: "href", hrefTarget: "hrefTarget", isSubmit: "isSubmit" }, outputs: { onClickEvent: "onClickEvent", onMouseInEvent: "onMouseInEvent", onMouseOutEvent: "onMouseOutEvent" }, usesOnChanges: true, ngImport: i0, template: "<button (click)=\"buttonClicked($event)\" id=\"sa-button-{{uuid}}\" class=\"btn-hide\"\n [type]=\"isSubmit ? 'submit' : 'button'\"></button>\n<!-- (click)=\"buttonClicked()\" on button instead of label breaks whole thing -->\n<label for=\"sa-button-{{uuid}}\" role=\"button\" tabindex=\"0\" (mouseenter)=\"mouseIn()\" (mouseleave)=\"mouseOut()\"\n (keydown.enter)=\"buttonClicked($event)\" for=\"sa-button\" class=\"sa-button {{state}} {{type}} {{size}}\">\n <div class=\"svg-icon\" [style]=\"svgStyle\"\n [style.display]=\"(iconPosition == 'left' || iconPosition == 'both') ? 'block' : 'none'\"></div>\n {{text}}\n <div class=\"svg-icon\" [style]=\"svgStyle\"\n [style.display]=\"(iconPosition == 'right' || iconPosition == 'both') ? 'block' : 'none'\"></div>\n</label>\n", styles: [".primary{--default-bg: var(--primary-500);--default-color: var(--text-white);--default-border: transparent;--hover-bg: var(--primary-700);--hover-color: var(--text-white);--hover-border: transparent;--disabled-bg: var(--grey-100);--disabled-color: var(--text-white);--disabled-border: transparent;--error-default-bg: var(--semantic-error-500);--error-hover-bg: var(--semantic-error-600);--error-default-color: var(--text-white);--error-hover-color: var(--text-white);--error-default-border: var(--semantic-error-500);--error-hover-border: var(--semantic-error-500);--svg-icon-color: var(--default-color)}.outline{--default-bg: none;--default-color: var(--primary-500);--default-border: var(--primary-500);--hover-bg: var(--primary-50);--hover-color: var(--primary-700);--hover-border: var(--primary-700);--disabled-bg: none;--disabled-color: var(--grey-100);--disabled-border: var(--grey-100);--error-default-bg: none;--error-hover-bg: var(--semantic-error-50);--error-default-color: var(--semantic-error-500);--error-hover-color: var(--semantic-error-600);--error-default-border: var(--semantic-error-500);--error-hover-border: var(--semantic-error-600);--svg-icon-color: var(--default-color)}.transparent{--default-bg: none;--default-color: var(--primary-500);--default-border: transparent;--hover-bg: var(--primary-50);--hover-color: var(--primary-700);--hover-border: transparent;--disabled-bg: none;--disabled-color: var(--grey-100);--disabled-border: transparent;--error-default-bg: none;--error-hover-bg: var(--semantic-error-50);--error-default-color: var(--semantic-error-500);--error-hover-color: var(--semantic-error-600);--error-default-border: transparent;--error-hover-border: transparent;--svg-icon-color: var(--default-color)}.large{--sizing-1: var(--small-8px);--sizing-2: var(--small-16px);--sizing-3: var(--small-8px);--height: var(--medium-36px);--font-size: var(--small-14px)}.medium{--sizing-1: var(--small-6px);--sizing-2: var(--small-12px);--sizing-3: var(--small-8px);--height: var(--medium-32px);--font-size: var(--small-14px)}.small{--sizing-1: var(--small-4px);--sizing-2: var(--small-8px);--sizing-3: var(--small-8px);--height: var(--medium-24px);--font-size: var(--small-12px)}.disabled{background-color:var(--disabled-bg)!important;color:var(--disabled-color)!important;border:1px solid var(--disabled-border)!important;cursor:default!important;--svg-icon-color: var(--disabled-color) !important}.error{background-color:var(--error-default-bg)!important;color:var(--error-default-color)!important;border:1px solid var(--error-default-border)!important;--svg-icon-color: var(--error-default-color) !important}.error:hover{background-color:var(--error-hover-bg)!important;color:var(--error-hover-color)!important;--svg-icon-color: var(--error-hover-color) !important}.sa-button{display:flex;width:max-content;padding:var(--sizing-1) var(--sizing-2);justify-content:center;align-items:center;gap:var(--sizing-3);box-sizing:border-box;height:var(--height);border-radius:4px;font-family:var(--font);font-size:var(--font-size);cursor:pointer;background-color:var(--default-bg);border:1px solid var(--default-border);color:var(--default-color);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.sa-button:hover{background-color:var(--hover-bg);border:1px solid var(--hover-border);color:var(--hover-color);--svg-icon-color: var(--hover-color)}.svg-icon{-webkit-mask-size:contain;mask-size:contain;width:16px;height:16px;background-color:var(--svg-icon-color)}.btn-hide{display:none}\n"] }); }
|
|
53
|
+
}
|
|
54
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
55
|
+
type: Component,
|
|
56
|
+
args: [{ selector: 'sa-button', standalone: true, imports: [NgIf, NgStyle], template: "<button (click)=\"buttonClicked($event)\" id=\"sa-button-{{uuid}}\" class=\"btn-hide\"\n [type]=\"isSubmit ? 'submit' : 'button'\"></button>\n<!-- (click)=\"buttonClicked()\" on button instead of label breaks whole thing -->\n<label for=\"sa-button-{{uuid}}\" role=\"button\" tabindex=\"0\" (mouseenter)=\"mouseIn()\" (mouseleave)=\"mouseOut()\"\n (keydown.enter)=\"buttonClicked($event)\" for=\"sa-button\" class=\"sa-button {{state}} {{type}} {{size}}\">\n <div class=\"svg-icon\" [style]=\"svgStyle\"\n [style.display]=\"(iconPosition == 'left' || iconPosition == 'both') ? 'block' : 'none'\"></div>\n {{text}}\n <div class=\"svg-icon\" [style]=\"svgStyle\"\n [style.display]=\"(iconPosition == 'right' || iconPosition == 'both') ? 'block' : 'none'\"></div>\n</label>\n", styles: [".primary{--default-bg: var(--primary-500);--default-color: var(--text-white);--default-border: transparent;--hover-bg: var(--primary-700);--hover-color: var(--text-white);--hover-border: transparent;--disabled-bg: var(--grey-100);--disabled-color: var(--text-white);--disabled-border: transparent;--error-default-bg: var(--semantic-error-500);--error-hover-bg: var(--semantic-error-600);--error-default-color: var(--text-white);--error-hover-color: var(--text-white);--error-default-border: var(--semantic-error-500);--error-hover-border: var(--semantic-error-500);--svg-icon-color: var(--default-color)}.outline{--default-bg: none;--default-color: var(--primary-500);--default-border: var(--primary-500);--hover-bg: var(--primary-50);--hover-color: var(--primary-700);--hover-border: var(--primary-700);--disabled-bg: none;--disabled-color: var(--grey-100);--disabled-border: var(--grey-100);--error-default-bg: none;--error-hover-bg: var(--semantic-error-50);--error-default-color: var(--semantic-error-500);--error-hover-color: var(--semantic-error-600);--error-default-border: var(--semantic-error-500);--error-hover-border: var(--semantic-error-600);--svg-icon-color: var(--default-color)}.transparent{--default-bg: none;--default-color: var(--primary-500);--default-border: transparent;--hover-bg: var(--primary-50);--hover-color: var(--primary-700);--hover-border: transparent;--disabled-bg: none;--disabled-color: var(--grey-100);--disabled-border: transparent;--error-default-bg: none;--error-hover-bg: var(--semantic-error-50);--error-default-color: var(--semantic-error-500);--error-hover-color: var(--semantic-error-600);--error-default-border: transparent;--error-hover-border: transparent;--svg-icon-color: var(--default-color)}.large{--sizing-1: var(--small-8px);--sizing-2: var(--small-16px);--sizing-3: var(--small-8px);--height: var(--medium-36px);--font-size: var(--small-14px)}.medium{--sizing-1: var(--small-6px);--sizing-2: var(--small-12px);--sizing-3: var(--small-8px);--height: var(--medium-32px);--font-size: var(--small-14px)}.small{--sizing-1: var(--small-4px);--sizing-2: var(--small-8px);--sizing-3: var(--small-8px);--height: var(--medium-24px);--font-size: var(--small-12px)}.disabled{background-color:var(--disabled-bg)!important;color:var(--disabled-color)!important;border:1px solid var(--disabled-border)!important;cursor:default!important;--svg-icon-color: var(--disabled-color) !important}.error{background-color:var(--error-default-bg)!important;color:var(--error-default-color)!important;border:1px solid var(--error-default-border)!important;--svg-icon-color: var(--error-default-color) !important}.error:hover{background-color:var(--error-hover-bg)!important;color:var(--error-hover-color)!important;--svg-icon-color: var(--error-hover-color) !important}.sa-button{display:flex;width:max-content;padding:var(--sizing-1) var(--sizing-2);justify-content:center;align-items:center;gap:var(--sizing-3);box-sizing:border-box;height:var(--height);border-radius:4px;font-family:var(--font);font-size:var(--font-size);cursor:pointer;background-color:var(--default-bg);border:1px solid var(--default-border);color:var(--default-color);-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.sa-button:hover{background-color:var(--hover-bg);border:1px solid var(--hover-border);color:var(--hover-color);--svg-icon-color: var(--hover-color)}.svg-icon{-webkit-mask-size:contain;mask-size:contain;width:16px;height:16px;background-color:var(--svg-icon-color)}.btn-hide{display:none}\n"] }]
|
|
57
|
+
}], propDecorators: { id: [{
|
|
58
|
+
type: Input
|
|
59
|
+
}], type: [{
|
|
60
|
+
type: Input
|
|
61
|
+
}], state: [{
|
|
62
|
+
type: Input
|
|
63
|
+
}], size: [{
|
|
64
|
+
type: Input
|
|
65
|
+
}], text: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], ImagePath: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], iconPosition: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], href: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}], hrefTarget: [{
|
|
74
|
+
type: Input
|
|
75
|
+
}], isSubmit: [{
|
|
76
|
+
type: Input
|
|
77
|
+
}], onClickEvent: [{
|
|
78
|
+
type: Output
|
|
79
|
+
}], onMouseInEvent: [{
|
|
80
|
+
type: Output
|
|
81
|
+
}], onMouseOutEvent: [{
|
|
82
|
+
type: Output
|
|
83
|
+
}] } });
|
|
84
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2J1dHRvbi9idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN0QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBRTFDLElBQUksTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFJLGlEQUFpRDtBQVVwRSxNQUFNLE9BQU8sZUFBZTtJQVI1QjtRQWtCVyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRXpCLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNsQyxtQkFBYyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDcEMsb0JBQWUsR0FBRyxJQUFJLFlBQVksRUFBRSxDQUFDO1FBRS9DLGFBQVEsR0FBRyxFQUFFLENBQUE7UUFDYixvQkFBZSxHQUFHLEVBQUUsQ0FBQTtRQUNwQixTQUFJLEdBQVcsTUFBTSxFQUFFLENBQUM7S0FpQ3pCO0lBL0JDLFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxHQUFHO1lBQ2Qsb0JBQW9CLEVBQUUsT0FBTyxJQUFJLENBQUMsU0FBUyxHQUFHO1lBQzlDLFlBQVksRUFBRSxPQUFPLElBQUksQ0FBQyxTQUFTLEdBQUc7U0FDdkMsQ0FBQTtRQUNELElBQUksQ0FBQyxlQUFlLEdBQUc7WUFDckIsRUFBRSxFQUFFLElBQUksQ0FBQyxFQUFFO1NBQ1osQ0FBQTtJQUNILENBQUM7SUFFRCxhQUFhLENBQUMsR0FBVTtRQUN0QixJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksVUFBVTtZQUFFLE9BQU87UUFDckMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDckIsR0FBRyxJQUFJLENBQUMsZUFBZTtZQUN2QixHQUFHO1NBQ0osQ0FBQyxDQUFDO1FBQ0gsSUFBSSxJQUFJLENBQUMsSUFBSSxJQUFJLEVBQUUsRUFBRSxDQUFDO1lBQ3BCLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxPQUFPO2dCQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO2lCQUNsRCxJQUFJLElBQUksQ0FBQyxVQUFVLElBQUksTUFBTTtnQkFBRSxRQUFRLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDaEUsQ0FBQztJQUNILENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxJQUFJLENBQUMsS0FBSyxJQUFJLFVBQVU7WUFBRSxPQUFPO1FBQ3JDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxLQUFLLElBQUksVUFBVTtZQUFFLE9BQU87UUFDckMsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM5QixDQUFDOzhHQWxEVSxlQUFlO2tHQUFmLGVBQWUsK1lDaEI1QixpeEJBV0E7OzJGREthLGVBQWU7a0JBUjNCLFNBQVM7K0JBQ0UsV0FBVyxjQUNULElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxPQUFPLENBQUM7OEJBTWYsRUFBRTtzQkFBVixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxZQUFZO3NCQUFyQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0csZUFBZTtzQkFBeEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRXZlbnRFbWl0dGVyIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5sZXQgbmV4dElkID0gMDsgICAgLy8gdXNlZCB0byBnaXZlIHVuaXF1ZSBpZHMgdG8gaW5wdXRzIHVzZWQgaW4gaHRtbFxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzYS1idXR0b24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTmdJZiwgTmdTdHlsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vYnV0dG9uLmNvbXBvbmVudC5jc3MnXG59KVxuXG5leHBvcnQgY2xhc3MgQnV0dG9uQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWQ6IHN0cmluZyB8IG51bWJlcjtcbiAgQElucHV0KCkgdHlwZTogc3RyaW5nO1xuICBASW5wdXQoKSBzdGF0ZTogc3RyaW5nO1xuICBASW5wdXQoKSBzaXplOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHRleHQ6IHN0cmluZyB8IG51bWJlcjtcbiAgQElucHV0KCkgSW1hZ2VQYXRoOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGljb25Qb3NpdGlvbjogc3RyaW5nO1xuICBASW5wdXQoKSBocmVmOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGhyZWZUYXJnZXQ6IHN0cmluZztcbiAgQElucHV0KCkgaXNTdWJtaXQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAT3V0cHV0KCkgb25DbGlja0V2ZW50ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgb25Nb3VzZUluRXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBvbk1vdXNlT3V0RXZlbnQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgc3ZnU3R5bGUgPSB7fVxuICBldmVudEVtaXRPYmplY3QgPSB7fVxuICB1dWlkOiBudW1iZXIgPSBuZXh0SWQrKztcblxuICBuZ09uQ2hhbmdlcygpOiB2b2lkIHtcbiAgICB0aGlzLnN2Z1N0eWxlID0ge1xuICAgICAgJy13ZWJraXQtbWFzay1pbWFnZSc6IGB1cmwoJHt0aGlzLkltYWdlUGF0aH0pYCxcbiAgICAgICdtYXNrLWltYWdlJzogYHVybCgke3RoaXMuSW1hZ2VQYXRofSlgLFxuICAgIH1cbiAgICB0aGlzLmV2ZW50RW1pdE9iamVjdCA9IHtcbiAgICAgIGlkOiB0aGlzLmlkXG4gICAgfVxuICB9XG5cbiAgYnV0dG9uQ2xpY2tlZChldnQ6IEV2ZW50KSB7XG4gICAgaWYgKHRoaXMuc3RhdGUgPT0gXCJkaXNhYmxlZFwiKSByZXR1cm47XG4gICAgdGhpcy5vbkNsaWNrRXZlbnQuZW1pdCh7XG4gICAgICAuLi50aGlzLmV2ZW50RW1pdE9iamVjdCxcbiAgICAgIGV2dFxuICAgIH0pO1xuICAgIGlmICh0aGlzLmhyZWYgIT0gXCJcIikge1xuICAgICAgaWYgKHRoaXMuaHJlZlRhcmdldCA9PSBcImJsYW5rXCIpIHdpbmRvdy5vcGVuKHRoaXMuaHJlZik7XG4gICAgICBlbHNlIGlmICh0aGlzLmhyZWZUYXJnZXQgPT0gXCJzZWxmXCIpIGxvY2F0aW9uLmhyZWYgPSB0aGlzLmhyZWY7XG4gICAgfVxuICB9XG5cbiAgbW91c2VJbigpIHtcbiAgICBpZiAodGhpcy5zdGF0ZSA9PSBcImRpc2FibGVkXCIpIHJldHVybjtcbiAgICB0aGlzLm9uTW91c2VJbkV2ZW50LmVtaXQoKTtcbiAgfVxuXG4gIG1vdXNlT3V0KCkge1xuICAgIGlmICh0aGlzLnN0YXRlID09IFwiZGlzYWJsZWRcIikgcmV0dXJuO1xuICAgIHRoaXMub25Nb3VzZU91dEV2ZW50LmVtaXQoKTtcbiAgfVxufVxuIiwiPGJ1dHRvbiAoY2xpY2spPVwiYnV0dG9uQ2xpY2tlZCgkZXZlbnQpXCIgaWQ9XCJzYS1idXR0b24te3t1dWlkfX1cIiBjbGFzcz1cImJ0bi1oaWRlXCJcbiAgW3R5cGVdPVwiaXNTdWJtaXQgPyAnc3VibWl0JyA6ICdidXR0b24nXCI+PC9idXR0b24+XG48IS0tIChjbGljayk9XCJidXR0b25DbGlja2VkKClcIiBvbiBidXR0b24gaW5zdGVhZCBvZiBsYWJlbCBicmVha3Mgd2hvbGUgdGhpbmcgLS0+XG48bGFiZWwgZm9yPVwic2EtYnV0dG9uLXt7dXVpZH19XCIgcm9sZT1cImJ1dHRvblwiIHRhYmluZGV4PVwiMFwiIChtb3VzZWVudGVyKT1cIm1vdXNlSW4oKVwiIChtb3VzZWxlYXZlKT1cIm1vdXNlT3V0KClcIlxuICAoa2V5ZG93bi5lbnRlcik9XCJidXR0b25DbGlja2VkKCRldmVudClcIiBmb3I9XCJzYS1idXR0b25cIiBjbGFzcz1cInNhLWJ1dHRvbiB7e3N0YXRlfX0ge3t0eXBlfX0ge3tzaXplfX1cIj5cbiAgPGRpdiBjbGFzcz1cInN2Zy1pY29uXCIgW3N0eWxlXT1cInN2Z1N0eWxlXCJcbiAgICBbc3R5bGUuZGlzcGxheV09XCIoaWNvblBvc2l0aW9uID09ICdsZWZ0JyB8fCBpY29uUG9zaXRpb24gPT0gJ2JvdGgnKSA/ICdibG9jaycgOiAnbm9uZSdcIj48L2Rpdj5cbiAge3t0ZXh0fX1cbiAgPGRpdiBjbGFzcz1cInN2Zy1pY29uXCIgW3N0eWxlXT1cInN2Z1N0eWxlXCJcbiAgICBbc3R5bGUuZGlzcGxheV09XCIoaWNvblBvc2l0aW9uID09ICdyaWdodCcgfHwgaWNvblBvc2l0aW9uID09ICdib3RoJykgPyAnYmxvY2snIDogJ25vbmUnXCI+PC9kaXY+XG48L2xhYmVsPlxuIl19
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import { Component, Inject, } from '@angular/core';
|
|
2
|
+
import { MAT_DATE_FORMATS, } from '@angular/material/core';
|
|
3
|
+
import { Subject } from 'rxjs';
|
|
4
|
+
import { takeUntil } from 'rxjs/operators';
|
|
5
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
6
|
+
import { MatButton } from '@angular/material/button';
|
|
7
|
+
import { NgFor } from '@angular/common';
|
|
8
|
+
import * as i0 from "@angular/core";
|
|
9
|
+
import * as i1 from "@angular/material/datepicker";
|
|
10
|
+
import * as i2 from "@angular/material/core";
|
|
11
|
+
import * as i3 from "@angular/material/icon";
|
|
12
|
+
let nextId = 0; // used to give unique ids to inputs used in html
|
|
13
|
+
export class CalendarHeaderComponent {
|
|
14
|
+
constructor(calendar, // calendar instance of picker
|
|
15
|
+
dateAdapter, // native or moment date adapter
|
|
16
|
+
picker, dateFormats, // for formatting
|
|
17
|
+
cdr) {
|
|
18
|
+
this.calendar = calendar;
|
|
19
|
+
this.dateAdapter = dateAdapter;
|
|
20
|
+
this.picker = picker;
|
|
21
|
+
this.dateFormats = dateFormats;
|
|
22
|
+
this.uuid = nextId++;
|
|
23
|
+
this.destroy$ = new Subject();
|
|
24
|
+
this.selectedPreset = "Custom";
|
|
25
|
+
this.presets = [
|
|
26
|
+
"This Quarter",
|
|
27
|
+
"Last Quarter",
|
|
28
|
+
"Last 6 Months",
|
|
29
|
+
"This Year",
|
|
30
|
+
"Last Year",
|
|
31
|
+
"Custom"
|
|
32
|
+
];
|
|
33
|
+
this.today = new Date();
|
|
34
|
+
// make sure your header stays in sync with the calendar:
|
|
35
|
+
calendar.stateChanges
|
|
36
|
+
.pipe(takeUntil(this.destroy$)) // unsubscribe when destroyed
|
|
37
|
+
.subscribe(() => cdr.markForCheck());
|
|
38
|
+
}
|
|
39
|
+
// active date label rendered between the arrow buttons
|
|
40
|
+
ngOnInit() {
|
|
41
|
+
const currentRange = this.calendar.selected;
|
|
42
|
+
currentRange?.start.setHours(0, 0, 0, 0);
|
|
43
|
+
currentRange?.end.setHours(0, 0, 0, 0);
|
|
44
|
+
// To pre-select a preset when the calendar opens.
|
|
45
|
+
// Match the already selected date range with the date-ranges of all presets.
|
|
46
|
+
// If already selected date range matches with a preset, pre-select it.
|
|
47
|
+
for (let i = 0; i < this.presets.length; i++) {
|
|
48
|
+
const tempRange = this.findDate(this.presets[i]);
|
|
49
|
+
if (tempRange.newStart.getTime() == currentRange.start.getTime() && tempRange.newEnd.getTime() == currentRange.end.getTime()) {
|
|
50
|
+
this.selectedPreset = this.presets[i];
|
|
51
|
+
break;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
get periodLabel() {
|
|
56
|
+
// use date adapter to format the label, e.g. "SEP 2020"
|
|
57
|
+
return this.dateAdapter
|
|
58
|
+
.format(this.calendar.activeDate, this.dateFormats.display.monthYearLabel)
|
|
59
|
+
.toLocaleUpperCase();
|
|
60
|
+
}
|
|
61
|
+
previousClicked(mode) {
|
|
62
|
+
this.changeDate(mode, -1);
|
|
63
|
+
}
|
|
64
|
+
nextClicked(mode) {
|
|
65
|
+
this.changeDate(mode, 1);
|
|
66
|
+
}
|
|
67
|
+
changeView() {
|
|
68
|
+
this.calendar.currentView =
|
|
69
|
+
this.calendar.currentView == "month"
|
|
70
|
+
? "year"
|
|
71
|
+
: this.calendar.currentView == "year"
|
|
72
|
+
? "multi-year"
|
|
73
|
+
: "month";
|
|
74
|
+
}
|
|
75
|
+
presetChanged(evt) {
|
|
76
|
+
const newRange = this.findDate(evt.target.value);
|
|
77
|
+
this.calendar.activeDate = newRange.newStart;
|
|
78
|
+
this.picker.select(newRange.newStart);
|
|
79
|
+
this.picker.select(newRange.newEnd);
|
|
80
|
+
}
|
|
81
|
+
findDate(selected) {
|
|
82
|
+
const date = this.today.getDate();
|
|
83
|
+
const month = this.today.getMonth();
|
|
84
|
+
const year = this.today.getFullYear();
|
|
85
|
+
let newRange;
|
|
86
|
+
this.selectedPreset = selected;
|
|
87
|
+
switch (selected) {
|
|
88
|
+
case "This Quarter": {
|
|
89
|
+
const thisQuarterMonth = Math.floor(month / 3) * 3;
|
|
90
|
+
const start = this.dateAdapter.createDate(year, thisQuarterMonth, 1);
|
|
91
|
+
const end = this.dateAdapter.createDate(year, thisQuarterMonth + 3, 1);
|
|
92
|
+
newRange = {
|
|
93
|
+
newStart: start,
|
|
94
|
+
newEnd: end,
|
|
95
|
+
};
|
|
96
|
+
break;
|
|
97
|
+
}
|
|
98
|
+
case "Last Quarter": {
|
|
99
|
+
const lastQuarterMonth = (Math.floor(month / 3) * 3) - 3;
|
|
100
|
+
const start = this.dateAdapter.createDate(year, lastQuarterMonth, 1);
|
|
101
|
+
const end = this.dateAdapter.createDate(year, lastQuarterMonth + 3, 1);
|
|
102
|
+
newRange = {
|
|
103
|
+
newStart: start,
|
|
104
|
+
newEnd: end,
|
|
105
|
+
};
|
|
106
|
+
break;
|
|
107
|
+
}
|
|
108
|
+
case "Last 6 Months": {
|
|
109
|
+
const end = this.dateAdapter.createDate(year, month, date);
|
|
110
|
+
const start = this.dateAdapter.addCalendarMonths(end, -6);
|
|
111
|
+
newRange = {
|
|
112
|
+
newStart: start,
|
|
113
|
+
newEnd: end,
|
|
114
|
+
};
|
|
115
|
+
break;
|
|
116
|
+
}
|
|
117
|
+
case "This Year": {
|
|
118
|
+
const start = this.dateAdapter.createDate(year, 0, 1);
|
|
119
|
+
const end = this.dateAdapter.createDate(year, 11, 31);
|
|
120
|
+
newRange = {
|
|
121
|
+
newStart: start,
|
|
122
|
+
newEnd: end,
|
|
123
|
+
};
|
|
124
|
+
break;
|
|
125
|
+
}
|
|
126
|
+
case "Last Year": {
|
|
127
|
+
const start = this.dateAdapter.createDate(year - 1, 0, 1);
|
|
128
|
+
const end = this.dateAdapter.createDate(year - 1, 11, 31);
|
|
129
|
+
newRange = {
|
|
130
|
+
newStart: start,
|
|
131
|
+
newEnd: end,
|
|
132
|
+
};
|
|
133
|
+
break;
|
|
134
|
+
}
|
|
135
|
+
default: {
|
|
136
|
+
newRange = {
|
|
137
|
+
newStart: new Date(),
|
|
138
|
+
newEnd: new Date(),
|
|
139
|
+
};
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
return newRange;
|
|
143
|
+
}
|
|
144
|
+
changeDate(mode, amount) {
|
|
145
|
+
// increment or decrement month or year
|
|
146
|
+
this.calendar.activeDate =
|
|
147
|
+
mode === 'month'
|
|
148
|
+
? this.dateAdapter.addCalendarMonths(this.calendar.activeDate, amount)
|
|
149
|
+
: this.dateAdapter.addCalendarYears(this.calendar.activeDate, amount);
|
|
150
|
+
}
|
|
151
|
+
ngOnDestroy() {
|
|
152
|
+
this.destroy$.next(); // will trigger unsubscription in takeUntil
|
|
153
|
+
}
|
|
154
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CalendarHeaderComponent, deps: [{ token: i1.MatCalendar }, { token: i2.DateAdapter }, { token: i1.MatDateRangePicker }, { token: MAT_DATE_FORMATS }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
155
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: CalendarHeaderComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<div class=\"range-preset\">\n <div class=\"preset\" *ngFor=\"let preset of presets, let i = index\">\n <label class=\"preset-label {{preset == selectedPreset ? 'preset-selected' : ''}}\"\n for=\"preset-radio-{{i}}\">{{preset}}</label>\n <input class=\"preset-radio\" (change)=\"presetChanged($event)\" [checked]=\"preset == selectedPreset\"\n id=\"preset-radio-{{i}}\" type=\"radio\" name=\"preset-radios-{{uuid}}\" value=\"{{preset}}\">\n </div>\n</div>\n\n<div class=\"header\">\n <button mat-icon-button (click)=\"previousClicked('month')\">\n <mat-icon>keyboard_arrow_left</mat-icon>\n </button>\n\n <button mat-button class=\"header-label\" (click)=\"changeView()\">{{ periodLabel }}</button>\n\n <button mat-icon-button (click)=\"nextClicked('month')\">\n <mat-icon>keyboard_arrow_right</mat-icon>\n </button>\n</div>\n", styles: [".header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--grey-50);margin-top:-4px;margin-bottom:var(--small-8px, 8px)}.header-label{font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px}.range-preset{width:180px;position:absolute;padding:var(--small-12px, 12px) 0 0 var(--medium-24px, 24px);box-sizing:border-box;margin-top:-9px;margin-left:-180px;height:356px;background-color:#fff;border-top:1px solid var(--grey-50);border-left:1px solid var(--grey-50);border-bottom:1px solid var(--grey-50);border-bottom-left-radius:var(--small-8px, 8px);border-top-left-radius:var(--small-8px, 8px);gap:var(--small-8px, 8px);display:flex;flex-direction:column}.preset{padding:var(--small-8px, 8px);display:flex;gap:var(--small-4px, 4px);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px;color:var(--text-mediumemphasis);margin-bottom:-5px}.preset-radio,.preset-label{cursor:pointer}.preset-selected{color:var(--primary-500)}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
156
|
+
}
|
|
157
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CalendarHeaderComponent, decorators: [{
|
|
158
|
+
type: Component,
|
|
159
|
+
args: [{ standalone: true, imports: [
|
|
160
|
+
NgFor,
|
|
161
|
+
MatIconModule,
|
|
162
|
+
MatButton
|
|
163
|
+
], template: "<div class=\"range-preset\">\n <div class=\"preset\" *ngFor=\"let preset of presets, let i = index\">\n <label class=\"preset-label {{preset == selectedPreset ? 'preset-selected' : ''}}\"\n for=\"preset-radio-{{i}}\">{{preset}}</label>\n <input class=\"preset-radio\" (change)=\"presetChanged($event)\" [checked]=\"preset == selectedPreset\"\n id=\"preset-radio-{{i}}\" type=\"radio\" name=\"preset-radios-{{uuid}}\" value=\"{{preset}}\">\n </div>\n</div>\n\n<div class=\"header\">\n <button mat-icon-button (click)=\"previousClicked('month')\">\n <mat-icon>keyboard_arrow_left</mat-icon>\n </button>\n\n <button mat-button class=\"header-label\" (click)=\"changeView()\">{{ periodLabel }}</button>\n\n <button mat-icon-button (click)=\"nextClicked('month')\">\n <mat-icon>keyboard_arrow_right</mat-icon>\n </button>\n</div>\n", styles: [".header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--grey-50);margin-top:-4px;margin-bottom:var(--small-8px, 8px)}.header-label{font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px}.range-preset{width:180px;position:absolute;padding:var(--small-12px, 12px) 0 0 var(--medium-24px, 24px);box-sizing:border-box;margin-top:-9px;margin-left:-180px;height:356px;background-color:#fff;border-top:1px solid var(--grey-50);border-left:1px solid var(--grey-50);border-bottom:1px solid var(--grey-50);border-bottom-left-radius:var(--small-8px, 8px);border-top-left-radius:var(--small-8px, 8px);gap:var(--small-8px, 8px);display:flex;flex-direction:column}.preset{padding:var(--small-8px, 8px);display:flex;gap:var(--small-4px, 4px);font-size:14px;font-style:normal;font-weight:400;line-height:20px;letter-spacing:.25px;color:var(--text-mediumemphasis);margin-bottom:-5px}.preset-radio,.preset-label{cursor:pointer}.preset-selected{color:var(--primary-500)}\n"] }]
|
|
164
|
+
}], ctorParameters: () => [{ type: i1.MatCalendar }, { type: i2.DateAdapter }, { type: i1.MatDateRangePicker }, { type: undefined, decorators: [{
|
|
165
|
+
type: Inject,
|
|
166
|
+
args: [MAT_DATE_FORMATS]
|
|
167
|
+
}] }, { type: i0.ChangeDetectorRef }] });
|
|
168
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsZW5kYXItaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvY2FsZW5kYXItaGVhZGVyL2NhbGVuZGFyLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2NhbGVuZGFyLWhlYWRlci9jYWxlbmRhci1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLFNBQVMsRUFDVCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUdMLGdCQUFnQixHQUNqQixNQUFNLHdCQUF3QixDQUFDO0FBRWhDLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzNDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7OztBQUl4QyxJQUFJLE1BQU0sR0FBRyxDQUFDLENBQUMsQ0FBVSxpREFBaUQ7QUFhMUUsTUFBTSxPQUFPLHVCQUF1QjtJQUtsQyxZQUNVLFFBQXdCLEVBQUUsOEJBQThCO0lBQ3hELFdBQTJCLEVBQUUsZ0NBQWdDO0lBQzdELE1BQTZCLEVBQ0gsV0FBMkIsRUFBRSxpQkFBaUI7SUFDaEYsR0FBc0I7UUFKZCxhQUFRLEdBQVIsUUFBUSxDQUFnQjtRQUN4QixnQkFBVyxHQUFYLFdBQVcsQ0FBZ0I7UUFDM0IsV0FBTSxHQUFOLE1BQU0sQ0FBdUI7UUFDSCxnQkFBVyxHQUFYLFdBQVcsQ0FBZ0I7UUFSL0QsU0FBSSxHQUFX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QUFhLG9MQUNiLFNBQVM7OzJGQUlBLHVCQUF1QjtrQkFYbkMsU0FBUztpQ0FHSSxJQUFJLFdBQ1A7d0JBQ1AsS0FBSzt3QkFDTCxhQUFhO3dCQUNiLFNBQVM7cUJBQ1Y7OzBCQVlFLE1BQU07MkJBQUMsZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgSW5qZWN0LFxuICBPbkRlc3Ryb3ksXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgRGF0ZUFkYXB0ZXIsXG4gIE1hdERhdGVGb3JtYXRzLFxuICBNQVRfREFURV9GT1JNQVRTLFxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IE1hdENhbGVuZGFyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGF0ZXBpY2tlcic7XG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyB0YWtlVW50aWwgfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRCdXR0b24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgTmdGb3IgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0RGF0ZVJhbmdlUGlja2VyIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGF0ZXBpY2tlcic7XG5cblxubGV0IG5leHRJZCA9IDA7ICAgICAgICAgIC8vIHVzZWQgdG8gZ2l2ZSB1bmlxdWUgaWRzIHRvIGlucHV0cyB1c2VkIGluIGh0bWxcblxuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlVXJsOiAnLi9jYWxlbmRhci1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jYWxlbmRhci1oZWFkZXIuY29tcG9uZW50LmNzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdGb3IsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRCdXR0b25cbiAgXSxcbiAgLy8gY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhbGVuZGFySGVhZGVyQ29tcG9uZW50PEQ+IGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgdXVpZDogbnVtYmVyID0gbmV4dElkKys7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBkZXN0cm95JCA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBjYWxlbmRhcjogTWF0Q2FsZW5kYXI8RD4sIC8vIGNhbGVuZGFyIGluc3RhbmNlIG9mIHBpY2tlclxuICAgIHByaXZhdGUgZGF0ZUFkYXB0ZXI6IERhdGVBZGFwdGVyPEQ+LCAvLyBuYXRpdmUgb3IgbW9tZW50IGRhdGUgYWRhcHRlclxuICAgIHByaXZhdGUgcGlja2VyOiBNYXREYXRlUmFuZ2VQaWNrZXI8RD4sXG4gICAgQEluamVjdChNQVRfREFURV9GT1JNQVRTKSBwcml2YXRlIGRhdGVGb3JtYXRzOiBNYXREYXRlRm9ybWF0cywgLy8gZm9yIGZvcm1hdHRpbmdcbiAgICBjZHI6IENoYW5nZURldGVjdG9yUmVmXG4gICkge1xuICAgIC8vIG1ha2Ugc3VyZSB5b3VyIGhlYWRlciBzdGF5cyBpbiBzeW5jIHdpdGggdGhlIGNhbGVuZGFyOlxuICAgIGNhbGVuZGFyLnN0YXRlQ2hhbmdlc1xuICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuZGVzdHJveSQpKSAvLyB1bnN1YnNjcmliZSB3aGVuIGRlc3Ryb3llZFxuICAgICAgLnN1YnNjcmliZSgoKSA9PiBjZHIubWFya0ZvckNoZWNrKCkpO1xuXG4gIH1cblxuICBzZWxlY3RlZFByZXNldCA9IFwiQ3VzdG9tXCJcbiAgcHJlc2V0cyA9IFtcbiAgICBcIlRoaXMgUXVhcnRlclwiLFxuICAgIFwiTGFzdCBRdWFydGVyXCIsXG4gICAgXCJMYXN0IDYgTW9udGhzXCIsXG4gICAgXCJUaGlzIFllYXJcIixcbiAgICBcIkxhc3QgWWVhclwiLFxuICAgIFwiQ3VzdG9tXCJcbiAgXVxuICAvLyBhY3RpdmUgZGF0ZSBsYWJlbCByZW5kZXJlZCBiZXR3ZWVuIHRoZSBhcnJvdyBidXR0b25zXG5cbiAgbmdPbkluaXQoKSB7XG4gICAgY29uc3QgY3VycmVudFJhbmdlOiBhbnkgPSB0aGlzLmNhbGVuZGFyLnNlbGVjdGVkO1xuXG4gICAgY3VycmVudFJhbmdlPy5zdGFydC5zZXRIb3VycygwLCAwLCAwLCAwKTtcbiAgICBjdXJyZW50UmFuZ2U/LmVuZC5zZXRIb3VycygwLCAwLCAwLCAwKTtcblxuICAgIC8vIFRvIHByZS1zZWxlY3QgYSBwcmVzZXQgd2hlbiB0aGUgY2FsZW5kYXIgb3BlbnMuXG4gICAgLy8gTWF0Y2ggdGhlIGFscmVhZHkgc2VsZWN0ZWQgZGF0ZSByYW5nZSB3aXRoIHRoZSBkYXRlLXJhbmdlcyBvZiBhbGwgcHJlc2V0cy5cbiAgICAvLyBJZiBhbHJlYWR5IHNlbGVjdGVkIGRhdGUgcmFuZ2UgbWF0Y2hlcyB3aXRoIGEgcHJlc2V0LCBwcmUtc2VsZWN0IGl0LlxuXG4gICAgZm9yIChsZXQgaSA9IDA7IGkgPCB0aGlzLnByZXNldHMubGVuZ3RoOyBpKyspIHtcbiAgICAgIGNvbnN0IHRlbXBSYW5nZSA9IHRoaXMuZmluZERhdGUodGhpcy5wcmVzZXRzW2ldKTtcbiAgICAgIGlmICh0ZW1wUmFuZ2UubmV3U3RhcnQuZ2V0VGltZSgpID09IGN1cnJlbnRSYW5nZS5zdGFydC5nZXRUaW1lKCkgJiYgdGVtcFJhbmdlLm5ld0VuZC5nZXRUaW1lKCkgPT0gY3VycmVudFJhbmdlLmVuZC5nZXRUaW1lKCkpIHtcbiAgICAgICAgdGhpcy5zZWxlY3RlZFByZXNldCA9IHRoaXMucHJlc2V0c1tpXTtcbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgZ2V0IHBlcmlvZExhYmVsKCk6IHN0cmluZyB7XG4gICAgLy8gdXNlIGRhdGUgYWRhcHRlciB0byBmb3JtYXQgdGhlIGxhYmVsLCBlLmcuIFwiU0VQIDIwMjBcIlxuICAgIHJldHVybiB0aGlzLmRhdGVBZGFwdGVyXG4gICAgICAuZm9ybWF0KHRoaXMuY2FsZW5kYXIuYWN0aXZlRGF0ZSwgdGhpcy5kYXRlRm9ybWF0cy5kaXNwbGF5Lm1vbnRoWWVhckxhYmVsKVxuICAgICAgLnRvTG9jYWxlVXBwZXJDYXNlKCk7XG4gIH1cblxuICBwcmV2aW91c0NsaWNrZWQobW9kZTogJ21vbnRoJyB8ICd5ZWFyJyk6IHZvaWQge1xuICAgIHRoaXMuY2hhbmdlRGF0ZShtb2RlLCAtMSk7XG4gIH1cblxuICBuZXh0Q2xpY2tlZChtb2RlOiAnbW9udGgnIHwgJ3llYXInKTogdm9pZCB7XG4gICAgdGhpcy5jaGFuZ2VEYXRlKG1vZGUsIDEpO1xuICB9XG5cbiAgY2hhbmdlVmlldygpIHtcbiAgICB0aGlzLmNhbGVuZGFyLmN1cnJlbnRWaWV3ID1cbiAgICAgIHRoaXMuY2FsZW5kYXIuY3VycmVudFZpZXcgPT0gXCJtb250aFwiXG4gICAgICAgID8gXCJ5ZWFyXCJcbiAgICAgICAgOiB0aGlzLmNhbGVuZGFyLmN1cnJlbnRWaWV3ID09IFwieWVhclwiXG4gICAgICAgICAgPyBcIm11bHRpLXllYXJcIlxuICAgICAgICAgIDogXCJtb250aFwiO1xuICB9XG5cbiAgdG9kYXkgPSBuZXcgRGF0ZSgpO1xuXG4gIHByZXNldENoYW5nZWQoZXZ0OiBhbnkpIHtcbiAgICBjb25zdCBuZXdSYW5nZTogYW55ID0gdGhpcy5maW5kRGF0ZShldnQudGFyZ2V0LnZhbHVlKTtcbiAgICB0aGlzLmNhbGVuZGFyLmFjdGl2ZURhdGUgPSBuZXdSYW5nZS5uZXdTdGFydDtcbiAgICB0aGlzLnBpY2tlci5zZWxlY3QobmV3UmFuZ2UubmV3U3RhcnQpO1xuICAgIHRoaXMucGlja2VyLnNlbGVjdChuZXdSYW5nZS5uZXdFbmQpO1xuICB9XG5cbiAgZmluZERhdGUoc2VsZWN0ZWQ6IHN0cmluZykge1xuICAgIGNvbnN0IGRhdGUgPSB0aGlzLnRvZGF5LmdldERhdGUoKTtcbiAgICBjb25zdCBtb250aCA9IHRoaXMudG9kYXkuZ2V0TW9udGgoKTtcbiAgICBjb25zdCB5ZWFyID0gdGhpcy50b2RheS5nZXRGdWxsWWVhcigpO1xuICAgIGxldCBuZXdSYW5nZTogYW55O1xuICAgIHRoaXMuc2VsZWN0ZWRQcmVzZXQgPSBzZWxlY3RlZDtcbiAgICBzd2l0Y2ggKHNlbGVjdGVkKSB7XG4gICAgICBjYXNlIFwiVGhpcyBRdWFydGVyXCI6IHtcbiAgICAgICAgY29uc3QgdGhpc1F1YXJ0ZXJNb250aCA9IE1hdGguZmxvb3IobW9udGggLyAzKSAqIDM7XG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gdGhpcy5kYXRlQWRhcHRlci5jcmVhdGVEYXRlKHllYXIsIHRoaXNRdWFydGVyTW9udGgsIDEpO1xuICAgICAgICBjb25zdCBlbmQgPSB0aGlzLmRhdGVBZGFwdGVyLmNyZWF0ZURhdGUoeWVhciwgdGhpc1F1YXJ0ZXJNb250aCArIDMsIDEpO1xuICAgICAgICBuZXdSYW5nZSA9IHtcbiAgICAgICAgICBuZXdTdGFydDogc3RhcnQsXG4gICAgICAgICAgbmV3RW5kOiBlbmQsXG4gICAgICAgIH1cbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBjYXNlIFwiTGFzdCBRdWFydGVyXCI6IHtcbiAgICAgICAgY29uc3QgbGFzdFF1YXJ0ZXJNb250aCA9IChNYXRoLmZsb29yKG1vbnRoIC8gMykgKiAzKSAtIDM7XG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gdGhpcy5kYXRlQWRhcHRlci5jcmVhdGVEYXRlKHllYXIsIGxhc3RRdWFydGVyTW9udGgsIDEpO1xuICAgICAgICBjb25zdCBlbmQgPSB0aGlzLmRhdGVBZGFwdGVyLmNyZWF0ZURhdGUoeWVhciwgbGFzdFF1YXJ0ZXJNb250aCArIDMsIDEpO1xuICAgICAgICBuZXdSYW5nZSA9IHtcbiAgICAgICAgICBuZXdTdGFydDogc3RhcnQsXG4gICAgICAgICAgbmV3RW5kOiBlbmQsXG4gICAgICAgIH1cbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBjYXNlIFwiTGFzdCA2IE1vbnRoc1wiOiB7XG4gICAgICAgIGNvbnN0IGVuZCA9IHRoaXMuZGF0ZUFkYXB0ZXIuY3JlYXRlRGF0ZSh5ZWFyLCBtb250aCwgZGF0ZSk7XG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gdGhpcy5kYXRlQWRhcHRlci5hZGRDYWxlbmRhck1vbnRocyhlbmQsIC02KTtcbiAgICAgICAgbmV3UmFuZ2UgPSB7XG4gICAgICAgICAgbmV3U3RhcnQ6IHN0YXJ0LFxuICAgICAgICAgIG5ld0VuZDogZW5kLFxuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgICAgY2FzZSBcIlRoaXMgWWVhclwiOiB7XG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gdGhpcy5kYXRlQWRhcHRlci5jcmVhdGVEYXRlKHllYXIsIDAsIDEpO1xuICAgICAgICBjb25zdCBlbmQgPSB0aGlzLmRhdGVBZGFwdGVyLmNyZWF0ZURhdGUoeWVhciwgMTEsIDMxKTtcbiAgICAgICAgbmV3UmFuZ2UgPSB7XG4gICAgICAgICAgbmV3U3RhcnQ6IHN0YXJ0LFxuICAgICAgICAgIG5ld0VuZDogZW5kLFxuICAgICAgICB9XG4gICAgICAgIGJyZWFrO1xuICAgICAgfVxuICAgICAgY2FzZSBcIkxhc3QgWWVhclwiOiB7XG4gICAgICAgIGNvbnN0IHN0YXJ0ID0gdGhpcy5kYXRlQWRhcHRlci5jcmVhdGVEYXRlKHllYXIgLSAxLCAwLCAxKTtcbiAgICAgICAgY29uc3QgZW5kID0gdGhpcy5kYXRlQWRhcHRlci5jcmVhdGVEYXRlKHllYXIgLSAxLCAxMSwgMzEpO1xuICAgICAgICBuZXdSYW5nZSA9IHtcbiAgICAgICAgICBuZXdTdGFydDogc3RhcnQsXG4gICAgICAgICAgbmV3RW5kOiBlbmQsXG4gICAgICAgIH1cbiAgICAgICAgYnJlYWs7XG4gICAgICB9XG4gICAgICBkZWZhdWx0OiB7XG4gICAgICAgIG5ld1JhbmdlID0ge1xuICAgICAgICAgIG5ld1N0YXJ0OiBuZXcgRGF0ZSgpLFxuICAgICAgICAgIG5ld0VuZDogbmV3IERhdGUoKSxcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICByZXR1cm4gbmV3UmFuZ2U7XG4gIH1cblxuICBwcml2YXRlIGNoYW5nZURhdGUobW9kZTogJ21vbnRoJyB8ICd5ZWFyJywgYW1vdW50OiAtMSB8IDEpOiB2b2lkIHtcbiAgICAvLyBpbmNyZW1lbnQgb3IgZGVjcmVtZW50IG1vbnRoIG9yIHllYXJcbiAgICB0aGlzLmNhbGVuZGFyLmFjdGl2ZURhdGUgPVxuICAgICAgbW9kZSA9PT0gJ21vbnRoJ1xuICAgICAgICA/IHRoaXMuZGF0ZUFkYXB0ZXIuYWRkQ2FsZW5kYXJNb250aHModGhpcy5jYWxlbmRhci5hY3RpdmVEYXRlLCBhbW91bnQpXG4gICAgICAgIDogdGhpcy5kYXRlQWRhcHRlci5hZGRDYWxlbmRhclllYXJzKHRoaXMuY2FsZW5kYXIuYWN0aXZlRGF0ZSwgYW1vdW50KTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuZGVzdHJveSQubmV4dCgpOyAvLyB3aWxsIHRyaWdnZXIgdW5zdWJzY3JpcHRpb24gaW4gdGFrZVVudGlsXG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJyYW5nZS1wcmVzZXRcIj5cbiAgPGRpdiBjbGFzcz1cInByZXNldFwiICpuZ0Zvcj1cImxldCBwcmVzZXQgb2YgcHJlc2V0cywgbGV0IGkgPSBpbmRleFwiPlxuICAgIDxsYWJlbCBjbGFzcz1cInByZXNldC1sYWJlbCB7e3ByZXNldCA9PSBzZWxlY3RlZFByZXNldCA/ICdwcmVzZXQtc2VsZWN0ZWQnIDogJyd9fVwiXG4gICAgICBmb3I9XCJwcmVzZXQtcmFkaW8te3tpfX1cIj57e3ByZXNldH19PC9sYWJlbD5cbiAgICA8aW5wdXQgY2xhc3M9XCJwcmVzZXQtcmFkaW9cIiAoY2hhbmdlKT1cInByZXNldENoYW5nZWQoJGV2ZW50KVwiIFtjaGVja2VkXT1cInByZXNldCA9PSBzZWxlY3RlZFByZXNldFwiXG4gICAgICBpZD1cInByZXNldC1yYWRpby17e2l9fVwiIHR5cGU9XCJyYWRpb1wiIG5hbWU9XCJwcmVzZXQtcmFkaW9zLXt7dXVpZH19XCIgdmFsdWU9XCJ7e3ByZXNldH19XCI+XG4gIDwvZGl2PlxuPC9kaXY+XG5cbjxkaXYgY2xhc3M9XCJoZWFkZXJcIj5cbiAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cInByZXZpb3VzQ2xpY2tlZCgnbW9udGgnKVwiPlxuICAgIDxtYXQtaWNvbj5rZXlib2FyZF9hcnJvd19sZWZ0PC9tYXQtaWNvbj5cbiAgPC9idXR0b24+XG5cbiAgPGJ1dHRvbiBtYXQtYnV0dG9uIGNsYXNzPVwiaGVhZGVyLWxhYmVsXCIgKGNsaWNrKT1cImNoYW5nZVZpZXcoKVwiPnt7IHBlcmlvZExhYmVsIH19PC9idXR0b24+XG5cbiAgPGJ1dHRvbiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cIm5leHRDbGlja2VkKCdtb250aCcpXCI+XG4gICAgPG1hdC1pY29uPmtleWJvYXJkX2Fycm93X3JpZ2h0PC9tYXQtaWNvbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CardFooterActionsComponent {
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CardFooterActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: CardFooterActionsComponent, isStandalone: true, selector: "sa-card-footer-actions", ngImport: i0, template: "<div class=\"sa-card-footer-actions\">\n <ng-content></ng-content>\n</div>", styles: [".sa-card-footer-actions{display:flex;justify-content:end}\n"] }); }
|
|
6
|
+
}
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CardFooterActionsComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'sa-card-footer-actions', standalone: true, imports: [], template: "<div class=\"sa-card-footer-actions\">\n <ng-content></ng-content>\n</div>", styles: [".sa-card-footer-actions{display:flex;justify-content:end}\n"] }]
|
|
10
|
+
}] });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1mb290ZXItYWN0aW9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2NhcmQvY2FyZC1mb290ZXItYWN0aW9ucy9jYXJkLWZvb3Rlci1hY3Rpb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvY2FyZC9jYXJkLWZvb3Rlci1hY3Rpb25zL2NhcmQtZm9vdGVyLWFjdGlvbnMuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFTMUMsTUFBTSxPQUFPLDBCQUEwQjs4R0FBMUIsMEJBQTBCO2tHQUExQiwwQkFBMEIsa0ZDVHZDLCtFQUVNOzsyRkRPTywwQkFBMEI7a0JBUHRDLFNBQVM7K0JBQ0Usd0JBQXdCLGNBQ3RCLElBQUksV0FDUCxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NhLWNhcmQtZm9vdGVyLWFjdGlvbnMnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXSxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQtZm9vdGVyLWFjdGlvbnMuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vY2FyZC1mb290ZXItYWN0aW9ucy5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBDYXJkRm9vdGVyQWN0aW9uc0NvbXBvbmVudCB7XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJzYS1jYXJkLWZvb3Rlci1hY3Rpb25zXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+Il19
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CardIconComponent {
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CardIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: CardIconComponent, isStandalone: true, selector: "sa-card-icon", ngImport: i0, template: "<ng-content></ng-content>", styles: [""] }); }
|
|
6
|
+
}
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CardIconComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'sa-card-icon', standalone: true, imports: [], template: "<ng-content></ng-content>" }]
|
|
10
|
+
}] });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvY2FyZC9jYXJkLWljb24vY2FyZC1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvY2FyZC9jYXJkLWljb24vY2FyZC1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUzFDLE1BQU0sT0FBTyxpQkFBaUI7OEdBQWpCLGlCQUFpQjtrR0FBakIsaUJBQWlCLHdFQ1Q5QiwyQkFBeUI7OzJGRFNaLGlCQUFpQjtrQkFQN0IsU0FBUzsrQkFDRSxjQUFjLGNBQ1osSUFBSSxXQUNQLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2EtY2FyZC1pY29uJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9jYXJkLWljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vY2FyZC1pY29uLmNvbXBvbmVudC5jc3MnXG59KVxuZXhwb3J0IGNsYXNzIENhcmRJY29uQ29tcG9uZW50IHtcblxufVxuIiwiPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PiJdfQ==
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class CardTitleActionsComponent {
|
|
4
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CardTitleActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.4", type: CardTitleActionsComponent, isStandalone: true, selector: "sa-card-title-actions", ngImport: i0, template: "<div class=\"sa-card-title-actions\"><ng-content></ng-content></div>", styles: [".sa-card-title-actions{margin-bottom:8px}\n"] }); }
|
|
6
|
+
}
|
|
7
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CardTitleActionsComponent, decorators: [{
|
|
8
|
+
type: Component,
|
|
9
|
+
args: [{ selector: 'sa-card-title-actions', standalone: true, imports: [], template: "<div class=\"sa-card-title-actions\"><ng-content></ng-content></div>", styles: [".sa-card-title-actions{margin-bottom:8px}\n"] }]
|
|
10
|
+
}] });
|
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC10aXRsZS1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvY2FyZC9jYXJkLXRpdGxlLWFjdGlvbnMvY2FyZC10aXRsZS1hY3Rpb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvY2FyZC9jYXJkLXRpdGxlLWFjdGlvbnMvY2FyZC10aXRsZS1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBUzFDLE1BQU0sT0FBTyx5QkFBeUI7OEdBQXpCLHlCQUF5QjtrR0FBekIseUJBQXlCLGlGQ1R0QyxzRUFBa0U7OzJGRFNyRCx5QkFBeUI7a0JBUHJDLFNBQVM7K0JBQ0UsdUJBQXVCLGNBQ3JCLElBQUksV0FDUCxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NhLWNhcmQtdGl0bGUtYWN0aW9ucycsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtdLFxuICB0ZW1wbGF0ZVVybDogJy4vY2FyZC10aXRsZS1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2NhcmQtdGl0bGUtYWN0aW9ucy5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBDYXJkVGl0bGVBY3Rpb25zQ29tcG9uZW50IHtcblxufVxuIiwiPGRpdiBjbGFzcz1cInNhLWNhcmQtdGl0bGUtYWN0aW9uc1wiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2Rpdj4iXX0=
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
|
2
|
+
import { Component, Input } from '@angular/core';
|
|
3
|
+
import { ChipsComponent } from '../chips/chips.component';
|
|
4
|
+
import { IconComponent } from '../icon/icon.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/common";
|
|
7
|
+
export class CardComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
this.title = '';
|
|
10
|
+
this.chip = null;
|
|
11
|
+
this.body = '';
|
|
12
|
+
this.avatar = '';
|
|
13
|
+
this.icon = '';
|
|
14
|
+
this.column = false;
|
|
15
|
+
this.cardStyles = {};
|
|
16
|
+
}
|
|
17
|
+
ngOnChanges(changes) {
|
|
18
|
+
if (changes['width']?.currentValue) {
|
|
19
|
+
this.cardStyles['width'] = typeof changes['width']?.currentValue === 'string' ? changes['width']?.currentValue : changes['width']?.currentValue + '%';
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.2.4", type: CardComponent, isStandalone: true, selector: "sa-card", inputs: { title: "title", chip: "chip", body: "body", avatar: "avatar", icon: "icon", iconSize: "iconSize", width: "width", column: "column" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"sa-card\" [ngStyle]=\"cardStyles\">\n <div class=\"sa-card-wrapper\" [ngClass]=\"column ? 'column' : ''\">\n <div class=\"\" [ngClass]=\"avatar ? 'sa-card-img' : 'sa-card-icon'\">\n @if(avatar){\n <img [src]=\"avatar\" />\n }@else if(icon){\n <sa-icon [icon]=\"icon\" [size]=\"iconSize\"></sa-icon>\n }@else{\n <ng-content select=\"sa-card-icon\"></ng-content>\n }\n @if(column){\n <ng-content select=\"sa-card-title-actions\"></ng-content>\n }\n </div>\n <div class=\"sa-card-container\">\n @if(title){\n <div class=\"sa-card-title-container\">\n <div class=\"sa-card-title\">{{title}}</div>\n @if(chip){\n <sa-chip [text]=\"chip.text\" [type]=\"chip.type\" [state]=\"chip.state\"></sa-chip>\n }\n <ng-content select=\"sa-card-title-actions\"></ng-content>\n\n </div>\n }\n @if(body){\n <div class=\"sa-card-body\">\n {{body}}\n </div>\n }\n <ng-content select=\"sa-card-footer-actions\"></ng-content>\n </div>\n </div>\n</div>", styles: ["*{font-family:var(--font)}.sa-card-wrapper{display:flex;border:1px solid var(--grey-50);border-radius:6px;padding:12px;background:var(--structural-white)}.sa-card-wrapper.column{flex-direction:column}.sa-card-img,.sa-card-icon{margin-right:12px}.column .sa-card-img,.column .sa-card-icon{margin:0 0 12px;display:flex;justify-content:space-between}.sa-card-img img{height:auto;width:200px}.sa-card-icon span{background-repeat:no-repeat;background-size:cover;background-position:center;display:block;height:24px;width:24px}.sa-card-container{display:flex;flex-direction:column;justify-content:space-between;width:-webkit-fill-available}.sa-card-title-container{display:flex;justify-content:space-between}.column .sa-card-title-container{flex-direction:column;margin-bottom:8px}.sa-card-title{font-size:16px;font-weight:600;line-height:24px;margin-bottom:4px}.sa-card-body{font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;text-align:left;color:var(--grey-300);flex:1}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ChipsComponent, selector: "sa-chip", inputs: ["id", "iconPath", "text", "type", "state", "filling", "iconPosition", "largeStateIcon", "largeStateText"], outputs: ["onClickEvent"] }, { kind: "component", type: IconComponent, selector: "sa-icon", inputs: ["icon", "size", "color"] }] }); }
|
|
24
|
+
}
|
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.4", ngImport: i0, type: CardComponent, decorators: [{
|
|
26
|
+
type: Component,
|
|
27
|
+
args: [{ selector: 'sa-card', standalone: true, imports: [CommonModule, ChipsComponent, IconComponent], template: "<div class=\"sa-card\" [ngStyle]=\"cardStyles\">\n <div class=\"sa-card-wrapper\" [ngClass]=\"column ? 'column' : ''\">\n <div class=\"\" [ngClass]=\"avatar ? 'sa-card-img' : 'sa-card-icon'\">\n @if(avatar){\n <img [src]=\"avatar\" />\n }@else if(icon){\n <sa-icon [icon]=\"icon\" [size]=\"iconSize\"></sa-icon>\n }@else{\n <ng-content select=\"sa-card-icon\"></ng-content>\n }\n @if(column){\n <ng-content select=\"sa-card-title-actions\"></ng-content>\n }\n </div>\n <div class=\"sa-card-container\">\n @if(title){\n <div class=\"sa-card-title-container\">\n <div class=\"sa-card-title\">{{title}}</div>\n @if(chip){\n <sa-chip [text]=\"chip.text\" [type]=\"chip.type\" [state]=\"chip.state\"></sa-chip>\n }\n <ng-content select=\"sa-card-title-actions\"></ng-content>\n\n </div>\n }\n @if(body){\n <div class=\"sa-card-body\">\n {{body}}\n </div>\n }\n <ng-content select=\"sa-card-footer-actions\"></ng-content>\n </div>\n </div>\n</div>", styles: ["*{font-family:var(--font)}.sa-card-wrapper{display:flex;border:1px solid var(--grey-50);border-radius:6px;padding:12px;background:var(--structural-white)}.sa-card-wrapper.column{flex-direction:column}.sa-card-img,.sa-card-icon{margin-right:12px}.column .sa-card-img,.column .sa-card-icon{margin:0 0 12px;display:flex;justify-content:space-between}.sa-card-img img{height:auto;width:200px}.sa-card-icon span{background-repeat:no-repeat;background-size:cover;background-position:center;display:block;height:24px;width:24px}.sa-card-container{display:flex;flex-direction:column;justify-content:space-between;width:-webkit-fill-available}.sa-card-title-container{display:flex;justify-content:space-between}.column .sa-card-title-container{flex-direction:column;margin-bottom:8px}.sa-card-title{font-size:16px;font-weight:600;line-height:24px;margin-bottom:4px}.sa-card-body{font-size:14px;font-weight:400;line-height:20px;letter-spacing:.25px;text-align:left;color:var(--grey-300);flex:1}\n"] }]
|
|
28
|
+
}], propDecorators: { title: [{
|
|
29
|
+
type: Input,
|
|
30
|
+
args: ['title']
|
|
31
|
+
}], chip: [{
|
|
32
|
+
type: Input,
|
|
33
|
+
args: ['chip']
|
|
34
|
+
}], body: [{
|
|
35
|
+
type: Input,
|
|
36
|
+
args: ['body']
|
|
37
|
+
}], avatar: [{
|
|
38
|
+
type: Input,
|
|
39
|
+
args: ['avatar']
|
|
40
|
+
}], icon: [{
|
|
41
|
+
type: Input,
|
|
42
|
+
args: ['icon']
|
|
43
|
+
}], iconSize: [{
|
|
44
|
+
type: Input,
|
|
45
|
+
args: ['iconSize']
|
|
46
|
+
}], width: [{
|
|
47
|
+
type: Input,
|
|
48
|
+
args: ['width']
|
|
49
|
+
}], column: [{
|
|
50
|
+
type: Input,
|
|
51
|
+
args: ['column']
|
|
52
|
+
}] } });
|
|
53
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2NhcmQvY2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2NhcmQvY2FyZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUUxRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7OztBQVN2RCxNQUFNLE9BQU8sYUFBYTtJQVAxQjtRQVFrQixVQUFLLEdBQVcsRUFBRSxDQUFDO1FBQ3BCLFNBQUksR0FBeUIsSUFBSSxDQUFDO1FBQ2xDLFNBQUksR0FBVyxFQUFFLENBQUM7UUFDaEIsV0FBTSxHQUFXLEVBQUUsQ0FBQztRQUV0QixTQUFJLEdBQVcsRUFBRSxDQUFDO1FBSWhCLFdBQU0sR0FBWSxLQUFLLENBQUM7UUFFekMsZUFBVSxHQUFRLEVBQUUsQ0FBQztLQU90QjtJQUxDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxZQUFZLEVBQUUsQ0FBQztZQUNuQyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxHQUFHLE9BQU8sT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLFlBQVksS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxZQUFZLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxZQUFZLEdBQUcsR0FBRyxDQUFDO1FBQ3hKLENBQUM7SUFDSCxDQUFDOzhHQWxCVSxhQUFhO2tHQUFiLGFBQWEsd09DYjFCLDR2Q0FpQ00sbWhDRHhCTSxZQUFZLGtOQUFFLGNBQWMsbU1BQUUsYUFBYTs7MkZBSTFDLGFBQWE7a0JBUHpCLFNBQVM7K0JBQ0UsU0FBUyxjQUNQLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxjQUFjLEVBQUUsYUFBYSxDQUFDOzhCQUt0QyxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ0MsSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNO2dCQUNFLElBQUk7c0JBQWxCLEtBQUs7dUJBQUMsTUFBTTtnQkFDSSxNQUFNO3NCQUF0QixLQUFLO3VCQUFDLFFBQVE7Z0JBRUEsSUFBSTtzQkFBbEIsS0FBSzt1QkFBQyxNQUFNO2dCQUNNLFFBQVE7c0JBQTFCLEtBQUs7dUJBQUMsVUFBVTtnQkFFRCxLQUFLO3NCQUFwQixLQUFLO3VCQUFDLE9BQU87Z0JBQ0csTUFBTTtzQkFBdEIsS0FBSzt1QkFBQyxRQUFRIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENoaXBzQ29tcG9uZW50IH0gZnJvbSAnLi4vY2hpcHMvY2hpcHMuY29tcG9uZW50JztcbmltcG9ydCB7IENoaXBJbnRlcmZhY2UgfSBmcm9tICcuLi8uLi9pbnRlcmZhY2VzL2NoaXAtaW50ZXJmYWNlJztcbmltcG9ydCB7IEljb25Db21wb25lbnQgfSBmcm9tICcuLi9pY29uL2ljb24uY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2EtY2FyZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIENoaXBzQ29tcG9uZW50LCBJY29uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL2NhcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vY2FyZC5jb21wb25lbnQuY3NzJ1xufSlcbmV4cG9ydCBjbGFzcyBDYXJkQ29tcG9uZW50IHtcbiAgQElucHV0KCd0aXRsZScpIHRpdGxlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCdjaGlwJykgY2hpcDogQ2hpcEludGVyZmFjZSB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoJ2JvZHknKSBib2R5OiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCdhdmF0YXInKSBhdmF0YXI6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgnaWNvbicpIGljb246IHN0cmluZyA9ICcnO1xuICBASW5wdXQoJ2ljb25TaXplJykgaWNvblNpemU6IHN0cmluZztcblxuICBASW5wdXQoJ3dpZHRoJykgd2lkdGg6IHN0cmluZyB8IG51bWJlcjtcbiAgQElucHV0KCdjb2x1bW4nKSBjb2x1bW46IGJvb2xlYW4gPSBmYWxzZTtcblxuICBjYXJkU3R5bGVzOiBhbnkgPSB7fTtcblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKGNoYW5nZXNbJ3dpZHRoJ10/LmN1cnJlbnRWYWx1ZSkge1xuICAgICAgdGhpcy5jYXJkU3R5bGVzWyd3aWR0aCddID0gdHlwZW9mIGNoYW5nZXNbJ3dpZHRoJ10/LmN1cnJlbnRWYWx1ZSA9PT0gJ3N0cmluZycgPyBjaGFuZ2VzWyd3aWR0aCddPy5jdXJyZW50VmFsdWUgOiBjaGFuZ2VzWyd3aWR0aCddPy5jdXJyZW50VmFsdWUgKyAnJSc7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2EtY2FyZFwiIFtuZ1N0eWxlXT1cImNhcmRTdHlsZXNcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2EtY2FyZC13cmFwcGVyXCIgW25nQ2xhc3NdPVwiY29sdW1uID8gJ2NvbHVtbicgOiAnJ1wiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwiXCIgW25nQ2xhc3NdPVwiYXZhdGFyID8gJ3NhLWNhcmQtaW1nJyA6ICdzYS1jYXJkLWljb24nXCI+XG4gICAgICAgICAgICBAaWYoYXZhdGFyKXtcbiAgICAgICAgICAgIDxpbWcgW3NyY109XCJhdmF0YXJcIiAvPlxuICAgICAgICAgICAgfUBlbHNlIGlmKGljb24pe1xuICAgICAgICAgICAgPHNhLWljb24gW2ljb25dPVwiaWNvblwiIFtzaXplXT1cImljb25TaXplXCI+PC9zYS1pY29uPlxuICAgICAgICAgICAgfUBlbHNle1xuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2EtY2FyZC1pY29uXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgQGlmKGNvbHVtbil7XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJzYS1jYXJkLXRpdGxlLWFjdGlvbnNcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgICAgICB9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2EtY2FyZC1jb250YWluZXJcIj5cbiAgICAgICAgICAgIEBpZih0aXRsZSl7XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2EtY2FyZC10aXRsZS1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2EtY2FyZC10aXRsZVwiPnt7dGl0bGV9fTwvZGl2PlxuICAgICAgICAgICAgICAgIEBpZihjaGlwKXtcbiAgICAgICAgICAgICAgICA8c2EtY2hpcCBbdGV4dF09XCJjaGlwLnRleHRcIiBbdHlwZV09XCJjaGlwLnR5cGVcIiBbc3RhdGVdPVwiY2hpcC5zdGF0ZVwiPjwvc2EtY2hpcD5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic2EtY2FyZC10aXRsZS1hY3Rpb25zXCI+PC9uZy1jb250ZW50PlxuXG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIEBpZihib2R5KXtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYS1jYXJkLWJvZHlcIj5cbiAgICAgICAgICAgICAgICB7e2JvZHl9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJzYS1jYXJkLWZvb3Rlci1hY3Rpb25zXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbjwvZGl2PiJdfQ==
|