@siemens/element-ng 51.0.0-rc.9 → 51.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (152) hide show
  1. package/fesm2022/siemens-element-ng-accordion.mjs +2 -2
  2. package/fesm2022/siemens-element-ng-accordion.mjs.map +1 -1
  3. package/fesm2022/siemens-element-ng-ag-grid.mjs +125 -125
  4. package/fesm2022/siemens-element-ng-ag-grid.mjs.map +1 -1
  5. package/fesm2022/siemens-element-ng-application-header.mjs +4 -4
  6. package/fesm2022/siemens-element-ng-application-header.mjs.map +1 -1
  7. package/fesm2022/siemens-element-ng-avatar.mjs +5 -5
  8. package/fesm2022/siemens-element-ng-avatar.mjs.map +1 -1
  9. package/fesm2022/siemens-element-ng-breadcrumb.mjs +2 -2
  10. package/fesm2022/siemens-element-ng-breadcrumb.mjs.map +1 -1
  11. package/fesm2022/siemens-element-ng-card.mjs +2 -2
  12. package/fesm2022/siemens-element-ng-card.mjs.map +1 -1
  13. package/fesm2022/siemens-element-ng-carousel.mjs +2 -2
  14. package/fesm2022/siemens-element-ng-carousel.mjs.map +1 -1
  15. package/fesm2022/siemens-element-ng-chat-messages.mjs +129 -29
  16. package/fesm2022/siemens-element-ng-chat-messages.mjs.map +1 -1
  17. package/fesm2022/siemens-element-ng-circle-status.mjs +2 -2
  18. package/fesm2022/siemens-element-ng-circle-status.mjs.map +1 -1
  19. package/fesm2022/siemens-element-ng-color-picker.mjs +18 -18
  20. package/fesm2022/siemens-element-ng-color-picker.mjs.map +1 -1
  21. package/fesm2022/siemens-element-ng-connection-strength.mjs +2 -2
  22. package/fesm2022/siemens-element-ng-connection-strength.mjs.map +1 -1
  23. package/fesm2022/siemens-element-ng-content-action-bar.mjs +2 -2
  24. package/fesm2022/siemens-element-ng-content-action-bar.mjs.map +1 -1
  25. package/fesm2022/siemens-element-ng-dashboard.mjs +8 -8
  26. package/fesm2022/siemens-element-ng-dashboard.mjs.map +1 -1
  27. package/fesm2022/siemens-element-ng-date-range-filter.mjs +2 -2
  28. package/fesm2022/siemens-element-ng-date-range-filter.mjs.map +1 -1
  29. package/fesm2022/siemens-element-ng-datepicker.mjs +8 -8
  30. package/fesm2022/siemens-element-ng-datepicker.mjs.map +1 -1
  31. package/fesm2022/siemens-element-ng-electron-titlebar.mjs +2 -2
  32. package/fesm2022/siemens-element-ng-electron-titlebar.mjs.map +1 -1
  33. package/fesm2022/siemens-element-ng-empty-state.mjs +2 -2
  34. package/fesm2022/siemens-element-ng-empty-state.mjs.map +1 -1
  35. package/fesm2022/siemens-element-ng-file-uploader.mjs +2 -2
  36. package/fesm2022/siemens-element-ng-file-uploader.mjs.map +1 -1
  37. package/fesm2022/siemens-element-ng-filter-bar.mjs +4 -4
  38. package/fesm2022/siemens-element-ng-filter-bar.mjs.map +1 -1
  39. package/fesm2022/siemens-element-ng-filtered-search.mjs +4 -4
  40. package/fesm2022/siemens-element-ng-filtered-search.mjs.map +1 -1
  41. package/fesm2022/siemens-element-ng-footer.mjs +2 -2
  42. package/fesm2022/siemens-element-ng-footer.mjs.map +1 -1
  43. package/fesm2022/siemens-element-ng-form.mjs +17 -4
  44. package/fesm2022/siemens-element-ng-form.mjs.map +1 -1
  45. package/fesm2022/siemens-element-ng-help-button.mjs +2 -2
  46. package/fesm2022/siemens-element-ng-help-button.mjs.map +1 -1
  47. package/fesm2022/siemens-element-ng-icon.mjs +1 -1
  48. package/fesm2022/siemens-element-ng-icon.mjs.map +1 -1
  49. package/fesm2022/siemens-element-ng-landing-page.mjs +2 -2
  50. package/fesm2022/siemens-element-ng-landing-page.mjs.map +1 -1
  51. package/fesm2022/siemens-element-ng-language-switcher.mjs +2 -2
  52. package/fesm2022/siemens-element-ng-language-switcher.mjs.map +1 -1
  53. package/fesm2022/siemens-element-ng-list-details.mjs +64 -18
  54. package/fesm2022/siemens-element-ng-list-details.mjs.map +1 -1
  55. package/fesm2022/siemens-element-ng-loading-spinner.mjs +4 -4
  56. package/fesm2022/siemens-element-ng-loading-spinner.mjs.map +1 -1
  57. package/fesm2022/siemens-element-ng-main-detail-container.mjs +72 -24
  58. package/fesm2022/siemens-element-ng-main-detail-container.mjs.map +1 -1
  59. package/fesm2022/siemens-element-ng-maplibre.mjs +21 -21
  60. package/fesm2022/siemens-element-ng-maplibre.mjs.map +1 -1
  61. package/fesm2022/siemens-element-ng-markdown-extensions-katex.mjs +2 -2
  62. package/fesm2022/siemens-element-ng-markdown-extensions-katex.mjs.map +1 -1
  63. package/fesm2022/siemens-element-ng-markdown-hightlighter-highlightjs.mjs +2 -2
  64. package/fesm2022/siemens-element-ng-markdown-hightlighter-highlightjs.mjs.map +1 -1
  65. package/fesm2022/siemens-element-ng-menu.mjs +6 -6
  66. package/fesm2022/siemens-element-ng-menu.mjs.map +1 -1
  67. package/fesm2022/siemens-element-ng-navbar-vertical-next.mjs +8 -8
  68. package/fesm2022/siemens-element-ng-navbar-vertical-next.mjs.map +1 -1
  69. package/fesm2022/siemens-element-ng-navbar-vertical.mjs +6 -6
  70. package/fesm2022/siemens-element-ng-navbar-vertical.mjs.map +1 -1
  71. package/fesm2022/siemens-element-ng-notification-item.mjs +2 -4
  72. package/fesm2022/siemens-element-ng-notification-item.mjs.map +1 -1
  73. package/fesm2022/siemens-element-ng-number-input.mjs +2 -2
  74. package/fesm2022/siemens-element-ng-number-input.mjs.map +1 -1
  75. package/fesm2022/siemens-element-ng-password-strength.mjs +2 -2
  76. package/fesm2022/siemens-element-ng-password-strength.mjs.map +1 -1
  77. package/fesm2022/siemens-element-ng-phone-number.mjs +2 -2
  78. package/fesm2022/siemens-element-ng-phone-number.mjs.map +1 -1
  79. package/fesm2022/siemens-element-ng-photo-upload.mjs +4 -4
  80. package/fesm2022/siemens-element-ng-photo-upload.mjs.map +1 -1
  81. package/fesm2022/siemens-element-ng-pills-input.mjs +2 -2
  82. package/fesm2022/siemens-element-ng-pills-input.mjs.map +1 -1
  83. package/fesm2022/siemens-element-ng-result-details-list.mjs +2 -2
  84. package/fesm2022/siemens-element-ng-result-details-list.mjs.map +1 -1
  85. package/fesm2022/siemens-element-ng-search-bar.mjs +2 -2
  86. package/fesm2022/siemens-element-ng-search-bar.mjs.map +1 -1
  87. package/fesm2022/siemens-element-ng-select.mjs +46 -7
  88. package/fesm2022/siemens-element-ng-select.mjs.map +1 -1
  89. package/fesm2022/siemens-element-ng-side-panel.mjs +48 -13
  90. package/fesm2022/siemens-element-ng-side-panel.mjs.map +1 -1
  91. package/fesm2022/siemens-element-ng-skip-links.mjs +2 -2
  92. package/fesm2022/siemens-element-ng-skip-links.mjs.map +1 -1
  93. package/fesm2022/siemens-element-ng-slider.mjs +2 -2
  94. package/fesm2022/siemens-element-ng-slider.mjs.map +1 -1
  95. package/fesm2022/siemens-element-ng-source-chip.mjs +2 -2
  96. package/fesm2022/siemens-element-ng-source-chip.mjs.map +1 -1
  97. package/fesm2022/siemens-element-ng-split.mjs +21 -19
  98. package/fesm2022/siemens-element-ng-split.mjs.map +1 -1
  99. package/fesm2022/siemens-element-ng-status-bar.mjs +4 -4
  100. package/fesm2022/siemens-element-ng-status-bar.mjs.map +1 -1
  101. package/fesm2022/siemens-element-ng-status-counter.mjs +2 -2
  102. package/fesm2022/siemens-element-ng-status-counter.mjs.map +1 -1
  103. package/fesm2022/siemens-element-ng-status-toggle.mjs +2 -2
  104. package/fesm2022/siemens-element-ng-status-toggle.mjs.map +1 -1
  105. package/fesm2022/siemens-element-ng-summary-chip.mjs +2 -2
  106. package/fesm2022/siemens-element-ng-summary-chip.mjs.map +1 -1
  107. package/fesm2022/siemens-element-ng-summary-widget.mjs +2 -2
  108. package/fesm2022/siemens-element-ng-summary-widget.mjs.map +1 -1
  109. package/fesm2022/siemens-element-ng-system-banner.mjs +2 -2
  110. package/fesm2022/siemens-element-ng-system-banner.mjs.map +1 -1
  111. package/fesm2022/siemens-element-ng-tabs-legacy.mjs +2 -2
  112. package/fesm2022/siemens-element-ng-tabs-legacy.mjs.map +1 -1
  113. package/fesm2022/siemens-element-ng-tabs.mjs +95 -73
  114. package/fesm2022/siemens-element-ng-tabs.mjs.map +1 -1
  115. package/fesm2022/siemens-element-ng-threshold.mjs +2 -2
  116. package/fesm2022/siemens-element-ng-threshold.mjs.map +1 -1
  117. package/fesm2022/siemens-element-ng-toast-notification.mjs +2 -2
  118. package/fesm2022/siemens-element-ng-toast-notification.mjs.map +1 -1
  119. package/fesm2022/siemens-element-ng-tour.mjs +4 -4
  120. package/fesm2022/siemens-element-ng-tour.mjs.map +1 -1
  121. package/fesm2022/siemens-element-ng-tree-view.mjs +4 -4
  122. package/fesm2022/siemens-element-ng-tree-view.mjs.map +1 -1
  123. package/fesm2022/siemens-element-ng-wizard.mjs +2 -2
  124. package/fesm2022/siemens-element-ng-wizard.mjs.map +1 -1
  125. package/maplibre/styles/maplibre-gl.scss +22 -22
  126. package/package.json +4 -4
  127. package/schematics/migration.json +5 -0
  128. package/schematics/migrations/data/css-custom-properties.js +204 -12
  129. package/schematics/migrations/data/element-class-changes.js +8 -7
  130. package/schematics/migrations/data/element-migration-data.js +13 -1
  131. package/schematics/migrations/data/index.js +1 -1
  132. package/schematics/ng-update/index.js +1 -0
  133. package/schematics/ng-update/migrate-list-details-units.js +86 -0
  134. package/schematics/ng-update/migrate-main-detail-units.js +89 -0
  135. package/schematics/ng-update/migrate-split-collapse.js +1 -32
  136. package/schematics/ng-update/migrate-split-scale.js +524 -0
  137. package/schematics/ng-update/migrate-split-sizes.js +5 -3
  138. package/schematics/ng-update/migrate-to-v51-0-1.js +12 -0
  139. package/schematics/ng-update/migrate-to-v51.js +6 -0
  140. package/schematics/utils/index.js +1 -0
  141. package/schematics/utils/template-edit-utils.js +35 -0
  142. package/schematics/utils/template-utils.js +31 -45
  143. package/schematics/utils/testing.js +13 -1
  144. package/types/siemens-element-ng-avatar.d.ts +1 -1
  145. package/types/siemens-element-ng-chat-messages.d.ts +81 -17
  146. package/types/siemens-element-ng-form.d.ts +3 -0
  147. package/types/siemens-element-ng-list-details.d.ts +25 -3
  148. package/types/siemens-element-ng-main-detail-container.d.ts +23 -3
  149. package/types/siemens-element-ng-notification-item.d.ts +0 -12
  150. package/types/siemens-element-ng-select.d.ts +31 -4
  151. package/types/siemens-element-ng-side-panel.d.ts +17 -3
  152. package/types/siemens-element-ng-split.d.ts +3 -10
