@sapudex/web-components 2.39.0 → 2.40.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/cypress/specs/SelectBox.cy.tsx +278 -0
  2. package/cypress/specs/Tile.cy.tsx +96 -0
  3. package/cypress/support/component-imports.instrumented.ts +2 -0
  4. package/cypress/support/component-imports.src.ts +2 -0
  5. package/dist/SearchableListBase.d.ts +1 -0
  6. package/dist/SearchableListBase.js +6 -3
  7. package/dist/SearchableListBase.js.map +1 -1
  8. package/dist/SelectBase.d.ts +13 -1
  9. package/dist/SelectBase.js +79 -0
  10. package/dist/SelectBase.js.map +1 -1
  11. package/dist/SelectBox.js +2 -1
  12. package/dist/SelectBox.js.map +1 -1
  13. package/dist/SelectBoxTemplate.js +4 -4
  14. package/dist/SelectBoxTemplate.js.map +1 -1
  15. package/dist/assets/{InputSuggestions-jTW8u1vD.js → InputSuggestions-DAElWNvY.js} +1 -1
  16. package/dist/assets/{ListItemStandardExpandableTextTemplate-ShRY1eSJ.js → ListItemStandardExpandableTextTemplate-B2fGcGW7.js} +1 -1
  17. package/dist/assets/{bundle.esm-VI-guBTG.js → bundle.esm-DPVxY8xv.js} +108 -108
  18. package/dist/assets/messagebundle_et-yYsmBPXN.js +1 -0
  19. package/dist/assets/messagebundle_fi-DeMNrHC9.js +1 -0
  20. package/dist/assets/messagebundle_fr-qEm5Eykz.js +1 -0
  21. package/dist/assets/messagebundle_hr-NBdiYo-T.js +1 -0
  22. package/dist/css/themes/SelectBase.css +1 -1
  23. package/dist/css/themes/SelectBox.css +1 -1
  24. package/dist/css/themes/Tile.css +1 -1
  25. package/dist/custom-elements-internal.json +47 -15
  26. package/dist/custom-elements.json +18 -6
  27. package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
  28. package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
  29. package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
  30. package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
  31. package/dist/generated/themes/SelectBase.css.d.ts +1 -1
  32. package/dist/generated/themes/SelectBase.css.js +1 -1
  33. package/dist/generated/themes/SelectBase.css.js.map +1 -1
  34. package/dist/generated/themes/SelectBox.css.d.ts +1 -1
  35. package/dist/generated/themes/SelectBox.css.js +1 -1
  36. package/dist/generated/themes/SelectBox.css.js.map +1 -1
  37. package/dist/generated/themes/Tile.css.d.ts +1 -1
  38. package/dist/generated/themes/Tile.css.js +1 -1
  39. package/dist/generated/themes/Tile.css.js.map +1 -1
  40. package/dist/messagebundle_et.properties +126 -0
  41. package/dist/messagebundle_fi.properties +127 -0
  42. package/dist/messagebundle_fr.properties +120 -0
  43. package/dist/messagebundle_hr.properties +125 -0
  44. package/dist/vscode.html-custom-data.json +2 -2
  45. package/dist/web-types.json +17 -5
  46. package/package.json +1 -1
  47. package/src/SearchableListBase.ts +7 -3
  48. package/src/SelectBase.ts +93 -1
  49. package/src/SelectBox.ts +2 -1
  50. package/src/SelectBoxTemplate.tsx +1 -0
  51. package/src/generated/themes/SelectBase.css.ts +1 -1
  52. package/src/generated/themes/SelectBox.css.ts +1 -1
  53. package/src/generated/themes/Tile.css.ts +1 -1
  54. package/src/i18n/messagebundle_et.properties +126 -0
  55. package/src/i18n/messagebundle_fi.properties +127 -0
  56. package/src/i18n/messagebundle_fr.properties +120 -0
  57. package/src/i18n/messagebundle_hr.properties +125 -0
  58. package/src/themes/SelectBase.css +7 -0
  59. package/src/themes/SelectBox.css +4 -0
  60. package/src/themes/Tile.css +11 -3
  61. package/dist/assets/messagebundle_et-BCYOcg2t.js +0 -1
  62. package/dist/assets/messagebundle_fi-CssCIjmp.js +0 -1
  63. package/dist/assets/messagebundle_fr-CvOyuAVw.js +0 -1
  64. package/dist/assets/messagebundle_hr-CashhWbN.js +0 -1
