@sapudex/web-components 2.31.0 → 2.32.1

package/src/themes/FilterMenu.css

@@ -179,13 +179,17 @@
   width: 100%;
 }
 
+:host([show-search-input]) .udex-no-result {
+  padding: 0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
+}
+
 .udex-no-result {
   font-family: var(--sapFontFamily);
   font-weight: var(--udexTypographyFontWeightRegular, 400);
   font-size: var(--udexTypographyBodyXSFontSize, 14px);
   line-height: var(--udexTypographyBodyLineHeight, 1.5);
   color: var(--sapContent_TitleColor, #000000);
-  padding: 0 var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
+  padding: var(--udexSpacer16, 16px) var(--udexSpacer12, 12px) var(--udexSpacer16, 16px);
 }
 
 @media (width < 640px) {

package/src/themes/HeroBanner.css

@@ -8,9 +8,11 @@
   --udexHeroBannerBackroundVideoZIndex: 1;
   --udexHeroBannerContentZIndex: 2;
   --udexHeroBannerContentPaddingHorizontal: var(--udexGridXSMargins, 24px);
-  --udexHeroBannerContentPaddingVertical: var(--udexGridXSMargins, 24px);
+  --udexHeroBannerContentPaddingVertical: 40px;
   --udexHeroBannerContentPaddingVerticalXLtoM: var(--udexSpacer56, 56px);
   --udexHeroBannerPaddingHorizontalLandM: var(--udexSpacer72);
+  --udexHeroBannerPaddingVerticalBottomS: var(--udexSpacer48);
+  --udexHeroBannerPaddingVerticalBottomXS: var(--udexSpacer48);
   --udexHeroBannerPaddingHorizontalS: var(--udexSpacer48);
   --udexHeroBannerPaddingHorizontalXS: var(--udexSpacer24);
   --udexHeroBannerBackgroundVideoColor: trasparent;
@@ -58,41 +60,20 @@
   padding: var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexSpacer84);
   height: 100%;
   box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 
 .udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image {
   display: none;
 }
 
-.udex-hero-banner__media-button:dir(rtl) {
-  left: 0;
-  right: initial;
-}
-
-.udex-hero-banner__media-button:hover {
-  cursor: pointer;
-  background: var(--udexColorNeutralBlack70);
-}
-
-.udex-hero-banner__media-button ui5-icon {
-  color: var(--udexColorNeutralWhite);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 1.5rem;
-  width: 1.5rem;
-}
 .udex-hero-banner__background-image:dir(rtl),
 .udex-hero-banner__background-video-overlay:dir(rtl) {
   transform: scaleX(-1);
 }
 
-.udex-hero-banner__background-video,
-.udex-hero-banner__background-video-overlay,
-.udex-hero-banner__media-button {
-  display: none;
-}
-
 #udex-hero-banner__content,
 #udex-hero-banner__additionalContent {
   position: relative;
@@ -115,6 +96,77 @@
   height: var(--udexHeroBannerHeight, auto);
 }
 
+.udex-hero-banner--video {
+  height: 28.125rem; /* 450px */
+}
+
+.udex-hero-banner__media-button {
+  border: none;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 50%;
+  padding: 0;
+  width: 3rem;
+  height: 3rem;
+  position: absolute;
+  bottom: var(--udexSpacer48);
+  right: var(--udexSpacer84);
+  z-index: 3;
+  overflow: hidden;
+  cursor: pointer;
+}
+
+.udex-hero-banner__media-button:before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: var(--udexColorNeutralBlack);
+  opacity: 0.8;
+  border-radius: 50%;
+  z-index: -1;
+}
+
+.udex-hero-banner__media-button:dir(rtl) {
+  left: var(--udexSpacer84);
+  right: auto;
+}
+
+.udex-hero-banner__media-button:hover [ui5-icon] {
+  color: var(--udexColorGrey4);
+}
+
+.udex-hero-banner__media-button [ui5-icon] {
+  color: var(--udexColorNeutralWhite);
+  height: 100%;
+  width: 100%;
+}
+
+.udex-hero-banner__background-video {
+  position: absolute;
+  display: block;
+  width: 100%;
+  object-fit: cover;
+  object-position: center;
+  height: 100%;
+  top: 0;
+  left: 0;
+}
+
+.udex-hero-banner__background-video-overlay {
+  position: absolute;
+  display: block;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(90deg, rgba(18, 23, 28, 0.765) 0%, rgba(18, 23, 28, 0.09) 100%);
+  top: 0;
+  left: 0;
+}
+
+.udex-hero-banner__background-image {
+  object-position: var(--udexHeroBannerHorizontalLayoutBackgroundImageAlignment, top right);
+}
+
 @media (max-width: 1599px) {
   .udex-hero-banner__container {
     padding: var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexHeroBannerPaddingHorizontalLandM);
@@ -124,9 +176,23 @@
   .udex-hero-banner__background-video-wrapper {
     padding: var(--udexHeroBannerContentPaddingVerticalXLtoM) var(--udexHeroBannerPaddingHorizontalLandM);
   }
+
+  .udex-hero-banner__media-button {
+    right: var(--udexSpacer72);
+  }
+
+  .udex-hero-banner__media-button:dir(rtl) {
+    left: var(--udexSpacer72);
+  }
 }
 
 @media (max-width: 979px) {
+  .udex-hero-banner__background-video,
+  .udex-hero-banner__background-video-overlay,
+  .udex-hero-banner__media-button {
+    display: none;
+  }
+
   .udex-hero-banner__container {
     padding: var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalS);
     max-width: 100%;
@@ -139,7 +205,7 @@
   }
 
   .udex-hero-banner__background-video-wrapper {
-    padding: var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalS);
+    padding: var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalS) var(--udexHeroBannerPaddingVerticalBottomS);
     background-color: var(--udexHeroBannerBackgroundVideoColor);
   }
 
