@ui5/webcomponents-fiori 1.2.3 → 1.3.1

package/src/themes/NotificationListItemBase.css

@@ -41,17 +41,9 @@
 
 .ui5-nli-action {
 	flex-shrink: 0;
-	margin-right: 0.5rem;
+	margin-inline-end: 0.5rem;
 }
 
 .ui5-nli-overflow-btn {
-	margin-right: 0.5rem;
-}
-
-[dir="rtl"] .ui5-nli-group-action {
-	margin-left: 0.5rem;
-}
-
-[dir="rtl"] .ui5-nli-overflow-btn {
-	margin-left: 0.5rem;
+	margin-inline-end: 0.5rem;
 }

package/src/themes/NotificationOverflowActionsPopover.css

@@ -0,0 +1,8 @@
+.ui5-notification-overflow-list {
+	display: flex;
+	flex-direction: column;
+}
+
+.ui5-notification-overflow-popover::part(content) {
+	padding: var(--_ui5-notification-overflow-popover-padding);
+}

package/src/themes/NotificationPrioIcon.css

@@ -1,7 +1,7 @@
 .ui5-prio-icon {
 	min-width: 1rem;
 	min-height: 1rem;
-	padding-right: 0.5rem;
+	padding-inline-end: 0.5rem;
 }
 
 .ui5-prio-icon--message-error {
@@ -14,9 +14,4 @@
 
 .ui5-prio-icon--message-success {
 	color: var(--sapPositiveElementColor);
-}
-
-[dir=rtl] .ui5-prio-icon {
-	padding-left: .5rem;
-	padding-right: 0rem;
 }

package/src/themes/Page.css

@@ -54,6 +54,11 @@
     padding: 0 .25rem;
 }
 
+:host([media-range="S"]) ::slotted([ui5-bar][design="Footer"]) {
+    box-sizing: border-box;
+    padding: 0 .25rem;
+}
+
 :host([media-range="M"]) .ui5-page-content-root,
 :host([media-range="L"]) .ui5-page-content-root,
 :host([media-range="M"][floating-footer]) .ui5-page-footer-root,
@@ -67,6 +72,12 @@
     padding: 0 1.25rem;
 }
 
+:host([media-range="M"]) ::slotted([ui5-bar][design="Footer"]),
+:host([media-range="L"]) ::slotted([ui5-bar][design="Footer"]) {
+    box-sizing: border-box;
+    padding: 0 1.25rem;
+}
+
 :host([media-range="XL"]) .ui5-page-content-root,
 :host([media-range="XL"][floating-footer]) .ui5-page-footer-root {
 	padding: 0 3rem;
@@ -77,6 +88,11 @@
     padding: 0 2.25rem;
 }
 
+:host([media-range="XL"]) ::slotted([ui5-bar][design="Footer"]) {
+    box-sizing: border-box;
+    padding: 0 2.25rem;
+}
+
 :host([disable-scrolling]) .ui5-page-content-root {
     overflow: hidden;
 }
@@ -99,7 +115,7 @@
 }
 
 :host([background-design="Transparent"]) {
-    background-color: transparent;
+    background-color: var(--_ui5_page_transparent_bg);
 }
 
 :host([background-design="List"]) {

package/src/themes/ShellBar.css

@@ -3,6 +3,10 @@
 	width: 100%;
 }
 
+:host {
+	--_ui5_input_placeholder_color: var(--sapShell_InteractiveTextColor);
+}
+
 .ui5-shellbar-root {
 	position: relative;
 	display: flex;

package/src/themes/ShellBarPopover.css

@@ -0,0 +1,5 @@
+.ui5-shellbar-menu-popover::part(content),
+.ui5-shellbar-overflow-popover::part(content) {
+	padding: 0;
+}
+

package/src/themes/SideNavigationPopover.css

@@ -7,3 +7,7 @@
 	border-bottom-left-radius: var(--_ui5_side_navigation_overflow_border_radius);
 	border-bottom-right-radius: var(--_ui5_side_navigation_overflow_border_radius);
 }
