@ui5/webcomponents-compat 2.0.0-rc.2

package/src/i18n/messagebundle_zh_TW.properties

@@ -0,0 +1,341 @@
+
+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_BADGE=徽章
+
+BADGE_DESCRIPTION_TAG=標籤
+
+BADGE_ROLE_DESCRIPTION=標籤按鈕
+
+BADGE_ERROR=錯誤
+
+BADGE_WARNING=警告
+
+BADGE_SUCCESS=成功
+
+BADGE_INFORMATION=資訊
+
+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=強調
+
+CAL_LEGEND_TODAY_TEXT=今天
+
+CAL_LEGEND_SELECTED_TEXT=選取的日期
+
+CAL_LEGEND_WORKING_DAY_TEXT=工作日
+
+CAL_LEGEND_NON_WORKING_DAY_TEXT=非工作日
+
+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=更多色彩...
+
+COLOR_PALETTE_DEFAULT_COLOR_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=選擇選項
+
+SHOW_SELECTED_BUTTON=僅顯示所選項目
+
+INPUT_SUGGESTIONS=可用建議
+
+MCB_SELECTED_ITEMS=全選 ({0}/{1})
+
+INPUT_SUGGESTIONS_TITLE=選擇
+
+INPUT_SUGGESTIONS_ONE_HIT=1 個可用的結果
+
+INPUT_SUGGESTIONS_MORE_HITS={0} 個可用的結果
+
+INPUT_SUGGESTIONS_NO_HIT=沒有結果
+
+INPUT_CLEAR_ICON_ACC_NAME=清除
+
+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=確定
+
+RADIO_BUTTON_GROUP_REQUIRED=請選擇其中一個可用的選項。
+
+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=分級指示碼
+
+RATING_INDICATOR_ARIA_DESCRIPTION=必要
+
+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_INFORMATION=表頭列 1/{0}
+
+TABLE_ROW_POSITION={0}/{1}
+
+TABLE_GROUP_ROW_ARIA_LABEL=群組表頭列
+
+ARIA_LABEL_ROW_SELECTION=項目選擇
+
+ARIA_LABEL_SELECT_ALL_CHECKBOX=選擇所有列
+
+ARIA_LABEL_EMPTY_CELL=空白
+
+TAB_ARIA_DESIGN_POSITIVE=正面
+
+TAB_ARIA_DESIGN_NEGATIVE=負面
+
+TAB_ARIA_DESIGN_CRITICAL=重要
+
+TAB_ARIA_DESIGN_NEUTRAL=一般
+
+TAB_SPLIT_ROLE_DESCRIPTION=含子項目的索引標籤
+
+TABCONTAINER_NEXT_ICON_ACC_NAME=下一步
+
+TABCONTAINER_PREVIOUS_ICON_ACC_NAME=上一步
+
+TABCONTAINER_OVERFLOW_MENU_TITLE=溢位功能表
+
+TABCONTAINER_END_OVERFLOW=更多
+
+TABCONTAINER_POPOVER_CANCEL_BUTTON=取消
+
+TABCONTAINER_SUBTABS_DESCRIPTION=按向下鍵以開啟子項目功能表
+
+TEXTAREA_CHARACTERS_LEFT=剩下 {0} 個字元
+
+TEXTAREA_CHARACTERS_EXCEEDED=超過 {0} 個字元
+
+TIMEPICKER_HOURS_LABEL=小時
+
+TIMEPICKER_MINUTES_LABEL=分
+
+TIMEPICKER_SECONDS_LABEL=秒
+
+TIMEPICKER_SUBMIT_BUTTON=成功
+
+TIMEPICKER_CANCEL_BUTTON=取消
+
+TIMEPICKER_INPUT_DESCRIPTION=時間輸入
+
+TIMEPICKER_CLOCK_DIAL_LABEL=鐘面
+
+TIMEPICKER_INPUTS_ENTER_HOURS=請輸入小時
+
+TIMEPICKER_INPUTS_ENTER_MINUTES=請輸入分鐘
+
+TIMEPICKER_INPUTS_ENTER_SECONDS=請輸入秒數
+
+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=移除
+
+TOKENIZER_SHOW_ALL_ITEMS={0} 個項目
+
+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=今天
+
+MONTH_PICKER_DESCRIPTION=月份選擇器
+
+YEAR_PICKER_DESCRIPTION=年份選擇器
+
+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=拒絕
+
+NAVIGATION_MENU_POPOVER_HIDDEN_TEXT=瀏覽
+
+DIALOG_HEADER_ARIA_ROLE_DESCRIPTION=互動表頭
+
+DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE=使用　Shift　+　箭頭鍵以調整大小
+
+DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE=使用箭頭鍵以移動
+
+DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE_RESIZABLE=使用箭頭鍵以移動，使用　Shift　+　箭頭鍵以調整大小
+LABEL_COLON=：
+
+TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL=附加選項

