@openmfp/ngx 0.9.1 → 0.10.1
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/openmfp-ngx.mjs +27 -27
- package/fesm2022/openmfp-ngx.mjs.map +1 -1
- package/package.json +1 -1
- package/types/openmfp-ngx.d.ts +719 -7
package/types/openmfp-ngx.d.ts
CHANGED
|
@@ -6,71 +6,122 @@ import { Input } from '@fundamental-ngx/ui5-webcomponents/input';
|
|
|
6
6
|
import { GridStackOptions } from 'gridstack';
|
|
7
7
|
import { nodesCB } from 'gridstack/dist/angular';
|
|
8
8
|
|
|
9
|
+
/** Subset of fields of a generic resource that the table/form components rely on. */
|
|
9
10
|
interface GenericResource extends Record<string, unknown> {
|
|
11
|
+
/** Optional unique identifier. */
|
|
10
12
|
id?: string;
|
|
13
|
+
/** Whether the resource is available/healthy. */
|
|
11
14
|
isAvailable?: boolean;
|
|
15
|
+
/** Human-readable name used for screen readers and tooltips. */
|
|
12
16
|
accessibleName?: string;
|
|
13
17
|
}
|
|
14
18
|
|
|
19
|
+
/** Text transformation applied to a field value before display. */
|
|
15
20
|
type TransformType = 'uppercase' | 'lowercase' | 'capitalize' | 'decode' | 'encode';
|
|
21
|
+
/** Resolves a field value via a property path with optional transforms. */
|
|
16
22
|
interface PropertyField {
|
|
23
|
+
/** Dot-separated JSON path to the value (e.g. `metadata.name`). */
|
|
17
24
|
key: string;
|
|
25
|
+
/** Ordered list of transforms applied to the resolved string. */
|
|
18
26
|
transform?: TransformType[];
|
|
19
27
|
}
|
|
28
|
+
/** Display and interaction settings for a table cell. */
|
|
20
29
|
interface UiSettings {
|
|
30
|
+
/** When `true`, renders the cell value as a styled badge (blue pill). */
|
|
21
31
|
labelDisplay?: boolean;
|
|
32
|
+
/** How the cell value is rendered. Defaults to plain text when omitted. */
|
|
22
33
|
displayAs?: 'secret' | 'boolIcon' | 'link' | 'tooltip' | 'alert' | 'img' | 'button';
|
|
34
|
+
/** Button appearance and action — only used when `displayAs` is `'button'`. */
|
|
23
35
|
buttonSettings?: ButtonSettings;
|
|
36
|
+
/** SAP UI5 icon name shown as the tooltip trigger icon. */
|
|
24
37
|
tooltipIcon?: string;
|
|
38
|
+
/** When `true`, a copy-to-clipboard button is rendered next to the value. */
|
|
25
39
|
withCopyButton?: boolean;
|
|
40
|
+
/** Inline CSS overrides applied unconditionally to the cell. */
|
|
26
41
|
cssCustomization?: Partial<CSSStyleDeclaration>;
|
|
42
|
+
/** Conditional CSS rules evaluated against the cell value at render time. */
|
|
27
43
|
cssRules?: CssRule[];
|
|
44
|
+
/** Fixed column width including unit (e.g. `'200px'`, `'20%'`). */
|
|
28
45
|
columnWidth?: string;
|
|
29
46
|
align?: 'start' | 'center' | 'end';
|
|
30
47
|
}
|
|
31
48
|
type KnownButtonActions = 'openInModal' | 'navigate' | 'edit' | 'delete';
|
|
32
49
|
type ButtonActions = KnownButtonActions | (string & {});
|
|
50
|
+
/** Appearance and action configuration for a button rendered inside a table cell or toolbar. */
|
|
33
51
|
interface ButtonSettings {
|
|
52
|
+
/** Button label text. */
|
|
34
53
|
text?: string;
|
|
54
|
+
/** SAP UI5 icon name placed before the label. */
|
|
35
55
|
icon?: string;
|
|
56
|
+
/** SAP UI5 icon name placed after the label. */
|
|
36
57
|
endIcon?: string;
|
|
58
|
+
/** SAP UI5 button design variant. */
|
|
37
59
|
design?: 'Default' | 'Positive' | 'Negative' | 'Transparent' | 'Emphasized' | 'Attention';
|
|
60
|
+
/** Tooltip shown on hover. */
|
|
38
61
|
tooltip?: string;
|
|
62
|
+
/** Action identifier. `'edit'` and `'delete'` are handled internally; all other values are forwarded to the host via `actionButtonClick`. */
|
|
39
63
|
action: ButtonActions;
|
|
64
|
+
/** Settings for the modal opened when `action` is `'openInModal'`. */
|
|
40
65
|
modalSettings?: ModalSettings;
|
|
41
66
|
}
|
|
67
|
+
/** Size and dimension overrides for the modal opened by a button with `action: 'openInModal'`. */
|
|
42
68
|
interface ModalSettings {
|
|
69
|
+
/** Modal title shown in the dialog header. */
|
|
43
70
|
title?: string;
|
|
71
|
+
/** Named size breakpoint. */
|
|
44
72
|
size?: 'fullscreen' | 'l' | 'm' | 's';
|
|
73
|
+
/** Explicit width override. */
|
|
45
74
|
width?: string;
|
|
75
|
+
/** Explicit height override. */
|
|
46
76
|
height?: string;
|
|
47
77
|
}
|
|
78
|
+
/** Comparison operator used in a conditional CSS rule. */
|
|
48
79
|
type CssRuleCondition = 'equals' | 'notEquals' | 'greaterThan' | 'greaterThanOrEqual' | 'lessThan' | 'lessThanOrEqual' | 'contains';
|
|
80
|
+
/** Conditional CSS rule: applies `styles` to the cell when `if` evaluates to `true`. */
|
|
49
81
|
interface CssRule {
|
|
82
|
+
/** Condition evaluated against the cell's string value. */
|
|
50
83
|
if: {
|
|
51
84
|
condition: CssRuleCondition;
|
|
52
85
|
value: string;
|
|
53
86
|
};
|
|
87
|
+
/** CSS properties applied when the condition is met. */
|
|
54
88
|
styles: Partial<CSSStyleDeclaration>;
|
|
55
89
|
}
|
|
90
|
+
/** Event payload emitted when a button inside a table cell is clicked. */
|
|
56
91
|
interface ValueCellButtonClickEvent<T extends GenericResource> {
|
|
92
|
+
/** Original DOM click event. */
|
|
57
93
|
event: MouseEvent;
|
|
94
|
+
/** The field definition of the button cell that was clicked. */
|
|
58
95
|
field: TableFieldDefinition;
|
|
96
|
+
/** The data row associated with the clicked button. */
|
|
59
97
|
resource: T | undefined;
|
|
60
98
|
}
|
|
99
|
+
/** Base field definition shared by table columns and form fields. */
|
|
61
100
|
interface FieldDefinition {
|
|
101
|
+
/** Column header / form label. */
|
|
62
102
|
label?: string;
|
|
103
|
+
/** Dot-separated path to the resource property (e.g. `metadata.name`). */
|
|
63
104
|
property?: string | string[];
|
|
105
|
+
/** Alternative path resolver with optional transforms. */
|
|
64
106
|
propertyField?: PropertyField;
|
|
107
|
+
/** JSONPath expression evaluated against the resource when `property` is not enough. */
|
|
65
108
|
jsonPathExpression?: string;
|
|
109
|
+
/** Static value — used when the cell shows a constant rather than a resource field. */
|
|
66
110
|
value?: string;
|
|
111
|
+
/** Display and interaction configuration for this cell. */
|
|
67
112
|
uiSettings?: UiSettings;
|
|
68
113
|
}
|
|
114
|
+
/** Table column definition — extends `FieldDefinition` with optional column grouping. */
|
|
69
115
|
interface TableFieldDefinition extends FieldDefinition {
|
|
116
|
+
/** Groups this column visually with adjacent columns that share the same `name`. */
|
|
70
117
|
group?: {
|
|
118
|
+
/** Logical group identifier. */
|
|
71
119
|
name: string;
|
|
120
|
+
/** Group header label shown above the grouped cells. */
|
|
72
121
|
label?: string;
|
|
122
|
+
/** Separator placed between values in the same group cell. */
|
|
73
123
|
delimiter?: string;
|
|
124
|
+
/** When `true`, each value is rendered on its own line. */
|
|
74
125
|
multiline?: boolean;
|
|
75
126
|
};
|
|
76
127
|
}
|
|
@@ -101,18 +152,29 @@ declare class DeclarativeTable<T extends GenericResource> {
|
|
|
101
152
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeTable<any>, "mfp-declarative-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "resources": { "alias": "resources"; "required": true; "isSignal": true; }; "trackByPath": { "alias": "trackByPath"; "required": false; "isSignal": true; }; "totalItemsCount": { "alias": "totalItemsCount"; "required": false; "isSignal": true; }; "paginationLimit": { "alias": "paginationLimit"; "required": false; "isSignal": true; }; "hasMore": { "alias": "hasMore"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; "tableRowClicked": "tableRowClicked"; "loadMoreResources": "loadMoreResources"; "paginationLimitChanged": "paginationLimitChanged"; }, never, never, true, never>;
|
|
102
153
|
}
|
|
103
154
|
|
|
155
|
+
/** Definition for a single form field rendered by `mfp-declarative-form`. */
|
|
104
156
|
interface FormFieldDefinition {
|
|
157
|
+
/** JSON-path key used to read and write the field value (e.g. `metadata.name`). */
|
|
105
158
|
name: string;
|
|
159
|
+
/** Display label shown above the input. */
|
|
106
160
|
label?: string;
|
|
161
|
+
/** When `true`, passes the `required` attribute to the UI5 input — shows a visual required indicator. Validation itself is the host's responsibility via `FormFieldErrors`. */
|
|
107
162
|
required?: boolean;
|
|
163
|
+
/** Fixed list of options rendered as a select/dropdown. */
|
|
108
164
|
values?: string[];
|
|
165
|
+
/** When `true`, the field is disabled (not interactive). */
|
|
109
166
|
disabled?: boolean;
|
|
167
|
+
/** Controls when `fieldChange` is emitted for this field. When omitted, `fieldChange` is never emitted. */
|
|
110
168
|
validation?: 'onBlur' | 'onChange';
|
|
111
169
|
}
|
|
170
|
+
/** Event payload emitted each time a single form field value changes. */
|
|
112
171
|
interface FormFieldChangeEvent {
|
|
172
|
+
/** The `name` (JSON-path key) of the field that changed. */
|
|
113
173
|
fieldProperty: string;
|
|
174
|
+
/** The new value entered by the user. */
|
|
114
175
|
value: unknown;
|
|
115
176
|
}
|
|
177
|
+
/** Map of field names to their current validation error messages (`null` = no error). */
|
|
116
178
|
type FormFieldErrors = Record<string, string | null>;
|
|
117
179
|
|
|
118
180
|
declare class DeclarativeForm {
|
|
@@ -137,41 +199,72 @@ declare class DeclarativeForm {
|
|
|
137
199
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeclarativeForm, "mfp-declarative-form", never, { "fields": { "alias": "fields"; "required": true; "isSignal": true; }; "initialValues": { "alias": "initialValues"; "required": false; "isSignal": true; }; "fieldErrors": { "alias": "fieldErrors"; "required": false; "isSignal": true; }; }, { "fieldChange": "fieldChange"; "formSubmit": "formSubmit"; }, never, never, true, never>;
|
|
138
200
|
}
|
|
139
201
|
|
|
202
|
+
/** Configuration for the create/edit resource form rendered inside the table card dialogs. */
|
|
140
203
|
interface ResourceFormConfig {
|
|
204
|
+
/** Ordered list of fields to render in the form. */
|
|
141
205
|
fields: FormFieldDefinition[];
|
|
206
|
+
/** Dialog title shown in the header. */
|
|
142
207
|
title?: string;
|
|
208
|
+
/** Label for the confirm/submit button. */
|
|
143
209
|
confirmLabel?: string;
|
|
210
|
+
/** Label for the cancel button. */
|
|
144
211
|
cancelLabel?: string;
|
|
145
212
|
}
|
|
213
|
+
/** Runtime validation and submit state passed to the table card from the host. */
|
|
146
214
|
interface TableCardFormState {
|
|
215
|
+
/** Map of field names to their current error messages. Any truthy error in the map disables the submit button. */
|
|
147
216
|
fieldErrors?: FormFieldErrors;
|
|
148
217
|
}
|
|
218
|
+
/** Configuration for the delete-confirmation dialog. */
|
|
149
219
|
interface DeleteResourceConfirmationConfig {
|
|
220
|
+
/** Dialog title. */
|
|
150
221
|
title?: string;
|
|
222
|
+
/** Explanatory message shown below the title. */
|
|
151
223
|
message?: string;
|
|
224
|
+
/** Label for the confirm/delete button. */
|
|
152
225
|
confirmLabel?: string;
|
|
226
|
+
/** Label for the cancel button. */
|
|
153
227
|
cancelLabel?: string;
|
|
154
228
|
}
|
|
229
|
+
/** Configuration for the inner `mfp-declarative-table`. */
|
|
155
230
|
interface TableConfig {
|
|
231
|
+
/** Column definitions. */
|
|
156
232
|
fields: TableFieldDefinition[];
|
|
233
|
+
/** Total number of items on the server (used by pagination). */
|
|
157
234
|
totalItemsCount?: number;
|
|
235
|
+
/** Number of rows per page. */
|
|
158
236
|
paginationLimit?: number;
|
|
237
|
+
/** When `true`, the "Load More" control is shown. */
|
|
159
238
|
hasMore?: boolean;
|
|
160
239
|
}
|
|
240
|
+
/** Overrides for the table card's built-in action buttons. */
|
|
161
241
|
interface TableCardButtonSettings {
|
|
242
|
+
/** Partial override for the "Create" button. */
|
|
162
243
|
createButton?: Partial<ButtonSettings>;
|
|
244
|
+
/** Partial override for the search toggle button. */
|
|
163
245
|
searchButton?: Partial<ButtonSettings>;
|
|
246
|
+
/** Partial override for the per-row "Edit" button. */
|
|
164
247
|
editButton?: Partial<ButtonSettings>;
|
|
248
|
+
/** Partial override for the per-row "Delete" button. */
|
|
165
249
|
deleteButton?: Partial<ButtonSettings>;
|
|
166
250
|
}
|
|
251
|
+
/** Top-level configuration for `<mfp-declarative-table-card>`. */
|
|
167
252
|
interface TableCardConfig {
|
|
253
|
+
/** Card heading. */
|
|
168
254
|
header?: string;
|
|
255
|
+
/** Tooltip shown on hover of the card heading. */
|
|
169
256
|
headerTooltip?: string;
|
|
257
|
+
/** Required table configuration. */
|
|
170
258
|
tableConfig: TableConfig;
|
|
259
|
+
/** Overrides for built-in toolbar and row-action buttons. */
|
|
171
260
|
buttonSettings?: TableCardButtonSettings;
|
|
261
|
+
/** When `true`, shows the search input and button in the card toolbar. */
|
|
172
262
|
resourcesSearchable?: boolean;
|
|
263
|
+
/** When set, enables the "Create" button and create dialog. */
|
|
173
264
|
createResourceFormConfig?: ResourceFormConfig;
|
|
265
|
+
/** When set, enables per-row "Edit" button and edit dialog. */
|
|
174
266
|
editResourceFormConfig?: ResourceFormConfig;
|
|
267
|
+
/** When set, enables per-row "Delete" button and confirmation dialog. */
|
|
175
268
|
deleteResourceConfirmationConfig?: DeleteResourceConfirmationConfig;
|
|
176
269
|
}
|
|
177
270
|
|
|
@@ -244,38 +337,76 @@ declare const CARD_TYPES: {
|
|
|
244
337
|
readonly SAP_UI: "sap-ui";
|
|
245
338
|
};
|
|
246
339
|
type CardsType = (typeof CARD_TYPES)[keyof typeof CARD_TYPES];
|
|
340
|
+
/** Configuration for a single card placed in the dashboard grid or a section. */
|
|
247
341
|
interface CardConfig {
|
|
342
|
+
/** Unique identifier for this card. Used as a stable key for position persistence. */
|
|
248
343
|
id: string;
|
|
344
|
+
/** Column span (1–12). Defaults to 12 when omitted. */
|
|
249
345
|
w?: number;
|
|
346
|
+
/** Row span — number of CSS grid rows occupied (1 row = 10 px by default). Defaults to 100 when omitted. */
|
|
250
347
|
h?: number;
|
|
348
|
+
/** Starting column index (0-based). Omit to let the grid auto-place the card. */
|
|
251
349
|
x?: number;
|
|
350
|
+
/** Starting row index (0-based). Omit to let the grid auto-place the card. */
|
|
252
351
|
y?: number;
|
|
352
|
+
/** Maximum row span in edit mode. */
|
|
253
353
|
maxH?: number;
|
|
354
|
+
/** Maximum column span in edit mode. */
|
|
254
355
|
maxW?: number;
|
|
356
|
+
/** Minimum row span in edit mode. */
|
|
255
357
|
minH?: number;
|
|
358
|
+
/** Minimum column span in edit mode. */
|
|
256
359
|
minW?: number;
|
|
360
|
+
/** ID of the parent section. Omit to place the card in the loose-card grid. */
|
|
257
361
|
sectionId?: string;
|
|
362
|
+
/**
|
|
363
|
+
* Custom-element tag name (for `'wc'`/omitted), Angular component selector (for `'angular'`),
|
|
364
|
+
* or SAP UI5 component name (for `'sap-ui'`).
|
|
365
|
+
*/
|
|
258
366
|
component: string;
|
|
367
|
+
/**
|
|
368
|
+
* Render strategy for the card.
|
|
369
|
+
* - `'wc'` (default) — creates a custom element and sets `componentInputs` as DOM properties.
|
|
370
|
+
* - `'angular'` — looks up the Angular registry; warns and renders nothing if not found.
|
|
371
|
+
* - `'sap-ui'` — mounts via `window.sap.ui.require` + `ComponentContainer`.
|
|
372
|
+
*/
|
|
259
373
|
type?: CardsType;
|
|
374
|
+
/** Key/value pairs passed to the rendered card. Behaviour depends on `type`. */
|
|
260
375
|
componentInputs?: Record<string, unknown>;
|
|
376
|
+
/** Human-readable label shown in the "Add Card" dialog. */
|
|
261
377
|
label?: string;
|
|
262
378
|
}
|
|
379
|
+
/** Configuration for a named horizontal section that groups cards. */
|
|
263
380
|
interface SectionConfig {
|
|
381
|
+
/** Unique identifier for this section. */
|
|
264
382
|
id: string;
|
|
383
|
+
/** Column span (1–12). Defaults to 12 when omitted. */
|
|
265
384
|
w?: number;
|
|
385
|
+
/** Section heading displayed in the UI. */
|
|
266
386
|
title?: string;
|
|
387
|
+
/** When `false`, the section and its cards are excluded from edit mode. Defaults to `true` when omitted. */
|
|
267
388
|
editable?: boolean;
|
|
268
389
|
}
|
|
390
|
+
/** Overrides for the two built-in dashboard toolbar buttons. */
|
|
269
391
|
interface DashboardButtonsSettings {
|
|
392
|
+
/** Partial override merged on top of the Edit View button defaults. */
|
|
270
393
|
editViewButton?: Partial<ButtonSettings>;
|
|
394
|
+
/** Partial override merged on top of the Add Card button defaults. */
|
|
271
395
|
addCardButton?: Partial<ButtonSettings>;
|
|
272
396
|
}
|
|
397
|
+
/** Top-level configuration for the `<mfp-dashboard>` component. */
|
|
273
398
|
interface DashboardConfig {
|
|
399
|
+
/** Dashboard title rendered in the toolbar. */
|
|
274
400
|
title: string;
|
|
401
|
+
/** Optional subtitle shown below the title. */
|
|
275
402
|
description?: string;
|
|
403
|
+
/** URL of the background image applied to the dashboard host element. */
|
|
276
404
|
backgroundImageUrl?: string;
|
|
405
|
+
/** Overrides for the built-in Edit View and Add Card toolbar buttons. */
|
|
277
406
|
buttonsSettings?: DashboardButtonsSettings;
|
|
407
|
+
/** Extra action buttons rendered in the toolbar alongside the built-in ones. */
|
|
278
408
|
customActions?: ButtonSettings[];
|
|
409
|
+
/** When `true`, shows the Edit View button in the toolbar, allowing the user to enter edit mode. */
|
|
279
410
|
editable?: boolean;
|
|
280
411
|
}
|
|
281
412
|
|
|
@@ -351,14 +482,14 @@ declare class AddCardDialog {
|
|
|
351
482
|
availableCards: _angular_core.InputSignal<CardConfig[]>;
|
|
352
483
|
addedCardsIds: _angular_core.InputSignal<Set<string>>;
|
|
353
484
|
open: _angular_core.InputSignal<boolean>;
|
|
354
|
-
confirm: _angular_core.OutputEmitterRef<CardConfig[]>;
|
|
355
|
-
|
|
485
|
+
readonly confirm: _angular_core.OutputEmitterRef<CardConfig[]>;
|
|
486
|
+
readonly cancelled: _angular_core.OutputEmitterRef<void>;
|
|
356
487
|
selectedIds: _angular_core.WritableSignal<Set<string>>;
|
|
357
488
|
constructor();
|
|
358
489
|
toggle(id: string): void;
|
|
359
490
|
confirmAdd(): void;
|
|
360
491
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AddCardDialog, never>;
|
|
361
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AddCardDialog, "mfp-add-card-dialog", never, { "availableCards": { "alias": "availableCards"; "required": false; "isSignal": true; }; "addedCardsIds": { "alias": "addedCardsIds"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "confirm": "confirm"; "
|
|
492
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AddCardDialog, "mfp-add-card-dialog", never, { "availableCards": { "alias": "availableCards"; "required": false; "isSignal": true; }; "addedCardsIds": { "alias": "addedCardsIds"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "confirm": "confirm"; "cancelled": "cancelled"; }, never, never, true, never>;
|
|
362
493
|
}
|
|
363
494
|
|
|
364
495
|
declare class DashboardCard {
|
|
@@ -386,15 +517,591 @@ declare class DashboardSection {
|
|
|
386
517
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardSection, "mfp-dashboard-section", never, { "section": { "alias": "section"; "required": true; "isSignal": true; }; "cards": { "alias": "cards"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "editMode": { "alias": "editMode"; "required": false; "isSignal": true; }; }, { "removeSection": "removeSection"; "removeCard": "removeCard"; }, never, never, true, never>;
|
|
387
518
|
}
|
|
388
519
|
|
|
520
|
+
declare class ValueCell<T extends GenericResource, F extends FieldDefinition> {
|
|
521
|
+
fieldDefinition: _angular_core.InputSignal<F>;
|
|
522
|
+
resource: _angular_core.InputSignal<T | undefined>;
|
|
523
|
+
readonly buttonClick: _angular_core.OutputEmitterRef<ValueCellButtonClickEvent<T>>;
|
|
524
|
+
value: _angular_core.Signal<any>;
|
|
525
|
+
uiSettings: _angular_core.Signal<_openmfp_ngx.UiSettings | undefined>;
|
|
526
|
+
displayAs: _angular_core.Signal<"secret" | "boolIcon" | "link" | "tooltip" | "alert" | "img" | "button" | undefined>;
|
|
527
|
+
withCopyButton: _angular_core.Signal<boolean | undefined>;
|
|
528
|
+
labelDisplay: _angular_core.Signal<boolean | undefined>;
|
|
529
|
+
cssCustomization: _angular_core.Signal<Partial<CSSStyleDeclaration> | undefined>;
|
|
530
|
+
tooltipIcon: _angular_core.Signal<string | undefined>;
|
|
531
|
+
cssRules: _angular_core.Signal<Partial<CSSStyleDeclaration>>;
|
|
532
|
+
cssStyles: _angular_core.Signal<{
|
|
533
|
+
[x: number]: string | undefined;
|
|
534
|
+
accentColor?: string | undefined;
|
|
535
|
+
alignContent?: string | undefined;
|
|
536
|
+
alignItems?: string | undefined;
|
|
537
|
+
alignSelf?: string | undefined;
|
|
538
|
+
alignmentBaseline?: string | undefined;
|
|
539
|
+
all?: string | undefined;
|
|
540
|
+
animation?: string | undefined;
|
|
541
|
+
animationComposition?: string | undefined;
|
|
542
|
+
animationDelay?: string | undefined;
|
|
543
|
+
animationDirection?: string | undefined;
|
|
544
|
+
animationDuration?: string | undefined;
|
|
545
|
+
animationFillMode?: string | undefined;
|
|
546
|
+
animationIterationCount?: string | undefined;
|
|
547
|
+
animationName?: string | undefined;
|
|
548
|
+
animationPlayState?: string | undefined;
|
|
549
|
+
animationTimingFunction?: string | undefined;
|
|
550
|
+
appearance?: string | undefined;
|
|
551
|
+
aspectRatio?: string | undefined;
|
|
552
|
+
backdropFilter?: string | undefined;
|
|
553
|
+
backfaceVisibility?: string | undefined;
|
|
554
|
+
background?: string | undefined;
|
|
555
|
+
backgroundAttachment?: string | undefined;
|
|
556
|
+
backgroundBlendMode?: string | undefined;
|
|
557
|
+
backgroundClip?: string | undefined;
|
|
558
|
+
backgroundColor?: string | undefined;
|
|
559
|
+
backgroundImage?: string | undefined;
|
|
560
|
+
backgroundOrigin?: string | undefined;
|
|
561
|
+
backgroundPosition?: string | undefined;
|
|
562
|
+
backgroundPositionX?: string | undefined;
|
|
563
|
+
backgroundPositionY?: string | undefined;
|
|
564
|
+
backgroundRepeat?: string | undefined;
|
|
565
|
+
backgroundSize?: string | undefined;
|
|
566
|
+
baselineShift?: string | undefined;
|
|
567
|
+
baselineSource?: string | undefined;
|
|
568
|
+
blockSize?: string | undefined;
|
|
569
|
+
border?: string | undefined;
|
|
570
|
+
borderBlock?: string | undefined;
|
|
571
|
+
borderBlockColor?: string | undefined;
|
|
572
|
+
borderBlockEnd?: string | undefined;
|
|
573
|
+
borderBlockEndColor?: string | undefined;
|
|
574
|
+
borderBlockEndStyle?: string | undefined;
|
|
575
|
+
borderBlockEndWidth?: string | undefined;
|
|
576
|
+
borderBlockStart?: string | undefined;
|
|
577
|
+
borderBlockStartColor?: string | undefined;
|
|
578
|
+
borderBlockStartStyle?: string | undefined;
|
|
579
|
+
borderBlockStartWidth?: string | undefined;
|
|
580
|
+
borderBlockStyle?: string | undefined;
|
|
581
|
+
borderBlockWidth?: string | undefined;
|
|
582
|
+
borderBottom?: string | undefined;
|
|
583
|
+
borderBottomColor?: string | undefined;
|
|
584
|
+
borderBottomLeftRadius?: string | undefined;
|
|
585
|
+
borderBottomRightRadius?: string | undefined;
|
|
586
|
+
borderBottomStyle?: string | undefined;
|
|
587
|
+
borderBottomWidth?: string | undefined;
|
|
588
|
+
borderCollapse?: string | undefined;
|
|
589
|
+
borderColor?: string | undefined;
|
|
590
|
+
borderEndEndRadius?: string | undefined;
|
|
591
|
+
borderEndStartRadius?: string | undefined;
|
|
592
|
+
borderImage?: string | undefined;
|
|
593
|
+
borderImageOutset?: string | undefined;
|
|
594
|
+
borderImageRepeat?: string | undefined;
|
|
595
|
+
borderImageSlice?: string | undefined;
|
|
596
|
+
borderImageSource?: string | undefined;
|
|
597
|
+
borderImageWidth?: string | undefined;
|
|
598
|
+
borderInline?: string | undefined;
|
|
599
|
+
borderInlineColor?: string | undefined;
|
|
600
|
+
borderInlineEnd?: string | undefined;
|
|
601
|
+
borderInlineEndColor?: string | undefined;
|
|
602
|
+
borderInlineEndStyle?: string | undefined;
|
|
603
|
+
borderInlineEndWidth?: string | undefined;
|
|
604
|
+
borderInlineStart?: string | undefined;
|
|
605
|
+
borderInlineStartColor?: string | undefined;
|
|
606
|
+
borderInlineStartStyle?: string | undefined;
|
|
607
|
+
borderInlineStartWidth?: string | undefined;
|
|
608
|
+
borderInlineStyle?: string | undefined;
|
|
609
|
+
borderInlineWidth?: string | undefined;
|
|
610
|
+
borderLeft?: string | undefined;
|
|
611
|
+
borderLeftColor?: string | undefined;
|
|
612
|
+
borderLeftStyle?: string | undefined;
|
|
613
|
+
borderLeftWidth?: string | undefined;
|
|
614
|
+
borderRadius?: string | undefined;
|
|
615
|
+
borderRight?: string | undefined;
|
|
616
|
+
borderRightColor?: string | undefined;
|
|
617
|
+
borderRightStyle?: string | undefined;
|
|
618
|
+
borderRightWidth?: string | undefined;
|
|
619
|
+
borderSpacing?: string | undefined;
|
|
620
|
+
borderStartEndRadius?: string | undefined;
|
|
621
|
+
borderStartStartRadius?: string | undefined;
|
|
622
|
+
borderStyle?: string | undefined;
|
|
623
|
+
borderTop?: string | undefined;
|
|
624
|
+
borderTopColor?: string | undefined;
|
|
625
|
+
borderTopLeftRadius?: string | undefined;
|
|
626
|
+
borderTopRightRadius?: string | undefined;
|
|
627
|
+
borderTopStyle?: string | undefined;
|
|
628
|
+
borderTopWidth?: string | undefined;
|
|
629
|
+
borderWidth?: string | undefined;
|
|
630
|
+
bottom?: string | undefined;
|
|
631
|
+
boxDecorationBreak?: string | undefined;
|
|
632
|
+
boxShadow?: string | undefined;
|
|
633
|
+
boxSizing?: string | undefined;
|
|
634
|
+
breakAfter?: string | undefined;
|
|
635
|
+
breakBefore?: string | undefined;
|
|
636
|
+
breakInside?: string | undefined;
|
|
637
|
+
captionSide?: string | undefined;
|
|
638
|
+
caretColor?: string | undefined;
|
|
639
|
+
clear?: string | undefined;
|
|
640
|
+
clip?: string | undefined;
|
|
641
|
+
clipPath?: string | undefined;
|
|
642
|
+
clipRule?: string | undefined;
|
|
643
|
+
color?: string | undefined;
|
|
644
|
+
colorInterpolation?: string | undefined;
|
|
645
|
+
colorInterpolationFilters?: string | undefined;
|
|
646
|
+
colorScheme?: string | undefined;
|
|
647
|
+
columnCount?: string | undefined;
|
|
648
|
+
columnFill?: string | undefined;
|
|
649
|
+
columnGap?: string | undefined;
|
|
650
|
+
columnRule?: string | undefined;
|
|
651
|
+
columnRuleColor?: string | undefined;
|
|
652
|
+
columnRuleStyle?: string | undefined;
|
|
653
|
+
columnRuleWidth?: string | undefined;
|
|
654
|
+
columnSpan?: string | undefined;
|
|
655
|
+
columnWidth?: string | undefined;
|
|
656
|
+
columns?: string | undefined;
|
|
657
|
+
contain?: string | undefined;
|
|
658
|
+
containIntrinsicBlockSize?: string | undefined;
|
|
659
|
+
containIntrinsicHeight?: string | undefined;
|
|
660
|
+
containIntrinsicInlineSize?: string | undefined;
|
|
661
|
+
containIntrinsicSize?: string | undefined;
|
|
662
|
+
containIntrinsicWidth?: string | undefined;
|
|
663
|
+
container?: string | undefined;
|
|
664
|
+
containerName?: string | undefined;
|
|
665
|
+
containerType?: string | undefined;
|
|
666
|
+
content?: string | undefined;
|
|
667
|
+
contentVisibility?: string | undefined;
|
|
668
|
+
counterIncrement?: string | undefined;
|
|
669
|
+
counterReset?: string | undefined;
|
|
670
|
+
counterSet?: string | undefined;
|
|
671
|
+
cssFloat?: string | undefined;
|
|
672
|
+
cssText?: string | undefined;
|
|
673
|
+
cursor?: string | undefined;
|
|
674
|
+
cx?: string | undefined;
|
|
675
|
+
cy?: string | undefined;
|
|
676
|
+
d?: string | undefined;
|
|
677
|
+
direction?: string | undefined;
|
|
678
|
+
display?: string | undefined;
|
|
679
|
+
dominantBaseline?: string | undefined;
|
|
680
|
+
emptyCells?: string | undefined;
|
|
681
|
+
fill?: string | undefined;
|
|
682
|
+
fillOpacity?: string | undefined;
|
|
683
|
+
fillRule?: string | undefined;
|
|
684
|
+
filter?: string | undefined;
|
|
685
|
+
flex?: string | undefined;
|
|
686
|
+
flexBasis?: string | undefined;
|
|
687
|
+
flexDirection?: string | undefined;
|
|
688
|
+
flexFlow?: string | undefined;
|
|
689
|
+
flexGrow?: string | undefined;
|
|
690
|
+
flexShrink?: string | undefined;
|
|
691
|
+
flexWrap?: string | undefined;
|
|
692
|
+
float?: string | undefined;
|
|
693
|
+
floodColor?: string | undefined;
|
|
694
|
+
floodOpacity?: string | undefined;
|
|
695
|
+
font?: string | undefined;
|
|
696
|
+
fontFamily?: string | undefined;
|
|
697
|
+
fontFeatureSettings?: string | undefined;
|
|
698
|
+
fontKerning?: string | undefined;
|
|
699
|
+
fontOpticalSizing?: string | undefined;
|
|
700
|
+
fontPalette?: string | undefined;
|
|
701
|
+
fontSize?: string | undefined;
|
|
702
|
+
fontSizeAdjust?: string | undefined;
|
|
703
|
+
fontStretch?: string | undefined;
|
|
704
|
+
fontStyle?: string | undefined;
|
|
705
|
+
fontSynthesis?: string | undefined;
|
|
706
|
+
fontSynthesisSmallCaps?: string | undefined;
|
|
707
|
+
fontSynthesisStyle?: string | undefined;
|
|
708
|
+
fontSynthesisWeight?: string | undefined;
|
|
709
|
+
fontVariant?: string | undefined;
|
|
710
|
+
fontVariantAlternates?: string | undefined;
|
|
711
|
+
fontVariantCaps?: string | undefined;
|
|
712
|
+
fontVariantEastAsian?: string | undefined;
|
|
713
|
+
fontVariantLigatures?: string | undefined;
|
|
714
|
+
fontVariantNumeric?: string | undefined;
|
|
715
|
+
fontVariantPosition?: string | undefined;
|
|
716
|
+
fontVariationSettings?: string | undefined;
|
|
717
|
+
fontWeight?: string | undefined;
|
|
718
|
+
forcedColorAdjust?: string | undefined;
|
|
719
|
+
gap?: string | undefined;
|
|
720
|
+
grid?: string | undefined;
|
|
721
|
+
gridArea?: string | undefined;
|
|
722
|
+
gridAutoColumns?: string | undefined;
|
|
723
|
+
gridAutoFlow?: string | undefined;
|
|
724
|
+
gridAutoRows?: string | undefined;
|
|
725
|
+
gridColumn?: string | undefined;
|
|
726
|
+
gridColumnEnd?: string | undefined;
|
|
727
|
+
gridColumnGap?: string | undefined;
|
|
728
|
+
gridColumnStart?: string | undefined;
|
|
729
|
+
gridGap?: string | undefined;
|
|
730
|
+
gridRow?: string | undefined;
|
|
731
|
+
gridRowEnd?: string | undefined;
|
|
732
|
+
gridRowGap?: string | undefined;
|
|
733
|
+
gridRowStart?: string | undefined;
|
|
734
|
+
gridTemplate?: string | undefined;
|
|
735
|
+
gridTemplateAreas?: string | undefined;
|
|
736
|
+
gridTemplateColumns?: string | undefined;
|
|
737
|
+
gridTemplateRows?: string | undefined;
|
|
738
|
+
height?: string | undefined;
|
|
739
|
+
hyphenateCharacter?: string | undefined;
|
|
740
|
+
hyphenateLimitChars?: string | undefined;
|
|
741
|
+
hyphens?: string | undefined;
|
|
742
|
+
imageOrientation?: string | undefined;
|
|
743
|
+
imageRendering?: string | undefined;
|
|
744
|
+
inlineSize?: string | undefined;
|
|
745
|
+
inset?: string | undefined;
|
|
746
|
+
insetBlock?: string | undefined;
|
|
747
|
+
insetBlockEnd?: string | undefined;
|
|
748
|
+
insetBlockStart?: string | undefined;
|
|
749
|
+
insetInline?: string | undefined;
|
|
750
|
+
insetInlineEnd?: string | undefined;
|
|
751
|
+
insetInlineStart?: string | undefined;
|
|
752
|
+
isolation?: string | undefined;
|
|
753
|
+
justifyContent?: string | undefined;
|
|
754
|
+
justifyItems?: string | undefined;
|
|
755
|
+
justifySelf?: string | undefined;
|
|
756
|
+
left?: string | undefined;
|
|
757
|
+
length?: number | undefined;
|
|
758
|
+
letterSpacing?: string | undefined;
|
|
759
|
+
lightingColor?: string | undefined;
|
|
760
|
+
lineBreak?: string | undefined;
|
|
761
|
+
lineHeight?: string | undefined;
|
|
762
|
+
listStyle?: string | undefined;
|
|
763
|
+
listStyleImage?: string | undefined;
|
|
764
|
+
listStylePosition?: string | undefined;
|
|
765
|
+
listStyleType?: string | undefined;
|
|
766
|
+
margin?: string | undefined;
|
|
767
|
+
marginBlock?: string | undefined;
|
|
768
|
+
marginBlockEnd?: string | undefined;
|
|
769
|
+
marginBlockStart?: string | undefined;
|
|
770
|
+
marginBottom?: string | undefined;
|
|
771
|
+
marginInline?: string | undefined;
|
|
772
|
+
marginInlineEnd?: string | undefined;
|
|
773
|
+
marginInlineStart?: string | undefined;
|
|
774
|
+
marginLeft?: string | undefined;
|
|
775
|
+
marginRight?: string | undefined;
|
|
776
|
+
marginTop?: string | undefined;
|
|
777
|
+
marker?: string | undefined;
|
|
778
|
+
markerEnd?: string | undefined;
|
|
779
|
+
markerMid?: string | undefined;
|
|
780
|
+
markerStart?: string | undefined;
|
|
781
|
+
mask?: string | undefined;
|
|
782
|
+
maskClip?: string | undefined;
|
|
783
|
+
maskComposite?: string | undefined;
|
|
784
|
+
maskImage?: string | undefined;
|
|
785
|
+
maskMode?: string | undefined;
|
|
786
|
+
maskOrigin?: string | undefined;
|
|
787
|
+
maskPosition?: string | undefined;
|
|
788
|
+
maskRepeat?: string | undefined;
|
|
789
|
+
maskSize?: string | undefined;
|
|
790
|
+
maskType?: string | undefined;
|
|
791
|
+
mathDepth?: string | undefined;
|
|
792
|
+
mathStyle?: string | undefined;
|
|
793
|
+
maxBlockSize?: string | undefined;
|
|
794
|
+
maxHeight?: string | undefined;
|
|
795
|
+
maxInlineSize?: string | undefined;
|
|
796
|
+
maxWidth?: string | undefined;
|
|
797
|
+
minBlockSize?: string | undefined;
|
|
798
|
+
minHeight?: string | undefined;
|
|
799
|
+
minInlineSize?: string | undefined;
|
|
800
|
+
minWidth?: string | undefined;
|
|
801
|
+
mixBlendMode?: string | undefined;
|
|
802
|
+
objectFit?: string | undefined;
|
|
803
|
+
objectPosition?: string | undefined;
|
|
804
|
+
offset?: string | undefined;
|
|
805
|
+
offsetAnchor?: string | undefined;
|
|
806
|
+
offsetDistance?: string | undefined;
|
|
807
|
+
offsetPath?: string | undefined;
|
|
808
|
+
offsetPosition?: string | undefined;
|
|
809
|
+
offsetRotate?: string | undefined;
|
|
810
|
+
opacity?: string | undefined;
|
|
811
|
+
order?: string | undefined;
|
|
812
|
+
orphans?: string | undefined;
|
|
813
|
+
outline?: string | undefined;
|
|
814
|
+
outlineColor?: string | undefined;
|
|
815
|
+
outlineOffset?: string | undefined;
|
|
816
|
+
outlineStyle?: string | undefined;
|
|
817
|
+
outlineWidth?: string | undefined;
|
|
818
|
+
overflow?: string | undefined;
|
|
819
|
+
overflowAnchor?: string | undefined;
|
|
820
|
+
overflowBlock?: string | undefined;
|
|
821
|
+
overflowClipMargin?: string | undefined;
|
|
822
|
+
overflowInline?: string | undefined;
|
|
823
|
+
overflowWrap?: string | undefined;
|
|
824
|
+
overflowX?: string | undefined;
|
|
825
|
+
overflowY?: string | undefined;
|
|
826
|
+
overscrollBehavior?: string | undefined;
|
|
827
|
+
overscrollBehaviorBlock?: string | undefined;
|
|
828
|
+
overscrollBehaviorInline?: string | undefined;
|
|
829
|
+
overscrollBehaviorX?: string | undefined;
|
|
830
|
+
overscrollBehaviorY?: string | undefined;
|
|
831
|
+
padding?: string | undefined;
|
|
832
|
+
paddingBlock?: string | undefined;
|
|
833
|
+
paddingBlockEnd?: string | undefined;
|
|
834
|
+
paddingBlockStart?: string | undefined;
|
|
835
|
+
paddingBottom?: string | undefined;
|
|
836
|
+
paddingInline?: string | undefined;
|
|
837
|
+
paddingInlineEnd?: string | undefined;
|
|
838
|
+
paddingInlineStart?: string | undefined;
|
|
839
|
+
paddingLeft?: string | undefined;
|
|
840
|
+
paddingRight?: string | undefined;
|
|
841
|
+
paddingTop?: string | undefined;
|
|
842
|
+
page?: string | undefined;
|
|
843
|
+
pageBreakAfter?: string | undefined;
|
|
844
|
+
pageBreakBefore?: string | undefined;
|
|
845
|
+
pageBreakInside?: string | undefined;
|
|
846
|
+
paintOrder?: string | undefined;
|
|
847
|
+
parentRule?: CSSRule | null | undefined;
|
|
848
|
+
perspective?: string | undefined;
|
|
849
|
+
perspectiveOrigin?: string | undefined;
|
|
850
|
+
placeContent?: string | undefined;
|
|
851
|
+
placeItems?: string | undefined;
|
|
852
|
+
placeSelf?: string | undefined;
|
|
853
|
+
pointerEvents?: string | undefined;
|
|
854
|
+
position?: string | undefined;
|
|
855
|
+
printColorAdjust?: string | undefined;
|
|
856
|
+
quotes?: string | undefined;
|
|
857
|
+
r?: string | undefined;
|
|
858
|
+
resize?: string | undefined;
|
|
859
|
+
right?: string | undefined;
|
|
860
|
+
rotate?: string | undefined;
|
|
861
|
+
rowGap?: string | undefined;
|
|
862
|
+
rubyAlign?: string | undefined;
|
|
863
|
+
rubyPosition?: string | undefined;
|
|
864
|
+
rx?: string | undefined;
|
|
865
|
+
ry?: string | undefined;
|
|
866
|
+
scale?: string | undefined;
|
|
867
|
+
scrollBehavior?: string | undefined;
|
|
868
|
+
scrollMargin?: string | undefined;
|
|
869
|
+
scrollMarginBlock?: string | undefined;
|
|
870
|
+
scrollMarginBlockEnd?: string | undefined;
|
|
871
|
+
scrollMarginBlockStart?: string | undefined;
|
|
872
|
+
scrollMarginBottom?: string | undefined;
|
|
873
|
+
scrollMarginInline?: string | undefined;
|
|
874
|
+
scrollMarginInlineEnd?: string | undefined;
|
|
875
|
+
scrollMarginInlineStart?: string | undefined;
|
|
876
|
+
scrollMarginLeft?: string | undefined;
|
|
877
|
+
scrollMarginRight?: string | undefined;
|
|
878
|
+
scrollMarginTop?: string | undefined;
|
|
879
|
+
scrollPadding?: string | undefined;
|
|
880
|
+
scrollPaddingBlock?: string | undefined;
|
|
881
|
+
scrollPaddingBlockEnd?: string | undefined;
|
|
882
|
+
scrollPaddingBlockStart?: string | undefined;
|
|
883
|
+
scrollPaddingBottom?: string | undefined;
|
|
884
|
+
scrollPaddingInline?: string | undefined;
|
|
885
|
+
scrollPaddingInlineEnd?: string | undefined;
|
|
886
|
+
scrollPaddingInlineStart?: string | undefined;
|
|
887
|
+
scrollPaddingLeft?: string | undefined;
|
|
888
|
+
scrollPaddingRight?: string | undefined;
|
|
889
|
+
scrollPaddingTop?: string | undefined;
|
|
890
|
+
scrollSnapAlign?: string | undefined;
|
|
891
|
+
scrollSnapStop?: string | undefined;
|
|
892
|
+
scrollSnapType?: string | undefined;
|
|
893
|
+
scrollbarColor?: string | undefined;
|
|
894
|
+
scrollbarGutter?: string | undefined;
|
|
895
|
+
scrollbarWidth?: string | undefined;
|
|
896
|
+
shapeImageThreshold?: string | undefined;
|
|
897
|
+
shapeMargin?: string | undefined;
|
|
898
|
+
shapeOutside?: string | undefined;
|
|
899
|
+
shapeRendering?: string | undefined;
|
|
900
|
+
stopColor?: string | undefined;
|
|
901
|
+
stopOpacity?: string | undefined;
|
|
902
|
+
stroke?: string | undefined;
|
|
903
|
+
strokeDasharray?: string | undefined;
|
|
904
|
+
strokeDashoffset?: string | undefined;
|
|
905
|
+
strokeLinecap?: string | undefined;
|
|
906
|
+
strokeLinejoin?: string | undefined;
|
|
907
|
+
strokeMiterlimit?: string | undefined;
|
|
908
|
+
strokeOpacity?: string | undefined;
|
|
909
|
+
strokeWidth?: string | undefined;
|
|
910
|
+
tabSize?: string | undefined;
|
|
911
|
+
tableLayout?: string | undefined;
|
|
912
|
+
textAlign?: string | undefined;
|
|
913
|
+
textAlignLast?: string | undefined;
|
|
914
|
+
textAnchor?: string | undefined;
|
|
915
|
+
textBox?: string | undefined;
|
|
916
|
+
textBoxEdge?: string | undefined;
|
|
917
|
+
textBoxTrim?: string | undefined;
|
|
918
|
+
textCombineUpright?: string | undefined;
|
|
919
|
+
textDecoration?: string | undefined;
|
|
920
|
+
textDecorationColor?: string | undefined;
|
|
921
|
+
textDecorationLine?: string | undefined;
|
|
922
|
+
textDecorationSkipInk?: string | undefined;
|
|
923
|
+
textDecorationStyle?: string | undefined;
|
|
924
|
+
textDecorationThickness?: string | undefined;
|
|
925
|
+
textEmphasis?: string | undefined;
|
|
926
|
+
textEmphasisColor?: string | undefined;
|
|
927
|
+
textEmphasisPosition?: string | undefined;
|
|
928
|
+
textEmphasisStyle?: string | undefined;
|
|
929
|
+
textIndent?: string | undefined;
|
|
930
|
+
textOrientation?: string | undefined;
|
|
931
|
+
textOverflow?: string | undefined;
|
|
932
|
+
textRendering?: string | undefined;
|
|
933
|
+
textShadow?: string | undefined;
|
|
934
|
+
textTransform?: string | undefined;
|
|
935
|
+
textUnderlineOffset?: string | undefined;
|
|
936
|
+
textUnderlinePosition?: string | undefined;
|
|
937
|
+
textWrap?: string | undefined;
|
|
938
|
+
textWrapMode?: string | undefined;
|
|
939
|
+
textWrapStyle?: string | undefined;
|
|
940
|
+
top?: string | undefined;
|
|
941
|
+
touchAction?: string | undefined;
|
|
942
|
+
transform?: string | undefined;
|
|
943
|
+
transformBox?: string | undefined;
|
|
944
|
+
transformOrigin?: string | undefined;
|
|
945
|
+
transformStyle?: string | undefined;
|
|
946
|
+
transition?: string | undefined;
|
|
947
|
+
transitionBehavior?: string | undefined;
|
|
948
|
+
transitionDelay?: string | undefined;
|
|
949
|
+
transitionDuration?: string | undefined;
|
|
950
|
+
transitionProperty?: string | undefined;
|
|
951
|
+
transitionTimingFunction?: string | undefined;
|
|
952
|
+
translate?: string | undefined;
|
|
953
|
+
unicodeBidi?: string | undefined;
|
|
954
|
+
userSelect?: string | undefined;
|
|
955
|
+
vectorEffect?: string | undefined;
|
|
956
|
+
verticalAlign?: string | undefined;
|
|
957
|
+
viewTransitionClass?: string | undefined;
|
|
958
|
+
viewTransitionName?: string | undefined;
|
|
959
|
+
visibility?: string | undefined;
|
|
960
|
+
webkitAlignContent?: string | undefined;
|
|
961
|
+
webkitAlignItems?: string | undefined;
|
|
962
|
+
webkitAlignSelf?: string | undefined;
|
|
963
|
+
webkitAnimation?: string | undefined;
|
|
964
|
+
webkitAnimationDelay?: string | undefined;
|
|
965
|
+
webkitAnimationDirection?: string | undefined;
|
|
966
|
+
webkitAnimationDuration?: string | undefined;
|
|
967
|
+
webkitAnimationFillMode?: string | undefined;
|
|
968
|
+
webkitAnimationIterationCount?: string | undefined;
|
|
969
|
+
webkitAnimationName?: string | undefined;
|
|
970
|
+
webkitAnimationPlayState?: string | undefined;
|
|
971
|
+
webkitAnimationTimingFunction?: string | undefined;
|
|
972
|
+
webkitAppearance?: string | undefined;
|
|
973
|
+
webkitBackfaceVisibility?: string | undefined;
|
|
974
|
+
webkitBackgroundClip?: string | undefined;
|
|
975
|
+
webkitBackgroundOrigin?: string | undefined;
|
|
976
|
+
webkitBackgroundSize?: string | undefined;
|
|
977
|
+
webkitBorderBottomLeftRadius?: string | undefined;
|
|
978
|
+
webkitBorderBottomRightRadius?: string | undefined;
|
|
979
|
+
webkitBorderRadius?: string | undefined;
|
|
980
|
+
webkitBorderTopLeftRadius?: string | undefined;
|
|
981
|
+
webkitBorderTopRightRadius?: string | undefined;
|
|
982
|
+
webkitBoxAlign?: string | undefined;
|
|
983
|
+
webkitBoxFlex?: string | undefined;
|
|
984
|
+
webkitBoxOrdinalGroup?: string | undefined;
|
|
985
|
+
webkitBoxOrient?: string | undefined;
|
|
986
|
+
webkitBoxPack?: string | undefined;
|
|
987
|
+
webkitBoxShadow?: string | undefined;
|
|
988
|
+
webkitBoxSizing?: string | undefined;
|
|
989
|
+
webkitFilter?: string | undefined;
|
|
990
|
+
webkitFlex?: string | undefined;
|
|
991
|
+
webkitFlexBasis?: string | undefined;
|
|
992
|
+
webkitFlexDirection?: string | undefined;
|
|
993
|
+
webkitFlexFlow?: string | undefined;
|
|
994
|
+
webkitFlexGrow?: string | undefined;
|
|
995
|
+
webkitFlexShrink?: string | undefined;
|
|
996
|
+
webkitFlexWrap?: string | undefined;
|
|
997
|
+
webkitJustifyContent?: string | undefined;
|
|
998
|
+
webkitLineClamp?: string | undefined;
|
|
999
|
+
webkitMask?: string | undefined;
|
|
1000
|
+
webkitMaskBoxImage?: string | undefined;
|
|
1001
|
+
webkitMaskBoxImageOutset?: string | undefined;
|
|
1002
|
+
webkitMaskBoxImageRepeat?: string | undefined;
|
|
1003
|
+
webkitMaskBoxImageSlice?: string | undefined;
|
|
1004
|
+
webkitMaskBoxImageSource?: string | undefined;
|
|
1005
|
+
webkitMaskBoxImageWidth?: string | undefined;
|
|
1006
|
+
webkitMaskClip?: string | undefined;
|
|
1007
|
+
webkitMaskComposite?: string | undefined;
|
|
1008
|
+
webkitMaskImage?: string | undefined;
|
|
1009
|
+
webkitMaskOrigin?: string | undefined;
|
|
1010
|
+
webkitMaskPosition?: string | undefined;
|
|
1011
|
+
webkitMaskRepeat?: string | undefined;
|
|
1012
|
+
webkitMaskSize?: string | undefined;
|
|
1013
|
+
webkitOrder?: string | undefined;
|
|
1014
|
+
webkitPerspective?: string | undefined;
|
|
1015
|
+
webkitPerspectiveOrigin?: string | undefined;
|
|
1016
|
+
webkitTextFillColor?: string | undefined;
|
|
1017
|
+
webkitTextSizeAdjust?: string | undefined;
|
|
1018
|
+
webkitTextStroke?: string | undefined;
|
|
1019
|
+
webkitTextStrokeColor?: string | undefined;
|
|
1020
|
+
webkitTextStrokeWidth?: string | undefined;
|
|
1021
|
+
webkitTransform?: string | undefined;
|
|
1022
|
+
webkitTransformOrigin?: string | undefined;
|
|
1023
|
+
webkitTransformStyle?: string | undefined;
|
|
1024
|
+
webkitTransition?: string | undefined;
|
|
1025
|
+
webkitTransitionDelay?: string | undefined;
|
|
1026
|
+
webkitTransitionDuration?: string | undefined;
|
|
1027
|
+
webkitTransitionProperty?: string | undefined;
|
|
1028
|
+
webkitTransitionTimingFunction?: string | undefined;
|
|
1029
|
+
webkitUserSelect?: string | undefined;
|
|
1030
|
+
whiteSpace?: string | undefined;
|
|
1031
|
+
whiteSpaceCollapse?: string | undefined;
|
|
1032
|
+
widows?: string | undefined;
|
|
1033
|
+
width?: string | undefined;
|
|
1034
|
+
willChange?: string | undefined;
|
|
1035
|
+
wordBreak?: string | undefined;
|
|
1036
|
+
wordSpacing?: string | undefined;
|
|
1037
|
+
wordWrap?: string | undefined;
|
|
1038
|
+
writingMode?: string | undefined;
|
|
1039
|
+
x?: string | undefined;
|
|
1040
|
+
y?: string | undefined;
|
|
1041
|
+
zIndex?: string | undefined;
|
|
1042
|
+
zoom?: string | undefined;
|
|
1043
|
+
getPropertyPriority?: ((property: string) => string) | undefined;
|
|
1044
|
+
getPropertyValue?: ((property: string) => string) | undefined;
|
|
1045
|
+
item?: ((index: number) => string) | undefined;
|
|
1046
|
+
removeProperty?: ((property: string) => string) | undefined;
|
|
1047
|
+
setProperty?: ((property: string, value: string | null, priority?: string) => void) | undefined;
|
|
1048
|
+
[Symbol.iterator]?: (() => ArrayIterator<string>) | undefined;
|
|
1049
|
+
}>;
|
|
1050
|
+
isBoolLike: _angular_core.Signal<boolean>;
|
|
1051
|
+
isUrlValue: _angular_core.Signal<boolean>;
|
|
1052
|
+
testId: _angular_core.Signal<string>;
|
|
1053
|
+
boolValue: _angular_core.Signal<boolean | undefined>;
|
|
1054
|
+
stringValue: _angular_core.Signal<string | undefined>;
|
|
1055
|
+
isVisible: _angular_core.WritableSignal<boolean>;
|
|
1056
|
+
toggleVisibility(e: Event): void;
|
|
1057
|
+
private normalizeBoolean;
|
|
1058
|
+
private normalizeString;
|
|
1059
|
+
private checkValidUrl;
|
|
1060
|
+
copyValue(event: Event): void;
|
|
1061
|
+
protected buttonClicked(event: MouseEvent): void;
|
|
1062
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ValueCell<any, any>, never>;
|
|
1063
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ValueCell<any, any>, "mfp-value-cell", never, { "fieldDefinition": { "alias": "fieldDefinition"; "required": true; "isSignal": true; }; "resource": { "alias": "resource"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
|
|
1064
|
+
}
|
|
1065
|
+
|
|
1066
|
+
declare const ICON_DESIGN_POSITIVE = "Positive";
|
|
1067
|
+
declare const ICON_DESIGN_NEGATIVE = "Negative";
|
|
1068
|
+
|
|
1069
|
+
type IconDesignType = typeof ICON_DESIGN_POSITIVE | typeof ICON_DESIGN_NEGATIVE;
|
|
1070
|
+
declare class BooleanValue {
|
|
1071
|
+
boolValue: _angular_core.InputSignal<boolean>;
|
|
1072
|
+
testId: _angular_core.InputSignal<string>;
|
|
1073
|
+
iconDesign: _angular_core.Signal<IconDesignType>;
|
|
1074
|
+
iconName: _angular_core.Signal<string>;
|
|
1075
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BooleanValue, never>;
|
|
1076
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BooleanValue, "mfp-boolean-value", never, { "boolValue": { "alias": "boolValue"; "required": true; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1077
|
+
}
|
|
1078
|
+
|
|
1079
|
+
declare class LinkValue {
|
|
1080
|
+
urlValue: _angular_core.InputSignal<string>;
|
|
1081
|
+
testId: _angular_core.InputSignal<string>;
|
|
1082
|
+
stopPropagation(event: Event): void;
|
|
1083
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<LinkValue, never>;
|
|
1084
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinkValue, "mfp-link-value", never, { "urlValue": { "alias": "urlValue"; "required": true; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1085
|
+
}
|
|
1086
|
+
|
|
1087
|
+
declare class SecretValue {
|
|
1088
|
+
value: _angular_core.InputSignal<string>;
|
|
1089
|
+
isVisible: _angular_core.InputSignal<boolean>;
|
|
1090
|
+
testId: _angular_core.InputSignal<string>;
|
|
1091
|
+
maskedValue: _angular_core.Signal<string>;
|
|
1092
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SecretValue, never>;
|
|
1093
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SecretValue, "mfp-secret-value", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "isVisible": { "alias": "isVisible"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1094
|
+
}
|
|
1095
|
+
|
|
389
1096
|
declare class VisitedServiceCard {
|
|
390
1097
|
serviceType: _angular_core.InputSignal<string>;
|
|
391
1098
|
serviceName: _angular_core.InputSignal<string>;
|
|
392
1099
|
serviceDescription: _angular_core.InputSignal<string>;
|
|
393
1100
|
serviceIcon: _angular_core.InputSignal<string>;
|
|
394
1101
|
path: _angular_core.InputSignal<string>;
|
|
395
|
-
|
|
1102
|
+
readonly cardClick: _angular_core.OutputEmitterRef<string>;
|
|
396
1103
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<VisitedServiceCard, never>;
|
|
397
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VisitedServiceCard, "mfp-visited-service-card", never, { "serviceType": { "alias": "serviceType"; "required": true; "isSignal": true; }; "serviceName": { "alias": "serviceName"; "required": true; "isSignal": true; }; "serviceDescription": { "alias": "serviceDescription"; "required": true; "isSignal": true; }; "serviceIcon": { "alias": "serviceIcon"; "required": true; "isSignal": true; }; "path": { "alias": "path"; "required": true; "isSignal": true; }; }, { "
|
|
1104
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VisitedServiceCard, "mfp-visited-service-card", never, { "serviceType": { "alias": "serviceType"; "required": true; "isSignal": true; }; "serviceName": { "alias": "serviceName"; "required": true; "isSignal": true; }; "serviceDescription": { "alias": "serviceDescription"; "required": true; "isSignal": true; }; "serviceIcon": { "alias": "serviceIcon"; "required": true; "isSignal": true; }; "path": { "alias": "path"; "required": true; "isSignal": true; }; }, { "cardClick": "cardClick"; }, never, never, true, never>;
|
|
398
1105
|
}
|
|
399
1106
|
|
|
400
1107
|
declare class Favorites {
|
|
@@ -407,10 +1114,15 @@ declare class Favorites {
|
|
|
407
1114
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<Favorites, "mfp-favorites", never, {}, {}, never, never, true, never>;
|
|
408
1115
|
}
|
|
409
1116
|
|
|
1117
|
+
/** Possible health states for a service. */
|
|
410
1118
|
type ServiceStatusValue = 'operational' | 'degraded' | 'outage' | 'maintenance';
|
|
1119
|
+
/** A single service entry displayed in the service-status card. */
|
|
411
1120
|
interface ServiceStatusItem {
|
|
1121
|
+
/** Display name of the service. */
|
|
412
1122
|
name: string;
|
|
1123
|
+
/** SAP UI5 icon name used as the service icon. */
|
|
413
1124
|
icon: string;
|
|
1125
|
+
/** Current health status of the service. */
|
|
414
1126
|
status: ServiceStatusValue;
|
|
415
1127
|
}
|
|
416
1128
|
declare class ServiceStatusCard {
|
|
@@ -434,5 +1146,5 @@ declare class WhatsNew {
|
|
|
434
1146
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<WhatsNew, "mfp-whats-new", never, {}, {}, never, never, true, never>;
|
|
435
1147
|
}
|
|
436
1148
|
|
|
437
|
-
export { AddCardDialog, CARD_TYPES, Dashboard, DashboardCard, DashboardSection, DeclarativeForm, DeclarativeTable, DeclarativeTableCard, Favorites, ServiceStatusCard, VisitedServiceCard, WhatsNew };
|
|
438
|
-
export type { ButtonSettings, CardConfig, CardsType, CssRule, CssRuleCondition, DashboardButtonsSettings, DashboardConfig, DeleteResourceConfirmationConfig, FieldDefinition, FormFieldChangeEvent, FormFieldDefinition, FormFieldErrors, GenericResource, ModalSettings, PropertyField, ResourceFormConfig, SectionConfig, ServiceStatusItem, ServiceStatusValue, TableCardButtonSettings, TableCardConfig, TableCardFormState, TableConfig, TableFieldDefinition, TransformType, UiSettings, ValueCellButtonClickEvent };
|
|
1149
|
+
export { AddCardDialog, BooleanValue, CARD_TYPES, Dashboard, DashboardCard, DashboardSection, DeclarativeForm, DeclarativeTable, DeclarativeTableCard, Favorites, LinkValue, SecretValue, ServiceStatusCard, ValueCell, VisitedServiceCard, WhatsNew };
|
|
1150
|
+
export type { ButtonSettings, CardConfig, CardsType, CssRule, CssRuleCondition, DashboardButtonsSettings, DashboardConfig, DeleteResourceConfirmationConfig, FieldDefinition, FormFieldChangeEvent, FormFieldDefinition, FormFieldErrors, GenericResource, IconDesignType, ModalSettings, PropertyField, ResourceFormConfig, SectionConfig, ServiceStatusItem, ServiceStatusValue, TableCardButtonSettings, TableCardConfig, TableCardFormState, TableConfig, TableFieldDefinition, TransformType, UiSettings, ValueCellButtonClickEvent };
|