+
+.ui5-side-navigation-popover::part(content) {
+	padding: 0;
+}

package/src/themes/Timeline.css

@@ -31,22 +31,11 @@
 
 :host([layout="Horizontal"]) .ui5-timeline-list-item {
 	display: inline-block;
-	margin-left: var(--_ui5_tl_li_margin_bottom);
+	margin-inline-start: var(--_ui5_tl_li_margin_bottom);
 }
 
 :host([layout="Horizontal"]) .ui5-timeline-scroll-container {
 	overflow: auto;
 	/* The padding values of the parent container are added to the size of scroll container */
-	width: calc(100% + 0.5rem);
-}
-
-:host([layout="Horizontal"]) [dir=rtl] .ui5-timeline-list-item {
-	display: inline-block;
-	margin-left: inherit;
-	margin-right: var(--_ui5_tl_li_margin_bottom);
-}
-
-:host([layout="Horizontal"]) [dir=rtl] .ui5-timeline-scroll-container {
-	/* The padding values of the parent container are added to the size of scroll container */
-	width: calc(100% - 0.5rem);
+	width: calc(100% + var(--_ui5_timeline_scroll_container_offset));
 }

package/src/themes/ViewSettingsDialog.css

@@ -1,15 +1,16 @@
 [on-desktop] .ui5-vsd-content {
-	height: 375px;
+	height: var(--_ui5_vsd_content_height);
 	min-width: 350px;
 }
 