@@ -161,59 +227,10 @@
   }
 
   .udex-hero-banner__background-video-wrapper {
-    padding: var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalXS);
+    padding: var(--udexHeroBannerContentPaddingVertical) var(--udexHeroBannerPaddingHorizontalXS) var(--udexHeroBannerPaddingVerticalBottomXS);
   }
 
   .udex-hero-banner__background-video-wrapper .udex-hero-banner__background-image {
     display: none;
   }
 }
-
-@media (min-width: 980px) {
-  .udex-hero-banner--video {
-    height: 28.125rem; /* 450px */
-  }
-
-  .udex-hero-banner__media-button {
-    border: 3px solid var(--udexColorNeutralWhite);
-    color: var(--udexColorNeutralWhite);
-    background: var(--udexColorNeutralBlack40);
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    border-radius: 50%;
-    padding: 0;
-    width: 3rem;
-    height: 3rem;
-    position: absolute;
-    bottom: 0;
-    right: 0;
-    margin: var(--udexHeroBannerContentPaddingHorizontal);
-    z-index: 3;
-  }
-
-  .udex-hero-banner__background-video {
-    position: absolute;
-    display: block;
-    width: 100%;
-    object-fit: cover;
-    object-position: center;
-    height: 100%;
-    top: 0;
-    left: 0;
-  }
-
-  .udex-hero-banner__background-video-overlay {
-    position: absolute;
-    display: block;
-    width: 100%;
-    height: 100%;
-    background: linear-gradient(90deg, rgba(18, 23, 28, 0.765) 0%, rgba(18, 23, 28, 0.09) 100%);
-    top: 0;
-    left: 0;
-  }
-
-  .udex-hero-banner__background-image {
-    object-position: var(--udexHeroBannerHorizontalLayoutBackgroundImageAlignment, top right);
-  }
-}

package/src/themes/Modal.css

@@ -52,7 +52,8 @@
 
 @media (max-width: 979px) {
   :host(:not([type="basic"])) {
-    max-width: 100%;
-    max-height: 100%;
+    min-width: 100%;
+    min-height: 100%;
+    --udex-modal-border-radius: 0;
   }
 }

package/src/themes/SecondaryNavigationItem.css

@@ -190,7 +190,6 @@
     display: none;
   }
 
-
   :host([desktop]) .udex-secondary-navigation__item:focus {
     outline: none;
   }
@@ -226,6 +225,10 @@
   .udex-secondary-navigation__item:hover {
     color: var(--udex-secondary-navigation-item-color);
   }
