@sapudex/web-components 2.13.0 → 2.15.0

package/src/CountrySelector.ts

@@ -2,11 +2,7 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import executeTemplate from "@ui5/webcomponents-base/dist/renderer/executeTemplate.js";
-import {
-  isEscape,
-  isTabPrevious,
-  isTabNext,
-} from "@ui5/webcomponents-base/dist/Keys.js";
+import { isEscape, isTabPrevious, isTabNext } from "@ui5/webcomponents-base/dist/Keys.js";
 import type Popover from "@ui5/webcomponents/dist/Popover.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import Button from "@ui5/webcomponents/dist/Button.js";
@@ -519,3 +515,4 @@ class UDExCountrySelector extends UDExSearchableListBase {
 UDExCountrySelector.define();
 
 export default UDExCountrySelector;
+export type { UDExCountrySelectorChangeSearchEventDetail };

package/src/DatePicker.ts

@@ -28,13 +28,13 @@ export enum UDExDatePickerSelectionMode {
   Range = "Range",
 }
 
-export type UDExDatePickerSelectionChangeEventDetail = {
+type UDExDatePickerSelectionChangeEventDetail = {
   selectedValues: Array<string>;
   selectedDates: Array<number | undefined>;
   timestamp: number | undefined;
 };
 
-export type UDExDatePickerValueStateChangeEventDetail = {
+type UDExDatePickerValueStateChangeEventDetail = {
   valueState: `${UDExValueState}`,
   valid: boolean
 }
@@ -561,3 +561,4 @@ class UDExDatePicker extends DateComponentBase {
 UDExDatePicker.define();
 
 export default UDExDatePicker;
+export type { UDExDatePickerSelectionChangeEventDetail, UDExDatePickerValueStateChangeEventDetail };

package/src/Dropdown.ts

@@ -24,7 +24,6 @@ import getEffectiveScrollbarStyle from "./utils/getEffectiveScrollbarStyle.js";
  * @tagname udex-dropdown
  * @public
  */
-
 @customElement({
   tag: "udex-dropdown",
   renderer: jsxRenderer,

package/src/EventRibbon.ts

@@ -9,10 +9,10 @@ import { eventLogoText, UDExEventRibbonMode } from "./types/EventRibbon.js";
 import "@ui5/webcomponents-icons/add-calendar.js";
 import "@ui5/webcomponents-icons/media-play.js";
 import EventRibbonTemplate from "./EventRibbonTemplate.js";
+import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
 
 // Styles
 import EventRibbonCss from "./generated/themes/EventRibbon.css.js";
-import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
 
 /**
  * @class

package/src/EventRibbonTemplate.tsx

@@ -8,22 +8,20 @@ export default function EventRibbonTemplate(this: UDExEventRibbon) {
   return (
     <a
       onKeyDown={this.handleKeyDown}
-      role="banner"
-      aria-label={this.eventText}
+      aria-labelledby={`${this.eventText ? `${this._id}-text` : ""} ${this._id}-link-text`}
       class={{
         [`${rootClass}__container`]: true,
         [`${rootClass}__container-with-background-image`]: this.backgroundImage
       }}
       target={target}
-      href={url}
-      title={text}>
+      href={url}>
       <div class={`${rootClass}__logo`}>
         <img class={`${logoClass}`} src={this.eventLogoPath} alt={this.eventLogoAlt}/>
       </div>
-      {this.eventText && <p class={`${rootClass}__text`}>{this.eventText}</p>}
+      {this.eventText && <p class={`${rootClass}__text`} id={`${this._id}-text`}>{this.eventText}</p>}
       <div class={`${rootClass}__link-container`}>
         {this.eventLinkIcon && <Icon name={this.eventLinkIcon}></Icon>}
-        <span class={`${rootClass}__link-text`}>{text}</span>
+        <span class={`${rootClass}__link-text`} id={`${this._id}-link-text`}>{text}</span>
       </div>
     </a>
   );

package/src/FilterMenu.ts

@@ -32,12 +32,18 @@ import { RESET, SHOW_RESULTS, SELECT_OPTIONS } from "./generated/i18n/i18n-defau
 import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
 import FilterMenuTemplate from "./generated/templates/FilterMenuTemplate.lit.js";
 import SearchableListBaseTemplate from "./generated/templates/SearchableListBaseTemplate.lit.js";
+import type UDExListGroupHeaderBase from "./ListGroupHeaderBase.js";
 
 // Styles
 import FilterMenuCss from "./generated/themes/FilterMenu.css.js";
 import SearchableListCss from "./generated/themes/SearchableList.css.js";
 import getEffectiveScrollbarStyle from "./utils/getEffectiveScrollbarStyle.js";
-import type UDExListGroupHeaderBase from "./ListGroupHeaderBase.js";
+
+export type initialItemState = {
+  id: string,
+  selected: boolean,
+  indeterminate?: boolean,
+}
 
 type UDExFilterMenuResultClickEventDetail = {
   selectedItems: Array<UDExListItemBase>,
@@ -47,12 +53,6 @@ type UDExFilterMenuResetClickEventDetail = {
   restoredItems: Array<UDExListItemBase>,
 }
 
-type initialItemState = {
-  id: string,
-  selected: boolean,
-  indeterminate?: boolean,
-}
-
 /**
  * @class
  *
@@ -332,8 +332,7 @@ class UDExFilterMenu extends UDExSearchableListBase {
   }
 
   handleSelectAll(e:CustomEvent): void {
-    this.onFilterSelectAllHeaderPress(e);
-    this.fireDecoratorEvent("select-all");
+    this.onSelectAllHeaderPress(e);
   }
 
   handleItemPress(e:CustomEvent): void {
@@ -522,6 +521,14 @@ class UDExFilterMenu extends UDExSearchableListBase {
     this.fireDecoratorEvent("after-close");
   }
 
+  /**
+   * Close the dropdown.
+   * @public
+   */
+  close(): void {
+    this.onDropdownClose();
+  }
+
   get disableAllowTargetOverlap(): boolean {
     return !this.disableTargetOverlap;
   }
@@ -582,3 +589,4 @@ class UDExFilterMenu extends UDExSearchableListBase {
 UDExFilterMenu.define();
 
 export default UDExFilterMenu;
+export type { UDExFilterMenuResetClickEventDetail, UDExFilterMenuResultClickEventDetail };

package/src/FilterMenuGroupHeader.ts

@@ -21,7 +21,6 @@ import UDExFilterMenuItem from "./FilterMenuItem.js";
  * @extends UDExListGroupHeaderBase
  * @public
  */
-
 @customElement({
   tag: "udex-filter-menu-group-header",
   renderer: litRender,

package/src/FilterMenuItem.ts

@@ -2,6 +2,7 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import UDExListItemBase from "./ListItemBase.js";
+
 /**
  * @class
  *

package/src/FilterMenuSelectAll.ts

@@ -28,10 +28,6 @@ class UDExFilterMenuSelectAll extends UDExListGroupHeaderBase {
   get isSelectAllHeader() {
     return true;
   }
-
-  get isFilterMenuSelectAllHeader() {
-    return true;
-  }
 }
 
 UDExFilterMenuSelectAll.define();

package/src/Footer.ts

@@ -625,3 +625,4 @@ class UDExFooter extends UI5Element {
 UDExFooter.define();
 
 export default UDExFooter;
+export type { UDExFooterBaseEventDetail, UDExFooterDetailedClickEventDetail };

package/src/HeroBanner.ts

@@ -7,7 +7,6 @@ import { isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import "@ui5/webcomponents-icons/dist/media-play.js";
 import "@ui5/webcomponents-icons/dist/media-pause.js";
-
 import HeroBannerTemplate from "./generated/templates/HeroBannerTemplate.lit.js";
 
 // Styles

package/src/InputGroup.ts

@@ -1,14 +1,13 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.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 litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
-
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import type UDExCheckbox from "./Checkbox.js";
 import type UDExRadioButton from "./RadioButton.js";
 import UDExStatusMessage from "./StatusMessage.js";
-import InputGroupTemplate from "./generated/templates/InputGroupTemplate.lit.js";
+import InputGroupTemplate from "./InputGroupTemplate.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import {
@@ -50,7 +49,7 @@ export enum UDExOrientation {
 
 @customElement({
   tag: "udex-input-group",
-  renderer: litRender,
+  renderer: jsxRenderer,
   styles: InputGroupCss,
   template: InputGroupTemplate,
   dependencies: [Icon, UDExStatusMessage],
@@ -120,10 +119,6 @@ class UDExInputGroup extends UI5Element {
     };
   }
 
-  get hasValueState(): boolean {
-    return this.valueState !== "Standard";
-  }
-
   get valueStateText(): string | undefined {
     return this.supportingText || this.valueStateTypeMappings[this.valueState];
   }

package/src/InputGroupTemplate.tsx

@@ -0,0 +1,31 @@
+import type UDExInputGroup from "./InputGroup.js";
+import UDExStatusMessage from "./StatusMessage.js";
+
+export default function InputGroupTemplate(this: UDExInputGroup) {
+  const rootClass = "udex-input-group";
+
+  return (
+    <>
+      <div id={`${this._id}-input-group`}
+        class={`${rootClass}__container`}
+        role="group"
+        aria-describedby={`${this._id}-valueStateDesc`}>
+        <div class={`${rootClass}__content`}>
+          {this._items.map((itemInfo, index) => (
+            <div key={index} class={`${rootClass}__item`}>
+              <slot name={`${itemInfo.item._individualSlot}`}></slot>
+            </div>
+          ))}
+        </div>
+        {this.valueStateText && (
+          <>
+            <UDExStatusMessage supporting-text={this.valueStateText} value-state={this.valueState}></UDExStatusMessage>
+            <span id={`${this._id}-valueStateDesc`} class="hidden-text">
+              {this.valueStateText}
+            </span>
+          </>
+        )}
+      </div>
+    </>
+  );
+}

package/src/LinkList.ts

@@ -14,6 +14,7 @@ export enum UDExLinkListType {
   TileS = "TileS",
   TileL = "TileL",
 }
+
 /**
  * @class
  *

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

@@ -532,7 +532,7 @@ class UDExMastheadMobileMenu extends UI5Element {
       }
     }
 
-    if (isExploreMode) {
+    if (isExploreMode && this.hasExploreBtnSlot) {
       analyticsPath.unshift(this.exploreItem.label);
     }
 
@@ -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/RatingIndicator.ts

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