8.6.0 (2020-11-25)

Features

  • chart: Adds a DtChartTooltipConfig to customize the positioning of the tooltip inside the chart. (8c676d2)

8.5.0 (2020-11-23)

Bug Fixes

  • combobox: Fixes an issue where the combobox flap did not close. (a7e133b), closes #849
  • filter-field: Fixes an issue where the filterChanges event was not triggered. (bce1785)
  • filter-field: Fixes an issue with confusing disabled styles. (32ea19d)

Features

  • indicator: Added indicator theme 'recovered'. (9b3e989)
  • timepicker: Added experimental timepicker and timeinput components. (8784ec3)

8.4.0 (2020-11-13)

Bug Fixes

  • combobox: Fixes an issue with the combobox where the initial value caused a change detection error. (6de0373)
  • drawer: Fixes an issue of width-drift when closing the drawer. (0208470)
  • filter-field: Fixes an issue with async data and programmatically set filters. (64d6ace)
  • quick-filter: Fixes an issue where a range could not be set in the filter field. (960f078)

Features

  • context-dialog: Simplifies overriding the maxWidth of the overlay.You can now set the maxWidth as part of the DT_CONTEXT_DIALOG_CONFIG token and it will properly be reflected on the overlay. (2c501b6)
  • select: Add custom template for selected value. You can now provide a custom template that will format the displayed selected value. (7621940)
  • table: Don't show empty state while loading is active. (9f0130a)

8.3.0 (2020-11-09)

Bug Fixes

  • formatters: Fixes an issue with 0 edge-case in number format mode. (a9c04aa)
  • quick-filter: Fixes an issue where free-text could not be set in a quick-filter environment. (2b36cdd)

Features

  • icon, info-group: Switch theming to css-custom-properties. (df67f1e)

8.2.0 (2020-10-29)

Note

With this release the quickfilter component was moved from the experimental package and becomes stable. All imports from @dynatrace/barista-components/experimental/quick-filter need to be changed to @dynatrace/barista-components/quick-filter. Thanks to everyone who helped test, develop and provided feedback. Future changes for the quick-filter will follow semantic versioning from now on.

Bug Fixes

  • chart: Fix dynamic heatfield generation that was not possible. (796b9e9), closes #1580
  • context-dialog: Focuses the first tabbable element inside the overlay context instead of the last. (8b83638)
  • event-chart: Display human readable time (819f1a8)
  • examples: Bumps @angular/cdk from 10.1.1 to 10.2.4 which fixes the table's and tree-table's stackblitz issues due to a regression. (0573542)
  • filter-field, autocomplete: Fixes an issue that the panels did not react to viewport boundaries correctly. (2aac52b), closes #1747
  • quick-filter: Fixes a bug that didn't show any options when the view-more button was clicked. (f96e3c5)
  • option: Fixes an issue with the scrollbar on firefox causing text to be cut short unintentionally. (928ff1d)
  • tree-table: Fixes the tree-table by reverting the changes causing unwanted behaviour of the text to expand on hover, back to overflow: hidden and text-overflow: ellipsis (de61612)

Features

  • quick-filter: Move the quick filter component out of the experimental package. (17ea085)
  • radial-chart: Makes the legend interactable. (76afff4)

8.1.2 (2020-10-12)

Bug Fixes

  • option: Fixes an issue with the scrollbar on firefox causing text to be cut short unintentionally. (cb38a50)

Experimental Package ⚠️

  • quick-filter: Add show more functionality to the quick-filter component and enable group handling in the data source.

8.1.1 (2020-10-08)

Bug Fixes

  • chart: Fix dynamic heatfield generation that was not possible. (796b9e9), closes #1580
  • event-chart: Display human readable time (819f1a8)
  • tree-table: Fixes the tree-table by reverting the changes causing unwanted behavior of the text to expand on hover, back to overflow: hidden and text-overflow: ellipsis (ee6c28b)

8.1.0 (2020-10-01)

Bug Fixes

  • button-group: Fix a regression that was introduced with the update to the new typescript version. (a3b7382), closes #1577
  • combobox: Fix reset behaviour. (f6742c2)
  • filter-field: Fixed UX problem where text that wasn't applied to the filter would remain after losing focus. (a5af7fd)
  • filter-field: Fixes an issue where custom tag parsers are not applied on filters set initially. (ab5edc5), closes #1591
  • filter-field: Fixes an issue where suggestions are not displayed in MS Edge. (b88539b), closes #1558
  • filter-field: Reverts a commit that introduced a bug when selecting suggestion values. (dd08844), closes #1632
  • option: Fixes the behaviour of selecting an option with mouse and keyboard, solving the issue of multiple options being selected. (21addc2)
  • quick-filter: Use internal uid for the filter generation. (eafc15c), closes #1647 #1522
  • tree-table: Fixes overflow when info-group contains long texts (c9f1413)

Features

  • alert: Introduce info severity type (5856d36)
  • combobox: Introduce injection token to configure option height. (8342c18)

8.0.3 (2020-09-23)

Bug Fixes

  • filter-field: Reverts a commit that introduced a bug when selecting suggestion values. (4ad27e0), closes #1632

8.0.2 (2020-09-16)

Bug Fixes

  • combobox: Fixes an issue where the value was not reset. (139f97f)
  • filter-field: Fixed UX problem where text that wasn't applied to the filter would remain after losing focus. (dbddb97)
  • filter-field: Fixes an issue where custom tag parsers are not applied on filters set initially. (c43b0a4), closes #1591
  • filter-field: Fixes an issue where suggestions are not displayed in MS Edge. (43733a1), closes #1558

8.0.1 (2020-09-09)

Bug Fixes

  • button-group: Fixes a regression that was introduced with the update to the new typescript version. (0193f0b), closes #1577
  • option: Fixes the behavior of selecting an option with mouse and keyboard, solving the issue of multiple options being selected. (21addc2)
  • tree-table: Fixes an overflow issue, when the info-group contains a long text. (b71371c)

8.0.0 (2020-08-31)

Bug Fixes

  • button: Fixes an issue with secondary theme hover and active state (a602f6b)
  • combobox: Fixes an issue where the value was reset. (9c18bef), closes #1427
  • container-breakpoint-observer: Added logging information where the placeholder container is applied so tracking this issue if it is occurring again is easier. (f98469a), closes #1526
  • duration-formatter: Fixes incorrect results when units are below milliseconds (b9affb7)
  • expandable-section: Fixes an issue where the initial state set, via dom attribute for disabled and expandable is not applied correctly. (4bc7094), closes #1489 #1472
  • filter-field: Fixes an issue where the user can interact while in loading state. (7b593b7), closes #1464
  • filter-field: Fixes an issue with overflowing suggestions. (644c00f), closes #1440
  • highlight: Fixes an issue where the highlight would break layouts. (2e5e656), closes #1420

BREAKING CHANGES

  • select, combobox: The deprecated function for creating an error object in the select component has been removed. An error message is now logged instead.
  • table: Removed the simple order column, as it stopped working with Angular Version 9.1.6. Instead, use the dt-order-cell directly in the table definition.
  • empty-state: Remove ViewportResizer from constructor and let the resize observer handle the layout changes. Therefore the custom empty state base class is not needed anymore and was removed.
  • radio-group: Remove custom injection of ngControl and default null assignment.
  • switch: Remove custom injection of ngControl and default null assignment.
  • checkbox: Remove custom injection of ngControl and default null assignment.
  • sunburst-chart: Made multiple constructor parameters required.
  • Updated Angular peer dependency version to 10.x
  • Added tslib 2.x as a dependency

8.0.0-rc.1 (2020-08-28)

Bug Fixes

  • button: Fixes an issue with secondary theme hover and active state (a602f6b)
  • combobox: Fixes an issue where the value was reset. (9c18bef), closes #1427
  • container-breakpoint-observer: Added logging information where the placeholder container is applied so tracking this issue if it is occurring again is easier. (f98469a), closes #1526
  • duration-formatter: Fixes incorrect results when units are below milliseconds (b9affb7)
  • expandable-section: Fixes an issue where the inital state set via dom attribute for disabled and expandable is not applied correctly. (4bc7094), closes #1489 #1472
  • filter-field: Fixes an issue where the user can interact while in loading state. (7b593b7), closes #1464
  • filter-field: Fixes an issue with overflowing suggestions. (644c00f), closes #1440
  • highlight: Fixes an issue where the highlight would break layouts. (2e5e656), closes #1420

BREAKING CHANGES

  • select, combobox: The deprecated function for creating an error object in the select component has been removed. An error message is now logged instead.
  • table: Removed the simple order column, as it stopped working with Angular Version 9.1.6. Instead use the dt-order-cell directly in the table definition.
  • empty-state: Remove ViewportResizer from constructor and let the resize observer handle the layout changes. Therefore the custom empty state base class is not needed anymore and was removed.
  • radio-group: Remove custom injection of ngControl and default null assignment.
  • switch: Remove custom injection of ngControl and default null assignment.
  • checkbox: Remove custom injection of ngControl and default null assignment.
  • sunburst-chart: Made multiple constructor parameters required.
  • Updated Angular peer dependency version to 10.x
  • Added tslib 2.x as a dependency

8.0.0-rc.0 (2020-08-10)