-.ui5-vsd-header {
-	width: 100%;
+[on-desktop] [expand-content].ui5-vsd-content {
+	height: var(--_ui5_vsd_expand_content_height);
+	min-width: 350px;
 }
 
-.ui5-vsd-header > [ui5-bar] {
-	height: 4rem;
-	box-shadow: none;
+.ui5-vsd-header {
+	width: 100%;
+	padding-bottom: 0.25rem;
 }
 
 .ui5-vsd-content {
@@ -17,33 +18,40 @@
 }
 
 .ui5-vsd-title {
-	margin-bottom: 0.3rem;
-	font-size: var(--ui5_title_level_5Size);
+	font-size: var(--sapFontHeader5Size);
 }
 
-.ui5-vsd-start {
+.ui5-vsd-header-container {
 	display: flex;
-    justify-content: center;
-    align-items: center;
+	align-items: center;
+	justify-content: space-between;
+	height: var(--_ui5_vsd_header_container);
+	line-height: var(--_ui5_vsd_header_container);
 }
 
-.ui5-vsd-bar-title {
+.ui5-vsd-header-end {
 	display: flex;
-	flex-direction: column;
-	margin-left: .5rem;
+}
+
+.ui5-vsd-sub-header {
+	height: var(--_ui5_vsd_sub_header_container_height);
+	line-height: var(--_ui5_vsd_sub_header_container_height);
+}
+
+.ui5-vsd-header-start {
+	display: flex;
+	align-items: center;
 }
 
 .ui5-vsd-back-button {
-	margin-right: .5rem;
+	margin-inline-end: .5rem;
 }
 
 .ui5-vsd-footer {
 	width: 100%;
 	display: flex;
 	justify-content: flex-end;
-	margin: 0.1875rem 1rem;
-	margin-left: 0.5rem;
-	margin-right: 0.5rem;
+	margin: 0.1875rem 0;
 }
 
 .ui5-vsd-footer [ui5-button]:first-child {
@@ -63,5 +71,13 @@
 [ui5-dialog]::part(content) {
 	padding-top: 0;
 	padding-bottom: 0;
+	padding-right: 0;
+}
+
+:host [ui5-li]::part(native-li) {
+	padding-inline-start: var(--_ui5_vsd_content_li_padding);
 }
 
+:host [ui5-li].ui5-vsd-filterItemList::part(native-li) {
+	padding-inline-start: 1rem;
+}

package/src/themes/Wizard.css

@@ -27,6 +27,13 @@
 	padding: 1rem 2rem;
 }
 
+.ui5-wiz-content-item-wrapper {
+	display: block;
+	padding: var(--_ui5_wiz_content_item_wrapper_padding);
+	background-color: var(--_ui5_wiz_content_item_wrapper_bg);
+	border-radius: var(--sapElement_BorderCornerRadius);
+}
+
 .ui5-wiz-content-item[hidden] {
 	display: none;
 }
@@ -65,7 +72,7 @@
 .ui5-wiz-nav {
 	box-sizing: border-box;
 	height: 4rem;
-	padding: 0.875rem 2rem;
+	padding: 1rem 2rem;
 	-webkit-user-select: none;
 	-moz-user-select: none;
 	-ms-user-select: none;

package/src/themes/WizardPopover.css

@@ -9,6 +9,13 @@
 	padding: 0;
 }
 
+.ui5-responsive-popover-footer {
+	display: flex;
+	justify-content: flex-end;
+	padding: 0.25rem 0;
+	width: 100%;
+}
+
 .ui5-wizard-popover .ui5-wizard-responsive-popover-list [ui5-button] {
 	width: 200px;
 }

package/src/themes/WizardTab.css

@@ -10,6 +10,10 @@
 	background: var(--_ui5_wiz_tab_selected_bg);
 }
 
+:host([selected]:not([disabled])) .ui5-wiz-step-title-text {
+	color: var(--sapContent_Selected_ForegroundColor);
+}
+
 :host([selected]:not([disabled])) .ui5-wiz-step-icon-circle::after {
 	content: "";
 	position: absolute;
@@ -35,6 +39,10 @@
 	background: var(--sapObjectHeader_Background);
 }
 
+:host([disabled]) .ui5-wiz-step-title-text {
+	color: var(--sapContent_LabelColor);
+}
+
 :host([disabled]) .ui5-wiz-step-icon {
 	color: var(--sapContent_LabelColor);
 }
@@ -117,7 +125,7 @@
 }
 
 .ui5-wiz-step-title-text {
-	font-weight: var(--_ui5_wiz_tab_title_font_weight);
+	font-family: var(--_ui5_wiz_tab_title_font_family);
 }
 
 :host([data-ui5-wizard-expanded-tab-prev="true"]) .ui5-wiz-step-title-text,
@@ -129,6 +137,9 @@
 }
 
 .ui5-wiz-step-subtitle-text {
+	margin-top: 0.125rem;
+	font-family: var(--sapFontFamily);
+	color: var(--sapContent_LabelColor);
 	font-size: var(--sapFontSmallSize);
 }
 

package/src/themes/base/FlexibleColumnLayout-parameters.css

@@ -1,6 +1,6 @@
 :root {
 	--_ui5_fcl_solid_bg: var(--sapShell_Background);
 	--_ui5_fcl_column_border: none;
-	--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), #f3f4f5);
-	--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), #f3f4f5);
+	--_ui5_fcl_decoration_top: linear-gradient(to top, var(--sapHighlightColor), transparent);
+	--_ui5_fcl_decoration_bottom: linear-gradient(to bottom, var(--sapHighlightColor), transparent);
 }

package/src/themes/base/Page-parameters.css

@@ -1,3 +1,4 @@
 :root {
 	--_ui5_page_list_bg: var(--sapGroup_ContentBackground);
+	--_ui5_page_transparent_bg: transparent;
 }

package/src/themes/base/ViewSettingsDialog-parameters.css

@@ -0,0 +1,7 @@
+:root {
+	--_ui5_vsd_header_container: 2.75rem;
+	--_ui5_vsd_sub_header_container_height: 2.75rem;
+	--_ui5_vsd_content_li_padding: 0.375rem;
+	--_ui5_vsd_content_height: 23.4375rem;
+	--_ui5_vsd_expand_content_height: 26.1875rem;
+}

package/src/themes/base/Wizard-parameters.css

@@ -0,0 +1,4 @@
+:root {
+    --_ui5_wiz_content_item_wrapper_padding: 0rem;
+    --_ui5_wiz_content_item_wrapper_bg: var(--sapBackgroundColor);
+}

