Changelog

All notable changes to this project will be documented in this file. See standard-version for commit guidelines.

19.0.0 (2025-01-17)

⚠ BREAKING CHANGES

Please run ng update @aposin/ng-aquila to migrate the breaking changes automatically.

number-stepper: the readonly input got renamed to inputFieldReadonly. the readonly property before this change only set the input field to readonly but left the number stepper operational via the buttons. this was not properly named and was changed now to make room for a proper readonly state that got added.

Features ✨

number-stepper: add readonly state and rename former readonly to inputFieldReadonly (1665a04)
update to Angular 19 (d36aba5)

18.7.0 (2025-01-17)

Features ✨

number-stepper: link error messages to input for assistive tools (1824f2b)

Bug Fixes 🐛

badge: make single character circle (a121099)
dropdown: add aria-controls to filter input (05f2928)
dropdown: add group role to make screenreader read correctly (6b4abb7)
dropdown: open flyout and focus item when characters are typed (5df221a)
multi-select: prevent close emit twice (8a75b24)
radio-button: mark control as touched only when leave group (831c04e)
selectable-card: prevent overflow style cut out (2f93b23)
table: add selector for multiple expandable rows (1fe4c3a)
table: prevent resize column break sticky column (1ebc90a)
timefield: update errorState handling to use signal (158bed2)
tree: role treeitem for nodes to be counted correctly (b5a7023)

18.6.1 (2024-12-05)

Documentation 📚

activate a1 for all components (ba59316)

Bug Fixes 🐛

breadcrumb: make nxBreadcrumbItem more lenient and add example with context menu and buttons (e4a24ad)
circle toggle: link error message to controls (56ad612)
context-menu: replace onStable with afterNextRender for zoneless compatability (e7709bd)
context-menu: stop propagation on esc (24e0fb6)
datefield: add role="button" to the dates in the datepicker (36daeee)
datepicker: disabled selected styling (c55a66b)
docs: replace px with rem (0bc5fd1)
dropdown: prevent unnecessary macrotasks (7cec758)
formfield, autocomplete, datefield, multi-select: fix accessibility issues with aria owns (137e136)
modal: use inert to block content outside of dialog (581b574)
natural-language-form: replace zone.onStable for zoneless compatibility (7e7d1da)
pagination: improve and maintain focus state (e8448b5)
popover: fix IntersectionObserver not defined error in SSR when popover can only be opened through client interaction (9a92304)
popover: set active state for trigger button (d33c2da)
rating: implement radio behaviour (e1c9842)
table: fix condensed styling (ccb6e11)
tabs: make tabs ssr ready (77f4235)
tree: fix errors for undefined treeControl and elementRef with separate declarations (a560ac5)
word: width of input should adapt to rendered value (1499c01)

18.6.0 (2024-10-31)

Timefield built in validator

The timefield component now has a built in validator to check if the entered time is valid. The feature can be enabled by an opt-in setting enableTimeValidation.

Features ✨

modal: add more autofocus options (a2eb516)
switcher: always show tickmark when checked (6f3f5a2)
timefield: add custom validator for invalid time (ce55e71)

Bug Fixes 🐛

checkbox: active and error hover/active styles (b3dbac7)
circle-toggle: allow any value (5866d47)
datefield: use spacebar to select date (4622d74)
grid: convert scss example file to css (3b7ea9e)
headline: add css for links inside of headline (ae0cd54)
message-toast: add NxMessageToastService to providers (bab33f4)
message-toast: replace onMicrotaskEmpty with queueMicrotask for zoneless compatability (3fcde39)
sidebar: item position while resizing and when closed(0d5cf74)
table: change sorting direction (e67a600)
tooltip: replace onMicrotaskEmpty with afterNextRender for zoneless compatability (7357258)

18.5.1 (2024-10-11)

Bug Fixes 🐛

autocomplete: replace onStable to make it zoneless compatible (5fcc2ec)
checkbox: link aria-describedby with projected nx-error (32bbdde)
formfield: remove css coloring icons blue in appendix (dcea5da)
formfield: remove reveal icon in Edge only when password toggle exists (7036b7a)
number-stepper: allow comma as decimal separator, add commaDecimal input (f144496)
radio-toggle-button: fix disable-mobile styles (2daa138)
switcher: fix css for label left (22354ca)
table: fix sticky column not working (c0f5b36)

18.5.0 (2024-09-30)

Documentation 📚

file-uploader: make screenreader read error message (7a5ac74)
only show implemented components for A1 themes (9d190ed)

Bug Fixes 🐛

radio-button, circle-toggle: add tabindex="-1" to label element in radio groups (e3ada6b)

Features ✨

radio toggle: link error message to radio toggle by aria-describedby (50249cf)
spinner: add ariaPoliteness input (0aa0483)

18.4.0 (2024-09-26)

Documentation 📚

add aquila issue template (05515fd)
update icon version info (e6c02ea)
update safari just to most recent (6193c65)
update screenreader support page (feaae27)

Bug Fixes 🐛

checkbox: link checkbox group aria-labelledby with projected nx-error (1793088)
datefield: make the datepicker zoneless ready (e64213d)
foooter: first year then company (78da2e8)
list: icons missing aria-labels (50da7ee)
multi-stepper: remove unnecessary aria role (967aea3)
table: add :host to ::ng-deep for block-scoped styles (d1014e3)
table: spacing issues with ndbx-base-integrated styles (4d4dc1c)

Features ✨

formfield-harness: add isReadonly query and filter (93c1149)
formfield: add example of customizing spacing with theming tokens (6b25bac)
switcher: announce errors by screen readers by linking error message (4ba485f)

18.3.0 (2024-09-09)

Readonly states for radio- and checkbox-style components

With this release we added a readonly state to the circle toggle, radio button, checkbox, switcher and toggle button components. The number stepper has to be delayed until the next major version because of a necessary breaking change. Please note: the readonly states on these elements is only approved for internal (expert) applications because of accessibility constraints.

Features ✨

accordion: add flush alignment option (28a37fd)
circle-toggle: add readonly state (c2abe67)
multi-select: add filterInput output (d61712c)
radio-button: add readonly state (b6ef4f6)
switcher: add readonly state (a72712a)
toggle-button: add readonly state (571e1df)

Bug Fixes 🐛

circle-toggle: invalid aria-required attributes in radio group (79e18ce)
datefield: to use plain buttons and update cell font-weight (ea29b77)
grid: use DI for missing nxRow warning (8d4a236)
header: change height of header to match figma designs (d5bf893)
multi-select: open dropdown with arrow keys (785b98e)
radio-toggle: forward focus to toggleInput (7c6edda)
sidenavigation,action: text and icon alignment in the navigation items (b6b2c79)

Documentation 📚

accordion: add aria-hidden to error icons (74c9106)

