@sapudex/web-components 2.31.0 → 2.32.0

package/src/i18n/messagebundle_en.properties

@@ -105,7 +105,7 @@ AVATAR_TEXT=Avatar
 CALENDAR_ICON=Open Calendar icon
 LIST_ITEM_EDIT_ICON=Edit list item entry
 LIST_ITEM_DELETE_ICON=Delete list item entry
-BACK_BUTTON_LABEL=back button label
+BACK_BUTTON_LABEL=return back
 STATUS_BADGE_TEXT=Status Badge
 STATUS_BADGE_EDIT_TITLE=Click to edit profile
 STATUS_BADGE_INFORMATION_TITLE=Click to open profile information

package/src/themes/BreadcrumbsPopover.css

@@ -1,6 +1,6 @@
 :host {
   --udex-breadcrumbs-item-dropdown-color: var(--udex-breadcrumbs-item-color, var(--udexColorGrey6, #5B738B));
-  --udex-breadcrumbs-current-item-color:  var(--udexCoreTextDark, #223548);
+  --udex-breadcrumbs-current-item-color:  var(--udexColorGrey9, #223548);
   --udex-breadcrumbs-dropdown-item-font-size:  var(--udexTypographyNavigationMediumXSFontSize, 12px);
   --udex-breadcrumbs-dropdown-item-line-height:  var(--udexTypographyNavigationLineHeight, 1.1);
   --udex-breadcrumbs-dropdown-box-shadow: var(--sapContent_Shadow2, 0px 10px 30px 0px rgba(34, 54, 73, 0.25));
@@ -36,7 +36,7 @@
   --udex-link-icon-width: 12px;
 }
 
-.udex-breadcrumb__item--current {
+.udex-breadcrumbs__popover-content .udex-breadcrumbs__item--current {
   color: var(--udex-breadcrumbs-current-item-color);
   font-weight: var(--udexTypographyFontWeightMedium, 500);
 }

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};