package/src/themes/base/WizardTab-parameters.css

@@ -6,6 +6,6 @@
 	--_ui5_wiz_tab_icon_color: var(--sapSelectedColor);
 	--_ui5_wiz_tab_active_separator_color: var(--sapSelectedColor);
 	--_ui5_wiz_tab_title_color: var(--sapContent_LabelColor);
-	--_ui5_wiz_tab_title_font_weight: normal;
+	--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);
 	--_ui5_wiz_tab_focus_border_radius: 0;
 }

package/src/themes/sap_belize/parameters-bundle.css

@@ -8,4 +8,6 @@
 @import "../base/ShellBar-parameters.css";
 @import "../base/TimelineItem-parameters.css";
 @import "../base/UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "../base/WizardTab-parameters.css";

package/src/themes/sap_belize_hcb/parameters-bundle.css

@@ -8,4 +8,6 @@
 @import "../base/ShellBar-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

package/src/themes/sap_belize_hcw/parameters-bundle.css

@@ -8,4 +8,6 @@
 @import "../base/ShellBar-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

package/src/themes/sap_fiori_3/parameters-bundle.css

@@ -8,4 +8,6 @@
 @import "../base/ShellBar-parameters.css";
 @import "../base/TimelineItem-parameters.css";
 @import "../base/UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "../base/WizardTab-parameters.css";

package/src/themes/sap_fiori_3_dark/parameters-bundle.css

@@ -1,5 +1,5 @@
 @import "../base/Bar-parameters.css";
-@import "./FlexibleColumnLayout-parameters.css";
+@import "../base/FlexibleColumnLayout-parameters.css";
 @import "../base/IllustratedMessage-parameters.css";
 @import "../base/MediaGallery-parameters.css";
 @import "../base/MediaGalleryItem-parameters.css";
@@ -8,4 +8,6 @@
 @import "../base/ShellBar-parameters.css";
 @import "../base/TimelineItem-parameters.css";
 @import "../base/UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "../base/WizardTab-parameters.css";

package/src/themes/sap_fiori_3_hcb/Page-parameters.css

@@ -1,3 +1,4 @@
 :root {
-	--_ui5_page_list_bg: var(--sapBackgroundColor);
+	--_ui5_page_list_bg: var(--sapGroup_ContentBackground);
+	--_ui5_page_transparent_bg: var(--sapBackgroundColor);
 }

package/src/themes/sap_fiori_3_hcb/parameters-bundle.css

@@ -8,4 +8,6 @@
 @import "../base/ShellBar-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

package/src/themes/sap_fiori_3_hcw/Page-parameters.css

@@ -1,3 +1,4 @@
 :root {
-	--_ui5_page_list_bg: var(--sapBackgroundColor);
+	--_ui5_page_list_bg: var(--sapGroup_ContentBackground);
+	--_ui5_page_transparent_bg: var(--sapBackgroundColor);
 }

package/src/themes/sap_fiori_3_hcw/parameters-bundle.css

@@ -8,4 +8,6 @@
 @import "../base/ShellBar-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

package/src/themes/sap_horizon/Wizard-parameters.css

@@ -0,0 +1,6 @@
+@import "../base/Wizard-parameters.css";
+
+:root {
+    --_ui5_wiz_content_item_wrapper_padding: 1rem;
+    --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
+}

package/src/themes/sap_horizon/WizardTab-parameters.css

@@ -2,7 +2,10 @@
 
 :root {
 	--_ui5_wiz_tab_title_color: var(--sapTextColor);
-	--_ui5_wiz_tab_title_font_weight: bold;
+	--_ui5_wiz_tab_title_font_family: var(--sapFontBoldFamily);
 	--_ui5_wiz_tab_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	--_ui5_wiz_tab_focus_border_radius: 8px;
+	--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
+	--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);
+	--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_ForegroundColor);
 }

package/src/themes/sap_horizon/parameters-bundle.css

