@ui5/webcomponents 0.0.0-e7dd012d7 → 0.0.0-e818f286e

package/dist/i18n/messagebundle_zh_TW.properties

@@ -0,0 +1,270 @@
+
+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=Alpha 控制
+
+COLORPICKER_HUE_SLIDER=色調控制
+
+COLORPICKER_HEX=十六進位
+
+COLORPICKER_RED=紅色
+
+COLORPICKER_GREEN=綠色
+
+COLORPICKER_BLUE=藍色
+
+COLORPICKER_ALPHA=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=包含 1 個記號
+
+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=按下空格鍵或 Enter 以驅動預設動作，以及 Alt + 向下箭頭或 F4 以驅動箭頭動作
+
+MENU_BACK_BUTTON_ARIA_LABEL=返回
+
+MENU_CLOSE_BUTTON_ARIA_LABEL=拒絕

package/dist/popup-utils/OpenedPopupsRegistry.js

@@ -35,7 +35,7 @@ const _keydownListener = event => {
 	}
 
 	if (isEscape(event)) {
-		openedRegistry.pop().instance.close(true);
+		openedRegistry[openedRegistry.length - 1].instance.close(true);
 	}
 };
 

package/dist/popup-utils/PopoverRegistry.js

@@ -1,7 +1,6 @@
-import { isClickInRect } from "./PopupUtils.js";
+import { isClickInRect } from "@ui5/webcomponents-base/dist/util/PopupUtils.js";
 import { getOpenedPopups, addOpenedPopup, removeOpenedPopup } from "./OpenedPopupsRegistry.js";
 
-
 let updateInterval = null;
 const intervalTimeout = 300;
 const openedRegistry = [];