18.2.0 (2024-08-26)

Features ✨

checkbox: add readonly state (96e717c)

Bug Fixes 🐛

code-input: link error message with aria-describedby (ce2c995)
comparision-table: track expression warning (f400dd8)
context-menu: change behavior to match a11y guidelines (5595eaf)
dropdown: change keyboard behavior (7f23419)
input: remove a password reveal button in Microsoft Edge (f1f55df)
multi-select: add aria-describedby, aria-invalid (98f784d)
phone-input: correct focused state (71527c5)
phone-input: remove binding from role attribute (bfe1f23)
popover: change aria-haspopup to dialog (7e4cdf5)

Documentation 📚

add documentation for non interactive scrollable content (e4e201f)
fix opening examples in stackblitz (ea96a78)

18.1.0 (2024-08-08)

Emphasis button update

The emphasis button was deprecated in 18.0.0 because there was no plan to make the colors accessibility compliant. This decision was changed and now the orange colors got updated to fulfill WCAG contrast requirements. The emphasis button is not deprecated anymore and can be used again.

Features ✨

dropdown: align dropdown checkmark (5fed95d)
natural-language-form: enable aria-describedby for words (d418a65)
tag: add nxTagIntl provider for i18n (a4b9ffd)

Bug Fixes 🐛

action: use new line instead of ellipsis for narrow space (aa76f08)
context-menu: adjust header styles to selection menu designs (adb40ee)
dynamictable: add nxContextMenuItemCheckbox to column settings checkboxes (edd5cd0)
dynamictable: remove drag and drop from custom settings (f70cf23)
file-uploader: don't intterupt adding file when an invalid file is found (2f23c2a)
formfield: add role group and aria label to custom formfield (0852a44)
formfield: change from nx-icon hover to button click for popover (a0b8d2b)
formfield: remove aria label for readonly (b3f5125)
licence-plate: empty value is valid in validator (0ed5059)
popover: change maxwidth to 100% to work for small screens (3c7f91c)
switcher: set required validator, correct aria (1e4c2e7)
table: don't emit sortChange when set active, direction (06390a9)
table: remove nxTableCellClip from column resize table (02143af)
tag: remove backspace deletion use focusable button instead (f456efe)
tooltip: annouce message when show (3d39cd5)

Documentation 📚

button: undeprecate emphasis button (fc1d126)
checkbox: show freedom of layouting (7c3f680)
datefield: add error messages in examples (19b76ec)
file-uploader: fix a11y screen reader issue in example (4b677d4)
input-mask: add error messages in examples (90589dd)
input: add instruction to import css when using cdkTextareaAutosize (56b12bd)
mask-input: add error messages to examples (e221643)
release guide update (e769015)
sync browser support with Angular (318cce1)

18.0.0 (2024-07-15)

Replacement of the emphasis button

The emphasis button was not fulfilling WCAG accessibility requirements and was replaced by the new attention button variant. The emphasis button is deprecated and will be removed in the future. As different usages could lead to other solutions than using the attention button, the change is opt-in and will not be done automatically.

Library migration to standalone

The library has been migrated to the Angular standalone APIs. This change should not affect you and everything should work the same and you can import and use the modules as before. But the components and directives are now standalone and you can make use of new Angular features like host directives, import only components/directives instead of a module or find better solutions for mocking in tests.

Library migration to new control flow syntax

The templates of components use the new control flow syntax from Angular. This should have no negative effect on your application or changes needed as everything should work as before.

⚠ BREAKING CHANGES

iso-date-adapter: The iso date adapter was loading the requested locales from dayjs lazily by a built in feature. This doesn't work with the new vite based build system from Angular anymore so we remove it. If you did not explicitly import the necessary locales before you will have to do so with this update.

Add the respective imports into your application:

import 'dayjs/locales/de';
import 'dayjs/locales/es';

For lazy loading projects have to find a custom solution that works together with vite and rollup.

layout: The order of the nx-margins have been changed for specificity reasons, this can change the behaviour of current margins.

EXAMPLES:

class="nx-margin-0 nx-margin-top-xl" before: margin top: 0, left: 0 , right: 0 , bottom: 0 now: margin: top: 64 (xl), left: 0 , right: 0 , bottom: 0

class="nx-margin-s nx-margin-top-xs nx-margin-bottom-m" before: margin top: 16 (s), left: 16 (s), right: 16 (s), bottom: 24 (m) now: margin: top: 12 (xs), left: 16 (s), right: 16 (s), bottom: 24 (m)

progress-indicator: to fulfill accessibility requirements the variant with a progress bar between steps needs an accessible label. The label can be set with the progressbarAriaLabel or progressbarAriaLabelledBy input. There is an english default but you should set this to a meaningful value for your application. Please see more details in the documentatioon.

DEPRECATIONS

swipebar:: The swipebar component has been deprecated and will be removed in the future. Please rely on native scroll bars.
button:: the emphasis button has been deprecated and will be removed in the future. Please use the attention button instead.

Documentation 📚

swipebar: deprecate swipebar component (88f7127)

Features ✨

button: add attention button and deprecate emphasis button (b043927)
migrate library to standalone (0a9b4ee)
progress-bar: set aria attributes and allow custom ranges (e7fa382)
update to Angular 18 (717db8b)

Bug Fixes 🐛

avatar: add role image in examples (1209151)
datefield: propagate readonly state to all directives and components (8ca1e89)
iso-date-adapter: remove automatic lazy loading of locales (edb6909)
layout: fix nx-margin-classes for better specificity (3b050dd)
radio-button: cannot access radiogroup before initialization error (49a6346)
status-icon: add inline-flex to status icon (a5cdc6a)
tag: keep focus after tag deleted (c8ee14e)
timefield: group time input fields for improved screen reader us… (3bc35e9)
timefield: make screen readers read all infos instead of content only (415c553)

17.9.1 (2024-07-03)

Documentation 📚

action: correct content for screenreader (5ede503)
formfield: correct count remaining example (b3065a4)
rating: add more info for assistive technology (671d729)

Bug Fixes 🐛

context-menu: correct high contrast color (b7ddf40)
context: keyboard selection (f2c7342)
dropdown: adjust group header label styles to match figma (820be6f)
icon: add NX_ICON_INITIALIZER for internal icons (e5595dc)
mask: don't do masking if deactivate is enabled (13df8ef)
phone-input: add role group, add separate aria labels for dropdown and input (3b1e23e)
radio: add describe error message for screenreader (7a1acc6)

17.9.0 (2024-06-26)

Timefield new opt-in timepicker

A new timepicker dropdown was added to the timefield that let's users select a time from a dropdown. This feature is opt-in for now, please see the documentation page for more infos.

Documentation 📚

avatar: add aria-label in examples (bb20e9d)

