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

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

@@ -12,9 +12,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
   _CheckBox = _interopRequireDefault(_CheckBox);
   _Button = _interopRequireDefault(_Button);
   _ListItem = _interopRequireDefault(_ListItem);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
 
   /**
@@ -22,9 +20,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
    */
   const metadata = {
     languageAware: true,
-    properties:
-    /** @lends sap.ui.webcomponents.main.ListItem.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.ListItem.prototype */{
       /**
        * Defines the visual indication and behavior of the list items.
        * Available options are <code>Active</code> (by default), <code>Inactive</code> and <code>Detail</code>.
@@ -40,7 +36,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         type: _ListItemType.default,
         defaultValue: _ListItemType.default.Active
       },
-
       /**
        * Indicates if the list item is active, e.g pressed down with the mouse or the keyboard keys.
        *
@@ -50,7 +45,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
       active: {
         type: Boolean
       },
-
       /**
        * Defines the tooltip of the component.
        * @type {string}
@@ -61,7 +55,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
       title: {
         type: String
       },
-
       /**
        * Indicates if the list item is actionable, e.g has hover and pressed effects.
        *
@@ -71,7 +64,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
       actionable: {
         type: Boolean
       },
-
       /**
        * Used to define the role of the list item.
        *
@@ -85,7 +77,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         type: String,
         defaultValue: "listitem"
       },
-
       /**
        * Used to define the role of the list item.
        *
@@ -107,9 +98,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         noAttribute: true
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.ListItem.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.ListItem.prototype */{
       /**
        * Fired when the user clicks on the detail button when type is <code>Detail</code>.
        *
@@ -122,6 +111,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
       "_selection-requested": {}
     }
   };
+
   /**
    * @class
    * A class to serve as a base
@@ -133,220 +123,175 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
    * @extends ListItemBase
    * @public
    */
-
   class ListItem extends _ListItemBase.default {
     static get metadata() {
       return metadata;
     }
-
     static get styles() {
       return [_ListItemBase.default.styles, _ListItem.default];
     }
-
     static get dependencies() {
       return [_Button.default, _RadioButton.default, _CheckBox.default];
     }
-
     constructor() {
       super();
-
       this.deactivateByKey = event => {
         if ((0, _Keys.isEnter)(event)) {
           this.deactivate();
         }
       };
-
       this.deactivate = () => {
         if (this.active) {
           this.active = false;
         }
       };
-
       const handleTouchStartEvent = event => {
         this._onmousedown(event);
       };
-
       this._ontouchstart = {
         handleEvent: handleTouchStartEvent,
         passive: true
       };
     }
-
     onBeforeRendering(...params) {
       this.actionable = this.type === _ListItemType.default.Active && this._mode !== _ListMode.default.Delete;
     }
-
     onEnterDOM() {
       document.addEventListener("mouseup", this.deactivate);
       document.addEventListener("touchend", this.deactivate);
       document.addEventListener("keyup", this.deactivateByKey);
     }
-
     onExitDOM() {
       document.removeEventListener("mouseup", this.deactivate);
       document.removeEventListener("keyup", this.deactivateByKey);
       document.removeEventListener("touchend", this.deactivate);
     }
-
     _onkeydown(event) {
       super._onkeydown(event);
-
       const itemActive = this.type === _ListItemType.default.Active;
-
       if ((0, _Keys.isSpace)(event)) {
         event.preventDefault();
       }
-
       if (((0, _Keys.isSpace)(event) || (0, _Keys.isEnter)(event)) && itemActive) {
         this.activate();
       }
-
       if ((0, _Keys.isEnter)(event)) {
         this.fireItemPress(event);
       }
     }
-
     _onkeyup(event) {
       if ((0, _Keys.isSpace)(event) || (0, _Keys.isEnter)(event)) {
         this.deactivate();
       }
-
       if ((0, _Keys.isSpace)(event)) {
         this.fireItemPress(event);
       }
-
       if (this.modeDelete && (0, _Keys.isDelete)(event)) {
         this.onDelete();
       }
     }
-
     _onmousedown(event) {
       if (event.isMarked === "button") {
         return;
       }
-
       this.activate();
     }
-
     _onmouseup(event) {
       if (event.isMarked === "button") {
         return;
       }
-
       this.deactivate();
     }
-
     _ontouchend(event) {
       this._onmouseup(event);
     }
-
     _onfocusout() {
       super._onfocusout();
-
       this.deactivate();
     }
-
     _onclick(event) {
       if (event.isMarked === "button") {
         return;
       }
-
       this.fireItemPress(event);
     }
+
     /*
      * Called when selection components in Single (ui5-radio-button)
      * and Multi (ui5-checkbox) selection modes are used.
      */
-
-
     onMultiSelectionComponentPress(event) {
       if (this.isInactive) {
         return;
       }
-
       this.fireEvent("_selection-requested", {
         item: this,
         selected: event.target.checked,
         selectionComponentPressed: true
       });
     }
-
     onSingleSelectionComponentPress(event) {
       if (this.isInactive) {
         return;
       }
-
       this.fireEvent("_selection-requested", {
         item: this,
         selected: !event.target.selected,
         selectionComponentPressed: true
       });
     }
-
     activate() {
       if (this.type === _ListItemType.default.Active) {
         this.active = true;
       }
     }
-
     onDelete(event) {
       this.fireEvent("_selection-requested", {
         item: this,
         selectionComponentPressed: false
       });
     }
-
     onDetailClick(event) {
       this.fireEvent("detail-click", {
         item: this,
         selected: this.selected
       });
     }
-
     fireItemPress(event) {
       if (this.isInactive) {
         return;
       }
-
       this.fireEvent("_press", {
         item: this,
         selected: this.selected,
         key: event.key
       });
     }
-
     get isInactive() {
       return this.type === _ListItemType.default.Inactive || this.type === _ListItemType.default.Detail;
     }
-
     get placeSelectionElementBefore() {
       return this._mode === _ListMode.default.MultiSelect || this._mode === _ListMode.default.SingleSelectBegin;
     }
-
     get placeSelectionElementAfter() {
       return !this.placeSelectionElementBefore && (this._mode === _ListMode.default.SingleSelectEnd || this._mode === _ListMode.default.Delete);
     }
-
     get modeSingleSelect() {
       return [_ListMode.default.SingleSelectBegin, _ListMode.default.SingleSelectEnd, _ListMode.default.SingleSelect].includes(this._mode);
     }
-
     get modeMultiSelect() {
       return this._mode === _ListMode.default.MultiSelect;
     }
-
     get modeDelete() {
       return this._mode === _ListMode.default.Delete;
     }
+
     /**
      * Used in UploadCollectionItem
      */
-
-
     get renderDeleteButton() {
       return this.modeDelete;
     }
-
     get disableDeleteButton() {
       return false;
     }
@@ -354,50 +299,42 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
      * End
      */
 
-
     get typeDetail() {
       return this.type === _ListItemType.default.Detail;
     }
-
     get typeActive() {
       return this.type === _ListItemType.default.Active;
     }
-
     get ariaSelected() {
       if (this.modeMultiSelect || this.modeSingleSelect) {
         return this.selected;
       }
-
       return undefined;
     }
-
     get ariaSelectedText() {
-      let ariaSelectedText; // Selected state needs to be supported separately since now the role mapping is list -> listitem[]
+      let ariaSelectedText;
+
+      // Selected state needs to be supported separately since now the role mapping is list -> listitem[]
       // to avoid the issue of nesting interactive elements, ex. (option -> radio/checkbox);
       // The text is added to aria-describedby because as part of the aria-labelledby
       // the whole content of the item is readout when the aria-labelledby value is changed.
-
       if (this.ariaSelected !== undefined) {
         ariaSelectedText = this.ariaSelected ? ListItem.i18nBundle.getText(_i18nDefaults.LIST_ITEM_SELECTED) : ListItem.i18nBundle.getText(_i18nDefaults.LIST_ITEM_NOT_SELECTED);
       }
-
       return ariaSelectedText;
     }
-
     get deleteText() {
       return ListItem.i18nBundle.getText(_i18nDefaults.DELETE);
     }
-
     get _accessibleNameRef() {
       if (this.accessibleName) {
         // accessibleName is set - return labels excluding content
         return `${this._id}-invisibleText`;
-      } // accessibleName is not set - return _accInfo.listItemAriaLabel including content
-
+      }
 
+      // accessibleName is not set - return _accInfo.listItemAriaLabel including content
       return `${this._id}-content ${this._id}-invisibleText`;
     }
-
     get _accInfo() {
       return {
         role: this.accessibleRole || this.role,
@@ -409,13 +346,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         ariaHaspopup: this._ariaHasPopup || undefined
       };
     }
-
     static async onDefine() {
       ListItem.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents");
     }
-
   }
-
   var _default = ListItem;
   _exports.default = _default;
 });

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

