taiga-ui

4.5.0 (2024-09-02)

🐞 Bug Fixes

• addon-commerce: InputCard fix autofill (#8728)
  (226a763)
• addon-doc: code glitch in ssr (#8705)
  (59712a2)
• core: Dropdown triggers change detection too frequently
  (#8738)
  (8bdcb19)
• core: Icons fix mask shorthand (#8711)
  (a292756)
• core: Textfield should not change color of chevron on hover if readOnly is enabled
  (#8754)
  (2e21615)
• kit: CalendarRange shows end of range (#8774)
  (6604fd6)
• kit: InputPhoneInternational should not allow to open dropdown if readOnly=true
  (#8764)
  (fcca2fa)
• kit: CalendarRange not switch to selected item (#8784)
  (ad138ab)
• kit: contain width for img in avatar (#8723)
  (c9014a2)
• layout: Navigation fix style specificity for AsideItem
  (#8790)
  (77a1eea)
• legacy: InputDateRange triggers cyclic change detection ticks
  (#8706)
  (c7bc044)
• legacy: restore autoColor for InputTag and MultiSelect
  (#8783)
  (e5477c4)
• legacy: trigger transform placeholder when using autofill
  (#8779)
  (464dee4)

🚀 Features

• addon-commerce: ThumbnailCard add <img> support
  (#8789)
  (9fdb499)
• addon-doc: improve ui for link to sample (#8406)
  (e5beb47)
• cdk: add tuiInjectId (#8730)
  (6b3bbb0)
• core: Textfield add ViewContainerRef (#8781)
  (5fee17a)
• improve style for A11y (#8408)
  (918e11f)
• kit: InputPassword add new version, deprecate legacy
  (#8786)
  (7a655de)
• kit: InputPhoneInternational can be customized with Icon / Tooltip
  (#8750)
  (b20459b)
• layout: Navigation add Drawer (#8757)
  (cc64434)
• testing: adds size harness for button (#8760)
  (71e654f)

4.4.1 (2024-08-27)

🐞 Bug Fixes

• cdk: schematics fix bad import (#8696)
  (c46899e)

What's Changed

• chore(deps): update dependency ng-morph to v4.6.3 by @taiga-family-bot in https://github.com/taiga-family/taiga-ui/pull/8691
• chore(deps): update dependency rollup to v4.21.1 by @taiga-family-bot in https://github.com/taiga-family/taiga-ui/pull/8693
• chore(deps): update taiga-family/ci action to v1.67.3 by @taiga-family-bot in https://github.com/taiga-family/taiga-ui/pull/8694
• fix(cdk): schematics fix bad import by @vladimirpotekhin in https://github.com/taiga-family/taiga-ui/pull/8696

Full Changelog: https://github.com/taiga-family/taiga-ui/compare/v4.4.0...v4.4.1

4.4.0 (2024-08-26)

🐞 Bug Fixes

• addon-mobile: PullToRefresh fix scroll ref (#8684)
  (c9eef96)
• cdk: ActiveZone do not exit zone when scrollable container becomes non-scrollable
  (#8631)
  (#8653)
  (b796d0d)
• kit: ButtonClose fix icon (#8659)
  (7287016)
• kit: CalendarRange delete code for availableRange property
  (#8688)
  (18d9b07)
• kit: Tiles fix reorder issue (#8663)
  (9ea0162)
• legacy: Textarea use balance text-wrap in safari (#8666)
  (cbaac1b)
• legacy: invalid css variable (#8619)
  (4fa7631)

🚀 Features

• core: TUI_DARK_MODE add new token (#8657)
  (f409942)
• icons: drop useless comments inside svg file (#8660)
  (327f470)
• kit: CalendarRange add item property for correctly switch value outside
  (#8617)
  (39e3419)
• kit: IconBadge add new directive (#8667)
  (1d2c286)
• layout: Search add new component (#8648)
  (8cb50c0)

3.93.0 (2024-08-26)

Bug Fixes

• cdk: ActiveZone do not exit zone when scrollable container becomes non-scrollable
  (#8631)
  (4b160f2)
• kit: CalendarRange delete code for availableRange property
  (#8677)
  (8e4c774)
• kit: Textarea use balance text-wrap in safari (#8666)
  (#8672)
  (06fb25a)
• kit: fix CalendarRange typing and checks otherDateText in mapper function
  (#8629)
  (22bb699)

4.3.0 (2024-08-21)

🚀 Features

• add @taiga-ui/icons-fontawesome (#8493)
  (131b3ed)
• add @taiga-ui/icons-material (#8454)
  (3315a29)
• addon-mobile: possibility drop mobile calendar header
  (#8265)
  (819b17b)
• i18n: add japanese (#8420)
  (ef9f992)
• i18n: add korean (#8486)
  (691328f)
• i18n: improve literal string union (#8516)
  (9bf0f8c)
• kit: ButtonSelect add new directive (#8559)
  (6cba52c)
• kit: prevent disabled date selection for calendar-range
  (#8329)
  (951779d)

🐞 Bug Fixes

• addon-doc: strange behavior on safari (#8588)
  (9e6e865)
• addon-mobile: PullToRefresh do not trigger pulled if dialog is inside
  (#8597)
  (7474d6e)
• core: Group fix edge overlay (#8509)
  (bd43b97)
• core: do not call resolver multiple time (#8578)
  (6e5c9f4)
• core: ios menu is not triggered (#8348)
  (8b00807)
• core: user selection on safari (#8587)
  (02e1c73)
• i18n: redundant whitespace (#8501)
  (0f809a7)
• kit: InputPhoneInternational fix chevron (#8491)
  (a0397d6)
• kit: InputPhoneInternational fix size for border-box
  (#8633)
  (1dec452)
• kit: Segmented fix native reset form action (#8605)
  (ec87062)
• kit: improve tree-shakeability of InputPhoneInternational
  (#8603)
  (abfba9e)
• kit: segmented subscription to control value changes
  (#8574)
  (e6cf175)
• legacy: InputTime has missing zero padding on blur for HH:MM mode
  (#8492)
  (84c3aae)
• legacy: display view/hide password button with readOnly property
  (#8584)
  (15857bc)
• legacy: fix issues with custom injector in templates
  (#8523)
  (ce49bac)
• legacy: prevent add/remove suffixes while InputNumber is readonly
  (#8568)
  (7a58d78)
• legacy: set correct font size for small and medium sizes
  (#8548)
  (8acfb39)

3.92.0 (2024-08-20)

Features

• kit: TuiCalendarRange add item property for correctly switch value outside
  (#8595)
  (9224443)

Bug Fixes

• addon-mobile: add SheetDialog to pull-to-refresh exclusion
  (#8611)
  (96ba882)
• kit: display view/hide password button with readOnly property
  (#8606)
  (b638b1b)

3.91.0 (2024-08-19)

Bug Fixes

• addon-mobile: PullToRefresh do not trigger pulled if dialog is inside
  (#8580)
  (5f003ac)
• core: user selection on safari (#8594)
  (af837ac)
• kit: prevent add/remove suffixes while InputNumber is readonly
  (#8571)
  (04f0e76)

4.2.0 (2024-08-14)

🚀 Features

• add @taiga-ui/icons-fontawesome (#8493)
  (131b3ed)
• add @taiga-ui/icons-material (#8454)
  (3315a29)
• i18n: add japanese (#8420)
  (ef9f992)
• i18n: add korean (#8486)
  (691328f)
• i18n: improve literal string union (#8516)
  (9bf0f8c)
• kit: prevent disabled date selection for calendar-range
  (#8329)
  (951779d)

🐞 Bug Fixes

• core: Group fix edge overlay (#8509)
  (bd43b97)
• core: ios menu is not triggered (#8348)
  (8b00807)
• i18n: redundant whitespace (#8501)
  (0f809a7)
• kit: InputPhoneInternational fix chevron (#8491)
  (a0397d6)
• legacy: InputTime has missing zero padding on blur for HH:MM mode
  (#8492)
  (84c3aae)
• legacy: fix issues with custom injector in templates
  (#8523)
  (ce49bac)

3.90.0 (2024-08-13)

Features

• i18n: add korean (#8498)
  (b3cbe8b)
• i18n: add japanese (#8374)
  (e4a3cdb)
• kit: create TUI_TIME_VALUE_TRANSFORMER for tui-input-time component
  (#8391)
  (9cdc6bc)
• kit: prevent disabled days selection for calendar-range
  (#8328)
  (13d1f4c)

Bug Fixes

• cdk: redundant assert log if hours are greater than 23
  (#8449)
  (ef7e6f1)
• core: ignore pointer events for disabled button (#8478)
  (28b769f)
• i18n: redundant whitespace (#8497)
  (f9a8ba6)
• kit: CalendarRange defaultViewedMonth shows correct calendars months
  (6ae4be3)
• kit: fix calendar range does not update checkbox position
  (#8481)
  (301953f)
• kit: icon hover on readonly (#8469)
  (f191f9a)

4.1.0 (2024-08-13)

🚀 Features

• add @taiga-ui/icons-fontawesome (#8493)
  (131b3ed)
• add @taiga-ui/icons-material (#8454)
  (3315a29)
• i18n: add korean (#8486)
  (691328f)
• kit: prevent disabled date selection for calendar-range
  (#8329)
  (951779d)

🐞 Bug Fixes

• core: Group fix edge overlay (#8509)
  (bd43b97)
• kit: InputPhoneInternational fix chevron (#8491)
  (a0397d6)
• legacy: InputTime has missing zero padding on blur for HH:MM mode
  (#8492)
  (84c3aae)

4.0.1 (2024-08-12)

🐞 Bug Fixes

• cdk: redundant assert log if hours are greater than 23
  (#8448)
  (c3a7e49)
• core: Root fix background (#8468)
  (bbbb82e)
• core: add type=button to textfield for ignore submit event
  (#8455)
  (4700e5d)
• kit: TuiDataListGroupWrapperComponent is not assignable to the same property in base type
  (#8461)
  (933be65)

4.0.0 (2024-08-09)

• Update to Angular 16 (https://github.com/taiga-family/taiga-ui/pull/6966).
• Update supported browser versions (https://github.com/taiga-family/taiga-ui/pull/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 (https://github.com/taiga-family/taiga-ui/pull/5344).
• @taiga-ui/core:
  • Textfield add new component (#6298).
  • Icon add new component (#5872). Icons add new directive (#6053) Icon add new pipe (https://github.com/taiga-family/taiga-ui/pull/7244).
  • Icons new approach based on mask (#7752, #7658, #7714).
  • Scrollbar add mode (https://github.com/taiga-family/taiga-ui/pull/8246).
  • Notification simplify to directive (https://github.com/taiga-family/taiga-ui/pull/8168). Add interactive mode (https://github.com/taiga-family/taiga-ui/pull/6760).
  • HintOverflow add new directive (https://github.com/taiga-family/taiga-ui/pull/8111).
  • DropdownContext implement for IOS (https://github.com/taiga-family/taiga-ui/pull/7814).
  • Root use Platform directive (https://github.com/taiga-family/taiga-ui/pull/7931).
  • Tooltip are refactored from component to just directive (https://github.com/taiga-family/taiga-ui/pull/7810).
  • Dropdown nested no longer needs manual active zone (https://github.com/taiga-family/taiga-ui/pull/7744). BREAKING CHANGE: ActiveZone is removed from context in favor of close method.
  • WithDataList add host directive (https://github.com/taiga-family/taiga-ui/pull/7693).
  • Appearance switch to data-mode (https://github.com/taiga-family/taiga-ui/pull/7651).
  • Maskito instead input[tuiMaskAccessor] directive (https://github.com/taiga-family/taiga-ui/pull/7646).
  • Alert, Dialog no longer need module imports (https://github.com/taiga-family/taiga-ui/pull/6670).
  • Loader add new algorithm to calculate stroke-width (https://github.com/taiga-family/taiga-ui/pull/6550). Loader new animation (https://github.com/taiga-family/taiga-ui/pull/6538).
  • Use TUI_ANIMATIONS_SPEED instead TUI_ANIMATIONS_DURATION (https://github.com/taiga-family/taiga-ui/pull/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 (https://github.com/taiga-family/taiga-ui/pull/8316).
  • Progress add options with DI (https://github.com/taiga-family/taiga-ui/pull/8061).
  • Status add new component (https://github.com/taiga-family/taiga-ui/pull/8057).
  • Emails add pipe (https://github.com/taiga-family/taiga-ui/pull/7596).
  • Pulse add new component (https://github.com/taiga-family/taiga-ui/pull/7544).
  • Chevron add new directive (https://github.com/taiga-family/taiga-ui/pull/7153).
  • AvatarOutline add new directive (https://github.com/taiga-family/taiga-ui/pull/7087).
  • NumberFormat allow dynamic changes (https://github.com/taiga-family/taiga-ui/pull/6856). BREAKING CHANGES: remove TUI_NUMBER_FORMAT_OBSERVABLE in favour of TUI_NUMBER_FORMAT, tuiFormatNumber pipe requires async pipe now.
  • Block add new component (https://github.com/taiga-family/taiga-ui/pull/6892).
• @taiga-ui/cdk:
  • Dialogs refactor creation way (https://github.com/taiga-family/taiga-ui/pull/6660).
  • Provide add new util (https://github.com/taiga-family/taiga-ui/pull/7168).
  • TakeUntilDestroyed add helper (https://github.com/taiga-family/taiga-ui/pull/7381).
  • NativeElement add util (https://github.com/taiga-family/taiga-ui/pull/7393).
  • ToArray add util (https://github.com/taiga-family/taiga-ui/pull/7489).
  • DirectiveBinding / DirectiveListener add utils (https://github.com/taiga-family/taiga-ui/pull/7611).
  • Control add signal based abstraction (https://github.com/taiga-family/taiga-ui/pull/7650).
  • ThemeColorService add service (https://github.com/taiga-family/taiga-ui/pull/8240).
  • Portal refactor abstractions (https://github.com/taiga-family/taiga-ui/pull/6692).
  • Rename and remove some helper instances (https://github.com/taiga-family/taiga-ui/pull/7065).
  • Scroll controls visible only inside tui-root area (https://github.com/taiga-family/taiga-ui/pull/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 (https://github.com/taiga-family/taiga-ui/pull/8377). Simplify 2nd level aside (https://github.com/taiga-family/taiga-ui/pull/8141).
• @taiga-ui/addon-commerce:
  • InputCard migrate to new Textfield (#7581).
• @taiga-ui/addon-doc:
  • ThemeSwitcher add new component (https://github.com/taiga-family/taiga-ui/pull/7966).
  • Preview lazy component support (https://github.com/taiga-family/taiga-ui/pull/7048).
  • Support target property for links (https://github.com/taiga-family/taiga-ui/pull/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 (https://github.com/taiga-family/taiga-ui/pull/6967).
  • TableSort support nullable values (https://github.com/taiga-family/taiga-ui/pull/7888).
• @taiga-ui/i18n:
  • Hebrew add support (https://github.com/taiga-family/taiga-ui/pull/8242).
  • Belarusian add support (https://github.com/taiga-family/taiga-ui/pull/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

3.89.0 (2024-08-06)

Features

• core: add mode for tui-scrollbar (#8340)
  (fc78143)
• i18n: add hebrew (#8241)
  (1e1c574)

Bug Fixes

• addon-mobile: fix mobile-calendar size without header
  (#8296)
  (75bb445)
• core: ios menu is not triggered (#8345)
  (0476a72)
• kit: correct present of control value from items list for input-time
  (#8249)
  (e890e6b)
• kit: fix CalendarRange switch month with maxLength
  (07a99ce)
• kit: fix CalendarRange switch month with maxLength
  (#8307)
  (68f28f6)
• kit: placeholder in multiselect disappears while hovering options
  (#8253)
  (58763ff)
• kit: reuse cursor position after showing password (#8188)
  (864e50e)

3.88.0 (2024-07-31)

Features

• addon-mobile: possibility to hide header of MobileCalendar
  (#8264)
  (8afc477)
• experimental: ThumbnailCard add DI options (#8155)
  (96c5656)

Bug Fixes

• cdk: provided double value is non-finite (#8161)
  (276879b)
• core: Dialog should hide close icon if closeable equals to Observable<false>
  (#8206)
  (d0e04f9)
• core: fix dropdown-context directive on touchscreen laptops
  (#8223)
  (0bb7b5b)
• kit: Date should support native date picker even without importing of TuiMobileCalendarDialogModule
  (#8252)
  (b6da5bd)

3.87.0 (2024-07-15)

Features

• addon-table: fix for Cell and Title (#8078)
  (e2e0ae5)
• experimental: Status add new component (#8064)
  (6e8450d)
• kit: Progress add options with DI (#8065)
  (e00cd8c)

Bug Fixes

• addon-mobile: DropdownMobile fix open status report
  (#8101)
  (ab05df0)
• addon-mobile: display mobile calendar range (#8092)
  (75ac03b)
• experimental: correct border-radius for ButtonGroup with only child
  (#8087)
  (5805ce6)
• kit: Textarea displays emoji in Safari (#8088)
  (0e88271)
• kit: correct paddings for RadioBlock, CheckboxBlock
  (#8081)
  (0aa0458)

3.86.0 (2024-07-08)

Bug Fixes

• addon-mobile: dropdown mobile arrow doesn't rotate when click on overlay
  (#8043)
  (5da350e)

3.85.0 (2024-07-02)

Features

• addon-commerce: add cvcHidden input property (#7998)
  (a4fddd0)
• addon-docs: support custom tags (#7979)
  (343d38b)
• addon-mobile: update TabBar styles (#7977)
  (067cae4)
• addon-table: support nullable values in tuiTableSort
  (#7890)
  (439871e)
• experimental: ActionBar add new component (#7984)
  (ac0c34a)

Bug Fixes

• addon-doc: Navigation fix invalid two-way binding error in Angular v18
  (#7837)
  (1908b9d)
• addon-mobile: prevent touchstart after close sheet (#8001)
  (aea2db3)
• kit: CalendarRange should not distinguish ranges with same dates and different names
  (#7804)
  (f5d60b2)
• kit: InputDateRange should not distinguish ranges with same dates and different names
  (#7932)
  (a862ca5)
• kit: InputNumber should emit form control change if value is less/more than min/max
  (#7809)
  (2d6ab2d)

3.84.0 (2024-06-17)

Bug Fixes

• cdk: visible control for tui-scroll-controls on iOS
  (#7741)
  (c185d3b)
• kit: Carousel fix scrolling with touchpad when itemsCount more than 1
  (#7706)
  (e9186ca)
• kit: InputNumber fix lost value (#7751)
  (90fdc93)
• kit: ignore native calendar for desktop (#7734)
  (ad99b73)
• kit: round closable button (#7700)
  (2046723)

3.83.0 (2024-06-10)

Bug Fixes

• core: DropdownSelection fix selection error in textarea
  (#7626)
  (22ee141)
• core: Hint fix content vertical centering with reduced line-height
  (#7623)
  (57288f8)
• core: fix text selection in nested hint (#7647)
  (9b96c73)
• kit: InputDateTime should format textfield value on blur
  (#7659)
  (505fe3e)
• kit: InputDateTime with [min] / [max] distorts value on click
  (#7636)
  (7ac4291)
• kit: InputTag fix scrolling to input (#7655)
  (c3993da)
• kit: fix InputNumber buttons styles priority for Safari
  (#7652)
  (1d6c3cd)
• kit: fix incorrect copy hint in inputCopy (#7674)
  (fa57f78)

3.82.0 (2024-06-03)

Features

• experimental: HintAside add automatic hint directive for navigation
  (#7578)
  (de88842)

Bug Fixes

• cdk: Scrollbar fix scroll behaviour (#7594)
  (10fe5a3)
• core: close Hint and Dropdown when host is detached from dom
  (#7593)
  (cf6d9f8)
• kit: set nullish border in tui-textarea (#7588)
  (8b9b10c)
• kit: set nullish border in tui-textarea and add example
  (#7605)
  (1bc1b76)