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/NotificationListGroupItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationListGroupItem.js","sourceRoot":"","sources":["../src/NotificationListGroupItem.ts"],"names":[],"mappings":"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","sourcesContent":["import Priority from \"@ui5/webcomponents/dist/types/Priority.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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport BusyIndicator from \"@ui5/webcomponents/dist/BusyIndicator.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport NotificationListItemBase from \"./NotificationListItemBase.js\";\nimport type NotificationListItem from \"./NotificationListItem.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport \"@ui5/webcomponents-icons/dist/overflow.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\n\n// Texts\nimport {\n\tNOTIFICATION_LIST_GROUP_ITEM_TXT,\n\tNOTIFICATION_LIST_GROUP_ITEM_COUNTER_TXT,\n\tNOTIFICATION_LIST_ITEM_READ,\n\tNOTIFICATION_LIST_ITEM_UNREAD,\n\tNOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT,\n\tNOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT,\n\tNOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT,\n\tNOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE,\n\tNOTIFICATION_LIST_GROUP_ITEM_CLOSE_BTN_TITLE,\n\tNOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_COLLAPSE_TITLE,\n\tNOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_EXPAND_TITLE,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Templates\nimport NotificationListGroupItemTemplate from \"./generated/templates/NotificationListGroupItemTemplate.lit.js\";\n\n// Styles\nimport NotificationListGroupItemCss from \"./generated/themes/NotificationListGroupItem.css.js\";\n\nimport type { NotificationListItemBaseCloseEventDetail as NotificationListGroupItemCloseEventDetail } from \"./NotificationListItemBase.js\";\n\ntype NotificationListGroupItemToggleEventDetail = {\n\titem: NotificationListGroupItem,\n};\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n * The <code>ui5-li-notification-group</code> is a special type of list item,\n * that unlike others can group items within self, usually <code>ui5-li-notification</code> items.\n * <br>\n \n The component consists of:\n * <ul>\n * <li><code>Toggle</code> button to expand and collapse the group</li>\n * <li><code>Priority</code> icon to display the priority of the group</li>\n * <li><code>TitleText</code> to entitle the group</li>\n * <li>Custom actions - with the use of <code>ui5-notification-action</code></li>\n * <li>Items of the group</li>\n * </ul>\n \n <h3>Usage</h3>\n * The component can be used in a standard <code>ui5-list</code>.\n \n <h3>CSS Shadow Parts</h3>\n \n <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.\n * <br>\n * The <code>ui5-li-notification-group</code> exposes the following CSS Shadow Parts:\n * <ul>\n * <li>title-text - Used to style the titleText of the notification list group item</li>\n * </ul>\n \n <h3>ES6 Module Import</h3>\n \n <code>import \"@ui5/webcomponents/dist/NotificationListGroupItem.js\";</code>\n * <br>\n * <code>import \"@ui5/webcomponents/dist/NotificationAction.js\";</code> (optional)\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.NotificationListGroupItem\n * @extends sap.ui.webc.fiori.NotificationListItemBase\n * @tagname ui5-li-notification-group\n * @since 1.0.0-rc.8\n * @appenddocs sap.ui.webc.fiori.NotificationAction\n * @implements sap.ui.webc.main.IListItem\n * @public\n /\n@customElement({\n\ttag: \"ui5-li-notification-group\",\n\tlanguageAware: true,\n\tstyles: NotificationListGroupItemCss,\n\ttemplate: NotificationListGroupItemTemplate,\n\tdependencies: [\n\t\tList,\n\t\tButton,\n\t\tIcon,\n\t\tBusyIndicator,\n\t\tPopover,\n\t],\n})\n\n/\n Fired when the <code>ui5-li-notification-group</code> is expanded/collapsed by user interaction.\n \n @public\n * @event sap.ui.webc.fiori.NotificationListGroupItem#toggle\n /\n@event(\"toggle\")\nclass NotificationListGroupItem extends NotificationListItemBase {\n\t/\n\t Defines if the group is collapsed or expanded.\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @name sap.ui.webc.fiori.NotificationListGroupItem.prototype.collapsed\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tcollapsed!: boolean;\n\n\t/\n\t Defines if the items <code>counter</code> would be displayed.\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @name sap.ui.webc.fiori.NotificationListGroupItem.prototype.showCounter\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tshowCounter!: boolean;\n\n\t/\n\t Defines the items of the <code>ui5-li-notification-group</code>,\n\t * usually <code>ui5-li-notification</code> items.\n\t \n\t @type {sap.ui.webc.fiori.INotificationListItem[]}\n\t * @slot items\n\t * @name sap.ui.webc.fiori.NotificationListGroupItem.prototype.default\n\t * @public\n\t /\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<NotificationListItem>\n\n\tonBeforeRendering() {\n\t\tif (this.busy) {\n\t\t\tthis.clearChildBusyIndicator();\n\t\t}\n\t}\n\n\t/\n\t Clears child items busy state to show a single busy over the entire group,\n\t * instead of multiple BusyIndicator instances\n\t /\n\tclearChildBusyIndicator() {\n\t\tthis.items.forEach(item => {\n\t\t\titem.busy = false;\n\t\t});\n\t}\n\n\tget itemsCount() {\n\t\treturn this.items.length;\n\t}\n\n\tget overflowBtnAccessibleName() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE);\n\t}\n\n\tget closeBtnAccessibleName() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_CLOSE_BTN_TITLE);\n\t}\n\n\tget toggleBtnAccessibleName() {\n\t\tif (this.collapsed) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_EXPAND_TITLE);\n\t\t}\n\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_COLLAPSE_TITLE);\n\t}\n\n\tget priorityText() {\n\t\tif (this.priority === Priority.High) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT);\n\t\t}\n\n\t\tif (this.priority === Priority.Medium) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT);\n\t\t}\n\n\t\tif (this.priority === Priority.Low) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT);\n\t\t}\n\n\t\treturn \"\";\n\t}\n\n\tget accInvisibleText() {\n\t\treturn `${this.groupText} ${this.readText} ${this.priorityText} ${this.counterText}`;\n\t}\n\n\tget readText() {\n\t\tif (this.read) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_READ);\n\t\t}\n\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_UNREAD);\n\t}\n\n\tget groupText() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TXT);\n\t}\n\n\tget counterText() {\n\t\tconst text = NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_COUNTER_TXT);\n\t\treturn this.showCounter ? `${text} ${this.itemsCount}` : \"\";\n\t}\n\n\tget ariaLabelledBy() {\n\t\tconst id = this._id;\n\t\tconst ids = [];\n\n\t\tif (this.hasTitleText) {\n\t\t\tids.push(`${id}-title-text`);\n\t\t}\n\n\t\tids.push(`${id}-invisibleText`);\n\t\treturn ids.join(\" \");\n\t}\n\n\tget _ariaExpanded() {\n\t\treturn !this.collapsed;\n\t}\n\n\t/\n\t Event handlers\n\t \n\t /\n\t_onBtnToggleClick() {\n\t\tthis.collapsed = !this.collapsed;\n\t\tthis.fireEvent<NotificationListGroupItemToggleEventDetail>(\"toggle\", { item: this });\n\t}\n}\n\nNotificationListGroupItem.define();\n\nexport default NotificationListGroupItem;\nexport type {\n\tNotificationListGroupItemToggleEventDetail,\n\tNotificationListGroupItemCloseEventDetail,\n};\n"]}
1	+ {"version":3,"file":"NotificationListGroupItem.js","sourceRoot":"","sources":["../src/NotificationListGroupItem.ts"],"names":[],"mappings":"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","sourcesContent":["import Priority from \"@ui5/webcomponents/dist/types/Priority.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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport BusyIndicator from \"@ui5/webcomponents/dist/BusyIndicator.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport NotificationListItemBase from \"./NotificationListItemBase.js\";\nimport type { NotificationListItemBaseCloseEventDetail as NotificationListGroupItemCloseEventDetail } from \"./NotificationListItemBase.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport \"@ui5/webcomponents-icons/dist/overflow.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\n\n// Texts\nimport {\n\tNOTIFICATION_LIST_GROUP_ITEM_TXT,\n\tNOTIFICATION_LIST_GROUP_ITEM_COUNTER_TXT,\n\tNOTIFICATION_LIST_ITEM_READ,\n\tNOTIFICATION_LIST_ITEM_UNREAD,\n\tNOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT,\n\tNOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT,\n\tNOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT,\n\tNOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE,\n\tNOTIFICATION_LIST_GROUP_ITEM_CLOSE_BTN_TITLE,\n\tNOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_COLLAPSE_TITLE,\n\tNOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_EXPAND_TITLE,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Templates\nimport NotificationListGroupItemTemplate from \"./generated/templates/NotificationListGroupItemTemplate.lit.js\";\n\n// Styles\nimport NotificationListGroupItemCss from \"./generated/themes/NotificationListGroupItem.css.js\";\n\ntype NotificationListGroupItemToggleEventDetail = {\n\titem: NotificationListGroupItem,\n};\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n * The <code>ui5-li-notification-group</code> is a special type of list item,\n * that unlike others can group items within self, usually <code>ui5-li-notification</code> items.\n * <br>\n \n The component consists of:\n * <ul>\n * <li><code>Toggle</code> button to expand and collapse the group</li>\n * <li><code>Priority</code> icon to display the priority of the group</li>\n * <li><code>TitleText</code> to entitle the group</li>\n * <li>Custom actions - with the use of <code>ui5-notification-action</code></li>\n * <li>Items of the group</li>\n * </ul>\n \n <h3>Usage</h3>\n * The component can be used in a standard <code>ui5-list</code>.\n \n <h3>ES6 Module Import</h3>\n \n <code>import \"@ui5/webcomponents/dist/NotificationListGroupItem.js\";</code>\n * <br>\n * <code>import \"@ui5/webcomponents/dist/NotificationAction.js\";</code> (optional)\n * @constructor\n * @extends NotificationListItemBase\n * @since 1.0.0-rc.8\n * @public\n /\n@customElement({\n\ttag: \"ui5-li-notification-group\",\n\tlanguageAware: true,\n\tstyles: NotificationListGroupItemCss,\n\ttemplate: NotificationListGroupItemTemplate,\n\tdependencies: [\n\t\tList,\n\t\tButton,\n\t\tIcon,\n\t\tBusyIndicator,\n\t\tPopover,\n\t],\n})\n\n/\n Fired when the <code>ui5-li-notification-group</code> is expanded/collapsed by user interaction.\n \n @public\n /\n@event(\"toggle\")\nclass NotificationListGroupItem extends NotificationListItemBase {\n\t/\n\t Defines if the group is collapsed or expanded.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tcollapsed!: boolean;\n\n\t/\n\t Defines if the items <code>counter</code> would be displayed.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tshowCounter!: boolean;\n\n\t/\n\t Defines the items of the <code>ui5-li-notification-group</code>,\n\t * usually <code>ui5-li-notification</code> items.\n\t \n\t @public\n\t /\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: Array<NotificationListItemBase>\n\n\tonBeforeRendering() {\n\t\tif (this.busy) {\n\t\t\tthis.clearChildBusyIndicator();\n\t\t}\n\t}\n\n\t/\n\t Clears child items busy state to show a single busy over the entire group,\n\t * instead of multiple BusyIndicator instances\n\t /\n\tclearChildBusyIndicator() {\n\t\tthis.items.forEach(item => {\n\t\t\titem.busy = false;\n\t\t});\n\t}\n\n\tget itemsCount() {\n\t\treturn this.items.length;\n\t}\n\n\tget overflowBtnAccessibleName() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE);\n\t}\n\n\tget closeBtnAccessibleName() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_CLOSE_BTN_TITLE);\n\t}\n\n\tget toggleBtnAccessibleName() {\n\t\tif (this.collapsed) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_EXPAND_TITLE);\n\t\t}\n\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_BTN_COLLAPSE_TITLE);\n\t}\n\n\tget priorityText() {\n\t\tif (this.priority === Priority.High) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT);\n\t\t}\n\n\t\tif (this.priority === Priority.Medium) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT);\n\t\t}\n\n\t\tif (this.priority === Priority.Low) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT);\n\t\t}\n\n\t\treturn \"\";\n\t}\n\n\tget accInvisibleText() {\n\t\treturn `${this.groupText} ${this.readText} ${this.priorityText} ${this.counterText}`;\n\t}\n\n\tget readText() {\n\t\tif (this.read) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_READ);\n\t\t}\n\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_UNREAD);\n\t}\n\n\tget groupText() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TXT);\n\t}\n\n\tget counterText() {\n\t\tconst text = NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_COUNTER_TXT);\n\t\treturn this.showCounter ? `${text} ${this.itemsCount}` : \"\";\n\t}\n\n\tget ariaLabelledBy() {\n\t\tconst id = this._id;\n\t\tconst ids = [];\n\n\t\tif (this.hasTitleText) {\n\t\t\tids.push(`${id}-title-text`);\n\t\t}\n\n\t\tids.push(`${id}-invisibleText`);\n\t\treturn ids.join(\" \");\n\t}\n\n\tget _ariaExpanded() {\n\t\treturn !this.collapsed;\n\t}\n\n\t/\n\t Event handlers\n\t \n\t /\n\t_onBtnToggleClick() {\n\t\tthis.collapsed = !this.collapsed;\n\t\tthis.fireEvent<NotificationListGroupItemToggleEventDetail>(\"toggle\", { item: this });\n\t}\n}\n\nNotificationListGroupItem.define();\n\nexport default NotificationListGroupItem;\nexport type {\n\tNotificationListGroupItemToggleEventDetail,\n\tNotificationListGroupItemCloseEventDetail,\n};\n"]}