Bug Fixes 🐛

circle-toggle: setting group control value reflect on child view (302b511)
schematics: schematics and tests for standalone (7b2037c)

Features ✨

popover: enable setting tabindex for manual trigger (d729998)
timefield: add timepicker dropdown (f912ec7)
toggle-button: enable setting aria-label for the inner radio input (e74335d)

17.8.0 (2024-06-18)

Features ✨

checkbox-harness: add isDisabled (5e3a96f)

Documentation 📚

accordion: improve accessibility of the error state example (bbec6d5)
circle-toggle: correct disabled element (20c6aab)
comparison-table: enhance NVDA readability for column header cells (1bc8534)
small-stage: focusable breadcrumb in small stage example (f5ccd56)
table: correct aria label (656b258)
tooltip: show focusable non-interactive tooltip (92d09d5)
update allianz-icons version (216c5b8)

Bug Fixes 🐛

autocomplete: prevent early error (9fe622f)
circle-toggle: addition check error state from group (01e518f)
datefield: add localization for de, ja and ar (419ed09)
dropdown: only show focus when interact by keyboard (e8ee8af)
dropdown: round position offset values (5e6bca0)
header: prevent style leak (21a5907)
radio-button: focus host element (2cd3c3d)
sidebar: add aria labels on examples (f971fa6)
spinner: announce spinner via screen reader (9de19d4)

17.7.0 (2024-05-16)

Dropdown and multiselect flyout changes

The label options inside the dropdown where limited to a certain character length and then cut off. This has been revised and long labels will now line break again. In addition the dropdown overlay size will now always be the size of the dropdown trigger element. As that can sometimes mean the overlay would be very narrow we introduced a new API that lets the overlay grow past the trigger element width if needed. In addition you can also set a max-width that the overlay doesn't get too long.

Bug Fixes 🐛

selectable-card: visual design enhancement (318f6ed)
table: change sorted arial label and move myintl to docs (072cac0)

Features ✨

dropdown, multi-select: let overlay scroll out of viewport (61cfed2)
dropdown, multi-select: remove ellipsis and add new api for overlaywidth (b09e876)
dropdown: add ariaLabelledBy input (c96d4fe)

Documentation 📚

action, side nav: a11y (c1feff9)
comparison-table: add error message in example (8ce553c)
input: enhance accessibility of documentation examples (463c366)
table: use aria-labelledby in example (c96d4fe)

17.6.0 (2024-05-02)

Documentation 📚

modal: showcase correct button size for expert (9d1e8c1)

Features ✨

context-menu: selection menu styling(d03bec4)
switcher, radio, checkbox: add ariaLabel (c85820f)

Bug Fixes 🐛

checkbox: solve circular dependency (072b664)
circle-toggle: change cursor for disabled flipped circle toggle (4a4ad48)
datefield: remove days from previous month and following month in current month view (4f88a99)
datepicker: datepicker colors (47552d6)
dropdown: allow focus readonly (c41b78b)
dropdown: fix scrollActiveOptionIntoView for dropdown with many groups (b63fb68)
formfield: show focus style on readonly field (5c63d95)
move focusmonitor from constructor to ngAfterViewInit (2118d17)
multi-select: auto focus first element on open (c771eba)
toolbar, header: mobile padding (90452e9)

17.5.0 (2024-04-15)

Documentation 📚

date: correct appearance (494095c)
table: add showcase of filter+selecting table (9e80f60)

Features ✨

card: add clickable card (6859993)

Bug Fixes 🐛

context-menu: position icon (5ad6feb)
dropdown, multiselect: Add tooltip only if label overflows (bd84f4c)
dropdown: active filter bottom padding (888b500)
dropdown: fix tests (c9499ee)
dropdown: increase time to wait for withTypeAhead (8a1de5f)
dropdown: no scrolling or highlighting of the selected option if list not loaded before (54aa4f4)
formfield: prevent animation for label when always floating (5b961d2)
improve Accordion error accessibility (18adddf)
link: add x-small link (bff886a)
list: add condensed option (4e1b0d7)
message: fix injector bug (9c9f115)
table: add css for nxtablecellclip pagination (6a76b5b)
table: remove clipcell and width calculation (f4ac95d)
timefield: call ontouched only when the whole component gets blurred (4690669)
tree, action: make navigation work with screenreader (f550810)

17.4.0 (2024-03-20)

Bug Fixes

grid: throw only warning if nxRow element is missing (bd35395)

Features

forms: add Formfield, Dropdown and Input harnesses (36d4b1d)

17.3.2 (2024-03-08)

Bug Fixes

circle-toggle: inherit properties from group dynamically (c4b899d)
table: allow sort column to read out by screeenreader (16e71e0)

17.3.1 (2024-03-07)

Bug Fixes

grid: remove :host from css selectors (ebf1c82)
mask: handle initial number values in form model (42747b3)
small-stage: change spacings (5d70fb8)
table: table and ag-grid visual alignments (f9e0c83)

17.3.0 (2024-02-27)

Bug Fixes

ag-grid-theme: remove selected row border (457ca0c)
formfield: run change detection when control changes (9cfddc8)
icon: set aria-hidden (d7f47de)
mask: update model correclty when dropspecialcharacters changes (1859690)
multi-select: prevent overlay scroll when text too long (37bf2de)
progress-indicator: change disabled colors (e87eec4)
small-stage: vertical spacing (56834b4)

Features

link,data-display,checkbox,radio,card: add testing harnesses (8ae0652)
message-toast: message toast from component (882010f)

17.2.0 (2024-02-01)

Bug Fixes

grid-examples: wrong imports breaking the docs (7f1a13a)
multi-select: error message shown too early(cc5f666)
radio-button: no random suffix for custom ID (65d9828)

Features

button,icon: add testing harness (cd07c76)

17.1.2 (2024-01-25)

Bug Fixes

checkbox: add custom requiredTrue validator (081fd6a)
file-uploader: disable in reactive form (6e22a4b)
formfield: ellipsis and tooltip for disabled and readonly nxInput (7bf660d)
table: design alignment NDBX and AG Grid theme (38e9123)
tree: use inputs alias to mitigate CDK change (15caf21)

17.1.1 (2024-01-11)

Bug Fixes

dropdown: filter input resizing on focus out (59bdd31)
formfield: correct focus style (a9dffff)
popover: defer opening of popover (3c29a37)

17.1.0 (2023-12-21)

Grid structure expectations

Some projects were affected by a change in 16.12.0 that caused a runtime error. The error is caused when nxRow elements are not surrounded by any nxLayout parent. As a workaround we made the nxLayout parent optional for now. But we want to encourage you to always use the nxLayout parent as it is described in the grid documentation. A warning is shown in the console when the dev mode is active to show you that you are affected. But we might change this in a future major version and make the nxLayout parent mandatory.