BREAKING CHANGES

  • empty-state: Remove ViewportResizer from constructor and let the resize observer handle the layout changes. Therefore the custom empty state base class is not needed anymore and was removed.
  • radio-group: Remove custom injection of ngControl and default null assignment.
  • switch: Remove custom injection of ngControl and default null assignment.
  • checkbox: Remove custom injection of ngControl and default null assignment.
  • sunburst-chart: Made multiple constructor parameters required.
  • Updated Angular peer dependency version to 10.x
  • Added tslib 2.x as a dependency

7.7.0 (2020-08-06)

Bug Fixes

  • chart: Fixes an issue where series visibility was not retained over new data set. (23815c6), closes #1412
  • filter-field: Fixes an issue where long free-text values exceed the border of the overlay. (9d5f935), closes #1439

Features

  • filter-field: Added options for user-defined tag parser function (e16948a)
  • show-more: Changed theming to custom properties. (54314a0)

7.6.0 (2020-07-29)

Bug Fixes

  • theming: Fixes an issue where custom properties were not set to default. (e1913e6)

Features

  • table: Add capability to have a row selection using a checkbox column (7569ea3)

7.5.1 (2020-07-29)

Bug Fixes

  • bundle: Fixes imports between submodules in the compiled bundle. (edf2a81)
  • formatters: Fixes a bug throwing an errror when setting maxPrecision lower than 0 and the input higher that 1 (9c7c728)

7.5.0 (2020-07-27)

Bug Fixes

  • container-breakdown-observer: Fixes an issue where query parsing was not working in Edge. (d8e5453), closes #1346
  • filter-field: Fixes an issue where the range stayed open when datasource was updated. (d5fbe71), closes #1256
  • filter-field: Fixes an issue with the error validation when trying to submit an empty value. (6d1e93d), closes #1299
  • input: Fixes extra outlines when placed inside dt-form-field component. (f0df782), closes #999
  • input, select, combobox: Unified placeholder color. (95f3b7d), closes #866
  • quick-filter: Fixes an issue where an ExpressionChangedAfterChecked error was thrown when filters were set programmatically. (2b993f3), closes #1305
  • select: Fixes border issue when select is used inside dt-form-field component. (356026e)
  • sunburst-chart: Fixes an issue that multiple children were opened when they had the same starting name. (759e97e)
  • table: Fixes an issue where an expandable-row had a broken style after table-sorting. (8e3a111), closes #1353

Features

  • chart: Switched theming to custom properties. (33b2185)
  • consumption: Switched theming to custom properties. (c41f87b)
  • copy-to-clipboard: Switched theming to custom properties. (bbaae5b)
  • formatters: Added maxPrecision parameter to count formatters to control the amount of decimals. (bac398f)
  • indicator: Switched theming to custom properties. (7692798)
  • progress-bar: Switched theming to custom properties. (d49a9ec), closes #1056
  • progress-circle: Switched theming to custom properties. (017921d)
  • radio: Switched theming to custom properties. (23df291)
  • tile: Switched theming to custom properties. (a8ccf30)

7.4.0 (2020-07-14)

Bug Fixes

  • combobox: Fixes an issue with setting the value not updating the input correctly. (79f77cf)
  • event-chart: Fixes an issue with the xAxis formatting (97e9d69)
  • filter-field: Fixes an issue with the infix when deleting a filter while in flight. (62b4465), closes #1264
  • filter-field: Fixes an issue with validation flickering on free text. (8175d0c), closes #1180
  • radio: Fixes an issue where the radio-group interfered with other groups. (178d665), closes #1270
  • sunburst-chart: Fixes an issue with missing types dependency. (e251789)

Features

  • formatters: Added maxDecimals option to duration formatter (fb757c6)

7.3.0 (2020-07-09)

Bug Fixes

  • combobox: Fixes an issue that options were not handled correctly when changed at runtime. (457ce87)
  • confirmation-dialog: Fixes issue where the spacing between the content and actions is too small. (eda4145), closes #1148
  • stacked-series-chart: Sanitize axis ticks position (43b0340)

Features

  • schematics: Add example component generation. (138cb87)
  • sunburst-chart: Add ariaLabel and responsiveness (e588f07)

7.2.0 (2020-06-29)

Bug Fixes

  • button: Fixes an issue where visited a[dt-button] components had the wrong style. (6f8c9a7), closes #1202
  • quickfilter: Fixes an issue where the content received a scrollbar due to wrong box-sizing applied. (5415f2f)
  • table: Fixes a CD issue when using the simple order column with an Angular version higher than 9.1.6. (0233e5e)
  • table: Reorder input being cut off in Firefox. (5542623), closes #1132

Features

  • alert: Changes styling to use custom properties. (4527735)
  • checkbox, switch: Added support as a form-field-control. (3e84703), closes #1120
  • radial-chart: Add selection and percent values (3c26ead)
  • radio: Added support as a form-field-control. (5f9f70e), closes #1121
  • stacked-series-chart: Create component (5335956)
  • Added compatibility to include @dynatrace/barista-icons@7.0.0 (47a29cb)

7.1.0 (2020-06-15)

Bug Fixes

  • chart: Fixes showing inactive series opaque. (42930cd), closes #1146
  • confirmation-dialog: Fixes an issue that focusAttention needs mark for check if triggered in some edge cases. (6ca6191)
  • event-chart: Fixes an issue that the event chart was falsly getting the pipe for formatting the duration via DI, which resulted in a runtime error in ivy. (7cbfce6)

Features

  • button-group: Changed styling to custom properties. (baba021)
  • combobox: Added experimental combobox component. (d618bcd)
  • dependencies: Increases version range of supported barista-icons package to all 6.x versions. (2922073)
  • formatters: Exposed formatted display unit in DtFormattedValue. (4a38142)
  • quick-filter: Propagate filter-field events. (0c44e64), closes #1025

7.0.1 (2020-06-04)

Bug Fixes

  • button: Increases specificity even more on links since source order mattered with the last update. (096af95)
  • confirmation-dialog: Fixes an issue that the confirmation dialog was blocking interactions although it was not visible. (96ca9f7)
  • filter-field: Fixes an issue where tags were not disabled when the filter-field was. (d25622a), closes #1097
  • filter-field: Fixes an issue where the range caused an error after its destruction. (e1cf261)
  • quick-filter: Typo in method name. (90e08f0)

7.0.0 (2020-05-27)

Most of the breaking changes will be fixed automatically by running ng update @dynatrace/barista-components. Some required changes like highcharts type changes require context and therefore cannot be automated. See our migration guide for further information on how to migrate.

BREAKING CHANGES

  • autocomplete: Removed FlexibleConnectedPositionStrategy and makes _viewportRuler, _platform and _overlayContainer mandatory in the constructor. (ed57594)
  • breadcrumbs: Removed deprecated breadcrumb-item component and deprecated aria-label input attributes. (f8019e0)
  • chart: Removed deprecated aria-label input attributes. (7b1ef74)
  • chart: Updated to highcharts 7 and removing third party typings for highcharts. (58a0297)
  • colors: Removed $flat-white and FLAT_WHITE. (230d208)
  • context-dialog: Removed deprecated aria-label input attribute and makes elementRef mandatory in the constructor. (b5d0136)
  • consumption: Removed deprecated aria-label input attributes. (695fd35)
  • core: isNumber now returns false for number strings like "12" as expected. Added isNumberLike function for these number-string cases.
  • cta-card: Removed deprecated component. Use dt-card and dt-empty-state instead. (bcfdff5)
  • event-chart: Made elementRef mandatory in the constructor. (568dc1d)
  • filter-field: Removed FlexibleConnectedPositionStrategy, makes _viewportRuler, _platform and _overlayContainer mandatory in the constructor and makes tags private.
  • filter-field, quick-filter: The filter-field data source as well as the quick-filter data source and their transform methods have generics in place to define the structure of the passed data. The filter-fields default data-source no longer takes a generic, as the structure of the data is already defined there. The node definitions now take optional generics for the consumer to specify the structure of the data. (8a0ceb0)
  • indicator: Moved dtIndicator directive to its own package. Import DtIndicatorModule from @dynatrace/barista-components/indicator now. (ba28cda)
  • inline-editor: Removed deprecated aria-label input attributes. (6be8f30)
  • linting: Removed kebab-case validation for certain aria attributes. (5859b19)
  • menu: Removed deprecated aria-label input attributes. (0bf77b6)
  • pagination: Removed deprecated aria label input attributes. (4d84a0a)
  • progress-bar: Removed DtIndicatorModule export from module. (2bc59e5)
  • secondary-nav: Removed deprecated aria-label input attributes. (550fdcd)
  • secondary-nav: Removed dependency on RouterModule for the secondary-nav module. Removed href input, use routerLink and dtSecondaryNavLinkActive when needed instead. (8aa5d6a), closes #465
  • sidenav: Fixed wrong exportAs property for the sidenav-header (5647ae0)
  • sunburst-chart, radial-chart: Added DomSanitizer as non optional parameter to the components constructor.
  • table: Removed unnecessary NgZone from constructor and table empty states. (de89e60)
  • tag: Made elementRef mandatory in the constructor. (6ba927e)
  • timestamp: Removed deprecated aria-label input attributes. (1f9cdba)
  • time-formatter: Removed deprecated dtTime formatter. (0f281fc)
  • tree-table: Removed deprecated aria-label input attributes. (11d083d)

Performance Improvements

  • Switched to lodash-es as a peerDependency. (37d626c)

