v49.3.0

49.3.0 (2026-03-25)

Features

• card: add support for card-outline (2ef16f9)
• dashboards-ng: extend module-federation version range to include v21 (e669f31)
• navbar-vertical: allow to customize search debounce time (fe05c29)
• side-panel: extract status actions into new component (f796850)

Bug Fixes

• form: align col-form-label with form-control and form-check (bd1e763)
• form: prevent feedback icon from disappearing on hover in readonly inputs (52a3441)
• header-dropdown: use correct icon size for checked item (047ded0)
• side-panel: use correct spacing in collapse mode (5c1fd2b)

DEPRECATIONS

• side-panel: The input SiSidePanelContentComponent.statusActions should no longer be used.
  Use the new <si-side-panel-actions> instead:

  <si-side-panel-content>
    <si-side-panel-actions>
        <button
          type="button"
          si-side-panel-action
          icon="element-alarm-background-filled"
          iconColor="status-danger"
          stackedIcon="element-alarm-tick"
          stackedIconColor="text-body"
          (click)="action()"
        >
          Action
        </button>
    </si-side-panel-actions>
  </si-side-panel-content>

v48.11.0

48.11.0 (2026-03-25)

Features

• side-panel: extract status actions into new component (cf03426)

DEPRECATIONS

• side-panel: The input SiSidePanelContentComponent.statusActions should no longer be used.
  Use the new <si-side-panel-actions> instead:

  <si-side-panel-content>
    <si-side-panel-actions>
        <button
          type="button"
          si-side-panel-action
          icon="element-alarm-background-filled"
          iconColor="status-danger"
          stackedIcon="element-alarm-tick"
          stackedIconColor="text-body"
          (click)="action()"
        >
          Action
        </button>
    </si-side-panel-actions>
  </si-side-panel-content>

v49.2.0

49.2.0 (2026-03-18)

Features

• live-preview: support creating a stackblitz based on an example (e5a6877)
• ngx-datatable: support @siemens/ngx-datatable v26 (a872638)
• typeahead: make overlay scroll strategy configurable (3bd1e5a)

Bug Fixes

• maps: add extraProperties to map feature point to match MapPointMetaData interface (a337170)
• map: show popover with name and description on click (21b9d2e)
• select: optimize single selection rendering (2873d0b)

v49.1.0

49.1.0 (2026-03-13)

• Revert "chore(element-ng): narrow @siemens/ngx-datatable peer dependency to v25" (cc760f1)

Features

• datatable: add theming for the datatable summary row (9f5a354)
• landing-page: add default texts for forgot password and register now links (b4dc71a)
• live-preview: allow apps to use AOT compilation with live preview (240ed53)
• tabs: add contentOverflowAuto attribute to si-tabset for auto-scrolling (b4d22b8)
• tabs: provide the ability to render a tabpanel outside the tabset via CDK DOM Portal (3c6a39e)
• typeahead: experimental option source with loading state (a673a56)

Bug Fixes

• card: use correct spacing in si-action-card (4c15dad)
• dashboards-ng: prevent unnecessary widgetRef config updates (9032307)
• filtered-search: only emit doSearch once for each change (c75bde8)
• landing-page: pass loginAlert action and translationParams (71854e6), closes #1555
• landing-page: prevent initial animation (0c9ce58)
• launchpad: align external icon size and spacing with design specs (d04db2a)
• navbar-vertical: remove absolute positioning from title (b45b7a3)
• schematics: distinguish files from directories during ts compilation (e010e2c)
• side-panel: hide fullscreen button on smaller breakpoints (282005b), closes #1529
• typography: align lead with body-lg (95cc743)

v47.12.2

47.12.2 (2026-03-04)

Bug Fixes

• datepicker: fix incorrect week numbers (c43bfbe)
• tree-view: use hasAnyChildren from parent to determine inline padding (df648db)

v48.10.3

48.10.3 (2026-02-19)

Bug Fixes

• schematics: add mappings for various chart options (18b50b5)

v49.0.0

49.0.0 (2026-02-18)

Release blog post: "Welcome Element v49!"

Features

