@openui5/sap.ui.webc.main 1.111.1 → 1.112.0

package/src/sap/ui/webc/main/thirdparty/Tree.js

@@ -13,10 +13,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _ListMode = _interopRequireDefault(_ListMode);
   _TreeTemplate = _interopRequireDefault(_TreeTemplate);
   _Tree = _interopRequireDefault(_Tree);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Template
+
   // Styles
 
   /**
@@ -24,9 +23,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    */
   const metadata = {
     tag: "ui5-tree",
-    properties:
-    /** @lends sap.ui.webcomponents.main.Tree.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.Tree.prototype */{
       /**
        * Defines the mode of the component. Since the tree uses a <code>ui5-list</code> to display its structure,
        * the tree modes are exactly the same as the list modes, and are all applicable.
@@ -51,7 +48,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _ListMode.default,
         defaultValue: _ListMode.default.None
       },
-
       /**
        * Defines the text that is displayed when the component contains no items.
        *
@@ -62,7 +58,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       noDataText: {
         type: String
       },
-
       /**
        * Defines the component header text.
        * <br><br>
@@ -75,7 +70,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       headerText: {
         type: String
       },
-
       /**
        * Defines the component footer text.
        *
@@ -86,7 +80,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       footerText: {
         type: String
       },
-
       /**
        * An array, containing a flat structure of list items to render
        *
@@ -96,7 +89,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: Object,
         multiple: true
       },
-
       /**
        * Shows the toggle button at the end, rather than at the beginning of the items
        *
@@ -106,7 +98,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       _toggleButtonEnd: {
         type: Boolean
       },
-
       /**
        * Represents the tree in a very minimal state - icons only with no text and no toggle buttons
        *
@@ -118,9 +109,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     },
     managedSlots: true,
-    slots:
-    /** @lends sap.ui.webcomponents.main.Tree.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.Tree.prototype */{
       /**
        * Defines the items of the component. Tree items may have other tree items as children.
        * <br><br>
@@ -135,7 +124,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         propertyName: "items",
         invalidateOnChildChange: true
       },
-
       /**
        * Defines the component header.
        * <br><br>
@@ -150,9 +138,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: HTMLElement
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.Tree.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.Tree.prototype */{
       /**
        * Fired when a tree item is expanded or collapsed.
        * <i>Note:</i> You can call <code>preventDefault()</code> on the event object to suppress the event, if needed.
@@ -171,7 +157,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           }
         }
       },
-
       /**
        * Fired when the mouse cursor enters the tree item borders.
        * @event sap.ui.webcomponents.main.Tree#item-mouseover
@@ -186,7 +171,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           }
         }
       },
-
       /**
        * Fired when the mouse cursor leaves the tree item borders.
        * @event sap.ui.webcomponents.main.Tree#item-mouseout
@@ -201,7 +185,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           }
         }
       },
-
       /**
        * Fired when a tree item is activated.
        *
@@ -217,7 +200,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           }
         }
       },
-
       /**
        * Fired when the Delete button of any tree item is pressed.
        * <br><br>
@@ -235,7 +217,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
           }
         }
       },
-
       /**
        * Fired when selection is changed by user interaction
        * in <code>SingleSelect</code>, <code>SingleSelectBegin</code>, <code>SingleSelectEnd</code> and <code>MultiSelect</code> modes.
@@ -257,6 +238,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     }
   };
+
   /**
    * @class
    *
@@ -310,86 +292,69 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @public
    * @since 1.0.0-rc.8
    */
-
   class Tree extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get styles() {
       return _Tree.default;
     }
-
     static get template() {
       return _TreeTemplate.default;
     }
-
     static get dependencies() {
       return [_List.default, _TreeListItem.default, _TreeItem.default];
     }
-
     onBeforeRendering() {
       this._listItems = [];
       buildTree(this, 1, this._listItems);
     }
-
     get list() {
       return this.getDomRef();
     }
-
     get _role() {
       return "tree";
     }
-
     _onListItemStepIn(event) {
       const listItem = event.detail.item;
       const treeItem = listItem.treeItem;
-
       if (treeItem.items.length > 0) {
         const firstChild = treeItem.items[0];
         const firstChildListItem = this.list.getSlottedNodes("items").find(li => li.treeItem === firstChild);
         firstChildListItem && this.list.focusItem(firstChildListItem);
       }
     }
-
     _onListItemStepOut(event) {
       const listItem = event.detail.item;
       const treeItem = listItem.treeItem;
-
       if (treeItem.parentElement !== this) {
         const parent = treeItem.parentElement;
         const parentListItem = this.list.getSlottedNodes("items").find(li => li.treeItem === parent);
         parentListItem && this.list.focusItem(parentListItem);
       }
     }
-
     _onListItemToggle(event) {
       const listItem = event.detail.item;
       const treeItem = listItem.treeItem;
       const defaultPrevented = !this.fireEvent("item-toggle", {
         item: treeItem
       }, true);
-
       if (!defaultPrevented) {
         treeItem.toggle();
       }
     }
-
     _onListItemClick(event) {
       const listItem = event.detail.item;
       const treeItem = listItem.treeItem;
-
       if (!this.fireEvent("item-click", {
         item: treeItem
       }, true)) {
         event.preventDefault();
       }
     }
-
     _onListItemDelete(event) {
       const listItem = event.detail.item;
       const treeItem = listItem.treeItem;
@@ -397,21 +362,18 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         item: treeItem
       });
     }
-
     _onListItemMouseOver(event) {
       const treeItem = event.target.treeItem;
       this.fireEvent("item-mouseover", {
         item: treeItem
       });
     }
-
     _onListItemMouseOut(event) {
       const treeItem = event.target.treeItem;
       this.fireEvent("item-mouseout", {
         item: treeItem
       });
     }
-
     _onListSelectionChange(event) {
       const previouslySelectedItems = event.detail.previouslySelectedItems.map(item => item.treeItem);
       const selectedItems = event.detail.selectedItems.map(item => item.treeItem);
@@ -426,41 +388,35 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         selectedItems
       });
     }