+
+  .udex-secondary-navigation__dropdown-list {
+    padding: var(--udexSpacer16) 0;
+  }
 }
 
 @media (max-width: 639px) {

package/src/themes/TabNavigation.css

@@ -433,10 +433,15 @@
   flex-direction: column;
   align-items: stretch;
   min-height: auto;
-  height: 100%;
+  height: auto;
   flex: 0 0 25%;
   width: 100%;
   max-height: none;
+  align-self: var(--udex-tab-navigation-header-alignment, flex-start);
+}
+
+:host([orientation="Vertical"][vertical-alignment="Center"]) {
+  --udex-tab-navigation-header-alignment: center;
 }
 
 :host([orientation="Vertical"]) .udex-tab-navigation__header:before {
@@ -445,7 +450,7 @@
 
 :host([orientation="Vertical"]) .udex-tab-navigation__header-tabs {
   flex-direction: column;
-  gap: var(--udexSpacer32, 32px);
+  gap: var(--udexSpacer16, 16px);
   overflow: visible;
   white-space: normal;
   max-height: none;
@@ -454,7 +459,7 @@
 
 @media screen and (max-width: 979px) {
   :host([orientation="Vertical"]) .udex-tab-navigation__header-tabs {
-    gap: var(--udexSpacer24, 24px);
+    gap: var(--udexSpacer16, 16px);
   }
 
   :host([orientation="Vertical"]) .udex-tab-navigation__header-tabs > .udex-tab-navigation__button-tab:not(:last-child):not(:has(+ .udex-tab-navigation__content)),
@@ -465,7 +470,7 @@
 }
 
 :host([orientation="Vertical"]) .udex-tab-navigation__button-tab {
-  padding: 0 var(--udexSpacer16, 16px);
+  padding: var(--udexSpacer16, 16px);
   align-items: flex-start;
   width: 100%;
   height: auto;
@@ -502,7 +507,7 @@
   display: flex;
   flex-direction: column;
   gap: var(--udexSpacer16, 16px);
-  padding: 0 var(--udexSpacer16, 16px);
+  padding: var(--udexSpacer16, 16px);
   transition: all 200ms ease-in;
 }
 
@@ -561,17 +566,6 @@
   display: block;
 }
 
-:host([orientation="Vertical"]) .udex-tab-navigation__button-link {
-  font-size: var(--udexTypographyNavigationRegularXLFontSize, 16px);
-  font-weight: var(--udexTypographyFontWeightRegular, 400);
-  line-height: 24px;
-  display: none;
-}
-
-:host([orientation="Vertical"]) .udex-tab-navigation__button-tab--active ~ .udex-tab-navigation__button-link {
-  display: block;
-}
-
 :host([orientation="Vertical"]) .udex-tab-navigation__button-links {
   display: none;
   flex-direction: column;
@@ -582,8 +576,25 @@
   display: flex;
 }
 
+
 :host([orientation="Vertical"]) .udex-tab-navigation__content {
   flex: 1 1 75%;
   padding-block-start: 0;
   padding-inline-start: var(--udexSpacer16, 16px);
 }
+
+/* Vertical — End placement: tabs appear on the inline-end side of the content */
+:host([orientation="Vertical"][placement="End"]) .udex-tab-navigation__header {
+  order: 1;
+}
+
+/* Vertical — play button spacing (replaces header gap) */
+:host([orientation="Vertical"]) .udex-tab-navigation__play-button {
+  margin-block-end: var(--udexSpacer16, 16px);
+}
+
+/* Vertical — footer slot */
+:host([orientation="Vertical"]) .udex-tab-navigation__footer {
+  margin-block-start: var(--udex-tab-navigation-footer-spacing, var(--udexSpacer20, 20px));
+  padding-inline-start: var(--udexSpacer16, 16px);
+}

package/dist/assets/messagebundle_en-DWAgV5VH.js

@@ -1 +0,0 @@
-const T="Count",E="of",_="Pagination page",A="Selected",S="Unselected",I="Indeterminate",t="Edit",O="Delete",o="back to region list",R="Primary",N="Secondary",n="Tertiary",L="Warning",s="Positive",e="Negative",C="Emphasized",c="Default",U="Transparent",P="Attention",a="Date Input",B="Toggled",D="First page",i="Last page",r="Previous page",M="Next page",l="Current page",G="Activate page number",d="Suggested searches",u="Clear",V="Search",W="Clear",Y="Voice",g="Submit",F="Listening",m="Available Values",p="Recommended pages",H="Expand All",X="Collapse All",f="More",h="Attention badge",b="Read more",v="Read less",y="Show more",K="Show less",w="Rating Indicator",k="Rating",x="Required",Q="Total",Z="Rating",q="Contains Multi-Selectable Items",z="Contains Selectable Items",j="Show Results",J="Show/Hide Password Button",$="Reset",TT="Message Strip Close Button",ET="Information Bar",_T="Positive Bar",AT="Warning Bar",ST="Negative Bar",IT="Action Bar",tT="reviews",OT="stars",oT="Select Options",RT="Select All",NT="{0} characters remaining",nT="Field State Error",LT="Field State Warning",sT="Field State Success",eT="Field State Standard",CT="Previous Page",cT="Next Page",UT="No matches found.",PT="Breadcrumb Trail",aT="More",BT="Increase by",DT="Decrease by",iT="No data found",rT="Invalid entry",MT="Warning issued",lT="Informative entry",GT="Entry successfully validated",dT="Read only",uT="Logout",VT="Switch account",WT="Back",YT="Other identities",gT="Add or remove account",FT="Select country",mT="Overview",pT="Cart",HT="Country Selector",XT="Support",fT="Phone number",hT="Contact us",bT="Email",vT="Chat with us",yT="Quick Links",KT="Trending",wT="About SAP",kT="Site Information",xT="Or see our complete list of",QT="local country numbers",ZT="© {0} SAP SE or an SAP affiliate company. All rights reserved.",qT="Avatar",zT="Open Calendar icon",jT="Edit list item entry",JT="Delete list item entry",$T="back button label",TE="Status Badge",EE="Click to edit profile",_E="Click to open profile information",AE="Warning, potential risk with the profile",SE="There is an error with the profile",IE="Successfully verified profile",tE="Profile",OE="main links",oE="opens in a new window",RE="Text field",NE="Uploading",nE="Terminated",LE="Remove file",sE="Upload file",eE="Complete list of",CE="Call us today!",cE="Search",UE="results returned.",PE="Social Media Button",aE="Promo Tile",BE="Promo Tile Icon",DE="Back to top",iE="Start button to begin customer logos rotation",rE="Pause button to stop customer logos rotation",ME="Location",lE="Close",GE={COUNT:T,OF:E,PAGINATION_PAGE:_,SELECTED:A,UNSELECTED:S,INDETERMINATE:I,EDIT_BUTTON:t,DELETE_BUTTON:O,BACK_TO_REGION_LIST:o,BUTTON_ARIA_TYPE_PRIMARY:R,BUTTON_ARIA_TYPE_SECONDARY:N,BUTTON_ARIA_TYPE_TERTIARY:n,BUTTON_ARIA_TYPE_WARNING:L,BUTTON_ARIA_TYPE_POSITIVE:s,BUTTON_ARIA_TYPE_NEGATIVE:e,BUTTON_ARIA_EMPHASIZED:C,BUTTON_ARIA_DEFAULT:c,BUTTON_ARIA_TRANSPARENT:U,BUTTON_ARIA_ATTENTION:P,DATEPICKER_DATE_DESCRIPTION:a,TOGGLED:B,FIRST_PAGE:D,LAST_PAGE:i,PREVIOUS_PAGE:r,NEXT_PAGE:M,CURRENT_PAGE:l,ACTIVATE_PAGE:G,SUGGESTED_TEXT:d,ACCESSIBLE_NAME_RESET_ICON:u,ACCESSIBLE_NAME_SEARCH_ICON:V,TOOLTIP_RESET_BUTTON:W,TOOLTIP_VOICE_BUTTON:Y,TOOLTIP_SUBMIT_BUTTON:g,LISTENING:F,AVAILABLE_VALUES:m,RECOMMENDED_TEXT:p,EXPAND_ALL:H,COLLAPSE_ALL:X,MORE:f,ATTENTION_BADGE:h,READ_MORE:b,READ_LESS:v,SHOW_MORE:y,SHOW_LESS:K,RATING_INDICATOR_TEXT:w,RATING_INDICATOR_TOOLTIP_TEXT:k,RATING_INDICATOR_ARIA_DESCRIPTION:x,TOTAL:Q,RATING_COUNT_TITLE:Z,ARIA_LABEL_LIST_MULTISELECTABLE:q,ARIA_LABEL_LIST_SELECTABLE:z,SHOW_RESULTS:j,SHOW_HIDE_PASSWORD:J,RESET:$,MESSAGE_STRIP_CLOSE_BUTTON:TT,MESSAGE_STRIP_INFORMATION:ET,MESSAGE_STRIP_SUCCESS:_T,MESSAGE_STRIP_WARNING:AT,MESSAGE_STRIP_ERROR:ST,MESSAGE_STRIP_ACTION:IT,REVIEWS:tT,STARS:OT,SELECT_OPTIONS:oT,SELECT_ALL:RT,TEXTAREA_CHARACTERS_LEFT:NT,VALUE_STATE_TYPE_ERROR:nT,VALUE_STATE_TYPE_WARNING:LT,VALUE_STATE_TYPE_SUCCESS:sT,VALUE_STATE_TYPE_STANDARD:eT,CAROUSEL_PREVIOUS_ARROW_TEXT:CT,CAROUSEL_NEXT_ARROW_TEXT:cT,NO_MATCHES_FOUND:UT,BREADCRUMBS_ARIA_LABEL:PT,BREADCRUMBS_OVERFLOW_ARIA_LABEL:aT,STEPINPUT_INC_ICON_TITLE:BT,STEPINPUT_DEC_ICON_TITLE:DT,TABLE_NO_DATA_FOUND:iT,VALUE_STATE_ERROR:rT,VALUE_STATE_WARNING:MT,VALUE_STATE_INFORMATION:lT,VALUE_STATE_SUCCESS:GT,READ_ONLY:dT,LOGOUT:uT,SWITCH_ACCOUNT:VT,BACK:WT,OTHER_IDENTITIES:YT,ADD_OR_REMOVE_ACCOUNT:gT,COUNTRY_SELECT:FT,OVERVIEW:mT,CART:pT,COUNTRY_SELECTOR:HT,SUPPORT:XT,PHONE_NUMBER:fT,CONTACT_US:hT,EMAIL:bT,CHAT_WITH_US:vT,QUICK_LINKS:yT,TRENDING:KT,ABOUT_SAP:wT,SITE_INFORMATION:kT,SEE_COMPLETE_LIST:xT,LOCAL_COUNTRY_NAMES:QT,COPYRIGHT:ZT,AVATAR_TEXT:qT,CALENDAR_ICON:zT,LIST_ITEM_EDIT_ICON:jT,LIST_ITEM_DELETE_ICON:JT,BACK_BUTTON_LABEL:$T,STATUS_BADGE_TEXT:TE,STATUS_BADGE_EDIT_TITLE:EE,STATUS_BADGE_INFORMATION_TITLE:_E,STATUS_BADGE_WARNING_TITLE:AE,STATUS_BADGE_ERROR_TITLE:SE,STATUS_BADGE_SUCCESS_TITLE:IE,PROFILE:tE,MAIN_LINKS:OE,OPENS_IN_A_NEW_WINDOW:oE,TEXT_FIELD:RE,UPLOADING_FILE_STATUS_TEXT:NE,TERMINATED_FILE_STATUS_TEXT:nE,REMOVE_FILE_TEXT:LE,UPLOAD_BUTTON_LABEL:sE,COMPLETE_LIST_OF:eE,CALL_US_TODAY:CE,SEARCH:cE,RESULT_RETURNED:UE,SOCIAL_MEDIA_BUTTON:PE,PROMO_TILE:aE,PROMO_TILE_ICON:BE,BACK_TO_TOP:DE,PLAY_BUTTON_ACCESSIBLE_NAME:iE,PAUSE_BUTTON_ACCESSIBLE_NAME:rE,LOCATION:ME,TOAST_CLOSE_ACCESSIBLE_NAME:lE};export{wT as ABOUT_SAP,u as ACCESSIBLE_NAME_RESET_ICON,V as ACCESSIBLE_NAME_SEARCH_ICON,G as ACTIVATE_PAGE,gT as ADD_OR_REMOVE_ACCOUNT,q as ARIA_LABEL_LIST_MULTISELECTABLE,z as ARIA_LABEL_LIST_SELECTABLE,h as ATTENTION_BADGE,m as AVAILABLE_VALUES,qT as AVATAR_TEXT,WT as BACK,$T as BACK_BUTTON_LABEL,o as BACK_TO_REGION_LIST,DE as BACK_TO_TOP,PT as BREADCRUMBS_ARIA_LABEL,aT as BREADCRUMBS_OVERFLOW_ARIA_LABEL,P as BUTTON_ARIA_ATTENTION,c as BUTTON_ARIA_DEFAULT,C as BUTTON_ARIA_EMPHASIZED,U as BUTTON_ARIA_TRANSPARENT,e as BUTTON_ARIA_TYPE_NEGATIVE,s as BUTTON_ARIA_TYPE_POSITIVE,R as BUTTON_ARIA_TYPE_PRIMARY,N as BUTTON_ARIA_TYPE_SECONDARY,n as BUTTON_ARIA_TYPE_TERTIARY,L as BUTTON_ARIA_TYPE_WARNING,zT as CALENDAR_ICON,CE as CALL_US_TODAY,cT as CAROUSEL_NEXT_ARROW_TEXT,CT as CAROUSEL_PREVIOUS_ARROW_TEXT,pT as CART,vT as CHAT_WITH_US,X as COLLAPSE_ALL,eE as COMPLETE_LIST_OF,hT as CONTACT_US,ZT as COPYRIGHT,T as COUNT,FT as COUNTRY_SELECT,HT as COUNTRY_SELECTOR,l as CURRENT_PAGE,a as DATEPICKER_DATE_DESCRIPTION,O as DELETE_BUTTON,t as EDIT_BUTTON,bT as EMAIL,H as EXPAND_ALL,D as FIRST_PAGE,I as INDETERMINATE,i as LAST_PAGE,F as LISTENING,JT as LIST_ITEM_DELETE_ICON,jT as LIST_ITEM_EDIT_ICON,QT as LOCAL_COUNTRY_NAMES,ME as LOCATION,uT as LOGOUT,OE as MAIN_LINKS,IT as MESSAGE_STRIP_ACTION,TT as MESSAGE_STRIP_CLOSE_BUTTON,ST as MESSAGE_STRIP_ERROR,ET as MESSAGE_STRIP_INFORMATION,_T as MESSAGE_STRIP_SUCCESS,AT as MESSAGE_STRIP_WARNING,f as MORE,M as NEXT_PAGE,UT as NO_MATCHES_FOUND,E as OF,oE as OPENS_IN_A_NEW_WINDOW,YT as OTHER_IDENTITIES,mT as OVERVIEW,_ as PAGINATION_PAGE,rE as PAUSE_BUTTON_ACCESSIBLE_NAME,fT as PHONE_NUMBER,iE as PLAY_BUTTON_ACCESSIBLE_NAME,r as PREVIOUS_PAGE,tE as PROFILE,aE as PROMO_TILE,BE as PROMO_TILE_ICON,yT as QUICK_LINKS,Z as RATING_COUNT_TITLE,x as RATING_INDICATOR_ARIA_DESCRIPTION,w as RATING_INDICATOR_TEXT,k as RATING_INDICATOR_TOOLTIP_TEXT,v as READ_LESS,b as READ_MORE,dT as READ_ONLY,p as RECOMMENDED_TEXT,LE as REMOVE_FILE_TEXT,$ as RESET,UE as RESULT_RETURNED,tT as REVIEWS,cE as SEARCH,xT as SEE_COMPLETE_LIST,A as SELECTED,RT as SELECT_ALL,oT as SELECT_OPTIONS,J as SHOW_HIDE_PASSWORD,K as SHOW_LESS,y as SHOW_MORE,j as SHOW_RESULTS,kT as SITE_INFORMATION,PE as SOCIAL_MEDIA_BUTTON,OT as STARS,EE as STATUS_BADGE_EDIT_TITLE,SE as STATUS_BADGE_ERROR_TITLE,_E as STATUS_BADGE_INFORMATION_TITLE,IE as STATUS_BADGE_SUCCESS_TITLE,TE as STATUS_BADGE_TEXT,AE as STATUS_BADGE_WARNING_TITLE,DT as STEPINPUT_DEC_ICON_TITLE,BT as STEPINPUT_INC_ICON_TITLE,d as SUGGESTED_TEXT,XT as SUPPORT,VT as SWITCH_ACCOUNT,iT as TABLE_NO_DATA_FOUND,nE as TERMINATED_FILE_STATUS_TEXT,NT as TEXTAREA_CHARACTERS_LEFT,RE as TEXT_FIELD,lE as TOAST_CLOSE_ACCESSIBLE_NAME,B as TOGGLED,W as TOOLTIP_RESET_BUTTON,g as TOOLTIP_SUBMIT_BUTTON,Y as TOOLTIP_VOICE_BUTTON,Q as TOTAL,KT as TRENDING,S as UNSELECTED,NE as UPLOADING_FILE_STATUS_TEXT,sE as UPLOAD_BUTTON_LABEL,rT as VALUE_STATE_ERROR,lT as VALUE_STATE_INFORMATION,GT as VALUE_STATE_SUCCESS,nT as VALUE_STATE_TYPE_ERROR,eT as VALUE_STATE_TYPE_STANDARD,sT as VALUE_STATE_TYPE_SUCCESS,LT as VALUE_STATE_TYPE_WARNING,MT as VALUE_STATE_WARNING,GE as default};

package/dist/generated/templates/HeroBannerTemplate.lit.d.ts

@@ -1,3 +0,0 @@
-import type HeroBanner from "../../HeroBanner.js";
-declare function template(this: HeroBanner): import("lit-html").TemplateResult;
-export default template;

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

@@ -1,15 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, ifDefined, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-function block0(context, tags, suffix) { return html `<div class="${ifDefined(this.heroBannerClasses)}" part="wrapper" style="background-color: ${ifDefined(this.wrapperBackgroundColor)}; ${ifDefined(this.wrapperBackgroundImage)}">${this.hasBackgroundVideo ? block1.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix)}</div>${this.hasMediaContent ? block8.call(this, context, tags, suffix) : undefined} `; }
-function block1(context, tags, suffix) { return suffix ? html `<div class="udex-hero-banner__background-video-wrapper" tabindex="0" @keydown="${this._handleKeydown}"><video ?autoplay="${this.shouldVideoAutoplay}" muted loop playsinline part="background-video" class="udex-hero-banner__background-video" alt="${ifDefined(this.backgroundVideoLabel)}"><source src="${ifDefined(this.backgroundVideo)}" type="video/mp4" /></video><div class="udex-hero-banner__background-video-overlay"></div>${this.hasBackgroundImage ? block2.call(this, context, tags, suffix) : undefined}<div class="udex-hero-banner__content-container"><slot id="udex-hero-banner__content" name="content" part="content"></slot><slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot></div><button class="udex-hero-banner__media-button" aria-label="Play / Pause button" role="button" @click="${this._toggleMediaButton}"><${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(this.mediaButtonIconName)}"></${scopeTag("ui5-icon", tags, suffix)}></button></div>` : html `<div class="udex-hero-banner__background-video-wrapper" tabindex="0" @keydown="${this._handleKeydown}"><video ?autoplay="${this.shouldVideoAutoplay}" muted loop playsinline part="background-video" class="udex-hero-banner__background-video" alt="${ifDefined(this.backgroundVideoLabel)}"><source src="${ifDefined(this.backgroundVideo)}" type="video/mp4" /></video><div class="udex-hero-banner__background-video-overlay"></div>${this.hasBackgroundImage ? block2.call(this, context, tags, suffix) : undefined}<div class="udex-hero-banner__content-container"><slot id="udex-hero-banner__content" name="content" part="content"></slot><slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot></div><button class="udex-hero-banner__media-button" aria-label="Play / Pause button" role="button" @click="${this._toggleMediaButton}"><ui5-icon name="${ifDefined(this.mediaButtonIconName)}"></ui5-icon></button></div>`; }
-function block2(context, tags, suffix) { return html `<picture><img loading="${ifDefined(this.backgroundImageLoadingStrategy)}" src="${ifDefined(this.backgroundImage)}" part="background-image" class="udex-hero-banner__background-image" alt="${ifDefined(this.backgroundImageLabel)}" /></picture>`; }
-function block3(context, tags, suffix) { return html `<div class="udex-hero-banner__container">${this.hasCustomBackgroundPicture ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix)}<div class="udex-hero-banner__content-container"><slot id="udex-hero-banner__content" name="content" part="content"></slot>${this.hasAdditionalContent ? block7.call(this, context, tags, suffix) : undefined}</div></div>`; }
-function block4(context, tags, suffix) { return html `<slot name="backgroundPicture"></slot>`; }
-function block5(context, tags, suffix) { return html `${this.hasBackgroundImage ? block6.call(this, context, tags, suffix) : undefined}`; }
-function block6(context, tags, suffix) { return html `<picture><img loading="${ifDefined(this.backgroundImageLoadingStrategy)}" src="${ifDefined(this.backgroundImage)}" part="background-image" class="udex-hero-banner__background-image" alt="${ifDefined(this.backgroundImageLabel)}" /></picture>`; }
-function block7(context, tags, suffix) { return html `<slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot>`; }
-function block8(context, tags, suffix) { return html `<slot id="udex-hero-banner__mediaContent" name="mediaContent" part="mediaContent"></slot>`; }
-function template() { return block0.call(this, this, this.constructor.tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;
-//# sourceMappingURL=HeroBannerTemplate.lit.js.map

package/dist/generated/templates/HeroBannerTemplate.lit.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeroBannerTemplate.lit.js","sourceRoot":"","sources":["../../../src/generated/templates/HeroBannerTemplate.lit.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,OAAO,EAAE,IAAI,EAAmC,SAAS,EAAc,QAAQ,EAAE,MAAM,sDAAsD,CAAC;AAC9I,OAAO,EAAE,8BAA8B,EAAE,MAAM,0DAA0D,CAAC;AAK1G,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,eAAe,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,6CAA6C,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,KAAK,SAAS,CAAC,IAAI,CAAC,sBAAsB,CAAC,KAAM,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,SAAU,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,GAAG,CAAC,CAAA,CAAC;AAC9e,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAA,kFAAkF,IAAI,CAAC,cAAc,uBAAuB,IAAI,CAAC,mBAAmB,oGAAoG,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,8FAA+F,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,kVAAkV,IAAI,CAAC,kBAAkB,MAAM,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,UAAU,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,QAAQ,CAAC,UAAU,EAAE,IAAI,EAAE,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAA,kFAAkF,IAAI,CAAC,cAAc,uBAAuB,IAAI,CAAC,mBAAmB,oGAAoG,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC,kBAAkB,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,8FAA+F,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,kVAAkV,IAAI,CAAC,kBAAkB,qBAAqB,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,8BAA8B,CAAC,CAAA,CAAC;AACjjE,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,0BAA0B,SAAS,CAAC,IAAI,CAAC,8BAA8B,CAAC,UAAU,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,6EAA6E,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA,CAAC;AACrW,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,4CAA6C,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAE,8HAA+H,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,cAAc,CAAC,CAAA,CAAC;AACpf,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,wCAAwC,CAAC,CAAA,CAAC;AAC3J,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,GAAI,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,SAAU,EAAE,CAAC,CAAA,CAAC;AACxM,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,0BAA0B,SAAS,CAAC,IAAI,CAAC,8BAA8B,CAAC,UAAU,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,6EAA6E,SAAS,CAAC,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA,CAAC;AACrW,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,0GAA0G,CAAC,CAAA,CAAC;AAC7N,SAAS,MAAM,CAAoB,OAAmB,EAAE,IAAc,EAAE,MAA0B,IAAI,OAAO,IAAI,CAAA,2FAA2F,CAAC,CAAA,CAAC;AAE9M,SAAS,QAAQ,KAAqB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAG,IAAI,CAAC,WAAiC,CAAC,WAAW,EAAE,8BAA8B,EAAE,CAAC,CAAC,CAAC,CAAC;AAC9J,eAAe,QAAQ,CAAC","sourcesContent":["/* eslint no-unused-vars: 0 */\nimport { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { getCustomElementsScopingSuffix } from \"@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js\";\nimport type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type HeroBanner from \"../../HeroBanner.js\";\nimport type { ClassMapValue } from \"@ui5/webcomponents-base/dist/types.js\";\n\t\nfunction block0 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"${ifDefined(this.heroBannerClasses)}\" part=\"wrapper\" style=\"background-color: ${ifDefined(this.wrapperBackgroundColor)}; ${ifDefined(this.wrapperBackgroundImage)}\">${ this.hasBackgroundVideo ? block1.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }</div>${ this.hasMediaContent ? block8.call(this, context, tags, suffix) : undefined } `;}\nfunction block1 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class=\"udex-hero-banner__background-video-wrapper\" tabindex=\"0\" @keydown=\"${this._handleKeydown}\"><video ?autoplay=\"${this.shouldVideoAutoplay}\" muted loop playsinline part=\"background-video\" class=\"udex-hero-banner__background-video\" alt=\"${ifDefined(this.backgroundVideoLabel)}\"><source src=\"${ifDefined(this.backgroundVideo)}\" type=\"video/mp4\" /></video><div class=\"udex-hero-banner__background-video-overlay\"></div>${ this.hasBackgroundImage ? block2.call(this, context, tags, suffix) : undefined }<div class=\"udex-hero-banner__content-container\"><slot id=\"udex-hero-banner__content\" name=\"content\" part=\"content\"></slot><slot id=\"udex-hero-banner__additionalContent\" name=\"additionalContent\" part=\"additionalContent\"></slot></div><button class=\"udex-hero-banner__media-button\" aria-label=\"Play / Pause button\" role=\"button\" @click=\"${this._toggleMediaButton}\"><${scopeTag(\"ui5-icon\", tags, suffix)} name=\"${ifDefined(this.mediaButtonIconName)}\"></${scopeTag(\"ui5-icon\", tags, suffix)}></button></div>` : html`<div class=\"udex-hero-banner__background-video-wrapper\" tabindex=\"0\" @keydown=\"${this._handleKeydown}\"><video ?autoplay=\"${this.shouldVideoAutoplay}\" muted loop playsinline part=\"background-video\" class=\"udex-hero-banner__background-video\" alt=\"${ifDefined(this.backgroundVideoLabel)}\"><source src=\"${ifDefined(this.backgroundVideo)}\" type=\"video/mp4\" /></video><div class=\"udex-hero-banner__background-video-overlay\"></div>${ this.hasBackgroundImage ? block2.call(this, context, tags, suffix) : undefined }<div class=\"udex-hero-banner__content-container\"><slot id=\"udex-hero-banner__content\" name=\"content\" part=\"content\"></slot><slot id=\"udex-hero-banner__additionalContent\" name=\"additionalContent\" part=\"additionalContent\"></slot></div><button class=\"udex-hero-banner__media-button\" aria-label=\"Play / Pause button\" role=\"button\" @click=\"${this._toggleMediaButton}\"><ui5-icon name=\"${ifDefined(this.mediaButtonIconName)}\"></ui5-icon></button></div>`;}\nfunction block2 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<picture><img loading=\"${ifDefined(this.backgroundImageLoadingStrategy)}\" src=\"${ifDefined(this.backgroundImage)}\" part=\"background-image\" class=\"udex-hero-banner__background-image\" alt=\"${ifDefined(this.backgroundImageLabel)}\" /></picture>`;}\nfunction block3 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class=\"udex-hero-banner__container\">${ this.hasCustomBackgroundPicture ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix) }<div class=\"udex-hero-banner__content-container\"><slot id=\"udex-hero-banner__content\" name=\"content\" part=\"content\"></slot>${ this.hasAdditionalContent ? block7.call(this, context, tags, suffix) : undefined }</div></div>`;}\nfunction block4 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name=\"backgroundPicture\"></slot>`;}\nfunction block5 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.hasBackgroundImage ? block6.call(this, context, tags, suffix) : undefined }`;}\nfunction block6 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<picture><img loading=\"${ifDefined(this.backgroundImageLoadingStrategy)}\" src=\"${ifDefined(this.backgroundImage)}\" part=\"background-image\" class=\"udex-hero-banner__background-image\" alt=\"${ifDefined(this.backgroundImageLabel)}\" /></picture>`;}\nfunction block7 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot id=\"udex-hero-banner__additionalContent\" name=\"additionalContent\" part=\"additionalContent\"></slot>`;}\nfunction block8 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot id=\"udex-hero-banner__mediaContent\" name=\"mediaContent\" part=\"mediaContent\"></slot>`;}\n\nfunction template(this: HeroBanner) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }\nexport default template;"]}

package/src/HeroBanner.hbs

@@ -1,46 +0,0 @@
-<div class="{{heroBannerClasses}}" part="wrapper" style="background-color: {{wrapperBackgroundColor}}; {{wrapperBackgroundImage}}">
-  {{#if hasBackgroundVideo}}
-    <div class="udex-hero-banner__background-video-wrapper" tabindex="0" @keydown="{{_handleKeydown}}">
-        <video ?autoplay="{{shouldVideoAutoplay}}" muted loop playsinline part="background-video" class="udex-hero-banner__background-video" alt="{{backgroundVideoLabel}}">
-            <source src="{{backgroundVideo}}" type="video/mp4" />
-        </video>
-        <div class="udex-hero-banner__background-video-overlay"></div>
-        {{#if hasBackgroundImage}}
-          <picture>
-            <img loading="{{backgroundImageLoadingStrategy}}" src="{{backgroundImage}}" part="background-image" class="udex-hero-banner__background-image" alt="{{backgroundImageLabel}}" />
-          </picture>
-        {{/if}}
-        <div class="udex-hero-banner__content-container">
-            <slot id="udex-hero-banner__content" name="content" part="content"></slot>
-            <slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot>
-        </div>
-        <button class="udex-hero-banner__media-button" aria-label="Play / Pause button" role="button" @click="{{_toggleMediaButton}}">
-            <ui5-icon name="{{mediaButtonIconName}}"></ui5-icon>
-        </button>
-    </div>
-    {{else}}
-    <div class="udex-hero-banner__container">
-      {{#if hasCustomBackgroundPicture}}
-        <slot name="backgroundPicture"></slot>
-      {{else if hasBackgroundImage}}
-        <picture>
-          <img loading="{{backgroundImageLoadingStrategy}}" src="{{backgroundImage}}" part="background-image" class="udex-hero-banner__background-image" alt="{{backgroundImageLabel}}" />
-        </picture>
-      {{/if}}
-      <div class="udex-hero-banner__content-container">
-          {{> hero-content}}
-      </div>
-    </div>
-  {{/if}}
-</div>
-{{#if hasMediaContent}}
-  <slot id="udex-hero-banner__mediaContent" name="mediaContent" part="mediaContent"></slot>
-{{/if}}
-
-{{#*inline "hero-content"}}
-    <slot id="udex-hero-banner__content" name="content" part="content"></slot>
-
-    {{#if hasAdditionalContent}}
-        <slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot>
-    {{/if}}
-{{/inline}}

package/src/generated/templates/HeroBannerTemplate.lit.ts

@@ -1,19 +0,0 @@
-/* eslint no-unused-vars: 0 */
-import { html, svg, repeat, classMap, styleMap, ifDefined, unsafeHTML, scopeTag } from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-import { getCustomElementsScopingSuffix } from "@ui5/webcomponents-base/dist/CustomElementsScopeUtils.js";
-import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type HeroBanner from "../../HeroBanner.js";
-import type { ClassMapValue } from "@ui5/webcomponents-base/dist/types.js";
-	
-function block0 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="${ifDefined(this.heroBannerClasses)}" part="wrapper" style="background-color: ${ifDefined(this.wrapperBackgroundColor)}; ${ifDefined(this.wrapperBackgroundImage)}">${ this.hasBackgroundVideo ? block1.call(this, context, tags, suffix) : block3.call(this, context, tags, suffix) }</div>${ this.hasMediaContent ? block8.call(this, context, tags, suffix) : undefined } `;}
-function block1 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return suffix ? html`<div class="udex-hero-banner__background-video-wrapper" tabindex="0" @keydown="${this._handleKeydown}"><video ?autoplay="${this.shouldVideoAutoplay}" muted loop playsinline part="background-video" class="udex-hero-banner__background-video" alt="${ifDefined(this.backgroundVideoLabel)}"><source src="${ifDefined(this.backgroundVideo)}" type="video/mp4" /></video><div class="udex-hero-banner__background-video-overlay"></div>${ this.hasBackgroundImage ? block2.call(this, context, tags, suffix) : undefined }<div class="udex-hero-banner__content-container"><slot id="udex-hero-banner__content" name="content" part="content"></slot><slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot></div><button class="udex-hero-banner__media-button" aria-label="Play / Pause button" role="button" @click="${this._toggleMediaButton}"><${scopeTag("ui5-icon", tags, suffix)} name="${ifDefined(this.mediaButtonIconName)}"></${scopeTag("ui5-icon", tags, suffix)}></button></div>` : html`<div class="udex-hero-banner__background-video-wrapper" tabindex="0" @keydown="${this._handleKeydown}"><video ?autoplay="${this.shouldVideoAutoplay}" muted loop playsinline part="background-video" class="udex-hero-banner__background-video" alt="${ifDefined(this.backgroundVideoLabel)}"><source src="${ifDefined(this.backgroundVideo)}" type="video/mp4" /></video><div class="udex-hero-banner__background-video-overlay"></div>${ this.hasBackgroundImage ? block2.call(this, context, tags, suffix) : undefined }<div class="udex-hero-banner__content-container"><slot id="udex-hero-banner__content" name="content" part="content"></slot><slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot></div><button class="udex-hero-banner__media-button" aria-label="Play / Pause button" role="button" @click="${this._toggleMediaButton}"><ui5-icon name="${ifDefined(this.mediaButtonIconName)}"></ui5-icon></button></div>`;}
-function block2 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<picture><img loading="${ifDefined(this.backgroundImageLoadingStrategy)}" src="${ifDefined(this.backgroundImage)}" part="background-image" class="udex-hero-banner__background-image" alt="${ifDefined(this.backgroundImageLabel)}" /></picture>`;}
-function block3 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<div class="udex-hero-banner__container">${ this.hasCustomBackgroundPicture ? block4.call(this, context, tags, suffix) : block5.call(this, context, tags, suffix) }<div class="udex-hero-banner__content-container"><slot id="udex-hero-banner__content" name="content" part="content"></slot>${ this.hasAdditionalContent ? block7.call(this, context, tags, suffix) : undefined }</div></div>`;}
-function block4 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot name="backgroundPicture"></slot>`;}
-function block5 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`${ this.hasBackgroundImage ? block6.call(this, context, tags, suffix) : undefined }`;}
-function block6 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<picture><img loading="${ifDefined(this.backgroundImageLoadingStrategy)}" src="${ifDefined(this.backgroundImage)}" part="background-image" class="udex-hero-banner__background-image" alt="${ifDefined(this.backgroundImageLabel)}" /></picture>`;}
-function block7 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot id="udex-hero-banner__additionalContent" name="additionalContent" part="additionalContent"></slot>`;}
-function block8 (this: HeroBanner, context: UI5Element, tags: string[], suffix: string | undefined) { return html`<slot id="udex-hero-banner__mediaContent" name="mediaContent" part="mediaContent"></slot>`;}
-
-function template(this: HeroBanner) { return block0.call(this, this, (this.constructor as typeof UI5Element).tagsToScope, getCustomElementsScopingSuffix()); }
-export default template;