Bug Fixes

  • button: Increased specificity for anchor button selectors that conflicted with visited link overrides. (23bee1c)
  • styles: Added back missing styles definition for h3. (ab8a372), closes #1081
  • sunburst-chart,radial-chart: Fixed custom properties inside template for view engine consumers. (67caf42)
  • table: Fixed an issue where the table tried to render after it was destroyed. (9e7aa5a), closes #1046

Features

  • bar-indicator: Changed styling to use custom properties. (193b3e5)
  • breadcrumbs: Changed styling to use custom properties. (e33547a)
  • button: Changed styling to custom properties. (c831b03)
  • card: Changed styling to use custom properties. (b5e1b7f)
  • checkbox: Changed styling to use custom properties. (701aadc)
  • confirmation-dialog: Updated styling and added an animation to focus user attention. (bdb7f0e)
  • filter-field: Added partial option. (ee205ef), closes #868
  • filter-field, quick-filter: Improved typing across the filter-field, its node definitions, data-sources and the quick-filter component. (f9db6a5)
  • schematics: Added schematic to generate e2e component setup inside barista repository. (4c0231a)
  • table: Added drag & drop order functionality to the table. Use in combination with the DtTableOrderDataSource. (c56c005)

Major version information

  • Install lodash-es instead of lodash now. Previously lodash was installed with angular automatically.
  • We removed @types/highcharts dependency and switched to the shipped typings by highcharts. The chart and microchart typings now extend from the highcharts types.
  • chart: Will require the highcharts 7 update as dependency.
  • tree-table: Previous aria inputs did not conform to accessibility guidelines. Please refer to the documentation for current usage.
  • timestamp: Previous aria inputs did not conform to accessibility guidelines. Please refer to the documentation for current usage.
  • time-formatter: Use dtDuration formatter instead.
  • tag: The elementRef is now madatory in the constructor.
  • table: No more NgZone element and use <dt-empty-state> instead.
  • secondary-nav: Previous aria inputs did not conform to accessibility guidelines. Please refer to the documentation for current usage.
  • progress-bar: DtIndicator is no longer required.
  • pagination: Previous aria inputs did not conform to accessibility guidelines. Please refer to the documentation for current usage.
  • menu: Previous aria inputs did not conform to accessibility guidelines. Please refer to the documentation for current usage.
  • linting: No more kebeb-case validation for deprecated aria label inputs.
  • inline-editor: Previous aria inputs did not conform to accessibility guidelines. Please refer to the documentation for current usage.
  • filter-field: Use currentTags instead of tags.
  • event-chart: The elementRef is now madatory in the constructor.
  • cta-card: Removed cta-card component. Use a dt-card with dt-empty-state instead.
  • context-dialog: Previous aria inputs did not conform to accessibility guidelines. Please refer to the documentation for current usage.
  • consumption: Previous aria inputs did not conform to accessibility guidelines. Please refer to the documentation for current usage.
  • colors: Removed flat_white from the colors. Use $white and WHITE instead.
  • chart: Previous aria inputs did not conform to accessibility guidelines. Please refer to the documentation for current usage.
  • breadcrumbs: Previous aria inputs did not conform to accessibility guidelines. Please refer to the documentation for current usage. Removed deprecated breadcrumb item with dt-breadcrumb-item selector, use a dtBreadcrumbItem instead.
  • autocomplete: Use DtFlexibleConnectedPositionStrategy instead internally.
  • indicator: Moved to its own package. Import DtIndicatorModule and DtIndicatorThemePalette from @dynatrace/barista-components/indicator instead of */core

6.5.2 (2020-05-18)

Bug Fixes

  • button: Fixes the regression that button colors changed due to the theme. (2d0bafc)

6.5.1 (2020-05-13)

Style Fixes

Fixes a regression within the disabled state colors in multiple components. (f7ed0ba)

6.5.0 (2020-05-12)

Bug Fixes

  • autocomplete: Fixes an issue with the positioning of the overlay. (e00d9ba), closes #926
  • empty-state: Fixed ssr rendering for the empty-state component (76f9a5b)
  • filter-field: Fixes an issue with filter field usage in forms. (192e0a7)

Features

  • button: Changed button theming to custom properties (f698f58)
  • event-chart: Use duration pipe in axis (b951077)
  • sunburst-chart: Added missing sunburst package to bundle. (b21ebb8)

6.4.0 (2020-04-30)

Bug Fixes

  • slider: Prevent default behavior of keyboard events associated with the slider. (9508a72)

Features

  • drawer-table: Added experimental drawer-table component. (cfd7766)
  • sunburst-chart: Added sunburst-chart component. (e929e09)

6.3.0 (2020-04-15)

Bug Fixes

  • filter-field: Fixes a bug where the range overlay was not closed. (53aaeb0), closes #178
  • filter-field: Fixes an issue where two filter field flaps were open at the same time. (85feb21), closes #840

Features

  • chart: Added support for observable as input for options. (c7aca9d)
  • quick-filter: Add a new quick filter component inside an experimental package. The quick filter component is used to provide a quick way to operate with the filter field inside a sidebar. Inside the quick filter only an autocomplete with simple options can be displayed. (dc950e4), closes #453 #254
  • slider: Adding a new Slider component for number inputs. The Slider essentially works as the html range element. (8b7b825)

Experimental Package ⚠️

Components from the experimental package have to be imported via @dynatrace/barista-components/experimental/.... Those components are not meant to be used on production.

The experimental package does not follow semantic versioning like the rest of the library does.

This means that we might break the api in every version. It is only meant to be used for testing and feedback purpose!

6.2.0 (2020-04-07)

Bug Fixes

  • expandable-section, expandable-text, expandable-panel: Added aria-controls and aria-expanded. (f37a977), closes #788
  • expandable-text: Removes a default background on the trigger in Firefox. (ac4085d)
  • filter-field: Fixes an issue where the currentFilterChange event was not fired when a filter that is currently in progress was removed. (772348a)
  • overlay: Fixes a long standing issue with overlays being squashed and positions being off when subelements of the trigger are hovered. (b575764)

Features

  • chart: Added animation for the chart heatfield. (00deddd), closes #476
  • chart-heatfield: Added close button to heatfield overlay. (7eaeef5)
  • overlay: Uses the FullscreenOverlayContainer now to properly handle fullscreen mode. (d295c60)

6.1.1 (2020-03-30)

Bug Fixes

  • copy-to-clipboard: Fixes an issue where copied text is undefined (06dd337)

6.1.0 (2020-03-24)

Bug Fixes

  • drawer: Fixes an issue where the side navigation drawer was not expanding to the full-screen height. (dd2ccf2), closes #733
  • event-chart: Increased specificity on the overlay panel selector to avoid conflicts with the cdk's styles (5a22c09)
  • filter-field: Fixes an issue with the free-text submission. (65ea920), closes #726
  • top-bar-navigation: Highlight top bar actions with keyboard focus. (f02cff1), closes #692

Features

  • colors: Add flat white to colors list (easter egg) (339eaef)
  • duration-formatter: Adds the dtDuration pipe to format time durations. The time-formatter is now deprecated and will be removed with 7.0.0 (79b08e5)
  • empty-state: Progressive enhancements for relayout based on ResizeObserver. (532e275), closes #648

6.0.1 (2020-03-09)

Bug Fixes

  • chart-heatfield: Chart Heatfield is now hidden when start and end are undefined. (dbb545a)
  • filter-field: Fixes an issue with filtering the options when the same character was used twice in a row. (dca5b6e)
  • key-value-list: Fixes an issue where the text was displaced on selecting with shift+arrow. #690 (f7a224b)
  • radio, checkbox, switch: Fixed the contrast ratio of the disabled labels to fulfill our a11y requirements. (0ae6689), closes #684 #684
  • tag: Fixed an issue with the tag-add button being influenced by user agent styles. (fa552ff), closes #640

6.0.0 (2020-03-02)

BREAKING CHANGES

  • Update to Angular 9 requires us to update our peerDependencies. Furthermore, our applications are compiled with Ivy. Only the component library is compiled with the view-engine to be backwards compatible.
  • Core platform utils changed to be internal.
  • Components that are using the outdated Renderer2, which is removed in this commit, do this by injecting it via DI in their constructor. Removing the renderer constructor parameter is considered a breaking api change.
  • Improved DtChartOptions for the highcharts typings.
  • The readKeyCode function from the core package is now internal, because the KeyboardEvent.keyCode is deprecated.
  • The method getDtChartColorPalette and constants DT_CHART_COLOR_PALETTE_ORDERED, DT_CHART_COLOR_PALETTES were moved to the @dynatrace/barista-components/theming package.

Bug Fixes

  • schematics: Fixes an issue in the ng-add schematic. (5a80cd2)

Code Refactoring

  • Changed core platform utils to be internal (a5f015b)

Features

  • Update Angular dependencies to version 9. (c930ff2)
  • Removes Renderer2 to be compatible with ivy. (3b3f773), closes #518

5.3.0 (2020-02-27)

Bug Fixes

  • chart: Fixes an issue where timestamp or range reopened after resizing the window. (24c45b8), closes #472
  • chart: Fixes an issue with the overlay of the selection area not updating. (aca90b4), closes #608
  • drawer: Fixes an issue where drawer backdrop was overlaying the drawer body. (30979f1), (af08ca2), closes #91
  • event-chart: Add legend color and pattern for filtered. (cd1a1f4), closes #624
  • event-chart: Round time labels in x-axis (2e0f5bf), closes #614
  • table: Fixes an issue where the sorting did not update when active binding was updated. (6714c25), closes #619
  • tag-list: Fixes an issue where the taglist did not get updated (b796ed5), closes #603