@@ -3,3 +3,128 @@ OVERVIEW=Pregled
3
3
  LOGOUT=Odjavi se
4
4
  MAIN_LINKS=Glavne veze
5
5
  BACK_TO_TOP=Povratak na vrh
6
+ COUNT=Broj
7
+ OF=vraćenih
8
+ PAGINATION_PAGE=Stranica
9
+ SELECTED=Odabrano
10
+ UNSELECTED=Odabir poništen
11
+ INDETERMINATE=Neodređeno
12
+ EDIT_BUTTON=Uredi
13
+ DELETE_BUTTON=Izbriši
14
+ BACK_TO_REGION_LIST=Natrag na popis regija
15
+ BUTTON_ARIA_TYPE_PRIMARY=Primarno
16
+ BUTTON_ARIA_TYPE_SECONDARY=Sekundarno
17
+ BUTTON_ARIA_TYPE_TERTIARY=Tercijarno
18
+ BUTTON_ARIA_TYPE_WARNING=Upozorenje
19
+ BUTTON_ARIA_TYPE_POSITIVE=Pozitivno
20
+ BUTTON_ARIA_TYPE_NEGATIVE=Negativno
21
+ BUTTON_ARIA_EMPHASIZED=Naglašeno
22
+ BUTTON_ARIA_DEFAULT=Zadano
23
+ BUTTON_ARIA_TRANSPARENT=Prozirno
24
+ BUTTON_ARIA_ATTENTION=Pozornost
25
+ DATEPICKER_DATE_DESCRIPTION=Unos podataka
26
+ TOGGLED=Zamijenjeno
27
+ FIRST_PAGE=Prva stranica
28
+ LAST_PAGE=Zadnja stranica
29
+ PREVIOUS_PAGE=Prethodna stranica
30
+ NEXT_PAGE=Sljedeća stranica
31
+ CURRENT_PAGE=Trenutačna stranica
32
+ ACTIVATE_PAGE=Aktivirajte broj stranice
33
+ SUGGESTED_TEXT=predložena pretraživanja
34
+ ACCESSIBLE_NAME_SEARCH_ICON=Pretraživanje
35
+ TOOLTIP_VOICE_BUTTON=Glas
36
+ TOOLTIP_SUBMIT_BUTTON=Pošalji
37
+ LISTENING=Slušanje
38
+ AVAILABLE_VALUES=Dostupne vrijednosti
39
+ RECOMMENDED_TEXT=Preporučene stranice
40
+ EXPAND_ALL=Proširi sve
41
+ COLLAPSE_ALL=Sažmi sve
42
+ MORE=Više
43
+ ATTENTION_BADGE=Značka pozornosti
44
+ READ_MORE=Pročitajte više
45
+ READ_LESS=Pročitaj manje
46
+ SHOW_MORE=Prikaži više
47
+ SHOW_LESS=Pokaži manje
48
+ RATING_INDICATOR_TEXT=Pokazatelj ocjene
49
+ RATING_INDICATOR_TOOLTIP_TEXT=Ocjena
50
+ RATING_INDICATOR_ARIA_DESCRIPTION=Obvezno
51
+ TOTAL=Ukupno
52
+ RATING_COUNT_TITLE=Ocjena
53
+ ARIA_LABEL_LIST_MULTISELECTABLE=Sadržava stavke s mogućnošću više odabira
54
+ ARIA_LABEL_LIST_SELECTABLE=Sadržava stavke s mogućnošću odabira
55
+ SHOW_RESULTS=Pokaži rezultate
56
+ SHOW_HIDE_PASSWORD=Gumb prikazivanja/sakrivanja lozinke
57
+ MESSAGE_STRIP_CLOSE_BUTTON=Gumb zatvaranja trake s porukom
58
+ MESSAGE_STRIP_INFORMATION=Traka s informacijama
59
+ MESSAGE_STRIP_SUCCESS=Traka pozitivnog
60
+ MESSAGE_STRIP_WARNING=Traka upozorenja
61
+ MESSAGE_STRIP_ERROR=Traka negativnog
62
+ MESSAGE_STRIP_ACTION=Traka radnji
63
+ REVIEWS=recenzije
64
+ STARS=zvjezdice
65
+ SELECT_OPTIONS=Odaberite mogućnosti
66
+ SELECT_ALL=Odaberi sve
67
+ TEXTAREA_CHARACTERS_LEFT=Preostalo znakova: {0}
68
+ VALUE_STATE_TYPE_ERROR=Pogreška stanja polja
69
+ VALUE_STATE_TYPE_WARNING=Upozorenje stanja polja
70
+ VALUE_STATE_TYPE_SUCCESS=Uspjeh stanja polja
71
+ VALUE_STATE_TYPE_STANDARD=Standard stanja polja
72
+ CAROUSEL_PREVIOUS_ARROW_TEXT=Prethodna stranica
73
+ CAROUSEL_NEXT_ARROW_TEXT=Sljedeća stranica
74
+ NO_MATCHES_FOUND=Nema pronađenih podudaranja.
75
+ BREADCRUMBS_ARIA_LABEL=Staza usmjeravanja
76
+ BREADCRUMBS_OVERFLOW_ARIA_LABEL=Više
77
+ STEPINPUT_INC_ICON_TITLE=Povećanje količine za
78
+ STEPINPUT_DEC_ICON_TITLE=Smanjenje količine za
79
+ TABLE_NO_DATA_FOUND=Podaci nisu pronađeni
80
+ VALUE_STATE_ERROR=Nevaljan unos
81
+ VALUE_STATE_WARNING=Upozorenje izdano
82
+ VALUE_STATE_INFORMATION=Informativni unos
83
+ VALUE_STATE_SUCCESS=Unos uspješno validiran
84
+ READ_ONLY=Samo za čitanje
85
+ SWITCH_ACCOUNT=Prebacite račun
86
+ BACK=Natrag
87
+ OTHER_IDENTITIES=Ostali identiteti
88
+ ADD_OR_REMOVE_ACCOUNT=Dodajte ili uklonite račun
89
+ COUNTRY_SELECT=Odaberite državu
90
+ CART=Košarica
91
+ COUNTRY_SELECTOR=Selektor država
92
+ PHONE_NUMBER=Telefonski broj
93
+ EMAIL=E-pošta
94
+ CHAT_WITH_US=Razgovarajte s nama
95
+ QUICK_LINKS=Brze veze
96
+ TRENDING=U trendu
97
+ ABOUT_SAP=O SAP-u
98
+ SITE_INFORMATION=Informacije o mjestu
99
+ AVATAR_TEXT=Avatar
100
+ CALENDAR_ICON=Ikona otvaranja kalendara
101
+ LIST_ITEM_EDIT_ICON=Uredite unos stavke popisa
102
+ LIST_ITEM_DELETE_ICON=Izbrišite unos stavke popisa
103
+ BACK_BUTTON_LABEL=gumb Natrag
104
+ STATUS_BADGE_TEXT=Značka statusa
105
+ STATUS_BADGE_EDIT_TITLE=Kliknite za uređivanje profila
106
+ STATUS_BADGE_INFORMATION_TITLE=Kliknite za otvaranje informacija o profilu
107
+ STATUS_BADGE_WARNING_TITLE=Upozorenje, moguć rizik profila
108
+ STATUS_BADGE_ERROR_TITLE=Došlo je do pogreške s profilom
109
+ STATUS_BADGE_SUCCESS_TITLE=Profil uspješno verificiran
110
+ PROFILE=Profil
111
+ OPENS_IN_A_NEW_WINDOW=otvara se u novom prozoru
112
+ TEXT_FIELD=Polje teksta
113
+ UPLOADING_FILE_STATUS_TEXT=Prijenos
114
+ TERMINATED_FILE_STATUS_TEXT=Prekinuto
115
+ REMOVE_FILE_TEXT=Ukloni datoteku
116
+ UPLOAD_BUTTON_LABEL=Prenesi datoteku
117
+ COMPLETE_LIST_OF=Potpun popis
118
+ CALL_US_TODAY=Nazovite nas još danas!
119
+ SEARCH=Pretraga
120
+ RESULT_RETURNED=rezultata.
121
+ SOCIAL_MEDIA_BUTTON=Gumb društvenih mreža
122
+ PROMO_TILE=Promotivna pločica
123
+ PROMO_TILE_ICON=Ikona promotivne pločice
124
+ PLAY_BUTTON_ACCESSIBLE_NAME=Gumb Pokreni za početak rotacije logotipa korisnika
125
+ PAUSE_BUTTON_ACCESSIBLE_NAME=Gumb Pauziraj za zaustavljanje rotacije logotipa korisnika
126
+ LOCATION=Lokacija
127
+ TOAST_CLOSE_ACCESSIBLE_NAME=Zatvori
128
+ DISABLED=Onemogućeno
129
+ EXPAND=Proširi
130
+ COLLAPSE=Sažmi
@@ -202,6 +202,13 @@
202
202
  overflow: auto;
