@ui5/webcomponents 0.0.0-323968e1b → 0.0.0-4180fe799

package/dist/features/ColorPaletteMoreColors.js

@@ -0,0 +1,42 @@
+import { registerFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+
+import Dialog from "../Dialog.js";
+import Button from "../Button.js";
+import ColorPicker from "../ColorPicker.js";
+
+import {
+	COLOR_PALETTE_DIALOG_CANCEL_BUTTON,
+	COLOR_PALETTE_DIALOG_OK_BUTTON,
+	COLOR_PALETTE_DIALOG_TITLE,
+} from "../generated/i18n/i18n-defaults.js";
+
+class ColorPaletteMoreColors {
+	static get dependencies() {
+		return [
+			Dialog,
+			Button,
+			ColorPicker,
+		];
+	}
+
+	static async init() {
+		ColorPaletteMoreColors.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+	}
+
+	get colorPaletteDialogTitle() {
+		return ColorPaletteMoreColors.i18nBundle.getText(COLOR_PALETTE_DIALOG_TITLE);
+	}
+
+	get colorPaletteDialogOKButton() {
+		return ColorPaletteMoreColors.i18nBundle.getText(COLOR_PALETTE_DIALOG_OK_BUTTON);
+	}
+
+	get colorPaletteCancelButton() {
+		return ColorPaletteMoreColors.i18nBundle.getText(COLOR_PALETTE_DIALOG_CANCEL_BUTTON);
+	}
+}
+
+registerFeature("ColorPaletteMoreColors", ColorPaletteMoreColors);
+
+export default ColorPaletteMoreColors;

package/dist/features/InputElementsFormSupport.js

@@ -26,6 +26,41 @@ class FormSupport {
 		}
 	}
 
