@ui5/webcomponents-fiori 0.0.0-e0658a650 → 0.0.0-e55c2cec6

package/dist/SideNavigation.js

@@ -27,7 +27,7 @@ const metadata = {
 	tag: "ui5-side-navigation",
 	managedSlots: true,
 	fastNavigation: true,
-	properties: /** @lends sap.ui.webcomponents.fiori.SideNavigation.prototype */ {
+	properties: /** @lends sap.ui.webc.fiori.SideNavigation.prototype */ {
 		/**
 		 * Defines whether the <code>ui5-side-navigation</code> is expanded or collapsed.
 		 *
@@ -46,14 +46,14 @@ const metadata = {
 			type: Object,
 		},
 	},
-	slots: /** @lends sap.ui.webcomponents.fiori.SideNavigation.prototype */ {
+	slots: /** @lends sap.ui.webc.fiori.SideNavigation.prototype */ {
 		/**
 		 * Defines the main items of the <code>ui5-side-navigation</code>. Use the <code>ui5-side-navigation-item</code> component
 		 * for the top-level items, and the <code>ui5-side-navigation-sub-item</code> component for second-level items, nested
 		 * inside the items.
 		 *
 		 * @public
-		 * @type {sap.ui.webcomponents.fiori.ISideNavigationItem[]}
+		 * @type {sap.ui.webc.fiori.ISideNavigationItem[]}
 		 * @slot items
 		 */
 		"default": {
@@ -84,7 +84,7 @@ const metadata = {
 		 * <b>Note:</b> In order to achieve the best user experience, it is recommended that you keep the fixed items "flat" (do not pass sub-items)
 		 *
 		 * @public
-		 * @type {sap.ui.webcomponents.fiori.ISideNavigationItem[]}
+		 * @type {sap.ui.webc.fiori.ISideNavigationItem[]}
 		 * @slot
 		 */
 		fixedItems: {
@@ -92,11 +92,11 @@ const metadata = {
 			invalidateOnChildChange: true,
 		},
 	},
-	events: /** @lends sap.ui.webcomponents.fiori.SideNavigation.prototype */ {
+	events: /** @lends sap.ui.webc.fiori.SideNavigation.prototype */ {
 		/**
 		 * Fired when the selection has changed via user interaction
 		 *
-		 * @event sap.ui.webcomponents.fiori.SideNavigation#selection-change
+		 * @event sap.ui.webc.fiori.SideNavigation#selection-change
 		 * @param {HTMLElement} item the clicked item.
 		 * @allowPreventDefault
 		 * @public
@@ -148,8 +148,8 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.SideNavigation
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.fiori.SideNavigation
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-side-navigation
  * @since 1.0.0-rc.8
  * @appenddocs SideNavigationItem SideNavigationSubItem
@@ -221,20 +221,23 @@ class SideNavigation extends UI5Element {
 		this._popoverContent = {
 			mainItem: item,
 			mainItemSelected: item.selected && !item.items.some(subItem => subItem.selected),
+			// add one as the first item is the main item
+			selectedSubItemIndex: item.items.findIndex(subItem => subItem.selected) + 1,
 			subItems: item.items,
 		};
 	}
 
-	get accSideNavigationPopoverHiddenText() {
-		return SideNavigation.i18nBundle.getText(SIDE_NAVIGATION_POPOVER_HIDDEN_TEXT);
-	}
-
-	get ariaRoleDescPopoverNavigationList() {
-		return SideNavigation.i18nBundle.getText(SIDE_NAVIGATION_COLLAPSED_LIST_ARIA_ROLE_DESC);
+	async _onAfterOpen() {
+		// as the tree/list inside the popover is never destroyed,
+		// item navigation index should be managed, because items are
+		// dynamically recreated and tabIndexes are not updated
+		const tree = await this.getPickerTree();
+		const index = this._popoverContent.selectedSubItemIndex;
+		tree.focusItemByIndex(index);
 	}
 
-	get ariaRoleDescPopoverNavigationListItem() {
-		return SideNavigation.i18nBundle.getText(SIDE_NAVIGATION_COLLAPSED_LIST_ITEMS_ARIA_ROLE_DESC);
+	get accSideNavigationPopoverHiddenText() {
+		return SideNavigation.i18nBundle.getText(SIDE_NAVIGATION_POPOVER_HIDDEN_TEXT);
 	}
 
 	get ariaRoleDescNavigationList() {
@@ -268,7 +271,7 @@ class SideNavigation extends UI5Element {
 		}
 	}
 
-	handleListItemClick(event) {
+	handlePopoverItemClick(event) {
 		const listItem = event.detail.item;
 		const item = listItem.associatedItem;
 
@@ -290,11 +293,17 @@ class SideNavigation extends UI5Element {
 		responsivePopover.showAt(opener);
 	}
 
-	async closePicker(opener) {
+	async closePicker() {
 		const responsivePopover = await this.getPicker();
 		responsivePopover.close();
 	}
 
+	async getPickerTree() {
+		const picker = await this.getPicker();
+		const sideNav = picker.querySelector("[ui5-side-navigation]");
+		return sideNav._itemsTree;
+	}
+
 	get hasHeader() {
 		return !!this.header.length;
 	}

package/dist/SideNavigationItem.js

@@ -7,7 +7,7 @@ import HasPopup from "@ui5/webcomponents/dist/types/HasPopup.js";
 const metadata = {
 	tag: "ui5-side-navigation-item",
 	managedSlots: true,
-	properties: /** @lends sap.ui.webcomponents.fiori.SideNavigationItem.prototype */ {
+	properties: /** @lends sap.ui.webc.fiori.SideNavigationItem.prototype */ {
 		/**
 		 * Defines the text of the item.
 		 *
@@ -80,16 +80,28 @@ const metadata = {
 		 title: {
 			type: String,
 		},
+
+		/**
+		 * Defines if the item should be collapsible or not.
+		 * It is true, for example, for the items inside the Popover of the Side Navigation
+		 * @private
+		 * @type {boolean}
+		 * @defaultvalue false
+		 * @since 1.10.0
+		 */
+		 _fixed: {
+			type: Boolean,
+		},
 	},
 
-	events: /** @lends sap.ui.webcomponents.fiori.SideNavigationItem.prototype */ {
+	events: /** @lends sap.ui.webc.fiori.SideNavigationItem.prototype */ {
 	},
 
-	slots: /** @lends sap.ui.webcomponents.fiori.SideNavigationItem.prototype */ {
+	slots: /** @lends sap.ui.webc.fiori.SideNavigationItem.prototype */ {
 		/**
 		 * If you wish to nest menus, you can pass inner menu items to the default slot.
 		 *
-		 * @type {sap.ui.webcomponents.fiori.ISideNavigationSubItem[]}
+		 * @type {sap.ui.webc.fiori.ISideNavigationSubItem[]}
 		 * @public
 		 * @slot items
 		 */
@@ -115,12 +127,12 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.SideNavigationItem
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.fiori.SideNavigationItem
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-side-navigation-item
  * @public
  * @since 1.0.0-rc.8
- * @implements sap.ui.webcomponents.fiori.ISideNavigationItem
+ * @implements sap.ui.webc.fiori.ISideNavigationItem
  */
 class SideNavigationItem extends UI5Element {
 	static get metadata() {

package/dist/SideNavigationSubItem.js

@@ -5,7 +5,7 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
  */
 const metadata = {
 	tag: "ui5-side-navigation-sub-item",
-	properties: /** @lends sap.ui.webcomponents.fiori.SideNavigationSubItem.prototype */ {
+	properties: /** @lends sap.ui.webc.fiori.SideNavigationSubItem.prototype */ {
 		/**
 		 * Defines the text of the item.
 		 *
@@ -55,7 +55,7 @@ const metadata = {
 		},
 	},
 
-	events: /** @lends sap.ui.webcomponents.fiori.SideNavigationSubItem.prototype */ {
+	events: /** @lends sap.ui.webc.fiori.SideNavigationSubItem.prototype */ {
 	},
 };
 
@@ -72,12 +72,12 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.SideNavigationSubItem
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.fiori.SideNavigationSubItem
+ * @extends sap.ui.webc.base.UI5Element
  * @tagname ui5-side-navigation-sub-item
  * @public
  * @since 1.0.0-rc.8
- * @implements sap.ui.webcomponents.fiori.ISideNavigationSubItem
+ * @implements sap.ui.webc.fiori.ISideNavigationSubItem
  */
 class SideNavigationSubItem extends UI5Element {
 	static get metadata() {

package/dist/SortItem.d.ts

@@ -0,0 +1,44 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>ui5-sort-item</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @ui5/webcomponents-fiori/dist/SortItem.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.SortItem
+ * @extends sap.ui.webc.base.UI5Element
+ * @since 1.0.0-rc.16
+ * @tagname ui5-sort-item
+ * @implements sap.ui.webc.fiori.ISortItem
+ * @public
+ */
+declare class SortItem extends UI5Element {
+    /**
+     * Defines the text of the component.
+     *
+     * @name sap.ui.webc.fiori.SortItem.prototype.text
+     * @type {string}
+     * @defaultvalue ""
+     * @public
+     */
+    text: string;
+    /**
+     * Defines if the component is selected.
+     *
+     * @name sap.ui.webc.fiori.SortItem.prototype.selected
+     * @type {boolean}
+     * @defaultvalue false
+     * @public
+     */
+    selected: boolean;
+}
+export default SortItem;

package/dist/SortItem.js

@@ -1,40 +1,12 @@
-import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-
-/**
- * @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 = (this && this.__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;
 };
-
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 /**
  * @class
  *
@@ -50,19 +22,24 @@ const metadata = {
  *
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.SortItem
- * @extends sap.ui.webcomponents.base.UI5Element
+ * @alias sap.ui.webc.fiori.SortItem
+ * @extends sap.ui.webc.base.UI5Element
  * @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 {
-	static get metadata() {
-		return metadata;
-	}
-}
-
+let SortItem = class SortItem extends UI5Element {
+};
+__decorate([
+    property()
+], SortItem.prototype, "text", void 0);
+__decorate([
+    property({ type: Boolean })
+], SortItem.prototype, "selected", void 0);
+SortItem = __decorate([
+    customElement("ui5-sort-item")
+], SortItem);
 SortItem.define();
-
 export default SortItem;
+//# sourceMappingURL=SortItem.js.map

package/dist/SortItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortItem.js","sourceRoot":"","sources":["../src/SortItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAErF;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;CAsBhC,CAAA;AAZA;IADC,QAAQ,EAAE;sCACG;AAWd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACT;AArBd,QAAQ;IADb,aAAa,CAAC,eAAe,CAAC;GACzB,QAAQ,CAsBb;AAED,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC"}

package/dist/Timeline.d.ts

@@ -0,0 +1,78 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import ItemNavigation from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import TimelineItem from "./TimelineItem.js";
+import TimelineLayout from "./types/TimelineLayout.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * The <code>ui5-timeline</code> component shows entries (such as objects, events, or posts) in chronological order.
+ * A common use case is to provide information about changes to an object, or events related to an object.
+ * These entries can be generated by the system (for example, value XY changed from A to B), or added manually.
+ * There are two distinct variants of the timeline: basic and social. The basic timeline is read-only,
+ * while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.fiori.Timeline
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-timeline
+ * @appenddocs TimelineItem
+ * @public
+ * @since 0.8.0
+ */
+declare class Timeline extends UI5Element {
+    /**
+     * 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 {sap.ui.webc.fiori.types.TimelineLayout}
+     * @name sap.ui.webc.fiori.Timeline.prototype.layout
+     * @defaultvalue "Vertical"
+     * @since 1.0.0-rc.15
+     * @public
+     */
+    layout: TimelineLayout;
+    /**
+     * Defines the accessible ARIA name of the component.
+     *
+     * @type {string}
+     * @name sap.ui.webc.fiori.Timeline.prototype.accessibleName
+     * @defaultvalue: ""
+     * @public
+     * @since 1.2.0
+     */
+    accessibleName: string;
+    /**
+     * Determines the content of the <code>ui5-timeline</code>.
+     *
+     * @type {sap.ui.webc.fiori.ITimelineItem[]}
+     * @name sap.ui.webc.fiori.Timeline.prototype.default
+     * @slot items
+     * @public
+     */
+    items: Array<TimelineItem>;
+    static get styles(): import("@ui5/webcomponents-base/src/types.js").StyleData;
+    static get render(): (templateResult: object, container: HTMLElement | DocumentFragment, styleStrOrHrefsArr: string | string[] | undefined, forStaticArea: boolean, options: import("lit-html").RenderOptions) => void;
+    static get template(): import("@ui5/webcomponents-base/src/renderer/executeTemplate.js").TemplateFunction;
+    static i18nBundle: I18nBundle;
+    _itemNavigation: ItemNavigation;
+    constructor();
+    static get dependencies(): (typeof TimelineItem)[];
+    static onDefine(): Promise<void>;
+    get ariaLabel(): string;
+    _onfocusin(e: FocusEvent): void;
+    onBeforeRendering(): void;
+    _onkeydown(e: KeyboardEvent): void;
+    _handleTabNextOrPrevious(e: KeyboardEvent, isNext?: boolean): void;
+}
+export default Timeline;