Features

  • chart: Show crosshair for selection area only over plot background. (22e3d98), closes #609
  • context-dialog: Added footer and closing button to the context dialog. (4ad9d60)
  • radial-chart: Added radial chart component. (eefb280)
  • testing: Adds testing module for propagation of an attribute to a components overlay. (3c5ee1c)

5.2.0 (2020-02-13)

Bug Fixes

  • chart: Fixes an issue where the tooltip stayed open when the chart was destroyed. (395fa44), closes #579
  • chart, inline-editor, pagination, context-dialog, consumption, toggle-button-group, tag-list, empty-state, cta-card, table, filter-field: Fixes an issue with aria label name clashes for a11y. (73532da), closes #526 #79
  • favorite-column: Favorite column is not modifying the data source anymore. (49a533e), closes #540
  • filter-field: Fixes alignment of filter field tags. (f720005), closes #573
  • filter-field: Fixes an issue where options set on an async autocomplete are shown. (90e2428)
  • legend: Fixes an issue with small spaces between legends. (c0653ad), closes #73
  • table: Fixed invalid fill color for favorite-column icon (6e4a2e1)
  • tag-list: Fixes an issue where the show more button was displayed with '0 More...' when no more tags were present. (71e196c)
  • tag-list: Fixes an issue where the show more button was not aligned correctly. (0aba1c0)

Features

  • empty-state: Added custom empty states. (bc626a7), closes #528
  • filter-field: Added disable functionality to the filter field. (d6a6833)

5.1.1 (2020-02-06)

Bug Fixes

  • autocomplete, filter-field: Fixes an issue with overlay (d3ec0d1), closes #451
  • chart: Fixes an issue where the range could not be re-opened after closing. (1718a21)

Performance Improvements

  • autocomplete: Fixes an issue when toggling multiple times a subscription is not cleaned up. (0b569f6)

5.1.0 (2020-02-04)

Bug Fixes

  • chart: Fixes an issue where the range was destroyed on click. (a941b12), closes #100
  • filter-field: Fixes an issue with button alignments in the filter-field. (c380840)
  • filter-field: Fixes an issue with inconsistent clearAll functionality. (5f6409d), closes #435
  • filter-field: Fixes an issue with instant submission of free-text. (e87053a), closes #294
  • legend: Fixes issue whether the legend item does not work with the new ivy engine. (24ffc75), closes #26
  • tag-add: Fixes tag add label when zoom is lower that 100%. (407dc6c)
  • tag-add: Improved styling of button text content. (1820d4b)
  • tag-list: Fixes rendering of Tag-List when loading a page. (3d5b52b)
  • timeline-chart: Fixes an issue where the label of a key timing. (36e6067), closes #495

Features

  • copy-to-clipboard: Added variant input to control embedded. (bbad528), closes #76
  • filter-field: Added an overlay if the tag value is being ellipsed. (11d7cce), closes #392
  • filter-field: Added highlighting of the current input value to the options. (1effd08), closes #203
  • ng-update: Added test for .spec file. (4129840)
  • table: Expose currently rendered data from the data source. (b55fa62), closes #497
  • tree-table: Added events for expansion state changes for DtTreeTableToggleCell. (b4e7e44), closes #415

5.0.1 (2020-01-24)

Bug Fixes

  • chart: Fixes an issue where tooltips in pie/donut charts did not work anymore. (5861aaa)
  • tag-add: Fixed alignment styling of the text inside the tag component. (b0104f2)
  • tag-list: Fixes initial state after page load. (f255c78)

5.0.0 (2020-01-16)

We removed the deprecated root package. Note that you cannot import from the root package @dynatrace/barista-components anymore. Please use the more explicit imports like @dynatrace/barista-components/button.

With the 5.0.0 release two selectors changed:

  • <dt-show-more> now requires a button element. <button dt-show-more>.
  • The trigger for the expandable panel, previously [dtExpandablePanel], now requires a native button element. button[dtExpandablePanel]

Breaking changes

  • filter-field: Changes the typing for the default-data-source to better match the data structures.
  • chart-heatfield: The constructor no longer takes the chart as a parameter.
  • autocomplete: Template, panel and optionsGroups members are now internal.
  • button: Removed deprecated mixin dt-card-actions-spacing.
  • chart: The Eventemitter tooltipDataChange doesn't emit null anymore.
  • consumption: Removed min input.
  • expandable-panel: Changed the expandable-panel trigger selector to require a native button element.
  • expandable-panel: Removed deprecated attributes opened, use expanded instead.
  • expandable-panel: Removed disabled input on trigger. Use the panel's disabled input instead.
  • expandable-panel: Removed preventDefault from click handler.
  • expandable-section: Removed deprecated attributes opened, use expanded instead.
  • filter-field: Added new methods to abstract data-source class for more flexibility.
  • filter-field: Changed unique do be required at the dtRangeDef function and on DtRangeDef nodes.
  • filter-field: Changed validators do be required on DtFreeTextDef nodes.
  • filter-field: Changed parameter unique at the function dtFreeTextDef to be required.
  • filter-field: Changed type definition for data provided to the default-data-source to extend DtFilterFieldDefaultDataSourceType.
  • filter-field: Removed some internal fields from the exports in the module.
  • filter-field: Changed parameter ordering on definition creation functions.
  • filter-field: Removed deprecated function isDtAutocompletValue.
  • filter-field: Removed deprecated type DtAutocompletValue.
  • font-mixins: Removed unprefixed deprecated mixins/selectors. Use the dt- prefixed versions instead.
  • highlights: Makes elementRef mandatory and removes unnecessary attributes from constructor.
  • icon: Changed peer dependency to the @dynatrace/barista-icons package.
  • key-value-list: Removed items content children member from the public api.
  • overlay-ref: Changes componentInstance to be null initially.
  • radio-group: Removed onTouched function from public api.
  • selection-area: Removed deprecated selection-area component. Use dt-chart-range and dt-chart-timestamp instead.
  • show-more: Changed the dt-show-more selector to require a native button element.
  • show-more: Removed the dt-show-less-label directive and added support for show less aria-label.
  • table: Removed emptyImage, emptyTitle and emptyMessage from the public api.
  • table: Removed the mostRecentRow member from the public api.
  • tag: Removed disabled attribute.
  • viewport-resizer: Changed getOffset and offset$ to be abstract fields.

Bug Fixes

  • chart: Fixes an issue where the chart did not use the correct fallback fonts.
  • chart: Fixes an issue with not appearing tooltips.
  • chart: Removes the circular dependency of the chart heatfield.
  • confirmation-dialog: Set _activeDialog to null if dialog dismissed.
  • context-dialog: Fixes positioning issues by removing the closing button that tightly coupled the position to the trigger.
  • event-chart: Fixes an issue where the default color of chart events did not align with the legend item.
  • event-chart: Fixes an issue with universal rendering.
  • filter-field: Fixes an issue where the filtering of groups did not work properly because of a wrong parameter ordering.
  • filter-field: Fixes an issue where the range was cut off.
  • filter-field: Fixes and issue where filters are not immediately removed when clicking the clear all button.
  • form-field: Fixes an issue with the label color in a dark theme.
  • micro-chart: Fixes an issue when using the chart-tooltip in a micro-chart without importing the chart-module causes an error.
  • overlay: Fixes an issue with overlay placement in firefox.
  • progress-bar: Fixes an issue when using the indicator without importing the core indicator-module causes an error.
  • sidenav: Fixes scrolling behavior of the sidenav component
  • style: Fixes an issue where the icon for external links had to be provided as a background image.
  • theming: Fixed yellow-700 color value.
  • sidenav: Fixes an issue where the overlay scroll strategy did not work within a sidenav component.

Features

  • filter-field: Improves typing for the data structures the default-data-source takes. (4f28d1c)
  • chart-range: Add possibility to close chart-range programmatically
  • chart-timestamp: Add possibility to close chart-timestamp programmatically
  • event-chart: Added programmatic event selection capabilities to the event chart.
  • formatters: Added maxPrecision parameter to number and percent formatters to control the amount of decimals places.
  • schematics: Added ng-add schematic to install the barista-components to get up running.
  • table: Added a new variant of simple-column favourite-column.

4.15.1 (2019-12-02)

Bug Fixes

  • context-dialog: Fixes positioning issues by removing the closing button that tightly coupled the position to the trigger

4.15.0 (2019-11-20)

Bug Fixes

  • chart: Fixes an issue where the tooltip was not shown when hovering the same data point twice.
  • table: Fixes an issue that if a datasource was set to empty twice in a row the empty state was not visible.

Features

  • container-breakpoint-observer: Added the if-container-breakpoint structural directive for showing/hiding elements based on a container query.
  • event-chart: Added coloring changes based on UX feedback, changed patterns to be defined by lanes, fixed flickering overlay, added pinnable functionality to overlays.
  • filter-field: Adds unique option to range options.
  • overlay: Added a feature which allows the user to update the implicit context on an overlay reference.
  • table: Allows to apply a sort programmatically by passing a column identifier and a direction.

4.14.3 (2019-12-02)

Bug Fixes

  • context-dialog: Fixes positioning issues by removing the closing button that tightly coupled the position to the trigger

4.14.2 (2019-11-12)

