@onecx/angular-accelerator 8.0.0-rc.6 → 8.0.0-rc.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/i18n/de.json +23 -4
- package/assets/i18n/en.json +22 -4
- package/assets/i18n/storybook-translations/diagram/de.json +5 -1
- package/assets/i18n/storybook-translations/diagram/en.json +4 -0
- package/assets/styles.scss +2 -0
- package/fesm2022/onecx-angular-accelerator-testing.mjs +43 -1
- package/fesm2022/onecx-angular-accelerator-testing.mjs.map +1 -1
- package/fesm2022/onecx-angular-accelerator.mjs +221 -57
- package/fesm2022/onecx-angular-accelerator.mjs.map +1 -1
- package/package.json +8 -8
- package/src/lib/directives/loading-indicator.directive.scss +48 -0
- package/types/onecx-angular-accelerator-testing.d.ts +19 -2
- package/types/onecx-angular-accelerator.d.ts +49 -9
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onecx/angular-accelerator",
|
|
3
|
-
"version": "8.0.0-rc.
|
|
3
|
+
"version": "8.0.0-rc.8",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -15,12 +15,12 @@
|
|
|
15
15
|
"@angular/router": "^21.0.0",
|
|
16
16
|
"@ngx-translate/core": "^17.0.0",
|
|
17
17
|
"@ngneat/until-destroy": "^10.0.0",
|
|
18
|
-
"@onecx/integration-interface": "^8.0.0-rc.
|
|
19
|
-
"@onecx/accelerator": "^8.0.0-rc.
|
|
20
|
-
"@onecx/angular-integration-interface": "^8.0.0-rc.
|
|
21
|
-
"@onecx/angular-remote-components": "^8.0.0-rc.
|
|
22
|
-
"@onecx/angular-testing": "^8.0.0-rc.
|
|
23
|
-
"@onecx/angular-utils": "^8.0.0-rc.
|
|
18
|
+
"@onecx/integration-interface": "^8.0.0-rc.8",
|
|
19
|
+
"@onecx/accelerator": "^8.0.0-rc.8",
|
|
20
|
+
"@onecx/angular-integration-interface": "^8.0.0-rc.8",
|
|
21
|
+
"@onecx/angular-remote-components": "^8.0.0-rc.8",
|
|
22
|
+
"@onecx/angular-testing": "^8.0.0-rc.8",
|
|
23
|
+
"@onecx/angular-utils": "^8.0.0-rc.8",
|
|
24
24
|
"chart.js": "^4.4.3",
|
|
25
25
|
"d3-scale-chromatic": "^3.1.0",
|
|
26
26
|
"fast-deep-equal": "^3.1.3",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"rxjs": "~7.8.1",
|
|
29
29
|
"primeng": "^21.0.0",
|
|
30
30
|
"@nx/devkit": "^22.0.2",
|
|
31
|
-
"@onecx/nx-migration-utils": "^8.0.0-rc.
|
|
31
|
+
"@onecx/nx-migration-utils": "^8.0.0-rc.8"
|
|
32
32
|
},
|
|
33
33
|
"exports": {
|
|
34
34
|
".": {
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
$overlay-bg-color: rgba(0, 0, 0, 0.5);
|
|
2
|
+
$loader-border-bottom-color: transparent;
|
|
3
|
+
|
|
4
|
+
/* You can add global styles to this file, and also import other style files */
|
|
5
|
+
@keyframes rotation {
|
|
6
|
+
0% {
|
|
7
|
+
transform: rotate(0deg);
|
|
8
|
+
}
|
|
9
|
+
100% {
|
|
10
|
+
transform: rotate(360deg);
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
.element-overlay {
|
|
14
|
+
&::before {
|
|
15
|
+
content: '';
|
|
16
|
+
position: absolute;
|
|
17
|
+
top: 0;
|
|
18
|
+
left: 0;
|
|
19
|
+
width: 100%;
|
|
20
|
+
height: 100%;
|
|
21
|
+
background-color: $overlay-bg-color;
|
|
22
|
+
z-index: 1;
|
|
23
|
+
}
|
|
24
|
+
position: relative;
|
|
25
|
+
cursor: default;
|
|
26
|
+
pointer-events: none;
|
|
27
|
+
}
|
|
28
|
+
.loader {
|
|
29
|
+
width: 28px;
|
|
30
|
+
height: 28px;
|
|
31
|
+
border: 3px solid var(--primary-color);
|
|
32
|
+
border-bottom-color: $loader-border-bottom-color;
|
|
33
|
+
border-radius: 50%;
|
|
34
|
+
display: inline-block;
|
|
35
|
+
box-sizing: border-box;
|
|
36
|
+
animation: rotation 1s linear infinite;
|
|
37
|
+
position: absolute;
|
|
38
|
+
top: 50%;
|
|
39
|
+
left: 50%;
|
|
40
|
+
transform: translate(-50%, -50%);
|
|
41
|
+
z-index: 2;
|
|
42
|
+
&.loader-small {
|
|
43
|
+
width: 20px;
|
|
44
|
+
height: 20px;
|
|
45
|
+
top: 20%;
|
|
46
|
+
left: 45%;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
@@ -257,6 +257,23 @@ declare class OcxSrcHarness extends ComponentHarness {
|
|
|
257
257
|
getTestElement(): Promise<TestElement>;
|
|
258
258
|
}
|
|
259
259
|
|
|
260
|
+
interface OcxTooltipHarnessFilters extends BaseHarnessFilters {
|
|
261
|
+
text?: string;
|
|
262
|
+
hostSelector?: string;
|
|
263
|
+
}
|
|
264
|
+
declare class OcxTooltipHarness extends ComponentHarness {
|
|
265
|
+
private static readonly defaultHostSelector;
|
|
266
|
+
private static configuredHostSelector;
|
|
267
|
+
static get hostSelector(): string;
|
|
268
|
+
hover(): Promise<void>;
|
|
269
|
+
unhover(): Promise<void>;
|
|
270
|
+
getTooltipText(): Promise<string | null>;
|
|
271
|
+
getTooltipId(): Promise<string | null>;
|
|
272
|
+
isVisible(): Promise<boolean>;
|
|
273
|
+
static with(options?: OcxTooltipHarnessFilters): HarnessPredicate<OcxTooltipHarness>;
|
|
274
|
+
static withHostSelector(hostSelector: string): HarnessPredicate<OcxTooltipHarness>;
|
|
275
|
+
}
|
|
276
|
+
|
|
260
277
|
declare class DialogMessageContentHarness extends ComponentHarness {
|
|
261
278
|
static hostSelector: string;
|
|
262
279
|
private getMessageSpan;
|
|
@@ -290,5 +307,5 @@ declare class DialogInlineHarness extends ContentContainerComponentHarness$1 {
|
|
|
290
307
|
getDialogFooter: () => Promise<DialogFooterHarness>;
|
|
291
308
|
}
|
|
292
309
|
|
|
293
|
-
export { ColumnGroupSelectionHarness, CustomGroupColumnSelectorHarness, DataLayoutSelectionHarness, DataListGridHarness, DataTableHarness, DataViewHarness, DefaultGridItemHarness, DefaultListItemHarness, DiagramHarness, DialogContentHarness, DialogFooterHarness, DialogInlineHarness, DialogMessageContentHarness, FilterViewHarness, GroupByCountDiagramHarness, InteractiveDataViewHarness, LifecycleHarness, MoreActionsMenuButtonHarness, OcxConsentHarness, OcxContentContainerHarness, OcxContentHarness, OcxSrcHarness, PageHeaderHarness, SearchHeaderHarness, SlotHarness };
|
|
294
|
-
export type { DataTableHarnessFilters, OcxSrcHarnessFilters, SlotHarnessFilters };
|
|
310
|
+
export { ColumnGroupSelectionHarness, CustomGroupColumnSelectorHarness, DataLayoutSelectionHarness, DataListGridHarness, DataTableHarness, DataViewHarness, DefaultGridItemHarness, DefaultListItemHarness, DiagramHarness, DialogContentHarness, DialogFooterHarness, DialogInlineHarness, DialogMessageContentHarness, FilterViewHarness, GroupByCountDiagramHarness, InteractiveDataViewHarness, LifecycleHarness, MoreActionsMenuButtonHarness, OcxConsentHarness, OcxContentContainerHarness, OcxContentHarness, OcxSrcHarness, OcxTooltipHarness, PageHeaderHarness, SearchHeaderHarness, SlotHarness };
|
|
311
|
+
export type { DataTableHarnessFilters, OcxSrcHarnessFilters, OcxTooltipHarnessFilters, SlotHarnessFilters };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
|
-
import { OnInit, TemplateRef, EventEmitter, DoCheck,
|
|
2
|
+
import { OnInit, TemplateRef, EventEmitter, DoCheck, AfterViewInit, OnChanges, Renderer2, SimpleChanges, OnDestroy, OutputEmitterRef, Signal, ElementRef, Type, ViewContainerRef, ComponentRef, PipeTransform, QueryList } from '@angular/core';
|
|
3
3
|
import * as i19 from 'primeng/tooltip';
|
|
4
4
|
import { Tooltip } from 'primeng/tooltip';
|
|
5
5
|
import * as i22 from 'primeng/api';
|
|
@@ -161,7 +161,30 @@ declare class AdvancedDirective implements DoCheck {
|
|
|
161
161
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AdvancedDirective, "[ocxAdvanced]", never, {}, {}, never, never, false, never>;
|
|
162
162
|
}
|
|
163
163
|
|
|
164
|
-
declare class
|
|
164
|
+
declare class OcxTooltipDirective extends Tooltip implements AfterViewInit, OnChanges {
|
|
165
|
+
readonly renderer: Renderer2;
|
|
166
|
+
readonly ocxTooltip: _angular_core.InputSignal<string | TemplateRef<HTMLElement> | undefined>;
|
|
167
|
+
private generatedId;
|
|
168
|
+
private resolvedId;
|
|
169
|
+
private removeEscapeKeyListener;
|
|
170
|
+
constructor();
|
|
171
|
+
ngAfterViewInit(): void;
|
|
172
|
+
ngOnChanges(simpleChange: SimpleChanges): void;
|
|
173
|
+
create(): void;
|
|
174
|
+
show(): void;
|
|
175
|
+
private ensureIdAndAriaDescribedBy;
|
|
176
|
+
private normalizeId;
|
|
177
|
+
private applyIdToContainer;
|
|
178
|
+
private isTooltipCreated;
|
|
179
|
+
private getOrCreateGeneratedId;
|
|
180
|
+
private getRandomPart;
|
|
181
|
+
private setEscapeKeyListener;
|
|
182
|
+
ngOnDestroy(): void;
|
|
183
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<OcxTooltipDirective, never>;
|
|
184
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OcxTooltipDirective, "[ocxTooltip]", never, { "ocxTooltip": { "alias": "ocxTooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
declare class TooltipOnOverflowDirective extends OcxTooltipDirective implements OnDestroy, AfterViewInit {
|
|
165
188
|
mutationObserver: MutationObserver;
|
|
166
189
|
get ocxTooltipOnOverflow(): string | TemplateRef<HTMLElement> | undefined;
|
|
167
190
|
set ocxTooltipOnOverflow(value: string | TemplateRef<HTMLElement> | undefined);
|
|
@@ -198,6 +221,7 @@ declare class LoadingIndicatorDirective {
|
|
|
198
221
|
overlayFullPage: _angular_core.InputSignal<boolean>;
|
|
199
222
|
isLoaderSmall: _angular_core.InputSignal<boolean>;
|
|
200
223
|
private componentRef;
|
|
224
|
+
private loaderElement;
|
|
201
225
|
constructor();
|
|
202
226
|
private elementLoader;
|
|
203
227
|
private toggleLoadingIndicator;
|
|
@@ -1040,6 +1064,8 @@ declare class DiagramComponent {
|
|
|
1040
1064
|
data: _angular_core.InputSignal<DiagramData[] | undefined>;
|
|
1041
1065
|
sumKey: _angular_core.InputSignal<string>;
|
|
1042
1066
|
fullHeight: _angular_core.InputSignal<boolean>;
|
|
1067
|
+
chartTitleKey: _angular_core.InputSignal<string>;
|
|
1068
|
+
chartDescriptionKey: _angular_core.InputSignal<string>;
|
|
1043
1069
|
/**
|
|
1044
1070
|
* This property determines if diagram should generate the colors for the data that does not have any set.
|
|
1045
1071
|
*
|
|
@@ -1054,12 +1080,14 @@ declare class DiagramComponent {
|
|
|
1054
1080
|
diagramTypeChanged: _angular_core.OutputEmitterRef<DiagramType>;
|
|
1055
1081
|
componentStateChanged: _angular_core.OutputEmitterRef<DiagramComponentState>;
|
|
1056
1082
|
chartOptions: _angular_core.WritableSignal<node_modules_chart_js_dist_types_utils._DeepPartialObject<chart_js.CoreChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ElementChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.PluginChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.DatasetChartOptions<keyof chart_js.ChartTypeRegistry> & chart_js.ScaleChartOptions<keyof chart_js.ChartTypeRegistry>>>;
|
|
1057
|
-
chartData: _angular_core.WritableSignal<ChartData<keyof chart_js.ChartTypeRegistry, (number | [number, number] | chart_js.
|
|
1083
|
+
chartData: _angular_core.WritableSignal<ChartData<keyof chart_js.ChartTypeRegistry, (number | chart_js.Point | [number, number] | chart_js.BubbleDataPoint | null)[], unknown> | undefined>;
|
|
1058
1084
|
amountOfData: _angular_core.WritableSignal<number | null | undefined>;
|
|
1059
1085
|
shownDiagramTypes: _angular_core.Signal<DiagramLayouts[]>;
|
|
1060
1086
|
useFullHeight: _angular_core.Signal<boolean>;
|
|
1061
1087
|
private colorRangeInfo;
|
|
1062
1088
|
private colorScale;
|
|
1089
|
+
private static nextUniqueId;
|
|
1090
|
+
uniqueInstanceId: number;
|
|
1063
1091
|
constructor();
|
|
1064
1092
|
generateChart(colorScale: any, colorRangeInfo: any): void;
|
|
1065
1093
|
generateColors(data: DiagramData[], colorScale: any, colorRangeInfo: any): any;
|
|
@@ -1069,7 +1097,7 @@ declare class DiagramComponent {
|
|
|
1069
1097
|
dataClicked(event: []): void;
|
|
1070
1098
|
onDiagramTypeChanged(event: any): void;
|
|
1071
1099
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<DiagramComponent, never>;
|
|
1072
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DiagramComponent, "ocx-diagram", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "sumKey": { "alias": "sumKey"; "required": false; "isSignal": true; }; "fullHeight": { "alias": "fullHeight"; "required": false; "isSignal": true; }; "fillMissingColors": { "alias": "fillMissingColors"; "required": false; "isSignal": true; }; "diagramType": { "alias": "diagramType"; "required": false; "isSignal": true; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; "isSignal": true; }; }, { "diagramType": "diagramTypeChange"; "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
|
|
1100
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<DiagramComponent, "ocx-diagram", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "sumKey": { "alias": "sumKey"; "required": false; "isSignal": true; }; "fullHeight": { "alias": "fullHeight"; "required": false; "isSignal": true; }; "chartTitleKey": { "alias": "chartTitleKey"; "required": false; "isSignal": true; }; "chartDescriptionKey": { "alias": "chartDescriptionKey"; "required": false; "isSignal": true; }; "fillMissingColors": { "alias": "fillMissingColors"; "required": false; "isSignal": true; }; "diagramType": { "alias": "diagramType"; "required": false; "isSignal": true; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; "isSignal": true; }; }, { "diagramType": "diagramTypeChange"; "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
|
|
1073
1101
|
}
|
|
1074
1102
|
|
|
1075
1103
|
type FilterViewDisplayMode = 'chips' | 'button';
|
|
@@ -1148,6 +1176,8 @@ declare class GroupByCountDiagramComponent {
|
|
|
1148
1176
|
private translateService;
|
|
1149
1177
|
sumKey: _angular_core.InputSignal<string>;
|
|
1150
1178
|
diagramType: _angular_core.ModelSignal<DiagramType>;
|
|
1179
|
+
chartTitleKey: _angular_core.InputSignal<string>;
|
|
1180
|
+
chartDescriptionKey: _angular_core.InputSignal<string>;
|
|
1151
1181
|
/**
|
|
1152
1182
|
* This property determines if diagram should generate the colors for the data that does not have any set.
|
|
1153
1183
|
*
|
|
@@ -1176,7 +1206,7 @@ declare class GroupByCountDiagramComponent {
|
|
|
1176
1206
|
dataClicked(event: any): void;
|
|
1177
1207
|
onDiagramTypeChanged(newDiagramType: DiagramType): void;
|
|
1178
1208
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GroupByCountDiagramComponent, never>;
|
|
1179
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<GroupByCountDiagramComponent, "ocx-group-by-count-diagram", never, { "sumKey": { "alias": "sumKey"; "required": false; "isSignal": true; }; "diagramType": { "alias": "diagramType"; "required": false; "isSignal": true; }; "fillMissingColors": { "alias": "fillMissingColors"; "required": false; "isSignal": true; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "allLabelKeys": { "alias": "allLabelKeys"; "required": false; "isSignal": true; }; "showAllLabels": { "alias": "showAllLabels"; "required": false; "isSignal": true; }; "columnType": { "alias": "columnType"; "required": false; "isSignal": true; }; "columnField": { "alias": "columnField"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": false; "isSignal": true; }; "fullHeight": { "alias": "fullHeight"; "required": false; "isSignal": true; }; "colors": { "alias": "colors"; "required": false; "isSignal": true; }; }, { "diagramType": "diagramTypeChange"; "data": "dataChange"; "columnType": "columnTypeChange"; "columnField": "columnFieldChange"; "colors": "colorsChange"; "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
|
|
1209
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<GroupByCountDiagramComponent, "ocx-group-by-count-diagram", never, { "sumKey": { "alias": "sumKey"; "required": false; "isSignal": true; }; "diagramType": { "alias": "diagramType"; "required": false; "isSignal": true; }; "chartTitleKey": { "alias": "chartTitleKey"; "required": false; "isSignal": true; }; "chartDescriptionKey": { "alias": "chartDescriptionKey"; "required": false; "isSignal": true; }; "fillMissingColors": { "alias": "fillMissingColors"; "required": false; "isSignal": true; }; "supportedDiagramTypes": { "alias": "supportedDiagramTypes"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "allLabelKeys": { "alias": "allLabelKeys"; "required": false; "isSignal": true; }; "showAllLabels": { "alias": "showAllLabels"; "required": false; "isSignal": true; }; "columnType": { "alias": "columnType"; "required": false; "isSignal": true; }; "columnField": { "alias": "columnField"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": false; "isSignal": true; }; "fullHeight": { "alias": "fullHeight"; "required": false; "isSignal": true; }; "colors": { "alias": "colors"; "required": false; "isSignal": true; }; }, { "diagramType": "diagramTypeChange"; "data": "dataChange"; "columnType": "columnTypeChange"; "columnField": "columnFieldChange"; "colors": "colorsChange"; "dataSelected": "dataSelected"; "diagramTypeChanged": "diagramTypeChanged"; "componentStateChanged": "componentStateChanged"; }, never, never, false, never>;
|
|
1180
1210
|
}
|
|
1181
1211
|
|
|
1182
1212
|
type ViewLayout = 'grid' | 'list' | 'table';
|
|
@@ -1599,13 +1629,16 @@ interface HomeItem {
|
|
|
1599
1629
|
page?: string;
|
|
1600
1630
|
}
|
|
1601
1631
|
type GridColumnOptions = 1 | 2 | 3 | 4 | 6 | 12;
|
|
1602
|
-
declare class PageHeaderComponent implements OnInit {
|
|
1632
|
+
declare class PageHeaderComponent implements OnInit, AfterViewInit {
|
|
1603
1633
|
private readonly translateService;
|
|
1604
1634
|
private readonly appStateService;
|
|
1605
1635
|
private readonly userService;
|
|
1606
1636
|
private readonly router;
|
|
1637
|
+
private readonly renderer;
|
|
1607
1638
|
private readonly hasPermissionChecker;
|
|
1608
1639
|
protected readonly breadcrumbs: BreadcrumbService;
|
|
1640
|
+
private breadcrumbRef?;
|
|
1641
|
+
set breadcrumbElementRef(ref: ElementRef<HTMLElement> | undefined);
|
|
1609
1642
|
header: _angular_core.InputSignal<string | undefined>;
|
|
1610
1643
|
loading: _angular_core.InputSignal<boolean>;
|
|
1611
1644
|
figureBackground: _angular_core.InputSignal<boolean>;
|
|
@@ -1637,6 +1670,7 @@ declare class PageHeaderComponent implements OnInit {
|
|
|
1637
1670
|
objectInfoLayoutClasses: _angular_core.Signal<string>;
|
|
1638
1671
|
constructor();
|
|
1639
1672
|
ngOnInit(): void;
|
|
1673
|
+
ngAfterViewInit(): void;
|
|
1640
1674
|
onAction(action: string): void;
|
|
1641
1675
|
handleImageError(): void;
|
|
1642
1676
|
generateItemStyle(item: ObjectDetailItem): string;
|
|
@@ -1646,6 +1680,7 @@ declare class PageHeaderComponent implements OnInit {
|
|
|
1646
1680
|
private getActionTranslationKeys;
|
|
1647
1681
|
private mapOverflowActionsToMenuItems;
|
|
1648
1682
|
onActionClick(action: Action): Promise<void>;
|
|
1683
|
+
private applyBreadcrumbAriaLabels;
|
|
1649
1684
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageHeaderComponent, never>;
|
|
1650
1685
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageHeaderComponent, "ocx-page-header", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "figureBackground": { "alias": "figureBackground"; "required": false; "isSignal": true; }; "showFigure": { "alias": "showFigure"; "required": false; "isSignal": true; }; "figureImage": { "alias": "figureImage"; "required": false; "isSignal": true; }; "disableDefaultActions": { "alias": "disableDefaultActions"; "required": false; "isSignal": true; }; "subheader": { "alias": "subheader"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "objectDetails": { "alias": "objectDetails"; "required": false; "isSignal": true; }; "showBreadcrumbs": { "alias": "showBreadcrumbs"; "required": false; "isSignal": true; }; "manualBreadcrumbs": { "alias": "manualBreadcrumbs"; "required": false; "isSignal": true; }; "enableGridView": { "alias": "enableGridView"; "required": false; "isSignal": true; }; "gridLayoutDesktopColumns": { "alias": "gridLayoutDesktopColumns"; "required": false; "isSignal": true; }; }, { "actions": "actionsChange"; "save": "save"; }, ["_additionalToolbarContent", "_additionalToolbarContentLeft"], ["[figureImage]", "[toolbarItems]", "*"], false, never>;
|
|
1651
1686
|
}
|
|
@@ -1669,11 +1704,15 @@ interface SearchConfigData {
|
|
|
1669
1704
|
* which do not have an input element.
|
|
1670
1705
|
*/
|
|
1671
1706
|
declare class SearchHeaderComponent {
|
|
1707
|
+
private readonly translate;
|
|
1708
|
+
private readonly liveAnnouncer;
|
|
1672
1709
|
header: _angular_core.InputSignal<string>;
|
|
1673
1710
|
subheader: _angular_core.InputSignal<string | undefined>;
|
|
1711
|
+
loading: _angular_core.InputSignal<boolean>;
|
|
1674
1712
|
viewMode: _angular_core.ModelSignal<"basic" | "advanced">;
|
|
1675
1713
|
manualBreadcrumbs: _angular_core.InputSignal<boolean>;
|
|
1676
1714
|
actions: _angular_core.InputSignal<Action[]>;
|
|
1715
|
+
searchResultsCount: _angular_core.InputSignal<number | null>;
|
|
1677
1716
|
searchConfigPermission: _angular_core.InputSignal<PermissionInput>;
|
|
1678
1717
|
searchButtonDisabled: _angular_core.InputSignal<boolean>;
|
|
1679
1718
|
resetButtonDisabled: _angular_core.InputSignal<boolean>;
|
|
@@ -1705,8 +1744,9 @@ declare class SearchHeaderComponent {
|
|
|
1705
1744
|
addKeyUpEventListener(): void;
|
|
1706
1745
|
onSearchKeyup(event: any): void;
|
|
1707
1746
|
private isVisible;
|
|
1747
|
+
private announceSearchResults;
|
|
1708
1748
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchHeaderComponent, never>;
|
|
1709
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchHeaderComponent, "ocx-search-header", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "subheader": { "alias": "subheader"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "manualBreadcrumbs": { "alias": "manualBreadcrumbs"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "searchConfigPermission": { "alias": "searchConfigPermission"; "required": false; "isSignal": true; }; "searchButtonDisabled": { "alias": "searchButtonDisabled"; "required": false; "isSignal": true; }; "resetButtonDisabled": { "alias": "resetButtonDisabled"; "required": false; "isSignal": true; }; "pageName": { "alias": "pageName"; "required": false; "isSignal": true; }; }, { "viewMode": "viewModeChange"; "searched": "searched"; "resetted": "resetted"; "selectedSearchConfigChanged": "selectedSearchConfigChanged"; "viewModeChanged": "viewModeChanged"; "componentStateChanged": "componentStateChanged"; }, ["_additionalToolbarContent", "_additionalToolbarContentLeft", "formGroup", "visibleFormControls"], ["*"], false, never>;
|
|
1749
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchHeaderComponent, "ocx-search-header", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "subheader": { "alias": "subheader"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "viewMode": { "alias": "viewMode"; "required": false; "isSignal": true; }; "manualBreadcrumbs": { "alias": "manualBreadcrumbs"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "searchResultsCount": { "alias": "searchResultsCount"; "required": false; "isSignal": true; }; "searchConfigPermission": { "alias": "searchConfigPermission"; "required": false; "isSignal": true; }; "searchButtonDisabled": { "alias": "searchButtonDisabled"; "required": false; "isSignal": true; }; "resetButtonDisabled": { "alias": "resetButtonDisabled"; "required": false; "isSignal": true; }; "pageName": { "alias": "pageName"; "required": false; "isSignal": true; }; }, { "viewMode": "viewModeChange"; "searched": "searched"; "resetted": "resetted"; "selectedSearchConfigChanged": "selectedSearchConfigChanged"; "viewModeChanged": "viewModeChanged"; "componentStateChanged": "componentStateChanged"; }, ["_additionalToolbarContent", "_additionalToolbarContentLeft", "formGroup", "visibleFormControls"], ["*"], false, never>;
|
|
1710
1750
|
}
|
|
1711
1751
|
|
|
1712
1752
|
declare class DialogMessageContentComponent {
|
|
@@ -2297,7 +2337,7 @@ declare class AngularAcceleratorMissingTranslationHandler extends MultiLanguageM
|
|
|
2297
2337
|
}
|
|
2298
2338
|
declare class AngularAcceleratorModule {
|
|
2299
2339
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AngularAcceleratorModule, never>;
|
|
2300
|
-
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AngularAcceleratorModule, [typeof ColumnGroupSelectionComponent, typeof CustomGroupColumnSelectorComponent, typeof DataLayoutSelectionComponent, typeof DataListGridSortingComponent, typeof DataListGridComponent, typeof DataTableComponent, typeof DataViewComponent, typeof InteractiveDataViewComponent, typeof LifecycleComponent, typeof PageHeaderComponent, typeof DynamicPipe, typeof SearchHeaderComponent, typeof DiagramComponent, typeof GroupByCountDiagramComponent, typeof OcxContentComponent, typeof OcxContentContainerComponent, typeof IfPermissionDirective, typeof IfBreakpointDirective, typeof SrcDirective, typeof OcxTimeAgoPipe, typeof AdvancedDirective, typeof TooltipOnOverflowDirective, typeof FilterViewComponent, typeof TemplateDirective, typeof OcxContentDirective, typeof OcxContentContainerDirective, typeof GlobalErrorComponent, typeof LoadingIndicatorComponent, typeof LoadingIndicatorDirective, typeof BasicDirective, typeof DialogFooterComponent, typeof DialogContentComponent, typeof DialogInlineComponent, typeof DialogMessageContentComponent, typeof ConsentComponent], [typeof i36.CommonModule, typeof AngularAcceleratorPrimeNgModule, typeof i38.AngularRemoteComponentsModule, typeof i39.TranslateModule, typeof i40.FormsModule, typeof i41.RouterModule, typeof i40.ReactiveFormsModule], [typeof i38.AngularRemoteComponentsModule, typeof ColumnGroupSelectionComponent, typeof CustomGroupColumnSelectorComponent, typeof DataLayoutSelectionComponent, typeof DataListGridComponent, typeof DataTableComponent, typeof DataViewComponent, typeof InteractiveDataViewComponent, typeof LifecycleComponent, typeof PageHeaderComponent, typeof SearchHeaderComponent, typeof DiagramComponent, typeof GroupByCountDiagramComponent, typeof OcxContentComponent, typeof OcxContentContainerComponent, typeof IfPermissionDirective, typeof IfBreakpointDirective, typeof SrcDirective, typeof OcxTimeAgoPipe, typeof AdvancedDirective, typeof TooltipOnOverflowDirective, typeof FilterViewComponent, typeof TemplateDirective, typeof OcxContentDirective, typeof OcxContentContainerDirective, typeof GlobalErrorComponent, typeof LoadingIndicatorComponent, typeof LoadingIndicatorDirective, typeof BasicDirective, typeof DialogFooterComponent, typeof DialogContentComponent, typeof DialogInlineComponent, typeof DialogMessageContentComponent, typeof ConsentComponent]>;
|
|
2340
|
+
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AngularAcceleratorModule, [typeof ColumnGroupSelectionComponent, typeof CustomGroupColumnSelectorComponent, typeof DataLayoutSelectionComponent, typeof DataListGridSortingComponent, typeof DataListGridComponent, typeof DataTableComponent, typeof DataViewComponent, typeof InteractiveDataViewComponent, typeof LifecycleComponent, typeof PageHeaderComponent, typeof DynamicPipe, typeof SearchHeaderComponent, typeof DiagramComponent, typeof GroupByCountDiagramComponent, typeof OcxContentComponent, typeof OcxContentContainerComponent, typeof IfPermissionDirective, typeof IfBreakpointDirective, typeof SrcDirective, typeof OcxTimeAgoPipe, typeof AdvancedDirective, typeof TooltipOnOverflowDirective, typeof FilterViewComponent, typeof TemplateDirective, typeof OcxContentDirective, typeof OcxContentContainerDirective, typeof GlobalErrorComponent, typeof LoadingIndicatorComponent, typeof LoadingIndicatorDirective, typeof BasicDirective, typeof DialogFooterComponent, typeof DialogContentComponent, typeof DialogInlineComponent, typeof DialogMessageContentComponent, typeof ConsentComponent], [typeof i36.CommonModule, typeof AngularAcceleratorPrimeNgModule, typeof i38.AngularRemoteComponentsModule, typeof i39.TranslateModule, typeof i40.FormsModule, typeof i41.RouterModule, typeof i40.ReactiveFormsModule, typeof OcxTooltipDirective], [typeof i38.AngularRemoteComponentsModule, typeof ColumnGroupSelectionComponent, typeof CustomGroupColumnSelectorComponent, typeof DataLayoutSelectionComponent, typeof DataListGridComponent, typeof DataTableComponent, typeof DataViewComponent, typeof InteractiveDataViewComponent, typeof LifecycleComponent, typeof PageHeaderComponent, typeof SearchHeaderComponent, typeof DiagramComponent, typeof GroupByCountDiagramComponent, typeof OcxContentComponent, typeof OcxContentContainerComponent, typeof IfPermissionDirective, typeof IfBreakpointDirective, typeof SrcDirective, typeof OcxTooltipDirective, typeof OcxTimeAgoPipe, typeof AdvancedDirective, typeof TooltipOnOverflowDirective, typeof FilterViewComponent, typeof TemplateDirective, typeof OcxContentDirective, typeof OcxContentContainerDirective, typeof GlobalErrorComponent, typeof LoadingIndicatorComponent, typeof LoadingIndicatorDirective, typeof BasicDirective, typeof DialogFooterComponent, typeof DialogContentComponent, typeof DialogInlineComponent, typeof DialogMessageContentComponent, typeof ConsentComponent]>;
|
|
2301
2341
|
static ɵinj: _angular_core.ɵɵInjectorDeclaration<AngularAcceleratorModule>;
|
|
2302
2342
|
}
|
|
2303
2343
|
|
|
@@ -2408,5 +2448,5 @@ declare function handleAction(router: Router, action: Action | DataAction, data?
|
|
|
2408
2448
|
*/
|
|
2409
2449
|
declare function handleActionSync(router: Router, action: Action | DataAction, data?: any): void;
|
|
2410
2450
|
|
|
2411
|
-
export { AdvancedDirective, AngularAcceleratorMissingTranslationHandler, AngularAcceleratorModule, AngularAcceleratorPrimeNgModule, BasicDirective, BreadcrumbService, ColorUtils, ColumnGroupSelectionComponent, ColumnType, ConsentComponent, CustomGroupColumnSelectorComponent, DataLayoutSelectionComponent, DataListGridComponent, DataListGridSortingComponent, DataOperationStrategy, DataSortDirection, DataTableComponent, DataViewComponent, DateUtils, DiagramComponent, DiagramType, DialogContentComponent, DialogFooterComponent, DialogInlineComponent, DialogMessageContentComponent, DynamicPipe, ExportDataService, FilterType, FilterViewComponent, GlobalErrorComponent, GroupByCountDiagramComponent, IfBreakpointDirective, IfPermissionDirective, ImageLogoUrlUtils, InteractiveDataViewComponent, LifecycleComponent, LoadingIndicatorComponent, LoadingIndicatorDirective, ObjectUtils, ObservableOutputEmitterRef, OcxContentComponent, OcxContentContainerComponent, OcxContentContainerDirective, OcxContentDirective, OcxTimeAgoPipe, PageHeaderComponent, PortalDialogService, RelativeDatePipe, SearchHeaderComponent, SrcDirective, TemplateDirective, TemplateType, TooltipOnOverflowDirective, atLeastOneFieldFilledValidator, buildSearchCriteria, defaultDialogData, defaultPrimaryButtonDetails, defaultSecondaryButtonDetails, enumToDropdownOptions, findEntryWithKeyword, findTemplate, flattenObject, handleAction, handleActionSync, limit, observableOutput, providePortalDialogService, removeKeyword, resolveRouterLink, searchPrefixWithSpecialChars };
|
|
2451
|
+
export { AdvancedDirective, AngularAcceleratorMissingTranslationHandler, AngularAcceleratorModule, AngularAcceleratorPrimeNgModule, BasicDirective, BreadcrumbService, ColorUtils, ColumnGroupSelectionComponent, ColumnType, ConsentComponent, CustomGroupColumnSelectorComponent, DataLayoutSelectionComponent, DataListGridComponent, DataListGridSortingComponent, DataOperationStrategy, DataSortDirection, DataTableComponent, DataViewComponent, DateUtils, DiagramComponent, DiagramType, DialogContentComponent, DialogFooterComponent, DialogInlineComponent, DialogMessageContentComponent, DynamicPipe, ExportDataService, FilterType, FilterViewComponent, GlobalErrorComponent, GroupByCountDiagramComponent, IfBreakpointDirective, IfPermissionDirective, ImageLogoUrlUtils, InteractiveDataViewComponent, LifecycleComponent, LoadingIndicatorComponent, LoadingIndicatorDirective, ObjectUtils, ObservableOutputEmitterRef, OcxContentComponent, OcxContentContainerComponent, OcxContentContainerDirective, OcxContentDirective, OcxTimeAgoPipe, OcxTooltipDirective, PageHeaderComponent, PortalDialogService, RelativeDatePipe, SearchHeaderComponent, SrcDirective, TemplateDirective, TemplateType, TooltipOnOverflowDirective, atLeastOneFieldFilledValidator, buildSearchCriteria, defaultDialogData, defaultPrimaryButtonDetails, defaultSecondaryButtonDetails, enumToDropdownOptions, findEntryWithKeyword, findTemplate, flattenObject, handleAction, handleActionSync, limit, observableOutput, providePortalDialogService, removeKeyword, resolveRouterLink, searchPrefixWithSpecialChars };
|
|
2412
2452
|
export type { Action, ActionColumnChangedEvent, BreadCrumbMenuItem, BuildSearchCriteriaParameters, ButtonDialogButtonDetails, ButtonDialogConfig, ButtonDialogCustomButtonDetails, ButtonDialogData, ChartType, ColumnFilterDataSelectOptions, ColumnGroupData, ColumnGroupSelectionComponentState, ColumnSelectionChangedEvent, ConsentChangedEvent, CustomGroupColumnSelectorComponentState, DataAction, DataLayoutSelectionComponentState, DataListGridComponentState, DataListGridSortingComponentState, DataTableColumn, DataTableComponentState, DataViewComponentState, DiagramColumn, DiagramComponentState, DiagramLayouts, DialogButton, DialogButtonClicked, DialogCustomButtonsDisabled, DialogPrimaryButtonDisabled, DialogResult, DialogSecondaryButtonDisabled, DialogState, DialogStateButtonClicked, Filter$1 as Filter, FilterObject, FilterViewComponentState, FilterViewDisplayMode, FilterViewRowDetailData, FilterViewRowDisplayData, GridColumnOptions, GroupByCountDiagramComponentState, GroupSelectionChangedEvent, HomeItem, InteractiveDataViewComponentState, LifecycleStep, ListGridData, ListGridDataMenuItem, ListGridSort, ObjectDetailItem, OnMissingPermission, PermissionInput, PortalDialogConfig, PortalDialogServiceData, PrimeIcon, Primitive, Result, RouterLink, Row, RowListGridData, SearchConfigData, SearchHeaderComponentState, Sort, TranslationKey, TranslationKeyWithParameters, ViewLayout, hasShowTimeFunction };
|