For users affected in the 16.x.x versions we recommend to stay at 16.11.0 and not update to 16.12.0 before you upate to 17.1.0.

Ag-grid theme beta necessary breaking change

We had to move away from our first approach to use the SASS API of Ag-grid for multiple reasons. This unfortunately results in a breaking change which we reserve outside of a major version while a feature is still in beta/experimental state.

Please see the ag-grid theme documentation for the updated documentation.

In short:

make sure that you import the ag-grid base styles and the alpine theme. these were compiled into the aquila theme file before which is the root of the problems. e.g. in the angular.json file:

"styles": [
  "node_modules/ag-grid-community/styles/ag-grid.css",
  "node_modules/ag-grid-community/styles/ag-theme-alpine.css",
  "node_modules/@aposin/ng-aquila/themes/ag-theme-aquila.css",
  "src/styles.scss"
]

add the ag-theme-alpine class to the grid container

<ag-grid-angular class="ag-theme-alpine ag-theme-aquila"></ag-grid-angular>

Allianz internal projects: rename ag-allianz-icons to ag-theme-allianz-icons

Bug Fixes

ag-grid: remove SASS API usage (0c6ab9a)
formfield: make focus style always at the bottom (0e43f44)
grid: make nxLayout parent optional for now (5147ae6)
table: hide sort button in screen reader form mode (0b0bad1)
timefield: remove ontouched from oninput (8572312)

Features

pagination: pagination with bullets (f334029)

17.0.0 (2023-11-29)

Features

update to Angular 17 (ebdf31e)

16.12.0 (2023-11-29)

Container Queries

We added a new feature to the grid component that introduces container queries. The grid will then automatically adjust the number of columns and rows based on the container size and not on the viewport size.

Bug Fixes

comparision-table: improve toggle section screen reader output(f435eb0)
datefield: provide NxDatepickerIntl in root and not in module (36b46fe)
dropdown: cursor navigation in filter input field (0f44626)
formfield: formfield focus style (ac6c1bb)
overflow issue on sticky header and column (5e73c09)
phone-input: mark for check when setReadonly is called (620ab37)
remove relation icon from essential icons (50272e9)
signal-button: change warning icon (1e27714)
tabs: correct disabled style (255377f)

Features

grid: add container query option (017bad2)
selectable-card: add radio button behavior (d24d5a6)
slider: slider info icon slot (f068681)

16.11.0 (2023-11-09)

Bug Fixes

context-menu: checked icon position (24c0e94)
context-menu: revert icon size change (ca341d4)
file-uploader: add aria label for file list (8254c00)
formfield: dont overwrite the formfield-outline-label-font-weight token (5dcd3c2)
tabs: fully scroll button into view (51656a0)

Features

formfield: add new active border width token (6d08cd6)
popover: popover width and maxwidth (7813b54)
signal-button: signal button with popover (9abaec1)

16.10.0 (2023-10-23)

File Uploader UX updates

The file uploader got some updates to recent UX guideline changes. Most notable changes are:

the error messages are shown above the label
files that do not validate or have an error while uploading get removed from the file list
the file list shows a file icon depending on the type now

Bug Fixes

ag-grid: color and layout fixes(735d3ea)
datefield: accessible disabled colors (4f96fbf)
formfield: update focus styles (2fb75fe)
license-plate: correct disable style (9a40f97)
multi-select: prevent value is not present in option warning (c3291c0)
pagination: add button type (f87c95d)
popover: fix for keycode enter (28fe521)
radio: prevent group overwrite checked button (cd6e2b2)
table: set sticky header z-index (89c05ad)
tabs: remove scroll buttons from tabindex (6738f12)
upload: prevent error disappear when upload failed (cffaca6)
word: update focus styles (cadd2ee)

Features

accordion: add option to scroll body into view when panel gets opened (3cf35ab)
forms: add programmatic readonly api to existing components (d715947)
uploader: changes showing error, add file icon (c4c592e)

16.9.0 (2023-09-20)

File uploader new option to handle errors

We identified some problems with how the file type, max file size and max files validators are handled. These validators were added to the form control validators. But as they also block the files from being added to the file list this can lead to a situation where the control is invalid but it is not obvious for the user how to resolve that. The mentioned validations can now be accessed via an errors property on the nx-file-uploader component. In addition you can disable that the validators are added to the form control validators by setting noBlockingValidators="true". This is opt-in as it would be a breaking change. You can find more information and updated examples in the file uploader documentation page.

Bug Fixes

ag-grid: add more icon mappings (8fee8a0)
data-display: correct font weight (d036d23)
datepicker: add close icon aria label (b971a2a)
docs: add nxModalTitle (12781f9)
error: add aria-hidden to the icon (0f899e3)
export themes and styles in package.json (3b5bc1d)
fileuploader: hide file list container (4b1fe2d)
mulit-select: add readonly (86013b1)
phone-input: allow leading zero for Italy (399cd9e)
tooltip: add retail (eb82e89)
tree: keyboard navigation (46448ea)
tree: use role tree, correct aria-level (a865a0d)

Features

file-uploader: provide new error list for blocking validations (d5f6b2e)

16.8.0 (2023-08-31)

Ag-grid theme

For complex data tables we are now providing a theme for ag-grid. We wanted to provide an early version and we are looking for feedback. Please try it out and let us know what you think.

Bug Fixes

ag-grid: resize handle, popup backgrounds (2a37a0e)
code-input: fix initial disabled state (b435621)
pagination: add font inherit (0de0306)

Features

ag-grid: provide theme for ag-grid (74ada8e)

16.7.1 (2023-08-24)

Bug Fixes

code-input: handle mobile keyboard clipboard pasting (bf095ee)
multi-select: select all with filter (b1af230)
slider: increase value label font-weight (ba1ea01)

16.7.0 (2023-08-17)

Bug Fixes

breadcrumbs: add hover to all variants (36b0c36)
stepper: show check mark when form disabled (f646b34)
tabs: mobileAccordion option not working with rxjs > 7.8.0 (9307ba0)

Features

modal: add modal status config (41705dd)

16.6.0 (2023-08-03)

Bug Fixes

footer: center align navigation items on mobile (d412e88)
iban-mask: set country code earlier on browser autofill (7c61a10)
list: change font weight of xsmall lists (bad4c27)
modal: revert back to old fullscreen css (94705a8)
nx-word, nxAutoResize: prevent runtime error (81ebd74)
popover: padding without close icon (bb1eeb7)
popover: prevent focusing for trigger type hover (25f5472)
update font version in docs (c330d6e)

Features

status-icon: add status icon component (854cbc5)

16.5.0 (2023-07-27)

Bug Fixes

popover: correct content padding and close icon size (5a4c54a)

Features

