@openui5/sap.ui.webc.fiori 1.111.2 → 1.112.2

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

@@ -16,11 +16,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
   _NotificationListItemBase = _interopRequireDefault(_NotificationListItemBase);
   _NotificationListItemTemplate = _interopRequireDefault(_NotificationListItemTemplate);
   _NotificationListItem = _interopRequireDefault(_NotificationListItem);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Texts
+
   // Templates
+
   // Styles
 
   /**
@@ -30,9 +30,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
     tag: "ui5-li-notification",
     languageAware: true,
     managedSlots: true,
-    properties:
-    /** @lends sap.ui.webcomponents.fiori.NotificationListItem.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.fiori.NotificationListItem.prototype */{
       /**
        * Defines if the <code>titleText</code> and <code>description</code> should wrap,
        * they truncate by default.
@@ -49,7 +47,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         type: _WrappingType.default,
         defaultValue: _WrappingType.default.None
       },
-
       /**
        * Defines the state of the <code>titleText</code> and <code>description</code>,
        * if less or more information is displayed.
@@ -58,7 +55,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
       _showMorePressed: {
         type: Boolean
       },
-
       /**
        * Defines the visibility of the <code>showMore</code> button.
        * @private
@@ -67,9 +63,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         type: Boolean
       }
     },
-    slots:
-    /** @lends sap.ui.webcomponents.fiori.NotificationListItem.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.fiori.NotificationListItem.prototype */{
       /**
        * Defines the avatar, displayed in the <code>ui5-li-notification</code>.
        *
@@ -87,7 +81,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
       avatar: {
         type: HTMLElement
       },
-
       /**
        * Defines the elements, displayed in the footer of the of the component.
        * @type {HTMLElement[]}
@@ -98,7 +91,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         type: HTMLElement,
         individualSlots: true
       },
-
       /**
        * Defines the content of the <code>ui5-li-notification</code>,
        * usually a description of the notification.
@@ -115,12 +107,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         type: Node
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.fiori.NotificationListItem.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.fiori.NotificationListItem.prototype */{
       _press: {}
     }
   };
+
   /**
    * @class
    *
@@ -167,110 +158,87 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
    * @implements sap.ui.webcomponents.fiori.INotificationListItem, sap.ui.webcomponents.main.IListItem
    * @public
    */
-
   class NotificationListItem extends _NotificationListItemBase.default {
     constructor() {
-      super(); // the titleText overflow height
+      super();
 
-      this._titleTextOverflowHeight = 0; // the description overflow height
+      // the titleText overflow height
+      this._titleTextOverflowHeight = 0;
 
-      this._descOverflowHeight = 0; // the resize handler
+      // the description overflow height
+      this._descOverflowHeight = 0;
 
+      // the resize handler
       this.onResizeBind = this.onResize.bind(this);
     }
-
     static get metadata() {
       return metadata;
     }
-
     static get styles() {
       return _NotificationListItem.default;
     }
-
     static get template() {
       return _NotificationListItemTemplate.default;
     }
-
     static get dependencies() {
       return [_Button.default, _Icon.default, _BusyIndicator.default, _Link.default, _Popover.default];
     }
-
     onEnterDOM() {
       _ResizeHandler.default.register(this, this.onResizeBind);
     }
-
     onExitDOM() {
       _ResizeHandler.default.deregister(this, this.onResizeBind);
     }
-
     get hasDesc() {
       return !!this.description.length;
     }
-
     get hasFootNotes() {
       return !!this.footnotes.length;
     }
-
     get showMoreText() {
       if (this._showMorePressed) {
         return NotificationListItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_SHOW_LESS);
       }
-
       return NotificationListItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_SHOW_MORE);
     }
-
     get overflowBtnAccessibleName() {
       return NotificationListItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE);
     }
-
     get closeBtnAccessibleName() {
       return NotificationListItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE);
     }
-
     get hideShowMore() {
       if (this.wrappingType === _WrappingType.default.None && this._showMore) {
         return undefined;
       }
-
       return true;
     }
-
     get descriptionDOM() {
       return this.shadowRoot.querySelector(".ui5-nli-description");
     }
