@ui5/webcomponents 1.1.2 → 1.2.0

package/dist/i18n/messagebundle_lt.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Šiandien
 STEPINPUT_DEC_ICON_TITLE=Sumažinti
 
 STEPINPUT_INC_ICON_TITLE=Padidinti
+
+SPLIT_BUTTON_DESCRIPTION=Skaidymo mygtukas
+
+SPLIT_BUTTON_KEYBOARD_HINT=Norėdami paleisti numatytąjį veiksmą paspauskite tarpo arba įvesties klavišą, norėdami paleisti rodyklės veiksmą paspauskite „Alt + Rodyklė žemyn“ arba F4.
+

package/dist/i18n/messagebundle_lv.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Šodien
 STEPINPUT_DEC_ICON_TITLE=Samazināt
 
 STEPINPUT_INC_ICON_TITLE=Palielināt
+
+SPLIT_BUTTON_DESCRIPTION=Dalītā poga
+
+SPLIT_BUTTON_KEYBOARD_HINT=Nospiediet atstarpes taustiņu vai Enter, lai izraisītu noklusējuma darbību, un taustiņu kombināciju Alt + lejupvērstā bultiņa vai F4, lai izraisītu bultiņas darbību
+

package/dist/i18n/messagebundle_ms.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Hari Ini
 STEPINPUT_DEC_ICON_TITLE=Penurunan
 
 STEPINPUT_INC_ICON_TITLE=Tingkatkan
+
+SPLIT_BUTTON_DESCRIPTION=Butang Pisahan
+
+SPLIT_BUTTON_KEYBOARD_HINT=Tekan Space atau Enter untuk memicukan tindakan lalai dan Alt + Anak Panah Bawah atau F4 untuk memicukan tindakan anak panah
+

package/dist/i18n/messagebundle_nl.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Vandaag
 STEPINPUT_DEC_ICON_TITLE=Verkleinen
 
 STEPINPUT_INC_ICON_TITLE=Vergroten
+
+SPLIT_BUTTON_DESCRIPTION=Splitsknop
+
+SPLIT_BUTTON_KEYBOARD_HINT=Druk op de spatiebalk of Enter om standaardactie te starten en op Alt + pijl-omlaag of F4 om actie met pijlen starten
+

package/dist/i18n/messagebundle_no.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=I dag
 STEPINPUT_DEC_ICON_TITLE=Reduksjon
 
 STEPINPUT_INC_ICON_TITLE=Økning
+
+SPLIT_BUTTON_DESCRIPTION=Todelt knapp
+
+SPLIT_BUTTON_KEYBOARD_HINT=Trykk på mellomromstasten eller Enter for å utløse standardaktiviteten, og Alt + Pil ned eller F4 for å utløse pilaktiviteten
+

package/dist/i18n/messagebundle_pl.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Dzisiaj
 STEPINPUT_DEC_ICON_TITLE=Zmniejsz
 
 STEPINPUT_INC_ICON_TITLE=Zwiększ
+
+SPLIT_BUTTON_DESCRIPTION=Przycisk podzielony na dwie części
+
+SPLIT_BUTTON_KEYBOARD_HINT=Naciśnij spację lub Enter, aby wywołać domyślną czynność, i strzałkę w dół lub F4, aby wywołać czynność strzałki
+

package/dist/i18n/messagebundle_pt.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Hoje
 STEPINPUT_DEC_ICON_TITLE=Reduzir
 
 STEPINPUT_INC_ICON_TITLE=Ampliar
+
+SPLIT_BUTTON_DESCRIPTION=Botão dividido em duas partes
+
+SPLIT_BUTTON_KEYBOARD_HINT=Pressione a barra de espaços ou Enter para acionar a ação padrão e Alt + tecla de controle do cursor para baixo ou F4 para acionar a ação da tecla de controle do cursor
+

package/dist/i18n/messagebundle_pt_PT.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Hoje
 STEPINPUT_DEC_ICON_TITLE=Diminuir
 
 STEPINPUT_INC_ICON_TITLE=Aumentar
+
+SPLIT_BUTTON_DESCRIPTION=Botão separador
+
+SPLIT_BUTTON_KEYBOARD_HINT=Prima Space ou Enter para despoletar a ação padrão e Alt + seta para baixo ou F4 para despoletar a ação da seta
+

package/dist/i18n/messagebundle_ro.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Astăzi
 STEPINPUT_DEC_ICON_TITLE=Scădere
 
 STEPINPUT_INC_ICON_TITLE=Creștere
