v49.6.0

49.6.0 (2026-04-13)

Features

• schematics: add migration schematic for modal options from initialState to inputValues (37401de)

Bug Fixes

• datepicker: set correct range preview on dateRange input changes (d34bd15)
• live-preview: code editor cursor position misaligned (25ce952)
• theme: align checkbox and radio inputs (0332eb4)
• toast-notification: fix missing toasts when called during bootstrap (bfa89b8)
• tooltip: remove min-width constraint from tooltip (548b313)

v49.5.0

49.5.0 (2026-04-09)

Features

• element-theme: introduce btn ghost style (63dcabb)
• microchart-progress: improve accessibility (f0de43a)
• modal: migrate .modal-backdrop to use CSS starting-style instead of using timers (abf3119)
• navbar-vertical-next: add navbar-vertical-next component (5a378b6)

Bug Fixes

• buttons: selection buttons hover state (5bbba31)
• charts: import missing echarts imports (fd1a5e0)
• charts: visualize datasets in si-chart-cartesian and si-chart (233009b), closes #1761
• chat-messages: improve chat container layout (b9c27b4)
• dashbaords-ng: use square icon style for edit button (daf06ee)
• dashboards-ng: use siTooltip over html native tooltip (712e77b)
• datatable: use correct header-height (4d96425)
• element-theme: reduce button padding to align with design specs (b98ef66), closes #1801
• file-uploader: fix icon and text alignment (0ebca28)
• filtered-search: only emit criteriaValueChange once after option selection (cf8fbd8)
• live-preview: hide StackBlitz button without element-theme dependency (d885f54)
• tooltip: remove aria-describedby when tooltip is disabled (d204337)
• tree-view: ensure contextMenuItems input changes are automatically applied (1a0f1c4)
• typography: align code and pre tags with UX (81de50b)

NOTES

• element-theme: The ghost button naming deviates from the usual button naming convention to avoid breaking changes.
  The .btn-primary-ghost class has been added to represent the updated ghost button style,
  while the .btn-ghost class continues to represent the tertiary ghost style buttons.

  With the next major release, the ghost button naming will be updated to match the button naming conventions.

v49.4.0

49.4.0 (2026-03-26)

Features

• threshold: add useAliasForStepValues input to display alias labels (1dadebc)

Bug Fixes

• application-header: highlight active route on mobile (4d25237)

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: ...