v11.3.0

11.3.0 (2021-03-31)

Tabs changes

The structure of the tabs component slightly changed. If you're using a tab-group which is aligned to the left and not centered, you need to modify the custom css and change .nx-tab-header to nx-tab-header:

:host ::ng-deep nx-tab-header {
  justify-content: flex-start!important;
}

Bug Fixes

• card: prevent header contents overflowing icon (91ebb2c)
• checkbox: add checkbox indeterminate fill color (522a6f4)
• comparison-table: use plain button for info icons, update popular cell theming tokens (ce1ecbb)
• sidebar: drag animation is visible again (0fc1318)
• small-stage: add theming token for text color (75c410a)
• table, formfield: remove padding from formfields inside table and add example (ad7e21d)

Features

• card: show icon outline for expert when card not selected (e72aea9)
• dropdown: add custom overlay label (6670b31)
• phone-input: add component (d51e888)
• table: add isExpanded input for nxExpandableTableRow (5916a1a)
• tabs: implement scrolling behavior of tabs header (699adc9)

v11.2.0

11.2.0 (2021-03-15)

Please make sure to use @aposin/ng-aquila version 11.2.0 for this release. By running ng update @allianz/ngx-ndbx the correct version should be installed automatically.

For the sidepanel component there was introduced the wrapping nx-sidepanel-outer-container component. The standalone sidepanel without a wrapper is deprecated. Please check the documentation of the sidepanel for more information.

For the tree component there was a nxTreeNodeActionItem directive introduced. It should be added on actionable items (i.e. links, checkboxes, etc.) within the tree for better accessibility. Please check the documentation of the tree for more information.

Bug Fixes

• button: stop relying on attributes for styling (e4d5f87)
• dropdown: not showing errors in progress indicators (e8b9b10)
• popover: scroll positioning (b8c909d)
• system: stop relying on attributes for styling (e6c63b2)

Features

• button: add anchor buttons (6919587)
• comparison-table: support expert theme (c66e9ec)
• indicator: positioning enhancements (61ad282)
• sidepanel: introduce wrapper container around sidepanel (e07ed18)
• tree: keyboard navigation (f401de8)

v11.1.0

11.1.0 (2021-03-01)

Bug Fixes

• avatar: focus style not visible in high contrast on edge (a54ed9b)
• comparison-table: scroll element into view when hidden by header (177faca)
• context-menu: update styling of keyboard focus (416ad77)
• formfield: apply expert placeholder styles to textarea (aa89c37)
• formfield: autofill style when using appearance is outline (e105a79)
• progress-stepper: truncate long labels (7bb06fd)
• tooltip: update padding (2725c01)

Features

• progress-indicator: improve a11y for multi-stepper (d8e6b70)
• small-stage: design feedback based enhancements (7f363bd)

v11.0.1

11.0.1 (2021-02-08)

Bug Fixes

• icon-registry: throw proper error if HttpClient is missing (86c6f69)
• popover: handle document clicks in shadow dom (14025df)
• tooltip: add input to allow selection of text in trigger (f12b99e)
• various: high contrast on Chromium Edge (1ade45c)
• various: high contrast on Chromium Edge (7858f2f)
• various: high contrast on Chromium Edge (3eaa23d)

v11.0.0

11.0.0 (2021-01-29)

Highlights

Removal of outer default margins

In this release we removed some default outer margins of components that were coming from the early days of the library and do not match the many different scenarios and layouts where these components are used. You are free to set a margin appropriate to your designs. As this can potentially mean visual changes we provide a compatibility css file that restores the former default margins. See the BREAKING CHANGES section below or the update guide for more details and how to use the compatibility css.

Deprecation removals

After quite some time we cleaned up a lot of deprecations. We tried our best to migrate these deprecations during ng update or give you a warning in case you have to update manually.

Small stage

The small stage was extended to be used in both expert and retail scenarios. It should give you a lot of flexibility now to create the best experience for the end user. For that some adjustments have to be made as the code prior to this release is not working anymore. You find all relevant code examples in the documentation.

Bug Fixes

• breakpoints: correct breakpoints and improve comments (bec4636)
• button: high contrast on chromium edge (f65ab98)
• checkbox: high contrast on chromium edge (a049888)
• context-menu: icons still have auto size (cf20b17)
• file-uploader: add missing styles for components (d8b7095)
• focus-styles: high contrast on chromium edge (d96a2cb)
• icon: align to center (b9a4b08)
• iso-date-adapter: use formats without separators first (dac1128)
• margin-classes: add nx-margin-x-0 and nx-margin-y-0 classes (d13370a)
• margin-classes: only affect horizontal/vertical margins when using x/y (f54ecc1)
• progress-stepper: match type of _stepHeader with CDK (0ced970)
• radio-button: high contrast on chromium edge (221ea41)
• radio-toggle: high contrast on chromium edge (0aa4b0d)
• schematics: update to new CLI api (d5286de)
• switcher: high contrast on chromium edge (b038b69)

Code Refactoring

• remove deprecations without automatic update (c5a7830)
• remove various deprecations (1084f82)

Features

• remove default outer margins from components (778f43a)
• file-uploader: add maxFileNumber validation (e6a1af9)
• file-uploader: custom file item templates (690aa98)
• update to Angular 11 (7157dfd)
• small-stage: rewrite to support retail (dd7e22e)

BREAKING CHANGES