-
     get titleTextDOM() {
       return this.shadowRoot.querySelector(".ui5-nli-title-text");
     }
-
     get titleTextHeight() {
       return this.titleTextDOM.offsetHeight;
     }
-
     get descriptionHeight() {
       return this.descriptionDOM.offsetHeight;
     }
-
     get titleTextOverflows() {
       const titleText = this.titleTextDOM;
-
       if (!titleText) {
         return false;
       }
-
       return titleText.offsetHeight < titleText.scrollHeight;
     }
-
     get descriptionOverflows() {
       const description = this.descriptionDOM;
-
       if (!description) {
         return false;
       }
-
       return description.offsetHeight < description.scrollHeight;
     }
-
     get footerItems() {
       return this.footnotes.map((el, idx, arr) => {
         return {
@@ -279,128 +247,100 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         };
       });
     }
-
     get ariaLabelledBy() {
       const id = this._id;
       const ids = [];
-
       if (this.hasTitleText) {
         ids.push(`${id}-title-text`);
       }
-
       if (this.hasDesc) {
         ids.push(`${id}-description`);
       }
-
       if (this.hasFootNotes) {
         ids.push(`${id}-footer`);
       }
-
       ids.push(`${id}-invisibleText`);
       return ids.join(" ");
     }
-
     get priorityText() {
       if (this.priority === _Priority.default.High) {
         return NotificationListItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT);
       }
-
       if (this.priority === _Priority.default.Medium) {
         return NotificationListItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT);
       }
-
       if (this.priority === _Priority.default.Low) {
         return NotificationListItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT);
       }
-
       return "";
     }
-
     get accInvisibleText() {
       const notificationText = NotificationListItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_TXT);
       const readText = this.read ? NotificationListItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_READ) : NotificationListItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_UNREAD);
       const priorityText = this.priorityText;
       return `${notificationText} ${readText} ${priorityText}`;
     }
+
     /**
      * Event handlers
      */
-
-
     _onclick(event) {
       this.fireItemPress(event);
     }
-
     _onShowMoreClick(event) {
       event.preventDefault();
       this._showMorePressed = !this._showMorePressed;
     }
-
     _onkeydown(event) {
       super._onkeydown(event);
-
       if ((0, _Keys.isEnter)(event)) {
         this.fireItemPress(event);
       }
     }
-
     _onkeyup(event) {
       super._onkeyup(event);
-
       const space = (0, _Keys.isSpace)(event);
-
       if (space && event.isMarked === "link") {
         this._onShowMoreClick(event);
-
         return;
       }
-
       if (space) {
         this.fireItemPress(event);
       }
     }
+
     /**
      * Private
      */
-
-
     fireItemPress(event) {
       if (event.isMarked === "button" || event.isMarked === "link") {
         return;
       }
-
       this.fireEvent("_press", {
         item: this
       });
     }
-
     onResize() {
       if (this.wrappingType === _WrappingType.default.Normal) {
         this._showMore = false;
         return;
       }
-
       const titleTextWouldOverflow = this.titleTextHeight > this._titleTextOverflowHeight;
       const descWouldOverflow = this.hasDesc && this.descriptionHeight > this._descOverflowHeight;
       const overflows = titleTextWouldOverflow || descWouldOverflow;
-
       if (this._showMorePressed && overflows) {
         this._showMore = true;
         return;
       }
-
       if (this.titleTextOverflows || this.descriptionOverflows) {
         this._titleTextOverflowHeight = this.titleTextHeight;
         this._descOverflowHeight = this.hasDesc ? this.descriptionHeight : 0;
         this._showMore = true;
         return;
       }
-
       this._showMore = false;
     }
-
   }
-
   NotificationListItem.define();
   var _default = NotificationListItem;
   _exports.default = _default;

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

@@ -10,11 +10,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
   _Priority = _interopRequireDefault(_Priority);
   _NotificationOverflowActionsPopoverTemplate = _interopRequireDefault(_NotificationOverflowActionsPopoverTemplate);
   _NotificationOverflowActionsPopover = _interopRequireDefault(_NotificationOverflowActionsPopover);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Icons
+
   // Templates