file-uploader: add option for stricter file type validation (37f6f32)
modal: add fullscreen config option (0edede7)

16.4.1 (2023-07-20)

Bug Fixes

comparison-table: tablet layout sticky on mobile (c6532ba)
formfield: correct optional label style (3f130cf)
message: increase the right padding (03d1879)
pagination: prevent a11y landmark duplication (d0748e6)
popover: change role for a11y landmark (6318c56)
popover: don't move focus and remove close button for trigger type hover (a6c5279)
table: add zebra color to sticky column (f5d071a)

16.4.0 (2023-07-11)

Grid bundle size reduction

The grid component created a lot of duplicate or unused css. We optimized this now which results in a parsed size reduction of around 50% and a compressed size reduction of around 33%. We removed some css classes that were there in code but were not used by any public API of the component. The classes affected are push-{tier}-{number} and pull-{tier}-{number}. If you have applied them manually please use some other mechanism like flexbox order instead.

Bug Fixes

button: prevent click bindings from firing on disabled anchor buttons (3d2ef2d)
datefield: allow NX_DATE_LOCALE to be provided in platformBrowserDynamic (2928f7a)
modal: scope modal style (b6e50a6)

Features

grid: improve css to reduce bundle size (b9789c4)
modal: add shouldClose api (1693766)

16.3.2 (2023-06-30)

This is a technical release containing internal documentation changes.

16.3.1 (2023-06-30)

Bug Fixes

card: fix highlight background token (2a52654)
multi-select: add select all to keyboard nav (f101dbf)
multi-select: prevent incorrect sorting of the list when applying filter (ebe1381)
table: default sticky row background (f3acc02)

16.3.0 (2023-06-21)

Bug Fixes

datepicker: have fallback for locale normalize format (294027a)
schematics: add workaround for nx workspaces (63c361b)

Features

table: table row maystick (7ea074a)

16.2.0 (2023-06-13)

Bug Fixes

modal: prevent buttons flicker when open modal (5bcbd9f)

Features

headline: add size and negative inputs (b1ca6ff)
formfield: add new tokens for one allianz (1979b4b)

16.1.0 (2023-06-06)

Button with icons

A new API was added to position icons inside buttons correctly with the proper spacing. That way you do not have to add spacing between icons and text manually anymore. See the with icons example how to use it.

Bug Fixes

mult-select: remove focus outline (89c8e2b)
multiselect: open with alt plus arrow (58b0749)
popover: prevent page scroll and close abruptly (0c9c813)
radio: respect errorstatematcher (b83ee84)
tabs: prevent navigation button flashing (c1e8421)

Features

button: add icon position attributes (d50c923)
plain-button: add variant and size for one allianz (eb4f5c3)

16.0.0 (2023-05-23)

Aquila v16.0.0 is based on Angular 16. For updating please see our update guide: https://allianz.github.io/ng-aquila/guides/releases

Removal of `nx` prefixes for Inputs and Outputs

We cleaned up some inconsistencies in our input and output namings and removed nx prefixes, e.g. nxDisabled on the dropdown is now disabled. These changes will be migrated automatically for you and applied in your application when you run ng update. In the Breaking Changes section of the Changelog you can find commits with affected components. If after the migrations you get errors please check the API pages of the respective components. The angular compiler should also guide you pretty well and often suggest the correct names.

Formfield visual change

The formfield formerly reserved space at the bottom for a possible hint. This space also served as the spacing between formfields and the hint would render in this reserved space. This leads to situations where you don't have sufficient space between the hint and the next row. From now on if a hint is present there will be additional space after the hint.

If this somehow affects your application in a negative way you can temporarily use a compatibility CSS file which provides the previous styles. For that import the file @aposin/ng-aquila/css/compatibility/formfield-padding.css in the angular.json

`nxMask` validation prevented optional controls

The nxMask internal validator always validated empty strings, resulting in a nxMaskLengthError. This makes it impossible to have a control as optional. We fixed this bug which is technically a breaking change. If you relied on getting the nxMaskLengthError for empty strings as a replacement for a required validator please add the required validator now.

BREAKING CHANGES

accordion: remove nx prefixes for inputs (449178e)
autocomplete: remove nx prefixes from inputs (c00cda0)
code-input: remove nx prefix from inputs (b539cda)
col: remove nx prefix from input (a79ea4d)
col: remove nx prefix from input (50e1baf)
dropdown: remove nx prefixes from inputs and outputs (a416425)
dynamic-table: remove nx prefix from input and output (d249203)
formfield: change tokens for bottom padding (79dc92f)
formfield: remove nx prefixes from inputs (2192dcf)
formfield: rename input name nxStyle to negative (0b2667f)
spinner, switcher, taglist: remove nx prefixes (f900cb0)
number-stepper, page-search, pagination, radio-button: remove nx prefixes (c6088bc)
menu-button, message, modal, natural-language-form, word: remove nx prefixes (65f6b63)
row: remove nx prefix from input (4be7205)
row: remove nx prefix from inputs (7cd01b7)
video: remove nx prefix input (a5dedc1)
mask: not mark empty value as invalid (b35473d)

15.3.0 (2023-05-22)

Bug Fixes

auto-complete: open panel in shadow dom (d55e0f9)
circle-toggle: add aria-required (fed3efe)
dropdown: close tooltip on dropdown click (e2ac39d)
multi-select: screenreader for option selection (54dcf0a)
multi-step: add aria-controls (7213fd1)
number-stepper: prevent null id (1e71035)
phone-input, dropdown: add aria-invalid (da08695)
popover: add extended example (dcb8cf5)
popover: close on tab (cab9391)
radiobutton: give radiobuttons a random ID suffix (0bae42a)
table: remove empty aria label of sort-header (c901b8a)

Features

allianz-one: add allianz one module (463ec5d)
datefield: introduce strict date parsing token (74caa17)
number-stepper: add api to disable input field direct interaction (39aabd0)
toolbar: add divider component (5dd0b95)

15.2.1 (2023-04-21)

Bug Fixes

comparison-table: avoid circular dependency (3743236)
data-display: add missing module in stackblitz (edb9bfa)
datepicker: add focus to close button (0e2ac29)
dropdown: add aria-controls (70368f2)

15.2.0 (2023-04-18)

Bug Fixes

file-uploader: file name overflow (d474a5e)
file-uploader: prevent undefined id and label (af02631)
forms: migration to typed forms (b41d419)
input: set aria-required when form control is required (762ec06)
modal: button styling (1267d16)
modal: update vertical spacings (18bd4e4)
multi-select: sort by selected before filter (686f678)
multi-select/dropdown: comply with updateOn formcontrol (ff97c82)
multi-select: correct divider style (acf6c93)
multi-select: keep selected value when option changes (0f44af1)
multi-select: update tooltip on value change (d6edef6)
table: column resize error in firefox/safari (946d96d)