Bug Fixes

  • emtpy-state: Fixes an issue where the layout of the empty state initially rendered incorrectly and only updated on window resize.
  • highlight: Fixes an issue where the intersection observer did not work correctly in scrollable containers
  • table: Fixes an issue where the pagination did not reset correctly when passing new data into the datasource

4.14.1 (2019-11-05)

Bug Fixes

  • empty-state, table: Fixes an issue where the empty state was not layouted correctly inside a table on resizing.

  • filter-field: Fixes an issue where the currently added filter was removed if the data via the data-source changes when the filterChanges event has fired.

4.14.0 (2019-11-04)

Bug Fixes

  • chart: Fixes an issue where the selection area should reposition on viewport resize.

  • chart: Fixes an issue where the tooltip was not shown on an area chart.

  • filter-field: Fixes an issue where the filterChanges event was not emitted when clear-all was clicked.

Features

  • container-breakpoint-observer: Added container-breakpoint-observer.

4.13.0 (2019-10-30)

Bug Fixes

  • filter-field: Fixes broken state if the data source gets updated while in edit mode.

  • filter-field: Removes a hardcoded length check for free text filter.

  • filter-field: Sets a more sensible default for the filter field dropdown max-width.

  • formatter: Fixed issue with negative inputs.

  • select: Fixes an issue that the dropdown size was too small.

  • select: Fixes an issue that the option was sometimes cut off although the dropdown could still grow.

Features

  • filter-field: Adds the feature to make a tag non deletable and non editable.

  • sidenav: Added the sidenav component.

  • table: Added a comparator input to SimpleColumns to allow sorting with a custom comparator.

  • tabs: Made dt-tab-body and dtTabBodyPortalOutlet public available.

Special Thanks @david.laubreiter

4.12.2 (2019-10-17)

Bug Fixes

  • chart: Fixes an error where the TouchEvent was not defined on Safari browser

4.12.1 (2019-10-16)

Bug Fixes

  • button: Fixes a contrast issue with nested buttons in odd table-rows by using a darker shade of gray for the hover on nested buttons in general.

  • chart: Fixes an issue where the chart emitted a timeframe change event without interaction

  • chart: Fixes an issue where the timeframe-change event is emitted twice when a timeframe is selected.

  • chart: Fixes an issue where the timestamp was shifted by the legend offset when it was set programatical

  • filter-field: Fixes an issue where distinct did not work properly when loading data asynchronously.

  • formatters: Fixes an issue where very small numbers where rounded to 0

4.12.0 (2019-10-14)

Bug Fixes

  • chart: Fixes an issue where the chart selection area overlay needed a custom viewport size to disappear and reposition.

  • chart: Fixes an issue where the wrong cursor was displayed if a chart selection was possible.

  • chart: Optimizes the performance of the selection area overlay.

  • filter-field: Fixes an issue where the "from" value can be smaller than the "to" value in the range.

  • formatters: Fixes an issue where an error was thrown due to improper arguments that where passed to the date range formatter.

  • select: Fixes an issue where the select dropdown was not growing in width with the select element.

Features

  • table: Added dtExpandableRowContent directive that enables lazy loading of expandable row content.
  • tag-add: Added tag-add and tag-list component.

4.11.0 (2019-10-07)

Bug Fixes

  • confirmation-dialog: Fixes an issue where the dark theme was not applied.

  • filter-field: Fixes and issue where the filter-tags where pushed all the way to the right when editing another filter.

  • highlight: Fixes an issue when certain html entities are escaped in the highlights rendered text.

  • table: Fixes an issue where the sort header did not apply sorted-styling when not providing a sortDirection.

Features

  • filter-field: Added clear-all button to allow removing all active filters.

  • stepper: Added stepper component.

Special Thanks

Todd Baert

Backport: 4.10.1 (2019-10-17)

Bug Fixes

  • chart: Fixes an error where the TouchEvent was not defined on Safari browser

  • confirmation-dialog: Fixes an issue where the dark theme was not applied.

  • filter-field: Fixes and issue where the filter-tags where pushed all the way to the right when editing another filter

  • highlight: Fixes an issue when certain html entities are escaped in the highlights rendered text.

  • table: Fixes an issue where the sort header did not apply sorted-styling when not providing a sortDirection

4.10.0 (2019-10-02)

Bug Fixes

  • button: Fixes the distance between two buttons.

  • empty-state: Fixes an issue where the icons had a wrong position in Firefox and Edge.

  • filter-field: Fixes an issue where the currentFilter event was not emitted when the editing of a range has been completed.

  • form-field: Fixes an issue where the label padding was not aligned with our 4px grid.

Features

  • event-chart: Added missing features for version 1, including custom colors for events, event merging, custom providable overlay, better legend detection and testing
  • filter-field: Added support for floating point numbers in filter field range input.
  • table: Added styling for text-buttons within a certain component context.

4.9.0 (2019-09-30)

Bug Fixes

  • filter-field: Fixes an issue where the spinner was placed in an odd positions in certain scenarios. The spinner is now replacing the filter icon in loading states.

  • highlight: Fixes performance issues when updating terms on a lot of highlight component at once.

Features

  • Add aria-labelledby input to components that only had an aria-label

  • chart: Adds touch support for the chart selection area and added the keyboard support to move the whole selection.

4.8.4 (2019-09-24)

Bug Fixes

  • filter-field: Fixes an issue where the spinner was placed in an odd positions in certain scenarios. The spinner is now replacing the filter icon in loading states.

4.8.3 (2019-09-23)

Bug Fixes

  • empty-state: Fixes an issue where expressionChangedAfterChecked error was thrown when the viewportResizer provided sync value.
  • filter-field: Fixes an issue where distinct hasn't been set properly due to a falsely applied parent-autocomplete for options.

4.8.2 (2019-09-23)

Bug Fixes

  • chart: Fixes an issue where the bounding client rect could not be retrieved on IE Edge.

4.8.1 (2019-09-13)

Bug Fixes

  • top-bar-navigation: Fixes a problem where styling was not applied due to a wrong css selector

4.8.0 (2019-09-13)

Bug Fixes

  • chart: Fixes an issue where the selection area was affected by the width of the charts y-axis label when applied programmatically.

  • filter-field: Fixes issue where filters can not be set programmatically when some data is loaded asynchronously.

Features

  • chart: Added seriesVisibilityChange output that emits whenever a legend-item is clicked and a series visibility changes.

  • consumption: Deprecated redundant input 'min' in consumption component.

  • filter-field: Added support for unique free-text filters.

  • top-bar-navigation: Added the Top Bar Navigation component.

Backport: 4.7.3 (2019-09-25)

Bug Fixes

  • chart: Fixes an issue where the bounding client rect could not be retrieved on IE Edge.

4.7.2 (2019-09-11)

Bug Fixes

  • empty-state: Fixes an issue where an expression has changed after checked

4.7.1 (2019-09-09)

Bug Fixes

  • chart: Fixes an issue that the build optimizer removed the highcharts global settings during builds with the prod flag

  • event-chart: Fixes issue where svg element for pattern definitions had a size and did overlay other elements.

4.7.0 (2019-09-03)

Bug Fixes

  • chart: Fixes an issue that the chart selection area overlay pushed itself on the screen.

  • chart: Fixes an issue that the range was able to grow outside the boundaries when the drag started on a series.

  • chart: Fixes an issue where the change detection of the overlay did not work when the component was onPush

  • chart: Provides new default options for legendItemClick event handler for non pie charts that prevent all legend items to be disabled.

  • consumption: Fixes an issue where ARIA heading role was hard-coded.

  • empty-state: Fixes an issue where empty state did not scale in a responsive way.

  • filter-field: Fixes an issue where the edit mode did not reset when a filter is removed.

  • overlay: Fixes an issue where positioning in svg elements was off.

Features

  • chart: Added a closed output to the range and timestamp component.

  • event-chart: Added event chart as an experimental component. Note that the event-chart is not part of the root package - please import from @dynatrace/barista-components/event-chart

  • expandable-text: Added expandable-text component.

  • filter-field: Added free text validation to the filter field with Angular forms validators.

  • table-search: Added table-search component.

4.6.1 (2019-08-26)

Bug Fixes

  • core: Changes css selector for optgroup to avoid potential oom exception

4.6.0 (2019-08-23)

Bug Fixes

  • chart: Fixes an issue where the references are lost on the selection area when the chart series or options are updated.

  • chart: Fixes chart time config defaults to useUTC=true and use the users timezone

  • inline-editor: Fixes an issue that the inline editor did not work with validators correctly

  • table: Fixes an issue that the info-group icon was not colored correctly when only using expandable-rows

Features

  • breadcrumbs: Added dtBreadcrumbsItem directive and deprecated dt-breadcrumbs-item component

  • Logger: Add stack param to LogEntry

  • secondary-nav: Added the dt-secondary-nav component

Special Thanks

Arnaud Crowther, Kamil Knitter and Bartosz Bobin

4.5.0 (2019-08-19)

Bug Fixes

  • button: Fixes issue that disabled anchor buttons would still trigger pointer events

  • chart: Fixes issue where the selection-area-action directive was not applied because of a broken selector.

  • filter-field: Fixes an issue where the spacing between range operators and input was missing

  • font-styles: Adds the pre tag to be covered by the monospaced font styles

Features

  • confirmation-dialog: Added confirmation dialog component

  • table: Added the ability to define customSortAccessor function for the DtTableDataSource

  • table: Exposes the dtColumnProportion on SimpleColumns

4.4.1 (2019-08-08)

