@openui5/sap.ui.webc.fiori 1.115.1 → 1.117.0

package/src/sap/ui/webc/fiori/thirdparty/SideNavigationSubItem.js

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], function (_exports, _UI5Element) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/decorators/property"], function (_exports, _UI5Element, _customElement, _event, _property) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,61 +6,17 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _customElement = _interopRequireDefault(_customElement);
+  _event = _interopRequireDefault(_event);
+  _property = _interopRequireDefault(_property);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-side-navigation-sub-item",
-    properties: /** @lends sap.ui.webcomponents.fiori.SideNavigationSubItem.prototype */{
-      /**
-       * Defines the text of the item.
-       *
-       * @public
-       * @type {string}
-       * @defaultvalue ""
-       */
-      text: {
-        type: String
-      },
-      /**
-       * Defines whether the subitem is selected.
-       *
-       * @public
-       * @type {boolean}
-       * @defaultvalue false
-       */
-      selected: {
-        type: Boolean
-      },
-      /**
-       * Defines the icon of the item.
-       * <br><br>
-       *
-       * The SAP-icons font provides numerous options.
-       * <br>
-       * See all the available icons in the <ui5-link target="_blank" href="https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
-       * @public
-       * @type {string}
-       * @defaultvalue ""
-       */
-      icon: {
-        type: String
-      },
-      /**
-       * Defines the tooltip of the component.
-       * @type {string}
-       * @defaultvalue ""
-       * @private
-       * @since 1.0.0-rc.16
-       */
-      title: {
-        type: String
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.fiori.SideNavigationSubItem.prototype */{}
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
-
   /**
    * @class
    *
@@ -74,21 +30,33 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.fiori.SideNavigationSubItem
-   * @extends UI5Element
+   * @alias sap.ui.webc.fiori.SideNavigationSubItem
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-side-navigation-sub-item
    * @public
+   * @abstract
+   * @implements sap.ui.webc.fiori.ISideNavigationSubItem
    * @since 1.0.0-rc.8
-   * @implements sap.ui.webcomponents.fiori.ISideNavigationSubItem
    */
-  class SideNavigationSubItem extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
+  let SideNavigationSubItem = class SideNavigationSubItem extends _UI5Element.default {
     get _tooltip() {
       return this.title || this.text;
     }
-  }
+  };
+  __decorate([(0, _property.default)()], SideNavigationSubItem.prototype, "text", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], SideNavigationSubItem.prototype, "selected", void 0);
+  __decorate([(0, _property.default)()], SideNavigationSubItem.prototype, "icon", void 0);
+  __decorate([(0, _property.default)()], SideNavigationSubItem.prototype, "title", void 0);
+  SideNavigationSubItem = __decorate([(0, _customElement.default)("ui5-side-navigation-sub-item")
+  /**
+   * Fired when the component is activated either with a
+   * click/tap or by using the Enter or Space key.
+   *
+   * @event sap.ui.webc.fiori.SideNavigationSubItem#click
+   * @public
+   */, (0, _event.default)("click")], SideNavigationSubItem);
   SideNavigationSubItem.define();
   var _default = SideNavigationSubItem;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/SortItem.js

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], function (_exports, _UI5Element) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/customElement"], function (_exports, _UI5Element, _property, _customElement) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,41 +6,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _property = _interopRequireDefault(_property);
+  _customElement = _interopRequireDefault(_customElement);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-sort-item",
-    properties: /** @lends sap.ui.webcomponents.fiori.SortItem.prototype */{
-      /**
-       * Defines the text of the component.
-       *
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      text: {
-        type: String
-      },
-      /**
-       * Defines if the component is selected.
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      selected: {
-        type: Boolean
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.fiori.SortItem.prototype */{
-      //
-    },
-    events: /** @lends sap.ui.webcomponents.fiori.SortItem.prototype */{
-      //
-    }
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
-
   /**
    * @class
    *
@@ -56,18 +31,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], func
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.fiori.SortItem
-   * @extends UI5Element
+   * @alias sap.ui.webc.fiori.SortItem
+   * @extends sap.ui.webc.base.UI5Element
+   * @abstract
    * @since 1.0.0-rc.16
    * @tagname ui5-sort-item
-   * @implements sap.ui.webcomponents.fiori.ISortItem
+   * @implements sap.ui.webc.fiori.ISortItem
    * @public
    */
-  class SortItem extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-  }
+  let SortItem = class SortItem extends _UI5Element.default {};
+  __decorate([(0, _property.default)()], SortItem.prototype, "text", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], SortItem.prototype, "selected", void 0);
+  SortItem = __decorate([(0, _customElement.default)("ui5-sort-item")], SortItem);
   SortItem.define();
   var _default = SortItem;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/Timeline.js

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation", "sap/ui/webc/common/thirdparty/base/types/NavigationMode", "./generated/i18n/i18n-defaults", "./generated/templates/TimelineTemplate.lit", "./TimelineItem", "./generated/themes/Timeline.css", "./types/TimelineLayout"], function (_exports, _UI5Element, _i18nBundle, _LitRenderer, _Keys, _ItemNavigation, _NavigationMode, _i18nDefaults, _TimelineTemplate, _TimelineItem, _Timeline, _TimelineLayout) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/delegate/ItemNavigation", "sap/ui/webc/common/thirdparty/base/types/NavigationMode", "sap/ui/webc/common/thirdparty/base/MarkedEvents", "./generated/i18n/i18n-defaults", "./generated/templates/TimelineTemplate.lit", "./TimelineItem", "./generated/themes/Timeline.css", "./types/TimelineLayout"], function (_exports, _UI5Element, _customElement, _property, _slot, _i18nBundle, _LitRenderer, _Keys, _ItemNavigation, _NavigationMode, _MarkedEvents, _i18nDefaults, _TimelineTemplate, _TimelineItem, _Timeline, _TimelineLayout) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,6 +6,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _ItemNavigation = _interopRequireDefault(_ItemNavigation);
   _NavigationMode = _interopRequireDefault(_NavigationMode);
