@ui5/webcomponents 1.4.0 → 1.5.0

package/src/SegmentedButtonItem.js

@@ -10,7 +10,7 @@ import { SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION } from "./generated/i18n/i18n-defa
  */
 const metadata = {
 	tag: "ui5-segmented-button-item",
-	properties: /** @lends  sap.ui.webcomponents.main.SegmentedButtonItem.prototype */ {
+	properties: /** @lends sap.ui.webcomponents.main.SegmentedButtonItem.prototype */ {
 		/**
 		 * <b>Note:</b> The property is inherited and not supported. If set, it won't take any effect.
 		 *
@@ -70,7 +70,7 @@ const metadata = {
 /**
  * @class
  *
- *<h3 class="comment-api-title">Overview</h3>
+ * <h3 class="comment-api-title">Overview</h3>
  *
  * Users can use the <code>ui5-segmented-button-item</code> as part of a <code>ui5-segmented-button</code>.
  * <br><br>

package/src/Select.js

@@ -109,7 +109,7 @@ const metadata = {
 			type: HTMLElement,
 		},
 	},
-	properties: /** @lends  sap.ui.webcomponents.main.Select.prototype */  {
+	properties: /** @lends sap.ui.webcomponents.main.Select.prototype */  {
 
 		/**
 		 * Defines whether the component is in disabled state.

package/src/SliderBase.hbs

@@ -6,6 +6,7 @@
 	@mouseout="{{_onmouseout}}"
 	@keydown="{{_onkeydown}}"
 	@keyup="{{_onkeyup}}"
+	part="root-container"
 >
 	{{> handlesAriaText}}
 

package/src/StandardListItem.js

@@ -2,6 +2,7 @@ import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
 import ListItem from "./ListItem.js";
 import Icon from "./Icon.js";
 import Avatar from "./Avatar.js";
+import WrappingType from "./types/WrappingType.js";
 import StandardListItemTemplate from "./generated/templates/StandardListItemTemplate.lit.js";
 
 /**
@@ -98,6 +99,21 @@ const metadata = {
 			type: String,
 		},
 
+		/**
+		 * Defines if the text of the component should wrap, they truncate by default.
+		 *
+		 * <br><br>
+		 * <b>Note:</b> this property takes affect only if text node is provided to default slot of the component
+		 * @type {WrappingType}
+		 * @defaultvalue "None"
+		 * @private
+		 * @since 1.5.0
+		 */
+		 wrappingType: {
+			type: WrappingType,
+			defaultValue: WrappingType.None,
+		},
+
 		/**
 		 * Indicates if the list item has text content.
 		 * @type {boolean}

package/src/SuggestionGroupItem.js

@@ -6,7 +6,7 @@ import GroupHeaderListItem from "./GroupHeaderListItem.js";
  */
 const metadata = {
 	tag: "ui5-suggestion-group-item",
-	properties: /** @lends  sap.ui.webcomponents.main.SuggestionGroupItem.prototype */ {
+	properties: /** @lends sap.ui.webcomponents.main.SuggestionGroupItem.prototype */ {
 		/**
 		 * Defines the text of the <code>ui5-suggestion-group-item</code>.
 		 *
@@ -18,9 +18,9 @@ const metadata = {
 			type: String,
 		},
 	},
-	slots: /** @lends  sap.ui.webcomponents.main.SuggestionGroupItem.prototype */ {
+	slots: /** @lends sap.ui.webcomponents.main.SuggestionGroupItem.prototype */ {
 	},
-	events: /** @lends  sap.ui.webcomponents.main.SuggestionGroupItem.prototype */ {
+	events: /** @lends sap.ui.webcomponents.main.SuggestionGroupItem.prototype */ {
 	},
 };
 

package/src/SuggestionItem.js

@@ -9,7 +9,7 @@ import ListItemType from "./types/ListItemType.js";
  */
 const metadata = {
 	tag: "ui5-suggestion-item",
-	properties: /** @lends  sap.ui.webcomponents.main.SuggestionItem.prototype */ {
+	properties: /** @lends sap.ui.webcomponents.main.SuggestionItem.prototype */ {
 		/**
 		 * Defines the text of the component.
 		 *
@@ -111,9 +111,9 @@ const metadata = {
 			defaultValue: ValueState.None,
 		},
 	},
-	slots: /** @lends  sap.ui.webcomponents.main.SuggestionItem.prototype */ {
+	slots: /** @lends sap.ui.webcomponents.main.SuggestionItem.prototype */ {
 	},
-	events: /** @lends  sap.ui.webcomponents.main.SuggestionItem.prototype */ {
+	events: /** @lends sap.ui.webcomponents.main.SuggestionItem.prototype */ {
 	},
 };
 

package/src/Tab.js

@@ -405,7 +405,7 @@ class Tab extends UI5Element {
 			classes.push(`ui5-tab-overflow-item--${this.design.toLowerCase()}`);
 		}
 
-		if (this.disabled) {
+		if (this.effectiveDisabled) {
 			classes.push("ui5-tab-overflow-item--disabled");
 		}
 

package/src/TabContainer.js

@@ -53,7 +53,7 @@ const metadata = {
 	languageAware: true,
 	managedSlots: true,
 	fastNavigation: true,
-	slots: /** @lends  sap.ui.webcomponents.main.TabContainer.prototype */ {
+	slots: /** @lends sap.ui.webcomponents.main.TabContainer.prototype */ {
 		/**
 		 * Defines the tabs.
 		 * <br><br>
@@ -99,7 +99,7 @@ const metadata = {
 			type: HTMLElement,
 		},
 	},
-	properties: /** @lends  sap.ui.webcomponents.main.TabContainer.prototype */ {
+	properties: /** @lends sap.ui.webcomponents.main.TabContainer.prototype */ {
 		/**
 		 * Defines whether the tabs are in a fixed state that is not
 		 * expandable/collapsible by user interaction.
@@ -254,7 +254,7 @@ const metadata = {
 			multiple: true,
 		},
 	},
-	events: /** @lends  sap.ui.webcomponents.main.TabContainer.prototype */ {
+	events: /** @lends sap.ui.webcomponents.main.TabContainer.prototype */ {
 
 		/**
 		 * Fired when a tab is selected.

package/src/TabInOverflow.hbs

@@ -2,7 +2,6 @@
 	id="{{this._id}}"
 	class="{{this.overflowClasses}}"
 	type="{{this.overflowState}}"
-	?disabled="{{this.effectiveDisabled}}"
 	aria-disabled="{{this.effectiveDisabled}}"
 	aria-selected="{{this.effectiveSelected}}"
 	aria-labelledby="{{this.ariaLabelledBy}}"

package/src/Table.js

@@ -4,7 +4,6 @@ import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.j
 import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
 import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import NavigationMode from "@ui5/webcomponents-base/dist/types/NavigationMode.js";
-import { isIE } from "@ui5/webcomponents-base/dist/Device.js";
 import {
 	isTabNext,
 	isTabPrevious,
@@ -561,9 +560,7 @@ class Table extends UI5Element {
 	}
 
 	onEnterDOM() {
-		if (!isIE()) {
-			this.growingIntersectionObserver = this.getIntersectionObserver();
-		}
+		this.growingIntersectionObserver = this.getIntersectionObserver();
 
 		ResizeHandler.register(this.getDomRef(), this._handleResize);
 
@@ -573,11 +570,9 @@ class Table extends UI5Element {
 	onExitDOM() {
 		ResizeHandler.deregister(this.getDomRef(), this._handleResize);
 
-		if (!isIE()) {
-			this.growingIntersectionObserver.disconnect();
-			this.growingIntersectionObserver = null;
-			this.tableEndObserved = false;
-		}
+		this.growingIntersectionObserver.disconnect();
+		this.growingIntersectionObserver = null;
+		this.tableEndObserved = false;
 	}
 
 	_onkeydown(event) {
@@ -1124,16 +1119,11 @@ class Table extends UI5Element {
 	}
 
 	get growsWithButton() {
-		if (isIE()) {
-			// On IE fallback to "More" button, even if growing of type "Scroll" is set.
-			return this.growing === TableGrowingMode.Button || this.growing === TableGrowingMode.Scroll;
-		}
-
 		return this.growing === TableGrowingMode.Button;
 	}
 
 	get growsOnScroll() {
-		return !isIE() && this.growing === TableGrowingMode.Scroll;
+		return this.growing === TableGrowingMode.Scroll;
 	}
 
 	get _growingButtonText() {
@@ -1170,10 +1160,6 @@ class Table extends UI5Element {
 	}
 
 	get busyIndPosition() {
-		if (isIE()) {
-			return "absolute";
-		}
-
 		return this._inViewport ? "absolute" : "sticky";
 	}
 

package/src/TextArea.js

@@ -5,7 +5,6 @@ import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AriaLabelHelper.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { getFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
-import { isIE } from "@ui5/webcomponents-base/dist/Device.js";
 import { isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
 import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
 import Popover from "./Popover.js";
@@ -467,20 +466,11 @@ class TextArea extends UI5Element {
 	_oninput(event) {
 		const nativeTextArea = this.getInputDomRef();
 
-		/* skip calling change event when an textarea with a placeholder is focused on IE
-			- value of the host and the internal textarea should be different in case of actual input
-			- input is called when a key is pressed => keyup should not be called yet
-		*/
-		const skipFiring = (nativeTextArea.value === this.value) && isIE() && !this._keyDown && !!this.placeholder;
 		if (event.target === nativeTextArea) {
 			// stop the native event, as the semantic "input" would be fired.
 			event.stopImmediatePropagation();
 		}
 
-		if (skipFiring) {
-			return;
-		}
-
 		this.value = nativeTextArea.value;
 		this.fireEvent("input", {});
 

package/src/TimeSelection.hbs

@@ -16,7 +16,7 @@
 				@click="{{selectSlider}}"
 				@focusin="{{selectSlider}}"
 				data-sap-slider="hours"
-				?cyclic="{{_isCyclic}}"
+				cyclic
 		></ui5-wheelslider>
 	{{/if}}
 	{{#if _hasMinutesSlider}}
@@ -29,7 +29,7 @@
 				@click="{{selectSlider}}"
 				@focusin="{{selectSlider}}"
 				data-sap-slider="minutes"
-				?cyclic="{{_isCyclic}}"
+				cyclic
 		></ui5-wheelslider>
 	{{/if}}
 	{{#if _hasSecondsSlider}}
@@ -42,7 +42,7 @@
 				@click="{{selectSlider}}"
 				@focusin="{{selectSlider}}"
 				data-sap-slider="seconds"
-				?cyclic="{{_isCyclic}}"
+				cyclic
 		></ui5-wheelslider>
 	{{/if}}
 	{{#if _hasPeriodsSlider}}

package/src/TimeSelection.js

@@ -1,7 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { isPhone, isIE } from "@ui5/webcomponents-base/dist/Device.js";
+import { isPhone } from "@ui5/webcomponents-base/dist/Device.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import getLocale from "@ui5/webcomponents-base/dist/locale/getLocale.js";
 import DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
@@ -481,10 +481,6 @@ class TimeSelection extends UI5Element {
 		return TimeSelection.i18nBundle.getText(TIMEPICKER_PERIODS_LABEL);
 	}
 
-	get _isCyclic() {
-		return !isIE();
-	}
-
 	get classes() {
 		return {
 			root: {

package/src/ToggleButton.js

@@ -1,4 +1,3 @@
-import isLegacyBrowser from "@ui5/webcomponents-base/dist/isLegacyBrowser.js";
 import { isSpaceShift } from "@ui5/webcomponents-base/dist/Keys.js";
 import { isSafari } from "@ui5/webcomponents-base/dist/Device.js";
 import Button from "./Button.js";
@@ -6,7 +5,6 @@ import ToggleButtonTemplate from "./generated/templates/ToggleButtonTemplate.lit
 
 // Styles
 import toggleBtnCss from "./generated/themes/ToggleButton.css.js";
-import toggleBtnIECss from "./generated/themes/ToggleButton.ie11.css.js";
 
 /**
  * @public
@@ -14,7 +12,7 @@ import toggleBtnIECss from "./generated/themes/ToggleButton.ie11.css.js";
 const metadata = {
 	tag: "ui5-toggle-button",
 	altTag: "ui5-togglebutton",
-	properties: /** @lends  sap.ui.webcomponents.main.ToggleButton.prototype */ {
+	properties: /** @lends sap.ui.webcomponents.main.ToggleButton.prototype */ {
 		/**
 		 * Determines whether the component is displayed as pressed.
 		 *
@@ -31,7 +29,7 @@ const metadata = {
 /**
  * @class
  *
- *<h3 class="comment-api-title">Overview</h3>
+ * <h3 class="comment-api-title">Overview</h3>
  *
  * The <code>ui5-toggle-button</code> component is an enhanced <code>ui5-button</code>
  * that can be toggled between pressed and normal states.
@@ -63,7 +61,7 @@ class ToggleButton extends Button {
 	}
 
 	static get styles() {
-		return [Button.styles, toggleBtnCss, isLegacyBrowser() && toggleBtnIECss];
+		return [Button.styles, toggleBtnCss];
 	}
 
 	_onclick() {

package/src/Token.js

@@ -78,7 +78,7 @@ const metadata = {
 		_tabIndex: { type: String, defaultValue: "-1", noAttribute: true },
 	},
 
-	slots: /** @lends  sap.ui.webcomponents.main.Token.prototype */ {
+	slots: /** @lends sap.ui.webcomponents.main.Token.prototype */ {
 
 		/**
 		 * Defines the close icon for the token. If nothing is provided to this slot, the default close icon will be used.

package/src/TreeListItem.js

@@ -2,7 +2,6 @@ import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
 import { isLeft, isRight } from "@ui5/webcomponents-base/dist/Keys.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
-import { isIE } from "@ui5/webcomponents-base/dist/Device.js";
 import ListItem from "./ListItem.js";
 import Icon from "./Icon.js";
 import "@ui5/webcomponents-icons/dist/navigation-right-arrow.js";
@@ -260,7 +259,7 @@ class TreeListItem extends ListItem {
 	get styles() {
 		return {
 			preContent: {
-				"padding-left": isIE() ? `${this.effectiveLevel}rem` : `calc(var(--_ui5-tree-indent-step) * ${this.effectiveLevel})`,
+				"padding-left": `calc(var(--_ui5-tree-indent-step) * ${this.effectiveLevel})`,
 			},
 		};
 	}

package/src/YearPicker.js

@@ -26,7 +26,7 @@ import styles from "./generated/themes/YearPicker.css.js";
  */
 const metadata = {
 	tag: "ui5-yearpicker",
-	properties: /** @lends  sap.ui.webcomponents.main.YearPicker.prototype */ {
+	properties: /** @lends sap.ui.webcomponents.main.YearPicker.prototype */ {
 		/**
 		 * An array of UTC timestamps representing the selected date or dates depending on the capabilities of the picker component.
 		 * @type {Array}
@@ -48,7 +48,7 @@ const metadata = {
 			noAttribute: true,
 		},
 	},
-	events: /** @lends  sap.ui.webcomponents.main.YearPicker.prototype */ {
+	events: /** @lends sap.ui.webcomponents.main.YearPicker.prototype */ {
 		/**
 		 * Fired when the user selects a year (space/enter/click).
 		 * @public

package/src/features/InputElementsFormSupport.js

@@ -7,12 +7,25 @@ class FormSupport {
 	 * @param nativeInputUpdateCallback - determines how the native input's disabled and value properties are calculated
 	 */
 	static syncNativeHiddenInput(element, nativeInputUpdateCallback) {
-		const needsNativeInput = !!element.name;
-		let nativeInput = element.querySelector("input[type=hidden][data-ui5-form-support]");
+		const needsNativeInput = !!element.name || element.required;
+		let nativeInput = element.querySelector("input[data-ui5-form-support]");
 		if (needsNativeInput && !nativeInput) {
 			nativeInput = document.createElement("input");
-			nativeInput.type = "hidden";
+
+			nativeInput.style.clip = "rect(0 0 0 0)";
+			nativeInput.style.clipPath = "inset(50%)";
+			nativeInput.style.height = "1px";
+			nativeInput.style.overflow = "hidden";
+			nativeInput.style.position = "absolute";
+			nativeInput.style.whiteSpace = "nowrap";
+			nativeInput.style.width = "1px";
+			nativeInput.style.bottom = "0";
+			nativeInput.setAttribute("tabindex", "-1");
+			nativeInput.required = element.required;
 			nativeInput.setAttribute("data-ui5-form-support", "");
+
+			nativeInput.addEventListener("focusin", event => element.focus());
+
 			nativeInput.slot = "formSupport"; // Needed for IE - otherwise input elements are not part of the real DOM tree and are not detected by forms
 			element.appendChild(nativeInput);
 		}

package/src/i18n/messagebundle_ar.properties

@@ -59,19 +59,19 @@ COLOR_PALETTE_DIALOG_TITLE=تغيير اللون
 
 COLOR_PALETTE_MORE_COLORS_TEXT=مزيد من الألوان...
 
-COLORPICKER_ALPHA_SLIDER=Alpha control
+COLORPICKER_ALPHA_SLIDER=عنصر تحكم ألفا
 
-COLORPICKER_HUE_SLIDER=Hue control
+COLORPICKER_HUE_SLIDER=عنصر تحكم تدرج اللون
 
-COLORPICKER_HEX=Hexadecimal
+COLORPICKER_HEX=ست عشري
 
-COLORPICKER_RED=Red
+COLORPICKER_RED=أحمر
 
-COLORPICKER_GREEN=Green
+COLORPICKER_GREEN=أخضر
 
-COLORPICKER_BLUE=Blue
+COLORPICKER_BLUE=أزرق
 
-COLORPICKER_ALPHA=Alpha
+COLORPICKER_ALPHA=ألفا
 
 DATEPICKER_OPEN_ICON_TITLE=فتح أداة الانتقاء
 

package/src/i18n/messagebundle_bg.properties

@@ -59,19 +59,19 @@ COLOR_PALETTE_DIALOG_TITLE=Промяна на цвят
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Още цветове...
 
-COLORPICKER_ALPHA_SLIDER=Alpha control
+COLORPICKER_ALPHA_SLIDER=Алфа-контрол
 
-COLORPICKER_HUE_SLIDER=Hue control
+COLORPICKER_HUE_SLIDER=Контрол на цветове
 
-COLORPICKER_HEX=Hexadecimal
+COLORPICKER_HEX=Шестнадесетичен
 
-COLORPICKER_RED=Red
+COLORPICKER_RED=Червен
 
-COLORPICKER_GREEN=Green
+COLORPICKER_GREEN=Зелен
 
-COLORPICKER_BLUE=Blue
+COLORPICKER_BLUE=Син
 
-COLORPICKER_ALPHA=Alpha
+COLORPICKER_ALPHA=Алфа
 
 DATEPICKER_OPEN_ICON_TITLE=Отваряне на средство за избор
 

package/src/i18n/messagebundle_ca.properties

@@ -59,19 +59,19 @@ COLOR_PALETTE_DIALOG_TITLE=Modificar color
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Més colors...
 
-COLORPICKER_ALPHA_SLIDER=Alpha control
+COLORPICKER_ALPHA_SLIDER=Regulador alfa
 
-COLORPICKER_HUE_SLIDER=Hue control
+COLORPICKER_HUE_SLIDER=Regulador de tonalitat
 
 COLORPICKER_HEX=Hexadecimal
 
-COLORPICKER_RED=Red
+COLORPICKER_RED=Vermell
 
-COLORPICKER_GREEN=Green
+COLORPICKER_GREEN=Verd
 
-COLORPICKER_BLUE=Blue
+COLORPICKER_BLUE=Blau
 
-COLORPICKER_ALPHA=Alpha
+COLORPICKER_ALPHA=Alfa
 
 DATEPICKER_OPEN_ICON_TITLE=Obrir selector
 

package/src/i18n/messagebundle_cs.properties

@@ -59,19 +59,19 @@ COLOR_PALETTE_DIALOG_TITLE=Změnit barvu
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Další barvy...
 
-COLORPICKER_ALPHA_SLIDER=Alpha control
+COLORPICKER_ALPHA_SLIDER=Řízení alfa
 
-COLORPICKER_HUE_SLIDER=Hue control
+COLORPICKER_HUE_SLIDER=Řízení barevného odstínu
 
-COLORPICKER_HEX=Hexadecimal
+COLORPICKER_HEX=Hexadecimální
 
-COLORPICKER_RED=Red
+COLORPICKER_RED=Červená
 
-COLORPICKER_GREEN=Green
+COLORPICKER_GREEN=Zelená
 
-COLORPICKER_BLUE=Blue
+COLORPICKER_BLUE=Modrá
 
-COLORPICKER_ALPHA=Alpha
+COLORPICKER_ALPHA=Alfa
 
 DATEPICKER_OPEN_ICON_TITLE=Otevřít výběr
 

package/src/i18n/messagebundle_cy.properties

@@ -59,17 +59,17 @@ COLOR_PALETTE_DIALOG_TITLE=Newid Lliw
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Mwy o Liwiau...
 
-COLORPICKER_ALPHA_SLIDER=Alpha control
+COLORPICKER_ALPHA_SLIDER=Rheolaeth Alpha
 
-COLORPICKER_HUE_SLIDER=Hue control
+COLORPICKER_HUE_SLIDER=Rheolaeth Arlliw
 
-COLORPICKER_HEX=Hexadecimal
+COLORPICKER_HEX=Hecsadegol
 
-COLORPICKER_RED=Red
+COLORPICKER_RED=Coch
 
-COLORPICKER_GREEN=Green
+COLORPICKER_GREEN=Gwyrdd
 
-COLORPICKER_BLUE=Blue
+COLORPICKER_BLUE=Glas
 
 COLORPICKER_ALPHA=Alpha
 

package/src/i18n/messagebundle_da.properties

@@ -59,19 +59,19 @@ COLOR_PALETTE_DIALOG_TITLE=Ændr farve
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Flere farver...
 
-COLORPICKER_ALPHA_SLIDER=Alpha control
+COLORPICKER_ALPHA_SLIDER=Alfakontrol
 
-COLORPICKER_HUE_SLIDER=Hue control
+COLORPICKER_HUE_SLIDER=Farvetonekontrol
 
 COLORPICKER_HEX=Hexadecimal
 
-COLORPICKER_RED=Red
+COLORPICKER_RED=Rød
 
-COLORPICKER_GREEN=Green
+COLORPICKER_GREEN=Grøn
 
-COLORPICKER_BLUE=Blue
+COLORPICKER_BLUE=Blå
 
-COLORPICKER_ALPHA=Alpha
+COLORPICKER_ALPHA=Alfa
 
 DATEPICKER_OPEN_ICON_TITLE=Åben selektion
 

package/src/i18n/messagebundle_de.properties

@@ -59,17 +59,17 @@ COLOR_PALETTE_DIALOG_TITLE=Farbe ändern
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Mehr Farben...
 
-COLORPICKER_ALPHA_SLIDER=Alpha control
+COLORPICKER_ALPHA_SLIDER=Alpha-Regler
 
-COLORPICKER_HUE_SLIDER=Hue control
+COLORPICKER_HUE_SLIDER=Farbtonregler
 
-COLORPICKER_HEX=Hexadecimal
+COLORPICKER_HEX=Hexadezimal
 
-COLORPICKER_RED=Red
+COLORPICKER_RED=Rot
 
-COLORPICKER_GREEN=Green
+COLORPICKER_GREEN=Grün
 
-COLORPICKER_BLUE=Blue
+COLORPICKER_BLUE=Blau
 
 COLORPICKER_ALPHA=Alpha
 

package/src/i18n/messagebundle_el.properties

@@ -59,19 +59,19 @@ COLOR_PALETTE_DIALOG_TITLE=Αλλαγή Χρώματος
 
 COLOR_PALETTE_MORE_COLORS_TEXT=Περισσότερα Χρώματα...
 
-COLORPICKER_ALPHA_SLIDER=Alpha control
+COLORPICKER_ALPHA_SLIDER=Έλεγχος Άλφα
 
-COLORPICKER_HUE_SLIDER=Hue control
+COLORPICKER_HUE_SLIDER=Ελεγχος Hue
 
-COLORPICKER_HEX=Hexadecimal
+COLORPICKER_HEX=Δεκαεξαδικός
 
-COLORPICKER_RED=Red
+COLORPICKER_RED=Κόκκινο
 
-COLORPICKER_GREEN=Green
+COLORPICKER_GREEN=Πράσινο
 
-COLORPICKER_BLUE=Blue
+COLORPICKER_BLUE=Μπλε
 
-COLORPICKER_ALPHA=Alpha
+COLORPICKER_ALPHA=Άλφα
 
 DATEPICKER_OPEN_ICON_TITLE=Ανοιγμα Επιλογέα
 

package/src/i18n/messagebundle_en_US_sappsd.properties

@@ -59,6 +59,20 @@ COLOR_PALETTE_DIALOG_TITLE=[[[Ĉĥąŋğē Ĉŏĺŏŗ∙∙∙∙∙∙∙]]]
 
 COLOR_PALETTE_MORE_COLORS_TEXT=[[[Μŏŗē Ĉŏĺŏŗş...∙∙∙∙∙]]]
 
+COLORPICKER_ALPHA_SLIDER=[[[Āĺρĥą ċŏŋţŗŏĺ∙∙∙∙∙∙]]]
+
+COLORPICKER_HUE_SLIDER=[[[Ĥűē ċŏŋţŗŏĺ∙∙∙∙∙∙∙∙]]]
+
+COLORPICKER_HEX=[[[Ĥēχąƌēċįɱąĺ∙∙∙∙∙∙∙∙]]]
+
+COLORPICKER_RED=[[[Řēƌ∙]]]
+
+COLORPICKER_GREEN=[[[Ģŗēēŋ∙∙∙∙∙∙∙∙∙]]]
+
+COLORPICKER_BLUE=[[[Ɓĺűē]]]
+
+COLORPICKER_ALPHA=[[[Āĺρĥą∙∙∙∙∙∙∙∙∙]]]
+
 DATEPICKER_OPEN_ICON_TITLE=[[[Ŏρēŋ Ƥįċķēŗ∙∙∙∙∙∙∙∙]]]
 
 DATEPICKER_DATE_DESCRIPTION=[[[Ďąţē Ĭŋρűţ∙∙∙∙]]]