+
     /**
      * Returns the corresponding list item for a given tree item
      *
      * @param item The tree item
      * @protected
      */
-
-
     _getListItemForTreeItem(item) {
       return this.list.items.find(listItem => listItem.treeItem === item);
     }
+
     /**
      * Perform Depth-First-Search walk on the tree and run a callback on each node
      *
      * @public
      * @param {function} callback function to execute on each node of the tree with 2 arguments: the node and the level
      */
-
-
     walk(callback) {
       walkTree(this, 1, callback);
     }
-
   }
-
   const walkTree = (el, level, callback) => {
     el.items.forEach(item => {
       callback(item, level);
-
       if (item.items.length > 0) {
         walkTree(item, level + 1, callback);
       }
     });
   };
-
   const buildTree = (el, level, result) => {
     el.items.forEach((item, index) => {
       const listItem = {
@@ -470,13 +426,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         level
       };
       result.push(listItem);
-
       if (item.expanded && item.items.length > 0) {
         buildTree(item, level + 1, result);
       }
     });
   };
-
   Tree.define();
   var _default = Tree;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/TreeItem.js

@@ -7,17 +7,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
   _ValueState = _interopRequireDefault(_ValueState);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   /**
    * @public
    */
   const metadata = {
     tag: "ui5-tree-item",
-    properties:
-    /** @lends sap.ui.webcomponents.main.TreeItem.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.TreeItem.prototype */{
       /**
        * Defines the text of the tree item.
        *
@@ -28,7 +24,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       text: {
         type: String
       },
-
       /**
        * Defines whether the tree node is expanded or collapsed. Only has visual effect for tree nodes with children.
        *
@@ -39,7 +34,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       expanded: {
         type: Boolean
       },
-
       /**
       * Defines whether the selection of a tree node is displayed as partially selected.
       * <br><br>
@@ -61,7 +55,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       indeterminate: {
         type: Boolean
       },
-
       /**
        * Defines whether the tree node has children, even if currently no other tree nodes are slotted inside.
        * <br>
@@ -76,7 +69,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       hasChildren: {
         type: Boolean
       },
-
       /**
        * Defines whether the tree node is selected by the user. Only has effect if the <code>ui5-tree</code> is in one of the
        * following modes: in <code>SingleSelect</code>, <code>SingleSelectBegin</code>, <code>SingleSelectEnd</code> and <code>MultiSelect</code>.
@@ -88,7 +80,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       selected: {
         type: Boolean
       },
-
       /**
        * If set, an icon will be displayed before the text, representing the tree item.
        *
@@ -99,7 +90,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       icon: {
         type: String
       },
-
       /**
        * Defines the <code>additionalText</code>, displayed in the end of the tree item.
        * @type {string}
@@ -109,7 +99,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       additionalText: {
         type: String
       },
-
       /**
        * Defines the state of the <code>additionalText</code>.
        * <br>
@@ -123,7 +112,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: _ValueState.default,
         defaultValue: _ValueState.default.None
       },
-
       /**
        * Defines the tooltip of the component.
        * @type {string}
@@ -136,9 +124,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     },
     managedSlots: true,
-    slots:
-    /** @lends sap.ui.webcomponents.main.TreeItem.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.TreeItem.prototype */{
       /**
        * Defines the items of this component.
        *
@@ -153,6 +139,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       }
     }
   };
+
   /**
    * @class
    *
@@ -177,27 +164,22 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @implements sap.ui.webcomponents.main.ITreeItem
    * @since 1.0.0-rc.8
    */
-
   class TreeItem extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     get requiresToggleButton() {
       return this.hasChildren || this.items.length > 0;
     }
+
     /**
      * Call this method to manually switch the <code>expanded</code> state of a tree item.
      * @public
      */
-
-
     toggle() {
       this.expanded = !this.expanded;
     }
-
   }
-
   TreeItem.define();
   var _default = TreeItem;
   _exports.default = _default;

package/src/sap/ui/webc/main/thirdparty/TreeListItem.js

@@ -11,10 +11,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
   _Icon = _interopRequireDefault(_Icon);
   _TreeListItemTemplate = _interopRequireDefault(_TreeListItemTemplate);
   _TreeListItem = _interopRequireDefault(_TreeListItem);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Template
+
   // Styles
 
   /**
@@ -23,9 +22,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
   const metadata = {
     tag: "ui5-li-tree",
     languageAware: true,
-    properties:
-    /** @lends sap.ui.webcomponents.main.TreeListItem.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.TreeListItem.prototype */{
       /**
        * Defines the indentation of the tree list item. Use level 1 for tree list items, representing top-level tree nodes.
        *
@@ -37,7 +34,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
         type: _Integer.default,
         defaultValue: 1
       },
-
       /**
        * If set, an icon will be displayed before the text of the tree list item.
        *
@@ -48,7 +44,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
       icon: {
         type: String
       },
-
       /**
        * Defines whether the tree list item should display an expand/collapse button.
        *
@@ -59,7 +54,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
       showToggleButton: {
         type: Boolean
       },
-
       /**
        * Defines whether the tree list item will show a collapse or expand icon inside its toggle button.
        *
@@ -70,7 +64,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
       expanded: {
         type: Boolean
       },
-
       /**
        * @private
        * @since 1.1.0
@@ -78,7 +71,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
       indeterminate: {
         type: Boolean
       },
-
       /**
        * Defines the <code>additionalText</code>, displayed in the end of the tree item.
        * @type {string}
@@ -88,7 +80,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
       additionalText: {
         type: String
       },
-
       /**
        * Defines the state of the <code>additionalText</code>.
        * <br>
@@ -102,7 +93,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
         type: _ValueState.default,
         defaultValue: _ValueState.default.None
       },
-
       /**
        * Defines whether the toggle button is shown at the end, rather than at the beginning of the item
        *
@@ -112,7 +102,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
       _toggleButtonEnd: {
         type: Boolean
       },
-
       /**
        * Defines whether the item shows minimal details - only icon (no text or toggle button)
        *
@@ -122,7 +111,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
       _minimal: {
         type: Boolean
       },
-
       /**
        * @private
        * @since 1.0.0-rc.11
@@ -132,7 +120,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
         defaultValue: 1,
         noAttribute: true
       },
-
       /**
        * @private
        * @since 1.0.0-rc.11
@@ -143,9 +130,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
         noAttribute: true
       }
     },
-    slots:
-    /** @lends sap.ui.webcomponents.main.TreeListItem.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.TreeListItem.prototype */{
       /**
        * Defines the text of the component.
        * <br><br>
@@ -159,9 +144,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
         type: Node
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.TreeListItem.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.TreeListItem.prototype */{
       /**
        * Fired when the user interacts with the expand/collapse button of the tree list item.
        * @event
@@ -175,7 +158,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
           }
         }
       },
-
       /**
        * Fired when the user drills down into the tree hierarchy by pressing the right arrow on the tree node.
        *
@@ -190,7 +172,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
           }
         }
       },
-
       /**
        * Fired when the user goes up the tree hierarchy by pressing the left arrow on the tree node.
        *
@@ -207,6 +188,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
       }
     }
   };
+
   /**
    * @class
    * The <code>ui5-li-tree</code> represents a node in a tree structure, shown as a <code>ui5-list</code>.
@@ -233,34 +215,27 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
    * @public
    * @since 1.0.0-rc.8
    */
-
   class TreeListItem extends _ListItem.default {
     static get template() {
       return _TreeListItemTemplate.default;
     }
-
     static get styles() {
       return [_ListItem.default.styles, _TreeListItem.default];
     }
-
     static get metadata() {
       return metadata;
     }
-
     static get dependencies() {
       return [..._ListItem.default.dependencies, _Icon.default];
     }
-
     onBeforeRendering() {
       this.actionable = false;
     }
-
     get classes() {
       const allClasses = super.classes;
       allClasses.main["ui5-li-root-tree"] = true;
       return allClasses;
     }
-
     get styles() {
       return {
         preContent: {
@@ -268,31 +243,24 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
         }
       };
     }
-
     get effectiveLevel() {
       return this.level - 1;
     }
-
     get hasParent() {
       return this.level > 1;
     }
-
     get _toggleIconName() {
       return this.expanded ? "navigation-down-arrow" : "navigation-right-arrow";
     }
-
     get _showToggleButtonBeginning() {
       return this.showToggleButton && !this._minimal && !this._toggleButtonEnd;
     }
-
     get _showToggleButtonEnd() {
       return this.showToggleButton && !this._minimal && this._toggleButtonEnd;
     }
-
     get _showTitle() {
       return this.textContent.length && !this._minimal;
     }
-
     get _accInfo() {
       return {
         role: "treeitem",
@@ -304,17 +272,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
         listItemAriaLabel: TreeListItem.i18nBundle.getText(_i18nDefaults.TREE_ITEM_ARIA_LABEL)
       };
     }
-
     _toggleClick(event) {
       event.stopPropagation();
       this.fireEvent("toggle", {
         item: this
       });
     }
-
     _onkeydown(event) {
       super._onkeydown(event);
-
       if (this.showToggleButton && (0, _Keys.isRight)(event)) {
         if (!this.expanded) {
           this.fireEvent("toggle", {
@@ -326,7 +291,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
           });
         }
       }
-
       if ((0, _Keys.isLeft)(event)) {
         if (this.expanded) {
           this.fireEvent("toggle", {
@@ -339,17 +303,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/types/Integer", "s
         }
       }
     }
-
     get iconAccessibleName() {
       return this.expanded ? TreeListItem.i18nBundle.getText(_i18nDefaults.TREE_ITEM_COLLAPSE_NODE) : TreeListItem.i18nBundle.getText(_i18nDefaults.TREE_ITEM_EXPAND_NODE);
     }
-
     static async onDefine() {
       [TreeListItem.i18nBundle] = await Promise.all([(0, _i18nBundle.getI18nBundle)("@ui5/webcomponents"), super.onDefine()]);
     }
-
   }
-
   TreeListItem.define();
   var _default = TreeListItem;
   _exports.default = _default;