@sapudex/web-components 2.48.0 → 2.50.0

package/dist/ListGroupHeaderBase.d.ts

@@ -20,6 +20,14 @@ declare class UDExListGroupHeaderBase extends UDExListItemBase {
      */
     nonInteractive: boolean;
     _additionalClassName: string;
+    /**
+     * Marks the group header as part of a tree structure. When true, the header
+     * renders as a treeitem and its children container as a group.
+     *
+     * @default false
+     * @private
+     */
+    _treeMode: boolean;
     /**
      * Slot for group header list items.
      *
@@ -48,6 +56,20 @@ declare class UDExListGroupHeaderBase extends UDExListItemBase {
     get isSelectAllHeader(): boolean;
     get isFilterMenuSelectAllHeader(): boolean;
     get isNonActiveHeader(): boolean;
+    /**
+     * Decides which collapsible-header partial to render.
+     * Uses the udex-list-item-based partial for MultiSelect/RadioGroup only.
+     * SingleSelect collapsible headers use the plain div partial — the list-item
+     * partial fires its own Enter/Space/click selection handlers that must not run.
+     */
+    get useListItemHeader(): boolean;
+    get isTreeAccessibleRole(): boolean;
+    get singleCollapsibleHeaderRole(): string;
+    get collapsibleHeaderAccessibleRole(): string;
+    get groupWrapperRole(): string;
+    get contentRegionRole(): string;
+    get nonCollapsibleContainerRole(): string;
+    get nonCollapsibleHeaderAccessibleRole(): string | undefined;
     get className(): string;
     get listItem(): UDExListItemBase;
 }

package/dist/ListGroupHeaderBase.js

@@ -22,6 +22,17 @@ const listGroupHeaderClass = "udex-list__group-header";
  * @public
  */
 let UDExListGroupHeaderBase = class UDExListGroupHeaderBase extends UDExListItemBase {
+    constructor() {
+        super(...arguments);
+        /**
+         * Marks the group header as part of a tree structure. When true, the header
+         * renders as a treeitem and its children container as a group.
+         *
+         * @default false
+         * @private
+         */
+        this._treeMode = false;
+    }
     handleSelectionGroupState() {
         const isAnyEnabledOption = this.isAnyEnabledOption();
         if (!isAnyEnabledOption) {
@@ -136,6 +147,36 @@ let UDExListGroupHeaderBase = class UDExListGroupHeaderBase extends UDExListItem
     get isNonActiveHeader() {
         return this.nonInteractive || this.modeRadioGroup;
     }
+    /**
+     * Decides which collapsible-header partial to render.
+     * Uses the udex-list-item-based partial for MultiSelect/RadioGroup only.
+     * SingleSelect collapsible headers use the plain div partial — the list-item
+     * partial fires its own Enter/Space/click selection handlers that must not run.
+     */
+    get useListItemHeader() {
+        return this.modeMultiSelectOrRadioGroup;
+    }
+    get isTreeAccessibleRole() {
+        return this._treeMode;
+    }
+    get singleCollapsibleHeaderRole() {
+        return this._treeMode ? "treeitem" : "button";
+    }
+    get collapsibleHeaderAccessibleRole() {
+        return this._treeMode ? "treeitem" : "button";
+    }
+    get groupWrapperRole() {
+        return this._treeMode ? "none" : "group";
+    }
+    get contentRegionRole() {
+        return this._treeMode ? "group" : "region";
+    }
+    get nonCollapsibleContainerRole() {
+        return "group";
+    }
+    get nonCollapsibleHeaderAccessibleRole() {
+        return this._treeMode ? "treeitem" : undefined;
+    }
     get className() {
         const controlledClassName = this.controlled ? `${listGroupHeaderClass}_controlled` : "";
         return `${listGroupHeaderClass} ${this._additionalClassName} ${controlledClassName} ${listGroupHeaderClass}-wrap`;
@@ -150,6 +191,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], UDExListGroupHeaderBase.prototype, "_additionalClassName", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExListGroupHeaderBase.prototype, "_treeMode", void 0);
 __decorate([
     slot({ type: UDExListItemBase, "default": true })
 ], UDExListGroupHeaderBase.prototype, "items", void 0);

package/dist/ListGroupHeaderBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListGroupHeaderBase.js","sourceRoot":"","sources":["../src/ListGroupHeaderBase.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport UDExListItemBase from \"./ListItemBase.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\nconst listGroupHeaderClass: string = \"udex-list__group-header\";\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListItemBase\n * @public\n */\n@customElement({\n  languageAware: true,\n  renderer: litRender,\n})\n\nclass UDExListGroupHeaderBase extends UDExListItemBase {\n  /**\n   * Defines non-interactive the group header.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    nonInteractive!: boolean;\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  /**\n   * Slot for group header list items.\n   *\n   * @slot items\n   * @public\n   */\n  @slot({ type: UDExListItemBase, \"default\": true })\n    items!: DefaultSlot<UDExListItemBase>;\n\n  handleSelectionGroupState() {\n    const isAnyEnabledOption = this.isAnyEnabledOption();\n\n    if (!isAnyEnabledOption) {\n      return;\n    }\n\n    const isAllSelectedGroupState = this.isAllSelected();\n    const isIndeterminateGroupState = this.indeterminate;\n\n    if (isAllSelectedGroupState) {\n      this.processGroupDeselectAll();\n    } else if (isIndeterminateGroupState) {\n      this.toggleIndeterminateGroupState();\n    } else {\n      this.processGroupSelectAll();\n    }\n  }\n\n  processGroupDeselectAll() {\n    const isAnySelectedOptionDisabled = this.isAnySelectedOptionDisabled();\n\n    this.setAllItems(false);\n\n    if (isAnySelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.deactivateHeader();\n    }\n  }\n\n  toggleIndeterminateGroupState() {\n    const isEachEnabledOptionSelected = this.isEachEnabledOptionSelected();\n\n    if (isEachEnabledOptionSelected) {\n      this.processGroupDeselectAll();\n    } else {\n      this.processGroupSelectAll();\n    }\n  }\n\n  processGroupSelectAll() {\n    const isAnyNotSelectedOptionDisabled = this.isAnyNotSelectedOptionDisabled();\n\n    this.setAllItems(true);\n\n    if (isAnyNotSelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.activateHeader();\n    }\n  }\n\n  handleHeaderState() {\n    const isAllSelected = this.isAllSelected();\n    const isAllDeselected = this.isAllDeselected();\n\n    if (isAllDeselected) {\n      this.deactivateHeader();\n      return;\n    }\n\n    if (isAllSelected) {\n      this.activateHeader();\n      return;\n    }\n\n    this.activateHeaderIndeterminate();\n  }\n\n  activateHeaderIndeterminate() {\n    this.selected = true;\n    this.indeterminate = true;\n  }\n\n  activateHeader() {\n    this.indeterminate = false;\n    this.selected = true;\n  }\n\n  deactivateHeader() {\n    this.selected = false;\n    this.indeterminate = false;\n  }\n\n  setAllItems(value: boolean) {\n    this.getItems().forEach(item => {\n      if (!item.disabled) {\n        item.selected = value;\n      }\n    });\n  }\n\n  isAllSelected(): boolean {\n    return this.getItems().every(({ selected }) => selected);\n  }\n\n  isAllDeselected(): boolean {\n    return this.getItems().every(({ selected }) => !selected);\n  }\n\n  isEachEnabledOptionSelected(): boolean {\n    return this.getItems().every(item => item.disabled || item.selected);\n  }\n\n  isAnyNotSelectedOptionDisabled(): boolean {\n    return this.getItems().some(item => !item.selected && item.disabled);\n  }\n\n  isAnySelected(): boolean {\n    return this.getItems().some(item => item.selected);\n  }\n\n  isAnySelectedOptionDisabled(): boolean {\n    return this.getItems().some(({ disabled, selected }) => disabled && selected);\n  }\n\n  isAnyEnabledOption(): boolean {\n    return this.getItems().some(({ disabled }) => !disabled);\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n\n  get isGroup(): boolean {\n    return true;\n  }\n\n  get isSelectAllHeader(): boolean {\n    return false;\n  }\n\n  get isFilterMenuSelectAllHeader(): boolean {\n    return false;\n  }\n\n  get isNonActiveHeader(): boolean {\n    return this.nonInteractive || this.modeRadioGroup;\n  }\n\n  get className(): string {\n    const controlledClassName = this.controlled ? `${listGroupHeaderClass}_controlled` : \"\";\n    return `${listGroupHeaderClass} ${this._additionalClassName} ${controlledClassName} ${listGroupHeaderClass}-wrap`;\n  }\n\n  get listItem(): UDExListItemBase {\n    return this.shadowRoot!.querySelector<UDExListItemBase>(\"[udex-list-item]\")!;\n  }\n}\n\nexport default UDExListGroupHeaderBase;\n"]}
+{"version":3,"file":"ListGroupHeaderBase.js","sourceRoot":"","sources":["../src/ListGroupHeaderBase.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport UDExListItemBase from \"./ListItemBase.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\nconst listGroupHeaderClass: string = \"udex-list__group-header\";\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListItemBase\n * @public\n */\n@customElement({\n  languageAware: true,\n  renderer: litRender,\n})\n\nclass UDExListGroupHeaderBase extends UDExListItemBase {\n  /**\n   * Defines non-interactive the group header.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    nonInteractive!: boolean;\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  /**\n   * Marks the group header as part of a tree structure. When true, the header\n   * renders as a treeitem and its children container as a group.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _treeMode: boolean = false;\n\n  /**\n   * Slot for group header list items.\n   *\n   * @slot items\n   * @public\n   */\n  @slot({ type: UDExListItemBase, \"default\": true })\n    items!: DefaultSlot<UDExListItemBase>;\n\n  handleSelectionGroupState() {\n    const isAnyEnabledOption = this.isAnyEnabledOption();\n\n    if (!isAnyEnabledOption) {\n      return;\n    }\n\n    const isAllSelectedGroupState = this.isAllSelected();\n    const isIndeterminateGroupState = this.indeterminate;\n\n    if (isAllSelectedGroupState) {\n      this.processGroupDeselectAll();\n    } else if (isIndeterminateGroupState) {\n      this.toggleIndeterminateGroupState();\n    } else {\n      this.processGroupSelectAll();\n    }\n  }\n\n  processGroupDeselectAll() {\n    const isAnySelectedOptionDisabled = this.isAnySelectedOptionDisabled();\n\n    this.setAllItems(false);\n\n    if (isAnySelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.deactivateHeader();\n    }\n  }\n\n  toggleIndeterminateGroupState() {\n    const isEachEnabledOptionSelected = this.isEachEnabledOptionSelected();\n\n    if (isEachEnabledOptionSelected) {\n      this.processGroupDeselectAll();\n    } else {\n      this.processGroupSelectAll();\n    }\n  }\n\n  processGroupSelectAll() {\n    const isAnyNotSelectedOptionDisabled = this.isAnyNotSelectedOptionDisabled();\n\n    this.setAllItems(true);\n\n    if (isAnyNotSelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.activateHeader();\n    }\n  }\n\n  handleHeaderState() {\n    const isAllSelected = this.isAllSelected();\n    const isAllDeselected = this.isAllDeselected();\n\n    if (isAllDeselected) {\n      this.deactivateHeader();\n      return;\n    }\n\n    if (isAllSelected) {\n      this.activateHeader();\n      return;\n    }\n\n    this.activateHeaderIndeterminate();\n  }\n\n  activateHeaderIndeterminate() {\n    this.selected = true;\n    this.indeterminate = true;\n  }\n\n  activateHeader() {\n    this.indeterminate = false;\n    this.selected = true;\n  }\n\n  deactivateHeader() {\n    this.selected = false;\n    this.indeterminate = false;\n  }\n\n  setAllItems(value: boolean) {\n    this.getItems().forEach(item => {\n      if (!item.disabled) {\n        item.selected = value;\n      }\n    });\n  }\n\n  isAllSelected(): boolean {\n    return this.getItems().every(({ selected }) => selected);\n  }\n\n  isAllDeselected(): boolean {\n    return this.getItems().every(({ selected }) => !selected);\n  }\n\n  isEachEnabledOptionSelected(): boolean {\n    return this.getItems().every(item => item.disabled || item.selected);\n  }\n\n  isAnyNotSelectedOptionDisabled(): boolean {\n    return this.getItems().some(item => !item.selected && item.disabled);\n  }\n\n  isAnySelected(): boolean {\n    return this.getItems().some(item => item.selected);\n  }\n\n  isAnySelectedOptionDisabled(): boolean {\n    return this.getItems().some(({ disabled, selected }) => disabled && selected);\n  }\n\n  isAnyEnabledOption(): boolean {\n    return this.getItems().some(({ disabled }) => !disabled);\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n\n  get isGroup(): boolean {\n    return true;\n  }\n\n  get isSelectAllHeader(): boolean {\n    return false;\n  }\n\n  get isFilterMenuSelectAllHeader(): boolean {\n    return false;\n  }\n\n  get isNonActiveHeader(): boolean {\n    return this.nonInteractive || this.modeRadioGroup;\n  }\n\n  /**\n   * Decides which collapsible-header partial to render.\n   * Uses the udex-list-item-based partial for MultiSelect/RadioGroup only.\n   * SingleSelect collapsible headers use the plain div partial — the list-item\n   * partial fires its own Enter/Space/click selection handlers that must not run.\n   */\n  get useListItemHeader(): boolean {\n    return this.modeMultiSelectOrRadioGroup;\n  }\n\n  get isTreeAccessibleRole(): boolean {\n    return this._treeMode;\n  }\n\n  get singleCollapsibleHeaderRole(): string {\n    return this._treeMode ? \"treeitem\" : \"button\";\n  }\n\n  get collapsibleHeaderAccessibleRole(): string {\n    return this._treeMode ? \"treeitem\" : \"button\";\n  }\n\n  get groupWrapperRole(): string {\n    return this._treeMode ? \"none\" : \"group\";\n  }\n\n  get contentRegionRole(): string {\n    return this._treeMode ? \"group\" : \"region\";\n  }\n\n  get nonCollapsibleContainerRole(): string {\n    return \"group\";\n  }\n\n  get nonCollapsibleHeaderAccessibleRole(): string | undefined {\n    return this._treeMode ? \"treeitem\" : undefined;\n  }\n\n  get className(): string {\n    const controlledClassName = this.controlled ? `${listGroupHeaderClass}_controlled` : \"\";\n    return `${listGroupHeaderClass} ${this._additionalClassName} ${controlledClassName} ${listGroupHeaderClass}-wrap`;\n  }\n\n  get listItem(): UDExListItemBase {\n    return this.shadowRoot!.querySelector<UDExListItemBase>(\"[udex-list-item]\")!;\n  }\n}\n\nexport default UDExListGroupHeaderBase;\n"]}

