@sapudex/web-components 2.43.0 → 2.45.0

package/dist/messagebundle_sk.properties

@@ -3,3 +3,128 @@ OVERVIEW=Prehľad
 LOGOUT=Odhlásiť
 MAIN_LINKS=Hlavné odkazy
 BACK_TO_TOP=Na začiatok
+COUNT=Počet
+OF=z
+PAGINATION_PAGE=Strana
+SELECTED=Vybraté
+UNSELECTED=Nevybrané
+INDETERMINATE=Neurčené
+EDIT_BUTTON=Upraviť
+DELETE_BUTTON=Odstrániť
+BACK_TO_REGION_LIST=Späť na zoznam oblastí
+BUTTON_ARIA_TYPE_PRIMARY=Primárne
+BUTTON_ARIA_TYPE_SECONDARY=Sekundárne
+BUTTON_ARIA_TYPE_TERTIARY=Terciárne
+BUTTON_ARIA_TYPE_WARNING=Upozornenie
+BUTTON_ARIA_TYPE_POSITIVE=Kladné
+BUTTON_ARIA_TYPE_NEGATIVE=Záporné
+BUTTON_ARIA_EMPHASIZED=Zvýraznené
+BUTTON_ARIA_DEFAULT=Predvolené
+BUTTON_ARIA_TRANSPARENT=Transparentné
+BUTTON_ARIA_ATTENTION=Pozornosť
+DATEPICKER_DATE_DESCRIPTION=Vstup pre dátum
+TOGGLED=Prepnuté
+FIRST_PAGE=Prvá strana
+LAST_PAGE=Posledná strana
+PREVIOUS_PAGE=Predchádzajúca strana
+NEXT_PAGE=Ďalšia strana
+CURRENT_PAGE=Aktuálna strana
+ACTIVATE_PAGE=Aktivovať číslo strany
+SUGGESTED_TEXT=navrhované vyhľadávania
+ACCESSIBLE_NAME_SEARCH_ICON=Vyhľadať
+TOOLTIP_VOICE_BUTTON=Hlas
+TOOLTIP_SUBMIT_BUTTON=Odoslať
+LISTENING=Počúvanie
+AVAILABLE_VALUES=Dostupné hodnoty
+RECOMMENDED_TEXT=Odporúčané stránky
+EXPAND_ALL=Rozbaliť všetko
+COLLAPSE_ALL=Zbaliť všetko
+MORE=Viac
+ATTENTION_BADGE=Odznak pozornosti
+READ_MORE=Viac informácií
+READ_LESS=Menej informácií
+SHOW_MORE=Ukázať viac
+SHOW_LESS=Zobraziť menej
+RATING_INDICATOR_TEXT=Indikátor hodnotenia
+RATING_INDICATOR_TOOLTIP_TEXT=Hodnotenie
+RATING_INDICATOR_ARIA_DESCRIPTION=Požadované
+TOTAL=Súčet
+RATING_COUNT_TITLE=Hodnotenie
+ARIA_LABEL_LIST_MULTISELECTABLE=Obsahuje položky s možnosťou viacnásobného výberu
+ARIA_LABEL_LIST_SELECTABLE=Obsahuje voliteľné položky
+SHOW_RESULTS=Zobraziť výsledky
+MESSAGE_STRIP_CLOSE_BUTTON=Tlačidlo zatvorenia riadka správy
+MESSAGE_STRIP_INFORMATION=Informačný panel
+MESSAGE_STRIP_SUCCESS=Panel pre kladné položky
+MESSAGE_STRIP_WARNING=Panel upozornení
+MESSAGE_STRIP_ERROR=Panel pre záporné položky
+MESSAGE_STRIP_ACTION=Panel akcií
+REVIEWS=hodnotenia
+STARS=hviezdičky
+SELECT_OPTIONS=Vybrať možnosti
+SELECT_ALL=Vybrať všetky
+TEXTAREA_CHARACTERS_LEFT=Počet zostávajúcich znakov: {0}
+VALUE_STATE_TYPE_ERROR=Stav poľa Chyba
+VALUE_STATE_TYPE_WARNING=Stav poľa Upozornenie
+VALUE_STATE_TYPE_SUCCESS=Stav poľa Úspech
+VALUE_STATE_TYPE_STANDARD=Stav poľa Štandardné
+CAROUSEL_PREVIOUS_ARROW_TEXT=Predchádzajúca strana
+CAROUSEL_NEXT_ARROW_TEXT=Ďalšia strana
+NO_MATCHES_FOUND=Nenašli sa žiadne zhody.
+BREADCRUMBS_ARIA_LABEL=Grafická navigačná cesta
+BREADCRUMBS_OVERFLOW_ARIA_LABEL=Viac
+STEPINPUT_INC_ICON_TITLE=Zvýšiť množstvo o
+STEPINPUT_DEC_ICON_TITLE=Znížiť množstvo o
+TABLE_NO_DATA_FOUND=Nenašli sa žiadne údaje
+VALUE_STATE_ERROR=Neplatné zadanie
+VALUE_STATE_WARNING=Upozornenie bolo vydané
+VALUE_STATE_INFORMATION=Informatívne zadanie
+VALUE_STATE_SUCCESS=Položka bola úspešne overená
+READ_ONLY=Len na čítanie
+SWITCH_ACCOUNT=Prepnúť účet
+BACK=Späť
+OTHER_IDENTITIES=Iné identity
+ADD_OR_REMOVE_ACCOUNT=Pridať alebo odstrániť účet
+COUNTRY_SELECT=Vyberte krajinu
+CART=Košík
+COUNTRY_SELECTOR=Selektor krajiny
+PHONE_NUMBER=Telefónne číslo
+CONTACT_US=Kontaktujte nás
+EMAIL=E‑mail
+CHAT_WITH_US=Chat s nami
+QUICK_LINKS=Rýchle odkazy
+TRENDING=Populárne
+ABOUT_SAP=O spoločnosti SAP
+SITE_INFORMATION=Informácie o lokalite
+AVATAR_TEXT=Avatar
+CALENDAR_ICON=Ikona Otvoriť kalendár
+LIST_ITEM_EDIT_ICON=Upraviť zadanie položky zoznamu
+LIST_ITEM_DELETE_ICON=Odstrániť zadanie položky zoznamu
+BACK_BUTTON_LABEL=tlačidlo späť
+STATUS_BADGE_TEXT=Odznak stavu
+STATUS_BADGE_EDIT_TITLE=Na túto položku kliknite, ak chcete upraviť profil
+STATUS_BADGE_INFORMATION_TITLE=Kliknutím na túto položku otvoríte informácie o profile
+STATUS_BADGE_WARNING_TITLE=Upozornenie, potenciálne riziko s profilom
+STATUS_BADGE_ERROR_TITLE=Vyskytla sa chyba profilu
+STATUS_BADGE_SUCCESS_TITLE=Profil bol úspešne overený
+PROFILE=Profil
+OPENS_IN_A_NEW_WINDOW=otvorí sa v novom okne
+TEXT_FIELD=Textové pole
+UPLOADING_FILE_STATUS_TEXT=Nahráva sa
+TERMINATED_FILE_STATUS_TEXT=Ukončené
+REMOVE_FILE_TEXT=Odstrániť súbor
+UPLOAD_BUTTON_LABEL=Nahrať súbor
+COMPLETE_LIST_OF=Úplný zoznam
+CALL_US_TODAY=Zavolajte nám ešte dnes!
+SEARCH=Hľadať
+RESULT_RETURNED=vrátených výsledkov.
+SOCIAL_MEDIA_BUTTON=Tlačidlo sociálneho média
+PROMO_TILE=Dlaždica propagačnej akcie
+PROMO_TILE_ICON=Ikona dlaždice propagačnej akcie
+PLAY_BUTTON_ACCESSIBLE_NAME=Tlačidlo spustenia na spustenie rotácie loga zákazníka
+PAUSE_BUTTON_ACCESSIBLE_NAME=Tlačidlo pozastavenia na zastavenie rotácie loga zákazníka
+LOCATION=Miesto konania
+TOAST_CLOSE_ACCESSIBLE_NAME=Zatvoriť
+DISABLED=Deaktivované
+EXPAND=Rozbaliť
+COLLAPSE=Zbaliť

