Change Log

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

0.31.15 (2021-08-10)

Bug Fixes

• ui5-li-groupheader: fix row height (#3610) (9ee7ea5), closes #3606

Features

• ui5-date-picker: preventable change and input events (#3609) (850a6c4), closes #3516 #3516

datePicker.addEventListener('change', function(e) {
	// Prevent setting value and valueState
	e.preventDefault();

       // Check the available event details
     
	e.detail.value // the value typed or selected by the user
	e.detail.valid =  // "true or false", indicates  if the date value is valid or not, based on the date format, min-date and max-date props, etc.
	
	// Set the value and the valueState
	datePicker.value = e.detail.value;
	datePicker.valueState = // "Error or None", based on internal logic or based on the e.detail.valid event parameter
});

• ui5-responsive-popover: add prevent initial focus parameter to opeen method (#3595) (1eb7206), closes #3473`

responsivePopover.open(event.target, true /*prevent initial focus */);

• ui5-segmented-button-item: introduce new component to serve as child of SegmentedButton (#3258) (d9f5ce3), closes #3191 #3191

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

• ui5-view-settings-dialog: introduce new component (#3502) (43991c2), closes #3304 #3304, API Ref

<ui5-view-settings-dialog id="vsd">
		<ui5-li slot="sortItems">Name</ui5-li>
		<ui5-li slot="sortItems">Position</ui5-li>
		<ui5-li slot="sortItems">Company</ui5-li>
		<ui5-li slot="sortItems">Department</ui5-li>
	</ui5-view-settings-dialog>

	<script>
		btnOpenDialog.addEventListener("click", function () {
			vsd.open();
		});
		vsd.addEventListener("confirm", function(evt) {
			alert("OK button clicked, returned info is: " + JSON.stringify(evt.detail));
		});
	</script>

Note: in the master and RC.15 versions we use the "show()" method to show the ViewSettingsDialog, as all popus methods have been renamed to show (previously open) and showAt(previously openBy).

But, in 0.31 we still use open and openBy (these breaking changes are not downported), that's why to show the ViewSettingsDialog we use open.

BREAKING_CHANGES

• ui5-segmented-button: rename tag name (#3345) (b3b42f6)
  The SegmentedButton's tag name has been changed to ui5-segmented-button.

• ui5-segmented-button-item: introduce new component to serve as child of SegmentedButton (#3258) (d9f5ce3), closes #3191 #3191
  The SegmentedButton no longer accepts ToggleButton, you have to use the newly created component, called SegmentedButtonItem as follows:

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