package/dist/ListItem.d.ts

@@ -166,6 +166,10 @@ declare class UDExListItem extends UDExListItemBase {
     get hasFirstIcon(): boolean;
     get hasSecondIcon(): boolean;
     get roleItem(): string;
+    get ariaCheckedValue(): "true" | "false" | "mixed" | undefined;
+    get ariaSelectedValue(): "true" | "false" | undefined;
+    get ariaExpandedValue(): "true" | "false" | undefined;
+    get checkboxAriaHidden(): boolean;
     get _ariaDisabled(): boolean | undefined;
     get modeSingleContent(): boolean;
     get modeRadioGroup(): boolean;

package/dist/ListItem.js

@@ -188,6 +188,38 @@ let UDExListItem = UDExListItem_1 = class UDExListItem extends UDExListItemBase
     get roleItem() {
         return this.accessibleRole.length > 0 ? this.accessibleRole : listItemRole;
     }
+    get ariaCheckedValue() {
+        if (this.roleItem !== "treeitem") {
+            return undefined;
+        }
+        // Only MultiSelect treeitems expose aria-checked; SingleSelect uses aria-selected.
+        if (!this.modeMultiSelect) {
+            return undefined;
+        }
+        if (this.indeterminate) {
+            return "mixed";
+        }
+        return this.selected ? "true" : "false";
+    }
+    get ariaSelectedValue() {
+        if (this.roleItem !== "treeitem") {
+            return undefined;
+        }
+        // Only SingleSelect treeitems expose aria-selected; MultiSelect uses aria-checked.
+        if (this.modeMultiSelect) {
+            return undefined;
+        }
+        return this.selected ? "true" : "false";
+    }
+    get ariaExpandedValue() {
+        if (!this.collapsible) {
+            return undefined;
+        }
+        return this.expanded ? "true" : "false";
+    }
+    get checkboxAriaHidden() {
+        return this.roleItem === "treeitem";
+    }
     get _ariaDisabled() {
         return this.disabled ? true : undefined;
     }

package/dist/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ListItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport UDExCheckbox from \"./Checkbox.js\";\nimport type { UDExListItemBaseEvents } from \"./ListItemBase.js\";\nimport UDExListItemBase from \"./ListItemBase.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport UDExAvatar, { UDExAvatarShape, UDExAvatarSize } from \"./Avatar.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExStatusBadge from \"./StatusBadge.js\";\nimport UDExRatingIndicator, { UDExDisplayType } from \"./RatingIndicator.js\";\nimport type UDExStatusBadgeValueState from \"./types/StatusBadgeValueState.js\";\nimport { UDExListItemSize, UDExListMode, UDExAdditionalTextState } from \"./types/List.js\";\nimport UDExRadioButton from \"./RadioButton.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  INDETERMINATE, SELECTED, UNSELECTED, RATING_INDICATOR_TEXT, RATING_COUNT_TITLE, TOTAL,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.js\";\n\nimport ListItemTemplate from \"./generated/templates/ListItemTemplate.lit.js\";\n\n// Styles\nimport ListItemCss from \"./generated/themes/ListItem.css.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\nconst listItemClass: string = \"udex-list__item\";\nconst listItemRole: string = \"option\";\n\ntype UDExListItemBaseEventDetail = {\n  item: HTMLElement,\n}\n\ntype UDExListItemItemPressEventDetail = {\n  selected: boolean,\n  item: HTMLElement,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-list-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ListItem.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListItemBase\n * @tagname udex-list-item\n * @public\n */\n\n@customElement({\n  tag: \"udex-list-item\",\n  renderer: litRender,\n  styles: ListItemCss,\n  template: ListItemTemplate,\n  dependencies: [\n    UDExAvatar,\n    UDExButton,\n    UDExRadioButton,\n    UDExCheckbox,\n    UDExStatusBadge,\n    UDExRatingIndicator,\n    Icon,\n  ],\n})\n\n/**\n * Fired event when the user click on a list item.\n *\n * @public\n * @param {boolean} selected Indicates whether the item is selected or not\n */\n@event(\"item-press\", { bubbles: true })\n/**\n * Fired event when the user focuses on a list item.\n *\n * @public\n * @param {HTMLElement} item The focused list item\n */\n@event(\"item-focus\", { bubbles: true })\n\nclass UDExListItem extends UDExListItemBase {\n  eventDetails!: {\n    \"item-press\": UDExListItemItemPressEventDetail,\n    \"item-focus\": UDExListItemBaseEventDetail,\n  } & UDExListItemBaseEvents;\n  /**\n   * Defines the image badge state of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    imageBadgeState?: `${UDExStatusBadgeValueState}`;\n\n  /**\n   * Defines the accessible name of the item.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Defines the position for flag image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    flagPosition?: string;\n\n  /**\n   * Defines the image, displayed at the start of the item.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    flag?: boolean;\n\n  /**\n   * Indicates if the item is active.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n\n  /**\n   * Indicates if the item is on focus\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    focused!: boolean;\n\n  /**\n   * Defines the additionalText, displayed at the end of the list item.\n   *\n   * @public\n   */\n  @property({ type: String })\n    additionalText?: string;\n\n  /**\n   * Defines the state of the additionalText.\n   *\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    additionalTextState: `${UDExAdditionalTextState}` = UDExAdditionalTextState.None;\n\n  /**\n   * Allows control over the image source.\n   *\n   * @public\n   */\n  @property({ type: String })\n    image?: string;\n\n  /**\n   * Allows control over the alternative text of the image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    imageAlt?: string;\n\n  /**\n   * Defines the shape of the image.\n   *\n   * @default \"Circle\"\n   * @public\n   */\n  @property()\n    imageShape: `${UDExAvatarShape}` = UDExAvatarShape.Circle;\n\n  /**\n   * Allows control over the size of the image.\n   *\n   * @default \"S\"\n   * @public\n   */\n  @property()\n    imageSize: `${UDExAvatarSize}` = UDExAvatarSize.S;\n\n  /**\n   * Slot for list item content.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: Node, \"default\": true })\n    content!: DefaultSlot<Node>;\n\n  /**\n   * Slot for first icon.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: UDExButton })\n    firstIcon!: Array<UDExButton>;\n\n  /**\n   * Slot for second icon.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: UDExButton })\n    secondIcon!: Array<UDExButton>;\n\n  /**\n  * Defines the role attribute of component\n  *\n  * @default \"\"\n  * @public\n  */\n  @property({ type: String })\n    accessibleRole: string = \"\";\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  _displayRating: UDExDisplayType = UDExDisplayType.Desktop;\n\n  deactivate: () => void;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n\n    this.deactivate = () => {\n      if (this.active) {\n        this.active = false;\n      }\n    };\n  }\n\n  onEnterDOM() {\n    document.addEventListener(\"mouseup\", this.deactivate);\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onExitDOM() {\n    document.removeEventListener(\"mouseup\", this.deactivate);\n  }\n\n  handleMouseDown() {\n    this.activate();\n  }\n\n  handleMouseUp() {\n    this.deactivate();\n  }\n\n  handleKeyUp(e: KeyboardEvent) {\n    e.preventDefault();\n    if (isSpace(e) || isEnter(e)) {\n      this.deactivate();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    if (this.firstIconElement === e.target || this.secondIconElement === e.target || (e.target as HTMLElement).classList.contains(\"udex-list__group-heading__icon\")) {\n      return;\n    }\n\n    if (isSpace(e)) {\n      e.preventDefault();\n    }\n    if (isSpace(e) || isEnter(e)) {\n      this.activate();\n      this.handleItemClick(e);\n    }\n  }\n\n  handleKeyDownIcon(e: KeyboardEvent) {\n    e.stopPropagation();\n  }\n\n  handleItemClick(e: Event) {\n    if (this.disabled) {\n      return;\n    }\n    if (!this.indeterminate && !this.controlled) {\n      this.selected = !this.selected;\n    }\n    this.fireItemPress(e);\n  }\n\n  handleFocusIn() {\n    if (!this.disabled) {\n      this.focused = true;\n      this.fireDecoratorEvent(\"item-focus\", {\n        item: this,\n      });\n    }\n  }\n\n  handleFocusOut() {\n    if (!this.disabled) {\n      this.focused = false;\n      this.deactivate();\n    }\n  }\n\n  fireItemPress(e: Event) {\n    if (isEnter(e as KeyboardEvent)) {\n      e.preventDefault();\n    }\n    this.fireDecoratorEvent(\"item-press\", {\n      selected: this.selected,\n      item: this,\n    });\n  }\n\n  activate() {\n    if (!this.disabled) {\n      this.active = true;\n    }\n  }\n\n  get className(): string {\n    const isGroupChild = this?.parentElement as UDExListGroupHeaderBase;\n    const controlledClassName = this.controlled ? `${listItemClass}_controlled` : \"\";\n    const groupClassName = isGroupChild?.isGroup ? `${listItemClass}_group` : \"\";\n    const largeSizeClassName = this.isLargeSize ? `${listItemClass}_large` : \"\";\n    return `${listItemClass} ${groupClassName} ${this._additionalClassName} ${controlledClassName} ${largeSizeClassName}`.trim();\n  }\n\n  get firstIconElement(): UDExButton {\n    return this.getSlottedNodes<UDExButton>(\"firstIcon\")[0];\n  }\n\n  get secondIconElement(): UDExButton {\n    return this.getSlottedNodes<UDExButton>(\"secondIcon\")[0];\n  }\n\n  get hasFirstIcon(): boolean {\n    return !!this.firstIcon;\n  }\n\n  get hasSecondIcon(): boolean {\n    return !!this.secondIcon;\n  }\n\n  get roleItem(): string {\n    return this.accessibleRole.length > 0 ? this.accessibleRole : listItemRole;\n  }\n\n  get _ariaDisabled(): boolean | undefined {\n    return this.disabled ? true : undefined;\n  }\n\n  get modeSingleContent(): boolean {\n    return this.mode === UDExListMode.SingleContent;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get modeSelected(): boolean {\n    return [UDExListMode.SingleSelect, UDExListMode.MultiSelect, UDExListMode.RadioGroup].includes(this.mode as UDExListMode);\n  }\n\n  get isLargeSize(): boolean {\n    return this.size === UDExListItemSize.Large;\n  }\n\n  get accessibleListItemName(): string {\n    return this.accessibleName || this.label?.replace(/<[^>]+>/g, \"\");\n  }\n\n  get stateAccessibleName(): string {\n    if (this.indeterminate) {\n      return translate(UDExListItem, INDETERMINATE);\n    }\n    return `${this.selected ? translate(UDExListItem, SELECTED) : translate(UDExListItem, UNSELECTED)} `;\n  }\n\n  get itemDescribedBy(): string {\n    return `${this._id}-invisibleText-describedby`;\n  }\n\n  get itemState(): string {\n    return this.selected ? \"Selected\" : \"Not selected\";\n  }\n\n  get ratingAriaLabel(): string {\n    const ratingText = this.ratingCount ? `${translate(UDExListItem, RATING_COUNT_TITLE)} ${this.ratingCount}` : \"\";\n    const totalText = this.totalCount ? `${translate(UDExListItem, TOTAL)} ${this.totalCount}` : \"\";\n    const ratingTitleText = translate(UDExListItem, RATING_INDICATOR_TEXT);\n    return [...[ratingText, totalText].filter(Boolean), `${ratingTitleText} ${this.rating} of ${this.ratingMax}`].join(\", \");\n  }\n}\n\nUDExListItem.define();\n\nexport default UDExListItem;\nexport type { UDExListItemBaseEventDetail, UDExListItemItemPressEventDetail };\n"]}
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ListItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport UDExCheckbox from \"./Checkbox.js\";\nimport type { UDExListItemBaseEvents } from \"./ListItemBase.js\";\nimport UDExListItemBase from \"./ListItemBase.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport UDExAvatar, { UDExAvatarShape, UDExAvatarSize } from \"./Avatar.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExStatusBadge from \"./StatusBadge.js\";\nimport UDExRatingIndicator, { UDExDisplayType } from \"./RatingIndicator.js\";\nimport type UDExStatusBadgeValueState from \"./types/StatusBadgeValueState.js\";\nimport { UDExListItemSize, UDExListMode, UDExAdditionalTextState } from \"./types/List.js\";\nimport UDExRadioButton from \"./RadioButton.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  INDETERMINATE, SELECTED, UNSELECTED, RATING_INDICATOR_TEXT, RATING_COUNT_TITLE, TOTAL,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.js\";\n\nimport ListItemTemplate from \"./generated/templates/ListItemTemplate.lit.js\";\n\n// Styles\nimport ListItemCss from \"./generated/themes/ListItem.css.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\nconst listItemClass: string = \"udex-list__item\";\nconst listItemRole: string = \"option\";\n\ntype UDExListItemBaseEventDetail = {\n  item: HTMLElement,\n}\n\ntype UDExListItemItemPressEventDetail = {\n  selected: boolean,\n  item: HTMLElement,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-list-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ListItem.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListItemBase\n * @tagname udex-list-item\n * @public\n */\n\n@customElement({\n  tag: \"udex-list-item\",\n  renderer: litRender,\n  styles: ListItemCss,\n  template: ListItemTemplate,\n  dependencies: [\n    UDExAvatar,\n    UDExButton,\n    UDExRadioButton,\n    UDExCheckbox,\n    UDExStatusBadge,\n    UDExRatingIndicator,\n    Icon,\n  ],\n})\n\n/**\n * Fired event when the user click on a list item.\n *\n * @public\n * @param {boolean} selected Indicates whether the item is selected or not\n */\n@event(\"item-press\", { bubbles: true })\n/**\n * Fired event when the user focuses on a list item.\n *\n * @public\n * @param {HTMLElement} item The focused list item\n */\n@event(\"item-focus\", { bubbles: true })\n\nclass UDExListItem extends UDExListItemBase {\n  eventDetails!: {\n    \"item-press\": UDExListItemItemPressEventDetail,\n    \"item-focus\": UDExListItemBaseEventDetail,\n  } & UDExListItemBaseEvents;\n  /**\n   * Defines the image badge state of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    imageBadgeState?: `${UDExStatusBadgeValueState}`;\n\n  /**\n   * Defines the accessible name of the item.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Defines the position for flag image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    flagPosition?: string;\n\n  /**\n   * Defines the image, displayed at the start of the item.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    flag?: boolean;\n\n  /**\n   * Indicates if the item is active.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n\n  /**\n   * Indicates if the item is on focus\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    focused!: boolean;\n\n  /**\n   * Defines the additionalText, displayed at the end of the list item.\n   *\n   * @public\n   */\n  @property({ type: String })\n    additionalText?: string;\n\n  /**\n   * Defines the state of the additionalText.\n   *\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    additionalTextState: `${UDExAdditionalTextState}` = UDExAdditionalTextState.None;\n\n  /**\n   * Allows control over the image source.\n   *\n   * @public\n   */\n  @property({ type: String })\n    image?: string;\n\n  /**\n   * Allows control over the alternative text of the image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    imageAlt?: string;\n\n  /**\n   * Defines the shape of the image.\n   *\n   * @default \"Circle\"\n   * @public\n   */\n  @property()\n    imageShape: `${UDExAvatarShape}` = UDExAvatarShape.Circle;\n\n  /**\n   * Allows control over the size of the image.\n   *\n   * @default \"S\"\n   * @public\n   */\n  @property()\n    imageSize: `${UDExAvatarSize}` = UDExAvatarSize.S;\n\n  /**\n   * Slot for list item content.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: Node, \"default\": true })\n    content!: DefaultSlot<Node>;\n\n  /**\n   * Slot for first icon.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: UDExButton })\n    firstIcon!: Array<UDExButton>;\n\n  /**\n   * Slot for second icon.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: UDExButton })\n    secondIcon!: Array<UDExButton>;\n\n  /**\n  * Defines the role attribute of component\n  *\n  * @default \"\"\n  * @public\n  */\n  @property({ type: String })\n    accessibleRole: string = \"\";\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  _displayRating: UDExDisplayType = UDExDisplayType.Desktop;\n\n  deactivate: () => void;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n\n    this.deactivate = () => {\n      if (this.active) {\n        this.active = false;\n      }\n    };\n  }\n\n  onEnterDOM() {\n    document.addEventListener(\"mouseup\", this.deactivate);\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onExitDOM() {\n    document.removeEventListener(\"mouseup\", this.deactivate);\n  }\n\n  handleMouseDown() {\n    this.activate();\n  }\n\n  handleMouseUp() {\n    this.deactivate();\n  }\n\n  handleKeyUp(e: KeyboardEvent) {\n    e.preventDefault();\n    if (isSpace(e) || isEnter(e)) {\n      this.deactivate();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    if (this.firstIconElement === e.target || this.secondIconElement === e.target || (e.target as HTMLElement).classList.contains(\"udex-list__group-heading__icon\")) {\n      return;\n    }\n\n    if (isSpace(e)) {\n      e.preventDefault();\n    }\n    if (isSpace(e) || isEnter(e)) {\n      this.activate();\n      this.handleItemClick(e);\n    }\n  }\n\n  handleKeyDownIcon(e: KeyboardEvent) {\n    e.stopPropagation();\n  }\n\n  handleItemClick(e: Event) {\n    if (this.disabled) {\n      return;\n    }\n    if (!this.indeterminate && !this.controlled) {\n      this.selected = !this.selected;\n    }\n    this.fireItemPress(e);\n  }\n\n  handleFocusIn() {\n    if (!this.disabled) {\n      this.focused = true;\n      this.fireDecoratorEvent(\"item-focus\", {\n        item: this,\n      });\n    }\n  }\n\n  handleFocusOut() {\n    if (!this.disabled) {\n      this.focused = false;\n      this.deactivate();\n    }\n  }\n\n  fireItemPress(e: Event) {\n    if (isEnter(e as KeyboardEvent)) {\n      e.preventDefault();\n    }\n    this.fireDecoratorEvent(\"item-press\", {\n      selected: this.selected,\n      item: this,\n    });\n  }\n\n  activate() {\n    if (!this.disabled) {\n      this.active = true;\n    }\n  }\n\n  get className(): string {\n    const isGroupChild = this?.parentElement as UDExListGroupHeaderBase;\n    const controlledClassName = this.controlled ? `${listItemClass}_controlled` : \"\";\n    const groupClassName = isGroupChild?.isGroup ? `${listItemClass}_group` : \"\";\n    const largeSizeClassName = this.isLargeSize ? `${listItemClass}_large` : \"\";\n    return `${listItemClass} ${groupClassName} ${this._additionalClassName} ${controlledClassName} ${largeSizeClassName}`.trim();\n  }\n\n  get firstIconElement(): UDExButton {\n    return this.getSlottedNodes<UDExButton>(\"firstIcon\")[0];\n  }\n\n  get secondIconElement(): UDExButton {\n    return this.getSlottedNodes<UDExButton>(\"secondIcon\")[0];\n  }\n\n  get hasFirstIcon(): boolean {\n    return !!this.firstIcon;\n  }\n\n  get hasSecondIcon(): boolean {\n    return !!this.secondIcon;\n  }\n\n  get roleItem(): string {\n    return this.accessibleRole.length > 0 ? this.accessibleRole : listItemRole;\n  }\n\n  get ariaCheckedValue(): \"true\" | \"false\" | \"mixed\" | undefined {\n    if (this.roleItem !== \"treeitem\") {\n      return undefined;\n    }\n    // Only MultiSelect treeitems expose aria-checked; SingleSelect uses aria-selected.\n    if (!this.modeMultiSelect) {\n      return undefined;\n    }\n    if (this.indeterminate) {\n      return \"mixed\";\n    }\n    return this.selected ? \"true\" : \"false\";\n  }\n\n  get ariaSelectedValue(): \"true\" | \"false\" | undefined {\n    if (this.roleItem !== \"treeitem\") {\n      return undefined;\n    }\n    // Only SingleSelect treeitems expose aria-selected; MultiSelect uses aria-checked.\n    if (this.modeMultiSelect) {\n      return undefined;\n    }\n    return this.selected ? \"true\" : \"false\";\n  }\n\n  get ariaExpandedValue(): \"true\" | \"false\" | undefined {\n    if (!this.collapsible) {\n      return undefined;\n    }\n    return this.expanded ? \"true\" : \"false\";\n  }\n\n  get checkboxAriaHidden(): boolean {\n    return this.roleItem === \"treeitem\";\n  }\n\n  get _ariaDisabled(): boolean | undefined {\n    return this.disabled ? true : undefined;\n  }\n\n  get modeSingleContent(): boolean {\n    return this.mode === UDExListMode.SingleContent;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get modeSelected(): boolean {\n    return [UDExListMode.SingleSelect, UDExListMode.MultiSelect, UDExListMode.RadioGroup].includes(this.mode as UDExListMode);\n  }\n\n  get isLargeSize(): boolean {\n    return this.size === UDExListItemSize.Large;\n  }\n\n  get accessibleListItemName(): string {\n    return this.accessibleName || this.label?.replace(/<[^>]+>/g, \"\");\n  }\n\n  get stateAccessibleName(): string {\n    if (this.indeterminate) {\n      return translate(UDExListItem, INDETERMINATE);\n    }\n    return `${this.selected ? translate(UDExListItem, SELECTED) : translate(UDExListItem, UNSELECTED)} `;\n  }\n\n  get itemDescribedBy(): string {\n    return `${this._id}-invisibleText-describedby`;\n  }\n\n  get itemState(): string {\n    return this.selected ? \"Selected\" : \"Not selected\";\n  }\n\n  get ratingAriaLabel(): string {\n    const ratingText = this.ratingCount ? `${translate(UDExListItem, RATING_COUNT_TITLE)} ${this.ratingCount}` : \"\";\n    const totalText = this.totalCount ? `${translate(UDExListItem, TOTAL)} ${this.totalCount}` : \"\";\n    const ratingTitleText = translate(UDExListItem, RATING_INDICATOR_TEXT);\n    return [...[ratingText, totalText].filter(Boolean), `${ratingTitleText} ${this.rating} of ${this.ratingMax}`].join(\", \");\n  }\n}\n\nUDExListItem.define();\n\nexport default UDExListItem;\nexport type { UDExListItemBaseEventDetail, UDExListItemItemPressEventDetail };\n"]}

