@sapudex/web-components 2.9.0 → 2.11.0

package/dist/utils/debounce.d.ts

@@ -1,3 +1,5 @@
 import type CallbackFunction from "../types/callback.js";
-declare const debounce: <T extends CallbackFunction>(cb: T, timeout?: number) => (...args: any) => void;
+declare const debounce: <T extends CallbackFunction>(cb: T, timeout?: number) => ((...args: Parameters<T>) => void) & {
+    cancel: () => void;
+};
 export default debounce;

package/dist/utils/debounce.js

@@ -1,9 +1,21 @@
 const debounce = (cb, timeout = 300) => {
-    let timer;
-    return (...args) => {
-        clearTimeout(timer);
-        timer = setTimeout(() => { cb(args); }, timeout);
+    let timer = null;
+    const fn = (...args) => {
+        if (timer) {
+            clearTimeout(timer);
+        }
+        timer = setTimeout(() => {
+            timer = null;
+            cb(...args);
+        }, timeout);
     };
+    fn.cancel = () => {
+        if (timer) {
+            clearTimeout(timer);
+            timer = null;
+        }
+    };
+    return fn;
 };
 export default debounce;
 //# sourceMappingURL=debounce.js.map

package/dist/utils/debounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../src/utils/debounce.ts"],"names":[],"mappings":"AAEA,MAAM,QAAQ,GAAG,CAA6B,EAAK,EAAE,OAAO,GAAG,GAAG,EAAE,EAAE;IACpE,IAAI,KAAoC,CAAC;IACzC,OAAO,CAAC,GAAG,IAAS,EAAE,EAAE;QACtB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IACnD,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import type CallbackFunction from \"../types/callback.js\";\n\nconst debounce = <T extends CallbackFunction>(cb: T, timeout = 300) => {\n  let timer: ReturnType<typeof setTimeout>;\n  return (...args: any) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => { cb(args); }, timeout);\n  };\n};\n\nexport default debounce;\n"]}
+{"version":3,"file":"debounce.js","sourceRoot":"","sources":["../../src/utils/debounce.ts"],"names":[],"mappings":"AAEA,MAAM,QAAQ,GAAG,CAA6B,EAAK,EAAE,OAAO,GAAG,GAAG,EAAE,EAAE;IACpE,IAAI,KAAK,GAAyC,IAAI,CAAC;IAEvD,MAAM,EAAE,GAAG,CAAC,GAAG,IAAmB,EAAE,EAAE;QACpC,IAAI,KAAK,EAAE,CAAC;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YACtB,KAAK,GAAG,IAAI,CAAC;YACb,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;QACd,CAAC,EAAE,OAAO,CAAC,CAAC;IACd,CAAC,CAAC;IAED,EAAyC,CAAC,MAAM,GAAG,GAAG,EAAE;QACvD,IAAI,KAAK,EAAE,CAAC;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;YACpB,KAAK,GAAG,IAAI,CAAC;QACf,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,EAAwC,CAAC;AAClD,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import type CallbackFunction from \"../types/callback.js\";\n\nconst debounce = <T extends CallbackFunction>(cb: T, timeout = 300) => {\n  let timer: ReturnType<typeof setTimeout> | null = null;\n\n  const fn = (...args: Parameters<T>) => {\n    if (timer) {\n      clearTimeout(timer);\n    }\n    timer = setTimeout(() => {\n      timer = null;\n      cb(...args);\n    }, timeout);\n  };\n\n  (fn as typeof fn & { cancel: () => void }).cancel = () => {\n    if (timer) {\n      clearTimeout(timer);\n      timer = null;\n    }\n  };\n\n  return fn as typeof fn & { cancel: () => void };\n};\n\nexport default debounce;\n"]}

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

@@ -14,6 +14,11 @@
           "name": "headline",
           "description": "Defines the headline text of the accordion component.",
           "values": []
+        },
+        {
+          "name": "headline-level",
+          "description": "Defines the semantic level of the headline.",
+          "values": [{ "name": "UDExAccordionHeadlineLevel" }]
         }
       ],
       "references": []
@@ -32,6 +37,16 @@
           "description": "Defines the label of the accordion item component.",
           "values": []
         },
+        {
+          "name": "label-size",
+          "description": "Defines the size of label.",
+          "values": [{ "name": "UDExAccordionItemTitleSize" }]
+        },
+        {
+          "name": "label-icon",
+          "description": "Defines icon name to be display with title.",
+          "values": []
+        },
         {
           "name": "expanded",
           "description": "Defines if the accordion item is expanded by default",
@@ -1044,6 +1059,31 @@
           "description": "Defines the optional component href link for the logo.",
           "values": []
         },
