npm - @ui5/webcomponents-fiori - Versions diffs - 1.21.0 → 1.22.0-rc.0 - Mend

@ui5/webcomponents-fiori 1.21.0 → 1.22.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (283) hide show

package/dist/SideNavigationItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SideNavigationItem.js","sourceRoot":"","sources":["../src/SideNavigationItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACvE,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAIjE~~;;;;;;;;;;;;;;;;;;;;;GAqBG~~;AAEH,IAAM,kBAAkB,GAAxB,MAAM,kBAAmB,SAAQ,sBAAsB;IAAvD;;~~QAuGC~~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~~AArIA~~;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACT;~~AAYnB~~;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACX;~~AAWjB~~;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,uBAAuB,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;iDACvC;~~AAcrC~~;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+DACE;~~AA/CzB~~,kBAAkB;IADvB,aAAa,CAAC,0BAA0B,CAAC;GACpC,kBAAkB,~~CA+IvB~~;AAED,kBAAkB,CAAC,MAAM,EAAE,CAAC;AAE5B,eAAe,kBAAkB,CAAC","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 { isLeft, isRight } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport SideNavigationItemBase from \"./SideNavigationItemBase.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\nimport type SideNavigationSubItem from \"./SideNavigationSubItem.js\";\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n \n The <code>ui5-side-navigation-item</code> is used within <code>ui5-side-navigation</code> only.\n * Via the <code>ui5-side-navigation-item</code> you control the content of the <code>SideNavigation</code>.\n \n <h3>ES6 Module Import</h3>\n \n <code>import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";</code>\n \n @constructor\n * @~~author SAP SE\n * @alias sap.ui.webc.fiori.SideNavigationItem\n * @~~extends ~~sap.ui.webc.fiori.~~SideNavigationItemBase\n * @abstract\n * @~~tagname ui5-side-navigation-item\n * @~~public\n * @~~implements sap.ui.webc.fiori.ISideNavigationItem\n * @~~since 1.0.0-rc.8\n /\n@customElement(\"ui5-side-navigation-item\")\nclass SideNavigationItem extends SideNavigationItemBase {\n\t/\n\t Defines if the item is expanded\n\t \n\t @public\n\t * @~~type~~ ~~{boolean}\n\t * @defaultvalue~~ false\n\t * @name sap.ui.webc.fiori.SideNavigationItem.prototype.expanded\n\t /\n\t@property({ type: Boolean })\n\texpanded!: boolean;\n\n\t/\n\t Defines if the item should be collapsible or not.\n\t * It is true, for example, for the items inside the Popover of the Side Navigation\n\t * @private\n\t * @~~type~~ ~~{boolean}\n\t * @defaultvalue~~ false\n\t * @~~name sap.ui.webc.fiori.SideNavigationItem.prototype._fixed\n\t * @~~since 1.10.0\n\t /\n\t@property({ type: Boolean })\n\t_fixed!: boolean;\n\n\t/\n Defines nested items by passing <code>ui5-side-navigation-sub-item</code> to the default slot.\n\t \n\t @~~type {sap.ui.webc.fiori.ISideNavigationSubItem[]}\n\t * @~~public\n\t * @slot items\n\t * @name sap.ui.webc.fiori.SideNavigationItem.prototype.default\n\t /\n\t@slot({ type: HTMLElement, invalidateOnChildChange: true, \"default\": true })\n\titems!: Array<SideNavigationSubItem>;\n\n\t/\n\t Defines whether clicking the whole item or only pressing the icon will show/hide the sub items (if present).\n\t * If set to true, clicking the whole item will toggle the sub items, and it won't fire the <code>click</code> event.\n\t * By default, only clicking the arrow icon will toggle the sub items.\n\t \n\t @public\n\t * @~~type~~ ~~{boolean}\n\t * @defaultvalue~~ false\n\t * @~~name sap.ui.webc.fiori.SideNavigationItem.prototype.wholeItemToggleable\n\t * @~~since 1.0.0-rc.11\n\t */\n\t@property({ type: Boolean })\n\twholeItemToggleable!: boolean;\n\n\tget _ariaHasPopup() {\n\t\tif (!this.disabled && (this.parentNode as SideNavigation).collapsed && this.items.length) {\n\t\t\treturn \"tree\";\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tget _groupId() {\n\t\tif (!this.items.length) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn `${this._id}-group`;\n\t}\n\n\tget _expanded() {\n\t\tif (!this.items.length) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.expanded;\n\t}\n\n\tget _toggleIconName() {\n\t\treturn this.expanded ? \"navigation-down-arrow\" : \"navigation-right-arrow\";\n\t}\n\n\tget classesArray() {\n\t\tconst classes = super.classesArray;\n\n\t\tif (!this.disabled && (this.parentNode as SideNavigation).collapsed && this.items.length) {\n\t\t\tclasses.push(\"ui5-sn-item-with-expander\");\n\t\t}\n\n\t\tif (this._fixed) {\n\t\t\tclasses.push(\"ui5-sn-item-fixed\");\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tget _selected() {\n\t\tif (this.sideNavigation?.collapsed) {\n\t\t\treturn this.selected \|\| this.items.some(item => item.selected);\n\t\t}\n\n\t\treturn this.selected;\n\t}\n\n\tget isFixedItem() {\n\t\treturn this.slot === \"fixedItems\";\n\t}\n\n\t_onToggleClick = (e: PointerEvent) => {\n\t\te.stopPropagation();\n\n\t\tthis.expanded = !this.expanded;\n\t}\n\n\t_onkeydown = (e: KeyboardEvent) => {\n\t\tif (isLeft(e)) {\n\t\t\tthis.expanded = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isRight(e)) {\n\t\t\tthis.expanded = true;\n\t\t\treturn;\n\t\t}\n\n\t\tsuper._onkeydown(e);\n\t}\n\n\t_onkeyup = (e: KeyboardEvent) => {\n\t\tsuper._onkeyup(e);\n\t}\n\n\t_onfocusin = (e: FocusEvent) => {\n\t\tsuper._onfocusin(e);\n\t}\n\n\t_onclick = (e: PointerEvent) => {\n\t\tif (!this.sideNavigation?.collapsed\n\t\t\t&& this.wholeItemToggleable\n\t\t\t&& e.pointerType === \"mouse\") {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t\tthis.expanded = !this.expanded;\n\t\t\treturn;\n\t\t}\n\n\t\tsuper._onclick(e);\n\t}\n}\n\nSideNavigationItem.define();\n\nexport default SideNavigationItem;\n"]}
1	+ {"version":3,"file":"SideNavigationItem.js","sourceRoot":"","sources":["../src/SideNavigationItem.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 { isLeft, isRight } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport SideNavigationItemBase from \"./SideNavigationItemBase.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\nimport type SideNavigationSubItem from \"./SideNavigationSubItem.js\";\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n \n The <code>ui5-side-navigation-item</code> is used within <code>ui5-side-navigation</code> only.\n * Via the <code>ui5-side-navigation-item</code> you control the content of the <code>SideNavigation</code>.\n \n <h3>ES6 Module Import</h3>\n \n <code>import \"@ui5/webcomponents-fiori/dist/SideNavigationItem.js\";</code>\n \n @constructor\n * @extends SideNavigationItemBase\n * @abstract\n * @public\n * @since 1.0.0-rc.8\n /\n@customElement(\"ui5-side-navigation-item\")\nclass SideNavigationItem extends SideNavigationItemBase {\n\t/\n\t Defines if the item is expanded\n\t \n\t @public\n\t * @default false\n\t /\n\t@property({ type: Boolean })\n\texpanded!: boolean;\n\n\t/\n\t Defines if the item should be collapsible or not.\n\t * It is true, for example, for the items inside the Popover of the Side Navigation\n\t * @private\n\t * @default false\n\t * @since 1.10.0\n\t /\n\t@property({ type: Boolean })\n\t_fixed!: boolean;\n\n\t/\n Defines nested items by passing <code>ui5-side-navigation-sub-item</code> to the default slot.\n\t \n\t @public\n\t /\n\t@slot({ type: HTMLElement, invalidateOnChildChange: true, \"default\": true })\n\titems!: Array<SideNavigationSubItem>;\n\n\t/\n\t Defines whether clicking the whole item or only pressing the icon will show/hide the sub items (if present).\n\t * If set to true, clicking the whole item will toggle the sub items, and it won't fire the <code>click</code> event.\n\t * By default, only clicking the arrow icon will toggle the sub items.\n\t \n\t @public\n\t * @default false\n\t * @since 1.0.0-rc.11\n\t */\n\t@property({ type: Boolean })\n\twholeItemToggleable!: boolean;\n\n\tget _ariaHasPopup() {\n\t\tif (!this.disabled && (this.parentNode as SideNavigation).collapsed && this.items.length) {\n\t\t\treturn \"tree\";\n\t\t}\n\n\t\treturn undefined;\n\t}\n\n\tget _groupId() {\n\t\tif (!this.items.length) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn `${this._id}-group`;\n\t}\n\n\tget _expanded() {\n\t\tif (!this.items.length) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this.expanded;\n\t}\n\n\tget _toggleIconName() {\n\t\treturn this.expanded ? \"navigation-down-arrow\" : \"navigation-right-arrow\";\n\t}\n\n\tget classesArray() {\n\t\tconst classes = super.classesArray;\n\n\t\tif (!this.disabled && (this.parentNode as SideNavigation).collapsed && this.items.length) {\n\t\t\tclasses.push(\"ui5-sn-item-with-expander\");\n\t\t}\n\n\t\tif (this._fixed) {\n\t\t\tclasses.push(\"ui5-sn-item-fixed\");\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tget _selected() {\n\t\tif (this.sideNavigation?.collapsed) {\n\t\t\treturn this.selected \|\| this.items.some(item => item.selected);\n\t\t}\n\n\t\treturn this.selected;\n\t}\n\n\tget isFixedItem() {\n\t\treturn this.slot === \"fixedItems\";\n\t}\n\n\t_onToggleClick = (e: PointerEvent) => {\n\t\te.stopPropagation();\n\n\t\tthis.expanded = !this.expanded;\n\t}\n\n\t_onkeydown = (e: KeyboardEvent) => {\n\t\tif (isLeft(e)) {\n\t\t\tthis.expanded = false;\n\t\t\treturn;\n\t\t}\n\n\t\tif (isRight(e)) {\n\t\t\tthis.expanded = true;\n\t\t\treturn;\n\t\t}\n\n\t\tsuper._onkeydown(e);\n\t}\n\n\t_onkeyup = (e: KeyboardEvent) => {\n\t\tsuper._onkeyup(e);\n\t}\n\n\t_onfocusin = (e: FocusEvent) => {\n\t\tsuper._onfocusin(e);\n\t}\n\n\t_onclick = (e: PointerEvent) => {\n\t\tif (!this.sideNavigation?.collapsed\n\t\t\t&& this.wholeItemToggleable\n\t\t\t&& e.pointerType === \"mouse\") {\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\t\t\tthis.expanded = !this.expanded;\n\t\t\treturn;\n\t\t}\n\n\t\tsuper._onclick(e);\n\t}\n}\n\nSideNavigationItem.define();\n\nexport default SideNavigationItem;\n"]}