+
+SPLIT_BUTTON_DESCRIPTION=Buton de divizare
+
+SPLIT_BUTTON_KEYBOARD_HINT=Apăsați pe Space sau Enter pentru a declanșa acțiunea implicită și pe Alt + Săgeată în jos sau F4 pentru a declanșa acțiunea de săgeată
+

package/dist/i18n/messagebundle_ru.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Сегодня
 STEPINPUT_DEC_ICON_TITLE=Уменьшить
 
 STEPINPUT_INC_ICON_TITLE=Увеличить
+
+SPLIT_BUTTON_DESCRIPTION=Разделенная на две части кнопка
+
+SPLIT_BUTTON_KEYBOARD_HINT=Нажмите пробел или Enter, чтобы запустить операцию по умолчанию, и Alt + клавишу со стрелкой вниз или F4, чтобы запустить операцию стрелки
+

package/dist/i18n/messagebundle_sh.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Danas
 STEPINPUT_DEC_ICON_TITLE=Smanji
 
 STEPINPUT_INC_ICON_TITLE=Povećaj
+
+SPLIT_BUTTON_DESCRIPTION=Podeljeno dugme
+
+SPLIT_BUTTON_KEYBOARD_HINT=Pritisnite Razmak ili Enter za pokretanje standardne radnje i Alt + Strelica dole ili F4 za pokretanje radnje strelice
+

package/dist/i18n/messagebundle_sk.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Dnes
 STEPINPUT_DEC_ICON_TITLE=Zmenšiť
 
 STEPINPUT_INC_ICON_TITLE=Zväčšiť
+
+SPLIT_BUTTON_DESCRIPTION=Tlačidlo rozdelenia
+
+SPLIT_BUTTON_KEYBOARD_HINT=Stlačte medzerník alebo Enter pre spustenie štandardnej akcie a Alt + šípka dolu pre spustenie akcie šípky
+

package/dist/i18n/messagebundle_sl.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Danes
 STEPINPUT_DEC_ICON_TITLE=Pomanjšanje
 
 STEPINPUT_INC_ICON_TITLE=Povečanje
+
+SPLIT_BUTTON_DESCRIPTION=Razdelilni gumb
+
+SPLIT_BUTTON_KEYBOARD_HINT=Pritisnite preslednico ali Enter, da sprožite privzeto akcijo, in Alt + puščica dol ali F4, da sprožite akcijo
+

package/dist/i18n/messagebundle_sv.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Idag
 STEPINPUT_DEC_ICON_TITLE=Minska
 
 STEPINPUT_INC_ICON_TITLE=Öka
+
+SPLIT_BUTTON_DESCRIPTION=Delningsknapp
+
+SPLIT_BUTTON_KEYBOARD_HINT=Tryck på blanktecken eller Retur för att initiera standardåtgärd och på Alt + nedåtpil eller F4 för att initiera pilåtgärd
+

package/dist/i18n/messagebundle_th.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=วันนี้
 STEPINPUT_DEC_ICON_TITLE=ลด
 
 STEPINPUT_INC_ICON_TITLE=เพิ่ม
+
+SPLIT_BUTTON_DESCRIPTION=ปุ่ม 'แยก'
+
+SPLIT_BUTTON_KEYBOARD_HINT=กด Space หรือ Enter เพื่อทริกเกอร์การดำเนินการตั้งต้นแล้วกด Alt + ลูกศรลง หรือ F4 เพื่อทริกเกอร์การดำเนินการของลูกศร
+

package/dist/i18n/messagebundle_tr.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Bugün
 STEPINPUT_DEC_ICON_TITLE=Azalt
 
 STEPINPUT_INC_ICON_TITLE=Artır
+
+SPLIT_BUTTON_DESCRIPTION=İki bölümlü düğme
+
+SPLIT_BUTTON_KEYBOARD_HINT=Varsayılan işlemi tetiklemek için boşluk tuşuna veya ok işlemini tetiklemek için Alt + Aşağı ok ya da F4 tuşlarına basın
+

package/dist/i18n/messagebundle_uk.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Сьогодні
 STEPINPUT_DEC_ICON_TITLE=Зменшити
 
 STEPINPUT_INC_ICON_TITLE=Збільшити
+
+SPLIT_BUTTON_DESCRIPTION=Кнопка розділення
+
+SPLIT_BUTTON_KEYBOARD_HINT=Натисніть клавішу пробілу або Enter для ініціювання усталеної операції, та Alt + стрілка вниз або F4 для ініціювання операції стрілки
+