203
203
  }
204
204
 
205
+ .udex-select-box__dropdown::part(footer) {
206
+ justify-content: flex-start;
207
+ background: none;
208
+ padding: var(--udexSpacer16, 16px) var(--udexSpacer12, 12px) var(--udexSpacer16, 16px) var(--udexSpacer16, 16px);
209
+ border-color: var(--udex-select-box-popover-border-color);
210
+ }
211
+
205
212
  .udex-text-field__search {
206
213
  font-family: var(--sapFontFamily);
207
214
  font-size: 16px;
@@ -50,3 +50,7 @@
50
50
  fill: var(--udexColorBlue7, #0070F2);
51
51
  cursor: pointer;
52
52
  }
53
+
54
+ ::slotted([slot="footer"]) {
55
+ height: auto;
56
+ }
@@ -4,7 +4,8 @@
4
4
  --udex-tile-color-clickable-focus-background: var(--sapTile_Active_Background, #fff);
5
5
  --udex-tile-color-clickable-default-border: var(--sapTile_BorderColor, #EAECEE);
6
6
  --udex-tile-color-clickable-hover-border: var(--sapTile_Interactive_BorderColor, #1B90FF);
7
- --udex-tile-color-clickable-focus-border: var(--udexColorBlue7, #0070f2);
7
+ --udex-tile-color-clickable-active-border: var(--udexColorBlue7, #0070F2);
8
+ --udex-tile-color-clickable-focus-border: var(--sapContent_FocusColor, #002A86);
8
9
 
9
10
  --udex-tile-color-generic-default-background: var(--sapTile_Background, #fff);
10
11
  --udex-tile-color-generic-hover-background: var(--sapTile_Hover_Background, #fff);
@@ -37,6 +38,7 @@
37
38
  display: block;
38
39
  color: inherit;
39
40
  text-decoration: inherit;
41
+ cursor: pointer;
40
42
  outline: 1px solid var(--udex-tile-color-clickable-default-border);
41
43
  background: var(--udex-tile-color-clickable-default-background);
42
44
  }
@@ -49,6 +51,7 @@
49
51
  :host([interactive]) .udex-tile:hover {
50
52
  outline: 1px solid var(--udex-tile-color-clickable-hover-border);
51
53
  background: var(--udex-tile-color-clickable-hover-background);
54
+ box-shadow: var(--udex-tile-box-shadow-generic-hover);
52
55
  }
53
56
 
54
57
  :host([desktop]) .udex-tile:focus,
@@ -59,13 +62,18 @@
59
62
 
60
63
 
61
64
  :host([interactive][desktop]) .udex-tile:focus,
62
- :host([interactive]) .udex-tile:focus-visible,
63
- :host([interactive]) .udex-tile:active {
65
+ :host([interactive]) .udex-tile:focus-visible {
64
66
  outline: 2px solid var(--udex-tile-color-clickable-focus-border);
65
67
  box-shadow: var(--udex-tile-box-shadow-generic-default);
66
68
  background: var(--udex-tile-color-clickable-focus-background);
67
69
  }
68
70
 
71
+ :host([interactive][desktop]) .udex-tile:active,
72
+ :host([interactive]) .udex-tile:active {
73
+ outline: 2px solid var(--udex-tile-color-clickable-active-border);
74
+ box-shadow: none;
75
+ }
76
+
69
77
  :host([hide-shadow]) .udex-tile {
70
78
  box-shadow: none;
71
79
  }
@@ -1 +0,0 @@
1
- const s="© {0} SAP SE või SAP sidusettevõte. Kõik õigused on kaitstud.",t="Ülevaade",e="Logi välja",O="Põhilingid",a="Tagasi algusse",i={COPYRIGHT:s,OVERVIEW:t,LOGOUT:e,MAIN_LINKS:O,BACK_TO_TOP:a};export{a as BACK_TO_TOP,s as COPYRIGHT,e as LOGOUT,O as MAIN_LINKS,t as OVERVIEW,i as default};
@@ -1 +0,0 @@
1
- const t="© {0} SAP SE tai SAP:n tytäryhtiö. Kaikki oikeudet pidätetään.",i="Yleiskatsaus",s="Kirjaudu ulos",n="Tärkeimmät linkit",O="Takaisin alkuun",a={COPYRIGHT:t,OVERVIEW:i,LOGOUT:s,MAIN_LINKS:n,BACK_TO_TOP:O};export{O as BACK_TO_TOP,t as COPYRIGHT,s as LOGOUT,n as MAIN_LINKS,i as OVERVIEW,a as default};
@@ -1 +0,0 @@
1
- const E="Comte",T="Recherches suggérées",e="Pages recommandées",s="Entrée non valide",n="Avertissement édité",t="Entrée pour information",A="Entrée validée correctement",_="© {0} SAP SE ou société affiliée SAP. Tous droits réservés.",o="Vue d''ensemble",S="Se déconnecter",c="Liens principaux",O="Haut de page",r={COUNT:E,SUGGESTED_TEXT:T,RECOMMENDED_TEXT:e,VALUE_STATE_ERROR:s,VALUE_STATE_WARNING:n,VALUE_STATE_INFORMATION:t,VALUE_STATE_SUCCESS:A,COPYRIGHT:_,OVERVIEW:o,LOGOUT:S,MAIN_LINKS:c,BACK_TO_TOP:O};export{O as BACK_TO_TOP,_ as COPYRIGHT,E as COUNT,S as LOGOUT,c as MAIN_LINKS,o as OVERVIEW,e as RECOMMENDED_TEXT,T as SUGGESTED_TEXT,s as VALUE_STATE_ERROR,t as VALUE_STATE_INFORMATION,A as VALUE_STATE_SUCCESS,n as VALUE_STATE_WARNING,r as default};
@@ -1 +0,0 @@
1
- const a="© {0} SAP SE ili povezano poduzeće SAP-a. Sva prava pridržana.",e="Pregled",O="Odjavi se",n="Glavne veze",o="Povratak na vrh",s={COPYRIGHT:a,OVERVIEW:e,LOGOUT:O,MAIN_LINKS:n,BACK_TO_TOP:o};export{o as BACK_TO_TOP,a as COPYRIGHT,O as LOGOUT,n as MAIN_LINKS,e as OVERVIEW,s as default};