package/dist/SideNavigationItemBase.d.ts CHANGED Viewed

@@ -1,25 +1,10 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
 import type SideNavigation from "./SideNavigation.js";
-/**
- * @class
- * A class to serve as a foundation
- * for the <code>SideNavigationItem</code> and <code>SideNavigationSubItem</code> classes.
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.SideNavigationItemBase
- * @extends sap.ui.webc.base.UI5Element
- * @abstract
- * @public
- * @implements sap.ui.webc.fiori.SideNavigationItemBase
- * @since 1.19.0
- */
 /**
  * Fired when the component is activated either with a
  * click/tap or by using the Enter or Space key.
  *
- * @event sap.ui.webc.fiori.SideNavigationItemBase#click
  * @public
  */
 declare class SideNavigationItemBase extends UI5Element implements ITabbable {
@@ -27,9 +12,7 @@ declare class SideNavigationItemBase extends UI5Element implements ITabbable {
      * Defines the text of the item.
      *
      * @public
-     * @type {string}
-     * @defaultvalue ""
-     * @name sap.ui.webc.fiori.SideNavigationItemBase.prototype.text
+     * @default ""
      */
     text: string;
     /**
@@ -40,18 +23,14 @@ declare class SideNavigationItemBase extends UI5Element implements ITabbable {
      * <br>
      * See all the available icons in the <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">Icon Explorer</ui5-link>.
      * @public
-     * @type {string}
-     * @defaultvalue ""
-     * @name sap.ui.webc.fiori.SideNavigationItemBase.prototype.icon
+     * @default ""
      */
     icon: string;
     /**
      * Defines whether the item is selected
      *
      * @public
-     * @type {boolean}
-     * @defaultvalue false
-     * @name sap.ui.webc.fiori.SideNavigationItemBase.prototype.selected
+     * @default false
      */
     selected: boolean;
     /**
@@ -61,9 +40,7 @@ declare class SideNavigationItemBase extends UI5Element implements ITabbable {
      * for the <code>click</code> event should be registered.
      *
      * @public
-     * @type {string}
-     * @defaultvalue ""
-     * @name sap.ui.webc.fiori.SideNavigationItemBase.prototype.href
+     * @default ""
      * @since 1.19.0
      */
     href: string;
@@ -83,9 +60,7 @@ declare class SideNavigationItemBase extends UI5Element implements ITabbable {
      * <b>This property must only be used when the <code>href</code> property is set.</b>
      *
      * @public
-     * @type {string}
-     * @defaultvalue ""
-     * @name sap.ui.webc.fiori.SideNavigationItemBase.prototype.target
+     * @default ""
      * @since 1.19.0
      */
     target: string;
@@ -94,19 +69,15 @@ declare class SideNavigationItemBase extends UI5Element implements ITabbable {
      * A disabled component can't be pressed or
      * focused, and it is not in the tab chain.
      *
-     * @type {boolean}
-     * @name sap.ui.webc.main.SideNavigationItemBase.prototype.disabled
-     * @defaultvalue false
+     * @default false
      * @public
      * @since 1.19.0
      */
     disabled: boolean;
     /**
      * Defines the tooltip of the component.
-     * @type {string}
-     * @defaultvalue ""
+     * @default ""
      * @private
-     * @name sap.ui.webc.fiori.SideNavigationItemBase.prototype.title
      * @since 1.0.0-rc.16
      */
     title: string;

package/dist/SideNavigationItemBase.js CHANGED Viewed

@@ -8,28 +8,25 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
+/**
+ * Fired when the component is activated either with a
+ * click/tap or by using the Enter or Space key.
+ *
+ * @public
+ */
+let SideNavigationItemBase =
 /**
  * @class
  * A class to serve as a foundation
  * for the <code>SideNavigationItem</code> and <code>SideNavigationSubItem</code> classes.
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.SideNavigationItemBase
- * @extends sap.ui.webc.base.UI5Element
+ * @extends UI5Element
  * @abstract
  * @public
- * @implements sap.ui.webc.fiori.SideNavigationItemBase
  * @since 1.19.0
  */
-/**
- * Fired when the component is activated either with a
- * click/tap or by using the Enter or Space key.
- *
- * @event sap.ui.webc.fiori.SideNavigationItemBase#click
- * @public
- */
-let SideNavigationItemBase = class SideNavigationItemBase extends UI5Element {
+class SideNavigationItemBase extends UI5Element {
     get _tooltip() {
         return this.title || this.text;
     }
@@ -132,6 +129,17 @@ __decorate([
 ], SideNavigationItemBase.prototype, "_tabIndex", void 0);
 SideNavigationItemBase = __decorate([
     event("click")
+    /**
+     * @class
+     * A class to serve as a foundation
+     * for the <code>SideNavigationItem</code> and <code>SideNavigationSubItem</code> classes.
+     *
+     * @constructor
+     * @extends UI5Element
+     * @abstract
+     * @public
+     * @since 1.19.0
+     */
 ], SideNavigationItemBase);
 export default SideNavigationItemBase;
 //# sourceMappingURL=SideNavigationItemBase.js.map

package/dist/SideNavigationItemBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SideNavigationItemBase.js","sourceRoot":"","sources":["../src/SideNavigationItemBase.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAIxE~~;;;;;;;;;;;;;GAaG~~;~~AAEH;;;;;;GAMG;AAEH~~,IAAM,sBAAsB,~~GAA5B,~~MAAM,sBAAuB,SAAQ,UAAU;~~IAyG9C~~,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC;IAChC,CAAC;IAED,IAAI,KAAK;QACR,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAC9D,CAAC;IAED,IAAI,OAAO;QACV,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAClE,CAAC;IAED,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,QAAQ,CAAC;IACtB,CAAC;IAED,IAAI,YAAY;QACf,MAAM,OAAO,GAAG,EAAE,CAAC;QAEnB,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;SACrC;QAED,IAAI,IAAI,CAAC,SAAS,EAAE;YACnB,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;SACrC;QAED,OAAO,OAAO,CAAC;IAChB,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACpC,CAAC;IAED,IAAI,YAAY;QACf,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YACnB,OAAO,SAAS,CAAC;SACjB;QAED,OAAO,MAAM,CAAC;IACf,CAAC;IAED,IAAI,kBAAkB;QACrB,IAAI,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,SAAS,CAAC;SACjB;QAED,OAAO,IAAI,CAAC,SAAS,CAAC;IACvB,CAAC;IAED,IAAI,cAAc;QACjB,IAAI,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC;QAEvC,OAAO,aAAa,EAAE;YACrB,IAAI,aAAa,CAAC,YAAY,CAAC,qBAAqB,CAAC,EAAE;gBACtD,OAAO,aAA+B,CAAC;aACvC;YAED,aAAa,GAAG,aAAa,CAAC,aAAa,CAAC;SAC5C;IACF,CAAC;IAED,SAAS;QACR,OAAO,IAAI,CAAC,cAAc,EAAE,UAAW,CAAC,aAAa,CAAC,IAAI,IAAI,CAAC,GAAG,EAAE,CAAgB,CAAC;IACtF,CAAC;IAED,UAAU,CAAC,CAAgB;QAC1B,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;SACnB;QAED,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YACf,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;SAClB;IACF,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YACf,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;SAClB;IACF,CAAC;IAED,QAAQ,CAAC,CAAe;QACvB,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;IAED,IAAI,WAAW;QACd,OAAO,IAAI,CAAC;IACb,CAAC;IAED,UAAU,CAAC,CAAa;QACvB,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;IAED,SAAS,CAAC,CAA+B;QACxC,IAAI,CAAC,cAAc,EAAE,gBAAgB,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;IAChD,CAAC;CACD,CAAA;~~AAlMA~~;IADC,QAAQ,EAAE;oDACG;~~AAed~~;IADC,QAAQ,EAAE;oDACG;~~AAWd~~;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACT;~~AAenB~~;IADC,QAAQ,EAAE;oDACG;~~AAwBd~~;IADC,QAAQ,EAAE;sDACK;~~AAchB~~;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wDACT;~~AAWnB~~;IADC,QAAQ,EAAE;qDACI;AAGf;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;yDACjC;~~AAvGd~~,sBAAsB;~~IAD3B~~,KAAK,CAAC,OAAO,CAAC;~~GACT~~,sBAAsB,~~CA4M3B~~;AAED,eAAe,sBAAsB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport { isSpace, isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\n\n/*\n @class\n * A class to serve as a foundation\n * for the <code>SideNavigationItem</code> and <code>SideNavigationSubItem</code> classes.\n \n @constructor\n * @~~author SAP SE\n * @alias sap.ui.webc.fiori.SideNavigationItemBase\n * @~~extends ~~sap.ui.webc.base.~~UI5Element\n * @abstract\n * @public\n * @~~implements sap.ui.webc.fiori.SideNavigationItemBase\n * @~~since 1.19.0\n /\n\n/\n Fired when the component is activated either with a\n * click/tap or by using the Enter or Space key.\n \n @event sap.ui.webc.fiori.SideNavigationItemBase#click\n * @public\n /\n@event(\"click\")\nclass SideNavigationItemBase extends UI5Element implements ITabbable {\n\t/\n\t Defines the text of the item.\n\t \n\t @public\n\t * @~~type~~ ~~{string}~~\~~n\t * @defaultvalue \~~"\"\n\t * @name sap.ui.webc.fiori.SideNavigationItemBase.prototype.text\n\t /\n\t@property()\n\ttext!: string;\n\n\t/\n\t Defines the icon of the item.\n\t * <br><br>\n\t \n\t The SAP-icons font provides numerous options.\n\t * <br>\n\t * See all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.\n\t * @public\n\t * @~~type~~ ~~{string}~~\~~n\t * @defaultvalue \~~"\"\n\t * @name sap.ui.webc.fiori.SideNavigationItemBase.prototype.icon\n\t /\n\t@property()\n\ticon!: string;\n\n\t/\n\t Defines whether the item is selected\n\t \n\t @public\n\t * @~~type~~ ~~{boolean}\n\t * @defaultvalue~~ false\n\t * @name sap.ui.webc.fiori.SideNavigationItemBase.prototype.selected\n\t /\n\t@property({ type: Boolean })\n\tselected!: boolean;\n\n\t/\n\t Defines the link target URI. Supports standard hyperlink behavior.\n\t * If a JavaScript action should be triggered,\n\t * this should not be set, but instead an event handler\n\t * for the <code>click</code> event should be registered.\n\t \n\t @public\n\t * @~~type~~ ~~{string}~~\~~n\t * @defaultvalue \~~"\"\n\t * @~~name sap.ui.webc.fiori.SideNavigationItemBase.prototype.href\n\t * @~~since 1.19.0\n\t /\n\t@property()\n\thref!: string;\n\n\t/\n\t Defines the component target.\n\t * <br><br>\n\t * <b>Notes:</b>\n\t \n\t <ul>\n\t * <li><code>_self</code></li>\n\t * <li><code>_top</code></li>\n\t * <li><code>_blank</code></li>\n\t * <li><code>_parent</code></li>\n\t * <li><code>_search</code></li>\n\t * </ul>\n\t \n\t <b>This property must only be used when the <code>href</code> property is set.</b>\n\t \n\t @public\n\t * @~~type~~ ~~{string}~~\~~n\t * @defaultvalue \~~"\"\n\t * @~~name sap.ui.webc.fiori.SideNavigationItemBase.prototype.target\n\t * @~~since 1.19.0\n\t /\n\t@property()\n\ttarget!: string;\n\n\t/\n\t Defines whether the component is disabled.\n\t * A disabled component can't be pressed or\n\t * focused, and it is not in the tab chain.\n\t \n\t @~~type~~ ~~{boolean}\n\t * @name sap.ui.webc.main.SideNavigationItemBase.prototype.disabled\n\t * @defaultvalue~~ false\n\t * @public\n\t * @since 1.19.0\n\t /\n\t@property({ type: Boolean })\n\tdisabled!: boolean;\n\n\t/\n\t Defines the tooltip of the component.\n\t * @~~type~~ ~~{string}~~\~~n\t * @defaultvalue \~~"\"\n\t * @private\n\t * @~~name sap.ui.webc.fiori.SideNavigationItemBase.prototype.title\n\t * @~~since 1.0.0-rc.16\n\t */\n\t@property()\n\ttitle!: string;\n\n\t@property({ defaultValue: \"-1\", noAttribute: true })\n\t_tabIndex!: string;\n\n\tget _tooltip() {\n\t\treturn this.title \|\| this.text;\n\t}\n\n\tget _href() {\n\t\treturn (!this.disabled && this.href) ? this.href : undefined;\n\t}\n\n\tget _target() {\n\t\treturn (!this.disabled && this.target) ? this.target : undefined;\n\t}\n\n\tget _selected() {\n\t\treturn this.selected;\n\t}\n\n\tget classesArray() {\n\t\tconst classes = [];\n\n\t\tif (this.disabled) {\n\t\t\tclasses.push(\"ui5-sn-item-disabled\");\n\t\t}\n\n\t\tif (this._selected) {\n\t\t\tclasses.push(\"ui5-sn-item-selected\");\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tget _classes() {\n\t\treturn this.classesArray.join(\" \");\n\t}\n\n\tget _ariaCurrent() {\n\t\tif (!this.selected) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn \"page\";\n\t}\n\n\tget _effectiveTabIndex() {\n\t\tif (this.disabled) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this._tabIndex;\n\t}\n\n\tget sideNavigation() : SideNavigation \| undefined {\n\t\tlet parentElement = this.parentElement;\n\n\t\twhile (parentElement) {\n\t\t\tif (parentElement.hasAttribute(\"ui5-side-navigation\")) {\n\t\t\t\treturn parentElement as SideNavigation;\n\t\t\t}\n\n\t\t\tparentElement = parentElement.parentElement;\n\t\t}\n\t}\n\n\tgetDomRef() {\n\t\treturn this.sideNavigation?.shadowRoot!.querySelector(`#${this._id}`) as HTMLElement;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis._activate(e);\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._activate(e);\n\t\t}\n\t}\n\n\t_onclick(e: PointerEvent) {\n\t\tthis._activate(e);\n\t}\n\n\tget isFixedItem() {\n\t\treturn true;\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\te.stopPropagation();\n\n\t\tthis.sideNavigation?.focusItem(this);\n\t}\n\n\t_activate(e: KeyboardEvent \| PointerEvent) {\n\t\tthis.sideNavigation?._handleItemClick(e, this);\n\t}\n}\n\nexport default SideNavigationItemBase;\n"]}
1	+ {"version":3,"file":"SideNavigationItemBase.js","sourceRoot":"","sources":["../src/SideNavigationItemBase.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport { isSpace, isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\n\n/*\n Fired when the component is activated either with a\n * click/tap or by using the Enter or Space key.\n \n @public\n /\n@event(\"click\")\n\n/\n @class\n * A class to serve as a foundation\n * for the <code>SideNavigationItem</code> and <code>SideNavigationSubItem</code> classes.\n \n @constructor\n * @extends UI5Element\n * @abstract\n * @public\n * @since 1.19.0\n /\nclass SideNavigationItemBase extends UI5Element implements ITabbable {\n\t/\n\t Defines the text of the item.\n\t \n\t @public\n\t * @default \"\"\n\t /\n\t@property()\n\ttext!: string;\n\n\t/\n\t Defines the icon of the item.\n\t * <br><br>\n\t \n\t The SAP-icons font provides numerous options.\n\t * <br>\n\t * See all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.\n\t * @public\n\t * @default \"\"\n\t /\n\t@property()\n\ticon!: string;\n\n\t/\n\t Defines whether the item is selected\n\t \n\t @public\n\t * @default false\n\t /\n\t@property({ type: Boolean })\n\tselected!: boolean;\n\n\t/\n\t Defines the link target URI. Supports standard hyperlink behavior.\n\t * If a JavaScript action should be triggered,\n\t * this should not be set, but instead an event handler\n\t * for the <code>click</code> event should be registered.\n\t \n\t @public\n\t * @default \"\"\n\t * @since 1.19.0\n\t /\n\t@property()\n\thref!: string;\n\n\t/\n\t Defines the component target.\n\t * <br><br>\n\t * <b>Notes:</b>\n\t \n\t <ul>\n\t * <li><code>_self</code></li>\n\t * <li><code>_top</code></li>\n\t * <li><code>_blank</code></li>\n\t * <li><code>_parent</code></li>\n\t * <li><code>_search</code></li>\n\t * </ul>\n\t \n\t <b>This property must only be used when the <code>href</code> property is set.</b>\n\t \n\t @public\n\t * @default \"\"\n\t * @since 1.19.0\n\t /\n\t@property()\n\ttarget!: string;\n\n\t/\n\t Defines whether the component is disabled.\n\t * A disabled component can't be pressed or\n\t * focused, and it is not in the tab chain.\n\t \n\t @default false\n\t * @public\n\t * @since 1.19.0\n\t /\n\t@property({ type: Boolean })\n\tdisabled!: boolean;\n\n\t/\n\t Defines the tooltip of the component.\n\t * @default \"\"\n\t * @private\n\t * @since 1.0.0-rc.16\n\t */\n\t@property()\n\ttitle!: string;\n\n\t@property({ defaultValue: \"-1\", noAttribute: true })\n\t_tabIndex!: string;\n\n\tget _tooltip() {\n\t\treturn this.title \|\| this.text;\n\t}\n\n\tget _href() {\n\t\treturn (!this.disabled && this.href) ? this.href : undefined;\n\t}\n\n\tget _target() {\n\t\treturn (!this.disabled && this.target) ? this.target : undefined;\n\t}\n\n\tget _selected() {\n\t\treturn this.selected;\n\t}\n\n\tget classesArray() {\n\t\tconst classes = [];\n\n\t\tif (this.disabled) {\n\t\t\tclasses.push(\"ui5-sn-item-disabled\");\n\t\t}\n\n\t\tif (this._selected) {\n\t\t\tclasses.push(\"ui5-sn-item-selected\");\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tget _classes() {\n\t\treturn this.classesArray.join(\" \");\n\t}\n\n\tget _ariaCurrent() {\n\t\tif (!this.selected) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn \"page\";\n\t}\n\n\tget _effectiveTabIndex() {\n\t\tif (this.disabled) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn this._tabIndex;\n\t}\n\n\tget sideNavigation() : SideNavigation \| undefined {\n\t\tlet parentElement = this.parentElement;\n\n\t\twhile (parentElement) {\n\t\t\tif (parentElement.hasAttribute(\"ui5-side-navigation\")) {\n\t\t\t\treturn parentElement as SideNavigation;\n\t\t\t}\n\n\t\t\tparentElement = parentElement.parentElement;\n\t\t}\n\t}\n\n\tgetDomRef() {\n\t\treturn this.sideNavigation?.shadowRoot!.querySelector(`#${this._id}`) as HTMLElement;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis._activate(e);\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\tthis._activate(e);\n\t\t}\n\t}\n\n\t_onclick(e: PointerEvent) {\n\t\tthis._activate(e);\n\t}\n\n\tget isFixedItem() {\n\t\treturn true;\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\te.stopPropagation();\n\n\t\tthis.sideNavigation?.focusItem(this);\n\t}\n\n\t_activate(e: KeyboardEvent \| PointerEvent) {\n\t\tthis.sideNavigation?._handleItemClick(e, this);\n\t}\n}\n\nexport default SideNavigationItemBase;\n"]}

package/dist/SideNavigationSubItem.d.ts CHANGED Viewed

@@ -11,13 +11,9 @@ import SideNavigationItemBase from "./SideNavigationItemBase.js";
  * <code>import "@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js";</code>
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.SideNavigationSubItem
- * @extends sap.ui.webc.fiori.SideNavigationItemBase
- * @tagname ui5-side-navigation-sub-item
+ * @extends SideNavigationItemBase
  * @public
  * @abstract
- * @implements sap.ui.webc.fiori.ISideNavigationSubItem
  * @since 1.0.0-rc.8
  */
 declare class SideNavigationSubItem extends SideNavigationItemBase {

package/dist/SideNavigationSubItem.js CHANGED Viewed

@@ -18,13 +18,9 @@ import SideNavigationItemBase from "./SideNavigationItemBase.js";
  * <code>import "@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js";</code>
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.SideNavigationSubItem
- * @extends sap.ui.webc.fiori.SideNavigationItemBase
- * @tagname ui5-side-navigation-sub-item
+ * @extends SideNavigationItemBase
  * @public
  * @abstract
- * @implements sap.ui.webc.fiori.ISideNavigationSubItem
  * @since 1.0.0-rc.8
  */
 let SideNavigationSubItem = class SideNavigationSubItem extends SideNavigationItemBase {

package/dist/SideNavigationSubItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SideNavigationSubItem.js","sourceRoot":"","sources":["../src/SideNavigationSubItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAEjE~~;;;;;;;;;;;;;;;;;;;;GAoBG~~;AAEH,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,sBAAsB;IAA1D;;QAKC,eAAU,GAAG,CAAC,CAAgB,EAAE,EAAE;YACjC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAA;QAED,aAAQ,GAAG,CAAC,CAAgB,EAAE,EAAE;YAC/B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,CAAA;QAED,eAAU,GAAG,CAAC,CAAa,EAAE,EAAE;YAC9B,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAA;QAED,aAAQ,GAAG,CAAC,CAAe,EAAE,EAAE;YAC9B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,CAAA;IACF,CAAC;IAnBA,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,aAAa,EAAE,IAAI,KAAK,YAAY,CAAC;IAClD,CAAC;CAiBD,CAAA;AApBK,qBAAqB;IAD1B,aAAa,CAAC,8BAA8B,CAAC;GACxC,qBAAqB,CAoB1B;AAED,qBAAqB,CAAC,MAAM,EAAE,CAAC;AAE/B,eAAe,qBAAqB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport SideNavigationItemBase from \"./SideNavigationItemBase.js\";\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n \n The <code>ui5-side-navigation-sub-item</code> is intended to be used inside a <code>ui5-side-navigation-item</code> only.\n \n <h3>ES6 Module Import</h3>\n \n <code>import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";</code>\n \n @constructor\n * @~~author SAP SE\n * @alias sap.ui.webc.fiori.SideNavigationSubItem\n * @~~extends ~~sap.ui.webc.fiori.~~SideNavigationItemBase\n * @~~tagname ui5-side-navigation-sub-item\n * @~~public\n * @abstract\n * @~~implements sap.ui.webc.fiori.ISideNavigationSubItem\n * @~~since 1.0.0-rc.8\n */\n@customElement(\"ui5-side-navigation-sub-item\")\nclass SideNavigationSubItem extends SideNavigationItemBase {\n\tget isFixedItem() {\n\t\treturn this.parentElement?.slot === \"fixedItems\";\n\t}\n\n\t_onkeydown = (e: KeyboardEvent) => {\n\t\tsuper._onkeydown(e);\n\t}\n\n\t_onkeyup = (e: KeyboardEvent) => {\n\t\tsuper._onkeyup(e);\n\t}\n\n\t_onfocusin = (e: FocusEvent) => {\n\t\tsuper._onfocusin(e);\n\t}\n\n\t_onclick = (e: PointerEvent) => {\n\t\tsuper._onclick(e);\n\t}\n}\n\nSideNavigationSubItem.define();\n\nexport default SideNavigationSubItem;\n"]}
1	+ {"version":3,"file":"SideNavigationSubItem.js","sourceRoot":"","sources":["../src/SideNavigationSubItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,sBAAsB,MAAM,6BAA6B,CAAC;AAEjE;;;;;;;;;;;;;;;;GAgBG;AAEH,IAAM,qBAAqB,GAA3B,MAAM,qBAAsB,SAAQ,sBAAsB;IAA1D;;QAKC,eAAU,GAAG,CAAC,CAAgB,EAAE,EAAE;YACjC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAA;QAED,aAAQ,GAAG,CAAC,CAAgB,EAAE,EAAE;YAC/B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,CAAA;QAED,eAAU,GAAG,CAAC,CAAa,EAAE,EAAE;YAC9B,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAA;QAED,aAAQ,GAAG,CAAC,CAAe,EAAE,EAAE;YAC9B,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,CAAA;IACF,CAAC;IAnBA,IAAI,WAAW;QACd,OAAO,IAAI,CAAC,aAAa,EAAE,IAAI,KAAK,YAAY,CAAC;IAClD,CAAC;CAiBD,CAAA;AApBK,qBAAqB;IAD1B,aAAa,CAAC,8BAA8B,CAAC;GACxC,qBAAqB,CAoB1B;AAED,qBAAqB,CAAC,MAAM,EAAE,CAAC;AAE/B,eAAe,qBAAqB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport SideNavigationItemBase from \"./SideNavigationItemBase.js\";\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n \n The <code>ui5-side-navigation-sub-item</code> is intended to be used inside a <code>ui5-side-navigation-item</code> only.\n \n <h3>ES6 Module Import</h3>\n \n <code>import \"@ui5/webcomponents-fiori/dist/SideNavigationSubItem.js\";</code>\n \n @constructor\n * @extends SideNavigationItemBase\n * @public\n * @abstract\n * @since 1.0.0-rc.8\n */\n@customElement(\"ui5-side-navigation-sub-item\")\nclass SideNavigationSubItem extends SideNavigationItemBase {\n\tget isFixedItem() {\n\t\treturn this.parentElement?.slot === \"fixedItems\";\n\t}\n\n\t_onkeydown = (e: KeyboardEvent) => {\n\t\tsuper._onkeydown(e);\n\t}\n\n\t_onkeyup = (e: KeyboardEvent) => {\n\t\tsuper._onkeyup(e);\n\t}\n\n\t_onfocusin = (e: FocusEvent) => {\n\t\tsuper._onfocusin(e);\n\t}\n\n\t_onclick = (e: PointerEvent) => {\n\t\tsuper._onclick(e);\n\t}\n}\n\nSideNavigationSubItem.define();\n\nexport default SideNavigationSubItem;\n"]}

package/dist/SortItem.d.ts CHANGED Viewed

@@ -13,31 +13,23 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
  * <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
+ * @extends UI5Element
  * @abstract
  * @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 ""
+     * @default ""
      * @public
      */
     text: string;
     /**
      * Defines if the component is selected.
      *
-     * @name sap.ui.webc.fiori.SortItem.prototype.selected
-     * @type {boolean}
-     * @defaultvalue false
+     * @default false
      * @public
      */
     selected: boolean;

package/dist/SortItem.js CHANGED Viewed

@@ -21,13 +21,9 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
  * <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
+ * @extends UI5Element
  * @abstract
  * @since 1.0.0-rc.16
- * @tagname ui5-sort-item
- * @implements sap.ui.webc.fiori.ISortItem
  * @public
  */
 let SortItem = class SortItem extends UI5Element {

package/dist/SortItem.js.map CHANGED Viewed

	@@ -1 +1 @@
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~~;;;;;;;;;;;;;;;;;;;;;;GAsBG~~;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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n \n \n * <h3>Usage</h3>\n \n For the <code>ui5-sort-item</code>\n * <h3>ES6 Module Import</h3>\n \n <code>import @ui5/webcomponents-fiori/dist/SortItem.js\";</code>\n \n @constructor\n * @~~author SAP SE\n * @alias sap.ui.webc.fiori.SortItem\n * @~~extends ~~sap.ui.webc.base.~~UI5Element\n * @abstract\n * @since 1.0.0-rc.16\n * @~~tagname ui5-sort-item\n * @implements sap.ui.webc.fiori.ISortItem\n * @~~public\n /\n@customElement(\"ui5-sort-item\")\nclass SortItem extends UI5Element {\n\t/\n\t Defines the text of the component.\n\t \n\t @~~name~~ ~~sap.ui.webc.fiori.SortItem.prototype.text~~\~~n\t * @type {string}\n\t * @defaultvalue \~~"\"\n\t * @public\n\t /\n\t@property()\n\ttext!: string;\n\n\t/\n\t Defines if the component is selected.\n\t \n\t @~~name~~ ~~sap.ui.webc.fiori.SortItem.prototype.selected\n\t * @type {boolean}\n\t * @defaultvalue~~ false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n}\n\nSortItem.define();\n\nexport default SortItem;\n"]}
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;;;;;;;;;;;;;;;;;;GAkBG;AAEH,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,UAAU;CAkBhC,CAAA;AAVA;IADC,QAAQ,EAAE;sCACG;AASd;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACT;AAjBd,QAAQ;IADb,aAAa,CAAC,eAAe,CAAC;GACzB,QAAQ,CAkBb;AAED,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n \n \n * <h3>Usage</h3>\n \n For the <code>ui5-sort-item</code>\n * <h3>ES6 Module Import</h3>\n \n <code>import @ui5/webcomponents-fiori/dist/SortItem.js\";</code>\n \n @constructor\n * @extends UI5Element\n * @abstract\n * @since 1.0.0-rc.16\n * @public\n /\n@customElement(\"ui5-sort-item\")\nclass SortItem extends UI5Element {\n\t/\n\t Defines the text of the component.\n\t \n\t @default \"\"\n\t * @public\n\t /\n\t@property()\n\ttext!: string;\n\n\t/\n\t Defines if the component is selected.\n\t \n\t @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n}\n\nSortItem.define();\n\nexport default SortItem;\n"]}

package/dist/Timeline.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 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 type { ITimelineItem } from "./Interfaces.js";
 import TimelineLayout from "./types/TimelineLayout.js";
 /**
  * @class
@@ -15,11 +15,7 @@ import TimelineLayout from "./types/TimelineLayout.js";
  * 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 sap.ui.webc.fiori.TimelineItem
+ * @extends UI5Element
  * @public
  * @since 0.8.0
  */
@@ -35,9 +31,7 @@ declare class Timeline extends UI5Element {
      * <li><code>Horizontal</code></li>
      * </ul>
      *
-     * @type {sap.ui.webc.fiori.types.TimelineLayout}
-     * @name sap.ui.webc.fiori.Timeline.prototype.layout
-     * @defaultvalue "Vertical"
+     * @default "Vertical"
      * @since 1.0.0-rc.15
      * @public
      */
@@ -45,9 +39,7 @@ declare class Timeline extends UI5Element {
     /**
      * Defines the accessible ARIA name of the component.
      *
-     * @type {string}
-     * @name sap.ui.webc.fiori.Timeline.prototype.accessibleName
-     * @defaultvalue: ""
+     * @default ""
      * @public
      * @since 1.2.0
      */
@@ -55,12 +47,9 @@ declare class Timeline extends UI5Element {
     /**
      * 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>;
+    items: Array<ITimelineItem>;
     static i18nBundle: I18nBundle;
     _itemNavigation: ItemNavigation;
     constructor();

package/dist/Timeline.js CHANGED Viewed

@@ -35,11 +35,7 @@ const LARGE_LINE_WIDTH = "LargeLineWidth";
  * 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 sap.ui.webc.fiori.TimelineItem
+ * @extends UI5Element
  * @public
  * @since 0.8.0
  */

package/dist/Timeline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../src/Timeline.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,cAAc,MAAM,yDAAyD,CAAC;AACrF,OAAO,cAAc,MAAM,sDAAsD,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,gBAAgB,MAAM,+CAA+C,CAAC;AAC7E,OAAO,YAAY,MAAM,mBAAmB,CAAC;~~AAE7C~~,SAAS;AACT,OAAO,WAAW,MAAM,oCAAoC,CAAC;AAC7D,OAAO,cAAc,MAAM,2BAA2B,CAAC;AAEvD,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAC1C,MAAM,gBAAgB,GAAG,gBAAgB,CAAC;AAE1C~~;;;;;;;;;;;;;;;;;;;GAmBG~~;AASH,IAAM,QAAQ,gBAAd,MAAM,QAAS,SAAQ,UAAU;~~IAgDhC~~;QACC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,eAAe,GAAG,IAAI,cAAc,CAAC,IAAI,EAAE;YAC/C,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK;SAClC,CAAC,CAAC;IACJ,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,QAAQ;QACpB,UAAQ,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,0BAA0B,CAAC,CAAC;IACvE,CAAC;IAED,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,cAAc;YACzB,CAAC,CAAC,GAAG,UAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE;YAC9E,CAAC,CAAC,UAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;IACrD,CAAC;IAED,UAAU,CAAC,CAAa;QACvB,MAAM,MAAM,GAAG,CAAC,CAAC,MAAsB,CAAC;QAExC,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IAC7C,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,eAAe,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,KAAK,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC;QAEvI,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAC3C,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YACnC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE;gBAClD,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,gBAAgB,CAAC;aAC5C;iBAAM,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE;gBAC9E,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,gBAAgB,CAAC;aAC5C;SACD;IACF,CAAC;IAED,UAAU,CAAC,CAAgB;QAC1B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAsB,CAAC;QAExC,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE;YACjB,IAAI,CAAC,MAAM,CAAC,aAAa,IAAI,YAAY,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;gBACxD,IAAI,CAAC,wBAAwB,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;aAC/C;SACD;aAAM,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE;YAC5B,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAAC;SACjC;IACF,CAAC;IAED,wBAAwB,CAAC,CAAgB,EAAE,MAAgB;QAC1D,MAAM,MAAM,GAAG,CAAC,CAAC,MAAsB,CAAC;QACxC,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;QACjG,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,~~CAAC~~,CAAC;QAC/C,IAAI,CAAC,UAAU,EAAE;YAChB,OAAO;SACP;QACD,IAAI,UAAU,CAAC,aAAa,IAAI,CAAC,MAAM,EAAE;YACxC,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,UAAU,CAAC,SAAS,EAAE,CAAC;YACvB,OAAO;SACP;QACD,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,UAAU,CAAC,KAAK,EAAE,CAAC;QACnB,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;IACjD,CAAC;CACD,CAAA;~~AA9FA~~;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,cAAc,CAAC,QAAQ,EAAE,CAAC;wCAC7C;~~AAY7B~~;IADC,QAAQ,EAAE;gDACa;~~AAWxB~~;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;~~uCACxC~~;~~AA1CvB~~,QAAQ;IARb,aAAa,CAAC;QACd,GAAG,EAAE,cAAc;QACnB,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,WAAW;QACnB,QAAQ,EAAE,gBAAgB;QAC1B,YAAY,EAAE,CAAC,YAAY,CAAC;KAC5B,CAAC;GACI,QAAQ,~~CAiHb~~;AAED,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC","sourcesContent":["import UI5Element 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 type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isTabNext, isTabPrevious } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport ItemNavigation from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport NavigationMode from \"@ui5/webcomponents-base/dist/types/NavigationMode.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport { TIMELINE_ARIA_LABEL } from \"./generated/i18n/i18n-defaults.js\";\nimport TimelineTemplate from \"./generated/templates/TimelineTemplate.lit.js\";\nimport TimelineItem from \"./TimelineItem.js\";\n\n// Styles\nimport TimelineCss from \"./generated/themes/Timeline.css.js\";\nimport TimelineLayout from \"./types/TimelineLayout.js\";\n\nconst SHORT_LINE_WIDTH = \"ShortLineWidth\";\nconst LARGE_LINE_WIDTH = \"LargeLineWidth\";\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n \n The <code>ui5-timeline</code> component shows entries (such as objects, events, or posts) in chronological order.\n * A common use case is to provide information about changes to an object, or events related to an object.\n * These entries can be generated by the system (for example, value XY changed from A to B), or added manually.\n * There are two distinct variants of the timeline: basic and social. The basic timeline is read-only,\n * while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.\n \n @constructor\n * @~~author SAP SE\n * @alias sap.ui.webc.fiori.Timeline\n * @~~extends ~~sap.ui.webc.base.~~UI5Element\n * @~~tagname ui5-timeline\n * @appenddocs sap.ui.webc.fiori.TimelineItem\n * @~~public\n * @since 0.8.0\n /\n@customElement({\n\ttag: \"ui5-timeline\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: TimelineCss,\n\ttemplate: TimelineTemplate,\n\tdependencies: [TimelineItem],\n})\nclass Timeline extends UI5Element {\n\t/\n\t Defines the items orientation.\n\t \n\t <br><br>\n\t * <b>Note:</b>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>Vertical</code></li>\n\t * <li><code>Horizontal</code></li>\n\t * </ul>\n\t \n\t @~~type~~ ~~{sap.ui.webc.fiori.types.TimelineLayout}~~\~~n\t * @name sap.ui.webc.fiori.Timeline.prototype.layout\n\t * @defaultvalue \~~"Vertical\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t /\n\t@property({ type: TimelineLayout, defaultValue: TimelineLayout.Vertical })\n\tlayout!: `${TimelineLayout}`;\n\n\t/\n\t Defines the accessible ARIA name of the component.\n\t \n\t @~~type~~ ~~{string}~~\~~n\t * @name sap.ui.webc.fiori.Timeline.prototype.accessibleName\n\t * @defaultvalue: \~~"\"\n\t * @public\n\t * @since 1.2.0\n\t /\n\t@property()\n\taccessibleName!: string;\n\n\t/\n\t Determines the content of the <code>ui5-timeline</code>.\n\t \n\t @~~type {sap.ui.webc.fiori.ITimelineItem[]}\n\t * @name sap.ui.webc.fiori.Timeline.prototype.default\n\t * @slot items\n\t * @~~public\n\t */\n\t@slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n\titems!: Array<~~TimelineItem~~>;\n\n\tstatic i18nBundle: I18nBundle;\n\n\t_itemNavigation: ItemNavigation;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._itemNavigation = new ItemNavigation(this, {\n\t\t\tgetItemsCallback: () => this.items,\n\t\t});\n\t}\n\n\tstatic async onDefine() {\n\t\tTimeline.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tget ariaLabel() {\n\t\treturn this.accessibleName\n\t\t\t? `${Timeline.i18nBundle.getText(TIMELINE_ARIA_LABEL)} ${this.accessibleName}`\n\t\t\t: Timeline.i18nBundle.getText(TIMELINE_ARIA_LABEL);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tconst target = e.target as TimelineItem;\n\n\t\tthis._itemNavigation.setCurrentItem(target);\n\t}\n\n\tonBeforeRendering() {\n\t\tthis._itemNavigation._navigationMode = this.layout === TimelineLayout.Horizontal ? NavigationMode.Horizontal : NavigationMode.Vertical;\n\n\t\tfor (let i = 0; i < this.items.length; i++) {\n\t\t\tthis.items[i].layout = this.layout;\n\t\t\tif (this.items[i + 1] && !!this.items[i + 1].icon) {\n\t\t\t\tthis.items[i]._lineWidth = SHORT_LINE_WIDTH;\n\t\t\t} else if (this.items[i].icon && this.items[i + 1] && !this.items[i + 1].icon) {\n\t\t\t\tthis.items[i]._lineWidth = LARGE_LINE_WIDTH;\n\t\t\t}\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst target = e.target as TimelineItem;\n\n\t\tif (isTabNext(e)) {\n\t\t\tif (!target.nameClickable \|\| getEventMark(e) === \"link\") {\n\t\t\t\tthis._handleTabNextOrPrevious(e, isTabNext(e));\n\t\t\t}\n\t\t} else if (isTabPrevious(e)) {\n\t\t\tthis._handleTabNextOrPrevious(e);\n\t\t}\n\t}\n\n\t_handleTabNextOrPrevious(e: KeyboardEvent, isNext?: boolean) {\n\t\tconst target = e.target as TimelineItem;\n\t\tconst nextTargetIndex = isNext ? this.items.indexOf(target) + 1 : this.items.indexOf(target) - 1;\n\t\tconst nextTarget = this.items[nextTargetIndex];\n\t\tif (!nextTarget) {\n\t\t\treturn;\n\t\t}\n\t\tif (nextTarget.nameClickable && !isNext) {\n\t\t\te.preventDefault();\n\t\t\tnextTarget.focusLink();\n\t\t\treturn;\n\t\t}\n\t\te.preventDefault();\n\t\tnextTarget.focus();\n\t\tthis._itemNavigation.setCurrentItem(nextTarget);\n\t}\n}\n\nTimeline.define();\n\nexport default Timeline;\n"]}
1	+ {"version":3,"file":"Timeline.js","sourceRoot":"","sources":["../src/Timeline.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element 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 type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isTabNext, isTabPrevious } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport ItemNavigation from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport NavigationMode from \"@ui5/webcomponents-base/dist/types/NavigationMode.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport { TIMELINE_ARIA_LABEL } from \"./generated/i18n/i18n-defaults.js\";\nimport TimelineTemplate from \"./generated/templates/TimelineTemplate.lit.js\";\nimport TimelineItem from \"./TimelineItem.js\";\nimport type { ITimelineItem } from \"./Interfaces.js\";\n\n// Styles\nimport TimelineCss from \"./generated/themes/Timeline.css.js\";\nimport TimelineLayout from \"./types/TimelineLayout.js\";\n\nconst SHORT_LINE_WIDTH = \"ShortLineWidth\";\nconst LARGE_LINE_WIDTH = \"LargeLineWidth\";\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n \n The <code>ui5-timeline</code> component shows entries (such as objects, events, or posts) in chronological order.\n * A common use case is to provide information about changes to an object, or events related to an object.\n * These entries can be generated by the system (for example, value XY changed from A to B), or added manually.\n * There are two distinct variants of the timeline: basic and social. The basic timeline is read-only,\n * while the social timeline offers a high level of interaction and collaboration, and is integrated within SAP Jam.\n \n @constructor\n * @extends UI5Element\n * @public\n * @since 0.8.0\n /\n@customElement({\n\ttag: \"ui5-timeline\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: TimelineCss,\n\ttemplate: TimelineTemplate,\n\tdependencies: [TimelineItem],\n})\nclass Timeline extends UI5Element {\n\t/\n\t Defines the items orientation.\n\t \n\t <br><br>\n\t * <b>Note:</b>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>Vertical</code></li>\n\t * <li><code>Horizontal</code></li>\n\t * </ul>\n\t \n\t @default \"Vertical\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t /\n\t@property({ type: TimelineLayout, defaultValue: TimelineLayout.Vertical })\n\tlayout!: `${TimelineLayout}`;\n\n\t/\n\t Defines the accessible ARIA name of the component.\n\t \n\t @default \"\"\n\t * @public\n\t * @since 1.2.0\n\t /\n\t@property()\n\taccessibleName!: string;\n\n\t/\n\t Determines the content of the <code>ui5-timeline</code>.\n\t \n\t @public\n\t */\n\t@slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n\titems!: Array<ITimelineItem>;\n\n\tstatic i18nBundle: I18nBundle;\n\n\t_itemNavigation: ItemNavigation;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._itemNavigation = new ItemNavigation(this, {\n\t\t\tgetItemsCallback: () => this.items,\n\t\t});\n\t}\n\n\tstatic async onDefine() {\n\t\tTimeline.i18nBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n\n\tget ariaLabel() {\n\t\treturn this.accessibleName\n\t\t\t? `${Timeline.i18nBundle.getText(TIMELINE_ARIA_LABEL)} ${this.accessibleName}`\n\t\t\t: Timeline.i18nBundle.getText(TIMELINE_ARIA_LABEL);\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tconst target = e.target as TimelineItem;\n\n\t\tthis._itemNavigation.setCurrentItem(target);\n\t}\n\n\tonBeforeRendering() {\n\t\tthis._itemNavigation._navigationMode = this.layout === TimelineLayout.Horizontal ? NavigationMode.Horizontal : NavigationMode.Vertical;\n\n\t\tfor (let i = 0; i < this.items.length; i++) {\n\t\t\tthis.items[i].layout = this.layout;\n\t\t\tif (this.items[i + 1] && !!this.items[i + 1].icon) {\n\t\t\t\tthis.items[i]._lineWidth = SHORT_LINE_WIDTH;\n\t\t\t} else if (this.items[i].icon && this.items[i + 1] && !this.items[i + 1].icon) {\n\t\t\t\tthis.items[i]._lineWidth = LARGE_LINE_WIDTH;\n\t\t\t}\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tconst target = e.target as TimelineItem;\n\n\t\tif (isTabNext(e)) {\n\t\t\tif (!target.nameClickable \|\| getEventMark(e) === \"link\") {\n\t\t\t\tthis._handleTabNextOrPrevious(e, isTabNext(e));\n\t\t\t}\n\t\t} else if (isTabPrevious(e)) {\n\t\t\tthis._handleTabNextOrPrevious(e);\n\t\t}\n\t}\n\n\t_handleTabNextOrPrevious(e: KeyboardEvent, isNext?: boolean) {\n\t\tconst target = e.target as TimelineItem;\n\t\tconst nextTargetIndex = isNext ? this.items.indexOf(target) + 1 : this.items.indexOf(target) - 1;\n\t\tconst nextTarget = this.items[nextTargetIndex] as TimelineItem;\n\t\tif (!nextTarget) {\n\t\t\treturn;\n\t\t}\n\t\tif (nextTarget.nameClickable && !isNext) {\n\t\t\te.preventDefault();\n\t\t\tnextTarget.focusLink();\n\t\t\treturn;\n\t\t}\n\t\te.preventDefault();\n\t\tnextTarget.focus();\n\t\tthis._itemNavigation.setCurrentItem(nextTarget);\n\t}\n}\n\nTimeline.define();\n\nexport default Timeline;\n"]}

package/dist/TimelineItem.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type { ITabbable } from "@ui5/webcomponents-base/dist/delegate/ItemNavigation.js";
+import type { ITimelineItem } from "./Interfaces.js";
 import TimelineLayout from "./types/TimelineLayout.js";
 /**
  * @class
@@ -9,14 +9,12 @@ import TimelineLayout from "./types/TimelineLayout.js";
  * An entry posted on the timeline.
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.TimelineItem
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-timeline-item
- * @implements sap.ui.webc.fiori.ITimelineItem
+ * @extends UI5Element
+ * @implements { ITimelineItem }
  * @public
+ * @slot {Node[]} default - Determines the description of the <code>ui5-timeline-item</code>.
  */
-declare class TimelineItem extends UI5Element implements ITabbable {
+declare class TimelineItem extends UI5Element implements ITimelineItem {
     /**
      * Defines the icon to be displayed as graphical element within the <code>ui5-timeline-item</code>.
      * SAP-icons font provides numerous options.
@@ -24,44 +22,34 @@ declare class TimelineItem extends UI5Element implements ITabbable {
      *
      * See all the available icons in the <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">Icon Explorer</ui5-link>.
      *
-     * @type {string}
-     * @name sap.ui.webc.fiori.TimelineItem.prototype.icon
-     * @defaultvalue ""
+     * @default ""
      * @public
      */
     icon: string;
     /**
      * Defines the name of the item, displayed before the <code>title-text</code>.
      *
-     * @type {string}
-     * @name sap.ui.webc.fiori.TimelineItem.prototype.name
-     * @defaultvalue ""
+     * @default ""
      * @public
      */
     name: string;
     /**
      * Defines if the <code>name</code> is clickable.
      *
-     * @type {boolean}
-     * @name sap.ui.webc.fiori.TimelineItem.prototype.nameClickable
-     * @defaultvalue false
+     * @default false
      * @public
      */
     nameClickable: boolean;
     /**
      * Defines the title text of the component.
      *
-     * @type {string}
-     * @name sap.ui.webc.fiori.TimelineItem.prototype.titleText
-     * @defaultvalue ""
+     * @default ""
      * @public
      */
     titleText: string;
     /**
      * Defines the subtitle text of the component.
-     * @type {string}
-     * @name sap.ui.webc.fiori.TimelineItem.prototype.subtitleText
-     * @defaultvalue ""
+     * @default ""
      * @public
      */
     subtitleText: string;
@@ -69,31 +57,20 @@ declare class TimelineItem extends UI5Element implements ITabbable {
     /**
      * Defines the items orientation.
      *
-     * @type {sap.ui.webc.fiori.types.TimelineLayout}
-     * @defaultvalue "Vertical"
+     * @default "Vertical"
      * @private
      */
     layout: `${TimelineLayout}`;
     /**
      * Defines the indicator line width.
      *
-     * @type {string}
      * @private
      */
     _lineWidth: string;
-    /**
-     * Determines the description of the <code>ui5-timeline-item</code>.
-     *
-     * @type {Node[]}
-     * @name sap.ui.webc.fiori.TimelineItem.prototype.default
-     * @slot
-     * @public
-     */
     constructor();
     onNamePress(): void;
     /**
      * Focus the internal link.
-     * @protected
      */
     focusLink(): void;
     get classes(): {

package/dist/TimelineItem.js CHANGED Viewed

@@ -25,22 +25,12 @@ const LARGE_LINE_WIDTH = "LargeLineWidth";
  * An entry posted on the timeline.
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.TimelineItem
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-timeline-item
- * @implements sap.ui.webc.fiori.ITimelineItem
+ * @extends UI5Element
+ * @implements { ITimelineItem }
  * @public
+ * @slot {Node[]} default - Determines the description of the <code>ui5-timeline-item</code>.
  */
 let TimelineItem = class TimelineItem extends UI5Element {
-    /**
-     * Determines the description of the <code>ui5-timeline-item</code>.
-     *
-     * @type {Node[]}
-     * @name sap.ui.webc.fiori.TimelineItem.prototype.default
-     * @slot
-     * @public
-     */
     constructor() {
         super();
     }
@@ -49,7 +39,6 @@ let TimelineItem = class TimelineItem extends UI5Element {
     }
     /**
      * Focus the internal link.
-     * @protected
      */
     focusLink() {
         this.shadowRoot.querySelector("[ui5-link]")?.focus();
@@ -111,7 +100,6 @@ TimelineItem = __decorate([
      * <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
      */
     ,