package/dist/NotificationListItem.d.ts CHANGED Viewed

@@ -29,29 +29,16 @@ type NotificationListItemPressEventDetail = {
  * <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</code> exposes the following CSS Shadow Parts:
- * <ul>
- * <li>title-text - Used to style the titleText of the notification list item</li>
- * </ul>
- *
  * <h3>ES6 Module Import</h3>
  *
  * <code>import "@ui5/webcomponents/dist/NotificationListItem.js";</code>
  * <br>
  * <code>import "@ui5/webcomponents/dist/NotificationAction.js";</code> (optional)
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.NotificationListItem
- * @extends sap.ui.webc.fiori.NotificationListItemBase
- * @tagname ui5-li-notification
- * @appenddocs sap.ui.webc.fiori.NotificationAction
+ * @extends NotificationListItemBase
  * @since 1.0.0-rc.8
- * @implements sap.ui.webc.fiori.INotificationListItem, sap.ui.webc.main.IListItem
  * @public
+ * @csspart title-text - Used to style the titleText of the notification list item
  */
 declare class NotificationListItem extends NotificationListItemBase {
     /**
@@ -61,10 +48,8 @@ declare class NotificationListItem extends NotificationListItemBase {
     * <br><br>
     * <b>Note:</b> by default the <code>titleText</code> and <code>description</code>,
     * and a <code>ShowMore/Less</code> button would be displayed.
-    * @type {sap.ui.webc.main.types.WrappingType}
-    * @defaultvalue "None"
+    * @default "None"
     * @public
-    * @name sap.ui.webc.fiori.NotificationListItem.prototype.wrappingType
     * @since 1.0.0-rc.15
     */
     wrappingType: `${WrappingType}`;
@@ -89,18 +74,12 @@ declare class NotificationListItem extends NotificationListItemBase {
     * we recommend using avatars with 2rem X 2rem in size (32px X 32px). In case you are using the <code>ui5-avatar</code>
     * you can set its <code>size</code> property to <code>XS</code> to get the required size - <code>&lt;ui5-avatar size="XS">&lt;/ui5-avatar></code>.
     *
-    * @type {sap.ui.webc.main.IAvatar}
-    * @slot
     * @public
-    * @name sap.ui.webc.fiori.NotificationListItem.prototype.avatar
     */
     avatar: Array<HTMLElement>;
     /**
     * Defines the elements, displayed in the footer of the of the component.
-    * @type {HTMLElement[]}
-    * @slot
     * @public
-    * @name sap.ui.webc.fiori.NotificationListItem.prototype.footnotes
     */
     footnotes: Array<HTMLElement>;
     /**
@@ -110,10 +89,7 @@ declare class NotificationListItem extends NotificationListItemBase {
     * <br><br>
     * <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
     *
-    * @type {Node[]}
-    * @slot description
     * @public
-    * @name sap.ui.webc.fiori.NotificationListItem.prototype.default
     */
     description: Array<Node>;
     _titleTextOverflowHeight: number;

package/dist/NotificationListItem.js CHANGED Viewed

@@ -51,29 +51,16 @@ import NotificationListItemCss from "./generated/themes/NotificationListItem.css
  * <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</code> exposes the following CSS Shadow Parts:
- * <ul>
- * <li>title-text - Used to style the titleText of the notification list item</li>
- * </ul>
- *
  * <h3>ES6 Module Import</h3>
  *
  * <code>import "@ui5/webcomponents/dist/NotificationListItem.js";</code>
  * <br>
  * <code>import "@ui5/webcomponents/dist/NotificationAction.js";</code> (optional)
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.NotificationListItem
- * @extends sap.ui.webc.fiori.NotificationListItemBase
- * @tagname ui5-li-notification
- * @appenddocs sap.ui.webc.fiori.NotificationAction
+ * @extends NotificationListItemBase
  * @since 1.0.0-rc.8
- * @implements sap.ui.webc.fiori.INotificationListItem, sap.ui.webc.main.IListItem
  * @public
+ * @csspart title-text - Used to style the titleText of the notification list item
  */
 let NotificationListItem = NotificationListItem_1 = class NotificationListItem extends NotificationListItemBase {
     constructor() {

package/dist/NotificationListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationListItem.js","sourceRoot":"","sources":["../src/NotificationListItem.ts"],"names":[],"mappings":"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","sourcesContent":["import { isSpace, isEnter } from \"@ui5/webcomponents-base/dist/Keys.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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport Priority from \"@ui5/webcomponents/dist/types/Priority.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport BusyIndicator from \"@ui5/webcomponents/dist/BusyIndicator.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport WrappingType from \"@ui5/webcomponents/dist/types/WrappingType.js\";\nimport NotificationListItemBase from \"./NotificationListItemBase.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/overflow.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\n\n// Texts\nimport {\n\tNOTIFICATION_LIST_ITEM_TXT,\n\tNOTIFICATION_LIST_ITEM_READ,\n\tNOTIFICATION_LIST_ITEM_UNREAD,\n\tNOTIFICATION_LIST_ITEM_SHOW_MORE,\n\tNOTIFICATION_LIST_ITEM_SHOW_LESS,\n\tNOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT,\n\tNOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT,\n\tNOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT,\n\tNOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE,\n\tNOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Templates\nimport NotificationListItemTemplate from \"./generated/templates/NotificationListItemTemplate.lit.js\";\n\n// Styles\nimport NotificationListItemCss from \"./generated/themes/NotificationListItem.css.js\";\n\nimport type { NotificationListItemBaseCloseEventDetail as NotificationListItemCloseEventDetail } from \"./NotificationListItemBase.js\";\n\ntype NotificationListItemPressEventDetail = {\n\titem: NotificationListItem,\n};\n\ntype Footnote = Record<string, any>;\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n * The <code>ui5-li-notification</code> is a type of list item, meant to display notifications.\n * <br>\n \n The component has a rich set of various properties that allows the user to set <code>avatar</code>, <code>titleText</code>, descriptive <code>content</code>\n * and <code>footnotes</code> to fully describe a notification.\n * <br>\n \n The user can:\n * <ul>\n * <li>display a <code>Close</code> button</li>\n * <li>can control whether the <code>titleText</code> and <code>description</code> should wrap or truncate\n * and display a <code>ShowMore</code> button to switch between less and more information</li>\n * <li>add custom actions by using the <code>ui5-notification-action</code> component</li>\n * </ul>\n \n <h3>Usage</h3>\n * The component can be used in a standard <code>ui5-list</code>.\n \n <h3>CSS Shadow Parts</h3>\n \n <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.\n * <br>\n * The <code>ui5-li-notification</code> exposes the following CSS Shadow Parts:\n * <ul>\n * <li>title-text - Used to style the titleText of the notification list item</li>\n * </ul>\n \n <h3>ES6 Module Import</h3>\n \n <code>import \"@ui5/webcomponents/dist/NotificationListItem.js\";</code>\n * <br>\n * <code>import \"@ui5/webcomponents/dist/NotificationAction.js\";</code> (optional)\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.NotificationListItem\n * @extends sap.ui.webc.fiori.NotificationListItemBase\n * @tagname ui5-li-notification\n * @appenddocs sap.ui.webc.fiori.NotificationAction\n * @since 1.0.0-rc.8\n * @implements sap.ui.webc.fiori.INotificationListItem, sap.ui.webc.main.IListItem\n * @public\n /\n@customElement({\n\ttag: \"ui5-li-notification\",\n\tlanguageAware: true,\n\tstyles: NotificationListItemCss,\n\ttemplate: NotificationListItemTemplate,\n\tdependencies: [\n\t\tButton,\n\t\tIcon,\n\t\tBusyIndicator,\n\t\tLink,\n\t\tPopover,\n\t],\n})\n\n@event(\"_press\")\nclass NotificationListItem extends NotificationListItemBase {\n\t/\n\t Defines if the <code>titleText</code> and <code>description</code> should wrap,\n\t* they truncate by default.\n\t\n\t <br><br>\n\t* <b>Note:</b> by default the <code>titleText</code> and <code>description</code>,\n\t* and a <code>ShowMore/Less</code> button would be displayed.\n\t* @type {sap.ui.webc.main.types.WrappingType}\n\t* @defaultvalue \"None\"\n\t* @public\n\t* @name sap.ui.webc.fiori.NotificationListItem.prototype.wrappingType\n\t* @since 1.0.0-rc.15\n\t/\n\t@property({ type: WrappingType, defaultValue: WrappingType.None })\n\twrappingType!: `${WrappingType}`;\n\n\t/\n\t Defines the state of the <code>titleText</code> and <code>description</code>,\n\t* if less or more information is displayed.\n\t* @private\n\t/\n\t@property({ type: Boolean })\n\t_showMorePressed!: boolean;\n\n\t/\n\t Defines the visibility of the <code>showMore</code> button.\n\t* @private\n\t/\n\t@property({ type: Boolean })\n\t_showMore!: boolean;\n\n\t/\n\t Defines the avatar, displayed in the <code>ui5-li-notification</code>.\n\t\n\t <br><br>\n\t* <b>Note:</b> Consider using the <code>ui5-avatar</code> to display icons, initials or images.\n\t* <br>\n\t* <b>Note:</b>In order to be complaint with the UX guidlines and for best experience,\n\t* we recommend using avatars with 2rem X 2rem in size (32px X 32px). In case you are using the <code>ui5-avatar</code>\n\t* you can set its <code>size</code> property to <code>XS</code> to get the required size - <code><ui5-avatar size=\"XS\"></ui5-avatar></code>.\n\t\n\t @type {sap.ui.webc.main.IAvatar}\n\t* @slot\n\t* @public\n\t* @name sap.ui.webc.fiori.NotificationListItem.prototype.avatar\n\t/\n\t@slot()\n\tavatar!: Array<HTMLElement>;\n\n\t/\n\t Defines the elements, displayed in the footer of the of the component.\n\t* @type {HTMLElement[]}\n\t* @slot\n\t* @public\n\t* @name sap.ui.webc.fiori.NotificationListItem.prototype.footnotes\n\t/\n\t@slot({ type: HTMLElement, individualSlots: true })\n\tfootnotes!: Array<HTMLElement>;\n\n\t/\n\t Defines the content of the <code>ui5-li-notification</code>,\n\t* usually a description of the notification.\n\t\n\t <br><br>\n\t* <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n\t\n\t @type {Node[]}\n\t* @slot description\n\t* @public\n\t* @name sap.ui.webc.fiori.NotificationListItem.prototype.default\n\t/\n\t@slot({ type: Node, \"default\": true })\n\tdescription!: Array<Node>;\n\n\t_titleTextOverflowHeight: number;\n\t_descOverflowHeight: number;\n\t_onResizeBound: ResizeObserverCallback;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\t// the titleText overflow height\n\t\tthis._titleTextOverflowHeight = 0;\n\n\t\t// the description overflow height\n\t\tthis._descOverflowHeight = 0;\n\n\t\t// the resize handler\n\t\tthis._onResizeBound = this.onResize.bind(this);\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._onResizeBound);\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._onResizeBound);\n\t}\n\n\tget hasDesc() {\n\t\treturn !!this.description.length;\n\t}\n\n\tget hasFootNotes() {\n\t\treturn !!this.footnotes.length;\n\t}\n\n\tget showMoreText() {\n\t\tif (this._showMorePressed) {\n\t\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_SHOW_LESS);\n\t\t}\n\n\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_SHOW_MORE);\n\t}\n\n\tget overflowBtnAccessibleName() {\n\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE);\n\t}\n\n\tget closeBtnAccessibleName() {\n\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE);\n\t}\n\n\tget hideShowMore() {\n\t\tif (this.wrappingType === WrappingType.None && this._showMore) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\tget descriptionDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-nli-description\");\n\t}\n\n\tget titleTextDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-nli-title-text\");\n\t}\n\n\tget titleTextHeight() {\n\t\treturn (this.titleTextDOM as HTMLElement).offsetHeight;\n\t}\n\n\tget descriptionHeight() {\n\t\treturn (this.descriptionDOM as HTMLElement).offsetHeight;\n\t}\n\n\tget titleTextOverflows() {\n\t\tconst titleText = this.titleTextDOM;\n\n\t\tif (!titleText) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn titleText.offsetHeight < titleText.scrollHeight;\n\t}\n\n\tget descriptionOverflows() {\n\t\tconst description = this.descriptionDOM;\n\n\t\tif (!description) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn description.offsetHeight < description.scrollHeight;\n\t}\n\n\tget footerItems() {\n\t\treturn this.footnotes.map((el, idx, arr) => {\n\t\t\treturn {\n\t\t\t\tslotName: (el as Footnote)._individualSlot,\n\t\t\t\tshowDivider: idx !== arr.length - 1,\n\t\t\t};\n\t\t});\n\t}\n\n\tget ariaLabelledBy() {\n\t\tconst id = this._id;\n\t\tconst ids = [];\n\n\t\tif (this.hasTitleText) {\n\t\t\tids.push(`${id}-title-text`);\n\t\t}\n\t\tif (this.hasDesc) {\n\t\t\tids.push(`${id}-description`);\n\t\t}\n\n\t\tif (this.hasFootNotes) {\n\t\t\tids.push(`${id}-footer`);\n\t\t}\n\n\t\tids.push(`${id}-invisibleText`);\n\n\t\treturn ids.join(\" \");\n\t}\n\n\tget priorityText() {\n\t\tif (this.priority === Priority.High) {\n\t\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT);\n\t\t}\n\n\t\tif (this.priority === Priority.Medium) {\n\t\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT);\n\t\t}\n\n\t\tif (this.priority === Priority.Low) {\n\t\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT);\n\t\t}\n\n\t\treturn \"\";\n\t}\n\n\tget accInvisibleText() {\n\t\tconst notificationText = NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_TXT);\n\t\tconst readText = this.read ? NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_READ) : NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_UNREAD);\n\t\tconst priorityText = this.priorityText;\n\n\t\treturn `${notificationText} ${readText} ${priorityText}`;\n\t}\n\n\t/\n\t Event handlers\n\t /\n\t_onclick(e: MouseEvent) {\n\t\tthis.fireItemPress(e);\n\t}\n\n\t_onShowMoreClick(e: MouseEvent) {\n\t\te.preventDefault();\n\t\tthis._showMorePressed = !this._showMorePressed;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tsuper._onkeydown(e);\n\n\t\tif (isEnter(e)) {\n\t\t\tthis.fireItemPress(e);\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tsuper._onkeyup(e);\n\n\t\tconst space = isSpace(e);\n\n\t\tif (space && getEventMark(e) === \"link\") {\n\t\t\tthis._onShowMoreClick(e as unknown as MouseEvent);\n\t\t\treturn;\n\t\t}\n\n\t\tif (space) {\n\t\t\tthis.fireItemPress(e);\n\t\t}\n\t}\n\n\t/\n\t Private\n\t */\n\tfireItemPress(e: Event) {\n\t\tif (getEventMark(e) === \"button\" \|\| getEventMark(e) === \"link\") {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.fireEvent<NotificationListItemPressEventDetail>(\"_press\", { item: this });\n\t}\n\n\tonResize() {\n\t\tif (this.wrappingType === WrappingType.Normal) {\n\t\t\tthis._showMore = false;\n\t\t\treturn;\n\t\t}\n\n\t\tconst titleTextWouldOverflow = this.titleTextHeight > this._titleTextOverflowHeight;\n\t\tconst descWouldOverflow = this.hasDesc && this.descriptionHeight > this._descOverflowHeight;\n\t\tconst overflows = titleTextWouldOverflow \|\| descWouldOverflow;\n\n\t\tif (this._showMorePressed && overflows) {\n\t\t\tthis._showMore = true;\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.titleTextOverflows \|\| this.descriptionOverflows) {\n\t\t\tthis._titleTextOverflowHeight = this.titleTextHeight;\n\t\t\tthis._descOverflowHeight = this.hasDesc ? this.descriptionHeight : 0;\n\t\t\tthis._showMore = true;\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showMore = false;\n\t}\n}\n\nNotificationListItem.define();\n\nexport default NotificationListItem;\nexport type {\n\tNotificationListItemPressEventDetail,\n\tNotificationListItemCloseEventDetail,\n};\n"]}
1	+ {"version":3,"file":"NotificationListItem.js","sourceRoot":"","sources":["../src/NotificationListItem.ts"],"names":[],"mappings":"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","sourcesContent":["import { isSpace, isEnter } from \"@ui5/webcomponents-base/dist/Keys.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 event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport Priority from \"@ui5/webcomponents/dist/types/Priority.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport BusyIndicator from \"@ui5/webcomponents/dist/BusyIndicator.js\";\nimport Link from \"@ui5/webcomponents/dist/Link.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport WrappingType from \"@ui5/webcomponents/dist/types/WrappingType.js\";\nimport NotificationListItemBase from \"./NotificationListItemBase.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/overflow.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\n\n// Texts\nimport {\n\tNOTIFICATION_LIST_ITEM_TXT,\n\tNOTIFICATION_LIST_ITEM_READ,\n\tNOTIFICATION_LIST_ITEM_UNREAD,\n\tNOTIFICATION_LIST_ITEM_SHOW_MORE,\n\tNOTIFICATION_LIST_ITEM_SHOW_LESS,\n\tNOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT,\n\tNOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT,\n\tNOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT,\n\tNOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE,\n\tNOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Templates\nimport NotificationListItemTemplate from \"./generated/templates/NotificationListItemTemplate.lit.js\";\n\n// Styles\nimport NotificationListItemCss from \"./generated/themes/NotificationListItem.css.js\";\n\nimport type { NotificationListItemBaseCloseEventDetail as NotificationListItemCloseEventDetail } from \"./NotificationListItemBase.js\";\n\ntype NotificationListItemPressEventDetail = {\n\titem: NotificationListItem,\n};\n\ntype Footnote = Record<string, any>;\n\n/*\n @class\n \n <h3 class=\"comment-api-title\">Overview</h3>\n * The <code>ui5-li-notification</code> is a type of list item, meant to display notifications.\n * <br>\n \n The component has a rich set of various properties that allows the user to set <code>avatar</code>, <code>titleText</code>, descriptive <code>content</code>\n * and <code>footnotes</code> to fully describe a notification.\n * <br>\n \n The user can:\n * <ul>\n * <li>display a <code>Close</code> button</li>\n * <li>can control whether the <code>titleText</code> and <code>description</code> should wrap or truncate\n * and display a <code>ShowMore</code> button to switch between less and more information</li>\n * <li>add custom actions by using the <code>ui5-notification-action</code> component</li>\n * </ul>\n \n <h3>Usage</h3>\n * The component can be used in a standard <code>ui5-list</code>.\n \n <h3>ES6 Module Import</h3>\n \n <code>import \"@ui5/webcomponents/dist/NotificationListItem.js\";</code>\n * <br>\n * <code>import \"@ui5/webcomponents/dist/NotificationAction.js\";</code> (optional)\n * @constructor\n * @extends NotificationListItemBase\n * @since 1.0.0-rc.8\n * @public\n * @csspart title-text - Used to style the titleText of the notification list item\n /\n@customElement({\n\ttag: \"ui5-li-notification\",\n\tlanguageAware: true,\n\tstyles: NotificationListItemCss,\n\ttemplate: NotificationListItemTemplate,\n\tdependencies: [\n\t\tButton,\n\t\tIcon,\n\t\tBusyIndicator,\n\t\tLink,\n\t\tPopover,\n\t],\n})\n\n@event(\"_press\")\nclass NotificationListItem extends NotificationListItemBase {\n\t/\n\t Defines if the <code>titleText</code> and <code>description</code> should wrap,\n\t* they truncate by default.\n\t\n\t <br><br>\n\t* <b>Note:</b> by default the <code>titleText</code> and <code>description</code>,\n\t* and a <code>ShowMore/Less</code> button would be displayed.\n\t* @default \"None\"\n\t* @public\n\t* @since 1.0.0-rc.15\n\t/\n\t@property({ type: WrappingType, defaultValue: WrappingType.None })\n\twrappingType!: `${WrappingType}`;\n\n\t/\n\t Defines the state of the <code>titleText</code> and <code>description</code>,\n\t* if less or more information is displayed.\n\t* @private\n\t/\n\t@property({ type: Boolean })\n\t_showMorePressed!: boolean;\n\n\t/\n\t Defines the visibility of the <code>showMore</code> button.\n\t* @private\n\t/\n\t@property({ type: Boolean })\n\t_showMore!: boolean;\n\n\t/\n\t Defines the avatar, displayed in the <code>ui5-li-notification</code>.\n\t\n\t <br><br>\n\t* <b>Note:</b> Consider using the <code>ui5-avatar</code> to display icons, initials or images.\n\t* <br>\n\t* <b>Note:</b>In order to be complaint with the UX guidlines and for best experience,\n\t* we recommend using avatars with 2rem X 2rem in size (32px X 32px). In case you are using the <code>ui5-avatar</code>\n\t* you can set its <code>size</code> property to <code>XS</code> to get the required size - <code><ui5-avatar size=\"XS\"></ui5-avatar></code>.\n\t\n\t @public\n\t/\n\t@slot()\n\tavatar!: Array<HTMLElement>;\n\n\t/\n\t Defines the elements, displayed in the footer of the of the component.\n\t* @public\n\t/\n\t@slot({ type: HTMLElement, individualSlots: true })\n\tfootnotes!: Array<HTMLElement>;\n\n\t/\n\t Defines the content of the <code>ui5-li-notification</code>,\n\t* usually a description of the notification.\n\t\n\t <br><br>\n\t* <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n\t\n\t @public\n\t/\n\t@slot({ type: Node, \"default\": true })\n\tdescription!: Array<Node>;\n\n\t_titleTextOverflowHeight: number;\n\t_descOverflowHeight: number;\n\t_onResizeBound: ResizeObserverCallback;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\t// the titleText overflow height\n\t\tthis._titleTextOverflowHeight = 0;\n\n\t\t// the description overflow height\n\t\tthis._descOverflowHeight = 0;\n\n\t\t// the resize handler\n\t\tthis._onResizeBound = this.onResize.bind(this);\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._onResizeBound);\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._onResizeBound);\n\t}\n\n\tget hasDesc() {\n\t\treturn !!this.description.length;\n\t}\n\n\tget hasFootNotes() {\n\t\treturn !!this.footnotes.length;\n\t}\n\n\tget showMoreText() {\n\t\tif (this._showMorePressed) {\n\t\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_SHOW_LESS);\n\t\t}\n\n\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_SHOW_MORE);\n\t}\n\n\tget overflowBtnAccessibleName() {\n\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE);\n\t}\n\n\tget closeBtnAccessibleName() {\n\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE);\n\t}\n\n\tget hideShowMore() {\n\t\tif (this.wrappingType === WrappingType.None && this._showMore) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\treturn true;\n\t}\n\n\tget descriptionDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-nli-description\");\n\t}\n\n\tget titleTextDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-nli-title-text\");\n\t}\n\n\tget titleTextHeight() {\n\t\treturn (this.titleTextDOM as HTMLElement).offsetHeight;\n\t}\n\n\tget descriptionHeight() {\n\t\treturn (this.descriptionDOM as HTMLElement).offsetHeight;\n\t}\n\n\tget titleTextOverflows() {\n\t\tconst titleText = this.titleTextDOM;\n\n\t\tif (!titleText) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn titleText.offsetHeight < titleText.scrollHeight;\n\t}\n\n\tget descriptionOverflows() {\n\t\tconst description = this.descriptionDOM;\n\n\t\tif (!description) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn description.offsetHeight < description.scrollHeight;\n\t}\n\n\tget footerItems() {\n\t\treturn this.footnotes.map((el, idx, arr) => {\n\t\t\treturn {\n\t\t\t\tslotName: (el as Footnote)._individualSlot,\n\t\t\t\tshowDivider: idx !== arr.length - 1,\n\t\t\t};\n\t\t});\n\t}\n\n\tget ariaLabelledBy() {\n\t\tconst id = this._id;\n\t\tconst ids = [];\n\n\t\tif (this.hasTitleText) {\n\t\t\tids.push(`${id}-title-text`);\n\t\t}\n\t\tif (this.hasDesc) {\n\t\t\tids.push(`${id}-description`);\n\t\t}\n\n\t\tif (this.hasFootNotes) {\n\t\t\tids.push(`${id}-footer`);\n\t\t}\n\n\t\tids.push(`${id}-invisibleText`);\n\n\t\treturn ids.join(\" \");\n\t}\n\n\tget priorityText() {\n\t\tif (this.priority === Priority.High) {\n\t\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT);\n\t\t}\n\n\t\tif (this.priority === Priority.Medium) {\n\t\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT);\n\t\t}\n\n\t\tif (this.priority === Priority.Low) {\n\t\t\treturn NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT);\n\t\t}\n\n\t\treturn \"\";\n\t}\n\n\tget accInvisibleText() {\n\t\tconst notificationText = NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_TXT);\n\t\tconst readText = this.read ? NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_READ) : NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_UNREAD);\n\t\tconst priorityText = this.priorityText;\n\n\t\treturn `${notificationText} ${readText} ${priorityText}`;\n\t}\n\n\t/\n\t Event handlers\n\t /\n\t_onclick(e: MouseEvent) {\n\t\tthis.fireItemPress(e);\n\t}\n\n\t_onShowMoreClick(e: MouseEvent) {\n\t\te.preventDefault();\n\t\tthis._showMorePressed = !this._showMorePressed;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tsuper._onkeydown(e);\n\n\t\tif (isEnter(e)) {\n\t\t\tthis.fireItemPress(e);\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tsuper._onkeyup(e);\n\n\t\tconst space = isSpace(e);\n\n\t\tif (space && getEventMark(e) === \"link\") {\n\t\t\tthis._onShowMoreClick(e as unknown as MouseEvent);\n\t\t\treturn;\n\t\t}\n\n\t\tif (space) {\n\t\t\tthis.fireItemPress(e);\n\t\t}\n\t}\n\n\t/\n\t Private\n\t */\n\tfireItemPress(e: Event) {\n\t\tif (getEventMark(e) === \"button\" \|\| getEventMark(e) === \"link\") {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.fireEvent<NotificationListItemPressEventDetail>(\"_press\", { item: this });\n\t}\n\n\tonResize() {\n\t\tif (this.wrappingType === WrappingType.Normal) {\n\t\t\tthis._showMore = false;\n\t\t\treturn;\n\t\t}\n\n\t\tconst titleTextWouldOverflow = this.titleTextHeight > this._titleTextOverflowHeight;\n\t\tconst descWouldOverflow = this.hasDesc && this.descriptionHeight > this._descOverflowHeight;\n\t\tconst overflows = titleTextWouldOverflow \|\| descWouldOverflow;\n\n\t\tif (this._showMorePressed && overflows) {\n\t\t\tthis._showMore = true;\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.titleTextOverflows \|\| this.descriptionOverflows) {\n\t\t\tthis._titleTextOverflowHeight = this.titleTextHeight;\n\t\t\tthis._descOverflowHeight = this.hasDesc ? this.descriptionHeight : 0;\n\t\t\tthis._showMore = true;\n\t\t\treturn;\n\t\t}\n\n\t\tthis._showMore = false;\n\t}\n}\n\nNotificationListItem.define();\n\nexport default NotificationListItem;\nexport type {\n\tNotificationListItemPressEventDetail,\n\tNotificationListItemCloseEventDetail,\n};\n"]}

package/dist/NotificationListItemBase.d.ts CHANGED Viewed

@@ -16,45 +16,29 @@ type NotificationListItemBaseCloseEventDetail = {
  *
  * The base class of the <code>NotificationListItem</code> and <code>NotificationListGroupItem</code>.
  *
- * @abstract
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.NotificationListItemBase
- * @extends sap.ui.webc.main.ListItemBase
+ * @extends ListItemBase
  * @since 1.0.0-rc.8
  * @public
  */
-/**
- * Fired when the <code>Close</code> button is pressed.
- *
- * @event sap.ui.webc.fiori.NotificationListItemBase#close
- * @param {HTMLElement} item the closed item.
- * @public
- */
 declare class NotificationListItemBase extends ListItemBase {
     /**
      * Defines the <code>titleText</code> of the item.
-     * @type {string}
-     * @defaultvalue ""
+     * @default ""
      * @public
-     * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.titleText
      */
     titleText: string;
     /**
      * Defines the <code>priority</code> of the item.
      *
-     * @type {sap.ui.webc.main.types.Priority}
-     * @defaultvalue "None"
+     * @default "None"
      * @public
-     * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.priority
      */
     priority: `${Priority}`;
     /**
      * Defines if the <code>close</code> button would be displayed.
-     * @type {boolean}
-     * @defaultvalue false
+     * @default false
      * @public
-     * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.showClose
      */
     showClose: boolean;
     /**
@@ -62,28 +46,22 @@ declare class NotificationListItemBase extends ListItemBase {
      * <br><br>
      * <b>Note:</b> if set to <code>false</code> the <code>titleText</code> has bold font,
      * if set to true - it has a normal font.
-     * @type {boolean}
-     * @defaultvalue false
+     * @default false
      * @public
-     * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.read
      */
     read: boolean;
     /**
      * Defines if a busy indicator would be displayed over the item.
-     * @type {boolean}
-     * @defaultvalue false
+     * @default false
      * @public
-     * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.busy
      * @since 1.0.0-rc.8
      */
     busy: boolean;
     /**
      * Defines the delay in milliseconds, after which the busy indicator will show up for this component.
      *
-     * @type {sap.ui.webc.base.types.Integer}
-     * @defaultValue 1000
+     * @default 1000
      * @public
-     * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.busyDelay
      */
     busyDelay: number;
     /**
@@ -91,10 +69,7 @@ declare class NotificationListItemBase extends ListItemBase {
      * <br><br>
      * <b>Note:</b> use the <code>ui5-notification-action</code> component.
      *
-     * @type {sap.ui.webc.fiori.INotificationAction[]}
-     * @slot
      * @public
-     * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.actions
      */
     actions: Array<NotificationAction>;
     static i18nFioriBundle: I18nBundle;

package/dist/NotificationListItemBase.js CHANGED Viewed

@@ -39,21 +39,11 @@ const ICON_PER_PRIORITY = {
  *
  * The base class of the <code>NotificationListItem</code> and <code>NotificationListGroupItem</code>.
  *
- * @abstract
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.NotificationListItemBase
- * @extends sap.ui.webc.main.ListItemBase
+ * @extends ListItemBase
  * @since 1.0.0-rc.8
  * @public
  */
-/**
- * Fired when the <code>Close</code> button is pressed.
- *
- * @event sap.ui.webc.fiori.NotificationListItemBase#close
- * @param {HTMLElement} item the closed item.
- * @public
- */
 let NotificationListItemBase = NotificationListItemBase_1 = class NotificationListItemBase extends ListItemBase {
     get hasTitleText() {
         return !!this.titleText.length;
@@ -160,14 +150,24 @@ __decorate([
     slot()
 ], NotificationListItemBase.prototype, "actions", void 0);
 NotificationListItemBase = NotificationListItemBase_1 = __decorate([
+    customElement({
+        staticAreaStyles: NotificationOverflowActionsPopoverCss,
+        staticAreaTemplate: NotificationOverflowActionsPopoverTemplate,
+    })
+    /**
+     * Fired when the <code>Close</code> button is pressed.
+     *
+     * @param {HTMLElement} item the closed item.
+     * @public
+     */
+    ,
     event("close", {
         detail: {
+            /**
+             * @public
+             */
             item: HTMLElement,
         },
-    }),
-    customElement({
-        staticAreaStyles: NotificationOverflowActionsPopoverCss,
-        staticAreaTemplate: NotificationOverflowActionsPopoverTemplate,
     })
 ], NotificationListItemBase);
 export default NotificationListItemBase;

package/dist/NotificationListItemBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationListItemBase.js","sourceRoot":"","sources":["../src/NotificationListItemBase.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport { isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport ListItemBase from \"@ui5/webcomponents/dist/ListItemBase.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport Priority from \"@ui5/webcomponents/dist/types/Priority.js\";\nimport type Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport type NotificationAction from \"./NotificationAction.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/message-success.js\";\nimport \"@ui5/webcomponents-icons/dist/message-error.js\";\nimport \"@ui5/webcomponents-icons/dist/message-warning.js\";\nimport \"@ui5/webcomponents-icons/dist/overflow.js\";\n\n// Templates\nimport NotificationOverflowActionsPopoverTemplate from \"./generated/templates/NotificationOverflowActionsPopoverTemplate.lit.js\";\n\n// Styles\nimport NotificationOverflowActionsPopoverCss from \"./generated/themes/NotificationOverflowActionsPopover.css.js\";\n\n/*\n Defines the icons corresponding to the notification's priority.\n /\nconst ICON_PER_PRIORITY = {\n\t[Priority.High]: \"message-error\",\n\t[Priority.Medium]: \"message-warning\",\n\t[Priority.Low]: \"message-success\",\n\t[Priority.None]: \"\",\n};\n\ntype NotificationListItemBaseCloseEventDetail = {\n\titem: HTMLElement,\n};\n\n/\n @class\n \n The base class of the <code>NotificationListItem</code> and <code>NotificationListGroupItem</code>.\n \n @abstract\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.NotificationListItemBase\n * @extends sap.ui.webc.main.ListItemBase\n * @since 1.0.0-rc.8\n * @public\n /\n\n/\n Fired when the <code>Close</code> button is pressed.\n \n @event sap.ui.webc.fiori.NotificationListItemBase#close\n * @param {HTMLElement} item the closed item.\n * @public\n /\n@event(\"close\", {\n\t detail: {\n\t\titem: HTMLElement,\n\t},\n})\n@customElement({\n\tstaticAreaStyles: NotificationOverflowActionsPopoverCss,\n\tstaticAreaTemplate: NotificationOverflowActionsPopoverTemplate,\n})\nclass NotificationListItemBase extends ListItemBase {\n\t/\n\t Defines the <code>titleText</code> of the item.\n\t * @type {string}\n\t * @defaultvalue \"\"\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.titleText\n\t /\n\t@property()\n\ttitleText!: string;\n\n\t/\n\t Defines the <code>priority</code> of the item.\n\t \n\t @type {sap.ui.webc.main.types.Priority}\n\t * @defaultvalue \"None\"\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.priority\n\t /\n\t@property({ type: Priority, defaultValue: Priority.None })\n\tpriority!: `${Priority}`;\n\n\t/\n\t Defines if the <code>close</code> button would be displayed.\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.showClose\n\t /\n\t@property({ type: Boolean })\n\tshowClose!: boolean;\n\n\t/\n\t Defines if the <code>notification</code> is new or has been already read.\n\t * <br><br>\n\t * <b>Note:</b> if set to <code>false</code> the <code>titleText</code> has bold font,\n\t * if set to true - it has a normal font.\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.read\n\t /\n\t@property({ type: Boolean })\n\tread!: boolean;\n\n\t/\n\t Defines if a busy indicator would be displayed over the item.\n\t * @type {boolean}\n\t * @defaultvalue false\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.busy\n\t * @since 1.0.0-rc.8\n\t /\n\t@property({ type: Boolean })\n\tbusy!: boolean;\n\n\t/\n\t Defines the delay in milliseconds, after which the busy indicator will show up for this component.\n\t \n\t @type {sap.ui.webc.base.types.Integer}\n\t * @defaultValue 1000\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.busyDelay\n\t /\n\t@property({ validator: Integer, defaultValue: 1000 })\n\tbusyDelay!: number;\n\n\t/\n\t Defines the actions, displayed in the top-right area.\n\t * <br><br>\n\t * <b>Note:</b> use the <code>ui5-notification-action</code> component.\n\t \n\t @type {sap.ui.webc.fiori.INotificationAction[]}\n\t * @slot\n\t * @public\n\t * @name sap.ui.webc.fiori.NotificationListItemBase.prototype.actions\n\t /\n\t@slot()\n\tactions!: Array<NotificationAction>\n\n\tstatic i18nFioriBundle: I18nBundle;\n\n\tget hasTitleText() {\n\t\treturn !!this.titleText.length;\n\t}\n\n\tget hasPriority() {\n\t\treturn this.priority !== Priority.None;\n\t}\n\n\tget priorityIcon() {\n\t\treturn ICON_PER_PRIORITY[this.priority];\n\t}\n\n\tget overflowButtonDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-nli-overflow-btn\")!;\n\t}\n\n\tget showOverflow() {\n\t\treturn !!this.overflowActions.length;\n\t}\n\n\tget overflowActions() {\n\t\tif (this.actions.length <= 1) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn this.actionsInfo;\n\t}\n\n\tget standardActions() {\n\t\tif (this.actions.length > 1) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn this.actionsInfo;\n\t}\n\n\tget actionsInfo() {\n\t\treturn this.actions.map(action => {\n\t\t\treturn {\n\t\t\t\ticon: action.icon,\n\t\t\t\ttext: action.text,\n\t\t\t\tpress: this._onCustomActionClick.bind(this),\n\t\t\t\trefItemid: action._id,\n\t\t\t\tdisabled: action.disabled ? true : undefined,\n\t\t\t\tdesign: action.design,\n\t\t\t};\n\t\t});\n\t}\n\n\t/\n\t Event handlers\n\t */\n\t_onBtnCloseClick() {\n\t\tthis.fireEvent<NotificationListItemBaseCloseEventDetail>(\"close\", { item: this });\n\t}\n\n\t_onBtnOverflowClick() {\n\t\tthis.openOverflow();\n\t}\n\n\t_onCustomActionClick(e: MouseEvent) {\n\t\tconst refItemId = (e.target as Element).getAttribute(\"data-ui5-external-action-item-id\");\n\n\t\tif (refItemId) {\n\t\t\tthis.getActionByID(refItemId)!.fireClickEvent(e);\n\t\t\tthis.closeOverflow();\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tsuper._onkeydown(e);\n\n\t\tif (getEventMark(e) === \"button\") {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\tgetActionByID(id: string) {\n\t\treturn this.actions.find(action => action._id === id);\n\t}\n\n\tasync openOverflow() {\n\t\tconst overflowPopover = await this.getOverflowPopover();\n\t\toverflowPopover.showAt(this.overflowButtonDOM);\n\t}\n\n\tasync closeOverflow() {\n\t\tconst overflowPopover = await this.getOverflowPopover();\n\t\toverflowPopover.close();\n\t}\n\n\tasync getOverflowPopover() {\n\t\tconst staticAreaItem = await this.getStaticAreaItemDomRef();\n\t\treturn staticAreaItem!.querySelector<Popover>(\".ui5-notification-overflow-popover\")!;\n\t}\n\n\tstatic async onDefine() {\n\t\tNotificationListItemBase.i18nFioriBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n}\n\nexport default NotificationListItemBase;\nexport type {\n\tNotificationListItemBaseCloseEventDetail,\n};\n"]}
1	+ {"version":3,"file":"NotificationListItemBase.js","sourceRoot":"","sources":["../src/NotificationListItemBase.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport { isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport ListItemBase from \"@ui5/webcomponents/dist/ListItemBase.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport Priority from \"@ui5/webcomponents/dist/types/Priority.js\";\nimport type Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport type NotificationAction from \"./NotificationAction.js\";\n\n// Icons\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/message-success.js\";\nimport \"@ui5/webcomponents-icons/dist/message-error.js\";\nimport \"@ui5/webcomponents-icons/dist/message-warning.js\";\nimport \"@ui5/webcomponents-icons/dist/overflow.js\";\n\n// Templates\nimport NotificationOverflowActionsPopoverTemplate from \"./generated/templates/NotificationOverflowActionsPopoverTemplate.lit.js\";\n\n// Styles\nimport NotificationOverflowActionsPopoverCss from \"./generated/themes/NotificationOverflowActionsPopover.css.js\";\n\n/*\n Defines the icons corresponding to the notification's priority.\n /\nconst ICON_PER_PRIORITY = {\n\t[Priority.High]: \"message-error\",\n\t[Priority.Medium]: \"message-warning\",\n\t[Priority.Low]: \"message-success\",\n\t[Priority.None]: \"\",\n};\n\ntype NotificationListItemBaseCloseEventDetail = {\n\titem: HTMLElement,\n};\n\n/\n @class\n \n The base class of the <code>NotificationListItem</code> and <code>NotificationListGroupItem</code>.\n \n @constructor\n * @extends ListItemBase\n * @since 1.0.0-rc.8\n * @public\n /\n@customElement({\n\tstaticAreaStyles: NotificationOverflowActionsPopoverCss,\n\tstaticAreaTemplate: NotificationOverflowActionsPopoverTemplate,\n})\n\n/\n Fired when the <code>Close</code> button is pressed.\n \n @param {HTMLElement} item the closed item.\n * @public\n /\n@event(\"close\", {\n\t detail: {\n\t\t/\n\t\t @public\n\t\t /\n\t\titem: HTMLElement,\n\t},\n})\nclass NotificationListItemBase extends ListItemBase {\n\t/\n\t Defines the <code>titleText</code> of the item.\n\t * @default \"\"\n\t * @public\n\t /\n\t@property()\n\ttitleText!: string;\n\n\t/\n\t Defines the <code>priority</code> of the item.\n\t \n\t @default \"None\"\n\t * @public\n\t /\n\t@property({ type: Priority, defaultValue: Priority.None })\n\tpriority!: `${Priority}`;\n\n\t/\n\t Defines if the <code>close</code> button would be displayed.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tshowClose!: boolean;\n\n\t/\n\t Defines if the <code>notification</code> is new or has been already read.\n\t * <br><br>\n\t * <b>Note:</b> if set to <code>false</code> the <code>titleText</code> has bold font,\n\t * if set to true - it has a normal font.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tread!: boolean;\n\n\t/\n\t Defines if a busy indicator would be displayed over the item.\n\t * @default false\n\t * @public\n\t * @since 1.0.0-rc.8\n\t /\n\t@property({ type: Boolean })\n\tbusy!: boolean;\n\n\t/\n\t Defines the delay in milliseconds, after which the busy indicator will show up for this component.\n\t \n\t @default 1000\n\t * @public\n\t /\n\t@property({ validator: Integer, defaultValue: 1000 })\n\tbusyDelay!: number;\n\n\t/\n\t Defines the actions, displayed in the top-right area.\n\t * <br><br>\n\t * <b>Note:</b> use the <code>ui5-notification-action</code> component.\n\t \n\t @public\n\t /\n\t@slot()\n\tactions!: Array<NotificationAction>\n\n\tstatic i18nFioriBundle: I18nBundle;\n\n\tget hasTitleText() {\n\t\treturn !!this.titleText.length;\n\t}\n\n\tget hasPriority() {\n\t\treturn this.priority !== Priority.None;\n\t}\n\n\tget priorityIcon() {\n\t\treturn ICON_PER_PRIORITY[this.priority];\n\t}\n\n\tget overflowButtonDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-nli-overflow-btn\")!;\n\t}\n\n\tget showOverflow() {\n\t\treturn !!this.overflowActions.length;\n\t}\n\n\tget overflowActions() {\n\t\tif (this.actions.length <= 1) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn this.actionsInfo;\n\t}\n\n\tget standardActions() {\n\t\tif (this.actions.length > 1) {\n\t\t\treturn [];\n\t\t}\n\n\t\treturn this.actionsInfo;\n\t}\n\n\tget actionsInfo() {\n\t\treturn this.actions.map(action => {\n\t\t\treturn {\n\t\t\t\ticon: action.icon,\n\t\t\t\ttext: action.text,\n\t\t\t\tpress: this._onCustomActionClick.bind(this),\n\t\t\t\trefItemid: action._id,\n\t\t\t\tdisabled: action.disabled ? true : undefined,\n\t\t\t\tdesign: action.design,\n\t\t\t};\n\t\t});\n\t}\n\n\t/\n\t Event handlers\n\t */\n\t_onBtnCloseClick() {\n\t\tthis.fireEvent<NotificationListItemBaseCloseEventDetail>(\"close\", { item: this });\n\t}\n\n\t_onBtnOverflowClick() {\n\t\tthis.openOverflow();\n\t}\n\n\t_onCustomActionClick(e: MouseEvent) {\n\t\tconst refItemId = (e.target as Element).getAttribute(\"data-ui5-external-action-item-id\");\n\n\t\tif (refItemId) {\n\t\t\tthis.getActionByID(refItemId)!.fireClickEvent(e);\n\t\t\tthis.closeOverflow();\n\t\t}\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tsuper._onkeydown(e);\n\n\t\tif (getEventMark(e) === \"button\") {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\tgetActionByID(id: string) {\n\t\treturn this.actions.find(action => action._id === id);\n\t}\n\n\tasync openOverflow() {\n\t\tconst overflowPopover = await this.getOverflowPopover();\n\t\toverflowPopover.showAt(this.overflowButtonDOM);\n\t}\n\n\tasync closeOverflow() {\n\t\tconst overflowPopover = await this.getOverflowPopover();\n\t\toverflowPopover.close();\n\t}\n\n\tasync getOverflowPopover() {\n\t\tconst staticAreaItem = await this.getStaticAreaItemDomRef();\n\t\treturn staticAreaItem!.querySelector<Popover>(\".ui5-notification-overflow-popover\")!;\n\t}\n\n\tstatic async onDefine() {\n\t\tNotificationListItemBase.i18nFioriBundle = await getI18nBundle(\"@ui5/webcomponents-fiori\");\n\t}\n}\n\nexport default NotificationListItemBase;\nexport type {\n\tNotificationListItemBaseCloseEventDetail,\n};\n"]}

package/dist/Page.d.ts CHANGED Viewed

@@ -22,26 +22,15 @@ import PageBackgroundDesign from "./types/PageBackgroundDesign.js";
  * that there is enough space for the <code>ui5-page</code> to be rendered.
  * <b>Note:</b> In order for the <code>ui5-page</code> to be displayed, the parent element should have fixed height.
  *
- * <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-page</code> exposes the following CSS Shadow Parts:
- * <ul>
- * <li>content - Used to style the content section of the component</li>
- * </ul>
- *
  * <h3>ES6 Module Import</h3>
  *
  * <code>import "@ui5/webcomponents-fiori/dist/Page.js";</code>
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.Page
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-page
+ * @extends UI5Element
  * @since 1.0.0-rc.12
  * @public
+ * @csspart content - Used to style the content section of the component
  */
 declare class Page extends UI5Element {
     /**
@@ -50,9 +39,7 @@ declare class Page extends UI5Element {
      * <b>Note:</b> When a ui5-list is placed inside the page, we recommend using “List” to ensure better color contrast.
      * <br><br>
      *
-     * @type {sap.ui.webc.fiori.types.PageBackgroundDesign}
-     * @name sap.ui.webc.fiori.Page.prototype.backgroundDesign
-     * @defaultvalue "Solid"
+     * @default "Solid"
      * @public
      */
     backgroundDesign: `${PageBackgroundDesign}`;
@@ -60,9 +47,7 @@ declare class Page extends UI5Element {
      * Disables vertical scrolling of page content.
      * If set to true, there will be no vertical scrolling at all.
      *
-     * @type {boolean}
-     * @name sap.ui.webc.fiori.Page.prototype.disableScrolling
-     * @defaultvalue false
+     * @default false
      * @public
      */
     disableScrolling: boolean;
@@ -70,25 +55,21 @@ declare class Page extends UI5Element {
      * Defines if the footer should float over the content.
      * <br><br>
      * <b>Note:</b> When set to true the footer floats over the content with a slight offset from the bottom, otherwise it is fixed at the very bottom of the page.
-     * @type {boolean}
-     * @name sap.ui.webc.fiori.Page.prototype.floatingFooter
-     * @defaultvalue true
+     *
+     * @default true
      * @public
      */
     floatingFooter: boolean;
     /**
      * Defines the footer visibility.
      *
-     * @type {boolean}
-     * @name sap.ui.webc.fiori.Page.prototype.hideFooter
-     * @defaultvalue false
+     * @default false
      * @public
      */
     hideFooter: boolean;
     /**
      * Defines the current media query size.
      *
-     * @type {string}
      * @private
      * @since 1.0.0-rc.15
      */
@@ -96,27 +77,18 @@ declare class Page extends UI5Element {
     /**
      * Defines the header HTML Element.
      *
-     * @type {sap.ui.webc.fiori.IBar}
-     * @name sap.ui.webc.fiori.Page.prototype.header
-     * @slot
      * @public
      */
     header: Array<HTMLElement>;
     /**
      * Defines the content HTML Element.
      *
-     * @type {HTMLElement[]}
-     * @name sap.ui.webc.fiori.Page.prototype.default
-     * @slot content
      * @public
      */
     content: Array<HTMLElement>;
     /**
      * Defines the footer HTML Element.
      *
-     * @type {sap.ui.webc.fiori.IBar}
-     * @name sap.ui.webc.fiori.Page.prototype.footer
-     * @slot
      * @public
      */
     footer: Array<HTMLElement>;

package/dist/Page.js CHANGED Viewed

@@ -38,26 +38,15 @@ import PageCss from "./generated/themes/Page.css.js";
  * that there is enough space for the <code>ui5-page</code> to be rendered.
  * <b>Note:</b> In order for the <code>ui5-page</code> to be displayed, the parent element should have fixed height.
  *
- * <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-page</code> exposes the following CSS Shadow Parts:
- * <ul>
- * <li>content - Used to style the content section of the component</li>
- * </ul>
- *
  * <h3>ES6 Module Import</h3>
  *
  * <code>import "@ui5/webcomponents-fiori/dist/Page.js";</code>
  *
  * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.fiori.Page
- * @extends sap.ui.webc.base.UI5Element
- * @tagname ui5-page
+ * @extends UI5Element
  * @since 1.0.0-rc.12
  * @public
+ * @csspart content - Used to style the content section of the component
  */
 let Page = class Page extends UI5Element {
     constructor() {