@xiriframework/xiri-ng 0.2.48 → 0.2.49
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/xiriframework-xiri-ng.mjs +1346 -588
- package/fesm2022/xiriframework-xiri-ng.mjs.map +1 -1
- package/package.json +1 -1
- package/skills/xiri-ng-expert/SKILL.md +7 -2
- package/skills/xiri-ng-expert/references/components.md +30 -0
- package/styles/_accessibility.scss +24 -0
- package/styles/_mixins.scss +8 -0
- package/styles/grid.scss +33 -0
- package/styles/material-components.scss +11 -3
- package/types/xiriframework-xiri-ng.d.ts +277 -12
- package/types/xiriframework-xiri-ng.d.ts.map +1 -1
|
@@ -11,6 +11,7 @@ import { MatTableDataSource, MatTable } from '@angular/material/table';
|
|
|
11
11
|
import { MatSort } from '@angular/material/sort';
|
|
12
12
|
import { SelectionModel } from '@angular/cdk/collections';
|
|
13
13
|
import { MatDialogRef } from '@angular/material/dialog';
|
|
14
|
+
import { OverlayRef } from '@angular/cdk/overlay';
|
|
14
15
|
import { MatStepper } from '@angular/material/stepper';
|
|
15
16
|
import { StepperSelectionEvent } from '@angular/cdk/stepper';
|
|
16
17
|
import { HttpResponse } from '@angular/common/http';
|
|
@@ -38,6 +39,20 @@ declare class XiriUrlPipe implements PipeTransform {
|
|
|
38
39
|
static ɵpipe: _angular_core.ɵɵPipeDeclaration<XiriUrlPipe, "xiriUrl", true>;
|
|
39
40
|
}
|
|
40
41
|
|
|
42
|
+
type XiriCols = number | {
|
|
43
|
+
sm?: number;
|
|
44
|
+
md?: number;
|
|
45
|
+
lg?: number;
|
|
46
|
+
xl?: number;
|
|
47
|
+
};
|
|
48
|
+
declare function colsToClasses(cols: XiriCols | undefined): string;
|
|
49
|
+
declare class XiriColsDirective {
|
|
50
|
+
xiriCols: _angular_core.InputSignal<XiriCols | undefined>;
|
|
51
|
+
classes: _angular_core.Signal<string>;
|
|
52
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XiriColsDirective, never>;
|
|
53
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XiriColsDirective, "[xiriCols]", never, { "xiriCols": { "alias": "xiriCols"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
54
|
+
}
|
|
55
|
+
|
|
41
56
|
interface XiriFormValidator {
|
|
42
57
|
id: string;
|
|
43
58
|
name?: string;
|
|
@@ -70,6 +85,7 @@ interface XiriFormField {
|
|
|
70
85
|
name?: string;
|
|
71
86
|
hint?: string;
|
|
72
87
|
class?: string;
|
|
88
|
+
cols?: XiriCols;
|
|
73
89
|
textPrefix?: string;
|
|
74
90
|
textSuffix?: string;
|
|
75
91
|
iconPrefix?: string;
|
|
@@ -110,6 +126,8 @@ type XiriFormFieldDisplay = 'full' | 'line' | 'small';
|
|
|
110
126
|
declare class XiriFormFieldsComponent implements OnInit {
|
|
111
127
|
private formBuilder;
|
|
112
128
|
private destroyRef;
|
|
129
|
+
private elementRef;
|
|
130
|
+
private readonly localeService;
|
|
113
131
|
form: _angular_core.InputSignal<XiriFormField[] | null>;
|
|
114
132
|
display: _angular_core.InputSignal<XiriFormFieldDisplay>;
|
|
115
133
|
disabled: _angular_core.InputSignal<boolean>;
|
|
@@ -121,6 +139,7 @@ declare class XiriFormFieldsComponent implements OnInit {
|
|
|
121
139
|
collapsedSections: _angular_core.WritableSignal<Set<string>>;
|
|
122
140
|
private _fieldsLoaded;
|
|
123
141
|
private _initialEmitDone;
|
|
142
|
+
private _autoFocusDone;
|
|
124
143
|
constructor();
|
|
125
144
|
ngOnInit(): void;
|
|
126
145
|
fields: _angular_core.Signal<XiriFormField[] | null>;
|
|
@@ -306,6 +325,7 @@ type XiriRawTableRow = Record<string, unknown>;
|
|
|
306
325
|
interface XiriRawTableSettings {
|
|
307
326
|
data: unknown;
|
|
308
327
|
fields?: XiriTableField[];
|
|
328
|
+
density?: 'compact' | 'regular' | 'relaxed';
|
|
309
329
|
dense?: number;
|
|
310
330
|
forceMinWidth?: boolean;
|
|
311
331
|
showHeader?: boolean;
|
|
@@ -316,7 +336,7 @@ declare class XiriRawTableComponent {
|
|
|
316
336
|
displayedColumns: XiriTableField[];
|
|
317
337
|
columnsToDisplay: string[];
|
|
318
338
|
dataSource: MatTableDataSource<XiriRawTableRow, _angular_material_paginator.MatPaginator>;
|
|
319
|
-
tableClass: string
|
|
339
|
+
tableClass: _angular_core.WritableSignal<string>;
|
|
320
340
|
constructor();
|
|
321
341
|
private loadFields;
|
|
322
342
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XiriRawTableComponent, never>;
|
|
@@ -482,7 +502,7 @@ declare class XiriButtonlineComponent {
|
|
|
482
502
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriButtonlineComponent, "xiri-buttonline", never, { "settings": { "alias": "settings"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filterData": { "alias": "filterData"; "required": false; "isSignal": true; }; }, { "result": "result"; }, never, never, true, never>;
|
|
483
503
|
}
|
|
484
504
|
|
|
485
|
-
type XiriDynDataType = 'card' | 'buttonline' | 'table' | 'cardlink' | 'links' | 'form' | 'query' | 'stepper' | 'header' | 'list' | 'spacer' | 'container' | 'infopoint' | 'multiprogress' | 'imagetext' | 'tabs' | 'expansion' | 'infotext' | 'html' | 'stat' | 'empty-state' | 'timeline' | 'page-header' | 'section' | 'divider' | 'stat-grid' | 'toolbar' | 'description-list' | 'barchart' | 'linechart' | 'piechart' | 'gaugechart' | 'heatmap' | 'calendar' | 'tree' | 'sankey' | 'gantt';
|
|
505
|
+
type XiriDynDataType = 'card' | 'buttonline' | 'table' | 'cardlink' | 'links' | 'form' | 'query' | 'stepper' | 'header' | 'list' | 'spacer' | 'container' | 'infopoint' | 'multiprogress' | 'progress' | 'imagetext' | 'tabs' | 'expansion' | 'infotext' | 'html' | 'stat' | 'empty-state' | 'timeline' | 'page-header' | 'section' | 'divider' | 'stat-grid' | 'multi-stat' | 'toolbar' | 'description-list' | 'barchart' | 'linechart' | 'piechart' | 'gaugechart' | 'bulletchart' | 'heatmap' | 'calendar' | 'tree' | 'sankey' | 'gantt' | 'status' | 'callout';
|
|
486
506
|
interface XiriDynData {
|
|
487
507
|
id?: number;
|
|
488
508
|
type: XiriDynDataType | (string & {});
|
|
@@ -490,6 +510,7 @@ interface XiriDynData {
|
|
|
490
510
|
display?: string;
|
|
491
511
|
newRow?: boolean;
|
|
492
512
|
mode?: string;
|
|
513
|
+
cols?: XiriCols;
|
|
493
514
|
}
|
|
494
515
|
|
|
495
516
|
interface XiriTableResponse {
|
|
@@ -511,6 +532,7 @@ interface XiriTableEmptyState {
|
|
|
511
532
|
interface XiriTableOptions {
|
|
512
533
|
reload?: boolean;
|
|
513
534
|
dense?: boolean;
|
|
535
|
+
density?: 'compact' | 'regular' | 'relaxed';
|
|
514
536
|
sort?: boolean;
|
|
515
537
|
search?: boolean;
|
|
516
538
|
class?: string;
|
|
@@ -519,6 +541,9 @@ interface XiriTableOptions {
|
|
|
519
541
|
pageSizes?: number[];
|
|
520
542
|
select?: boolean;
|
|
521
543
|
selectButtons?: XiriButton[];
|
|
544
|
+
bulkActions?: XiriButton[];
|
|
545
|
+
selectAllResults?: boolean;
|
|
546
|
+
stickyBulkBar?: boolean;
|
|
522
547
|
title?: string;
|
|
523
548
|
textNoData?: string;
|
|
524
549
|
emptyState?: XiriTableEmptyState;
|
|
@@ -577,6 +602,7 @@ declare class XiriTableComponent implements OnInit, OnDestroy {
|
|
|
577
602
|
extraHeaderFields: XiriTableField[];
|
|
578
603
|
extraHeaders: string[];
|
|
579
604
|
selection: SelectionModel<XiriTableRow>;
|
|
605
|
+
bulkAllResults: _angular_core.WritableSignal<boolean>;
|
|
580
606
|
private dialogRef?;
|
|
581
607
|
private reloadAbort$;
|
|
582
608
|
private autoRefreshTimer?;
|
|
@@ -585,6 +611,7 @@ declare class XiriTableComponent implements OnInit, OnDestroy {
|
|
|
585
611
|
intervalMs: number;
|
|
586
612
|
nextAt: number;
|
|
587
613
|
} | null>;
|
|
614
|
+
lastUpdated: _angular_core.WritableSignal<Date | null>;
|
|
588
615
|
private _now;
|
|
589
616
|
countdown: _angular_core.Signal<number>;
|
|
590
617
|
options: XiriTableOptions;
|
|
@@ -596,6 +623,8 @@ declare class XiriTableComponent implements OnInit, OnDestroy {
|
|
|
596
623
|
private _firstData;
|
|
597
624
|
searchText: string;
|
|
598
625
|
searchTextInit: string;
|
|
626
|
+
mergeOptions(incoming: XiriTableOptions): XiriTableOptions;
|
|
627
|
+
densityClass: _angular_core.Signal<string>;
|
|
599
628
|
private tableStateKey;
|
|
600
629
|
trackByRowId: (index: number, row: XiriTableRow) => string | number;
|
|
601
630
|
get editingCell(): _angular_core.WritableSignal<{
|
|
@@ -637,6 +666,17 @@ declare class XiriTableComponent implements OnInit, OnDestroy {
|
|
|
637
666
|
addSub(event: MouseEvent, row: XiriTableRow): void;
|
|
638
667
|
isAllSelected(): boolean;
|
|
639
668
|
masterToggle(): void;
|
|
669
|
+
toggleRow(row: XiriTableRow): void;
|
|
670
|
+
get bulkActionsEnabled(): boolean;
|
|
671
|
+
get showSelectColumn(): boolean;
|
|
672
|
+
get bulkBarActive(): boolean;
|
|
673
|
+
bulkTotalCount(): number;
|
|
674
|
+
bulkCount(): number;
|
|
675
|
+
canSelectAllResults(): boolean;
|
|
676
|
+
selectAllResults(): void;
|
|
677
|
+
cancelBulk(): void;
|
|
678
|
+
bulkAction(event: MouseEvent, button: XiriButton): void;
|
|
679
|
+
private clearBulk;
|
|
640
680
|
clicked(row: XiriTableRow): void;
|
|
641
681
|
openDialog(event: MouseEvent, button: XiriButton, id: string, subid: number, row: XiriTableRow): void;
|
|
642
682
|
openMenuDialog(event: MouseEvent, item: NonNullable<XiriButton['menuItems']>[number], columnId: string, buttonIndex: number, menuItemIndex: number, row: XiriTableRow): void;
|
|
@@ -773,6 +813,36 @@ declare class XiriDialogComponent implements OnDestroy {
|
|
|
773
813
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriDialogComponent, "xiri-dialog", never, {}, {}, never, never, true, never>;
|
|
774
814
|
}
|
|
775
815
|
|
|
816
|
+
declare class XiriSidepanelRef {
|
|
817
|
+
private readonly overlayRef?;
|
|
818
|
+
private readonly previouslyFocused?;
|
|
819
|
+
private readonly closed$;
|
|
820
|
+
constructor(overlayRef?: OverlayRef | undefined, previouslyFocused?: (HTMLElement | null) | undefined);
|
|
821
|
+
afterClosed(): Observable<unknown>;
|
|
822
|
+
close(result?: unknown): void;
|
|
823
|
+
}
|
|
824
|
+
|
|
825
|
+
interface XiriSidepanelConfig {
|
|
826
|
+
title?: string;
|
|
827
|
+
width?: string;
|
|
828
|
+
data?: unknown;
|
|
829
|
+
}
|
|
830
|
+
declare class XiriSidepanelService {
|
|
831
|
+
private readonly overlay;
|
|
832
|
+
private readonly focusTrapFactory;
|
|
833
|
+
open(config: XiriSidepanelConfig): XiriSidepanelRef;
|
|
834
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XiriSidepanelService, never>;
|
|
835
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<XiriSidepanelService>;
|
|
836
|
+
}
|
|
837
|
+
|
|
838
|
+
declare class XiriSidepanelComponent {
|
|
839
|
+
config: _angular_core.InputSignal<XiriSidepanelConfig>;
|
|
840
|
+
ref: _angular_core.InputSignal<XiriSidepanelRef>;
|
|
841
|
+
protected readonly titleId: _angular_core.Signal<"xiri-sidepanel-title" | null>;
|
|
842
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XiriSidepanelComponent, never>;
|
|
843
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriSidepanelComponent, "xiri-sidepanel", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "ref": { "alias": "ref"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
844
|
+
}
|
|
845
|
+
|
|
776
846
|
interface XiriQuerySettings {
|
|
777
847
|
fields?: XiriFormField[];
|
|
778
848
|
dyn?: XiriDynData[];
|
|
@@ -782,6 +852,17 @@ interface XiriQuerySettings {
|
|
|
782
852
|
saveState?: boolean;
|
|
783
853
|
saveStateId?: string;
|
|
784
854
|
collapsed?: boolean;
|
|
855
|
+
showActiveFilters?: boolean;
|
|
856
|
+
showResultCount?: boolean;
|
|
857
|
+
}
|
|
858
|
+
interface XiriQueryActiveFilter {
|
|
859
|
+
id: string;
|
|
860
|
+
label: string;
|
|
861
|
+
value: string;
|
|
862
|
+
}
|
|
863
|
+
interface XiriQueryResultCount {
|
|
864
|
+
filtered: number;
|
|
865
|
+
total?: number;
|
|
785
866
|
}
|
|
786
867
|
interface XiriQueryFormChangeEvent {
|
|
787
868
|
valid: boolean;
|
|
@@ -795,6 +876,7 @@ declare class XiriQueryComponent implements OnInit {
|
|
|
795
876
|
private destroyRef;
|
|
796
877
|
settings: _angular_core.InputSignal<XiriQuerySettings>;
|
|
797
878
|
dyncomponent: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
|
|
879
|
+
count: _angular_core.InputSignal<XiriQueryResultCount | null>;
|
|
798
880
|
filterChange: _angular_core.OutputEmitterRef<Record<string, unknown> | null>;
|
|
799
881
|
private waiter;
|
|
800
882
|
dynData: {
|
|
@@ -812,12 +894,19 @@ declare class XiriQueryComponent implements OnInit {
|
|
|
812
894
|
formValid: _angular_core.WritableSignal<boolean>;
|
|
813
895
|
filterData: _angular_core.WritableSignal<Record<string, unknown> | null>;
|
|
814
896
|
loading: _angular_core.WritableSignal<boolean>;
|
|
897
|
+
private rawValue;
|
|
898
|
+
private responseCount;
|
|
899
|
+
resultCount: _angular_core.Signal<XiriQueryResultCount | null>;
|
|
900
|
+
activeFilters: _angular_core.Signal<XiriQueryActiveFilter[]>;
|
|
815
901
|
ngOnInit(): void;
|
|
816
902
|
formChanged(event: XiriQueryFormChangeEvent): void;
|
|
903
|
+
retry(): void;
|
|
817
904
|
clickedButton(event: XiriButtonResult): void;
|
|
905
|
+
removeFilter(id: string): void;
|
|
906
|
+
resetFilters(): void;
|
|
818
907
|
private load;
|
|
819
908
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XiriQueryComponent, never>;
|
|
820
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriQueryComponent, "xiri-query", never, { "settings": { "alias": "settings"; "required": true; "isSignal": true; }; "dyncomponent": { "alias": "dyncomponent"; "required": false; "isSignal": true; }; }, { "filterChange": "filterChange"; }, never, never, true, never>;
|
|
909
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriQueryComponent, "xiri-query", never, { "settings": { "alias": "settings"; "required": true; "isSignal": true; }; "dyncomponent": { "alias": "dyncomponent"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; }, { "filterChange": "filterChange"; }, never, never, true, never>;
|
|
821
910
|
}
|
|
822
911
|
|
|
823
912
|
interface XiriCardSettings {
|
|
@@ -874,6 +963,7 @@ declare class XiriDynComponentComponent {
|
|
|
874
963
|
filterData: _angular_core.InputSignal<Record<string, unknown> | null | undefined>;
|
|
875
964
|
dyncomponent: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
|
|
876
965
|
dataInt: _angular_core.Signal<XiriDynData[]>;
|
|
966
|
+
resolveClass(obj: XiriDynData, fallback?: string): string;
|
|
877
967
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XiriDynComponentComponent, never>;
|
|
878
968
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriDynComponentComponent, "xiri-dyncomponent", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "filterData": { "alias": "filterData"; "required": false; "isSignal": true; }; "dyncomponent": { "alias": "dyncomponent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
879
969
|
}
|
|
@@ -980,7 +1070,9 @@ declare class XiriStepperComponent implements OnInit {
|
|
|
980
1070
|
private location;
|
|
981
1071
|
private router;
|
|
982
1072
|
private destroyRef;
|
|
1073
|
+
private breakpointObserver;
|
|
983
1074
|
settings: _angular_core.InputSignal<XiriStepperSettings>;
|
|
1075
|
+
orientation: _angular_core.Signal<"vertical" | "horizontal">;
|
|
984
1076
|
done: WritableSignal<boolean>;
|
|
985
1077
|
private calls;
|
|
986
1078
|
stepper: _angular_core.Signal<MatStepper>;
|
|
@@ -1087,6 +1179,21 @@ declare class XiriMultiprogressComponent {
|
|
|
1087
1179
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriMultiprogressComponent, "xiri-multiprogress", never, { "settings": { "alias": "settings"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1088
1180
|
}
|
|
1089
1181
|
|
|
1182
|
+
interface XiriProgressSettings {
|
|
1183
|
+
label: string;
|
|
1184
|
+
current: number;
|
|
1185
|
+
total: number;
|
|
1186
|
+
value: number;
|
|
1187
|
+
color?: XiriColor;
|
|
1188
|
+
indeterminate?: boolean;
|
|
1189
|
+
}
|
|
1190
|
+
declare class XiriProgressComponent {
|
|
1191
|
+
settings: _angular_core.InputSignal<XiriProgressSettings>;
|
|
1192
|
+
mode: _angular_core.Signal<"determinate" | "indeterminate">;
|
|
1193
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XiriProgressComponent, never>;
|
|
1194
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriProgressComponent, "xiri-progress", never, { "settings": { "alias": "settings"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1195
|
+
}
|
|
1196
|
+
|
|
1090
1197
|
interface XiriImagetextSettings {
|
|
1091
1198
|
url: string;
|
|
1092
1199
|
info: string;
|
|
@@ -1263,6 +1370,46 @@ declare class XiriEmptyStateComponent {
|
|
|
1263
1370
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriEmptyStateComponent, "xiri-empty-state", never, { "settings": { "alias": "settings"; "required": true; "isSignal": true; }; }, { "buttonResult": "buttonResult"; }, never, never, true, never>;
|
|
1264
1371
|
}
|
|
1265
1372
|
|
|
1373
|
+
type XiriStatusTone = 'neutral' | 'info' | 'success' | 'warning' | 'error';
|
|
1374
|
+
type XiriStatusVariant = 'badge' | 'dot' | 'text';
|
|
1375
|
+
interface XiriStatusSettings {
|
|
1376
|
+
label: string;
|
|
1377
|
+
tone?: XiriStatusTone;
|
|
1378
|
+
variant?: XiriStatusVariant;
|
|
1379
|
+
icon?: string;
|
|
1380
|
+
hint?: string;
|
|
1381
|
+
ariaLabel?: string;
|
|
1382
|
+
}
|
|
1383
|
+
declare class XiriStatusComponent {
|
|
1384
|
+
settings: _angular_core.InputSignal<XiriStatusSettings>;
|
|
1385
|
+
tone: _angular_core.Signal<XiriStatusTone>;
|
|
1386
|
+
variant: _angular_core.Signal<XiriStatusVariant>;
|
|
1387
|
+
hostClass: _angular_core.Signal<string>;
|
|
1388
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XiriStatusComponent, never>;
|
|
1389
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriStatusComponent, "xiri-status", never, { "settings": { "alias": "settings"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1390
|
+
}
|
|
1391
|
+
|
|
1392
|
+
type XiriCalloutTone = 'info' | 'success' | 'warning' | 'error';
|
|
1393
|
+
interface XiriCalloutSettings {
|
|
1394
|
+
tone: XiriCalloutTone;
|
|
1395
|
+
text: string;
|
|
1396
|
+
title?: string;
|
|
1397
|
+
icon?: string;
|
|
1398
|
+
actions?: XiriButton[];
|
|
1399
|
+
dismissible?: boolean;
|
|
1400
|
+
compact?: boolean;
|
|
1401
|
+
}
|
|
1402
|
+
declare class XiriCalloutComponent {
|
|
1403
|
+
settings: _angular_core.InputSignal<XiriCalloutSettings>;
|
|
1404
|
+
buttonResult: _angular_core.OutputEmitterRef<XiriButtonResult>;
|
|
1405
|
+
dismissed: _angular_core.WritableSignal<boolean>;
|
|
1406
|
+
compact: _angular_core.Signal<boolean>;
|
|
1407
|
+
role: _angular_core.Signal<string>;
|
|
1408
|
+
dismiss(): void;
|
|
1409
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XiriCalloutComponent, never>;
|
|
1410
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriCalloutComponent, "xiri-callout", never, { "settings": { "alias": "settings"; "required": true; "isSignal": true; }; }, { "buttonResult": "buttonResult"; }, never, never, true, never>;
|
|
1411
|
+
}
|
|
1412
|
+
|
|
1266
1413
|
interface XiriStatTrend {
|
|
1267
1414
|
value: number;
|
|
1268
1415
|
direction: 'up' | 'down' | 'neutral';
|
|
@@ -1276,7 +1423,9 @@ interface XiriStatSettings {
|
|
|
1276
1423
|
prefix?: string;
|
|
1277
1424
|
suffix?: string;
|
|
1278
1425
|
color?: XiriColor;
|
|
1426
|
+
reference?: string;
|
|
1279
1427
|
compact?: boolean;
|
|
1428
|
+
link?: string;
|
|
1280
1429
|
}
|
|
1281
1430
|
declare class XiriStatComponent {
|
|
1282
1431
|
settings: _angular_core.InputSignal<XiriStatSettings>;
|
|
@@ -1422,6 +1571,7 @@ declare class XiriBarChartComponent {
|
|
|
1422
1571
|
settings: _angular_core.InputSignal<XiriBarChartSettings>;
|
|
1423
1572
|
private router;
|
|
1424
1573
|
compact: _angular_core.Signal<boolean>;
|
|
1574
|
+
chartHeight: _angular_core.Signal<string>;
|
|
1425
1575
|
onItemClick(e: XiriEchartsClick): void;
|
|
1426
1576
|
option: _angular_core.Signal<{
|
|
1427
1577
|
grid: {
|
|
@@ -1447,7 +1597,10 @@ declare class XiriBarChartComponent {
|
|
|
1447
1597
|
axisLabel: {
|
|
1448
1598
|
rotate: number;
|
|
1449
1599
|
interval: number;
|
|
1450
|
-
} |
|
|
1600
|
+
} | {
|
|
1601
|
+
rotate: number;
|
|
1602
|
+
interval?: undefined;
|
|
1603
|
+
};
|
|
1451
1604
|
};
|
|
1452
1605
|
yAxis: {
|
|
1453
1606
|
type: string;
|
|
@@ -1534,6 +1687,7 @@ interface XiriLineChartSettings {
|
|
|
1534
1687
|
declare class XiriLineChartComponent {
|
|
1535
1688
|
settings: _angular_core.InputSignal<XiriLineChartSettings>;
|
|
1536
1689
|
compact: _angular_core.Signal<boolean>;
|
|
1690
|
+
chartHeight: _angular_core.Signal<string>;
|
|
1537
1691
|
option: _angular_core.Signal<{
|
|
1538
1692
|
grid: {
|
|
1539
1693
|
left: number;
|
|
@@ -1564,7 +1718,10 @@ declare class XiriLineChartComponent {
|
|
|
1564
1718
|
axisLabel: {
|
|
1565
1719
|
rotate: number;
|
|
1566
1720
|
interval: number;
|
|
1567
|
-
} |
|
|
1721
|
+
} | {
|
|
1722
|
+
rotate: number;
|
|
1723
|
+
interval?: undefined;
|
|
1724
|
+
};
|
|
1568
1725
|
};
|
|
1569
1726
|
yAxis: {
|
|
1570
1727
|
type: string;
|
|
@@ -1617,6 +1774,7 @@ interface XiriPieChartSettings {
|
|
|
1617
1774
|
declare class XiriPieChartComponent {
|
|
1618
1775
|
settings: _angular_core.InputSignal<XiriPieChartSettings>;
|
|
1619
1776
|
compact: _angular_core.Signal<boolean>;
|
|
1777
|
+
warn: _angular_core.Signal<boolean>;
|
|
1620
1778
|
option: _angular_core.Signal<{
|
|
1621
1779
|
tooltip: {
|
|
1622
1780
|
trigger: string;
|
|
@@ -1708,6 +1866,77 @@ declare class XiriGaugeChartComponent {
|
|
|
1708
1866
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriGaugeChartComponent, "xiri-gaugechart", never, { "settings": { "alias": "settings"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1709
1867
|
}
|
|
1710
1868
|
|
|
1869
|
+
interface XiriBulletChartSettings {
|
|
1870
|
+
title?: string;
|
|
1871
|
+
value: number;
|
|
1872
|
+
target?: number;
|
|
1873
|
+
max?: number;
|
|
1874
|
+
label?: string;
|
|
1875
|
+
color?: XiriColor;
|
|
1876
|
+
compact?: boolean;
|
|
1877
|
+
}
|
|
1878
|
+
declare class XiriBulletChartComponent {
|
|
1879
|
+
settings: _angular_core.InputSignal<XiriBulletChartSettings>;
|
|
1880
|
+
compact: _angular_core.Signal<boolean>;
|
|
1881
|
+
option: _angular_core.Signal<{
|
|
1882
|
+
grid: {
|
|
1883
|
+
left: number;
|
|
1884
|
+
right: number;
|
|
1885
|
+
top: number;
|
|
1886
|
+
bottom: number;
|
|
1887
|
+
containLabel: boolean;
|
|
1888
|
+
};
|
|
1889
|
+
xAxis: {
|
|
1890
|
+
type: string;
|
|
1891
|
+
min: number;
|
|
1892
|
+
max: number;
|
|
1893
|
+
show: boolean;
|
|
1894
|
+
};
|
|
1895
|
+
yAxis: {
|
|
1896
|
+
type: string;
|
|
1897
|
+
data: string[];
|
|
1898
|
+
show: boolean;
|
|
1899
|
+
};
|
|
1900
|
+
series: {
|
|
1901
|
+
type: string;
|
|
1902
|
+
data: number[];
|
|
1903
|
+
barWidth: number;
|
|
1904
|
+
itemStyle: {
|
|
1905
|
+
color: string;
|
|
1906
|
+
borderRadius: number;
|
|
1907
|
+
};
|
|
1908
|
+
label: {
|
|
1909
|
+
show: boolean;
|
|
1910
|
+
position: string;
|
|
1911
|
+
formatter: string;
|
|
1912
|
+
fontWeight: string;
|
|
1913
|
+
color: string;
|
|
1914
|
+
};
|
|
1915
|
+
markLine: {
|
|
1916
|
+
symbol: string;
|
|
1917
|
+
precision: number;
|
|
1918
|
+
label: {
|
|
1919
|
+
show: boolean;
|
|
1920
|
+
position: string;
|
|
1921
|
+
formatter: string;
|
|
1922
|
+
color: string;
|
|
1923
|
+
fontSize: number;
|
|
1924
|
+
};
|
|
1925
|
+
data: {
|
|
1926
|
+
xAxis: number;
|
|
1927
|
+
lineStyle: {
|
|
1928
|
+
color: string;
|
|
1929
|
+
width: number;
|
|
1930
|
+
type: string;
|
|
1931
|
+
};
|
|
1932
|
+
}[];
|
|
1933
|
+
} | undefined;
|
|
1934
|
+
}[];
|
|
1935
|
+
}>;
|
|
1936
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XiriBulletChartComponent, never>;
|
|
1937
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriBulletChartComponent, "xiri-bulletchart", never, { "settings": { "alias": "settings"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1938
|
+
}
|
|
1939
|
+
|
|
1711
1940
|
interface XiriHeatmapCell {
|
|
1712
1941
|
x: number;
|
|
1713
1942
|
y: number;
|
|
@@ -1755,9 +1984,9 @@ declare class XiriHeatmapComponent {
|
|
|
1755
1984
|
show: boolean;
|
|
1756
1985
|
};
|
|
1757
1986
|
axisLabel: {
|
|
1758
|
-
rotate: number;
|
|
1759
1987
|
interval: number;
|
|
1760
|
-
|
|
1988
|
+
rotate: number;
|
|
1989
|
+
};
|
|
1761
1990
|
};
|
|
1762
1991
|
yAxis: {
|
|
1763
1992
|
type: string;
|
|
@@ -1777,8 +2006,8 @@ declare class XiriHeatmapComponent {
|
|
|
1777
2006
|
max: number;
|
|
1778
2007
|
calculable: boolean;
|
|
1779
2008
|
orient: string;
|
|
1780
|
-
|
|
1781
|
-
|
|
2009
|
+
right: number;
|
|
2010
|
+
top: string;
|
|
1782
2011
|
inRange: {
|
|
1783
2012
|
color: string[];
|
|
1784
2013
|
};
|
|
@@ -1955,7 +2184,7 @@ declare class XiriSankeyComponent {
|
|
|
1955
2184
|
};
|
|
1956
2185
|
series: {
|
|
1957
2186
|
type: string;
|
|
1958
|
-
orient: "
|
|
2187
|
+
orient: "vertical" | "horizontal";
|
|
1959
2188
|
top: number;
|
|
1960
2189
|
bottom: number;
|
|
1961
2190
|
left: number;
|
|
@@ -2141,6 +2370,28 @@ declare class XiriStatGridComponent {
|
|
|
2141
2370
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriStatGridComponent, "xiri-stat-grid", never, { "settings": { "alias": "settings"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2142
2371
|
}
|
|
2143
2372
|
|
|
2373
|
+
interface XiriMultiStatSettings {
|
|
2374
|
+
title?: string;
|
|
2375
|
+
icon?: string;
|
|
2376
|
+
iconColor?: XiriColor;
|
|
2377
|
+
items?: XiriStatSettings[];
|
|
2378
|
+
url?: string;
|
|
2379
|
+
reload?: boolean;
|
|
2380
|
+
verticalItems?: boolean;
|
|
2381
|
+
}
|
|
2382
|
+
declare class XiriMultiStatComponent {
|
|
2383
|
+
private dataService;
|
|
2384
|
+
settings: _angular_core.InputSignal<XiriMultiStatSettings>;
|
|
2385
|
+
private resource;
|
|
2386
|
+
loading: _angular_core.Signal<boolean>;
|
|
2387
|
+
errorMsg: _angular_core.Signal<string>;
|
|
2388
|
+
private loaded;
|
|
2389
|
+
items: _angular_core.Signal<XiriStatSettings[]>;
|
|
2390
|
+
reload(): void;
|
|
2391
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XiriMultiStatComponent, never>;
|
|
2392
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<XiriMultiStatComponent, "xiri-multi-stat", never, { "settings": { "alias": "settings"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2393
|
+
}
|
|
2394
|
+
|
|
2144
2395
|
interface XiriToolbarSearchConfig {
|
|
2145
2396
|
placeholder?: string;
|
|
2146
2397
|
}
|
|
@@ -2322,6 +2573,20 @@ declare class ThemeService {
|
|
|
2322
2573
|
static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
|
|
2323
2574
|
}
|
|
2324
2575
|
|
|
2576
|
+
type XiriLanguage = 'de' | 'en';
|
|
2577
|
+
declare class XiriLocaleService {
|
|
2578
|
+
private readonly platformId;
|
|
2579
|
+
private readonly isBrowser;
|
|
2580
|
+
private readonly dateAdapter;
|
|
2581
|
+
private readonly _language;
|
|
2582
|
+
readonly language: _angular_core.Signal<XiriLanguage>;
|
|
2583
|
+
readonly localeString: _angular_core.Signal<"en-GB" | "de-DE">;
|
|
2584
|
+
constructor();
|
|
2585
|
+
setLanguage(lang: XiriLanguage): void;
|
|
2586
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<XiriLocaleService, never>;
|
|
2587
|
+
static ɵprov: _angular_core.ɵɵInjectableDeclaration<XiriLocaleService>;
|
|
2588
|
+
}
|
|
2589
|
+
|
|
2325
2590
|
type XiriSnackbarType = 'success' | 'error' | 'info' | 'warning';
|
|
2326
2591
|
declare class XiriSnackbarService {
|
|
2327
2592
|
private snackbar;
|
|
@@ -2353,6 +2618,6 @@ declare class XiriDownloadService {
|
|
|
2353
2618
|
|
|
2354
2619
|
declare function provideXiriServices(config: Partial<XiriDataServiceConfig>): EnvironmentProviders;
|
|
2355
2620
|
|
|
2356
|
-
export { COLOR_CSS_VAR, DEFAULT_COMPARE, DEFAULT_PREDICATE, FALLBACK_COLORS, SafehtmlPipe, ThemeService, XiriAlertComponent, XiriBarChartComponent, XiriBreadcrumbComponent, XiriButtonComponent, XiriButtonlineComponent, XiriButtonstyleComponent, XiriCalendarComponent, XiriCardComponent, XiriCardlinkComponent, XiriDataService, XiriDataServiceConfig, XiriDateService, XiriDescriptionListComponent, XiriDialogComponent, XiriDividerComponent, XiriDoneComponent, XiriDownloadService, XiriDynComponentComponent, XiriEchartsHostComponent, XiriEmptyStateComponent, XiriErrorComponent, XiriExpansionComponent, XiriFormComponent, XiriFormFieldsComponent, XiriFormService, XiriGanttComponent, XiriGaugeChartComponent, XiriHeaderComponent, XiriHeatmapComponent, XiriImagetextComponent, XiriInfopointComponent, XiriLineChartComponent, XiriLinksComponent, XiriListComponent, XiriLocalStorageService, XiriMultiprogressComponent, XiriNumberService, XiriPageHeaderComponent, XiriPieChartComponent, XiriQueryComponent, XiriRawTableComponent, XiriResponseHandlerService, XiriSankeyComponent, XiriSearchComponent, XiriSectionComponent, XiriSelectDirective, XiriSessionStorageService, XiriSidenavComponent, XiriSkeletonComponent, XiriSnackbarService, XiriStatComponent, XiriStatGridComponent, XiriStepperComponent, XiriTableComponent, XiriTabsComponent, XiriTimelineComponent, XiriToolbarComponent, XiriTreeComponent, XiriUrlPipe, defaultXiriDataServiceConfig, escapeHtml, provideXiriServices, resolveColor };
|
|
2357
|
-
export type { ThemeMode, XiriAlertConfig, XiriBarChartBar, XiriBarChartMode, XiriBarChartPoint, XiriBarChartSegment, XiriBarChartSettings, XiriBreadcrumbItem, XiriButton, XiriButtonResponse, XiriButtonResult, XiriButtonlineSettings, XiriCalendarCell, XiriCalendarSettings, XiriCardSettings, XiriCardlinkSettings, XiriColor, XiriDescriptionListItem, XiriDescriptionListSettings, XiriDialogResponse, XiriDialogSettings, XiriDialogSize, XiriDividerSettings, XiriDynData, XiriDynDataType, XiriEchartsCallbackParams, XiriEchartsClick, XiriEchartsRenderItemApi, XiriEchartsTooltipParams, XiriEmptyStateSettings, XiriExpansionPanelSettings, XiriExpansionSettings, XiriExtendedColor, XiriFormField, XiriFormFieldCondition, XiriFormFieldConditionOperator, XiriFormFieldDisplay, XiriFormFieldSelectOption, XiriFormServiceData, XiriFormServiceError, XiriFormServiceReturn, XiriFormSettings, XiriFormValidator, XiriGanttSettings, XiriGanttTask, XiriGaugeChartSettings, XiriHeaderSettings, XiriHeatmapCell, XiriHeatmapSettings, XiriImagetextSettings, XiriInfopointSettings, XiriLineChartLine, XiriLineChartSettings, XiriLinksSettings, XiriListItem, XiriListSection, XiriListSettings, XiriMultiprogressItem, XiriMultiprogressSettings, XiriNavigationField, XiriPageHeaderSettings, XiriPieChartSettings, XiriPieChartSlice, XiriQueryFormChangeEvent, XiriQuerySettings, XiriRawTableRow, XiriRawTableSettings, XiriSankeyLink, XiriSankeyNode, XiriSankeySettings, XiriSectionSettings, XiriSelectCompare, XiriSelectPredicate, XiriSidebarSettings, XiriSkeletonType, XiriSnackbarType, XiriStatGridSettings, XiriStatSettings, XiriStatTrend, XiriStepperFormChangeEvent, XiriStepperResponse, XiriStepperSettings, XiriStepperStep, XiriTabSettings, XiriTableCellValue, XiriTableEmptyState, XiriTableField, XiriTableOptions, XiriTableResponse, XiriTableRow, XiriTableSettings, XiriTableTreeSettings, XiriTabsSettings, XiriTagChip, XiriThemeColor, XiriTimelineItem, XiriTimelineSettings, XiriToolbarSearchConfig, XiriToolbarSettings, XiriTreeNode, XiriTreeSettings, XiriUrl };
|
|
2621
|
+
export { COLOR_CSS_VAR, DEFAULT_COMPARE, DEFAULT_PREDICATE, FALLBACK_COLORS, SafehtmlPipe, ThemeService, XiriAlertComponent, XiriBarChartComponent, XiriBreadcrumbComponent, XiriBulletChartComponent, XiriButtonComponent, XiriButtonlineComponent, XiriButtonstyleComponent, XiriCalendarComponent, XiriCalloutComponent, XiriCardComponent, XiriCardlinkComponent, XiriColsDirective, XiriDataService, XiriDataServiceConfig, XiriDateService, XiriDescriptionListComponent, XiriDialogComponent, XiriDividerComponent, XiriDoneComponent, XiriDownloadService, XiriDynComponentComponent, XiriEchartsHostComponent, XiriEmptyStateComponent, XiriErrorComponent, XiriExpansionComponent, XiriFormComponent, XiriFormFieldsComponent, XiriFormService, XiriGanttComponent, XiriGaugeChartComponent, XiriHeaderComponent, XiriHeatmapComponent, XiriImagetextComponent, XiriInfopointComponent, XiriLineChartComponent, XiriLinksComponent, XiriListComponent, XiriLocalStorageService, XiriLocaleService, XiriMultiStatComponent, XiriMultiprogressComponent, XiriNumberService, XiriPageHeaderComponent, XiriPieChartComponent, XiriProgressComponent, XiriQueryComponent, XiriRawTableComponent, XiriResponseHandlerService, XiriSankeyComponent, XiriSearchComponent, XiriSectionComponent, XiriSelectDirective, XiriSessionStorageService, XiriSidenavComponent, XiriSidepanelComponent, XiriSidepanelRef, XiriSidepanelService, XiriSkeletonComponent, XiriSnackbarService, XiriStatComponent, XiriStatGridComponent, XiriStatusComponent, XiriStepperComponent, XiriTableComponent, XiriTabsComponent, XiriTimelineComponent, XiriToolbarComponent, XiriTreeComponent, XiriUrlPipe, colsToClasses, defaultXiriDataServiceConfig, escapeHtml, provideXiriServices, resolveColor };
|
|
2622
|
+
export type { ThemeMode, XiriAlertConfig, XiriBarChartBar, XiriBarChartMode, XiriBarChartPoint, XiriBarChartSegment, XiriBarChartSettings, XiriBreadcrumbItem, XiriBulletChartSettings, XiriButton, XiriButtonResponse, XiriButtonResult, XiriButtonlineSettings, XiriCalendarCell, XiriCalendarSettings, XiriCalloutSettings, XiriCalloutTone, XiriCardSettings, XiriCardlinkSettings, XiriColor, XiriCols, XiriDescriptionListItem, XiriDescriptionListSettings, XiriDialogResponse, XiriDialogSettings, XiriDialogSize, XiriDividerSettings, XiriDynData, XiriDynDataType, XiriEchartsCallbackParams, XiriEchartsClick, XiriEchartsRenderItemApi, XiriEchartsTooltipParams, XiriEmptyStateSettings, XiriExpansionPanelSettings, XiriExpansionSettings, XiriExtendedColor, XiriFormField, XiriFormFieldCondition, XiriFormFieldConditionOperator, XiriFormFieldDisplay, XiriFormFieldSelectOption, XiriFormServiceData, XiriFormServiceError, XiriFormServiceReturn, XiriFormSettings, XiriFormValidator, XiriGanttSettings, XiriGanttTask, XiriGaugeChartSettings, XiriHeaderSettings, XiriHeatmapCell, XiriHeatmapSettings, XiriImagetextSettings, XiriInfopointSettings, XiriLanguage, XiriLineChartLine, XiriLineChartSettings, XiriLinksSettings, XiriListItem, XiriListSection, XiriListSettings, XiriMultiStatSettings, XiriMultiprogressItem, XiriMultiprogressSettings, XiriNavigationField, XiriPageHeaderSettings, XiriPieChartSettings, XiriPieChartSlice, XiriProgressSettings, XiriQueryActiveFilter, XiriQueryFormChangeEvent, XiriQueryResultCount, XiriQuerySettings, XiriRawTableRow, XiriRawTableSettings, XiriSankeyLink, XiriSankeyNode, XiriSankeySettings, XiriSectionSettings, XiriSelectCompare, XiriSelectPredicate, XiriSidebarSettings, XiriSidepanelConfig, XiriSkeletonType, XiriSnackbarType, XiriStatGridSettings, XiriStatSettings, XiriStatTrend, XiriStatusSettings, XiriStatusTone, XiriStatusVariant, XiriStepperFormChangeEvent, XiriStepperResponse, XiriStepperSettings, XiriStepperStep, XiriTabSettings, XiriTableCellValue, XiriTableEmptyState, XiriTableField, XiriTableOptions, XiriTableResponse, XiriTableRow, XiriTableSettings, XiriTableTreeSettings, XiriTabsSettings, XiriTagChip, XiriThemeColor, XiriTimelineItem, XiriTimelineSettings, XiriToolbarSearchConfig, XiriToolbarSettings, XiriTreeNode, XiriTreeSettings, XiriUrl };
|
|
2358
2623
|
//# sourceMappingURL=xiriframework-xiri-ng.d.ts.map
|