@sapudex/web-components 2.12.1 → 2.14.0

package/src/LinkListItem.ts

@@ -124,3 +124,4 @@ class UDExLinkListItem extends UI5Element {
 UDExLinkListItem.define();
 
 export default UDExLinkListItem;
+export type { UDExListLinkItemClickEventDetail };

package/src/List.ts

@@ -5,10 +5,7 @@ import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import {
-  isUp,
-  isDown,
-  isHome,
-  isEnd,
+  isUp, isDown, isHome, isEnd,
 } from "@ui5/webcomponents-base/dist/Keys.js";
 import type UDExListItem from "./ListItem.js";
 import { UDExListStyleType, UDExListMode } from "./types/List.js";
@@ -17,10 +14,7 @@ import type UDExListGroupHeaderBase from "./ListGroupHeaderBase.js";
 import type UDExUploadItem from "./UploadItem.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import {
-  ARIA_LABEL_LIST_MULTISELECTABLE,
-  ARIA_LABEL_LIST_SELECTABLE,
-} from "./generated/i18n/i18n-defaults.js";
+import { ARIA_LABEL_LIST_MULTISELECTABLE, ARIA_LABEL_LIST_SELECTABLE } from "./generated/i18n/i18n-defaults.js";
 import ListTemplate from "./generated/templates/ListTemplate.lit.js";
 
 // Styles