package/dist/i18n/messagebundle_vi.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=Hôm nay
 STEPINPUT_DEC_ICON_TITLE=Giảm
 
 STEPINPUT_INC_ICON_TITLE=Tăng
+
+SPLIT_BUTTON_DESCRIPTION=Nút phân chia
+
+SPLIT_BUTTON_KEYBOARD_HINT=Nhấn Phím cách hoặc Enter để kích hoạt thao tác mặc định và Alt + Mũi tên xuống hoặc F4 để kích hoạt thao tác mũi tên
+

package/dist/i18n/messagebundle_zh_CN.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=今天
 STEPINPUT_DEC_ICON_TITLE=减少
 
 STEPINPUT_INC_ICON_TITLE=增加
+
+SPLIT_BUTTON_DESCRIPTION=拆分按钮
+
+SPLIT_BUTTON_KEYBOARD_HINT=按空格键或 Enter 触发缺省操作，按 Alt + 向下箭头或 F4 触发箭头操作
+

package/dist/i18n/messagebundle_zh_TW.properties

@@ -234,3 +234,8 @@ DAY_PICKER_TODAY=今天
 STEPINPUT_DEC_ICON_TITLE=減少
 
 STEPINPUT_INC_ICON_TITLE=增加
+
+SPLIT_BUTTON_DESCRIPTION=分割按鈕
+
+SPLIT_BUTTON_KEYBOARD_HINT=按下空格鍵或 Enter 以驅動預設動作，以及 Alt + 向下箭頭或 F4 以驅動箭頭動作
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "1.1.2",
+  "version": "1.2.0",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -32,6 +32,8 @@
     "./bundle.esm.js": "./bundle.esm.js",
     "./bundle.es5.js": "./bundle.es5.js",
     "./bundle.common.js": "./bundle.common.js",
+    "./bundle.scoped.esm.js": "./bundle.scoped.esm.js",
+    "./bundle.scoped.es5.js": "./bundle.scoped.es5.js",
     "./*": "./dist/*"
   },
   "repository": {
@@ -40,14 +42,14 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "1.1.2",
-    "@ui5/webcomponents-icons": "1.1.2",
-    "@ui5/webcomponents-ie11": "1.1.2",
-    "@ui5/webcomponents-localization": "1.1.2",
-    "@ui5/webcomponents-theming": "1.1.2"
+    "@ui5/webcomponents-base": "1.2.0",
+    "@ui5/webcomponents-icons": "1.2.0",
+    "@ui5/webcomponents-ie11": "1.2.0",
+    "@ui5/webcomponents-localization": "1.2.0",
+    "@ui5/webcomponents-theming": "1.2.0"
   },
   "devDependencies": {
-    "@ui5/webcomponents-tools": "1.1.2",
-    "chromedriver": "96.0.0"
+    "@ui5/webcomponents-tools": "1.2.0",
+    "chromedriver": "98.0.0"
   }
-}
+}

package/src/Avatar.js

@@ -200,7 +200,7 @@ const metadata = {
 		 *		} <br />
 		 * </code>
 		 * @type {HTMLElement}
-		 * @slot
+		 * @slot image
 		 * @public
 		 * @since 1.0.0-rc.15
 		 */

package/src/AvatarGroup.hbs

@@ -17,7 +17,7 @@
 			<slot name="overflowButton"></slot>
 		{{else}}
 			<ui5-button
-				._buttonAccInfo="{{_overflowButtonAccInfo}}"
+				.accessibilityAttributes="{{_overflowButtonAccAttributes}}"
 				aria-label="{{_overflowButtonAriaLabelText}}"
 				?hidden="{{_overflowBtnHidden}}"
 				?non-interactive={{_isGroup}}

package/src/AvatarGroup.js

@@ -329,9 +329,9 @@ class AvatarGroup extends UI5Element {
 		return this._isGroup ? this._getAriaHasPopup() : undefined;
 	}
 
