@c8y/ngx-components 1023.15.0 → 1023.16.3
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/alarms/index.d.ts +110 -53
- package/alarms/index.d.ts.map +1 -1
- package/context-dashboard/index.d.ts.map +1 -1
- package/fesm2022/c8y-ngx-components-alarms.mjs +365 -205
- package/fesm2022/c8y-ngx-components-alarms.mjs.map +1 -1
- package/fesm2022/c8y-ngx-components-context-dashboard.mjs +2 -4
- package/fesm2022/c8y-ngx-components-context-dashboard.mjs.map +1 -1
- package/fesm2022/c8y-ngx-components-echart.mjs +10 -5
- package/fesm2022/c8y-ngx-components-echart.mjs.map +1 -1
- package/fesm2022/c8y-ngx-components-widgets-implementations-alarms.mjs +2 -2
- package/fesm2022/c8y-ngx-components-widgets-implementations-alarms.mjs.map +1 -1
- package/fesm2022/c8y-ngx-components.mjs +1113 -72
- package/fesm2022/c8y-ngx-components.mjs.map +1 -1
- package/index.d.ts +839 -22
- package/index.d.ts.map +1 -1
- package/locales/de.po +33 -19
- package/locales/es.po +32 -19
- package/locales/fr.po +32 -19
- package/locales/ja_JP.po +31 -19
- package/locales/ko.po +32 -19
- package/locales/locales.pot +30 -8
- package/locales/nl.po +32 -19
- package/locales/pl.po +35 -22
- package/locales/pt_BR.po +32 -19
- package/locales/zh_CN.po +31 -19
- package/locales/zh_TW.po +33 -19
- package/package.json +1 -1
package/index.d.ts
CHANGED
|
@@ -2749,6 +2749,83 @@ declare class AssetHierarchyService {
|
|
|
2749
2749
|
static ɵprov: i0.ɵɵInjectableDeclaration<AssetHierarchyService>;
|
|
2750
2750
|
}
|
|
2751
2751
|
|
|
2752
|
+
/**
|
|
2753
|
+
* Represents a single section in the icon panel
|
|
2754
|
+
*/
|
|
2755
|
+
interface IconPanelSection {
|
|
2756
|
+
/** Unique identifier for the section */
|
|
2757
|
+
id: string;
|
|
2758
|
+
/** Label text for the section */
|
|
2759
|
+
label: string;
|
|
2760
|
+
/** Icon name (e.g., 'c8y-device', 'c8y-connection') */
|
|
2761
|
+
icon: string;
|
|
2762
|
+
/** Whether the section should be displayed */
|
|
2763
|
+
visible: boolean;
|
|
2764
|
+
/** HTML content to display in the section */
|
|
2765
|
+
content: string;
|
|
2766
|
+
/** Custom CSS classes for the section container */
|
|
2767
|
+
containerClass?: string;
|
|
2768
|
+
/** Data-cy attribute for testing */
|
|
2769
|
+
dataCy?: string;
|
|
2770
|
+
/** Responsive grid classes (e.g., 'col-xs-12 col-md-6') */
|
|
2771
|
+
colClass?: string;
|
|
2772
|
+
/** Additional CSS classes for the icon */
|
|
2773
|
+
iconClass?: string;
|
|
2774
|
+
}
|
|
2775
|
+
/**
|
|
2776
|
+
* Icon Panel Component
|
|
2777
|
+
*
|
|
2778
|
+
* Displays information in a grid of bordered panels, each with an icon, label, and content.
|
|
2779
|
+
* Useful for showing structured metadata, device information, connection status, etc.
|
|
2780
|
+
*
|
|
2781
|
+
* @example
|
|
2782
|
+
* ```typescript
|
|
2783
|
+
* sections: IconPanelSection[] = [
|
|
2784
|
+
* {
|
|
2785
|
+
* id: 'device-info',
|
|
2786
|
+
* label: 'Device Information',
|
|
2787
|
+
* icon: 'c8y-device',
|
|
2788
|
+
* visible: true,
|
|
2789
|
+
* content: '<p>Device ID: THM-001</p><p>Type: Sensor</p>',
|
|
2790
|
+
* colClass: 'col-xs-12 col-md-6'
|
|
2791
|
+
* },
|
|
2792
|
+
* {
|
|
2793
|
+
* id: 'status',
|
|
2794
|
+
* label: 'Status',
|
|
2795
|
+
* icon: 'c8y-connection',
|
|
2796
|
+
* visible: true,
|
|
2797
|
+
* content: 'Connected',
|
|
2798
|
+
* colClass: 'col-xs-12 col-md-6'
|
|
2799
|
+
* }
|
|
2800
|
+
* ];
|
|
2801
|
+
* ```
|
|
2802
|
+
*
|
|
2803
|
+
* ```html
|
|
2804
|
+
* <c8y-icon-panel [sections]="sections"></c8y-icon-panel>
|
|
2805
|
+
* ```
|
|
2806
|
+
*
|
|
2807
|
+
* You can also project additional content:
|
|
2808
|
+
* ```html
|
|
2809
|
+
* <c8y-icon-panel [sections]="sections">
|
|
2810
|
+
* <div class="col-xs-12">
|
|
2811
|
+
* <p>Additional custom content here</p>
|
|
2812
|
+
* </div>
|
|
2813
|
+
* </c8y-icon-panel>
|
|
2814
|
+
* ```
|
|
2815
|
+
*/
|
|
2816
|
+
declare class IconPanelComponent {
|
|
2817
|
+
/**
|
|
2818
|
+
* Array of sections to display in the panel
|
|
2819
|
+
*/
|
|
2820
|
+
sections: IconPanelSection[];
|
|
2821
|
+
/**
|
|
2822
|
+
* Accessible label for the icon panel region.
|
|
2823
|
+
*/
|
|
2824
|
+
ariaLabel: string;
|
|
2825
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IconPanelComponent, never>;
|
|
2826
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconPanelComponent, "c8y-icon-panel", never, { "sections": { "alias": "sections"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
2827
|
+
}
|
|
2828
|
+
|
|
2752
2829
|
/**
|
|
2753
2830
|
* Realtime options for `ForOfDirective`.
|
|
2754
2831
|
*/
|
|
@@ -3003,6 +3080,37 @@ declare class ServiceRegistry {
|
|
|
3003
3080
|
static ɵprov: i0.ɵɵInjectableDeclaration<ServiceRegistry>;
|
|
3004
3081
|
}
|
|
3005
3082
|
|
|
3083
|
+
/**
|
|
3084
|
+
* Pipe that strips HTML tags from a string.
|
|
3085
|
+
*
|
|
3086
|
+
* Useful for creating plain text versions of HTML content,
|
|
3087
|
+
* such as for aria-labels or other accessibility attributes.
|
|
3088
|
+
*
|
|
3089
|
+
* @example
|
|
3090
|
+
* ```html
|
|
3091
|
+
* <div [attr.aria-label]="htmlContent | stripHtml">
|
|
3092
|
+
* <div [innerHTML]="htmlContent"></div>
|
|
3093
|
+
* </div>
|
|
3094
|
+
* ```
|
|
3095
|
+
*
|
|
3096
|
+
* @example
|
|
3097
|
+
* ```typescript
|
|
3098
|
+
* const html = '<p>Hello <strong>world</strong></p>';
|
|
3099
|
+
* // Result: 'Hello world'
|
|
3100
|
+
* ```
|
|
3101
|
+
*/
|
|
3102
|
+
declare class StripHtmlPipe implements PipeTransform {
|
|
3103
|
+
/**
|
|
3104
|
+
* Strips HTML tags from the input string.
|
|
3105
|
+
*
|
|
3106
|
+
* @param value - The HTML string to process
|
|
3107
|
+
* @returns Plain text with HTML tags removed
|
|
3108
|
+
*/
|
|
3109
|
+
transform(value: string): string;
|
|
3110
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StripHtmlPipe, never>;
|
|
3111
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<StripHtmlPipe, "stripHtml", true>;
|
|
3112
|
+
}
|
|
3113
|
+
|
|
3006
3114
|
declare enum Status {
|
|
3007
3115
|
SUCCESS = "success",
|
|
3008
3116
|
WARNING = "warning",
|
|
@@ -5333,6 +5441,25 @@ declare abstract class DynamicBulkIIdentifiedResolver<T extends {
|
|
|
5333
5441
|
protected serializeSingleObject(obj: T): Partial<T>;
|
|
5334
5442
|
}
|
|
5335
5443
|
|
|
5444
|
+
declare class MOChunkLoaderService {
|
|
5445
|
+
protected inventory: InventoryService;
|
|
5446
|
+
constructor(inventory: InventoryService);
|
|
5447
|
+
processInChunks<T>(ids: string[], chunkSize: number, loadChunkFn: (ids: string[]) => Promise<{
|
|
5448
|
+
managedObjects: T[];
|
|
5449
|
+
errors: any[];
|
|
5450
|
+
}>): Promise<{
|
|
5451
|
+
results: T[];
|
|
5452
|
+
errors: any[];
|
|
5453
|
+
}>;
|
|
5454
|
+
loadAChunkOfManagedObjectsBase(uniqIds: string[], inventory: InventoryService, pageSize: number, getStatusDetails: (id: string) => Promise<DynamicBulkRetrievalError>, queryFilter?: object): Promise<{
|
|
5455
|
+
managedObjects: IManagedObject[];
|
|
5456
|
+
errors: DynamicBulkRetrievalError[];
|
|
5457
|
+
}>;
|
|
5458
|
+
getStatusDetails(moId: string): Promise<any>;
|
|
5459
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MOChunkLoaderService, never>;
|
|
5460
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<MOChunkLoaderService>;
|
|
5461
|
+
}
|
|
5462
|
+
|
|
5336
5463
|
/**
|
|
5337
5464
|
* A DynamicDetailsResolver responsible to resolve managedObjects for dynamic components.
|
|
5338
5465
|
* This service implements bulk resolving. This reduces the number of requests made to
|
|
@@ -5395,25 +5522,6 @@ declare class DatapointSyncService {
|
|
|
5395
5522
|
static ɵprov: i0.ɵɵInjectableDeclaration<DatapointSyncService>;
|
|
5396
5523
|
}
|
|
5397
5524
|
|
|
5398
|
-
declare class MOChunkLoaderService {
|
|
5399
|
-
protected inventory: InventoryService;
|
|
5400
|
-
constructor(inventory: InventoryService);
|
|
5401
|
-
processInChunks<T>(ids: string[], chunkSize: number, loadChunkFn: (ids: string[]) => Promise<{
|
|
5402
|
-
managedObjects: T[];
|
|
5403
|
-
errors: any[];
|
|
5404
|
-
}>): Promise<{
|
|
5405
|
-
results: T[];
|
|
5406
|
-
errors: any[];
|
|
5407
|
-
}>;
|
|
5408
|
-
loadAChunkOfManagedObjectsBase(uniqIds: string[], inventory: InventoryService, pageSize: number, getStatusDetails: (id: string) => Promise<DynamicBulkRetrievalError>, queryFilter?: object): Promise<{
|
|
5409
|
-
managedObjects: IManagedObject[];
|
|
5410
|
-
errors: DynamicBulkRetrievalError[];
|
|
5411
|
-
}>;
|
|
5412
|
-
getStatusDetails(moId: string): Promise<any>;
|
|
5413
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MOChunkLoaderService, never>;
|
|
5414
|
-
static ɵprov: i0.ɵɵInjectableDeclaration<MOChunkLoaderService>;
|
|
5415
|
-
}
|
|
5416
|
-
|
|
5417
5525
|
declare class AppSwitcherService {
|
|
5418
5526
|
protected ui: AppStateService;
|
|
5419
5527
|
/**
|
|
@@ -15890,6 +15998,18 @@ declare const MESSAGES_CORE_I18N: {
|
|
|
15890
15998
|
readonly revokedSerials: "$1";
|
|
15891
15999
|
};
|
|
15892
16000
|
};
|
|
16001
|
+
readonly "^Certificate serial number hex: '(.+?)'.*$": {
|
|
16002
|
+
readonly gettext: "Certificate serial number: \"{{ serialNumber }}\"";
|
|
16003
|
+
readonly placeholders: {
|
|
16004
|
+
readonly serialNumber: "$1";
|
|
16005
|
+
};
|
|
16006
|
+
};
|
|
16007
|
+
readonly '^Tenant certificate authority\\(CA\\) signed certificate for device: (.+?)\\.$': {
|
|
16008
|
+
readonly gettext: "Tenant certificate authority (CA) signed certificate for device: \"{{ deviceId }}\".";
|
|
16009
|
+
readonly placeholders: {
|
|
16010
|
+
readonly deviceId: "$1";
|
|
16011
|
+
};
|
|
16012
|
+
};
|
|
15893
16013
|
};
|
|
15894
16014
|
|
|
15895
16015
|
/**
|
|
@@ -20062,6 +20182,30 @@ declare class WizardModalService {
|
|
|
20062
20182
|
static ɵprov: i0.ɵɵInjectableDeclaration<WizardModalService>;
|
|
20063
20183
|
}
|
|
20064
20184
|
|
|
20185
|
+
interface ResizableGridConfig {
|
|
20186
|
+
collapseThreshold?: number;
|
|
20187
|
+
leftColumnWidth?: string;
|
|
20188
|
+
trackId?: string | null;
|
|
20189
|
+
collapsible?: boolean;
|
|
20190
|
+
}
|
|
20191
|
+
/**
|
|
20192
|
+
* Resizable Grid Component
|
|
20193
|
+
*
|
|
20194
|
+
* Provides a flexible layout with two adjustable columns separated by a draggable divider.
|
|
20195
|
+
*
|
|
20196
|
+
* ## Basic Usage
|
|
20197
|
+
*
|
|
20198
|
+
* ```html
|
|
20199
|
+
* <c8y-resizable-grid
|
|
20200
|
+
* [leftColumnWidth]="'50%'"
|
|
20201
|
+
* [collapseThreshold]="320"
|
|
20202
|
+
* [collapsible]="true"
|
|
20203
|
+
* [trackId]="'my-layout'">
|
|
20204
|
+
* <div #colA>Left column content</div>
|
|
20205
|
+
* <div #colB>Right column content</div>
|
|
20206
|
+
* </c8y-resizable-grid>
|
|
20207
|
+
* ```
|
|
20208
|
+
*/
|
|
20065
20209
|
declare class ResizableGridComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
|
|
20066
20210
|
private renderer;
|
|
20067
20211
|
/**
|
|
@@ -20076,6 +20220,10 @@ declare class ResizableGridComponent implements OnInit, AfterViewInit, OnChanges
|
|
|
20076
20220
|
* Minimum width (in pixels) before a column is considered collapsed.
|
|
20077
20221
|
*/
|
|
20078
20222
|
collapseThreshold: number;
|
|
20223
|
+
/**
|
|
20224
|
+
* If true, columns can collapse below the threshold. If false, columns stop at the threshold.
|
|
20225
|
+
*/
|
|
20226
|
+
collapsible: boolean;
|
|
20079
20227
|
/**
|
|
20080
20228
|
* Reference to the left column element.
|
|
20081
20229
|
*/
|
|
@@ -20171,7 +20319,7 @@ declare class ResizableGridComponent implements OnInit, AfterViewInit, OnChanges
|
|
|
20171
20319
|
*/
|
|
20172
20320
|
private removeCollapseClasses;
|
|
20173
20321
|
static ɵfac: i0.ɵɵFactoryDeclaration<ResizableGridComponent, never>;
|
|
20174
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ResizableGridComponent, "c8y-resizable-grid", never, { "leftColumnWidth": { "alias": "leftColumnWidth"; "required": false; }; "trackId": { "alias": "trackId"; "required": false; }; "collapseThreshold": { "alias": "collapseThreshold"; "required": false; }; }, {}, never, ["[left-pane]", "[right-pane]"], true, never>;
|
|
20322
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ResizableGridComponent, "c8y-resizable-grid", never, { "leftColumnWidth": { "alias": "leftColumnWidth"; "required": false; }; "trackId": { "alias": "trackId"; "required": false; }; "collapseThreshold": { "alias": "collapseThreshold"; "required": false; }; "collapsible": { "alias": "collapsible"; "required": false; }; }, {}, never, ["[left-pane]", "[right-pane]"], true, never>;
|
|
20175
20323
|
}
|
|
20176
20324
|
|
|
20177
20325
|
/**
|
|
@@ -20609,6 +20757,675 @@ declare class AssetPropertyService extends Service<AssetPropertyDefinition> {
|
|
|
20609
20757
|
static ɵprov: i0.ɵɵInjectableDeclaration<AssetPropertyService>;
|
|
20610
20758
|
}
|
|
20611
20759
|
|
|
20760
|
+
/**
|
|
20761
|
+
* Service to manage selection state in split view components.
|
|
20762
|
+
* Provides methods to select/deselect items and track selection state.
|
|
20763
|
+
*/
|
|
20764
|
+
declare class SplitViewSelectionService<T = unknown> implements OnDestroy {
|
|
20765
|
+
private readonly _selectedItem$;
|
|
20766
|
+
ngOnDestroy(): void;
|
|
20767
|
+
/**
|
|
20768
|
+
* Observable of the currently selected item
|
|
20769
|
+
*/
|
|
20770
|
+
get selectedItem$(): Observable<T | null>;
|
|
20771
|
+
/**
|
|
20772
|
+
* Get the current selected item value
|
|
20773
|
+
*/
|
|
20774
|
+
get selectedItem(): T | null;
|
|
20775
|
+
/**
|
|
20776
|
+
* Check if an item is currently selected
|
|
20777
|
+
*/
|
|
20778
|
+
get hasSelection(): boolean;
|
|
20779
|
+
/**
|
|
20780
|
+
* Select an item
|
|
20781
|
+
*/
|
|
20782
|
+
select(item: T): void;
|
|
20783
|
+
/**
|
|
20784
|
+
* Clear the current selection
|
|
20785
|
+
*/
|
|
20786
|
+
clearSelection(): void;
|
|
20787
|
+
/**
|
|
20788
|
+
* Check if a specific item is selected
|
|
20789
|
+
*/
|
|
20790
|
+
isSelected(item: T): boolean;
|
|
20791
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SplitViewSelectionService<any>, never>;
|
|
20792
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<SplitViewSelectionService<any>>;
|
|
20793
|
+
}
|
|
20794
|
+
|
|
20795
|
+
/**
|
|
20796
|
+
* A responsive split view layout component with automatic selection management and resizable panes.
|
|
20797
|
+
*
|
|
20798
|
+
* #### Basic usage
|
|
20799
|
+
*
|
|
20800
|
+
*
|
|
20801
|
+
* ```typescript
|
|
20802
|
+
* export class MyComponent {
|
|
20803
|
+
* items: Device[] = [];
|
|
20804
|
+
* selectedItem?: Device;
|
|
20805
|
+
*
|
|
20806
|
+
* onSelectionChange(item: Device | null) {
|
|
20807
|
+
* this.selectedItem = item || undefined;
|
|
20808
|
+
* }
|
|
20809
|
+
* }
|
|
20810
|
+
* ```
|
|
20811
|
+
*
|
|
20812
|
+
* ```html
|
|
20813
|
+
* <c8y-sv (selectionChange)="onSelectionChange($event)">
|
|
20814
|
+
* <c8y-sv-list [title]="'Devices'">
|
|
20815
|
+
* <c8y-sv-header-actions>
|
|
20816
|
+
* <button class="btn btn-primary">Add Device</button>
|
|
20817
|
+
* </c8y-sv-header-actions>
|
|
20818
|
+
*
|
|
20819
|
+
* @for (item of items; track item.id) {
|
|
20820
|
+
* <c8y-li [c8ySvListItem]="item">
|
|
20821
|
+
* {{ item.name }}
|
|
20822
|
+
* </c8y-li>
|
|
20823
|
+
* }
|
|
20824
|
+
*
|
|
20825
|
+
* <c8y-sv-footer>
|
|
20826
|
+
* Total: {{ items.length }}
|
|
20827
|
+
* </c8y-sv-footer>
|
|
20828
|
+
* </c8y-sv-list>
|
|
20829
|
+
*
|
|
20830
|
+
* <c8y-sv-details
|
|
20831
|
+
* emptyStateIcon="c8y-devices"
|
|
20832
|
+
* emptyStateTitle="No device selected"
|
|
20833
|
+
* emptyStateSubtitle="Select a device to view details">
|
|
20834
|
+
* @if (selectedItem) {
|
|
20835
|
+
* <c8y-sv-extra-header>
|
|
20836
|
+
* <c8y-icon-panel [sections]="sections"></c8y-icon-panel>
|
|
20837
|
+
* </c8y-sv-extra-header>
|
|
20838
|
+
* }
|
|
20839
|
+
*
|
|
20840
|
+
* @if (selectedItem) {
|
|
20841
|
+
* <h3>{{ selectedItem.name }}</h3>
|
|
20842
|
+
* <p>{{ selectedItem.description }}</p>
|
|
20843
|
+
* }
|
|
20844
|
+
* </c8y-sv-details>
|
|
20845
|
+
* </c8y-sv>
|
|
20846
|
+
* ```
|
|
20847
|
+
*
|
|
20848
|
+
* #### Router-Outlet integration
|
|
20849
|
+
*
|
|
20850
|
+
* For components using Angular router:
|
|
20851
|
+
*
|
|
20852
|
+
* ```html
|
|
20853
|
+
* <c8y-sv>
|
|
20854
|
+
* <c8y-alarms-list>...</c8y-alarms-list>
|
|
20855
|
+
*
|
|
20856
|
+
* <c8y-sv-details (backClick)="handleBackClick()">
|
|
20857
|
+
* <router-outlet></router-outlet>
|
|
20858
|
+
* </c8y-sv-details>
|
|
20859
|
+
* </c8y-sv>
|
|
20860
|
+
* ```
|
|
20861
|
+
*
|
|
20862
|
+
* ```typescript
|
|
20863
|
+
* async handleBackClick(): Promise<void> {
|
|
20864
|
+
* await this.alarmsViewService.closeDetailsView(this.activatedRoute);
|
|
20865
|
+
* }
|
|
20866
|
+
* ```
|
|
20867
|
+
*
|
|
20868
|
+
* #### Resizable configuration
|
|
20869
|
+
*
|
|
20870
|
+
* ```html
|
|
20871
|
+
* <c8y-sv
|
|
20872
|
+
* [isResizable]="true"
|
|
20873
|
+
* [resizableBreakpoint]="991"
|
|
20874
|
+
* [resizableConfig]="{
|
|
20875
|
+
* trackId: 'my-split-view',
|
|
20876
|
+
* leftColumnWidth: '40%',
|
|
20877
|
+
* collapseThreshold: 320,
|
|
20878
|
+
* collapsible: false
|
|
20879
|
+
* }"
|
|
20880
|
+
* [initialSelection]="items[0]"
|
|
20881
|
+
* (selectionChange)="onSelectionChange($event)">
|
|
20882
|
+
* <!-- content -->
|
|
20883
|
+
* </c8y-sv>
|
|
20884
|
+
* ```
|
|
20885
|
+
*
|
|
20886
|
+
* #### List-Only mode
|
|
20887
|
+
*
|
|
20888
|
+
* Omit `<c8y-sv-details>` for a simple list view:
|
|
20889
|
+
* ```html
|
|
20890
|
+
* <c8y-sv>
|
|
20891
|
+
* <c8y-sv-list [title]="'Items'">
|
|
20892
|
+
* @for (item of items; track item.id) {
|
|
20893
|
+
* <c8y-li>{{ item.name }}</c8y-li>
|
|
20894
|
+
* }
|
|
20895
|
+
* </c8y-sv-list>
|
|
20896
|
+
* </c8y-sv>
|
|
20897
|
+
* ```
|
|
20898
|
+
*
|
|
20899
|
+
*/
|
|
20900
|
+
declare class SplitViewComponent<T = unknown> implements OnInit, OnDestroy {
|
|
20901
|
+
selectionService: SplitViewSelectionService<T>;
|
|
20902
|
+
private readonly destroyRef;
|
|
20903
|
+
/**
|
|
20904
|
+
* Whether to show a default router outlet in right-view if no right-view slot content provided.
|
|
20905
|
+
* @default true
|
|
20906
|
+
*/
|
|
20907
|
+
showDefaultRouterOutlet: boolean;
|
|
20908
|
+
/**
|
|
20909
|
+
* Enable resizable grid functionality with draggable divider.
|
|
20910
|
+
* When `true`, users can resize the split panes by dragging the divider.
|
|
20911
|
+
* Above `resizableBreakpoint`, the resizable grid is active.
|
|
20912
|
+
* Below `resizableBreakpoint`, falls back to CSS-based responsive layout.
|
|
20913
|
+
* @default true
|
|
20914
|
+
*/
|
|
20915
|
+
isResizable: boolean;
|
|
20916
|
+
/**
|
|
20917
|
+
* Initial item to select when the component is initialized.
|
|
20918
|
+
* If provided, this item will be automatically selected on component load.
|
|
20919
|
+
*
|
|
20920
|
+
* @example
|
|
20921
|
+
* ```html
|
|
20922
|
+
* <c8y-sv [initialSelection]="items[0]">
|
|
20923
|
+
* ```
|
|
20924
|
+
*
|
|
20925
|
+
*/
|
|
20926
|
+
initialSelection?: T;
|
|
20927
|
+
/**
|
|
20928
|
+
* Minimum window width (in pixels) required for resizable grid to be active.
|
|
20929
|
+
* Below this width, the component switches to a stacked mobile layout.
|
|
20930
|
+
* @default 991
|
|
20931
|
+
*/
|
|
20932
|
+
resizableBreakpoint: number;
|
|
20933
|
+
/**
|
|
20934
|
+
* Emits when the selected item changes.
|
|
20935
|
+
* The event emits the selected item or `null` when selection is cleared.
|
|
20936
|
+
*
|
|
20937
|
+
* @example
|
|
20938
|
+
* ```html
|
|
20939
|
+
* <c8y-sv (selectionChange)="onSelectionChange($event)">
|
|
20940
|
+
* ```
|
|
20941
|
+
*
|
|
20942
|
+
* ```typescript
|
|
20943
|
+
* onSelectionChange(item: Device | null) {
|
|
20944
|
+
* this.selectedItem = item || undefined;
|
|
20945
|
+
* }
|
|
20946
|
+
* ```
|
|
20947
|
+
*/
|
|
20948
|
+
selectionChange: EventEmitter<T>;
|
|
20949
|
+
/**
|
|
20950
|
+
* Internal flag to track if current viewport width allows resizable grid
|
|
20951
|
+
*/
|
|
20952
|
+
private _isResizableAtCurrentWidth;
|
|
20953
|
+
/**
|
|
20954
|
+
* Configuration for resizable grid behavior.
|
|
20955
|
+
*
|
|
20956
|
+
* @property trackId - Unique ID for persisting column widths in localStorage
|
|
20957
|
+
* @property leftColumnWidth - Initial width of left column (default: '50%')
|
|
20958
|
+
* @property collapseThreshold - Width threshold (in px) for collapsing columns (default: 320)
|
|
20959
|
+
* @property collapsible - Whether columns can collapse below threshold (default: true)
|
|
20960
|
+
*
|
|
20961
|
+
* @example
|
|
20962
|
+
* ```html
|
|
20963
|
+
* <c8y-sv [resizableConfig]="{
|
|
20964
|
+
* trackId: 'device-list-view',
|
|
20965
|
+
* leftColumnWidth: '40%',
|
|
20966
|
+
* collapseThreshold: 320,
|
|
20967
|
+
* collapsible: false
|
|
20968
|
+
* }">
|
|
20969
|
+
* ```
|
|
20970
|
+
*/
|
|
20971
|
+
set resizableConfig(config: ResizableGridConfig);
|
|
20972
|
+
get resizableConfig(): ResizableGridConfig;
|
|
20973
|
+
private _resizableConfig;
|
|
20974
|
+
private _memoizedResizableConfig;
|
|
20975
|
+
/**
|
|
20976
|
+
* Detect if details are projected to decide on router-outlet fallback
|
|
20977
|
+
*/
|
|
20978
|
+
private _detailsComp?;
|
|
20979
|
+
constructor(selectionService: SplitViewSelectionService<T>);
|
|
20980
|
+
ngOnInit(): void;
|
|
20981
|
+
ngOnDestroy(): void;
|
|
20982
|
+
/**
|
|
20983
|
+
* Checks if a details component is projected.
|
|
20984
|
+
*
|
|
20985
|
+
* Returns `true` when `<c8y-sv-details>` is present in the template.
|
|
20986
|
+
* Returns `false` when `<c8y-sv-details>` is not present.
|
|
20987
|
+
*
|
|
20988
|
+
* @internal Used by the template to determine layout mode
|
|
20989
|
+
*/
|
|
20990
|
+
get hasProjectedDetails(): boolean;
|
|
20991
|
+
/**
|
|
20992
|
+
* Determines if the resizable grid should be active.
|
|
20993
|
+
*
|
|
20994
|
+
* Returns `true` when all conditions are met:
|
|
20995
|
+
* - `isResizable` is `true`
|
|
20996
|
+
* - Current viewport width is above `resizableBreakpoint`
|
|
20997
|
+
* - Details component is projected
|
|
20998
|
+
*
|
|
20999
|
+
* When `false`, falls back to CSS-based responsive layout.
|
|
21000
|
+
*
|
|
21001
|
+
* @internal Used by the template to conditionally render resizable grid
|
|
21002
|
+
*/
|
|
21003
|
+
get shouldUseResizableGrid(): boolean;
|
|
21004
|
+
/**
|
|
21005
|
+
* Returns the effective resizable configuration with all defaults applied.
|
|
21006
|
+
* The configuration is memoized and updated only when inputs change.
|
|
21007
|
+
*
|
|
21008
|
+
* @internal Used by the template to pass config to resizable-grid component
|
|
21009
|
+
*/
|
|
21010
|
+
get effectiveResizableConfig(): Required<ResizableGridConfig>;
|
|
21011
|
+
/**
|
|
21012
|
+
* Returns CSS classes for the split view container element.
|
|
21013
|
+
*
|
|
21014
|
+
* Always includes: `['card', 'content-fullpage', 'grid__row--1']`
|
|
21015
|
+
*
|
|
21016
|
+
* Conditionally adds `'split-view--5-7'` when:
|
|
21017
|
+
* - Details component is projected
|
|
21018
|
+
* - Resizable grid is not active (below breakpoint or disabled)
|
|
21019
|
+
*
|
|
21020
|
+
* @returns Array of CSS class names
|
|
21021
|
+
*/
|
|
21022
|
+
getContainerClasses(): string[];
|
|
21023
|
+
private _checkViewportWidth;
|
|
21024
|
+
private updateMemoizedResizableConfig;
|
|
21025
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SplitViewComponent<any>, never>;
|
|
21026
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SplitViewComponent<any>, "c8y-sv", never, { "showDefaultRouterOutlet": { "alias": "showDefaultRouterOutlet"; "required": false; }; "isResizable": { "alias": "isResizable"; "required": false; }; "initialSelection": { "alias": "initialSelection"; "required": false; }; "resizableBreakpoint": { "alias": "resizableBreakpoint"; "required": false; }; "resizableConfig": { "alias": "resizableConfig"; "required": false; }; }, { "selectionChange": "selectionChange"; }, ["_detailsComp"], [":not(c8y-sv-details)", "c8y-sv-details"], true, never>;
|
|
21027
|
+
}
|
|
21028
|
+
|
|
21029
|
+
/**
|
|
21030
|
+
* Marker component for alert content in split-view lists.
|
|
21031
|
+
* Provides a named slot for displaying alerts above the list items.
|
|
21032
|
+
*
|
|
21033
|
+
* The parent split-view-list component detects this component via @ContentChild
|
|
21034
|
+
* and conditionally renders the alert section when present.
|
|
21035
|
+
*
|
|
21036
|
+
* This is a purely structural component with no logic or styling - all content
|
|
21037
|
+
* is projected and styled by the consumer.
|
|
21038
|
+
*
|
|
21039
|
+
* @example
|
|
21040
|
+
* ```html
|
|
21041
|
+
* <c8y-sv-list [title]="'Alarms'">
|
|
21042
|
+
* <c8y-sv-alerts>
|
|
21043
|
+
* @if (hasWarning) {
|
|
21044
|
+
* <div class="alert alert-warning" role="alert">
|
|
21045
|
+
* The selected item is not currently in the list.
|
|
21046
|
+
* </div>
|
|
21047
|
+
* }
|
|
21048
|
+
* </c8y-sv-alerts>
|
|
21049
|
+
* <!-- list items -->
|
|
21050
|
+
* @for (item of items; track item.id) {
|
|
21051
|
+
* <c8y-li>{{ item.name }}</c8y-li>
|
|
21052
|
+
* }
|
|
21053
|
+
* </c8y-sv-list>
|
|
21054
|
+
* ```
|
|
21055
|
+
*
|
|
21056
|
+
* @example Multiple alerts
|
|
21057
|
+
* ```html
|
|
21058
|
+
* <c8y-sv-list [title]="'Items'">
|
|
21059
|
+
* <c8y-sv-alerts>
|
|
21060
|
+
* @if (hasInfo) {
|
|
21061
|
+
* <div class="alert alert-info" role="alert">
|
|
21062
|
+
* Information message
|
|
21063
|
+
* </div>
|
|
21064
|
+
* }
|
|
21065
|
+
* @if (hasWarning) {
|
|
21066
|
+
* <div class="alert alert-warning" role="alert">
|
|
21067
|
+
* Warning message
|
|
21068
|
+
* </div>
|
|
21069
|
+
* }
|
|
21070
|
+
* </c8y-sv-alerts>
|
|
21071
|
+
* <!-- list content -->
|
|
21072
|
+
* </c8y-sv-list>
|
|
21073
|
+
* ```
|
|
21074
|
+
*/
|
|
21075
|
+
declare class SplitViewAlertsComponent {
|
|
21076
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SplitViewAlertsComponent, never>;
|
|
21077
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SplitViewAlertsComponent, "c8y-sv-alerts", never, {}, {}, never, ["*"], true, never>;
|
|
21078
|
+
}
|
|
21079
|
+
|
|
21080
|
+
declare class SplitViewListComponent {
|
|
21081
|
+
/**
|
|
21082
|
+
* Optional parent split view component.
|
|
21083
|
+
* Used to determine if a details panel is present for automatic background styling.
|
|
21084
|
+
*/
|
|
21085
|
+
private readonly parentSplitView;
|
|
21086
|
+
/**
|
|
21087
|
+
* Title for the list section.
|
|
21088
|
+
* Also used as aria-label if provided.
|
|
21089
|
+
*/
|
|
21090
|
+
title: string;
|
|
21091
|
+
/**
|
|
21092
|
+
* Whether the list is currently loading
|
|
21093
|
+
*/
|
|
21094
|
+
loading: boolean;
|
|
21095
|
+
/**
|
|
21096
|
+
* Whether to show empty state
|
|
21097
|
+
*/
|
|
21098
|
+
showEmptyState: boolean;
|
|
21099
|
+
/**
|
|
21100
|
+
* Custom empty state icon
|
|
21101
|
+
*/
|
|
21102
|
+
emptyStateIcon: string;
|
|
21103
|
+
/**
|
|
21104
|
+
* Custom empty state title
|
|
21105
|
+
*/
|
|
21106
|
+
emptyStateTitle: string;
|
|
21107
|
+
/**
|
|
21108
|
+
* Custom empty state subtitle
|
|
21109
|
+
*/
|
|
21110
|
+
emptyStateSubtitle?: string;
|
|
21111
|
+
/**
|
|
21112
|
+
* Documentation URL to display in the empty state.
|
|
21113
|
+
* When provided, a link to the documentation will be shown.
|
|
21114
|
+
*/
|
|
21115
|
+
docsUrl?: string;
|
|
21116
|
+
/**
|
|
21117
|
+
* Whether to show the title in the list header.
|
|
21118
|
+
* If not provided, automatically detected based on parent split view presence:
|
|
21119
|
+
* - Inside `<c8y-sv>`: shows the title (full page context)
|
|
21120
|
+
* - Outside `<c8y-sv>`: hides the title (widget context where widget provides its own title bar)
|
|
21121
|
+
*/
|
|
21122
|
+
showTitle?: boolean;
|
|
21123
|
+
/**
|
|
21124
|
+
* Opacity for the list content (CSS opacity: 0-1 scale).
|
|
21125
|
+
*
|
|
21126
|
+
* Use this to dim the list during loading states while showing a loading indicator.
|
|
21127
|
+
* Defaults to 1 (fully opaque).
|
|
21128
|
+
*
|
|
21129
|
+
* @example
|
|
21130
|
+
* ```html
|
|
21131
|
+
* <!-- Dim list to 20% opacity during initial load -->
|
|
21132
|
+
* <c8y-sv-list [listOpacity]="isLoading ? 0.2 : 1">
|
|
21133
|
+
* ```
|
|
21134
|
+
*/
|
|
21135
|
+
listOpacity: number;
|
|
21136
|
+
/**
|
|
21137
|
+
* Reference to the inner scroll div element.
|
|
21138
|
+
* Available after `ngAfterViewInit` lifecycle hook.
|
|
21139
|
+
*/
|
|
21140
|
+
innerScrollDiv?: ElementRef<HTMLDivElement>;
|
|
21141
|
+
readonly alertsComp?: SplitViewAlertsComponent;
|
|
21142
|
+
get hasAlerts(): boolean;
|
|
21143
|
+
/**
|
|
21144
|
+
* Computed property that determines if the title should be shown.
|
|
21145
|
+
* Uses the explicit `showTitle` input if provided, otherwise falls back to automatic detection.
|
|
21146
|
+
*
|
|
21147
|
+
* Automatic detection logic:
|
|
21148
|
+
* - Inside `<c8y-sv>`: shows the title (full page context)
|
|
21149
|
+
* - Outside `<c8y-sv>`: hides the title (widget context where widget provides its own title bar)
|
|
21150
|
+
*/
|
|
21151
|
+
get shouldShowTitle(): boolean;
|
|
21152
|
+
/**
|
|
21153
|
+
* Determines if split view layout styles should be applied based on the presence of a details panel.
|
|
21154
|
+
*
|
|
21155
|
+
* When a details panel (`<c8y-sv-details>`) is present alongside the list:
|
|
21156
|
+
* - Returns `true` → applies `split-view__list bg-level-1` classes (lighter background for contrast)
|
|
21157
|
+
*
|
|
21158
|
+
* When no details panel is present (single column or widget usage):
|
|
21159
|
+
* - Returns `false` → applies `bg-component` class (standard component background)
|
|
21160
|
+
*
|
|
21161
|
+
* This detection is automatic and based on the actual layout structure.
|
|
21162
|
+
*/
|
|
21163
|
+
get isSplitView(): boolean;
|
|
21164
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SplitViewListComponent, never>;
|
|
21165
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SplitViewListComponent, "c8y-sv-list", never, { "title": { "alias": "title"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "showEmptyState": { "alias": "showEmptyState"; "required": false; }; "emptyStateIcon": { "alias": "emptyStateIcon"; "required": false; }; "emptyStateTitle": { "alias": "emptyStateTitle"; "required": false; }; "emptyStateSubtitle": { "alias": "emptyStateSubtitle"; "required": false; }; "docsUrl": { "alias": "docsUrl"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "listOpacity": { "alias": "listOpacity"; "required": false; }; }, {}, ["alertsComp"], ["c8y-sv-header-actions", "c8y-sv-alerts", "*", "c8y-sv-footer"], true, never>;
|
|
21166
|
+
}
|
|
21167
|
+
|
|
21168
|
+
/**
|
|
21169
|
+
* Split View Details Component
|
|
21170
|
+
*
|
|
21171
|
+
* Displays the details panel of a split-view layout.
|
|
21172
|
+
*
|
|
21173
|
+
* ## Basic Usage
|
|
21174
|
+
*
|
|
21175
|
+
* ```html
|
|
21176
|
+
* <c8y-sv-details
|
|
21177
|
+
* emptyStateIcon="c8y-devices"
|
|
21178
|
+
* emptyStateTitle="No device selected"
|
|
21179
|
+
* emptyStateSubtitle="Select a device to view details">
|
|
21180
|
+
*
|
|
21181
|
+
* @if (selectedItem) {
|
|
21182
|
+
* <c8y-sv-extra-header>
|
|
21183
|
+
* <c8y-icon-panel [sections]="sections"></c8y-icon-panel>
|
|
21184
|
+
* </c8y-sv-extra-header>
|
|
21185
|
+
* }
|
|
21186
|
+
*
|
|
21187
|
+
* @if (selectedItem) {
|
|
21188
|
+
* <h3>{{ selectedItem.name }}</h3>
|
|
21189
|
+
* <p>{{ selectedItem.description }}</p>
|
|
21190
|
+
* }
|
|
21191
|
+
* </c8y-sv-details>
|
|
21192
|
+
* ```
|
|
21193
|
+
*
|
|
21194
|
+
* ## Router-Outlet Integration
|
|
21195
|
+
*
|
|
21196
|
+
* ```html
|
|
21197
|
+
* <c8y-sv-details (backClick)="handleBackClick()">
|
|
21198
|
+
* <router-outlet></router-outlet>
|
|
21199
|
+
* </c8y-sv-details>
|
|
21200
|
+
* ```
|
|
21201
|
+
*
|
|
21202
|
+
* ```typescript
|
|
21203
|
+
* async handleBackClick(): Promise<void> {
|
|
21204
|
+
* await this.alarmsViewService.closeDetailsView(this.activatedRoute);
|
|
21205
|
+
* }
|
|
21206
|
+
* ```
|
|
21207
|
+
*/
|
|
21208
|
+
declare class SplitViewDetailsComponent implements AfterViewInit, OnDestroy {
|
|
21209
|
+
selectionService: SplitViewSelectionService<unknown> | null;
|
|
21210
|
+
private readonly location?;
|
|
21211
|
+
private readonly cdr?;
|
|
21212
|
+
private readonly destroyRef;
|
|
21213
|
+
private _routerOutletActivated;
|
|
21214
|
+
/**
|
|
21215
|
+
* Title for the details section
|
|
21216
|
+
*/
|
|
21217
|
+
title?: string;
|
|
21218
|
+
/**
|
|
21219
|
+
* Aria label for the details panel region.
|
|
21220
|
+
*/
|
|
21221
|
+
ariaLabel: string;
|
|
21222
|
+
/**
|
|
21223
|
+
* Custom CSS classes
|
|
21224
|
+
*/
|
|
21225
|
+
cssClass: string;
|
|
21226
|
+
/**
|
|
21227
|
+
* Empty state icon when nothing is selected
|
|
21228
|
+
*/
|
|
21229
|
+
emptyStateIcon: string;
|
|
21230
|
+
/**
|
|
21231
|
+
* Empty state title when nothing is selected
|
|
21232
|
+
*/
|
|
21233
|
+
emptyStateTitle: string;
|
|
21234
|
+
/**
|
|
21235
|
+
* Empty state subtitle when nothing is selected
|
|
21236
|
+
*/
|
|
21237
|
+
emptyStateSubtitle: string;
|
|
21238
|
+
/**
|
|
21239
|
+
* Emits when the back button is clicked.
|
|
21240
|
+
* Allows parent components to handle custom navigation logic.
|
|
21241
|
+
* If not handled, default behavior (location.back or clearSelection) is used.
|
|
21242
|
+
*/
|
|
21243
|
+
backClick: EventEmitter<void>;
|
|
21244
|
+
private readonly extraHeaderComponent?;
|
|
21245
|
+
private readonly actionsComponent?;
|
|
21246
|
+
private readonly footerComponent?;
|
|
21247
|
+
private readonly routerOutlet?;
|
|
21248
|
+
constructor(selectionService: SplitViewSelectionService<unknown> | null, location?: Location, cdr?: ChangeDetectorRef);
|
|
21249
|
+
ngAfterViewInit(): void;
|
|
21250
|
+
ngOnDestroy(): void;
|
|
21251
|
+
get hasExtraHeader(): boolean;
|
|
21252
|
+
get hasActions(): boolean;
|
|
21253
|
+
get hasFooter(): boolean;
|
|
21254
|
+
/**
|
|
21255
|
+
* Check if an item is selected or if router-outlet is activated
|
|
21256
|
+
*/
|
|
21257
|
+
get hasSelection(): boolean;
|
|
21258
|
+
/**
|
|
21259
|
+
* Clear the current selection (back button handler).
|
|
21260
|
+
* Emits backClick event for parent to handle, or uses default behavior:
|
|
21261
|
+
* - Router-outlet: navigates back using browser history
|
|
21262
|
+
* - Selection service: clears the selection
|
|
21263
|
+
*/
|
|
21264
|
+
clearSelection(): void;
|
|
21265
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SplitViewDetailsComponent, [{ optional: true; }, { optional: true; }, null]>;
|
|
21266
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SplitViewDetailsComponent, "c8y-sv-details", never, { "title": { "alias": "title"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "cssClass": { "alias": "cssClass"; "required": false; }; "emptyStateIcon": { "alias": "emptyStateIcon"; "required": false; }; "emptyStateTitle": { "alias": "emptyStateTitle"; "required": false; }; "emptyStateSubtitle": { "alias": "emptyStateSubtitle"; "required": false; }; }, { "backClick": "backClick"; }, ["extraHeaderComponent", "actionsComponent", "footerComponent", "routerOutlet"], ["c8y-sv-header-actions", "c8y-sv-extra-header", ":not(c8y-sv-extra-header):not(c8y-sv-details-actions):not(c8y-sv-footer):not(c8y-sv-header-actions)", "c8y-sv-details-actions", "c8y-sv-footer"], true, never>;
|
|
21267
|
+
}
|
|
21268
|
+
|
|
21269
|
+
/**
|
|
21270
|
+
* Configuration for a single action button in the details panel.
|
|
21271
|
+
* Used to display action buttons with icons, labels, and optional analytics tracking.
|
|
21272
|
+
*/
|
|
21273
|
+
interface SplitViewAction {
|
|
21274
|
+
/** Unique identifier for the action (used for tracking in loops) */
|
|
21275
|
+
id: string;
|
|
21276
|
+
/** Display label for the button (will be translated) */
|
|
21277
|
+
label: string;
|
|
21278
|
+
/** Icon name to display (c8y icon identifier) */
|
|
21279
|
+
icon: string;
|
|
21280
|
+
/** Optional CSS classes for the icon (e.g., 'icon-spin'). Default: empty string */
|
|
21281
|
+
iconClass?: string;
|
|
21282
|
+
/** Optional CSS classes for the button (e.g., 'btn btn-primary'). Default: empty string */
|
|
21283
|
+
class?: string;
|
|
21284
|
+
/** Whether the button is disabled. Default: false */
|
|
21285
|
+
disabled?: boolean;
|
|
21286
|
+
/** Whether the button is visible. Default: true */
|
|
21287
|
+
visible?: boolean;
|
|
21288
|
+
/** Function to execute when button is clicked */
|
|
21289
|
+
action: () => void;
|
|
21290
|
+
/** Optional data-cy attribute for E2E testing */
|
|
21291
|
+
dataCy?: string;
|
|
21292
|
+
/** Optional tooltip text (will be translated) */
|
|
21293
|
+
title?: string;
|
|
21294
|
+
/** Optional product experience tracking configuration */
|
|
21295
|
+
productExperience?: {
|
|
21296
|
+
/** Action name for analytics */
|
|
21297
|
+
actionName: string;
|
|
21298
|
+
/** Additional data to track with the action */
|
|
21299
|
+
actionData?: Record<string, unknown>;
|
|
21300
|
+
};
|
|
21301
|
+
}
|
|
21302
|
+
/**
|
|
21303
|
+
* Displays a row of action buttons in the split view details panel.
|
|
21304
|
+
* Renders buttons based on the provided action configurations with support for:
|
|
21305
|
+
* - Icons and translatable labels
|
|
21306
|
+
* - Disabled and visibility states
|
|
21307
|
+
* - Product experience analytics tracking
|
|
21308
|
+
* - Custom tooltips and styling
|
|
21309
|
+
*
|
|
21310
|
+
* @example
|
|
21311
|
+
* ```html
|
|
21312
|
+
* <c8y-sv-details-actions [actions]="detailActions"></c8y-sv-details-actions>
|
|
21313
|
+
* ```
|
|
21314
|
+
*
|
|
21315
|
+
* @example
|
|
21316
|
+
* ```typescript
|
|
21317
|
+
* detailActions: SplitViewAction[] = [
|
|
21318
|
+
* {
|
|
21319
|
+
* id: 'edit',
|
|
21320
|
+
* label: 'Edit',
|
|
21321
|
+
* icon: 'pencil',
|
|
21322
|
+
* class: 'btn btn-primary',
|
|
21323
|
+
* action: () => this.editItem(),
|
|
21324
|
+
* title: 'Edit this item'
|
|
21325
|
+
* },
|
|
21326
|
+
* {
|
|
21327
|
+
* id: 'delete',
|
|
21328
|
+
* label: 'Delete',
|
|
21329
|
+
* icon: 'trash',
|
|
21330
|
+
* class: 'btn btn-danger',
|
|
21331
|
+
* action: () => this.deleteItem(),
|
|
21332
|
+
* productExperience: {
|
|
21333
|
+
* actionName: 'delete_item',
|
|
21334
|
+
* actionData: { itemType: 'device' }
|
|
21335
|
+
* }
|
|
21336
|
+
* }
|
|
21337
|
+
* ];
|
|
21338
|
+
* ```
|
|
21339
|
+
*/
|
|
21340
|
+
declare class SplitViewDetailsActionsComponent {
|
|
21341
|
+
/**
|
|
21342
|
+
* Array of action configurations to display as buttons.
|
|
21343
|
+
* Buttons are rendered in the order provided.
|
|
21344
|
+
*/
|
|
21345
|
+
actions: SplitViewAction[];
|
|
21346
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SplitViewDetailsActionsComponent, never>;
|
|
21347
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SplitViewDetailsActionsComponent, "c8y-sv-details-actions", never, { "actions": { "alias": "actions"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
21348
|
+
}
|
|
21349
|
+
|
|
21350
|
+
/**
|
|
21351
|
+
* Extra header component for split view details.
|
|
21352
|
+
* Provides a flexible content projection area below the main header.
|
|
21353
|
+
*
|
|
21354
|
+
* Use this component to add custom content like metadata, status information,
|
|
21355
|
+
* or any other details you want to display at the top of the details panel.
|
|
21356
|
+
*
|
|
21357
|
+
* @example
|
|
21358
|
+
* ```html
|
|
21359
|
+
* <c8y-sv-details>
|
|
21360
|
+
* <c8y-sv-extra-header>
|
|
21361
|
+
* <div class="row p-16">
|
|
21362
|
+
* <div class="col-sm-6">
|
|
21363
|
+
* <label>Device ID:</label>
|
|
21364
|
+
* <span>{{ device.id }}</span>
|
|
21365
|
+
* </div>
|
|
21366
|
+
* <div class="col-sm-6">
|
|
21367
|
+
* <label>Status:</label>
|
|
21368
|
+
* <span>{{ device.status }}</span>
|
|
21369
|
+
* </div>
|
|
21370
|
+
* </div>
|
|
21371
|
+
* </c8y-sv-extra-header>
|
|
21372
|
+
* </c8y-sv-details>
|
|
21373
|
+
* ```
|
|
21374
|
+
*/
|
|
21375
|
+
declare class SplitViewExtraHeaderComponent {
|
|
21376
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SplitViewExtraHeaderComponent, never>;
|
|
21377
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SplitViewExtraHeaderComponent, "c8y-sv-extra-header", never, {}, {}, never, ["*"], true, never>;
|
|
21378
|
+
}
|
|
21379
|
+
|
|
21380
|
+
declare class SplitViewHeaderActionsComponent {
|
|
21381
|
+
/**
|
|
21382
|
+
* Parent list component reference to automatically detect if title is shown.
|
|
21383
|
+
* This allows automatic adjustment of spacing based on parent's showTitle setting.
|
|
21384
|
+
*/
|
|
21385
|
+
private readonly parentList;
|
|
21386
|
+
/**
|
|
21387
|
+
* Whether the parent list shows a title.
|
|
21388
|
+
* Automatically inherited from parent, used to adjust spacing.
|
|
21389
|
+
*/
|
|
21390
|
+
get showTitle(): boolean;
|
|
21391
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SplitViewHeaderActionsComponent, never>;
|
|
21392
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SplitViewHeaderActionsComponent, "c8y-sv-header-actions", never, {}, {}, never, ["*"], true, never>;
|
|
21393
|
+
}
|
|
21394
|
+
|
|
21395
|
+
declare class SplitViewFooterComponent {
|
|
21396
|
+
cssClass: string;
|
|
21397
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SplitViewFooterComponent, never>;
|
|
21398
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SplitViewFooterComponent, "c8y-sv-footer", never, { "cssClass": { "alias": "cssClass"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
21399
|
+
}
|
|
21400
|
+
|
|
21401
|
+
/**
|
|
21402
|
+
* Directive to handle item selection in split-view list.
|
|
21403
|
+
* Automatically selects the item on click and applies the 'active' class.
|
|
21404
|
+
*
|
|
21405
|
+
* Usage:
|
|
21406
|
+
* ```html
|
|
21407
|
+
* @for (device of devices; track device.id) {
|
|
21408
|
+
* <c8y-li [c8ySvListItem]="device">
|
|
21409
|
+
* {{ device.name }}
|
|
21410
|
+
* </c8y-li>
|
|
21411
|
+
* }
|
|
21412
|
+
* ```
|
|
21413
|
+
*/
|
|
21414
|
+
declare class SplitViewListItemDirective<T = unknown> {
|
|
21415
|
+
private readonly selectionService;
|
|
21416
|
+
/**
|
|
21417
|
+
* The item data to be selected.
|
|
21418
|
+
* Can be set via the directive attribute: [c8ySvListItem]="item"
|
|
21419
|
+
*/
|
|
21420
|
+
item?: T;
|
|
21421
|
+
constructor(selectionService: SplitViewSelectionService<T> | null);
|
|
21422
|
+
get isActive(): boolean;
|
|
21423
|
+
get role(): string;
|
|
21424
|
+
onClick(): void;
|
|
21425
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SplitViewListItemDirective<any>, [{ optional: true; }]>;
|
|
21426
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<SplitViewListItemDirective<any>, "[c8ySvListItem]", never, { "item": { "alias": "c8ySvListItem"; "required": false; }; }, {}, never, never, true, never>;
|
|
21427
|
+
}
|
|
21428
|
+
|
|
20612
21429
|
declare class FeedbackFormComponent implements OnChanges {
|
|
20613
21430
|
private fb;
|
|
20614
21431
|
private gainsightService;
|
|
@@ -20632,6 +21449,6 @@ declare class FeedbackFormComponent implements OnChanges {
|
|
|
20632
21449
|
static ɵcmp: i0.ɵɵComponentDeclaration<FeedbackFormComponent, "c8y-feedback-form", never, { "featureKey": { "alias": "featureKey"; "required": false; }; "featurePreviewName": { "alias": "featurePreviewName"; "required": false; }; }, {}, never, never, true, never>;
|
|
20633
21450
|
}
|
|
20634
21451
|
|
|
20635
|
-
export { ACTIONS_STEPPER, AGGREGATIONS, AGGREGATION_ICONS, AGGREGATION_LABELS, AGGREGATION_LIMITS, AGGREGATION_TEXTS, AGGREGATION_VALUES, AGGREGATION_VALUES_ARR, ARRAY_VALIDATION_PREFIX, ASSET_PATH, AbstractConfigurationStrategy, ActionBarComponent, ActionBarItemComponent, ActionBarModule, ActionBarService, ActionComponent, ActionControlsExtensionService, ActionModule, ActionOutletComponent, ActionService, AggregationPickerComponent, AggregationService, AlarmRealtimeService, AlarmWithChildrenRealtimeService, AlertComponent, AlertDetailsComponent, AlertModule, AlertOutletBase, AlertOutletComponent, AlertService, AlertTextComponent, AppHrefPipe, AppIconComponent, AppStateService, AppSwitcherComponent, AppSwitcherInlineComponent, AppSwitcherService, ApplicationModule, ApplicationPluginStatus, AssetHierarchyService, AssetLinkPipe, AssetPropertyService, AssetTypesRealtimeService, AssetTypesService, AuditLogComponent, AuditLogModule, AuthenticationModule, BackendVersionFactory, BaseColumn, BaseFilteringFormRendererComponent, BooleanFilterMapper, BootstrapComponent, BootstrapModule, BottomDrawerComponent, BottomDrawerRef, BottomDrawerService, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, BreadcrumbOutletComponent, BreadcrumbService, BuiltInActionType, BytesPipe, C8Y_PLUGIN_CONTEXT_PATH, C8Y_PLUGIN_NAME, C8yComponentOutlet, C8yJSONSchema, C8yStepper, C8yStepperButtons, C8yStepperIcon, C8yStepperProgress, C8yTranslateDirective, C8yTranslateModule, C8yTranslatePipe, C8yTranslationCache, C8yTranslationLoader, C8yValidators, CUSTOM, CachedLocaleDictionaryService, CellRendererComponent, CellRendererContext, CellRendererDefDirective, ChangeCurrentUserPasswordService, ChangeIconComponent, ClickEventSource, ClipboardModule, ClipboardService, ColorInputComponent, ColorService, ColumnDataRecordClassName, ColumnDataType, ColumnDirective, CommonModule, ConditionalTabsOutletComponent, ConfigureCustomColumnComponent, ConfirmModalComponent, ContextRouteComponent, ContextRouteGuard, ContextRouteService, CookieBannerComponent, CopyDashboardDisabledReason, CoreModule, CoreSearchModule, CountdownIntervalComponent, CountdownIntervalModule, CurrentPasswordModalComponent, CustomColumn, CustomTranslateService, CustomTranslateStore, DATA_GRID_CONFIGURATION_CONTEXT, DATA_GRID_CONFIGURATION_CONTEXT_PROVIDER, DATA_GRID_CONFIGURATION_STRATEGY, DEFAULT_INTERVAL_STATE, DEFAULT_INTERVAL_VALUE, DEFAULT_INTERVAL_VALUES, DRAWER_ANIMATION_TIME, DashboardChildActionComponent, DashboardChildChange, DashboardChildComponent, DashboardChildTitleComponent, DashboardComponent, DashboardModule, DataGridComponent, DataGridModule, DataGridService, DatapointLibraryValidationErrors, DatapointSyncService, DateContextQueryParamNames, DateFilterMapper, DateFormatService, DatePickerComponent, DatePickerModule, DatePipe, DateTimePickerComponent, DateTimePickerModule, DefaultValidationDirective, DeviceBootstrapRealtimeService, DeviceService, DeviceStatusComponent, DeviceStatusModule, DismissAlertStrategy, DocsModule, DocsService, DrawerModule, DrawerOutletComponent, DrawerService, DropAreaComponent, DropAreaModule, DropdownDirectionDirective, DynamicBulkDetailsResolver, DynamicBulkIIdentifiedResolver, DynamicComponentAlert, DynamicComponentAlertAggregator, DynamicComponentAlertsComponent, DynamicComponentComponent, DynamicComponentErrorStrategy, DynamicComponentModule, DynamicComponentService, DynamicDatapointsResolver, DynamicFormsModule, DynamicManagedObjectResolver, DynamicResolverService, ES_MAX_TIME_MILLISECONDS, EmailsValidatorDirective, EmptyComponent, EmptyStateComponent, EmptyStateContextDirective, EventRealtimeService, ExpandableRowDirective, ExtensionPointForPlugins, ExtensionPointWithoutStateForPlugins, ExtractArrayValidationErrorsPipe, FeatureCacheService, FeedbackFormComponent, FilePickerComponent, FilePickerFormControlComponent, FilePickerFormControlModule, FilePickerModule, FilesService, FilterByPipe, FilterInputComponent, FilterMapperFactory, FilterMapperModule, FilterMapperPipe, FilterMapperService, FilterNonArrayValidationErrorsPipe, FilteringActionType, FilteringFormRendererComponent, FilteringFormRendererContext, FilteringFormRendererDefDirective, ForOfDirective, FormGroupComponent, FormsModule, GENERIC_FILE_TYPE, GLOBAL_CONTEXT_AUTO_REFRESH, GainsightService, GenericFileIconPipe, GeoService, GetGroupIconPipe, GlobalConfigService, GridDataSource, GroupFragment, GroupService, GroupedFilterChips, GuideDocsComponent, GuideHrefDirective, HOOK_ACTION, HOOK_ACTION_BAR, HOOK_BREADCRUMB, HOOK_COMPONENTS, HOOK_CURRENT_APPLICATION, HOOK_CURRENT_TENANT, HOOK_CURRENT_USER, HOOK_DOCS, HOOK_DYNAMIC_PROVIDER_CONFIG, HOOK_NAVIGATOR_NODES, HOOK_OPTIONS, HOOK_PATTERN_MESSAGES, HOOK_PLUGIN, HOOK_PREVIEW, HOOK_QUERY_PARAM, HOOK_QUERY_PARAM_BOTTOM_DRAWER, HOOK_QUERY_PARAM_MODAL, HOOK_ROUTE, HOOK_SEARCH, HOOK_STEPPER, HOOK_TABS, HOOK_VERSION, HOOK_WIZARD, HeaderBarComponent, HeaderCellRendererDefDirective, HeaderModule, HeaderService, HelpComponent, HelpModule, HighlightComponent, HookProviderTypes, HumanizeAppNamePipe, HumanizePipe, HumanizeValidationMessagePipe, I18nModule, INTERVAL_OPTIONS, IconDirective, IfAllowedDirective, InjectionType, InputGroupListComponent, InputGroupListContainerDirective, InterAppService, IntervalBasedReload, InventorySearchService, IpRangeInputListComponent, JsonValidationPrettifierDirective, LANGUAGES, LAST_DAY, LAST_HOUR, LAST_MINUTE, LAST_MONTH, LAST_WEEK, LOCALE_PATH, LegacyGridConfigMapperService, LegendFieldWrapper, ListDisplaySwitchComponent, ListDisplaySwitchModule, ListGroupComponent, ListGroupModule, ListItemActionComponent, ListItemBodyComponent, ListItemCheckboxComponent, ListItemCollapseComponent, ListItemComponent, ListItemDragHandleComponent, ListItemFooterComponent, ListItemIconComponent, ListItemRadioComponent, ListItemTimelineComponent, LoadMoreComponent, LoadingComponent, MAX_PAGE_SIZE, MESSAGES_CORE_I18N, MOChunkLoaderService, ManagedObjectRealtimeService, ManagedObjectType, MapFunctionPipe, MarkdownToHtmlPipe, MaxValidationDirective, MeasurementRealtimeService, MessageBannerService, MessageDirective, MessagesComponent, MinValidationDirective, MissingTranslationCustomHandler, MoNamePipe, ModalComponent, ModalModule, ModalSelectionMode, ModalService, NEEDED_ROLE_FOR_SETUP, NEW_DASHBOARD_ROUTER_STATE_PROP, NULL_VALUE_PLACEHOLDER, NUMBER_FORMAT_REGEXP, NameTransformPipe, NavigatorBottomModule, NavigatorIconComponent, NavigatorModule, NavigatorNode, NavigatorNodeComponent, NavigatorNodeRoot, NavigatorOutletComponent, NavigatorService, NavigatorTopModule, NewPasswordComponent, NumberPipe, OperationBulkRealtimeService, OperationRealtimeService, OperationResultComponent, OptionsService, OutletDirective, PREVIEW_FEATURE_PROVIDERS, PRODUCT_EXPERIENCE_EVENT_SOURCE, PX_ACTIONS, PX_EVENT_NAME, PackageType, PasswordCheckListComponent, PasswordConfirm, PasswordConfirmModalComponent, PasswordInputComponent, PasswordService, PasswordStrengthCheckerService, PasswordStrengthComponent, PasswordStrengthService, PatternMessagesService, Permissions, PhoneValidationDirective, PlatformDetailsService, PluginLoadedPipe, PluginsExportScopes, PluginsLoaderService, PluginsModule, PluginsResolveService, PluginsService, PopoverConfirmComponent, PreviewFeatureButtonComponent, PreviewFeatureShowNotification, PreviewService, ProductExperienceDirective, ProductExperienceModule, ProgressBarComponent, PropertiesListComponent, PropertiesListModule, PropertyValueTransformService, ProviderConfigurationComponent, ProviderConfigurationModule, ProviderConfigurationNodeFactory, ProviderConfigurationRouteFactory, ProviderConfigurationService, ProviderDefinitionsService, PushStatus, PushStatusLabels, QUERY_PARAM_HANDLER_PROVIDERS, QueryParamBottomDrawerFactory, QueryParamBottomDrawerStateService, QueryParamHandlerService, QueryParamModalFactory, QueryParamModalStateService, QuickLinkComponent, QuickLinkModule, RESOLVING_COMPONENT_WAIT_TIME, RadioFilterMapper, RangeComponent, RangeDirective, RangeDisplayComponent, RangeDisplayModule, RealtimeButtonComponent, RealtimeControlComponent, RealtimeMessage, RealtimeModule, RealtimeService, RealtimeSubjectService, RelativeTimePipe, RequiredInputPlaceholderDirective, ResizableGridComponent, ResolverServerError, RouterModule, RouterService, RouterTabsResolver, SETUP_FINISHED_STEP_ID, SHOW_PREVIEW_FEATURES, SearchComponent, SearchFilters, SearchInputComponent, SearchOutletComponent, SearchResultEmptyComponent, SearchService, SelectComponent, SelectFilterMapper, SelectItemDirective, SelectKeyboardService, SelectLegacyComponent, SelectModalComponent, SelectModalFilterPipe, SelectModalModule, SelectModule, SelectedItemsComponent, SelectedItemsDirective, SendStatus, SendStatusLabels, ServiceRegistry, SetupCompletedComponent, SetupComponent, SetupModule, SetupService, SetupState, SetupStepperFactory, ShortenUserNamePipe, ShouldShowMoPipe, ShowIfFilterPipe, SimpleJsonPathValidatorDirective, SimplifiedAuthService, SkipLinkDirective, SortOrderModifier, SpecialColumnName, StateService, Status, StepperModule, StepperOutletComponent, StepperService, Steppers, StringFilterMapper, StringifyObjectPipe, SupportedApps, TabComponent, TabsModule, TabsOutletComponent, TabsService, TabsetAriaDirective, TenantUiService, TextAreaRowHeightDirective, TextareaAutoresizeDirective, ThemeSwitcherService, TimeIntervalComponent, TimePickerComponent, TimePickerModule, TitleComponent, TitleOutletComponent, TotpChallengeComponent, TotpSetupComponent, TranslateService, TreeNodeCellRendererComponent, TreeNodeColumn, TreeNodeHeaderCellRendererComponent, TypeaheadComponent, TypeaheadFilterMapper, UiSettingsComponent, UiSettingsModule, UniqueInCollectionByPathValidationDirective, UserEditComponent, UserEditModalComponent, UserEngagementsService, UserMenuItemComponent, UserMenuOutletComponent, UserMenuService, UserModule, UserNameInitialsPipe, UserPreferencesConfigurationStrategy, UserPreferencesService, UserPreferencesStorageInventory, UserPreferencesStorageLocal, UserTotpRevokeComponent, UserTotpSetupComponent, VERSION_MODULE_CONFIG, ValidationPattern, VersionListComponent, VersionModule, VersionService, ViewContext, ViewContextServices, VirtualScrollWindowDirective, VirtualScrollWindowStrategy, VirtualScrollerWrapperComponent, VisibleControlsPipe, WIDGET_CONFIGURATION_GRID_SIZE, WIDGET_TYPE_VALUES, WILDCARD_SEARCH_FEATURE_KEY, WebSDKVersionFactory, WidgetGlobalAutoRefreshService, WidgetTimeContextActionBarPriority, WidgetTimeContextComponent, WidgetTimeContextDateRangeService, WidgetTimeContextMediatorService, WidgetsDashboardComponent, WidgetsDashboardEventService, WizardBodyComponent, WizardComponent, WizardFooterComponent, WizardHeaderComponent, WizardModalService, WizardModule, WizardOutletComponent, WizardService, ZipService, _virtualScrollWindowStrategyFactory, alertOnError, allEntriesAreEqual, asyncValidateArrayElements, colorValidator, deviceAvailabilityIconMap, extraRoutes, fromFactories, fromTrigger, fromTriggerOnce, getActivatedRoute, getAngularLocalesLanguageString, getBasicInputArrayFormFieldConfig, getDictionaryWithTrimmedKeys, getInjectedHooks, gettext, globalAutoRefreshLoading, hookAction, hookActionBar, hookBreadcrumb, hookComponent, hookCurrentApplication, hookCurrentTenant, hookCurrentUser, hookDataGridActionControls, hookDocs, hookDrawer, hookDynamicProviderConfig, hookFilterMapper, hookGeneric, hookNavigator, hookOptions, hookPatternMessages, hookPlugin, hookPreview, hookQueryParam, hookQueryParamBottomDrawer, hookQueryParamModal, hookRoute, hookSearch, hookService, hookStepper, hookTab, hookUserMenu, hookVersion, hookWidget, hookWizard, internalApps, isEagerDynamicComponents, isExtensionFactory, isLazyDynamicComponents, isPromise, languagesFactory, loadLocale, localeId, localePathFactory, memoize, minColumnGridTrackSize, operationStatusClasses, operationStatusIcons, provideBootstrapMetadata, provideCommonPipes, provideCommonServices, provideDefaultOptionsAppInitializer, provideI18n, provideLanguageSelectorAppInitializer, providePluginsLoaderServiceAppInitializer, provideTranslationServiceInstance, ratiosByColumnTypes, removeContextIndicators, removeDuplicatesIds, resolveInjectedFactories, retryWithDelay, simpleJsonPathValidator, sortByPriority, stateToFactory, statusAlert, statusClasses, statusIcons, throttle, toObservable, toObservableOfArrays, tooltips, trimTranslationKey, uniqueInCollectionByPathValidator, validateArrayElements, validateInternationalPhoneNumber, viewContextRoutes, wrapperLegendFieldConfig };
|
|
20636
|
-
export type { Action, ActionBarExtension, ActionBarFactory, ActionBarItem, ActionBarItemWithComponent, ActionBarItemWithTemplate, ActionControl, ActionControlFactory, ActionControlHook, ActionExtension, ActionFactory, ActionWithComponent, ActionWithLabelAndFunction, ActionWithTemplate, Aggregation, AggregationOption, AggregationOptionStatus, Alert, AlertGroupData, AlertType, AngularJSWidgetSettings, ApplicationPlugin, ArrayValidationErrorValue, ArrayValidationErrors, AssetPropertyDefinition, AssetPropertyDefinitionResponse, AssetPropertyFilter, BaseDrawerItem, BasePreviewFeature, Breadcrumb, BreadcrumbExtension, BreadcrumbFactory, BreadcrumbItem, BreadcrumbItemWithComponent, BreadcrumbItemWithLabel, BreadcrumbItemWithTemplate, BulkActionControl, CanEditConfig, CellRendererDef, CellRendererSpec, CleanedVersion, ClickOptions, Column, ColumnConfig, ColumnSortingConfig, ConfirmOption, ConfirmOptions, ContextData, CustomColumnConfig, CustomColumnType, DashboardChange, DashboardChildArrangement, DashboardChildDimension, DashboardChildResizeDimension, DashboardCopyPermission, DashboardSettings, DataGrid, DataGridConfigurationStrategy, DataSourceModifier, DataSourceStats, DateRangePickerConfig, DateTimeContext, DateType, DefinitionBase, DisplayOptions, DocLink, DocLinkExtension, DocLinkWithComponent, DocLinkWithLabel, DrawerItem, DrawerOptions, DrawerPositions, DroppedFile, DynamicBulkRetrievalError, DynamicComponent, DynamicComponentDefinition, DynamicComponentDefinitionBase, DynamicComponentExtension, DynamicComponents, DynamicDetailsResolver, DynamicProviderConfig, DynamicProviderEndpointConfig, DynamicProviderLayoutConfig, DynamicProviderNavigationConfig, DynamicProviderTabsConfig, DynamicWidgetDefinition, DynamicWidgetDefinitionBase, EagerDynamicComponents, Endpoint, ExtensionFactory, ExtensionPoint, Filter, FilterChip, FilterMapper, FilterMapperExtension, FilterPredicateFunction, FilteringFormRendererSpec, FilteringModifier, ForOfFilterPipe, ForOfRealtimeOptions, FormGroupConfig, FormlyColumnFilteringConfig, GenericHookOptions, GenericHookType, GlobalAutoRefreshQueryParam, GlobalAutoRefreshWidgetConfig, GlobalTimeContextWidgetConfig, GridConfig, GridConfigContext, GridConfigContextProvider, GridConfigFilter, GridConfigPart, GridEventType, Header, HeaderActionControl, HookValueType, IFetchWithProgress, IRealtimeDeviceBootstrap, ISelectModalBodyPart, ISelectModalObject, ISelectModalOption, IUpdateItemEvent, IndexedStep, InputDateContextQueryParams, Item, LazyDynamicComponents, LeftDrawerItem, LegacyWidget, LoadMoreMode, ManagedObjectTypeForConfig, ModalLabels, NavigatorNodeData, NavigatorNodeFactory, NewPassword, NotificationService, OnBeforeSave, OutputDateContextQueryParams, Pagination, PartialFilterChipGenerationType, PartialFilterChipRemovalType, PasswordStrengthColor, PasswordStrengthSettings, PathSortingConfig, PatternMessages, PickedDates, PickedFiles, PluginsConfig, PopoverConfirmButtons, PreviewFeature, PreviewFeatureCustom, PreviewFeatureDefault, ProductExperienceEvent, ProductExperienceEventSource, PropertiesListItem, ProviderDefinition, ProviderProperties, PxEventData, QueryParamBottomDrawerConfig, QueryParamConfig, QueryParamModalConfig, QueryParamModalConfigBase, QueryParamModalConfigEager, QueryParamModalConfigLazy, RangeDisplay, RealtimeAction, RemoteModuleWithMetadata, RevertChangeType, RightDrawerItem, Route, RouteDefault, RouteExtension, RouteFactory, RouteWithComponent, RouteWithTab, Row, SchemaNode, Search, SearchFactory, SelectableItem, SelectableItemTemplate, ServerSideDataCallback, ServerSideDataResult, SetupStep, SortOrder, StatusType, Step, StepperButtonsVisibility, StepperExtension, SupportedAppKey, Tab, TabExtension, TabFactory, TabOrientation, TabWithComponent, TabWithTemplate, ThemeOptions, ThemePreferenceOptions, TimeContextEvent, TimeInterval, TimeIntervalOption, TreeNode, User, UserMenuItem, UserPreference, UserPreferencesGridConfigContext, ValidationRules, Version, VersionModuleConfig, ViewContexServiceConfig, ViewContextRootRoute, Widget, WidgetChange, WidgetChangeEvent, WidgetChangeEventType, WidgetDataType, WidgetDisplaySettings, WidgetImportExportInjectorOptions, WidgetSettings, WidgetTimeContext, WidgetTimeContextState, Wizard, WizardConfig, WizardEntry, WizardExtension, ZipEntry, selectedFunction, selectedLabelFunction };
|
|
21452
|
+
export { ACTIONS_STEPPER, AGGREGATIONS, AGGREGATION_ICONS, AGGREGATION_LABELS, AGGREGATION_LIMITS, AGGREGATION_TEXTS, AGGREGATION_VALUES, AGGREGATION_VALUES_ARR, ARRAY_VALIDATION_PREFIX, ASSET_PATH, AbstractConfigurationStrategy, ActionBarComponent, ActionBarItemComponent, ActionBarModule, ActionBarService, ActionComponent, ActionControlsExtensionService, ActionModule, ActionOutletComponent, ActionService, AggregationPickerComponent, AggregationService, AlarmRealtimeService, AlarmWithChildrenRealtimeService, AlertComponent, AlertDetailsComponent, AlertModule, AlertOutletBase, AlertOutletComponent, AlertService, AlertTextComponent, AppHrefPipe, AppIconComponent, AppStateService, AppSwitcherComponent, AppSwitcherInlineComponent, AppSwitcherService, ApplicationModule, ApplicationPluginStatus, AssetHierarchyService, AssetLinkPipe, AssetPropertyService, AssetTypesRealtimeService, AssetTypesService, AuditLogComponent, AuditLogModule, AuthenticationModule, BackendVersionFactory, BaseColumn, BaseFilteringFormRendererComponent, BooleanFilterMapper, BootstrapComponent, BootstrapModule, BottomDrawerComponent, BottomDrawerRef, BottomDrawerService, BreadcrumbComponent, BreadcrumbItemComponent, BreadcrumbModule, BreadcrumbOutletComponent, BreadcrumbService, BuiltInActionType, BytesPipe, C8Y_PLUGIN_CONTEXT_PATH, C8Y_PLUGIN_NAME, C8yComponentOutlet, C8yJSONSchema, C8yStepper, C8yStepperButtons, C8yStepperIcon, C8yStepperProgress, C8yTranslateDirective, C8yTranslateModule, C8yTranslatePipe, C8yTranslationCache, C8yTranslationLoader, C8yValidators, CUSTOM, CachedLocaleDictionaryService, CellRendererComponent, CellRendererContext, CellRendererDefDirective, ChangeCurrentUserPasswordService, ChangeIconComponent, ClickEventSource, ClipboardModule, ClipboardService, ColorInputComponent, ColorService, ColumnDataRecordClassName, ColumnDataType, ColumnDirective, CommonModule, ConditionalTabsOutletComponent, ConfigureCustomColumnComponent, ConfirmModalComponent, ContextRouteComponent, ContextRouteGuard, ContextRouteService, CookieBannerComponent, CopyDashboardDisabledReason, CoreModule, CoreSearchModule, CountdownIntervalComponent, CountdownIntervalModule, CurrentPasswordModalComponent, CustomColumn, CustomTranslateService, CustomTranslateStore, DATA_GRID_CONFIGURATION_CONTEXT, DATA_GRID_CONFIGURATION_CONTEXT_PROVIDER, DATA_GRID_CONFIGURATION_STRATEGY, DEFAULT_INTERVAL_STATE, DEFAULT_INTERVAL_VALUE, DEFAULT_INTERVAL_VALUES, DRAWER_ANIMATION_TIME, DashboardChildActionComponent, DashboardChildChange, DashboardChildComponent, DashboardChildTitleComponent, DashboardComponent, DashboardModule, DataGridComponent, DataGridModule, DataGridService, DatapointLibraryValidationErrors, DatapointSyncService, DateContextQueryParamNames, DateFilterMapper, DateFormatService, DatePickerComponent, DatePickerModule, DatePipe, DateTimePickerComponent, DateTimePickerModule, DefaultValidationDirective, DeviceBootstrapRealtimeService, DeviceService, DeviceStatusComponent, DeviceStatusModule, DismissAlertStrategy, DocsModule, DocsService, DrawerModule, DrawerOutletComponent, DrawerService, DropAreaComponent, DropAreaModule, DropdownDirectionDirective, DynamicBulkDetailsResolver, DynamicBulkIIdentifiedResolver, DynamicComponentAlert, DynamicComponentAlertAggregator, DynamicComponentAlertsComponent, DynamicComponentComponent, DynamicComponentErrorStrategy, DynamicComponentModule, DynamicComponentService, DynamicDatapointsResolver, DynamicFormsModule, DynamicManagedObjectResolver, DynamicResolverService, ES_MAX_TIME_MILLISECONDS, EmailsValidatorDirective, EmptyComponent, EmptyStateComponent, EmptyStateContextDirective, EventRealtimeService, ExpandableRowDirective, ExtensionPointForPlugins, ExtensionPointWithoutStateForPlugins, ExtractArrayValidationErrorsPipe, FeatureCacheService, FeedbackFormComponent, FilePickerComponent, FilePickerFormControlComponent, FilePickerFormControlModule, FilePickerModule, FilesService, FilterByPipe, FilterInputComponent, FilterMapperFactory, FilterMapperModule, FilterMapperPipe, FilterMapperService, FilterNonArrayValidationErrorsPipe, FilteringActionType, FilteringFormRendererComponent, FilteringFormRendererContext, FilteringFormRendererDefDirective, ForOfDirective, FormGroupComponent, FormsModule, GENERIC_FILE_TYPE, GLOBAL_CONTEXT_AUTO_REFRESH, GainsightService, GenericFileIconPipe, GeoService, GetGroupIconPipe, GlobalConfigService, GridDataSource, GroupFragment, GroupService, GroupedFilterChips, GuideDocsComponent, GuideHrefDirective, HOOK_ACTION, HOOK_ACTION_BAR, HOOK_BREADCRUMB, HOOK_COMPONENTS, HOOK_CURRENT_APPLICATION, HOOK_CURRENT_TENANT, HOOK_CURRENT_USER, HOOK_DOCS, HOOK_DYNAMIC_PROVIDER_CONFIG, HOOK_NAVIGATOR_NODES, HOOK_OPTIONS, HOOK_PATTERN_MESSAGES, HOOK_PLUGIN, HOOK_PREVIEW, HOOK_QUERY_PARAM, HOOK_QUERY_PARAM_BOTTOM_DRAWER, HOOK_QUERY_PARAM_MODAL, HOOK_ROUTE, HOOK_SEARCH, HOOK_STEPPER, HOOK_TABS, HOOK_VERSION, HOOK_WIZARD, HeaderBarComponent, HeaderCellRendererDefDirective, HeaderModule, HeaderService, HelpComponent, HelpModule, HighlightComponent, HookProviderTypes, HumanizeAppNamePipe, HumanizePipe, HumanizeValidationMessagePipe, I18nModule, INTERVAL_OPTIONS, IconDirective, IconPanelComponent, IfAllowedDirective, InjectionType, InputGroupListComponent, InputGroupListContainerDirective, InterAppService, IntervalBasedReload, InventorySearchService, IpRangeInputListComponent, JsonValidationPrettifierDirective, LANGUAGES, LAST_DAY, LAST_HOUR, LAST_MINUTE, LAST_MONTH, LAST_WEEK, LOCALE_PATH, LegacyGridConfigMapperService, LegendFieldWrapper, ListDisplaySwitchComponent, ListDisplaySwitchModule, ListGroupComponent, ListGroupModule, ListItemActionComponent, ListItemBodyComponent, ListItemCheckboxComponent, ListItemCollapseComponent, ListItemComponent, ListItemDragHandleComponent, ListItemFooterComponent, ListItemIconComponent, ListItemRadioComponent, ListItemTimelineComponent, LoadMoreComponent, LoadingComponent, MAX_PAGE_SIZE, MESSAGES_CORE_I18N, MOChunkLoaderService, ManagedObjectRealtimeService, ManagedObjectType, MapFunctionPipe, MarkdownToHtmlPipe, MaxValidationDirective, MeasurementRealtimeService, MessageBannerService, MessageDirective, MessagesComponent, MinValidationDirective, MissingTranslationCustomHandler, MoNamePipe, ModalComponent, ModalModule, ModalSelectionMode, ModalService, NEEDED_ROLE_FOR_SETUP, NEW_DASHBOARD_ROUTER_STATE_PROP, NULL_VALUE_PLACEHOLDER, NUMBER_FORMAT_REGEXP, NameTransformPipe, NavigatorBottomModule, NavigatorIconComponent, NavigatorModule, NavigatorNode, NavigatorNodeComponent, NavigatorNodeRoot, NavigatorOutletComponent, NavigatorService, NavigatorTopModule, NewPasswordComponent, NumberPipe, OperationBulkRealtimeService, OperationRealtimeService, OperationResultComponent, OptionsService, OutletDirective, PREVIEW_FEATURE_PROVIDERS, PRODUCT_EXPERIENCE_EVENT_SOURCE, PX_ACTIONS, PX_EVENT_NAME, PackageType, PasswordCheckListComponent, PasswordConfirm, PasswordConfirmModalComponent, PasswordInputComponent, PasswordService, PasswordStrengthCheckerService, PasswordStrengthComponent, PasswordStrengthService, PatternMessagesService, Permissions, PhoneValidationDirective, PlatformDetailsService, PluginLoadedPipe, PluginsExportScopes, PluginsLoaderService, PluginsModule, PluginsResolveService, PluginsService, PopoverConfirmComponent, PreviewFeatureButtonComponent, PreviewFeatureShowNotification, PreviewService, ProductExperienceDirective, ProductExperienceModule, ProgressBarComponent, PropertiesListComponent, PropertiesListModule, PropertyValueTransformService, ProviderConfigurationComponent, ProviderConfigurationModule, ProviderConfigurationNodeFactory, ProviderConfigurationRouteFactory, ProviderConfigurationService, ProviderDefinitionsService, PushStatus, PushStatusLabels, QUERY_PARAM_HANDLER_PROVIDERS, QueryParamBottomDrawerFactory, QueryParamBottomDrawerStateService, QueryParamHandlerService, QueryParamModalFactory, QueryParamModalStateService, QuickLinkComponent, QuickLinkModule, RESOLVING_COMPONENT_WAIT_TIME, RadioFilterMapper, RangeComponent, RangeDirective, RangeDisplayComponent, RangeDisplayModule, RealtimeButtonComponent, RealtimeControlComponent, RealtimeMessage, RealtimeModule, RealtimeService, RealtimeSubjectService, RelativeTimePipe, RequiredInputPlaceholderDirective, ResizableGridComponent, ResolverServerError, RouterModule, RouterService, RouterTabsResolver, SETUP_FINISHED_STEP_ID, SHOW_PREVIEW_FEATURES, SearchComponent, SearchFilters, SearchInputComponent, SearchOutletComponent, SearchResultEmptyComponent, SearchService, SelectComponent, SelectFilterMapper, SelectItemDirective, SelectKeyboardService, SelectLegacyComponent, SelectModalComponent, SelectModalFilterPipe, SelectModalModule, SelectModule, SelectedItemsComponent, SelectedItemsDirective, SendStatus, SendStatusLabels, ServiceRegistry, SetupCompletedComponent, SetupComponent, SetupModule, SetupService, SetupState, SetupStepperFactory, ShortenUserNamePipe, ShouldShowMoPipe, ShowIfFilterPipe, SimpleJsonPathValidatorDirective, SimplifiedAuthService, SkipLinkDirective, SortOrderModifier, SpecialColumnName, SplitViewAlertsComponent, SplitViewComponent, SplitViewDetailsActionsComponent, SplitViewDetailsComponent, SplitViewExtraHeaderComponent, SplitViewFooterComponent, SplitViewHeaderActionsComponent, SplitViewListComponent, SplitViewListItemDirective, SplitViewSelectionService, StateService, Status, StepperModule, StepperOutletComponent, StepperService, Steppers, StringFilterMapper, StringifyObjectPipe, StripHtmlPipe, SupportedApps, TabComponent, TabsModule, TabsOutletComponent, TabsService, TabsetAriaDirective, TenantUiService, TextAreaRowHeightDirective, TextareaAutoresizeDirective, ThemeSwitcherService, TimeIntervalComponent, TimePickerComponent, TimePickerModule, TitleComponent, TitleOutletComponent, TotpChallengeComponent, TotpSetupComponent, TranslateService, TreeNodeCellRendererComponent, TreeNodeColumn, TreeNodeHeaderCellRendererComponent, TypeaheadComponent, TypeaheadFilterMapper, UiSettingsComponent, UiSettingsModule, UniqueInCollectionByPathValidationDirective, UserEditComponent, UserEditModalComponent, UserEngagementsService, UserMenuItemComponent, UserMenuOutletComponent, UserMenuService, UserModule, UserNameInitialsPipe, UserPreferencesConfigurationStrategy, UserPreferencesService, UserPreferencesStorageInventory, UserPreferencesStorageLocal, UserTotpRevokeComponent, UserTotpSetupComponent, VERSION_MODULE_CONFIG, ValidationPattern, VersionListComponent, VersionModule, VersionService, ViewContext, ViewContextServices, VirtualScrollWindowDirective, VirtualScrollWindowStrategy, VirtualScrollerWrapperComponent, VisibleControlsPipe, WIDGET_CONFIGURATION_GRID_SIZE, WIDGET_TYPE_VALUES, WILDCARD_SEARCH_FEATURE_KEY, WebSDKVersionFactory, WidgetGlobalAutoRefreshService, WidgetTimeContextActionBarPriority, WidgetTimeContextComponent, WidgetTimeContextDateRangeService, WidgetTimeContextMediatorService, WidgetsDashboardComponent, WidgetsDashboardEventService, WizardBodyComponent, WizardComponent, WizardFooterComponent, WizardHeaderComponent, WizardModalService, WizardModule, WizardOutletComponent, WizardService, ZipService, _virtualScrollWindowStrategyFactory, alertOnError, allEntriesAreEqual, asyncValidateArrayElements, colorValidator, deviceAvailabilityIconMap, extraRoutes, fromFactories, fromTrigger, fromTriggerOnce, getActivatedRoute, getAngularLocalesLanguageString, getBasicInputArrayFormFieldConfig, getDictionaryWithTrimmedKeys, getInjectedHooks, gettext, globalAutoRefreshLoading, hookAction, hookActionBar, hookBreadcrumb, hookComponent, hookCurrentApplication, hookCurrentTenant, hookCurrentUser, hookDataGridActionControls, hookDocs, hookDrawer, hookDynamicProviderConfig, hookFilterMapper, hookGeneric, hookNavigator, hookOptions, hookPatternMessages, hookPlugin, hookPreview, hookQueryParam, hookQueryParamBottomDrawer, hookQueryParamModal, hookRoute, hookSearch, hookService, hookStepper, hookTab, hookUserMenu, hookVersion, hookWidget, hookWizard, internalApps, isEagerDynamicComponents, isExtensionFactory, isLazyDynamicComponents, isPromise, languagesFactory, loadLocale, localeId, localePathFactory, memoize, minColumnGridTrackSize, operationStatusClasses, operationStatusIcons, provideBootstrapMetadata, provideCommonPipes, provideCommonServices, provideDefaultOptionsAppInitializer, provideI18n, provideLanguageSelectorAppInitializer, providePluginsLoaderServiceAppInitializer, provideTranslationServiceInstance, ratiosByColumnTypes, removeContextIndicators, removeDuplicatesIds, resolveInjectedFactories, retryWithDelay, simpleJsonPathValidator, sortByPriority, stateToFactory, statusAlert, statusClasses, statusIcons, throttle, toObservable, toObservableOfArrays, tooltips, trimTranslationKey, uniqueInCollectionByPathValidator, validateArrayElements, validateInternationalPhoneNumber, viewContextRoutes, wrapperLegendFieldConfig };
|
|
21453
|
+
export type { Action, ActionBarExtension, ActionBarFactory, ActionBarItem, ActionBarItemWithComponent, ActionBarItemWithTemplate, ActionControl, ActionControlFactory, ActionControlHook, ActionExtension, ActionFactory, ActionWithComponent, ActionWithLabelAndFunction, ActionWithTemplate, Aggregation, AggregationOption, AggregationOptionStatus, Alert, AlertGroupData, AlertType, AngularJSWidgetSettings, ApplicationPlugin, ArrayValidationErrorValue, ArrayValidationErrors, AssetPropertyDefinition, AssetPropertyDefinitionResponse, AssetPropertyFilter, BaseDrawerItem, BasePreviewFeature, Breadcrumb, BreadcrumbExtension, BreadcrumbFactory, BreadcrumbItem, BreadcrumbItemWithComponent, BreadcrumbItemWithLabel, BreadcrumbItemWithTemplate, BulkActionControl, CanEditConfig, CellRendererDef, CellRendererSpec, CleanedVersion, ClickOptions, Column, ColumnConfig, ColumnSortingConfig, ConfirmOption, ConfirmOptions, ContextData, CustomColumnConfig, CustomColumnType, DashboardChange, DashboardChildArrangement, DashboardChildDimension, DashboardChildResizeDimension, DashboardCopyPermission, DashboardSettings, DataGrid, DataGridConfigurationStrategy, DataSourceModifier, DataSourceStats, DateRangePickerConfig, DateTimeContext, DateType, DefinitionBase, DisplayOptions, DocLink, DocLinkExtension, DocLinkWithComponent, DocLinkWithLabel, DrawerItem, DrawerOptions, DrawerPositions, DroppedFile, DynamicBulkRetrievalError, DynamicComponent, DynamicComponentDefinition, DynamicComponentDefinitionBase, DynamicComponentExtension, DynamicComponents, DynamicDetailsResolver, DynamicProviderConfig, DynamicProviderEndpointConfig, DynamicProviderLayoutConfig, DynamicProviderNavigationConfig, DynamicProviderTabsConfig, DynamicWidgetDefinition, DynamicWidgetDefinitionBase, EagerDynamicComponents, Endpoint, ExtensionFactory, ExtensionPoint, Filter, FilterChip, FilterMapper, FilterMapperExtension, FilterPredicateFunction, FilteringFormRendererSpec, FilteringModifier, ForOfFilterPipe, ForOfRealtimeOptions, FormGroupConfig, FormlyColumnFilteringConfig, GenericHookOptions, GenericHookType, GlobalAutoRefreshQueryParam, GlobalAutoRefreshWidgetConfig, GlobalTimeContextWidgetConfig, GridConfig, GridConfigContext, GridConfigContextProvider, GridConfigFilter, GridConfigPart, GridEventType, Header, HeaderActionControl, HookValueType, IFetchWithProgress, IRealtimeDeviceBootstrap, ISelectModalBodyPart, ISelectModalObject, ISelectModalOption, IUpdateItemEvent, IconPanelSection, IndexedStep, InputDateContextQueryParams, Item, LazyDynamicComponents, LeftDrawerItem, LegacyWidget, LoadMoreMode, ManagedObjectTypeForConfig, ModalLabels, NavigatorNodeData, NavigatorNodeFactory, NewPassword, NotificationService, OnBeforeSave, OutputDateContextQueryParams, Pagination, PartialFilterChipGenerationType, PartialFilterChipRemovalType, PasswordStrengthColor, PasswordStrengthSettings, PathSortingConfig, PatternMessages, PickedDates, PickedFiles, PluginsConfig, PopoverConfirmButtons, PreviewFeature, PreviewFeatureCustom, PreviewFeatureDefault, ProductExperienceEvent, ProductExperienceEventSource, PropertiesListItem, ProviderDefinition, ProviderProperties, PxEventData, QueryParamBottomDrawerConfig, QueryParamConfig, QueryParamModalConfig, QueryParamModalConfigBase, QueryParamModalConfigEager, QueryParamModalConfigLazy, RangeDisplay, RealtimeAction, RemoteModuleWithMetadata, ResizableGridConfig, RevertChangeType, RightDrawerItem, Route, RouteDefault, RouteExtension, RouteFactory, RouteWithComponent, RouteWithTab, Row, SchemaNode, Search, SearchFactory, SelectableItem, SelectableItemTemplate, ServerSideDataCallback, ServerSideDataResult, SetupStep, SortOrder, SplitViewAction, StatusType, Step, StepperButtonsVisibility, StepperExtension, SupportedAppKey, Tab, TabExtension, TabFactory, TabOrientation, TabWithComponent, TabWithTemplate, ThemeOptions, ThemePreferenceOptions, TimeContextEvent, TimeInterval, TimeIntervalOption, TreeNode, User, UserMenuItem, UserPreference, UserPreferencesGridConfigContext, ValidationRules, Version, VersionModuleConfig, ViewContexServiceConfig, ViewContextRootRoute, Widget, WidgetChange, WidgetChangeEvent, WidgetChangeEventType, WidgetDataType, WidgetDisplaySettings, WidgetImportExportInjectorOptions, WidgetSettings, WidgetTimeContext, WidgetTimeContextState, Wizard, WizardConfig, WizardEntry, WizardExtension, ZipEntry, selectedFunction, selectedLabelFunction };
|
|
20637
21454
|
//# sourceMappingURL=index.d.ts.map
|