Changelog - 9.0.0 Betas

9.0.0-beta.16 (21/02/2025)

Features

  • [NO-ISSUE] common: Add firstUntilDestroyed as a rxjs method.

  • [NO-ISSUE] common: Add nameof<MinhaClasse>().propriedade, allowing you to type property names.

  • [NO-ISSUE] common: Add VsCommonModule.forStandalone({translates: {}}) method.

  • [NO-ISSUE] input: Add shouldHideHintLabelContainer @Input().

  • [NO-ISSUE] spinner: Add center @Input().

  • [NO-ISSUE] datepicker: Add isIMaskLazy @Input().

Bug Fixes

  • [SDKF-201] components: grid Fix in actions size calculation.

  • [SDKF-201] components: grid Fix in infinite loading when used in a ChangeDetectionStrategy.OnPush component.

  • [NO-ISSUE] components: forms Fix focusManagerService for mat-select.

  • [NO-ISSUE] components: dialog Fix in actions selector.

  • [NO-ISSUE] components: Fixing a bunch of memory leaks.

  • [NO-ISSUE] components: grid actionSizeLimit action now doesn’t emit onRowClick when clicked.

9.0.0-beta.8 (05/12/2024)

Features

  • [SDKF-198] navigation: vs-navigation-view now has hideSidenavMenu @Input;

Bug Fixes

  • [SDKF-191] components: dialog now handles when actions has multiple button[model=icon] / icon;

9.0.0-beta.7 (05/12/2024)

Breaking Changes

  • [SDKF-183] components: grid / tree-table editManagerService is now signal based, so beware for possible breaking changes.

Features

  • [SDKF-183] components: grid / tree-table editRowOptions.onRowEdit / editRowOptions.onRowsEdit now has a trigger parameter, allowing you to know why edit was saved.

  • [SDKF-183] components: grid / tree-table editRowOptions.onCancelEdit added, allowing you to know why edit was canceled.

  • [SDKF-183] components: grid now has a footer ng-content.

9.0.0-beta.6 (02/12/2024)

This release is focused around updating to Angular 18. It is crucial that you follow these steps in this exact order when updating your apps and libraries.

Before Updating

Update your Node.JS to version 20.12.2.

  • We recommend using NVM to work simultaneously between old/new apps

    • nvm install 20.12.2

    • nvm use 20.12.2

Also, install the latest versions of global packages (like @angular/cli / @angular/schematics).

  • npm i -g @angular/cli@18.2.2

  • npm i -g @angular-devkit/schematics@18.2.2 @angular-devkit/schematics-cli@18.2.2

Follow these steps to migrate to Angular 18

We recommend first updating all projects that are on version <= 8.0.x according to the guide.

Next, follow the tutorial to update from version v17 to v18.

  • The only CLI commands should be:

    ng update @angular/core@18 @angular/cli@18 --force
ng update @angular/material@18 --force

Update Dependencies

Dev dependency

Status

Version

Documentation

@angular-builders/custom-webpack

🔄 Updated

~18.0.0

@angular-builders/custom-webpack

@angular-devkit/build-angular

🔄 Updated

^18.2.12

@angular-devkit/build-angular

@angular-eslint/builder

🔄 Updated

18.3.0

angular-eslint/builder

@angular-eslint/eslint-plugin

🔄 Updated

18.3.0

angular-eslint/eslint-plugin

@angular-eslint/eslint-plugin-template

🔄 Updated

18.3.0

angular-eslint/eslint-plugin-template

@angular-eslint/schematics

🔄 Updated

18.3.0

angular-eslint/schematics

@angular-eslint/template-parser

🔄 Updated

18.3.0

angular-eslint/template-parser

@angular/cli

🔄 Updated

^18.2.2

@angular/cli

@angular/compiler-cli

🔄 Updated

^18.2.2

angular/compiler-cli

@angular/language-service

🔄 Updated

^18.2.2

angular/language-service

@types/lodash

🔄 Updated

^4.17.7

types/lodash

@viasoft/testing

🔄 Updated

4.0.4

viasoft/testing

cypress

🔄 Updated

~13.15.2

cypress

ng-packagr

🔄 Updated

~18.2.1

ng-packagr

prettier

🔄 Updated

~3.3.3

prettier

typescript

🔄 Updated

~5.5.4

typescript

Breaking Changes

  • Angular Material theming has changed a lot, we are still using v2 (rather than v3) via m2-* functions. Beware possible breaking changes

  • @viasoft/theming/config” as config won’t export most of the vsTheme variables, use @viasoft/theming/variables instead;

  • vs-search-input now implements FormManipulator, so controlName has changed to formControlName

  • [SDKF-178] - common: VS_AVOID_SHOWING_FILTER_ICON_IN_GRID altered to VS_SHOULD_SHOW_FILTER_ICON_IN_GRID, now grid / tree-table will not show its filter icon by default.

  • [SDKF-181] components: grid edit row’s icon has changed.

  • [APPBUILDER-133] components: header height has changed, it may cause scroll changes mainly when header is not at the top of the screen.

  • [SDKF-177] common: navbar.searchInput theme has changed.

Features

  • [SDKF-173] - vs-drawer component added, replacing mat-drawer’s functionality.

  • [SDKF-174] components: grid now has a loaded @output

  • [SDKF-175] components: grid now only emits options.select event after all select process (not at the start as before).

  • [SDKF-184] components: label-link normalization function now are exported via common (normalizeHrefForPortal / checkIfIsExternalLink).

  • [SDKF-179] components: grid / tree-table now has a compactFilterMode, removing filter line and adding a float mode (integrated with the header)

Bug Fixes

  • [SDKF-174] components: grid.actionsSizeLimit always showing … butotn fixed.

  • [SDKF-176] common: partial selection in input / textarea fixed.

  • [SDKF-192] common: currency mask now handles undefined / null values correctly.

  • [SDKF-185] common: currency mask now pre-formatted values correctly.

  • [SDKF-187] components: input / textarea handling ngModelOptions correctly.