-	get _overflowButtonAccInfo() {
+	get _overflowButtonAccAttributes() {
 		return {
-			ariaHaspopup: this._isGroup ? undefined : this._getAriaHasPopup(),
+			hasPopup: this._isGroup ? undefined : this._getAriaHasPopup(),
 		};
 	}
 

package/src/Breadcrumbs.hbs

@@ -16,9 +16,9 @@
         </li>
 
         {{#each _linksData}}
-            <li class="ui5-breadcrumbs-link-wrapper" @click="{{../_onLinkPress}}" 
-                id="{{this._id}}-link-wrapper">
+            <li class="ui5-breadcrumbs-link-wrapper" id="{{this._id}}-link-wrapper">
                 <ui5-link
+                    @click="{{../_onLinkPress}}"
                     href="{{this.href}}"
                     target="{{this.target}}"
                     id="{{this._id}}-link"

package/src/Breadcrumbs.js

@@ -24,6 +24,7 @@ import ResponsivePopover from "./ResponsivePopover.js";
 import List from "./List.js";
 import StandardListItem from "./StandardListItem.js";
 import Icon from "./Icon.js";
+import Button from "./Button.js";
 
 // Templates
 import BreadcrumbsTemplate from "./generated/templates/BreadcrumbsTemplate.lit.js";
@@ -117,8 +118,10 @@ const metadata = {
 
 		/**
 		 * Fires when a <code>BreadcrumbsItem</code> is clicked.
+		 * <b>Note:</b> You can prevent browser location change by calling <code>event.preventDefault()</code>.
 		 *
 		 * @event sap.ui.webcomponents.main.Breadcrumbs#item-click
+		 * @allowPreventDefault
 		 * @param {HTMLElement} item The clicked item.
 		 * @public
 		 */
@@ -387,7 +390,9 @@ class Breadcrumbs extends UI5Element {
 		const link = event.target,
 			items = this.getSlottedNodes("items"),
 			item = items.find(x => `${x._id}-link` === link.id);
-		this.fireEvent("item-click", { item });
+		if (!this.fireEvent("item-click", { item }, true)) {
+			event.preventDefault();
+		}
 	}
 
 	_onLabelPress() {
@@ -401,9 +406,10 @@ class Breadcrumbs extends UI5Element {
 			items = this.getSlottedNodes("items"),
 			item = items.find(x => `${x._id}-li` === listItem.id);
 
-		window.open(item.href, item.target || "_self", "noopener,noreferrer");
-		this.responsivePopover.close();
-		this.fireEvent("item-click", { item });
+		if (this.fireEvent("item-click", { item }, true)) {
+			window.open(item.href, item.target || "_self", "noopener,noreferrer");
+			this.responsivePopover.close();
+		}
 	}
 
 	async _respPopover() {
@@ -562,6 +568,7 @@ class Breadcrumbs extends UI5Element {
 			List,
 			StandardListItem,
 			Icon,
+			Button,
 		];
 	}
 

package/src/BreadcrumbsPopover.hbs

@@ -3,7 +3,6 @@
 	content-only-on-desktop
 	placement-type="Bottom"
 	horizontal-align="Left"
-	with-padding
 	_hide-header
 	@keydown="{{_onkeydown}}">
 	<ui5-list mode="SingleSelect"

package/src/BusyIndicator.js

@@ -39,7 +39,7 @@ const metadata = {
 
 		/**
 		 * Defines text to be displayed below the component. It can be used to inform the user of the current operation.
-		 * @type {String}
+		 * @type {string}
 		 * @public
 		 * @defaultvalue ""
 		 * @since 1.0.0-rc.7

package/src/Button.hbs

@@ -15,11 +15,11 @@
 	@touchstart="{{_ontouchstart}}"
 	@touchend="{{_ontouchend}}"
 	tabindex={{tabIndexValue}}
-	aria-expanded="{{accInfo.ariaExpanded}}"
-	aria-controls="{{accInfo.ariaControls}}"
-	aria-haspopup="{{accInfo.ariaHaspopup}}"
+	aria-expanded="{{accessibilityAttributes.expanded}}"
+	aria-controls="{{accessibilityAttributes.controls}}"
+	aria-haspopup="{{accessibilityAttributes.hasPopup}}"
 	aria-label="{{ariaLabelText}}"
-	title="{{accInfo.title}}"
+	title="{{tooltip}}"
 	part="button"
 >
 	{{#if icon}}

package/src/Button.js

@@ -9,6 +9,7 @@ import {
 	isPhone,
 	isTablet,
 	isCombi,
+	isDesktop,
 	isSafari,
 } from "@ui5/webcomponents-base/dist/Device.js";
 import ButtonDesign from "./types/ButtonDesign.js";
@@ -117,10 +118,10 @@ const metadata = {
 		 * <b>Note:</b> Tooltips should only be set to icon-only buttons.
 		 * @type {string}
 		 * @defaultvalue: ""
-		 * @private
-		 * @since 1.0.0-rc.11
+		 * @public
+		 * @since 1.2.0
 		 */
-		title: {
+		tooltip: {
 			type: String,
 		},
 
@@ -157,9 +158,9 @@ const metadata = {
 		},
 
 		/**
-		 * Sets the accessible aria name of the component.
+		 * Defines the accessible aria name of the component.
 		 *
-		 * @type {String}
+		 * @type {string}
 		 * @defaultvalue: ""
 		 * @public
 		 * @since 1.0.0-rc.15
@@ -172,7 +173,7 @@ const metadata = {
 		/**
 		 * Receives id(or many ids) of the elements that label the component.
 		 *
-		 * @type {String}
+		 * @type {string}
 		 * @defaultvalue ""
 		 * @public
 		 * @since 1.1.0
@@ -183,13 +184,35 @@ const metadata = {
 		},
 
 		/**
-		 * @type {String}
-		 * @defaultvalue ""
-		 * @private
-		 * @since 1.0.0-rc.8
+		 * An object of strings that defines several additional accessibility attribute values
+		 * for customization depending on the use case.
+		 *
+		 * It supports the following fields:
+		 *
+		 * <ul>
+		 * 		<li><code>expanded</code>: Indicates whether the button, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:
+		 *			<ul>
+		 *				<li><code>true</code></li>
+		 *				<li><code>false</code></li>
+		 *			</ul>
+		 * 		</li>
+		 * 		<li><code>hasPopup</code>: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the button. Accepts the following string values:
+		 * 			<ul>
+		 *				<li><code>Dialog</code></li>
+		 *				<li><code>Grid</code></li>
+		 *				<li><code>ListBox</code></li>
+		 *				<li><code>Menu</code></li>
+		 *				<li><code>Tree</code></li>
+		 * 			</ul>
+		 * 		</li>
+		 * 		<li><code>controls</code>: Identifies the element (or elements) whose contents or presence are controlled by the button element. Accepts a string value.</li>
+		 * </ul>
+		 * @type {object}
+		 * @public
+		 * @since 1.2.0
 		 */
-		ariaExpanded: {
-			type: String,
+		accessibilityAttributes: {
+			type: Object,
 		},
 
 		/**
@@ -204,10 +227,6 @@ const metadata = {
 			type: Object,
 		},
 
-		_buttonAccInfo: {
-			type: Object,
-		},
-
 		/**
 		 * Defines the tabIndex of the component.
 		 * @private
@@ -418,7 +437,9 @@ class Button extends UI5Element {
 			return;
 		}
 		this.active = false;
-		this.focused = false;
+		if (isDesktop()) {
+			this.focused = false;
+		}
 	}
 
 	_onfocusin(event) {
@@ -427,7 +448,9 @@ class Button extends UI5Element {
 		}
 
 		event.isMarked = "button";
-		this.focused = true;
+		if (isDesktop()) {
+			this.focused = true;
+		}
 	}
 
 	get hasButtonType() {
@@ -441,15 +464,6 @@ class Button extends UI5Element {
 		}).length;
 	}
 
-	get accInfo() {
-		return {
-			"ariaExpanded": this.ariaExpanded || (this._buttonAccInfo && this._buttonAccInfo.ariaExpanded),
-			"ariaControls": this._buttonAccInfo && this._buttonAccInfo.ariaControls,
-			"ariaHaspopup": this._buttonAccInfo && this._buttonAccInfo.ariaHaspopup,
-			"title": this.title || (this._buttonAccInfo && this._buttonAccInfo.title),
-		};
-	}
-
 	static typeTextMappings() {
 		return {
 			"Positive": BUTTON_ARIA_TYPE_ACCEPT,
@@ -473,7 +487,7 @@ class Button extends UI5Element {
 	}
 
 	get showIconTooltip() {
-		return this.iconOnly && !this.title;
+		return this.iconOnly && !this.tooltip;
 	}
 
 	get ariaLabelText() {

package/src/Calendar.hbs

@@ -49,7 +49,7 @@
 		></ui5-yearpicker>
 	</div>
 
-	<!-- Positioned above the content due to flex-direction:column-reverse, but physically here for tab order to work -->
+	{{! Positioned above the content due to flex-direction:column-reverse, but physically here for tab order to work}}
 	<ui5-calendar-header
 			id="{{_id}}-head"
 			.primaryCalendarType="{{_primaryCalendarType}}"

package/src/Calendar.js

@@ -277,7 +277,7 @@ class Calendar extends CalendarPart {
 
 		// Create tags for the selected dates that don't already exist in DOM
 		selectedValues.filter(value => !valuesInDOM.includes(value)).forEach(value => {
-			const dateElement = document.createElement("ui5-date");
+			const dateElement = document.createElement(CalendarDateComponent.default.getMetadata().getTag());
 			dateElement.value = value;
 			this.appendChild(dateElement);
 		});

package/src/Card.js

@@ -53,7 +53,7 @@ const metadata = {
 		 * <b>Note:</b> <code>accessibleName</code> should be always set, unless <code>accessibleNameRef</code> is set.
 		 *
 		 *
-		 * @type {String}
+		 * @type {string}
 		 * @defaultvalue ""
 		 * @public
 		 * @since 1.0.0-rc.16
@@ -65,7 +65,7 @@ const metadata = {
 		/**
 		 * Defines the IDs of the elements that label the component.
 		 *
-		 * @type {String}
+		 * @type {string}
 		 * @defaultvalue ""
 		 * @public
 		 * @since 1.0.0-rc.16

package/src/Carousel.hbs

@@ -66,7 +66,7 @@
 {{#*inline "arrow-back"}}
 	<ui5-button
         arrow-back
-        title="{{previousPageText}}"
+        tooltip="{{previousPageText}}"
         class="ui5-carousel-navigation-button {{classes.navPrevButton}}"
         icon="slim-arrow-left"
         tabindex="-1"
@@ -77,7 +77,7 @@
 {{#*inline "arrow-forward"}}
     <ui5-button
         arrow-forward
-        title="{{nextPageText}}"
+        tooltip="{{nextPageText}}"
         class="ui5-carousel-navigation-button {{classes.navNextButton}}"
         icon="slim-arrow-right"
         tabindex="-1"

package/src/CheckBox.js

@@ -35,7 +35,7 @@ const metadata = {
 
 		/**
 		 * Receives id(or many ids) of the elements that label the component
-		 * @type {String}
+		 * @type {string}
 		 * @defaultvalue ""
 		 * @public
 		 * @since 1.1.0
@@ -46,9 +46,9 @@ const metadata = {
 		},
 
 		/**
-		 * Sets the accessible aria name of the component.
+		 * Defines the accessible aria name of the component.
 		 *
-		 * @type {String}
+		 * @type {string}
 		 * @public
 		 * @defaultvalue ""
 		 * @since 1.1.0

package/src/ColorPalette.js

@@ -116,7 +116,7 @@ const metadata = {
 		 * @event sap.ui.webcomponents.main.ColorPalette#item-click
 		 * @public
 		 * @since 1.0.0-rc.15
-		 * @param {String} color the selected color
+		 * @param {string} color the selected color
 		 */
 		"item-click": {
 			details: {

package/src/ColorPaletteItem.js

@@ -43,7 +43,7 @@ const metadata = {
 		/**
 		 * Defines the index of the item inside of the ColorPalette.
 		 * @private
-		 * @type {String}
+		 * @type {string}
 		 */
 		index: {
 			type: String,
@@ -52,7 +52,7 @@ const metadata = {
 		/**
 		 * Defines if the ColorPalette is on phone mode.
 		 * @private
-		 * @type {Boolean}
+		 * @type {boolean}
 		 */
 		phone: {
 			type: Boolean,

package/src/ColorPalettePopover.hbs

@@ -12,7 +12,7 @@
 		<ui5-color-palette
 			?show-more-colors="{{this.showMoreColors}}"
 			?show-recent-colors="{{this.showRecentColors}}"
-			?show-default-color="{{this.defaultColor}}"
+			?show-default-color="{{this.showDefaultColor}}"
 			default-color="{{this.defaultColor}}"
 			popup-mode
 			@ui5-item-click="{{onSelectedColor}}"

package/src/ColorPalettePopover.js

@@ -68,8 +68,8 @@ const metadata = {
 	slots: /** @lends sap.ui.webcomponents.main.ColorPalettePopover.prototype */ {
 		/**
 		 * Defines the content of the component.
-		 * @type {HTMLElement[]}
-		 * @slot
+		 * @type {sap.ui.webcomponents.main.IColorPaletteItem[]}
+		 * @slot colors
 		 * @public
 		 */
 		"default": {
@@ -84,7 +84,7 @@ const metadata = {
 		 *
 		 * @event sap.ui.webcomponents.main.ColorPalettePopover#item-click
 		 * @public
-		 * @param {String} color the selected color
+		 * @param {string} color the selected color
 		 */
 		"item-click": {
 			details: {