@@ -9,5 +9,7 @@
 @import "./TimelineItem-parameters.css";
 @import "./SideNavigation-parameters.css";
 @import "../base/UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "./Wizard-parameters.css";
 @import "./WizardTab-parameters.css";
 @import "./NotificationListItem-parameters.css";

package/src/themes/sap_horizon_dark/Wizard-parameters.css

@@ -0,0 +1,6 @@
+@import "../base/Wizard-parameters.css";
+
+:root {
+    --_ui5_wiz_content_item_wrapper_padding: 1rem;
+    --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
+}

package/src/themes/sap_horizon_dark/WizardTab-parameters.css

@@ -2,7 +2,9 @@
 
 :root {
 	--_ui5_wiz_tab_title_color: var(--sapTextColor);
-	--_ui5_wiz_tab_title_font_weight: bold;
+	--_ui5_wiz_tab_title_font_family: var(--sapFontBoldFamily);
 	--_ui5_wiz_tab_focus_outline: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
 	--_ui5_wiz_tab_focus_border_radius: 8px;
+	--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);
+	--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_ForegroundColor);
 }

package/src/themes/sap_horizon_dark/parameters-bundle.css

@@ -9,5 +9,7 @@
 @import "./TimelineItem-parameters.css";
 @import "./SideNavigation-parameters.css";
 @import "../base/UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "./Wizard-parameters.css";
 @import "./WizardTab-parameters.css";
 @import "./NotificationListItem-parameters.css";

package/src/themes/sap_horizon_exp/parameters-bundle.css

@@ -6,4 +6,6 @@
 @import "../base/ShellBar-parameters.css";
 @import "../base/TimelineItem-parameters.css";
 @import "../base/UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "../base/Wizard-parameters.css";
 @import "../base/WizardTab-parameters.css";

package/src/themes/sap_horizon_hcb/Page-parameters.css

@@ -1,3 +1,4 @@
 :root {
-	--_ui5_page_list_bg: var(--sapBackgroundColor);
+	--_ui5_page_list_bg: var(--sapGroup_ContentBackground);
+	--_ui5_page_transparent_bg: var(--sapBackgroundColor);
 }

package/src/themes/sap_horizon_hcb/Wizard-parameters.css

@@ -0,0 +1,6 @@
+@import "../base/Wizard-parameters.css";
+
+:root {
+    --_ui5_wiz_content_item_wrapper_padding: 1rem;
+    --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
+}

package/src/themes/sap_horizon_hcb/WizardTab-parameters.css

@@ -3,7 +3,9 @@
 :root {
 	--_ui5_wiz_tab_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);
 	--_ui5_wiz_tab_selection_line: var(--sapTextColor);
-	--_ui5_wiz_tab_border: 1px solid var(--sapTextColor);
+	--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
 	--_ui5_wiz_tab_icon_color: var(--sapTextColor);
-	--_ui5_wiz_tab_active_separator_color: var(--sapTextColor);
+	--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);
+	--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);
+	--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);
 }

package/src/themes/sap_horizon_hcb/parameters-bundle.css

@@ -8,4 +8,6 @@
 @import "../base/ShellBar-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "./Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

package/src/themes/sap_horizon_hcw/Page-parameters.css

@@ -1,3 +1,4 @@
 :root {
-	--_ui5_page_list_bg: var(--sapBackgroundColor);
+	--_ui5_page_list_bg: var(--sapGroup_ContentBackground);
+	--_ui5_page_transparent_bg: var(--sapBackgroundColor);
 }

package/src/themes/sap_horizon_hcw/Wizard-parameters.css

@@ -0,0 +1,6 @@
+@import "../base/Wizard-parameters.css";
+
+:root {
+    --_ui5_wiz_content_item_wrapper_padding: 1rem;
+    --_ui5_wiz_content_item_wrapper_bg: var(--sapGroup_ContentBackground);
+}

package/src/themes/sap_horizon_hcw/WizardTab-parameters.css