package/dist/MediaPlayer.d.ts

@@ -1,6 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { VimeoPlayer } from "./MediaPlayerVimeo.js";
+import "./BusyIndicator.js";
 declare global {
     interface Window {
         videojs: any;
@@ -170,6 +171,7 @@ declare class UDExMediaPlayer extends UI5Element {
      * @public
      */
     registerPlugin(name: string, plugin: (...args: any[]) => any): void;
+    _injectBusyIndicator(): void;
     getPlayedTime: (target: EventTarget) => number;
     calculateVideoProgress(timeWatched: number): void;
     checkCaptionsAvailability(player: any): void;

package/dist/MediaPlayer.js

@@ -12,6 +12,7 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import mapLangFile from "./mediaPlayerLanguageMapping.js";
+import "./BusyIndicator.js";
 // Template
 import MediaPlayerTemplate from "./MediaPlayerTemplate.js";
 // Styles
@@ -134,6 +135,16 @@ let UDExMediaPlayer = class UDExMediaPlayer extends UI5Element {
     registerPlugin(name, plugin) {
         this._pendingPlugins.push({ name, plugin });
     }
+    _injectBusyIndicator() {
+        const spinner = this.shadowRoot?.querySelector(".vjs-loading-spinner");
+        if (!spinner || spinner.querySelector("[udex-busy-indicator]")) {
+            return;
+        }
+        const busyIndicator = document.createElement("udex-busy-indicator");
+        busyIndicator.setAttribute("active", "");
+        busyIndicator.setAttribute("surface-container", "");
+        spinner.appendChild(busyIndicator);
+    }
     calculateVideoProgress(timeWatched) {
         if (timeWatched >= 25 && !this.video25) {
             this.fireDecoratorEvent("video25");
@@ -382,6 +393,7 @@ let UDExMediaPlayer = class UDExMediaPlayer extends UI5Element {
             }
             this.player = videojs(this.shadowRoot?.querySelector(".video-js") || "", options);
             this.attachListeners(this.player);
+            this._injectBusyIndicator();
             if (this.audioOnly) {
                 return;
             }

package/dist/MediaPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaPlayer.js","sourceRoot":"","sources":["../src/MediaPlayer.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport type { VimeoPlayer } from \"./MediaPlayerVimeo.js\";\nimport mapLangFile from \"./mediaPlayerLanguageMapping.js\";\nimport type UDExMediaPlayerYoutube from \"./MediaPlayerYoutube.js\";\nimport type UDExMediaPlayerVimeo from \"./MediaPlayerVimeo.js\";\n\n// Template\nimport MediaPlayerTemplate from \"./MediaPlayerTemplate.js\";\n\n// Styles\nimport MediaPlayerCss from \"./generated/themes/MediaPlayer.css.js\";\n\ndeclare global {\n  interface Window {\n    videojs: any;\n  }\n}\n\nexport type YoutubePlayer = YT.Player;\nexport enum UDExAspectRatio {\n  \"16:9\" = \"16:9\",\n  \"9:16\" = \"9:16\",\n  \"4:3\" = \"4:3\",\n  \"1:1\" = \"1:1\",\n  \"none\" = \"none\",\n}\n\ntype UDExMediaPlayerVideoProgressEventDetail = {\n  progress: number,\n}\n\ntype UDExMediaPlayerVideojsReadyEventDetail = {\n  videojs: any,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-media-player</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MediaPlayer.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-media-player\n * @public\n */\n@customElement({\n  tag: \"udex-media-player\",\n  renderer: jsxRenderer,\n  styles: MediaPlayerCss,\n  template: MediaPlayerTemplate,\n})\n/**\n * Fires when video is played\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoStart\")\n/**\n * Fires when video is paused\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoPause\", { bubbles: true })\n/**\n * Fires when video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoComplete\", { bubbles: true })\n/**\n * Fires when video is ready\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoReady\", { bubbles: true })\n/**\n * Fires when video watching progress changed\n *\n * @allowPreventDefault\n * @public\n * @param {number} progress percentage of video watched\n */\n@event(\"videoProgress\", { bubbles: true })\n/**\n * Fires when 25% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video25\", { bubbles: true })\n/**\n * Fires when 50% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video50\", { bubbles: true })\n/**\n * Fires when 75% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video75\", { bubbles: true })\n/**\n * Fires when the VideoJS library is loaded but before the player is created.\n * Use this event to register custom VideoJS plugins via\n * <code>event.detail.videojs.registerPlugin()</code>.\n *\n * @public\n * @param {object} videojs the VideoJS constructor object\n */\n@event(\"videojsReady\", { bubbles: true })\nclass UDExMediaPlayer extends UI5Element {\n  eventDetails!: {\n    \"videoStart\": void,\n    \"videoPause\": void,\n    \"videoComplete\": void,\n    \"videoReady\": void,\n    \"videoProgress\": UDExMediaPlayerVideoProgressEventDetail,\n    \"video25\": void,\n    \"video50\": void,\n    \"video75\": void,\n    \"videojsReady\": UDExMediaPlayerVideojsReadyEventDetail,\n  };\n  /**\n   * Defines the options object of video.js element\n   * accepts following properties: https://videojs.com/guides/options\n   *\n   * @public\n   */\n  @property({ type: String })\n    options!: string;\n  /**\n   * Defines the source of the video  or audio\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    source: string = \"\";\n  /**\n   * Defines the video/audio type (examples: \"video/mp4\" for mp4, \"application/x-mpegURL\" for m3u8, \"audio/mp3\" for mp3) more information https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source\n   *\n   * @default \"video/mp4\"\n   * @public\n   */\n  @property({ type: String })\n    type: string = \"video/mp4\";\n  /**\n   * Defines a title for youtube video\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    title: string = \"\";\n  /**\n   * Defines if only audio should be played\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    audioOnly!: boolean;\n  /**\n   * Defines the poster url\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    poster: string = \"\";\n  /**\n  * Placeholder for all html `track` elements to provide video subtitles.\n  * Example: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\n  * More information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track\n  *\n  * @slot\n  * @public\n  */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    caption!: DefaultSlot<HTMLElement>;\n  /**\n * Defines video width. Used for YouTube and Vimeo videos only.\n * Regular video and audio sizes are control by CSS variables.\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String })\n    width: string = \"\";\n  /**\n   * Defines video height. Used for YouTube and Vimeo videos only.\n   * Regular video and audio sizes are control by CSS variables.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    height: string = \"\";\n  /**\n   * Defines id of html element that videojs will be initialized with\n   *\n   * @default \"udex-media-player\"\n   * @public\n   */\n  @property({ type: String })\n    playerid: string = \"udex-media-player\";\n  /**\n   * Defines aspect ratio of video. If set, video will be display in fluid mode.\n   * Possible values: \"16:9\" , \"9:16\", \"4:3\", \"1:1\", \"none\"\n  *\n  * @default \"16:9\"\n  * @public\n  */\n  @property()\n    aspectRatio: `${UDExAspectRatio}` = \"16:9\";\n  /**\n   * If this property is set, whenever user will focus on udex-media-player element, focus will be redirected into Big Play Button element.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    playButtonInitialFocus!: boolean;\n  /**\n   * Enable videojs instance to be added to global window object\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    enableGlobalDependency!: boolean;\n  /**\n  * @private\n  */\n  @property({ type: Boolean })\n    _allowIframeLoad!: boolean;\n\n  player!: any;\n  video25!: boolean;\n  video50!: boolean;\n  video75!: boolean;\n  videoCompleted!: boolean;\n  videoStart!: boolean;\n  videoReady!: boolean;\n  videoProgress!: number;\n  private _pendingPlugins: Array<{ name: string; plugin: (...args: any[]) => any }> = [];\n\n  /**\n   * Registers a custom VideoJS plugin to be applied before player initialization.\n   * Must be called before the component renders.\n   * For plugins registered after rendering, use the videojsReady event instead.\n   *\n   * @param name - The plugin name\n   * @param plugin - The plugin function or class\n   * @public\n   */\n  registerPlugin(name: string, plugin: (...args: any[]) => any): void {\n    this._pendingPlugins.push({ name, plugin });\n  }\n\n  getPlayedTime = (target: EventTarget): number => {\n    const progressControl = (target as any)?.player.controlBar?.progressControl?.childNameIndex_.seekBar;\n    if (!progressControl) {\n      return 0;\n    }\n    return Math.round(progressControl.getPercent() * 100);\n  };\n\n  calculateVideoProgress(timeWatched: number) {\n    if (timeWatched >= 25 && !this.video25) {\n      this.fireDecoratorEvent(\"video25\");\n      this.video25 = true;\n    }\n\n    if (timeWatched >= 50 && !this.video50) {\n      this.fireDecoratorEvent(\"video50\");\n      this.video50 = true;\n    }\n\n    if (timeWatched >= 75 && !this.video75) {\n      this.fireDecoratorEvent(\"video75\");\n      this.video75 = true;\n    }\n\n    this.fireDecoratorEvent(\"videoProgress\", { progress: timeWatched });\n  }\n\n  checkCaptionsAvailability(player: any) {\n    player.on(\"loadedmetadata\", () => {\n      if (!player?.textTracks) { return; }\n\n      const tracks = player?.textTracks();\n      let captionsAvailable = false;\n      for (let i = 0; i < tracks.length; i++) {\n        if (tracks[i].kind === \"captions\" || tracks[i].kind === \"subtitles\") {\n          captionsAvailable = true;\n        }\n      }\n\n      if (!captionsAvailable && !this._tracks.length) {\n        player.controlBar?.removeChild(\"SubsCapsButton\");\n      }\n    });\n  }\n\n  applyScrollIntoTheView() {\n    const bigPlayButton = this.player.bigPlayButton?.el();\n    bigPlayButton.addEventListener(\"focus\", () => {\n      this.player.el().scrollIntoView({\n        behavior: \"smooth\",\n        block: \"center\",\n      });\n    });\n  }\n\n  attachListeners(player: any) {\n    player.on(\"timeupdate\", (e: Event) => {\n      if (!e.target) {\n        return;\n      }\n\n      const timeWatched = this.getPlayedTime(e.target);\n      if (timeWatched >= 0) {\n        this.calculateVideoProgress(timeWatched);\n      }\n    });\n\n    player.on(\"play\", () => {\n      this.fireDecoratorEvent(\"videoStart\");\n    });\n\n    player.on(\"ended\", () => {\n      this.fireDecoratorEvent(\"videoComplete\");\n    });\n\n    player.on(\"pause\", () => {\n      this.fireDecoratorEvent(\"videoPause\");\n    });\n\n    player.on(\"ready\", () => {\n      this.player.src({\n        src: this.source,\n        type: this.type,\n      });\n      this.checkCaptionsAvailability(player);\n      this.applyScrollIntoTheView();\n      this.fireDecoratorEvent(\"videoReady\");\n    });\n\n    if (this.playButtonInitialFocus) {\n      this.addEventListener(\"focus\", () => {\n        (async () => {\n          await player.getChild(\"BigPlayButton\")?.el_.focus();\n        })();\n      });\n    }\n  }\n\n  /**\n   * Returns video element\n   * @public\n   */\n  getPlayer(): HTMLVideoElement | HTMLAudioElement | YoutubePlayer | VimeoPlayer | null {\n    if (this._youtubeSrc) {\n      const player = this.shadowRoot?.querySelector(\"[udex-media-player-youtube]\") as UDExMediaPlayerYoutube;\n      return player?.getPlayer() || null;\n    }\n    if (this._vimeoSrc) {\n      const player = this.shadowRoot?.querySelector(\"[udex-media-player-vimeo]\") as UDExMediaPlayerVimeo;\n      return player?.getPlayer() || null;\n    }\n    return this.shadowRoot?.querySelector(\".video-js video\") as HTMLVideoElement || this.shadowRoot?.querySelector(\".video-js audio\") || null;\n  }\n\n  setupHotkeys(e: KeyboardEvent, player: any) {\n    // Back to start\n    if (e.key === \"0\") {\n      e.preventDefault();\n      e.stopPropagation();\n      player.currentTime(0);\n      player.play();\n      return;\n    }\n\n    // Full screen toggle\n    if (e.key.toLowerCase() === \"f\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (!player.isFullscreen()) {\n        player.requestFullscreen();\n      } else {\n        player.exitFullscreen();\n      }\n      return;\n    }\n\n    // Mute / Unmute\n    if (e.key.toLowerCase() === \"m\") {\n      e.preventDefault();\n      e.stopPropagation();\n      player.muted(!player.muted());\n      return;\n    }\n\n    // Play / Pause\n    if (e.key === \" \") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (player.paused()) {\n        player.play();\n      } else {\n        player.pause();\n      }\n      return;\n    }\n\n    // Speed up the video - set higher playback rate\n    if (e.key === \"ArrowRight\" && e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      const playbackRatesOptions: Array<number> = player.options_.playbackRates;\n      const currentRateIndex = playbackRatesOptions.indexOf(player.playbackRate() as number ?? 1);\n      if (currentRateIndex < playbackRatesOptions.length - 1) {\n        const newPlaybackRate = currentRateIndex + 1;\n        player.playbackRate(playbackRatesOptions[newPlaybackRate]);\n      }\n      return;\n    }\n\n    // Slow down the video - set lower playback rate\n    if (e.key === \"ArrowLeft\" && e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      const playbackRatesOptions: Array<number> = player.options_.playbackRates;\n      const currentRateIndex = playbackRatesOptions.indexOf(player.playbackRate() as number ?? 1);\n      if (currentRateIndex > 0) {\n        const newPlaybackRate = currentRateIndex - 1;\n        player.playbackRate(playbackRatesOptions[newPlaybackRate]);\n      }\n      return;\n    }\n\n    // Skip forward / Skip backward\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      e.stopPropagation();\n      const stepSeconds = player.controlBar.progressControl.seekBar.options_.stepSeconds;\n      const duration: number = player.duration() ?? 0;\n      const currentTime: number = player.currentTime() ?? 0;\n      const delta: number = (e.key === \"ArrowRight\" ? stepSeconds : -stepSeconds);\n      const newTime = Math.min(Math.max(currentTime + delta, 0), duration);\n      player.currentTime(newTime);\n      return;\n    }\n\n    // Volume change\n    if (((e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && e.ctrlKey)\n      || ((e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && e.metaKey)) {\n      e.preventDefault();\n      e.stopPropagation();\n      const volumeStep: number = 0.1;\n      const volume: number = player.volume() ?? 0;\n      let newVolume = volume + (e.key === \"ArrowUp\" ? volumeStep : -volumeStep);\n      newVolume = Math.min(Math.max(newVolume, 0), 1);\n      player.volume(newVolume);\n    }\n  }\n\n  getOptionsValue() {\n    const baseOptions = {\n      playbackRates: [1, 1.5, 2],\n      controls: true,\n      poster: this.poster,\n      audioOnly: this.audioOnly,\n      bigPlayButton: true,\n      controlBar: {\n        playToggle: true,\n        volumePanel: true,\n        progressControl: {\n          seekBar: {\n            stepSeconds: 10,\n          },\n        },\n        remainingTimeDisplay: true,\n        subsCapsButton: true,\n        playbackRateMenuButton: true,\n        fullscreenToggle: true,\n        pictureInPictureToggle: false,\n      },\n      userActions: {\n        hotkeys: (e: KeyboardEvent) => {\n          this.setupHotkeys(e, this.player);\n        },\n      },\n    };\n\n    if (!this.options) {\n      return baseOptions;\n    }\n\n    return {\n      ...baseOptions,\n      ...JSON.parse(this.options),\n    };\n  }\n\n  async setupLanguage(language: string) {\n    try {\n      return await mapLangFile(language);\n    } catch (err) {\n      console.warn(\"Cannot load language file\", err);\n    }\n  }\n\n  onAfterRendering(): void {\n    if (this._youtubeSrc || this._vimeoSrc) {\n      return;\n    }\n\n    import(\"video.js\").then(async (videojsModule: any) => {\n      const videojs = videojsModule.default;\n\n      if (this.enableGlobalDependency) {\n        window.videojs = videojs;\n      }\n\n      this._pendingPlugins.forEach(({ name, plugin }) => {\n        videojs.registerPlugin(name, plugin);\n      });\n      this._pendingPlugins = [];\n\n      this.fireDecoratorEvent(\"videojsReady\", { videojs });\n\n      const options = this.getOptionsValue();\n      const language: string = options?.language;\n      if (language) {\n        const languageData = await this.setupLanguage(language);\n        videojs.addLanguage(language, {\n          ...languageData,\n          ...languageData?.default,\n        });\n      }\n\n      this.player = videojs(this.shadowRoot?.querySelector(\".video-js\") || \"\", options);\n      this.attachListeners(this.player);\n\n      if (this.audioOnly) { return; }\n\n      const backgroundOpacityElement = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-bg-opacity > select > option[value=\\\"0.5\\\"]\");\n      if (backgroundOpacityElement) {\n        backgroundOpacityElement.value = \"0.7\";\n        backgroundOpacityElement.selected = true;\n      }\n\n      const fontSizeElement = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-font-percent > select > option[value=\\\"1.00\\\"]\");\n      if (fontSizeElement) { fontSizeElement.value = \"1.2245\"; }\n\n      const playbackSpeed = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-playback-rate .vjs-playback-rate-value\");\n      playbackSpeed?.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  handleEmbedPlay() {\n    this._allowIframeLoad = true;\n  }\n\n  handleEmbedVideoReady() {\n    this.fireDecoratorEvent(\"videoReady\");\n  }\n\n  handleEmbedVideoPlaying = (embedEvent: CustomEvent) => {\n    if (!this.videoStart) {\n      this.fireDecoratorEvent(\"videoStart\");\n      this.videoStart = true;\n    }\n    const playedTime = Math.round(embedEvent.detail.percentPlayed as number);\n    this.calculateVideoProgress(playedTime);\n  };\n\n  handleEmbedVideoEnded() {\n    this.fireDecoratorEvent(\"videoComplete\");\n  }\n\n  handleEmbedVideoPause() {\n    this.fireDecoratorEvent(\"videoPause\");\n  }\n\n  get _iframePosterPreload() {\n    const shouldBlockIframe = this._iframeLoad && this.poster;\n    if (this._allowIframeLoad) {\n      return false;\n    }\n    if (!shouldBlockIframe) {\n      this._allowIframeLoad = true;\n    }\n    return shouldBlockIframe;\n  }\n\n  get _iframeLoad() {\n    return this._youtubeSrc || this._vimeoSrc;\n  }\n\n  get _tracks(): Array<HTMLTrackElement> {\n    return this.getSlottedNodes(\"caption\");\n  }\n\n  get _vimeoSrc() {\n    return this.source.includes(\"vimeo\");\n  }\n\n  get _youtubeSrc() {\n    return this.source.includes(\"youtube\");\n  }\n\n  get aspectRatioClass() {\n    switch (this.aspectRatio) {\n    case UDExAspectRatio[\"16:9\"]:\n      return \"vjs-16-9 udex-media-player__fluid vjs-fluid\";\n    case UDExAspectRatio[\"9:16\"]:\n      return \"vjs-9-16 udex-media-player__fluid vjs-fluid\";\n    case UDExAspectRatio[\"4:3\"]:\n      return \"vjs-4-3 udex-media-player__fluid vjs-fluid\";\n    case UDExAspectRatio[\"1:1\"]:\n      return \"vjs-1-1 udex-media-player__fluid vjs-fluid\";\n    default:\n      return \"\";\n    }\n  }\n\n  get embedVideoFluidClass() {\n    if (this.aspectRatio === UDExAspectRatio[\"16:9\"] || this.aspectRatio === UDExAspectRatio[\"9:16\"] || this.aspectRatio === UDExAspectRatio[\"4:3\"] || this.aspectRatio === UDExAspectRatio[\"1:1\"]) {\n      return true;\n    }\n    return false;\n  }\n\n  get playerElementId(): string {\n    return this.playerid || \"udex-media-player\";\n  }\n\n  onExitDOM(): void {\n    if (this.player) {\n      this.player.dispose();\n    }\n  }\n}\n\nUDExMediaPlayer.define();\n\nexport default UDExMediaPlayer;\nexport type { UDExMediaPlayerVideoProgressEventDetail, UDExMediaPlayerVideojsReadyEventDetail };\n"]}
+{"version":3,"file":"MediaPlayer.js","sourceRoot":"","sources":["../src/MediaPlayer.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport type { VimeoPlayer } from \"./MediaPlayerVimeo.js\";\nimport mapLangFile from \"./mediaPlayerLanguageMapping.js\";\nimport type UDExMediaPlayerYoutube from \"./MediaPlayerYoutube.js\";\nimport type UDExMediaPlayerVimeo from \"./MediaPlayerVimeo.js\";\nimport \"./BusyIndicator.js\";\n\n// Template\nimport MediaPlayerTemplate from \"./MediaPlayerTemplate.js\";\n\n// Styles\nimport MediaPlayerCss from \"./generated/themes/MediaPlayer.css.js\";\n\ndeclare global {\n  interface Window {\n    videojs: any;\n  }\n}\n\nexport type YoutubePlayer = YT.Player;\nexport enum UDExAspectRatio {\n  \"16:9\" = \"16:9\",\n  \"9:16\" = \"9:16\",\n  \"4:3\" = \"4:3\",\n  \"1:1\" = \"1:1\",\n  \"none\" = \"none\",\n}\n\ntype UDExMediaPlayerVideoProgressEventDetail = {\n  progress: number,\n}\n\ntype UDExMediaPlayerVideojsReadyEventDetail = {\n  videojs: any,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-media-player</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MediaPlayer.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-media-player\n * @public\n */\n@customElement({\n  tag: \"udex-media-player\",\n  renderer: jsxRenderer,\n  styles: MediaPlayerCss,\n  template: MediaPlayerTemplate,\n})\n/**\n * Fires when video is played\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoStart\")\n/**\n * Fires when video is paused\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoPause\", { bubbles: true })\n/**\n * Fires when video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoComplete\", { bubbles: true })\n/**\n * Fires when video is ready\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoReady\", { bubbles: true })\n/**\n * Fires when video watching progress changed\n *\n * @allowPreventDefault\n * @public\n * @param {number} progress percentage of video watched\n */\n@event(\"videoProgress\", { bubbles: true })\n/**\n * Fires when 25% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video25\", { bubbles: true })\n/**\n * Fires when 50% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video50\", { bubbles: true })\n/**\n * Fires when 75% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video75\", { bubbles: true })\n/**\n * Fires when the VideoJS library is loaded but before the player is created.\n * Use this event to register custom VideoJS plugins via\n * <code>event.detail.videojs.registerPlugin()</code>.\n *\n * @public\n * @param {object} videojs the VideoJS constructor object\n */\n@event(\"videojsReady\", { bubbles: true })\nclass UDExMediaPlayer extends UI5Element {\n  eventDetails!: {\n    \"videoStart\": void,\n    \"videoPause\": void,\n    \"videoComplete\": void,\n    \"videoReady\": void,\n    \"videoProgress\": UDExMediaPlayerVideoProgressEventDetail,\n    \"video25\": void,\n    \"video50\": void,\n    \"video75\": void,\n    \"videojsReady\": UDExMediaPlayerVideojsReadyEventDetail,\n  };\n  /**\n   * Defines the options object of video.js element\n   * accepts following properties: https://videojs.com/guides/options\n   *\n   * @public\n   */\n  @property({ type: String })\n    options!: string;\n  /**\n   * Defines the source of the video  or audio\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    source: string = \"\";\n  /**\n   * Defines the video/audio type (examples: \"video/mp4\" for mp4, \"application/x-mpegURL\" for m3u8, \"audio/mp3\" for mp3) more information https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source\n   *\n   * @default \"video/mp4\"\n   * @public\n   */\n  @property({ type: String })\n    type: string = \"video/mp4\";\n  /**\n   * Defines a title for youtube video\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    title: string = \"\";\n  /**\n   * Defines if only audio should be played\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    audioOnly!: boolean;\n  /**\n   * Defines the poster url\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    poster: string = \"\";\n  /**\n  * Placeholder for all html `track` elements to provide video subtitles.\n  * Example: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\n  * More information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track\n  *\n  * @slot\n  * @public\n  */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    caption!: DefaultSlot<HTMLElement>;\n  /**\n * Defines video width. Used for YouTube and Vimeo videos only.\n * Regular video and audio sizes are control by CSS variables.\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String })\n    width: string = \"\";\n  /**\n   * Defines video height. Used for YouTube and Vimeo videos only.\n   * Regular video and audio sizes are control by CSS variables.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    height: string = \"\";\n  /**\n   * Defines id of html element that videojs will be initialized with\n   *\n   * @default \"udex-media-player\"\n   * @public\n   */\n  @property({ type: String })\n    playerid: string = \"udex-media-player\";\n  /**\n   * Defines aspect ratio of video. If set, video will be display in fluid mode.\n   * Possible values: \"16:9\" , \"9:16\", \"4:3\", \"1:1\", \"none\"\n  *\n  * @default \"16:9\"\n  * @public\n  */\n  @property()\n    aspectRatio: `${UDExAspectRatio}` = \"16:9\";\n  /**\n   * If this property is set, whenever user will focus on udex-media-player element, focus will be redirected into Big Play Button element.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    playButtonInitialFocus!: boolean;\n  /**\n   * Enable videojs instance to be added to global window object\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    enableGlobalDependency!: boolean;\n  /**\n  * @private\n  */\n  @property({ type: Boolean })\n    _allowIframeLoad!: boolean;\n\n  player!: any;\n  video25!: boolean;\n  video50!: boolean;\n  video75!: boolean;\n  videoCompleted!: boolean;\n  videoStart!: boolean;\n  videoReady!: boolean;\n  videoProgress!: number;\n  private _pendingPlugins: Array<{ name: string; plugin: (...args: any[]) => any }> = [];\n\n  /**\n   * Registers a custom VideoJS plugin to be applied before player initialization.\n   * Must be called before the component renders.\n   * For plugins registered after rendering, use the videojsReady event instead.\n   *\n   * @param name - The plugin name\n   * @param plugin - The plugin function or class\n   * @public\n   */\n  registerPlugin(name: string, plugin: (...args: any[]) => any): void {\n    this._pendingPlugins.push({ name, plugin });\n  }\n\n  _injectBusyIndicator(): void {\n    const spinner = this.shadowRoot?.querySelector(\".vjs-loading-spinner\");\n    if (!spinner || spinner.querySelector(\"[udex-busy-indicator]\")) { return; }\n    const busyIndicator = document.createElement(\"udex-busy-indicator\");\n    busyIndicator.setAttribute(\"active\", \"\");\n    busyIndicator.setAttribute(\"surface-container\", \"\");\n    spinner.appendChild(busyIndicator);\n  }\n\n  getPlayedTime = (target: EventTarget): number => {\n    const progressControl = (target as any)?.player.controlBar?.progressControl?.childNameIndex_.seekBar;\n    if (!progressControl) {\n      return 0;\n    }\n    return Math.round(progressControl.getPercent() * 100);\n  };\n\n  calculateVideoProgress(timeWatched: number) {\n    if (timeWatched >= 25 && !this.video25) {\n      this.fireDecoratorEvent(\"video25\");\n      this.video25 = true;\n    }\n\n    if (timeWatched >= 50 && !this.video50) {\n      this.fireDecoratorEvent(\"video50\");\n      this.video50 = true;\n    }\n\n    if (timeWatched >= 75 && !this.video75) {\n      this.fireDecoratorEvent(\"video75\");\n      this.video75 = true;\n    }\n\n    this.fireDecoratorEvent(\"videoProgress\", { progress: timeWatched });\n  }\n\n  checkCaptionsAvailability(player: any) {\n    player.on(\"loadedmetadata\", () => {\n      if (!player?.textTracks) { return; }\n\n      const tracks = player?.textTracks();\n      let captionsAvailable = false;\n      for (let i = 0; i < tracks.length; i++) {\n        if (tracks[i].kind === \"captions\" || tracks[i].kind === \"subtitles\") {\n          captionsAvailable = true;\n        }\n      }\n\n      if (!captionsAvailable && !this._tracks.length) {\n        player.controlBar?.removeChild(\"SubsCapsButton\");\n      }\n    });\n  }\n\n  applyScrollIntoTheView() {\n    const bigPlayButton = this.player.bigPlayButton?.el();\n    bigPlayButton.addEventListener(\"focus\", () => {\n      this.player.el().scrollIntoView({\n        behavior: \"smooth\",\n        block: \"center\",\n      });\n    });\n  }\n\n  attachListeners(player: any) {\n    player.on(\"timeupdate\", (e: Event) => {\n      if (!e.target) {\n        return;\n      }\n\n      const timeWatched = this.getPlayedTime(e.target);\n      if (timeWatched >= 0) {\n        this.calculateVideoProgress(timeWatched);\n      }\n    });\n\n    player.on(\"play\", () => {\n      this.fireDecoratorEvent(\"videoStart\");\n    });\n\n    player.on(\"ended\", () => {\n      this.fireDecoratorEvent(\"videoComplete\");\n    });\n\n    player.on(\"pause\", () => {\n      this.fireDecoratorEvent(\"videoPause\");\n    });\n\n    player.on(\"ready\", () => {\n      this.player.src({\n        src: this.source,\n        type: this.type,\n      });\n      this.checkCaptionsAvailability(player);\n      this.applyScrollIntoTheView();\n      this.fireDecoratorEvent(\"videoReady\");\n    });\n\n    if (this.playButtonInitialFocus) {\n      this.addEventListener(\"focus\", () => {\n        (async () => {\n          await player.getChild(\"BigPlayButton\")?.el_.focus();\n        })();\n      });\n    }\n  }\n\n  /**\n   * Returns video element\n   * @public\n   */\n  getPlayer(): HTMLVideoElement | HTMLAudioElement | YoutubePlayer | VimeoPlayer | null {\n    if (this._youtubeSrc) {\n      const player = this.shadowRoot?.querySelector(\"[udex-media-player-youtube]\") as UDExMediaPlayerYoutube;\n      return player?.getPlayer() || null;\n    }\n    if (this._vimeoSrc) {\n      const player = this.shadowRoot?.querySelector(\"[udex-media-player-vimeo]\") as UDExMediaPlayerVimeo;\n      return player?.getPlayer() || null;\n    }\n    return this.shadowRoot?.querySelector(\".video-js video\") as HTMLVideoElement || this.shadowRoot?.querySelector(\".video-js audio\") || null;\n  }\n\n  setupHotkeys(e: KeyboardEvent, player: any) {\n    // Back to start\n    if (e.key === \"0\") {\n      e.preventDefault();\n      e.stopPropagation();\n      player.currentTime(0);\n      player.play();\n      return;\n    }\n\n    // Full screen toggle\n    if (e.key.toLowerCase() === \"f\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (!player.isFullscreen()) {\n        player.requestFullscreen();\n      } else {\n        player.exitFullscreen();\n      }\n      return;\n    }\n\n    // Mute / Unmute\n    if (e.key.toLowerCase() === \"m\") {\n      e.preventDefault();\n      e.stopPropagation();\n      player.muted(!player.muted());\n      return;\n    }\n\n    // Play / Pause\n    if (e.key === \" \") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (player.paused()) {\n        player.play();\n      } else {\n        player.pause();\n      }\n      return;\n    }\n\n    // Speed up the video - set higher playback rate\n    if (e.key === \"ArrowRight\" && e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      const playbackRatesOptions: Array<number> = player.options_.playbackRates;\n      const currentRateIndex = playbackRatesOptions.indexOf(player.playbackRate() as number ?? 1);\n      if (currentRateIndex < playbackRatesOptions.length - 1) {\n        const newPlaybackRate = currentRateIndex + 1;\n        player.playbackRate(playbackRatesOptions[newPlaybackRate]);\n      }\n      return;\n    }\n\n    // Slow down the video - set lower playback rate\n    if (e.key === \"ArrowLeft\" && e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      const playbackRatesOptions: Array<number> = player.options_.playbackRates;\n      const currentRateIndex = playbackRatesOptions.indexOf(player.playbackRate() as number ?? 1);\n      if (currentRateIndex > 0) {\n        const newPlaybackRate = currentRateIndex - 1;\n        player.playbackRate(playbackRatesOptions[newPlaybackRate]);\n      }\n      return;\n    }\n\n    // Skip forward / Skip backward\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      e.stopPropagation();\n      const stepSeconds = player.controlBar.progressControl.seekBar.options_.stepSeconds;\n      const duration: number = player.duration() ?? 0;\n      const currentTime: number = player.currentTime() ?? 0;\n      const delta: number = (e.key === \"ArrowRight\" ? stepSeconds : -stepSeconds);\n      const newTime = Math.min(Math.max(currentTime + delta, 0), duration);\n      player.currentTime(newTime);\n      return;\n    }\n\n    // Volume change\n    if (((e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && e.ctrlKey)\n      || ((e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && e.metaKey)) {\n      e.preventDefault();\n      e.stopPropagation();\n      const volumeStep: number = 0.1;\n      const volume: number = player.volume() ?? 0;\n      let newVolume = volume + (e.key === \"ArrowUp\" ? volumeStep : -volumeStep);\n      newVolume = Math.min(Math.max(newVolume, 0), 1);\n      player.volume(newVolume);\n    }\n  }\n\n  getOptionsValue() {\n    const baseOptions = {\n      playbackRates: [1, 1.5, 2],\n      controls: true,\n      poster: this.poster,\n      audioOnly: this.audioOnly,\n      bigPlayButton: true,\n      controlBar: {\n        playToggle: true,\n        volumePanel: true,\n        progressControl: {\n          seekBar: {\n            stepSeconds: 10,\n          },\n        },\n        remainingTimeDisplay: true,\n        subsCapsButton: true,\n        playbackRateMenuButton: true,\n        fullscreenToggle: true,\n        pictureInPictureToggle: false,\n      },\n      userActions: {\n        hotkeys: (e: KeyboardEvent) => {\n          this.setupHotkeys(e, this.player);\n        },\n      },\n    };\n\n    if (!this.options) {\n      return baseOptions;\n    }\n\n    return {\n      ...baseOptions,\n      ...JSON.parse(this.options),\n    };\n  }\n\n  async setupLanguage(language: string) {\n    try {\n      return await mapLangFile(language);\n    } catch (err) {\n      console.warn(\"Cannot load language file\", err);\n    }\n  }\n\n  onAfterRendering(): void {\n    if (this._youtubeSrc || this._vimeoSrc) {\n      return;\n    }\n\n    import(\"video.js\").then(async (videojsModule: any) => {\n      const videojs = videojsModule.default;\n\n      if (this.enableGlobalDependency) {\n        window.videojs = videojs;\n      }\n\n      this._pendingPlugins.forEach(({ name, plugin }) => {\n        videojs.registerPlugin(name, plugin);\n      });\n      this._pendingPlugins = [];\n\n      this.fireDecoratorEvent(\"videojsReady\", { videojs });\n\n      const options = this.getOptionsValue();\n      const language: string = options?.language;\n      if (language) {\n        const languageData = await this.setupLanguage(language);\n        videojs.addLanguage(language, {\n          ...languageData,\n          ...languageData?.default,\n        });\n      }\n\n      this.player = videojs(this.shadowRoot?.querySelector(\".video-js\") || \"\", options);\n      this.attachListeners(this.player);\n      this._injectBusyIndicator();\n\n      if (this.audioOnly) { return; }\n\n      const backgroundOpacityElement = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-bg-opacity > select > option[value=\\\"0.5\\\"]\");\n      if (backgroundOpacityElement) {\n        backgroundOpacityElement.value = \"0.7\";\n        backgroundOpacityElement.selected = true;\n      }\n\n      const fontSizeElement = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-font-percent > select > option[value=\\\"1.00\\\"]\");\n      if (fontSizeElement) { fontSizeElement.value = \"1.2245\"; }\n\n      const playbackSpeed = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-playback-rate .vjs-playback-rate-value\");\n      playbackSpeed?.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  handleEmbedPlay() {\n    this._allowIframeLoad = true;\n  }\n\n  handleEmbedVideoReady() {\n    this.fireDecoratorEvent(\"videoReady\");\n  }\n\n  handleEmbedVideoPlaying = (embedEvent: CustomEvent) => {\n    if (!this.videoStart) {\n      this.fireDecoratorEvent(\"videoStart\");\n      this.videoStart = true;\n    }\n    const playedTime = Math.round(embedEvent.detail.percentPlayed as number);\n    this.calculateVideoProgress(playedTime);\n  };\n\n  handleEmbedVideoEnded() {\n    this.fireDecoratorEvent(\"videoComplete\");\n  }\n\n  handleEmbedVideoPause() {\n    this.fireDecoratorEvent(\"videoPause\");\n  }\n\n  get _iframePosterPreload() {\n    const shouldBlockIframe = this._iframeLoad && this.poster;\n    if (this._allowIframeLoad) {\n      return false;\n    }\n    if (!shouldBlockIframe) {\n      this._allowIframeLoad = true;\n    }\n    return shouldBlockIframe;\n  }\n\n  get _iframeLoad() {\n    return this._youtubeSrc || this._vimeoSrc;\n  }\n\n  get _tracks(): Array<HTMLTrackElement> {\n    return this.getSlottedNodes(\"caption\");\n  }\n\n  get _vimeoSrc() {\n    return this.source.includes(\"vimeo\");\n  }\n\n  get _youtubeSrc() {\n    return this.source.includes(\"youtube\");\n  }\n\n  get aspectRatioClass() {\n    switch (this.aspectRatio) {\n    case UDExAspectRatio[\"16:9\"]:\n      return \"vjs-16-9 udex-media-player__fluid vjs-fluid\";\n    case UDExAspectRatio[\"9:16\"]:\n      return \"vjs-9-16 udex-media-player__fluid vjs-fluid\";\n    case UDExAspectRatio[\"4:3\"]:\n      return \"vjs-4-3 udex-media-player__fluid vjs-fluid\";\n    case UDExAspectRatio[\"1:1\"]:\n      return \"vjs-1-1 udex-media-player__fluid vjs-fluid\";\n    default:\n      return \"\";\n    }\n  }\n\n  get embedVideoFluidClass() {\n    if (this.aspectRatio === UDExAspectRatio[\"16:9\"] || this.aspectRatio === UDExAspectRatio[\"9:16\"] || this.aspectRatio === UDExAspectRatio[\"4:3\"] || this.aspectRatio === UDExAspectRatio[\"1:1\"]) {\n      return true;\n    }\n    return false;\n  }\n\n  get playerElementId(): string {\n    return this.playerid || \"udex-media-player\";\n  }\n\n  onExitDOM(): void {\n    if (this.player) {\n      this.player.dispose();\n    }\n  }\n}\n\nUDExMediaPlayer.define();\n\nexport default UDExMediaPlayer;\nexport type { UDExMediaPlayerVideoProgressEventDetail, UDExMediaPlayerVideojsReadyEventDetail };\n"]}

package/dist/PromoTile.js

@@ -97,7 +97,7 @@ let UDExPromoTile = UDExPromoTile_1 = class UDExPromoTile extends UI5Element {
         const eyebrowColor = this.checkEyebrowColor(this.colorScheme);
         const isDarkMode = this._colorMode === UDExPromoTileMode.dark;
         const defaultButtonDesign = isDarkMode ? UDExButtonDesign.Secondary : UDExButtonDesign.Primary;
-        const modeColor = isDarkMode ? "var(--udexCoreTextLight)" : "inherit";
+        const modeColor = isDarkMode ? "var(--udexColorNeutralWhite)" : "inherit";
         if (this._button) {
             this._button.design = this.buttonDesign || defaultButtonDesign;
         }

package/dist/PromoTile.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromoTile.js","sourceRoot":"","sources":["../src/PromoTile.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport PromoTileTemplate from \"./PromoTileTemplate.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { PROMO_TILE, PROMO_TILE_ICON } from \"./generated/i18n/i18n-defaults.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport type UDExButton from \"./Button.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport { UDExPromoTileColorScheme, UDExPromoTileMode } from \"./types/PromoTile.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport PromoTileCss from \"./generated/themes/PromoTile.css.js\";\n\nexport enum UDExOrientation {\n  Vertical = \"Vertical\",\n  Horizontal = \"Horizontal\",\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-promo-tile</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/PromoTile.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-promo-tile\n * @public\n */\n@customElement({\n  tag: \"udex-promo-tile\",\n  renderer: jsxRenderer,\n  styles: PromoTileCss,\n  template: PromoTileTemplate,\n})\n\n/**\n * Triggered when the user clicks on the CTA button\n *\n * @public\n */\n@event(\"button-click\", { cancelable: true, bubbles: true })\n\nclass UDExPromoTile extends UI5Element {\n  eventDetails!: {\n    \"button-click\": void,\n  };\n\n  /**\n   * Defines the text content of the Promo Tile.\n   *\n   * @slot content\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    content!: DefaultSlot<HTMLElement>;\n\n  /**\n   * Defines the custom pictogram of the Promo Tile.\n   *\n   * @slot pictogram\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    pictogram?: Array<HTMLElement>;\n\n  /**\n   * Allows control over setting the CSS gradient.\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    backgroundGradient?: string;\n\n  /**\n   * Defines the orientation of the Promo Tile component.\n   *\n   * @default \"Vertical\"\n   * @public\n   */\n  @property()\n    orientation: `${UDExOrientation}` = UDExOrientation.Vertical;\n\n  /**\n   * Defines the UI5 icon name in the pictogram section.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    icon?: string;\n\n  /**\n   * Defines the image aria label and alt in the pictogram section.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    imageLabel?: string;\n\n  /**\n   * Defines the logo URL in the pictogram section.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoUrl?: string;\n\n  /**\n   * Defines the header text of the promo tile.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    header?: string;\n\n  /**\n   * Defines the eyebrow text of the promo tile.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    eyebrow?: string;\n\n  /**\n   * Defines the CTA button label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    button?: string;\n\n  /**\n   * Defines the CTA button design\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    buttonDesign?: UDExButtonDesign;\n\n  /**\n   * Defines the color scheme of the Promo Tile.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    colorScheme?: UDExPromoTileColorScheme;\n\n  /**\n   * Defines the accessible name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    accessibleName?: string;\n\n  /**\n   * Defines whether promo tile uses dark or light theme.\n   *\n   * @default \"light\"\n   * @private\n   */\n  @property({ type: String })\n    _colorMode: `${UDExPromoTileMode}` = UDExPromoTileMode.light;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _handleResizeBound: ResizeObserverCallback;\n  _button: UDExButton | undefined;\n  _lightModeColors: Array<number> = [1, 2];\n  _darkModeColors: Array<number> = [7, 8, 9, 10];\n  _defaultBackgroundColor = \"#FFF\";\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onAfterRendering() {\n    this._button = this.getButton();\n    this.applyColorScheme();\n  }\n\n  _handleResize(): void {\n    if (this._button) {\n      this._button.size = this.isMobile ? UDExButtonSize.Medium : UDExButtonSize.Large;\n    }\n  }\n\n  getButton(): UDExButton | undefined {\n    return this.shadowRoot!.querySelector<UDExButton>(\"[udex-button]\")!;\n  }\n\n  applyColorScheme(): void {\n    if (!this.colorScheme) {\n      return;\n    }\n\n    this._colorMode = this.checkColorMode(this.colorScheme);\n\n    const eyebrowColor = this.checkEyebrowColor(this.colorScheme);\n    const isDarkMode = this._colorMode === UDExPromoTileMode.dark;\n    const defaultButtonDesign = isDarkMode ? UDExButtonDesign.Secondary : UDExButtonDesign.Primary;\n    const modeColor = isDarkMode ? \"var(--udexCoreTextLight)\" : \"inherit\";\n\n    if (this._button) {\n      this._button.design = this.buttonDesign || defaultButtonDesign;\n    }\n\n    this.style.setProperty(\"--udex-promo-tile-icon-fill-color\", modeColor);\n    this.style.setProperty(\"--udex-promo-tile-background\", `var(--udexColor${this.colorScheme})`);\n    this.style.setProperty(\"--udex-promo-tile-eyebrow-color\", `var(--udexColor${eyebrowColor})`);\n  }\n\n  getColorNumber(colorScheme: string): number {\n    const match = colorScheme.match(/\\d+/);\n    return match ? parseInt(match[0]) : 0;\n  }\n\n  checkColorMode(colorScheme: string): UDExPromoTileMode {\n    const number = this.getColorNumber(colorScheme);\n\n    if (number && this._darkModeColors.includes(number)) {\n      return UDExPromoTileMode.dark;\n    }\n    return UDExPromoTileMode.light;\n  }\n\n  checkEyebrowColor(colorScheme: string): string {\n    const number = this.getColorNumber(colorScheme);\n    let color: string = UDExPromoTileColorScheme.Blue8;\n\n    if (number === 7) {\n      color = \"NeutralWhite\";\n    } else if (this._darkModeColors.includes(number)) {\n      color = colorScheme.replace(`${number}`, `${number - 7}`);\n    } else if (this._lightModeColors.includes(number)) {\n      color = colorScheme.replace(`${number}`, `${number + 7}`);\n    }\n    return color;\n  }\n\n  handleCTAButtonClick(e: Event) {\n    e.preventDefault();\n    this.fireDecoratorEvent(\"button-click\");\n  }\n\n  get isMobile(): boolean {\n    return BreakpointUtils.isAtMost(\"S\");\n  }\n\n  get promoTileContainerText(): string {\n    return this.accessibleName || this.header || translate(UDExPromoTile, PROMO_TILE);\n  }\n\n  get _showPictogram(): boolean {\n    return !!this.icon || !!this.logoUrl || !!this.pictogram?.length;\n  }\n\n  get _showLogo(): boolean {\n    return !this.icon && !!this.logoUrl;\n  }\n\n  get _imageLabel(): string {\n    return this.imageLabel || translate(UDExPromoTile, PROMO_TILE_ICON);\n  }\n}\n\nUDExPromoTile.define();\n\nexport default UDExPromoTile;\n"]}
+{"version":3,"file":"PromoTile.js","sourceRoot":"","sources":["../src/PromoTile.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport PromoTileTemplate from \"./PromoTileTemplate.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { PROMO_TILE, PROMO_TILE_ICON } from \"./generated/i18n/i18n-defaults.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport type UDExButton from \"./Button.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport { UDExPromoTileColorScheme, UDExPromoTileMode } from \"./types/PromoTile.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport PromoTileCss from \"./generated/themes/PromoTile.css.js\";\n\nexport enum UDExOrientation {\n  Vertical = \"Vertical\",\n  Horizontal = \"Horizontal\",\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-promo-tile</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/PromoTile.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-promo-tile\n * @public\n */\n@customElement({\n  tag: \"udex-promo-tile\",\n  renderer: jsxRenderer,\n  styles: PromoTileCss,\n  template: PromoTileTemplate,\n})\n\n/**\n * Triggered when the user clicks on the CTA button\n *\n * @public\n */\n@event(\"button-click\", { cancelable: true, bubbles: true })\n\nclass UDExPromoTile extends UI5Element {\n  eventDetails!: {\n    \"button-click\": void,\n  };\n\n  /**\n   * Defines the text content of the Promo Tile.\n   *\n   * @slot content\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    content!: DefaultSlot<HTMLElement>;\n\n  /**\n   * Defines the custom pictogram of the Promo Tile.\n   *\n   * @slot pictogram\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    pictogram?: Array<HTMLElement>;\n\n  /**\n   * Allows control over setting the CSS gradient.\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    backgroundGradient?: string;\n\n  /**\n   * Defines the orientation of the Promo Tile component.\n   *\n   * @default \"Vertical\"\n   * @public\n   */\n  @property()\n    orientation: `${UDExOrientation}` = UDExOrientation.Vertical;\n\n  /**\n   * Defines the UI5 icon name in the pictogram section.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    icon?: string;\n\n  /**\n   * Defines the image aria label and alt in the pictogram section.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    imageLabel?: string;\n\n  /**\n   * Defines the logo URL in the pictogram section.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoUrl?: string;\n\n  /**\n   * Defines the header text of the promo tile.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    header?: string;\n\n  /**\n   * Defines the eyebrow text of the promo tile.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    eyebrow?: string;\n\n  /**\n   * Defines the CTA button label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    button?: string;\n\n  /**\n   * Defines the CTA button design\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    buttonDesign?: UDExButtonDesign;\n\n  /**\n   * Defines the color scheme of the Promo Tile.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    colorScheme?: UDExPromoTileColorScheme;\n\n  /**\n   * Defines the accessible name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    accessibleName?: string;\n\n  /**\n   * Defines whether promo tile uses dark or light theme.\n   *\n   * @default \"light\"\n   * @private\n   */\n  @property({ type: String })\n    _colorMode: `${UDExPromoTileMode}` = UDExPromoTileMode.light;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _handleResizeBound: ResizeObserverCallback;\n  _button: UDExButton | undefined;\n  _lightModeColors: Array<number> = [1, 2];\n  _darkModeColors: Array<number> = [7, 8, 9, 10];\n  _defaultBackgroundColor = \"#FFF\";\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onAfterRendering() {\n    this._button = this.getButton();\n    this.applyColorScheme();\n  }\n\n  _handleResize(): void {\n    if (this._button) {\n      this._button.size = this.isMobile ? UDExButtonSize.Medium : UDExButtonSize.Large;\n    }\n  }\n\n  getButton(): UDExButton | undefined {\n    return this.shadowRoot!.querySelector<UDExButton>(\"[udex-button]\")!;\n  }\n\n  applyColorScheme(): void {\n    if (!this.colorScheme) {\n      return;\n    }\n\n    this._colorMode = this.checkColorMode(this.colorScheme);\n\n    const eyebrowColor = this.checkEyebrowColor(this.colorScheme);\n    const isDarkMode = this._colorMode === UDExPromoTileMode.dark;\n    const defaultButtonDesign = isDarkMode ? UDExButtonDesign.Secondary : UDExButtonDesign.Primary;\n    const modeColor = isDarkMode ? \"var(--udexColorNeutralWhite)\" : \"inherit\";\n\n    if (this._button) {\n      this._button.design = this.buttonDesign || defaultButtonDesign;\n    }\n\n    this.style.setProperty(\"--udex-promo-tile-icon-fill-color\", modeColor);\n    this.style.setProperty(\"--udex-promo-tile-background\", `var(--udexColor${this.colorScheme})`);\n    this.style.setProperty(\"--udex-promo-tile-eyebrow-color\", `var(--udexColor${eyebrowColor})`);\n  }\n\n  getColorNumber(colorScheme: string): number {\n    const match = colorScheme.match(/\\d+/);\n    return match ? parseInt(match[0]) : 0;\n  }\n\n  checkColorMode(colorScheme: string): UDExPromoTileMode {\n    const number = this.getColorNumber(colorScheme);\n\n    if (number && this._darkModeColors.includes(number)) {\n      return UDExPromoTileMode.dark;\n    }\n    return UDExPromoTileMode.light;\n  }\n\n  checkEyebrowColor(colorScheme: string): string {\n    const number = this.getColorNumber(colorScheme);\n    let color: string = UDExPromoTileColorScheme.Blue8;\n\n    if (number === 7) {\n      color = \"NeutralWhite\";\n    } else if (this._darkModeColors.includes(number)) {\n      color = colorScheme.replace(`${number}`, `${number - 7}`);\n    } else if (this._lightModeColors.includes(number)) {\n      color = colorScheme.replace(`${number}`, `${number + 7}`);\n    }\n    return color;\n  }\n\n  handleCTAButtonClick(e: Event) {\n    e.preventDefault();\n    this.fireDecoratorEvent(\"button-click\");\n  }\n\n  get isMobile(): boolean {\n    return BreakpointUtils.isAtMost(\"S\");\n  }\n\n  get promoTileContainerText(): string {\n    return this.accessibleName || this.header || translate(UDExPromoTile, PROMO_TILE);\n  }\n\n  get _showPictogram(): boolean {\n    return !!this.icon || !!this.logoUrl || !!this.pictogram?.length;\n  }\n\n  get _showLogo(): boolean {\n    return !this.icon && !!this.logoUrl;\n  }\n\n  get _imageLabel(): string {\n    return this.imageLabel || translate(UDExPromoTile, PROMO_TILE_ICON);\n  }\n}\n\nUDExPromoTile.define();\n\nexport default UDExPromoTile;\n"]}