@openui5/sap.ui.webc.fiori 1.105.0 → 1.106.0

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

@@ -1,40 +1,115 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/main/thirdparty/types/ButtonDesign'], function (UI5Element, ButtonDesign) { 'use strict';
-
-	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
-
-	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
-	var ButtonDesign__default = /*#__PURE__*/_interopDefaultLegacy(ButtonDesign);
-
-	const metadata = {
-		tag: "ui5-notification-action",
-		properties:  {
-			text: {
-				type: String,
-			},
-			disabled: {
-				type: Boolean,
-			},
-			design: {
-				type: ButtonDesign__default,
-				defaultValue: ButtonDesign__default.Transparent,
-			},
-			icon: {
-				type: String,
-			},
-		},
-		slots:  {
-		},
-		events:  {
-			click: {},
-		},
-	};
-	class NotificationAction extends UI5Element__default {
-		static get metadata() {
-			return metadata;
-		}
-	}
-	NotificationAction.define();
-
-	return NotificationAction;
-
-});
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/main/thirdparty/types/ButtonDesign"], function (_exports, _UI5Element, _ButtonDesign) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  _UI5Element = _interopRequireDefault(_UI5Element);
+  _ButtonDesign = _interopRequireDefault(_ButtonDesign);
+
+  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+  /**
+   * @public
+   */
+  const metadata = {
+    tag: "ui5-notification-action",
+    properties:
+    /** @lends sap.ui.webcomponents.fiori.NotificationAction.prototype */
+    {
+      /**
+       * Defines the text of the <code>ui5-notification-action</code>.
+       *
+       * @type {string}
+       * @defaultvalue ""
+       * @public
+       */
+      text: {
+        type: String
+      },
+
+      /**
+       * Defines if the action is disabled.
+       * <br><br>
+       * <b>Note:</b> a disabled action can't be pressed or focused, and it is not in the tab chain.
+       *
+       * @type {boolean}
+       * @defaultvalue false
+       * @public
+       */
+      disabled: {
+        type: Boolean
+      },
+
+      /**
+       * Defines the action design.
+       *
+       * <br><br>
+       * <b>Note:</b>
+       * <ul>
+       * <li><code>Default</code></li>
+       * <li><code>Emphasized</code></li>
+       * <li><code>Positive</code></li>
+       * <li><code>Negative</code></li>
+       * <li><code>Transparent</code></li>
+       * </ul>
+       *
+       * @type {ButtonDesign}
+       * @defaultvalue "Transparent"
+       * @public
+       */
+      design: {
+        type: _ButtonDesign.default,
+        defaultValue: _ButtonDesign.default.Transparent
+      },
+
+      /**
+       * Defines the <code>icon</code> source URI.
+       * <br><br>
+       * <b>Note:</b>
+       * SAP-icons font provides numerous built-in icons. To find all the available icons, see the
+       * <ui5-link target="_blank" href="https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
+       *
+       * @type {string}
+       * @defaultvalue ""
+       * @public
+       */
+      icon: {
+        type: String
+      }
+    },
+    slots:
+    /** @lends sap.ui.webcomponents.fiori.NotificationAction.prototype */
+    {},
+    events:
+    /** @lends sap.ui.webcomponents.fiori.NotificationAction.prototype */
+    {
+      click: {}
+    }
+  };
+  /**
+   * @class
+   * The <code>ui5-notification-action</code> represents an abstract action,
+   * used in the <code>ui5-li-notification</code> and the <code>ui5-li-notification-group</code> items.
+   *
+   * @constructor
+   * @author SAP SE
+   * @alias sap.ui.webcomponents.fiori.NotificationAction
+   * @extends UI5Element
+   * @tagname ui5-notification-action
+   * @implements sap.ui.webcomponents.fiori.INotificationAction
+   * @public
+   */
+
+  class NotificationAction extends _UI5Element.default {
+    static get metadata() {
+      return metadata;
+    }
+
+  }
+
+  NotificationAction.define();
+  var _default = NotificationAction;
+  _exports.default = _default;
+});

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