package/dist/messagebundle_sl.properties

@@ -1,5 +1,130 @@
 COPYRIGHT=© {0} SAP SE ali SAP-jevo povezano podjetje. Vse pravice pridržane.
 OVERVIEW=Pregled
-OVERVIEW=Izpiši me
+LOGOUT=Izpiši me
 MAIN_LINKS=Glavne povezave
 BACK_TO_TOP=Nazaj na vrh
+COUNT=Število
+OF=od
+PAGINATION_PAGE=Stran
+SELECTED=Izbrano
+UNSELECTED=Neizbrano
+INDETERMINATE=Nedoločeno
+EDIT_BUTTON=Urejanje
+DELETE_BUTTON=Brisanje
+BACK_TO_REGION_LIST=Nazaj na seznam regij
+BUTTON_ARIA_TYPE_PRIMARY=Primarno
+BUTTON_ARIA_TYPE_SECONDARY=Sekundarno
+BUTTON_ARIA_TYPE_TERTIARY=Terciarno
+BUTTON_ARIA_TYPE_WARNING=Opozorilo
+BUTTON_ARIA_TYPE_POSITIVE=Pozitivno
+BUTTON_ARIA_TYPE_NEGATIVE=Negativno
+BUTTON_ARIA_EMPHASIZED=Poudarjeno
+BUTTON_ARIA_DEFAULT=Privzeto
+BUTTON_ARIA_TRANSPARENT=Transparentno
+BUTTON_ARIA_ATTENTION=Pozor
+DATEPICKER_DATE_DESCRIPTION=Vnos datuma
+TOGGLED=Preklopljeno
+FIRST_PAGE=Prva stran
+LAST_PAGE=Zadnja stran
+PREVIOUS_PAGE=Prejšnja stran
+NEXT_PAGE=Naslednja stran
+CURRENT_PAGE=Trenutna stran
+ACTIVATE_PAGE=Aktiviranje številke strani
+SUGGESTED_TEXT=predlagana iskanja
+ACCESSIBLE_NAME_SEARCH_ICON=Iskanje
+TOOLTIP_VOICE_BUTTON=Glas
+TOOLTIP_SUBMIT_BUTTON=Pošlji
+LISTENING=Poslušanje
+AVAILABLE_VALUES=Razpoložljive vrednosti
+RECOMMENDED_TEXT=Priporočene strani
+EXPAND_ALL=Razširi vse
+COLLAPSE_ALL=Strni vse
+MORE=Več
+ATTENTION_BADGE=Značka za pozornost
+READ_MORE=Preberite več
+READ_LESS=Preberite manj
+SHOW_MORE=Pokaži več
+SHOW_LESS=Prikaži manj
+RATING_INDICATOR_TEXT=Oznaka ocene
+RATING_INDICATOR_TOOLTIP_TEXT=Ocena
+RATING_INDICATOR_ARIA_DESCRIPTION=Obvezno
+TOTAL=Skupaj
+RATING_COUNT_TITLE=Ocena
+ARIA_LABEL_LIST_MULTISELECTABLE=Vsebuje postavke z možnostjo večkratne izbire
+ARIA_LABEL_LIST_SELECTABLE=Vsebuje postavke z možnostjo izbire
+SHOW_RESULTS=Prikaz rezultatov
+RESET=Ponastavi
+MESSAGE_STRIP_CLOSE_BUTTON=Gumb za zapiranje vrstice sporočila
+MESSAGE_STRIP_INFORMATION=Vrstica z informacijami
+MESSAGE_STRIP_SUCCESS=Vrstica uspešnosti
+MESSAGE_STRIP_WARNING=Opozorilna vrstica
+MESSAGE_STRIP_ERROR=Vrstica napake
+MESSAGE_STRIP_ACTION=Vrstica dejanja
+REVIEWS=ocen
+STARS=zvezdic
+SELECT_OPTIONS=Izbira možnosti
+SELECT_ALL=Izbira vsega
+TEXTAREA_CHARACTERS_LEFT=Preostalih znakov: {0}
+VALUE_STATE_TYPE_ERROR=Status polja – napaka
+VALUE_STATE_TYPE_WARNING=Status polja – opozorilo
+VALUE_STATE_TYPE_SUCCESS=Status polja – uspešno
+VALUE_STATE_TYPE_STANDARD=Status polja – standard
+CAROUSEL_PREVIOUS_ARROW_TEXT=Prejšnja stran
+CAROUSEL_NEXT_ARROW_TEXT=Naslednja stran
+NO_MATCHES_FOUND=Ni ujemanj.
+BREADCRUMBS_ARIA_LABEL=Natančna pot
+BREADCRUMBS_OVERFLOW_ARIA_LABEL=Več
+STEPINPUT_INC_ICON_TITLE=Povečanje količine za
+STEPINPUT_DEC_ICON_TITLE=Zmanjšanje količine za
+TABLE_NO_DATA_FOUND=Ni najdenih podatkov
+VALUE_STATE_ERROR=Neveljaven vnos
+VALUE_STATE_WARNING=Opozorilo izdano
+VALUE_STATE_INFORMATION=Informativni vnos
+VALUE_STATE_SUCCESS=Vnos uspešno preverjen
+READ_ONLY=Samo za branje
+SWITCH_ACCOUNT=Preklop med računi
+BACK=Nazaj
+OTHER_IDENTITIES=Druge identitete
+ADD_OR_REMOVE_ACCOUNT=Dodajanje ali odstranjevanje računa
+COUNTRY_SELECT=Izbira države
+CART=Košarica
+COUNTRY_SELECTOR=Izbirnik držav
+PHONE_NUMBER=Telefonska številka
+CONTACT_US=Stopite v stik z nami
+EMAIL=E-pošta
+CHAT_WITH_US=Klepet z nami
+QUICK_LINKS=Hitre povezave
+TRENDING=V trendu
+ABOUT_SAP=O družbi SAP
+SITE_INFORMATION=Informacije o spletnem mestu
+AVATAR_TEXT=Avatar
+CALENDAR_ICON=Ikona za odpiranje koledarja
+LIST_ITEM_EDIT_ICON=Urejanje vnosa postavke seznama
+BACK_BUTTON_LABEL=Gumb za nazaj
+STATUS_BADGE_TEXT=Značka statusa
+STATUS_BADGE_EDIT_TITLE=Kliknite za urejanje profila
+STATUS_BADGE_INFORMATION_TITLE=Kliknite za informacije o profilu
+STATUS_BADGE_WARNING_TITLE=Opozorilo, morebitno tveganje s profilom
+STATUS_BADGE_ERROR_TITLE=Napaka v profilu
+STATUS_BADGE_SUCCESS_TITLE=Uspešno preverjen profil
+PROFILE=Profil
+OPENS_IN_A_NEW_WINDOW=odpre se v novem oknu
+TEXT_FIELD=Besedilno polje
+UPLOADING_FILE_STATUS_TEXT=Prenašanje v strežnik
+TERMINATED_FILE_STATUS_TEXT=Prekinjeno
+REMOVE_FILE_TEXT=Odstranitev datoteke
+UPLOAD_BUTTON_LABEL=Prenos v strežnik
+COMPLETE_LIST_OF=Popoln seznam
+CALL_US_TODAY=Pokličite nas še danes!
+SEARCH=Išči
+RESULT_RETURNED=vrnjenih rezultatov.
+SOCIAL_MEDIA_BUTTON=Gumb za družbena omrežja
+PROMO_TILE=Promocijska ploščica
+PROMO_TILE_ICON=Ikona promocijske ploščice
+PLAY_BUTTON_ACCESSIBLE_NAME=Gumb za začetek za začetek kroženja logotipov strank
+PAUSE_BUTTON_ACCESSIBLE_NAME=Gumb za začasno prekinitev za zaustavitev kroženja logotipov strank
+LOCATION=Lokacija
+TOAST_CLOSE_ACCESSIBLE_NAME=Zapri
+DISABLED=Onemogočeno
+EXPAND=Razširi
+COLLAPSE=Strni

