@siemens/element-ng 47.3.0 → 47.4.0

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.
Files changed (177) hide show
  1. package/badge/si-badge.component.d.ts +1 -1
  2. package/breadcrumb/breadcrumb-item.model.d.ts +36 -0
  3. package/breadcrumb/index.d.ts +7 -0
  4. package/breadcrumb/package.json +3 -0
  5. package/breadcrumb/si-breadcrumb-item-template.directive.d.ts +10 -0
  6. package/breadcrumb/si-breadcrumb.component.d.ts +46 -0
  7. package/breadcrumb/si-breadcrumb.module.d.ts +7 -0
  8. package/card/index.d.ts +6 -0
  9. package/card/package.json +3 -0
  10. package/card/si-card.component.d.ts +79 -0
  11. package/card/si-card.module.d.ts +7 -0
  12. package/circle-status/index.d.ts +6 -0
  13. package/circle-status/package.json +3 -0
  14. package/circle-status/si-circle-status.component.d.ts +66 -0
  15. package/circle-status/si-circle-status.module.d.ts +7 -0
  16. package/column-selection-dialog/column-selection-editor/si-column-selection-editor.component.d.ts +23 -0
  17. package/column-selection-dialog/index.d.ts +6 -0
  18. package/column-selection-dialog/package.json +3 -0
  19. package/column-selection-dialog/si-column-selection-dialog.component.d.ts +114 -0
  20. package/column-selection-dialog/si-column-selection-dialog.service.d.ts +20 -0
  21. package/column-selection-dialog/si-column-selection-dialog.types.d.ts +68 -0
  22. package/common/models/status-type.model.d.ts +2 -2
  23. package/date-range-filter/index.d.ts +8 -0
  24. package/date-range-filter/package.json +3 -0
  25. package/date-range-filter/si-date-range-calculation.service.d.ts +33 -0
  26. package/date-range-filter/si-date-range-filter.component.d.ts +248 -0
  27. package/date-range-filter/si-date-range-filter.module.d.ts +7 -0
  28. package/date-range-filter/si-date-range-filter.types.d.ts +40 -0
  29. package/date-range-filter/si-relative-date.component.d.ts +31 -0
  30. package/datepicker/components/si-calendar-body.component.d.ts +137 -0
  31. package/datepicker/components/si-calendar-date-cell.directive.d.ts +16 -0
  32. package/datepicker/components/si-calendar-direction-button.component.d.ts +18 -0
  33. package/datepicker/components/si-compare-adapter.d.ts +37 -0
  34. package/datepicker/components/si-day-selection.component.d.ts +76 -0
  35. package/datepicker/components/si-initial-focus.component.d.ts +74 -0
  36. package/datepicker/components/si-month-selection.component.d.ts +62 -0
  37. package/datepicker/components/si-year-selection.component.d.ts +65 -0
  38. package/datepicker/date-time-helper.d.ts +302 -0
  39. package/datepicker/index.d.ts +15 -0
  40. package/datepicker/package.json +3 -0
  41. package/datepicker/si-calendar-button.component.d.ts +49 -0
  42. package/datepicker/si-date-input.directive.d.ts +114 -0
  43. package/datepicker/si-date-range.component.d.ts +150 -0
  44. package/datepicker/si-datepicker-overlay.component.d.ts +82 -0
  45. package/datepicker/si-datepicker-overlay.directive.d.ts +104 -0
  46. package/datepicker/si-datepicker.component.d.ts +228 -0
  47. package/datepicker/si-datepicker.directive.d.ts +62 -0
  48. package/datepicker/si-datepicker.model.d.ts +129 -0
  49. package/datepicker/si-datepicker.module.d.ts +12 -0
  50. package/datepicker/si-timepicker.component.d.ts +214 -0
  51. package/electron-titlebar/electron.helpers.d.ts +5 -0
  52. package/electron-titlebar/index.d.ts +7 -0
  53. package/electron-titlebar/package.json +3 -0
  54. package/electron-titlebar/si-electron-titlebar.component.d.ts +72 -0
  55. package/electron-titlebar/si-electron-titlebar.module.d.ts +7 -0
  56. package/fesm2022/siemens-element-ng-badge.mjs.map +1 -1
  57. package/fesm2022/siemens-element-ng-breadcrumb.mjs +302 -0
  58. package/fesm2022/siemens-element-ng-breadcrumb.mjs.map +1 -0
  59. package/fesm2022/siemens-element-ng-card.mjs +122 -0
  60. package/fesm2022/siemens-element-ng-card.mjs.map +1 -0
  61. package/fesm2022/siemens-element-ng-circle-status.mjs +146 -0
  62. package/fesm2022/siemens-element-ng-circle-status.mjs.map +1 -0
  63. package/fesm2022/siemens-element-ng-column-selection-dialog.mjs +369 -0
  64. package/fesm2022/siemens-element-ng-column-selection-dialog.mjs.map +1 -0
  65. package/fesm2022/siemens-element-ng-common.mjs.map +1 -1
  66. package/fesm2022/siemens-element-ng-date-range-filter.mjs +649 -0
  67. package/fesm2022/siemens-element-ng-date-range-filter.mjs.map +1 -0
  68. package/fesm2022/siemens-element-ng-datepicker.mjs +4231 -0
  69. package/fesm2022/siemens-element-ng-datepicker.mjs.map +1 -0
  70. package/fesm2022/siemens-element-ng-electron-titlebar.mjs +142 -0
  71. package/fesm2022/siemens-element-ng-electron-titlebar.mjs.map +1 -0
  72. package/fesm2022/siemens-element-ng-file-uploader.mjs +751 -0
  73. package/fesm2022/siemens-element-ng-file-uploader.mjs.map +1 -0
  74. package/fesm2022/siemens-element-ng-filter-bar.mjs +153 -0
  75. package/fesm2022/siemens-element-ng-filter-bar.mjs.map +1 -0
  76. package/fesm2022/siemens-element-ng-icon.mjs +11 -1
  77. package/fesm2022/siemens-element-ng-icon.mjs.map +1 -1
  78. package/fesm2022/siemens-element-ng-info-page.mjs +63 -0
  79. package/fesm2022/siemens-element-ng-info-page.mjs.map +1 -0
  80. package/fesm2022/siemens-element-ng-inline-notification.mjs +4 -6
  81. package/fesm2022/siemens-element-ng-inline-notification.mjs.map +1 -1
  82. package/fesm2022/siemens-element-ng-ip-input.mjs +451 -0
  83. package/fesm2022/siemens-element-ng-ip-input.mjs.map +1 -0
  84. package/fesm2022/siemens-element-ng-localization.mjs +306 -0
  85. package/fesm2022/siemens-element-ng-localization.mjs.map +1 -0
  86. package/fesm2022/siemens-element-ng-photo-upload.mjs +480 -0
  87. package/fesm2022/siemens-element-ng-photo-upload.mjs.map +1 -0
  88. package/fesm2022/siemens-element-ng-search-bar.mjs +193 -0
  89. package/fesm2022/siemens-element-ng-search-bar.mjs.map +1 -0
  90. package/fesm2022/siemens-element-ng-slider.mjs +313 -0
  91. package/fesm2022/siemens-element-ng-slider.mjs.map +1 -0
  92. package/fesm2022/siemens-element-ng-sort-bar.mjs +89 -0
  93. package/fesm2022/siemens-element-ng-sort-bar.mjs.map +1 -0
  94. package/fesm2022/siemens-element-ng-split.mjs +575 -0
  95. package/fesm2022/siemens-element-ng-split.mjs.map +1 -0
  96. package/fesm2022/siemens-element-ng-status-toggle.mjs +196 -0
  97. package/fesm2022/siemens-element-ng-status-toggle.mjs.map +1 -0
  98. package/fesm2022/siemens-element-ng-system-banner.mjs +47 -0
  99. package/fesm2022/siemens-element-ng-system-banner.mjs.map +1 -0
  100. package/fesm2022/siemens-element-ng-tabs.mjs +395 -0
  101. package/fesm2022/siemens-element-ng-tabs.mjs.map +1 -0
  102. package/fesm2022/siemens-element-ng-translate.mjs.map +1 -1
  103. package/fesm2022/siemens-element-ng-unauthorized-page.mjs +76 -0
  104. package/fesm2022/siemens-element-ng-unauthorized-page.mjs.map +1 -0
  105. package/file-uploader/index.d.ts +8 -0
  106. package/file-uploader/package.json +3 -0
  107. package/file-uploader/si-file-dropzone.component.d.ts +106 -0
  108. package/file-uploader/si-file-uploader.component.d.ts +296 -0
  109. package/file-uploader/si-file-uploader.model.d.ts +12 -0
  110. package/file-uploader/si-file-uploader.module.d.ts +8 -0
  111. package/filter-bar/filter.d.ts +26 -0
  112. package/filter-bar/index.d.ts +8 -0
  113. package/filter-bar/package.json +3 -0
  114. package/filter-bar/si-filter-bar.component.d.ts +65 -0
  115. package/filter-bar/si-filter-bar.module.d.ts +7 -0
  116. package/filter-bar/si-filter-pill.component.d.ts +20 -0
  117. package/icon/element-icons.d.ts +10 -0
  118. package/info-page/index.d.ts +5 -0
  119. package/info-page/package.json +3 -0
  120. package/info-page/si-info-page.component.d.ts +38 -0
  121. package/inline-notification/si-inline-notification.component.d.ts +0 -2
  122. package/ip-input/address-utils.d.ts +28 -0
  123. package/ip-input/address-validators.d.ts +21 -0
  124. package/ip-input/index.d.ts +7 -0
  125. package/ip-input/package.json +3 -0
  126. package/ip-input/si-ip-input.directive.d.ts +53 -0
  127. package/ip-input/si-ip4-input.directive.d.ts +9 -0
  128. package/ip-input/si-ip6-input.directive.d.ts +10 -0
  129. package/localization/index.d.ts +8 -0
  130. package/localization/package.json +3 -0
  131. package/localization/si-directionality.d.ts +41 -0
  132. package/localization/si-locale-id.d.ts +22 -0
  133. package/localization/si-locale-store.d.ts +16 -0
  134. package/localization/si-locale.service.d.ts +73 -0
  135. package/package.json +91 -3
  136. package/photo-upload/index.d.ts +6 -0
  137. package/photo-upload/package.json +3 -0
  138. package/photo-upload/si-image-cropper-style.component.d.ts +5 -0
  139. package/photo-upload/si-photo-upload.component.d.ts +298 -0
  140. package/search-bar/index.d.ts +6 -0
  141. package/search-bar/package.json +3 -0
  142. package/search-bar/si-search-bar.component.d.ts +87 -0
  143. package/search-bar/si-search-bar.module.d.ts +7 -0
  144. package/slider/index.d.ts +6 -0
  145. package/slider/package.json +3 -0
  146. package/slider/si-slider.component.d.ts +129 -0
  147. package/slider/si-slider.module.d.ts +7 -0
  148. package/sort-bar/index.d.ts +6 -0
  149. package/sort-bar/package.json +3 -0
  150. package/sort-bar/si-sort-bar.component.d.ts +42 -0
  151. package/sort-bar/si-sort-bar.module.d.ts +7 -0
  152. package/split/index.d.ts +8 -0
  153. package/split/package.json +3 -0
  154. package/split/si-split-part.component.d.ts +154 -0
  155. package/split/si-split.component.d.ts +48 -0
  156. package/split/si-split.interfaces.d.ts +17 -0
  157. package/split/si-split.module.d.ts +8 -0
  158. package/status-toggle/index.d.ts +6 -0
  159. package/status-toggle/package.json +3 -0
  160. package/status-toggle/si-status-toggle.component.d.ts +54 -0
  161. package/status-toggle/status-toggle.model.d.ts +26 -0
  162. package/system-banner/index.d.ts +5 -0
  163. package/system-banner/package.json +3 -0
  164. package/system-banner/system-banner.component.d.ts +23 -0
  165. package/tabs/index.d.ts +7 -0
  166. package/tabs/package.json +3 -0
  167. package/tabs/si-tab/index.d.ts +5 -0
  168. package/tabs/si-tab/si-tab.component.d.ts +58 -0
  169. package/tabs/si-tabs.module.d.ts +8 -0
  170. package/tabs/si-tabset/index.d.ts +5 -0
  171. package/tabs/si-tabset/si-tabset.component.d.ts +100 -0
  172. package/template-i18n.json +82 -0
  173. package/translate/si-translatable-keys.interface.d.ts +82 -0
  174. package/unauthorized-page/index.d.ts +6 -0
  175. package/unauthorized-page/package.json +3 -0
  176. package/unauthorized-page/si-unauthorized-page.component.d.ts +35 -0
  177. package/unauthorized-page/si-unauthorized-page.module.d.ts +7 -0