+        {
+          "name": "tagline-alt",
+          "description": "Defines the tagline alt text.",
+          "values": []
+        },
+        {
+          "name": "tagline-url",
+          "description": "Defines the tagline url.",
+          "values": []
+        },
+        {
+          "name": "chinese-tagline-url",
+          "description": "Defines the chinese tagline url.",
+          "values": []
+        },
+        {
+          "name": "chinese-logo-url",
+          "description": "Defines the chinese logo url",
+          "values": []
+        },
+        {
+          "name": "chinese-logo-link",
+          "description": "Defines the optional component href link for the chinese logo.",
+          "values": []
+        },
         {
           "name": "quick-links",
           "description": "List of the Quick links",
@@ -1981,6 +2021,11 @@
           "description": "Defines an accessible name for close icon for the search bar",
           "values": []
         },
+        {
+          "name": "mobile-close-button-accessible-name",
+          "description": "Defines an accessible name for the close mobile menu button",
+          "values": []
+        },
         {
           "name": "homepage-aria-label",
           "description": "Defines an aria label for the homepage link",
@@ -2375,6 +2420,63 @@
       ],
       "references": []
     },
+    {
+      "name": "udex-promo-tile",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-promo-tile</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/PromoTile.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **button-click** - Triggered when the user clicks on the CTA button\n\n### **Slots:**\n - **default** - Defines the text content of the Promo Tile.",
+      "attributes": [
+        {
+          "name": "orientation",
+          "description": "Defines the orientation of the Promo Tile component.",
+          "values": [{ "name": "Vertical" }, { "name": "Horizontal" }]
+        },
+        {
+          "name": "icon",
+          "description": "Defines the UI5 icon name in the pictogram section.",
+          "values": []
+        },
+        {
+          "name": "image-label",
+          "description": "Defines the image aria label and alt in the pictogram section.",
+          "values": []
+        },
+        {
+          "name": "logo-url",
+          "description": "Defines the logo URL in the pictogram section.",
+          "values": []
+        },
+        {
+          "name": "header",
+          "description": "Defines the header text of the promo tile.",
+          "values": []
+        },
+        {
+          "name": "eyebrow",
+          "description": "Defines the eyebrow text of the promo tile.",
+          "values": []
+        },
+        {
+          "name": "button",
+          "description": "Defines the CTA button label",
+          "values": []
+        },
+        {
+          "name": "button-design",
+          "description": "Defines the CTA button design",
+          "values": [{ "name": "UDExButtonDesign" }]
+        },
+        {
+          "name": "color-scheme",
+          "description": "Defines the color scheme of the Promo Tile.",
+          "values": [{ "name": "UDExPromoTileColorSheme" }]
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible name of the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "udex-quote",
       "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\nThe <code>udex-quote</code> component is a demo component that displays some text.\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the text content of the Quote.\n- **link** - Defines the link in the Quote\n- **author** - Defines author's name and company\n- **image** - Defines image near quote text",
@@ -2393,6 +2495,11 @@
           "name": "mask",
           "description": "Defines image mask",
           "values": [{ "name": "avatar" }, { "name": "rectangle" }]
+        },
+        {
+          "name": "image-placement",
+          "description": "Defines image placement",
+          "values": [{ "name": "left" }, { "name": "right" }]
         }
       ],
       "references": []
@@ -3221,6 +3328,45 @@
       "attributes": [],
       "references": []
     },
+    {
+      "name": "udex-social-media-button",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-social-media-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/SocialMediaButton.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **click** - Triggered when the user clicks on an item.",
+      "attributes": [
+        {
+          "name": "type",
+          "description": "Defines the type of Social Media Button.\n<br><br>\nAvailable options are:\n<ul>\n<li><code>facebook</code> - the button with Facebook icon</li>\n<li><code>instagram</code> - the button with Instagram icon</li>\n<li><code>linkedin</code> - the button with LinkedIn icon</li>\n<li><code>youtube</code> - the button with YouTube icon</li>\n<li><code>x</code> - the button with X icon</li>\n<li><code>mail</code> - the button with Instagram mail icon (default)</li>\n</ul>",
+          "values": [
+            { "name": "facebook" },
+            { "name": "instagram" },
+            { "name": "linkedin" },
+            { "name": "email" },
+            { "name": "youtube" },
+            { "name": "x" }
+          ]
+        },
+        {
+          "name": "url",
+          "description": "Defines the URL address for Social Media platform profile.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "Define the target of the Social Media Button link\n<b>Note:</b> Standard hyperlink behavior is supported.",
+          "values": [
+            { "name": "_blank" },
+            { "name": "_parent" },
+            { "name": "_self" },
+            { "name": "_top" }
+          ]
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines the accessible ARIA name of the component.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "udex-status-badge",
       "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-status-badge</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/StatusBadge.js\";</code>\n\n\n---\n\n\n",
@@ -3647,6 +3793,11 @@
           "name": "interactive",
           "description": "Defines the interactive state of the row.",
           "values": []
+        },
+        {
+          "name": "highlighted",
+          "description": "Defines highlighted the row.",
+          "values": []
         }
       ],
       "references": []
@@ -3754,7 +3905,7 @@
     },
     {
       "name": "udex-textarea",
-      "description": "\n\n\n---\n\n\n",
+      "description": "\n\n\n---\n\n\n\n\n### **Events:**\n - **change** - Fires when the value of the textarea changes and the textarea loses focus.",
       "attributes": [
         {
           "name": "label",