@sapudex/web-components 2.50.0 → 2.52.0

package/src/i18n/messagebundle_nl.properties

@@ -3,3 +3,129 @@ OVERVIEW=Overzicht
 LOGOUT=Afmelden
 MAIN_LINKS=Belangrijkste links
 BACK_TO_TOP=Terug naar boven
+COUNT=Aantal
+OF=van
+PAGINATION_PAGE=Pagina
+SELECTED=Geselecteerd
+UNSELECTED=Niet geselecteerd
+INDETERMINATE=Onbepaald
+EDIT_BUTTON=Bewerken
+DELETE_BUTTON=Wissen
+BACK_TO_REGION_LIST=Terug naar regiolijst
+BUTTON_ARIA_TYPE_PRIMARY=Primair
+BUTTON_ARIA_TYPE_SECONDARY=Secundair
+BUTTON_ARIA_TYPE_TERTIARY=Tertiair
+BUTTON_ARIA_TYPE_WARNING=Waarschuwing
+BUTTON_ARIA_TYPE_POSITIVE=Positief
+BUTTON_ARIA_TYPE_NEGATIVE=Negatief
+BUTTON_ARIA_EMPHASIZED=Benadrukt
+BUTTON_ARIA_DEFAULT=Standaard
+BUTTON_ARIA_TRANSPARENT=Transparant
+BUTTON_ARIA_ATTENTION=Let op
+DATEPICKER_DATE_DESCRIPTION=Datuminvoer
+TOGGLED=Omgeschakeld
+FIRST_PAGE=Eerste pagina
+LAST_PAGE=Laatste pagina
+PREVIOUS_PAGE=Vorige pagina
+NEXT_PAGE=Volgende pagina
+CURRENT_PAGE=Huidige pagina
+ACTIVATE_PAGE=Paginanummer activeren
+SUGGESTED_TEXT=voorgestelde zoekopdrachten
+ACCESSIBLE_NAME_SEARCH_ICON=Zoeken
+TOOLTIP_VOICE_BUTTON=Spraak
+TOOLTIP_SUBMIT_BUTTON=Verzenden
+LISTENING=Luisteren
+AVAILABLE_VALUES=Beschikbare waarden
+RECOMMENDED_TEXT=Aanbevolen pagina's
+EXPAND_ALL=Alles weergeven
+COLLAPSE_ALL=Alles verbergen
+MORE=Meer
+ATTENTION_BADGE=Notificatiebadge
+READ_MORE=Lees verder
+READ_LESS=Minder lezen
+SHOW_MORE=Meer weergeven
+SHOW_LESS=Minder weergeven
+RATING_INDICATOR_TEXT=Beoordelingsindicator
+RATING_INDICATOR_TOOLTIP_TEXT=Beoordeling
+RATING_INDICATOR_ARIA_DESCRIPTION=Verplicht
+TOTAL=Totaal
+RATING_COUNT_TITLE=Beoordeling
+ARIA_LABEL_LIST_MULTISELECTABLE=Bevat meerdere selecteerbare elementen
+ARIA_LABEL_LIST_SELECTABLE=Bevat selecteerbare elementen
+SHOW_RESULTS=Resultaten weergeven
+RESET=Opnieuw instellen
+MESSAGE_STRIP_CLOSE_BUTTON=Sluitknop statusbalk
+MESSAGE_STRIP_INFORMATION=Informatiebalk
+MESSAGE_STRIP_SUCCESS=Positieve balk
+MESSAGE_STRIP_WARNING=Waarschuwingsbalk
+MESSAGE_STRIP_ERROR=Negatieve balk
+MESSAGE_STRIP_ACTION=Knoppenbalk
+REVIEWS=Beoordelingen
+STARS=Sterren
+SELECT_OPTIONS=Opties selecteren
+SELECT_ALL=Alles selecteren
+TEXTAREA_CHARACTERS_LEFT={0} resterende tekens
+VALUE_STATE_TYPE_ERROR=Veldstatusfout
+VALUE_STATE_TYPE_WARNING=Waarschuwing veldstatus
+VALUE_STATE_TYPE_SUCCESS=Veldstatus geslaagd
+VALUE_STATE_TYPE_STANDARD=Veldstatusstandaard
+CAROUSEL_PREVIOUS_ARROW_TEXT=Vorige pagina
+CAROUSEL_NEXT_ARROW_TEXT=Volgende pagina
+NO_MATCHES_FOUND=Geen overeenkomsten gevonden.
+BREADCRUMBS_ARIA_LABEL=Navigatiepad
+BREADCRUMBS_OVERFLOW_ARIA_LABEL=Meer
+STEPINPUT_INC_ICON_TITLE=Hoeveelheid verhogen met
+STEPINPUT_DEC_ICON_TITLE=Hoeveelheid verlagen met
+TABLE_NO_DATA_FOUND=Geen gegevens gevonden
+VALUE_STATE_ERROR=Ongeldige invoer
+VALUE_STATE_WARNING=Waarschuwing afgegeven
+VALUE_STATE_INFORMATION=Informatieve invoer
+VALUE_STATE_SUCCESS=Invoer succesvol gevalideerd
+READ_ONLY=Alleen-lezen
+SWITCH_ACCOUNT=Van account wisselen
+BACK=Terug
+OTHER_IDENTITIES=Overige identiteiten
+ADD_OR_REMOVE_ACCOUNT=Account toevoegen of verwijderen
+COUNTRY_SELECT=Land selecteren
+CART=Winkelwagen
+COUNTRY_SELECTOR=Landenkiezer
+PHONE_NUMBER=Telefoonnummer
+CONTACT_US=Contact opnemen
+EMAIL=E-mail
+CHAT_WITH_US=Chat met ons
+QUICK_LINKS=Snel naar...
+TRENDING=Populair
+ABOUT_SAP=Over SAP
+SITE_INFORMATION=Over deze site
+AVATAR_TEXT=Avatar
+CALENDAR_ICON=Kalenderpictogram openen
+LIST_ITEM_EDIT_ICON=Invoer van lijstpositie bewerken
+LIST_ITEM_DELETE_ICON=Invoer van lijstpositie verwijderen
+BACK_BUTTON_LABEL=Knop terug
+STATUS_BADGE_TEXT=Statusbadge
+STATUS_BADGE_EDIT_TITLE=Klik om profiel te bewerken
+STATUS_BADGE_INFORMATION_TITLE=Klik om profielinformatie te openen
+STATUS_BADGE_WARNING_TITLE=Waarschuwing: potentieel risico met het profiel
+STATUS_BADGE_ERROR_TITLE=Er is een probleem met het profiel
+STATUS_BADGE_SUCCESS_TITLE=Profiel succesvol geverifieerd
+PROFILE=Profiel
+OPENS_IN_A_NEW_WINDOW=Opent in een nieuw tabblad
+TEXT_FIELD=Tekstveld
+UPLOADING_FILE_STATUS_TEXT=Bezig met uploaden
+TERMINATED_FILE_STATUS_TEXT=Beëindigd
+REMOVE_FILE_TEXT=Bestand verwijderen
+UPLOAD_BUTTON_LABEL=Bestand uploaden
+COMPLETE_LIST_OF=Volledige lijst van
+CALL_US_TODAY=Bel ons vandaag nog!
+SEARCH=Zoeken
+RESULT_RETURNED=Resultaten geretourneerd
+SOCIAL_MEDIA_BUTTON=Social media-knop
+PROMO_TILE=Promotiekader
+PROMO_TILE_ICON=Pictogram promotiekader
+PLAY_BUTTON_ACCESSIBLE_NAME=Startknop om rotatie van klantlogo's te starten
+PAUSE_BUTTON_ACCESSIBLE_NAME=Pauzeknop om rotatie van klantlogo's te stoppen
+LOCATION=Locatie
+TOAST_CLOSE_ACCESSIBLE_NAME=Afsluiten
+DISABLED=Uitgeschakeld
+EXPAND=Uitvouwen
+COLLAPSE=Verbergen