• ag-grid: add Element theme for AG Grid (0c6ad96)
• angular: update to Angular 21 (1f6ff72)
• buttons: add square icon buttons (acb4069)
• buttons: unify sizing across text and icon variants (d3c42ba)
• buttons: update selection buttons to support tooltips (4893864)
• charts: theme change without reloading the chart (48aee8e)
• charts: split into separate entry point (06ca45e)
• chat-messages: add ai-welcome-screen component (1aaaf7c)
• content-action-bar: add tooltip support (8a153c3)
• dashboards-ng: custom id provider for widget instance (f815092)
• dashboards: add support for primary and secondary toolbar actions via component inputs (bc4d0d2)
• dashboards: native federation (f81c5a4)
• element-ng: replace @angular/animations with native CSS (4ae0b79)
• element-theme: introduce new active states (d917006)
• file-uploader: provide translation params to uploader messages (d6dfadf), closes #1447
• form: extend and align validation messages with UX guidelines (13f8c88), closes #1373
• forms: derive validation border via CSS on .form-control-wrapper (85bcfb3), closes #1339
• icon: enable svg icons by default (9093f59)
• icons: use open source icons (be23170)
• landing-page: remove registration introduction text due to ux guidelines (10c08f8)
• launchpad: align to new style and responsive design (643f66c)
• list-details: stabilize APIs and remove experimental flag (cb3ad59)
• live-preview: use siemens syntax highlighting colors (f2b77a8)
• navbar-vertical: update badges visibility logic (acd4456)
• navbar-vertical: use siTooltip for collapsed items (515137a)
• npm: add support for ngx-translate v17 (56e04bf)
• password-toggle: support form validation for si-password-toggle (caca09e)
• schematics: add class member replacement functionality (f31da29)
• schematics: add element class migration for element styling changes (94d9bcf)
• schematics: add icon path migration schematic to update icon imports (0d99124)
• schematics: add migration for Simpl* to Si* module renamings (2b28daf)
• schematics: add new schematics data for version 49 (41535ca)
• schematics: add ng-update schematic (4622b60)
• schematics: remove OSS migration schematics (8bfc8bf)
• schematics: rename output-names and component-names model (ebbf217)
• schematics: update schematics for dashboards config token migration (ea54afb)
• side-panel: add backdrop support (fb9fefd)
• tooltip: add animation (a3e09ea)

Bug Fixes

• breadcrumb: align with Figma component (36147b6)
• buttons: button group sizing (f928791)
• charts: update progress chart colors on theme change (be0defc)
• chat-messages: improve scroll responsiveness and expose scroll methods on si-chat-container (58b6c2e)
• dashboards-ng: correctly overlap gridstack resize icon on custom resize icon (0db47e7)
• dashboards-ng: drop ngx-translate peerDependency (b5fa436)
• dashboards-ng: use consistent spacing for draggable-overlay (d73d785)
• date-range-filter: correctly update range when toggling advanced mode (287dedb)
• datepicker: update date even on changing only time (b3b3c8f), closes #1431
• deps: add missing peer dependencies for dashboards-ng, maps-ng and native-charts-ng (1c8b49a)
• file-uploader: center file types text in si-file-dropzone (e12fff8)
• filtered-search: avoid expression change errors in zoneless apps (025ccf9)
• icon: ng-deep styles not getting applied with webpack builds (5bbf233)
• inline-notification: remove colon from heading (800ee01)
• ip-input: retain cursor position when inserting characters (2084039)
• list-details: prevent half visible content (9b43b9d)
• live-preview: support zoneless (6d83417)
• navbar-vertical: focus and active state handling (2edbcc9)
• pills-input: only show placeholder text when a string is provided (4e1ccdf)
• schematics: remove unused simpl-siemens-migration schematic (56d5c79)
• select: maintain filtered rows when updating all rows (769a8f7)
• side-panel: set default display to inline-flex (5317335)
• toast-notification: restore RTL for toast notification (a4732be)
• tooltip: ...

v49.0.0-rc.4

49.0.0-rc.4 (2026-02-18)

Features