@@ -490,3 +484,4 @@ class UDExList extends UI5Element {
 UDExList.define();
 
 export default UDExList;
+export type { UDExListSelectionChangeEventDetail };

package/src/ListGroupHeader.ts

@@ -86,3 +86,4 @@ class UDExListGroupHeader extends UDExListGroupHeaderBase {
 UDExListGroupHeader.define();
 
 export default UDExListGroupHeader;
+export type { UDExListGroupHeaderBaseHeaderPressEventDetail };

package/src/ListGroupHeaderBase.ts

@@ -17,7 +17,6 @@ const listGroupHeaderClass: string = "udex-list__group-header";
  * @extends UDExListItemBase
  * @public
  */
-
 @customElement({
   languageAware: true,
   renderer: litRender,

package/src/ListItem.ts

@@ -14,9 +14,7 @@ import UDExAvatar, { UDExAvatarShape, UDExAvatarSize } from "./Avatar.js";
 import UDExButton from "./Button.js";
 import UDExStatusBadge from "./StatusBadge.js";
 import type UDExStatusBadgeValueState from "./types/StatusBadgeValueState.js";
-import {
-  UDExListItemSize, UDExListMode, UDExAdditionalTextState,
-} from "./types/List.js";
+import { UDExListItemSize, UDExListMode, UDExAdditionalTextState } from "./types/List.js";
 import UDExRadioButton from "./RadioButton.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
@@ -414,3 +412,4 @@ class UDExListItem extends UDExListItemBase {
 UDExListItem.define();
 
 export default UDExListItem;
+export type { UDExListItemBaseEventDetail, UDExListItemItemPressEventDetail };

package/src/ListItemBase.ts

@@ -5,16 +5,16 @@ import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { UDExListItemSize, UDExListMode, UDExListStyleType } from "./types/List.js";
 
-type UDExListItemBaseEventDetail = {
-  originalEvent: PointerEvent,
-  item: HTMLElement,
-}
-
 export type UDExListItemBaseEvents = {
   "first-icon-click": UDExListItemBaseEventDetail,
   "second-icon-click": UDExListItemBaseEventDetail,
 }
 
+type UDExListItemBaseEventDetail = {
+  originalEvent: PointerEvent,
+  item: HTMLElement,
+}
+
 /**
  * @class
  *
@@ -26,7 +26,6 @@ export type UDExListItemBaseEvents = {
  * @extends UI5Element
  * @public
  */
-
 @customElement({
   renderer: litRender,
 })
@@ -201,3 +200,4 @@ class UDExListItemBase extends UI5Element {
 }
 
 export default UDExListItemBase;
+export type { UDExListItemBaseEventDetail };

package/src/ListSelectAll.ts

@@ -105,3 +105,4 @@ class UDExListSelectAll extends UDExListGroupHeaderBase {
 UDExListSelectAll.define();
 
 export default UDExListSelectAll;
+export type { UDExListSelectAllSelectAllEventDetail };

package/src/MastheadCountrySelector.ts

@@ -22,6 +22,17 @@ import { NO_MATCHES_FOUND, RESULT_RETURNED } from "./generated/i18n/i18n-default
 // Styles
 import MastheadCountrySelectorCss from "./generated/themes/MastheadCountrySelector.css.js";
 
+export type Region = {
+  title: string,
+  countries: Array<Country>,
+};
+
+export type Country = {
+  displayTitle: string,
+  countryCode: string,
+  url: string,
+};
+
 type UDExMastheadCountrySelectorRegionClickEventDetail = {
   item: {
     title: string,
@@ -48,17 +59,6 @@ type UDExMastheadCountrySelectorSearchEventDetail = {
   analyticsName: AnalyticsName,
 }
 
-export type Region = {
-  title: string,
-  countries: Array<Country>,
-};
-
-export type Country = {
-  displayTitle: string,
-  countryCode: string,
-  url: string,
-};
-
 /**
  * @class
  *
@@ -534,3 +534,4 @@ class UDExMastheadCountrySelector extends UI5Element {
 UDExMastheadCountrySelector.define();
 
 export default UDExMastheadCountrySelector;
+export type { UDExMastheadCountrySelectorSearchEventDetail, UDExMastheadCountrySelectorItemClickEventDetail, UDExMastheadCountrySelectorRegionClickEventDetail };

package/src/MastheadItem.ts

@@ -65,7 +65,7 @@ type UDExMastheadItemItemClickEventDetail = {
   sourceNode: HTMLElement,
 }
 
-export type UDExMastheadDropdownEventDetail = {
+type UDExMastheadDropdownEventDetail = {
   title: string,
   action: UDExMastheadDropdownItemAction,
   analyticsName: AnalyticsName,
@@ -671,3 +671,4 @@ class UDExMastheadItem extends UI5Element implements IMastheadItem {
 UDExMastheadItem.define();
 
 export default UDExMastheadItem;
+export type { UDExMastheadDropdownEventDetail, UDExMastheadItemItemClickEventDetail };

package/src/MastheadMenu.ts

@@ -204,3 +204,4 @@ class UDExMastheadMenu extends UI5Element {
 UDExMastheadMenu.define();
 
 export default UDExMastheadMenu;
+export type { UDExMastheadMenuMenuItemClickEventDetail };

package/src/MastheadMenuItem.ts

@@ -23,6 +23,7 @@ export enum UDExItemType {
   Button = "Button",
   Link = "Link"
 }
+
 /**
  * @class
  *

package/src/MastheadMobileMenu.ts

@@ -604,3 +604,4 @@ class UDExMastheadMobileMenu extends UI5Element {
 UDExMastheadMobileMenu.define();
 
 export default UDExMastheadMobileMenu;
+export type { UDExMastheadMobileMenuItemClickEventDetail, UDExMastheadMobileMenuExploreClickEventDetail };

package/src/MastheadProfileMenu.ts

@@ -22,14 +22,15 @@ import type UDExMastheadShell from "./MastheadShell.js";
 import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
 import "@ui5/webcomponents-icons/dist/action.js";
 import type { LinkClickEventDetail } from "@ui5/webcomponents/dist/Link.js";
-// Styles
-import MastheadProfileMenuCss from "./generated/themes/MastheadProfileMenu.css.js";
 import UDExStatusBadgeValueState from "./types/StatusBadgeValueState.js";
 import type { ResizeObserverCallback } from "@ui5/webcomponents-base/delegate/ResizeHandler.js";
 import ResizeHandler from "@ui5/webcomponents-base/delegate/ResizeHandler.js";
 import { BreakpointUtils } from "./utils/Breakpoints.js";
 
-interface UserData {
+// Styles
+import MastheadProfileMenuCss from "./generated/themes/MastheadProfileMenu.css.js";
+
+export interface UserData {
   name?: string,
   username?: string,
   email?: string,
@@ -37,7 +38,7 @@ interface UserData {
   avatarInitials?: string
 }
 
-interface UserIdentity {
+export interface UserIdentity {
   avatarUrl: string,
   email: string,
   name: string,
@@ -45,7 +46,7 @@ interface UserIdentity {
   isLogged: boolean,
 }
 
-interface ExtendedUserIdentity extends UserIdentity {
+export interface ExtendedUserIdentity extends UserIdentity {
   supportingText: string;
   statusBadge: string;
 }
@@ -417,3 +418,4 @@ class UDExMastheadProfileMenu extends UI5Element {
 UDExMastheadProfileMenu.define();
 
 export default UDExMastheadProfileMenu;
+export type { UDExMastheadProfileMenuItemClickEventDetail, UDExMastheadProfileMenuIdentityClickEventDetail, UDExMastheadProfileMenuAddOrRemoveClickEventDetail };

package/src/MastheadShell.ts

@@ -33,19 +33,9 @@ import MastheadShellTemplate from "./generated/templates/MastheadShellTemplate.l
 import MastheadShellCss from "./generated/themes/MastheadShell.css.js";
 
 const canvasContentFont = "14px '72 Brand Variable'";
-type MastheadSlottedItem = UDExMastheadItem | UDExMastheadProfileMenu | UDExMastheadMenu | UDExMastheadCountrySelector | undefined | null;
-type MastheadItemType = UDExMastheadItem | null | undefined;
 
-type UDExMastheadShellBaseEventDetail = {
-  originalEvent: PointerEvent,
-  analyticsName: AnalyticsName,
-  sourceNode: HTMLElement,
-  item?: UDExMastheadItem,
-}
-
-type UDExMastheadShellAnalyticsNameEventDetail = {
-  analyticsName: AnalyticsName,
-}
+export type MastheadSlottedItem = UDExMastheadItem | UDExMastheadProfileMenu | UDExMastheadMenu | UDExMastheadCountrySelector | undefined | null;
+export type MastheadItemType = UDExMastheadItem | null | undefined;
 
 export enum UDExMastheadVariable {
   itemArrowIconMarginInlineStart = "--udex-masthead-item-arrow-margin-inline-start",
@@ -59,6 +49,17 @@ export enum UDExMastheadVariable {
   itemGap = "--udex-masthead-shell-item-gap",
 }
 
+type UDExMastheadShellBaseEventDetail = {
+  originalEvent: PointerEvent,
+  analyticsName: AnalyticsName,
+  sourceNode: HTMLElement,
+  item?: UDExMastheadItem,
+}
+
+type UDExMastheadShellAnalyticsNameEventDetail = {
+  analyticsName: AnalyticsName,
+}
+
 /**
  * @class
  *
@@ -1092,3 +1093,4 @@ class UDExMastheadShell extends UI5Element {
 UDExMastheadShell.define();
 
 export default UDExMastheadShell;
+export type { UDExMastheadShellBaseEventDetail, UDExMastheadShellAnalyticsNameEventDetail };

package/src/MediaPlayer.ts

@@ -18,14 +18,13 @@ import MediaPlayerTemplate from "./generated/templates/MediaPlayerTemplate.lit.j
 // Styles
 import MediaPlayerCss from "./generated/themes/MediaPlayer.css.js";
 
-export type YoutubePlayer = YT.Player;
-
 declare global {
   interface Window {
     videojs: any;
   }
 }
 
+export type YoutubePlayer = YT.Player;
 export enum UDExAspectRatio {
   "16:9" = "16:9",
   "9:16" = "9:16",
@@ -634,3 +633,4 @@ class UDExMediaPlayer extends UI5Element {
 UDExMediaPlayer.define();
 
 export default UDExMediaPlayer;
+export type { UDExMediaPlayerVideoProgressEventDetail };

package/src/MediaPlayerVimeo.ts

@@ -175,3 +175,4 @@ class UDExMediaPlayerVimeo extends UI5Element {
 UDExMediaPlayerVimeo.define();
 
 export default UDExMediaPlayerVimeo;
+export type { UDExMediaPLayerViemeoPlayingEventDetail };

package/src/MediaPlayerYoutube.ts

@@ -310,3 +310,4 @@ class UDExMediaPlayerYoutube extends UI5Element {
 UDExMediaPlayerYoutube.define();
 
 export default UDExMediaPlayerYoutube;
+export type { UDExMediaPlayerYoutubeBaseEventDetails, UDExMediaPlayerYoutubePlayingEventDetail };

package/src/Pagination.ts

@@ -32,7 +32,7 @@ import PaginationTemplate from "./generated/templates/PaginationTemplate.lit.js"
 // Styles
 import PaginationCss from "./generated/themes/Pagination.css.js";
 
-interface Page {
+export interface Page {
   value: number;
   active: boolean;
 }
@@ -47,7 +47,7 @@ export enum UDExDisplayType {
   mobile = "mobile"
 }
 
-export type UDExPaginationChangeEventDetail = {
+type UDExPaginationChangeEventDetail = {
   currentPage: number,
 }
 
@@ -471,3 +471,4 @@ class UDExPagination extends UI5Element {
 UDExPagination.define();
 
 export default UDExPagination;
+export type { UDExPaginationChangeEventDetail };

package/src/PromoTile.ts

@@ -15,7 +15,7 @@ import { BreakpointUtils } from "./utils/Breakpoints.js";
 import type UDExButton from "./Button.js";
 import UDExButtonSize from "./types/ButtonSize.js";
 import UDExButtonDesign from "./types/ButtonDesign.js";
-import { UDExPromoTileColorSheme, UDExPromoTileMode } from "./types/PromoTile.js";
+import { UDExPromoTileColorScheme, UDExPromoTileMode } from "./types/PromoTile.js";
 
 // Styles
 import PromoTileCss from "./generated/themes/PromoTile.css.js";
@@ -74,18 +74,16 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the orientation of the Promo Tile component.
    *
-   * @type {string}
-   * @defaultvalue "Vertical"
+   * @default "Vertical"
    * @public
    */
-  @property({ type: String })
+  @property()
     orientation: `${UDExOrientation}` = UDExOrientation.Vertical;
 
   /**
    * Defines the UI5 icon name in the pictogram section.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -94,8 +92,7 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the image aria label and alt in the pictogram section.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -104,8 +101,7 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the logo URL in the pictogram section.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -114,8 +110,7 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the header text of the promo tile.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -124,8 +119,7 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the eyebrow text of the promo tile.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -134,8 +128,7 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the CTA button label
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -144,28 +137,25 @@ class UDExPromoTile extends UI5Element {
   /**
    * Defines the CTA button design
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
-  @property({ type: String })
+  @property()
     buttonDesign?: UDExButtonDesign;
 
   /**
    * Defines the color scheme of the Promo Tile.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
-  @property({ type: String })
-    colorScheme?: UDExPromoTileColorSheme;
+  @property()
+    colorScheme?: UDExPromoTileColorScheme;
 
   /**
    * Defines the accessible name of the component.
    *
-   * @type {string}
-   * @defaultvalue ""
+   * @default ""
    * @public
    */
   @property({ type: String })
@@ -247,7 +237,7 @@ class UDExPromoTile extends UI5Element {
 
   checkEyebrowColor(colorScheme: string): string {
     const number = this.getColorNumber(colorScheme);
-    let color: string = UDExPromoTileColorSheme.Blue8;
+    let color: string = UDExPromoTileColorScheme.Blue8;
 
     if (number === 7) {
       color = "NeutralWhite";

package/src/RatingIndicator.ts

@@ -32,7 +32,6 @@ export enum UDExDisplayType {
  * @extends RatingIndicator
  * @public
  */
-
 @customElement({
   tag: "udex-rating-indicator",
   renderer: litRender,

package/src/Search.ts

@@ -10,13 +10,7 @@ import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { getFeature } from "@ui5/webcomponents-base/dist/FeaturesRegistry.js";
 import Popover from "@ui5/webcomponents/dist/Popover.js";
 import {
-  isEnter,
-  isTabNext,
-  isTabPrevious,
-  isUp,
-  isDown,
-  isEscape,
-  isSpace,
+  isEnter, isTabNext, isTabPrevious, isUp, isDown, isEscape, isSpace,
 } from "@ui5/webcomponents-base/dist/Keys.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
@@ -58,12 +52,12 @@ const SearchIcon: string = "sap-icon://search";
 
 const SuggestionsPopoverId: string = "suggestions-popover";
 
-type ListItem = {
+export type ListItem = {
   label: string;
   icon: string;
 }
 
-type DataList = Array<ListItem | string>;
+export type DataList = Array<ListItem | string>;
 
 export type SuggestionData = {
   label: string,
@@ -75,7 +69,7 @@ export type RecommendData = {
   list: DataList
 }
 
-type SuggestionRecommendLists = {
+export type SuggestionRecommendLists = {
   suggested: SuggestionData | DataList,
   recommended: RecommendData | DataList
 }
@@ -99,15 +93,17 @@ export type PopoverPlacement = "Bottom" | "Top";
 
 type UDExSearchBaseEventDetail = {
   value: string,
+  categoryName?: string
 }
 
 type UDExSearchPrefixItemClickEventDetail = {
   item: ListItemBase,
 }
 
-export type UDExSearchKeydownEventDetail = {
+type UDExSearchKeydownEventDetail = {
   e: KeyboardEvent;
 }
+
 /**
  * @class
  *
@@ -693,7 +689,7 @@ class UDExSearch extends UI5Element {
       const itemWithCustomIcon = typeof item === "object";
       const label = itemWithCustomIcon ? item.label : item;
       return {
-        handleSelectItem: this.handleSelectItem(label),
+        handleSelectItem: this.handleSelectItem(label, idName),
         text: this.getTextWithSuggestion(label),
         title: label,
         icon: itemWithCustomIcon ? item.icon : SearchIcon,
@@ -715,14 +711,14 @@ class UDExSearch extends UI5Element {
     return text.replace(search, "<b>$&</b>");
   }
 
-  handleSelectItem = (itemValue: string) => () => {
+  handleSelectItem = (itemValue: string, categoryName: string) => () => {
     this.value = itemValue;
-    this.fireDropdownItemClick(itemValue);
+    this.fireDropdownItemClick(itemValue, categoryName);
     this.handleSubmitValue();
   };
 
-  fireDropdownItemClick(value: string) {
-    this.fireDecoratorEvent("dropdown-item-click", { value });
+  fireDropdownItemClick(value: string, categoryName: string) {
+    this.fireDecoratorEvent("dropdown-item-click", { value, categoryName });
   }
 
   handleDropdownClick() {
@@ -896,7 +892,7 @@ class UDExSearch extends UI5Element {
     if (Suggestion) {
       this.Suggestion = new Suggestion(this);
     } else {
-      throw new Error("You have to import '@sapudex/webcomponents/dist/features/SearchSuggestionsPopover.js' module to use udex-search suggestions");
+      throw new Error("You have to import '@sapudex/web-components/dist/features/SearchSuggestionsPopover.js' module to use udex-search suggestions");
     }
   }
 
@@ -1323,3 +1319,4 @@ class UDExSearch extends UI5Element {
 UDExSearch.define();
 
 export default UDExSearch;
+export type { UDExSearchBaseEventDetail, UDExSearchKeydownEventDetail, UDExSearchPrefixItemClickEventDetail };

package/src/SearchableListBase.ts

@@ -30,6 +30,11 @@ type UDExSearchableListBaseSubmitSearchEventDetail = {
   selectedItems: Array<UDExListItemBase>
 }
 
+type UDExSelectBoxIconClickEventDetail = {
+  originalEvent: PointerEvent,
+  item: UDExItemFromList,
+}
+
 export type UDExSearchableListBaseEvents = {
   "select-all": void,
   "selection-change": UDExSearchableListBaseSelectionChangeEventDetail,
@@ -40,11 +45,6 @@ export type UDExSearchableListBaseEvents = {
   "second-icon-click": UDExSelectBoxIconClickEventDetail,
 }
 
-type UDExSelectBoxIconClickEventDetail = {
-  originalEvent: PointerEvent,
-  item: UDExItemFromList,
-}
-
 /**
  * @class
  *
@@ -655,3 +655,6 @@ class UDExSearchableListBase extends UI5Element {
 }
 
 export default UDExSearchableListBase;
+export type {
+  UDExSelectBoxIconClickEventDetail, UDExSearchableListBaseSubmitSearchEventDetail, UDExSearchableListBaseChangeSearchEventDetail, UDExSearchableListBaseSelectionChangeEventDetail,
+};

package/src/SecondaryNavigation.ts

@@ -525,3 +525,4 @@ class UDExSecondaryNavigation extends UI5Element {
 UDExSecondaryNavigation.define();
 
 export default UDExSecondaryNavigation;
+export type { UDExSecondaryNavigationClickEventDetail, UDExSecondaryNavigationHeadingClickEventDetail };

package/src/SecondaryNavigationItem.ts

@@ -5,15 +5,7 @@ import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
 import {
-  isLeft,
-  isRight,
-  isUp,
-  isDown,
-  isEscape,
-  isSpace,
-  isEnter,
-  isHome,
-  isEnd, isTabNext, isTabPrevious,
+  isLeft, isRight, isUp, isDown, isEscape, isSpace, isEnter, isHome, isEnd, isTabNext, isTabPrevious,
 } from "@ui5/webcomponents-base/dist/Keys.js";
 import type { RelativeValue } from "./utils/parseRelativeUnits.js";
 import parseRelativeUnits from "./utils/parseRelativeUnits.js";
@@ -29,13 +21,13 @@ import SecondaryNavigationItemCss from "./generated/themes/SecondaryNavigationIt
 
 export const menuItemRole: string = "menuitem";
 
-export type UDExSecondaryNavigationItemClickEventDetail = {
+type UDExSecondaryNavigationItemClickEventDetail = {
   item: HTMLElement,
   index: number,
   originalEvent: PointerEvent | KeyboardEvent
 };
 
-export type UDExSecondaryNavigationItemSubItemClickEventDetail = {
+type UDExSecondaryNavigationItemSubItemClickEventDetail = {
   item: NavItem,
   index: number,
   originalEvent: PointerEvent
@@ -507,3 +499,4 @@ class UDExSecondaryNavigationItem extends UDExSecondaryNavigationItemBase {
 UDExSecondaryNavigationItem.define();
 
 export default UDExSecondaryNavigationItem;
+export type { UDExSecondaryNavigationItemClickEventDetail, UDExSecondaryNavigationItemSubItemClickEventDetail };

package/src/SecondaryNavigationItemBase.ts

@@ -29,7 +29,6 @@ export type NavItem = {
  * @extends UI5Element
  * @public
  */
-
 @customElement({
   renderer: litRender,
 })

package/src/SecondaryNavigationSubItem.ts

@@ -15,12 +15,12 @@ import SecondaryNavigationSubItemTemplate from "./generated/templates/SecondaryN
 // Styles
 import SecondaryNavigationSubItemCss from "./generated/themes/SecondaryNavigationSubItem.css.js";
 
-export type UDExSecondaryNavigationSubItemClickEventDetail = {
+type UDExSecondaryNavigationSubItemClickEventDetail = {
   item: UDExSecondaryNavigationSubItem,
   originalEvent: PointerEvent
 }
 
-export type UDExSecondaryNavigationSubItemBackClickEventDetail = {
+type UDExSecondaryNavigationSubItemBackClickEventDetail = {
   originalEvent: PointerEvent
 }
 
@@ -124,3 +124,4 @@ class UDExSecondaryNavigationSubItem extends UDExSecondaryNavigationItemBase {
 UDExSecondaryNavigationSubItem.define();
 
 export default UDExSecondaryNavigationSubItem;
+export type { UDExSecondaryNavigationSubItemClickEventDetail, UDExSecondaryNavigationSubItemBackClickEventDetail };