@sapudex/web-components 2.55.0 → 2.57.0

package/dist/messagebundle_zh_TW.properties

@@ -3,14 +3,11 @@ 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=次要
@@ -24,8 +21,6 @@ BUTTON_ARIA_TRANSPARENT=透明化
 BUTTON_ARIA_ATTENTION=注意
 DATEPICKER_DATE_DESCRIPTION=資料輸入
 TOGGLED=已切換
-FIRST_PAGE=第一頁
-LAST_PAGE=最後一頁
 PREVIOUS_PAGE=上一頁
 NEXT_PAGE=下一頁
 CURRENT_PAGE=目前頁面
@@ -68,7 +63,6 @@ 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=找不到符合項目。
@@ -99,8 +93,6 @@ 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=按一下以編輯個人資料

package/dist/utils/searchBackdrop.d.ts

@@ -0,0 +1 @@
+export default function ensureSearchBackdropStyles(doc: Document): void;

package/dist/utils/searchBackdrop.js

@@ -0,0 +1,23 @@
+const STYLE_ID = "udex-search-backdrop-styles";
+export default function ensureSearchBackdropStyles(doc) {
+    if (doc.getElementById(STYLE_ID)) {
+        return;
+    }
+    const style = doc.createElement("style");
+    style.id = STYLE_ID;
+    style.textContent = `
+    .udex-search-backdrop {
+      position: fixed;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      display: none;
+      z-index: var(--udex-search-backdrop-z-index, var(--udexZIndex100, 100));
+      background-color: var(--udexColorNeutralBlack, #000);
+      opacity: 0.5;
+      cursor: default;
+    }
+  `;
+    doc.head.appendChild(style);
+}
+//# sourceMappingURL=searchBackdrop.js.map

package/dist/utils/searchBackdrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchBackdrop.js","sourceRoot":"","sources":["../../src/utils/searchBackdrop.ts"],"names":[],"mappings":"AAAA,MAAM,QAAQ,GAAG,6BAA6B,CAAC;AAE/C,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,GAAa;IAC9D,IAAI,GAAG,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;QACjC,OAAO;IACT,CAAC;IACD,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,GAAG,QAAQ,CAAC;IACpB,KAAK,CAAC,WAAW,GAAG;;;;;;;;;;;;GAYnB,CAAC;IACF,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC","sourcesContent":["const STYLE_ID = \"udex-search-backdrop-styles\";\n\nexport default function ensureSearchBackdropStyles(doc: Document): void {\n  if (doc.getElementById(STYLE_ID)) {\n    return;\n  }\n  const style = doc.createElement(\"style\");\n  style.id = STYLE_ID;\n  style.textContent = `\n    .udex-search-backdrop {\n      position: fixed;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      display: none;\n      z-index: var(--udex-search-backdrop-z-index, var(--udexZIndex100, 100));\n      background-color: var(--udexColorNeutralBlack, #000);\n      opacity: 0.5;\n      cursor: default;\n    }\n  `;\n  doc.head.appendChild(style);\n}\n"]}

package/dist/vscode.html-custom-data.json

@@ -383,7 +383,11 @@
         {
           "name": "page-indicator-type",
           "description": "Defines the style of the page indicator.\nAvailable options are:\n\n- `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)\n- `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y)",
-          "values": [{ "name": "Default" }, { "name": "Numeric" }]
+          "values": [
+            { "name": "Default" },
+            { "name": "None" },
+            { "name": "Numeric" }
+          ]
         }
       ],
       "references": []