@@ -14,67 +17,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _Timeline = _interopRequireDefault(_Timeline);
   _TimelineLayout = _interopRequireDefault(_TimelineLayout);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+  };
+  var Timeline_1;
   const SHORT_LINE_WIDTH = "ShortLineWidth";
   const LARGE_LINE_WIDTH = "LargeLineWidth";
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-timeline",
-    languageAware: true,
-    managedSlots: true,
-    properties: /** @lends sap.ui.webcomponents.fiori.Timeline.prototype */{
-      /**
-       * Defines the items orientation.
-       *
-       * <br><br>
-       * <b>Note:</b>
-       * Available options are:
-       * <ul>
-      	* <li><code>Vertical</code></li>
-      	* <li><code>Horizontal</code></li>
-       * </ul>
-       *
-       * @type {TimelineLayout}
-       * @defaultvalue "Vertical"
-       * @since 1.0.0-rc.15
-       * @public
-       */
-      layout: {
-        type: _TimelineLayout.default,
-        defaultValue: _TimelineLayout.default.Vertical
-      },
-      /**
-       * Defines the accessible aria name of the component.
-       *
-       * @type {string}
-       * @defaultvalue: ""
-       * @public
-       * @since 1.2.0
-       */
-      accessibleName: {
-        type: String
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.fiori.Timeline.prototype */{
-      /**
-       * Determines the content of the <code>ui5-timeline</code>.
-       *
-       * @type {sap.ui.webcomponents.fiori.ITimelineItem[]}
-       * @slot items
-       * @public
-       */
-      "default": {
-        propertyName: "items",
-        type: HTMLElement,
-        individualSlots: true
-      }
-    }
-  };
-
   /**
    * @class
    *
@@ -88,47 +40,32 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.fiori.Timeline
-   * @extends UI5Element
+   * @alias sap.ui.webc.fiori.Timeline
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-timeline
-   * @appenddocs TimelineItem
+   * @appenddocs sap.ui.webc.fiori.TimelineItem
    * @public
    * @since 0.8.0
    */
-  class Timeline extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get styles() {
-      return _Timeline.default;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get template() {
-      return _TimelineTemplate.default;
-    }
+  let Timeline = Timeline_1 = class Timeline extends _UI5Element.default {
     constructor() {
       super();
       this._itemNavigation = new _ItemNavigation.default(this, {
         getItemsCallback: () => this.items
       });
     }
-    static get dependencies() {
-      return [_TimelineItem.default];
-    }
     static async onDefine() {
-      Timeline.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori");
+      Timeline_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori");
     }
     get ariaLabel() {
-      return this.accessibleName ? `${Timeline.i18nBundle.getText(_i18nDefaults.TIMELINE_ARIA_LABEL)} ${this.accessibleName}` : Timeline.i18nBundle.getText(_i18nDefaults.TIMELINE_ARIA_LABEL);
+      return this.accessibleName ? `${Timeline_1.i18nBundle.getText(_i18nDefaults.TIMELINE_ARIA_LABEL)} ${this.accessibleName}` : Timeline_1.i18nBundle.getText(_i18nDefaults.TIMELINE_ARIA_LABEL);
     }
-    _onfocusin(event) {
-      const target = event.target;
+    _onfocusin(e) {
+      const target = e.target;
       this._itemNavigation.setCurrentItem(target);
     }
     onBeforeRendering() {
-      this._itemNavigation.navigationMode = this.layout === _TimelineLayout.default.Horizontal ? _NavigationMode.default.Horizontal : _NavigationMode.default.Vertical;
+      this._itemNavigation._navigationMode = this.layout === _TimelineLayout.default.Horizontal ? _NavigationMode.default.Horizontal : _NavigationMode.default.Vertical;
       for (let i = 0; i < this.items.length; i++) {
         this.items[i].layout = this.layout;
         if (this.items[i + 1] && !!this.items[i + 1].icon) {
@@ -138,31 +75,51 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       }
     }
-    _onkeydown(event) {
-      if ((0, _Keys.isTabNext)(event)) {
-        if (!event.target.nameClickable || event.isMarked === "link") {
-          this._handleTabNextOrPrevious(event, (0, _Keys.isTabNext)(event));
+    _onkeydown(e) {
+      const target = e.target;
+      if ((0, _Keys.isTabNext)(e)) {
+        if (!target.nameClickable || (0, _MarkedEvents.getEventMark)(e) === "link") {
+          this._handleTabNextOrPrevious(e, (0, _Keys.isTabNext)(e));
         }
-      } else if ((0, _Keys.isTabPrevious)(event)) {
-        this._handleTabNextOrPrevious(event);
+      } else if ((0, _Keys.isTabPrevious)(e)) {
+        this._handleTabNextOrPrevious(e);
       }
     }
-    _handleTabNextOrPrevious(event, isNext) {
-      const nextTargetIndex = isNext ? this.items.indexOf(event.target) + 1 : this.items.indexOf(event.target) - 1;
+    _handleTabNextOrPrevious(e, isNext) {
+      const target = e.target;
+      const nextTargetIndex = isNext ? this.items.indexOf(target) + 1 : this.items.indexOf(target) - 1;
       const nextTarget = this.items[nextTargetIndex];
       if (!nextTarget) {
         return;
       }
       if (nextTarget.nameClickable && !isNext) {
-        event.preventDefault();
-        nextTarget.shadowRoot.querySelector("[ui5-link]").focus();
+        e.preventDefault();
+        nextTarget.focusLink();
         return;
       }
-      event.preventDefault();
+      e.preventDefault();
       nextTarget.focus();
       this._itemNavigation.setCurrentItem(nextTarget);
     }
-  }
+  };
+  __decorate([(0, _property.default)({
+    type: _TimelineLayout.default,
+    defaultValue: _TimelineLayout.default.Vertical
+  })], Timeline.prototype, "layout", void 0);
+  __decorate([(0, _property.default)()], Timeline.prototype, "accessibleName", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement,
+    individualSlots: true,
+    "default": true
+  })], Timeline.prototype, "items", void 0);
+  Timeline = Timeline_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-timeline",
+    languageAware: true,
+    renderer: _LitRenderer.default,
+    styles: _Timeline.default,
+    template: _TimelineTemplate.default,
+    dependencies: [_TimelineItem.default]
+  })], Timeline);
   Timeline.define();
   var _default = Timeline;
   _exports.default = _default;