• small-stage: the component was refactored to support both retail and expert, the changes in detail contain:
  • The contentNarrow input of nx-small-stage was renamed to narrow and moved to the nx-small-stage-content directive.
  • The offsetEnd input of nx-small-stage was moved to the nx-small-stage-end-image directive.
  • The inputUrl input of nx-small-stage was renamed to src and moved to the nx-small-stage-end-image directive.
  • The small-stage-image-container-padding-start theming token was renamed to small-stage-image-container-padding-to-content.
  • The small-stage-background-color theming token was removed. Please set the background-color directly with css.
• comparison-table: removed the label input, use labelCollapsed instead
• datefield: removed the getPopupConnectionElementRefmethod, use getConnectedOverlayOrigin instead
• datefield: removed the calendarHeader property from NxDatepickerIntl, use switchToMultiYearViewLabel instead
• dropdown: removed the nxAriaLabel input. Accessibility for dropdown is achieved with aria-labelledby that is set automatically
• progress-indicator: removed the title input for all progress-indicators. Use a nx-label element as content to the indicator instead. Example:

  <nx-single-stepper currentStepLabel="Step">
    <nx-label>My Title</nx-label>
    ...
  </nx-single-stepper>

• The outer margins of components were removed. For an easier upgrade path we provide a compatibility.css file that restores the margins prior to this change. To use this add "node_modules/@aposin/ng-aquila/css/compatibility.css" to your styles in angular.json.

  The exact changes are:

  • expansion-panel/accordion: Removed margin-top: 16px before the first expansion-panel inside an accordion.
  • button: Removed margin: 0 0 24px 0.
  • cards: Removed margin-bottom: 24px from the nx-card component and margin-bottom: 8px from the nx-selectable-card component.
  • checkbox: Removed margin-bottom: 16px.
  • copytext: Removed margin: 0 0 32px 0. The copytext now has a default margin: 0.
  • dynamic-table: Removed margin: 32px 0.
  • headlines: Removed margin-bottom from each headline size. The headlines now have a default margin: 0.
  • lists: Removed margin-bottom: 32px from the list and margin-bottom: 16px from the last list item.
  • notifications and errors: Removed margin: 12px 0 from nx-message, nx-message-banner and nx-error (of type message). For the Message Toast the margin is still used.
  • number-stepper: Removed margin-top: 12px if there is no label set.
  • pagination: Removed margin: 8px 0 from the Advanced Pagination (+ smaller screens: margin: 8px 0 40px 0 ) and margin: 16px 0 from the Simple Pagination (smaller screens: margin: 40px 0).
  • taglist: Removed margin-bottom: 32px on the list. On the single tag items, there is still used a margin-bottom.

• margin-classes: When using nx-margin-x-..., the vertical margins are no longer set to 0. When using nx-margin-y-..., the horizontal margins are no longer set to 0.

• • card: remove deprecated selectable, selected, disabled and selectedChange property. Please update to the nx-selectable-card component

• datefield: remove deprecated format function which is not needed to be called anymore

• icon-registry: remove deprecated getSvgIcon method. Use getIcon instead.

• radio-toggle: remove deprecated selection setter

v10.9.0

10.9.0 (2021-01-12)

As a documentation change there was added a link to stack-blitz for the examples.

Bug Fixes

• avatar: hover and active grey bloom changes text color (28e9a1e)
• context-menu: adjust height of items and offset of submenus (6c504e3)
• datefield: parseError when input is empty (d9be564)
• datefield: select correct year in adjacent cells in datepicker (c954981)
• file-uploader, formfield: remove delay(0) (340866f)
• formfield: remove font-weight on nx-icons (f992b32)
• icon: svg does not fit in flexbox space inside icon (da71316)
• side-navigation: add missing padding-bottom (11584cb)
• toggle-button: allow reset values as radio values (c2720b9)

Features

• checkbox: add focus() method (3cbb4bd)
• circle-toggle: add focus() method (079d64d)
• radio-button: add focus() method (e3cd98b)

v10.8.0

10.8.0 (2020-12-21)

Bug Fixes

• iso-date-adapter: use the locale of the date adapter (cd55c93)

Features

• sidepanel: add light color variant (7b0959f)

v10.7.0

10.7.0 (2020-12-14)

Bug Fixes

• accordion: proper margins for rtl extra-light ver (59d692a)
• accordion: proper padding tokens for rtl (a81706b)
• datefield: no error when parsing invalid date (57a28fc)
• formfield: float label to start for outline formfields (f068094)
• tooltip: add a11y styles to global css, update docs (2ce3923)

Features

• avatar: add component (0d075e8)
• comparison-table: use CDK FocusMonitor for focus style (85d47b8)
• indicator: add indicator component (3311a94)
• various: use CDK FocusMonitor for keyboard focus style (587d86d)

v10.6.0

10.6.0 (2020-12-04)

Bug Fixes

• moment-date-adapter: moment is not a function error on StackBlitz (14f0638)
• migration schema (db7e08b)
• slider: prevent focus when disabled (b7ac7ef)

Features

• autocomplete: allow dynamic dir switching (bb1c7b0)
• context-menu: allow dynamic dir switching (8e04f09)
• datepicker: allow dynamic dir switching (5b1624e)
• modal: allow dynamic dir switching (a8c1616)
• pagination: allow dynamic dir switching (ae7a65e)
• popover: allow dynamic dir switching (6890385)
• tooltip: allow dynamic dir switching (79e37c3)
• various: use CDK FocusMonitor for keyboard focus style (ec47e38)
• various: use CDK FocusMonitor for keyboard focus style (aa48a39)

v10.5.0

10.5.0 (2020-11-19)

Bug Fixes

• comparison-table: use clip-path for sticky behaviour (e812ccd)
• popover: proper rtl positioning (e09a7cd)

Features

• various: use CDK FocusMonitor for keyboard focus style (dfc2e79)