• buttons: update selection buttons to support tooltips (4893864)
• dashboards: add support for primary and secondary toolbar actions via component inputs (bc4d0d2)
• icon: enable svg icons by default (9093f59)
• schematics: add migration for Simpl* to Si* module renamings (2b28daf)

Bug Fixes

• breadcrumb: align with Figma component (36147b6)
• icon: ng-deep styles not getting applied with webpack builds (5bbf233)
• navbar-vertical: focus and active state handling (2edbcc9)
• wizard: align save button correctly when hideNavigation is true (4a1ec89)

BREAKING CHANGES

• icon: <si-icon> now renders icons by default as SVG instead of using the icon-font.
  element-* icon classes are not affected by this change.

  SVG icons render slightly differently so VRT snapshots may need to be updated.

  To restore the previous behavior, opt-out SVG icons.

  provideIconConfig({ disableSvgIcons: true })

• element-ng: Dropped support for @siemens/ngx-datatable versions 22-24. Only version 25 is now supported as a peer dependency.

DEPRECATIONS

• dashboards: SiWidgetStorage.getToolbarMenuItems is deprecated. Use provideDashboardToolbarItems in your app configuration for global toolbar items, and/or use the primaryEditActions and secondaryEditActions inputs on SiFlexibleDashboardComponent for dashboard specific toolbar items.

  Before (deprecated approach):

  export class AppWidgetStorage extends SiDefaultWidgetStorage {
    override getToolbarMenuItems = (dashboardId?: string) => ({
      primary: of([{
        type: 'action',
        label: 'Custom Action',
        action: (grid) => alert('Action!')
      }]),
      secondary: of([{
        type: 'action',
        label: 'Settings',
        action: (grid) => this.openSettings()
      }])
    });
  }
  

  After

  // For global toolbar items (shared across all dashboards):
  
  // standalone setup
  export const appConfig: ApplicationConfig = {
    providers: [
      provideDashboardToolbarItems({
        primary: [{
          type: 'action',
          label: 'Custom Action',
          action: (grid) => alert('Action!')
        }],
        secondary: [{
          type: 'action',
          label: 'Settings',
          action: (grid) => this.openSettings()
        }]
      })
    ]
  };
  
  // For module-based apps:
  @NgModule({
    providers: [
      provideDashboardToolbarItems({
        primary: [{
          type: 'action',
          label: 'Custom Action',
          action: (grid) => alert('Action!')
        }],
        secondary: [{
          type: 'action',
          label: 'Settings',
          action: (grid) => this.openSettings()
        }]
      })
    ]
  })
  export class AppModule { }
  
  // For dashboard-specific toolbar items:
  <si-flexible-dashboard
    [primaryEditActions]="primaryActions"
    [secondaryEditActions]="secondaryActions"
  />
  

• sort-bar: SiSortBarComponent and SiSortBarModule are deprecated.
  They originate from the older design system and do not align with current
  design guidelines. No known use case exists for this component.
  Both will be removed in v50.

v48.10.2

48.10.2 (2026-02-16)

Bug Fixes

• wizard: align save button correctly when hideNavigation is true (62c9da8), closes #1507

v49.0.0-rc.3

49.0.0-rc.3 (2026-02-12)

Features

• landing-page: remove registration introduction text due to ux guidelines (10c08f8)
• schematics: add class member replacement functionality (f31da29)
• schematics: add element class migration for element styling changes (94d9bcf)
• schematics: add icon path migration schematic to update icon imports (0d99124)
• schematics: rename output-names and component-names model (ebbf217)

Bug Fixes

• dashboards-ng: correctly overlap gridstack resize icon on custom resize icon (0db47e7)
• dashboards-ng: use consistent spacing for draggable-overlay (d73d785)
• datepicker: update date even on changing only time (b3b3c8f), closes #1431
• inline-notification: remove colon from heading (800ee01)
• ip-input: retain cursor position when inserting characters (2084039)
• schematics: remove unused simpl-siemens-migration schematic (56d5c79)
• toast-notification: restore RTL for toast notification (a4732be)
• tooltip: update content while tooltip is open (f279709)

BREAKING CHANGES

• landing-page: The registerNowIntroText input has been removed to align with UX guidelines.
  Remove all usages.