@@ -3,6 +3,9 @@
 :root {
 	--_ui5_wiz_tab_focus_outline: 0.125rem dotted var(--sapContent_FocusColor);
 	--_ui5_wiz_tab_selection_line: var(--sapTextColor);
-	--_ui5_wiz_tab_border: 1px solid var(--sapTextColor);
+	--_ui5_wiz_tab_border: 1px solid var(--sapContent_Selected_ForegroundColor);
 	--_ui5_wiz_tab_icon_color: var(--sapTextColor);
+	--_ui5_wiz_tab_active_separator_color: var(--sapContent_Selected_ForegroundColor);
+	--_ui5_wiz_tab_selected_bg: var(--sapContent_Selected_Background);
+	--_ui5_wiz_tab_title_font_family: var(--sapFontFamily);
 }

package/src/themes/sap_horizon_hcw/parameters-bundle.css

@@ -8,4 +8,6 @@
 @import "../base/ShellBar-parameters.css";
 @import "./TimelineItem-parameters.css";
 @import "./UploadCollection-parameters.css";
+@import "../base/ViewSettingsDialog-parameters.css";
+@import "./Wizard-parameters.css";
 @import "./WizardTab-parameters.css";

package/dist/css/themes/FilterItem.css

@@ -1 +0,0 @@
-.ui5-li-content{justify-content:space-between}

package/dist/css/themes/NotifactionOverflowActionsPopover.css

@@ -1 +0,0 @@
-.ui5-notification-overflow-list{display:flex;flex-direction:column;padding:0 .5rem}

package/dist/generated/templates/FilterItemTemplate.lit.js