Features

card: add highlight header (b5f37cc)
comparison-table: add error state (521bf44)
error: allow setting empty appearance and fallback to message type (bd7c684)
multi-select: add opened/closed event (4e44786)

Styles

multi-select: change select all button style, remove clear all button (bf01401)

BREAKING CHANGES

We have moved DayJS and Decimal.js to peerDepencencies (fa5eef59f). In case you experience problems, make sure you install these libraries.

15.1.0 (2023-02-20)

Bug Fixes

build: export css path (747b314)
datepicker: fix contrast style (86f6dd1)
docs: stackblitz example template (e28454e)
dropdown: a11y screenreader repeat value (0b4e176)
dropdown: update group styling (4039bd5)
images: use ngoptimizedimage (bf36cd9)
modal: changed one and two button styling (73de432)
phone-input: add support for blur and focus (cb9b9cf)
popover: popover content should not be focusable (84e448b)

Features

dropdown: provide focus out event (eccc424)
table: add column reorder example and resize header directive (35382fc)

15.0.0 (2022-12-14)

Aquila v15.0.0 is based on Angular 15. For updating please see our update guide: https://allianz.github.io/ng-aquila/guides/releases

14.2.0 (2022-12-13)

Bug Fixes

formfield: add change detection switch (8e2d8cf)
phone-input: rename wrapper class to specific name (5223b62)

Features

rating: add different sizes (b1a4362)

14.1.0 (2022-11-18)

Bug Fixes

dropdown: tooltip closes on dropdown click (d61d449)

Features

comparison-table: add view input (3f49015)

14.0.0 (2022-11-14)

Aquila v14.0.0 is based on Angular 14. For updating please see our update guide: https://allianz.github.io/ng-aquila/guides/releases

Bug Fixes

