@ui5/webcomponents-fiori 0.0.0-7e7d9ea6f → 0.0.0-81513ce21

package/dist/NotificationListItem.js

@@ -1,6 +1,17 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var NotificationListItem_1;
 import { isSpace, isEnter } from "@ui5/webcomponents-base/dist/Keys.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-
+import { getEventMark } from "@ui5/webcomponents-base/dist/MarkedEvents.js";
 import Priority from "@ui5/webcomponents/dist/types/Priority.js";
 import Button from "@ui5/webcomponents/dist/Button.js";
 import BusyIndicator from "@ui5/webcomponents/dist/BusyIndicator.js";
@@ -9,122 +20,15 @@ import Icon from "@ui5/webcomponents/dist/Icon.js";
 import Popover from "@ui5/webcomponents/dist/Popover.js";
 import WrappingType from "@ui5/webcomponents/dist/types/WrappingType.js";
 import NotificationListItemBase from "./NotificationListItemBase.js";
-
+// Icons
+import "@ui5/webcomponents-icons/dist/overflow.js";
+import "@ui5/webcomponents-icons/dist/decline.js";
 // Texts
-import {
-	NOTIFICATION_LIST_ITEM_TXT,
-	NOTIFICATION_LIST_ITEM_READ,
-	NOTIFICATION_LIST_ITEM_UNREAD,
-	NOTIFICATION_LIST_ITEM_SHOW_MORE,
-	NOTIFICATION_LIST_ITEM_SHOW_LESS,
-	NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT,
-	NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT,
-	NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT,
-	NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE,
-	NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE,
-} from "./generated/i18n/i18n-defaults.js";
-
+import { NOTIFICATION_LIST_ITEM_TXT, NOTIFICATION_LIST_ITEM_READ, NOTIFICATION_LIST_ITEM_UNREAD, NOTIFICATION_LIST_ITEM_SHOW_MORE, NOTIFICATION_LIST_ITEM_SHOW_LESS, NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT, NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT, NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT, NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE, NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE, } from "./generated/i18n/i18n-defaults.js";
 // Templates
 import NotificationListItemTemplate from "./generated/templates/NotificationListItemTemplate.lit.js";
-
 // Styles
 import NotificationListItemCss from "./generated/themes/NotificationListItem.css.js";
-
-/**
- * @public
- */
-const metadata = {
-	tag: "ui5-li-notification",
-	languageAware: true,
-	managedSlots: true,
-	properties: /** @lends sap.ui.webcomponents.fiori.NotificationListItem.prototype */ {
-
-		/**
-		 * Defines if the <code>titleText</code> and <code>description</code> should wrap,
-		 * they truncate by default.
-		 *
-		 * <br><br>
-		 * <b>Note:</b> by default the <code>titleText</code> and <code>decription</code>,
-		 * and a <code>ShowMore/Less</code> button would be displayed.
-		 * @type {WrappingType}
-		 * @defaultvalue "None"
-		 * @public
-		 * @since 1.0.0-rc.15
-		 */
-		wrappingType: {
-			type: WrappingType,
-			defaultValue: WrappingType.None,
-		},
-
-		/**
-		 * Defines the state of the <code>titleText</code> and <code>description</code>,
-		 * if less or more information is displayed.
-		 * @private
-		 */
-		_showMorePressed: {
-			type: Boolean,
-		},
-
-		/**
-		 * Defines the visibility of the <code>showMore</code> button.
-		 * @private
-		 */
-		_showMore: {
-			type: Boolean,
-		},
-	},
-	slots: /** @lends sap.ui.webcomponents.fiori.NotificationListItem.prototype */ {
-
-		/**
-		 * Defines the avatar, displayed in the <code>ui5-li-notification</code>.
-		 *
-		 * <br><br>
-		 * <b>Note:</b> Consider using the <code>ui5-avatar</code> to display icons, initials or images.
-		 * <br>
-		 * <b>Note:</b>In order to be complaint with the UX guidlines and for best experience,
-		 * 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.webcomponents.main.IAvatar}
-		 * @slot
-		 * @public
-		 */
-		avatar: {
-			type: HTMLElement,
-		},
-
-		/**
-		 * Defines the elements, displayed in the footer of the of the component.
-		 * @type {HTMLElement[]}
-		 * @slot
-		 * @public
-		 */
-		footnotes: {
-			type: HTMLElement,
-			individualSlots: true,
-		},
-
-		/**
-		 * Defines the content of the <code>ui5-li-notification</code>,
-		 * usually a description of the notification.
-		 *
-		 * <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
-		 */
-		"default": {
-			propertyName: "description",
-			type: Node,
-		},
-	},
-	events: /** @lends sap.ui.webcomponents.fiori.NotificationListItem.prototype */ {
-		_press: {},
-	},
-};
-
 /**
  * @class
  *
@@ -163,251 +67,212 @@ const metadata = {
  * <code>import "@ui5/webcomponents/dist/NotificationAction.js";</code> (optional)
  * @constructor
  * @author SAP SE
- * @alias sap.ui.webcomponents.fiori.NotificationListItem
- * @extends NotificationListItemBase
+ * @alias sap.ui.webc.fiori.NotificationListItem
+ * @extends sap.ui.webc.fiori.NotificationListItemBase
  * @tagname ui5-li-notification
- * @appenddocs NotificationAction
+ * @appenddocs sap.ui.webc.fiori.NotificationAction
  * @since 1.0.0-rc.8
- * @implements sap.ui.webcomponents.fiori.INotificationListItem, sap.ui.webcomponents.main.IListItem
+ * @implements sap.ui.webc.fiori.INotificationListItem, sap.ui.webc.main.IListItem
  * @public
  */