@@ -1,20 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-
-const block0 = (context, tags, suffix) => html`<li part="native-li" tabindex="${ifDefined(context.tabIndex)}" class="${classMap(context.classes.main)}" dir="${ifDefined(context.effectiveDir)}" @focusin="${context._onfocusin}" @focusout="${context._onfocusout}" @keyup="${context._onkeyup}" @keydown="${context._onkeydown}" @mouseup="${context._onmouseup}" @mousedown="${context._onmousedown}" @touchstart="${context._ontouchstart}" @touchend="${context._ontouchend}" @click="${context._onclick}" role="${ifDefined(context._accInfo.role)}" aria-expanded="${ifDefined(context._accInfo.ariaExpanded)}" title="${ifDefined(context.title)}" aria-level="${ifDefined(context._accInfo.ariaLevel)}" aria-posinset="${ifDefined(context._accInfo.posinset)}" aria-setsize="${ifDefined(context._accInfo.setsize)}" aria-describedby="${ifDefined(context._id)}-invisibleText-describedby" aria-labelledby="${ifDefined(context._id)}-invisibleText ${ifDefined(context._id)}-content" aria-disabled="${ifDefined(context.ariaDisabled)}">${ context.placeSelectionElementBefore ? block1(context, tags, suffix) : undefined }<div id="${ifDefined(context._id)}-content" class="ui5-li-content">${ context.displayImage ? block5(context, tags, suffix) : undefined }${ context.displayIconBegin ? block6(context, tags, suffix) : undefined }<span part="title" class="ui5-li-title">${ifDefined(context.text)}</span>${ context.additionalText ? block7(context, tags, suffix) : undefined }</div>${ context.displayIconEnd ? block8(context, tags, suffix) : undefined }${ context.typeDetail ? block9(context, tags, suffix) : undefined }${ context.placeSelectionElementAfter ? block10(context, tags, suffix) : undefined }<span id="${ifDefined(context._id)}-invisibleText" class="ui5-hidden-text">${ifDefined(context._accInfo.listItemAriaLabel)}${ifDefined(context.accessibleName)}</span><span id="${ifDefined(context._id)}-invisibleText-describedby" class="ui5-hidden-text">${ifDefined(context._accInfo.ariaSelectedText)}</span></li> `;
-const block1 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block2(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block3(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block4(context, tags, suffix) : undefined }`;
-const block2 = (context, tags, suffix) => html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>`;
-const block3 = (context, tags, suffix) => html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>`;
-const block4 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn"><${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}></div>`;
-const block5 = (context, tags, suffix) => html`<${scopeTag("ui5-avatar", tags, suffix)} shape="Square" class="ui5-li-img"><img src="${ifDefined(context.image)}" class="ui5-li-img-inner" /></${scopeTag("ui5-avatar", tags, suffix)}>`;
-const block6 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suffix)} part="icon" name="${ifDefined(context.icon)}" class="ui5-li-icon"></${scopeTag("ui5-icon", tags, suffix)}>`;
-const block7 = (context, tags, suffix) => html`<span part="additional-text" class="ui5-li-additional-text">${ifDefined(context.additionalText)}</span>`;
-const block8 = (context, tags, suffix) => html`<${scopeTag("ui5-icon", tags, suffix)} part="icon" name="${ifDefined(context.icon)}" class="ui5-li-icon"></${scopeTag("ui5-icon", tags, suffix)}>`;
-const block9 = (context, tags, suffix) => html`<div class="ui5-li-detailbtn"><${scopeTag("ui5-button", tags, suffix)} design="Transparent" icon="edit" @click="${context.onDetailClick}"></${scopeTag("ui5-button", tags, suffix)}></div>`;
-const block10 = (context, tags, suffix) => html`${ context.modeSingleSelect ? block11(context, tags, suffix) : undefined }${ context.modeMultiSelect ? block12(context, tags, suffix) : undefined }${ context.renderDeleteButton ? block13(context, tags, suffix) : undefined }`;
-const block11 = (context, tags, suffix) => html`<${scopeTag("ui5-radio-button", tags, suffix)} ?disabled="${context.isInactive}" accessible-name="${ifDefined(context._accInfo.ariaLabelRadioButton)}" tabindex="-1" id="${ifDefined(context._id)}-singleSelectionElement" class="ui5-li-singlesel-radiobtn" ?checked="${context.selected}" @click="${context.onSingleSelectionComponentPress}"></${scopeTag("ui5-radio-button", tags, suffix)}>`;
-const block12 = (context, tags, suffix) => html`<${scopeTag("ui5-checkbox", tags, suffix)} ?disabled="${context.isInactive}" ?indeterminate=${context.indeterminate} tabindex="-1" id="${ifDefined(context._id)}-multiSelectionElement" class="ui5-li-multisel-cb" ?checked="${context.selected}" aria-label="${ifDefined(context._accInfo.ariaLabel)}" @click="${context.onMultiSelectionComponentPress}"></${scopeTag("ui5-checkbox", tags, suffix)}>`;
-const block13 = (context, tags, suffix) => html`<div class="ui5-li-deletebtn"><${scopeTag("ui5-button", tags, suffix)} tabindex="-1" data-sap-no-tab-ref id="${ifDefined(context._id)}-deleteSelectionElement" design="Transparent" icon="decline" ?disabled="${context.disableDeleteButton}" @click="${context.onDelete}" tooltip="${ifDefined(context.deleteText)}"></${scopeTag("ui5-button", tags, suffix)}></div>`;
-
-
-export default block0;

package/dist/generated/templates/NotifactionOverflowActionsPopoverTemplate.lit.js

@@ -1,8 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-
-const block0 = (context, tags, suffix) => html`<${scopeTag("ui5-popover", tags, suffix)} class="ui5-notification-overflow-popover" placement-type="Bottom" horizontal-align="Right" hide-arrow><div class="ui5-notification-overflow-list">${ repeat(context.overflowActions, (item, index) => item._id || index, (item, index) => block1(item, index, context, tags, suffix)) }</div></${scopeTag("ui5-popover", tags, suffix)}>`;
-const block1 = (item, index, context, tags, suffix) => html`<${scopeTag("ui5-button", tags, suffix)} icon="${ifDefined(item.icon)}" design="Transparent" @click="${item.press}" ?disabled="${item.disabled}" design="${ifDefined(item.design)}" data-ui5-external-action-item-id="${ifDefined(item.refItemid)}">${ifDefined(item.text)}</${scopeTag("ui5-button", tags, suffix)}>`;
-
-
-export default block0;