package/src/sap/ui/webc/fiori/thirdparty/TimelineItem.js

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/main/thirdparty/Icon", "sap/ui/webc/main/thirdparty/Link", "./generated/templates/TimelineItemTemplate.lit", "./types/TimelineLayout", "./generated/themes/TimelineItem.css"], function (_exports, _UI5Element, _LitRenderer, _Icon, _Link, _TimelineItemTemplate, _TimelineLayout, _TimelineItem) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/main/thirdparty/Icon", "sap/ui/webc/main/thirdparty/Link", "./generated/templates/TimelineItemTemplate.lit", "./types/TimelineLayout", "./generated/themes/TimelineItem.css"], function (_exports, _UI5Element, _customElement, _event, _property, _LitRenderer, _Icon, _Link, _TimelineItemTemplate, _TimelineLayout, _TimelineItem) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,6 +6,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _customElement = _interopRequireDefault(_customElement);
+  _event = _interopRequireDefault(_event);
+  _property = _interopRequireDefault(_property);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _Icon = _interopRequireDefault(_Icon);
   _Link = _interopRequireDefault(_Link);
@@ -13,123 +16,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _TimelineLayout = _interopRequireDefault(_TimelineLayout);
   _TimelineItem = _interopRequireDefault(_TimelineItem);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+  };
   const SHORT_LINE_WIDTH = "ShortLineWidth";
   const LARGE_LINE_WIDTH = "LargeLineWidth";
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-timeline-item",
-    slots: /** @lends sap.ui.webcomponents.fiori.TimelineItem.prototype */{
-      /**
-       * Determines the description of the <code>ui5-timeline-item</code>.
-       *
-       * @type {Node[]}
-       * @slot
-       * @public
-       */
-      "default": {
-        type: Node
-      }
-    },
-    properties: /** @lends sap.ui.webcomponents.fiori.TimelineItem.prototype */{
-      /**
-       * Defines the icon to be displayed as graphical element within the <code>ui5-timeline-item</code>.
-       * SAP-icons font provides numerous options.
-       * <br><br>
-       *
-       * See all the available icons in the <ui5-link target="_blank" href="https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
-       *
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      icon: {
-        type: String
-      },
-      /**
-       * Defines the name of the item, displayed before the <code>title-text</code>.
-       *
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      name: {
-        type: String
-      },
-      /**
-       * Defines if the <code>name</code> is clickable.
-       *
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       */
-      nameClickable: {
-        type: Boolean
-      },
-      /**
-       * Defines the title text of the component.
-       *
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      titleText: {
-        type: String
-      },
-      /**
-       * Defines the subtitle text of the component.
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      subtitleText: {
-        type: String
-      },
-      _tabIndex: {
-        type: String,
-        defaultValue: "-1",
-        noAttribute: true
-      },
-      /**
-       * Defines the items orientation.
-       *
-       * @type {TimelineLayout}
-       * @defaultvalue "Vertical"
-       * @private
-       */
-      layout: {
-        type: _TimelineLayout.default,
-        defaultvalue: _TimelineLayout.default.Vertical
-      },
-      /**
-       * Defines the indicator line width.
-       *
-       * @type {string}
-       * @private
-       */
-      _lineWidth: {
-        type: String
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.fiori.TimelineItem.prototype */{
-      /**
-       * Fired when the item name is pressed either with a
-       * click/tap or by using the Enter or Space key.
-       * <br><br>
-       * <b>Note:</b> The event will not be fired if the <code>name-clickable</code>
-       * attribute is not set.
-       *
-       * @event sap.ui.webcomponents.fiori.TimelineItem#name-click
-       * @public
-       */
-      "name-click": {}
-    }
-  };
-
   /**
    * @class
    *
@@ -139,33 +34,33 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.fiori.TimelineItem
-   * @extends UI5Element
+   * @alias sap.ui.webc.fiori.TimelineItem
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-timeline-item
-   * @implements sap.ui.webcomponents.fiori.ITimelineItem
+   * @implements sap.ui.webc.fiori.ITimelineItem
    * @public
    */
-  class TimelineItem extends _UI5Element.default {
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get template() {
-      return _TimelineItemTemplate.default;
-    }
-    static get styles() {
-      return _TimelineItem.default;
-    }
+  let TimelineItem = class TimelineItem extends _UI5Element.default {
+    /**
+     * Determines the description of the <code>ui5-timeline-item</code>.
+     *
+     * @type {Node[]}
+     * @name sap.ui.webc.fiori.TimelineItem.prototype.default
+     * @slot
+     * @public
+     */
     constructor() {
       super();
     }
     onNamePress() {
       this.fireEvent("name-click", {});
     }
-    static get dependencies() {
-      return [_Icon.default, _Link.default];
+    /**
+     * Focus the internal link.
+     * @protected
+     */
+    focusLink() {
+      this.shadowRoot.querySelector("[ui5-link]")?.focus();
     }
     get classes() {
       return {
@@ -181,7 +76,40 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         }
       };
     }
-  }
+  };
+  __decorate([(0, _property.default)()], TimelineItem.prototype, "icon", void 0);
+  __decorate([(0, _property.default)()], TimelineItem.prototype, "name", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], TimelineItem.prototype, "nameClickable", void 0);
+  __decorate([(0, _property.default)()], TimelineItem.prototype, "titleText", void 0);
+  __decorate([(0, _property.default)()], TimelineItem.prototype, "subtitleText", void 0);
+  __decorate([(0, _property.default)({
+    defaultValue: "-1",
+    noAttribute: true
+  })], TimelineItem.prototype, "_tabIndex", void 0);
+  __decorate([(0, _property.default)({
+    type: _TimelineLayout.default,
+    defaultValue: _TimelineLayout.default.Vertical
+  })], TimelineItem.prototype, "layout", void 0);
+  __decorate([(0, _property.default)()], TimelineItem.prototype, "_lineWidth", void 0);
+  TimelineItem = __decorate([(0, _customElement.default)({
+    tag: "ui5-timeline-item",
+    renderer: _LitRenderer.default,
+    styles: _TimelineItem.default,
+    template: _TimelineItemTemplate.default,
+    dependencies: [_Icon.default, _Link.default]
+  })
+  /**
+   * Fired when the item name is pressed either with a
+   * click/tap or by using the Enter or Space key.
+   * <br><br>
+   * <b>Note:</b> The event will not be fired if the <code>name-clickable</code>
+   * attribute is not set.
+   *
+   * @event sap.ui.webc.fiori.TimelineItem#name-click
+   * @public
+   */, (0, _event.default)("name-click")], TimelineItem);
   TimelineItem.define();
   var _default = TimelineItem;
   _exports.default = _default;