@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.
Files changed (84) hide show
  1. package/_index.scss +6 -23
  2. package/esm2022/lib/common/exceptions/public_api.mjs +2 -0
  3. package/esm2022/lib/common/exceptions/unreachable-case-error.mjs +6 -0
  4. package/esm2022/lib/common/public_api.mjs +2 -1
  5. package/esm2022/lib/components/badge/elder-badge/elder-badge.component.mjs +3 -3
  6. package/esm2022/lib/components/data-transfer/http-data-transfer-indicator/http-data-transfer-indicator.component.mjs +3 -3
  7. package/esm2022/lib/components/data-transfer/http-data-transfer-overview/http-data-transfer-overview.component.mjs +3 -3
  8. package/esm2022/lib/components/files/blob-viewer/elder-blob-viewer.component.mjs +3 -3
  9. package/esm2022/lib/components/forms/directives/checkbox/elder-single-state-checkbox-controller.mjs +97 -0
  10. package/esm2022/lib/components/forms/directives/checkbox/elder-single-state-checkbox.directive.mjs +50 -0
  11. package/esm2022/lib/components/forms/directives/checkbox/elder-triple-state-checkbox-controller.mjs +102 -0
  12. package/esm2022/lib/components/forms/directives/checkbox/elder-triple-state-checkbox.directive.mjs +50 -0
  13. package/esm2022/lib/components/forms/directives/elder-forms-directives.module.mjs +9 -3
  14. package/esm2022/lib/components/input/autocomplete/elder-autocomplete/elder-suggestion-panel.component.mjs +5 -12
  15. package/esm2022/lib/components/page/exit-guard/page-exit-lock-indicator/page-exit-lock-indicator.component.mjs +3 -3
  16. package/esm2022/lib/components/public_api.mjs +1 -2
  17. package/esm2022/lib/components/select/filter/elder-filter-chip-template/elder-filter-chip-template.component.mjs +3 -3
  18. package/esm2022/lib/components/select/multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component.mjs +3 -3
  19. package/esm2022/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.mjs +3 -3
  20. package/esm2022/lib/components/select/popup/templated-selection-dialog/templated-selection-dialog.component.mjs +3 -3
  21. package/esm2022/lib/components/select/single/elder-select/elder-select.component.mjs +5 -3
  22. package/esm2022/lib/components/shell/header/elder-app-header/elder-app-header.component.mjs +3 -3
  23. package/esm2022/lib/components/time/elder-interval-picker/elder-interval-picker.component.mjs +3 -3
  24. package/esm2022/lib/components/toasts/standard-toast/standard-toast.component.mjs +3 -3
  25. package/fesm2022/elderbyte-ngx-starter.mjs +349 -189
  26. package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
  27. package/lib/common/exceptions/public_api.d.ts +1 -0
  28. package/lib/common/exceptions/unreachable-case-error.d.ts +4 -0
  29. package/lib/common/public_api.d.ts +1 -0
  30. package/lib/components/forms/directives/checkbox/elder-single-state-checkbox-controller.d.ts +46 -0
  31. package/lib/components/forms/directives/checkbox/elder-single-state-checkbox.directive.d.ts +34 -0
  32. package/lib/components/forms/directives/checkbox/elder-triple-state-checkbox-controller.d.ts +47 -0
  33. package/lib/components/forms/directives/{elder-triple-state-checkbox.directive.d.ts → checkbox/elder-triple-state-checkbox.directive.d.ts} +10 -23
  34. package/lib/components/forms/directives/elder-forms-directives.module.d.ts +9 -7
  35. package/lib/components/input/autocomplete/elder-autocomplete/elder-suggestion-panel.component.d.ts +1 -2
  36. package/lib/components/public_api.d.ts +0 -1
  37. package/package.json +1 -1
  38. package/src/lib/components/badge/elder-badge/elder-badge.component.scss +1 -2
  39. package/src/lib/components/button-group/elder-button-group/elder-button-group.component.scss +7 -1
  40. package/src/lib/components/card-organizer/card-stack/elder-card-stack.component.scss +14 -3
  41. package/src/lib/components/cards/elder-card/elder-card.component.scss +8 -2
  42. package/src/lib/components/chips/_elder-chip-theme.scss +12 -101
  43. package/src/lib/components/data-transfer/http-data-transfer-indicator/http-data-transfer-indicator.component.scss +6 -0
  44. package/src/lib/components/data-transfer/http-data-transfer-overview/http-data-transfer-overview.component.scss +0 -11
  45. package/src/lib/components/data-view/grid/elder-grid/elder-grid.component.scss +22 -15
  46. package/src/lib/components/data-view/table/elder-table/elder-table.component.scss +21 -12
  47. package/src/lib/components/errors/exception-detail/elder-exception-detail.component.scss +9 -2
  48. package/src/lib/components/expand-toggle-button/elder-expand-toggle-button.component.scss +8 -2
  49. package/src/lib/components/files/blob-viewer/elder-blob-viewer.component.scss +9 -4
  50. package/src/lib/components/files/drag-n-drop/elder-drop-zone/elder-drop-zone.component.scss +10 -7
  51. package/src/lib/components/iframes/iframe-host/iframe-host.component.scss +4 -0
  52. package/src/lib/components/navigation/nav/_elder-nav-theme.scss +24 -12
  53. package/src/lib/components/page/exit-guard/page-exit-lock-indicator/page-exit-lock-indicator.component.scss +4 -1
  54. package/src/lib/components/panels/card-panel/elder-card-panel.component.scss +12 -3
  55. package/src/lib/components/panels/elder-dialog-panel/elder-dialog-panel.component.scss +12 -4
  56. package/src/lib/components/panels/flat/_elder-panel-theme.scss +9 -26
  57. package/src/lib/components/select/_elder-select-base.scss +9 -1
  58. package/src/lib/components/select/filter/elder-filter-chip-template/elder-filter-chip-template.component.scss +4 -1
  59. package/src/lib/components/select/multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component.scss +39 -10
  60. package/src/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.scss +52 -19
  61. package/src/lib/components/select/single/elder-select/elder-select.component.scss +40 -24
  62. package/src/lib/components/time/_elder-time-input.theme.scss +3 -0
  63. package/src/lib/components/toasts/standard-toast/standard-toast.component.scss +2 -31
  64. package/theming/_elder-common.scss +399 -6
  65. package/theming/_elder-defaults.scss +7 -3
  66. package/theming/_elder-mdc-support.scss +142 -59
  67. package/theming/_elder-palettes.scss +148 -0
  68. package/theming/_elder-scrollbar-theme.scss +12 -2
  69. package/theming/_elder-style-fixes.scss +109 -42
  70. package/theming/_elder-theme.scss +51 -0
  71. package/theming/_elder-toast-theme.scss +46 -0
  72. package/theming/_elder-typography-utils.scss +11 -0
  73. package/theming/_mat-icon-button-size.scss +34 -0
  74. package/theming/_mixins.scss +0 -35
  75. package/esm2022/lib/components/forms/directives/elder-triple-state-checkbox.directive.mjs +0 -120
  76. package/esm2022/lib/components/loader-background/loader-background.component.mjs +0 -11
  77. package/lib/components/loader-background/loader-background.component.d.ts +0 -5
  78. package/src/lib/components/chips/_elder-chip-theme-old.scss +0 -122
  79. package/src/lib/components/loader-background/loader-background.component.scss +0 -60
  80. package/theming/_elder-badge-sizing.scss +0 -21
  81. package/theming/_elder-color-variants.scss +0 -26
  82. package/theming/_elder-form.scss +0 -308
  83. package/theming/_elder-layout-system.scss +0 -242
  84. 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
+ }
@@ -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
- }