Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

1.3.1 (2022-04-27)

framework: upgrade lit-html to 2.2.2

1.3.0 (2022-04-19)

New Components

ui5-menu: Initial implementation (#4742) (deac309)

Features

framework: configure default icon collection per theme (#5031) (7f84b83)
inputs: implement SAP Horizon theme family (#5003) (26aff35)
ui5-breadcrumbs: add position numbering scheme "x of y" (#4703) (35e2c96)
ui5-button: implement SAP Horizon theme family (#4912) (43761ad)
ui5-card: implement SAP Horizon theme family (#4974) (0137225), closes #5006
ui5-checkbox: implement required property (#5055) (d6a56cb), closes #4895
ui5-dialog: set horizon themes parameters (#4925) (1f3d212)
ui5-fcl: implement SAP Horizon theme family (#5071) (7a2a568), closes #5008
ui5-icon: implement SAP Horizon theme family (#5080) (6db8956), closes #5008
ui5-input: introduce openPicker() public method (#4971) (7e08a75)
ui5-link: implement SAP Horizon theme family (#5011) (ee44117)
ui5-message-strip: implement SAP Horizon theme family (#4941) (8919965)
ui5-multi-combobox: add cut/copy & paste handling (#4854) (18c5912)
ui5-multi-combobox: improve F4/Alt+Down focus handling (#4825) (01b56f3)
ui5-multi-combobox, ui5-tokenizer: handle 'Space' key combinations (#4817) (0fbe1e1)
ui5-multi-combobox, ui5-tokenizer: complete arrow navigation functionality (#4784) (25cc16c)
ui5-option: add additional-text property (#5065) (84d9f5f), closes #4999 #4999
ui5-panel: implement SAP Horizon theme family (#5058) (67565d5), closes #5007
ui5-radio-button: implement new value states - Success and Information and implement SAP Horizon theme family (#4913) (c85ad95)
ui5-select: add aria-roledescription attribute (#4921) (e19a914), closes #2910
ui5-tabcontainer: enable nested tabs (#4705) (3e715c4)
ui5-tabcontainer: implement SAP Horizon theme family (#4981) (0b90287)
ui5-table: add 'accessibleName' and 'accessibleNameRef' properties (#4994) (a4ef3cb)
ui5-wizard: implement SAP Horizon theme (#5076) (801069d)
busy indicator enablement (#4832) (c49c97f)
ui5-table: implement SAP Horizon theme family (#4992) (5c2a056), closes #4938
ui5-textarea: implement SAP Horizon theme family (#5018) (f5d56e2)
ui5-toast: implement SAP Horizon theme family (#4864) (346fa64)

Bug Fixes

framework: make listeners passive (#5012) (30f2dc7)
framework: fix F6 navigation on windows browsers (#4886) (36fd3d1)
framework: fix submit event handling in forms (#4942) (883809f)
framework: add 72-* font as system styles (#4934) (4b45d32)
framework: fix scoping of self tag (#4952) (8d53e95)
framework: fix js error if "sh" locale set (#4905) (979bca2), closes #4904
playground: fix search results (#4948) (af4aac1)
ui5-avatar: align to latest sap_horizon specification (#4951) (80c1f42)
ui5-avatar: fix wrong border-radius (#4877) (cb9f55f), closes #4873
ui5-card-header: prevent events from action slot to trigger header's click event (#4965) (547ce9e), closes #4891
ui5-checkbox: align to latest sap_horizon specification (#4972) (be9e6bc)
ui5-color-palette: adapt components with responsive paddings (#4985) (9de7198), closes #4869
ui5-color-picker: fix RTL visual issues (#4966) (ae76500), closes #4892
ui5-combobox: disable autocomplete on Android (#5088) (7353188)
ui5-date-picker: adjust initial value formatting (#4967) (304e73b), closes #4958 #4958
ui5-date-picker: handle date selection via enter keyboard key (#4863) (fc2cec0), closes #4826
ui5-date-picker: remove aria-expanded attribute (#4866) (381c884), closes #4865
ui5-date-picker: remove timezone test (#4829) (14552cf)
ui5-date-picker:* adjust the date and time pickers accessibility attributes (#4996) (229efcc), closes #4946
ui5-datetime-picker: adapt components with responsive paddings (#4977) (6c5e516), closes #4869
ui5-datetime-picker: enable secondary calendar type (#4970) (6a096cb), closes #4959
ui5-flexible-column-layout: correct column border styles for RTL (#4919) (660f639), closes #4906
ui5-illustrated-message: remove offensive characters (#4929) (cbf5b02)
ui5-illustrated-message: update illustrations (#4950) (6ff4e1b)
ui5-input: activeElement is now correct in case of nested components (#5005) (199d974)
ui5-label: prevent screenreader announcement of colon and asterisk (#5072) (b5d5a3f), closes #4830
ui5-li: correct focus handling (#4935) (2b82342)
ui5-link: remove double click event (#5038) (4b95bc8), closes #4963 #4963
ui5-list: correct keyboard handling (#4890) (8c27355)
ui5-media-gallery: correct overflow label (#4903) (4f28a6e)
ui5-multi-combobox: display placeholder consistently (#4920) (359d1a3), closes #4897
ui5-multi-input: correct header paddings in nMore popover (#5040) (b06d608)
ui5-multi-input: improve backspace and home handling (#4646) (fa2a700)
ui5-page: Allow developers to be able to overwrite responsive paddings (#5056) (b09dd35)
ui5-popover: fix auto close when opener is outside the viewport (#4847) (c944efd), closes #4716
ui5-popover: prevent arrow placement over popover's rounded corners (#4960) (994871d), closes #4599 #4797
ui5-responsive-popover: allow opening a popover from component (#5070) (241a112), closes #5028
ui5-shellbar: searchfield placeholder color (#5079) (aba6aab)
ui5-step-input: align the min width to visual specification (#4884) (197fef1), closes #4786
ui5-tabcontainer: add missing dependency in Tab (#5069) (b03c56b), closes #5037
ui5-shellbar, ui5-breadcrumbs, ui5-barcode-scanner-dialog: align popover paddings (#4894) (b947d1b), closes #4872
ui5-tabcontainer: fix overflow button visibility (#4836) (8e67748), closes #4690
ui5-time-picker: firing change event after input change submit (#4962) (2e3f428), closes #4918
ui5-view-settings-dialog: adjust scrollbar behavior (#4795) (8f58fd5), closes #4724 #4725 #4860
ui5-view-settings-dialog: fixing comments from previous commit (#4851) (3fc5814)
ui5-view-settings-dialog: including title in initial reading (#4827) (685d4ba), closes #4660
ui5-view-settings-dialog: replacement of the slot with ui5 li element (#5013) (839ddf8), closes #4888
ui5-view-settings-dialog: visual alignment (#4867) (8a628df), closes #4102 #3744 #4838
popups: correct responsive padding in some consumers of popups (#4926) (b501153), closes #4870

1.2.4 (2022-03-30)

Bug Fixes

framework: fix scoping of self tag (#4952) (cdb9e2a)
ui5-card-header: prevent events from action slot to trigger header's click event (#4965) (f87d898), closes #4891
ui5-date-picker: adjust initial value formatting (#4967) (3648b01), closes #4958 #4958
ui5-datetime-picker: enable secondary calendar type (#4970) (6bc84f7), closes #4959
ui5-illustrated-message: remove offensive characters (#4929) (a33c7a5)
ui5-popover: prevent arrow placement over popover's rounded corners (#4960) (66604c3), closes #4599 #4797

1.2.3 (2022-03-23)

Bug Fixes

ui5-date-picker: remove aria-expanded attribute (#4866) (b62a0e9), closes #4865

1.2.2 (2022-03-22)

Bug Fixes

framework: add 72-* font as system styles (#4934) (8f9b0d2), closes #4931
localization: fix js error if "sh" locale set (#4905) (9ace82c), closes #4904
ui5-flexible-column-layout: correct column border styles for RTL (#4919) (2f40bd7), closes #4906
ui5-li: correct focus handling (#4935) (1fdf415), closes #4916
ui5-view-settings-dialog: adjust scrollbar behavior (#4795) (ddcb01e), closes #4724 #4725 #4860

Features

ui5-select: add aria-roledescription attribute (#4921) (e4fa811), closes #2910

1.2.1 (2022-03-02)

Bug Fixes

ui5-multi-combobox: prevent scrolling on page up/down (#4835) (6c85e8d)
ui5-responsive-popover: fix auto close during re-rendering (#4828) (5859ce7), closes #4816
ui5-segmented-button-item: adopt inherited tooltip property (#4843) (b04db63), closes #4840
ui5-view-settings-dialog: fix circular dependency JS error (#4844) (057a7d8), closes #4837
ui5-multi-combobox, ui5-tokenizer: improve Home/End implementation (#4796) (8d83d33)

1.2.0 (2022-02-28)

Bug Fixes

framework: fix Tabbable elements error (#4704) (650473f)
framework: replace HTML comments with HBS ones (#4681) (ddc38eb), closes /github.com/SAP/ui5-webcomponents/blob/master/packages/tools/lib/hbs2lit/src/partialsVisitor.js#L95
inputs: import used icons (#4712) (2041ff3)
popovers: correct list items height of input dropdowns (#4650) (11f8ada), closes #4616
ui5-badge: update color-scheme parameters (#4678) (c7d75ef), closes #3940
ui5-button: remove focus on phone and tablet (#4746) (31915d7)
ui5-calendar: adjust picker styles (#4672) (3afe7a8)
ui5-color-palette-popover: fix showDefaultColor works (#4802) (f93f22f)
ui5-color-picker: adjust hue value update when user presses over the main color section (#4601) (4b03374), closes #4540
ui5-color-picker: enable hex value input change on enter (#4621) (cf45552), closes #4541
ui5-combobox: prevent dropdown closing on scroll (#4773) (199e860)
ui5-date-picker: remove combobox role (#4706) (2d457c9)
ui5-daterange-picker: fix runntime change of delimiter(#4693) (ec02855), closes #2925
ui5-file-uploader: fix the console warning (#4605) (197f3f9), closes #4592
ui5-flexible-column-layout: fix accessibility of hidden columns (#4811) (d9f514f), closes #4789
ui5-input: render aria-invalid properly (#4734) (81a00d7), closes #4723
ui5-input: delete whole value of ui5-input with type number when… (#4760) (0aa9979)
ui5-input: improve lazy loading behaviour (#4763) (35342be)
ui5-label: allow focusing elements linked with for attribute inside a shadow root (#4754) (bd7a8a1), closes #4751
ui5-li-tree: correct usage of i18nBudnle (#4668) (67848d7)
ui5-list: fix separators in SAP Horizon (#4805) (6a814b3)
ui5-list: fix initial focus target (#4809) (cf6dd1a)
ui5-media-gallery-item: correct jsdoc (#4819) (5783fa7)
ui5-multi-combobox: add value selection on focus (#4804) (08ea794)
ui5-popup: body styles are no longer modified (#4813) (1754496), closes #4347
ui5-select: incorrect popover styles when value state is used (#4651) (2d8ce46)
ui5-tabcontainer: fix overflow button runtime error (#4780) (08d75fa), closes #4770
ui5-tabcontainer: replace hardcoded text (#4815) (439033c), closes #4810
attached boot tasks always run (#4777) (ad4608c)
describe all dependencies for some components (#4807) (1cf148f)
ui5-slider: prevent handle jumping on focus (#4752) (dc2de5b)
ui5-slider: sets correct color to tickmarks based on theme (#4677) (4aecd48)
ui5-switch: adjust focus outline (#4665) (0cb6580), closes #2925
ui5-switch: adjust focus outline (#4717) (9d9d6c8)
ui5-switch: role checkbox is changed to role switch (#4658) (ec6ca80), closes #4633
ui5-tabcontainer: await for renderFinished in resize handler (#4675) (cd8dc26), closes #4628
ui5-table-row: align checkbox vertically (#4696) (62ae8dc)
ui5-textarea: enhance aria-invalid attribute handling (#4767) (f2fd6fb)
ui5-view-settings-dialog: improve title text accessibility (#4783) (88a13df), closes #4660
ui5-wizard: prevent unnecessary content scrolling (#4774) (751db3f)
scoped bundles (#4745) (2cd4c7e)
docs: display methods in child components API (#4792) (1929d08)

Features

ui5-view-settings-dialog: add more event.details to confirm/cancel events (#4772) (a3eca7a), closes #4539
icons: add and update icons from 4.13 and 5.01 icon fonts (#4790) (a9e88f0)
jsdoc: remove attr name for Object props (#4680) (1741bd6), closes #4674
(Responsive)Popover, Dialog: implement declarative API for open/close (#4653) (af70586), closes #3527
ui5-breadcrumbs: make item-click event preventable (#4589) (ccb4c83)
ui5-button: add new tooltip property (#4737) (df8f013), closes #4689
ui5-button: implement accessibilityAttributes property (#4655) (d27c4b5), closes #3546
ui5-illustrated-message: add TNT illustrations (#4710) (822a73c)
ui5-input: implement showClearIcon property (#4641) (b1c1620)
ui5-link: provide accessible-name support (#4711) (6597afa), closes #4498
ui5-popup: аdd default responsive paddings (#4567) (ddc1e39), closes #4402
ui5-rating-indicator: add accessibility enhancements (#4736) (f8dc9f0)
ui5-side-navigation: make selection-change event preventable (#4732) (d908465), closes #4700
ui5-switch: provide accessible-name attribute support (#4735) (ee6819f), closes #4147
ui5-table: extend keyboard handling (#4550) (8daa764), closes #3090
ui5-table: improve keyboard handling (#4631) (f1f2b1b)
ui5-timeline: add accessible-name support (#4721) (0562e89), closes #4644
ui5-tokenizer: Implement token range deletion (#4750) (cece8d7)
ui5-tree: make item-click event preventable (#4708) (29967f0), closes #4502

1.1.2 (2022-01-26)

Bug Fixes

ui5-illustrated-message: remove uncompleted illustration (#4638) (adafeba)
framework fix ipad recognition (#4632) (c0cc73d)
framework remove import.meta.url (#4630) (604ce63)

Features

ui5-multi-input: improve keyboard handling support (#4495) (b978f4a)

1.1.1 (2022-01-24)

Bug Fixes

ui5-media-gallery-item: add missing icon import (#4615) (d04cf8c)
ui5-media-gallery-item: correct initialization order (#4614) (436f8f4), closes #4610
ui5-split-button: fix JS error when empty text content (#4612) (c407fd1), closes #4609
ui5-title: replace custom heading CSS vars with SAP theming-base vars (#4617) (baa02bb)

Refactoring

ui5-color-palette-popover: deprecate openPopover in favour of showAt (#4613) (4f2abdd)

1.1.0 (2022-01-21)

New Components

ui5-dynamic-side-content: Initial implementation (#4379) (c36cb57)
ui5-media-gallery: Initial implementation (#4427) (17cb225)
ui5-split-button: Initial implementation (#4570) (295925b)

Features

framework: implement F6 Navigation Helper (#4490) (60d0dc1)
framework: introduce runtimes and version info (#4491) (757577f)
framework: add stable-dom-ref support for abstract items (#4604) (5526dea)
ui5-button: implement accessibleNameRef property (#4474) (3f7eae3)
ui5-checkbox: introduce accessibleName and accessibleNameRef (#4547) (6f285fd), closes #4500
ui5-combobox: add full keyboard handling (#4494) (fd4bb50)
ui5-flexible-column-layout: introduce accessibilityRoles property (#4446) (f515f3d), closes #3804 #3796
ui5-icon: implement accessibleRole property (#4548) (6d6cf6f), closes #4499
ui5-input: add full keyboard support (#4414) (6133393)
ui5-illustrated-message: add more illustrations to the default set (#4587) (417bd6a)
ui5-link: implement accessibilityAttributes property (#4591) (9a16d61), closes #3546
ui5-list: make item-click event preventable (#4448) (12d3e8a)
ui5-option: handle title attribute (#4546) (0c060aa)
ui5-popup: add accessibleNameRef property (#4517) (0a7c1f3)
ui5-radio-button: implement accessibleNameRef property (#4511) (83fdef5)
ui5-rating-indicator: add full keyboard support (#4411) (0e41f41)
ui5-segmented-button: implement accessibleName property (#4378) (e6a8b38)
ui5-shellbar: introduce accessibilityTexts property (#4377) (f762e76), closes #4009
ui5-switch: implement accessibleNameRef property (#4472) (8538de9)
ui5-tabcontainer: implement overflow functionality (#4403) (a38bbab), closes #2540
ui5-tabcontainer: show separators in overflow (#4507) (b646157)
ui5-tree-item: add indeterminate state (#4397) (80bbc22)
ui5-wizard: extend keyboard handling (#4444) (57151a3)

Bug Fixes

framework: Scoping issues corrected (#4573) (4e430d3)
framework: prevent runtime error on malformed custom theme object (#4375) (3215c7d)
ui5-bar: fix RTL support (#4496) (e5c0f2d)
ui5-bar: remove unnecessary slot names (#4510) (32d4507)
ui5-breadcrumbs: correct missing label for single breadcrumb (#4578) (42254d8), closes #4565
ui5-breadcrumbs: remove text-decoration from separator (#4568) (ed87ba5)
ui5-card: adjust some classes in Playground samples (#4462) (2a9ed2a), closes #4200
ui5-card: update theming parameter (#4582) (622db2c)
ui5-card-header: fix rtl support (#4536) (14a2a03)
ui5-combobox: fix docs (#4553) (f0b1bf7)
ui5-combobox: remove incorrect sample (#4482) (4b2720b)
ui5-icon: correct tabindex value (#4509) (54698f6)
ui5-input: make "change" event consistent (#4129) (09f9059)
ui5-input: fix value truncation (#4467) (d9261f5)
ui5-input: improve sample visualization (#4476) (b0fd49a)
ui5-li-custom: remove height restriction (#4473) (e76f8c9), closes #4450
ui5-li-notification-group: fix close button functionality in ShellBar sample (#4408) (6a66797), closes #4202
ui5-link: add noopener to rel attribute (#4533) (3f2c3cd)
ui5-multi-combobox: make readonly component focusable on mobile device (#4456) (755599d)
ui5-panel: rotate button counterclockwise in RTL mode (#4470) (d3f6e39)
ui5-popover: fix content truncation (#4359) (2e8d3bd), closes #4259
ui5-popover: make sample responsive for small devices (#4527) (fddf903), closes #4206
ui5-popover: restrict arrow going out of bounds (#4599) (41239a8), closes #4581
ui5-shellbar: allow selection with Enter key in overflow menu (#4577) (fb40514), closes #4556
ui5-side-navigation: correct styles for static area (#4526) (7d35bd6), closes #4515
ui5-tabcontainer: improve keyboard handling (#4486) (a934eb3), closes #2540
ui5-view-settings-dialog: implement single page functionality (#4419) (572a323)
ui5-breadcrumbs: fix JS error when empty (#4563) (cfd9fa6)
inputs: adjust value and placeholder styles (#4400) (b6014bc)
inputs: value state message is not presented in readonly mode (#4329) (e1250ae)
popups: block layer of popups now has a tabindex with value 0 (#4324) (0965738), closes #4187
ui5-badge: center text vertically (#4394) (e6d0f69)
ui5-busy-indicator: Improve delay handling (#4321) (acb1729), closes #4108
ui5-button: clicking button is safari now gives it a focus (#4235) (baeb02d), closes #2951
ui5-carousel: fix playground sample (#4366) (67ace3a)
ui5-checkbox: cursor style when disabled (#4392) (5d3e8f5)
ui5-checkbox: fix position of checkmark in ie11 (#4320) (2745bbc)
ui5-combobox: Keyboard navigation trough filtered items (#4143) (17e6e51)
ui5-combobox, ui5-textarea: correct value state message placement in RTL mode (#4396) (6ab9edb)
ui5-date-picker: enable date value strict parsing (#4428) (ac5ac2d), closes #4409
ui5-date-picker: remove title attribute from samples (#4422) (56a6724)
ui5-date-time-picker: proper visualization on mobile (#4345) (7d8b93a)
ui5-dialog: correct border radius when stretched on phones (#4327) (5aedc43), closes #4254
ui5-dialog: resize handle is no longer shown on phones (#4326) (9b3869f), closes #4253
ui5-input: fix event handling in firefox (#4447) (d973162)
ui5-input, ui5-multi-combobox: value state popup now aligned properly in RTL mode (#4310) (ce0dcd2), closes #3830
ui5-li-notification-group: visual fixes for right-to-left mode (#4354) (13b7d68), closes #4255 #4256 #4257
ui5-list: remove hightlighting on items after tap on mobile (#4388) (c328ea9), closes #4258
ui5-message-strip: make speech output more comprehensive (#4416) (9442e05)
ui5-popover: adjust top position when iOS keyboard is opened (#4333) (a4b03a3)
ui5-radio-button: remove cursor pointer for disabled state (#4393) (d147df8)
ui5-rating-indicator: not round values are correctly visualised in RTL mode (#4330) (d901386)
ui5-slider, ui5-range-slider: remove focus outline on mobile (#4458) (a295dc1)
ui5-table: adjust header row's height according to the visual specification (#4424) (175fce3)
ui5-table: check select all checkbox, when all rows are selected programatically (#4455) (7baabfa)
ui5-tabcontainer, ui5-shellbar: adding stable selectors for tab container and shellbar (#4369) (9abdaba)
ui5-textarea: apply specified scrollbar stylings (#4477) (84018fc)
ui5-textarea: calc properly TextArea's size for showExceeds property (#4152) (6f06963)
ui5-token: apply correct background color in HC themes (#4464) (133e45d)
ui5-token: border-radius adjusted to spec in in SAP Quartz HCB/HCW (#4323) (6691b3d)
ui5-upload-collection: make buttons visible on small screens (#4361) (fcb7f62)
ui5-upload-collection: removed active and hover states (#4360) (cb76902), closes #4258
ui5-wizard: adjust content and navigator paddings based on spec (#4479) (303ecb1)
ui5-wizard: make playground sample fully usable (#4457) (1416d42)
playground: fix broken links (#4440) (eb796f7)
playground: fix js error for compact mode (#4325) (d9acff8)
playground: adjust main wrapper paddings (#4480) (d742501)
playground: apply RTL properly (#4468) (912a09e)

1.0.2 (2021-11-29)

Bug Fixes

framework: prevent runtime error on malformed custom theme object (#4375) (dd10d7c)

1.0.1 (2021-11-10)

Fixes

build: start shipping .css files to NPM #4308

The CSP-compliance for Firefox/Safari requires the /dist/css/ directory for the main, fiori and theming packages to be in NPM

1.0.0 (2021-11-10)

👏 We are happy to announce our first stable 1.0.0 version of UI5 Web Components 👏

1.0.0-rc.16 (2021-11-09)

New Component

ui5-color-palette-popover: initial implementation (#3746) (894628f)

New Theme

theming: introduce preview version of SAP Horizon theme (#3991) (b1afaf0), closes #3988

New Icons

icons: introduce SAP-icons5.0 font based icons (#4244) (c0a226e)

Features

framework: allow using a custom i18n library (#4119) (56f366f)
framework: implement better custom theme support (#4121) (31e30f8)
framework: handle PAGE UP and PAGE DOWN in ItemNavigation (#3727) (91a974f)
framework: load new "72Black" font face (#4139) (2be7869)
framework: enable getDomRef for abstract web components (#4210) (d1ebea3)
tools: create NPM init script (#4090) (5608e04)
ui5-button: implement SAP Horizon theme (#4126) (90483e2)
ui5-step-input: implement SAP Horizon theme (#4247) (4180fe7)
inputs: implement SAP Horizon theme (#4222) (66d17f7)
ui5-avatar: implement SAP Horizon theme (#4225) (52311c4)
ui5-busy-indicator: implement SAP Horizon theme (#4179) (6dc366a)
ui5-calendar: implement SAP Horizon theme (#4233) (f7d9113)
ui5-card: implement SAP Horizon theme (#4189) (e0e488f)
ui5-carousel: implement SAP Horizon theme (1ed725f)
ui5-color-picker: implement SAP Horizon theme (#4177) (1a201d6)
ui5-dialog, ui5-popup: implement SAP Horizon theme (#4175) (fa2ed03)
ui5-file-uploader: implement SAP Horizon theme (#4243) (b25ce73)
ui5-input, ui5-combobox, ui5-multicombobox: implement SAP Horizon theme (#4182) (1f1db07)
ui5-link: implement SAP Horizon theme (#4180) (410a8fb)
ui5-messageStrip: implement SAP Horizon theme (#4167) (7026564)
ui5-panel: implement SAP Horizon theme (#4170) (1865ffa)
ui5-progress-indicator: implement SAP Horizon theme (#4226) (fdde4d0)
ui5-radio-button: implement SAP Horizon theme (#4181) (2309c30)
ui5-rating-indicator: implement SAP Horizon theme (#4173) (daba3f0)
ui5-segmented-button: implement SAP Horizon theme (#4197) (33d0f60)
ui5-select: implement SAP Horizon theme in dropdown (#4229) (4ac73c3)
ui5-shellbar: implement SAP Horizon theme (#4251) (7500a08)
ui5-slider, ui5-range-slider: implement SAP Horizon theme (#4168) (a19159b)
ui5-switch: implement SAP Horizon theme (#4156) (e3f82a8)
ui5-textarea: implement SAP Horizon theme (#4237) (37e87c8)
ui5-time-picker: implement SAP Horizon theme (16f83d7)
ui5-tab-container: implement SAP Horizon theme (#4207) (8c80e57)
ui5-table: implement SAP Horizon theme (#4165) (fcfb180)
ui5-timeline: implement SAP Horizon theme (13a168e)
ui5-toast: implement SAP Horizon theme (#4174) (3618617)
ui5-wizard: implement SAP Horizon theme (#4172) (67eea9b)
ui5-badge: implement SAP Horizon theme (#4019) (7deccd1), closes #4043
ui5-calendar: support secondary calendar type (#3634) (fca7508)
ui5-card: introduce accessibleName property (#4021) (54fdb3a)
ui5-card-header: implement ariaLevel property (#3878) (b2b2ccd)
ui5-carousel: implement F7 keyboard functionality (#3559) (df0ace8), closes #3092
ui5-checkbox: implement SAP Horizon theme (#4031) (33ee202), closes #404
ui5-date-picker: introduce preventable change and input events (#3609) (05e0769), closes #3516 #3516
ui5-illustrated-message: add TNT illustration set (#3857) (0ade371)
ui5-illustrated-message: introduce subtitle slot (#3633) (96ccf93), closes #3557 #3557
ui5-input, ui5-date-picker: implement SAP Horizon theme (#4006) (e137de3), closes #4040 #4046
ui5-panel: noAnimation property introduced (#3694) (fc7972b), closes #3505
ui5-popover, ui5-responsive-popover: implement SAP Horizon theme (#4020) (441776e)
ui5-product-switch: add selected state to an item (#3872) (9e7928b)
ui5-progress-indicator: implement displayValue property (#3879) (50008d0), closes #3573 #3573
ui5-radio-button: implement SAP Horizon theme (#4008) (6cb3eb0), closes #4042
ui5-responsive-popover: add preventInitialFocus parameter to showAt method (#3595) (62d1079), closes #3473
ui5-side-navigation: add tooltip to all items (#3921) (5849a38), closes #3549 #3549
ui5-switch: implement SAP Horizon theme (#4007) (6e51776), closes #4039
ui5-tabcontainer: implement SAP Horizon theme (#4079) (89d945a), closes #4045
ui5-tree: introduce item-mouseover/item-mouseout events (#3990) (e8b6145)
ui5-upload-collection: add accessibleName property (#3917) (ea79fb3), closes #3768 #3768
ui5-view-settings-dialog: introduce filter section (#3616) (52987c2)

BREAKING CHANGES

framework: The async fetchI18nBundle function is now removed. Use async getI18nBundle instead #4128
icons: The icons SVG imports are changed. If you previously had

import "@ui5/webcomponents-icons/dist/accept.svg";

you have to import the SVGs from the v4/ (SAP-icons4.0) or the v5/ (SAP-icons5.0) directory:

import "@ui5/webcomponents-icons/dist/v4/accept.svg"; //  for SAPIcons4.0
import "@ui5/webcomponents-icons/dist/v5/accept.svg"; // for SAPIcons5.0

theming: theme-base package deprecated in favour of theming package. #4133
ui5-breadcrumbs-item: BreadcrumbsItem's stableDomRef property has been removed - use getDomRef to get the matching actual DOM ref. #4284
ui5-message-strip: The MessageStrip component's tag name has been renamed from ui5-messagestrip to ui5-message-strip. #4268
ui5-input: The suggestion-scroll event has been removed as no UX specified. #4141
ui5-option, ui5-combobox-item, ui5-multi-combobox-item, ui5-tab: The stableDomRef property has been removed - use getDomRef to get the matching actual DOM ref. #4210.
ui5-shellbar-item: ShellBarItem's event item-click has been renamed to click. #4282
ui5-wizard: The accessible-name property has been removed. #4262

Bug Fixes

ui5-*: add global styles for tap-highlight-color (18dab92)
ui5-avatar: correct background when image slot is used (#4117) (81d7815)
ui5-button: fix hover state for combi device(#4100) (6ab905c)
ui5-card: fix accessibleNameRef value (#4118) (07e8d44), closes #3681
ui5-combobox: fix autocomplete on Safari (#3999) (2ee4feb)
ui5-date-picker: fox hover state on readonly is now fixed (#4272) (535d0e5)
ui5-datetime-picker: fix the focus border (#4250) (9404c73)
ui5-datetime-picker: fix JS error not thrown on Firefox browser (#4164) (7d773d5), closes #4136
ui5-dialog: fix resize handler console warning ([#4138](https://github.com/SAP/ui5-webcompon
ui5-input: escape HTML before highlighting suggestions (XSS) (2a4919e), closes #4245
ui5-input: prevent suggestion popover open on focusin (#3997) (0b3e12f)
ui5-avatar: fix font-size and color-scheme (#3799) (ea8ef59)
ui5-bar: fix center alignment middleContent slot (#3719) (d5a0a3a), closes #3456 #3456
ui5-calendar: fix year picker's button text (#3665) (5857496), closes #3658
ui5-checkbox: fix component square's border-radius (#4073) (c70942b)
ui5-color-picker: change event is now fired on opacity change (#3645) (9ee329a)
ui5-combobox: fix arrow navigation functionality (#3928) (fea941a)
ui5-dialog: fix scroll blocking (#4092) (e66ab79)
ui5-file-uploader: activate on ENTER and SPACE when screen reader virtual cursor is on (#3944) (159687e), closes #3767 #3767
ui5-flexible-column-layout: fix speech output on layout arrows (#4034) (272e600), closes #3699
ui5-icon: set aria-hidden=true to decorative icons (#3983) (9101130), closes #3954
ui5-input: fix behaviour on mobile device (#4025) (bab54f6)
ui5-li-notification: fix icon padding in RTL (#3876) (6ebfecb)
ui5-link: add underlining in the regular state in HCB/HCW themes (#3960) (903a480)
ui5-list: change role mappings so no interactive elements are nested (#3952) (6d98d0c), closes #3927
ui5-list: preven SPACE keydown (#4088) (e9c5287), closes #4049
ui5-list, ui5-table, ui5-notification, ui5-busy-indicator: getFocusDomRef returns the correct element when the state is busy (#3951) (ec81c15), closes #3922
ui5-multi-combobox: fix value reset on ESC (#3958) (ed128db)
ui5-multi-combobox: prefilter selected items on n-more click (#3931) (2ebc6a7)
ui5-multi-combobox: revert selection after CLOSE button is pressed (#3938) (104ec37), closes #3764
ui5-multi-combobox: select an item when value matches and ENTER is pressed (#3942) (ec4ecc8), closes #3809
ui5-rating-indicator: apply correct color for readonly unselected icon (#3992) (5854e0f)
ui5-select: fix screen reader speech out when popover is open (#3705) (06c193a), closes #3617
ui5-table: select all column is now sticky (#3950) (9530a5b)
ui5-timeline: elements with role option have a parent element with role listbox (#4053) (2b27754), closes #3459
ui5-view-settings-dialog: import all dependencies (#4074) (11d529e)
ui5 card: exploratory testing issues (#3894) (f6bce94)
ui5-avatar: documentation improvements (#3909) (833040d)
ui5-avatar, ui5-icon: attach onclick handler based on interactive property (#3742) (cbdae54)
ui5-badge: update accent colors (#3926) (7c45ff7), closes #3923 #3923
ui5-badge: update parameters for color-scheme="8" (#3814) (9f4a93e)
ui5-calendar: ACC improvements (#3789) (9f40233)
ui5-calendar: keyboard handling now compliant with the specification (#3649) (768d1e7)
ui5-card: correctly set aria-labelledby (#3692) (1e57b00), closes #3643
ui5-card: exploratory testing issues (#3881) (75023c1)
ui5-color-palette-popover: fix event params (#3873) (1066030)
ui5-combo-box: Link in value state message is now accessible (#3901) (5fd1643), closes #3855 #3855
ui5-combobox: Fix value reset on ESC #3886 (ae74add), closes #3784 #3784
ui5-input: adjust value state paddings according to specifications (#3833) (4c8ff0c), closes #3611 #3611
ui5-input: fix value reset on ESC (#3886) (3f1c267), closes #3784 #3784
ui5-input: remove data-sap-no-tab-ref attribute from the inner input (3e49773), closes #3603
ui5-li: add "Selected" text to item's accessible name (#3853) (2924010)
ui5-multi-combobox: prevent setting max-width of dialog header on mobile (#3943) (97d0382), closes #3763
ui5-product-switch-item: no-wrap title behavior added when subtitle is not present (#3800) (3f007fd)
(ui5-li): add accessible name to single select radio button (#3842) (c77d9c9)
ComboBox arrow now correctly toggles the picker (#3937) (19e77da)
ui5-card-header: no longer fires click event twice (#3823) (d4f4e91)
ui5-color-palette: align space between swatches (#3912) (8ad1fdd)
ui5-color-palette: focus outline is properly visualized (#3648) (2e708d4)
ui5-color-picker: opacity slider doesn't affect the hue slider (#3664) (3afe78a)
ui5-combobox: fix double announcement on key navigation (#3495) (0ff3325)
ui5-date-picker: calendar horizontal center align (#3905) (75aef88)
ui5-date-picker: fix dateValue getter to return most recent value (#3629) (bee34da), closes #3516
ui5-date-picker: keyboard handling now compliant with the specification (#3636) (24467f8), closes #3091
ui5-daypicker: fix js error (#3677) (b6d643a)
ui5-dialog: correctly restore body scrolling on ESC (#3696) (1c8e656), closes #3690
ui5-dialog: fix console warning from exploratory testing (#3893) (c648714), closes #3620
ui5-illustrated-message: add missing dependencies (#3822) (75e6a8c)
ui5-illustrated-message: remove style attribute of svg (#3605) (41f72e3)
ui5-input: prevent exception in console when input is clicked on mobile (#3729) (8d05606)
ui5-label: adjust colon margins (#3897) (ccca671)
ui5-label: wrapping now works when used in CustomListItem (#3852) (8333f5e)
ui5-li-groupheader: change role option (#3869) (90e718b)
ui5-li-groupheader: fix row height (#3610) (79d259e), closes #3606
ui5-link: the anchor element inherits its text-decoration (#3911) (bb8629c), closes #3837 #3837
ui5-popover: fix arrow placement when reaching a border (#3821) (9913632), closes #3391
ui5-popover: fix initial flickering (#3910) (6afad2a)
ui5-popover: restrict growing width on small screens (#3820) (bd0b33a)
ui5-list: remove unnecessary scrollbar in RTL for Multiselect mode (#4085) (04c09da), closes #3947
ui5-radio-button: exploratory testing issues (#3740) (23ce10f)
ui5-segmented-button: correct focus on first click (#3906) (6820dd7)
ui5-segmented-button: keyboard handling now compliant with the specification (#3709) (d34afc1)
ui5-select: align value state to visual specification (#3655) (cce6505), closes #3611
ui5-select: fix selection change with keyboard (#3704) (68da439)
ui5-side-navigation: fix RTL behaviour (#3774) (cb39444)
ui5-slider: keyboard handling now works correctly in RTL (#3949) (f6dee74)
ui5-slider: show tooltips when component has focus (#3899) (952445d)
ui5-panel: add border bottom when fixed (#4234) (a19e401)
ui5-shellbar: fix public readonly getters (#4283) (d90daf5)
ui5-shellbar: fix JS error on custom action press (#4281) (c73294b)
ui5-shellbar: remove unnecessary aria-label from buttons (#3981) (d60120d), closes #3953
ui5-shellbar: remove empty secondary title wrapper (#3737) (28d9a1a), closes #3698 #3698
ui5-tabcontainer: fix CSS selector rule (#4261) (#4273) (24ff145)
ui5-tabcontainer: paddings are changed according to the spec (#4166) (0bb0b92)
ui5-table: add missing dependency to Checkbox (#4199) (0f6e224), closes #4094
ui5-table: hide row columns on minWidth (#4193) (bf2495b)
ui5-tabcontainer: change paddings to full-fill the specs (#4196) (3fd8b48)
ui5-textarea: value state message link is now accessible (#3916) (015e3ef)
ui5-timeline: align indicator in compact mode (#3902) (0c31502)
ui5-timeline: keyboard handling is now compliant with the specification (#3722) (2ad208e)
ui5-timepicker: correct navigation to the am/pm slider (#3920) (ba38d4c)
ui5-toast: announce content when ui5-toast is shown (#3939) (66901ad)
ui5-toggle-button: SHIFT+SPACE cancels the action (#3713) (48adbbe)
ui5-tokenizer: fix invisble texts styling (#3394) (bc62eaa)
ui5-tree, ui5-table, ui5-side-navigation: fix unnecessary scrollbar in RTL is removed (#3948) (61fe0fe)
ui5-upload-collection: fix no files heading HTML tag (#3930) (e020249)
ui5-wizard: grouped steps could be activated (#3961) (be36219)
ui5-wizard: step titles are now visible on phone (#3895) (9a183b4)
ui5-wizard: remove unneeded aria properties (#4262) (7fa969b)
framework: removing the base theme works with adopted stylesheets (#4158) (aa1f594)
framework: detach events correctly to prevent memory leaks (#3941) (6c877ee)
framework: fix init package script bugs (#4069) (2e68d32)
framework: apply RTL for components with popovers (#3657) (28e868b)

Code Refactoring

ui5-breadcrumbs-item: remove stableDomRef public property (#4284) (ecec275)
ui5-input: remove suggestion-scroll event (#4141) (3a0abee)
ui5-message-strip: rename tag name (#4268) (ec30ec2)
ui5-shellbar-item: rename item-click to click (#4282) (4cd86b1)

1.0.0-rc.15 (2021-07-23)

New Components

ui5-barcode-scanner-dialog: introduce new component (#3523) (196a590)
ui5-ui5-breadcrumbs: introduce new component (#3489) (6dbc2a0)
ui5-illustrated-message: introduce new component (#3376) (2dff1f4)

Features

a11y: introduce "accessibleName" property for multiple components (#3449) (f4f5864)
a11y: introduce "accessibleNameRef" property for multiple components (#3442) (42d3ed5), closes #3107
ui5-avatar: implement default slot for image (#3237) (9646c3e)
ui5-avatar-group: implement accessibility specification (#3154) (baec15b), closes #2745
ui5-badge: apply latest Fiori 3 design (#3389) (a58a1a4)
ui5-busy-indicator: add "delay" property (#3419) (cc8acc7)
ui5-button: introduce "Attention" type (#3481) (2c9393c), closes #3446
ui5-carousel: add "hidePageIndicator" property (#3268) (e13a4c9), closes #3158
ui5-checkbox: add "indeterminate" state (#3309) (42a1326), closes #3217
ui5-checkbox: add "Success" value state (#3278) (580e289), closes #3198 #3198
ui5-combobox: enable setting value programatically (#3253) (d85561a)
ui5-combobox: add suggestions grouping (#3469) (5e3f391), closes #3371
ui5-dialog: add keyboard support for "draggable" and "resizable" (#3483) (8580fd8)
ui5-dialog: enable labeling of custom header (#3155) (9943ee7), closes #2838
ui5-icon: support ARIA "role" attribute (#3407) (4bb84e1)
ui5-input: introduce new "SuggestionGroupItem" (#3248) (39ccf7b)
ui5-li: support HTML "title" attribute (#3385) (2f67084)
ui5-li-custom, ui5-li, ui5-li-groupheader: add "accessibleName" property (#3269) (2f88da0)
ui5-list: support pressing DELETE key (#3226) (db04d08), closes #3089
ui5-list: add "accessibleRole"" property (99a25be)
ui5-page: implement responsive paddings (#3412) (b720393)
ui5-panel: expose "content" CSS shadow part (#3211) (267fc02)
ui5-product-switch: implement accessibility specification (#2865) (8c0225c), closes #2707
ui5-segmented-button-item: introduce new component (#3258) (9bd9ce4), closes #3191 #3191
ui5-select: support angular reactive forms (#3323) (e369aef)
ui5-select: move focus to option upon typing (#3538) (4657395)
ui5-switch: add "design" property (#3257) (998be76), closes #3107
ui5-table: add "Single" and "Multi" selection (#2848) (cc31280)
ui5-table-group-row: introduce new component (#3470) (d5ab16a), closes #3319
ui5-timeline: introduce "layout" property (#3520) (b28e104)
ui5-wizard: support auto focus when step is changed (#3310) (70f5563)
framework: introduce InvisibleMessage util (#3192) (0a33c40)
framework: expose dist paths as root paths via package.json export field (#3274) (bd34a5e)
framework: support sap-* config URL params (#3138) (5d9cdb9), closes #3114

Bug Fixes

a11y: keep invisible texts out of the view port (#3085) (de47520), closes #2723 #2723
inputs: use base CSS param for border-radius (#3430) (4a4c5bc)
ui5-avatar-group: fire "click" event only once (#3196) (95986e2)
ui5-avatar-group: deprecate "avatarSize" property (#3229) (fd60e90)
ui5-avatar-group: fix visual design deviations (#3252) (49639e5), closes #3197
ui5-bar: add "aria-label" based on the used "design" (#3161) (7ffb575), closes #3020
ui5-busyindicator: fix aria-labelledby value (#3266) (ef2d332), closes #3256
ui5-busyindicator: fix typo in styles (#3178) (023945a)
ui5-busyindicator: improve focus handling (#3189) (1ab4e77), closes #3171
ui5-button: add "Belize" theme parameters to bundle (#3485) (97a8713), closes #3482
ui5-button: improve use of Theme Designer CSS Variables (#3445) (baec4d4)
ui5-button: fix line-height (#3416) (e679b51), closes #3401 #3401
ui5-calendar: correct enable/disable of prev and next buttons (#3249) (8c66d5a), closes #3201
ui5-calendar:: fix opening pf month/year pickers with SPACE (#3561) (6d99461), closes #3555
ui5-card: fix internal content's HTML tag (#3464) (9832843), closes #3439 #3439
ui5-card: fix styles for slotted images (#3301) (1683134)
ui5-card: update "border-width" and "box-shadow" styles (#3509) (76dcdbf)
ui5-carousel: hide navigation arrows on mouse out (#3174) (655ec49)
ui5-checkbox: add "aria-hidden" attribute to icon (#3511) (18de8a1), closes #3433
ui5-checkbox: prevent jumping of elements aligned with baseline when checking/unchecking (#3408) (b458b80)
ui5-combobox: announce selected item (#3358) (941a414)
ui5-combobox: fix focusing the inner input (#3243) (790c02e)
ui5-date-*: fix components accessibility (#3163) (fe06f84), closes #3002
ui5-date-picker: prevent value verification upon typing(#2922) (f5e92e0), closes #2827
ui5-date-picker: fix alignment of day names (#3095) (b6c1a0a)
ui5-daterange-picker: stop returning back to the start of the range when user closes the range in another month (#3255) (290b60b), closes #3129
ui5-datetime-picker: fix selection of date value (without time) only (#3294) (0a112ea)
ui5-dialog: fix text selection on Chrome (#3532) (1abd40d)
ui5-file-uploader: fix button's hover styles (#3148) (a0ce732)
ui5-flexible-column-layout: fix column borders in high contrast themes (#3328) (bd18bb9), closes #3320
ui5-flexible-column-layout: fix columns display (#3444) (62977d0), closes #3425
ui5-input: announce suggestions count when expected (#3127) (76ec379), closes #3051
ui5-label: fix required label appearance in Safari (#3182) (921ac5a)
ui5-li: fix "info" text width (#3184) (3b930af)
ui5-li: remove “delete” button from tab chain(#3290) (5176954), closes #2964
ui5-li-tree: fix arrow flickering (#3293) (eca59f5), closes #3238
ui5-li-tree: fix selection background (#3072) (bb5d65f), closes #2978
ui5-li-tree: fix incorrect display of the text (#3086) (684ccbf)
ui5-li-tree: hfix hover and active visual state (#3298) (4ac6d23)
ui5-li-tree: fix "info" text visual appearance (#3280) (1523e25), closes #3130
ui5-link: fire "click" event on SAPCE and ENTER (#3374) (ffa2c4c), closes #3007 #3007
ui5-list: fixed keyboard navigation when List is used inside another List (#3314) (15e235e)
ui5-list: fix focus handling on TAB key pressed (#3220) (32a4148)
ui5-list: prevent "load-more" on initial rendering (#3105) (ef52f2b)
ui5-list: prevent scrolling with SPACE (#3272) (0c7e58b), closes #3089
ui5-popover: fix content's max-height (#3386) (8cba688)
ui5-popup: fix default header height (#3506) (ab11001)
ui5-popup: fix scroll handle in input components' dropdowns (#3414) (c5e00c4)
ui5-rating-indicator: fix "aria-readonly" attr when not editable (#3219) (b90933c)
ui5-responsive-popover: fix header styles (#3176) (83a88af), closes #3173
ui5-responsive-popover: fix position of downward pointing arrow (#3508) (e0744d6), closes #3500
ui5-select: display the selected option's icon (#3348) (dac8183), closes #3344
ui5-select: support HOME and END keyboard keys (#3372) (b12a30b)
ui5-shellbar: fix search field width (#3296) (51fb1a3)
ui5-shellbar: fix unnecessary cutting space on left side (#3513) (c7e6f07), closes #3501
ui5-shellbar: fix notification bubble visibility (#3123) (33fde82), closes #3121
ui5-shellbar: fix menu button's arrow position (#3285) (18ea76d), closes #3199
ui5-side-navigation: fire "click" on items inside the popup menu (#3468) (658328a)
ui5-slider, ui5-range-slider: fix templates to render one top level element only (#3115) (c03f211)
ui5-step-input: fire "input" once when value is deleted (#3474) (a5f27f2), closes #3457
ui5-step-input: fix "min-width" is now correct (#3398) (a8af480), closes #3377 #3377
ui5-tabcontainer: scroll tabs into view with keyboard navigation (#3354) (d61a9b2) fix(ui5-table-cell):
ui5-table-cell: allow selection of text nodes (#3568) (e4770b3)
ui5-table-row: prevent SPACE only when event target is the TableRow (#3393) (d48b4c6)
ui5-textarea: restore value on ESCAPE key (#3261) (7b60885)
ui5-time-picker: fix accessibility (#3162) (927abf6), closes #3010
ui5-tree: fix alignment of items (#3424) (788d25d)
ui5-upload-collection-item: fix keyboard navigation (#3327) (aad0c32)
ui5-wizard: fix step's alignment of number and title texts (#3370) (2cd97ec), closes #3251 #3251
ui5-wizard: correct step icons vertical alignment (#3566) (2584341)
ui5-wizard: correct "aria-controls" value (#3180) (d449812)
ui5-wizard: implement revised accessibility spec (#2990) (99cb6b1)
playground: fix links (#3295) (62a0cc3)

BREAKING CHANGES

a11y: deprecate "aria-label" support in favour of "accessible-name" (#3449) (f4f5864)
- The support of "aria-label" has been deprecated in favor of new property "accessibleName" for the following components: Button, Wizard, WizardStep, ComboBox, DatePicker, Dialog, Input, List, Panel, Popover, Popup, RatingIndicator, Select, StepInput and TextArea.
- The support of "aria-label" has been removed for the following components: Card, CheckBox and Link.

<ui5-date-picker accessible-name="Hello World"></ui5-date-picker>

a11y: deprecate "aria-labelledby" support in favour of "accessible-name-ref" (#3442) (42d3ed5), closes #3107
- The support for "aria-labelledby" have been deprecated in favour of new property "accessibleNameRef" for the following components: ComboBox, DatePicker, Input, List, Rating Indicator, Select, StepInput, TextArea, WizardStep.
- The support for "aria-labelledby"` has been removed for the following component: Button, Card and CheckBox.

<ui5-label id="infoText">info text</ui5-label>
<ui5-date-picker  accessible-name-ref="infoText"></ui5-date-picker>

all list items: rename "info" and "infoState" properties (#3259) (ca42531), closes #3107 StandardListItem's "info" and "infoState" properties have been renamed to "additionalText" and "additionalTextState". SuggestionItem's "info" and "infoState" properties have been renamed to "additionalText" and "additionalTextState". TreeItem's: "info" and "infoState" properties have been renamed to "additionalText" and "additionalTextState".
ui5-avatar: rename "backgroundColor" property to "colorScheme" (#3237) (a3a3a11) The property "backgroundColor" has been renamed to "colorScheme".
ui5-avatar: implement default slot for image (#3237) (9646c3e) The properties "image" and "imageFitType" have been deprecated in favour of default slot:

<ui5-avatar>
	<img src="./avatar.jpg" style="object-fit: cover;">
</ui5-avatar>

ui5-avatar-group: deprecate "avatarSize" property (#3107) (fd60e90) The property "avatarSize" property has been deprecated. You can set the "size" property to every avatar that you pass in the default slot.
ui5-bar: replace "middleContent" slot with the default slot (#3107) (e235d7d) The middleContent slot is deprecated in favour of default slot.
ui5-busy-indicator: change tag name (#3107) (d43de85) The component tag name is renamed from "ui5-busyindicator" to "ui5-busy-indicator".
ui5-button: remove "iconSize" property (#3107) (ff9d7dd) The "iconSize" property has been removed.
ui5-card: refactor API (#3107) (86f0333) The Card's "header", "subheading", "status", "headerInteractive" properties, "action" and "avatar" slots, and "header-click" events are not available anymore. Instead, use the newly created "CardHeader" component, which provides the same API with a bit of change in the names as follows: the "headerInteractive", "heading" and "subheading" properties have been renamed to "interactive, "titleText" and "subtitleText", the "header-click" event has been renamed to "click". In addition, the Card now has a "header" slot, for which you can use the CardHeader:

<ui5-card>
	<ui5-card-header
		slot="header"
		status="4 of 10"
		title-text="Quick Links"
		subtitle-text="quick links">
	</ui5-card-header>
</ui5-card>

ui5-carousel: refactor API (#3107) (351d289) The "selectedIndex" property is deprecated. The "infiniteScrollOffset" property and "load-more" event are deprecated, use the "navigate" event to load more items.
ui5-carousel: change "hideNavigation" to "hideNavigationArrows" (#3107) (2adee01) The property "hideNavigation" has been replaced by "hideNavigationArrows". The new property shows/hides the arrows only (previously - both the arrows and the dots in the bottom).
ui5-checkbox: replace "wrap" with "wrappingType" (#3107) (85143e9) The boolean property "wrap" has been removed in favour of string prop "wrappingType". If you previously used "wrap", now set wrappingType="Normal" instead.
ui5-color-palette: rename "change" event (#3107) (b1e2eaf) The "change" event has been renamed to "item-click".
ui5-color-palette: change API (#3107) (12ce9fd) The "showMoreColors" and "showRecentColors" property have been removed - ColorPalettePopover component will be introduced in future to provide this functionality. In addition, the "value" property has been also removed.
ui5-color-palette-item: remove "stableDomRef" as not needed (#3107) (862a452) The "stableDomRef" property has been removed. If previously used, just call "getDomRef" on the ColorPaletteItem to get its DOM reference.
ui5-combobox: enable setting value programatically (#3107) ([d85561a]d85561a(https://github.com/SAP/ui5-webcomponents/commit/d85561a)) The "filterValue" property has been removed. The "value" property should be used as now it represents the "live" value of the component.
ui5-dialog: rename the "open" method to "show" (#3107) (0ecc508) The public method "open" has been renamed to "show".
ui5-daterange-picker: rename first/lastDateValue (#3107) (ad365f4) The readonly attributes "firstDateValue" and "lastDateValue" have been renamed to "startDateValue" and "endDateValue".
ui5-duration-picker: remove component (#3107) (8801e55) The DurationPicker is now private component and no longer supported. It may continue working, but it's not guaranteed.
ui5-flexible-column-layout: rename "noArrows" property to "hideArrows" (#3107) (8660d11) The "noArrows" property has been renamed to "hideArrows".
ui5-input: (#3237) (6630c2a) The "highlight" property has been removed and the feature is enabled by default.
ui5-input: remove public method (#3224) (1166fb4), closes #3107 The "isOpen method" (that used to return if the value state popover is open or closed) has been removed.
ui5-input: introduce new "SuggestionGroupItem" (#3248) (39ccf7b) The "group" property of the SuggestionItem is removed, use the SuggestionGroupItem component to create grouping as follows:

<ui5-input show-suggestions>
  <ui5-suggestion-group-item text="Group #1"></ui5-suggestion-group-item>
  <ui5-suggestion-item text="Item #1"></ui5-suggestion-item>
  <ui5-suggestion-item text="Item #2"></ui5-suggestion-item>
</ui5-input>

ui5-label: replace "wrap" with "wrappingType" (#3107) (e591e04) The boolean property "wrap" has been removed in favour of string prop "wrappingType". If you previously used "wrap", now set wrappingType="Normal" instead.
ui5-link: replace "wrap" with "wrappingType" (#3107) (cff8fd4) The boolean property "wrap" has been removed in favour of string prop "wrappingType". If you previously used "wrap", now set wrappingType="Normal" instead.
ui5-li-notification: replace "wrap" with "wrappingType" (#3565) (6701ab5) The boolean property "wrap" has been removed in favour of string prop "wrappingType". If you previously used "wrap", now set wrappingType="Normal" instead.
ui5-list: rename "inset" property to "indent" (#3107) (eba1e64) The property "inset" has been renamed to "indent".
ui5-li-notification: rename "heading" property to "titleText" (#3586) (4f17a31) The property "heading" property has been renamed to "titleText".
ui5-li-notification-group: rename "heading" property to "titleText" (#3586) (4f17a31) The property "heading" property has been renamed to "titleText".
ui5-messagestrip: refactor API (#3237) (1cb43f2) The properties "noIcon" and "noCloseButton" have been renamed to "hideIcon" and "hideCloseButton".
ui5-messagestrip: rename property "type" to "design" (#3237) (4208d19) The property "type" has been renamed to "design".
ui5-popover: rename "noArrow" property to "hideArrow" (#3107) (39cc473) The property "noArrow" has been renamed to "hideArrow".
ui5-popover: rename "openBy" method to "showAt" (#3107) (59f5354) The public method "openBy" has been renamed to "showAt".
ui5-product-switch-item: rename "heading" and "subtitle" properties (#3107) (2461b73) The properties "heading" and "subtitle" have been renamed to "titleText" and "subtitleText".
ui5-radio-button: change tag name bca726e), closes #3107 The component's tag name has been renamed from "ui5-radiobutton" to "ui5-radio-button".
ui5-radio-button: replace "wrap" with "wrappingType" (#3107) (724025b) The boolean property "wrap" has been removed in favour of string prop "wrappingType". If you previously used "wrap", now set wrappingType="Normal" instead.
ui5-radio-button: change "selected" proerty to "checked" (#3107) (677d5be) The "selected" property has been renamed to "checked" and the "select" event to "change".
ui5-rating-indicator: rename "maxValue" property to "max" (#3107) (8aaf99b) The "maxValue" property has been deprecated in favour of "max" property.
ui5-responsive-popover: rename "openBy" method to "showAt" (#3107) (59f5354) The public method "open" has been renamed to "showAt".
ui5-segmented-button: change tag name (b3b42f6), closes #3107 The component's tag name has been renamed from "ui5-segmentedbutton" to "ui5-segmented-button".
ui5-segmented-button-item: introduce new component (#3258) (9bd9ce4), closes #3191 #3191 SegmentedButton no longer accepts ToggleButton, you have to use the newly created component, called SegmentedButtonItem as follows:

<ui5-segmentedbutton>
   <ui5-segmentedbutton-item pressed>One</ui5-segmentedbutton-item>
   <ui5-segmentedbutton-item>Two</ui5-segmentedbutton-item>
   <ui5-segmentedbutton-item>Three</ui5-segmentedbutton-item>
</ui5-segmentedbutton>

ui5-shellbar: rename "notificationCount" property to "notificationsCount" (6495028), closes #3107 The property "notificationCount" has been renamed to "notificationsCount".
ui5-switch: implement "design" property (998be76), closes #3107 The booloean "graphical" property has been deprecated in favour of enum "design" property.
ui5-tab: rename "semanticColor" property to "design" (#3107) (a7a0da1) The property :semanticColor" has been renamed to "design".
ui5-tabcontainer: deprecate "tabsPlacement" (#3107) (4343100) The property "tabsPlacement" has been removed as it is not specified in SAP Fiori 3 design system.
ui5-table: introduce "hideNoData" property (#3107) (d2d4397) The property "showNoData" has been renamed to "hideNoData".
ui5-table: rename "more(sub)Text" to "growingButton(sub)Text" (#3107) (a3dd305) The properties "moreText" and "moreSubtext" have been removed, use "growingButtonText" and "growingButtonSubtext" instead.
ui5-timeline-item: change API (#3107) (3b1c0b5) The properties "itemName" and "itemNameClickable" are renamed to renamed to "name" and "nameClickable" and the event "item-name-click" is renamed to "name-click".
ui5-title: replace "wrap" with "wrappingType" (#3107) (448c726) The boolean property "wrap" has been removed in favour of string prop "wrappingType". If you previously used "wrap", now set wrappingType="Normal" instead.
ui5-toggle-button: change tag name (4347195), closes #3107
ui5-toggle-button: remove "iconSize" property (#3107) (ff9d7dd) The "iconSize" property has been removed.
ui5-upload-collection: change "file-deleted" event name (#3107) (5898eb8) The "file-deleted" event has been renamed to "item-delete".
ui5-upload-collection: rename "noDnd" property to "hideDragOverlay" (#3107) (c360443) The property "noDnd" has been renamed to "hideDragOverlay".
ui5-upload-collection-item: change API (#3107) (09e9d2a) The properties "noDelete", "noRetry" and "noTerminate" have been renamed to "disableDeleteButton", "hideRetryButton" and "hideTerminateButton".
ui5-wizard: rename "selection-change" event to "step-change" (#3107) (eec4ba3) The “selection-change” event has been renamed to "step-change". In addition, the event param "selectedStep" has been renamed to "step" and the event param "previouslySelectedStep" has been renamed to "previousStep".
ui5-wizard-step: rename "heading" and "subheading" properties (#3107) (b0e73ad) The properties "heading" and "subheading" have been renamed to "titleText" and "subtitleText".

Code Refactoring

all list items: rename "info" and "infoState" properties (#3259) (ca42531), closes #3107
ui5-avatar: rename "backgroundColor" property to "colorScheme" (#3237) (a3a3a11)
ui5-avatar-group: deprecate "avatarSize" property (#3107) (fd60e90)
ui5-bar: remove "middleContent" slot (#3107) (e235d7d)
ui5-busy-indicator: change tag name (#3107) (d43de85)
ui5-button: remove "iconSize" property (#3107) (ff9d7dd)
ui5-card: refactor API (#3107) (86f0333)
ui5-carousel: refactor API (#3107) (351d289)
ui5-carousel: change "hideNavigation" to "hideNavigationArrows" (#3107) (2adee01)
ui5-checkbox: replace "wrap" with "wrappingType" (#3107) (85143e9)
ui5-color-palette: rename "change" event (#3107) (b1e2eaf)
ui5-color-palette: change API (#3107) (12ce9fd)
ui5-color-palette-item: remove "stableDomRef" as not needed (#3107) (862a452)
ui5-dialog: rename the "open" method to "show" (#3107) (0ecc508)
ui5-daterange-picker: rename first/lastDateValue (#3107) (ad365f4)
ui5-duration-picker: remove component (#3107) (8801e55)
ui5-flexible-column-layout: rename "noArrows" property to "hideArrows" (#3107) (8660d11)
ui5-input: remove "highlight" property (#3350) (6630c2a)
ui5-input: change public method to private (#3224) (1166fb4), closes #3107
ui5-label: replace "wrap" with "wrappingType" (#3107) (e591e04)
ui5-link: replace "wrap" with "wrappingType" (#3107) (cff8fd4)
ui5-list: rename "inset" property to "indent" (#3107) (eba1e64)
ui5-li-notification: replace "wrap" with "wrappingType" (#3565) (6701ab5)
ui5-li-notification: rename "heading" property to "titleText" (#3586) (4f17a31)
ui5-li-notification-group: rename "heading" property to "titleText" (#3586) (4f17a31)
ui5-messagestrip: refactor API (#3237) (1cb43f2)
ui5-messagestrip: rename property "type" to "design" (#3237) (4208d19)
ui5-popover: rename "noArrow" property to "hideArrow" (#3107) (39cc473)
ui5-popover: rename "openBy" method to "showAt" (#3107) (59f5354)
ui5-product-switch-item: rename "heading" and "subtitle" properties (#3107) (2461b73)
ui5-radio-button: change tag name (bca726e), closes #3107
ui5-radio-button: replace "wrap" with "wrappingType" (#3107) (724025b)
ui5-radio-button: change "selected" proerty to "checked" (#3107) (677d5be)
ui5-rating-indicator: rename "maxValue" property to "max" (#3107) (8aaf99b)
ui5-responsive-popover: rename "openBy" method to "showAt" (#3107) (59f5354)
ui5-segmented-button: change tag name (b3b42f6), closes #3107
ui5-shellbar: rename "notificationCount" property to "notificationsCount" (6495028), closes #3107
ui5-switch: implement "design" property (998be76), closes #3107
ui5-tab: rename "semanticColor" property to "design" (#3107) (a7a0da1)
ui5-tabcontainer: deprecate "tabsPlacement" (#3107) (4343100)
ui5-table: rename "showNoDate" to "hideNoData" (#3107) (d2d4397)
ui5-table: rename "more(sub)Text" to "growingButton(sub)Text" (#3107) (a3dd305)
ui5-timeline-item: change API (#3107) (3b1c0b5)
ui5-title: replace "wrap" with "wrappingType" (#3107) (448c726)
ui5-toggle-button: change tag name (4347195), closes #3107
ui5-toggle-button: remove "iconSize" property (#3107) (ff9d7dd)
ui5-upload-collection: rename "noDnd" property to "hideDragOverlay" (#3107) (c360443)
ui5-upload-collection: change "file-deleted" event name (#3107) (5898eb8)
ui5-upload-collection-item: change API (#3107) (09e9d2a)
ui5-wizard: rename "selection-change" event to "step-change" (#3107) (eec4ba3)
ui5-wizard-step: rename "heading" and "subheading" properties (#3107) (b0e73ad)

1.0.0-rc.14 (2021-04-01)

Bug Fixes

ui5-busyindicator: add a11y support (#2938) (cfa50d8), closes #2381
ui5-button: disable hover on mobile devices (#2968) (c870eb4)
ui5-dialog: Fix aria-labelledby attribute value (#3044) (e0ab900), closes #2946
ui5-dialog: fix content stretching on Safari (#3068) (573a6c6), closes #3064
ui5-dialog: Fixed RTL mode (#3070) (0aac048), closes #3013
ui5-dialog: Fixed scrollbars styling (#3067) (f4301b8), closes #2887
ui5-file-uploader: open browse dialog with Space and Enter keys (#3026) (0097f21), closes #3001
ui5-input: inner input padding is correctly updated (#3015) (b00b02b), closes #2940
ui5-input: Prevent dialog closing on Escape (#3043) (c073ad4)
ui5-li-notification-group, ui5-li-notification: fix i18n bundles usage (#3063) (d6b6fa4)
ui5-li-tree: fixed incorrect tree items alignment (#3075) (4b83c7b), closes #3069
ui5-select: keyboard/selection handling improvement (#2907) (f18fd45)

Features

ui5-avatar-group: new slot overflowButton (#3037) (6d47d68), closes #2912
ui5-static-area-item: StaticAreaItem can now be scoped (#3076) (9a7ffe4)
ui5-wizard: add parameter to selectionChange event (#3034) (7ad94d2)

1.0.0-rc.13 (2021-03-26)

New Components

ui5-step-input: introduce new component (#2804) (d80420e), closes #2640

Features

framework: add new icons (#3024) (8da6502)
framework: maintain common popups z-index for all UI5 Web Components instances and OpenUI5 (#2980) (13bdc02)
framework: add new supported languages (#2869) (17cb758)
ui5-color-palette: implement more-colors property (#2853) (121bb2c)
ui5-list: introduce "growing" property (#2950) (6fbbb21), closes #2882 #2882
ui5-tabcontainer: support responsive paddings (#2775) (19392ff), closes #2539
ui5-table: add growing on scroll (#2593) (87520c2), closes #2589 #2570

BREAKING CHANGES

ui5-input: The 'submit' event is now removed. The 'submit' functionality must be added with a custom code - listen for the standard "keydown" event and check if ENTER is pressed to submit a form, containing the input component.
ui5-list: The "infiniteScroll" property has been removed, use growing="Scroll" instead

Bug Fixes

ui5-avatar: fix click event fired twice (#2967) (377c9bc), closes #2943
ui5-button: disable hover on mobile devices (#2968) (c870eb4)
ui5-button: set icon-only attribute properly (#2567) (#2824) (d834ec6)
ui5-button: use standard CSS param for border-radius (#2840) (a5aafde), closes #2830
ui5-calendar: re-render header on lang change (#2939) (ad7adc5)
ui5-color-palette: remove additional dots in more-colors (#2958) (8ef07fe)
ui5-daterange-picker: working with format pattern containing the delimiter (#2873) (b397862)
ui5-icon: fix click event fired twice (#2858) (6fd6a5e), closes #2857
ui5-input: remove the 'submit' event (#2855) (9e409e6)
ui5-label: text-align works with wrap property (#2889) (c9f86a7)
ui5-li-custom: keyboard handling improvement (#2870) (583f5f0), closes #2849
ui5-multi-combobox: correct focus handling when picker is opened via icon (#2868) (76ef62c)
ui5-page: correct background-design styles (#2862) (b10ee4c)
ui5-popover: calculate offset for all sides of the page (#2916) (e35cc1a)
ui5-popup: position arrows correctly (#2917) (5ffbbd9), closes #2758 #2401
ui5-rangeslider: fix handles opacity for IE11 (#2983) (f0346c0)
ui5-select: incorrect value color is now fixed (#2914) (0a074c9)
ui5-select: set aria-expanded initially (#2991) (8353ac2), closes #2987
ui5-slider: focus outline fully visible (#2971) (cb849ba)
ui5-table: bottom borded added (#2994) (802b6ca), closes #2981
ui5-table-column: align content right in RTL (#2955) (c117fe3), closes #2945
ui5-table-row: fire row-click on SPACE/ENTER (#2954) (1e328dc), closes #2944
ui5-togglebutton: fix hover background on desktop (#2984) (4f2a2cb)
ui5-upload-collection: add region and roledescription to root element (#2915) (6db9f09)
ui5-upload-collection: add tooltip to edit button (#2886) (35de38c)
ui5-upload-collection-item: show disabled delete button (#2893) (b609b47)
ui5-wizard: use CSS vars for navigation bg-color (#2892) (c967c6c)
framework: adapt ie11 package for usage in modern browsers (#2878) (70bbfbb)
framework: add fallback for CLDR dev use case (#2844) (deb173a)
framework: ensure locales don't use reserved JS names (#2885) (05fc06e)

1.0.0-rc.12 (2021-02-18)

New package

framework: * introduce @ui5/webcomponents-ie11 package (#2686) (1d3b37e)

New Components

ui5-color-palette: introduce new component (#2731) (772424e)
ui5-color-picker: introduce new component (#2769) (6a70e5a)
ui5-page: introduce new component (#2685) (bd09e17), closes #2433

Bug Fixes

ui5-avatar: correct icon color (#2658) (5a85687), closes #2555
ui5-calendar: Today date is propertly calculated no matter what timezone (#2660) (32dd0ef)
ui5-checkbox: set "aria-hidden" to inner input (#2828) (d237401), closes #2786
ui5-checkbox: fix vertical aignment when "wrap" is true (#2747) (9f027f1)
ui5-combobox: fix behaviour when "Enter: is clicked (a10acc8)
ui5-combobox: cancel user action when pressing "X" on mobile (#2742) (691c2e4), closes #2449
ui5-combobox, ui5-multicombobox: center value state text (#2733) (b2c770a), closes #2274
ui5-date-picker: input type is now conveyed (#2628) (70e3269), closes #2604
ui5-icon: alignment issue in Safari (#2746) (daa51e7)
ui5-icon: remove vertical icon flip in RTL (#2645) (0120960), closes #2644
ui5-icon: ui5-icon i18n works for all packages (#2816) (91e16a1)
ui5-input: enable centering of text (#2788) (bd1bd6e)
ui5-input: focus is handled properly (#2670) (2c033aa)
ui5-input: Obsolete accessibility API removed (#2721) (014c985), closes #2605
ui5-input: prevent selection of suggestion group item (#2777) (6cc458b), closes #2255
ui5-input: fix value state message width (#2736) (1e8082d)
ui5-li-notification: now possible to not have a description (#2744) (ef35f84)
ui5-li-notification-group: align priority icon (#2584) (ff247f0)
ui5-list: fix JS error on focusin (#2720) (b36e54e)
ui5-list: remove busy indicator DOM (#2712) (fe76278)
ui5-list: show busy indicator over the list (#2684) (ad56eaa)
ui5-multi-combobox: fix livechange behaviour (#2656) (57820dd)
ui5-multi-combobox: The initial focus is set on the ui5-dialog (#2702) (aeed733)
ui5-multi-input: fix appearance in RTL (#2782) (e842f23), closes #2749
ui5-multicombobox: hide placeholder when tokens are present (#2785) (d769a0d), closes #2261
ui5-multiinput: hide placeholder when tokens are present (#2789) (679dae3), closes #2261
ui5-popover: correctly position a popover if dynamically created (#2679) (5a872b0)
ui5-popover, ui5-dialog: do not render empty headers (#2770) (7f0bd6a), closes #2694
ui5-popup: correct focus when there is no focusable content (#2583) (bf8caaf)
ui5-popup: prevent focus on elements below block layer (#2800) (f2f3889), closes #2626
ui5-popup): fix(ui5-popup: hide block layer if popup is closed (#2799) (6f82e42), closes #2696
ui5-radiobutton: fix tab order within group (#2783) (d6a7b81), closes #2774
ui5-select: correct role and screen reader speech out (#2587) (59497ee), closes #2485 #2339 #2142
ui5-select: fix popover opening (#2687) (53418fb), closes #2682
ui5-tabcontainer: overflow menu button is added a title (#2639) (943e4ce), closes #2607
ui5-tree: accessibility improvements (#2671) (849d052), closes #2553
ui5-upload-collection: wrap noDataText/Desc text (#2674) (c48bfe7), closes #2672
ui5-upload-collection-item: fix title behaviour on small screens (#2699) (bb7c952)
ui5-wizard: observe content height changes (#2801) (b4cbc43)
theming: fix error message log (#2818) (7a0732a)

Features

ui5-calendar: Add declarative dates support added (#2648) (6602fba)
ui5-li-notification:* full-fill accessibility spec (#2578) (20de5ae)
ui5-multi-combobox: support two column layout for items (#2642) (7742590), closes #2637
ui5-multi-input: Implement accessibility specifications (#2761) (2e7b968)
ui5-range-slider: focus and keyboard handling implementation (#2620) (8c71ca4)
ui5-select: add support for disabled select options (#2730) (e903164), closes #2559
ui5-slider: focus and keyboard handling implementation (#2614) (7b78c16)
ui5-slider, ui5-range-slider: implement a11y spec (#2714) (cb76cf4), closes #2513
ui5-table: add growing on scroll (#2593) (87520c2), closes #2589 #2570
ui5-tree-item: implement info/infoState attributes (#2711) (1f07d50), closes #2633
ui5-wizard: improve progress navigator responsiveness (#2590) (01cd6f9)
ui5-calendar: new features for pickers (#2598) (3e684b4)
framework: introduce dynamic imports for .json assets (#2740) (46e38fb)
framework: introduce attachDirectionChange function (#2646) (b4f836a)
framework: implement ItemNavigation cyclic behavior for multiple rows (#2780) (b7ad1ea)
framework: distrobure icon assets as .svg files (#2657) (5b79982)

BREAKING CHANGES

framework: introduce dynamic imports for .json assets (#2740) (46e38fb)

The method registerI18nBundle of the @ui5/webcomponents-base/asset-registries/i18n.js module is deprecated in favour of registerI18nLoader.

The framework no longer tries to convert .properties files internally and the PropertiesFormatSupport feature is removed. This has to be done by a custom loader using the @ui5/webcomponents-base/dist/PropertiesFileFormat.js module.

framework: deprecate RenderScheduler in favor of Render.js (#2728) (bc78857)

RenderScheduler.js deprecated. The file will be deleted in a future release. If you were using some of its methods, import these methods from the new Render.js module. For example, if you were using:

import RenderScheduler from "@ui5/webcomponents-base/dist/RenderScheduler.js";
RenderScheduler.renderImmediately(myComponent);
RenderScheduler.renderDeferred(myComponent);
await RenderScheduler.whenFinished();

change to:

import { renderFinished, renderImmediately, renderDeferred } from "@ui5/webcomponents-base/dist/Render.js";
renderImmediately(myComponent);
renderDeferred(myComponent);
await renderFinished();

whenFinished from RenderScheduler.js renamed to renderFinished and now exported by Render.js. For usage, see the previous example

framework: create @ui5/webcomponents-ie11 package (#2686) (1d3b37e)

The legacy browser support is now moved to new ie11 package. If you used them before add @ui5/webcomponents-ie11 as a dependency to your project:

npm i @ui5/webcomponents-ie11 --save

or

yarn add @ui5/webcomponents-ie11

Change the following public imports:

import "@ui5/webcomponents-base/dist/features/browsersupport/IE11.js";

to

import "@ui5/webcomponents-ie11/dist/features/IE11.js";

and

import "@ui5/webcomponents-base/dist/features/browsersupport/IE11WithWebComponentsPolyfill.js";

to

import "@ui5/webcomponents-ie11/dist/features/IE11WithWebComponentsPolyfill.js";

The Legacy Edge browser is no longer supported with the ES6 bundle, therefore the following import has been removed:

import "@ui5/webcomponents-base/dist/features/browsersupport/Edge.js";

Legacy Edge is still supported with the ES5 bundle. If your app needs to support Legacy Edge, treat it as IE11 and transpile the code to ES5 as you would for IE11.

ui5-calendar: Add declarative dates support added (#2648) (6602fba)

The property selectedDates is deprecated for ui5-calendar. Instead of setting selectedDates as an array of UTC timestamps, please provide instances of ui5-date as children of the ui5-calendar. Instead of reading the selectedDates property to find out which dates the user selected, please read the children of the ui5-calendar (instances of ui5-date with value property).

ui5-calendar: new features for pickers (#2598) (3e684b4)

The selection property of ui5-calendar and ui5-daypicker has been renamed to selectionMode.

ui5-table: add growing on scroll (#2593) (87520c2), closes #2589 #2570

The property hasMore removed, use growing instead. The loadMoreText has been renamed to moreText. The loadMoreSubtext has been renamed to moreSubtext

1.0.0-rc.11 (2020-12-21)

New components

ui5-avatar-group: introduce new component (#2524) (ae926ee), closes #2409
ui5-bar: introduce new component (#2533) (5c601cd), closes #2434
ui5-calendar: introduce new component. (#2424) (5470e23), closes #1730
ui5-slider: introduce new component (#2349) (2b9008c)
ui5-range-slider: introduce new component (#2310) (9dea3b3)

Bug Fixes

ui5-avatar: fix XS size (#2582) (9661ab8)
ui5-badge: enable letter spacing overwrite (#2493) (cca0d5d), closes #2451
ui5-badge: fix RTL appearance (#2569) (5f6d8fc)
ui5-button: hide icon tooltip (#2566) (1b07955)
ui5-calendar: keyboard navigation in the picker grid now works properly (#2532) (371d12d)
ui5-card: correct aria-labelledBy to card and header (#2577) (2647941), closes #2426
ui5-carousel: add all visible items to tab chain (#2530) (37ee83f), closes #1996
ui5-date-picker: fixing the min and max date in timezones half hour difference (#2544) (766bcc0), closes #2542
ui5-datepicker: keyboard navigation works properly (#2549) (66cd1d7)
ui5-daterange-picker: all tests are now enabled (#2506) (33442e9), closes #2475
ui5-daterange-picker: fix RenderScheduler import (#2476) (13ff13e)
ui5-dialog: apply initial focus after rendering (#2551) (dba0265), closes #2537
ui5-input: aria-required attribute removed (#2552) (7456ab5)
ui5-input: don't render aria-describedby if not neccessary (#2512) (e7dd012)
ui5-li-custom: prevent firing of events (#2462) (3f66c06)
ui5-list: remove focus trap for empty list (#2411) (5f8e0e2)
ui5-popover: correct arrow position on RTL (#2488) (3b81ad8), closes #2387
ui5-select: remove aria-roledescription (#2463) (973a80d), closes #2358
ui5-shellbar: fix overlapping of the search box over icons (#2155) (3597902), closes #2044
ui5-slider: fix input event and tickmarks display (#2508) (0cbc0bd)
ui5-table: improve accessibility (#2534) (e06d6f3)
ui5-textarea: announce required textarea (#2385) (c2baf6b)
ui5-tree: make the height of tree adjustable (#2546) (1fc3180), closes #2545
ui5-upload-collection: fire drop only when files are dropped within dnd overlay (#2527) (455f614)
ui5-wizard: correct phone breakpoint size (#2596) (c98d9ba)
ui5-wizard: fix styling issues (#2547) (65cb42f), closes #2523
build error on MacOS 11 from rollup-plugin-terser (#2515) (0629fac)

Features

framework: Change child-parent invalidation API (#2541) (a1a3f80)
ui5-button: support title attribute (#2492) (7ae9253)
ui5-combobox: аdd two-column layout support (#2503) (679362d), closes #2450
ui5-date-picker: component is now aligned with the specification (#2304) (30d9d2b), closes #2151
ui5-flexible-column-layout: add start/mid/endColumnAccessibleName properties (#2483) (fb0b24c)
ui5-mcb: introduces filter property (#2088) (03cae4b)
ui5-mcb-item: implement stable-dom-ref property (#2418) (6e4a156)
ui5-option: provide stableDomRef (#2366) (50304f5), closes #1718
ui5-popover: implement hide-block-layer property (#2413) (3b2d6de)
ui5-side-navigation: add "header" slot (#2520) (b5c4a92), closes #2518
ui5-side-navigation-item, ui5-side-navigation-sub-item: introduce click event (#2298) (d73ce38)
ui5-table: add "loadMore" capability (#2589) (2e5d5cd)

BREAKING CHANGE

ui5-flexible-column-layout: introduce accessibilityTexts property (#2571) (a634532)

The startColumnAccessibleName, midColumnAccessibleName and endColumnAccessibleName properties have been removed. Use the new accessibilityTexts property to provide these (as keys to the object).

ui5-timeline: move ui5-timeline to fiori package (#2498) (e0a32f4)

Timeline component has been moved to the "fiori" package.

If previously had:

import Timeline from "@ui5/webcomponents/dist/Timeline.js";

you have to change it to:

import Timeline from "@ui5/webcomponents-fiori/dist/Timeline.js";

ui5-notification-action: rename component (#2580) (10a6b92)

If you previously used ui5-notification-overflow-action and had the following import statement:

import "@ui5/webcomponents-fiori/dist/NotificationOverflowAction.js";

now you have to use the ui5-notification-action tag and import the following module:

import "@ui5/webcomponents-fiori/dist/NotificationAction.js";

1.0.0-rc.10 (2020-11-12)

BREAKING CHANGE

icons: refactor(icons): flatten dist directory(#2425) (c84bc8b)

Change the distribution path of all individual icons, which changes all icons' public imports, by bringing the icons' modules one level up.

If you previously had:

import "@ui5/webcomponents-icons/dist/icons/accept.js";

Now you should remove the icons folder:

import "@ui5/webcomponents-icons/dist/accept.js";

New Icons package

icons-tnt: add new TNT icon collection (#2414) (efb0d8e)

New components

ui5-wizard: introduce new component (#2400) (bdec517), closes #2368

Features

framework: add override font-family for glyphs with diacritics (#2402) (5a550b8)
framework: make getStableDomRef search in the static area item (#2363) (a68dfbb)
ui5-checkbox: implement ariaLabelledby property (#2272) (cbf2461)
ui5-daterange-picker: enhance keyboard handling (#2179) (84eb484), closes #1534
ui5-dialog: introduce resizable property (#2301) (8be4048), closes #2082
ui5-link: add aria-label and aria-labelledby support (#2357) (7e65e77), closes #2356

Bug Fixes

framework: fix JS error on setLanguage call (#2328) (f9b9ead)
icons: fix text-formatting icon (#2326) (d69fbcb)
theming: correct inavlid CSS vars (#2427) (3674dbc)
ui5-combobox: allow typing in input on mobile devices (#2412) (7bf44b5), closes #2324
ui5-date-picker: hiding month button when month picker is shown (#2331) (6454e29), closes #2244
ui5-date-picker: update navigation buttons upon typing (#2307) (4f39aa4)
ui5-day-picker: fix color contrast of selected day in HCB (#2378) (ff67141), closes #2372
ui5-dialog: no longer gets clipped in short screen height in IE (#2429) (03c8447), closes #2243
ui5-dialog: texts are no longer blurred in Chromium-based browsers (#2417) (eac514b)
ui5-input: prevent js error when element is removed from DOM (#2405) (0e507eb)
ui5-li: correct truncation behaviour of info text (#2330) (64fef90), closes #2317
ui5-li: fix title update when initially empty (#2362) (682a25c)
ui5-messagestrip: fix close button accessibility (#2352) (2194b16)
ui5-multi-combobox: make focus outline visible (#2431) (cd5fad2), closes #2286
ui5-switch: fix focus border position (#2319) (df6c972)
ui5-tab: expand tab height to tabcontainer height (#2360) (ea47cd3)
ui5-textarea: set italic to placeholder only (#2458) (aeb9316)
components: use locales in date/time components correctly (#2440) (dd87a53)
ui5-multi-combobox: n-more popover in readonly fixed (#2394) (d045ba2), closes #2369
ui5-textarea: fix placeholder font-style (#2340) (1fbb4f5)

1.0.0-rc.9 (2020-10-08)

New components

ui5-multi-input: initial implementation (#1942) (5d7e7df)

Bug Fixes

components: fix setting contentDensity styles (#2094) (9454ab7), closes #2093
components: fix aria-disabled usage (#2056) (bb624ae)
framework: allow "role" as a property name (#2290) (a816cef)
framework: do not create IE styles with disabled (#2284) (5ecc51e)
ui5-badge: update colors to match the spec(#2216) (2ddc4e9), closes #2210
ui5-button: prevent button with icons truncate in ie (#2181) (31ca287)
ui5-calendar: Year text is now right in all timezones (#2209) (3427f35)
ui5-calendar-header: prevent scrolling when month/year picker is selected (#2276) (fac40a8)
ui5-card: apply focus to header properly in IE (#2050) (00760e6), closes #2007
ui5-combobox: allow setting value with javascript (#2253) (0742854)
ui5-date-picker: ensure min and max date are not disabled (#2280) (f0473f0)
ui5-date-picker: select date with SPACE on keyup (#2279) (9d83806), closes #2276 #2268
ui5-daterange-picker: date selection is now correct in all timez… (#2203) (2bca6f1)
ui5-daterange-picker: enable selection of single day (#2157) (66722b2)
ui5-daterange-picker: fix firstDate/lastDate getters values (#2277) (00f5ab5), closes #2221
ui5-daterange-picker: fix icon appearance in IE (#2057) (dba7a2c), closes #2017
ui5-daterange-picker: fix js error when removed from the DOM (#2180) (6cb2a71)
ui5-daterange-picker: show value in input only when first & last… (#2098) (f56cb66)
ui5-datetime-picker: fix scrollbar issue in IE11 (#2154) (306572f)
ui5-duration-picker: fix incorrect data support (#2097) (4bcd797)
ui5-flexible-column-layout: Fix arrow misplacement in IE (#2032) (57be7c2), closes #1998
ui5-input: announce custom valueStateMessage (#2120) (8f8a0d4)
ui5-input: cancel suggestion selection with ESC (#2289) (ef1fb40), closes #2254
ui5-input: deselect suggestion items on input (#2285) (a98c6bd), closes #2256
ui5-input: fix value state msg appearance (#2075) (edfe8ca)
ui5-input: implement aria-required (#2114) (0e0de82)
ui5-input: number input doesn't lose value (#2130) (2c6139d)
ui5-li: correct image size (5c51dc6), closes #2218
ui5-li: correct sizes (2faad25), closes #2218
ui5-li: fix visual deviations from Fiori 3 (#2314) (d430632), closes #2297 #2218
ui5-li: scale image properly (#2059) (3aadc0e)
ui5-li-custom: fix pointer-events inheritance (#2196) (bfb9999)
ui5-messagestrip: close button now has the correct design (#2029) (7f99be5)
ui5-multi-combobox: fix behavior of show all selected button (#2100) (84362e0)
ui5-multi-combobox: fix jumping parent div (#2136) (ad1fbd7)
ui5-multi-combobox: fix width in IE (#2104) (af0785c)
ui5-multiinput: improve valueStateMessage in nMore popover (#2225) (a03f2b3), closes #1086
ui5-popover: fix arrow horizontal position (#2129) (7a1c3eb), closes #2111
ui5-popover: fix js errors if parent is removed from DOM (#2178) (904da0e)
ui5-popup: prevent interaction with the content under the popup (#2119) (d6ffa48)
ui5-popup: restore focus when block layer is clicked (#2123) (c079722)
ui5-popup, ui5-dialog: remove closed instance from openedPopupsRegistry (#2275) (443af29)
ui5-select: fix text color of disabled select in hcb/hcw (#2248) (bc6dfec)
ui5-select: make disabled select not focusable (#2229) (960f927)
ui5-shellbar: remove width limitation of logo (230cd7f), closes #2066
ui5-shellbar-item: update count properly (#2049) (2499c56), closes #2048
ui5-tabcontainer: fix ARIA posinset and setsize values (#2046) (c6fcf69), closes #2035
ui5-tabcontainer: implement ACC for overflowed items (#2047) (efe03bc), closes #2036
ui5-tabcontainer: remove scroll from empty tabs (#2148) (11af57e)
ui5-table-row: announce entire row and columns (#2164) (09863d8), closes #2160
ui5-textarea: add aria-required (#2113) (4f35c92)
ui5-textarea: announce custom valueStateMessage (#2122) (4d27065)

Features

framework: add API to subscribe/unsubscribe for theme loaded (#2303) (c8ffb38)
framework: dynamic custom elements scoping (#2091) (3588542)
framework: Limited support for campact size on IE (#2230) (4128216)
framework: make _property-change publicly available (#2201) (0be4e10)
framework: make addCustomCSS dynamic (#2083) (7b54b9b)
framework: make assets path configurable (#2214) (16c46da)
framework: styles and staticAreaStyles may now be nested arrays (#2058) (bb87e65)
framework: Support custom dynamic asset paths (#2305) (ff245fa)
tools: ES5 build supports dynamic imports (inlined) (#2063) (3fe5cac)
tools: process HBS files in nested directories (#2067) (13f1d2a), closes #2065
ui5-card: add ariaLabel and ariaLabelledby properties (#2127) (7007f8e)
ui5-carousel: implement rtl support (#2086) (f69ffa5)
ui5-combobox: enable handling of arrow down/up keys (974401b), closes #1939
ui5-combobox: implement icon slot (#2139) (8c98e80)
ui5-combobox: implement valueStateMessage slot (#2099) (385bb0b), closes #1086
ui5-combobox: introduces selection-change event (#2090) (43be0f6)
ui5-date-picker: add ariaLabel and ariaLabelledby properties (#2126) (e0f93fa)
ui5-date-picker: add screen reader support (#2224) (e6a0cd8), closes #1279
ui5-date-picker: keyboard handling improvement (#2146) (19afe90), closes #1534
ui5-datepicker: introduce required property (#2117) (e282fc8)
ui5-datetime-picker: improve keyboard handling support (#2137) (0ada41a), closes #1534
ui5-dialog: introduce draggable property (#2269) (93772fb), closes #2082
ui5-duration-picker: implement keyboard handling support (#2095) (7ec3c43), closes #1534
ui5-duration-picker: implement valueStateMessage (#2102) (ed3c393), closes #1086
ui5-file-uploader: implement custom valueStateMessage (#2131) (023e236), closes #1086
ui5-li, ui5-li-tree, ui5-li-custom, ui5-upload-collection-item: implement role property (#2236) (01a1fb0)
ui5-multi-combobox: implement icon slot (#2140) (0fde573)
ui5-multi-combobox: Implement valueStateMessage (#2258) (793a29e), closes #1086
ui5-multi-input: fire value-help-trigger with F4, ALT/OPTION + ARROW_UP/DOWN (#2145) (8c473c3), closes #2143
ui5-multi-input: initial implementation (#1942) (5d7e7df)
ui5-multiinput, ui5-multi-combobox: implement keyboard handling (#2166) (dc2ae6d)
ui5-panel: implement headerAriaLabelledBy property (#2200) (67c4d69)
ui5-select: add ariaLabel and ariaLabelledby properties (#2125) (a58bf49), closes #2107
ui5-select: implеment value state message (4133a42), closes #1086
ui5-select: introduce required property (#2116) (f66875a)
ui5-shellbar: implement root part (#2299) (de2d07f)
ui5-tab-container: implement overflow-button slot (#2192) (e91c200)
ui5-textarea: add ariaLabel and ariaLabelledby properties (#2124) (c005478), closes #2107
ui5-time-picker: improve keyboard handling support (#2092) (20c55ed), closes #1534
ui5-token: provide closeIcon slot (#2193) (d19fa5f)

1.0.0-rc.8 (2020-07-30)

New Components

ui5-daterange-picker: Introduce new component (#1785) (4c11286)
ui5-flexible-column-layout: Introduce new component (#1867) (7a68dd2)
ui5-li-notification, ui5-li-notification-group: introduce new components (#1576) (ef62f81), closes #1478
ui5-progress-indicator: Introduce new component (#1887) (e8009c9), closes #1392
ui5-rating-indicator: Introduce new component (#1729) (a28f201)
ui5-side-navigation: Introduce new component (#1889) (47b38cc)
ui5-tree: Introduce new component (#1580) (2dd97cf)

New Themes

theming: Introduce sap_fiori_3_hcb and sap_fiori_3_hcw themes (#1947) (81afb57)

Bug Fixes

ui5-avatar: Image URL may now contain special characters (#1828) (3acab5a)
ui5-avatar: Correct colors are applied for acc themes (#1786) (42f1766)
ui5-busyindicator: Set bigger opacity for IE (#2010) (ab3f92f), closes #2005
ui5-button: Align verticaly icon in IE (#1823) (b003f05)
ui5-busy-indicator: fix double focus issue (#1779) (f7bc0aa)
ui5-button: Apply aria-expanded to inner button tag (#1781) (df9e4e9)
ui5-busyindicator: Prevent keyboard events propagation to controls (#1607) (031b6ca)
ui5-button: Fetermine icon-only ignoring comment nodes (#1679) (ba1ee78)
ui5-button: Make buttons truncate (#1586) (1044daa)
ui5-card: Remove header outline (#1891) (8f260f8)
ui5-carousel: Make content under the navigation arrows accessible (#2014) (8123288)
ui5-combo-box: Close picker when no match (#1926) (dcac133), closes #1920
ui5-combobox: Close popover on "Enter" key press (f0e2bac), closes #1940
ui5-combobox: Close popup on focusout (#2013) (2c95be4), closes #2009
ui5-combobox: Corrected display of items in popover (23fb8b7), closes #1925
ui5-combobox: Support aria-label/arial-labelledby and fix aria-expanded (#1916) (99a0e81)
ui5-datepicker: Fix value state when min/max set (#1742) (681de1f), closes #1740
ui5-datetime-picker: Set min-width (#1698) (7313838)
ui5-dialog: Position block layer fixed (#1757) (377075a)
ui5-dialog: Restrict max height and width based on spec (#1665) (a00225c)
ui5-dialog: Unblock body scrolling when dialog is removed from DOM (#1756) (6742295)
ui5-dialog: Fix behaviour on mobile when added to DOM on interaction (#1830) (f95807d)
ui5-duration-picker: Make maxValue work with values greater than 23:59:59 (#1666) (da30bc1)
ui5-file-uploader: Setting the value to an empty string also resets the file input (#1715) (f8b1b39)
ui5-file-uploader: Fix JS error thrown in IE (#2023) (61b0205)
ui5-flexible-column-layout: Fix media breakpoints (#1984) (f17cba3), closes #1972
ui5-icon: Icon now has a correct role (#1652) (d9933bd)
ui5-input: Fix input cursor movement in Safari (#1983) (7a9e9a3)
ui5-input: Fix JS error on mouseover/out (#1931) (7da7a54), closes #1930
ui5-input: Fix JS errors when open/close popups (#1811) (cbe8bb8)
ui5-input: Fix scrolling item into view (#1848) (5438c66), closes #1847
ui5-input: Fix selection color and background (#1954) (30c357a)
ui5-input: Stop firing focusout on suggestion click (#1857) (a33dd95), closes #1846
ui5-input: Suggestions can now be arbitrary list items (#1969) (aa6fde4)
ui5-input: Sync width of suggestions popover and input (#1979) (dd4633e)
ui5-input: Announce selected item (#1578) (b28f7c4)
ui5-label: Fix width for italic labels (#1625) (14a48d1)
ui5-link: Fix "click twice" issue in Safari (#1799) (#1800) (0f69b84), closes #1796
ui5-li: Do not announce active list item type (#1575) (ec14719)
ui5-list: No longer show a dot on IE (#2011) (77cabba)
ui5-list: Fire itemClick after the selection (#1618) (28326c5)
ui5-messagestrip: Add RTL support (#1741) (6172005), closes #1739
ui5-panel: The expand/collapse button is not in the DOM when fixed (#1793) (0b1dc52)
ui5-popover: Close popup when no opener (#1630) (bd46d7b)
ui5-popover: Ensure offset from window borders (#1690) (b673a0c)
ui5-popover: Fix closing order of popovers (#1676) (14add07)
ui5-segmentedbutton: Add RTL support (#1734) (1c6a9bb)
ui5-segmentedbutton: Fix measuring when parent is not displayed (#1657) (d00b0be)
ui5-segmentedbutton: Fix rendering in ie (#1622) (396993e)
ui5-sebmentedbutton: Fix intermittent JS error (#1874) (c44d9aa)
ui5-segmentedbutton: Buttons no longer shrink on click (#2028) (7951adc)
ui5-select: Improve keyboard handling (#1771) (f555180)
ui5-select: Selection now changes instantly (#2031) (88ceb83)
ui5-select: Fix use of ESC leads to wrong selection (#1724) (095d6dc)
ui5-shellbar: Fix profile bg-color (#1945) (a3207e5), closes #1944
ui5-shellbar: Profile is styled correctly on IE (#1807) (4198599)
ui5-shellbar: Fix open popup on notificationClick (#1632) (04b44b4)
ui5-shellbar: Fix search field focus handling (#1636) (c65010b)
ui5-shellbar: Fix search field visual in IE (#1643) (afec3fe)
ui5-table: Fire rowClick for popped in cells as well (#1671) (c48f541)
ui5-table-cell: Fix popin of long texts (#1648) (61ce284)
ui5-table-column: Fix sticky column overlaps dialogs (#1609) (c80130d), closes #1602
ui5-table-row: Do not show the colon when there is no popin text (#1620) (2785daf)
ui5-textarea: Add missing dependency, extract .hbs partial (#1909) (25ed25f)
ui5-textarea: Fix text vertical alignment (#1668) (6790647)
ui5-timepicker: Adjust hours in 12hours format only (#1752) (df0add4), closes #1714
ui5-timepicker: Fix firing "change" event for the same value (#1764) (3a0c7d5)
ui5-timepicker, ui5-duration-picker: Enable width customization (#1669) (9cfcbbf)
ui5-togglebutton: Align icon in IE (#1824) (2d5e84b)
ui5-tabcontainer: aria-controls now points to an existing ID (#1817) (4bd3604)
ui5-tabcontainer: Correct selected text color used for sap_belize (#1876) (41d14f6)
ui5-tabcontainer: Fix accessibility of overflow button (#1978) (a7488cd)
ui5-tabcontainer: Fix box-shadow (#1829) (42998c7)
ui5-tabcontainer: Fix ID duplication (#1789) (511cb40)
ui5-tabcontainer: Fix overflow visibility (#1993) (d6c2cbc)
ui5-tabcontainer: Prevent the tabcontainer from setting the selected property on ui5-tab internally (#1974) (0e8b5ea)
ui5-upload-collection: Set minimum height in no-data mode (#1683) (549148d)
ui5-upload-collection: Provide min-height also when DND mode is on (#1770) (33fa055)
ui5-upload-collection: The component does not get stuck when dropping on the body (#1897) (f236e0d)
ui5-upload-collection-item: Make component responsive (#1579) (47d37c3)
ui5-upload-collection-item: Activate editing with SPACE (#2024) (45de0f2), closes #2003
framework: Allow for empty theme files (#1639) (0cef140)
framework: Fix openui5 css varaibles detection (#1933) (bb5b724), closes #1932
framework: Make renderImmediately sync, fix lifecycle issues (#1929) (9141300)
framework: managedSlots: true always has effect (#1952) (4a1be70)
framework: Take region into account for i18n assets (#1985) (3b614ad)
framework: Allow users to override default language translations (#1716) (4b10f4f)
framework: Slotted children now invalidate parent upon slotchange (#1649) (3ca4ae1)
tools: Remove white spaces from hbs parser (#1613) (ec5a9cf)
tools: Strip whitespaces around < and > (#1623) (0fcda38)
tools: Enables 3 or more levels of inheritance with templates (#1593) (2a426dd)
tools: Building third-party packages no longer fails (#1994) (07aebfa)
tools: Polyfill copied correctly in all scenarios (#1783) (a04f483)
icons: The overflow icon is now centered (#1777) (36d0eca)

Features

ui5-card: Add 'action' slot (#1915) (97c299d)
ui5-carousel: Introduce loadMore event (#1667) (e7af480)
ui5-datepicker: Add property to hide week numbers (#1955) (d11c973), closes #1949
ui5-datepicker: Implement keyboard handling (#1706) (15e915f)
ui5-datepicker: Implement valuestatemessage slot (#1476) (82b3d41)
ui5-datepicker: set value attribute through date object (#1624) (4d7586d)
ui5-duration-picker: Implement hide-hours & hide-minutes propererties (#1604) (0af9b00)
ui5-duration-picker: Implement seconds-step & minutes-step properties (#1603) (37ee069)
ui5-fileuploader: Implementing accessiblity specification (#1585) (76943bc)
ui5-icon: Introduce interactive property (#1592) (b898cd3)
ui5-input: Add highlighting (#1943) (673ed8d)
ui5-input: Add suggestion-item-preview event (#1778) (e7f380e), closes #1768
ui5-input: Add suggestion-scroll event (#1856) (1d20ba8), closes #1846
ui5-input: Announce suggestions count (#1975) (a7d216c)
ui5-input: Implement aria-label (#1782) (a588ffe)
ui5-input: Support 'inactive' suggestions (#1921) (eca3bd6), closes #1919
ui5-input: Support ariaLabelledBy (#1873) (2356cd0)
ui5-li: Support 'Information' infoState (#1997) (401b499)
ui5-list: Support aria-label and aria-labelledby (#1899) (cacf5d8), closes #1886
ui5-multicombobox: Implement latest accessibility spec (#1564) (b0917d5)
ui5-panel: Support aria-label and aria-labelledby (#1910) (8cb7c48)
ui5-popup: Support for aria-label (#1898) (69d8ee4)
ui5-popover: Prevent closing when no opener (#1911) (e7c2518), closes #1768
ui5-popup: Custom popups work with focusable elements in the shadow root (#1844) (a109558)
ui5-select: Implement angular two way data binding (#1583) (f1f3d4f)
ui5-shellbar: Add "logo" slot (#1842) (08fc5f3)
ui5-shellbar: Enable tooltips of custom icons (#1863) (4338d56)
ui5-shellbar: Implement accessibility spec (#1553) (3b7b439)
ui5-suggestion-item: Enable mouseover|out events (#1784) (4359b9a)
ui5-tabcontainer: Add expand/collapse animation (#1617) (0c32950), closes #1540
ui5-table: Allow custom styling (#1627) (232e7f5)
ui5-timepicker: Implement valuestatemessage slot (#1482) (b1d30f3)
ui5-upload-collection-item: Implement keyboard handling (#1702) (37bf177)
framework: Add dynamic language change and on-demand rerendering (#1746) (1b568f2)
framework: CLDR location can now be specified (#1687) (168e505)
framework: Create a global shared resources repo, share SVG Icons (#1869) (7f5a198)
framework: Implement invalidateParent (#1964) (104abcc)
framework: Implement stable DOM Ref functionality (#1868) (cfd4fa3)
framework: Make icons RTL aware (#1833) (29a991f), closes #1831
framework: Support properties message bundles for i18n (#1728) (d78d136)
framework: Support several runtimes simultaneously (#1691) (7a3261c)
tools: Add more commands to package.json (#1908) (b0551b3)
tools: Templates can be imported from node_modules/ (#1860) (6fa5847)

BREAKING CHANGES

components: Rename event names to kebab case (#1692) (af1cfbe)

All event names are renamed from camelCase to kebabCase.

For Example: "selectionChange" becomes "selection-change", "itemClose" becomes "item-close", "afterOpen" becomes "after-open" and so on.

ui5-popover, ui5-dialog: Events don't bubble (#1981) (0ffca82)

If you relied on before-open, before-close, after-open or after-close bubbling and registered event listeners on a parent element, you must register these event listeners on the popup (popover, dialog etc...) instances directly.

ui5-shellbar: Add "logo" slot (#1842) (08fc5f3)

The property "logo" has been removed, use the "logo" slot instead as follows:

<ui5-shellbar>
	<img slot="logo" src="../../../assets/images/sap-logo-svg.svg"/>
</ui5-shellbar>

ui5-date-picker: Rename component (#1801) (d972ec2) Previously called ui5-datepicker, now it is renamed to ui5-date-picker:

<ui5-date-picker></ui5-date-picker>

ui5-time-picker: Rename component (#1802) (fcb2e9e) Previously called ui5-timepicker, now it is renamed to ui5-time-picker:

<ui5-time-picker></ui5-time-picker>

ui5-tabcontainer: Prevent auto selection of ui5-tab (#1974) (0e8b5ea)

Tab Container will no longer automatically select the first tab, if no tab is selected. If you relied on this behavior, you should now explicitly set the selected property on the first tab.

tools: Libraries can now control chromedriver version (#1684) (2da6a34)

If you are a UI5 Web Components third-party library author, you need to add a dev dependency to chromedriver in your project.

For example, if you had previously:

  "devDependencies": {
    "@ui5/webcomponents-tools": "1.0.0-rc.7"
  }

with RC.8 you should change this to:

  "devDependencies": {
    "@ui5/webcomponents-tools": "1.0.0-rc.8",
    "chromedriver": "latest"
  }

Feel free to choose a version that suits your specific use case best, or latest if in doubt.

1.0.0-rc.7 (2020-04-30)

New Components

ui5-datetime-picker: introduce new component (#1437) (ef27ca1)
ui5-duration-picker: initial implementation (#1415) (e38392e)
ui5-upload-collection: implement new webcomponent (#1316) (54038e4)

Features

ui5-avatar: implement accessibility spec (#1484) (501740e)
ui5-busyindicator: implement text property (#1506) (4118c68)
ui5-button: support aria-labelledby attribute(#1446) (e54111f)
ui5-carousel: add navigate event (#1454) (c55bcdc)
ui5-carousel: allow different number of items per page based on component width (#1434) (dec0d4d)
ui5-combobox: implement accessibility spec (#1560) (3d56b4d)
ui5-input: implement valueStateMessage with suggestions (#1390) (39068b3)
ui5-list: implement accessibility spec (#1461) (348bde9)
ui5-panel: enable configuring the heading level (#1504) (710053b)
ui5-segmentedbutton: implement accessibility spec (#1475) (ae7b395)
ui5-select: implement accessibility spec (#1485) (ede3635)
ui5-tabcontainer: content can be displayed above the tab strip (#1516) (fb38b2c)
ui5-textarea: add "valueState" property (#1411) (6710038)
ui5-textarea: add "valueStateMessage" slot (#1419) (d323d51)
ui5-timeline: implement acc spec (#1471) (27435ee)
ui5-wheelslider: add cyclic behaviour (#1408) (ac97824)
ui5-wheelslider: swipe feature implementation (#1470) (3665193)
framework: enable external themes support (#1463) (b031782)
framework: register theme variables via CSS file (#1451) (3173fb9)

Bug Fixes

ui5-busyindicator: fix component placement and appearance in IE (#1505) (0e57d78)
ui5-button: make aria-label work for ui5-button (#1445) (f0f8964)
ui5-button: make aria-labelledby work with numeric id (#1500) (ac6e8d2)
ui5-carousel: resizing of content is done properly (#1402) (0e26906)
ui5-carousel: hide arrows and dots when single page (#1414) (f6c46be)
ui5-combobox: translate accessibleName (#1563) (6cd3da8)
ui5-datepicker: fix the value validation (#1465) (14fe357)
ui5-datetime-picker: fix AM/PM selection (#1551) (af9ff8a), closes #1530
ui5-dialog: improve accessibility (#1477) (38ffd25)
ui5-groupheade-li: fix focus handling (#1544) (b0f180d)
ui5-information: fix component visual (#1498) (746f907)
ui5-multi-combobox: fix initial focus on mobile (#1508) (77e6ab6)
ui5-popover: allow opening if opener is not fully visible (#1448) (a10fde5)
ui5-popover: set fallback placement when no place to popup (#1467) (cfeed00)
ui5-popover: show arrow border (#1528) (56e5ba7)
ui5-responsive-popover: add minimum sizes (#1539) (c4ae309)
ui5-responsive-popover: implement default close button (#1501) (c6868af)
ui5-segmentedbutton: button can no longer be clicked when disabled (#1393) (576d769)
ui5-segmentedbutton: import ui5-togglebutton by default (#1549) (bccf03b)
ui5-select: prevent scrolling on Space (#1418) (fb500fc)
ui5-shellbar: check for profile correctly (#1438) (a4f502b)
ui5-shellbar: do not duplicate popover menu items (#1456) (ae20272)
ui5-shellbar: enable items keyboard handling (#1473) (185851a)
ui5-shellbar: fix menuItems cloning (#1457) (f4d2547)
ui5-tabcontainer: clicking a tab now always works (#1567) (dc60609)
ui5-textarea: stop showing valueStateMsg in value-state="None" (#1568) (832c34e)
ui5-timepicker: fix AM/PM selection (#1569) (ad923a2)
ui5-timepicker: prevent setting valueState="Error" on empty value (5a3d1b1)
ui5-upload-collection: ensure event.dataTransfer.types is array (#1433) (28cc988)
framework: escape quotes in translation texts (#1511) (ee7f300)
framework: allow the creation of components with static area content only (#1450) (b0505ce)
framework: CSS Vars in Static Styles work on IE11 (#1440) (b8ae60e)
framework: reliably re-render lists of DOM nodes (#1519) (9edb5de)
framework: rendering is no longer delayed (#1552) (c26e8aa)
scroll enablement: fix scrolling issue on scroll & mobile (#1557) (e79482a)
scroll enablement: fix scrolling on android devices (#1491) (df19ede)

1.0.0-rc.6 (2020-03-27)

Features

ui5-avatar: introduce new component (#1135) (b1c8747):new:
ui5-combobox: introduce new component (#1123) (ca2fa23):new:
ui5-carousel: introduce new component (#1159) (5b84d85):new:
ui5-file-uploader: introduce new component (#1184) (e628dbd):new:
ui5-segmentedbutton: introduce new component (#1164) (931fbe0):new:
ui5-timepicker: implement new component (#1172) (56e39bc):new:
ui5-toast: introduce new component (#1014) (48400cd):new:
ui5-responsive-popover: introduce new component (#1014) (48400cd):new:
ui5-cb-item: introduce new component to serve as item of "ui5-combobox" (#1254) (861a19b):new:
ui5-mcb-item: introduce new component to serve as item of "ui5-multi-combobox" (#1254) (861a19b):new:
ui5-suggestion-item: introduce new component to serve as suggestion in "ui5-input" (#1336) (786f4e9):new:
ui5-avatar: add "initials", "imageFitType" and "backgroundColor" properties (#1151) (5d27c7f)
ui5-datepicker: add "minDate" and "maxDate" properties (#1040) (35b2593)
ui5-dialog: improve component accessibility (#1288) (ef2886b)
ui5-input, ui5-select, ui5-combobox, ui5-datepicker, ui5-multi-combobox: open dialog on mobile (#1144) (d7b1179)
ui5-input: add "valueStateMessage" slot (#1297) (538a79a)
ui5-input: add "Information" value state (#1261) (77f7293)
ui5-li: add "Detail" type (#1323) (ac8f8ce)
ui5-list: add "infinite-scroll" capability (#1220) (756b78b)
ui5-messagestrip: remove "icon" property and introduce "icon" slot (#1216) (7802ac1)
ui5-multi-combobox: implement angular two-way data binding (#1363) (33009db)
ui5-radiobutton: add "wrap" property (#1006) (99dd6c4)
ui5-shellbar: add "profile" slot (#1222) (9dab18b)
ui5-shellbar-item: introduce "count" property (#1221) (02ddd0d)
ui5-static-area-item: implement lazy loading (#1272) (1f76a71)
ui5-tabcontainer: add "tabLayout" property (#1214) (e79dcc8)
ui5-table: provide "rowClick" event (#1186) (0ba6fdd)
ui5-table: introduce "popinChange" event (#1166) (0979963)
framework: introduce "High Contrast White" theme (#1215) (28ed69a)
framework: allow the registration of custom themes (#1109) (6a69521)
framework: fallback to Fiori 3 theme when non-existing theme is set (#1039) (7f89c39)
framework: create "getLocaleData" API (#1269) (c9253a6)
framework: enable OpenUI5 integration (#1138) (5527990)
framework: provide Web Components Polyfill as ES6 import (#1322) (ddc19fa)
ItemNavigation: add paging behaviour (#1116) (1cb0832)
ScrollEnablement: enhance implementation to work on desktop (#1374) (2567bea)
tools: create init package script (#1010) (d93ab87)
tools: generate JS docs with the create-ui5-script (#987) (f0f5ec5)

Bug Fixes

ui5-avatar: remove "background-color" when no image set (#1148) (2bd2204)
ui5-avatar: make styles attribute dependant (#1360) (e2791b0)
ui5-busyindicator: adjust stylings to latest spec (#1344) (0af6c3d)
ui5-busyindicator: display dots with size=Large by default (#1315) (743f0b3)
ui5-busyindicator: improve stylings (#1350) (c3dd3f4)
ui5-button: prevent icon from shrinking (#1258) (be943ba)
ui5-card: fix content "box-sizing" (#1165) (e463d23)
ui5-card: update ACC support (#1042) (3253555)
ui5-carousel: add missing icon imports (#1365) (d6bb698)
ui5-carousel: add missing import (#1321) (19445d1)
ui5-checkbox: fix wrapping of a long word (#1007) (2117ecc)
ui5-combobox: add busy indicator (#1141) (e211227)
ui5-datepicker: fix calendar header width in IE (#1205) (2d21ae0)
ui5-datepicker: fix hover "bg-color" when readonly (#1361) (1696cba)
ui5-daypicker: show correct "today" date (#1157) (6fb1dd6)
ui5-dialog: cycle focus within dialog (#1213) (e899708)
ui5-dialog: provide "min-width" on desktop (#1257) (05b208d)
ui5-dialog: stretch content area of dialog #920 (#1167) (894d457)
ui5-dialog: fix JS error when no header text set (#1146) (44e631a)
ui5-icon: remove promise rejection (#1299) (902db58)
ui5-icon: remove unneccessary aria-label attribute (#1284) (9f2e756)
ui5-icon: fix warning to show correct path (#1140) (59c1e02)
ui5-input: fix "border-color" on hover (#1154) (9393b50)
ui5-input: fix JS error when keyboard handling is used (#1301) (85f01d7)
ui5-input: fix JS error on mobile (#1339) (c0ffbac)
ui5-label: fix truncation when "show-colon" is set (#1079) (9e84314)
ui5-li: fix focus outline color when active (#1143) (7c4ee77)
ui5-li: prevent checkbox from shrinking (#1142) (964dbc2)
ui5-li: fix active state on mobile (#1169) (90223f8)|
ui5-link: fix JS error when "href" is undefined (#1373) (a7cf983)
ui5-multi-cbx: open correct popover from show more text (#1371) (68cb73d)
ui5-multi-cbx: display token icon (#1126) (59e5972)
ui5-multi-cbx: remove horizontal scrollbar (#1312) (05175c4)
ui5-popover: sync "z-index" with all popups and dialogs (#1209) (5f8ce93)
ui5-popover: add header and footer to focus cycling (#1298) (0e0344c)
ui5-popover: display API correctly (#1064) (e1b5649)
ui5-responsive-popover: set "z-index" on phone (#1303) (a38b605)
ui5-segmentedbutton: adjust component size (#1225) (1a8f8b0)
ui5-select: fix component baseline alignment (#1075) (37b7891)
ui5-select: prevent selection from cycling (#1066) (d46be1f)
ui5-shellbar: change path in imports for playground (#1008) (bfe36dd)
ui5-shellbar: create CSS vars for active text color for "Belize" and "HCB" (#1107) (06bc58b)
ui5-shellbar: fire "logoClick" on small size (#1192) (b84b9d8)
ui5-shellbar: fix search field behavior (#1264) (2beb1c5)
ui5-shellbar: provide correct target ref when item is in overflow popover (#1334) (7636bb7)
ui5-tabcontainer: apply overflow items styles (#1178) (63ca721)
ui5-tabcontainer: fix tab sizes on compact (#1364) (6a4738e)
ui5-table-row: fix first and "nodata" rows visual (#1156) (991e546)
ui5-tabcontainer: fix tab content overflow and height calculation (#1056) (6b65fa4)
ui5-table: optimize non "popin" table rendering (#1229) (872dcad)
ui5-textarea: apply "border" and "bg-color" to native textarea (#1250) (a804e30)
ui5-textarea: fix "bg-color" in IE (#1210) (c047da7)
ui5-timepicker: fix JS Error and improve user XP(#1362) (f02477b)
ui5-toast: prevent infinite loop (#1320) (1c2a94a)
ui5-toast: keep toast open when hovered (#1294) (2f4fd6e), closes #1292
all components: add missing icons imports (#1319) (6bebdb5)
framework: add OpenUI5 CLDR support (#1207) (6bf40a2)
framework: fix Firefox 74 shadow root bug (#1347) (7cc67a7)
framework: identify StaticArea and StaticAreaElement as UI5Element (#1168) (28f827a)
framework: prevent infinite loop when fetching i18n bundles (#1333) (f605566)
framework: fix travis build (#1212) (7f30cf3)
framework: prevent error when deleting static area item (#1335) (5a99536)
framework: apply size "compact" for StaticArea items (#1204) (c411774)
framework: merge components metadata properly (#1092) (6a29872)
framework: create the font face style tag only once (#1090) (1a09e13)
framework: propagate compact size when ui5-content-density-compact class is set (#1136) (2db62ba)
tools: The init package script now correctly has HCW (#1293) (0c408d2)
playground: deploy all test pages to gh pages (#1034) (ddb8fc2)

Code Refactoring

ui5-card: update API and correct visual (#1145) (6733de9)
ui5-tabcontainer: provide "tabIndex" in "tabSelect" event (d8d4fdb)
ui5-textarea: rename property "maxLength" to "maxlength" (#1068) (b2ee6a3)
project: create "localization" package and deprecate "core" and "utils" packages (#1296) (b5e1337)

BREAKING CHANGES

ui5-busyindicator: change default size of busy dots to Medium.
ui5-icon: src property is removed in favor of name.
ui5-messagestrip: replace icon property with icon slot to allow setting arbitrary content by the user.
ui5-mcb-item: - ui5-multi-combobox no longer accepts ui5-li for items, use ui5-cb-item instead.
ui5-shellbar: profile property is removed in favour of profile slot.
ui5-tabcontainer: itemSelect event is renamed to tabSelect and the item event parameter is renamed to tab.
ui5-card: the property subtitle has been renamed to subheading.
ui5-textarea: the property maxLength has been renamed to maxlength. Also, the attribute name is changed from max-length to maxlength.
framework: configuring of compact size is removed, use the ui5-content-density-compact CSS class to apply compact size.
project: create "localization" package and deprecate "core" and "utils" packages. The "localization" provides date/time and CLDR functionality

1.0.0-rc.5 (2019-12-02)

Migration guide from v1.0.0-rc.4 to v1.0.0-rc.5

The current release includes several new npm packages, such as @ui5/webcomponents-fiori and @ui5/webcomponents-icons. To make the transition from v1.0.0-rc.4 to v1.0.0-rc.5 smoother, we prepared this migration guide.

Bug Fixes

ui5-button: prevents setting 0 height to icons in IE (#902) (20511c6)
ui5-checkbox: fix layouting in IE (#926) (ffdc271)
ui5-checkbox: fix truncation in compactSize (#998) (3cdcede)
ui5-datepicker: fix hover effect (#999) (44d6c27)
ui5-datepicker: enable setting an empty placeholder (#997) (3eca602)
ui5-input: correct ACC implementation (#846) (7d547ec)
ui5-input: fix input pushed downward (#891) (bda9714)
ui5-multi-combobox: close popover & empty value on selection (#832) (1b3e40d)
ui5-popover: restrict max content height when overflowing the screen (#908) (6671793)
ui5-select: remove unsupported method in IE (#919) (f1bceea)
ui5-tabcontainer: adjust tabs to take 100% of TC height (#895) (6fcf259)
ui5-tabcontainer: fix overflow items default semantic color (#989) (a003189), closes #988
ui5-tabcontainer: fix overflow items appearance and selection (#988) (8cd2a8b)
ui5-list: prevent item navigaion with Left/Right keys(#985) (3d46e2d)
ui5-table: pressing SPACE works for HTML elements inside ui5-table (#964) (2384236)
ui5-table: fix JS error when there are less cells than columns (#841) (fd3b690)
ui5-table: fix row navigation and focus handling (#876) (f69f42c)
ItemNavigation: fix Item Navigation cycling (#985) (3d46e2d)
Framework: order slots in state as in Light DOM (#874) (b8efea0), closes #873
Framework: skip waiting for polyfill in case already loaded (#851) (d5e19f6)
Framework: trigger DOM mutation observer independent of insertion order (#847) (d7d96ec), closes #839
JS Doc enable release candidates versions to be displayed as since tags (#983) (3051d76)

Features

ui5-product-switch: introduce new component within @ui5/webcomponents-fiori package(#971) (4646fcd)
ui5-input: introduce maxlength property (#976) (c149f5f)
ui5-label: introduce showColon property (#965) (ae95a8d)
ui5-multicombobox: implement ACC support (#937) (0a44a92)
ui5-multicombobox: introduce open property and openChange event (#930) (c0b51f5)
ui5-panel: improve accessibility (#864) (b133468)
ui5-textarea: implement input event (#543) (7c5647e)
Documentation: introduce new playground app (#751) (fdcddaa)
Configuration: introduce animationMode configuration (#905) (c90e3b0)
Framework: render SVG content with lit svg` (#904) (59fead4)
Framework: introduce navigationMode property (#910) (9c43533)

Code Refactoring

ui5-button: subscribe event handlers via HBS template
ui5-shellbar: move component to @ui5/webcomponents-fiori package (#887) (06f1770)
ui5-card: replace "avatar" property with "avatar" slot (#928) (0489673)
ui5-icon: change "src" property to "name" (#928) (0489673)
ui5-shellbar: rename "icon" slot to "startButton" (#901) (5ca3280)
ui5-shellbar: extract animated co-pilot SVG as add-on asset (#904) (c25e0a7)
ui5-shellbar: optimize animated co-pilot SVG size from 15kb to 8kb (#960) (42bd7cd)
ui5-shellbar-item: rename "src" property to "name" (#928) (8e060d1)

BREAKING CHANGES

icons: move all individual icons to a new npm package called @ui5/webcomponents-icons.

You have to install the package

npm i @ui5/webcomponents-icons --save

The import statements should be changed

Before:

@ui5/webcomponents/dist/icons/add.js

After:

@ui5/webcomponents-icons/dist/icons/add.js

Note: The ui5-icon web component is not affected by this change, it is still in the @ui5/webcomponents package. Only the icons themselves (the icon assets) have been moved.

ui5-icon: "src" property was renamed to "name".

The "name" poperty accepts icon name (such as "add") instead of icon src (such as "sap-icon://add"). Note: the src property will continue to work until the next release due to the impact of the change, but will produce a warning in the console.

ui5-shellbar: move component to new @ui5/webcomponents-fiori package (#887) (06f1770)

Now, you have to import the <ui5-shellbar> from the newly created package as follows:

import @ui5/webcomponents-fiori/dist/ShellBar.js

ui5-shellbar: rename "icon" slot to "startButton" (#901) (5ca3280)

Now, the slot accepts a ui5-button, that would be overstyled to match ui5-shellbar viusal design.

ui5-shellbar: extract animated co-pilot SVG as add-on asset (#904) (c25e0a7)

Now, to get the coPilot animated version, you have to import the following module:

import @ui5/webcomponents-fiori/dist/features/CoPilotAnimation.js`

ui5-shellbar-item: "src" property renamed to "name" (#928) (8e060d1)

The "src" property has been renamed to icon and it accepts icon name (such as "add") instead of icon src (such as "sap-icon://add")

ui5-card: replace "avatar" property with "avatar" slot (#928) (0489673)

The "avatar" property has been removed, use the "avatar" slot instead - you can pass an icon(<ui5-icon>) or an image(<img/>).

Before:

<ui5-card avatar="sap-icon://add"></ui5-card>

After:

<ui5-card><ui5-icon name="add" slot="avatar"></ui5-icon></ui5-card>`

and respectively:

<ui5-card avatar="http://url/to/my/image"></ui5-card>`

becomes:

<ui5-card><img src="http://url/to/my/image" slot="avatar"/></ui5-card>`

1.0.0-rc.4 (2019-10-11)

Bug Fixes

ui5-button: apply correct "font-family: 72" (#825) (21ec559)
ui5-badge: fix icon visual issue on IE (#809) (150a100)

Code Refactoring

framework: stop icon fonts loading (#827)(21ec559)
framework: add components' events info to UI5ElementMetadata(#833)(68c30f4)

1.0.0-rc.3 (2019-10-03)

Bug Fixes

ui5-badge: correct component sizing (#733) (f5a4798)
ui5-badge: fix icon size (#729) (f1e1343)
ui5-busyindicator: change z-index not to overlap popover or dialog (#624) (c91c811)
ui5-button: align buttons with and without icons on same line (#796) (8420492)
ui5-button: fix Transparent button border in Fiori 3 & HCB (#789) (bc00f1f)
ui5-checkbox: set default font-size to checkmark (#618) (d3a9197)
ui5-datepicker: date selection works on IE (#623) (5a0b7ad)
ui5-datepicker: icon from datepicker no longer flickers on IE (#723) (80c4f32)
ui5-icon: enable default icon size to be changed (#629) (a44cdc6)
ui5-icon: icon no longer flickers on IE (#722) (964af67)
ui5-input: inputs now support placeholder on IE (#781) (559109d)
ui5-input: use translated text (#783) (1e9a4e6)
ui5-link: fix link hover effect (#803) (46bfaf1)
ui5-multi-combobox: overflow tokens correctly when not enough space (#714) (c67fe0a)
ui5-multi-combobox: enable closing on icon click (#719) (8d98def)
ui5-switch: don't mirror checkmark icon in RTL (#742) (ad2609d)
ui5-tabcontainer: fix selected tab text color in HCB (#805) (3ccf80e)
ui5-table: call resize handler on initial rendering (#625) (c20c85c)
ui5-token: correct visual in RTL/Compact (#804) (71c9caa)
ui5-tokenizer: use i18nbundle instead of resource bundle (#757) (d6668bc)
UI5Element: parent elements properly await for children upgrade (#645) (0e976f8)
CSS Transform: host selector not removed when there is trailing whitespace (#780) (b5d8fde)
doc: fix typos in docs (#680) (f884643)
DOMEventHandler: does not crash in edge cases (#774) (2576883)
FocusHelper: handles SVG's focus method on IE (#721) (52517c4)
InputFormSupport: enable form support for nested input elements (#656) (57adb04)

Code Refactoring

ui5-datepicker: hide week number in Islamic, Buddhist and Japanese calendars (#806) (a5ccb80)
ui5-li: remove background CSS Variable (#802) (9bf57ab)
ui5-multi-combobox: replace validate-input with allow-custom-values (#749) (f501df4)
ui5-panel: update toggle button visual design to Fiori 3 (#794)
ui5-popover: improve layouting, styling and positioning (#779) (1d377ba)
ui5-table: component is now supported on IE 11 (#704)
ui5-table: width property of column is removed (#784) (dedb51e)
ui5-input,ui5-select,ui5-multicombobox,ui5-datepicker: make the components share same CSS for input field styling (#793)
All components CSS: Styles improvements and clean up #632 #646 #647 #648 #650 #657 #658 #659 #660 #662 #664 #667 #669 #670 #671 #673 #674 #678 #684 #686 #687 #688 #700
All Components: adapt CSS for IE 11 and remove all IE11 duplicate CSS (#704)
i18n: make i18n more efficient (#720)
i18n, Theming, CLDR: unify assets handling (#744)
Configuration: make configuration initial only (#638) (86ad25b))

Features

ui5-datepicker: adds public getter dateValue (#726) (1ba3e25)
ui5-datepicker: implement ACC support (#763) (188627e)
ui5-icon: accessibility implementation (#709) (1357c16)
ui5-icon: use SVG icons instead of icon font (#649) (b6352d8)
ui5-list: added new param for selectionChange event (#798) (28c4181)
ui5-select: adds readonly property selectedOption (#718) (5d9a1ac)
ui5-switch: accessibility implementation (#692) (7304a31)
ui5-tabcontainer: update ACC of header and content (#756) (8550365)
ui5-link, ui5-textarea, ui5-input, ui5-checkbox, ui5-button, ui5-badge, ui5-busyindicator, ui5-messagestrip: Improve accessibility of components (#613) (16568c2)
Configuration: add configuration for calendar first day of the week (#627) (9c6df48)
add support for angular two way data binding (#706) (16820e4)
Tooling: add new component script (#747) (171a36f)
docs: maintain documentation for released version (#400) (476f8e2)

BREAKING CHANGES

ui5-popover: stayOpenOnScroll is now removed Popover will no longer close when the browser is scrolled and its parent (opener) is visible in the viewport.
ui5-li: CSS variable --ui5-listitem-background-color is removed, set the desired background directly on the tag.
ui5-table: width property of the ui5-table-column has been removed, use CSS to give width to the columns. <ui5-table-column style="width: 100px">...
ui5-multi-combobox: property validate-input is removed, use the property allow-custom-values, note built in validation is enabled by default.
Theming: Theming.js no longer has getTheme and setTheme methods, use the Configuration.js instead.
i18n, Theming: unify assets handling (#744). Use "@ui5/webcomponents/dist/json-imports/i18n.js", instead of "@ui5/webcomponents/dist/MessageBundleAssets.js" to enable i18n. Use "@ui5/webcomponents/dist/json-imports/Themes.js", instead of import "@ui5/webcomponents/dist/ThemePropertiesProvider.js" to enable theming.

1.0.0-rc.2 (2019-07-04)

Bug Fixes

popup: remove body styles in onExitDOM (#593) (410b8f6)
framework: fix redundant event dispatch (#599) (dc0cda2)

Code Refactoring

ui5-shellbar-item: Rename press event to itemClick (#606) (5bfab39)
ui5-popover, ui5-dialog: remove noHeader property (#615) (6a990a7), closes #615

BREAKING CHANGES

ui5-shellbar-item: ui5-shellbar-item press event is renamed to itemClick
ui5-popover, ui5-dialog: the property noHeader is removed, the presence of header is based on the values of "headerText" property and "header" slot

1.0.0-rc.1 (2019-06-28)

Bug Fixes

ui5-button: fix disable click events when disabled (#586)
ui5-select: prevent scrolling when changing selection with arrows(#588](SAP#588))

Refactoring

all components: remove press event in favour of click (#597](SAP#597))

BREAKING CHANGES

ui5-button: BREAKING CHANGE: ui5-button press event is renamed to click (#597](SAP#597))
ui5-card: headerPress event is renamed to headerClick (#597](SAP#597))
ui5-link: press event is renamed to click (#597](SAP#597))
ui5-list: itemPress event is renamed to itemClick (#597](SAP#597))
ui5-shellbar: notificationsPress event is renamed to notificationsClick (#597](SAP#597))
ui5-shellbar: profilePress event is renamed to profileClick (#597](SAP#597))
ui5-shellbar: productSwitchPress event is renamed to productSwitchClick (#597](SAP#597))
ui5-shellbar: logoPress event is renamed to logoClick (#597](SAP#597))
ui5-shellbar: coPilotPress event is renamed to coPilotClick (#597](SAP#597))
ui5-shellbar: menuItemPress event is renamed to menuItemClick (#597](SAP#597))
ui5-timeline-item: ui5-timeline-item itemNamePress event is renamed to itemNameClick (#597](SAP#597))

0.13.1 (2019-06-22)

Bug Fixes

ui5-table-column: fix default slot rendering (#579)

0.13.0 (2019-06-21)

Bug Fixes

ui5-badge: correct text font (#535) (3da0dd5)
ui5-icon: correct RTL appearance (#569) (591d81a)
ui5-switch: change getters names (#566) (2d94b60)
ui5-tabcontainer: set initial tab index (#545) (0127c2f)
framework: remove custom "falsy" checks from ifDefined (#544) (92a85fa)
framework: fix broken translations (#548) (37b2b07)

Code Refactoring

ui5-button: rename type property to design (#504) (a62b471)
ui5-link: rename type property to design (#505) (3965a00)
ui5-messagestrip: rename hideIcon property to noIcon (#507) (2314fc3)
ui5-popover: hideHeader property renamed to noHeader (#553) (11dc3b1)
ui5-popover: rename hideArrow property to noArrow (#509) (efff863)
ui5-select: change default slot from list items to options (#532) (2e4486b)
ui5-switch: rename type property to graphical (#506) (0040e85)
ui5-title: remove unneeded accessibility role (#573)
ui5-button: remove aria-disabled (#558)
framework: stop calling focusout and focusin by convention (#576)

Features

ui5-card: add "headerInteractive" property (#439) (98f7075)
ui5-label: expose font-weight property on root tag (#534) (88c794a)
ui5-li: add info and infoState properties (#539) (f1d8a85)
ui5-select: add form support(#565) (89e3508)

BREAKING CHANGES

ui5-select: the parameter of the change event is now called "selectedOption"; ui5-select enforces ui5-option as children in the metadata
ui5-select: Use ui5-option instead of ui5-li in ui5-select
ui5-link: property "type" is removed, use property design
ui5-button: property "type" is removed, use property design
ui5-switch: property "type" is removed, use property graphical
ui5-messagestrip: property hideIcon is renamed to noIcon
ui5-popover: property hideIcon is renamed to noArrow
**ui5-popover:**property hideIcon is renamed to noHeader

0.12.0 (2019-06-10)

Bug Fixes

all: hide components when hidden attribute is set (#464) (f7f07d2)
access DOM in connectedCallback instead of constructor (#524) (0f3b8e4)
do not use assignedElements (#432) (c54c812)
ui5-table: fix scrolling on space (#232) (cd63e9a)
ui5-button: bold text in fiori_3 when button is emphasized (#512) (53cdc93)
ui5-button: fix focus outline color of emphasized button (#499) (1e0690c)
ui5-checkbox: fix touchArea size (#448) (8831139)
ui5-li: remove active state onmouseup (#525) (a07880d)
ui5-list: fix list footer font family (#494) (5543d30)
ui5-messagestrip: improve screen reader announcements (#467) (b68443c)
ui5-multi-combobox: docs and API improvements (#438) (c559ac0)
ui5-radiobutton: make readonly radiobuttons not selectable via keyboard (#500) (2261f1c)
ui5-select: fix component clickable area (#462) (9c59de5)
ui5-tabcontainer: remove typo from component template (#446) (e701562)

Code Refactoring

ui5-button: remove activeIcon property (#513) (8d8c343)

Features

i18n: inline English texts if no translation is fetched (#479) (abfb221)
base: implement late validation (#522) (c452d60)
ui5-badge: initial implementation (#521) (8496211)
ui5-busyindicator: initial implementation (#416) (6b6b544)
ui5-busyindicator: introduce active property and simplify usage (#519) (ff59a98)
ui5-li: parameterize listitembase border bottom (#520) (da1c430)
ui5-table: add noDataText for ui5-table without rows (#402) (907d513), closes #389

BREAKING CHANGES

ui5-button: activeIcon property is removed

0.11.1 (2019-05-30)

Note: No code changes.

0.11.0 (2019-05-22)

Bug Fixes

ui5-checkbox: correct default values of the boolean props (#408) (9bdd2c5)
ui5-messagestrip: remove height 100% from element tag (#387) (4b64a9c)
ui5-panel: add missing dependency for ui5-icon (#406) (650bcb0)
fix broken child property observation (#423) (b3e3b3f)
fix API build for composite components (#391) (dcb829b)
prevent dual event dispatching in no conflict mode (#363) (4cbe3de)
update tab container documentation (#370) (7117430), closes #369

Code Refactoring

make custom CSS theme independent (#386) (d6b4ab5)
ui5-datepicker: rename event 'liveChange' to 'input' (#394)
ui5-panel: remove backgroundDesign property (#384)
ui5-panel: remove backgroundDesign property (#383)
ui5-checkbox: rename "readOnly" to "readonly" (#413)
ui5-radiobutton: rename "readOnly" to "readonly" (#413)

Features

ui5-multi-combobox: initial implementation (#379) (115900b)
ui5-list: selectionChange event provides previously selected items (#418) (f0fc8f2)
ui5-shellbar: API improvements (#421) (e0ff36d)
add CSS variables section in API Ref (#399) (e198fa5)
add data-ui5-compact-size attribute to root when compact is set (#382) (cbf00a8)
fetch ui5-datepicker assets from CDN (#420) (1f62dda)
simplify slots usage (e4907b9)

BREAKING CHANGES

ui5-list: the "selectionChange" event param "items" has been renamed to "selectedItems".
ui5-list: the "backgroundDesign" property has been removed, use the corresponding CSS variable (--_ui5_listitem_background_color) to alter the list items` background.
ui5-panel: the "backgroundDesign" property has been removed, use the corresponding CSS variables (--_ui5_panel_background_color) to alter the panel background.
ui5-datepicker: 'liveChange' event has been renamed to 'input'.
ui5-checkbox: property "readOnly" has been renamed to "readonly".
ui5-radiobutton: property "readOnly" has been renamed to "readonly".
the signature of the addCustomCSS method exported by "@ui5/webcomponents-base/Theming.js" is changed from addCustomCSS(tag, theme, css) to addCustomCSS(tag, css)

0.10.1 (2019-04-24)

Bug Fixes

ui5-li: fix styles import extension (#351) (4fae1ff)
ui5-messagestrip: fix layout in ie (#353) (ca5f62c)
switch theme for single imported components (#356) (dcd64a9)
ui5-radiobutton: fix single selection within group (#355) (371fb88)
ui5-select: preselect first item if none is selected (#358) (3d18420)
ui5-togglebutton: add base styles (#352) (f4dee1c)

Code Refactoring

ui5-radiobutton: improve group handling (#348) (4d7d9c3)
ui5-radiobutton: enable radio button form support (#357) (96a0517)

BREAKING CHANGES

ui5-radiobutton: the property "group" is replaced by the "name" property.

0.10.0 (2019-04-22)

Bug Fixes

configuration: fix map literals (#324) (515121f)
docs: fix card sample page (#305) (d91f237)
add missing dependency to jquery-shim in resource bundle (#242) (3c5bd6f)
ui5-button: fix height (#331) (98a2c4e)
ui5-button: fix width in ie11 (#325) (b00ab52)
ui5-button: removes active state after tabbing on an pressed button (#335) (0776e01)
ui5-checkbox: correct setting of aria-readonly (#220) (c1f98a3)
ui5-checkbox: fIx checkbox width in ie11 (d58320b)
ui5-checkbox: fixes issues with focus outline and wrapping (#238) (02bb56e)
ui5-checkbox: remove background from touchable area (#226) (3412ef3)
ui5-li: fix delete list item button height (#221) (a008022)
ui5-li: fix description text in compact mode (#211) (cadf996)
checks navigator language for rtl enabling (#253) (c29d970)
correct constructable stylesheet feature detection (#271) (816e6de)
make fallback script work with multiple variables per line (#252) (298a165)
prevent merging of :host(tag) and tag css rules (#349) (f23085c)
select correctly opens on click (#235) (a4915df)
slots work in Safari (#230) (79445d0)
ui5-li: fix typo (#224) (cb781f1)
ui5-li-custom: enable setting height of the custom content (#311) (76bf9f3)
ui5-link: noreferrer for cross-origin links (#202) (5902704)
ui5-panel: correct inon size on small screens (#213) (a98f544)
ui5-radiobutton: fix focus in ie11 (#327) (b59abd6)
ui5-radiobutton: fix keyboard handling on TAB/SHIFT+TAB (#231) (f2a18cf)
ui5-shellbar: add missing dependency to ui5-popover (#234) (912f434)
ui5-shellbar: pass correct values for events details (#298) (2641ec6)
transform css files to es6 modules (#306) (dbb98c8)
ui5-shellbar: set correct font-family to primary title (#228) (839a66e)
ui5-switch: fix layouting on IE (#223) (1111dbf)
ui5-togglebutton: correct default btn hover and text hover (#332) (280f85d)

Code Refactoring

remove ui5-toolbar (#198) (2e14428)
base: flatten project structure (#227) (0e8e460)
ui5-panel: rename the expand event to toggle (#216) (2608100)
ui5-shellbar: rename press handlers param (#300) (5d1c920)
ui5-tabcontainer: refactor the component (#318) (aa516ff)
ui5-timeline: change timestamp property to subtitleText (#321) (287548e)

Features

adds static method styles to base class (#345) (b61860f)
ui5-select: selection can be changed with arrows while closed (#254) (bb46034)
enable form support and name attribute for inputs (#337) (188d231)
framework-level support for CSS Custom Properties (#196) (291829a)
make css vars fallback script work with embedded vars (#251) (f81c117)
ui5-card: fires headerPress event upon header click (#250) (59b80be)
ui5-panel: make the header clickable (#204) (c5c1786)
ui5-select: select opens with space (#245) (a6c4d29)
provide named exports for some base modules (#347) (2e2439a)
ui5-shellbar: adds logoPress and coPilotPress events (#301) (f221123)
ui5-shellbar: menuItems slot and menuItemPress event (#317) (f24f78b)

BREAKING CHANGES

ui5-timeline: 'timestamp' and 'timeFormat' properties are removed. Instead use subtitle-text property and directly format the text as desired.
the ui5-toolbar component is removed, we recommend using div or similar HTML tag in combination with flex instead.
ui5-panel: the expand event is removed, use the toggle event instead.
ui5-tabcontainer: 'headerMode' property is removed. All Tabs by Fiori guidelines are rendered in inline mode
ui5-tabcontainer: 'headerBackgroundDesign' property is removed
ui5-tabcontainer: 'backgroundDesign' property is removed
ui5-tabcontainer: 'content' property is removed. Instead if you want to use the TabContainer as a filter just use it with 'collapsed' set to true and 'fixed' set to true
ui5-tabcontainer: 'TabContainerDensityMode' is deleted. To set different size modes use ?sap-ui-compactSize=true
ui5-tabcontainer: 'selectedIndex' property is removed. Instead use 'selected' property of the Tab
ui5-tabcontainer: Tab's 'count' property is removed. Instead use the additional-text property
ui5-tabcontainer: Tab's 'design' property is removed
ui5-shellbar: titlePress event is removed and replaced by menuItems slot.
base: All files required from the base now have different path. sap/ui/webcomponents/base/ is removed.

old: @ui5/webcomponents-base/src/sap/ui/webcomponents/base/WebComponent new: @ui5/webcomponents-base/src/WebComponent

0.9.0 (2019-03-18)

Features

ui5-messagestrip: initial implementation (#80) (cbc9c75)

Bug Fixes

correct calling unexisting method (#157) (0a8c8cd)
correct device detection error on mobile (#143) (857754e)
fix HCB colours for Icon, TextArea and TableCell content (#128) (9fb7dc5)
ui5-datepicker: enable day selection in IE (#162) (18a3c43)
ui5-icon: correct icon graphic vertical alignment in IE (#142) (98be562)
ui5-input: fire change in sync with the native input (#168) (55fa533)
ui5-label: enable text truncation in IE (#136) (ef00170)
fix source maps (#181) (7084c96)
ui5-list: correct backward navigation with SHIFT+TAB (#193) (037409d)

Code Refactoring

ui5-input: fire input, instead of liveChange (#159) (b8d978a)

BREAKING CHANGES

ui5-input: liveChange event is no longer fired, listen for the input event instead.

NOTABLE CHANGES

The bundle size is reduced by removing unused functionality of core modules and making greater use of tree shaking.

0.8.0 (2019-03-01)

Features

ui5-card: add avatar property (#45) (cdaf549)
ui5-li: add description property (#54) (fe79710)
ui5-select: initial implementation
ui5-shellbar: initial implementation and improvements (#72) (fdc743d)
ui5-switch: initial implementation (#102) (280d35a)
ui5-timeline: initial implementation
load Web Components polyfill on demand (#96) (98b5174)

Bug Fixes

eventing: remove unnecessary tag name check (#16) (3e39a70)
ui5-checkbox: wait for ui5-label definition (#115) (14067bd)
ui5-checkbox: show default cursor over text (#9) (28d5ac0)
ui5-checkbox: fix focus outline appearance in Compact + RTL (#23) (9b18490)
ui5-datepicker: display extreme values correctly (#75) (d1c7259)
ui5-datepicker: fix icon color in pressed state (#63) (a03a51a)
ui5-input: fix slotted icon default size (#105) (0cfe254)
ui5-li: fix height with title and description in Compact (#70) (db17c71)
ui5-popover: fix appearance on ios within iframe (#60) (a62c198)
ui5-popover: fix bottom border radius (#34) (2daefc1)
ui5-radiobutton: fix focus lost upon text click in IE (#24) (7a00caf)
ui5-radiobutton: fix focus outline in Compact & RTL (#18) (9afa81b)
ui5-select: prevent scrolling upon ALt+ArrowDown/Up/F4 (#7) (c22eae1)
ui5-select: fix selection, styling and playground sample (#4) (f0a90b7)
ui5-tabcontainer: wait for ui5-popover definition (#46) (a6f5c2b)
ui5-tabcontainer: click on left arrow correctly scrolls to left in textOnly (#97) (a89de1a)
ui5-textarea: focus outline with character counter (#32) (0900483)
fix broken bundle on Edge #64 (73117c7)
do not modify the HTML tag (#49) (17f30b7)
fix playground theme switch (#62) (5212a87)
fix playground home redirect (#6) (8c87778)
prevent throwing exception if slotted child does not have listenFor (#92) (4ffce64)
unknown slots no longer cause an error (#90) (a033326)

BREAKING CHANGES

any applications that wants to support Edge and/or IE11 should now import the respective browser support module. For details, see the README.md
ui5-tabcontainer: The TabContainer "selected-key" and Tab "key" properties are removed. Use TabContainer "selectedIndex" property (selected-index attribute) to set and get the selected tab.
addCustomCSS is no longer on the Core object. Use Theming instead. #58

NOTABLE CHANGES

The bundle size is reduced by removing unused functionality of core modules and making greater use of tree shaking.

Files

CHANGELOG.md

Latest commit

History

CHANGELOG.md

File metadata and controls

Change Log

1.3.1 (2022-04-27)

1.3.0 (2022-04-19)

New Components

Features

Bug Fixes

1.2.4 (2022-03-30)

Bug Fixes

1.2.3 (2022-03-23)

Bug Fixes

1.2.2 (2022-03-22)

Bug Fixes

Features

1.2.1 (2022-03-02)

Bug Fixes

1.2.0 (2022-02-28)

Bug Fixes

Features

1.1.2 (2022-01-26)

Bug Fixes

Features

1.1.1 (2022-01-24)

Bug Fixes

Refactoring

1.1.0 (2022-01-21)

New Components

Features

Bug Fixes

1.0.2 (2021-11-29)

Bug Fixes

1.0.1 (2021-11-10)

Fixes

1.0.0 (2021-11-10)

1.0.0-rc.16 (2021-11-09)

New Component

New Theme

New Icons

Features

BREAKING CHANGES

Bug Fixes

Code Refactoring

1.0.0-rc.15 (2021-07-23)

New Components

Features

Bug Fixes

BREAKING CHANGES

Code Refactoring

1.0.0-rc.14 (2021-04-01)

Bug Fixes

Features

1.0.0-rc.13 (2021-03-26)

New Components

Features

BREAKING CHANGES

Bug Fixes

1.0.0-rc.12 (2021-02-18)

New package

New Components

Bug Fixes

Features

BREAKING CHANGES

1.0.0-rc.11 (2020-12-21)

New components

Bug Fixes

Features

BREAKING CHANGE

1.0.0-rc.10 (2020-11-12)

BREAKING CHANGE

New Icons package

New components

Features

Bug Fixes

1.0.0-rc.9 (2020-10-08)

New components