@softheon/armature 17.28.0 → 17.29.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/assets/styles/material-override/_checkbox.scss +111 -93
- package/esm2022/lib/mfe/components/entity-inject-wrapper/entity-inject-wrapper.component.mjs +6 -3
- package/fesm2022/softheon-armature.mjs +3 -2
- package/fesm2022/softheon-armature.mjs.map +1 -1
- package/package.json +1 -1
- package/ag-grid-components/package.json +0 -3
|
@@ -1,130 +1,148 @@
|
|
|
1
|
-
@use "@angular/material" as mat;
|
|
2
1
|
@use "../arm-theme" as theme;
|
|
3
2
|
@use "../variables" as vars;
|
|
4
3
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
4
|
+
.sof-checkbox {
|
|
5
|
+
display: flex !important;
|
|
6
|
+
width: fit-content !important;
|
|
9
7
|
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
* {
|
|
9
|
+
box-sizing: border-box !important;
|
|
12
10
|
}
|
|
13
11
|
|
|
14
|
-
|
|
15
|
-
background-color: vars.$surface-color-level-two-light !important;
|
|
16
|
-
border: 2px solid vars.$text-low-emphasis;
|
|
17
|
-
}
|
|
12
|
+
$sof-checkbox-size: 20px;
|
|
18
13
|
|
|
19
|
-
.mdc-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
}
|
|
33
|
-
&.mat-accent .mdc-checkbox {
|
|
34
|
-
--mdc-checkbox-selected-focus-icon-color: #{mat.get-color-from-palette(theme.$arm-accent, 500)} !important;
|
|
35
|
-
--mdc-checkbox-selected-hover-icon-color: #{mat.get-color-from-palette(theme.$arm-accent, 500)} !important;
|
|
36
|
-
--mdc-checkbox-selected-icon-color: #{mat.get-color-from-palette(theme.$arm-accent, 500)} !important;
|
|
37
|
-
--mdc-checkbox-selected-pressed-icon-color: #{mat.get-color-from-palette(theme.$arm-accent, 500)} !important;
|
|
38
|
-
|
|
39
|
-
.mdc-checkbox--selected~.mdc-checkbox__ripple {
|
|
40
|
-
background: mat.get-color-from-palette(theme.$arm-accent, 500) !important;
|
|
14
|
+
.mdc-checkbox {
|
|
15
|
+
--mdc-checkbox-state-layer-size: #{$sof-checkbox-size} !important;
|
|
16
|
+
margin: 0 !important;
|
|
17
|
+
padding: 0 !important;
|
|
18
|
+
width: calc($sof-checkbox-size + 2px) !important;
|
|
19
|
+
height: calc($sof-checkbox-size + 2px) !important;
|
|
20
|
+
flex: none !important;
|
|
21
|
+
|
|
22
|
+
.mat-mdc-checkbox-touch-target {
|
|
23
|
+
width: calc($sof-checkbox-size + 4px) !important;
|
|
24
|
+
height: calc($sof-checkbox-size + 4px) !important;
|
|
25
|
+
border-radius: 6px !important;
|
|
26
|
+
background: transparent !important;
|
|
41
27
|
}
|
|
42
|
-
}
|
|
43
28
|
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
--mdc-checkbox-selected-pressed-icon-color: #{mat.get-color-from-palette(theme.$arm-warn, 500)} !important;
|
|
29
|
+
.mdc-checkbox__native-control {
|
|
30
|
+
width: $sof-checkbox-size !important;
|
|
31
|
+
height: $sof-checkbox-size !important;
|
|
32
|
+
}
|
|
49
33
|
|
|
50
|
-
.mdc-
|
|
51
|
-
|
|
34
|
+
.mdc-checkbox__native-control:focus ~ .mdc-checkbox__background {
|
|
35
|
+
outline: 3px solid !important;
|
|
36
|
+
outline-offset: 2px !important;
|
|
37
|
+
outline-color: map-get(theme.$arm-primary, 300) !important;
|
|
52
38
|
}
|
|
53
|
-
}
|
|
54
39
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
40
|
+
.mdc-checkbox__background {
|
|
41
|
+
border-radius: 4px !important;
|
|
42
|
+
width: $sof-checkbox-size !important;
|
|
43
|
+
height: $sof-checkbox-size !important;
|
|
44
|
+
|
|
45
|
+
.mdc-checkbox__checkmark {
|
|
46
|
+
height: 12px !important;
|
|
47
|
+
width: 12px !important;
|
|
48
|
+
top: 2px !important;
|
|
49
|
+
left: 2px !important;
|
|
50
|
+
transform: none !important;
|
|
51
|
+
|
|
52
|
+
.mdc-checkbox__checkmark-path {
|
|
53
|
+
stroke-width: 4px !important;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
.mdc-checkbox__mixedmark {
|
|
58
|
+
width: 10px !important;
|
|
59
|
+
}
|
|
60
|
+
}
|
|
60
61
|
|
|
61
|
-
.mdc-
|
|
62
|
-
|
|
62
|
+
.mdc-checkbox__ripple,
|
|
63
|
+
.mat-mdc-checkbox-ripple,
|
|
64
|
+
.mdc-checkbox:hover .mdc-checkbox__native-control:not([disabled])~.mdc-checkbox__ripple {
|
|
65
|
+
display: none !important;
|
|
63
66
|
}
|
|
64
67
|
}
|
|
65
68
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
--mdc-checkbox-selected-hover-icon-color: #{mat.get-color-from-palette(theme.$arm-info, 500)} !important;
|
|
69
|
-
--mdc-checkbox-selected-icon-color: #{mat.get-color-from-palette(theme.$arm-info, 500)} !important;
|
|
70
|
-
--mdc-checkbox-selected-pressed-icon-color: #{mat.get-color-from-palette(theme.$arm-info, 500)} !important;
|
|
71
|
-
|
|
72
|
-
.mdc-checkbox--selected~.mdc-checkbox__ripple {
|
|
73
|
-
background: mat.get-color-from-palette(theme.$arm-info, 500) !important;
|
|
74
|
-
}
|
|
69
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
|
|
70
|
+
border-color: map-get(theme.$arm-neutral, 500) !important;
|
|
75
71
|
}
|
|
76
72
|
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
73
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
|
|
74
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
|
|
75
|
+
border-color: map-get(theme.$arm-primary, 500) !important;
|
|
76
|
+
background-color: map-get(theme.$arm-primary, 500) !important;
|
|
77
|
+
}
|
|
82
78
|
|
|
83
|
-
|
|
84
|
-
|
|
79
|
+
&:hover {
|
|
80
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background {
|
|
81
|
+
border-color: map-get(theme.$arm-neutral, 700) !important;
|
|
82
|
+
}
|
|
83
|
+
.mdc-checkbox .mat-mdc-checkbox-touch-target {
|
|
84
|
+
background: map-get(theme.$arm-primary, A100) !important;
|
|
85
|
+
}
|
|
86
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
|
|
87
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
|
|
88
|
+
border-color: map-get(theme.$arm-primary, 700) !important;
|
|
89
|
+
background-color: map-get(theme.$arm-primary, 700) !important;
|
|
85
90
|
}
|
|
86
91
|
}
|
|
87
92
|
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
background:
|
|
93
|
+
&:active {
|
|
94
|
+
.mdc-checkbox .mat-mdc-checkbox-touch-target {
|
|
95
|
+
background: map-get(theme.$arm-primary, A200) !important;
|
|
96
|
+
}
|
|
97
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
|
|
98
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
|
|
99
|
+
border-color: map-get(theme.$arm-primary, 800) !important;
|
|
100
|
+
background-color: map-get(theme.$arm-primary, 800) !important;
|
|
96
101
|
}
|
|
97
102
|
}
|
|
98
103
|
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
+
&[color="neutral"] {
|
|
105
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
|
|
106
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
|
|
107
|
+
border-color: map-get(theme.$arm-neutral, 500) !important;
|
|
108
|
+
background-color: map-get(theme.$arm-neutral, 500) !important;
|
|
109
|
+
}
|
|
104
110
|
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
111
|
+
&:hover {
|
|
112
|
+
.mdc-checkbox .mat-mdc-checkbox-touch-target {
|
|
113
|
+
background: map-get(theme.$arm-neutral, A100) !important;
|
|
114
|
+
}
|
|
115
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
|
|
116
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
|
|
117
|
+
border-color: map-get(theme.$arm-neutral, 700) !important;
|
|
118
|
+
background-color: map-get(theme.$arm-neutral, 700) !important;
|
|
119
|
+
}
|
|
120
|
+
}
|
|
110
121
|
|
|
111
|
-
|
|
112
|
-
|
|
122
|
+
&:active {
|
|
123
|
+
.mdc-checkbox .mat-mdc-checkbox-touch-target {
|
|
124
|
+
background: map-get(theme.$arm-neutral, A200) !important;
|
|
125
|
+
}
|
|
126
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,
|
|
127
|
+
.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background {
|
|
128
|
+
border-color: map-get(theme.$arm-neutral, 800) !important;
|
|
129
|
+
background-color: map-get(theme.$arm-neutral, 800) !important;
|
|
130
|
+
}
|
|
131
|
+
}
|
|
113
132
|
}
|
|
114
133
|
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
134
|
+
label {
|
|
135
|
+
padding: 0 0 0 8px !important;
|
|
136
|
+
font-family: "Poppins", sans-serif !important;
|
|
137
|
+
letter-spacing: 0px !important;
|
|
138
|
+
font-size: 16px !important;
|
|
139
|
+
line-height: $sof-checkbox-size !important;
|
|
121
140
|
}
|
|
122
141
|
}
|
|
123
142
|
|
|
124
143
|
.word-wrap-checkboxes-override label {
|
|
125
144
|
white-space: initial !important;
|
|
126
|
-
|
|
127
145
|
@media only screen and (max-width: vars.$mat-lt-md) {
|
|
128
|
-
white-space: initial;
|
|
146
|
+
white-space: initial !important;
|
|
129
147
|
}
|
|
130
148
|
}
|
package/esm2022/lib/mfe/components/entity-inject-wrapper/entity-inject-wrapper.component.mjs
CHANGED
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import { Component, EventEmitter, Output } from '@angular/core';
|
|
2
2
|
import { MatButtonModule } from '@angular/material/button';
|
|
3
3
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
4
|
+
import { FlexLayoutModule } from '@ngbracket/ngx-layout';
|
|
4
5
|
import { TranslateModule } from '@ngx-translate/core';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
import * as i1 from "@angular/material/tooltip";
|
|
7
8
|
import * as i2 from "@angular/material/button";
|
|
8
9
|
import * as i3 from "@ngx-translate/core";
|
|
10
|
+
import * as i4 from "@ngbracket/ngx-layout/flex";
|
|
9
11
|
/** Entity inject wrapper */
|
|
10
12
|
export class EntityInjectWrapperComponent {
|
|
11
13
|
constructor() {
|
|
@@ -23,18 +25,19 @@ export class EntityInjectWrapperComponent {
|
|
|
23
25
|
this.closeClicked.emit();
|
|
24
26
|
}
|
|
25
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EntityInjectWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
26
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EntityInjectWrapperComponent, isStandalone: true, selector: "lib-entity-inject-wrapper", outputs: { expandClicked: "expandClicked", closeClicked: "closeClicked" }, ngImport: i0, template: "<div fxLayout=\"column\" class=\"top-container\">\r\n <div fxFlex=\"row\" fxLayoutAlign=\"end center\" class=\"button-container\">\r\n <button id=\"expandBtn\" (click)=\"openEntityView()\" mat-flat-button class=\"icon-button sof-button-v2\"\r\n matTooltip=\"{{'entity.common.expand' | translate}}\" theme=\"primary\" emphasis=\"floating\">\r\n <i class=\"ph ph-arrows-out-simple\"></i>\r\n </button>\r\n \r\n <!-- Close -->\r\n <button id=\"closeBtn\" [disabled]=\"false\" (click)=\"returnToQueueView()\" mat-flat-button\r\n matTooltip=\"{{'entity.common.close' | translate}}\" class=\"icon-button sof-button-v2\" theme=\"primary\"\r\n emphasis=\"floating\">\r\n <i class=\"ph ph-x\"></i>\r\n </button>\r\n </div>\r\n\r\n <div fxFlex=\"column\" class=\"content-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".content-container{padding:12px}.top-container{width:100%}.button-container{padding-top:12px}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EntityInjectWrapperComponent, isStandalone: true, selector: "lib-entity-inject-wrapper", outputs: { expandClicked: "expandClicked", closeClicked: "closeClicked" }, ngImport: i0, template: "<div fxLayout=\"column\" class=\"top-container\">\r\n <div fxFlex=\"row\" fxLayoutAlign=\"end center\" class=\"button-container\">\r\n <button id=\"expandBtn\" (click)=\"openEntityView()\" mat-flat-button class=\"icon-button sof-button-v2\"\r\n matTooltip=\"{{'entity.common.expand' | translate}}\" theme=\"primary\" emphasis=\"floating\">\r\n <i class=\"ph ph-arrows-out-simple\"></i>\r\n </button>\r\n \r\n <!-- Close -->\r\n <button id=\"closeBtn\" [disabled]=\"false\" (click)=\"returnToQueueView()\" mat-flat-button\r\n matTooltip=\"{{'entity.common.close' | translate}}\" class=\"icon-button sof-button-v2\" theme=\"primary\"\r\n emphasis=\"floating\">\r\n <i class=\"ph ph-x\"></i>\r\n </button>\r\n </div>\r\n\r\n <div fxFlex=\"column\" class=\"content-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".content-container{padding:12px}.top-container{width:100%}.button-container{padding-top:12px}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] }); }
|
|
27
29
|
}
|
|
28
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EntityInjectWrapperComponent, decorators: [{
|
|
29
31
|
type: Component,
|
|
30
32
|
args: [{ selector: 'lib-entity-inject-wrapper', standalone: true, imports: [
|
|
31
33
|
MatTooltipModule,
|
|
32
34
|
MatButtonModule,
|
|
33
|
-
TranslateModule
|
|
35
|
+
TranslateModule,
|
|
36
|
+
FlexLayoutModule
|
|
34
37
|
], template: "<div fxLayout=\"column\" class=\"top-container\">\r\n <div fxFlex=\"row\" fxLayoutAlign=\"end center\" class=\"button-container\">\r\n <button id=\"expandBtn\" (click)=\"openEntityView()\" mat-flat-button class=\"icon-button sof-button-v2\"\r\n matTooltip=\"{{'entity.common.expand' | translate}}\" theme=\"primary\" emphasis=\"floating\">\r\n <i class=\"ph ph-arrows-out-simple\"></i>\r\n </button>\r\n \r\n <!-- Close -->\r\n <button id=\"closeBtn\" [disabled]=\"false\" (click)=\"returnToQueueView()\" mat-flat-button\r\n matTooltip=\"{{'entity.common.close' | translate}}\" class=\"icon-button sof-button-v2\" theme=\"primary\"\r\n emphasis=\"floating\">\r\n <i class=\"ph ph-x\"></i>\r\n </button>\r\n </div>\r\n\r\n <div fxFlex=\"column\" class=\"content-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".content-container{padding:12px}.top-container{width:100%}.button-container{padding-top:12px}\n"] }]
|
|
35
38
|
}], propDecorators: { expandClicked: [{
|
|
36
39
|
type: Output
|
|
37
40
|
}], closeClicked: [{
|
|
38
41
|
type: Output
|
|
39
42
|
}] } });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZW50aXR5LWluamVjdC13cmFwcGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FybWF0dXJlL3NyYy9saWIvbWZlL2NvbXBvbmVudHMvZW50aXR5LWluamVjdC13cmFwcGVyL2VudGl0eS1pbmplY3Qtd3JhcHBlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hcm1hdHVyZS9zcmMvbGliL21mZS9jb21wb25lbnRzL2VudGl0eS1pbmplY3Qtd3JhcHBlci9lbnRpdHktaW5qZWN0LXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7OztBQUV0RCw0QkFBNEI7QUFhNUIsTUFBTSxPQUFPLDRCQUE0QjtJQVp6QztRQWFFLHVDQUF1QztRQUN0QixrQkFBYSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBRXZFLHNDQUFzQztRQUNyQixpQkFBWSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO0tBV3ZFO0lBVEMsMkNBQTJDO0lBQ3BDLGNBQWM7UUFDbkIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsNkJBQTZCO0lBQ3RCLGlCQUFpQjtRQUN0QixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzNCLENBQUM7OEdBZlUsNEJBQTRCO2tHQUE1Qiw0QkFBNEIsZ0tDbkJ6Qyw4NkJBa0JNLHdKRFBGLGdCQUFnQiw0VEFDaEIsZUFBZSwyTkFDZixlQUFlLDJGQUNmLGdCQUFnQjs7MkZBS1AsNEJBQTRCO2tCQVp4QyxTQUFTOytCQUNFLDJCQUEyQixjQUN6QixJQUFJLFdBQ1A7d0JBQ1AsZ0JBQWdCO3dCQUNoQixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsZ0JBQWdCO3FCQUNqQjs4QkFNZ0IsYUFBYTtzQkFBN0IsTUFBTTtnQkFHVSxZQUFZO3NCQUE1QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIE91dHB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XHJcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcclxuaW1wb3J0IHsgRmxleExheW91dE1vZHVsZSB9IGZyb20gJ0BuZ2JyYWNrZXQvbmd4LWxheW91dCc7XHJcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xyXG5cclxuLyoqIEVudGl0eSBpbmplY3Qgd3JhcHBlciAqL1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1lbnRpdHktaW5qZWN0LXdyYXBwZXInLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW1xyXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcclxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcclxuICAgIFRyYW5zbGF0ZU1vZHVsZSxcclxuICAgIEZsZXhMYXlvdXRNb2R1bGVcclxuICBdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9lbnRpdHktaW5qZWN0LXdyYXBwZXIuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9lbnRpdHktaW5qZWN0LXdyYXBwZXIuY29tcG9uZW50LnNjc3MnXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFbnRpdHlJbmplY3RXcmFwcGVyQ29tcG9uZW50IHtcclxuICAvKiogVGhlIGV4cGFuZCBjbGlja2VkIGV2ZW50IGVtaXR0ZXIgKi9cclxuICBAT3V0cHV0KCkgcHVibGljIGV4cGFuZENsaWNrZWQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICAvKiogVGhlIGNsb3NlIGNsaWNrZWQgZXZlbnQgZW1pdHRlciAqL1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgY2xvc2VDbGlja2VkOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuXHJcbiAgLyoqIE9wZW5zIHRoZSBlbnRpdHkgdmlldyB0byBmdWxsIHNjcmVlbiAqL1xyXG4gIHB1YmxpYyBvcGVuRW50aXR5VmlldygpOiB2b2lkIHtcclxuICAgIHRoaXMuZXhwYW5kQ2xpY2tlZC5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICAvKiogQ2xvc2VzIHRoZSBlbnRpdHkgdmlldyAqL1xyXG4gIHB1YmxpYyByZXR1cm5Ub1F1ZXVlVmlldygpOiB2b2lkIHtcclxuICAgIHRoaXMuY2xvc2VDbGlja2VkLmVtaXQoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBmeExheW91dD1cImNvbHVtblwiIGNsYXNzPVwidG9wLWNvbnRhaW5lclwiPlxyXG4gICAgPGRpdiBmeEZsZXg9XCJyb3dcIiBmeExheW91dEFsaWduPVwiZW5kIGNlbnRlclwiIGNsYXNzPVwiYnV0dG9uLWNvbnRhaW5lclwiPlxyXG4gICAgICAgIDxidXR0b24gaWQ9XCJleHBhbmRCdG5cIiAoY2xpY2spPVwib3BlbkVudGl0eVZpZXcoKVwiIG1hdC1mbGF0LWJ1dHRvbiBjbGFzcz1cImljb24tYnV0dG9uIHNvZi1idXR0b24tdjJcIlxyXG4gICAgICAgICAgICBtYXRUb29sdGlwPVwie3snZW50aXR5LmNvbW1vbi5leHBhbmQnIHwgdHJhbnNsYXRlfX1cIiB0aGVtZT1cInByaW1hcnlcIiBlbXBoYXNpcz1cImZsb2F0aW5nXCI+XHJcbiAgICAgICAgICAgIDxpIGNsYXNzPVwicGggcGgtYXJyb3dzLW91dC1zaW1wbGVcIj48L2k+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICAgICAgXHJcbiAgICAgICAgPCEtLSBDbG9zZSAtLT5cclxuICAgICAgICA8YnV0dG9uIGlkPVwiY2xvc2VCdG5cIiBbZGlzYWJsZWRdPVwiZmFsc2VcIiAoY2xpY2spPVwicmV0dXJuVG9RdWV1ZVZpZXcoKVwiIG1hdC1mbGF0LWJ1dHRvblxyXG4gICAgICAgICAgICBtYXRUb29sdGlwPVwie3snZW50aXR5LmNvbW1vbi5jbG9zZScgfCB0cmFuc2xhdGV9fVwiIGNsYXNzPVwiaWNvbi1idXR0b24gc29mLWJ1dHRvbi12MlwiIHRoZW1lPVwicHJpbWFyeVwiXHJcbiAgICAgICAgICAgIGVtcGhhc2lzPVwiZmxvYXRpbmdcIj5cclxuICAgICAgICAgICAgPGkgY2xhc3M9XCJwaCBwaC14XCI+PC9pPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcblxyXG4gICAgPGRpdiBmeEZsZXg9XCJjb2x1bW5cIiBjbGFzcz1cImNvbnRlbnQtY29udGFpbmVyXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbjwvZGl2PiJdfQ==
|
|
@@ -9361,14 +9361,15 @@ class EntityInjectWrapperComponent {
|
|
|
9361
9361
|
this.closeClicked.emit();
|
|
9362
9362
|
}
|
|
9363
9363
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EntityInjectWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
9364
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EntityInjectWrapperComponent, isStandalone: true, selector: "lib-entity-inject-wrapper", outputs: { expandClicked: "expandClicked", closeClicked: "closeClicked" }, ngImport: i0, template: "<div fxLayout=\"column\" class=\"top-container\">\r\n <div fxFlex=\"row\" fxLayoutAlign=\"end center\" class=\"button-container\">\r\n <button id=\"expandBtn\" (click)=\"openEntityView()\" mat-flat-button class=\"icon-button sof-button-v2\"\r\n matTooltip=\"{{'entity.common.expand' | translate}}\" theme=\"primary\" emphasis=\"floating\">\r\n <i class=\"ph ph-arrows-out-simple\"></i>\r\n </button>\r\n \r\n <!-- Close -->\r\n <button id=\"closeBtn\" [disabled]=\"false\" (click)=\"returnToQueueView()\" mat-flat-button\r\n matTooltip=\"{{'entity.common.close' | translate}}\" class=\"icon-button sof-button-v2\" theme=\"primary\"\r\n emphasis=\"floating\">\r\n <i class=\"ph ph-x\"></i>\r\n </button>\r\n </div>\r\n\r\n <div fxFlex=\"column\" class=\"content-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".content-container{padding:12px}.top-container{width:100%}.button-container{padding-top:12px}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }] }); }
|
|
9364
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: EntityInjectWrapperComponent, isStandalone: true, selector: "lib-entity-inject-wrapper", outputs: { expandClicked: "expandClicked", closeClicked: "closeClicked" }, ngImport: i0, template: "<div fxLayout=\"column\" class=\"top-container\">\r\n <div fxFlex=\"row\" fxLayoutAlign=\"end center\" class=\"button-container\">\r\n <button id=\"expandBtn\" (click)=\"openEntityView()\" mat-flat-button class=\"icon-button sof-button-v2\"\r\n matTooltip=\"{{'entity.common.expand' | translate}}\" theme=\"primary\" emphasis=\"floating\">\r\n <i class=\"ph ph-arrows-out-simple\"></i>\r\n </button>\r\n \r\n <!-- Close -->\r\n <button id=\"closeBtn\" [disabled]=\"false\" (click)=\"returnToQueueView()\" mat-flat-button\r\n matTooltip=\"{{'entity.common.close' | translate}}\" class=\"icon-button sof-button-v2\" theme=\"primary\"\r\n emphasis=\"floating\">\r\n <i class=\"ph ph-x\"></i>\r\n </button>\r\n </div>\r\n\r\n <div fxFlex=\"column\" class=\"content-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".content-container{padding:12px}.top-container{width:100%}.button-container{padding-top:12px}\n"], dependencies: [{ kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i12.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i2$1.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: FlexLayoutModule }, { kind: "directive", type: i2.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] }); }
|
|
9365
9365
|
}
|
|
9366
9366
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: EntityInjectWrapperComponent, decorators: [{
|
|
9367
9367
|
type: Component,
|
|
9368
9368
|
args: [{ selector: 'lib-entity-inject-wrapper', standalone: true, imports: [
|
|
9369
9369
|
MatTooltipModule,
|
|
9370
9370
|
MatButtonModule,
|
|
9371
|
-
TranslateModule
|
|
9371
|
+
TranslateModule,
|
|
9372
|
+
FlexLayoutModule
|
|
9372
9373
|
], template: "<div fxLayout=\"column\" class=\"top-container\">\r\n <div fxFlex=\"row\" fxLayoutAlign=\"end center\" class=\"button-container\">\r\n <button id=\"expandBtn\" (click)=\"openEntityView()\" mat-flat-button class=\"icon-button sof-button-v2\"\r\n matTooltip=\"{{'entity.common.expand' | translate}}\" theme=\"primary\" emphasis=\"floating\">\r\n <i class=\"ph ph-arrows-out-simple\"></i>\r\n </button>\r\n \r\n <!-- Close -->\r\n <button id=\"closeBtn\" [disabled]=\"false\" (click)=\"returnToQueueView()\" mat-flat-button\r\n matTooltip=\"{{'entity.common.close' | translate}}\" class=\"icon-button sof-button-v2\" theme=\"primary\"\r\n emphasis=\"floating\">\r\n <i class=\"ph ph-x\"></i>\r\n </button>\r\n </div>\r\n\r\n <div fxFlex=\"column\" class=\"content-container\">\r\n <ng-content></ng-content>\r\n </div>\r\n</div>", styles: [".content-container{padding:12px}.top-container{width:100%}.button-container{padding-top:12px}\n"] }]
|
|
9373
9374
|
}], propDecorators: { expandClicked: [{
|
|
9374
9375
|
type: Output
|