@ui5/webcomponents 2.14.0-rc.6 → 2.14.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@ui5/webcomponents",
-  "version": "2.14.0-rc.6",
+  "version": "2.14.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2032,7 +2032,7 @@
         },
         {
           "name": "ui5-date-picker",
-          "description": "### Overview\n\nThe `ui5-date-picker` component provides an input field with assigned calendar which opens on user action.\nThe `ui5-date-picker` allows users to select a localized date using touch,\nmouse, or keyboard input. It consists of two parts: the date input field and the\ndate picker.\n\n### Usage\n\nThe user can enter a date by:\n\n- Using the calendar that opens in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and presses the enter key, the calendar shows the corresponding date.\nWhen the user directly triggers the calendar display, the actual date is displayed.\n\n### Formatting\n\nIf a date is entered by typing it into\nthe input field, it must fit to the used date format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\nFor example, if the `format-pattern` is \"yyyy-MM-dd\",\na valid value string is \"2015-07-30\" and the same is displayed in the input.\n\n### Keyboard Handling\nThe `ui5-date-picker` provides advanced keyboard handling.\nIf the `ui5-date-picker` is focused,\nyou can open or close the drop-down by pressing [F4], [Alt] + [Up] or [Alt] + [Down] keys.\nOnce the drop-down is opened, you can use the [Up], [Down], [Left] or [Right] arrow keys\nto navigate through the dates and select one by pressing the `Space` or `Enter` keys. Moreover you can\nuse TAB to reach the buttons for changing month and year.\n\nIf the `ui5-date-picker` input field is focused and its corresponding picker dialog is not opened,\nthen users can increment or decrement the date referenced by `dateValue` property\nby using the following shortcuts:\n\n- [Page Down] - Decrements the corresponding day of the month by one\n- [Shift] + [Page Down] - Decrements the corresponding month by one\n- [Shift] + [Ctrl] + [Page Down] - Decrements the corresponding year by one\n- [Page Up] - Increments the corresponding day of the month by one\n- [Shift] + [Page Up] - Increments the corresponding month by one\n- [Shift] + [Ctrl] + [Page Up] - Increments the corresponding year by one\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n<script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DatePicker.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component is changed at each key stroke.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.\n- **open** - Fired after the component's picker is opened.\n- **close** - Fired after the component's picker is closed.\n\n### **Methods:**\n - **isValid(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidDisplayValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isInValidRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.\n- **formatValue(date: _Date_): _string_** - Formats a Java Script date object into a string representing a locale date\naccording to the `formatPattern` property of the DatePicker instance\n\n### **Slots:**\n - **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
+          "description": "### Overview\n\nThe `ui5-date-picker` component provides an input field with assigned calendar which opens on user action.\nThe `ui5-date-picker` allows users to select a localized date using touch,\nmouse, or keyboard input. It consists of two parts: the date input field and the\ndate picker.\n\n### Usage\n\nThe user can enter a date by:\n\n- Using the calendar that opens in a popup\n- Typing it in directly in the input field\n\nWhen the user makes an entry and presses the enter key, the calendar shows the corresponding date.\nWhen the user directly triggers the calendar display, the actual date is displayed.\n\n### Formatting\n\nIf a date is entered by typing it into\nthe input field, it must fit to the used date format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\nFor example, if the `format-pattern` is \"yyyy-MM-dd\",\na valid value string is \"2015-07-30\" and the same is displayed in the input.\n\n### Keyboard Handling\nThe `ui5-date-picker` provides advanced keyboard handling.\nIf the `ui5-date-picker` is focused,\nyou can open or close the drop-down by pressing [F4], [Alt] + [Up] or [Alt] + [Down] keys.\nOnce the drop-down is opened, you can use the [Up], [Down], [Left] or [Right] arrow keys\nto navigate through the dates and select one by pressing the `Space` or `Enter` keys. Moreover you can\nuse TAB to reach the buttons for changing month and year.\n\nIf the `ui5-date-picker` input field is focused and its corresponding picker dialog is not opened,\nthen users can increment or decrement the date referenced by `dateValue` property\nby using the following shortcuts:\n\n- [Page Down] - Decrements the corresponding day of the month by one\n- [Shift] + [Page Down] - Decrements the corresponding month by one\n- [Shift] + [Ctrl] + [Page Down] - Decrements the corresponding year by one\n- [Page Up] - Increments the corresponding day of the month by one\n- [Shift] + [Page Up] - Increments the corresponding month by one\n- [Shift] + [Ctrl] + [Page Up] - Increments the corresponding year by one\n\n### Calendar types\nThe component supports several calendar types - Gregorian, Buddhist, Islamic, Japanese and Persian.\nBy default the Gregorian Calendar is used. In order to use the Buddhist, Islamic, Japanese or Persian calendar,\nyou need to set the `primaryCalendarType` property and import one or more of the following modules:\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Buddhist.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Islamic.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Japanese.js\";`\n\n`import \"@ui5/webcomponents-localization/dist/features/calendar/Persian.js\";`\n\nOr, you can use the global configuration and set the `calendarType` key:\n\n```html\n<script data-id=\"sap-ui-config\" type=\"application/json\">\n\t{\n\t\t\"calendarType\": \"Japanese\"\n\t}\n<script>\n```\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DatePicker.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component is changed at each key stroke.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.\n- **open** - Fired after the component's picker is opened.\n- **close** - Fired after the component's picker is closed.\n\n### **Methods:**\n - **isValid(value: _string_): _boolean_** - @deprecated Use isValidValue or isValidDisplayValue instead - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidDisplayValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isInValidRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.\n- **formatValue(date: _Date_): _string_** - Formats a Java Script date object into a string representing a locale date\naccording to the `formatPattern` property of the DatePicker instance\n\n### **Slots:**\n - **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
           "doc-url": "",
           "attributes": [
             {
@@ -2333,7 +2333,7 @@
         },
         {
           "name": "ui5-daterange-picker",
-          "description": "### Overview\nThe DateRangePicker enables the users to enter a localized date range using touch, mouse, keyboard input, or by selecting a date range in the calendar.\n\n### Usage\nThe user can enter a date by:\nUsing the calendar that opens in a popup or typing it in directly in the input field (not available for mobile devices).\nFor the `ui5-daterange-picker`\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DateRangePicker.js\";`\n\n### Keyboard Handling\nThe `ui5-daterange-picker` provides advanced keyboard handling.\n\nWhen the `ui5-daterange-picker` input field is focused the user can\nincrement or decrement respectively the range start or end date, depending on where the cursor is.\nThe following shortcuts are available:\n\n- [Page Down] - Decrements the corresponding day of the month by one\n- [Shift] + [Page Down] - Decrements the corresponding month by one\n- [Shift] + [Ctrl] + [Page Down] - Decrements the corresponding year by one\n- [Page Up] - Increments the corresponding day of the month by one\n- [Shift] + [Page Up] - Increments the corresponding month by one\n- [Shift] + [Ctrl] + [Page Up] - Increments the corresponding year by one\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component is changed at each key stroke.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.\n- **open** - Fired after the component's picker is opened.\n- **close** - Fired after the component's picker is closed.\n\n### **Methods:**\n - **isValid(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidDisplayValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isInValidRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.\n- **formatValue(date: _Date_): _string_** - Formats a Java Script date object into a string representing a locale date\naccording to the `formatPattern` property of the DatePicker instance\n\n### **Slots:**\n - **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
+          "description": "### Overview\nThe DateRangePicker enables the users to enter a localized date range using touch, mouse, keyboard input, or by selecting a date range in the calendar.\n\n### Usage\nThe user can enter a date by:\nUsing the calendar that opens in a popup or typing it in directly in the input field (not available for mobile devices).\nFor the `ui5-daterange-picker`\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DateRangePicker.js\";`\n\n### Keyboard Handling\nThe `ui5-daterange-picker` provides advanced keyboard handling.\n\nWhen the `ui5-daterange-picker` input field is focused the user can\nincrement or decrement respectively the range start or end date, depending on where the cursor is.\nThe following shortcuts are available:\n\n- [Page Down] - Decrements the corresponding day of the month by one\n- [Shift] + [Page Down] - Decrements the corresponding month by one\n- [Shift] + [Ctrl] + [Page Down] - Decrements the corresponding year by one\n- [Page Up] - Increments the corresponding day of the month by one\n- [Shift] + [Page Up] - Increments the corresponding month by one\n- [Shift] + [Ctrl] + [Page Up] - Increments the corresponding year by one\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component is changed at each key stroke.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.\n- **open** - Fired after the component's picker is opened.\n- **close** - Fired after the component's picker is closed.\n\n### **Methods:**\n - **isValid(value: _string_): _boolean_** - @deprecated Use isValidValue or isValidDisplayValue instead - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidDisplayValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isInValidRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.\n- **formatValue(date: _Date_): _string_** - Formats a Java Script date object into a string representing a locale date\naccording to the `formatPattern` property of the DatePicker instance\n\n### **Slots:**\n - **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
           "doc-url": "",
           "attributes": [
             {
@@ -2674,7 +2674,7 @@
         },
         {
           "name": "ui5-datetime-picker",
-          "description": "### Overview\nThe `DateTimePicker` component alows users to select both date (day, month and year) and time (hours, minutes and seconds)\nand for the purpose it consists of input field and Date/Time picker.\n\n### Usage\n\nUse the `DateTimePicker` if you need a combined date and time input component.\nDon't use it if you want to use either date, or time value.\nIn this case, use the `DatePicker` or the `TimePicker` components instead.\n\nThe user can set date/time by:\n\n- using the calendar and the time selectors\n- typing in the input field\n\nProgrammatically, to set date/time for the `DateTimePicker`, use the `value` property\n\n### Formatting\n\nThe value entered by typing into the input field must fit to the used date/time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\n**Example:** the following format `dd/MM/yyyy, hh:mm:ss aa`\ncorresponds the `13/04/2020, 03:16:16 AM` value.\n\nThe small 'h' defines \"12\" hours format and the \"aa\" symbols - \"AM/PM\" time periods.\n\n**Example:** the following format `dd/MM/yyyy, HH:mm:ss`\ncorresponds the `13/04/2020, 15:16:16` value.\n\nThe capital 'H' indicates \"24\" hours format.\n\n**Note:** If the `formatPattern` does NOT include time,\nthe `DateTimePicker` will fallback to the default time format according to the locale.\n\n**Note:** If no placeholder is set to the `DateTimePicker`,\nthe current `formatPattern` is displayed as a placeholder.\nIf another placeholder is needed, it must be set or in case no placeholder is needed - it can be set to an empty string.\n\n**Note:** If the user input does NOT match the `formatPattern`,\nthe `DateTimePicker` makes an attempt to parse it based on the\nlocale settings.\n\n### Responsive behavior\n\nThe `DateTimePicker` is responsive and fully adapts to all devices.\nFor larger screens, such as tablet or desktop, it is displayed as a popover, while\non phone devices, it is displayed full screen.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DateTimePicker.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component is changed at each key stroke.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.\n- **open** - Fired after the component's picker is opened.\n- **close** - Fired after the component's picker is closed.\n\n### **Methods:**\n - **isValid(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidDisplayValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isInValidRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.\n- **formatValue(date: _Date_): _string_** - Formats a Java Script date object into a string representing a locale date\naccording to the `formatPattern` property of the DatePicker instance\n\n### **Slots:**\n - **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
+          "description": "### Overview\nThe `DateTimePicker` component alows users to select both date (day, month and year) and time (hours, minutes and seconds)\nand for the purpose it consists of input field and Date/Time picker.\n\n### Usage\n\nUse the `DateTimePicker` if you need a combined date and time input component.\nDon't use it if you want to use either date, or time value.\nIn this case, use the `DatePicker` or the `TimePicker` components instead.\n\nThe user can set date/time by:\n\n- using the calendar and the time selectors\n- typing in the input field\n\nProgrammatically, to set date/time for the `DateTimePicker`, use the `value` property\n\n### Formatting\n\nThe value entered by typing into the input field must fit to the used date/time format.\n\nSupported format options are pattern-based on Unicode LDML Date Format notation.\nFor more information, see [UTS #35: Unicode Locale Data Markup Language](https://unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table).\n\n**Example:** the following format `dd/MM/yyyy, hh:mm:ss aa`\ncorresponds the `13/04/2020, 03:16:16 AM` value.\n\nThe small 'h' defines \"12\" hours format and the \"aa\" symbols - \"AM/PM\" time periods.\n\n**Example:** the following format `dd/MM/yyyy, HH:mm:ss`\ncorresponds the `13/04/2020, 15:16:16` value.\n\nThe capital 'H' indicates \"24\" hours format.\n\n**Note:** If the `formatPattern` does NOT include time,\nthe `DateTimePicker` will fallback to the default time format according to the locale.\n\n**Note:** If no placeholder is set to the `DateTimePicker`,\nthe current `formatPattern` is displayed as a placeholder.\nIf another placeholder is needed, it must be set or in case no placeholder is needed - it can be set to an empty string.\n\n**Note:** If the user input does NOT match the `formatPattern`,\nthe `DateTimePicker` makes an attempt to parse it based on the\nlocale settings.\n\n### Responsive behavior\n\nThe `DateTimePicker` is responsive and fully adapts to all devices.\nFor larger screens, such as tablet or desktop, it is displayed as a popover, while\non phone devices, it is displayed full screen.\n\n### ES6 Module Import\n\n`import \"@ui5/webcomponents/dist/DateTimePicker.js\";`\n---\n\n\n### **Events:**\n - **change** - Fired when the input operation has finished by pressing Enter or on focusout.\n- **input** - Fired when the value of the component is changed at each key stroke.\n- **value-state-change** - Fired before the value state of the component is updated internally.\nThe event is preventable, meaning that if it's default action is\nprevented, the component will not update the value state.\n- **open** - Fired after the component's picker is opened.\n- **close** - Fired after the component's picker is closed.\n\n### **Methods:**\n - **isValid(value: _string_): _boolean_** - @deprecated Use isValidValue or isValidDisplayValue instead - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isValidDisplayValue(value: _string_): _boolean_** - Checks if a value is valid against the current date format of the DatePicker.\n- **isInValidRange(value: _string_): _boolean_** - Checks if a date is between the minimum and maximum date.\n- **formatValue(date: _Date_): _string_** - Formats a Java Script date object into a string representing a locale date\naccording to the `formatPattern` property of the DatePicker instance\n\n### **Slots:**\n - **valueStateMessage** - Defines the value state message that will be displayed as pop up under the component.\n\n**Note:** If not specified, a default text (in the respective language) will be displayed.\n\n**Note:** The `valueStateMessage` would be displayed,\nwhen the component is in `Information`, `Critical` or `Negative` value state.",
           "doc-url": "",
           "attributes": [
             {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ui5/webcomponents",
-  "version": "2.14.0-rc.6",
+  "version": "2.14.0",
   "description": "UI5 Web Components: webcomponents.main",
   "ui5": {
     "webComponentsPackage": true
@@ -54,20 +54,20 @@
     "directory": "packages/main"
   },
   "dependencies": {
-    "@ui5/webcomponents-base": "2.14.0-rc.6",
-    "@ui5/webcomponents-icons": "2.14.0-rc.6",
-    "@ui5/webcomponents-icons-business-suite": "2.14.0-rc.6",
-    "@ui5/webcomponents-icons-tnt": "2.14.0-rc.6",
-    "@ui5/webcomponents-localization": "2.14.0-rc.6",
-    "@ui5/webcomponents-theming": "2.14.0-rc.6"
+    "@ui5/webcomponents-base": "2.14.0",
+    "@ui5/webcomponents-icons": "2.14.0",
+    "@ui5/webcomponents-icons-business-suite": "2.14.0",
+    "@ui5/webcomponents-icons-tnt": "2.14.0",
+    "@ui5/webcomponents-localization": "2.14.0",
+    "@ui5/webcomponents-theming": "2.14.0"
   },
   "devDependencies": {
     "@ui5/cypress-internal": "0.0.0",
-    "@ui5/webcomponents-tools": "2.14.0-rc.6",
+    "@ui5/webcomponents-tools": "2.14.0",
     "chromedriver": "^138.0.5",
     "jsdom": "^26.0.0",
     "lit": "^2.0.0",
     "vitest": "^3.0.2"
   },
-  "gitHead": "925f21ce14fadde167761377c5ddea97466a45ad"
+  "gitHead": "798113e3338ae2e3570cbee2ad0eb629d70445e4"
 }

package/src/BreadcrumbsTemplate.tsx

@@ -56,7 +56,7 @@ export default function BreadcrumbsTemplate(this: Breadcrumbs) {
 							aria-current="page"
 							aria-label={this._currentLocationAccName}
 						>
-							<Label>
+							<Label wrappingType="None">
 								{this._currentLocationText}
 							</Label>
 						</span>

package/src/ColorPaletteTemplate.tsx

@@ -15,6 +15,7 @@ export default function ColorPaletteTemplate(this: ColorPalette) {
 				onClick={this._onclick}
 				onKeyUp={this._onkeyup}
 				onKeyDown={this._onkeydown}
+				onMouseDown={this._onmousedown}
 			>
 				{this.showDefaultColor &&
 					<div class="ui5-cp-default-color-button-wrapper">

package/src/ComboBoxPopoverTemplate.tsx

@@ -86,6 +86,7 @@ export default function ComboBoxPopoverTemplate(this: ComboBox) {
 				</div>
 				}
 
+				{!!this._filteredItems.length &&
 				<List
 					class="ui5-combobox-items-list"
 					separators="None"
@@ -97,6 +98,7 @@ export default function ComboBoxPopoverTemplate(this: ComboBox) {
 				>
 					{ this._filteredItems.map(item => <slot name={item._individualSlot}></slot>)}
 				</List>
+				}
 
 				{this._isPhone &&
 			<div slot="footer" class="ui5-responsive-popover-footer">

package/src/i18n/messagebundle_ar.properties

@@ -121,13 +121,13 @@ DATETIME_DESCRIPTION=إدخال التاريخ/الوقت
 
 DATERANGE_DESCRIPTION=إدخال نطاق التواريخ
 
-DATEPICKER_POPOVER_ACCESSIBLE_NAME=اختيار التاريخ
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=اختيار تاريخ لـ {0}
 
 DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=على سبيل المثال
 
-DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=اختيار التاريخ والوقت
+DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=اختيار التاريخ والوقت لـ {0}
 
-DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=اختيار نطاق التواريخ
+DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=اختيار نطاق تواريخ لـ {0}
 
 DELETE=حذف
 
@@ -204,31 +204,31 @@ ARIA_LABEL_LIST_ITEM_RADIO_BUTTON=تحديد البنود.
 
 ARIA_LABEL_LIST_SELECTABLE=توجد بنود قابلة للتحديد
 
-ARIA_LABEL_LIST_MULTISELECTABLE=توجد بنود قابلة لتحديد متعدد
+ARIA_LABEL_LIST_MULTISELECTABLE=توجد بنود قابلة للتحديد المتعدد
 
 ARIA_LABEL_LIST_DELETABLE=توجد بنود قابلة للحذف
 
-MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=المعلومات: إغلاق شريط المعلومات
+MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=إغلاق شريط رسالة المعلومات
 
-MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=إغلاق شريط المعلومات الإيجابية
+MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=إغلاق شريط الرسالة الإيجابية
 
-MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=إغلاق شريط المعلومات السلبية
+MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=إغلاق شريط الرسالة السلبية
 
-MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=إغلاق شريط المعلومات المهمة
+MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=إغلاق شريط الرسالة الحرجة
 
-MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=إغلاق شريط المعلومات المخصصة
+MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=إغلاق شريط الرسالة المخصصة
 
 MESSAGE_STRIP_CLOSABLE=ممكن إغلاقه
 
-MESSAGE_STRIP_ERROR=شريط معلومات الخطأ
+MESSAGE_STRIP_ERROR=شريط رسالة الخطأ
 
-MESSAGE_STRIP_WARNING=شريط معلومات التحذير
+MESSAGE_STRIP_WARNING=شريط رسالة التحذير
 
-MESSAGE_STRIP_SUCCESS=شريط معلومات النجاح
+MESSAGE_STRIP_SUCCESS=شريط رسالة النجاح
 
-MESSAGE_STRIP_INFORMATION=شريط المعلومات
+MESSAGE_STRIP_INFORMATION=شريط الرسالة
 
-MESSAGE_STRIP_CUSTOM=شريط المعلومات المخصص
+MESSAGE_STRIP_CUSTOM=شريط الرسالة المخصصة
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=موافق
 
@@ -324,7 +324,7 @@ TIMEPICKER_CANCEL_BUTTON=إلغاء
 
 TIMEPICKER_INPUT_DESCRIPTION=إدخال الوقت
 
-TIMEPICKER_POPOVER_ACCESSIBLE_NAME=اختيار الوقت
+TIMEPICKER_POPOVER_ACCESSIBLE_NAME=اختيار الوقت لـ {0}
 
 TIMEPICKER_CLOCK_DIAL_LABEL=طلب الساعة
 
@@ -464,6 +464,13 @@ FORM_TEXTFIELD_REQUIRED=يرجى ملء هذا الحقل.
 TABLE_SELECTION=التحديد
 TABLE_ROW_SELECTOR=مُحدِّد أولي
 TABLE_NO_DATA=لا توجد بيانات
+TABLE_SINGLE_SELECTABLE=جدول التحديد الفردي
+TABLE_MULTI_SELECTABLE=جدول التحديد المتعدد
+TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=يحتوي على خانة الاختيار تحديد الكل
+TABLE_COLUMNHEADER_SELECTALL_CHECKED=محدد
+TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED=غير محدد
+TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=يحتوي على الزر مسح الكل
+TABLE_COLUMNHEADER_CLEARALL_DISABLED=معطَّل
 TABLE_ROW_POPIN=منطقة إدخال الصف
 TABLE_MORE=المزيد
 TABLE_MORE_DESCRIPTION=لتحميل المزيد من الصفوف، اضغط على Enter أو Space
@@ -489,3 +496,43 @@ DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT=اختيار التواريخ
 
 DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=التنقل للخلف
 TABLE_COLUMN_HEADER_ROW=صف مقدمة العمود
+
+DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=آخر X من الأيام
+
+DYNAMIC_DATE_RANGE_NEXT_DAYS_TEXT=X من الأيام التالية
+
+DYNAMIC_DATE_RANGE_LAST_WEEKS_TEXT=آخر X من الأسابيع
+
+DYNAMIC_DATE_RANGE_NEXT_WEEKS_TEXT=X من الأسابيع التالية
+
+DYNAMIC_DATE_RANGE_LAST_MONTHS_TEXT=آخر X من الشهور
+
+DYNAMIC_DATE_RANGE_NEXT_MONTHS_TEXT=X من الشهور التالية
+
+DYNAMIC_DATE_RANGE_LAST_QUARTERS_TEXT=آخر X من أرباع السنة
+
+DYNAMIC_DATE_RANGE_NEXT_QUARTERS_TEXT=X من أرباع السنة التالية
+
+DYNAMIC_DATE_RANGE_LAST_YEARS_TEXT=آخر x من السنوات
+
+DYNAMIC_DATE_RANGE_NEXT_YEARS_TEXT=X من السنوات التالية
+
+DYNAMIC_DATE_RANGE_VALUE_LABEL_TEXT=قيمة X
+
+DYNAMIC_DATE_RANGE_UNIT_OF_TIME_LABEL_TEXT=وحدة الوقت
+
+DYNAMIC_DATE_RANGE_DAYS_UNIT_TEXT=أيام
+
+DYNAMIC_DATE_RANGE_WEEKS_UNIT_TEXT=الأسابيع
+
+DYNAMIC_DATE_RANGE_MONTHS_UNIT_TEXT=الشهور
+
+DYNAMIC_DATE_RANGE_QUARTERS_UNIT_TEXT=أرباع
+
+DYNAMIC_DATE_RANGE_YEARS_UNIT_TEXT=السنوات
+
+DYNAMIC_DATE_RANGE_LAST_COMBINED_TEXT=آخر X {0} (متضمن)
+
+DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT=X {0} التالي (متضمن)
+
+DYNAMIC_DATE_RANGE_INCLUDED_TEXT=(متضمن)

package/src/i18n/messagebundle_bg.properties

@@ -121,13 +121,13 @@ DATETIME_DESCRIPTION=Въвеждане на дата и час
 
 DATERANGE_DESCRIPTION=Въвеждане на диапазон от дати
 
-DATEPICKER_POPOVER_ACCESSIBLE_NAME=Изберете дата
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=Избор на дата за {0}
 
 DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=например
 
-DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=Изберете дата и час
+DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=Избор на дата и час за {0}
 
-DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=Изберете диапазон от дати
+DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=Избор на диапазон от дати за {0}
 
 DELETE=Изтриване
 
@@ -208,27 +208,27 @@ ARIA_LABEL_LIST_MULTISELECTABLE=Съдържа подлежащи на множ
 
 ARIA_LABEL_LIST_DELETABLE=Съдържа подлежащи на изтриване позиции
 
-MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=Информация - Затваряне на лентата за информация
+MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=Затваряне на лентата с информационно съобщение
 
-MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=Затваряне на лентата за положителна информация
+MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=Затваряне на лентата с положително съобщение
 
-MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=Затваряне на лентата за отрицателна информация
+MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=Затваряне на лентата с отрицателно съобщение
 
-MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=Затваряне на лентата за критична информация
+MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=Затваряне на лентата с критично съобщение
 
-MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=Затваряне на потребителската лента за информация
+MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=Затваряне на лентата с потребителско съобщение
 
 MESSAGE_STRIP_CLOSABLE=Може да се затвори
 
-MESSAGE_STRIP_ERROR=Лента с информация за грешки
+MESSAGE_STRIP_ERROR=Лента със съобщение за грешка
 
-MESSAGE_STRIP_WARNING=Лента с предупреждения
+MESSAGE_STRIP_WARNING=Лента с предупредително съобщение
 
-MESSAGE_STRIP_SUCCESS=Лента с информация за успешни изпълнения
+MESSAGE_STRIP_SUCCESS=Лента със съобщение за успешно изпълнение
 
-MESSAGE_STRIP_INFORMATION=Лента с информация
+MESSAGE_STRIP_INFORMATION=Лента със съобщение
 
-MESSAGE_STRIP_CUSTOM=Потребителска лента с информация
+MESSAGE_STRIP_CUSTOM=Лента с потребителско съобщение
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
@@ -324,7 +324,7 @@ TIMEPICKER_CANCEL_BUTTON=Отказ
 
 TIMEPICKER_INPUT_DESCRIPTION=Въвеждане на час
 
-TIMEPICKER_POPOVER_ACCESSIBLE_NAME=Изберете час
+TIMEPICKER_POPOVER_ACCESSIBLE_NAME=Избор на час за {0}
 
 TIMEPICKER_CLOCK_DIAL_LABEL=Циферблат на часовник
 
@@ -464,6 +464,13 @@ FORM_TEXTFIELD_REQUIRED=Моля, попълнете това поле.
 TABLE_SELECTION=Избор
 TABLE_ROW_SELECTOR=Селектор на редове
 TABLE_NO_DATA=Няма данни
+TABLE_SINGLE_SELECTABLE=Таблица за единичен избор
+TABLE_MULTI_SELECTABLE=Таблица за множествен избор
+TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=Съдържа квадратче за отметка „Избор на всички“
+TABLE_COLUMNHEADER_SELECTALL_CHECKED=С отметка
+TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED=Без отметка
+TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=Съдържа бутон „Изчистване на всички“ 
+TABLE_COLUMNHEADER_CLEARALL_DISABLED=Дезактивиран
 TABLE_ROW_POPIN=Ред за вмъкнат диалогов прозорец
 TABLE_MORE=Още
 TABLE_MORE_DESCRIPTION=За да се заредят още редове, натиснете Enter или интервал
@@ -489,3 +496,43 @@ DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT=Избор на дати
 
 DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=Назад
 TABLE_COLUMN_HEADER_ROW=Ред на заглавна част на колона
+
+DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=Последните X дни
+
+DYNAMIC_DATE_RANGE_NEXT_DAYS_TEXT=Следващите X дни
+
+DYNAMIC_DATE_RANGE_LAST_WEEKS_TEXT=Последните X седмици
+
+DYNAMIC_DATE_RANGE_NEXT_WEEKS_TEXT=Следващите X седмици
+
+DYNAMIC_DATE_RANGE_LAST_MONTHS_TEXT=Последните X месеца
+
+DYNAMIC_DATE_RANGE_NEXT_MONTHS_TEXT=Следващите X месеца
+
+DYNAMIC_DATE_RANGE_LAST_QUARTERS_TEXT=Последните X тримесечия
+
+DYNAMIC_DATE_RANGE_NEXT_QUARTERS_TEXT=Следващите X тримесечия
+
+DYNAMIC_DATE_RANGE_LAST_YEARS_TEXT=Последните X години
+
+DYNAMIC_DATE_RANGE_NEXT_YEARS_TEXT=Следващите X години
+
+DYNAMIC_DATE_RANGE_VALUE_LABEL_TEXT=Стойност за X
+
+DYNAMIC_DATE_RANGE_UNIT_OF_TIME_LABEL_TEXT=Единица за време
+
+DYNAMIC_DATE_RANGE_DAYS_UNIT_TEXT=Дни
+
+DYNAMIC_DATE_RANGE_WEEKS_UNIT_TEXT=Седмици
+
+DYNAMIC_DATE_RANGE_MONTHS_UNIT_TEXT=Месеци
+
+DYNAMIC_DATE_RANGE_QUARTERS_UNIT_TEXT=Тримесечия
+
+DYNAMIC_DATE_RANGE_YEARS_UNIT_TEXT=Години
+
+DYNAMIC_DATE_RANGE_LAST_COMBINED_TEXT=Последните X {0} (включително)
+
+DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT=Следващите X {0} (включително)
+
+DYNAMIC_DATE_RANGE_INCLUDED_TEXT=(Включено)

package/src/i18n/messagebundle_ca.properties

@@ -121,13 +121,13 @@ DATETIME_DESCRIPTION=Entrada de data hora
 
 DATERANGE_DESCRIPTION=Entrada d''interval de dates
 
-DATEPICKER_POPOVER_ACCESSIBLE_NAME=Seleccioneu la data
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=Seleccionar data per a {0}
 
 DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=Per exemple
 
-DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=Seleccioneu la data i l''hora
+DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=Seleccionar data i hora per a {0}
 
-DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=Seleccioneu l''interval de dates
+DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=Seleccionar interval de dates per a {0}
 
 DELETE=Suprimir
 
@@ -208,27 +208,27 @@ ARIA_LABEL_LIST_MULTISELECTABLE=Conté elements per a la selecció múltiple
 
 ARIA_LABEL_LIST_DELETABLE=Conté elements suprimibles
 
-MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=Tancament de barra d''informació
+MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=Tancar línia de missatges informatius
 
-MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=Tancament de barra d''informació positiva
+MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=Tancar línia de missatges positius
 
-MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=Tancament de barra d''informació negativa
+MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=Tancar línia de missatges negatius
 
-MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=Tancament de barra d''informació crítica
+MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=Tancar línia de missatges crítics
 
-MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=Tancament de barra d''informació personalitzada
+MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=Tancar línia de missatges personalitzats
 
 MESSAGE_STRIP_CLOSABLE=Es pot tancar
 
-MESSAGE_STRIP_ERROR=Missatge d''error de la barra d''informació
+MESSAGE_STRIP_ERROR=Línia de missatges d''error
 
-MESSAGE_STRIP_WARNING=Missatge d''advertència de la barra d''informació
+MESSAGE_STRIP_WARNING=Línia de missatges d''advertència
 
-MESSAGE_STRIP_SUCCESS=Missatge de conclusió exitosa de la barra d''informació
+MESSAGE_STRIP_SUCCESS=Línia de missatges de confirmació
 
-MESSAGE_STRIP_INFORMATION=Barra d''informació
+MESSAGE_STRIP_INFORMATION=Línia de missatges
 
-MESSAGE_STRIP_CUSTOM=Barra d''informació personalitzada
+MESSAGE_STRIP_CUSTOM=Línia de missatges personalitzats
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=D''acord
 
@@ -324,7 +324,7 @@ TIMEPICKER_CANCEL_BUTTON=Cancel·lar
 
 TIMEPICKER_INPUT_DESCRIPTION=Entrada d''hora
 
-TIMEPICKER_POPOVER_ACCESSIBLE_NAME=Seleccioneu l''hora
+TIMEPICKER_POPOVER_ACCESSIBLE_NAME=Seleccionar hora per a {0}
 
 TIMEPICKER_CLOCK_DIAL_LABEL=Esfera de rellotge
 
@@ -464,6 +464,13 @@ FORM_TEXTFIELD_REQUIRED=Empleneu aquest camp.
 TABLE_SELECTION=Selecció
 TABLE_ROW_SELECTOR=Selector de fila
 TABLE_NO_DATA=No hi ha dades
+TABLE_SINGLE_SELECTABLE=Taula de selecció simple
+TABLE_MULTI_SELECTABLE=Taula de selecció múltiple
+TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=Conté Selecciona totes les caselles de selecció
+TABLE_COLUMNHEADER_SELECTALL_CHECKED=Activat
+TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED=No verificat
+TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=Conté Esborra tots els botons
+TABLE_COLUMNHEADER_CLEARALL_DISABLED=Desactivat
 TABLE_ROW_POPIN=Finestra de diàleg de línia
 TABLE_MORE=Més
 TABLE_MORE_DESCRIPTION=Per carregar més files, premeu Retorn o Espai
@@ -489,3 +496,43 @@ DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT=Seleccionar dates
 
 DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=Endarrere
 TABLE_COLUMN_HEADER_ROW=Línia de capçalera de columna
+
+DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=Últims X dies
+
+DYNAMIC_DATE_RANGE_NEXT_DAYS_TEXT=Pròxims X dies
+
+DYNAMIC_DATE_RANGE_LAST_WEEKS_TEXT=Últimes X setmanes
+
+DYNAMIC_DATE_RANGE_NEXT_WEEKS_TEXT=Pròximes X setmanes
+
+DYNAMIC_DATE_RANGE_LAST_MONTHS_TEXT=Últims X mesos
+
+DYNAMIC_DATE_RANGE_NEXT_MONTHS_TEXT=Pròxims X mesos
+
+DYNAMIC_DATE_RANGE_LAST_QUARTERS_TEXT=Últims X trimestres
+
+DYNAMIC_DATE_RANGE_NEXT_QUARTERS_TEXT=Pròxims X trimestres
+
+DYNAMIC_DATE_RANGE_LAST_YEARS_TEXT=Últims X anys
+
+DYNAMIC_DATE_RANGE_NEXT_YEARS_TEXT=Pròxims X anys
+
+DYNAMIC_DATE_RANGE_VALUE_LABEL_TEXT=Valor per X
+
+DYNAMIC_DATE_RANGE_UNIT_OF_TIME_LABEL_TEXT=Unitat de temps
+
+DYNAMIC_DATE_RANGE_DAYS_UNIT_TEXT=Dies
+
+DYNAMIC_DATE_RANGE_WEEKS_UNIT_TEXT=Setmanes
+
+DYNAMIC_DATE_RANGE_MONTHS_UNIT_TEXT=Mesos
+
+DYNAMIC_DATE_RANGE_QUARTERS_UNIT_TEXT=Trimestres
+
+DYNAMIC_DATE_RANGE_YEARS_UNIT_TEXT=Anys
+
+DYNAMIC_DATE_RANGE_LAST_COMBINED_TEXT=Últims X {0} (inclosos)
+
+DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT=Següents X {0} (inclosos)
+
+DYNAMIC_DATE_RANGE_INCLUDED_TEXT=(inclosos)

package/src/i18n/messagebundle_cnr.properties

@@ -121,13 +121,13 @@ DATETIME_DESCRIPTION=Unos datuma/vremena
 
 DATERANGE_DESCRIPTION=Unos raspona datuma
 
-DATEPICKER_POPOVER_ACCESSIBLE_NAME=Izaberi datum
+DATEPICKER_POPOVER_ACCESSIBLE_NAME=Izaberi datume za {0}
 
 DATETIME_COMPONENTS_PLACEHOLDER_PREFIX=npr.
 
-DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=Izaberi datum i vrijeme
+DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME=Izaberi datum i vrijeme za {0}
 
-DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=Izaberi opseg datuma
+DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME=Izaberi raspon datuma za {0}
 
 DELETE=Izbriši
 
@@ -208,27 +208,27 @@ ARIA_LABEL_LIST_MULTISELECTABLE=Sadrži stavke s mogućnošću višestrukog odab
 
 ARIA_LABEL_LIST_DELETABLE=Sadrži stavke koje se mogu izbrisati
 
-MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=Informacije – zatvaranje trake sa informacijama
+MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION=Zatvori traku informativne poruke
 
-MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=Pozitivno – zatvaranje trake sa informacijama
+MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE=Zatvori traku za pozitivne poruke
 
-MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=Negativno – zatvaranje trake sa informacijama
+MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE=Zatvori traku za negativne poruke
 
-MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=Kritično – zatvaranje trake sa informacijama
+MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL=Zatvori traku za kritične poruke
 
-MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=Korisnički definisano – zatvaranje trake sa informacijama
+MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM=Zatvori traku za prilagođene poruke
 
 MESSAGE_STRIP_CLOSABLE=Može se zatvoriti
 
-MESSAGE_STRIP_ERROR=Traka sa informacijama za grešku
+MESSAGE_STRIP_ERROR=Traka poruke o grešci
 
-MESSAGE_STRIP_WARNING=Traka sa informacijama za upozorenje
+MESSAGE_STRIP_WARNING=Traka poruke upozorenja
 
-MESSAGE_STRIP_SUCCESS=Traka sa informacijama za uspjeh
+MESSAGE_STRIP_SUCCESS=Traka poruke o uspjehu
 
-MESSAGE_STRIP_INFORMATION=Traka sa informacijama
+MESSAGE_STRIP_INFORMATION=Traka poruke
 
-MESSAGE_STRIP_CUSTOM=Traka sa prilagođenim informacijama
+MESSAGE_STRIP_CUSTOM=Traka za prilagođene poruke
 
 MULTICOMBOBOX_DIALOG_OK_BUTTON=OK
 
@@ -324,7 +324,7 @@ TIMEPICKER_CANCEL_BUTTON=Odustani
 
 TIMEPICKER_INPUT_DESCRIPTION=Unos vremena
 
-TIMEPICKER_POPOVER_ACCESSIBLE_NAME=Izaberi vrijeme
+TIMEPICKER_POPOVER_ACCESSIBLE_NAME=Izaberi vrijeme za {0}
 
 TIMEPICKER_CLOCK_DIAL_LABEL=Brojčanik sata
 
@@ -464,6 +464,13 @@ FORM_TEXTFIELD_REQUIRED=Popunite ovo polje.
 TABLE_SELECTION=Odabir
 TABLE_ROW_SELECTOR=Selektor reda
 TABLE_NO_DATA=Nema podataka
+TABLE_SINGLE_SELECTABLE=Tabela pojedinačnog odabira
+TABLE_MULTI_SELECTABLE=Tabela višestrukog odabira
+TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION=Sadrži kvadratić za odabir svih stavki
+TABLE_COLUMNHEADER_SELECTALL_CHECKED=Označeno
+TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED=Nije označeno
+TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION=Sadrži dugme za brisanje svih stavki
+TABLE_COLUMNHEADER_CLEARALL_DISABLED=Deaktivirano
 TABLE_ROW_POPIN=Popin reda
 TABLE_MORE=Više
 TABLE_MORE_DESCRIPTION=Da biste učitali više redova, pritisnite Enter ili razmak
@@ -489,3 +496,43 @@ DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT=Izaberi datume
 
 DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP=Usmjeri nazad
 TABLE_COLUMN_HEADER_ROW=Red zaglavlja kolone
+
+DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT=Posljednjih X dana
+
+DYNAMIC_DATE_RANGE_NEXT_DAYS_TEXT=Sljedećih X dana
+
+DYNAMIC_DATE_RANGE_LAST_WEEKS_TEXT=Posljednjih X nedjelja
+
+DYNAMIC_DATE_RANGE_NEXT_WEEKS_TEXT=Sljedećih X nedjelja
+
+DYNAMIC_DATE_RANGE_LAST_MONTHS_TEXT=Posljednjih X mjeseci
+
+DYNAMIC_DATE_RANGE_NEXT_MONTHS_TEXT=Sljedećih X mjeseci
+
+DYNAMIC_DATE_RANGE_LAST_QUARTERS_TEXT=Posljednjih X kvartala
+
+DYNAMIC_DATE_RANGE_NEXT_QUARTERS_TEXT=Sljedećih X kvartala
+
+DYNAMIC_DATE_RANGE_LAST_YEARS_TEXT=Posljednjih X godina
+
+DYNAMIC_DATE_RANGE_NEXT_YEARS_TEXT=Sljedećih X godina
+
+DYNAMIC_DATE_RANGE_VALUE_LABEL_TEXT=Vrijednost za X
+
+DYNAMIC_DATE_RANGE_UNIT_OF_TIME_LABEL_TEXT=Jedinica vremena
+
+DYNAMIC_DATE_RANGE_DAYS_UNIT_TEXT=Dani
+
+DYNAMIC_DATE_RANGE_WEEKS_UNIT_TEXT=Nedjelje
+
+DYNAMIC_DATE_RANGE_MONTHS_UNIT_TEXT=Mjeseci
+
+DYNAMIC_DATE_RANGE_QUARTERS_UNIT_TEXT=Kvartali
+
+DYNAMIC_DATE_RANGE_YEARS_UNIT_TEXT=Godine
+
+DYNAMIC_DATE_RANGE_LAST_COMBINED_TEXT=Posljednjih X {0} (uključeno)
+
+DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT=Sljedećih X {0} (uključeno)
+
+DYNAMIC_DATE_RANGE_INCLUDED_TEXT=(Uključeno)