SAP/fundamental-ngx v0.46.0

on GitHub

Bug Fixes

• aria-labels (#10380) (b0a7e2e)
• btp: custom vertical nav home (#10744) (c1398da)
• btp: fixed z-index of the home list item on expanded and popup modes (#10717) (a2120b3)
• btp: snapped functionality for ungrouped items (#10738) (6413b9e)
• btp: vertical navigation ui bug fixes (#10716) (bb6323a)
• core,btp: various dh fixes (#10731) (7c75869)
• core,platform: add role="row" and aria-expanded to tr elements (#10491) (463c8d6)
• core,platform: busy indicator should not have aria-live polite by default, search input count issue (#10682) (1269785)
• core,platform: fix csp style-src (#10376) (6eba063)
• core,platform: fixed shellbar search outline and hover jumping (#10742) (82e86a4)
• core,platform: multi-input aria-label (#10496) (a1a3089)
• core: 10412 (#10659) (8b1b171)
• core: add aria-label to fd-tokenizer (#10678) (2bd8c58)
• core: add aria-multiselectable to multi input options list (#10449) (a06a6f3)
• core: add full labels to time component for screenreader (#10683) (dfe09c5)
• core: add role="button" to show all link (#10658) (9cad0ed)
• core: checkbox label container gap issue (#10418) (ed6cdc3)
• core: childless list item aria-expanded (#10498) (1af4e0b)
• core: custom list role (#10501) (beba45c)
• core: datepicker outer focustrap (#10396) (ee7d631)
• core: datetime picker detection fix (#10531) (f89edd1)
• core: default element style breaking standalone tokens (#10416) (d447fb8)
• core: dialog service dismiss all (#10452) (1b5bf6f)
• core: do not set value if identical labels found (#10570) (dac5ced)
• core: dynamic stacked tabs (#10745) (3b061bb)
• core: fixed issue with styling encapsulation (#10390) (f2bddcf)
• core: inline help screenreader bug when using template (#10651) (afb2d08)
• core: listbox has aria-selected attribute (#10608) (aa85f3f)
• core: localize tokenizer more label #10106 (#10459) (e107c63)
• core: move button type to aria-description #10292 (#10461) (b3bae46)
• core: multi input description text (#10555) (716db20)
• core: popover header/footer should be sticky, and popovers should be able to grow (#10630) (e8a47ca)
• core: remove assertive from time column (#10735) (05ea88c)
• core: remove incorrect aria attribute (#10541) (70085a0)
• core: some multi-combobox fixes (#10712) (386396f)
• core: tab list tabindex fix (#10672) (d236062)
• core: tokenizer more button focus issue (#10654) (3ea5299)
• core: unit test (#10634) (6f002bc)
• core: update token total count properly (#10609) (4ccc87b)
• core: use template ref to initialize styles (#10574) (84182c5)
• core: vertical nav keyboard navigation (#10503) (17fcc1e)
• docs,core: various defect hunt issues (#10655) (0df8db7)
• missing breaking changes (#10374) (0c90d93)
• object status in content density example (#10417) (2557f85)
• platform: add aria-selected to multiselect first td (#10490) (5192893)
• platform: cell height instead of tbody (#10440) (702c568)
• platform: checkbox column tabindex (#10532) (8869d42)
• platform: column freezing/unfreezing while resizing now behaves the same as ui5 (#10607) (8badcf2)
• platform: console error when opening platform select (#10419) (6c8cc83)
• platform: custom row height (#10439) (3302769)
• platform: fdp multi combobox fires multiple times after value is selected (#10513) (4e97fc5)
• platform: fix dragdrop with virtual scroll (#10476) (010e001)
• platform: fix freeze functionality (#10529) (b2949fb)
• platform: fixed multi combobox async value selection token (#10456) (6c671ed)
• platform: form generator dropdown messages (#10395) (8cdb72e)
• platform: hiding selection column when data is not visible (#10428) (56d553d)
• platform: issues with toolbar in p13 dialog (#10420) (cc37fc0)
• platform: row selection tooltip (#10486) (848b3ec)
• platform: screenreader only span for empty platform table cells (#10512) (2555798)
• platform: search field a11y fixes (#10451) (bb9f6b8)
• platform: search field accessibility improvements (#10515) (0c40875)
• platform: some improvements to search field and VHD aria labels (#10494) (b79ca76)
• platform: table boolean filter reset (#10505) (a4aedaa)
• platform: table header cells without popovers should have aria-haspopup false (#10448) (e1e0251)
• platform: table initial selection hydration (#10544) (81e4c3b)
• platform: use pipe (#10483) (040154e)

Features

• add German language support (#10660) (0d1c686)
• add Portuguese language support (#10699) (f7d632e)
• btp: add Tool Layout (#10680) (952ab76)
• btp: introduced tool header and search field components (#10706) (abcdb25)
• btp: navigation component implementation (#10656) (da54e74)
• core,platform,cx: horizon 2023 update (#10276) (dfab60d), closes #9950 #9992 #9950 #10067 #10091 #10066 #10125 #10275 #10274 #10315 #10314 #10317
• core,platform: ability to disable snap-on-scroll on dynamic page (#10517) (e95be7c)
• core,platform: calendar horizon, datepicker mobile mode (#10373) (dabd4dd)
• core,platform: object status horizon update (#10539) (6ad5198)
• core: add index emit to tab selection (#10673) (15291b4)
• core: added template based popover body (#10455) (23f16b5)
• core: adoption of horizon 2023 specs in menu (#9993) (add601c)
• core: allowing scroll strategy override on select (#10629) (c99c668)
• core: avatar component horizon update (#10553) (b3b3533)
• core: avatar glyph font family (#10740) (e9c88dd)
• core: avatar group horizon (#10349) (e5c63a4)
• core: complete standalone migration (#10578) (183de4d)
• core: form sublibrary standalone migration (#10481) (ca21e5b)
• core: introduce Generic Tag new component (#10435) (2238161)
• core: multi input option item (#10415) (a31d209)
• core: multi input value identifier (#10601) (781046c)
• core: progress indicator horizon update (#10540) (ce71bdc)
• core: removed addon button on mobile mode in multi-input (#10443) (9e6b944)
• core: resizable popover (#10573) (67297a7)
• core: token standalone migration (#10546) (fee2bf0)
• core: tokenizer vertical arrow keys navigation (#10534) (69aea55)
• docs: examples standalone migration (#10409) (3eb7071), closes #10458
• i18n: using json formats as a source for tew and added resolve utilities (#10571) (5fa5e37)
• platform: added aria-labelledby to the table (#10446) (73ee20f)
• platform: always showing title on the thead contents (#10423) (c6d5678)
• platform: icon tab bar horizon update (#10594) (1296d39)
• platform: migration to standalone api (#10595) (4fd75e6)
• platform: table tree nodes are operable using left and right arrow keys (#10480) (aad5825)

BREAKING CHANGES

• core: - DynamicComponentService is now provided in root;

• ActionSheetMobileModule has been removed. Instead use ActionSheetMobileComponent;
• MenuMobileModule has been removed. Instead use MenuMobileComponent;
• MobileMultiComboboxModule has been removed. Instead use MobileMultiComboboxComponent;
• TimelineNodeHeaderInfoComponent has been removed in favor of TimelineNodeHeaderDirective;
• TimelineNodeHeaderComponent has been removed in favor of TimelineNodeHeaderDirective;

• core,platform: - Core Object Status now uses ColorAccent type as indicationColor property type;

• Content projection has been removed from Core Object Status;
• IndicationColorType from @fundamental-ngx/platform/object-status now extended to max number of 10.
• To provide custom complex text template for Core Object Status, use textTemplate input property of fd-object-status to pass custom TemplateRef;
• To provide custom complex text template for Platform Object Status, use <ng-template fdpObjectStatusText>...</ng-template> content-projected template.

• core: fd-menu-separator is removed and li[fd-menu-item][hasSeparator] should be used
• .fd-calendar__close-button--navigation button has been removed for landscape mode. Instead developers should implement own buttons for scenarios when calendar is used in dialog.
  Navigation
  Before:

<header class="fd-calendar__header">
    <div class="fd-calendar__navigation">
...
    </div>
</header>

After:

<header class="fd-calendar__navigation">
...
</header>

Calendar Day
Before:

<td role="gridcell" class="fd-calendar__item">
    <span class="fd-calendar__text" role="button">8</span>
</td>

After:

<td role="gridcell" class="fd-calendar__item">
    <div class="fd-calendar__text-wrapper">
        <span class="fd-calendar__text" role="button">8</span>
    </div>
</td>

Calendar Container
Before:

<div class="fd-calendar__content fd-calendar__content--dates" id="IO0cp341">
    <table class="fd-calendar__table" role="grid">
        <thead class="fd-calendar__group">
...
    </table>
</div>

After:

<table class="fd-calendar__content" id="IO0cp341" role="grid">
    <thead class="fd-calendar__group">
...
</table

• core,platform,cx: Vertical carousel markup change: Previously navigation buttons had icons sap-icon--slim-arrow-left and sap-icon--slim-arrow-left ignoring the direction. Now if vertical navigation is applied, buttons will have icons sap-icon--slim-arrow-up and sap-icon--slim-arrow-down respectively.
  Toolbar markup change: Removed inner <div class="fd-toolbar">...</div>. Now classes and other attributes applied to the root fd-toolbar element.
  Radio button: Projected content now wrapped with <span class="fd-radio__text">