@@ -0,0 +1,154 @@
1
+ import { EventEmitter, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
2
+ import { Action, CollapseTo, PartState, Scale, SplitOrientation } from './si-split.interfaces';
3
+ import * as i0 from "@angular/core";
4
+ export declare class SiSplitPartComponent implements OnChanges {
5
+ /** @defaultValue [] */
6
+ actions: Action[];
7
+ /**
8
+ * @defaultValue 'start'
9
+ */
10
+ collapseDirection: CollapseTo;
11
+ /**
12
+ * Sets the icon class that is used in the buttons of split parts to
13
+ * collapse and uncollapse the parts.
14
+ *
15
+ * @defaultValue 'element-double-right'
16
+ */
17
+ collapseIconClass: string;
18
+ /**
19
+ * Collapse only to the given min size.
20
+ *
21
+ * @defaultValue false
22
+ */
23
+ collapseToMinSize: boolean;
24
+ /**
25
+ * Sets the status color on the split part header, visible as a bottom border and,
26
+ * if a headerStatusIcon is defined, as the icon´s background color.
27
+ *
28
+ * @deprecated Legacy input with no functionality. Will be removed in future major release.
29
+ */
30
+ headerStatusColor?: string;
31
+ /**
32
+ * Sets the icon class that is used as status icon in the split part header.
33
+ *
34
+ * @deprecated Legacy input with no functionality. Will be removed in future major release.
35
+ */
36
+ headerStatusIconClass?: string;
37
+ headerTemplate?: TemplateRef<any>;
38
+ /**
39
+ * Sets the title of the split part header.
40
+ */
41
+ heading: string;
42
+ /**
43
+ * Minimum size in px.
44
+ *
45
+ * @defaultValue 0
46
+ */
47
+ minSize: number;
48
+ /**
49
+ * When a split part is collapsed, the content gets hidden but it will
50
+ * still remain within the DOM. If you want to remove and destroy the component
51
+ * in collapsed mode and recreate it on un-collapse, set this property to
52
+ * true.
53
+ *
54
+ * @defaultValue false
55
+ */
56
+ removeContentOnCollapse: boolean;
57
+ /**
58
+ * Defines the behavior of the split part during scaling.
59
+ * E.g. when set to `none`, the spit part will keep its current size even when the parent container grows or shrinks.
60
+ *
61
+ * @defaultValue 'auto'
62
+ */
63
+ scale: Scale;
64
+ /**
65
+ * Defines if the collapse button of a split part is displayed. Default value is true.
66
+ *
67
+ * @defaultValue true
68
+ */
69
+ showCollapseButton: boolean;
70
+ /**
71
+ * Defines if the header of the split part is visible. Default is true.
72
+ *
73
+ * @defaultValue true
74
+ */
75
+ showHeader: boolean;
76
+ /**
77
+ * Aria label for collapse button. Needed for a11y
78
+ *
79
+ * @defaultValue 'collapse'
80
+ */
81
+ collapseLabel: string;
82
+ /**
83
+ * An optional stateId to uniquely identify a component instance.
84
+ * Required for persistence of ui state.
85
+ */
86
+ stateId?: string;
87
+ /**
88
+ * Expanded size in px.
89
+ */
90
+ size?: number;
91
+ /**
92
+ * This toggles the behavior when collapsing this split part.
93
+ * If enabled, all split parts between this one and the end of the split in the respective direction will be collapsed if this part is collapsed.
94
+ * If disabled, only this split part will be collapsed.
95
+ *
96
+ * The default value will change to false in v48.
97
+ *
98
+ * @defaultValue true
99
+ */
100
+ collapseOthers: boolean;
101
+ readonly collapseChanged: EventEmitter<boolean>;
102
+ readonly stateChange: EventEmitter<PartState>;
103
+ /** @internal */
104
+ index: number;
105
+ /** @internal */
106
+ before?: SiSplitPartComponent;
107
+ /** @internal */
108
+ after?: SiSplitPartComponent;
109
+ /** @internal */
110
+ readonly fractionalSize: import("@angular/core").WritableSignal<number | undefined>;
111
+ /** @internal */
112
+ readonly collapsedSize: import("@angular/core").WritableSignal<number>;
113
+ /** @internal */
114
+ readonly collapsedState: import("@angular/core").WritableSignal<boolean>;
115
+ /**
116
+ * Get collapsed state.
117
+ * @returns True if the split part is collapsed, false is expanded.
118
+ */
119
+ get collapsed(): boolean;
120
+ /** @internal */
121
+ readonly expandedSize: import("@angular/core").WritableSignal<number | undefined>;
122
+ /** @internal */
123
+ readonly actualSize: import("@angular/core").Signal<number>;
124
+ /** @internal */
125
+ saveUIState: () => void;
126
+ /** @internal */
127
+ readonly nextExpandedAfter: import("@angular/core").Signal<SiSplitPartComponent>;
128
+ private elementRef;
129
+ protected headerContext: {
130
+ $implicit: SiSplitPartComponent;
131
+ };
132
+ /** @defaultValue true */
133
+ set expanded(value: boolean);
134
+ get expanded(): boolean;
135
+ ngOnChanges(changes: SimpleChanges): void;
136
+ /** @internal */
137
+ refreshSizePx(orientation: SplitOrientation): void;
138
+ /**
139
+ * Toggles the collapsed or expanded state.
140
+ */
141
+ toggleCollapse(): void;
142
+ private refreshCollapsedToEnd;
143
+ private refreshCollapseToStart;
144
+ static ɵfac: i0.ɵɵFactoryDeclaration<SiSplitPartComponent, never>;
145
+ static ɵcmp: i0.ɵɵComponentDeclaration<SiSplitPartComponent, "si-split-part", never, { "actions": { "alias": "actions"; "required": false; }; "collapseDirection": { "alias": "collapseDirection"; "required": false; }; "collapseIconClass": { "alias": "collapseIconClass"; "required": false; }; "collapseToMinSize": { "alias": "collapseToMinSize"; "required": false; }; "headerStatusColor": { "alias": "headerStatusColor"; "required": false; }; "headerStatusIconClass": { "alias": "headerStatusIconClass"; "required": false; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "minSize": { "alias": "minSize"; "required": false; }; "removeContentOnCollapse": { "alias": "removeContentOnCollapse"; "required": false; }; "scale": { "alias": "scale"; "required": false; }; "showCollapseButton": { "alias": "showCollapseButton"; "required": false; }; "showHeader": { "alias": "showHeader"; "required": false; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; }; "stateId": { "alias": "stateId"; "required": false; }; "size": { "alias": "size"; "required": false; }; "collapseOthers": { "alias": "collapseOthers"; "required": false; }; "expanded": { "alias": "expanded"; "required": false; }; }, { "collapseChanged": "collapseChanged"; "stateChange": "stateChange"; }, never, ["*"], true, never>;
146
+ static ngAcceptInputType_collapseToMinSize: unknown;
147
+ static ngAcceptInputType_minSize: unknown;
148
+ static ngAcceptInputType_removeContentOnCollapse: unknown;
149
+ static ngAcceptInputType_showCollapseButton: unknown;
150
+ static ngAcceptInputType_showHeader: unknown;
151
+ static ngAcceptInputType_size: unknown;
152
+ static ngAcceptInputType_collapseOthers: unknown;
153
+ static ngAcceptInputType_expanded: unknown;
154
+ }
@@ -0,0 +1,48 @@
1
+ import { AfterContentInit, EventEmitter, OnChanges, QueryList, Signal, SimpleChanges } from '@angular/core';
2
+ import { SiSplitPartComponent } from './si-split-part.component';
3
+ import { SplitOrientation } from './si-split.interfaces';
4
+ import * as i0 from "@angular/core";
5
+ interface Gutter {
6
+ before: SiSplitPartComponent;
7
+ after: SiSplitPartComponent;
8
+ visible: Signal<boolean>;
9
+ }
10
+ export declare class SiSplitComponent implements AfterContentInit, OnChanges {
11
+ /** @defaultValue 16 */
12
+ gutterSize: number;
13
+ protected readonly _orientation: import("@angular/core").WritableSignal<SplitOrientation>;
14
+ get orientation(): SplitOrientation;
15
+ set orientation(value: SplitOrientation);
16
+ /** @defaultValue [] */
17
+ sizes: number[];
18
+ /**
19
+ * An optional stateId to uniquely identify a component instance.
20
+ * Required for persistence of ui state.
21
+ */
22
+ stateId?: string;
23
+ readonly sizesChange: EventEmitter<number[]>;
24
+ protected parts: QueryList<SiSplitPartComponent>;
25
+ protected gutters: Gutter[];
26
+ protected gridTemplateRows: Signal<string>;
27
+ protected gridTemplateColumns: Signal<string>;
28
+ protected gridTemplateAreas: Signal<string>;
29
+ private elementRef;
30
+ private ngZone;
31
+ private changeDetectorRef;
32
+ private document;
33
+ private uiStateService;
34
+ private fractionalSizeToExpandedSizeFactor;
35
+ ngOnChanges(changes: SimpleChanges): void;
36
+ ngAfterContentInit(): void;
37
+ private alignRelativeSizes;
38
+ private updateFractionalSizeToExpandSizeFactor;
39
+ private refreshAllPartSizes;
40
+ protected resizeStart(gutter: Gutter, event: Event): void;
41
+ private measureContainerSize;
42
+ private getPosition;
43
+ private saveUIState;
44
+ private restoreFormUIState;
45
+ static ɵfac: i0.ɵɵFactoryDeclaration<SiSplitComponent, never>;
46
+ static ɵcmp: i0.ɵɵComponentDeclaration<SiSplitComponent, "si-split", never, { "gutterSize": { "alias": "gutterSize"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "sizes": { "alias": "sizes"; "required": false; }; "stateId": { "alias": "stateId"; "required": false; }; }, { "sizesChange": "sizesChange"; }, ["parts"], ["*"], true, never>;
47
+ }
48
+ export {};
@@ -0,0 +1,17 @@
1
+ /**
2
+ * Copyright Siemens 2016 - 2025.
3
+ * SPDX-License-Identifier: MIT
4
+ */
5
+ type CollapseTo = 'start' | 'end';
6
+ type SplitOrientation = 'horizontal' | 'vertical';
7
+ type Scale = 'none' | 'auto';
8
+ interface Action {
9
+ iconClass: string;
10
+ tooltip: string;
11
+ click: (evt: Event) => void;
12
+ }
13
+ interface PartState {
14
+ expanded?: boolean;
15
+ size?: number;
16
+ }
17
+ export type { Action, CollapseTo, PartState, Scale, SplitOrientation };
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./si-split.component";
3
+ import * as i2 from "./si-split-part.component";
4
+ export declare class SiSplitModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<SiSplitModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SiSplitModule, never, [typeof i1.SiSplitComponent, typeof i2.SiSplitPartComponent], [typeof i1.SiSplitComponent, typeof i2.SiSplitPartComponent]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<SiSplitModule>;
8
+ }
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Copyright Siemens 2016 - 2025.
3
+ * SPDX-License-Identifier: MIT
4
+ */
5
+ export * from './si-status-toggle.component';
6
+ export * from './status-toggle.model';
@@ -0,0 +1,3 @@
1
+ {
2
+ "module": "../fesm2022/siemens-element-ng-status-toggle.mjs"
3
+ }
@@ -0,0 +1,54 @@
1
+ import { OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
2
+ import { ControlValueAccessor } from '@angular/forms';
3
+ import { StatusToggleItem } from './status-toggle.model';
4
+ import * as i0 from "@angular/core";
5
+ export declare class SiStatusToggleComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {
6
+ /** List of status items. */
7
+ readonly items: import("@angular/core").InputSignal<StatusToggleItem[]>;
8
+ /**
9
+ * Disabled state for the whole component.
10
+ * @defaultValue false
11
+ **/
12
+ readonly disabled: import("@angular/core").InputSignal<boolean>;
13
+ /** Value of currently selected status item. */
14
+ readonly value: import("@angular/core").ModelSignal<string | number | undefined>;
15
+ /** Emitted when an item is clicked. */
16
+ readonly itemClick: import("@angular/core").OutputEmitterRef<string | number>;
17
+ private readonly containerElement;
18
+ private readonly draggableElement;
19
+ private boundingX;
20
+ private x0;
21
+ private offset0;
22
+ private onChange?;
23
+ private onTouched?;
24
+ private unlistenDragEvents;
25
+ private readonly internalDisabled;
26
+ protected readonly selectedIndex: import("@angular/core").WritableSignal<number | undefined>;
27
+ protected readonly draggablePosition: import("@angular/core").WritableSignal<string>;
28
+ protected readonly animated: import("@angular/core").WritableSignal<boolean>;
29
+ protected readonly isDisabled: import("@angular/core").Signal<boolean>;
30
+ ngOnChanges(changes: SimpleChanges): void;
31
+ ngOnInit(): void;
32
+ ngOnDestroy(): void;
33
+ /** @internal */
34
+ writeValue(value: string | number): void;
35
+ /** @internal */
36
+ registerOnChange(fn: (value: string | number) => void): void;
37
+ /** @internal */
38
+ registerOnTouched(fn: () => void): void;
39
+ /** @internal */
40
+ setDisabledState(isDisabled: boolean): void;
41
+ protected handleMouseDown(event: MouseEvent): void;
42
+ protected handleTouchStart(event: TouchEvent): void;
43
+ private handleDragStart;
44
+ private handleDragEnd;
45
+ private getOffset;
46
+ private getUnderlyingIndex;
47
+ private arrangeToUnderlyingItem;
48
+ private handleDragMove;
49
+ private getX;
50
+ private setValue;
51
+ protected selectItem(index: number | undefined, animated?: boolean, emit?: boolean): void;
52
+ static ɵfac: i0.ɵɵFactoryDeclaration<SiStatusToggleComponent, never>;
53
+ static ɵcmp: i0.ɵɵComponentDeclaration<SiStatusToggleComponent, "si-status-toggle", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "itemClick": "itemClick"; }, never, never, true, never>;
54
+ }
@@ -0,0 +1,26 @@
1
+ /**
2
+ * Copyright Siemens 2016 - 2025.
3
+ * SPDX-License-Identifier: MIT
4
+ */
5
+ import { TranslatableString } from '@siemens/element-translate-ng/translate-types';
6
+ /** An item for si-status-toggle. */
7
+ export interface StatusToggleItem {
8
+ /** Text displayed for the item. */
9
+ text: TranslatableString;
10
+ /** Icon displayed for the item. */
11
+ icon: string;
12
+ /** Value of the item. */
13
+ value: string | number;
14
+ /** Whether the item is disabled. */
15
+ disabled?: boolean;
16
+ /** Icon shown when the item is active. */
17
+ activeIcon?: string;
18
+ /** Stacked icon shown when the item is active. */
19
+ activeIconStacked?: string;
20
+ /** Class applied to the icon when the item is selected. */
21
+ activeIconClass?: string;
22
+ /** Class applied to the stacked icon when the item is selected. */
23
+ activeIconStackedClass?: string;
24
+ /** Class applied to the text when the item is selected. */
25
+ activeTextClass?: string;
26
+ }
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Copyright Siemens 2016 - 2025.
3
+ * SPDX-License-Identifier: MIT
4
+ */
5
+ export * from './system-banner.component';
@@ -0,0 +1,3 @@
1
+ {
2
+ "module": "../fesm2022/siemens-element-ng-system-banner.mjs"
3
+ }
@@ -0,0 +1,23 @@
1
+ import { ExtendedStatusType } from '@siemens/element-ng/common';
2
+ import { TranslatableString } from '@siemens/element-translate-ng/translate';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * The system banner component displays a message with specific status as background.
6
+ * Use this component for displaying system level messages on top of the page.
7
+ */
8
+ export declare class SiSystemBannerComponent {
9
+ /**
10
+ * Status of the system banner.
11
+ * Possible values are 'info', 'success', 'warning', 'caution', 'danger', 'critical'.
12
+ *
13
+ * @defaultValue 'info'
14
+ */
15
+ readonly status: import("@angular/core").InputSignal<ExtendedStatusType>;
16
+ /**
17
+ * Message to be displayed in the system banner.
18
+ */
19
+ readonly message: import("@angular/core").InputSignal<TranslatableString>;
20
+ protected readonly bannerClass: import("@angular/core").Signal<string>;
21
+ static ɵfac: i0.ɵɵFactoryDeclaration<SiSystemBannerComponent, never>;
22
+ static ɵcmp: i0.ɵɵComponentDeclaration<SiSystemBannerComponent, "si-system-banner", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
23
+ }
@@ -0,0 +1,7 @@
1
+ /**
2
+ * Copyright Siemens 2016 - 2025.
3
+ * SPDX-License-Identifier: MIT
4
+ */
5
+ export * from './si-tabset/index';
6
+ export * from './si-tab/index';
7
+ export * from './si-tabs.module';
@@ -0,0 +1,3 @@
1
+ {
2
+ "module": "../fesm2022/siemens-element-ng-tabs.mjs"
3
+ }
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Copyright Siemens 2016 - 2025.
3
+ * SPDX-License-Identifier: MIT
4
+ */
5
+ export * from './si-tab.component';
@@ -0,0 +1,58 @@
1
+ /**
2
+ * Copyright Siemens 2016 - 2025.
3
+ * SPDX-License-Identifier: MIT
4
+ */
5
+ import { EventEmitter, OnChanges } from '@angular/core';
6
+ import { TranslatableString } from '@siemens/element-translate-ng/translate';
7
+ import { SiTabsetComponent } from '../si-tabset/index';
8
+ import * as i0 from "@angular/core";
9
+ export declare class SiTabComponent implements OnChanges {
10
+ private static idCounter;
11
+ /** Title of the tab item. */
12
+ heading?: TranslatableString;
13
+ /** Icon of the tab item. */
14
+ icon?: string;
15
+ /** Alternative name or translation key for icon. Used for A11y. */
16
+ iconAltText?: TranslatableString;
17
+ /**
18
+ * Additional badge content. A value of
19
+ * - `true` will render a red dot
20
+ * - any string without a `badgeColor` will render a red dot with text
21
+ * - any string with a `badgeColor` will render a normal badge
22
+ */
23
+ badgeContent?: TranslatableString | boolean;
24
+ /**
25
+ * Background color of the badge.
26
+ * If no color is provided a red dot badge will be rendered.
27
+ */
28
+ badgeColor?: string;
29
+ /**
30
+ * Disables the tab.
31
+ *
32
+ * @defaultValue false
33
+ */
34
+ disabled: boolean;
35
+ /**
36
+ * Close the current tab.
37
+ *
38
+ * @defaultValue false
39
+ */
40
+ closable?: boolean | undefined;
41
+ /** Event emitter to notify when a tab is closed. */
42
+ readonly closeTriggered: EventEmitter<SiTabComponent>;
43
+ /** @internal */
44
+ id: string;
45
+ /** @internal */
46
+ tabId: string;
47
+ protected get isHidden(): boolean | null;
48
+ private parent?;
49
+ /** @internal */
50
+ readonly active: import("@angular/core").WritableSignal<boolean>;
51
+ /** @internal */
52
+ registerParent(parent: SiTabsetComponent): void;
53
+ ngOnChanges(): void;
54
+ static ɵfac: i0.ɵɵFactoryDeclaration<SiTabComponent, never>;
55
+ static ɵcmp: i0.ɵɵComponentDeclaration<SiTabComponent, "si-tab", never, { "heading": { "alias": "heading"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconAltText": { "alias": "iconAltText"; "required": false; }; "badgeContent": { "alias": "badgeContent"; "required": false; }; "badgeColor": { "alias": "badgeColor"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; }, { "closeTriggered": "closeTriggered"; }, never, ["*"], true, never>;
56
+ static ngAcceptInputType_disabled: unknown;
57
+ static ngAcceptInputType_closable: unknown;
58
+ }
@@ -0,0 +1,8 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./si-tabset/si-tabset.component";
3
+ import * as i2 from "./si-tab/si-tab.component";
4
+ export declare class SiTabsModule {
5
+ static ɵfac: i0.ɵɵFactoryDeclaration<SiTabsModule, never>;
6
+ static ɵmod: i0.ɵɵNgModuleDeclaration<SiTabsModule, never, [typeof i1.SiTabsetComponent, typeof i2.SiTabComponent], [typeof i1.SiTabsetComponent, typeof i2.SiTabComponent]>;
7
+ static ɵinj: i0.ɵɵInjectorDeclaration<SiTabsModule>;
8
+ }
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Copyright Siemens 2016 - 2025.
3
+ * SPDX-License-Identifier: MIT
4
+ */
5
+ export * from './si-tabset.component';
@@ -0,0 +1,100 @@
1
+ import { AfterViewInit, EventEmitter, OnDestroy, QueryList } from '@angular/core';
2
+ import { SiTabComponent } from '../si-tab/si-tab.component';
3
+ import * as i0 from "@angular/core";
4
+ export interface SiTabDeselectionEvent {
5
+ /**
6
+ * The target tab
7
+ */
8
+ target: SiTabComponent;
9
+ /**
10
+ * The index of target tab
11
+ */
12
+ tabIndex: number;
13
+ /**
14
+ * To be called to prevent switching the tab
15
+ */
16
+ cancel: () => void;
17
+ }
18
+ export declare class SiTabsetComponent implements AfterViewInit, OnDestroy {
19
+ /**
20
+ * Contains the current tab components.
21
+ */
22
+ protected tabPanels: QueryList<SiTabComponent>;
23
+ /**
24
+ * Component variable to indicate if scrolling is necessary or the container is big enough to display all tabs.
25
+ */
26
+ protected scrollable: boolean;
27
+ protected xPos: number;
28
+ protected endArrowDisabled: boolean;
29
+ protected focusedTabIndex?: number;
30
+ protected readonly icons: Record<"elementCancel" | "elementLeft3" | "elementRight3", string>;
31
+ /**
32
+ * If selectDefaultTab is passed as 'false', this implies no default tab selection
33
+ * i.e. on initial load of tabset component no tab gets selected.
34
+ *
35
+ * @defaultValue true
36
+ */
37
+ selectDefaultTab: boolean;
38
+ /**
39
+ * Sets a selected tab index. This will activate the tab of the provided
40
+ * index, activates the tab and fires a notification about the change.
41
+ * If index is passed as -1 i.e. `selectedTabIndex = -1`, this implies to clear all tab selection.
42
+ * @defaultref {@link _selectedTabIndex}
43
+ */
44
+ set selectedTabIndex(tabIndex: number);
45
+ /**
46
+ * Returns the currently selected tab index.
47
+ */
48
+ get selectedTabIndex(): number;
49
+ /** Define an optional max-width in px for the tab buttons. The minimum value is `100`. */
50
+ tabButtonMaxWidth?: number;
51
+ /**
52
+ * Event emitter to notify about selected tab index changes. You can either
53
+ * use bi-directional binding with [(selectedTabIndex)] or separate both with
54
+ * [selectedTabIndex]=... and (selectedTabIndexChange)=...
55
+ */
56
+ readonly selectedTabIndexChange: EventEmitter<number>;
57
+ /**
58
+ * Event emitter to notify when a tab became inactive.
59
+ */
60
+ readonly deselect: EventEmitter<SiTabDeselectionEvent>;
61
+ private initTabIndex;
62
+ private initialized;
63
+ private subscription?;
64
+ private readonly tabContainer;
65
+ private readonly innerTabContainer;
66
+ private readonly tabs;
67
+ private changeDetectorRef;
68
+ ngAfterViewInit(): void;
69
+ ngOnDestroy(): void;
70
+ /** @internal */
71
+ notifyChildrenChanged(): void;
72
+ protected isTabFocusable(index: number): boolean;
73
+ protected focusNext(): void;
74
+ protected focusPrevious(): void;
75
+ protected resize(): void;
76
+ /**
77
+ * Finds the index of the provided tab and sets the index as new selected tab index
78
+ *
79
+ * @param selectedTab - The tab to be selected. This must already be part of the container.
80
+ */
81
+ protected selectTab(selectedTab: SiTabComponent): void;
82
+ /**
83
+ * Scrolls the tab headers to the end (right in LTR).
84
+ */
85
+ protected scrollEnd(): void;
86
+ /**
87
+ * Scrolls the tab headers to the start (left in LTR).
88
+ */
89
+ protected scrollStart(): void;
90
+ private scroll;
91
+ protected mouseScroll(event: WheelEvent): void;
92
+ /** @internal */
93
+ focus(index: number): void;
94
+ /** @internal */
95
+ blur(): void;
96
+ protected closeTab(event: MouseEvent, tab: SiTabComponent): void;
97
+ static ɵfac: i0.ɵɵFactoryDeclaration<SiTabsetComponent, never>;
98
+ static ɵcmp: i0.ɵɵComponentDeclaration<SiTabsetComponent, "si-tabset", never, { "selectDefaultTab": { "alias": "selectDefaultTab"; "required": false; }; "selectedTabIndex": { "alias": "selectedTabIndex"; "required": false; }; "tabButtonMaxWidth": { "alias": "tabButtonMaxWidth"; "required": false; }; }, { "selectedTabIndexChange": "selectedTabIndexChange"; "deselect": "deselect"; }, ["tabPanels"], ["*"], true, never>;
99
+ static ngAcceptInputType_selectDefaultTab: unknown;
100
+ }