package/src/themes/AccordionItem.css

@@ -27,6 +27,7 @@
 }
 
 [udex-divider] {
+  --udex-divider-transition: border-color 300ms ease-in;
   --udex-divider-padding: 0;
   --udex-divider-color: var(--udex-accordion-item-border-color);
 }
@@ -48,6 +49,7 @@
   gap: var(--udexSpacer12, 12px);
   padding: var(--udex-accordion-item-header-padding);
   line-height: var(--udexTypographyHeadingLineHeight, 1.1);
+  transition: color 300ms ease-in;
 }
 
 .udex-accordion-item__header--large {
@@ -72,7 +74,7 @@
 }
 
 .udex-accordion-item__icon:not(.udex-accordion-item__label-icon) {
-  transform: rotate(90deg);
+  transform: rotate(-270deg)
 }
 
 :host(:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon) {
@@ -84,13 +86,14 @@
 }
 
 :host([expanded]:dir(rtl)) .udex-accordion-item__icon:not(.udex-accordion-item__label-icon) {
-  transform: rotate(90deg);
+  transform: rotate(-270deg)
 }
 
 .udex-accordion-item__icon {
   height: var(--udex-accordion-item-button-icon-m-size);
   width: var(--udex-accordion-item-button-icon-m-size);
   color: var(--udex-accordion-item-icon-color);
+  transition: transform 400ms ease-in;
 }
 
 .udex-accordion-item__icon-wrapper {
@@ -121,7 +124,8 @@
 .udex-accordion-item__content {
   max-height: 0;
   overflow: hidden;
-  transition: max-height 200ms ease-in;
+  opacity: 0;
+  transition: max-height 400ms ease-in, opacity 400ms ease-in;
 }
 
 .udex-accordion-item__content-inner {
@@ -134,6 +138,7 @@
 
 :host([expanded]) .udex-accordion-item__content {
   max-height: var(--udex-accordion-item-content-max-height);
+  opacity: 1;
 }
 
 .udex-accordion-item__badge {

package/src/themes/Divider.css

@@ -1,9 +1,11 @@
 :host {
   --udex-divider-color: var(--udexColorGrey3, #D5DADD);
   --udex-divider-padding: var(--udexSpacer2) 0;
+  --udex-divider-transition: none;
 }
 
 .udex-divider {
+  transition: var(--udex-divider-transition);
   border-top: 1px solid var(--udex-divider-color);
   display: block;
 }

package/src/themes/Link.css

@@ -80,6 +80,24 @@
   line-height: var(--udex-link-line-height);
 }
 
+:host([wrapping-type="None"]) .ui5-link-root {
+  overflow: hidden;
+}
+
+:host([wrapping-type="None"][icon]) .ui5-link-root {
+  display: inline-flex;
+  align-items: center;
+}
+
+:host([wrapping-type="None"][end-icon]) .ui5-link-root {
+  align-items: center;
+}
+
+:host([wrapping-type="None"][end-icon]) .ui5-link-text {
+  white-space: nowrap;
+  min-width: 0;
+}
+
 [ui5-link][disabled] .linkIcon {
   opacity: inherit;
 }
@@ -156,11 +174,11 @@
   margin-inline-end: 0;
   padding-inline-end: var(--udexSpacer4, 4px);
   float: none;
-  vertical-align: text-bottom;
+  vertical-align: calc(0.5cap - (var(--udex-link-icon-height) / 2));
 }
 
 .ui5-link-end-icon {
   margin-inline-start: calc(var(--udexSpacer20)* -1);;
   padding-inline-start: var(--udexSpacer4, 4px);
-  vertical-align: text-bottom;
+  vertical-align: calc(0.5cap - (var(--udex-link-icon-height) / 2));
 }

package/src/themes/ListGroupHeader.css

@@ -176,12 +176,29 @@
 :host([collapsible][mode="MultiSelect"]) header:focus:before,
 :host([collapsible][mode="RadioGroup"]) .udex-list__group-header-wrap:focus:before,
 :host([collapsible][mode="SingleContent"]) .udex-list__group-header-wrap:focus:before,
-:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus:before {
+:host([collapsible][mode="SingleSelect"]) .udex-list__group-header-wrap:focus:before,
+:host(._udex-active-descendant) .udex-list__group-content:before,
+:host(._udex-active-descendant) .udex-list__inactive-header:before {
   content: '';
   position: absolute;
   inset: 0;
   outline: var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);
   outline-offset: -4px;
   border-radius: var(--udexRadiusM, 8px);
+  pointer-events: none;
+}
+
+/* Group header ring via [part="group-item"]: use ::after to avoid conflicting
+   with the [selected]::before left accent bar on the inner list item. */
+:host(._udex-active-descendant) [part="group-item"] {
+  position: relative;
+}
+:host(._udex-active-descendant) [part="group-item"]:after {
+  content: '';
+  position: absolute;
+  inset: 4px;
+  outline: var(--udexRadiusXXS) solid var(--udexColorBlue10, #002A86);
+  border-radius: var(--udexRadiusM, 8px);
+  pointer-events: none;
 }
 

package/src/themes/ListItem.css

@@ -81,7 +81,8 @@
 }
 
 :host(:not([mode="SingleContent"]):not([disabled])[desktop]) .udex-list__item:focus:before,
-:host(:not([mode="SingleContent"]):not([disabled])) .udex-list__item:focus-visible:before {
+:host(:not([mode="SingleContent"]):not([disabled])) .udex-list__item:focus-visible:before,
+:host(._udex-active-descendant:not([mode="SingleContent"]):not([disabled])) .udex-list__item:before {
   content: '';
   position: absolute;
   inset: 4px 4px 4px 6px;

package/src/themes/MastheadProfileMenu.css

@@ -186,10 +186,6 @@
   display: none;
 }
 
-.udex-masthead-profile-menu__identities-list-item {
-  margin-bottom: var(--udexSpacer4);
-}
-
 .udex-masthead-profile-menu__identities-list-item::part(supporting) {
   word-break: break-all;
 }