@@ -1,127 +1,251 @@
-sap.ui.define(['sap/ui/webc/main/thirdparty/types/Priority', 'sap/ui/webc/main/thirdparty/List', 'sap/ui/webc/main/thirdparty/Button', 'sap/ui/webc/main/thirdparty/BusyIndicator', 'sap/ui/webc/main/thirdparty/Icon', 'sap/ui/webc/main/thirdparty/Popover', './NotificationListItemBase', './generated/i18n/i18n-defaults', './generated/templates/NotificationListGroupItemTemplate.lit', './generated/themes/NotificationListGroupItem.css'], function (Priority, List, Button, BusyIndicator, Icon, Popover, NotificationListItemBase, i18nDefaults, NotificationListGroupItemTemplate_lit, NotificationListGroupItem_css) { 'use strict';
-
-	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
-
-	var Priority__default = /*#__PURE__*/_interopDefaultLegacy(Priority);
-	var List__default = /*#__PURE__*/_interopDefaultLegacy(List);
-	var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
-	var BusyIndicator__default = /*#__PURE__*/_interopDefaultLegacy(BusyIndicator);
-	var Icon__default = /*#__PURE__*/_interopDefaultLegacy(Icon);
-	var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
-
-	const metadata = {
-		tag: "ui5-li-notification-group",
-		languageAware: true,
-		managedSlots: true,
-		properties:  {
-			collapsed: {
-				type: Boolean,
-			},
-			showCounter: {
-				type: Boolean,
-			},
-		},
-		slots:  {
-			"default": {
-				propertyName: "items",
-				type: HTMLElement,
-			},
-		},
-		events:  {
-			toggle: {},
-		},
-	};
-	class NotificationListGroupItem extends NotificationListItemBase {
-		static get metadata() {
-			return metadata;
-		}
-		static get styles() {
-			return NotificationListGroupItem_css;
-		}
-		static get template() {
-			return NotificationListGroupItemTemplate_lit;
-		}
-		onBeforeRendering() {
-			if (this.busy) {
-				this.clearChildBusyIndicator();
-			}
-		}
-		clearChildBusyIndicator() {
-			this.items.forEach(item => {
-				item.busy = false;
-			});
-		}
-		static get dependencies() {
-			return [
-				List__default,
-				Button__default,
-				Icon__default,
-				BusyIndicator__default,
-				Popover__default,
-			];
-		}
-		get itemsCount() {
-			return this.items.length;
-		}
-		get overflowBtnAccessibleName() {
-			return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE);
-		}
-		get closeBtnAccessibleName() {
-			return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_CLOSE_BTN_TITLE);
-		}
-		get toggleBtnAccessibleName() {
-			if (this.collapsed) {
-				return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_EXPAND_TITLE);
-			}
-			return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_COLLAPSE_TITLE);
-		}
-		get priorityText() {
-			if (this.priority === Priority__default.High) {
-				return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT);
-			}
-			if (this.priority === Priority__default.Medium) {
-				return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT);
-			}
-			if (this.priority === Priority__default.Low) {
-				return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT);
-			}
-			return "";
-		}
-		get accInvisibleText() {
-			return `${this.groupText} ${this.readText} ${this.priorityText} ${this.counterText}`;
-		}
-		get readText() {
-			if (this.read) {
-				return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_READ);
-			}
-			return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_UNREAD);
-		}
-		get groupText() {
-			return NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TXT);
-		}
-		get counterText() {
-			const text = NotificationListGroupItem.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_COUNTER_TXT);
-			return this.showCounter ? `${text} ${this.itemsCount}` : "";
-		}
-		get ariaLabelledBy() {
-			const id = this._id;
-			const ids = [];
-			if (this.hasTitleText) {
-				ids.push(`${id}-title-text`);
-			}
-			ids.push(`${id}-invisibleText`);
-			return ids.join(" ");
-		}
-		get ariaExpanded() {
-			return !this.collapsed;
-		}
-		_onBtnToggleClick() {
-			this.collapsed = !this.collapsed;
-			this.fireEvent("toggle", { item: this });
-		}
-	}
-	NotificationListGroupItem.define();
-
-	return NotificationListGroupItem;
-
-});
+sap.ui.define(["exports", "sap/ui/webc/main/thirdparty/types/Priority", "sap/ui/webc/main/thirdparty/List", "sap/ui/webc/main/thirdparty/Button", "sap/ui/webc/main/thirdparty/BusyIndicator", "sap/ui/webc/main/thirdparty/Icon", "sap/ui/webc/main/thirdparty/Popover", "./NotificationListItemBase", "./generated/i18n/i18n-defaults", "./generated/templates/NotificationListGroupItemTemplate.lit", "./generated/themes/NotificationListGroupItem.css"], function (_exports, _Priority, _List, _Button, _BusyIndicator, _Icon, _Popover, _NotificationListItemBase, _i18nDefaults, _NotificationListGroupItemTemplate, _NotificationListGroupItem) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  _Priority = _interopRequireDefault(_Priority);
+  _List = _interopRequireDefault(_List);
+  _Button = _interopRequireDefault(_Button);
+  _BusyIndicator = _interopRequireDefault(_BusyIndicator);
+  _Icon = _interopRequireDefault(_Icon);
+  _Popover = _interopRequireDefault(_Popover);
+  _NotificationListItemBase = _interopRequireDefault(_NotificationListItemBase);
+  _NotificationListGroupItemTemplate = _interopRequireDefault(_NotificationListGroupItemTemplate);
+  _NotificationListGroupItem = _interopRequireDefault(_NotificationListGroupItem);
+
+  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+  // Texts
+  // Templates
+  // Styles
+
+  /**
+   * @public
+   */
+  const metadata = {
+    tag: "ui5-li-notification-group",
+    languageAware: true,
+    managedSlots: true,
+    properties:
+    /** @lends sap.ui.webcomponents.fiori.NotificationListGroupItem.prototype */
+    {
+      /**
+       * Defines if the group is collapsed or expanded.
+       * @type {boolean}
+       * @defaultvalue false
+       * @public
+       */
+      collapsed: {
+        type: Boolean
+      },
+
+      /**
+       * Defines if the items <code>counter</code> would be displayed.
+       * @type {boolean}
+       * @defaultvalue false
+       * @public
+       */
+      showCounter: {
+        type: Boolean
+      }
+    },
+    slots:
+    /** @lends sap.ui.webcomponents.fiori.NotificationListGroupItem.prototype */
+    {
+      /**
+       * Defines the items of the <code>ui5-li-notification-group</code>,
+       * usually <code>ui5-li-notification</code> items.
+       *
+       * @type {sap.ui.webcomponents.fiori.INotificationListItem[]}
+       * @slot items
+       * @public
+       */
+      "default": {
+        propertyName: "items",
+        type: HTMLElement
+      }
+    },
+    events:
+    /** @lends sap.ui.webcomponents.fiori.NotificationListGroupItem.prototype */
+    {
+      /**
+       * Fired when the <code>ui5-li-notification-group</code> is expanded/collapsed by user interaction.
+       *
+       * @event
+       * @public
+       */
+      toggle: {}
+    }
+  };
+  /**
+   * @class
+   *
+   * <h3 class="comment-api-title">Overview</h3>
+   * The <code>ui5-li-notification-group</code> is a special type of list item,
+   * that unlike others can group items within self, usually <code>ui5-li-notification</code> items.
+   * <br>
+   *
+   * The component consists of:
+   * <ul>
+   * <li><code>Toggle</code> button to expand and collapse the group</li>
+   * <li><code>Priority</code> icon to display the priority of the group</li>
+   * <li><code>TitleText</code> to entitle the group</li>
+   * <li>Custom actions - with the use of <code>ui5-notification-action</code></li>
+   * <li>Items of the group</li>
+   * </ul>
+   *
+   * <h3>Usage</h3>
+   * The component can be used in a standard <code>ui5-list</code>.
+   *
+   * <h3>CSS Shadow Parts</h3>
+   *
+   * <ui5-link target="_blank" href="https://developer.mozilla.org/en-US/docs/Web/CSS/::part">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.
+   * <br>
+   * The <code>ui5-li-notification-group</code> exposes the following CSS Shadow Parts:
+   * <ul>
+   * <li>title-text - Used to style the titleText of the notification list group item</li>
+   * </ul>
+   *
+   * <h3>ES6 Module Import</h3>
+   *
+   * <code>import "@ui5/webcomponents/dist/NotificationListGroupItem.js";</code>
+   * <br>
+   * <code>import "@ui5/webcomponents/dist/NotificationAction.js";</code> (optional)
+   * @constructor
+   * @author SAP SE
+   * @alias sap.ui.webcomponents.fiori.NotificationListGroupItem
+   * @extends NotificationListItemBase
+   * @tagname ui5-li-notification-group
+   * @since 1.0.0-rc.8
+   * @appenddocs NotificationAction
+   * @implements sap.ui.webcomponents.main.IListItem
+   * @public
+   */
+
+  class NotificationListGroupItem extends _NotificationListItemBase.default {
+    static get metadata() {
+      return metadata;
+    }
+
+    static get styles() {
+      return _NotificationListGroupItem.default;
+    }
+
+    static get template() {
+      return _NotificationListGroupItemTemplate.default;
+    }
+
+    onBeforeRendering() {
+      if (this.busy) {
+        this.clearChildBusyIndicator();
+      }
+    }
+    /**
+     * Clears child items busy state to show a single busy over the entire group,
+     * instead of multiple BusyIndicator instances
+     */
+
+
+    clearChildBusyIndicator() {
+      this.items.forEach(item => {
+        item.busy = false;
+      });
+    }
+
+    static get dependencies() {
+      return [_List.default, _Button.default, _Icon.default, _BusyIndicator.default, _Popover.default];
+    }
+
+    get itemsCount() {
+      return this.items.length;
+    }
+
+    get overflowBtnAccessibleName() {
+      return NotificationListGroupItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE);
+    }
+
+    get closeBtnAccessibleName() {
+      return NotificationListGroupItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_CLOSE_BTN_TITLE);
+    }
+
+    get toggleBtnAccessibleName() {
+      if (this.collapsed) {
+        return NotificationListGroupItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_EXPAND_TITLE);
+      }
+
+      return NotificationListGroupItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_COLLAPSE_TITLE);
+    }
+
+    get priorityText() {
+      if (this.priority === _Priority.default.High) {
+        return NotificationListGroupItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT);
+      }
+
+      if (this.priority === _Priority.default.Medium) {
+        return NotificationListGroupItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT);
+      }
+
+      if (this.priority === _Priority.default.Low) {
+        return NotificationListGroupItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT);
+      }
+
+      return "";
+    }
+
+    get accInvisibleText() {
+      return `${this.groupText} ${this.readText} ${this.priorityText} ${this.counterText}`;
+    }
+
+    get readText() {
+      if (this.read) {
+        return NotificationListGroupItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_READ);
+      }
+
+      return NotificationListGroupItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_ITEM_UNREAD);
+    }
+
+    get groupText() {
+      return NotificationListGroupItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_TXT);
+    }
+
+    get counterText() {
+      const text = NotificationListGroupItem.i18nFioriBundle.getText(_i18nDefaults.NOTIFICATION_LIST_GROUP_ITEM_COUNTER_TXT);
+      return this.showCounter ? `${text} ${this.itemsCount}` : "";
+    }
+
+    get ariaLabelledBy() {
+      const id = this._id;
+      const ids = [];
+
+      if (this.hasTitleText) {
+        ids.push(`${id}-title-text`);
+      }
+
+      ids.push(`${id}-invisibleText`);
+      return ids.join(" ");
+    }
+
+    get ariaExpanded() {
+      return !this.collapsed;
+    }
+    /**
+     * Event handlers
+     *
+     */
+
+
+    _onBtnToggleClick() {
+      this.collapsed = !this.collapsed;
+      this.fireEvent("toggle", {
+        item: this
+      });
+    }
+
+  }
+
+  NotificationListGroupItem.define();
+  var _default = NotificationListGroupItem;
+  _exports.default = _default;
+});