@sapudex/web-components 2.41.0 → 2.42.0

package/src/i18n/messagebundle_zh_TW.properties

@@ -3,3 +3,129 @@ OVERVIEW=概覽
 LOGOUT=登出
 MAIN_LINKS=主要連結
 BACK_TO_TOP=返回頂部
+COUNT=數量
+OF=/
+PAGINATION_PAGE=頁面
+SELECTED=已選取
+UNSELECTED=未選取
+INDETERMINATE=不確定
+EDIT_BUTTON=編輯
+DELETE_BUTTON=刪除
+BACK_TO_REGION_LIST=返回地區清單
+BUTTON_ARIA_TYPE_PRIMARY=主要
+BUTTON_ARIA_TYPE_SECONDARY=次要
+BUTTON_ARIA_TYPE_TERTIARY=第三
+BUTTON_ARIA_TYPE_WARNING=警告
+BUTTON_ARIA_TYPE_POSITIVE=正數
+BUTTON_ARIA_TYPE_NEGATIVE=負數
+BUTTON_ARIA_EMPHASIZED=強調
+BUTTON_ARIA_DEFAULT=預設
+BUTTON_ARIA_TRANSPARENT=透明化
+BUTTON_ARIA_ATTENTION=注意
+DATEPICKER_DATE_DESCRIPTION=資料輸入
+TOGGLED=已切換
+FIRST_PAGE=第一頁
+LAST_PAGE=最後一頁
+PREVIOUS_PAGE=上一頁
+NEXT_PAGE=下一頁
+CURRENT_PAGE=目前頁面
+ACTIVATE_PAGE=啟用頁碼
+SUGGESTED_TEXT=建議搜尋
+ACCESSIBLE_NAME_SEARCH_ICON=搜尋
+TOOLTIP_VOICE_BUTTON=語音
+TOOLTIP_SUBMIT_BUTTON=提交
+LISTENING=正在聆聽
+AVAILABLE_VALUES=可用值
+RECOMMENDED_TEXT=建議的頁面
+EXPAND_ALL=全部展開
+COLLAPSE_ALL=全部收縮
+MORE=更多
+ATTENTION_BADGE=注意徽章
+READ_MORE=閱讀更多
+READ_LESS=顯示較少內容
+SHOW_MORE=顯示較多
+SHOW_LESS=顯示較少
+RATING_INDICATOR_TEXT=評比指標
+RATING_INDICATOR_TOOLTIP_TEXT=評比
+RATING_INDICATOR_ARIA_DESCRIPTION=必需
+TOTAL=總計
+RATING_COUNT_TITLE=評比
+ARIA_LABEL_LIST_MULTISELECTABLE=包含可多重選擇的項目
+ARIA_LABEL_LIST_SELECTABLE=包含可選擇的項目
+SHOW_RESULTS=顯示結果
+RESET=重置
+MESSAGE_STRIP_CLOSE_BUTTON=訊息列關閉按鈕
+MESSAGE_STRIP_INFORMATION=資訊列
+MESSAGE_STRIP_SUCCESS=正數列
+MESSAGE_STRIP_WARNING=警告列
+MESSAGE_STRIP_ERROR=負數列
+MESSAGE_STRIP_ACTION=動作列
+REVIEWS=審查
+STARS=星
+SELECT_OPTIONS=選取選項
+SELECT_ALL=全選
+TEXTAREA_CHARACTERS_LEFT=剩餘 {0} 個字元
+VALUE_STATE_TYPE_ERROR=欄位狀態錯誤
+VALUE_STATE_TYPE_WARNING=欄位狀態警告
+VALUE_STATE_TYPE_SUCCESS=欄位狀態成功
+VALUE_STATE_TYPE_STANDARD=欄位狀態標準
+CAROUSEL_PREVIOUS_ARROW_TEXT=上一頁
+CAROUSEL_NEXT_ARROW_TEXT=下一頁
+NO_MATCHES_FOUND=找不到符合項目。
+BREADCRUMBS_ARIA_LABEL=麵包屑軌跡
+BREADCRUMBS_OVERFLOW_ARIA_LABEL=更多
+STEPINPUT_INC_ICON_TITLE=增加數量
+STEPINPUT_DEC_ICON_TITLE=減少數量
+TABLE_NO_DATA_FOUND=找不到資料
+VALUE_STATE_ERROR=無效的輸入項
+VALUE_STATE_WARNING=已發出警告
+VALUE_STATE_INFORMATION=資訊輸入項
+VALUE_STATE_SUCCESS=已成功驗證輸入項
+READ_ONLY=唯讀
+SWITCH_ACCOUNT=切換帳戶
+BACK=返回
+OTHER_IDENTITIES=其他身份
+ADD_OR_REMOVE_ACCOUNT=新增或移除客戶
+COUNTRY_SELECT=選擇國家/地區
+CART=購物車
+COUNTRY_SELECTOR=國家/地區選擇器
+PHONE_NUMBER=聯絡電話
+CONTACT_US=聯絡我們
+EMAIL=電子郵件
+CHAT_WITH_US=與我們聊聊
+QUICK_LINKS=快速連結
+TRENDING=趨勢
+ABOUT_SAP=關於 SAP
+SITE_INFORMATION=網站資訊
+AVATAR_TEXT=頭像
+CALENDAR_ICON=開啟行事曆圖示
+LIST_ITEM_EDIT_ICON=編輯清單項目輸入項
+LIST_ITEM_DELETE_ICON=刪除清單項目輸入項
+BACK_BUTTON_LABEL=返回按鈕
+STATUS_BADGE_TEXT=狀態徽章
+STATUS_BADGE_EDIT_TITLE=按一下以編輯個人資料
+STATUS_BADGE_INFORMATION_TITLE=按一下以開啟個人資料資訊
+STATUS_BADGE_WARNING_TITLE=警告，個人資料有潛在風險
+STATUS_BADGE_ERROR_TITLE=個人資料發生錯誤
+STATUS_BADGE_SUCCESS_TITLE=已成功驗證個人資料
+PROFILE=個人資料
+OPENS_IN_A_NEW_WINDOW=在新視窗中開啟
+TEXT_FIELD=內文欄位
+UPLOADING_FILE_STATUS_TEXT=正在上傳
+TERMINATED_FILE_STATUS_TEXT=已終止
+REMOVE_FILE_TEXT=移除檔案
+UPLOAD_BUTTON_LABEL=上傳檔案
+COMPLETE_LIST_OF=完整清單
+CALL_US_TODAY=立即與我們聯絡！
+SEARCH=搜尋
+RESULT_RETURNED=個結果已傳回。
+SOCIAL_MEDIA_BUTTON=社群媒體按鈕
+PROMO_TILE=宣傳功能磚
+PROMO_TILE_ICON=宣傳功能磚圖示
+PLAY_BUTTON_ACCESSIBLE_NAME=開始按鈕以開始客戶標誌旋轉
+PAUSE_BUTTON_ACCESSIBLE_NAME=暫停按鈕以停止客戶標誌旋轉
+LOCATION=地點
+TOAST_CLOSE_ACCESSIBLE_NAME=關閉
+DISABLED=已停用
+EXPAND=展開
+COLLAPSE=收合

