@sapudex/web-components 0.226.2 → 0.228.0

package/dist/generated/themes/RatingIndicator.css.js

@@ -3,7 +3,7 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData = { packageName: "@sapudex/web-components", fileName: "themes/RatingIndicator.css.ts", content: `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-226-2_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
+const styleData = { packageName: "@sapudex/web-components", fileName: "themes/RatingIndicator.css.ts", content: `:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-228-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}
 ` };
 export default styleData;
 //# sourceMappingURL=RatingIndicator.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RatingIndicator.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RatingIndicator.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,+BAA+B,EAAC,OAAO,EAAC;CACpH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/RatingIndicator.css.ts\",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-226-2_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}\n`};\nexport default styleData;\n\t"]}
+{"version":3,"file":"RatingIndicator.css.js","sourceRoot":"","sources":["../../../src/generated/themes/RatingIndicator.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,+BAA+B,EAAC,OAAO,EAAC;CACpH,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/RatingIndicator.css.ts\",content:`:host{--udex_rating_indicator_readonly_item_width: 1.5rem;--udex_rating_indicator_readonly_item_height: 1.5rem;--udex_rating_indicator_item_width: 1.5rem;--udex_rating_indicator_item_height: 1.5rem;--udex_rating_indicator_mobile_item_padding: 10px;--udex_rating_indicator_disabled_opacity: .4;--udex-rating_indicator_items_gap: 8px;--udex-rating_indicator_mobile_items_gap: 8px;--udex-rating_indicator_rated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_unrated_color: var(--sapContent_RatedColor, #E76500);--udex-rating_indicator_read-only-unrated_color: var(--udexColorGrey6 ,#5B738B);--udex-rating_indicator_disabled-unrated_color: var(--udexColorMango6, #E76500);--udex-rating_indicator_rated_hover_color: var(--udexColorMango7, #C35500);--udex-rating_indicator_unrated_hover_color: var(--udexColorMango7, #C35500)}.udex-rating-indicator{font-family:var(--sapFontFamily);font-size:var(--sapFontSize, 16px)}:host(:not([hidden])){display:inline-flex;margin:var(--_ui5-v0-228-0_rating_indicator_component_spacing);cursor:pointer}:host([disabled]){opacity:var(--udex_rating_indicator_disabled_opacity);cursor:initial;outline:none}:host([readonly]){cursor:initial}:host([disabled]) .udex-rating-indicator__item-unsel,:host([readonly]) .udex-rating-indicator__item-unsel{width:var(--udex_rating_indicator_readonly_item_width);height:var(--udex_rating_indicator_readonly_item_height);padding-inline:0}:host([disabled]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_disabled-unrated_color)}:host([readonly]) .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_read-only-unrated_color)}:host([_focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:.125rem;border-radius:.25rem}[ui5-icon]{display:flex;text-shadow:var(--sapContent_TextShadow)}.udex-rating-indicator{outline:none;position:relative;display:inline-flex;gap:12px;align-items:center}.udex-rating-indicator__total{color:var(--udexColorGrey6);line-height:24px}.udex-rating-indicator__list{list-style-type:none;display:flex;align-items:center;margin:0;padding:0}.udex-rating-indicator__item{position:relative;width:var(--udex_rating_indicator_item_width);height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_items_gap)}.udex-rating-indicator__item [ui5-icon]{width:100%;height:100%;color:inherit;user-select:none}.udex-rating-indicator__item.udex-rating-indicator__item-sel{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_color)}.udex-rating-indicator__item.udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_color)}.udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{position:absolute;inset-inline-start:50%;color:var(--udex-rating_indicator_rated_color)}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-sel,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__half-icon,:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-half{color:var(--udex-rating_indicator_rated_hover_color)}:host(:not([readonly]):not([disabled])) .ui5-rating-indicator-root:hover{opacity:1}:host(:not([readonly]):not([disabled])) .udex-rating-indicator:hover .udex-rating-indicator__item-unsel{color:var(--udex-rating_indicator_unrated_hover_color)}.udex-rating-indicator__half-icon-wrapper{width:100%;height:100%;position:absolute;inset-inline-start:-50%;top:0;z-index:32;overflow:hidden}.udex-rating-indicator--mobile .udex-rating-indicator__half-icon-wrapper{top:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item [ui5-icon].udex-rating-indicator__half-icon{height:var(--udex_rating_indicator_item_height)}.udex-rating-indicator--mobile .udex-rating-indicator__item{padding:var(--udex_rating_indicator_mobile_item_padding)}:host([readonly]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel,:host([disabled]) .udex-rating-indicator--mobile .udex-rating-indicator__item-unsel{padding-left:var(--udex_rating_indicator_mobile_item_padding);padding-right:var(--udex_rating_indicator_mobile_item_padding)}.udex-rating-indicator--mobile .udex-rating-indicator__item:not(:last-child){margin-inline-end:var(--udex-rating_indicator_mobile_items_gap)}\n`};\nexport default styleData;\n\t"]}

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