package/src/themes/GrowingButton.css

@@ -0,0 +1,68 @@
+[growing-button] {
+	display: flex;
+	align-items: center;
+	padding: var(--_ui5_load_more_padding);
+	border-top: 1px solid var(--sapList_BorderColor);
+	border-bottom: var(--_ui5_load_more_border-bottom);
+	box-sizing: border-box;
+	cursor: pointer;
+	outline: none;
+}
+
+[growing-button-inner] {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-direction: column;
+	min-height: var(--_ui5_load_more_text_height);
+	width: 100%;
+	color: var(--sapButton_TextColor);
+	background-color: var(--sapList_Background);
+	border: var(--_ui5_load_more_border);
+	border-radius: var(--_ui5_load_more_border_radius);
+	box-sizing: border-box;
+}
+
+[growing-button-inner]:focus {
+	outline: var(--_ui5_load_more_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	outline-offset: -0.125rem;
+	border-color: transparent;
+}
+
+[growing-button-inner]:hover {
+	background-color: var(--sapList_Hover_Background);
+}
+
+[growing-button-inner]:active,
+[growing-button-inner][active] {
+	background-color: var(--sapList_Active_Background);
+	border-color: var(--sapList_Active_Background);
+}
+
+[growing-button-inner]:active > *,
+[growing-button-inner][active] > * {
+	color: var(--sapList_Active_TextColor);
+}
+
+[growing-button-text],
+[growing-button-subtext] {
+	width: 100%;
+	text-align: center;
+	font-family: "72override", var(--sapFontFamily);
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	box-sizing: border-box;
+}
+
+[growing-button-text] {
+	height: var(--_ui5_load_more_text_height);
+	padding: 0.875rem 1rem 0 1rem;
+	font-size: var(--_ui5_load_more_text_font_size);
+	font-weight: bold;
+}
+
+[growing-button-subtext] {
+	font-size: var(--sapFontSize);
+	padding: var(--_ui5_load_more_desc_padding);
+}

package/src/themes/Table.css

@@ -0,0 +1,106 @@
+@import "./GrowingButton.css";
+
+:host(:not([hidden])) {
+	display: inline-block;
+	width: 100%;
+}
+
+.ui5-table-root {
+	position: relative;
+	border-bottom: var(--ui5_table_bottom_border);
+}
+
+table {
+	width: 100%;
+	border-spacing: 0;
+	border-collapse: collapse;
+}
+
+.ui5-table-header-row-navigated {
+    width: 0.1875rem;
+    background: var(--sapList_HeaderBackground);
+    vertical-align: middle;
+}
+
+.ui5-table-header-row {
+	color: var(--sapList_HeaderTextColor);
+	height: var(--ui5_table_header_row_height);
+	font-family: "72override", var(--sapFontFamily);
+	font-size: var(--sapFontSize);
+	font-weight: var(--ui5_table_header_row_font_weight);
+	border-bottom: var(--ui5_table_header_row_border_width) solid var(--ui5_table_header_row_border_bottom_color);
+}
+
+.ui5-table-header-row:focus {
+	outline: var(--ui5_table_header_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	outline-offset: var(--ui5_table_focus_outline_offset);
+}
+
+tr {
+	height: 3rem;
+}
+
+.ui5-table-no-data-row {
+	display: flex;
+	align-items: center;
+	width: 100%;
+	height: auto;
+	justify-content: center;
+	text-align: center;
+	padding: 0.5rem 1rem;
+	font-family: "72override", var(--sapFontFamily);
+	font-size: 0.875rem;
+	box-sizing: border-box;
+	color: var(--sapTextColor);
+	min-height: 3rem;
+	background-color: var(--sapList_Background);
+}
+
+.ui5-table-end-row {
+	height: 0px;
+}
+
+:host([busy]) .ui5-table-busy-row {
+	position: absolute;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	top: 0;
+	outline: none;
+	z-index: 100;
+}
+
+:host([busy]) .ui5-table-busy-ind {
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+	z-index: 1;
+}
+
+:host([busy]) [growing-button] {
+	opacity: 0.72;
+}
+
+:host [growing-button] {
+	border-bottom: var(--_ui5_table_load_more_border-bottom);
+}
+
+.ui5-table-select-all-column {
+	width: var(--ui5_table_multiselect_column_width);
+	text-align: center;
+}
+
+:host([sticky-column-header]) .ui5-table-header-row {
+	position: sticky;
+	top: 0;
+	z-index: 99;
+}
+
+th {
+	background: var(--sapList_HeaderBackground);
+}
+
+.ui5-table-focusarea {
+	position: fixed;
+}

package/src/themes/TableCell.css

@@ -0,0 +1,27 @@
+:host {
+	display: table-cell;
+	font-family: "72override", var(--sapFontFamily);
+	font-size: 0.875rem;
+	height: var(--ui5_table_row_height);
+	box-sizing: border-box;
+	color: var(--sapList_TextColor);
+	word-break: break-word;
+	vertical-align: middle;
+}
+
+td {
+	display: contents;
+}
+
+:host([popined]) {
+	padding-left: 0;
+	padding-top: .25rem;
+}
+
+:host([_popined-inline]) {
+	padding-top: 0;
+}
+
+::slotted([ui5-label]) {
+	color: inherit;
+}

package/src/themes/TableColumn.css

@@ -0,0 +1,25 @@
+:host {
+	display: contents;
+}
+
+th {
+	background: var(--sapList_HeaderBackground);
+	width: inherit;
+	font-weight: var(--ui5_table_header_row_font_weight);
+	font-size: var(--sapFontMediumSize);
+	font-family: var(--ui5_table_header_row_font_family);
+	padding: 0.5rem;
+	box-sizing: border-box;
+	text-align: start;
+	vertical-align: middle;
+}
+
+:host([first]) th {
+	padding-inline-start: 1rem;
+}
+
+th ::slotted([ui5-label]) {
+	font-weight: var(--ui5_table_header_row_font_weight);
+	font-size: var(--sapFontMediumSize);
+	font-family: var(--ui5_table_header_row_font_family);
+}

package/src/themes/TableGroupRow.css

@@ -0,0 +1,32 @@
+:host {
+    display: contents;
+}
+
+:host([_busy]) .ui5-table-group-row-root {
+	opacity: 0.72;
+	pointer-events: none;
+}
+
+.ui5-table-group-row-root {
+	height: var(--ui5_table_group_row_height);
+	border-style: solid;
+	border-color: var(--sapList_TableGroupHeaderBorderColor);
+	border-width: var(--ui5_table_border_width);
+	background-color: var(--sapList_TableGroupHeaderBackground);
+	color: var(--sapList_TableGroupHeaderTextColor);
+	font-family: "72override", var(--sapFontFamily);
+	font-size: var(--sapFontSize);
+	font-weight: var(--ui5_table_group_row_font-weight);
+}
+
+.ui5-table-group-row-root:focus {
+	outline: var(--ui5_table_row_outline_width) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
+	outline-offset: var(--ui5_table_focus_outline_offset);
+}
+
+td {
+	word-break: break-word;
+	vertical-align: middle;
+	padding: .5rem .25rem .5rem 1rem;
+	text-align: start;
+}