@@ -3384,7 +3388,7 @@
     },
     {
       "name": "udex-search",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-search</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Search.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n- **search-keydown** - Fired event when the user clicks on the intem inside the prefix dropdown.\n- **submit-search-value** - Fired event when the user submitted the value.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-search</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Search.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **dropdown-item-click** - Fired event when the user clicks on the item inside the popover.\n- **handle-value-reset** - Fired event when the user clicks on the reset button.\n- **handle-value-search** - Fired event when the user typed to search field.\n- **prefix-item-click** - Fired event when the user clicks on the intem inside the prefix dropdown.\n- **search-keydown** - Fired event when the user clicks on the intem inside the prefix dropdown.\n- **submit-search-value** - Fired event when the user submitted the value.\n- **suggestion-popover-closed** - Fired when the suggestions popover closes.\n- **suggestion-popover-opened** - Fired when the suggestions popover opens.\n\n### **Slots:**\n - **default** - Defines the prefix dropdown of the Search component.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -4637,7 +4641,11 @@
         {
           "name": "size-more-button",
           "description": "Defines the size of the \"More\" button.",
-          "values": [{ "name": "Medium" }, { "name": "Small" }]
+          "values": [
+            { "name": "Medium" },
+            { "name": "Small" },
+            { "name": "Large" }
+          ]
         },
         {
           "name": "vertical-alignment",
@@ -5367,8 +5375,59 @@
     },
     {
       "name": "udex-upload-item",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-upload-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UploadItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **request-delete** - Triggered when the upload item is deleted.\n\n### **Slots:**\n - **default** - Slot for information about the uploaded file.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-upload-item</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UploadItem.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **accordion-icon-click** - Triggered when the user clicks on an accordion item.\n- **first-icon-click** - Fired event when the user click on a first icon.\n- **item-focus** - Fired event when the user focuses on a list item.\n- **item-press** - Fired event when the user click on a list item.\n- **request-delete** - Triggered when the upload item is deleted.\n- **second-icon-click** - Fired event when the user click on a second icon.\n\n### **Slots:**\n - **default** - Slot for information about the uploaded file.\n- **firstIcon** - Slot for first icon.\n- **secondIcon** - Slot for second icon.",
       "attributes": [
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible name of the item.",
+          "values": []
+        },
+        {
+          "name": "accessible-role",
+          "description": "Defines the role attribute of component",
+          "values": []
+        },
+        {
+          "name": "additional-text",
+          "description": "Defines the additionalText, displayed at the end of the list item.",
+          "values": []
+        },
+        {
+          "name": "additional-text-state",
+          "description": "Defines the state of the additionalText.",
+          "values": [
+            { "name": "Information" },
+            { "name": "Warning" },
+            { "name": "None" },
+            { "name": "Success" },
+            { "name": "Error" }
+          ]
+        },
+        {
+          "name": "collapsed",
+          "description": "Defines if collapsible grouping header is collapsed or expanded",
+          "values": []
+        },
+        {
+          "name": "collapsible",
+          "description": "Defines if grouping header can collapse/expand child elements.",
+          "values": []
+        },
+        {
+          "name": "controlled",
+          "description": "Defines the controlled state of the item.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Defines whether <code> list item</code> is in disabled state.",
+          "values": []
+        },
+        {
+          "name": "divider",
+          "description": "Defines whether a visual separator should be rendered after the item.",
+          "values": []
+        },
         {
           "name": "file-link",
           "description": "Defines the link of the uploaded file.",
@@ -5389,6 +5448,118 @@
             { "name": "_top" }
           ]
         },
+        {
+          "name": "flag",
+          "description": "Defines the image, displayed at the start of the item.",
+          "values": []
+        },
+        {
+          "name": "flag-position",
+          "description": "Defines the position for flag image.",
+          "values": []
+        },
+        {
+          "name": "image",
+          "description": "Allows control over the image source.",
+          "values": []
+        },
+        {
+          "name": "image-alt",
+          "description": "Allows control over the alternative text of the image.",
+          "values": []
+        },
+        {
+          "name": "image-badge-state",
+          "description": "Defines the image badge state of the component.",
+          "values": [
+            { "name": "Information" },
+            { "name": "Warning" },
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Edit" }
+          ]
+        },
+        {
+          "name": "image-shape",
+          "description": "Defines the shape of the image.",
+          "values": [{ "name": "Circle" }, { "name": "Square" }]
+        },
+        {
+          "name": "image-size",
+          "description": "Allows control over the size of the image.",
+          "values": [
+            { "name": "XS" },
+            { "name": "S" },
+            { "name": "M" },
+            { "name": "L" },
+            { "name": "XL" }
+          ]
+        },
+        {
+          "name": "indeterminate",
+          "description": "Defines whether the selection of a  list is displayed as partially selected.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "Defines the <code>label</code> for the item.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines the mode of the item.",
+          "values": [
+            { "name": "SingleSelect" },
+            { "name": "MultiSelect" },
+            { "name": "SingleContent" },
+            { "name": "RadioGroup" }
+          ]
+        },
+        {
+          "name": "rating",
+          "description": "Defines the value of the rating.\nUse for rating indicator to represent aggregated review scores within list items",
+          "values": []
+        },
+        {
+          "name": "rating-count",
+          "description": "Defines the number of the rating.\nUse for the rating indicator",
+          "values": []
+        },
+        {
+          "name": "rating-max",
+          "description": "Defines the number of displayed rating symbols.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "Defines the selected state of the item.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "Defines the size of the item.",
+          "values": [{ "name": "Large" }, { "name": "Standard" }]
+        },
+        {
+          "name": "supporting-text",
+          "description": "Defines the supportingText, displayed in the end of the item.",
+          "values": []
+        },
+        {
+          "name": "total-count",
+          "description": "The number of total votes.\nUse for the rating indicator",
+          "values": []
+        },
+        {
+          "name": "type",
+          "description": "Defines the type of the item.",
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
+        },
         {
           "name": "upload-percentage",
           "description": "Defines the percentage of the upload.",