Bug Fixes

  • tslint: Remove prettier dependency from shipped tslint config

4.4.0 (2019-08-07)

Bug Fixes

  • chart: Adds fallback for missing IntersectionObserver

  • chart: Fixes an edge case where the selection area was outside the chart with a specific data set

  • chart: Fixes an issue where highcharts would not update all options when using the update method on the chart object

  • micro-chart: Fixes an issue where the series was not properly cloned before mutation and therefore microcharts with the same series would influence each other

  • tree-table: Fixes spacing for info-groups in the tree-table

Features

  • empty-state: Added empty state component

  • filter-field: Adds data types for the DtFilterFieldDefaultDataSource

  • menu: Added menu component

  • table, cta-card: Deprecated dt-table-empty-state and cta-card

4.3.0 (2019-07-31)

Bug Fixes

  • chart: Fixes an issue where the chart tooltip is positioned off on mouse move.

  • chart: Fixes an issue where the tooltip was not opened again after the user scrolled.

  • chart: Fixes an issue that the tooltip was misplaced when the chart was not fully visible.

  • filter-field: Fixes an issue where the selected range values have been removed when clicking an input field in the range overlay in the edit mode.

  • filter-field: Fixes issue where larger numbers are cut of in the range input fields.

  • legend: Fixes issue where legend items did not wrap on smaller screens.

  • overlay: Fixes issue where overlay position was not correct when hovering child elements of the overlay trigger.

  • select: Fixes an issue where options where cut off even with very short values.

Features

  • chart: Add Keyboard support for the chart selection area to add proper accessibility.

  • timeline-chart: Added possibility to add overlays to markers.

  • schematics: Create new schematic for generating linting rules.

4.2.1 (2019-07-26)

Bug Fixes

  • deps: Added d3-scale to library peer depencencies

4.2.0 (2019-07-25)

Bug Fixes

  • filter-field: Fixes an issue where the range filter failed to set programmatically

  • filter-field: Fixes an issue with the filter field not correctly resetting when cancelling edit mode

  • filter-field: Fixes weird spacing for range labels

  • overlay: Fixes an issue when hovering over child elements of the trigger the overlay is destroyed and recreated.

  • overlay: Fixes an issue where the instance of the component created in the overlay was not applied to the respective property on the overlay ref.

  • table: Fixes an issue where the dtColumnMinWidth input did not handle strings correctly

Features

  • progress-bar: Added dark theme styles

  • timeline-chart: Added possibility to set key timing marker

  • timeline-chart: Added possibility to show an overlay for timing marker.

  • timeline-chart: Added timeline chart

4.1.1 (2019-07-22)

Bug Fixes

  • chart: Fixes an issue where the value in the overlay was wrong, due to a missing offset in the calculation of the position on the x axis.

  • chart: Fixes an issue where the overlay of the range/timestamp changed it's size when scrolled.

  • icon: Fixes an issue where the setting of the default color broke the API contract

  • microchart: Fixes an issue where null values were not shown as interpolated values in dt-micro-chart

  • table: Fixes issue where the sort icon had a wrong color in unsorted columns

4.1.0 (2019-07-17)

Bug Fixes

  • checkbox: Fixes issue where the hover style was not applied because of a wrong CSS selector

  • context-dialog: Fixes that the context dialog did not clear the overlay correctly when closed by pressing ESC

  • filter-field: Fixes an issue where the filter field input value was not reset correctly when an option was selected and the following options where filtered incorrectly

  • filter-field: Fixes an issue where the original value was not restored when cancelling a filter editing action

  • icon: Fixes an issue where the default icon color was not applied correctly

  • switch, radio, checkbox: Fixes issue where styling of switch, radio and checkbox was not aligned

Features

  • The focus style of various components is now visible only programmatic or keyboard interaction

  • context-dialog: Adds an input to set custom css classes on the overlay panel to scope styles better

  • tabs: Exposes currently registered tabs for testing purposes

4.0.1 (2019-07-10)

Bug Fixes

  • filter-field: Fixes an issue where autocomplete was not editable after async update

4.0.0 (2019-07-09)

Breaking changes

  • Updated dt-iconpack peer-dependency to v2.0.22

  • filter-field: DtFilterField and DtFilterFieldDefaultDataSource classes are now generics

Bug Fixes

  • table: Fixes an issue where the table sort styling is lost when adding columns dynamically

Features

  • filter-field: Added possibility to load async data

  • table: Updated table header appearance to fit new Barista design guidelines

3.2.0 (2019-07-08)

Bug Fixes

  • chart: Fixes an issue where the tooltip did not refresh when the hovered series changed

  • expandable-section: Fixes an issue that aligns expandable-section styles with UX guidelines

  • filter-field: Fixes an issue where the filter-field-range did not let go of the focus once opened

  • filter-field: Fixes an issue where the max-width of the filter-field-tag was not aligned with Barista guideline

  • highlight: Fixes an issue where the output text casing was wrongfully transformed when highlighting

  • show-more: Fixed default hover styles and added missing dark theme styles

  • show-more: Fixes an issue where show more was still clickable when disabled

Features

  • chart: Added dt-chart-selection-area

  • chart: Deprecated the dt-selection-area component

  • chart: Add Barista example and API documentation for the range component

  • chart: Add focus method for programmatically focusing the range and timestamp

  • chart: Add focus trapping for creation of timestamp and range

  • chart: Create a chart hairline that follows mouse position on a selection area to indicate the current position

  • chart: Create a selection area overlay that indicates the selected area (range) or time (timestamp)

  • expandable-panel: Added expanded and disabled inputs and expandChange, expanded and collapsed outputs

  • expandable-panel: Deprecated inputs (opened, disabled) as these values should be handled by the panel itself

  • expandable-section: Added expanded input and expandChange, expanded and collapsed outputs, according to the updates of the expandable panel component

  • linting: Added dt-expandable-trigger-is-button rule

3.1.0 (2019-07-02)

Bug Fixes

  • card: Fixes broken subtitle attribute selector

  • chart: Fixes an edge case with timezones in highcharts

  • context-dialog: Changes the first interactive element to be focused instead of the closing button

  • filter-field: Fixes an issues where the filter-field-tag did not apply the overflow styling

  • radio: Fixes issue where the radio-button label text was not wrapping

  • select: Fixes broken appearance when used inside a dt-form-field

  • overlay: Fixes an issue where the overlay is not dismissed when the overlay-trigger destroyed.

  • tag: Introduced maximum width for tags to prevent overly long labels from breaking the layout

  • tag: Made the remove button focusable instead of the dt-tag itself

Features

  • button-group: Added the functionality to programatically set focus to the button-group and button-group-item.

  • consumption: Added consumption component

  • filter-field: Added the filter-range capability to the filter field

  • formatters: Add date-range pipe to transform two timestamps to a unified range string

  • tag: Deprecated disabled input for dt-tag since there is no proper use case for it

3.0.1 (2019-06-19)

Bug Fixes

  • Fixes wrong peer dependency version numbers for @angular/core, @angular/common and @angular/cdk

3.0.0 (2019-06-19)

Breaking changes

  • Upgrade to Angular 8

  • form-field: Removes fixed width and specifies dt-form-field as a block element.

  • key-value-list: Property columns does now return the correct value, not the calculated one.

  • overlay: Fixes missing overlayContainer parameter for position strategy in Cdk version 8.

  • pagination: Removed unused interface PaginationNumberType.

  • table: Fixes missing params for new CdkTable in Cdk version 8.

  • chart: Removed deprecated overlay property in chart-tooltip.

  • copy-to-clipboard: Removed deprecated disabled property.

  • info-group-cell: Removed deprecated component info-group-cell.

  • pagination: Removed deprecated maxPages input. Use the length and pageSize inputs instead.

  • table: Removed deprecated contentViewContainer property.

  • table: Removed deprecated isLoading property. Use loading instead.

  • table: Removed deprecated multiple input. Use the multiExpand of the dt-table instead.

  • table: Removed deprecated openedChange output from the expandable-row. Use expanded, collapsed or expandChange instead.

  • table: Removed deprecated toggle method on the expandable-row.

  • table: Removed deprecated compareString function. Use the compareStrings function from @dynatrace/barista-components/core.

  • table: Removed deprecated expandedRow property. Use openedChange output of dt-expandable-row instead.

  • table: Removed deprecated type DtSortDirection. Import it directly from @dynatrace/barista-components/core.

  • table-sort: Adds sort icon to all sortable columns.

  • linting: Enable a first set of custom lint rules.

Bug Fixes

  • filterfield: Fixes an issue where the suggestions were not shown immediately for freetext.

Features

  • context dialog: Adapted the background color of the content panel.

  • linting: Added dt-breadcrumbs-alt-text rule and initialized as warnings.

  • linting: Added dt-inline-editor-alt-text rule and initialized as warnings.

2.10.0 (2019-06-04)

Bug Fixes

  • heatfield: Fixes an issue when the Heatfield end was undefined

  • select: Fixes issue where horizontal scrollbars are visible when options with long labels are in place

  • table: Fixes an issue where data-source will break when removing the pagination at runtime.

  • theming: Adds missing color yellow-400

Features

  • styles: Font mixins are prefixed with dt-. Mixins without the prefix are now deprecated.

Deprecations

  • styles: custom-font-styles, custom-font-size, default-font, monospace-font, main-font, fluid-font-size, h1-font, h2-font, h3-font, code-font, label-font

Special Thanks

