@sapudex/web-components 2.34.0 → 2.35.0

package/dist/generated/themes/Slider.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-34-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}\n`"]}
+{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,GAAG,GAAG,KAAK,GAAG,GAAG,GAAG,uBAAuB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACxH,6BAA6B,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAChN,eAAe;CACd,CAAA","sourcesContent":["import { registerThemePropertiesLoader } from \"@ui5/webcomponents-base/dist/asset-registries/Themes.js\";\n\nimport defaultThemeBase from \"@ui5/webcomponents-theming/dist/generated/themes/sap_horizon/parameters-bundle.css.js\";\nimport defaultTheme from \"./sap_horizon/parameters-bundle.css.js\";\n\nregisterThemePropertiesLoader(\"@\" + \"ui5\" + \"/\" + \"webcomponents-theming\", \"sap_horizon\", async () => defaultThemeBase);\nregisterThemePropertiesLoader(\"@\" + \"s\" + \"a\" + \"p\" + \"u\" + \"d\" + \"e\" + \"x\" + \"/\" + \"w\" + \"e\" + \"b\" + \"-\" + \"c\" + \"o\" + \"m\" + \"p\" + \"o\" + \"n\" + \"e\" + \"n\" + \"t\" + \"s\", \"sap_horizon\", async () => defaultTheme);\nexport default `:host{--udex-slider-color-track-start-point: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-track-active: var(--sapSlider_Selected_Background, #0070f2);--udex-slider-color-handle-focus-range: var(--sapSlider_Selected_BorderColor, #0070f2);--udex-slider-color-handle-active-background: var(--sapSlider_Active_HandleBackground, #ffffff);--udex-slider-color-handle-default-icon: var(--sapContent_Selected_ForegroundColor, #0040b0);--udex-slider-radius-range-size: var(--udexRadiusM, 8px);--udex-slider-handle-width: 2.75rem;--udex-slider-handle-top: -.875rem;--udex-slider-handle-height: var(--udexSpacer32, 2rem);--udex-slider-start-end-point-left: -.875rem;--udex-slider-start-end-point-right: -.875rem;--udex-slider-progress-after-background: var(--sapContent_MeasureIndicatorColor,#5b738b);--udex-slider-handle-icon-size: var(--udexSpacer20, 1.25rem);--udex-slider-tooltip-bottom: 2.5rem;--udex-slider-tooltip-border: 1px solid var(--sapField_BorderColor, #5B738B);--udex-slider-tooltip-border-radius: var(--udexSpacer4, .25rem);--udex-slider-tooltip-font-size: var(--udexTypographyNavigationRegularMFontSize,14px);--udex-slider-tooltip-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-tooltip-height: var(--udexSpacer32, 2rem);--udex-slider-tooltip-min-width: 2.75rem;--udex-slider-tickmark-in-range-bg: var(--sapSlider_Selected_BorderColor,#0070f2);--udex-slider-tickmark-bg: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-label-color: var(--sapContent_MeasureIndicatorColor, #5b738b);--udex-slider-handle-focus-border: 2px solid var(--sapSlider_Active_HandleBorderColor);--udex-slider-progress-focus-top: -1.18rem;--udex-slider-progress-focus-left:calc(-1.375rem - 5px);--udex-slider-progress-focus-height: 42px;--udex-slider-progress-focus-width:calc(100% + 2.75rem + 10px)}:host{font-family:var(--sapFontFamily);font-weight:var(--udexTypographyFontWeightRegular, 400);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px);line-height:var(--udexTypographyHeadingLineHeight, 1.1);color:var(--sapContent_MeasureIndicatorColor, #5b738b);height:74px}.ui5-slider-progress-container:before{background-color:var(--udex-slider-color-track-start-point)}.ui5-slider-progress{background-color:var(--udex-slider-color-track-active)}.ui5-slider-progress:focus:after{border:2px solid var(--udex-slider-color-handle-focus-range);border-radius:var(--udex-slider-radius-range-size);top:var(--udex-slider-progress-focus-top);height:var(--udex-slider-progress-focus-height);width:var(--udex-slider-progress-focus-width);left:var(--udex-slider-progress-focus-left)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v2-35-0_range_slider_handle_background_focus)}:host .ui5-slider-inner .ui5-slider-labels{top:34px}:host .ui5-slider-inner .ui5-slider-labels li{height:1.375rem;font-family:var(--sapFontFamily);font-size:var(--udexTypographyNavigationRegularMFontSize, 14px)}[slider-icon]{color:var(--udex-slider-color-handle-default-icon)}.ui5-slider-root:focus .ui5-slider-inner .ui5-slider-handle,.ui5-slider-handle:focus{border:var(--udex-slider-handle-focus-border)}.ui5-slider-labels li{color:var(--udex-slider-label-color)}.ui5-slider-tickmarks li{border-inline-start:1px solid var(--udex-slider-tickmark-bg)}.ui5-slider-tickmarks li.ui5-slider-tickmark-in-range{border-inline-start:1px solid var(--udex-slider-tickmark-in-range-bg)}:host(:not([hidden])) .ui5-slider-handle-container .ui5-slider-tooltip{bottom:var(--udex-slider-tooltip-bottom);border:var(--udex-slider-tooltip-border);border-radius:var(--udex-slider-tooltip-border-radius);font-size:var(--udex-slider-tooltip-font-size);color:var(--udex-slider-tooltip-color);height:var(--udex-slider-tooltip-height);min-width:var(--udex-slider-tooltip-min-width)}[slider-icon]{width:var(--udex-slider-handle-icon-size);height:var(--udex-slider-handle-icon-size)}.ui5-slider-progress-container:after{background-color:var(--udex-slider-progress-after-background)}.ui5-slider-progress-container:before{inset-inline-start:var(--udex-slider-start-end-point-left)}.ui5-slider-progress-container:after{inset-inline-end:var(--udex-slider-start-end-point-right)}.ui5-slider-handle-container{margin-inline-start:calc(-1 * var(--udex-slider-handle-width) / 2);top:var(--udex-slider-handle-top)}.ui5-slider-handle{height:var(--udex-slider-handle-height);width:var(--udex-slider-handle-width)}\n`"]}

package/dist/types/List.d.ts

@@ -6,6 +6,8 @@ export declare enum UDExListMode {
 }
 export declare enum UDExListStyleType {
     None = "None",
+    Circle = "Circle",
+    Number = "Number",
     Icon = "Icon"
 }
 export declare enum UDExListItemSize {

package/dist/types/List.js

@@ -8,6 +8,8 @@ export var UDExListMode;
 export var UDExListStyleType;
 (function (UDExListStyleType) {
     UDExListStyleType["None"] = "None";
+    UDExListStyleType["Circle"] = "Circle";
+    UDExListStyleType["Number"] = "Number";
     UDExListStyleType["Icon"] = "Icon";
 })(UDExListStyleType || (UDExListStyleType = {}));
 export var UDExListItemSize;

package/dist/types/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/types/List.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,6CAA6B,CAAA;IAC7B,2CAA2B,CAAA;IAC3B,+CAA+B,CAAA;IAC/B,yCAAyB,CAAA;AAC3B,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAED,MAAM,CAAN,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,kCAAa,CAAA;AACf,CAAC,EAHW,iBAAiB,KAAjB,iBAAiB,QAG5B;AAED,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,yCAAqB,CAAA;IACrB,mCAAe,CAAA;AACjB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAED,MAAM,CAAN,IAAY,uBAMX;AAND,WAAY,uBAAuB;IACjC,wCAAa,CAAA;IACb,8CAAmB,CAAA;IACnB,8CAAmB,CAAA;IACnB,0CAAe,CAAA;IACf,sDAA2B,CAAA;AAC7B,CAAC,EANW,uBAAuB,KAAvB,uBAAuB,QAMlC;AAED,MAAM,CAAN,IAAY,yBAKX;AALD,WAAY,yBAAyB;IACnC,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,wCAAW,CAAA;IACX,gDAAmB,CAAA;AACrB,CAAC,EALW,yBAAyB,KAAzB,yBAAyB,QAKpC","sourcesContent":["export enum UDExListMode {\n  SingleSelect = \"SingleSelect\",\n  MultiSelect = \"MultiSelect\",\n  SingleContent = \"SingleContent\",\n  RadioGroup = \"RadioGroup\",\n}\n\nexport enum UDExListStyleType {\n  None = \"None\",\n  Icon = \"Icon\",\n}\n\nexport enum UDExListItemSize {\n  Standard = \"Standard\",\n  Large = \"Large\",\n}\n\nexport enum UDExAdditionalTextState {\n  None = \"None\",\n  Success = \"Success\",\n  Warning = \"Warning\",\n  Error = \"Error\",\n  Information = \"Information\",\n}\n\nexport enum UDExScrollIntoViewOptions {\n  Start = \"Start\",\n  Center = \"Center\",\n  End = \"End\",\n  Nearest = \"Nearest\",\n}\n"]}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../../src/types/List.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,6CAA6B,CAAA;IAC7B,2CAA2B,CAAA;IAC3B,+CAA+B,CAAA;IAC/B,yCAAyB,CAAA;AAC3B,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAED,MAAM,CAAN,IAAY,iBAKX;AALD,WAAY,iBAAiB;IAC3B,kCAAa,CAAA;IACb,sCAAiB,CAAA;IACjB,sCAAiB,CAAA;IACjB,kCAAa,CAAA;AACf,CAAC,EALW,iBAAiB,KAAjB,iBAAiB,QAK5B;AAED,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,yCAAqB,CAAA;IACrB,mCAAe,CAAA;AACjB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAED,MAAM,CAAN,IAAY,uBAMX;AAND,WAAY,uBAAuB;IACjC,wCAAa,CAAA;IACb,8CAAmB,CAAA;IACnB,8CAAmB,CAAA;IACnB,0CAAe,CAAA;IACf,sDAA2B,CAAA;AAC7B,CAAC,EANW,uBAAuB,KAAvB,uBAAuB,QAMlC;AAED,MAAM,CAAN,IAAY,yBAKX;AALD,WAAY,yBAAyB;IACnC,4CAAe,CAAA;IACf,8CAAiB,CAAA;IACjB,wCAAW,CAAA;IACX,gDAAmB,CAAA;AACrB,CAAC,EALW,yBAAyB,KAAzB,yBAAyB,QAKpC","sourcesContent":["export enum UDExListMode {\n  SingleSelect = \"SingleSelect\",\n  MultiSelect = \"MultiSelect\",\n  SingleContent = \"SingleContent\",\n  RadioGroup = \"RadioGroup\",\n}\n\nexport enum UDExListStyleType {\n  None = \"None\",\n  Circle = \"Circle\",\n  Number = \"Number\",\n  Icon = \"Icon\",\n}\n\nexport enum UDExListItemSize {\n  Standard = \"Standard\",\n  Large = \"Large\",\n}\n\nexport enum UDExAdditionalTextState {\n  None = \"None\",\n  Success = \"Success\",\n  Warning = \"Warning\",\n  Error = \"Error\",\n  Information = \"Information\",\n}\n\nexport enum UDExScrollIntoViewOptions {\n  Start = \"Start\",\n  Center = \"Center\",\n  End = \"End\",\n  Nearest = \"Nearest\",\n}\n"]}

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

@@ -1013,7 +1013,12 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [{ "name": "None" }, { "name": "Icon" }]
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
         },
         {
           "name": "collapsible",
@@ -1106,7 +1111,12 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [{ "name": "None" }, { "name": "Icon" }]
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
         },
         {
           "name": "collapsible",
@@ -1203,7 +1213,12 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [{ "name": "None" }, { "name": "Icon" }]
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
         },
         {
           "name": "collapsible",
@@ -1644,7 +1659,12 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [{ "name": "None" }, { "name": "Icon" }]
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
         },
         {
           "name": "height",
@@ -1756,7 +1776,12 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [{ "name": "None" }, { "name": "Icon" }]
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
         },
         {
           "name": "collapsible",
@@ -1853,7 +1878,12 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [{ "name": "None" }, { "name": "Icon" }]
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
         },
         {
           "name": "collapsible",
@@ -2018,7 +2048,12 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [{ "name": "None" }, { "name": "Icon" }]
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
         },
         {
           "name": "collapsible",
@@ -2110,7 +2145,12 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [{ "name": "None" }, { "name": "Icon" }]
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
         },
         {
           "name": "collapsible",
@@ -2207,7 +2247,12 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [{ "name": "None" }, { "name": "Icon" }]
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
         },
         {
           "name": "collapsible",
@@ -3605,7 +3650,12 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [{ "name": "None" }, { "name": "Icon" }]
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
         },
         {
           "name": "collapsible",
@@ -3713,7 +3763,12 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [{ "name": "None" }, { "name": "Icon" }]
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
         },
         {
           "name": "collapsible",
@@ -3810,7 +3865,12 @@
         {
           "name": "type",
           "description": "Defines the type of the item.",
-          "values": [{ "name": "None" }, { "name": "Icon" }]
+          "values": [
+            { "name": "Circle" },
+            { "name": "Number" },
+            { "name": "None" },
+            { "name": "Icon" }
+          ]
         },
         {
           "name": "collapsible",

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.34.0",
+  "version": "2.35.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -2127,7 +2127,10 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
+              "value": {
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
+              }
             },
             {
               "name": "collapsible",
@@ -2234,7 +2237,9 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": { "type": "\"None\" | \"Icon\"" }
+                "value": {
+                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                }
               },
               {
                 "name": "collapsible",
@@ -2346,7 +2351,10 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
+              "value": {
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
+              }
             },
             {
               "name": "collapsible",
@@ -2449,7 +2457,9 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": { "type": "\"None\" | \"Icon\"" }
+                "value": {
+                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                }
               },
               {
                 "name": "collapsible",
@@ -2562,7 +2572,10 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
+              "value": {
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
+              }
             },
             {
               "name": "collapsible",
@@ -2672,7 +2685,9 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": { "type": "\"None\" | \"Icon\"" }
+                "value": {
+                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                }
               },
               {
                 "name": "collapsible",
@@ -3711,7 +3726,10 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
+              "value": {
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
+              }
             },
             {
               "name": "height",
@@ -3770,7 +3788,9 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": { "type": "\"None\" | \"Icon\"" }
+                "value": {
+                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                }
               },
               {
                 "name": "height",
@@ -3890,7 +3910,10 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
+              "value": {
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
+              }
             },
             {
               "name": "collapsible",
@@ -4004,7 +4027,9 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": { "type": "\"None\" | \"Icon\"" }
+                "value": {
+                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                }
               },
               {
                 "name": "collapsible",
@@ -4183,7 +4208,10 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
+              "value": {
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
+              }
             },
             {
               "name": "collapsible",
@@ -4354,7 +4382,9 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": { "type": "\"None\" | \"Icon\"" }
+                "value": {
+                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                }
               },
               {
                 "name": "collapsible",
@@ -4475,7 +4505,10 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
+              "value": {
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
+              }
             },
             {
               "name": "collapsible",
@@ -4589,7 +4622,9 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": { "type": "\"None\" | \"Icon\"" }
+                "value": {
+                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                }
               },
               {
                 "name": "collapsible",
@@ -7632,7 +7667,10 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
+              "value": {
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
+              }
             },
             {
               "name": "collapsible",
@@ -7742,7 +7780,9 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": { "type": "\"None\" | \"Icon\"" }
+                "value": {
+                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                }
               },
               {
                 "name": "collapsible",
@@ -7863,7 +7903,10 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
+              "value": {
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
+              }
             },
             {
               "name": "collapsible",
@@ -7979,7 +8022,9 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": { "type": "\"None\" | \"Icon\"" }
+                "value": {
+                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                }
               },
               {
                 "name": "collapsible",
@@ -8092,7 +8137,10 @@
             {
               "name": "type",
               "description": "Defines the type of the item.",
-              "value": { "type": "\"None\" | \"Icon\"", "default": "\"None\"" }
+              "value": {
+                "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\"",
+                "default": "\"None\""
+              }
             },
             {
               "name": "collapsible",
@@ -8202,7 +8250,9 @@
               {
                 "name": "type",
                 "description": "Defines the type of the item.",
-                "value": { "type": "\"None\" | \"Icon\"" }
+                "value": {
+                  "type": "\"Circle\" | \"Number\" | \"None\" | \"Icon\""
+                }
               },
               {
                 "name": "collapsible",

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@sapudex/web-components",
-  "version": "2.34.0",
+  "version": "2.35.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/src/CountrySelector.ts

@@ -6,6 +6,8 @@ import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
 import "@ui5/webcomponents-icons/dist/navigation-up-arrow.js";
 import type { Country } from "./data/CountryListISO3166.js";
 import { CountryListDB } from "./data/CountryListISO3166.js";
+import IllustratedMessage from "@ui5/webcomponents-fiori/dist/IllustratedMessage.js";
+import "@ui5/webcomponents-fiori/dist/illustrations/NoSearchResults.js";
 import UDExSearch from "./Search.js";
 import UDExDropdown from "./Dropdown.js";
 import UDExList from "./List.js";
@@ -63,6 +65,7 @@ type UDExCountrySelectorChangeSearchEventDetail = {
     UDExDropdown,
     UDExTextField,
     UDExStatusMessage,
+    IllustratedMessage,
   ],
 })
 

package/src/FilterMenu.ts

@@ -11,6 +11,8 @@ import PopupAccessibleRole from "@ui5/webcomponents/dist/types/PopupAccessibleRo
 import Popover from "@ui5/webcomponents/dist/Popover.js";
 import UDExBusyIndicator from "./BusyIndicator.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
+import IllustratedMessage from "@ui5/webcomponents-fiori/dist/IllustratedMessage.js";
+import "@ui5/webcomponents-fiori/dist/illustrations/NoSearchResults.js";
 import UDExList from "./List.js";
 import UDExListItem from "./ListItem.js";
 import UDExListGroupHeader from "./ListGroupHeader.js";
@@ -80,6 +82,7 @@ type UDExFilterMenuResetClickEventDetail = {
   styles: [FilterMenuCss, SearchableListCss, getEffectiveScrollbarStyle()],
   template: FilterMenuTemplate,
   dependencies: [
+    IllustratedMessage,
     Popover,
     Icon,
     UDExBusyIndicator,

package/src/ListGroupHeader.hbs

@@ -125,6 +125,8 @@
 
 {{#*inline "single-group-header"}}
     <div class="udex-list__group-content udex-list__group-header-wrap {{sizeClass}}" part="group-item">
+        {{#if typeNumber}}<span class="udex-list__number">{{numberOfItem}}.</span>{{/if}}
+        {{#if typeCircle}}<span class="udex-list__circle">&#x2022;</span>{{/if}}
         {{#if typeIcon}}
             <ui5-icon
                 class="udex-list__icon"
@@ -145,13 +147,15 @@
 
 {{#*inline "single-group-header-collapsible"}}
     <div class="udex-list__group-content udex-list__group-header-wrap {{sizeClass}}" part="group-item"
-        id="{{this._id}}_group-content__focusable"
-        role="button"
-        tabindex="0"
-        @keydown="{{handleKeyDown}}"
-        _tab-index="{{_effectiveTabIndex}}"
-        aria-expanded="{{expanded}}"
-        aria-controls="{{ariaControlsId}}">
+    id="{{this._id}}_group-content__focusable"
+    role="button"
+    tabindex="0"
+    @keydown="{{handleKeyDown}}"
+    _tab-index="{{_effectiveTabIndex}}"
+    aria-expanded="{{expanded}}"
+    aria-controls="{{ariaControlsId}}">
+        {{#if typeNumber}}<span class="udex-list__number">{{numberOfItem}}.</span>{{/if}}
+        {{#if typeCircle}}<span class="udex-list__circle">&#x2022;</span>{{/if}}
         {{#if typeIcon}}
             <ui5-icon
                 class="udex-list__icon"

package/src/ListItem.hbs

@@ -56,6 +56,8 @@
                  <span class="udex-list__flag" style="background-position: {{flagPosition}}"></span>
             </div>
         {{/if}}
+        {{#if typeNumber}}<span class="udex-list__number">{{numberOfItem}}.</span>{{/if}}
+        {{#if typeCircle}}<span class="udex-list__circle">&#x2022;</span>{{/if}}
         {{#if typeIcon}}
             <ui5-icon
                 class="udex-list__icon"

package/src/ListItemBase.ts

@@ -334,6 +334,14 @@ class UDExListItemBase extends UI5Element {
     return this.modeMultiSelect || this.modeRadioGroup;
   }
 
+  get typeNumber(): boolean {
+    return this.type === UDExListStyleType.Number;
+  }
+
+  get typeCircle(): boolean {
+    return this.type === UDExListStyleType.Circle;
+  }
+
   get typeIcon(): boolean {
     return this.type === UDExListStyleType.Icon;
   }

package/src/MastheadItem.hbs

@@ -24,6 +24,7 @@
     <button
         id="{{this._id}}"
         class="udex-masthead-item__btn udex-masthead-item__profile-btn {{additionalClass}}"
+        tabindex="0"
         aria-expanded="{{buttonAriaExpanded}}"
         aria-describedby="{{ariaDescribedBy}}"
         aria-controls="{{this._id}}_dropdown"
@@ -41,6 +42,7 @@
         role="{{accessibleRoleName}}"
         id="{{this._id}}"
         class="udex-masthead-item__btn {{additionalClass}}"
+        tabindex="0"
         aria-expanded="{{buttonAriaExpanded}}"
         aria-controls="{{this._id}}_dropdown"
         aria-describedby="{{ariaDescribedBy}}"

package/src/MastheadItem.ts

@@ -8,7 +8,7 @@ import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
 import "@ui5/webcomponents-icons/dist/search.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
+import { isEscape, isTabNext } from "@ui5/webcomponents-base/dist/Keys.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import {
   OPENS_IN_A_NEW_WINDOW, PROFILE, CART, COUNTRY_SELECTOR, SUPPORT, SEARCH,
@@ -324,6 +324,14 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
   @property({ type: Boolean })
     _imageLoadError = false;
 
+  /**
+   * Defines if the item has the dropdown with four columns menu
+   *
+   * @private
+   */
+  @property({ type: Boolean })
+    _hasFourColumnsMenu = false;
+
   @i18n("@sapudex/web-components")
   static i18nBundle: I18nBundle;
 
@@ -338,6 +346,9 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
 
   onBeforeRendering(): void {
     this.label = this.eventItemTitle;
+    if (this.hasFourColumnsMenu && !this.isExploreBtn) {
+      this._hasFourColumnsMenu = true;
+    }
   }
 
   onAfterRendering(): void {
@@ -398,6 +409,20 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
         this.handleKeyEscape();
       }
     }
+    if (isTabNext(e) && this.isDropdownOpened) {
+      const button = this.getDomElement(".udex-masthead-item__btn, .udex-masthead-item__profile-btn");
+      if (button && e.currentTarget === button) {
+        this.handleTabIntoDropdown(e);
+      }
+    }
+  }
+
+  handleTabIntoDropdown(e: KeyboardEvent): void {
+    const menu = this.getSlottedNodes<UDExMastheadMenu>("dropdown")[0];
+    if (menu && typeof menu.focusFirstItem === "function") {
+      e.preventDefault();
+      menu.focusFirstItem();
+    }
   }
 
   handleKeyEscape(): void {
@@ -704,6 +729,15 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
   get imageLoadError(): boolean {
     return this._imageLoadError && this.isCountrySelectorBtn;
   }
+
+  get dropdownMenu(): UDExMastheadMenu | undefined {
+    return this.getSlottedNodes<UDExMastheadMenu>("dropdown")
+      .find(el => el instanceof UDExMastheadMenu);
+  }
+
+  get hasFourColumnsMenu(): boolean {
+    return !!this.dropdownMenu?.hasFourColumns;
+  }
 }
 
 UDExMastheadItem.define();