@ui5/webcomponents 0.0.0-e463d2345 → 0.0.0-e818f286e

package/dist/features/InputSuggestions.js

@@ -1,8 +1,21 @@
 import { registerFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
-
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import encodeXML from "@ui5/webcomponents-base/dist/sap/base/security/encodeXML.js";
+import generateHighlightedMarkup from "@ui5/webcomponents-base/dist/util/generateHighlightedMarkup.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 Icon from "../Icon.js";
 import Popover from "../Popover.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 +24,7 @@ import Popover from "../Popover.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,22 +34,45 @@ 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 => {
-			return suggestions.push(suggestion.textContent);
+
+		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,
+				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,
+			});
 		});
 
 		return suggestions;
@@ -64,30 +100,117 @@ class Suggestions {
 	}
 
 	onEnter(event) {
+		if (this._isGroupOrInactiveItem) {
+			event.preventDefault();
+			return false;
+		}
+
 		if (this._isItemOnTarget()) {
 			this.onItemSelected(null, true /* keyboardUsed */);
 			return true;
 		}
+
+		return false;
+	}
+
+	onPageUp(event) {
+		event.preventDefault();
+
+		const isItemIndexValid = this.selectedItemIndex - 10 > -1;
+
+		if (this._hasValueState && !isItemIndexValid) {
+			this._focusValueState();
+			return true;
+		}
+
+		this._moveItemSelection(this.selectedItemIndex,
+			isItemIndexValid ? this.selectedItemIndex -= 10 : this.selectedItemIndex = 0);
+		return true;
+	}
+
+	onPageDown(event) {
+		event.preventDefault();
+
+		const items = this._getItems();
+		const lastItemIndex = items.length - 1;
+		const isItemIndexValid = this.selectedItemIndex + 10 <= lastItemIndex;
+
+		if (this._hasValueState && !items) {
+			this._focusValueState();
+			return true;
+		}
+
+		this._moveItemSelection(this.selectedItemIndex,
+			isItemIndexValid ? this.selectedItemIndex += 10 : this.selectedItemIndex = lastItemIndex);
+		return true;
+	}
+
+	onHome(event) {
+		event.preventDefault();
+
+		if (this._hasValueState) {
+			this._focusValueState();
+			return true;
+		}
+
+		this._moveItemSelection(this.selectedItemIndex, this.selectedItemIndex = 0);
+		return true;
+	}
+
+	onEnd(event) {
+		event.preventDefault();
+
+		const lastItemIndex = this._getItems().length - 1;
+
+		if (this._hasValueState && !lastItemIndex) {
+			this._focusValueState();
+			return true;
+		}
+
+		this._moveItemSelection(this.selectedItemIndex, this.selectedItemIndex = lastItemIndex);
+		return true;
+	}
+
+	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._getPopover().openBy(this._getComponent());
+
+		this.responsivePopover.showAt(this._getComponent());
 	}
 