@@ -8,18 +8,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _UI5Element = _interopRequireDefault(_UI5Element);
   _ListItemBase = _interopRequireDefault(_ListItemBase);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
 
   /**
    * @public
    */
   const metadata = {
-    properties:
-    /** @lends sap.ui.webcomponents.main.ListItemBase.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.ListItemBase.prototype */{
       /**
        * Defines the selected state of the <code>ListItem</code>.
        * @type {boolean}
@@ -29,7 +25,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
       selected: {
         type: Boolean
       },
-
       /**
       * Defines if the list item should display its bottom border.
       * @private
@@ -42,7 +37,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
         defaultValue: "-1",
         noAttribute: true
       },
-
       /**
        * Defines whether <code>ui5-li</code> is in disabled state.
        * <br><br>
@@ -55,7 +49,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
       disabled: {
         type: Boolean
       },
-
       /**
        * Indicates if the element is on focus
        * @private
@@ -64,14 +57,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
         type: Boolean
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.ListItemBase.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.main.ListItemBase.prototype */{
       _focused: {},
       "_forward-after": {},
       "_forward-before": {}
     }
   };
+
   /**
    * A class to serve as a foundation
    * for the <code>ListItem</code> and <code>GroupHeaderListItem</code> classes.
@@ -83,48 +75,37 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
    * @extends UI5Element
    * @public
    */
-
   class ListItemBase extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get styles() {
       return _ListItemBase.default;
     }
-
     _onfocusin(event) {
       if (event.target !== this.getFocusDomRef()) {
         return;
       }
-
       this.focused = true;
       this.fireEvent("_focused", event);
     }
-
     _onfocusout(_event) {
       this.focused = false;
     }
-
     _onkeydown(event) {
       if ((0, _Keys.isTabNext)(event)) {
         return this._handleTabNext(event);
       }
-
       if ((0, _Keys.isTabPrevious)(event)) {
         return this._handleTabPrevious(event);
       }
     }
-
     _onkeyup() {}
-
     _handleTabNext(event) {
       const target = event.target;
-
       if (this.shouldForwardTabAfter(target)) {
         if (!this.fireEvent("_forward-after", {
           item: target
@@ -133,40 +114,33 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
         }
       }
     }
-
     _handleTabPrevious(event) {
       const target = event.target;
-
       if (this.shouldForwardTabBefore(target)) {
         const eventData = event;
         eventData.item = target;
         this.fireEvent("_forward-before", eventData);
       }
     }
+
     /*
     * Determines if th current list item either has no tabbable content or
     * [TAB] is performed onto the last tabbale content item.
     */
-
-
     shouldForwardTabAfter(target) {
       const aContent = (0, _TabbableElements.getTabbableElements)(this.getDomRef());
-
       if (target.getFocusDomRef) {
         target = target.getFocusDomRef();
       }
-
       return !aContent.length || aContent[aContent.length - 1] === target;
     }
+
     /*
     * Determines if the current list item is target of [SHIFT+TAB].
     */
-
-
     shouldForwardTabBefore(target) {
       return this.getDomRef() === target;
     }
-
     get classes() {
       return {
         main: {
@@ -175,25 +149,19 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/renderer/LitRender
         }
       };
     }
-
     get ariaDisabled() {
       return this.disabled ? "true" : undefined;
     }
-
     get tabIndex() {
       if (this.disabled) {
         return -1;
       }
-
       if (this.selected) {
         return 0;
       }
-
       return this._tabIndex;
     }
-
   }
-
   var _default = ListItemBase;
   _exports.default = _default;
 });