context-menu: focus on opening a new panel (10ca714)
datefield: styling of states (1d54cb5)
progress-stepper: always show selected step (72d6b65)
rating: add selected hover and active styling (cdcbadf)
toggle-button: make view align with state (1ca164d)
autocomplete: disabled option styling (#757)
dropdown: prevent selecting disabled option by keyboard (#755)
modal: remove extra scrollbar (#760)

Features

dropdown: add readonly state (5bddd4d)

14.0.0-next.0 (2022-11-07)

This is an alpha-release of Aquila v14.0.0.

13.9.1 (2022-09-21)

Bug Fixes

context-menu: close old overlay when new one is opened (00cdaee)
dropdown: group usage formatting (3cc29c2)
modal: correct modal padding (2e1d321)

13.9.0 (2022-09-13)

Bug Fixes

dropdown: support null and undefined (c030431)
file-uploader: add null checks (60aafac)
file-uploader: avoid label undefined error (6fa0f8f)
file-uploader: change file name font weight to regular (25d6adf)
footer: add keyboard focus outline to links (bd0f6ac)
footer: add role attribute (c99754e)
formfield: align html title with label (0501a52)
link: top align icons (d39b1bd)
mask: prevent undefined error from unordered setter (5c381af)
modal: prevent horizontal scroll on mobile view, modal style (925b5b8)
multi-select: add open method (8155532)
multi-select: make reactive form disable work (3dedbe8)
multi-select: make screenreader work when focus on options (15b99ed)
multi-step: add aria attributes (b0e97f2)
phone-input: update country, call formatter when countryCode changed (0d67679)
popover: hide popover when left viewport (c4e474a)
tabs: remove tab area focus (d886209)
circle-toggle-group: preset model is not reflected in view (3f806bd)

Features

comparison-table: add recommendation table example (acf95de)
data-display: add horizontal column layout (cd5ea34)
data-display: add label column span input (f866f3e)
datefield: add today mark (d644c07)
file-uploader: hide dropzone on mobile (4b0d20c)
footer: add copyright input and default text (79bab34)
icons: add relation icon svg (d0c270e)
multi-select: add selectionChange api (6886631)
multiselect: add filter function input (0d67d80)
rating: default blue color (ff90255)
slider: add tick marker (cb2ab6f)

13.8.0 (2022-07-15)

Features

dropdown: optional truncation of items (e437cfe)

13.7.0 (2022-07-12)

Bug Fixes

formfield: hide undefined html title (95f6f60)
slider: update control value when slider is moved (91d10b0)
toggle-button: track model changes after buttons changed (985ba20)
tree: prevent screenreader intercept key event (a88ed7a)

Features

dynamic-table: add column definition model (6bcf047)
dynamic-table: add column styles (5757c29)
sidepanel: focus on opened and closed (97a4acb)

13.6.3 (2022-06-24)

Bug Fixes

input-mask: keep model value if deactiveMask is set (388dba6)
multi-select: show formfield error state (7ffebec)
phone-input: add missing initial country number code (34aa6a1)

13.6.2 (2022-06-17)

This is a technical release to help us move our project to github/allianz.

13.6.1 (2022-06-10)

Bug Fixes

menu-button: mark aria expanded (7038fcf)

13.6.0 (2022-05-27)

Bug Fixes

comparisontable: fix wrong reading for NVDA screen reader (f5679fd)
multi-select: bring back select all/clear all i18n label (7abbf34)
multi-select: deactivate disabled options (cdf9e51)
multi-select: deactivate when disabled (7b766ef)
radio-button: add aria-invalid to input (840b158)
slider: fix keydown func name (2e0ff8b)
switcher: add random id to prevent id collide (178b782)

Features

circle-toggle: add error state (cc7e196)

13.5.0 (2022-05-16)

Bug Fixes

multi-select: select all only visible items when filter (1c3c832)

Features

dropdown: add inputType for filter input (db3e732)

13.4.0 (2022-05-03)

Bug Fixes

form-field: add note-directive into change detection (bccf169)
input: make autocomplete work (02e4685)

Features

context-menu: add selection menu reference (5ac733e)

13.3.1 (2022-04-07)

Bug Fixes

comparison-table: teardown subscription and change detection (e060040)
iso-date-adapter: only load JS files to avoid webpack issue (605df85)

13.3.0 (2022-04-01)

Bug Fixes

compare-table: hide popover when table is scrolling horizontally (2b75c97)
dropdown: force active item to speak in screen-reader for a11y (e682198)
dropdown: use label viewValue fallback (ea4f931)
modal: cdk re-focus open button on close (3861518)

Features

autocomplete: add scroll strategy provider (7eb4634)
dropdown: multi-select i18n provider (cf078d1)
dropdown: truncate long text in dropdown (40a53a8)
multi-select: add divider line when sorted (aa51a07)
multi-select: add option to disable select all/clear all (2f5d181)
config: add scroll strategy provider module (4785962)
config: add scroll strategy provider module extra config (5a999b8)
config: add scroll strategy provider module override config (c78c775)
context-menu: add scroll strategy provider (10d6c2d)
datefield: add scroll strategy provider (39987fd)
dropdown: add scroll strategy provider (bc1ae19)
notification-panel: add scroll strategy provider (2248cea)
overlay: add scroll strategy provider (048d7b7)
popover: add scroll strategy provider (1e4f89d)
tooltip: add scroll strategy provider (6f320d9)

13.2.0 (2022-03-08)

Bug Fixes

formfield: add a title attribute (f35da28)
dropdown: disabled option hover visuals (9dcdb43)
dropdown: do not run value formatter on label (fe2ca60)
dropdown: fix keyboard selection (9f19ea7)
formfield: bottom line color in readonly mode (9623429)
table: disable zebra in expandable mode (e3d91bd)

Features

autocomplete: use generic element to support shadowDom (9889791)
swipebar: move swipebar to own module (7c3f348)

13.1.0 (2022-02-08)

Bug Fixes

dropdown: add missing multi-select placeholder (c64da50)
file-upload: update errors on file remove (59681ca)
input-mask: iban on-blur infinite validation loop (0dff959)
phone-input: reset country code to correct initial value (723a9d2)
radio-group: move error message to bottom of group (37e42cb)
sidepanel: resolve circular dependency (9474a14)
slider: prevent clipping of value label (557f16e)
stepper: add background to dot (bc47d28)
table: sort header icon spacing (c37c045)

Features

context-menu: add possibility to open via right click (c87c0b6)
iso-date-adapter: automatically fall back to valid dayjs locales (75ed494)
iso-date-adapter: automatically lazy-load dayjs locales (74fbbe1)
theming: add support for web components (53b171d)

13.0.0 (2021-12-30)

We are officially releasing version 13 that is based on Angular 13. For updating please see our update guide: https://aposin.github.io/ng-aquila/guides/releases

Highlights

Removal of IE support

Following the official Angular guidelines, with this release we are dropping support of Internet Explorer and removing all the code that was meant to support IE-only functionality and fix its issues.

Ivy compilation mode

Following the official Angular guidelines, starting with this release, the library is now being compiled with the ivy partial compilation mode.

Multi Select component

The new nx-multi-select supports selection of multiple items as well as filtering.

Data Display component

The new nx-data-display provides a description component that consists of a label and a value.

BREAKING CHANGES

We have removed JS code and CSS specific to Internet Explorer, so make sure your project doesn't need IE support before migrating to v13. In case you still need to support IE, consider using our LTS v12.
footer: default paddings changed (to restore previous values, please refer to our release notes)

Features

footer: variable paddings (442fad4)

Bug Fixes

accordion: remove outside spacing from mobile light accordion (360f5dc)
comparison-table: update cell clipping if mayStick property of header row changes (b338b03)
dropdown: flip chevron when open (1c52a95)
file-uploader: fix a11y by adding missing label references (74b23e1)
table: prevent clicks on interactive elements to select row (09b3d6a)
tree: freezing when collapsing focused item (7e8f824)

13.0.0-next.0 (2021-12-17)

To install this version, run npm install @aposin/ng-aquila@next.

Features

multi-select: add new component (ee85087)
data-display: add new component (e71281b)

12.2.2 (2021-12-21)

Bug Fixes

sidebar: adapt compatibility sidebar toggle margin fix (dc5d293)

12.2.1 (2021-12-07)

Bug Fixes

accordion: correct paddings and add missing css variables (0f7a231)
circle-toggle: remove forced layout for expert style (9c5bc54)
context-menu: fix keyboard focus (f48e824)
context-menu: open by trigger in shadow dom (97991e8)
dropdown: prevent false focus visuals (060c09f)
formfield: connection container position (31d1fae)
input: change autosized textarea box sizing (9febc8c)
sidebar: toggle button exception for compatibility stylesheet (bac8599)

12.2.0 (2021-10-27)

Bug Fixes

accordion: light mobile padding (5607d47)
dropdown: check keymanager initialization (14bb4d2)
licence-plate: fix prefix radius (189dd82)
list: set default size when input is empty (85f18f5)
modal: restore focus in shadow dom (85191d3)
plain-button: implement nxtriggerbutton (f2fb505)
docs: fix stackblitz examples (baff785)
table: do not prevent space input on textarea (66b0c9c)

Features

comparison-table: allow to opt-out of sticky header row (b972561)

12.1.1 (2021-09-30)

Bug Fixes

comparison-table: adjust checkmark color (d218b95)
licence-plate: fix prefix color (86d1249)

12.1.0 (2021-09-22)

Bug Fixes

formfield: limit out of bounds resizing of textarea (fd1edd9)
formfield: remove label z-index (bec95d7)
icon: clear svg when changing to icon font (e322c61)
pagination: ondestroy check (62eca10)
phone-input: change default dropdown label (682f932)
phone-input: update model when country changed (20e2f3b)
table: apply zebra color only to tbody (8cd3006)
table: sticky column styles (70451f6)

Features

licence-plate: add component (07594fd)

12.0.0 (2021-09-02)

We are officially releasing version 12 that is based on Angular12. For updating please see our update guide: https://aposin.github.io/ng-aquila/guides/releases

Bug Fixes

accordion: adjust expert body padding (cb6d6f5)
selectable-card: error state change (b06db80)
selectable-card: remove expert active style (f7e2f10)
small-stage: image alignment (afc2cdc)

Features

popover: add i18n for close icon aria label (92cb031)
dropdown: adapt new expert styling (edf2389)
progress-stepper: hide labels in mobile view when undefined (bfedc4b)

12.0.0-next.0 (2021-08-09)

To install this version, run npm install @aposin/ng-aquila@next.

Features

update to angular 12 (caded36)

Bug Fixes

accordion: unify content padding (65e46cc)
progress-stepper: cdk typings change (c82d7f2)

11.7.3 (2021-07-27)

Bug Fixes

docs: stackblitz link (5ed228c)

11.7.2 (2021-07-27)

Bug Fixes

code-input: spinners in firefox (e1d9ac4)

11.7.1 (2021-07-23)

Bug Fixes

code-input: underlines on ios (32a273b)
docs: fix theme switcher (bdb050d)

11.7.0 (2021-07-19)

Bug Fixes

peer-dependencies: add i18n-iso-countries peer dependency (4cd8c55)

Features

circle-toggle: expert appearance (3f7909f)
dropdown: lazy rendering (f28fa3a)
sidebar: maxwidth property (20e357e)
small-stage: add default config to expert module (d9f68d3)

11.6.0 (2021-06-24)

Bug Fixes

checkbox-group: reset values with empty array (1bf4fa9)

Features

docs: add starter app (c0ed1e4)
comparison-table: add hidden columns feature (db2a9fe)
small-stage: refine component (d58bc2e)

11.5.0 (2021-06-10)

Bug Fixes

circle-toggle: remove bottom padding (012923b)

Features

breadcrumb: add link appearance (303b7b1)
message: align styling of message, message banner & message toast (9493eae)
scroll-indicator: add scroll indicator component (a3f9151)
slider: hide min and max labels (dc09449)
table: add sticky columns feature (b6ea02c)
tabs: add hover and active styles (707a63a)

11.4.0 (2021-05-18)

Bug Fixes

datefield: use moment.utc() for creating dates (5cebca0)
file-uploader: reset native value (dfc87cf)
grid: support dynamic input bindings (b02f6b6)
phone-input: mark component for check when form value is changed (62595a9)
popover: cleanup event listeners to avoid memory leaks (2fd400f)
popover: querying text node with preserveWhitespaces (4ada217)
table: improve screenreader experience for sorting (d191797)

Features

grid: add nopadding option for grid (0b5fc77)
phone-input: add rtl support (af77264)
selectable-card: add retail selectable card (b55c00a)
utils: add classes to hide elements (10b56cd)
small-stage: add default small stage background token (d5a9f4d)

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)

11.2.0 (2021-03-15)

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)

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)

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)

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

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)

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)

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)