@@ -3,7 +3,7 @@ import defaultThemeBase from "@ui5/webcomponents-theming/dist/generated/themes/s
 import defaultTheme from "./sap_horizon/parameters-bundle.css.js";
 registerThemePropertiesLoader("@ui5/webcomponents-theming", "sap_horizon", async () => defaultThemeBase);
 registerThemePropertiesLoader("@sapudex/web-components", "sap_horizon", async () => defaultTheme);
-const styleData = { packageName: "@sapudex/web-components", fileName: "themes/Slider.css.ts", content: `: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, .5rem)}: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)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-226-2_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)}
+const styleData = { packageName: "@sapudex/web-components", fileName: "themes/Slider.css.ts", content: `: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, .5rem)}: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)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-228-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)}
 ` };
 export default styleData;
 //# sourceMappingURL=Slider.css.js.map

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":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC;CAC3G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Slider.css.ts\",content:`: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, .5rem)}: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)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-226-2_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)}\n`};\nexport default styleData;\n\t"]}
+{"version":3,"file":"Slider.css.js","sourceRoot":"","sources":["../../../src/generated/themes/Slider.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAExG,OAAO,gBAAgB,MAAM,uFAAuF,CAAC;AACrH,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAElE,6BAA6B,CAAC,4BAA4B,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,gBAAgB,CAAC,CAAC;AACzG,6BAA6B,CAAC,yBAAyB,EAAE,aAAa,EAAE,KAAK,IAAI,EAAE,CAAC,YAAY,CAAC,CAAC;AAElG,MAAM,SAAS,GAAc,EAAC,WAAW,EAAC,yBAAyB,EAAC,QAAQ,EAAC,sBAAsB,EAAC,OAAO,EAAC;CAC3G,EAAC,CAAC;AACH,eAAe,SAAS,CAAC","sourcesContent":["import type { StyleData } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { 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(\"@sapudex/web-components\", \"sap_horizon\", async () => defaultTheme);\n\nconst styleData: StyleData = {packageName:\"@sapudex/web-components\",fileName:\"themes/Slider.css.ts\",content:`: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, .5rem)}: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)}:host([desktop]) .ui5-slider-handle:focus,.ui5-slider-handle:focus-visible{background-color:var(--_ui5-v0-228-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)}\n`};\nexport default styleData;\n\t"]}

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

@@ -207,11 +207,6 @@
           "description": "Defines if button is in toggled state",
           "values": []
         },
-        {
-          "name": "_aria-disabled",
-          "description": "Defines if button has pseudo aria-disabled state",
-          "values": []
-        },
         {
           "name": "design",
           "description": "Defines the component design.",
@@ -351,6 +346,11 @@
           "values": []
         },
         { "name": "hide-flag-images", "values": [] },
+        {
+          "name": "show-search-input",
+          "description": "Defines if the search input is visible.",
+          "values": []
+        },
         {
           "name": "busy",
           "description": "Defines if the component would display a loading indicator.",
@@ -642,6 +642,11 @@
           "description": "Allows setting a custom role for dropdown trigger.",
           "values": []
         },
+        {
+          "name": "show-search-input",
+          "description": "Defines if the search input is visible.",
+          "values": []
+        },
         {
           "name": "busy",
           "description": "Defines if the component would display a loading indicator.",
@@ -2383,6 +2388,11 @@
       "name": "udex-searchable-list-base",
       "description": "A class to serve as a foundation\nfor the <code>UDExFilterMenu</code> , <code>UDExSelectBox</code> and <code>UDExCountrySelector/code> classes.\n\n\n---\n\n\n\n\n### **Events:**\n - **selection-change** - \n- **select-all** - Fired event when the user clicks on the Select All header.\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.",
       "attributes": [
+        {
+          "name": "show-search-input",
+          "description": "Defines if the search input is visible.",
+          "values": []
+        },
         {
           "name": "busy",
           "description": "Defines if the component would display a loading indicator.",
@@ -2658,6 +2668,11 @@
             { "name": "Bottom" }
           ]
         },
+        {
+          "name": "show-search-input",
+          "description": "Defines if the search input is visible.",
+          "values": []
+        },
         {
           "name": "busy",
           "description": "Defines if the component would display a loading indicator.",
@@ -3902,6 +3917,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": "0.226.2",
+  "version": "0.228.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -447,11 +447,6 @@
               "description": "Defines if button is in toggled state",
               "value": { "type": "boolean", "default": "false" }
             },
-            {
-              "name": "_aria-disabled",
-              "description": "Defines if button has pseudo aria-disabled state",
-              "value": { "type": "boolean", "default": "false" }
-            },
             {
               "name": "design",
               "description": "Defines the component design.",
@@ -474,11 +469,6 @@
                 "description": "Defines if button is in toggled state",
                 "value": { "type": "boolean" }
               },
-              {
-                "name": "_aria-disabled",
-                "description": "Defines if button has pseudo aria-disabled state",
-                "value": { "type": "boolean" }
-              },
               {
                 "name": "design",
                 "description": "Defines the component design.",
@@ -650,6 +640,11 @@
               "name": "hide-flag-images",
               "value": { "type": "boolean | undefined" }
             },
+            {
+              "name": "show-search-input",
+              "description": "Defines if the search input is visible.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "busy",
               "description": "Defines if the component would display a loading indicator.",
@@ -797,6 +792,11 @@
                 "name": "hide-flag-images",
                 "value": { "type": "boolean | undefined" }
               },
+              {
+                "name": "show-search-input",
+                "description": "Defines if the search input is visible.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "busy",
                 "description": "Defines if the component would display a loading indicator.",
@@ -1304,6 +1304,11 @@
               "description": "Allows setting a custom role for dropdown trigger.",
               "value": { "type": "string", "default": "\"combobox\"" }
             },
+            {
+              "name": "show-search-input",
+              "description": "Defines if the search input is visible.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "busy",
               "description": "Defines if the component would display a loading indicator.",
@@ -1476,6 +1481,11 @@
                 "description": "Allows setting a custom role for dropdown trigger.",
                 "value": { "type": "string" }
               },
+              {
+                "name": "show-search-input",
+                "description": "Defines if the search input is visible.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "busy",
                 "description": "Defines if the component would display a loading indicator.",
@@ -5472,6 +5482,11 @@
                 "default": "\"Bottom\""
               }
             },
+            {
+              "name": "show-search-input",
+              "description": "Defines if the search input is visible.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "busy",
               "description": "Defines if the component would display a loading indicator.",
@@ -5609,6 +5624,11 @@
                   "type": "\"Left\" | \"Right\" | \"Top\" | \"Bottom\""
                 }
               },
+              {
+                "name": "show-search-input",
+                "description": "Defines if the search input is visible.",
+                "value": { "type": "boolean" }
+              },
               {
                 "name": "busy",
                 "description": "Defines if the component would display a loading indicator.",
@@ -8119,6 +8139,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": [],
@@ -8128,6 +8153,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapudex/web-components",
-  "version": "0.226.2",
+  "version": "0.228.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/src/Button.ts

@@ -7,7 +7,6 @@ import I18nBundle, { I18nText, getI18nBundle } from "@ui5/webcomponents-base/dis
 import {
   BUTTON_ARIA_ATTENTION, BUTTON_ARIA_DEFAULT, BUTTON_ARIA_EMPHASIZED, BUTTON_ARIA_TRANSPARENT, BUTTON_ARIA_TYPE_NEGATIVE, BUTTON_ARIA_TYPE_POSITIVE, BUTTON_ARIA_TYPE_PRIMARY, BUTTON_ARIA_TYPE_SECONDARY, BUTTON_ARIA_TYPE_TERTIARY, BUTTON_ARIA_TYPE_WARNING, TOGGLED,
 } from "./generated/i18n/i18n-defaults.js";
-import ButtonTemplate from "./generated/templates/ButtonTemplate.lit.js";
 
 // Styles
 import ButtonCss from "./generated/themes/Button.css";
@@ -39,7 +38,6 @@ export enum UDExButtonDesign {
   tag: "udex-button",
   renderer: litRender,
   styles: [Button.styles, ButtonCss],
-  template: ButtonTemplate,
 })
 class UDExButton extends Button {
   /**
@@ -66,7 +64,7 @@ class UDExButton extends Button {
    * Defines if button has pseudo aria-disabled state
    *
    * @default false
-   * @public
+   * @private
    */
   @property({ type: Boolean })
     _ariaDisabled!: boolean;

package/src/MastheadShell.ts

@@ -375,6 +375,12 @@ class UDExMastheadShell extends UI5Element {
     this._handleResizeBound = this._handleResize.bind(this);
   }
 
+  onBeforeRendering() {
+    if (this.isMobileMenuMode) {
+      this.setMobileMenuHeight();
+    }
+  }
+
   onAfterRendering() {
     this._rootHolder = this.mastheadHolder;
     this._searchOpener = this.searchOpener;
@@ -402,7 +408,7 @@ class UDExMastheadShell extends UI5Element {
       this.handleMobileMode();
     }
 
-    if (this.isBreakpointSizeM) {
+    if (this.isAtMostBreakpointSizeM) {
       this._isSearchOpened = false;
     }
 
@@ -412,6 +418,10 @@ class UDExMastheadShell extends UI5Element {
       return;
     }
 
+    if (this.isMobileMenuMode) {
+      this.setMobileMenuHeight();
+    }
+
     this._shouldHandleResize = true;
   }
 
@@ -701,6 +711,12 @@ class UDExMastheadShell extends UI5Element {
     });
   }
 
+  setMobileMenuHeight(): void {
+    const mastheadHeight = parseInt(window.getComputedStyle(this).getPropertyValue("--udex-masthead-shell-height"));
+    const mobileMenuHeight = `${window.innerHeight - mastheadHeight}px`;
+    this.style.setProperty("--udex-masthead-shell-mobile-menu-height", mobileMenuHeight);
+  }
+
   removeMobileMode(): void {
     this._isMobileMode = false;
     this.slottedItems.forEach((item: MastheadSlottedItem) => {
@@ -723,7 +739,7 @@ class UDExMastheadShell extends UI5Element {
    */
   openSearch(): void {
     const shouldPreventOpeningSearch = this._isSearchOpened
-      || (this.isBreakpointSizeM && !this.showSearchByDefault)
+      || (this.isAtMostBreakpointSizeM && !this.showSearchByDefault)
       || this._isMobileMode
       || (this.isAtLeastBreakpointSizeM && this.showSearchByDefault);
 
@@ -746,7 +762,7 @@ class UDExMastheadShell extends UI5Element {
    * @public
    */
   openMobileMenu(): void {
-    if (!this._isMobileMenuOpen && (this._isMobileMode || this.isBreakpointSizeM)) {
+    if (!this._isMobileMenuOpen && this.isMobileMenuMode) {
       this.mobileBtn?.handleSelectedChange();
       this.handleOpenMobileMenu();
     }
@@ -861,7 +877,7 @@ class UDExMastheadShell extends UI5Element {
     return !!this.mobileMenu.length;
   }
 
-  get isBreakpointSizeM(): boolean {
+  get isAtMostBreakpointSizeM(): boolean {
     return BreakpointUtils.isAtMost("M");
   }
 
@@ -869,6 +885,10 @@ class UDExMastheadShell extends UI5Element {
     return BreakpointUtils.isAtLeast("M");
   }
 
+  get isMobileMenuMode(): boolean {
+    return this._isMobileMode || this.isAtMostBreakpointSizeM;
+  }
+
   get isMainMenuVisible(): boolean {
     return !this.showSearchByDefault && !this._isSearchOpened;
   }
@@ -878,7 +898,7 @@ class UDExMastheadShell extends UI5Element {
   }
 
   get shouldHandleMobileView(): boolean {
-    return !this.isBreakpointSizeM && !this.showSearchByDefault;
+    return !this.isAtMostBreakpointSizeM && !this.showSearchByDefault;
   }
 
   get mainNavigationAriaLabel(): string {

package/src/Pagination.hbs

@@ -4,7 +4,8 @@
         {{#if absoluteNavigation}}
         <li class="udex-pagination__item--first udex-pagination__item">
             <udex-button
-            ?_aria-disabled="{{prevButtonDisabled}}"
+            aria-disabled="{{effectivePrevButtonDisabled}}"
+            ?_aria-disabled="{{_prevButtonPseudoDisabled}}"
             accessible-name="{{firstPageAccessibleName}}"
             size="Large"
             icon="close-command-field"
@@ -15,13 +16,15 @@
         {{/if}}
         <li class="udex-pagination__item--prev udex-pagination__item">
             <udex-button
-            ?_aria-disabled="{{prevButtonDisabled}}"
+            aria-disabled="{{effectivePrevButtonDisabled}}"
+            ?_aria-disabled="{{_prevButtonPseudoDisabled}}"
             accessible-name="{{previousPageAccessibleName}}"
             tooltip="{{previousBtnTooltip}}"
             size="Large"
             icon="navigation-left-arrow"
             design="Tertiary"
             @click="{{setPrevPage}}"
+            @focusout="{{handlePrevFocusOut}}"
             ></udex-button>
         </li>
         {{#if typeFull}}
@@ -29,7 +32,7 @@
                 <li class="udex-pagination__item">
                     <a class="udex-pagination__page" href="#" 
                         aria-label="{{accessibleName}}"
-                        @click="{{../onPageClick}}" 
+                        @click="{{../onPageClick}}"
                         ?active="{{active}}"
                         aria-current="{{ariaCurrent}}"
                         index="{{index}}">
@@ -47,19 +50,22 @@
         {{/if}}
         <li class="udex-pagination__item--next udex-pagination__item">
             <udex-button
-            ?_aria-disabled="{{nextButtonDisabled}}"
+            aria-disabled="{{effectiveNextButtonDisabled}}"
+            ?_aria-disabled="{{_nextButtonPseudoDisabled}}"
             tooltip="{{nextBtnTooltip}}"
             accessible-name="{{nextPageAccessibleName}}"
             size="Large"
             icon="navigation-right-arrow"
             design="Tertiary"
             @click="{{setNextPage}}"
+            @focusout="{{handleNextFocusOut}}"
             ></udex-button>
         </li>
         {{#if absoluteNavigation}}
             <li class="udex-pagination__item--last udex-pagination__item">
                 <udex-button
-                ?_aria-disabled="{{nextButtonDisabled}}"
+                aria-disabled="{{effectiveNextButtonDisabled}}"
+                ?_aria-disabled="{{_nextButtonPseudoDisabled}}"
                 accessible-name="{{lastPageAccessibleName}}"
                 size="Large"
                 icon="open-command-field"

package/src/Pagination.ts

@@ -17,6 +17,7 @@ import {
   PREVIOUS_PAGE,
   NEXT_PAGE,
   CURRENT_PAGE,
+  DISABLED,
 } from "./generated/i18n/i18n-defaults.js";
 import Button from "./Button.js";
 import "@ui5/webcomponents/dist/Icon.js";
@@ -129,6 +130,22 @@ class UDExPagination extends UI5Element {
   @property({ type: String })
     _direction?: string;
 
+  /**
+   * Defines if the previous button is in pseudo-disabled.
+   *
+   * @private
+   */
+  @property({ type: Boolean })
+    _nextButtonPseudoDisabled!: boolean;
+
+  /**
+   * Defines if the previous button is in pseudo-disabled.
+   *
+   * @private
+   */
+  @property({ type: Boolean })
+    _prevButtonPseudoDisabled!: boolean;
+
   _pages: Page[];
   _visiblePages: Page[];
 
@@ -235,10 +252,11 @@ class UDExPagination extends UI5Element {
 
   get previousPageAccessibleName(): string {
     const currentPageText = `${UDExPagination.i18nBundle.getText(CURRENT_PAGE)} ${this.currentPageIndex + 1}.`;
-    if (this.currentPageIndex === 0) {
-      return `${currentPageText} ${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)}`;
+    if (this._prevButtonPseudoDisabled || this.prevButtonDisabled) {
+      const effectiveDisabledText = this._prevButtonPseudoDisabled ? `${UDExPagination.i18nBundle.getText(DISABLED)}` : "";
+      return `${currentPageText} ${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)} ${effectiveDisabledText}`;
     }
-    return `${currentPageText}. ${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex}`;
+    return `${currentPageText} ${UDExPagination.i18nBundle.getText(PREVIOUS_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex}`;
   }
 
   get previousBtnTooltip(): string {
@@ -247,8 +265,9 @@ class UDExPagination extends UI5Element {
 
   get nextPageAccessibleName(): string {
     const currentPageText = `${UDExPagination.i18nBundle.getText(CURRENT_PAGE)} ${this.currentPageIndex + 1}.`;
-    if (this.pages && this.currentPageIndex === (this.pages - 1)) {
-      return `${currentPageText} ${UDExPagination.i18nBundle.getText(NEXT_PAGE)}`;
+    if (this._nextButtonPseudoDisabled || this.nextButtonDisabled) {
+      const effectiveDisabledText = this._nextButtonPseudoDisabled ? `${UDExPagination.i18nBundle.getText(DISABLED)}` : "";
+      return `${currentPageText} ${UDExPagination.i18nBundle.getText(NEXT_PAGE)} ${effectiveDisabledText}`;
     }
     return `${currentPageText} ${UDExPagination.i18nBundle.getText(NEXT_PAGE)}. ${this.activatePageAccessibleText} ${this.currentPageIndex + 2}`;
   }
@@ -288,6 +307,22 @@ class UDExPagination extends UI5Element {
     UDExPagination.i18nBundle = await getI18nBundle("@sapudex/web-components");
   }
 
+  get effectivePrevButtonDisabled(): boolean {
+    return !this._prevButtonPseudoDisabled && this.prevButtonDisabled;
+  }
+
+  get effectiveNextButtonDisabled(): boolean {
+    return !this._nextButtonPseudoDisabled && this.nextButtonDisabled;
+  }
+
+  handlePrevFocusOut(): void {
+    this._prevButtonPseudoDisabled = false;
+  }
+
+  handleNextFocusOut(): void {
+    this._nextButtonPseudoDisabled = false;
+  }
+
   setActive(element: HTMLElement): void {
     const pageIndex = element.getAttribute("index")
       ? parseInt(element.getAttribute("index") || "")
@@ -310,6 +345,7 @@ class UDExPagination extends UI5Element {
 
     this.currentPageIndex = currentPage + 1;
     this._pageFocusedManually = false;
+    this._nextButtonPseudoDisabled = this.currentPageIndex === (this.pages - 1);
 
     this.emitChangeEvent();
   }
@@ -322,6 +358,7 @@ class UDExPagination extends UI5Element {
     }
     this.currentPageIndex -= 1;
     this._pageFocusedManually = false;
+    this._prevButtonPseudoDisabled = this.currentPageIndex === 0;
 
     this.emitChangeEvent();
   }

package/src/PhoneNumberField.hbs

@@ -68,7 +68,7 @@
                     <img
                         class="udex-phone-number-field__flag"
                         aria-label="{{selectedCountryName}}"
-                        style="{{selectedFlagBackgroundPosition}}">
+                        style="background-position-x: {{selectedFlagBackgroundPosition.x}}; background-position-y: {{selectedFlagBackgroundPosition.y}}">
                 </div>
             </udex-button>
         {{/unless}}

package/src/PhoneNumberField.ts

@@ -42,6 +42,11 @@ export enum FieldState {
   Error = "Error",
 }
 
+export type BackgroundPosition = {
+  x?: string,
+  y?: string,
+};
+
 const initialPlaceholder: string = "+X XXX-XXX-XXXX";
 /**
  * Maximum number of possible digits based on international standard https://en.wikipedia.org/wiki/E.164
@@ -571,7 +576,7 @@ class UDExPhoneNumberField extends UI5Element {
       || this.updatedCountriesList[0]?.countryName;
   }
 
-  get selectedFlagBackgroundPosition() {
+  get selectedFlagBackgroundPosition(): BackgroundPosition {
     if (!this.countryIso) {
       return {};
     }
@@ -582,7 +587,7 @@ class UDExPhoneNumberField extends UI5Element {
       return {};
     }
 
-    return { "backgroundPosition": `${selectedCountry.flagX} ${selectedCountry.flagY}` };
+    return { x: selectedCountry?.flagX, y: selectedCountry?.flagY };
   }
 
   get ariaInvalid() {

package/src/SearchableListBase.ts

@@ -83,6 +83,15 @@ import { NO_MATCHES_FOUND } from "./generated/i18n/i18n-defaults.js";
 })
 
 class UDExSearchableListBase extends UI5Element {
+  /**
+   * Defines if the search input is visible.
+   *
+   * @default false
+   * @public
+   */
+  @property({ type: Boolean })
+    showSearchInput!: boolean;
+
   /**
    * Defines if the component would display a loading indicator.
    *
@@ -496,8 +505,15 @@ class UDExSearchableListBase extends UI5Element {
   }
 
   get showSearch(): boolean {
-    const items = this.getSlottedItems(this.items).filter(({ isGroup }) => !isGroup);
-    return items.length > SHOW_SEARCH_AFTER_COUNT && !this.modeRadioGroup;
+    return this.showSearchInput || (this.isSearchActive && !this.modeRadioGroup);
+  }
+
+  get isSearchActive(): boolean {
+    return this.nonGroupItems.length > SHOW_SEARCH_AFTER_COUNT;
+  }
+
+  get nonGroupItems(): Array<UDExListItemBase> {
+    return this.getSlottedItems(this.items).filter(item => !item.isGroup);
   }
 
   get roleForGroupList(): string {