taiga-family/taiga-ui v4.0.0

Release v4.0.0

on GitHub

4.0.0 (2024-08-09)

• Update to Angular 16 (#6966).
• Update supported browser versions (#6818).
• Rename all entities: drop Module / Component / Directive postfix.
• Use deep entrypoints in all imports paths inside packages for microfrontends tree-shaking support.
• @taiga-ui/legacy create new package (#7501).
• @taiga-ui/browserslist-config create new package (#5344).
• @taiga-ui/core:
  • Textfield add new component (#6298).
  • Icon add new component (#5872). Icons add new directive (#6053) Icon add new pipe (#7244).
  • Icons new approach based on mask (#7752, #7658, #7714).
  • Scrollbar add mode (#8246).
  • Notification simplify to directive (#8168). Add interactive mode (#6760).
  • HintOverflow add new directive (#8111).
  • DropdownContext implement for IOS (#7814).
  • Root use Platform directive (#7931).
  • Tooltip are refactored from component to just directive (#7810).
  • Dropdown nested no longer needs manual active zone (#7744). BREAKING CHANGE: ActiveZone is removed from context in favor of close method.
  • WithDataList add host directive (#7693).
  • Appearance switch to data-mode (#7651).
  • Maskito instead input[tuiMaskAccessor] directive (#7646).
  • Alert, Dialog no longer need module imports (#6670).
  • Loader add new algorithm to calculate stroke-width (#6550). Loader new animation (#6538).
  • Use TUI_ANIMATIONS_SPEED instead TUI_ANIMATIONS_DURATION (#6542).
• @taiga-ui/kit:
  • Radio, Checkbox, Switch new components based on directives (#5319, #6929).
  • Sensitive add new directive (#5425, #6491, #6960).
  • Skeleton add new directive (#6934).
  • Segmented add new component (#6527, #7192). Tabs refactor and drop MobileTabs in favor of Segmented (#7047).
  • Fade add new directive (#5169).
  • Avatar add colored icons mode (#7806).
  • Connected add directive for Cell and Stepper (#8025).
  • Use @maskito/phone (#7580) in InputPhoneInternational.
  • FluidTypography add new directive (#8316).
  • Progress add options with DI (#8061).
  • Status add new component (#8057).
  • Emails add pipe (#7596).
  • Pulse add new component (#7544).
  • Chevron add new directive (#7153).
  • AvatarOutline add new directive (#7087).
  • NumberFormat allow dynamic changes (#6856). BREAKING CHANGES: remove TUI_NUMBER_FORMAT_OBSERVABLE in favour of TUI_NUMBER_FORMAT, tuiFormatNumber pipe requires async pipe now.
  • Block add new component (#6892).
• @taiga-ui/cdk:
  • Dialogs refactor creation way (#6660).
  • Provide add new util (#7168).
  • TakeUntilDestroyed add helper (#7381).
  • NativeElement add util (#7393).
  • ToArray add util (#7489).
  • DirectiveBinding / DirectiveListener add utils (#7611).
  • Control add signal based abstraction (#7650).
  • ThemeColorService add service (#8240).
  • Portal refactor abstractions (#6692).
  • Rename and remove some helper instances (#7065).
  • Scroll controls visible only inside tui-root area (#6623).
• @taiga-ui/layout:
  • Title, BlockDetails, Comment add new components (#5743, #7010).
  • CardMedium, CardLarge add new components (#7260).
  • Cell add new component (#5460, #7235).
  • Navigation implement grid (#8377). Simplify 2nd level aside (#8141).
• @taiga-ui/addon-commerce:
  • InputCard migrate to new Textfield (#7581).
• @taiga-ui/addon-doc:
  • ThemeSwitcher add new component (#7966).
  • Preview lazy component support (#7048).
  • Support target property for links (#6874).
• @taiga-ui/addon-mobile:
  • SwipeActions add new component (#6644).
  • DropdownMobile add new directive (#7428, #8094).
• @taiga-ui/addon-table:
  • Reorder add possibility to transfer a template (#6967).
  • TableSort support nullable values (#7888).
• @taiga-ui/i18n:
  • Hebrew add support (#8242).
  • Belarusian add support (#6421).

Migration guide

This release introduces a lot of breaking changes.
Most of them can be solved automatically with the following
command:

Angular CLI:

ng update @taiga-ui/cdk

Nx CLI:

nx migrate @taiga-ui/cdk
nx migrate --run-migrations=migrations.json