Reverts

Revert "fix(tooltip): add a11y styles to global css, update docs (#151)" (#154) (01b936c)

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)

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)

10.4.1 (2020-11-11)

Bug Fixes

accordion: chevron loses size (090cc93)
comparison-table: not updating when parent is onPush (52c6b69)
file-uploader: file cannot be added in single input in IE (a3f7a18)

10.4.0 (2020-11-04)

Bug Fixes

autocomplete: overlay being opened too small (5fbbe9a)
popover: not applying direction classes correctly (fe39d81)

Features

context-menu, notification-panel: set trigger button as active (6ffd738)
iso-date-adapter: add new adapter (50c36d5)

10.3.0 (2020-10-21)

Bug Fixes

plain-button: remove browser focus outline (67bcb60)

Features

notification-panel: add new component (ef30e5c)
small-stage: introduce component (b0035b6)

10.2.0 (2020-10-16)

Bug Fixes

letter-spacing token for extra-light accordion and comparison-table (59cf1f6)
circle-toggle: group does not recognize toggle-button descendants (46f6dca)
comparison-table: correct aria-colspan on toggle-section headers (e6c3740)
comparison-table: remove doubled rowgroup role (c9160c1)
link: new option for using an icon with no text (f01a7b6)
modal: add border to container for high contrast (d13a73d)
popover: allow closeOnClickOutside and manual trigger for modal (8684d31)

Features

overlay-service: add new overlay service (9755de6)
typescript 4 support (c1330ad)
accordion: add extra light option (38b9652)

10.1.0 (2020-09-29)

Bug Fixes

formfield: add background to outline formfield (a42a695)
formfield: change order of label and input in template (2016ff6)
sidepanel: use box-shadow only for floating variant (4feb209)
spinner: correct size of bobbles for small spinner (b252164)
tabs: only show content focus when keyboard is used (eb94092)

Features

button: add danger option (e38f563)
comparison-table: popular cell for mobile view (4e84871)
number-stepper: add inputs for aria-labels (90adcc7)
popover: new positioning logic ported from tooltip (9c8eb7d)
sidepanel: add component (a050365)
tooltip: new positions in fallback (9c2d3ef)

10.0.0 (2020-09-15)

Highlights

Open source

The UI component library (now called ng-aquila) is now open source 🎉. That brings some changes for internal projects but with the power of schematics all the necessary changes are automatically migrated.

Right-to-left support

We are introducing Right-to-left (RTL) Support into the library. We are confident that most components work pretty good but we greatly appreciate any feedback from right-to-left users. You can change direction by adding dir="rtl" to your HTML Element.

Bug fixes

progress-indicator: fix upstream CdkStepper changes
spinner: indicator color not visible

Features

open source: open source the library
theming: add opensource expert theme
schematics: add upgrade schematics
listen to changes of defaultOptions injectionTokens of components
accordion: implement expert mobile styles
button: add new plain button
copytext: allow usage in all html elements
icon: add essential icons and NdbxIconModule
schematics: add ndbx icon module migration
rtl: add right-to-left (RTL) support
timefield: add new timefield component

BREAKING CHANGES

accordion: In order to change the border color of the tabs on mobile you have to overwrite both the tokens accordion-regular-mobile-border-color and accordion-regular-mobile-border-separator-color. Previously only the first one had to be changed.
icon-registry: getSvgIcon is deprecated please use getIcon instead
icon-registry: registerFontClass was removed and replaced by registerFont

Files

CHANGELOG.md

Latest commit

History

CHANGELOG.md

File metadata and controls

Changelog

19.0.0 (2025-01-17)

⚠ BREAKING CHANGES

Features ✨

18.7.0 (2025-01-17)

Features ✨

Bug Fixes 🐛

18.6.1 (2024-12-05)

Documentation 📚

Bug Fixes 🐛

18.6.0 (2024-10-31)

Timefield built in validator

Features ✨

Bug Fixes 🐛

18.5.1 (2024-10-11)

Bug Fixes 🐛

18.5.0 (2024-09-30)

Documentation 📚

Bug Fixes 🐛

Features ✨

18.4.0 (2024-09-26)

Documentation 📚

Bug Fixes 🐛

Features ✨

18.3.0 (2024-09-09)

Readonly states for radio- and checkbox-style components

Features ✨

Bug Fixes 🐛

Documentation 📚

18.2.0 (2024-08-26)

Features ✨

Bug Fixes 🐛

Documentation 📚

18.1.0 (2024-08-08)

Emphasis button update

Features ✨

Bug Fixes 🐛

Documentation 📚

18.0.0 (2024-07-15)

Replacement of the emphasis button

Library migration to standalone

Library migration to new control flow syntax

⚠ BREAKING CHANGES

DEPRECATIONS

Documentation 📚

Features ✨

Bug Fixes 🐛

17.9.1 (2024-07-03)

Documentation 📚

Bug Fixes 🐛

17.9.0 (2024-06-26)

Timefield new opt-in timepicker

Documentation 📚

Bug Fixes 🐛

Features ✨

17.8.0 (2024-06-18)

Features ✨

Documentation 📚

Bug Fixes 🐛

17.7.0 (2024-05-16)

Dropdown and multiselect flyout changes

Bug Fixes 🐛

Features ✨

Documentation 📚

17.6.0 (2024-05-02)

Documentation 📚

Features ✨

Bug Fixes 🐛

17.5.0 (2024-04-15)

Documentation 📚

Features ✨

Bug Fixes 🐛

17.4.0 (2024-03-20)

Bug Fixes