package/src/themes/MastheadMenuItem.css

@@ -28,6 +28,8 @@
   --udex-masthead-menu-item-explore-icon-active-color: var(--udexColorBlue9, #0040B0);
   --udex-masthead-menu-item-explore-padding: var(--sapShell_Color, #FFF);
   --udex-masthead-menu-item-explore-focus: var(--sapShell_Color, #FFF);
+  --udex-masthead-menu-item-arrow-icon-size: 16px;
+  --udex-masthead-menu-item-action-icon-size: 14px;
 
   display: flex;
   justify-content: space-between;
@@ -157,12 +159,18 @@ button.udex-masthead-menu-item {
   white-space: nowrap;
 }
 
+.udex-masthead-menu-item__icon.udex-masthead-menu-item_icon-action {
+  margin-bottom: calc(var(--udexSpacer2)* -1);
+  min-width: var(--udex-masthead-menu-item-action-icon-size);
+  width: var(--udex-masthead-menu-item-action-icon-size);
+  height: var(--udex-masthead-menu-item-action-icon-size);
+}
+
 .udex-masthead-menu-item__icon {
   margin-inline-start: var(--udexSpacer4);
-  margin-bottom: calc(var(--udexSpacer2)* -1);
-  min-width: 14px;
-  width: 14px;
-  height: 14px;
+  min-width: var(--udex-masthead-menu-item-arrow-icon-size);
+  width: var(--udex-masthead-menu-item-arrow-icon-size);
+  height: var(--udex-masthead-menu-item-arrow-icon-size);
   color: inherit;
 }
 

package/src/themes/Wizard.css

@@ -1,6 +1,8 @@
 :host {
   --udex-wizard-background-color: var(--sapBackgroundColor, #FFFFFF);
   --udex-wizard-nav-shadow: var(--sapContent_HeaderShadow, none);
+  --udex-wizard-step-max-width: 100%;
+  --udex-wizard-step-min-width: 30px;
 }
 
 :host .ui5-wiz-nav {
@@ -27,6 +29,9 @@
 
 :host .ui5-wiz-nav-list {
   display: flex;
+  align-items: center;
+  flex: 1;
+  min-width: 0;
 }
 
 :host .ui5-wiz-content {
@@ -34,6 +39,8 @@
 }
 
 [udex-wizard-tab] {
+  --udex-wizard-tab-max-width: var(--udex-wizard-step-max-width);
+  --udex-wizard-tab-min-width: var(--udex-wizard-step-min-width);
   display: block;
   flex-grow: 1;
   position: relative;

package/src/themes/WizardTab.css

@@ -4,6 +4,22 @@
   --udex-wizard-disabled-border-color: var(--udexColorGrey4, #A9B4BE);
   --udex-wizard-completed-number-color: var(--udexColorBlue9, #0040B0);
   --udex-wizard-completed-border-color: var(--udexColorBlue9, #0040B0);
+  --udex-wizard-tab-max-width: 100%;
+  --udex-wizard-tab-min-width: 30px;
+}
+
+.ui5-wiz-step-main {
+  max-width: var(--udex-wizard-tab-max-width);
+}
+
+:host(:not([hidden])) {
+    min-width: auto;
+}
+
+.ui5-wiz-step-title-text {
+  word-break: break-word;
+  -webkit-line-clamp: 3;
+  text-align: start;
 }
 
 .ui5-wiz-step-root:focus .ui5-wiz-step-main {
@@ -27,6 +43,9 @@
 .ui5-wiz-step-texts {
   padding-inline-start: 0;
   padding-inline-end: var(--udexSpacer8);
+  box-sizing: border-box;
+  max-width: calc(100% - 2rem - 20px);
+  min-width: calc(var(--udex-wizard-tab-min-width) + var(--udexSpacer8));
 }
 
 :host .ui5-wiz-step-hr {
@@ -80,6 +99,10 @@
   margin-inline-start: 0;
 }
 
+:host([data-ui5-index="1"]) .ui5-wiz-step-texts {
+  max-width: calc(100% - 2rem - 10px);
+}
+
 /* hide title & subtitle for small screens */
 :host([breakpoint="S"]) .ui5-wiz-step-texts {
   display: none;

package/src/utils/sanitizeString.ts

@@ -1,10 +1,7 @@
 const sanitizeString = (str: string) => {
   const sanitized = str
-    .replace(/&/g, "&")
     .replace(/</g, "&lt;")
-    .replace(/>/g, "&gt;")
-    .replace(/"/g, "&quot;")
-    .replace(/'/g, "&#039;");
+    .replace(/>/g, "&gt;");
 
   return sanitized.replace(/&lt;b&gt;/g, "<b>")
     .replace(/&lt;\/b&gt;/g, "</b>");

package/dist/assets/messagebundle_tr-9FvYSV7d.js

@@ -1 +0,0 @@
-const a="© {0} SAP SE veya bir SAP bağlı ortaklığı. Tüm hakları saklıdır.",O="Genel bakış",n="Çıkış",t="Ana bağlantılar",s="Başa dön",l={COPYRIGHT:a,OVERVIEW:O,LOGOUT:n,MAIN_LINKS:t,BACK_TO_TOP:s};export{s as BACK_TO_TOP,a as COPYRIGHT,n as LOGOUT,t as MAIN_LINKS,O as OVERVIEW,l as default};

package/dist/assets/messagebundle_uk-BgTRxken.js

@@ -1 +0,0 @@
-const O="© {0} SAP SE або афілійована компанія SAP. Усі права захищено.",s="Огляд",t="Вихід",I="Головні посилання",T="На початок",n={COPYRIGHT:O,OVERVIEW:s,LOGOUT:t,MAIN_LINKS:I,BACK_TO_TOP:T};export{T as BACK_TO_TOP,O as COPYRIGHT,t as LOGOUT,I as MAIN_LINKS,s as OVERVIEW,n as default};

package/dist/assets/messagebundle_zh_CN-BsCxQ-NE.js

@@ -1 +0,0 @@
-const _="© {0} SAP 股份有限公司或其关联公司版权所有，保留所有权利。",I="沪ICP备09046015号-28",O="沪公网安备31010602003068号",C="概览",E="退出",R="主要链接",T="返回顶部",s={COPYRIGHT:_,ICP_NUMBER:I,PUBLIC_SECURITY_NETWORK_NUMBER:O,OVERVIEW:C,LOGOUT:E,MAIN_LINKS:R,BACK_TO_TOP:T};export{T as BACK_TO_TOP,_ as COPYRIGHT,I as ICP_NUMBER,E as LOGOUT,R as MAIN_LINKS,C as OVERVIEW,O as PUBLIC_SECURITY_NETWORK_NUMBER,s as default};

package/dist/assets/messagebundle_zh_TW-Li9m-Dgo.js

@@ -1 +0,0 @@
-const O="© {0} SAP SE 或 SAP 附屬公司。保留所有權利。",s="概覽",T="登出",t="主要連結",I="返回頂部",_={COPYRIGHT:O,OVERVIEW:s,LOGOUT:T,MAIN_LINKS:t,BACK_TO_TOP:I};export{I as BACK_TO_TOP,O as COPYRIGHT,T as LOGOUT,t as MAIN_LINKS,s as OVERVIEW,_ as default};