@@ -423,7 +423,7 @@ declare class SiSidePanelContentComponent implements OnInit {
423
423
  toggleFullscreen(): void;
424
424
  protected toggleSidePanel(event?: MouseEvent): void;
425
425
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSidePanelContentComponent, never>;
426
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSidePanelContentComponent, "si-side-panel-content", never, { "collapsibleInput": { "alias": "collapsible"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "statusActions": { "alias": "statusActions"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "toggleItemLabel": { "alias": "toggleItemLabel"; "required": false; "isSignal": true; }; "enterFullscreenLabel": { "alias": "enterFullscreenLabel"; "required": false; "isSignal": true; }; "exitFullscreenLabel": { "alias": "exitFullscreenLabel"; "required": false; "isSignal": true; }; "showMobileDrawerBadge": { "alias": "showMobileDrawerBadge"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "navigateConfig": { "alias": "navigateConfig"; "required": false; "isSignal": true; }; }, { "searchEvent": "searchEvent"; }, never, ["si-side-panel-actions", "*"], true, never>;
426
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSidePanelContentComponent, "si-side-panel-content", never, { "collapsibleInput": { "alias": "collapsible"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "primaryActions": { "alias": "primaryActions"; "required": false; "isSignal": true; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; "isSignal": true; }; "statusActions": { "alias": "statusActions"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "toggleItemLabel": { "alias": "toggleItemLabel"; "required": false; "isSignal": true; }; "enterFullscreenLabel": { "alias": "enterFullscreenLabel"; "required": false; "isSignal": true; }; "exitFullscreenLabel": { "alias": "exitFullscreenLabel"; "required": false; "isSignal": true; }; "showMobileDrawerBadge": { "alias": "showMobileDrawerBadge"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "navigateConfig": { "alias": "navigateConfig"; "required": false; "isSignal": true; }; }, { "searchEvent": "searchEvent"; }, never, ["[siSidePanelBackButton]", "si-side-panel-actions", "*"], true, never>;
427
427
  }
428
428
 
429
429
  /**
@@ -496,11 +496,25 @@ declare class SiSidePanelActionComponent {
496
496
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSidePanelActionComponent, "button[si-side-panel-action], a[si-side-panel-action]", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "stackedIcon": { "alias": "stackedIcon"; "required": false; "isSignal": true; }; "stackedIconColor": { "alias": "stackedIconColor"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
497
497
  }
498
498
 
499
+ /**
500
+ * Back button for navigating from side-panel details to the previous view.
501
+ *
502
+ * @example
503
+ * ```html
504
+ * <button type="button" siSidePanelBackButton aria-label="Back" (click)="back()"></button>
505
+ * ```
506
+ */
507
+ declare class SiSidePanelBackButtonComponent {
508
+ protected readonly icons: Record<"elementLeft4", string>;
509
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSidePanelBackButtonComponent, never>;
510
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSidePanelBackButtonComponent, "button[siSidePanelBackButton], a[siSidePanelBackButton]", never, {}, {}, never, ["*"], true, never>;
511
+ }
512
+
499
513
  declare class SiSidePanelModule {
500
514
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSidePanelModule, never>;
501
- static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiSidePanelModule, never, [typeof SiSidePanelComponent, typeof SiSidePanelContentComponent, typeof SiSidePanelActionsComponent, typeof SiSidePanelActionComponent], [typeof SiSidePanelComponent, typeof SiSidePanelContentComponent, typeof SiSidePanelActionsComponent, typeof SiSidePanelActionComponent]>;
515
+ static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiSidePanelModule, never, [typeof SiSidePanelComponent, typeof SiSidePanelContentComponent, typeof SiSidePanelActionsComponent, typeof SiSidePanelActionComponent, typeof SiSidePanelBackButtonComponent], [typeof SiSidePanelComponent, typeof SiSidePanelContentComponent, typeof SiSidePanelActionsComponent, typeof SiSidePanelActionComponent, typeof SiSidePanelBackButtonComponent]>;
502
516
  static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiSidePanelModule>;
503
517
  }
504
518
 
505
- export { SiSidePanelActionComponent, SiSidePanelActionsComponent, SiSidePanelComponent, SiSidePanelContentComponent, SiSidePanelModule, SiSidePanelService };
519
+ export { SiSidePanelActionComponent, SiSidePanelActionsComponent, SiSidePanelBackButtonComponent, SiSidePanelComponent, SiSidePanelContentComponent, SiSidePanelModule, SiSidePanelService };
506
520
  export type { SidePanelDisplayMode, SidePanelMode, SidePanelNavigateConfig, SidePanelNavigateLink, SidePanelNavigateRouterLink, SidePanelSize, StatusItem };
@@ -10,7 +10,6 @@ import { TranslatableString } from '@siemens/element-translate-ng/translate';
10
10
  type CollapseTo = 'to-start' | 'to-end';
11
11
  type SplitOrientation = 'horizontal' | 'vertical';
12
12
  type SplitUnit = 'px' | 'fr';
13
- type Scale = 'none' | 'auto';
14
13
  interface Action {
15
14
  iconClass: string;
16
15
  tooltip: string;
@@ -72,13 +71,6 @@ declare class SiSplitPartComponent {
72
71
  * @defaultValue false
73
72
  */
74
73
  readonly removeContentOnCollapse: _angular_core.InputSignalWithTransform<boolean, unknown>;
75
- /**
76
- * Defines the behavior of the split part during scaling.
77
- * E.g. when set to `none`, the spit part will keep its current size even when the parent container grows or shrinks.
78
- *
79
- * @defaultValue 'auto'
80
- */
81
- readonly scale: _angular_core.InputSignal<Scale>;
82
74
  /**
83
75
  * Defines if the header of the split part is visible. Default is true.
84
76
  *
@@ -178,7 +170,7 @@ declare class SiSplitPartComponent {
178
170
  private refreshCollapsedToEnd;
179
171
  private refreshCollapseToStart;
180
172
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSplitPartComponent, never>;
181
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSplitPartComponent, "si-split-part", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapseIconClass": { "alias": "collapseIconClass"; "required": false; "isSignal": true; }; "collapseToMinSize": { "alias": "collapseToMinSize"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "removeContentOnCollapse": { "alias": "removeContentOnCollapse"; "required": false; "isSignal": true; }; "scale": { "alias": "scale"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": true; "isSignal": true; }; "unit": { "alias": "unit"; "required": true; "isSignal": true; }; "collapseOthers": { "alias": "collapseOthers"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "collapseChanged": "collapseChanged"; "stateChange": "stateChange"; }, never, ["*"], true, never>;
173
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSplitPartComponent, "si-split-part", never, { "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "collapsible": { "alias": "collapsible"; "required": false; "isSignal": true; }; "collapseIconClass": { "alias": "collapseIconClass"; "required": false; "isSignal": true; }; "collapseToMinSize": { "alias": "collapseToMinSize"; "required": false; "isSignal": true; }; "headerTemplate": { "alias": "headerTemplate"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "minSize": { "alias": "minSize"; "required": false; "isSignal": true; }; "removeContentOnCollapse": { "alias": "removeContentOnCollapse"; "required": false; "isSignal": true; }; "showHeader": { "alias": "showHeader"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "stateId": { "alias": "stateId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": true; "isSignal": true; }; "unit": { "alias": "unit"; "required": true; "isSignal": true; }; "collapseOthers": { "alias": "collapseOthers"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "collapseChanged": "collapseChanged"; "stateChange": "stateChange"; }, never, ["*"], true, never>;
182
174
  }
183
175
 
184
176
  interface Gutter {
@@ -226,6 +218,7 @@ declare class SiSplitComponent {
226
218
  private setupParts;
227
219
  private refreshAllPartSizes;
228
220
  protected resizeStart(gutter: Gutter, event: Event): void;
221
+ private emitSizesChange;
229
222
  private measureContainerSize;
230
223
  private getPosition;
231
224
  private saveUIState;
@@ -241,4 +234,4 @@ declare class SiSplitModule {
241
234
  }
242
235
 
243
236
  export { SiSplitComponent, SiSplitModule, SiSplitPartComponent };
244
- export type { Action, CollapseTo, PartState, Scale, SplitOrientation, SplitUnit };
237
+ export type { Action, CollapseTo, PartState, SplitOrientation, SplitUnit };