+
   // Styles
 
   /**
@@ -22,9 +22,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
    */
   const metadata = {
     managedSlots: true,
-    properties:
-    /** @lends sap.ui.webcomponents.fiori.NotificationListItemBase.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.fiori.NotificationListItemBase.prototype */{
       /**
        * Defines the <code>titleText</code> of the item.
        * @type {string}
@@ -34,7 +32,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
       titleText: {
         type: String
       },
-
       /**
        * Defines the <code>priority</code> of the item.
        * Available options are:
@@ -52,7 +49,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         type: _Priority.default,
         defaultValue: _Priority.default.None
       },
-
       /**
        * Defines if the <code>close</code> button would be displayed.
        * @type {boolean}
@@ -62,7 +58,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
       showClose: {
         type: Boolean
       },
-
       /**
        * Defines if the <code>notification</code> is new or has been already read.
        * <br><br>
@@ -75,7 +70,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
       read: {
         type: Boolean
       },
-
       /**
        * Defines if a busy indicator would be displayed over the item.
        * @type {boolean}
@@ -86,7 +80,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
       busy: {
         type: Boolean
       },
-
       /**
        * Defines the delay in milliseconds, after which the busy indicator will show up for this component.
        *
@@ -99,9 +92,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         defaultValue: 1000
       }
     },
-    slots:
-    /** @lends sap.ui.webcomponents.fiori.NotificationListItemBase.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.fiori.NotificationListItemBase.prototype */{
       /**
        * Defines the actions, displayed in the top-right area.
        * <br><br>
@@ -115,9 +106,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         type: HTMLElement
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.fiori.NotificationListItemBase.prototype */
-    {
+    events: /** @lends sap.ui.webcomponents.fiori.NotificationListItemBase.prototype */{
       /**
        * Fired when the <code>Close</code> button is pressed.
        *
@@ -127,6 +116,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
       close: {}
     }
   };
+
   /**
    * @class
    *
@@ -142,20 +132,16 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
    * @appenddocs NotificationAction
    * @public
    */
-
   class NotificationListItemBase extends _ListItemBase.default {
     static get metadata() {
       return metadata;
     }
-
     static get staticAreaTemplate() {
       return _NotificationOverflowActionsPopoverTemplate.default;
     }
-
     static get staticAreaStyles() {
       return _NotificationOverflowActionsPopover.default;
     }
-
     static priorityIconsMappings() {
       return {
         "High": "message-error",
@@ -163,43 +149,33 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         "Low": "message-success"
       };
     }
-
     get hasTitleText() {
       return !!this.titleText.length;
     }
-
     get hasPriority() {
       return this.priority !== _Priority.default.None;
     }
-
     get priorityIcon() {
       return NotificationListItemBase.priorityIconsMappings()[this.priority];
     }
-
     get overflowButtonDOM() {
       return this.shadowRoot.querySelector(".ui5-nli-overflow-btn");
     }
-
     get showOverflow() {
       return !!this.overflowActions.length;
     }
-
     get overflowActions() {
       if (this.actions.length <= 1) {
         return [];
       }
-
       return this.actionsInfo;
     }
-
     get standardActions() {
       if (this.actions.length > 1) {
         return [];
       }
-
       return this.actionsInfo;
     }
-
     get actionsInfo() {
       return this.actions.map(action => {
         return {
@@ -212,24 +188,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         };
       });
     }
+
     /**
      * Event handlers
      */
-
-
     _onBtnCloseClick() {
       this.fireEvent("close", {
         item: this
       });
     }
-
     _onBtnOverflowClick() {
       this.openOverflow();
     }
-
     _onCustomActionClick(event) {
       const refItemId = event.target.getAttribute("data-ui5-external-action-item-id");
-
       if (refItemId) {
         this.getActionByID(refItemId).fireEvent("click", {
           targetRef: event.target
@@ -237,44 +209,34 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/web
         this.closeOverflow();
       }
     }
-
     _onkeydown(event) {
       super._onkeydown(event);
-
       if (event.isMarked === "button") {
         return;
       }
-
       if ((0, _Keys.isSpace)(event)) {
         event.preventDefault();
       }
     }
-
     getActionByID(id) {
       return this.actions.find(action => action._id === id);
     }
-
     async openOverflow() {
       const overflowPopover = await this.getOverflowPopover();
       overflowPopover.showAt(this.overflowButtonDOM);
     }
-
     async closeOverflow() {
       const overflowPopover = await this.getOverflowPopover();
       overflowPopover.close();
     }
-
     async getOverflowPopover() {
       const staticAreaItem = await this.getStaticAreaItemDomRef();
       return staticAreaItem.querySelector(".ui5-notification-overflow-popover");
     }
-
     static async onDefine() {
       NotificationListItemBase.i18nFioriBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori");
     }
-
   }
-
   var _default = NotificationListItemBase;
   _exports.default = _default;
 });

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

@@ -12,10 +12,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   _PageBackgroundDesign = _interopRequireDefault(_PageBackgroundDesign);
   _PageTemplate = _interopRequireDefault(_PageTemplate);
   _Page = _interopRequireDefault(_Page);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Template
+
   // Styles
 
   /**
@@ -25,9 +24,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     tag: "ui5-page",
     managedSlots: true,
     languageAware: true,
-    properties:
-    /** @lends sap.ui.webcomponents.fiori.Page.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.fiori.Page.prototype */{
       /**
        * Defines the background color of the <code>ui5-page</code>.
        * <br><br>
@@ -47,7 +44,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: String,
         defaultValue: _PageBackgroundDesign.default.Solid
       },
-
       /**
        * Disables vertical scrolling of page content.
        * If set to true, there will be no vertical scrolling at all.
@@ -59,7 +55,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       disableScrolling: {
         type: Boolean
       },
-
       /**
        * Defines if the footer should float over the content.
        * <br><br>
@@ -71,7 +66,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       floatingFooter: {
         type: Boolean
       },
-
       /**
        * Defines the footer visibility.
        *
@@ -82,7 +76,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       hideFooter: {
         type: Boolean
       },
-
       /**
        * Defines the current media query size.
        *
@@ -94,9 +87,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: String
       }
     },
-    slots:
-    /** @lends sap.ui.webcomponents.fiori.Page.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.fiori.Page.prototype */{
       /**
        * Defines the header HTML Element.
        *
@@ -107,7 +98,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       header: {
         type: HTMLElement
       },
-
       /**
        * Defines the content HTML Element.
        *
@@ -119,7 +109,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         propertyName: "content",
         type: HTMLElement
       },
-
       /**
        * Defines the footer HTML Element.
        *
@@ -131,10 +120,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         type: HTMLElement
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.fiori.Page.prototype */
-    {}
+    events: /** @lends sap.ui.webcomponents.fiori.Page.prototype */{}
   };
+
   /**
    * @class
    *
@@ -168,53 +156,41 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    * @since 1.0.0-rc.12
    * @public
    */
-
   class Page extends _UI5Element.default {
     static get metadata() {
       return metadata;
     }
-
     static get render() {
       return _LitRenderer.default;
     }
-
     static get styles() {
       return _Page.default;
     }
-
     static get template() {
       return _PageTemplate.default;
     }
-
     constructor() {
       super();
       this._updateMediaRange = this.updateMediaRange.bind(this);
     }
-
     onEnterDOM() {
       _ResizeHandler.default.register(this, this._updateMediaRange);
     }
-
     onExitDOM() {
       _ResizeHandler.default.deregister(this, this._updateMediaRange);
     }
-
     updateMediaRange() {
       this.mediaRange = _MediaRange.default.getCurrentRange(_MediaRange.default.RANGESETS.RANGE_4STEPS, this.getDomRef().offsetWidth);
     }
-
     get _contentBottom() {
       return !this.floatingFooter && !this.hideFooter ? "2.75rem" : "0";
     }
-
     get _contentPaddingBottom() {
       return this.floatingFooter && !this.hideFooter ? "3.5rem" : "0";
     }
-
     get _contentTop() {
       return this.header.length ? "2.75rem" : "0rem";
     }
-
     get styles() {
       return {
         content: {
@@ -225,9 +201,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         footer: {}
       };
     }
-
   }
-
   Page.define();
   var _default = Page;
   _exports.default = _default;