@@ -40,7 +39,7 @@ const detachGlobalClickHandler = () => {
 
 const clickHandler = event => {
 	const openedPopups = getOpenedPopups();
-	const isTopPopupPopover = openedPopups[openedPopups.length - 1].instance.openBy;
+	const isTopPopupPopover = openedPopups[openedPopups.length - 1].instance.showAt;
 
 	if (openedPopups.length === 0 || !isTopPopupPopover) {
 		return;
@@ -106,7 +105,6 @@ const removeOpenedPopover = instance => {
 				indexOfItemToRemove = j;
 			}
 
-
 			if (indexOfItemToRemove >= 0) {
 				removeOpenedPopup(openedRegistry[indexOfItemToRemove].instance);
 				detachScrollHandler(openedRegistry[indexOfItemToRemove].instance);

package/dist/timepicker-utils/TimeSlider.js

@@ -1,24 +1,26 @@
-const generateTimeItemsArray = x => {
+const generateTimeItemsArray = (x, step = 1) => {
 	const array = [];
 	for (let i = 0; i < x; i++) {
-		let tempString = i.toString();
-		if (tempString.length === 1) {
-			tempString = `0${tempString}`;
-		}
+		if (i % step === 0) {
+			let tempString = i.toString();
+			if (tempString.length === 1) {
+				tempString = `0${tempString}`;
+			}
 
-		array.push(tempString);
+			array.push(tempString);
+		}
 	}
 
 	return array;
 };
 
-const getHours = config => {
+const getHours = (config, max) => {
 	let hoursValueArray = [];
 
 	if (config.isTwelveHoursFormat) {
-		hoursValueArray = generateTimeItemsArray(12);
+		hoursValueArray = generateTimeItemsArray(max || 12, 1);
 	} else {
-		hoursValueArray = generateTimeItemsArray(24);
+		hoursValueArray = generateTimeItemsArray(max || 24, 1);
 	}
 
 	if (config.minHour === 1) {
@@ -36,12 +38,12 @@ const getHours = config => {
 	return hoursValueArray;
 };
 
-const getMinutes = () => {
-	return generateTimeItemsArray(60);
+const getMinutes = (max, step) => {
+	return generateTimeItemsArray(max || 60, step);
 };
 
-const getSeconds = () => {
-	return generateTimeItemsArray(60);
+const getSeconds = (max, step) => {
+	return generateTimeItemsArray(max || 60, step);
 };
 
 const getHoursConfigByFormat = type => {

package/dist/types/{AvatarBackgroundColor.js → AvatarColorScheme.js}

@@ -1,11 +1,11 @@
 import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
 
 /**
- * Different types of AvatarBackgroundColor.
- * @lends sap.ui.webcomponents.main.types.AvatarBackgroundColor.prototype
+ * Different types of AvatarColorSchemes.
+ * @lends sap.ui.webcomponents.main.types.AvatarColorScheme.prototype
  * @public
  */
-const AvatarBackGroundColors = {
+const AvatarColorSchemes = {
 	/**
 	 *
 	 * @public
@@ -86,19 +86,19 @@ const AvatarBackGroundColors = {
 
 /**
  * @class
- * Different types of AvatarBackgroundColor.
+ * Different types of AvatarColorScheme.
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.main.types.AvatarBackgroundColor
+ * @alias sap.ui.webcomponents.main.types.AvatarColorScheme
  * @public
  * @enum {string}
  */
-class AvatarBackgroundColor extends DataType {
+class AvatarColorScheme extends DataType {
 	static isValid(value) {
-		return !!AvatarBackGroundColors[value];
+		return !!AvatarColorSchemes[value];
 	}
 }
 
-AvatarBackgroundColor.generateTypeAcessors(AvatarBackGroundColors);
+AvatarColorScheme.generateTypeAccessors(AvatarColorSchemes);
 
-export default AvatarBackgroundColor;
+export default AvatarColorScheme;

package/dist/types/AvatarGroupType.js

@@ -0,0 +1,43 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * Different types of AvatarGroupType.
+ * @lends sap.ui.webcomponents.main.types.AvatarGroupType.prototype
+ * @public
+ */
+const AvatarGroupTypes = {
+	/**
+	 * The avatars are displayed as partially overlapped on top of each other and the entire group has one click/tap area.
+	 *
+	 * @public
+	 * @type {Group}
+	 */
+	Group: "Group",
+
+	/**
+	 * The avatars are displayed side-by-side and each avatar has its own click/tap area.
+	 *
+	 * @public
+	 * @type {Individual}
+	 */
+	Individual: "Individual",
+};
+
+/**
+ * @class
+ * Different types of AvatarGroupType.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.AvatarGroupType
+ * @public
+ * @enum {string}
+ */
+class AvatarGroupType extends DataType {
+	static isValid(value) {
+		return !!AvatarGroupTypes[value];
+	}
+}
+
+AvatarGroupType.generateTypeAccessors(AvatarGroupTypes);
+
+export default AvatarGroupType;

package/dist/types/AvatarShape.js

@@ -36,6 +36,6 @@ class AvatarShape extends DataType {
 	}
 }
 
-AvatarShape.generateTypeAcessors(AvatarShapes);
+AvatarShape.generateTypeAccessors(AvatarShapes);
 
 export default AvatarShape;

package/dist/types/AvatarSize.js

@@ -62,6 +62,6 @@ class AvatarSize extends DataType {
 	}
 }
 
-AvatarSize.generateTypeAcessors(AvatarSizes);
+AvatarSize.generateTypeAccessors(AvatarSizes);
 
 export default AvatarSize;

package/dist/types/BreadcrumbsDesign.js

@@ -0,0 +1,42 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.main.types.BreadcrumbsDesign.prototype
+ * @public
+ */
+const BreadcrumbsTypes = {
+	/**
+	 * Shows the current page as the last item in the trail.
+	 * The last item contains only plain text and is not a link.
+	 *
+	 * @public
+	 * @type {Standard}
+	 */
+	Standard: "Standard",
+
+	/**
+	 * All items are displayed as links.
+	 * @public
+	 * @type {NoCurrentPage}
+	 */
+	NoCurrentPage: "NoCurrentPage",
+};
+
+/**
+ * @class
+ * Different types of <code>Breadcrumbs</code>.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.BreadcrumbsDesign
+ * @public
+ * @enum {string}
+ */
+class BreadcrumbsDesign extends DataType {
+	static isValid(value) {
+		return !!BreadcrumbsTypes[value];
+	}
+}
+
+BreadcrumbsDesign.generateTypeAccessors(BreadcrumbsTypes);
+
+export default BreadcrumbsDesign;

package/dist/types/BreadcrumbsSeparatorStyle.js

@@ -0,0 +1,69 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.main.types.BreadcrumbsSeparatorStyle.prototype
+ * @public
+ */
+const SeparatorTypes = {
+
+	/**
+	 * The separator appears as "/".
+	 * @public
+	 * @type {Slash}
+	 */
+	Slash: "Slash",
+
+	/**
+	 * The separator appears as "\".
+	 * @public
+	 * @type {BackSlash}
+	 */
+	BackSlash: "BackSlash",
+
+	/**
+	 * The separator appears as "\\".
+	 * @public
+	 * @type {DoubleBackSlash}
+	 */
+	DoubleBackSlash: "DoubleBackSlash",
+
+	/**
+	 * The separator appears as ">>".
+	 * @public
+	 * @type {DoubleGreaterThan}
+	 */
+	DoubleGreaterThan: "DoubleGreaterThan",
+
+	/**
+	 * The separator appears as "//".
+	 * @public
+	 * @type {DoubleSlash}
+	 */
+	DoubleSlash: "DoubleSlash",
+
+	/**
+	 * The separator appears as ">".
+	 * @public
+	 * @type {GreaterThan}
+	 */
+	GreaterThan: "GreaterThan",
+};
+
+/**
+ * @class
+ * Different types of <code>Breadcrumbs</code> separator.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.BreadcrumbsSeparatorStyle
+ * @public
+ * @enum {string}
+ */
+class BreadcrumbsSeparatorStyle extends DataType {
+	static isValid(value) {
+		return !!SeparatorTypes[value];
+	}
+}
+
+BreadcrumbsSeparatorStyle.generateTypeAccessors(SeparatorTypes);
+
+export default BreadcrumbsSeparatorStyle;

package/dist/types/BusyIndicatorSize.js

@@ -42,6 +42,6 @@ class BusyIndicatorSize extends DataType {
 	}
 }
 
-BusyIndicatorSize.generateTypeAcessors(BusyIndicatorSizes);
+BusyIndicatorSize.generateTypeAccessors(BusyIndicatorSizes);
 
 export default BusyIndicatorSize;

package/dist/types/ButtonDesign.js

@@ -39,6 +39,13 @@ const ButtonTypes = {
 	 * @type {Emphasized}
 	 */
 	Emphasized: "Emphasized",
+
+	/**
+	 * attention type
+	 * @public
+	 * @type {Attention}
+	 */
+	Attention: "Attention",
 };
 
 /**
@@ -56,6 +63,6 @@ class ButtonDesign extends DataType {
 	}
 }
 
-ButtonDesign.generateTypeAcessors(ButtonTypes);
+ButtonDesign.generateTypeAccessors(ButtonTypes);
 
 export default ButtonDesign;

package/dist/types/CalendarSelectionMode.js

@@ -0,0 +1,47 @@
+import DataType from "@ui5/webcomponents-base/dist/types/DataType.js";
+
+/**
+ * @lends sap.ui.webcomponents.main.types.CalendarSelectionMode.prototype
+ * @public
+ */
+const CalendarSelectionModes = {
+	/**
+	 * Only one date can be selected at a time
+	 * @public
+	 * @type {Single}
+	 */
+	Single: "Single",
+
+	/**
+	 * Several dates can be selected
+	 * @public
+	 * @type {Multiple}
+	 */
+	Multiple: "Multiple",
+
+	/**
+	 * A range defined by a start date and an end date can be selected
+	 * @public
+	 * @type {Range}
+	 */
+	Range: "Range",
+};
+
+/**
+ * @class
+ * Different date selection modes for <code>ui5-calendar</code>.
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webcomponents.main.types.CalendarSelectionMode
+ * @public
+ * @enum {string}
+ */
+class CalendarSelectionMode extends DataType {
+	static isValid(value) {
+		return !!CalendarSelectionModes[value];
+	}
+}
+
+CalendarSelectionMode.generateTypeAccessors(CalendarSelectionModes);
+
+export default CalendarSelectionMode;

package/dist/types/CarouselArrowsPlacement.js

@@ -8,14 +8,14 @@ const CarouselArrowsPlacementTypes = {
 	/**
 	 * Carousel arrows are placed on the sides of the current Carousel page.
 	 * @public
-	 * @type {Default}
+	 * @type {Content}
 	 */
 	Content: "Content",
 
 	/**
 	 * Carousel arrows are placed on the sides of the page indicator of the Carousel.
 	 * @public
-	 * @type {Positive}
+	 * @type {Navigation}
 	 */
 	Navigation: "Navigation",
 };
@@ -35,6 +35,6 @@ class CarouselArrowsPlacement extends DataType {
 	}
 }
 
-CarouselArrowsPlacement.generateTypeAcessors(CarouselArrowsPlacementTypes);
+CarouselArrowsPlacement.generateTypeAccessors(CarouselArrowsPlacementTypes);
 
 export default CarouselArrowsPlacement;