@sapudex/web-components 2.1.1 → 2.3.0

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

@@ -190,7 +190,7 @@
     },
     {
       "name": "udex-button",
-      "description": "\n\n\n---\n\n\n",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Button.js\";</code>\n\n\n---\n\n\n",
       "attributes": [
         {
           "name": "size",
@@ -375,6 +375,11 @@
           "description": "Defines if the component would display a loading indicator.",
           "values": []
         },
+        {
+          "name": "show-search-input",
+          "description": "Defines if the search input is visible.",
+          "values": []
+        },
         {
           "name": "busy-delay",
           "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
@@ -504,6 +509,75 @@
       ],
       "references": []
     },
+    {
+      "name": "udex-event-ribbon",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-event-ribbon</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/EventRibbon.js\";</code>\n\n\n---\n\n\n",
+      "attributes": [
+        {
+          "name": "event-logo",
+          "description": "Defines the text of the event logo.",
+          "values": [
+            { "name": "sapphire" },
+            { "name": "sapphire-stacked" },
+            { "name": "connect" },
+            { "name": "connect-stacked" },
+            { "name": "teched" },
+            { "name": "teched-stacked" },
+            { "name": "now" }
+          ]
+        },
+        {
+          "name": "event-link",
+          "description": "Defines the link details of the event ribbon.",
+          "values": []
+        },
+        {
+          "name": "event-link-icon",
+          "description": "Defines the icon displayed next to the link.",
+          "values": [{ "name": "add-calendar" }, { "name": "media-play" }]
+        },
+        {
+          "name": "event-text",
+          "description": "Defines the text displayed in event ribbon.",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Defines whether event-ribbon uses dark or light theme.",
+          "values": [{ "name": "dark" }, { "name": "light" }]
+        },
+        {
+          "name": "background-color-scheme",
+          "description": "Defines the solid background color.",
+          "values": [
+            { "name": "Mango1" },
+            { "name": "Mango2" },
+            { "name": "Mango3" },
+            { "name": "Mango4" },
+            { "name": "Red1" },
+            { "name": "Red2" },
+            { "name": "Red3" },
+            { "name": "Red4" },
+            { "name": "Raspberry1" },
+            { "name": "Raspberry2" },
+            { "name": "Raspberry3" },
+            { "name": "Raspberry4" },
+            { "name": "Pink1" },
+            { "name": "Pink2" },
+            { "name": "Pink3" },
+            { "name": "Pink4" },
+            { "name": "... 19 more ..." },
+            { "name": "Grey4" }
+          ]
+        },
+        {
+          "name": "background-image",
+          "description": "Allows control over the background image source.",
+          "values": []
+        }
+      ],
+      "references": []
+    },
     {
       "name": "udex-filter-menu",
       "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExFilterMenu.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **reset-click** - Fired event when the user click on a reset button on the footer.\n- **result-click** - Fired event when the user click on a result button on the footer.\n- **select-all** - Fired event when the user click on Select All header item.\n- **before-open** - Fired before the dropdown pane is opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
@@ -617,6 +691,11 @@
           "description": "Defines if the component would display a loading indicator.",
           "values": []
         },
+        {
+          "name": "show-search-input",
+          "description": "Defines if the search input is visible.",
+          "values": []
+        },
         {
           "name": "busy-delay",
           "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
@@ -1731,7 +1810,7 @@
     },
     {
       "name": "udex-media-player",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayer.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **videoStart** - Fires when video is played\n- **videoPause** - Fires when video is paused\n- **videoComplete** - Fires when video is watched\n- **videoReady** - Fires when video is ready\n- **videoProgress** - Fires when video watching progress changed\n- **video25** - Fires when 25% of video is watched\n- **video50** - Fires when 50% of video is watched\n- **video75** - Fires when 75% of video is watched\n\n### **Methods:**\n - **getPlayer(): _HTMLVideoElement | HTMLAudioElement | YT.Player | VimeoPlayer | null_** - Returns video element\n\n### **Slots:**\n - **default** - Placeholder for all html `track` elements to provide video subtitles.\nExample: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\nMore information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayer.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **videoStart** - Fires when video is played\n- **videoPause** - Fires when video is paused\n- **videoComplete** - Fires when video is watched\n- **videoReady** - Fires when video is ready\n- **videoProgress** - Fires when video watching progress changed\n- **video25** - Fires when 25% of video is watched\n- **video50** - Fires when 50% of video is watched\n- **video75** - Fires when 75% of video is watched\n\n### **Methods:**\n - **getPlayer(): _HTMLVideoElement | HTMLAudioElement | YoutubePlayer | VimeoPlayer | null_** - Returns video element\n\n### **Slots:**\n - **default** - Placeholder for all html `track` elements to provide video subtitles.\nExample: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\nMore information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track",
       "attributes": [
         {
           "name": "options",
@@ -1841,7 +1920,7 @@
     },
     {
       "name": "udex-media-player-youtube",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-youtube</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayerYoutube.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **ready** - Fires when video is ready\n- **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n\n### **Methods:**\n - **getPlayer(): _YT.Player | null_** - Returns video element",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-youtube</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayerYoutube.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **ready** - Fires when video is ready\n- **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n\n### **Methods:**\n - **getPlayer(): _YoutubePlayer | null_** - Returns video element",
       "attributes": [
         {
           "name": "source",
@@ -2355,6 +2434,11 @@
           "description": "Defines if the component would display a loading indicator.",
           "values": []
         },
+        {
+          "name": "show-search-input",
+          "description": "Defines if the search input is visible.",
+          "values": []
+        },
         {
           "name": "busy-delay",
           "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
@@ -2635,6 +2719,11 @@
           "description": "Defines if the component would display a loading indicator.",
           "values": []
         },
+        {
+          "name": "show-search-input",
+          "description": "Defines if the search input is visible.",
+          "values": []
+        },
         {
           "name": "busy-delay",
           "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
@@ -2938,7 +3027,13 @@
         {
           "name": "value-state",
           "description": "Defines the value state of the component.",
-          "values": [{ "name": "UDExStatusBadgeValueState" }]
+          "values": [
+            { "name": "Information" },
+            { "name": "Warning" },
+            { "name": "Success" },
+            { "name": "Error" },
+            { "name": "Edit" }
+          ]
         },
         {
           "name": "size",
@@ -3498,12 +3593,7 @@
         {
           "name": "value-state",
           "description": "Defines the value state of the component.",
-          "values": [
-            { "name": "Warning" },
-            { "name": "Success" },
-            { "name": "Error" },
-            { "name": "Standard" }
-          ]
+          "values": [{ "name": "UDExValueState" }]
         },
         {
           "name": "required",
@@ -3617,6 +3707,11 @@
           "description": "Defines if the text-field is active",
           "values": []
         },
+        {
+          "name": "icon-active",
+          "description": "Defines if dropdown associated with text-field trigger has opened dropdown. It indicates active state of control button.",
+          "values": []
+        },
         {
           "name": "autocomplete",
           "description": "Defines the behaviour of autocomplete.",
@@ -3888,6 +3983,11 @@
           "name": "indeterminate",
           "description": "Defines whether the component has unknown number of steps.",
           "values": []
+        },
+        {
+          "name": "accessible-name",
+          "description": "Defines aria-label of the wizard, read by screen readers with the first step.",
+          "values": []
         }
       ],
       "references": []

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "2.1.1",
+  "version": "2.3.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -430,7 +430,7 @@
         },
         {
           "name": "udex-button",
-          "description": "\n---\n",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-button</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Button.js\";</code>\n---\n",
           "doc-url": "",
           "attributes": [
             {
@@ -690,6 +690,11 @@
               "description": "Defines if the component would display a loading indicator.",
               "value": { "type": "boolean | undefined", "default": "false" }
             },
+            {
+              "name": "show-search-input",
+              "description": "Defines if the search input is visible.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "busy-delay",
               "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
@@ -838,6 +843,11 @@
                 "description": "Defines if the component would display a loading indicator.",
                 "value": { "type": "boolean | undefined" }
               },
+              {
+                "name": "show-search-input",
+                "description": "Defines if the search input is visible.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "busy-delay",
                 "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
@@ -1103,6 +1113,105 @@
             "events": []
           }
         },
+        {
+          "name": "udex-event-ribbon",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-event-ribbon</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/EventRibbon.js\";</code>\n---\n",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "event-logo",
+              "description": "Defines the text of the event logo.",
+              "value": {
+                "type": "\"sapphire\" | \"sapphire-stacked\" | \"connect\" | \"connect-stacked\" | \"teched\" | \"teched-stacked\" | \"now\"",
+                "default": "\"\""
+              }
+            },
+            {
+              "name": "event-link",
+              "description": "Defines the link details of the event ribbon.",
+              "value": { "type": "string", "default": "\"{}\"" }
+            },
+            {
+              "name": "event-link-icon",
+              "description": "Defines the icon displayed next to the link.",
+              "value": {
+                "type": "\"add-calendar\" | \"media-play\"",
+                "default": "\"\""
+              }
+            },
+            {
+              "name": "event-text",
+              "description": "Defines the text displayed in event ribbon.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
+            {
+              "name": "mode",
+              "description": "Defines whether event-ribbon uses dark or light theme.",
+              "value": {
+                "type": "\"dark\" | \"light\"",
+                "default": "\"light\""
+              }
+            },
+            {
+              "name": "background-color-scheme",
+              "description": "Defines the solid background color.",
+              "value": {
+                "type": "\"Mango1\" | \"Mango2\" | \"Mango3\" | \"Mango4\" | \"Red1\" | \"Red2\" | \"Red3\" | \"Red4\" | \"Raspberry1\" | \"Raspberry2\" | \"Raspberry3\" | \"Raspberry4\" | \"Pink1\" | \"Pink2\" | \"Pink3\" | \"Pink4\" | ... 19 more ... | \"Grey4\"",
+                "default": "\"Blue\""
+              }
+            },
+            {
+              "name": "background-image",
+              "description": "Allows control over the background image source.",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "event-logo",
+                "description": "Defines the text of the event logo.",
+                "value": {
+                  "type": "\"sapphire\" | \"sapphire-stacked\" | \"connect\" | \"connect-stacked\" | \"teched\" | \"teched-stacked\" | \"now\""
+                }
+              },
+              {
+                "name": "event-link",
+                "description": "Defines the link details of the event ribbon.",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "event-link-icon",
+                "description": "Defines the icon displayed next to the link.",
+                "value": { "type": "\"add-calendar\" | \"media-play\"" }
+              },
+              {
+                "name": "event-text",
+                "description": "Defines the text displayed in event ribbon.",
+                "value": { "type": "string" }
+              },
+              {
+                "name": "mode",
+                "description": "Defines whether event-ribbon uses dark or light theme.",
+                "value": { "type": "\"dark\" | \"light\"" }
+              },
+              {
+                "name": "background-color-scheme",
+                "description": "Defines the solid background color.",
+                "value": {
+                  "type": "\"Mango1\" | \"Mango2\" | \"Mango3\" | \"Mango4\" | \"Red1\" | \"Red2\" | \"Red3\" | \"Red4\" | \"Raspberry1\" | \"Raspberry2\" | \"Raspberry3\" | \"Raspberry4\" | \"Pink1\" | \"Pink2\" | \"Pink3\" | \"Pink4\" | ... 19 more ... | \"Grey4\""
+                }
+              },
+              {
+                "name": "background-image",
+                "description": "Allows control over the background image source.",
+                "value": { "type": "string | undefined" }
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "udex-filter-menu",
           "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-filter-menu</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/UDExFilterMenu.js\";</code>\n---\n\n\n### **Events:**\n - **reset-click** - Fired event when the user click on a reset button on the footer.\n- **result-click** - Fired event when the user click on a result button on the footer.\n- **select-all** - Fired event when the user click on Select All header item.\n- **before-open** - Fired before the dropdown pane is opened.\n- **after-open** - Fired after the dropdown pane is opened.\n- **before-close** - Fired before the dropdown pane is closed.\n- **after-close** - Fired after the dropdown pane is closed.\n- **selection-change** - \n- **submit-search** - Fired event when the user clicks on the submitted icon in the search.\n- **reset-search** - Fired event when the user clicks on the reset button in the search.\n- **change-search** - Fired event when the user submitted the value in the search.\n\n### **Methods:**\n - **resetSearch()** - Reset the search value.\n\n### **Slots:**\n - **default** - Slot for items.",
@@ -1213,6 +1322,11 @@
               "description": "Defines if the component would display a loading indicator.",
               "value": { "type": "boolean | undefined", "default": "false" }
             },
+            {
+              "name": "show-search-input",
+              "description": "Defines if the search input is visible.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "busy-delay",
               "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
@@ -1386,6 +1500,11 @@
                 "description": "Defines if the component would display a loading indicator.",
                 "value": { "type": "boolean | undefined" }
               },
+              {
+                "name": "show-search-input",
+                "description": "Defines if the search input is visible.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "busy-delay",
                 "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
@@ -3658,7 +3777,7 @@
         },
         {
           "name": "udex-media-player",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayer.js\";</code>\n---\n\n\n### **Events:**\n - **videoStart** - Fires when video is played\n- **videoPause** - Fires when video is paused\n- **videoComplete** - Fires when video is watched\n- **videoReady** - Fires when video is ready\n- **videoProgress** - Fires when video watching progress changed\n- **video25** - Fires when 25% of video is watched\n- **video50** - Fires when 50% of video is watched\n- **video75** - Fires when 75% of video is watched\n\n### **Methods:**\n - **getPlayer(): _HTMLVideoElement | HTMLAudioElement | YT.Player | VimeoPlayer | null_** - Returns video element\n\n### **Slots:**\n - **default** - Placeholder for all html `track` elements to provide video subtitles.\nExample: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\nMore information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayer.js\";</code>\n---\n\n\n### **Events:**\n - **videoStart** - Fires when video is played\n- **videoPause** - Fires when video is paused\n- **videoComplete** - Fires when video is watched\n- **videoReady** - Fires when video is ready\n- **videoProgress** - Fires when video watching progress changed\n- **video25** - Fires when 25% of video is watched\n- **video50** - Fires when 50% of video is watched\n- **video75** - Fires when 75% of video is watched\n\n### **Methods:**\n - **getPlayer(): _HTMLVideoElement | HTMLAudioElement | YoutubePlayer | VimeoPlayer | null_** - Returns video element\n\n### **Slots:**\n - **default** - Placeholder for all html `track` elements to provide video subtitles.\nExample: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\nMore information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track",
           "doc-url": "",
           "attributes": [
             {
@@ -3957,7 +4076,7 @@
         },
         {
           "name": "udex-media-player-youtube",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-youtube</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayerYoutube.js\";</code>\n---\n\n\n### **Events:**\n - **ready** - Fires when video is ready\n- **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n\n### **Methods:**\n - **getPlayer(): _YT.Player | null_** - Returns video element",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-media-player-youtube</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/MediaPlayerYoutube.js\";</code>\n---\n\n\n### **Events:**\n - **ready** - Fires when video is ready\n- **ended** - Fires when video play ended\n- **pause** - Fires when video is paused\n- **playing** - Fires when video watching progress changed\n\n### **Methods:**\n - **getPlayer(): _YoutubePlayer | null_** - Returns video element",
           "doc-url": "",
           "attributes": [
             {
@@ -5390,6 +5509,11 @@
               "description": "Defines if the component would display a loading indicator.",
               "value": { "type": "boolean | undefined", "default": "false" }
             },
+            {
+              "name": "show-search-input",
+              "description": "Defines if the search input is visible.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "busy-delay",
               "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
@@ -5528,6 +5652,11 @@
                 "description": "Defines if the component would display a loading indicator.",
                 "value": { "type": "boolean | undefined" }
               },
+              {
+                "name": "show-search-input",
+                "description": "Defines if the search input is visible.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "busy-delay",
                 "description": "Defines the delay in milliseconds, after which the busy indicator will show up for this component.",
@@ -6090,7 +6219,7 @@
               "name": "value-state",
               "description": "Defines the value state of the component.",
               "value": {
-                "type": "UDExStatusBadgeValueState",
+                "type": "\"Information\" | \"Warning\" | \"Success\" | \"Error\" | \"Edit\"",
                 "default": "\"Information\""
               }
             },
@@ -6114,7 +6243,9 @@
               {
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
-                "value": { "type": "UDExStatusBadgeValueState" }
+                "value": {
+                  "type": "\"Information\" | \"Warning\" | \"Success\" | \"Error\" | \"Edit\""
+                }
               },
               {
                 "name": "size",
@@ -7246,10 +7377,7 @@
             {
               "name": "value-state",
               "description": "Defines the value state of the component.",
-              "value": {
-                "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\"",
-                "default": "\"Standard\""
-              }
+              "value": { "type": "UDExValueState", "default": "\"Standard\"" }
             },
             {
               "name": "required",
@@ -7323,9 +7451,7 @@
               {
                 "name": "value-state",
                 "description": "Defines the value state of the component.",
-                "value": {
-                  "type": "\"Warning\" | \"Success\" | \"Error\" | \"Standard\""
-                }
+                "value": { "type": "UDExValueState" }
               },
               {
                 "name": "required",
@@ -7439,6 +7565,11 @@
               "description": "Defines if the text-field is active",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "icon-active",
+              "description": "Defines if dropdown associated with text-field trigger has opened dropdown. It indicates active state of control button.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "autocomplete",
               "description": "Defines the behaviour of autocomplete.",
@@ -7539,6 +7670,11 @@
                 "description": "Defines if the text-field is active",
                 "value": { "type": "boolean" }
               },
+              {
+                "name": "icon-active",
+                "description": "Defines if dropdown associated with text-field trigger has opened dropdown. It indicates active state of control button.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "autocomplete",
                 "description": "Defines the behaviour of autocomplete.",
@@ -8113,6 +8249,11 @@
               "name": "indeterminate",
               "description": "Defines whether the component has unknown number of steps.",
               "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "accessible-name",
+              "description": "Defines aria-label of the wizard, read by screen readers with the first step.",
+              "value": { "type": "string" }
             }
           ],
           "events": [],
@@ -8122,6 +8263,11 @@
                 "name": "indeterminate",
                 "description": "Defines whether the component has unknown number of steps.",
                 "value": { "type": "boolean" }
+              },
+              {
+                "name": "accessible-name",
+                "description": "Defines aria-label of the wizard, read by screen readers with the first step.",
+                "value": { "type": "string" }
               }
             ],
             "events": []

package/filter-coverage.js

@@ -0,0 +1,58 @@
+import fs from "fs";
+import path from "path";
+
+const coveragePath = path.resolve("coverage/coverage-summary.json");
+const outputPath = path.resolve("coverage/filtered-coverage-summary.json");
+
+const raw = JSON.parse(fs.readFileSync(coveragePath, "utf-8"));
+
+const excludedDirs = [
+  "/generated/",
+  "/types/",
+  "/data/",
+  "/utils/",
+];
+
+const filtered = {};
+Object.entries(raw).forEach(([file, stats]) => {
+  const normalizedPath = file.replace(/\\/g, "/");
+  const isExcluded = excludedDirs.some(dir => normalizedPath.includes(dir));
+
+  if (!isExcluded) {
+    filtered[file] = stats;
+  }
+});
+
+const metrics = ["lines", "statements", "functions", "branches"];
+
+const total = {
+  lines: {
+    total: 0, covered: 0, skipped: 0, pct: 100,
+  },
+  statements: {
+    total: 0, covered: 0, skipped: 0, pct: 100,
+  },
+  functions: {
+    total: 0, covered: 0, skipped: 0, pct: 100,
+  },
+  branches: {
+    total: 0, covered: 0, skipped: 0, pct: 100,
+  },
+};
+
+Object.values(filtered).forEach(file => {
+  metrics.forEach(metric => {
+    total[metric].total += file[metric].total;
+    total[metric].covered += file[metric].covered;
+    total[metric].skipped += file[metric].skipped;
+  });
+});
+
+metrics.forEach(metric => {
+  const { total: t, covered: c } = total[metric];
+  total[metric].pct = t === 0 ? 100 : +((100 * c) / t).toFixed(2);
+});
+
+filtered.total = total;
+
+fs.writeFileSync(outputPath, JSON.stringify(filtered, null, 2));

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@sapudex/web-components",
-  "version": "2.1.1",
+  "version": "2.3.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -17,9 +17,13 @@
     "start": "wc-dev watch",
     "start:devserver": "wc-dev start",
     "build": "wc-dev build",
+    "swap-imports": "node swap-component-imports.js",
     "test": "wc-dev test",
-    "test:cypress": "node run-cypress.js",
+    "test:cypress": "yarn swap-imports && node run-cypress.js",
+    "test:coverage": "yarn instrument && USE_INSTRUMENTED=1 yarn test:cypress",
+    "filter:coverage": "node filter-coverage.js",
     "test:cypress-open": "cypress open --component --browser chrome",
+    "instrument": "npx nyc instrument ./dist ./instrumented",
     "create-ui5-element": "wc-create-ui5-element",
     "prepack": "npm run build"
   },
@@ -32,19 +36,20 @@
   },
   "dependencies": {
     "@types/vimeo__player": "^2.18.3",
-    "@types/youtube": "^0.1.0",
-    "@ui5/webcomponents": "2.10.0",
-    "@ui5/webcomponents-base": "2.10.0",
-    "@ui5/webcomponents-fiori": "2.10.0",
-    "@ui5/webcomponents-icons": "2.10.0",
-    "@ui5/webcomponents-theming": "2.10.0",
+    "@types/youtube": "^0.1.2",
+    "@ui5/webcomponents": "2.12.0",
+    "@ui5/webcomponents-base": "2.12.0",
+    "@ui5/webcomponents-fiori": "2.12.0",
+    "@ui5/webcomponents-icons": "2.12.0",
+    "@ui5/webcomponents-theming": "2.12.0",
     "@vimeo/player": "^2.24.0",
     "cypress-real-events": "^1.14.0",
     "video.js": "8.22.0"
   },
   "devDependencies": {
+    "@cypress/code-coverage": "^3.14.5",
     "@ui5/cypress-ct-ui5-webc": "^0.0.4",
-    "@ui5/webcomponents-tools": "2.10.0",
+    "@ui5/webcomponents-tools": "2.12.0",
     "chromedriver": "138.0.1",
     "cross-env": "^7.0.3",
     "cypress": "^14.3.3",

package/src/AssetsVariables.ts

@@ -23,6 +23,8 @@ const variablesOverwrite = `:root {
   ${getScopedVarName("--_ui5_calendar_header_middle_button_focus_outline")}: 1px solid var(--udexColorBlue9, #0040B0);
   ${getScopedVarName("--_ui5_calendar_header_arrow_button_box_shadow")}: none;
   ${getScopedVarName("--_ui5_calendar_header_padding")}: 0;
+  ${getScopedVarName("--_ui5_calendar_left_right_padding")}: 0;
+  ${getScopedVarName("--_ui5_calendar_top_bottom_padding")}: 0;
 
   udex-search {
     ${getScopedVarName("--_ui5_button_pressed_focused_border_color")}: transparent;
@@ -46,6 +48,8 @@ const variablesOverwrite = `:root {
     ${getScopedVarName("--_ui5_monthpicker_item_margin")}: -8px 0 var(--udexSpacer16, 16px) 0;
     ${getScopedVarName("--_ui5_year_picker_item_height")}: 36px;
     ${getScopedVarName("--_ui5_yearpicker_item_margin")}: -8px 0 var(--udexSpacer16, 16px) 0;
+    ${getScopedVarName("--_ui5_calendar_left_right_padding")}: 0;
+    ${getScopedVarName("--_ui5_calendar_top_bottom_padding")}: 0;
   }
 `;