+	static syncNativeFileInput(element, nativeInputUpdateCallback, nativeInputChangeCallback) {
+		const needsNativeInput = !!element.name;
+		let nativeInput = element.querySelector(`input[type=${element._type || "hidden"}][data-ui5-form-support]`);
+
+		if (needsNativeInput && !nativeInput) {
+			nativeInput = document.createElement("input");
+			nativeInput.type = element._type;
+			nativeInput.setAttribute("data-ui5-form-support", "");
+			nativeInput.slot = "formSupport"; // Needed to visualize the input in the light dom
+			nativeInput.style.position = "absolute";
+			nativeInput.style.top = "0";
+			nativeInput.style.left = "0";
+			nativeInput.style.width = "100%";
+			nativeInput.style.height = "100%";
+			nativeInput.style.opacity = "0";
+
+			if (element.multiple) {
+				nativeInput.multiple = true;
+			}
+
+			nativeInput.addEventListener("change", nativeInputChangeCallback);
+
+			element.appendChild(nativeInput);
+		}
+
+		if (!needsNativeInput && nativeInput) {
+			element.removeChild(nativeInput);
+		}
+
+		if (needsNativeInput) {
+			nativeInput.name = element.name;
+			(nativeInputUpdateCallback || copyDefaultProperties)(element, nativeInput);
+		}
+	}
+
 	static triggerFormSubmit(element) {
 		if (!element.submits) {
 			return;
@@ -42,7 +77,6 @@ class FormSupport {
 	}
 }
 
-
 const copyDefaultProperties = (element, nativeInput) => {
 	nativeInput.disabled = element.disabled;
 	nativeInput.value = element.value;

package/dist/features/InputSuggestions.js

@@ -1,8 +1,18 @@
 import { registerFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 
 import List from "../List.js";
 import ResponsivePopover from "../ResponsivePopover.js";
-
+import SuggestionItem from "../SuggestionItem.js";
+import SuggestionGroupItem from "../SuggestionGroupItem.js";
+import Button from "../Button.js";
+import GroupHeaderListItem from "../GroupHeaderListItem.js";
+import SuggestionListItem from "../SuggestionListItem.js";
+
+import {
+	LIST_ITEM_POSITION,
+	LIST_ITEM_SELECTED,
+} from "../generated/i18n/i18n-defaults.js";
 /**
  * A class to manage the <code>Input</code suggestion items.
  *
@@ -11,7 +21,7 @@ import ResponsivePopover from "../ResponsivePopover.js";
  * @author SAP SE
  */
 class Suggestions {
-	constructor(component, slotName, handleFocus) {
+	constructor(component, slotName, highlight, handleFocus) {
 		// The component, that the suggestion would plug into.
 		this.component = component;
 
@@ -21,24 +31,44 @@ class Suggestions {
 		// Defines, if the focus will be moved via the arrow keys.
 		this.handleFocus = handleFocus;
 
+		// Defines, if the suggestions should highlight.
+		this.highlight = highlight;
+
 		// Press and Focus handlers
 		this.fnOnSuggestionItemPress = this.onItemPress.bind(this);
 		this.fnOnSuggestionItemFocus = this.onItemFocused.bind(this);
+		this.fnOnSuggestionItemMouseOver = this.onItemMouseOver.bind(this);
+		this.fnOnSuggestionItemMouseOut = this.onItemMouseOut.bind(this);
+
+		this._getSuggestionPopover();
 
 		// An integer value to store the currently selected item position,
 		// that changes due to user interaction.
 		this.selectedItemIndex = null;
+
+		this.accInfo = {};
 	}
 
 	/* Public methods */
-	defaultSlotProperties() {
+	defaultSlotProperties(hightlightValue) {
 		const inputSuggestionItems = this._getComponent().suggestionItems;
-
+		const highlight = this.highlight && !!hightlightValue;
 		const suggestions = [];
-		inputSuggestionItems.map(suggestion => {
+
+		inputSuggestionItems.map((suggestion, idx) => {
+			const text = highlight ? this.getHighlightedText(suggestion, hightlightValue) : this.getRowText(suggestion);
+			const description = highlight ? this.getHighlightedDesc(suggestion, hightlightValue) : this.getRowDesc(suggestion);
+
 			return suggestions.push({
-				text: suggestion.textContent,
-				icon: suggestion.icon,
+				text,
+				description,
+				image: suggestion.image || undefined,
+				icon: suggestion.icon || undefined,
+				type: suggestion.type || undefined,
+				additionalText: suggestion.additionalText || undefined,
+				additionalTextState: suggestion.additionalTextState,
+				groupItem: suggestion.groupItem,
+				key: idx,
 			});
 		});
 
@@ -67,30 +97,59 @@ class Suggestions {
 	}
 
 	onEnter(event) {
+		if (this._isGroupOrInactiveItem) {
+			event.preventDefault();
+			return false;
+		}
+
 		if (this._isItemOnTarget()) {
 			this.onItemSelected(null, true /* keyboardUsed */);
 			return true;
 		}
+
+		return false;
+	}
+
+	onTab(event) {
+		if (this._isItemOnTarget()) {
+			this.onItemSelected(null, true);
+			return true;
+		}
 		return false;
 	}
 
-	toggle(bToggle) {
+	toggle(bToggle, { preventFocusRestore }) {
 		const toggle = bToggle !== undefined ? bToggle : !this.isOpened();
 
 		if (toggle) {
 			this.open();
 		} else {
-			this.close();
+			this.close(preventFocusRestore);
 		}
 	}
 
-	open() {
+	async _isScrollable() {
+		const sc = await this._getScrollContainer();
+		return sc.offsetHeight < sc.scrollHeight;
+	}
+
+	async open() {
+		this._getComponent().open = true;
 		this._beforeOpen();
-		this._respPopover.open(this._getComponent());
+
+		this.responsivePopover.showAt(this._getComponent());
 	}
 
-	close() {
-		this._respPopover.close();
+	async close(preventFocusRestore = false) {
+		const selectedItem = this._getItems() && this._getItems()[this.selectedItemIndex];
+
+		this._getComponent().open = false;
+		this.responsivePopover = await this._getSuggestionPopover();
+		this.responsivePopover.close(false, false, preventFocusRestore);
+
+		if (selectedItem && selectedItem.focused) {
+			selectedItem.focused = false;
+		}
 	}
 
 	updateSelectedItemPosition(pos) {
@@ -102,14 +161,36 @@ class Suggestions {
 		this._getComponent().onItemFocused();
 	}
 
+	onItemMouseOver(event) {
+		this._getComponent().onItemMouseOver(event);
+	}
+
+	onItemMouseOut(event) {
+		this._getComponent().onItemMouseOut(event);
+	}
+
 	onItemSelected(selectedItem, keyboardUsed) {
-		const item = selectedItem || this._getItems()[this.selectedItemIndex];
+		const allItems = this._getItems();
+		const item = selectedItem || allItems[this.selectedItemIndex];
+
+		this.selectedItemIndex = allItems.indexOf(item);
 
-		this.selectedItemIndex = this._getItems().indexOf(item);
+		this.accInfo = {
+			currentPos: this.selectedItemIndex + 1,
+			listSize: allItems.length,
+			itemText: item.textContent,
+		};
+
+		// If the item is "Inactive", prevent selection with SPACE or ENTER
+		// to have consistency with the way "Inactive" items behave in the ui5-list
+		if (item.type === "Inactive" || item.group) {
+			return;
+		}
 
 		this._getComponent().onItemSelected(this._getRealItems()[this.selectedItemIndex], keyboardUsed);
 		item.selected = false;
-		this.close();
+		item.focused = false;
+		this._getComponent().open = false;
 	}
 
 	onItemPreviewed(item) {
@@ -126,12 +207,16 @@ class Suggestions {
 		this._attachPopupListeners();
 	}
 
-	_attachItemsListeners() {
-		const list = this._getList();
-		list.removeEventListener("ui5-itemPress", this.fnOnSuggestionItemPress);
-		list.addEventListener("ui5-itemPress", this.fnOnSuggestionItemPress);
-		list.removeEventListener("ui5-itemFocused", this.fnOnSuggestionItemFocus);
-		list.addEventListener("ui5-itemFocused", this.fnOnSuggestionItemFocus);
+	async _attachItemsListeners() {
+		const list = await this._getList();
+		list.removeEventListener("ui5-item-press", this.fnOnSuggestionItemPress);
+		list.addEventListener("ui5-item-press", this.fnOnSuggestionItemPress);
+		list.removeEventListener("ui5-item-focused", this.fnOnSuggestionItemFocus);
+		list.addEventListener("ui5-item-focused", this.fnOnSuggestionItemFocus);
+		list.removeEventListener("mouseover", this.fnOnSuggestionItemMouseOver);
+		list.addEventListener("mouseover", this.fnOnSuggestionItemMouseOver);
+		list.removeEventListener("mouseout", this.fnOnSuggestionItemMouseOut);
+		list.addEventListener("mouseout", this.fnOnSuggestionItemMouseOut);
 	}
 
 	_attachPopupListeners() {
@@ -140,12 +225,12 @@ class Suggestions {
 		}
 
 		if (!this.attachedAfterOpened) {
-			this._respPopover.addEventListener("ui5-afterOpen", this._onOpen.bind(this));
+			this._getSuggestionPopover.addEventListener("ui5-after-open", this._onOpen.bind(this));
 			this.attachedAfterOpened = true;
 		}
 
 		if (!this.attachedAfterClose) {
-			this._respPopover.addEventListener("ui5-afterClose", this._onClose.bind(this));
+			this._getSuggestionPopover.addEventListener("ui5-after-close", this._onClose.bind(this));
 			this.attachedAfterClose = true;
 		}
 	}
@@ -166,12 +251,21 @@ class Suggestions {
 	}
 
 	_isItemOnTarget() {
-		return this.isOpened() && this.selectedItemIndex !== null;
+		return this.isOpened() && this.selectedItemIndex !== null && this.selectedItemIndex !== -1 && !this._isGroupOrInactiveItem;
+	}
+
+	get _isGroupOrInactiveItem() {
+		const items = this._getItems();
+
+		if (!items || !items[this.selectedItemIndex]) {
+			return false;
+		}
+
+		return (items[this.selectedItemIndex].group || items[this.selectedItemIndex].type === "Inactive");
 	}
 
 	isOpened() {
-		const popover = this._respPopover;
-		return !!(popover && popover.opened);
+		return !!(this.responsivePopover && this.responsivePopover.opened);
 	}
 
 	_handleItemNavigation(forward) {
@@ -189,23 +283,68 @@ class Suggestions {
 	_selectNextItem() {
 		const itemsCount = this._getItems().length;
 		const previousSelectedIdx = this.selectedItemIndex;
+		const hasValueState = this.component.hasValueStateMessage;
+
+		if (hasValueState && previousSelectedIdx === null && !this.component._isValueStateFocused) {
+			this.component._isValueStateFocused = true;
+			this.component.focused = false;
+			this.component.hasSuggestionItemSelected = false;
+			this.selectedItemIndex = null;
+
+			return;
+		}
 
-		if ((this.selectedItemIndex === null) || (++this.selectedItemIndex > itemsCount - 1)) {
-			this.selectedItemIndex = 0;
+		if ((previousSelectedIdx === null && !hasValueState) || this.component._isValueStateFocused) {
+			this.component._isValueStateFocused = false;
+			--this.selectedItemIndex;
 		}
 
-		this._moveItemSelection(previousSelectedIdx, this.selectedItemIndex);
+		if (previousSelectedIdx !== null && previousSelectedIdx + 1 > itemsCount - 1) {
+			return;
+		}
+
+		this._moveItemSelection(previousSelectedIdx, ++this.selectedItemIndex);
 	}
 
 	_selectPreviousItem() {
-		const itemsCount = this._getItems().length;
+		const items = this._getItems();
 		const previousSelectedIdx = this.selectedItemIndex;
+		const hasValueState = this.component.hasValueStateMessage;
 
-		if ((this.selectedItemIndex === null) || (--this.selectedItemIndex < 0)) {
-			this.selectedItemIndex = itemsCount - 1;
+		if (hasValueState && previousSelectedIdx === 0 && !this.component._isValueStateFocused) {
+			this.component.hasSuggestionItemSelected = false;
+			this.component._isValueStateFocused = true;
+			this.selectedItemIndex = null;
+
+			items[0].focused = false;
+			items[0].selected = false;
+
+			return;
 		}
 
-		this._moveItemSelection(previousSelectedIdx, this.selectedItemIndex);
+		if (this.component._isValueStateFocused) {
+			this.component.focused = true;
+			this.component._isValueStateFocused = false;
+			this.selectedItemIndex = null;
+
+			return;
+		}
+
+		if (previousSelectedIdx === -1 || previousSelectedIdx === null) {
+			return;
+		}
+
+		if (previousSelectedIdx - 1 < 0) {
+			items[previousSelectedIdx].selected = false;
+			items[previousSelectedIdx].focused = false;
+
+			this.component.focused = true;
+			this.component.hasSuggestionItemSelected = false;
+			this.selectedItemIndex -= 1;
+			return;
+		}
+
+		this._moveItemSelection(previousSelectedIdx, --this.selectedItemIndex);
 	}
 
 	_moveItemSelection(previousIdx, nextIdx) {
@@ -213,18 +352,36 @@ class Suggestions {
 		const currentItem = items[nextIdx];
 		const previousItem = items[previousIdx];
 
+		if (!currentItem) {
+			return;
+		}
+
+		this.component.focused = false;
+
+		this.accInfo = {
+			currentPos: nextIdx + 1,
+			listSize: items.length,
+			itemText: currentItem.textContent,
+		};
+
 		if (previousItem) {
 			previousItem.selected = false;
+			previousItem.focused = false;
 		}
 
 		if (currentItem) {
-			currentItem.selected = true;
+			currentItem.focused = true;
+
+			if (currentItem.type === "Active") {
+				currentItem.selected = true;
+			}
 
 			if (this.handleFocus) {
 				currentItem.focus();
 			}
 		}
 
+		this.component.hasSuggestionItemSelected = true;
 		this.onItemPreviewed(currentItem);
 
 		if (!this._isItemIntoView(currentItem)) {
@@ -232,55 +389,140 @@ class Suggestions {
 		}
 	}
 
+	_deselectItems() {
+		const items = this._getItems();
+		items.forEach(item => {
+			item.selected = false;
+			item.focused = false;
+		});
+	}
+
+	_clearItemFocus() {
+		const focusedItem = this._getItems().find(item => item.focused);
+
+		if (focusedItem) {
+			focusedItem.focused = false;
+		}
+	}
+
 	_isItemIntoView(item) {
 		const rectItem = item.getDomRef().getBoundingClientRect();
 		const rectInput = this._getComponent().getDomRef().getBoundingClientRect();
 		const windowHeight = (window.innerHeight || document.documentElement.clientHeight);
 
-		return (rectItem.top <= windowHeight) && (rectItem.top >= rectInput.top);
+		return (rectItem.top + Suggestions.SCROLL_STEP <= windowHeight) && (rectItem.top >= rectInput.top);
 	}
 
-	_scrollItemIntoView(item) {
-		const pos = item.getDomRef().offsetTop - Suggestions.SCROLL_STEP;
-		this._getScrollContainer().scrollTop = pos;
+	async _scrollItemIntoView(item) {
+		const pos = item.getDomRef().offsetTop;
+		const scrollContainer = await this._getScrollContainer();
+		scrollContainer.scrollTop = pos;
 	}
 
-	_getScrollContainer() {
+	async _getScrollContainer() {
 		if (!this._scrollContainer) {
-			this._scrollContainer = this._respPopover.getDomRef().shadowRoot.querySelector(".ui5-popover-content");
+			await this._getSuggestionPopover();
+			this._scrollContainer = this.responsivePopover.shadowRoot.querySelector(".ui5-popup-content");
 		}
 
 		return this._scrollContainer;
 	}
 
 	_getItems() {
-		return [].slice.call(this._respPopover.querySelectorAll("ui5-li"));
+		return !!this.responsivePopover && [...this.responsivePopover.querySelector("[ui5-list]").children];
 	}
 
 	_getComponent() {
 		return this.component;
 	}
 
-	_getList() {
-		return this._getComponent().getStaticAreaItemDomRef().querySelector("ui5-responsive-popover").querySelector("ui5-list");
+	async _getList() {
+		this.responsivePopover = await this._getSuggestionPopover();
+		return this.responsivePopover.querySelector("[ui5-list]");
+	}
+
+	async _getListWidth() {
+		const list = await this._getList();
+		return list.offsetWidth;
 	}
 
 	_getRealItems() {
 		return this._getComponent().getSlottedNodes(this.slotName);
 	}
 
-	get _respPopover() {
-		return this._getComponent().getStaticAreaItemDomRef().querySelector("ui5-responsive-popover");
+	async _getSuggestionPopover() {
+		if (this.responsivePopover) {
+			return this.responsivePopover;
+		}
+
+		const staticAreaItem = await this._getComponent().getStaticAreaItemDomRef();
+		this.responsivePopover = staticAreaItem.querySelector("[ui5-responsive-popover]");
+		return this.responsivePopover;
+	}
+
+	get itemSelectionAnnounce() {
+		const itemPositionText = Suggestions.i18nBundle.getText(LIST_ITEM_POSITION, this.accInfo.currentPos, this.accInfo.listSize),
+			itemSelectionText = Suggestions.i18nBundle.getText(LIST_ITEM_SELECTED);
+
+		return `${itemPositionText} ${this.accInfo.itemText} ${itemSelectionText}`;
+	}
+
+	getRowText(suggestion) {
+		return this.sanitizeText(suggestion.text || suggestion.textContent);
+	}
+
+	getRowDesc(suggestion) {
+		if (suggestion.description) {
+			return this.sanitizeText(suggestion.description);
+		}
+	}
+
+	getHighlightedText(suggestion, input) {
+		let text = suggestion.text || suggestion.textContent;
+		text = this.sanitizeText(text);
+
+		return this.hightlightInput(text, input);
 	}
-}
 
-Suggestions.SCROLL_STEP = 48;
+	getHighlightedDesc(suggestion, input) {
+		let text = suggestion.description;
+		text = this.sanitizeText(text);
 
-// The List and Popover components would be rendered
-// by the issuer component`s template.
-List.define();
-ResponsivePopover.define();
+		return this.hightlightInput(text, input);
+	}
+
+	hightlightInput(text, input) {
+		if (!text) {
+			return text;
+		}
+
+		const inputEscaped = input.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+		const regEx = new RegExp(inputEscaped, "ig");
+		return text.replace(regEx, match => `<b>${match}</b>`);
+	}
+
+	sanitizeText(text) {
+		return text && text.replace("<", "&lt");
+	}
+
+	static get dependencies() {
+		return [
+			SuggestionItem,
+			SuggestionGroupItem,
+			ResponsivePopover,
+			List,
+			SuggestionListItem,
+			GroupHeaderListItem,
+			Button,
+		];
+	}
+
+	static async init() {
+		Suggestions.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+	}
+}
 
+Suggestions.SCROLL_STEP = 60;
 
 // Add suggestions support to the global features registry so that Input.js can use it
 registerFeature("InputSuggestions", Suggestions);

package/dist/generated/assets/i18n/messagebundle_ar.json

@@ -1 +1 @@
-{"ARIA_LABEL_CARD_CONTENT":"محتوى البطاقة","ARIA_ROLEDESCRIPTION_CARD":"البطاقة","ARIA_ROLEDESCRIPTION_CARD_HEADER":"مقدمة البطاقة","ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER":"مقدمة بطاقة تفاعلية","AVATAR_TOOLTIP":"صورة رمزية (أفاتار)","BADGE_DESCRIPTION":"شارة","BUSY_INDICATOR_TITLE":"الرجاء الانتظار","BUTTON_ARIA_TYPE_ACCEPT":"إجراء موجب","BUTTON_ARIA_TYPE_REJECT":"إجراء سالب","BUTTON_ARIA_TYPE_EMPHASIZED":"مؤكد","DATEPICKER_DATE_ACC_TEXT":"التاريخ","DATEPICKER_OPEN_ICON_TITLE":"فتح أداة الانتقاء","ICON_ACTION_SETTINGS":"الإعدادات","ICON_ACTIVATE":"تنشيط","ICON_ADD":"إضافة","ICON_ADD_CONTACT":"إضافة جهة اتصال","ICON_ADD_FILTER":"إضافة عامل تصفية","ICON_ADD_PHOTO":"إضافة صورة فوتوغرافية","ICON_BACK_TO_TOP":"عودة لأعلى","ICON_COLLAPSE":"طي","ICON_COLLAPSE_GROUP":"طي المجموعة","ICON_CROP":"اقتصاص","ICON_DECLINE":"رفض","ICON_DELETE":"حذف","ICON_DISPLAY":"عرض","ICON_DOWN":"لأسفل","ICON_DOWNLOAD":"تنزيل","ICON_DRILL_DOWN":"تنقل تفصيلي","ICON_DRILL_UP":"تنقل تصاعدي","ICON_ERROR":"خطأ","ICON_EXIT_FULL_SCREEN":"خروج من ملء الشاشة","ICON_EXPAND":"توسيع","ICON_EXPAND_GROUP":"توسيع المجموعة","ICON_FILTER":"تصفية","ICON_FLAG":"العلامة","ICON_FORWARD":"إعادة توجيه","ICON_FULL_SCREEN":"بدء استخدام ملء الشاشة","ICON_GENERATE_SHORTCUT":"إنشاء اختصار","ICON_GROUP_2":"تجميع","ICON_HIDE":"إخفاء","ICON_IPAD":"كمبيوتر لوحي","ICON_IPAD_2":"كمبيوتر لوحي","ICON_IPHONE":"الهاتف","ICON_IPHONE_2":"الهاتف","ICON_LAPTOP":"جهاز كمبيوتر محمول","ICON_MESSAGE_ERROR":"خطأ","ICON_MESSAGE_INFORMATION":"معلومات","ICON_MESSAGE_SUCCESS":"ناجح","ICON_MESSAGE_WARNING":"تحذير","ICON_MOVE":"نقل","ICON_MULTI_SELECT":"تحديد متعدد","ICON_NAV_BACK":"التنقل للخلف","ICON_OVERFLOW":"المزيد","ICON_REDO":"إعادة","ICON_REFRESH":"تحديث","ICON_RESIZE":"إعادة تحديد الحجم","ICON_RESIZE_HORIZONTAL":"إعادة تحديد الحجم أفقيًا","ICON_RESIZE_VERTICAL":"إعادة تحديد الحجم عموديًا","ICON_RESPONSE":"الرد","ICON_SAVE":"حفظ","ICON_SEARCH":"بحث","ICON_SETTINGS":"الإعدادات","ICON_SHOW":"إظهار","ICON_SORT":"ترتيب","ICON_SORT_ASCENDING":"ترتيب تصاعدي","ICON_SORT_DESCENDING":"ترتيب تنازلي","ICON_SYNCHRONIZE":"مزامنة","ICON_UNDO":"تراجع","ICON_UP":"لأعلى","ICON_UPLOAD":"تحميل","ICON_ZOOM_IN":"تكبير","ICON_ZOOM_OUT":"تصغير","INPUT_SUGGESTIONS":"اقترحات متوفرة","LINK_SUBTLE":"غامض","LINK_EMPHASIZED":"مؤكد","MESSAGE_STRIP_CLOSE_BUTTON":"إغلاق شريط الرسالة","MULTIINPUT_SHOW_MORE_TOKENS":"{0} المزيد","PANEL_ICON":"توسيع/طي","SWITCH_ON":"تشغيل","SWITCH_OFF":"غلق","TABCONTAINER_NEXT_ICON_ACC_NAME":"التالي","TABCONTAINER_PREVIOUS_ICON_ACC_NAME":"السابق","TABCONTAINER_OVERFLOW_MENU_TITLE":"قائمة التدفق","TEXTAREA_CHARACTERS_LEFT":"متبق {0} من الحروف","TEXTAREA_CHARACTERS_EXCEEDED":"تم تجاوز الحد بمقدار {0} من الحروف","TOKEN_ARIA_DELETABLE":"قابل للحذف","TOKENIZER_ARIA_CONTAIN_TOKEN":"من الممكن وجود رموز مميزة","TOKENIZER_ARIA_CONTAIN_ONE_TOKEN":"يتضمن رمز مميز واحد","TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS":"يحتوى على {0} من الرموز المميزة","TOKENIZER_ARIA_LABEL":"عارض الرموز المميزة","VALUE_STATE_ERROR":"إدخال غير صالح","VALUE_STATE_WARNING":"تم إصدار تحذير","VALUE_STATE_SUCCESS":"تم التحقق من صحة الإدخال بنجاح"}
+{"ARIA_LABEL_CARD_CONTENT":"محتوى البطاقة","ARIA_ROLEDESCRIPTION_CARD":"البطاقة","ARIA_ROLEDESCRIPTION_CARD_HEADER":"مقدمة البطاقة","ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER":"مقدمة بطاقة تفاعلية","AVATAR_TOOLTIP":"صورة رمزية (أفاتار)","AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL":"{0} معروض، {1} مخفي.","AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL":"قم بالتنشيط للقائمة بأكملها.","AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL":"الأفاتارز الفردية.","AVATAR_GROUP_ARIA_LABEL_GROUP":"الأفاتارز المربوطة.","AVATAR_GROUP_MOVE":"اضغط على مفاتيح الأسهم للنقل.","BADGE_DESCRIPTION":"شارة","BREADCRUMBS_ARIA_LABEL":"مسار التنقل","BREADCRUMBS_OVERFLOW_ARIA_LABEL":"المزيد","BREADCRUMBS_CANCEL_BUTTON":"إلغاء","BUSY_INDICATOR_TITLE":"الرجاء الانتظار","BUTTON_ARIA_TYPE_ACCEPT":"إجراء موجب","BUTTON_ARIA_TYPE_REJECT":"إجراء سالب","BUTTON_ARIA_TYPE_EMPHASIZED":"مؤكد","CAROUSEL_OF_TEXT":"من","CAROUSEL_DOT_TEXT":"تم عرض {0} من {1}","CAROUSEL_PREVIOUS_ARROW_TEXT":"الصفحة السابقة","CAROUSEL_NEXT_ARROW_TEXT":"الصفحة التالية","COLORPALETTE_CONTAINER_LABEL":"لوحة الألوان - الألوان المحددة مسبقًا","COLORPALETTE_POPOVER_TITLE":"لوحة الألوان","COLORPALETTE_COLOR_LABEL":"اللون","COLOR_PALETTE_DIALOG_CANCEL_BUTTON":"إلغاء","COLOR_PALETTE_DIALOG_OK_BUTTON":"موافق","COLOR_PALETTE_DIALOG_TITLE":"تغيير اللون","COLOR_PALETTE_MORE_COLORS_TEXT":"مزيد من الألوان...","DATEPICKER_OPEN_ICON_TITLE":"فتح أداة الانتقاء","DATEPICKER_DATE_DESCRIPTION":"إدخال التاريخ","DATETIME_DESCRIPTION":"إدخال التاريخ/الوقت","DATERANGE_DESCRIPTION":"إدخال نطاق التواريخ","DELETE":"حذف","FILEUPLOAD_BROWSE":"استعراض...","FILEUPLOADER_TITLE":"تحميل ملف","GROUP_HEADER_TEXT":"مقدمة المجموعة","SELECT_OPTIONS":"تحديد الخيارات","INPUT_SUGGESTIONS":"اقترحات متوفرة","INPUT_SUGGESTIONS_TITLE":"تحديد","INPUT_SUGGESTIONS_ONE_HIT":"النتيجة المتوفرة: 1","INPUT_SUGGESTIONS_MORE_HITS":"{0} النتائج متوفرة","INPUT_SUGGESTIONS_NO_HIT":"لا توجد نتائج","LINK_SUBTLE":"غامض","LINK_EMPHASIZED":"مؤكد","LIST_ITEM_POSITION":"بند القائمة {0} لـ {1}","LIST_ITEM_SELECTED":"محدد","LIST_ITEM_NOT_SELECTED":"غير محدد","ARIA_LABEL_LIST_ITEM_CHECKBOX":"نمط التحديد المتعدد","ARIA_LABEL_LIST_ITEM_RADIO_BUTTON":"تحديد البنود.","ARIA_LABEL_LIST_SELECTABLE":"توجد بنود قابلة للتحديد","ARIA_LABEL_LIST_MULTISELECTABLE":"توجد بنود قابلة لتحديد متعدد","ARIA_LABEL_LIST_DELETABLE":"توجد بنود قابلة للحذف","MESSAGE_STRIP_CLOSE_BUTTON":"إغلاق شريط الرسالة","MULTICOMBOBOX_DIALOG_OK_BUTTON":"موافق","VALUE_STATE_ERROR_ALREADY_SELECTED":"هذه القيمة محددة بالفعل.","MULTIINPUT_ROLEDESCRIPTION_TEXT":"إدخال متعدد القيمة","MULTIINPUT_SHOW_MORE_TOKENS":"{0} المزيد","PANEL_ICON":"توسيع/طي","RANGE_SLIDER_ARIA_DESCRIPTION":"النطاق","RANGE_SLIDER_START_HANDLE_DESCRIPTION":"المؤشر الأيمن","RANGE_SLIDER_END_HANDLE_DESCRIPTION":"المؤشر الأيسر","RATING_INDICATOR_TOOLTIP_TEXT":"التصنيف","RATING_INDICATOR_TEXT":"مؤشر التقييم","RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON":"رفض","SEGMENTEDBUTTON_ARIA_DESCRIPTION":"مجموعة الأزرار المقسَّمة","SEGMENTEDBUTTON_ARIA_DESCRIBEDBY":"اضغط على SPACE أو ENTER لتحديد أحد البنود","SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION":"الزر المقسَّم","SLIDER_ARIA_DESCRIPTION":"مؤشر مربع التمرير","SWITCH_ON":"تشغيل","SWITCH_OFF":"غلق","LOAD_MORE_TEXT":"المزيد","TABLE_HEADER_ROW_TEXT":"صف المقدمة","TABLE_ROW_POSITION":"{0} من {1}","TABLE_GROUP_ROW_ARIA_LABEL":"صف مقدمة المجموعة","ARIA_LABEL_ROW_SELECTION":"تحديد البنود","ARIA_LABEL_SELECT_ALL_CHECKBOX":"تحديد كل الصفوف","TABCONTAINER_NEXT_ICON_ACC_NAME":"التالي","TABCONTAINER_PREVIOUS_ICON_ACC_NAME":"السابق","TABCONTAINER_OVERFLOW_MENU_TITLE":"قائمة التدفق","TEXTAREA_CHARACTERS_LEFT":"متبق {0} من الحروف","TEXTAREA_CHARACTERS_EXCEEDED":"تم تجاوز الحد بمقدار {0} من الحروف","TIMEPICKER_HOURS_LABEL":"الساعات","TIMEPICKER_MINUTES_LABEL":"الدقائق","TIMEPICKER_SECONDS_LABEL":"الثواني","TIMEPICKER_PERIODS_LABEL":"صباحًا/مساءًا","TIMEPICKER_SUBMIT_BUTTON":"موافق","TIMEPICKER_CANCEL_BUTTON":"إلغاء","TIMEPICKER_INPUT_DESCRIPTION":"إدخال الوقت","DURATION_INPUT_DESCRIPTION":"إدخال المدة","DATETIME_PICKER_DATE_BUTTON":"التاريخ","DATETIME_PICKER_TIME_BUTTON":"الوقت","TOKEN_ARIA_DELETABLE":"قابل للحذف","TOKENIZER_ARIA_CONTAIN_TOKEN":"لا توجد رموز مميزة","TOKENIZER_ARIA_CONTAIN_ONE_TOKEN":"يتضمن رمز مميز واحد","TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS":"يحتوى على {0} من الرموز المميزة","TOKENIZER_ARIA_LABEL":"عارض الرموز المميزة","TOKENIZER_POPOVER_REMOVE":"إزالة","TREE_ITEM_ARIA_LABEL":"عنصر الشجرة","TREE_ITEM_EXPAND_NODE":"توسيع العقدة","TREE_ITEM_COLLAPSE_NODE":"طي العقدة","VALUE_STATE_ERROR":"إدخال غير صالح","VALUE_STATE_WARNING":"تم إصدار تحذير","VALUE_STATE_INFORMATION":"إدخال معلوماتي","VALUE_STATE_SUCCESS":"تم التحقق من صحة الإدخال بنجاح","CALENDAR_HEADER_NEXT_BUTTON":"التالي","CALENDAR_HEADER_PREVIOUS_BUTTON":"السابق","DAY_PICKER_WEEK_NUMBER_TEXT":"رقم الأسبوع","DAY_PICKER_NON_WORKING_DAY":"يوم عطلة","DAY_PICKER_TODAY":"اليوم","STEPINPUT_DEC_ICON_TITLE":"تخفيض","STEPINPUT_INC_ICON_TITLE":"زيادة"}