Dorota Zaranska

2.9.0 (2019-05-24)

Features

  • filter-field: Added possibility to apply filters programmatically

2.8.0 (2019-05-23)

Bug Fixes

  • chart: Fixes an issue where chart-gridlines overlapped chart data after updating
  • copy-to-clipboard: Fixes the text color of the input within dark theme context
  • key-value-list: Fixes an issue where the key-value-list did not create columns correctly if the container was too small
  • showmore: Fixes an issue where the disabled property was not correctly handled when set programmatically

Features

  • context-dialog: Added the capability to add a header section to the context-dialog component

  • core: Publicly provide compare functions for string and number values

  • table: Add default datasource with pagination

  • table: Add show more example for the table

  • table: Added text overflow handling for simple columns

  • toast: Pauses the toast dismiss timer when hovered with the mouse

2.7.0 (2019-05-13)

Bug Fixes

  • colors: Add missing white color definition to scss variables

  • progress-circle: Fixes an issue where the progress-circle sizing was wrong and therefore it could not be easily filled with a background-color

Features

  • breadcrumbs: Adds appropriate aria attributes

  • inline-editor: Adds input for aria attributes for save and cancel buttons

  • linting: Add alt text rule for context dialog and adapt examples

  • linting: Add dt-radio-button-name-required rule

  • linting: Add dt-select-requires-label rule

  • linting: Add dt-tab-group-requires-tabs rule

  • linting: Add dt-tab-requires-label and dt-tab-requires-content rules

  • linting: Add dt-tile-icon-needs-icon rule

2.6.1 (2019-04-29)

Bug Fixes

  • context-dialog: Fixes an issue where multiple overlays could be created

  • context-dialog: Fixes an issue where the context dialog's overlay was not destroyed correctly when the context dialog was destroyed

  • context-dialog: Fixes an issue where the context dialog overlay was not closed when a custom trigger was destroyed

  • table: Fixes an issue that unstyled sorted cells when a sortable header unregistered

  • table: Fixes an issue where a dtSortEvent was emitted when the table was destroyed

2.6.0 (2019-04-23)

Bug Fixes

  • chart: Fixes issue where tooltip was not updated if parent was set to onPush
  • table: Fixes an issue where cells were not reacting to sortable columns being removed

Features

  • key-value-list: Added input to enable specifying number of columns

  • pagination: Added possibility to setup pagination based on item count and page size

  • pagination: Improved a11y

  • table: Added a DtTableDatasource and DtSimpleColumn types for easier table usage

Special Thanks

Dorota Zaranska

2.5.0 (2019-04-15)

Bug Fixes

  • chart: Fixes an issue with tooltip flickering

  • chart: Fixes an issue that the tooltip was not positioned correctly for category axis, correctly positions tooltip now vertically centered for all chart types except pie charts

  • chart: Fixes chart changing colors on second render sometimes

  • context-dialog: The close button's ARIA label can now be set as input

  • overlay: Fixes an issue where the overlay was not closed when backdrop was clicked in pinned mode

  • overlay: Fixes an issue where the CD was not triggered correctly when mousevents were handled on the trigger

Features

  • filter-field: Filter tags can now be accessed and disabled.

  • linting: Add a dt-checkbox-alt-text rule

  • linting: Add copy-to-clipboard and toggle-button-item rules

  • linting: Add dt-card-needs-content rule

  • linting: Add dt-card-needs-title rule

  • linting: Add dt-info-group-needs-title-and-icon rule

  • linting: Add dt-loading-distractor-no-empty rule

  • linting: Add dt-radio-button-alt-text rule

  • linting: Add dt-show-more-no-empty rule and refactor text alternative check

  • linting: Add dt-tab-content-no-empty rule

  • linting: Add dt-tab-label-no-empty rule

  • linting: Add no-empty rules for switch, tag and tile components

  • linting: Add rules to ensure that a dt-tile contains all required content elements

  • linting: Add rules to find direct children of dt-card and dt-tile

  • linting: Add text alternative rule for selection area

2.4.0 (2019-04-05)

Bug Fixes

  • chart: Fixes missing highcharts logs on server for dt-chart

  • filter-field, input-field: Fixes missing background color

  • linting: Fixes issue where more than one dt-icon elements are not allowed in a dt-icon-button

  • linting: Fixes issue where dt-button linting rule does only allow text but no child components

  • toggle-button: Fixes wrong border width

Features

  • highlight: Added dt-highlight component for marking terms in text

2.3.0 (2019-04-01)

Bug Fixes

  • filter-field: Fixes an issue where autocomplete panel is not closed when pressing the escape key

  • overlay: Fixes an issue where the DtOverlay could no longer handle SVG elements as origins due to a @angular/cdk update and instance checks. Note this forces us to increase the peerDependency to at least 7.3.0 of the @angular/cdk package.

  • overlay: Fixes an issue where the overlay would refocus an element. This caused a scrolling issue with elements that were focused outside the viewport

  • table: Moved multi expand property from row to table and deprecated multi property on expandable row

Features

  • table: Expand state of a row can be set programmatically

2.2.0 (2019-03-18)

Bug Fixes

  • filter-field: Fixes an issue where the suggestion list could not be filtered and stayed visible even without suggestions

  • filter-field: Fixes an issue where the autocomplete could overlap other parts of the page although the filter field input was not visible. Page level scrolling is now blocked when the filter field's autocomplete is open

Features

  • linting: Adds setup to ship angular-components specific a11y and usage linting rules

Special Thanks

Bernd Farka

2.1.0 (2019-03-12)

Bug Fixes

  • autocomplete: Fixes optionSelections not being emitted when the list of options changes

  • bundle: Bumped peer dependency version for dt-iconpack

  • card: Fixes card title and card-subtitle sizing

  • filter-field: Added missing filters property in filter changes event

  • filter-field: Fixes an issue where the filter field was not reset correctly when a filter was removed

  • filter-field: Fixes an issue where the filters could not be removed if all options were already selected

  • filter-field: Fixes an issue where the input reset would trigger to early and stop further progress

  • filter-field: Fixes issues with streams inside the filter field

  • icon: Downgrades icon error to warning

  • table: Expandable trigger focus no longer gets cut off

  • toggle-button-group: Fixed hover and active color on toggle-button-group-items

Features

  • filter-field: Added possibility to filter autocomplete options by their view value

2.0.0 (2019-03-05)

Breaking Changes

  • alert: Uniontype DtAlertSeverity is no longer available for input severity. Use 'error' or 'warning' instead.
  • alert: Input severity no longer takes undefined as a value for hiding the alert. Use 'error' or 'warning' for severity values and *ngIf to show or hide it.
<dt-alert *ngIf="isVisible" severity="warning">...</dt-alert>
  • card:: The <dt-card-actions> component is no longer available. Use <dt-card-title-actions> instead.
  • chart: The constant CHART_COLOR_PALETTE_ORDERED has been renamed to DT_CHART_COLOR_PALETTE_ORDERED.
  • chart: The constant CHART_COLOR_PALETTES has been renamed to DT_CHART_COLOR_PALETTES.
  • core: The enum Colors has been renamed to DtColors
  • key-value-list: The key and value inputs on the item have been removed. Use the dt-key-value-list-key and dt-key-value-list-value elements instead.
<dt-key-value-list>
  <dt-key-value-list-item *ngFor="let entry of entries">
    <dt-key-value-list-key>{{ entry.key }}</dt-key-value-list-key>
    <dt-key-value-list-value>{{ entry.value }}</dt-key-value-list-value>
  </dt-key-value-list-item>
  <dt-key-value-list></dt-key-value-list>
</dt-key-value-list>
  • logger: The value WARN for the enum DtLogLevel has been renamed to WARNING.
  • micro-chart: Uniontype DtMicroChartSeries is no longer available for the series input. Use Observable<DtChartSeries[]>, Observable<DtChartSeries>, DtChartSeries[] or DtChartSeries instead.
  • table: <dt-expandable-cell> is now required if you use a <dt-expandable-row>.

Features

  • filter-field: Added DataSource as main API entry point

  • filter-field: Added support for distinct values in default data source

  • table: Expandable row trigger moved to dt-expandable-cell instead of whole row

1.8.3 (2019-03-04)

Bug Fixes

  • autocomplete: fixes custom panel classes are not set

  • chart, selection-area: fixes an issue where the highcharts instance would be updated after it has been destroyed

  • selection-area: fixes an issue where the position of the selection area on the chart was not correct

  • selection-area: fixes an issue where the selection-area-container was moved to the content of the parent component, if the parent used ng-content

  • selection-area: fixes the issue that the overlay of the selection area pushed itself on the screen

1.8.2 (2019-02-25)

Bug Fixes

  • info-group: adds support for being used inside a dt-table

  • micro-chart: fixes markers default option for micro-charts

  • table: fixes styling for sorting when rows are added dynamically

  • tile: fixes border styling to fully fit design specifications

Deprecations

info-group-cell: Use info-group instead

1.8.1 (2019-02-18)

Bug Fixes

  • chart: adds default options for no utc time and marker disabling

  • copy-to-clipboard: fixes background color for copy to clipboard input field on dark background

  • loading-distractor: fixes font-weight of loading distractor label

  • selection-area: fixes cursor not being correct

  • selection-area: fixes issue that events where captured on plotbackground rather than an eventlayer on top

  • selection-area: fixes issue that overlay was not pushing itself on the screen horizontally

  • selection-area: fixes issue that selection area was created on mousedown rather than on mousemove

  • table, chart: fixes chart not shrinking in expandable table row

  • select: fixes overlay positioning when opening to the right and sticking outside of the screen