-	close() {
-		this._getPopover().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) {
@@ -99,13 +222,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(item, keyboardUsed);
-		this.close();
+		this._getComponent().onItemSelected(this._getRealItems()[this.selectedItemIndex], keyboardUsed);
+		item.selected = false;
+		item.focused = false;
+		this._getComponent().open = false;
 	}
 
 	onItemPreviewed(item) {
@@ -114,7 +260,7 @@ class Suggestions {
 
 	/* Private methods */
 	onItemPress(oEvent) {
-		this.onItemSelected(oEvent.detail.item, false /* keyboardUsed */);
+		this.onItemSelected(oEvent.detail.selectedItems[0], false /* keyboardUsed */);
 	}
 
 	_beforeOpen() {
@@ -122,12 +268,18 @@ 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-click", this.fnOnSuggestionItemPress);
+		list.addEventListener("ui5-item-click", this.fnOnSuggestionItemPress);
+		list.removeEventListener("ui5-selection-change", this.fnOnSuggestionItemPress);
+		list.addEventListener("ui5-selection-change", 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() {
@@ -136,12 +288,12 @@ class Suggestions {
 		}
 
 		if (!this.attachedAfterOpened) {
-			this._getPopover().addEventListener("ui5-afterOpen", this._onOpen.bind(this));
+			this._getSuggestionPopover.addEventListener("ui5-after-open", this._onOpen.bind(this));
 			this.attachedAfterOpened = true;
 		}
 
 		if (!this.attachedAfterClose) {
-			this._getPopover().addEventListener("ui5-afterClose", this._onClose.bind(this));
+			this._getSuggestionPopover.addEventListener("ui5-after-close", this._onClose.bind(this));
 			this.attachedAfterClose = true;
 		}
 	}
@@ -153,6 +305,7 @@ class Suggestions {
 
 	_onClose() {
 		this._getComponent().onClose();
+		this._handledPress = false;
 	}
 
 	_applyFocus() {
@@ -162,12 +315,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._getPopover();
-		return !!(popover && popover.opened);
+		return !!(this.responsivePopover && this.responsivePopover.opened);
 	}
 
 	_handleItemNavigation(forward) {
@@ -186,22 +348,61 @@ class Suggestions {
 		const itemsCount = this._getItems().length;
 		const previousSelectedIdx = this.selectedItemIndex;
 
-		if ((this.selectedItemIndex === null) || (++this.selectedItemIndex > itemsCount - 1)) {
-			this.selectedItemIndex = 0;
+		if (this._hasValueState && previousSelectedIdx === null && !this.component._isValueStateFocused) {
+			this._focusValueState();
+			return;
 		}
 
-		this._moveItemSelection(previousSelectedIdx, this.selectedItemIndex);
+		if ((previousSelectedIdx === null && !this._hasValueState) || this.component._isValueStateFocused) {
+			this._clearValueStateFocus();
+			--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;
 
-		if ((this.selectedItemIndex === null) || (--this.selectedItemIndex < 0)) {
-			this.selectedItemIndex = itemsCount - 1;
+		if (this._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) {
@@ -209,18 +410,37 @@ class Suggestions {
 		const currentItem = items[nextIdx];
 		const previousItem = items[previousIdx];
 
+		if (!currentItem) {
+			return;
+		}
+
+		this.component.focused = false;
+		this._clearValueStateFocus();
+
+		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)) {
@@ -228,52 +448,153 @@ 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) {
-			const popover = this._getPopover();
-			this._scrollContainer = popover.getDomRef().querySelector(".ui5-popover-content");
+			await this._getSuggestionPopover();
+			this._scrollContainer = this.responsivePopover.shadowRoot.querySelector(".ui5-popup-content");
 		}
 
 		return this._scrollContainer;
 	}
 
 	_getItems() {
-		return this._getComponent().getSlottedNodes(this.slotName);
+		return !!this.responsivePopover && [...this.responsivePopover.querySelector("[ui5-list]").children];
 	}
 
 	_getComponent() {
 		return this.component;
 	}
 
-	_getList() {
-		return this._getComponent().getStaticAreaItemDomRef().querySelector("ui5-popover").querySelector("ui5-list");
+	async _getList() {
+		this.responsivePopover = await this._getSuggestionPopover();
+		return this.responsivePopover.querySelector("[ui5-list]");
 	}
 
-	_getPopover() {
-		return this._getComponent().getStaticAreaItemDomRef().querySelector("ui5-popover");
+	async _getListWidth() {
+		const list = await this._getList();
+		return list.offsetWidth;
 	}
-}
 
-Suggestions.SCROLL_STEP = 48;
+	_getRealItems() {
+		return this._getComponent().getSlottedNodes(this.slotName);
+	}
+
+	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) {
+		const text = suggestion.text || suggestion.textContent;
+		return this.hightlightInput(text, input);
+	}
+
+	getHighlightedDesc(suggestion, input) {
+		const text = suggestion.description || "";
+		return this.hightlightInput(text, input);
+	}
 
-// The List and Popover components would be rendered
-// by the issuer component`s template.
-List.define();
-Popover.define();
+	hightlightInput(text, input) {
+		return generateHighlightedMarkup(text, input);
+	}
+
+	sanitizeText(text) {
+		return encodeXML(text);
+	}
+
+	get _hasValueState() {
+		return this.component.hasValueStateMessage;
+	}
+
+	_focusValueState() {
+		const items = this._getItems();
+
+		this.component._isValueStateFocused = true;
+		this.component.focused = false;
+		this.component.hasSuggestionItemSelected = false;
+		this.selectedItemIndex = null;
+		this.component.value = this.component.valueBeforeAutoComplete;
+
+		items && this._scrollItemIntoView(items[0]);
+		this._deselectItems();
+	}
+
+	_clearValueStateFocus() {
+		this.component._isValueStateFocused = false;
+	}
+
+	static get dependencies() {
+		return [
+			SuggestionItem,
+			SuggestionGroupItem,
+			ResponsivePopover,
+			List,
+			SuggestionListItem,
+			GroupHeaderListItem,
+			Button,
+			Icon,
+			Popover,
+		];
+	}
+
+	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":"شارة","BREADCRUMB_ITEM_POS":"{0} من {1}","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":"مزيد من الألوان...","COLORPICKER_ALPHA_SLIDER":"عنصر تحكم ألفا","COLORPICKER_HUE_SLIDER":"عنصر تحكم تدرج اللون","COLORPICKER_HEX":"ست عشري","COLORPICKER_RED":"أحمر","COLORPICKER_GREEN":"أخضر","COLORPICKER_BLUE":"أزرق","COLORPICKER_ALPHA":"ألفا","DATEPICKER_OPEN_ICON_TITLE":"فتح أداة الانتقاء","DATEPICKER_DATE_DESCRIPTION":"إدخال التاريخ","DATETIME_DESCRIPTION":"إدخال التاريخ/الوقت","DATERANGE_DESCRIPTION":"إدخال نطاق التواريخ","DELETE":"حذف","FILEUPLOAD_BROWSE":"استعراض...","FILEUPLOADER_TITLE":"تحميل ملف","GROUP_HEADER_TEXT":"مقدمة المجموعة","SELECT_ROLE_DESCRIPTION":"تحديد مربع تحرير وسرد","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":"غير محدد","LIST_ITEM_GROUP_HEADER":"مقدمة المجموعة","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":"إغلاق شريط المعلومات","MESSAGE_STRIP_CLOSABLE":"ممكن إغلاقه","MESSAGE_STRIP_ERROR":"شريط معلومات الخطأ","MESSAGE_STRIP_WARNING":"شريط معلومات التحذير","MESSAGE_STRIP_SUCCESS":"شريط معلومات النجاح","MESSAGE_STRIP_INFORMATION":"شريط المعلومات","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":"مؤشر مربع التمرير","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":"قائمة التدفق","TABCONTAINER_END_OVERFLOW":"المزيد","TABCONTAINER_POPOVER_CANCEL_BUTTON":"إلغاء","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_TYPE_ERROR":"حالة القيمة ’خطأ‘","VALUE_STATE_TYPE_WARNING":"حالة القيمة ’تحذير‘","VALUE_STATE_TYPE_SUCCESS":"حالة القيمة ناجح","VALUE_STATE_TYPE_INFORMATION":"حالة القيمة ’معلومات‘","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":"زيادة","SPLIT_BUTTON_DESCRIPTION":"زر التقسيم","SPLIT_BUTTON_KEYBOARD_HINT":"اضغط على Space أو Enter لبدء تشغيل الإجراء الافتراضي وAlt + Arrow Down أو F4 لبدء تشغيل إجراء السهم","MENU_BACK_BUTTON_ARIA_LABEL":"الخلف","MENU_CLOSE_BUTTON_ARIA_LABEL":"رفض"}