-class NotificationListItem extends NotificationListItemBase {
-	constructor() {
-		super();
-
-		// the titleText overflow height
-		this._titleTextOverflowHeight = 0;
-
-		// 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 NotificationListItemCss;
-	}
-
-	static get template() {
-		return NotificationListItemTemplate;
-	}
-
-	static get dependencies() {
-		return [
-			Button,
-			Icon,
-			BusyIndicator,
-			Link,
-			Popover,
-		];
-	}
-
-	onEnterDOM() {
-		ResizeHandler.register(this, this.onResizeBind);
-	}
-
-	onExitDOM() {
-		ResizeHandler.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(NOTIFICATION_LIST_ITEM_SHOW_LESS);
-		}
-
-		return NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_SHOW_MORE);
-	}
-
-	get overflowBtnAccessibleName() {
-		return NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE);
-	}
-
-	get closeBtnAccessibleName() {
-		return NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE);
-	}
-
-	get hideShowMore() {
-		if (this.wrappingType === WrappingType.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 {
-				slotName: el._individualSlot,
-				showDivider: idx !== arr.length - 1,
-			};
-		});
-	}
-
-	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.High) {
-			return NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT);
-		}
-
-		if (this.priority === Priority.Medium) {
-			return NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT);
-		}
-
-		if (this.priority === Priority.Low) {
-			return NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT);
-		}
-
-		return "";
-	}
-
-	get accInvisibleText() {
-		const notificationText = NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_TXT);
-		const readText = this.read ? NotificationListItem.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_READ) : NotificationListItem.i18nFioriBundle.getText(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 (isEnter(event)) {
-			this.fireItemPress(event);
-		}
-	}
-
-	_onkeyup(event) {
-		super._onkeyup(event);
-
-		const space = 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.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;
-	}
-}
-
+let NotificationListItem = NotificationListItem_1 = class NotificationListItem extends NotificationListItemBase {
+    constructor() {
+        super();
+        // the titleText overflow height
+        this._titleTextOverflowHeight = 0;
+        // the description overflow height
+        this._descOverflowHeight = 0;
+        // the resize handler
+        this._onResizeBound = this.onResize.bind(this);
+    }
+    onEnterDOM() {
+        ResizeHandler.register(this, this._onResizeBound);
+    }
+    onExitDOM() {
+        ResizeHandler.deregister(this, this._onResizeBound);
+    }
+    get hasDesc() {
+        return !!this.description.length;
+    }
+    get hasFootNotes() {
+        return !!this.footnotes.length;
+    }
+    get showMoreText() {
+        if (this._showMorePressed) {
+            return NotificationListItem_1.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_SHOW_LESS);
+        }
+        return NotificationListItem_1.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_SHOW_MORE);
+    }
+    get overflowBtnAccessibleName() {
+        return NotificationListItem_1.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_OVERLOW_BTN_TITLE);
+    }
+    get closeBtnAccessibleName() {
+        return NotificationListItem_1.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE);
+    }
+    get hideShowMore() {
+        if (this.wrappingType === WrappingType.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 {
+                slotName: el._individualSlot,
+                showDivider: idx !== arr.length - 1,
+            };
+        });
+    }
+    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.High) {
+            return NotificationListItem_1.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_HIGH_PRIORITY_TXT);
+        }
+        if (this.priority === Priority.Medium) {
+            return NotificationListItem_1.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_MEDIUM_PRIORITY_TXT);
+        }
+        if (this.priority === Priority.Low) {
+            return NotificationListItem_1.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_LOW_PRIORITY_TXT);
+        }
+        return "";
+    }
+    get accInvisibleText() {
+        const notificationText = NotificationListItem_1.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_TXT);
+        const readText = this.read ? NotificationListItem_1.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_READ) : NotificationListItem_1.i18nFioriBundle.getText(NOTIFICATION_LIST_ITEM_UNREAD);
+        const priorityText = this.priorityText;
+        return `${notificationText} ${readText} ${priorityText}`;
+    }
+    /**
+     * Event handlers
+     */
+    _onclick(e) {
+        this.fireItemPress(e);
+    }
+    _onShowMoreClick(e) {
+        e.preventDefault();
+        this._showMorePressed = !this._showMorePressed;
+    }
+    _onkeydown(e) {
+        super._onkeydown(e);
+        if (isEnter(e)) {
+            this.fireItemPress(e);
+        }
+    }
+    _onkeyup(e) {
+        super._onkeyup(e);
+        const space = isSpace(e);
+        if (space && getEventMark(e) === "link") {
+            this._onShowMoreClick(e);
+            return;
+        }
+        if (space) {
+            this.fireItemPress(e);
+        }
+    }
+    /**
+     * Private
+     */
+    fireItemPress(e) {
+        if (getEventMark(e) === "button" || getEventMark(e) === "link") {
+            return;
+        }
+        this.fireEvent("_press", { item: this });
+    }
+    onResize() {
+        if (this.wrappingType === WrappingType.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;
+    }
+};
+__decorate([
+    property({ type: WrappingType, defaultValue: WrappingType.None })
+], NotificationListItem.prototype, "wrappingType", void 0);
+__decorate([
+    property({ type: Boolean })
+], NotificationListItem.prototype, "_showMorePressed", void 0);
+__decorate([
+    property({ type: Boolean })
+], NotificationListItem.prototype, "_showMore", void 0);
+__decorate([
+    slot()
+], NotificationListItem.prototype, "avatar", void 0);
+__decorate([
+    slot({ type: HTMLElement, individualSlots: true })
+], NotificationListItem.prototype, "footnotes", void 0);
+__decorate([
+    slot({ type: Node, "default": true })
+], NotificationListItem.prototype, "description", void 0);
+NotificationListItem = NotificationListItem_1 = __decorate([
+    customElement({
+        tag: "ui5-li-notification",
+        languageAware: true,
+        styles: NotificationListItemCss,
+        template: NotificationListItemTemplate,
+        dependencies: [
+            Button,
+            Icon,
+            BusyIndicator,
+            Link,
+            Popover,
+        ],
+    }),
+    event("_press")
+], NotificationListItem);
 NotificationListItem.define();
-
 export default NotificationListItem;
+//# sourceMappingURL=NotificationListItem.js.map

package/dist/NotificationListItem.js.map

@@ -0,0 +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\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>&lt;ui5-avatar size=\"XS\">&lt;/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;\n"]}