1.8.0 (2019-02-12)

Bug Fixes

  • chart: fixes rendering issue in highcharts

  • context-dialog: fixes issue where context dialog only opens to the left

  • select: fixes size of select in IE11

  • table-with-sorting: fixes IE11 not displaying sort header correctly

Features

  • info-group: adds new info group component

  • micro-chart: add option to interpolate data gaps and show it with a different visual style

Special Thanks

Dominik Messner, Rene Panzar

1.7.1 (2019-02-05)

Bug Fixes

  • table, tree-table: fixes issue where table or tree-table is not fully rendered in AOT mode

1.7.0 (2019-02-04)

Bug Fixes

  • schematics: fixes dt-component schematic to fit new lib structure

Features

  • table, info-group-cell: adds info-group-cell component that provides proper styling for two lines and an icon inside a table cell

  • toggle-button-group: add toggle-button-group

  • tree-table: add tree table component

1.6.2 (2019-01-31)

Bug Fixes

  • link: removes extend-dependency in styles for better compatibility with newer sass versions

1.6.1 (2019-01-25)

Bug Fixes

  • breadcrumbs: fixes issue where arrow is not styled correctly
  • filter-field: fixes change event not beeing emitted when removing node

1.6.0 (2019-01-24)

Bug Fixes

  • button: fixes icon button not working with anchor tags

  • card, cta-card: fixes spacing issue between content and footer actions

  • radio: fixes underlying label not expanding to width of radio button

Features

  • breadcrumbs: added color input to breadcrumbs, they now accept main, error or neutral.

  • theming: added neutral variation to themes

1.5.1 (2019-01-21)

Bug Fixes

  • bar-indicator: fixes broken internal styling

1.5.0 (2019-01-18)

Bug Fixes

  • switch: fixes colors on dark background

  • table: fixes font weight for table's empty state

  • typography: updated styles for h1-h3 headlines

Features

  • bar-indicator: added bar-indicator component

  • drawer: added basic drawer component

Special Thanks

Katrin Freihofner, Thomas Heller, Lara Aigmueller, Lukas Holzer

1.4.0 (2019-01-16)

Bug Fixes

  • btn-group: fixes broken responsive behavior on small screen

  • card, cta-card: fixes spacing between action buttons

  • checkbox: fixes issue when disabled attribute is set without a value

  • table: fixes sorted cells not beeing bold like in the header cell

  • toast: fixes subsequent toasts not being shown immidiately after the previous toast disappears

Features

  • colors: added missing colors definition to DtColors

  • inline-editor: added keyboard support for save and cancel

Special Thanks

Ramon Arenal, Bartosz Bobin, Lukas Holzer, Katrin Freihofner

1.3.0 (2019-01-09)

Bug Fixes

  • button: added active style for nested buttons in the dark theme

  • switch: fixes switch styles to fit the styleguide

  • colors: add missing colors definition (red, green, shamrockgreen) to DtColors

Features

  • card: added card footer actions

  • charts: added function for selecting color palette based on nrOfMetrics and Theme

Deprecations

  • card: dt-card-actions has been replaced with dt-card-title-actions

Special Thanks

Katrin Freihofner, Thomas Heller, Bartosz Bobin

1.2.1 (2019-01-02)

Bug Fixes

  • microchart: fixes dt-tooltip with microchart

  • chart, microchart: fixes dt-tooltip not working when used in an app built with the prod flag

1.2.0 (2018-12-20)

Bug Fixes

  • chart: make tooltip positioning more resilient to highcharts

  • micro-chart: improved highcharts default options

  • micro-chart: improved colors and fixed theming

Features

  • micro-chart: added possibility to format labels

Special Thanks

Alexander Lagler, Manfred Del Fabro

1.1.0 (2018-12-20)

Bug Fixes

  • chart: fixes issue where tooltip did not work with single metric data from highcharts
  • selection-area: fixes positioning of the selection area element if a parent has position relative

Features

  • key-value-list: Added possibility to use html for key and value

  • progressbar: Added description and count capabilities

  • table: Added interactiveRows property to table which makes the rows interactive(hover)

Special Thanks

Bartosz Bobin, Thomas Heller, Luca Liguori

1.0.0 (2018-12-18)

Bug Fixes

  • alert: Replaced inline svg with dtIcons

  • autocomplete: fixes dynamically changing autocompletes

  • breadcrumb: remove router dependency

  • button: fixes removes theming capabilities for main active theme color on button

  • button: fixes button active issue in IE11+

  • button: fixes icon container change detection issue

  • button: fixes icon size in buttons

  • button: fixes missing styles on anchor

  • button: fixes nested button background issue

  • button: fixes existing icon container when icon has been removed

  • button: fixes superscript issue

  • card: fixes wrong spacing on icon

  • card: removes outer spacing (margin)

  • chart: added correct font

  • chart: added default global options

  • chart: Added loading text to make it i18n compatible

  • chart: fixes issue that options where mutated instead of cloned

  • chart: corrected easing functions overshoot

  • chart: fixed chart area icon

  • chart: fixed chart blue theme

  • chart: fixed legend overrides

  • chart: fixed legend sizing, coloring, disabled

  • chart: fixed no options/series passed

  • chart: fixed reflow issue

  • chart: fixes for pie chart coloring

  • chart: fixes missing legendicons when building an app with the prod flag

  • chart: fixes tooltip not being wrapped when changing options at runtime

  • chart: remove all change-detection cycles that were triggered by highcharts events

  • chart: fixes subscription cleanup on destroy

  • chart: update chart selection model

  • chart: use lodash merge function to deeply mergeClone options

  • checkbox: disable animation timing in IE

  • checkbox: fixes container size issue in non border-box environments

  • context-dialog: added spacing for closing btn, improved focus management

  • context-dialog: fixes issue where context-dialog does not close on blur

  • core: rename log level name for consistency

  • expandable-section, expandable-panel: Changed inline svg to dtIcon

  • expandable-section, expandable-panel: fixes issue where openedChange does not fire when opened property is set

  • expandable-section, expandable-panel: fixes issue where openedChange subscription is not unsubscribed

  • filter-field: fixes broken nested button override

  • filter-field: handle input keyup only on free text

  • filter-field: node removal on backspace

  • formatters: added chaining capabilities

  • formatters: make pipes more resilient to strange input

  • form-field: fixes spacing of error messages

  • form-field: fixes issue where error element is overlapped

  • form-field: fixes multiple styling issues with icons and buttons

  • icon: fixes issue where icons are loaded multiple times

  • icon: changed icon color to white on darkthemes

  • icon: add escaping inside icon registry

  • inline-editor: fixes edit icon

  • inline-editor: fixes IE issue

  • inline-editor: model now updates only when save is pressed

  • inline-editor: fixes issue when dt-errors are not passed to form-field

  • input: fixes red outline in firefox

  • input: fixes disabled background color

  • input: fixes design issues

  • input: fixes ie issue

  • loading-distractor: added spinner

  • loading-spinner: fixes animation when only spinner is used

  • loading-spinner: fixes xml namespace issue for svg in angular core

  • progress-bar: Fixes IE11 issue

  • progress-circle: fix path not being drawn correctly in IE

  • progress-circle: fixed getter calling setter and emitting event

  • progress-circle: scales icons in progress-circle

  • radio: fixes issue when setting disabled directly

  • select: fixes valueChange emitting undefined when value zero has been set

  • select: removes themeable arrow icon in select

  • select: fixes multiline issue

  • table: fix chart in expandable table not being hidden correctly

  • table: fixed sort icon direction

  • tag: removed outside spacing

  • theming: add missing blue colors

  • theming: fixes issue where theme did not unsubscribe from parent properly

  • theming: fixes theme inheritance

  • theming: fixes issue when getting an error if there is no parent theme

Features

  • alert: added alert component

  • autocomplete: added autocomplete

  • button: added button component

  • button: added loading spinner for button

  • button: added nested variant

  • button: added icon button

  • card: added card component

  • chart: added chart component

  • chart: added heatfield & overload prevention capabilities

  • chart: added axis defaults for font size

  • chart: added support for area range

  • chart: added custom legend icons

  • chart: added loading distractor to the chart

  • chart: handles visibility without data

  • chart: handles empty points inside tooltip

  • chart: added new color strategy and colors

  • chart: added support for series and options as observables

  • chart: added support for tooltip

  • cta-card: added CTA card component

  • checkbox: added checkbox component

  • checkbox: added dark theme

  • context-dialog: added context dialog component

  • filter-field: added filter-field

  • form-field: added form-field component

  • icon: added icon component and registry

  • icon: added dt-iconpack support

  • icon: added dt-iconpack integration

  • indicator: added indicator component

  • input: added input directive

  • input, form-field: added autofill monitor

  • loading-distractor: added loading-distractor component

  • option: added option component; to be used in other components such as select

  • overlay: added overlay component

  • progress-circle: added progress-circle

  • radio: added radio

  • select: added select component

  • selection-area: added selection-area

  • table: added table component

  • table: added problem indicator capabilities

  • table: added sorting capabilities

  • table: added sticky header

  • tabs: added tabs

  • theming: added theming

  • tile: added tile component

  • tile: added icons to tile

  • toast: added toast component

  • viewport-resizer: added viewport resizer