@fundamental-ngx/core 0.59.1-rc.21 → 0.59.1-rc.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs +72 -231
- package/fesm2022/fundamental-ngx-core-layout-panel.mjs.map +1 -1
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs +137 -131
- package/fesm2022/fundamental-ngx-core-status-indicator.mjs.map +1 -1
- package/package.json +3 -3
- package/types/fundamental-ngx-core-layout-panel.d.ts +19 -131
- package/types/fundamental-ngx-core-status-indicator.d.ts +40 -56
|
@@ -1,28 +1,9 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
3
|
-
import { __decorate, __metadata } from 'tslib';
|
|
4
|
-
import { applyCssClass } from '@fundamental-ngx/cdk/utils';
|
|
2
|
+
import { ChangeDetectionStrategy, ViewEncapsulation, Component, input, booleanAttribute, inject, ElementRef, Directive, computed, NgModule } from '@angular/core';
|
|
5
3
|
|
|
6
|
-
/**
|
|
7
|
-
* Layout Panel level actions such as add, remove, delete, sort, etc.
|
|
8
|
-
*
|
|
9
|
-
* ```html
|
|
10
|
-
* <fd-layout-panel>
|
|
11
|
-
* <fd-layout-panel-header>
|
|
12
|
-
* <fd-layout-panel-actions>
|
|
13
|
-
* <button fd-button (click)="action()">Action</button>
|
|
14
|
-
* </fd-layout-panel-actions>
|
|
15
|
-
* </fd-layout-panel-header>
|
|
16
|
-
* </fd-layout-panel>
|
|
17
|
-
* ```
|
|
18
|
-
*/
|
|
19
4
|
class LayoutPanelActionsComponent {
|
|
20
|
-
constructor() {
|
|
21
|
-
/** @hidden */
|
|
22
|
-
this.fdLayoutPanelActionsClass = true;
|
|
23
|
-
}
|
|
24
5
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: LayoutPanelActionsComponent, isStandalone: true, selector: "fd-layout-panel-actions", host: {
|
|
6
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: LayoutPanelActionsComponent, isStandalone: true, selector: "fd-layout-panel-actions", host: { classAttribute: "fd-layout-panel__actions" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
26
7
|
}
|
|
27
8
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelActionsComponent, decorators: [{
|
|
28
9
|
type: Component,
|
|
@@ -31,96 +12,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
31
12
|
template: `<ng-content></ng-content>`,
|
|
32
13
|
encapsulation: ViewEncapsulation.None,
|
|
33
14
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
34
|
-
|
|
15
|
+
host: {
|
|
16
|
+
class: 'fd-layout-panel__actions'
|
|
17
|
+
}
|
|
35
18
|
}]
|
|
36
|
-
}]
|
|
37
|
-
type: HostBinding,
|
|
38
|
-
args: ['class.fd-layout-panel__actions']
|
|
39
|
-
}] } });
|
|
19
|
+
}] });
|
|
40
20
|
|
|
41
|
-
/**
|
|
42
|
-
* Main content of the panel can that hold lists, table, tree, text, form or any other information.
|
|
43
|
-
*
|
|
44
|
-
* ```html
|
|
45
|
-
* <fd-layout-panel>
|
|
46
|
-
* <fd-layout-panel-body>
|
|
47
|
-
* Some text can go here!
|
|
48
|
-
* </fd-layout-panel-body>
|
|
49
|
-
* </fd-layout-panel>
|
|
50
|
-
* ```
|
|
51
|
-
*/
|
|
52
21
|
class LayoutPanelBodyComponent {
|
|
53
22
|
constructor() {
|
|
54
|
-
/**
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
23
|
+
/**
|
|
24
|
+
* Whether the edges of the panel should have bleeding padding.
|
|
25
|
+
* @default false
|
|
26
|
+
*/
|
|
27
|
+
this.bleed = input(false, { ...(ngDevMode ? { debugName: "bleed" } : {}), transform: booleanAttribute });
|
|
58
28
|
}
|
|
59
29
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
60
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: LayoutPanelBodyComponent, isStandalone: true, selector: "fd-layout-panel-body", inputs: { bleed: { classPropertyName: "bleed", publicName: "bleed", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-layout-panel__body--bleed": "bleed()" }, classAttribute: "fd-layout-panel__body fd-has-display-block" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
61
31
|
}
|
|
62
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelBodyComponent, decorators: [{
|
|
63
33
|
type: Component,
|
|
64
34
|
args: [{
|
|
65
35
|
selector: 'fd-layout-panel-body',
|
|
66
36
|
template: `<ng-content></ng-content>`,
|
|
67
|
-
host: {
|
|
68
|
-
'[class.fd-has-display-block]': 'true'
|
|
69
|
-
},
|
|
70
37
|
encapsulation: ViewEncapsulation.None,
|
|
71
38
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
72
|
-
|
|
39
|
+
host: {
|
|
40
|
+
class: 'fd-layout-panel__body fd-has-display-block',
|
|
41
|
+
'[class.fd-layout-panel__body--bleed]': 'bleed()'
|
|
42
|
+
}
|
|
73
43
|
}]
|
|
74
|
-
}], propDecorators: {
|
|
75
|
-
type: HostBinding,
|
|
76
|
-
args: ['class.fd-layout-panel__body']
|
|
77
|
-
}], bleed: [{
|
|
78
|
-
type: Input
|
|
79
|
-
}, {
|
|
80
|
-
type: HostBinding,
|
|
81
|
-
args: ['class.fd-layout-panel__body--bleed']
|
|
82
|
-
}] } });
|
|
44
|
+
}], propDecorators: { bleed: [{ type: i0.Input, args: [{ isSignal: true, alias: "bleed", required: false }] }] } });
|
|
83
45
|
|
|
84
|
-
/**
|
|
85
|
-
* Description of the panel title.
|
|
86
|
-
*
|
|
87
|
-
* ```html
|
|
88
|
-
* <fd-layout-panel>
|
|
89
|
-
* <fd-layout-panel-header>
|
|
90
|
-
* <fd-layout-panel-head>
|
|
91
|
-
* <fd-layout-panel-description>This is a description for a panel title!</fd-layout-panel-description>
|
|
92
|
-
* </fd-layout-panel-head>
|
|
93
|
-
* </fd-layout-panel-header>
|
|
94
|
-
* </fd-layout-panel>
|
|
95
|
-
* ```
|
|
96
|
-
*/
|
|
97
46
|
class LayoutPanelDescriptionComponent {
|
|
98
47
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
99
48
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: LayoutPanelDescriptionComponent, isStandalone: true, selector: "fd-layout-panel-description", ngImport: i0, template: "<p class=\"fd-layout-panel__description\">\n <ng-content></ng-content>\n</p>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
100
49
|
}
|
|
101
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelDescriptionComponent, decorators: [{
|
|
102
51
|
type: Component,
|
|
103
|
-
args: [{ selector: 'fd-layout-panel-description', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
52
|
+
args: [{ selector: 'fd-layout-panel-description', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<p class=\"fd-layout-panel__description\">\n <ng-content></ng-content>\n</p>\n" }]
|
|
104
53
|
}] });
|
|
105
54
|
|
|
106
|
-
/**
|
|
107
|
-
* Layout Panel level filters that is specific to the data being displayed within the panel.
|
|
108
|
-
*
|
|
109
|
-
* ```html
|
|
110
|
-
* <fd-layout-panel>
|
|
111
|
-
* <fd-layout-panel-filters>
|
|
112
|
-
* Some text can go here!
|
|
113
|
-
* </fd-layout-panel-filters>
|
|
114
|
-
* </fd-layout-panel>
|
|
115
|
-
* ```
|
|
116
|
-
*/
|
|
117
55
|
class LayoutPanelFiltersComponent {
|
|
118
|
-
constructor() {
|
|
119
|
-
/** @hidden */
|
|
120
|
-
this.fdLayoutPanelFiltersClass = true;
|
|
121
|
-
}
|
|
122
56
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelFiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
123
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: LayoutPanelFiltersComponent, isStandalone: true, selector: "fd-layout-panel-filters", host: {
|
|
57
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: LayoutPanelFiltersComponent, isStandalone: true, selector: "fd-layout-panel-filters", host: { classAttribute: "fd-layout-panel__filters fd-has-display-block" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
124
58
|
}
|
|
125
59
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelFiltersComponent, decorators: [{
|
|
126
60
|
type: Component,
|
|
@@ -128,47 +62,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
128
62
|
selector: 'fd-layout-panel-filters',
|
|
129
63
|
template: `<ng-content></ng-content>`,
|
|
130
64
|
host: {
|
|
131
|
-
'
|
|
65
|
+
class: 'fd-layout-panel__filters fd-has-display-block'
|
|
132
66
|
},
|
|
133
67
|
encapsulation: ViewEncapsulation.None,
|
|
134
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
135
|
-
standalone: true
|
|
68
|
+
changeDetection: ChangeDetectionStrategy.OnPush
|
|
136
69
|
}]
|
|
137
|
-
}]
|
|
138
|
-
type: HostBinding,
|
|
139
|
-
args: ['class.fd-layout-panel__filters']
|
|
140
|
-
}] } });
|
|
70
|
+
}] });
|
|
141
71
|
|
|
142
72
|
class LayoutPanelFooterComponent {
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
this.position ? `fd-layout-panel__footer--${this.position}` : '',
|
|
152
|
-
this.class
|
|
153
|
-
];
|
|
154
|
-
}
|
|
155
|
-
/** @hidden */
|
|
156
|
-
ngOnInit() {
|
|
157
|
-
this.buildComponentCssClass();
|
|
158
|
-
}
|
|
159
|
-
/** @hidden */
|
|
160
|
-
ngOnChanges() {
|
|
161
|
-
this.buildComponentCssClass();
|
|
73
|
+
constructor() {
|
|
74
|
+
/**
|
|
75
|
+
* Footer variations, can be start (left aligned), end (right aligned) or null for default.
|
|
76
|
+
* The default value will render the content of the footer in the middle.
|
|
77
|
+
*/
|
|
78
|
+
this.position = input(null, ...(ngDevMode ? [{ debugName: "position" }] : []));
|
|
79
|
+
/** @hidden */
|
|
80
|
+
this.elementRef = inject(ElementRef);
|
|
162
81
|
}
|
|
163
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelFooterComponent, deps: [
|
|
164
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
82
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
83
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: LayoutPanelFooterComponent, isStandalone: true, selector: "fd-layout-panel-footer", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fd-layout-panel__footer--start": "position() === \"start\"", "class.fd-layout-panel__footer--end": "position() === \"end\"" }, classAttribute: "fd-layout-panel__footer" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
165
84
|
}
|
|
166
|
-
__decorate([
|
|
167
|
-
applyCssClass,
|
|
168
|
-
__metadata("design:type", Function),
|
|
169
|
-
__metadata("design:paramtypes", []),
|
|
170
|
-
__metadata("design:returntype", Array)
|
|
171
|
-
], LayoutPanelFooterComponent.prototype, "buildComponentCssClass", null);
|
|
172
85
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelFooterComponent, decorators: [{
|
|
173
86
|
type: Component,
|
|
174
87
|
args: [{
|
|
@@ -176,34 +89,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
176
89
|
template: `<ng-content></ng-content>`,
|
|
177
90
|
encapsulation: ViewEncapsulation.None,
|
|
178
91
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
179
|
-
|
|
92
|
+
host: {
|
|
93
|
+
class: 'fd-layout-panel__footer',
|
|
94
|
+
'[class.fd-layout-panel__footer--start]': 'position() === "start"',
|
|
95
|
+
'[class.fd-layout-panel__footer--end]': 'position() === "end"'
|
|
96
|
+
}
|
|
180
97
|
}]
|
|
181
|
-
}],
|
|
182
|
-
type: Input
|
|
183
|
-
}], position: [{
|
|
184
|
-
type: Input
|
|
185
|
-
}], buildComponentCssClass: [] } });
|
|
98
|
+
}], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
|
|
186
99
|
|
|
187
|
-
/**
|
|
188
|
-
* Container for title and description.
|
|
189
|
-
*
|
|
190
|
-
* ```html
|
|
191
|
-
* <fd-layout-panel>
|
|
192
|
-
* <fd-layout-panel-header>
|
|
193
|
-
* <fd-layout-panel-head>
|
|
194
|
-
* <fd-layout-panel-title>Title!</fd-layout-panel-title>
|
|
195
|
-
* </fd-layout-panel-head>
|
|
196
|
-
* </fd-layout-panel-header>
|
|
197
|
-
* </fd-layout-panel>
|
|
198
|
-
* ```
|
|
199
|
-
*/
|
|
200
100
|
class LayoutPanelHeadComponent {
|
|
201
|
-
constructor() {
|
|
202
|
-
/** @hidden */
|
|
203
|
-
this.fdLayoutPanelHeadClass = true;
|
|
204
|
-
}
|
|
205
101
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelHeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
206
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: LayoutPanelHeadComponent, isStandalone: true, selector: "fd-layout-panel-head", host: {
|
|
102
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: LayoutPanelHeadComponent, isStandalone: true, selector: "fd-layout-panel-head", host: { classAttribute: "fd-layout-panel__head" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
207
103
|
}
|
|
208
104
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelHeadComponent, decorators: [{
|
|
209
105
|
type: Component,
|
|
@@ -212,57 +108,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
212
108
|
template: `<ng-content></ng-content>`,
|
|
213
109
|
encapsulation: ViewEncapsulation.None,
|
|
214
110
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
215
|
-
|
|
111
|
+
host: {
|
|
112
|
+
class: 'fd-layout-panel__head'
|
|
113
|
+
}
|
|
216
114
|
}]
|
|
217
|
-
}]
|
|
218
|
-
type: HostBinding,
|
|
219
|
-
args: ['class.fd-layout-panel__head']
|
|
220
|
-
}] } });
|
|
115
|
+
}] });
|
|
221
116
|
|
|
222
|
-
/**
|
|
223
|
-
* Header of the panel. Contains a head and actions.
|
|
224
|
-
*
|
|
225
|
-
* ```html
|
|
226
|
-
* <fd-layout-panel>
|
|
227
|
-
* <fd-layout-panel-header>
|
|
228
|
-
* <fd-layout-panel-head>
|
|
229
|
-
* <fd-layout-panel-title>Title!</fd-layout-panel-title>
|
|
230
|
-
* </fd-layout-panel-head>
|
|
231
|
-
* </fd-layout-panel-header>
|
|
232
|
-
* </fd-layout-panel>
|
|
233
|
-
* ```
|
|
234
|
-
*/
|
|
235
117
|
class LayoutPanelHeaderComponent {
|
|
236
|
-
constructor() {
|
|
237
|
-
/** @hidden */
|
|
238
|
-
this.fdLayoutPanelHeaderClass = true;
|
|
239
|
-
}
|
|
240
118
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
241
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: LayoutPanelHeaderComponent, isStandalone: true, selector: "fd-layout-panel-header", host: {
|
|
119
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: LayoutPanelHeaderComponent, isStandalone: true, selector: "fd-layout-panel-header", host: { classAttribute: "fd-layout-panel__header" }, ngImport: i0, template: "<ng-content select=\"fd-layout-panel-head\"></ng-content>\n<ng-content select=\"fd-layout-panel-actions\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
242
120
|
}
|
|
243
121
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelHeaderComponent, decorators: [{
|
|
244
122
|
type: Component,
|
|
245
|
-
args: [{ selector: 'fd-layout-panel-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush,
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
}] } });
|
|
123
|
+
args: [{ selector: 'fd-layout-panel-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
124
|
+
class: 'fd-layout-panel__header'
|
|
125
|
+
}, template: "<ng-content select=\"fd-layout-panel-head\"></ng-content>\n<ng-content select=\"fd-layout-panel-actions\"></ng-content>\n" }]
|
|
126
|
+
}] });
|
|
250
127
|
|
|
251
|
-
/**
|
|
252
|
-
* Applies the panel title style to a header element. It can be used with any header level.
|
|
253
|
-
*
|
|
254
|
-
* ```html
|
|
255
|
-
* <h1 fd-layout-panel-title>Layout Panel Title</h1>
|
|
256
|
-
* <h3 fd-layout-panel-title>Layout Panel Title</h3>
|
|
257
|
-
* ```
|
|
258
|
-
*/
|
|
259
128
|
class LayoutPanelTitleDirective {
|
|
260
|
-
constructor() {
|
|
261
|
-
/** @hidden */
|
|
262
|
-
this.fdLayoutPanelTitleClass = 'fd-title fd-title--h5';
|
|
263
|
-
}
|
|
264
129
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
265
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: LayoutPanelTitleDirective, isStandalone: true, selector: "[fd-layout-panel-title]", host: {
|
|
130
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: LayoutPanelTitleDirective, isStandalone: true, selector: "[fd-layout-panel-title]", host: { classAttribute: "fd-title fd-title--h5" }, ngImport: i0 }); }
|
|
266
131
|
}
|
|
267
132
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelTitleDirective, decorators: [{
|
|
268
133
|
type: Directive,
|
|
@@ -270,63 +135,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImpor
|
|
|
270
135
|
// TODO to be discussed
|
|
271
136
|
// eslint-disable-next-line @angular-eslint/directive-selector
|
|
272
137
|
selector: '[fd-layout-panel-title]',
|
|
273
|
-
|
|
138
|
+
host: {
|
|
139
|
+
class: 'fd-title fd-title--h5'
|
|
140
|
+
}
|
|
274
141
|
}]
|
|
275
|
-
}]
|
|
276
|
-
type: HostBinding,
|
|
277
|
-
args: ['class']
|
|
278
|
-
}] } });
|
|
142
|
+
}] });
|
|
279
143
|
|
|
280
144
|
let layoutPanelUniqueId = 0;
|
|
281
|
-
/**
|
|
282
|
-
* Layout Panels are used to encapsulate part of the content, form elements, lists, collections, etc., on a page.
|
|
283
|
-
*/
|
|
284
145
|
class LayoutPanelComponent {
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
this.
|
|
146
|
+
constructor() {
|
|
147
|
+
/** Background image of the panel. */
|
|
148
|
+
this.backgroundImage = input(...(ngDevMode ? [undefined, { debugName: "backgroundImage" }] : []));
|
|
288
149
|
/** Id for the layout panel element. */
|
|
289
|
-
this.id = 'fd-layout-panel-' + layoutPanelUniqueId
|
|
290
|
-
/** @hidden */
|
|
291
|
-
this.fdLayoutPanelClass = true;
|
|
150
|
+
this.id = input('fd-layout-panel-' + ++layoutPanelUniqueId, ...(ngDevMode ? [{ debugName: "id" }] : []));
|
|
292
151
|
/** Whether the background of the panel should be transparent. */
|
|
293
|
-
this.transparent = false;
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
/** @hidden */
|
|
300
|
-
ngOnInit() {
|
|
301
|
-
this._applyBackgroundImage();
|
|
302
|
-
}
|
|
303
|
-
/** @hidden */
|
|
304
|
-
_applyBackgroundImage() {
|
|
305
|
-
if (this.backgroundImage) {
|
|
306
|
-
this.elRef.nativeElement.style['background-image'] = 'url("' + this.backgroundImage + '")';
|
|
307
|
-
}
|
|
152
|
+
this.transparent = input(false, { ...(ngDevMode ? { debugName: "transparent" } : {}), transform: booleanAttribute });
|
|
153
|
+
/** @hidden */
|
|
154
|
+
this.backgroundImageUrl = computed(() => {
|
|
155
|
+
const image = this.backgroundImage();
|
|
156
|
+
return image ? `url("${image}")` : null;
|
|
157
|
+
}, ...(ngDevMode ? [{ debugName: "backgroundImageUrl" }] : []));
|
|
308
158
|
}
|
|
309
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelComponent, deps: [
|
|
310
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
159
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
160
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.0", type: LayoutPanelComponent, isStandalone: true, selector: "fd-layout-panel", inputs: { backgroundImage: { classPropertyName: "backgroundImage", publicName: "backgroundImage", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, transparent: { classPropertyName: "transparent", publicName: "transparent", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.id": "id()", "class.fd-layout-panel--transparent": "transparent()", "style.background-image": "backgroundImageUrl()" }, classAttribute: "fd-layout-panel fd-has-display-block" }, ngImport: i0, template: "<ng-content select=\"fd-layout-panel-header\"></ng-content>\n<ng-content select=\"fd-layout-panel-filters\"></ng-content>\n<ng-content select=\"fd-layout-panel-body\"></ng-content>\n<ng-content select=\"fd-layout-panel-footer\"></ng-content>\n<ng-content></ng-content>\n", styles: [".fd-layout-panel{background-color:var(--sapGroup_ContentBackground);border:0;border-radius:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0}.fd-layout-panel:after{clear:both;content:\"\";display:table}.fd-layout-panel:after,.fd-layout-panel:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel--transparent{background-color:transparent}.fd-layout-panel__header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);justify-content:space-between;min-height:2.5rem;padding-block:1rem;padding-inline:1rem}.fd-layout-panel__header:after,.fd-layout-panel__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel__head{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-layout-panel__head:after,.fd-layout-panel__head:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel .fd-layout-panel__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-margin-after:0;color:var(--sapGroup_TitleTextColor);font-size:var(--sapGroup_TitleFontSize);margin-block-end:0}.fd-layout-panel .fd-layout-panel__title:after,.fd-layout-panel .fd-layout-panel__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel .fd-layout-panel__title h1,.fd-layout-panel .fd-layout-panel__title h2,.fd-layout-panel .fd-layout-panel__title h3,.fd-layout-panel .fd-layout-panel__title h4,.fd-layout-panel .fd-layout-panel__title h5,.fd-layout-panel .fd-layout-panel__title h6{color:var(--sapGroup_TitleTextColor);font-size:var(--sapGroup_Title_FontSize)}.fd-layout-panel__description{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:.25rem;padding-block:0;padding-inline:0}.fd-layout-panel__description:after,.fd-layout-panel__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-layout-panel__actions:after,.fd-layout-panel__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel__filters{border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:1rem;-webkit-transition:all .15s ease-in;transition:all .15s ease-in}.fd-layout-panel__filters:after,.fd-layout-panel__filters:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel__filters.is-hidden{max-height:0;overflow:hidden;padding-block:0}.fd-layout-panel__body{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem}.fd-layout-panel__body:after,.fd-layout-panel__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel__body--bleed,.fd-layout-panel__body--full-bleed{padding-block:0;padding-inline:0}.fd-layout-panel__body>:first-child{margin-top:0}.fd-layout-panel__body>:last-child{-webkit-margin-after:0;margin-block-end:0}.fd-layout-panel__footer{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;border-top:.0625rem solid var(--sapGroup_TitleBorderColor);justify-content:center;padding-block:.5rem;padding-inline:1rem}.fd-layout-panel__footer:after,.fd-layout-panel__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel__footer--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-layout-panel__footer--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fd-title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--fdTitle_Font_Size:1rem;--fdTitle_Color:var(--sapTextColor);--fdTitle_Font_Family:var(--sapFontHeaderFamily);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdTitle_Color);font-family:var(--sapFontFamily);font-family:var(--fdTitle_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdTitle_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-title:after,.fd-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-title--h1{--fdTitle_Font_Size:var(--sapFontHeader1Size)}.fd-title--h2{--fdTitle_Font_Size:var(--sapFontHeader2Size)}.fd-title--h3{--fdTitle_Font_Size:var(--sapFontHeader3Size)}.fd-title--h4{--fdTitle_Font_Size:var(--sapFontHeader4Size)}.fd-title--h5{--fdTitle_Font_Size:var(--sapFontHeader5Size)}.fd-title--h6{--fdTitle_Font_Size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}.fd-has-display-block{display:block}\n/*! Bundled license information:\n\nfundamental-styles/dist/title.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
311
161
|
}
|
|
312
162
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: LayoutPanelComponent, decorators: [{
|
|
313
163
|
type: Component,
|
|
314
|
-
args: [{ selector: 'fd-layout-panel', host: {
|
|
315
|
-
'
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
}], fdLayoutPanelClass: [{
|
|
322
|
-
type: HostBinding,
|
|
323
|
-
args: ['class.fd-layout-panel']
|
|
324
|
-
}], transparent: [{
|
|
325
|
-
type: Input
|
|
326
|
-
}, {
|
|
327
|
-
type: HostBinding,
|
|
328
|
-
args: ['class.fd-layout-panel--transparent']
|
|
329
|
-
}] } });
|
|
164
|
+
args: [{ selector: 'fd-layout-panel', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
165
|
+
class: 'fd-layout-panel fd-has-display-block',
|
|
166
|
+
'[attr.id]': 'id()',
|
|
167
|
+
'[class.fd-layout-panel--transparent]': 'transparent()',
|
|
168
|
+
'[style.background-image]': 'backgroundImageUrl()'
|
|
169
|
+
}, template: "<ng-content select=\"fd-layout-panel-header\"></ng-content>\n<ng-content select=\"fd-layout-panel-filters\"></ng-content>\n<ng-content select=\"fd-layout-panel-body\"></ng-content>\n<ng-content select=\"fd-layout-panel-footer\"></ng-content>\n<ng-content></ng-content>\n", styles: [".fd-layout-panel{background-color:var(--sapGroup_ContentBackground);border:0;border-radius:1rem;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;overflow:hidden;padding-block:0;padding-inline:0}.fd-layout-panel:after{clear:both;content:\"\";display:table}.fd-layout-panel:after,.fd-layout-panel:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel--transparent{background-color:transparent}.fd-layout-panel__header{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);justify-content:space-between;min-height:2.5rem;padding-block:1rem;padding-inline:1rem}.fd-layout-panel__header:after,.fd-layout-panel__header:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel__head{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-layout-panel__head:after,.fd-layout-panel__head:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel .fd-layout-panel__title{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-margin-after:0;color:var(--sapGroup_TitleTextColor);font-size:var(--sapGroup_TitleFontSize);margin-block-end:0}.fd-layout-panel .fd-layout-panel__title:after,.fd-layout-panel .fd-layout-panel__title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel .fd-layout-panel__title h1,.fd-layout-panel .fd-layout-panel__title h2,.fd-layout-panel .fd-layout-panel__title h3,.fd-layout-panel .fd-layout-panel__title h4,.fd-layout-panel .fd-layout-panel__title h5,.fd-layout-panel .fd-layout-panel__title h6{color:var(--sapGroup_TitleTextColor);font-size:var(--sapGroup_Title_FontSize)}.fd-layout-panel__description{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapContent_LabelColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;margin-top:.25rem;padding-block:0;padding-inline:0}.fd-layout-panel__description:after,.fd-layout-panel__description:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel__actions{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapNeutralTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-size:var(--sapFontSmallSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-layout-panel__actions:after,.fd-layout-panel__actions:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel__filters{border:0;border-bottom:.0625rem solid var(--sapGroup_TitleBorderColor);-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:.5rem;padding-inline:0;padding-inline:1rem;-webkit-transition:all .15s ease-in;transition:all .15s ease-in}.fd-layout-panel__filters:after,.fd-layout-panel__filters:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel__filters.is-hidden{max-height:0;overflow:hidden;padding-block:0}.fd-layout-panel__body{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;height:100%;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-block:1rem;padding-inline:0;padding-inline:1rem}.fd-layout-panel__body:after,.fd-layout-panel__body:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel__body--bleed,.fd-layout-panel__body--full-bleed{padding-block:0;padding-inline:0}.fd-layout-panel__body>:first-child{margin-top:0}.fd-layout-panel__body>:last-child{-webkit-margin-after:0;margin-block-end:0}.fd-layout-panel__footer{border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);display:-webkit-box;display:-ms-flexbox;display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;-webkit-box-pack:center;-ms-flex-pack:center;border-top:.0625rem solid var(--sapGroup_TitleBorderColor);justify-content:center;padding-block:.5rem;padding-inline:1rem}.fd-layout-panel__footer:after,.fd-layout-panel__footer:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-layout-panel__footer--end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.fd-layout-panel__footer--start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.fd-title{font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--fdTitle_Font_Size:1rem;--fdTitle_Color:var(--sapTextColor);--fdTitle_Font_Family:var(--sapFontHeaderFamily);border:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--sapTextColor);color:var(--fdTitle_Color);font-family:var(--sapFontFamily);font-family:var(--fdTitle_Font_Family);font-size:var(--sapFontSize);font-size:var(--fdTitle_Font_Size);font-weight:400;forced-color-adjust:none;line-height:normal;margin-block:0;margin-inline:0;padding-block:0;padding-inline:0}.fd-title:after,.fd-title:before{-webkit-box-sizing:inherit;box-sizing:inherit;font-size:inherit}.fd-title--h1{--fdTitle_Font_Size:var(--sapFontHeader1Size)}.fd-title--h2{--fdTitle_Font_Size:var(--sapFontHeader2Size)}.fd-title--h3{--fdTitle_Font_Size:var(--sapFontHeader3Size)}.fd-title--h4{--fdTitle_Font_Size:var(--sapFontHeader4Size)}.fd-title--h5{--fdTitle_Font_Size:var(--sapFontHeader5Size)}.fd-title--h6{--fdTitle_Font_Size:var(--sapFontHeader6Size)}.fd-title--wrap{overflow:auto;text-overflow:clip;white-space:normal}.fd-has-display-block{display:block}\n/*! Bundled license information:\n\nfundamental-styles/dist/title.css:\n (*!\n * Fundamental Library Styles v0.40.1\n * Copyright (c) 2025 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n *)\n*/\n"] }]
|
|
170
|
+
}], propDecorators: { backgroundImage: [{ type: i0.Input, args: [{ isSignal: true, alias: "backgroundImage", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], transparent: [{ type: i0.Input, args: [{ isSignal: true, alias: "transparent", required: false }] }] } });
|
|
330
171
|
|
|
331
172
|
const components = [
|
|
332
173
|
LayoutPanelComponent,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fundamental-ngx-core-layout-panel.mjs","sources":["../../../../libs/core/layout-panel/layout-panel-actions/layout-panel-actions.component.ts","../../../../libs/core/layout-panel/layout-panel-body/layout-panel-body.component.ts","../../../../libs/core/layout-panel/layout-panel-description/layout-panel-description.component.ts","../../../../libs/core/layout-panel/layout-panel-description/layout-panel-description.component.html","../../../../libs/core/layout-panel/layout-panel-filters/layout-panel-filters.component.ts","../../../../libs/core/layout-panel/layout-panel-footer/layout-panel-footer.component.ts","../../../../libs/core/layout-panel/layout-panel-head/layout-panel-head.component.ts","../../../../libs/core/layout-panel/layout-panel-header/layout-panel-header.component.ts","../../../../libs/core/layout-panel/layout-panel-header/layout-panel-header.component.html","../../../../libs/core/layout-panel/layout-panel-title/layout-panel-title.directive.ts","../../../../libs/core/layout-panel/layout-panel.component.ts","../../../../libs/core/layout-panel/layout-panel.component.html","../../../../libs/core/layout-panel/layout-panel.module.ts","../../../../libs/core/layout-panel/fundamental-ngx-core-layout-panel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * Layout Panel level actions such as add, remove, delete, sort, etc.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-header>\n * <fd-layout-panel-actions>\n * <button fd-button (click)=\"action()\">Action</button>\n * </fd-layout-panel-actions>\n * </fd-layout-panel-header>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-actions',\n template: `<ng-content></ng-content>`,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class LayoutPanelActionsComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__actions')\n fdLayoutPanelActionsClass = true;\n}\n","import { ChangeDetectionStrategy, Component, HostBinding, Input, ViewEncapsulation } from '@angular/core';\n\n/**\n * Main content of the panel can that hold lists, table, tree, text, form or any other information.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-body>\n * Some text can go here!\n * </fd-layout-panel-body>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-body',\n template: `<ng-content></ng-content>`,\n host: {\n '[class.fd-has-display-block]': 'true'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class LayoutPanelBodyComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__body')\n fdLayoutPanelBodyClass = true;\n\n /** Whether the edges of the panel should have bleeding padding. */\n @Input()\n @HostBinding('class.fd-layout-panel__body--bleed')\n bleed = false;\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n/**\n * Description of the panel title.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-header>\n * <fd-layout-panel-head>\n * <fd-layout-panel-description>This is a description for a panel title!</fd-layout-panel-description>\n * </fd-layout-panel-head>\n * </fd-layout-panel-header>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-description',\n templateUrl: './layout-panel-description.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class LayoutPanelDescriptionComponent {}\n","<p class=\"fd-layout-panel__description\">\n <ng-content></ng-content>\n</p>\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * Layout Panel level filters that is specific to the data being displayed within the panel.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-filters>\n * Some text can go here!\n * </fd-layout-panel-filters>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-filters',\n template: `<ng-content></ng-content>`,\n host: {\n '[class.fd-has-display-block]': 'true'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class LayoutPanelFiltersComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__filters')\n fdLayoutPanelFiltersClass = true;\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n Input,\n OnChanges,\n OnInit,\n ViewEncapsulation\n} from '@angular/core';\nimport { CssClassBuilder, Nullable, applyCssClass } from '@fundamental-ngx/cdk/utils';\n\nexport type FooterPosition = 'start' | 'end';\n\n@Component({\n selector: 'fd-layout-panel-footer',\n template: `<ng-content></ng-content>`,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class LayoutPanelFooterComponent implements OnInit, OnChanges, CssClassBuilder {\n /** Apply user custom styles */\n @Input()\n class: string;\n\n /**\n * Footer variations, can be start (left aligned), end (right aligned) or null for default.\n * The default value will render the content of the footer in the middle.\n */\n @Input() position: Nullable<FooterPosition>;\n\n /** @hidden */\n constructor(public readonly elementRef: ElementRef<HTMLElement>) {}\n\n /** @hidden */\n @applyCssClass\n buildComponentCssClass(): string[] {\n return [\n 'fd-layout-panel__footer',\n this.position ? `fd-layout-panel__footer--${this.position}` : '',\n this.class\n ];\n }\n\n /** @hidden */\n ngOnInit(): void {\n this.buildComponentCssClass();\n }\n\n /** @hidden */\n ngOnChanges(): void {\n this.buildComponentCssClass();\n }\n}\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * Container for title and description.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-header>\n * <fd-layout-panel-head>\n * <fd-layout-panel-title>Title!</fd-layout-panel-title>\n * </fd-layout-panel-head>\n * </fd-layout-panel-header>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-head',\n template: `<ng-content></ng-content>`,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class LayoutPanelHeadComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__head')\n fdLayoutPanelHeadClass = true;\n}\n","import { ChangeDetectionStrategy, Component, HostBinding, ViewEncapsulation } from '@angular/core';\n\n/**\n * Header of the panel. Contains a head and actions.\n *\n * ```html\n * <fd-layout-panel>\n * <fd-layout-panel-header>\n * <fd-layout-panel-head>\n * <fd-layout-panel-title>Title!</fd-layout-panel-title>\n * </fd-layout-panel-head>\n * </fd-layout-panel-header>\n * </fd-layout-panel>\n * ```\n */\n@Component({\n selector: 'fd-layout-panel-header',\n templateUrl: './layout-panel-header.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class LayoutPanelHeaderComponent {\n /** @hidden */\n @HostBinding('class.fd-layout-panel__header')\n fdLayoutPanelHeaderClass = true;\n}\n","<ng-content select=\"fd-layout-panel-head\"></ng-content>\n<ng-content select=\"fd-layout-panel-actions\"></ng-content>\n","import { Directive, HostBinding } from '@angular/core';\n\n/**\n * Applies the panel title style to a header element. It can be used with any header level.\n *\n * ```html\n * <h1 fd-layout-panel-title>Layout Panel Title</h1>\n * <h3 fd-layout-panel-title>Layout Panel Title</h3>\n * ```\n */\n@Directive({\n // TODO to be discussed\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-layout-panel-title]',\n standalone: true\n})\nexport class LayoutPanelTitleDirective {\n /** @hidden */\n @HostBinding('class')\n fdLayoutPanelTitleClass = 'fd-title fd-title--h5';\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostBinding,\n Input,\n OnChanges,\n OnInit,\n ViewEncapsulation\n} from '@angular/core';\n\nlet layoutPanelUniqueId = 0;\n\n/**\n * Layout Panels are used to encapsulate part of the content, form elements, lists, collections, etc., on a page.\n */\n@Component({\n selector: 'fd-layout-panel',\n templateUrl: './layout-panel.component.html',\n host: {\n '[class.fd-has-display-block]': 'true'\n },\n encapsulation: ViewEncapsulation.None,\n styleUrl: './layout-panel.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true\n})\nexport class LayoutPanelComponent implements OnChanges, OnInit {\n /** @Input Background image of the panel. */\n @Input()\n backgroundImage: string;\n\n /** Id for the layout panel element. */\n @Input()\n id: string = 'fd-layout-panel-' + layoutPanelUniqueId++;\n\n /** @hidden */\n @HostBinding('class.fd-layout-panel')\n fdLayoutPanelClass = true;\n\n /** Whether the background of the panel should be transparent. */\n @Input()\n @HostBinding('class.fd-layout-panel--transparent')\n transparent = false;\n\n /** @hidden */\n constructor(private elRef: ElementRef) {}\n\n /** @hidden */\n ngOnChanges(): void {\n this._applyBackgroundImage();\n }\n\n /** @hidden */\n ngOnInit(): void {\n this._applyBackgroundImage();\n }\n\n /** @hidden */\n private _applyBackgroundImage(): void {\n if (this.backgroundImage) {\n (this.elRef.nativeElement as HTMLElement).style['background-image'] = 'url(\"' + this.backgroundImage + '\")';\n }\n }\n}\n","<ng-content select=\"fd-layout-panel-header\"></ng-content>\n<ng-content select=\"fd-layout-panel-filters\"></ng-content>\n<ng-content select=\"fd-layout-panel-body\"></ng-content>\n<ng-content select=\"fd-layout-panel-footer\"></ng-content>\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\n\nimport { LayoutPanelActionsComponent } from './layout-panel-actions/layout-panel-actions.component';\nimport { LayoutPanelBodyComponent } from './layout-panel-body/layout-panel-body.component';\nimport { LayoutPanelDescriptionComponent } from './layout-panel-description/layout-panel-description.component';\nimport { LayoutPanelFiltersComponent } from './layout-panel-filters/layout-panel-filters.component';\nimport { LayoutPanelFooterComponent } from './layout-panel-footer/layout-panel-footer.component';\nimport { LayoutPanelHeadComponent } from './layout-panel-head/layout-panel-head.component';\nimport { LayoutPanelHeaderComponent } from './layout-panel-header/layout-panel-header.component';\nimport { LayoutPanelTitleDirective } from './layout-panel-title/layout-panel-title.directive';\nimport { LayoutPanelComponent } from './layout-panel.component';\n\nconst components = [\n LayoutPanelComponent,\n LayoutPanelHeaderComponent,\n LayoutPanelHeadComponent,\n LayoutPanelTitleDirective,\n LayoutPanelDescriptionComponent,\n LayoutPanelActionsComponent,\n LayoutPanelFiltersComponent,\n LayoutPanelBodyComponent,\n LayoutPanelFooterComponent\n];\n\n/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n imports: [...components],\n exports: [...components]\n})\nexport class LayoutPanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"fundamental-ngx-core-layout-panel.mjs","sources":["../../../../libs/core/layout-panel/layout-panel-actions/layout-panel-actions.component.ts","../../../../libs/core/layout-panel/layout-panel-body/layout-panel-body.component.ts","../../../../libs/core/layout-panel/layout-panel-description/layout-panel-description.component.ts","../../../../libs/core/layout-panel/layout-panel-description/layout-panel-description.component.html","../../../../libs/core/layout-panel/layout-panel-filters/layout-panel-filters.component.ts","../../../../libs/core/layout-panel/layout-panel-footer/layout-panel-footer.component.ts","../../../../libs/core/layout-panel/layout-panel-head/layout-panel-head.component.ts","../../../../libs/core/layout-panel/layout-panel-header/layout-panel-header.component.ts","../../../../libs/core/layout-panel/layout-panel-header/layout-panel-header.component.html","../../../../libs/core/layout-panel/layout-panel-title/layout-panel-title.directive.ts","../../../../libs/core/layout-panel/layout-panel.component.ts","../../../../libs/core/layout-panel/layout-panel.component.html","../../../../libs/core/layout-panel/layout-panel.module.ts","../../../../libs/core/layout-panel/fundamental-ngx-core-layout-panel.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n@Component({\n selector: 'fd-layout-panel-actions',\n template: `<ng-content></ng-content>`,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'fd-layout-panel__actions'\n }\n})\nexport class LayoutPanelActionsComponent {}\n","import { booleanAttribute, ChangeDetectionStrategy, Component, input, ViewEncapsulation } from '@angular/core';\n@Component({\n selector: 'fd-layout-panel-body',\n template: `<ng-content></ng-content>`,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'fd-layout-panel__body fd-has-display-block',\n '[class.fd-layout-panel__body--bleed]': 'bleed()'\n }\n})\nexport class LayoutPanelBodyComponent {\n /**\n * Whether the edges of the panel should have bleeding padding.\n * @default false\n */\n readonly bleed = input(false, { transform: booleanAttribute });\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n@Component({\n selector: 'fd-layout-panel-description',\n templateUrl: './layout-panel-description.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelDescriptionComponent {}\n","<p class=\"fd-layout-panel__description\">\n <ng-content></ng-content>\n</p>\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n@Component({\n selector: 'fd-layout-panel-filters',\n template: `<ng-content></ng-content>`,\n host: {\n class: 'fd-layout-panel__filters fd-has-display-block'\n },\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class LayoutPanelFiltersComponent {}\n","import { ChangeDetectionStrategy, Component, ElementRef, inject, input, ViewEncapsulation } from '@angular/core';\nimport { HasElementRef } from '@fundamental-ngx/cdk/utils';\n\nexport type FooterPosition = 'start' | 'end';\n\n@Component({\n selector: 'fd-layout-panel-footer',\n template: `<ng-content></ng-content>`,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'fd-layout-panel__footer',\n '[class.fd-layout-panel__footer--start]': 'position() === \"start\"',\n '[class.fd-layout-panel__footer--end]': 'position() === \"end\"'\n }\n})\nexport class LayoutPanelFooterComponent implements HasElementRef {\n /**\n * Footer variations, can be start (left aligned), end (right aligned) or null for default.\n * The default value will render the content of the footer in the middle.\n */\n position = input<FooterPosition | null>(null);\n\n /** @hidden */\n readonly elementRef = inject(ElementRef);\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'fd-layout-panel-head',\n template: `<ng-content></ng-content>`,\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'fd-layout-panel__head'\n }\n})\nexport class LayoutPanelHeadComponent {}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n selector: 'fd-layout-panel-header',\n templateUrl: './layout-panel-header.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'fd-layout-panel__header'\n }\n})\nexport class LayoutPanelHeaderComponent {}\n","<ng-content select=\"fd-layout-panel-head\"></ng-content>\n<ng-content select=\"fd-layout-panel-actions\"></ng-content>\n","import { Directive } from '@angular/core';\n\n@Directive({\n // TODO to be discussed\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: '[fd-layout-panel-title]',\n host: {\n class: 'fd-title fd-title--h5'\n }\n})\nexport class LayoutPanelTitleDirective {}\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n input,\n ViewEncapsulation\n} from '@angular/core';\n\nlet layoutPanelUniqueId = 0;\n\n@Component({\n selector: 'fd-layout-panel',\n templateUrl: './layout-panel.component.html',\n encapsulation: ViewEncapsulation.None,\n styleUrl: './layout-panel.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'fd-layout-panel fd-has-display-block',\n '[attr.id]': 'id()',\n '[class.fd-layout-panel--transparent]': 'transparent()',\n '[style.background-image]': 'backgroundImageUrl()'\n }\n})\nexport class LayoutPanelComponent {\n /** Background image of the panel. */\n readonly backgroundImage = input<string | null>();\n\n /** Id for the layout panel element. */\n readonly id = input('fd-layout-panel-' + ++layoutPanelUniqueId);\n\n /** Whether the background of the panel should be transparent. */\n readonly transparent = input(false, { transform: booleanAttribute });\n\n /** @hidden */\n protected readonly backgroundImageUrl = computed(() => {\n const image = this.backgroundImage();\n return image ? `url(\"${image}\")` : null;\n });\n}\n","<ng-content select=\"fd-layout-panel-header\"></ng-content>\n<ng-content select=\"fd-layout-panel-filters\"></ng-content>\n<ng-content select=\"fd-layout-panel-body\"></ng-content>\n<ng-content select=\"fd-layout-panel-footer\"></ng-content>\n<ng-content></ng-content>\n","import { NgModule } from '@angular/core';\n\nimport { LayoutPanelActionsComponent } from './layout-panel-actions/layout-panel-actions.component';\nimport { LayoutPanelBodyComponent } from './layout-panel-body/layout-panel-body.component';\nimport { LayoutPanelDescriptionComponent } from './layout-panel-description/layout-panel-description.component';\nimport { LayoutPanelFiltersComponent } from './layout-panel-filters/layout-panel-filters.component';\nimport { LayoutPanelFooterComponent } from './layout-panel-footer/layout-panel-footer.component';\nimport { LayoutPanelHeadComponent } from './layout-panel-head/layout-panel-head.component';\nimport { LayoutPanelHeaderComponent } from './layout-panel-header/layout-panel-header.component';\nimport { LayoutPanelTitleDirective } from './layout-panel-title/layout-panel-title.directive';\nimport { LayoutPanelComponent } from './layout-panel.component';\n\nconst components = [\n LayoutPanelComponent,\n LayoutPanelHeaderComponent,\n LayoutPanelHeadComponent,\n LayoutPanelTitleDirective,\n LayoutPanelDescriptionComponent,\n LayoutPanelActionsComponent,\n LayoutPanelFiltersComponent,\n LayoutPanelBodyComponent,\n LayoutPanelFooterComponent\n];\n\n/**\n * @deprecated\n * Use direct imports of components and directives.\n */\n@NgModule({\n imports: [...components],\n exports: [...components]\n})\nexport class LayoutPanelModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAUa,2BAA2B,CAAA;8GAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,yIAP1B,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAO5B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBATvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;oBACrC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE;AACV;AACJ,iBAAA;;;MCEY,wBAAwB,CAAA;AAVrC,IAAA,WAAA,GAAA;AAWI;;;AAGG;QACM,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,KAAK,kDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACjE,IAAA;8GANY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,6VARvB,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAQ5B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAVpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;oBACrC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,4CAA4C;AACnD,wBAAA,sCAAsC,EAAE;AAC3C;AACJ,iBAAA;;;MCHY,+BAA+B,CAAA;8GAA/B,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA/B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,+BAA+B,uFCP5C,mFAGA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDIa,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAN3C,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,6BAA6B,iBAExB,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mFAAA,EAAA;;;MEKtC,2BAA2B,CAAA;8GAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,8JAP1B,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAO5B,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBATvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;AACrC,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE;AACV,qBAAA;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC;AAC5C,iBAAA;;;MCOY,0BAA0B,CAAA;AAXvC,IAAA,WAAA,GAAA;AAYI;;;AAGG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAwB,IAAI,oDAAC;;AAGpC,QAAA,IAAA,CAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAC3C,IAAA;8GATY,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,waATzB,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAS5B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;oBACrC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE,yBAAyB;AAChC,wBAAA,wCAAwC,EAAE,wBAAwB;AAClE,wBAAA,sCAAsC,EAAE;AAC3C;AACJ,iBAAA;;;MCJY,wBAAwB,CAAA;8GAAxB,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,mIAPvB,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAO5B,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBATpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE,CAAA,yBAAA,CAA2B;oBACrC,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE;AACV;AACJ,iBAAA;;;MCCY,0BAA0B,CAAA;8GAA1B,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,0BAA0B,uICXvC,2HAEA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDSa,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBATtC,SAAS;+BACI,wBAAwB,EAAA,aAAA,EAEnB,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE;AACV,qBAAA,EAAA,QAAA,EAAA,2HAAA,EAAA;;;MECQ,yBAAyB,CAAA;8GAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAzB,yBAAyB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,uBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAzB,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBARrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;;AAGP,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,IAAI,EAAE;AACF,wBAAA,KAAK,EAAE;AACV;AACJ,iBAAA;;;ACAD,IAAI,mBAAmB,GAAG,CAAC;MAed,oBAAoB,CAAA;AAbjC,IAAA,WAAA,GAAA;;QAea,IAAA,CAAA,eAAe,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAiB;;QAGxC,IAAA,CAAA,EAAE,GAAG,KAAK,CAAC,kBAAkB,GAAG,EAAE,mBAAmB,8CAAC;;QAGtD,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,KAAK,wDAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;;AAGjD,QAAA,IAAA,CAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAK;AAClD,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE;YACpC,OAAO,KAAK,GAAG,CAAA,KAAA,EAAQ,KAAK,CAAA,EAAA,CAAI,GAAG,IAAI;AAC3C,QAAA,CAAC,8DAAC;AACL,IAAA;8GAfY,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,orBCxBjC,gRAKA,EAAA,MAAA,EAAA,CAAA,+sOAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDmBa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAbhC,SAAS;+BACI,iBAAiB,EAAA,aAAA,EAEZ,iBAAiB,CAAC,IAAI,mBAEpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACF,wBAAA,KAAK,EAAE,sCAAsC;AAC7C,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,sCAAsC,EAAE,eAAe;AACvD,wBAAA,0BAA0B,EAAE;AAC/B,qBAAA,EAAA,QAAA,EAAA,gRAAA,EAAA,MAAA,EAAA,CAAA,+sOAAA,CAAA,EAAA;;;AEVL,MAAM,UAAU,GAAG;IACf,oBAAoB;IACpB,0BAA0B;IAC1B,wBAAwB;IACxB,yBAAyB;IACzB,+BAA+B;IAC/B,2BAA2B;IAC3B,2BAA2B;IAC3B,wBAAwB;IACxB;CACH;AAED;;;AAGG;MAKU,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAjB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAnB1B,oBAAoB;YACpB,0BAA0B;YAC1B,wBAAwB;YACxB,yBAAyB;YACzB,+BAA+B;YAC/B,2BAA2B;YAC3B,2BAA2B;YAC3B,wBAAwB;AACxB,YAAA,0BAA0B,aAR1B,oBAAoB;YACpB,0BAA0B;YAC1B,wBAAwB;YACxB,yBAAyB;YACzB,+BAA+B;YAC/B,2BAA2B;YAC3B,2BAA2B;YAC3B,wBAAwB;YACxB,0BAA0B,CAAA,EAAA,CAAA,CAAA;+GAWjB,iBAAiB,EAAA,CAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAJ7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU,CAAC;AACxB,oBAAA,OAAO,EAAE,CAAC,GAAG,UAAU;AAC1B,iBAAA;;;AC/BD;;AAEG;;;;"}
|