@elderbyte/ngx-starter 18.13.0-beta.1 → 18.13.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_index.scss +6 -23
- package/esm2022/lib/common/exceptions/public_api.mjs +2 -0
- package/esm2022/lib/common/exceptions/unreachable-case-error.mjs +6 -0
- package/esm2022/lib/common/public_api.mjs +2 -1
- package/esm2022/lib/components/badge/elder-badge/elder-badge.component.mjs +3 -3
- package/esm2022/lib/components/data-transfer/http-data-transfer-indicator/http-data-transfer-indicator.component.mjs +3 -3
- package/esm2022/lib/components/data-transfer/http-data-transfer-overview/http-data-transfer-overview.component.mjs +3 -3
- package/esm2022/lib/components/files/blob-viewer/elder-blob-viewer.component.mjs +3 -3
- package/esm2022/lib/components/forms/directives/checkbox/elder-single-state-checkbox-controller.mjs +97 -0
- package/esm2022/lib/components/forms/directives/checkbox/elder-single-state-checkbox.directive.mjs +50 -0
- package/esm2022/lib/components/forms/directives/checkbox/elder-triple-state-checkbox-controller.mjs +102 -0
- package/esm2022/lib/components/forms/directives/checkbox/elder-triple-state-checkbox.directive.mjs +50 -0
- package/esm2022/lib/components/forms/directives/elder-forms-directives.module.mjs +9 -3
- package/esm2022/lib/components/input/autocomplete/elder-autocomplete/elder-suggestion-panel.component.mjs +5 -12
- package/esm2022/lib/components/page/exit-guard/page-exit-lock-indicator/page-exit-lock-indicator.component.mjs +3 -3
- package/esm2022/lib/components/public_api.mjs +1 -2
- package/esm2022/lib/components/select/filter/elder-filter-chip-template/elder-filter-chip-template.component.mjs +3 -3
- package/esm2022/lib/components/select/multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component.mjs +3 -3
- package/esm2022/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.mjs +3 -3
- package/esm2022/lib/components/select/popup/templated-selection-dialog/templated-selection-dialog.component.mjs +3 -3
- package/esm2022/lib/components/select/single/elder-select/elder-select.component.mjs +5 -3
- package/esm2022/lib/components/shell/header/elder-app-header/elder-app-header.component.mjs +3 -3
- package/esm2022/lib/components/time/elder-interval-picker/elder-interval-picker.component.mjs +3 -3
- package/esm2022/lib/components/toasts/standard-toast/standard-toast.component.mjs +3 -3
- package/fesm2022/elderbyte-ngx-starter.mjs +349 -189
- package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
- package/lib/common/exceptions/public_api.d.ts +1 -0
- package/lib/common/exceptions/unreachable-case-error.d.ts +4 -0
- package/lib/common/public_api.d.ts +1 -0
- package/lib/components/forms/directives/checkbox/elder-single-state-checkbox-controller.d.ts +46 -0
- package/lib/components/forms/directives/checkbox/elder-single-state-checkbox.directive.d.ts +34 -0
- package/lib/components/forms/directives/checkbox/elder-triple-state-checkbox-controller.d.ts +47 -0
- package/lib/components/forms/directives/{elder-triple-state-checkbox.directive.d.ts → checkbox/elder-triple-state-checkbox.directive.d.ts} +10 -23
- package/lib/components/forms/directives/elder-forms-directives.module.d.ts +9 -7
- package/lib/components/input/autocomplete/elder-autocomplete/elder-suggestion-panel.component.d.ts +1 -2
- package/lib/components/public_api.d.ts +0 -1
- package/package.json +1 -1
- package/src/lib/components/badge/elder-badge/elder-badge.component.scss +1 -2
- package/src/lib/components/button-group/elder-button-group/elder-button-group.component.scss +7 -1
- package/src/lib/components/card-organizer/card-stack/elder-card-stack.component.scss +14 -3
- package/src/lib/components/cards/elder-card/elder-card.component.scss +8 -2
- package/src/lib/components/chips/_elder-chip-theme.scss +12 -101
- package/src/lib/components/data-transfer/http-data-transfer-indicator/http-data-transfer-indicator.component.scss +6 -0
- package/src/lib/components/data-transfer/http-data-transfer-overview/http-data-transfer-overview.component.scss +0 -11
- package/src/lib/components/data-view/grid/elder-grid/elder-grid.component.scss +22 -15
- package/src/lib/components/data-view/table/elder-table/elder-table.component.scss +21 -12
- package/src/lib/components/errors/exception-detail/elder-exception-detail.component.scss +9 -2
- package/src/lib/components/expand-toggle-button/elder-expand-toggle-button.component.scss +8 -2
- package/src/lib/components/files/blob-viewer/elder-blob-viewer.component.scss +9 -4
- package/src/lib/components/files/drag-n-drop/elder-drop-zone/elder-drop-zone.component.scss +10 -7
- package/src/lib/components/iframes/iframe-host/iframe-host.component.scss +4 -0
- package/src/lib/components/navigation/nav/_elder-nav-theme.scss +24 -12
- package/src/lib/components/page/exit-guard/page-exit-lock-indicator/page-exit-lock-indicator.component.scss +4 -1
- package/src/lib/components/panels/card-panel/elder-card-panel.component.scss +12 -3
- package/src/lib/components/panels/elder-dialog-panel/elder-dialog-panel.component.scss +12 -4
- package/src/lib/components/panels/flat/_elder-panel-theme.scss +9 -26
- package/src/lib/components/select/_elder-select-base.scss +9 -1
- package/src/lib/components/select/filter/elder-filter-chip-template/elder-filter-chip-template.component.scss +4 -1
- package/src/lib/components/select/multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component.scss +39 -10
- package/src/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.scss +52 -19
- package/src/lib/components/select/single/elder-select/elder-select.component.scss +40 -24
- package/src/lib/components/time/_elder-time-input.theme.scss +3 -0
- package/src/lib/components/toasts/standard-toast/standard-toast.component.scss +2 -31
- package/theming/_elder-common.scss +399 -6
- package/theming/_elder-defaults.scss +7 -3
- package/theming/_elder-mdc-support.scss +142 -59
- package/theming/_elder-palettes.scss +148 -0
- package/theming/_elder-scrollbar-theme.scss +12 -2
- package/theming/_elder-style-fixes.scss +109 -42
- package/theming/_elder-theme.scss +51 -0
- package/theming/_elder-toast-theme.scss +46 -0
- package/theming/_elder-typography-utils.scss +11 -0
- package/theming/_mat-icon-button-size.scss +34 -0
- package/theming/_mixins.scss +0 -35
- package/esm2022/lib/components/forms/directives/elder-triple-state-checkbox.directive.mjs +0 -120
- package/esm2022/lib/components/loader-background/loader-background.component.mjs +0 -11
- package/lib/components/loader-background/loader-background.component.d.ts +0 -5
- package/src/lib/components/chips/_elder-chip-theme-old.scss +0 -122
- package/src/lib/components/loader-background/loader-background.component.scss +0 -60
- package/theming/_elder-badge-sizing.scss +0 -21
- package/theming/_elder-color-variants.scss +0 -26
- package/theming/_elder-form.scss +0 -308
- package/theming/_elder-layout-system.scss +0 -242
- package/theming/_elder-m3-theme.scss +0 -879
|
@@ -10,3 +10,14 @@
|
|
|
10
10
|
@function coerce-unitless-to-em($value) {
|
|
11
11
|
@return if(math.is-unitless($value), 1em * $value, $value);
|
|
12
12
|
}
|
|
13
|
+
|
|
14
|
+
@function get-typography-config($config) {
|
|
15
|
+
$typography: mat.m2-get-typography-config($config);
|
|
16
|
+
|
|
17
|
+
// If no actual typography configuration has been specified, create a default one.
|
|
18
|
+
@if not $typography {
|
|
19
|
+
$typography: mat.m2-define-typography-config();
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
@return $typography;
|
|
23
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Based on https://github.com/btxtiger/mat-icon-button-sizes
|
|
3
|
+
* The default factor between button and icon size is *= 0.6
|
|
4
|
+
*/
|
|
5
|
+
@mixin matIconButtonSize($buttonSize, $iconSize) {
|
|
6
|
+
width: $buttonSize !important;
|
|
7
|
+
height: $buttonSize !important;
|
|
8
|
+
padding: 0px !important;
|
|
9
|
+
display: inline-flex !important;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
|
|
13
|
+
.mat-icon,
|
|
14
|
+
img {
|
|
15
|
+
width: $iconSize;
|
|
16
|
+
height: $iconSize;
|
|
17
|
+
font-size: $iconSize;
|
|
18
|
+
|
|
19
|
+
svg {
|
|
20
|
+
width: $iconSize;
|
|
21
|
+
height: $iconSize;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
svg {
|
|
26
|
+
width: $iconSize;
|
|
27
|
+
height: $iconSize;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.mat-mdc-button-touch-target {
|
|
31
|
+
width: $buttonSize !important;
|
|
32
|
+
height: $buttonSize !important;
|
|
33
|
+
}
|
|
34
|
+
}
|
package/theming/_mixins.scss
CHANGED
|
@@ -50,38 +50,3 @@
|
|
|
50
50
|
@return 40px;
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
|
|
54
|
-
/**
|
|
55
|
-
* Based on https://github.com/btxtiger/mat-icon-button-sizes
|
|
56
|
-
* The default factor between button and icon size is *= 0.6
|
|
57
|
-
*/
|
|
58
|
-
@mixin matIconButtonSize($buttonSize, $iconSize) {
|
|
59
|
-
width: $buttonSize !important;
|
|
60
|
-
height: $buttonSize !important;
|
|
61
|
-
padding: 0 !important;
|
|
62
|
-
display: inline-flex !important;
|
|
63
|
-
align-items: center;
|
|
64
|
-
justify-content: center;
|
|
65
|
-
|
|
66
|
-
.mat-icon,
|
|
67
|
-
img {
|
|
68
|
-
width: $iconSize;
|
|
69
|
-
height: $iconSize;
|
|
70
|
-
font-size: $iconSize;
|
|
71
|
-
|
|
72
|
-
svg {
|
|
73
|
-
width: $iconSize;
|
|
74
|
-
height: $iconSize;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
svg {
|
|
79
|
-
width: $iconSize;
|
|
80
|
-
height: $iconSize;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
.mat-mdc-button-touch-target {
|
|
84
|
-
width: $buttonSize !important;
|
|
85
|
-
height: $buttonSize !important;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import { Directive, Optional } from '@angular/core';
|
|
2
|
-
import { ParseUtil } from '../../../common/utils/parse-util';
|
|
3
|
-
import { LoggerFactory } from '@elderbyte/ts-logger';
|
|
4
|
-
import * as i0 from "@angular/core";
|
|
5
|
-
import * as i1 from "@angular/material/checkbox";
|
|
6
|
-
import * as i2 from "@angular/forms";
|
|
7
|
-
export var ElderCheckboxState;
|
|
8
|
-
(function (ElderCheckboxState) {
|
|
9
|
-
ElderCheckboxState[ElderCheckboxState["UNCHECKED"] = 0] = "UNCHECKED";
|
|
10
|
-
ElderCheckboxState[ElderCheckboxState["CHECKED"] = 1] = "CHECKED";
|
|
11
|
-
ElderCheckboxState[ElderCheckboxState["INDETERMINATE"] = 2] = "INDETERMINATE";
|
|
12
|
-
})(ElderCheckboxState || (ElderCheckboxState = {}));
|
|
13
|
-
export class ElderTripleStateCheckboxDirective {
|
|
14
|
-
/***************************************************************************
|
|
15
|
-
* *
|
|
16
|
-
* Constructor *
|
|
17
|
-
* *
|
|
18
|
-
**************************************************************************/
|
|
19
|
-
constructor(checkbox, ngModel) {
|
|
20
|
-
this.checkbox = checkbox;
|
|
21
|
-
this.ngModel = ngModel;
|
|
22
|
-
this.log = LoggerFactory.getLogger(this.constructor.name);
|
|
23
|
-
}
|
|
24
|
-
/***************************************************************************
|
|
25
|
-
* *
|
|
26
|
-
* Life Cycle *
|
|
27
|
-
* *
|
|
28
|
-
**************************************************************************/
|
|
29
|
-
ngOnInit() {
|
|
30
|
-
this.state = this.state;
|
|
31
|
-
this.checkbox.registerOnChange(() => this.toggleNextState());
|
|
32
|
-
this.ngModel.valueChanges.subscribe((value) => (this.state = this.controlValueToState(value)));
|
|
33
|
-
}
|
|
34
|
-
/***************************************************************************
|
|
35
|
-
* *
|
|
36
|
-
* Properties *
|
|
37
|
-
* *
|
|
38
|
-
**************************************************************************/
|
|
39
|
-
get state() {
|
|
40
|
-
return this.controlValueToState(this.readControlValue());
|
|
41
|
-
}
|
|
42
|
-
set state(newState) {
|
|
43
|
-
switch (newState) {
|
|
44
|
-
case ElderCheckboxState.UNCHECKED:
|
|
45
|
-
this.setCheckboxUnchecked();
|
|
46
|
-
break;
|
|
47
|
-
case ElderCheckboxState.CHECKED:
|
|
48
|
-
this.setCheckboxChecked();
|
|
49
|
-
break;
|
|
50
|
-
case ElderCheckboxState.INDETERMINATE:
|
|
51
|
-
this.setCheckboxIndeterminate();
|
|
52
|
-
break;
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
/***************************************************************************
|
|
56
|
-
* *
|
|
57
|
-
* Private methods *
|
|
58
|
-
* *
|
|
59
|
-
**************************************************************************/
|
|
60
|
-
controlValueToState(value) {
|
|
61
|
-
switch (ParseUtil.parseBoolOrUndefined(value)) {
|
|
62
|
-
case false:
|
|
63
|
-
return ElderCheckboxState.UNCHECKED;
|
|
64
|
-
case true:
|
|
65
|
-
return ElderCheckboxState.CHECKED;
|
|
66
|
-
case undefined:
|
|
67
|
-
return ElderCheckboxState.INDETERMINATE;
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
toggleNextState() {
|
|
71
|
-
this.state = (this.state + 1) % 3;
|
|
72
|
-
}
|
|
73
|
-
setCheckboxUnchecked() {
|
|
74
|
-
this.checkbox.value = 'false';
|
|
75
|
-
this.checkbox.checked = false;
|
|
76
|
-
this.checkbox.indeterminate = false;
|
|
77
|
-
this.updateModelIfPresent(false);
|
|
78
|
-
}
|
|
79
|
-
setCheckboxChecked() {
|
|
80
|
-
this.checkbox.value = 'true';
|
|
81
|
-
this.checkbox.checked = true;
|
|
82
|
-
this.checkbox.indeterminate = false;
|
|
83
|
-
this.updateModelIfPresent(true);
|
|
84
|
-
}
|
|
85
|
-
setCheckboxIndeterminate() {
|
|
86
|
-
this.checkbox.value = undefined;
|
|
87
|
-
this.checkbox.indeterminate = true;
|
|
88
|
-
this.updateModelIfPresent(undefined);
|
|
89
|
-
}
|
|
90
|
-
readControlValue() {
|
|
91
|
-
if (this.ngModel) {
|
|
92
|
-
return this.ngModel.viewModel;
|
|
93
|
-
}
|
|
94
|
-
else {
|
|
95
|
-
return this.checkbox.value;
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
updateModelIfPresent(val) {
|
|
99
|
-
if (this.ngModel !== null && this.ngModel.viewModel !== val) {
|
|
100
|
-
this.ngModel.control.setValue(val, {
|
|
101
|
-
onlySelf: false,
|
|
102
|
-
emitEvent: true,
|
|
103
|
-
emitModelToViewChange: true,
|
|
104
|
-
emitViewToModelChange: true,
|
|
105
|
-
});
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderTripleStateCheckboxDirective, deps: [{ token: i1.MatCheckbox }, { token: i2.NgModel, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
109
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.5", type: ElderTripleStateCheckboxDirective, isStandalone: true, selector: "mat-checkbox[elderTripleStateCheckbox]", ngImport: i0 }); }
|
|
110
|
-
}
|
|
111
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: ElderTripleStateCheckboxDirective, decorators: [{
|
|
112
|
-
type: Directive,
|
|
113
|
-
args: [{
|
|
114
|
-
selector: 'mat-checkbox[elderTripleStateCheckbox]',
|
|
115
|
-
standalone: true,
|
|
116
|
-
}]
|
|
117
|
-
}], ctorParameters: () => [{ type: i1.MatCheckbox }, { type: i2.NgModel, decorators: [{
|
|
118
|
-
type: Optional
|
|
119
|
-
}] }] });
|
|
120
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWxkZXItdHJpcGxlLXN0YXRlLWNoZWNrYm94LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2VsZGVyYnl0ZS9uZ3gtc3RhcnRlci9zcmMvbGliL2NvbXBvbmVudHMvZm9ybXMvZGlyZWN0aXZlcy9lbGRlci10cmlwbGUtc3RhdGUtY2hlY2tib3guZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQVUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBRzNELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7Ozs7QUFFcEQsTUFBTSxDQUFOLElBQVksa0JBSVg7QUFKRCxXQUFZLGtCQUFrQjtJQUM1QixxRUFBYSxDQUFBO0lBQ2IsaUVBQVcsQ0FBQTtJQUNYLDZFQUFpQixDQUFBO0FBQ25CLENBQUMsRUFKVyxrQkFBa0IsS0FBbEIsa0JBQWtCLFFBSTdCO0FBTUQsTUFBTSxPQUFPLGlDQUFpQztJQUc1Qzs7OztnRkFJNEU7SUFFNUUsWUFDVSxRQUFxQixFQUNULE9BQWdCO1FBRDVCLGFBQVEsR0FBUixRQUFRLENBQWE7UUFDVCxZQUFPLEdBQVAsT0FBTyxDQUFTO1FBVnJCLFFBQUcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLENBQUE7SUFXbEUsQ0FBQztJQUVKOzs7O2dGQUk0RTtJQUVyRSxRQUFRO1FBQ2IsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFBO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsZ0JBQWdCLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLENBQUE7UUFDNUQsSUFBSSxDQUFDLE9BQU8sQ0FB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RSxLQUFLO2dCQUNmLFNBQVMsRUFBRSxJQUFJO2dCQUNmLHFCQUFxQixFQUFFLElBQUk7Z0JBQzNCLHFCQUFxQixFQUFFLElBQUk7YUFDNUIsQ0FBQyxDQUFBO1FBQ0osQ0FBQztJQUNILENBQUM7OEdBOUdVLGlDQUFpQztrR0FBakMsaUNBQWlDOzsyRkFBakMsaUNBQWlDO2tCQUo3QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3Q0FBd0M7b0JBQ2xELFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs7MEJBWUksUUFBUSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSwgT25Jbml0LCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5pbXBvcnQgeyBNYXRDaGVja2JveCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NoZWNrYm94J1xuaW1wb3J0IHsgTmdNb2RlbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJ1xuaW1wb3J0IHsgUGFyc2VVdGlsIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3V0aWxzL3BhcnNlLXV0aWwnXG5pbXBvcnQgeyBMb2dnZXJGYWN0b3J5IH0gZnJvbSAnQGVsZGVyYnl0ZS90cy1sb2dnZXInXG5cbmV4cG9ydCBlbnVtIEVsZGVyQ2hlY2tib3hTdGF0ZSB7XG4gIFVOQ0hFQ0tFRCA9IDAsXG4gIENIRUNLRUQgPSAxLFxuICBJTkRFVEVSTUlOQVRFID0gMixcbn1cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnbWF0LWNoZWNrYm94W2VsZGVyVHJpcGxlU3RhdGVDaGVja2JveF0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBFbGRlclRyaXBsZVN0YXRlQ2hlY2tib3hEaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIHJlYWRvbmx5IGxvZyA9IExvZ2dlckZhY3RvcnkuZ2V0TG9nZ2VyKHRoaXMuY29uc3RydWN0b3IubmFtZSlcblxuICAvKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXG4gICAqICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpcbiAgICogQ29uc3RydWN0b3IgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKlxuICAgKiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqXG4gICAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGNoZWNrYm94OiBNYXRDaGVja2JveCxcbiAgICBAT3B0aW9uYWwoKSBwcml2YXRlIG5nTW9kZWw6IE5nTW9kZWxcbiAgKSB7fVxuXG4gIC8qKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcbiAgICogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKlxuICAgKiBMaWZlIEN5Y2xlICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqXG4gICAqICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpcbiAgICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlID0gdGhpcy5zdGF0ZVxuICAgIHRoaXMuY2hlY2tib3gucmVnaXN0ZXJPbkNoYW5nZSgoKSA9PiB0aGlzLnRvZ2dsZU5leHRTdGF0ZSgpKVxuICAgIHRoaXMubmdNb2RlbC52YWx1ZUNoYW5nZXMuc3Vic2NyaWJlKCh2YWx1ZSkgPT4gKHRoaXMuc3RhdGUgPSB0aGlzLmNvbnRyb2xWYWx1ZVRvU3RhdGUodmFsdWUpKSlcbiAgfVxuXG4gIC8qKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKipcbiAgICogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKlxuICAgKiBQcm9wZXJ0aWVzICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqXG4gICAqICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpcbiAgICoqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqL1xuXG4gIHByaXZhdGUgZ2V0IHN0YXRlKCk6IEVsZGVyQ2hlY2tib3hTdGF0ZSB7XG4gICAgcmV0dXJuIHRoaXMuY29udHJvbFZhbHVlVG9TdGF0ZSh0aGlzLnJlYWRDb250cm9sVmFsdWUoKSlcbiAgfVxuXG4gIHByaXZhdGUgc2V0IHN0YXRlKG5ld1N0YXRlOiBFbGRlckNoZWNrYm94U3RhdGUpIHtcbiAgICBzd2l0Y2ggKG5ld1N0YXRlKSB7XG4gICAgICBjYXNlIEVsZGVyQ2hlY2tib3hTdGF0ZS5VTkNIRUNLRUQ6XG4gICAgICAgIHRoaXMuc2V0Q2hlY2tib3hVbmNoZWNrZWQoKVxuICAgICAgICBicmVha1xuXG4gICAgICBjYXNlIEVsZGVyQ2hlY2tib3hTdGF0ZS5DSEVDS0VEOlxuICAgICAgICB0aGlzLnNldENoZWNrYm94Q2hlY2tlZCgpXG4gICAgICAgIGJyZWFrXG5cbiAgICAgIGNhc2UgRWxkZXJDaGVja2JveFN0YXRlLklOREVURVJNSU5BVEU6XG4gICAgICAgIHRoaXMuc2V0Q2hlY2tib3hJbmRldGVybWluYXRlKClcbiAgICAgICAgYnJlYWtcbiAgICB9XG4gIH1cblxuICAvKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqXG4gICAqICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpcbiAgICogUHJpdmF0ZSBtZXRob2RzICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKlxuICAgKiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqXG4gICAqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKioqKi9cblxuICBwcml2YXRlIGNvbnRyb2xWYWx1ZVRvU3RhdGUodmFsdWU6IGFueSk6IEVsZGVyQ2hlY2tib3hTdGF0ZSB7XG4gICAgc3dpdGNoIChQYXJzZVV0aWwucGFyc2VCb29sT3JVbmRlZmluZWQodmFsdWUpKSB7XG4gICAgICBjYXNlIGZhbHNlOlxuICAgICAgICByZXR1cm4gRWxkZXJDaGVja2JveFN0YXRlLlVOQ0hFQ0tFRFxuICAgICAgY2FzZSB0cnVlOlxuICAgICAgICByZXR1cm4gRWxkZXJDaGVja2JveFN0YXRlLkNIRUNLRURcbiAgICAgIGNhc2UgdW5kZWZpbmVkOlxuICAgICAgICByZXR1cm4gRWxkZXJDaGVja2JveFN0YXRlLklOREVURVJNSU5BVEVcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHRvZ2dsZU5leHRTdGF0ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnN0YXRlID0gKHRoaXMuc3RhdGUgKyAxKSAlIDNcbiAgfVxuXG4gIHByaXZhdGUgc2V0Q2hlY2tib3hVbmNoZWNrZWQoKSB7XG4gICAgdGhpcy5jaGVja2JveC52YWx1ZSA9ICdmYWxzZSdcbiAgICB0aGlzLmNoZWNrYm94LmNoZWNrZWQgPSBmYWxzZVxuICAgIHRoaXMuY2hlY2tib3guaW5kZXRlcm1pbmF0ZSA9IGZhbHNlXG4gICAgdGhpcy51cGRhdGVNb2RlbElmUHJlc2VudChmYWxzZSlcbiAgfVxuXG4gIHByaXZhdGUgc2V0Q2hlY2tib3hDaGVja2VkKCkge1xuICAgIHRoaXMuY2hlY2tib3gudmFsdWUgPSAndHJ1ZSdcbiAgICB0aGlzLmNoZWNrYm94LmNoZWNrZWQgPSB0cnVlXG4gICAgdGhpcy5jaGVja2JveC5pbmRldGVybWluYXRlID0gZmFsc2VcbiAgICB0aGlzLnVwZGF0ZU1vZGVsSWZQcmVzZW50KHRydWUpXG4gIH1cblxuICBwcml2YXRlIHNldENoZWNrYm94SW5kZXRlcm1pbmF0ZSgpIHtcbiAgICB0aGlzLmNoZWNrYm94LnZhbHVlID0gdW5kZWZpbmVkXG4gICAgdGhpcy5jaGVja2JveC5pbmRldGVybWluYXRlID0gdHJ1ZVxuICAgIHRoaXMudXBkYXRlTW9kZWxJZlByZXNlbnQodW5kZWZpbmVkKVxuICB9XG5cbiAgcHJpdmF0ZSByZWFkQ29udHJvbFZhbHVlKCk6IGFueSB7XG4gICAgaWYgKHRoaXMubmdNb2RlbCkge1xuICAgICAgcmV0dXJuIHRoaXMubmdNb2RlbC52aWV3TW9kZWxcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIHRoaXMuY2hlY2tib3gudmFsdWVcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHVwZGF0ZU1vZGVsSWZQcmVzZW50KHZhbDogYW55KSB7XG4gICAgaWYgKHRoaXMubmdNb2RlbCAhPT0gbnVsbCAmJiB0aGlzLm5nTW9kZWwudmlld01vZGVsICE9PSB2YWwpIHtcbiAgICAgIHRoaXMubmdNb2RlbC5jb250cm9sLnNldFZhbHVlKHZhbCwge1xuICAgICAgICBvbmx5U2VsZjogZmFsc2UsXG4gICAgICAgIGVtaXRFdmVudDogdHJ1ZSxcbiAgICAgICAgZW1pdE1vZGVsVG9WaWV3Q2hhbmdlOiB0cnVlLFxuICAgICAgICBlbWl0Vmlld1RvTW9kZWxDaGFuZ2U6IHRydWUsXG4gICAgICB9KVxuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export class LoaderBackgroundComponent {
|
|
4
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: LoaderBackgroundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
5
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.5", type: LoaderBackgroundComponent, isStandalone: true, selector: "elder-loader-background", ngImport: i0, template: "<div class=\"loader-background\">\n <div class=\"spinner\">\n <div class=\"bounce1 circle\"></div>\n <div class=\"bounce2 logo\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--md-sys-color-tertiary-fixed)\"\n viewBox=\"0 0 284.34 272.09\"\n >\n <g>\n <path\n d=\"M141.92,11A125,125,0,0,1,247,68.35q4.46-2.76,8.67-5.93a135.38,135.38,0,0,0-227.43,0q4.21,3.17,8.67,5.93A125,125,0,0,1,141.92,11Z\"\n />\n <path\n d=\"M267,136.05a125,125,0,1,1-246-31.53c-2.44-3.48-5.11-7-7.85-10.47a135.11,135.11,0,0,0-6.69,42c0,74.74,60.8,135.54,135.54,135.54s135.55-60.8,135.55-135.54a135.11,135.11,0,0,0-6.69-42c-2.74,3.52-5.41,7-7.85,10.47A124.65,124.65,0,0,1,267,136.05Z\"\n />\n <g id=\"main-logo\">\n <path\n d=\"M151.24,188.12a41.39,41.39,0,0,1-5.06-12.27H138.1A41.13,41.13,0,0,1,133,188.12a37.86,37.86,0,0,1-9.67,10.31l16.83,44.43,20.48-44.6A38,38,0,0,1,151.24,188.12Z\"\n />\n <path\n d=\"M205.38,95.82c-3,.39-6.16.67-9.48,1v14.75H181V98.24c-16.68,2.2-32.74,7.35-36.46,25.82.34,12.92-.48,26.37,2.58,38.89A50.81,50.81,0,0,0,153.34,178a46.35,46.35,0,0,0,11.6,12.45,61.34,61.34,0,0,0,32.73,11.65c25.65,1.59,38.9-16.32,40.73-40.34,1-13.61-.4-27.57,3.28-40.71,7.17-25.61,32.12-42.78,41.25-67.76C263.36,75.89,235.14,91.93,205.38,95.82ZM191.3,184.64a33.51,33.51,0,1,1,33.5-33.51A33.51,33.51,0,0,1,191.3,184.64Z\"\n />\n <path\n d=\"M79,95.82C49.2,91.93,21,75.89,1.4,53.31c9.14,25,34.09,42.15,41.26,67.76,3.68,13.14,2.23,27.1,3.27,40.71,1.84,24,15.09,41.93,40.73,40.34a61.58,61.58,0,0,0,32.45-11.43A46.73,46.73,0,0,0,131,178,50.57,50.57,0,0,0,137.21,163c3.06-12.52,2.24-26,2.58-38.89C134.18,96.2,100.46,98.63,79,95.82ZM93,184.64a33.51,33.51,0,1,1,33.5-33.51A33.5,33.5,0,0,1,93,184.64Z\"\n />\n </g>\n </g>\n </svg>\n </div>\n <div class=\"bounce3 circle\"></div>\n </div>\n</div>\n", styles: [".loader-background{--loader-bg-surface: var(--md-sys-color-surface);--loader-bg-color: var(--md-sys-color-primary);--logo-color: var(--md-sys-color-tertiary-fixed);position:relative;height:100vh;width:100vw;margin:0;padding:0;background:linear-gradient(200deg,var(--loader-bg-surface) 40%,var(--loader-bg-color) 0%)}.spinner{position:absolute;top:50vh;left:45vw;width:200px;text-align:center}.logo{width:50px;height:48px;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.logo svg{fill:var(--logo-color)!important}.circle{border:1.5px solid var(--logo-color);height:25px;border-radius:50%;width:25px;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6
|
-
}
|
|
7
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.5", ngImport: i0, type: LoaderBackgroundComponent, decorators: [{
|
|
8
|
-
type: Component,
|
|
9
|
-
args: [{ selector: 'elder-loader-background', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"loader-background\">\n <div class=\"spinner\">\n <div class=\"bounce1 circle\"></div>\n <div class=\"bounce2 logo\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n fill=\"var(--md-sys-color-tertiary-fixed)\"\n viewBox=\"0 0 284.34 272.09\"\n >\n <g>\n <path\n d=\"M141.92,11A125,125,0,0,1,247,68.35q4.46-2.76,8.67-5.93a135.38,135.38,0,0,0-227.43,0q4.21,3.17,8.67,5.93A125,125,0,0,1,141.92,11Z\"\n />\n <path\n d=\"M267,136.05a125,125,0,1,1-246-31.53c-2.44-3.48-5.11-7-7.85-10.47a135.11,135.11,0,0,0-6.69,42c0,74.74,60.8,135.54,135.54,135.54s135.55-60.8,135.55-135.54a135.11,135.11,0,0,0-6.69-42c-2.74,3.52-5.41,7-7.85,10.47A124.65,124.65,0,0,1,267,136.05Z\"\n />\n <g id=\"main-logo\">\n <path\n d=\"M151.24,188.12a41.39,41.39,0,0,1-5.06-12.27H138.1A41.13,41.13,0,0,1,133,188.12a37.86,37.86,0,0,1-9.67,10.31l16.83,44.43,20.48-44.6A38,38,0,0,1,151.24,188.12Z\"\n />\n <path\n d=\"M205.38,95.82c-3,.39-6.16.67-9.48,1v14.75H181V98.24c-16.68,2.2-32.74,7.35-36.46,25.82.34,12.92-.48,26.37,2.58,38.89A50.81,50.81,0,0,0,153.34,178a46.35,46.35,0,0,0,11.6,12.45,61.34,61.34,0,0,0,32.73,11.65c25.65,1.59,38.9-16.32,40.73-40.34,1-13.61-.4-27.57,3.28-40.71,7.17-25.61,32.12-42.78,41.25-67.76C263.36,75.89,235.14,91.93,205.38,95.82ZM191.3,184.64a33.51,33.51,0,1,1,33.5-33.51A33.51,33.51,0,0,1,191.3,184.64Z\"\n />\n <path\n d=\"M79,95.82C49.2,91.93,21,75.89,1.4,53.31c9.14,25,34.09,42.15,41.26,67.76,3.68,13.14,2.23,27.1,3.27,40.71,1.84,24,15.09,41.93,40.73,40.34a61.58,61.58,0,0,0,32.45-11.43A46.73,46.73,0,0,0,131,178,50.57,50.57,0,0,0,137.21,163c3.06-12.52,2.24-26,2.58-38.89C134.18,96.2,100.46,98.63,79,95.82ZM93,184.64a33.51,33.51,0,1,1,33.5-33.51A33.5,33.5,0,0,1,93,184.64Z\"\n />\n </g>\n </g>\n </svg>\n </div>\n <div class=\"bounce3 circle\"></div>\n </div>\n</div>\n", styles: [".loader-background{--loader-bg-surface: var(--md-sys-color-surface);--loader-bg-color: var(--md-sys-color-primary);--logo-color: var(--md-sys-color-tertiary-fixed);position:relative;height:100vh;width:100vw;margin:0;padding:0;background:linear-gradient(200deg,var(--loader-bg-surface) 40%,var(--loader-bg-color) 0%)}.spinner{position:absolute;top:50vh;left:45vw;width:200px;text-align:center}.logo{width:50px;height:48px;border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.logo svg{fill:var(--logo-color)!important}.circle{border:1.5px solid var(--logo-color);height:25px;border-radius:50%;width:25px;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.spinner .bounce1{animation-delay:-.32s}.spinner .bounce2{animation-delay:-.16s}@keyframes sk-bouncedelay{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}\n"] }]
|
|
10
|
-
}] });
|
|
11
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLWJhY2tncm91bmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZWxkZXJieXRlL25neC1zdGFydGVyL3NyYy9saWIvY29tcG9uZW50cy9sb2FkZXItYmFja2dyb3VuZC9sb2FkZXItYmFja2dyb3VuZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9lbGRlcmJ5dGUvbmd4LXN0YXJ0ZXIvc3JjL2xpYi9jb21wb25lbnRzL2xvYWRlci1iYWNrZ3JvdW5kL2xvYWRlci1iYWNrZ3JvdW5kLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUE7O0FBVWxFLE1BQU0sT0FBTyx5QkFBeUI7OEdBQXpCLHlCQUF5QjtrR0FBekIseUJBQXlCLG1GQ1Z0Qyx3K0RBaUNBOzsyRkR2QmEseUJBQXlCO2tCQVJyQyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1AsRUFBRSxtQkFHTSx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2VsZGVyLWxvYWRlci1iYWNrZ3JvdW5kJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW10sXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2FkZXItYmFja2dyb3VuZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9sb2FkZXItYmFja2dyb3VuZC5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBMb2FkZXJCYWNrZ3JvdW5kQ29tcG9uZW50IHt9XG4iLCI8ZGl2IGNsYXNzPVwibG9hZGVyLWJhY2tncm91bmRcIj5cbiAgPGRpdiBjbGFzcz1cInNwaW5uZXJcIj5cbiAgICA8ZGl2IGNsYXNzPVwiYm91bmNlMSBjaXJjbGVcIj48L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiYm91bmNlMiBsb2dvXCI+XG4gICAgICA8c3ZnXG4gICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICBmaWxsPVwidmFyKC0tbWQtc3lzLWNvbG9yLXRlcnRpYXJ5LWZpeGVkKVwiXG4gICAgICAgIHZpZXdCb3g9XCIwIDAgMjg0LjM0IDI3Mi4wOVwiXG4gICAgICA+XG4gICAgICAgIDxnPlxuICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICBkPVwiTTE0MS45MiwxMUExMjUsMTI1LDAsMCwxLDI0Nyw2OC4zNXE0LjQ2LTIuNzYsOC42Ny01LjkzYTEzNS4zOCwxMzUuMzgsMCwwLDAtMjI3LjQzLDBxNC4yMSwzLjE3LDguNjcsNS45M0ExMjUsMTI1LDAsMCwxLDE0MS45MiwxMVpcIlxuICAgICAgICAgIC8+XG4gICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgIGQ9XCJNMjY3LDEzNi4wNWExMjUsMTI1LDAsMSwxLTI0Ni0zMS41M2MtMi40NC0zLjQ4LTUuMTEtNy03Ljg1LTEwLjQ3YTEzNS4xMSwxMzUuMTEsMCwwLDAtNi42OSw0MmMwLDc0Ljc0LDYwLjgsMTM1LjU0LDEzNS41NCwxMzUuNTRzMTM1LjU1LTYwLjgsMTM1LjU1LTEzNS41NGExMzUuMTEsMTM1LjExLDAsMCwwLTYuNjktNDJjLTIuNzQsMy41Mi01LjQxLDctNy44NSwxMC40N0ExMjQuNjUsMTI0LjY1LDAsMCwxLDI2NywxMzYuMDVaXCJcbiAgICAgICAgICAvPlxuICAgICAgICAgIDxnIGlkPVwibWFpbi1sb2dvXCI+XG4gICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICBkPVwiTTE1MS4yNCwxODguMTJhNDEuMzksNDEuMzksMCwwLDEtNS4wNi0xMi4yN0gxMzguMUE0MS4xMyw0MS4xMywwLDAsMSwxMzMsMTg4LjEyYTM3Ljg2LDM3Ljg2LDAsMCwxLTkuNjcsMTAuMzFsMTYuODMsNDQuNDMsMjAuNDgtNDQuNkEzOCwzOCwwLDAsMSwxNTEuMjQsMTg4LjEyWlwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgZD1cIk0yMDUuMzgsOTUuODJjLTMsLjM5LTYuMTYuNjctOS40OCwxdjE0Ljc1SDE4MVY5OC4yNGMtMTYuNjgsMi4yLTMyLjc0LDcuMzUtMzYuNDYsMjUuODIuMzQsMTIuOTItLjQ4LDI2LjM3LDIuNTgsMzguODlBNTAuODEsNTAuODEsMCwwLDAsMTUzLjM0LDE3OGE0Ni4zNSw0Ni4zNSwwLDAsMCwxMS42LDEyLjQ1LDYxLjM0LDYxLjM0LDAsMCwwLDMyLjczLDExLjY1YzI1LjY1LDEuNTksMzguOS0xNi4zMiw0MC43My00MC4zNCwxLTEzLjYxLS40LTI3LjU3LDMuMjgtNDAuNzEsNy4xNy0yNS42MSwzMi4xMi00Mi43OCw0MS4yNS02Ny43NkMyNjMuMzYsNzUuODksMjM1LjE0LDkxLjkzLDIwNS4zOCw5NS44MlpNMTkxLjMsMTg0LjY0YTMzLjUxLDMzLjUxLDAsMSwxLDMzLjUtMzMuNTFBMzMuNTEsMzMuNTEsMCwwLDEsMTkxLjMsMTg0LjY0WlwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgZD1cIk03OSw5NS44MkM0OS4yLDkxLjkzLDIxLDc1Ljg5LDEuNCw1My4zMWM5LjE0LDI1LDM0LjA5LDQyLjE1LDQxLjI2LDY3Ljc2LDMuNjgsMTMuMTQsMi4yMywyNy4xLDMuMjcsNDAuNzEsMS44NCwyNCwxNS4wOSw0MS45Myw0MC43Myw0MC4zNGE2MS41OCw2MS41OCwwLDAsMCwzMi40NS0xMS40M0E0Ni43Myw0Ni43MywwLDAsMCwxMzEsMTc4LDUwLjU3LDUwLjU3LDAsMCwwLDEzNy4yMSwxNjNjMy4wNi0xMi41MiwyLjI0LTI2LDIuNTgtMzguODlDMTM0LjE4LDk2LjIsMTAwLjQ2LDk4LjYzLDc5LDk1LjgyWk05MywxODQuNjRhMzMuNTEsMzMuNTEsMCwxLDEsMzMuNS0zMy41MUEzMy41LDMzLjUsMCwwLDEsOTMsMTg0LjY0WlwiXG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvZz5cbiAgICAgICAgPC9nPlxuICAgICAgPC9zdmc+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImJvdW5jZTMgY2lyY2xlXCI+PC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class LoaderBackgroundComponent {
|
|
3
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<LoaderBackgroundComponent, never>;
|
|
4
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LoaderBackgroundComponent, "elder-loader-background", never, {}, {}, never, never, true, never>;
|
|
5
|
-
}
|
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
@use 'sass:map';
|
|
2
|
-
@use '@angular/material' as mat;
|
|
3
|
-
|
|
4
|
-
$colorStateNone: rgb(143, 143, 143);
|
|
5
|
-
$colorStateOpen: rgb(199, 199, 199);
|
|
6
|
-
|
|
7
|
-
$colorStateInProgress: rgb(33, 150, 243);
|
|
8
|
-
$colorStateCompleted: rgb(4, 170, 109);
|
|
9
|
-
$colorStateWarn: rgb(255, 145, 0);
|
|
10
|
-
$colorStateError: rgb(255, 0, 0);
|
|
11
|
-
$colorStateOther: rgb(121, 73, 252);
|
|
12
|
-
|
|
13
|
-
$level-low: rgb(4, 170, 109);
|
|
14
|
-
$level-medium: rgb(33, 150, 243);
|
|
15
|
-
$level-high: rgb(255, 145, 0);
|
|
16
|
-
$level-critical: rgb(255, 0, 0);
|
|
17
|
-
|
|
18
|
-
@mixin _outlined-label-chip($color) {
|
|
19
|
-
background-color: rgba($color, 0.2);
|
|
20
|
-
border-color: $color;
|
|
21
|
-
.mat-mdc-chip-action-label,
|
|
22
|
-
.mat-mdc-chip-avatar {
|
|
23
|
-
color: $color;
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
@mixin _theme_color_chip($colorPalette) {
|
|
28
|
-
&.legacy {
|
|
29
|
-
background-color: mat.m2-get-color-from-palette($colorPalette, default);
|
|
30
|
-
.mat-mdc-chip-action-label,
|
|
31
|
-
.mat-mdc-chip-avatar,
|
|
32
|
-
.mdc-evolution-chip__checkmark {
|
|
33
|
-
color: mat.m2-get-color-from-palette($colorPalette, default-contrast);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
&.md3 {
|
|
37
|
-
// label chip
|
|
38
|
-
background-color: mat.m2-get-color-from-palette($colorPalette, default, 0.2);
|
|
39
|
-
border-color: mat.m2-get-color-from-palette($colorPalette);
|
|
40
|
-
.mat-mdc-chip-action-label,
|
|
41
|
-
.mat-mdc-chip-avatar,
|
|
42
|
-
.mdc-evolution-chip__checkmark {
|
|
43
|
-
color: mat.m2-get-color-from-palette($colorPalette);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
@mixin theme($config-or-theme) {
|
|
49
|
-
$primary: map-get($config-or-theme, primary);
|
|
50
|
-
$accent: map-get($config-or-theme, accent);
|
|
51
|
-
$warn: map-get($config-or-theme, warn);
|
|
52
|
-
|
|
53
|
-
$color-config: mat.m2-get-color-config($config-or-theme);
|
|
54
|
-
$is-dark-theme: map.get($color-config, is-dark);
|
|
55
|
-
|
|
56
|
-
.mat-mdc-chip.elder-chip-label {
|
|
57
|
-
&.md3 {
|
|
58
|
-
border-style: solid;
|
|
59
|
-
border-width: 1px;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
&.color-primary {
|
|
63
|
-
@include _theme_color_chip($primary);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
&.color-accent {
|
|
67
|
-
@include _theme_color_chip($accent);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
&.color-warn {
|
|
71
|
-
@include _theme_color_chip($warn);
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
&.none {
|
|
75
|
-
background-color: rgba($colorStateNone, 0.2);
|
|
76
|
-
border-color: $colorStateNone;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
&.state-open {
|
|
80
|
-
background-color: rgba($colorStateOpen, 0.2);
|
|
81
|
-
border-color: $colorStateOpen;
|
|
82
|
-
.mat-mdc-chip-avatar {
|
|
83
|
-
color: $colorStateOpen;
|
|
84
|
-
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
&.state-in-progress {
|
|
88
|
-
@include _outlined-label-chip($colorStateInProgress);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
&.state-completed {
|
|
92
|
-
@include _outlined-label-chip($colorStateCompleted);
|
|
93
|
-
}
|
|
94
|
-
|
|
95
|
-
&.state-warn {
|
|
96
|
-
@include _outlined-label-chip($colorStateWarn);
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
&.state-error {
|
|
100
|
-
@include _outlined-label-chip($colorStateError);
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
&.state-other {
|
|
104
|
-
@include _outlined-label-chip($colorStateOther);
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
// ---
|
|
108
|
-
|
|
109
|
-
&.level-low {
|
|
110
|
-
@include _outlined-label-chip($level-low);
|
|
111
|
-
}
|
|
112
|
-
&.level-medium {
|
|
113
|
-
@include _outlined-label-chip($level-medium);
|
|
114
|
-
}
|
|
115
|
-
&.level-high {
|
|
116
|
-
@include _outlined-label-chip($level-high);
|
|
117
|
-
}
|
|
118
|
-
&.level-critical {
|
|
119
|
-
@include _outlined-label-chip($level-critical);
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
}
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
.loader-background {
|
|
2
|
-
--loader-bg-surface: var(--md-sys-color-surface);
|
|
3
|
-
--loader-bg-color: var(--md-sys-color-primary);
|
|
4
|
-
--logo-color: var(--md-sys-color-tertiary-fixed);
|
|
5
|
-
|
|
6
|
-
position: relative;
|
|
7
|
-
height: 100vh;
|
|
8
|
-
width: 100vw;
|
|
9
|
-
margin: 0;
|
|
10
|
-
padding: 0;
|
|
11
|
-
background: linear-gradient(200deg, var(--loader-bg-surface) 40%, var(--loader-bg-color) 0%);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.spinner {
|
|
15
|
-
position: absolute;
|
|
16
|
-
top: 50vh;
|
|
17
|
-
left: 45vw;
|
|
18
|
-
width: 200px;
|
|
19
|
-
text-align: center;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.logo {
|
|
23
|
-
width: 50px;
|
|
24
|
-
height: 48px;
|
|
25
|
-
border-radius: 100%;
|
|
26
|
-
display: inline-block;
|
|
27
|
-
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.logo svg {
|
|
31
|
-
fill: var(--logo-color) !important;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
.circle {
|
|
35
|
-
border: 1.5px solid var(--logo-color);
|
|
36
|
-
height: 25px;
|
|
37
|
-
border-radius: 50%;
|
|
38
|
-
width: 25px;
|
|
39
|
-
display: inline-block;
|
|
40
|
-
animation: sk-bouncedelay 1.4s infinite ease-in-out both;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.spinner .bounce1 {
|
|
44
|
-
animation-delay: -0.32s;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.spinner .bounce2 {
|
|
48
|
-
animation-delay: -0.16s;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
@keyframes sk-bouncedelay {
|
|
52
|
-
0%,
|
|
53
|
-
80%,
|
|
54
|
-
100% {
|
|
55
|
-
transform: scale(0);
|
|
56
|
-
}
|
|
57
|
-
40% {
|
|
58
|
-
transform: scale(1);
|
|
59
|
-
}
|
|
60
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
@mixin elder-badge-sizing() {
|
|
2
|
-
// Use legacy MAT 2 badge sizing
|
|
3
|
-
--mat-badge-container-size: unset;
|
|
4
|
-
--mat-badge-small-size-container-size: unset;
|
|
5
|
-
--mat-badge-large-size-container-size: unset;
|
|
6
|
-
--mat-badge-legacy-container-size: 22px;
|
|
7
|
-
--mat-badge-legacy-small-size-container-size: 16px;
|
|
8
|
-
--mat-badge-legacy-large-size-container-size: 28px;
|
|
9
|
-
--mat-badge-container-offset: -11px 0;
|
|
10
|
-
--mat-badge-small-size-container-offset: -8px 0;
|
|
11
|
-
--mat-badge-large-size-container-offset: -14px 0;
|
|
12
|
-
--mat-badge-container-overlap-offset: -11px;
|
|
13
|
-
--mat-badge-small-size-container-overlap-offset: -8px;
|
|
14
|
-
--mat-badge-large-size-container-overlap-offset: -14px;
|
|
15
|
-
--mat-badge-container-padding: 0;
|
|
16
|
-
--mat-badge-small-size-container-padding: 0;
|
|
17
|
-
--mat-badge-large-size-container-padding: 0;
|
|
18
|
-
--mat-badge-line-height: var(--mat-badge-legacy-container-size);
|
|
19
|
-
--mat-badge-small-size-line-height: var(--mat-badge-legacy-small-size-container-size);
|
|
20
|
-
--mat-badge-large-size-line-height: var(--mat-badge-legacy-large-size-container-size);
|
|
21
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
@use '@angular/material' as mat;
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Source: https://material.angular.io/guide/theming#using-component-color-variants
|
|
5
|
-
*
|
|
6
|
-
* This applies custom color variants for the legacy M2 color system for usage in M3.
|
|
7
|
-
* There are different mixins for many components (not all).
|
|
8
|
-
* You can find the list of the components and there supported color variants here:
|
|
9
|
-
* https://material.angular.io/guide/theming#using-component-color-variants
|
|
10
|
-
*/
|
|
11
|
-
@mixin elder-color-variants($theme) {
|
|
12
|
-
// Apply primary color variants for button components
|
|
13
|
-
mat-chip-option[color='primary'] {
|
|
14
|
-
@include mat.chips-color($theme, $color-variant: primary);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
// Apply secondary color variants for button components
|
|
18
|
-
mat-chip-option[color='danger'] {
|
|
19
|
-
@include mat.chips-color($theme, $color-variant: error);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
// Apply tertiary color variants for button components
|
|
23
|
-
mat-chip-option[color='accent'] {
|
|
24
|
-
@include mat.chips-color($theme, $color-variant: tertiary);
|
|
25
|
-
}
|
|
26
|
-
}
|