package/dist/vscode.html-custom-data.json

@@ -283,7 +283,7 @@
     },
     {
       "name": "udex-carousel",
-      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-carousel</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Carousel.js\";</code>\n\n\n---\n\n\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+      "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-carousel</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Carousel.js\";</code>\n\n\n---\n\n\n\n\n### **Events:**\n - **navigate** - Triggered when carousel navigates to a new slide\n\n### **Slots:**\n - **default** - Defines the content of the component.",
       "attributes": [
         {
           "name": "accessible-name",
@@ -550,13 +550,13 @@
           "values": []
         },
         {
-          "name": "disabled",
-          "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
-          "values": []
+          "name": "default_-format_-pattern",
+          "description": "Defines the date format pattern (e.g., \\\"MMM dd, yyyy\\\" or \\\"MM/dd/yyyy\\\").",
+          "values": [{ "name": "\"MMM dd" }, { "name": "yyyy\"" }]
         },
         {
-          "name": "format-pattern",
-          "description": "Defines the date format pattern (e.g., \\\"MMM dd, yyyy\\\" or \\\"MM/dd/yyyy\\\").",
+          "name": "disabled",
+          "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
           "values": []
         },
         {
@@ -4810,6 +4810,11 @@
           "description": "Defines whether the UI5Tokenizer is expanded.",
           "values": []
         },
+        {
+          "name": "tooltip-accessible-name",
+          "description": "Defines the accessible name for the \"Show More\" tooltip, announced by screen readers\nwhen the tooltip containing hidden tags is opened.",
+          "values": []
+        },
         {
           "name": "tooltip-placement",
           "description": "Determines on which side of the component the Tooltip is displayed.",
@@ -4984,6 +4989,11 @@
           "description": "Defines the name of the input element.",
           "values": []
         },
+        {
+          "name": "placeholder",
+          "description": "Defines the placeholder text of the input field.",
+          "values": []
+        },
         {
           "name": "readonly",
           "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@sapudex/web-components",
-  "version": "2.43.0",
+  "version": "2.45.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -584,7 +584,7 @@
         },
         {
           "name": "udex-carousel",
-          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-carousel</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Carousel.js\";</code>\n---\n\n\n### **Slots:**\n - **default** - Defines the content of the component.",
+          "description": "<h3 class=\"comment-api-title\">Overview</h3>\n\n\n<h3>Usage</h3>\n\nFor the <code>udex-carousel</code>\n<h3>ES6 Module Import</h3>\n\n<code>import \"@sapudex/web-components/dist/Carousel.js\";</code>\n---\n\n\n### **Events:**\n - **navigate** - Triggered when carousel navigates to a new slide\n\n### **Slots:**\n - **default** - Defines the content of the component.",
           "doc-url": "",
           "attributes": [
             {
@@ -617,7 +617,12 @@
               "description": "Defines the content of the component."
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "navigate",
+              "description": "Triggered when carousel navigates to a new slide"
+            }
+          ],
           "js": {
             "properties": [
               {
@@ -641,7 +646,12 @@
                 "value": { "type": "\"Default\" | \"Numeric\"" }
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "navigate",
+                "description": "Triggered when carousel navigates to a new slide"
+              }
+            ]
           }
         },
         {
@@ -1151,16 +1161,19 @@
               "description": "Receives id (or many ids) of the elements that label the component.",
               "value": { "type": "string", "default": "\"\"" }
             },
+            {
+              "name": "default_-format_-pattern",
+              "description": "Defines the date format pattern (e.g., \\\"MMM dd, yyyy\\\" or \\\"MM/dd/yyyy\\\").",
+              "value": {
+                "type": "\"MMM dd, yyyy\"",
+                "default": "\"MMM dd, yyyy\""
+              }
+            },
             {
               "name": "disabled",
               "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
               "value": { "type": "boolean", "default": "false" }
             },
-            {
-              "name": "format-pattern",
-              "description": "Defines the date format pattern (e.g., \\\"MMM dd, yyyy\\\" or \\\"MM/dd/yyyy\\\").",
-              "value": { "type": "string", "default": "\"MMM dd, yyyy\"" }
-            },
             {
               "name": "label",
               "description": "Defines label text for the input field.",
@@ -1225,16 +1238,16 @@
                 "description": "Receives id (or many ids) of the elements that label the component.",
                 "value": { "type": "string" }
               },
+              {
+                "name": "default_-format_-pattern",
+                "description": "Defines the date format pattern (e.g., \\\"MMM dd, yyyy\\\" or \\\"MM/dd/yyyy\\\").",
+                "value": { "type": "\"MMM dd, yyyy\"" }
+              },
               {
                 "name": "disabled",
                 "description": "Defines whether the component is in disabled state.\n<br><br>\n<b>Note:</b> A disabled component is completely noninteractive.",
                 "value": { "type": "boolean" }
               },
-              {
-                "name": "format-pattern",
-                "description": "Defines the date format pattern (e.g., \\\"MMM dd, yyyy\\\" or \\\"MM/dd/yyyy\\\").",
-                "value": { "type": "string" }
-              },
               {
                 "name": "label",
                 "description": "Defines label text for the input field.",
@@ -10170,6 +10183,11 @@
               "description": "Defines whether the UI5Tokenizer is expanded.",
               "value": { "type": "boolean", "default": "false" }
             },
+            {
+              "name": "tooltip-accessible-name",
+              "description": "Defines the accessible name for the \"Show More\" tooltip, announced by screen readers\nwhen the tooltip containing hidden tags is opened.",
+              "value": { "type": "string | undefined", "default": "undefined" }
+            },
             {
               "name": "tooltip-placement",
               "description": "Determines on which side of the component the Tooltip is displayed.",
@@ -10220,6 +10238,11 @@
                 "description": "Defines whether the UI5Tokenizer is expanded.",
                 "value": { "type": "boolean" }
               },
+              {
+                "name": "tooltip-accessible-name",
+                "description": "Defines the accessible name for the \"Show More\" tooltip, announced by screen readers\nwhen the tooltip containing hidden tags is opened.",
+                "value": { "type": "string | undefined" }
+              },
               {
                 "name": "tooltip-placement",
                 "description": "Determines on which side of the component the Tooltip is displayed.",
@@ -10494,6 +10517,11 @@
               "description": "Defines the name of the input element.",
               "value": { "type": "string", "default": "\"\"" }
             },
+            {
+              "name": "placeholder",
+              "description": "Defines the placeholder text of the input field.",
+              "value": { "type": "string", "default": "\"\"" }
+            },
             {
               "name": "readonly",
               "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",
@@ -10621,6 +10649,11 @@
                 "description": "Defines the name of the input element.",
                 "value": { "type": "string" }
               },
+              {
+                "name": "placeholder",
+                "description": "Defines the placeholder text of the input field.",
+                "value": { "type": "string" }
+              },
               {
                 "name": "readonly",
                 "description": "Defines whether the component is read-only.\n<br><br>\n<b>Note:</b> A read-only component is not editable,\nbut still provides visual feedback upon user interaction.",

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@sapudex/web-components",
-  "version": "2.43.0",
+  "version": "2.45.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/src/Carousel.ts

@@ -3,6 +3,7 @@ import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
@@ -12,6 +13,7 @@ import {
 import { CAROUSEL_NEXT_ARROW_TEXT, CAROUSEL_PREVIOUS_ARROW_TEXT } from "./generated/i18n/i18n-defaults.js";
 import redirectAttributes from "./utils/redirectAttributes.js";
 import type UI5Carousel from "@ui5/webcomponents/dist/Carousel.js";
+import type { CarouselNavigateEventDetail } from "@ui5/webcomponents/dist/Carousel.js";
 import type { UI5CustomEvent } from "@ui5/webcomponents-base";
 import type Icon from "@ui5/webcomponents/dist/Icon.js";
 import translate from "./utils/translate.js";
@@ -57,8 +59,17 @@ export enum UDExCarouselButtonDesign {
   styles: CarouselCss,
   template: CarouselTemplate,
 })
+/**
+ * Triggered when carousel navigates to a new slide
+ * @public
+ * @param { CustomEvent }
+ */
+@event("navigate")
 
 class UDExCarousel extends UI5Element {
+  eventDetails!: {
+    "navigate": CarouselNavigateEventDetail,
+  };
   /**
    * Defines the position of the navigation.
    * <br><br>
@@ -206,8 +217,10 @@ class UDExCarousel extends UI5Element {
     }
   }
 
-  _handleNavigate(): void {
+  _handleNavigate(e: UI5CustomEvent<UI5Carousel, "navigate">): void {
     this._calculateDisabledButtonsState();
+
+    this.fireDecoratorEvent("navigate", e.detail);
   }
 
   onAfterRendering() {

package/src/DatePicker.ts

@@ -8,19 +8,25 @@ import "@ui5/webcomponents/dist/Icon.js";
 import "@ui5/webcomponents-icons/dist/appointment-2.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type DateFormat from "@ui5/webcomponents-localization/dist/DateFormat.js";
 import { CALENDAR_ICON, DATEPICKER_DATE_DESCRIPTION } from "./generated/i18n/i18n-defaults.js";
 import type UDExTextField from "./TextField.js";
 import type UDExDropdown from "./Dropdown.js";
 import UDExValueState from "./types/common.js";
 import translate from "./utils/translate.js";
-
-// Template
 import DatePickerTemplate from "./DatePickerTemplate.js";
-
-// Styles
 import DatePickerCss from "./generated/themes/DatePicker.css.js";
 import DatePickerPopoverCss from "./generated/themes/DatePickerPopover.css.js";
 
+// DateFormat's published type declaration omits the runtime parse/format methods
+// and the oFormatOptions property (they come from the underlying SAP core type).
+// This intersection adds the missing members without widening to `any`.
+type DateFormatFull = DateFormat & {
+  parse(value: string, utc?: boolean): Date | null;
+  format(date: Date, utc?: boolean): string;
+  oFormatOptions: { pattern?: string };
+};
+
 export enum UDExDatePickerSelectionMode {
   Single = "Single",
   Range = "Range",
@@ -197,8 +203,10 @@ class UDExDatePicker extends DateComponentBase {
    * @default "MMM dd, yyyy"
    * @public
    */
+  static readonly DEFAULT_FORMAT_PATTERN = "MMM dd, yyyy";
+
   @property({ type: String })
-    formatPattern: string = "MMM dd, yyyy";
+    formatPattern: string = UDExDatePicker.DEFAULT_FORMAT_PATTERN;
 
   /**
    * The first date in the range during selection (this is a temporary value, not the first date in the value range)
@@ -212,6 +220,8 @@ class UDExDatePicker extends DateComponentBase {
 
   responsivePopover?: UDExDropdown;
 
+  private _getCurrentFormat(): DateFormatFull { return this.getFormat() as DateFormatFull; }
+
   private _prevDelimiter!: string | null;
 
   _getResponsePopover(): UDExDropdown {
@@ -297,7 +307,7 @@ class UDExDatePicker extends DateComponentBase {
     const partsArray = value.split(this._prevDelimiter || this._effectiveDelimiter);
 
     // if format successfully parse the value, the value contains only single date
-    if (this.getFormat().parse(value)) {
+    if (this._getCurrentFormat().parse(value)) {
       valuesArray[0] = partsArray.join(this._effectiveDelimiter);
       valuesArray[1] = "";
 
@@ -321,7 +331,7 @@ class UDExDatePicker extends DateComponentBase {
 
     const dateStrings = this._splitValueByDelimiter(value);
     if (dateStrings[1]) {
-      const parsedDate = this.getFormat().parse(dateStrings[1], true) as Date;
+      const parsedDate = this._getCurrentFormat().parse(dateStrings[1], true) as Date;
       return parsedDate.getTime() / 1000;
     }
 
@@ -339,7 +349,7 @@ class UDExDatePicker extends DateComponentBase {
 
     const dateStrings = this._splitValueByDelimiter(value); // at least one item guaranteed due to the checks above (non-empty and valid)
 
-    const parsedDate = this.getFormat().parse(dateStrings[0], true) as Date;
+    const parsedDate = this._getCurrentFormat().parse(dateStrings[0], true) as Date;
     return parsedDate.getTime() / 1000;
   }
 
@@ -353,7 +363,7 @@ class UDExDatePicker extends DateComponentBase {
       return true;
     }
 
-    return !!this.getFormat().parse(value);
+    return !!this._getCurrentFormat().parse(value);
   }
 
   isValidRange(value: string): boolean {
@@ -428,7 +438,7 @@ class UDExDatePicker extends DateComponentBase {
       if (value === "") {
         return value;
       }
-      result = this.getFormat().format(this.getFormat().parse(value, true), true); // it is important to both parse and format the date as UTC
+      result = this._getCurrentFormat().format(this._getCurrentFormat().parse(value, true) as Date, true); // it is important to both parse and format the date as UTC
     }
     if (this.selectionMode === UDExDatePickerSelectionMode.Range) {
       const firstDateTimestamp = this._extractFirstTimestamp(value);
@@ -501,7 +511,7 @@ class UDExDatePicker extends DateComponentBase {
   }
 
   _onInputChange(e: Event) {
-    this._updateValueAndFireDecoratorEvents((e.target as UDExDatePicker).value, true);
+    this._updateValueAndFireDecoratorEvents((e.target as UDExTextField).value, true);
   }
 
   handleInputClick(e: CustomEvent<void>): void {
@@ -554,6 +564,14 @@ class UDExDatePicker extends DateComponentBase {
   get isRangeMode(): boolean {
     return this.selectionMode === UDExDatePickerSelectionMode.Range;
   }
+
+  get _calendarTimestamp(): number | undefined {
+    return this._extractFirstTimestamp(this.value);
+  }
+
+  get _effectivePlaceholder(): string {
+    return this.formatPattern || UDExDatePicker.DEFAULT_FORMAT_PATTERN;
+  }
 }
 
 UDExDatePicker.define();

package/src/DatePickerPopoverTemplate.tsx

@@ -21,7 +21,8 @@ export default function DatePickerPopoverTemplate(this: DatePicker) {
         selection-mode={this.selectionMode}
         min-date={this.minDate}
         max-date={this.maxDate}
-        format-pattern={this.formatPattern}>
+        format-pattern={this.formatPattern}
+        {...(this._calendarTimestamp ? { timestamp: this._calendarTimestamp } : {})}>
         { this.isRangeMode ?
           <CalendarDateRange start-value={this.startValue} end-value={this.endValue}></CalendarDateRange>
           :

package/src/DatePickerTemplate.tsx

@@ -10,6 +10,7 @@ export default function DatePickerTemplate(this: DatePicker) {
         _aria-has-popup="grid"
         icon="appointment-2"
         value={this.value}
+        placeholder={this._effectivePlaceholder}
         label={this.label}
         accessible-name={this.dateAccessibleName}
         accessible-name-ref={this.accessibleNameRef}