@sapui5/sap.ushell 1.141.3 → 1.142.0

package/src/main/js/sap/ushell/thirdparty/NotificationListItem.js

@@ -1,534 +0,0 @@
-sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/query', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/WrappingType', 'sap/ushell/thirdparty/ValueState', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/NotificationListItemBase', 'sap/ushell/thirdparty/sys-enter-2', 'sap/ushell/thirdparty/information2', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/Link', 'sap/ushell/thirdparty/Tag', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/overflow', 'sap/ushell/thirdparty/parameters-bundle.css3', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/ListItemBase', 'sap/ushell/thirdparty/FocusableElements', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/Label'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, query, eventStrict, WrappingType, ValueState, willShowContent, parametersBundle_css, NotificationListItemBase, sysEnter2, information$1, i18nDefaults, Button, BusyIndicator, Icon, Link, Tag, Icons, information, overflow, parametersBundle_css$1, parametersBundle_css$2, ListItemBase, FocusableElements, AccessibilityTextsHelper, toLowercaseEnumValue, i18nDefaults$1, Label) { 'use strict';
-
-    /**
-     * Different types of NotificationListItemImportance.
-     *
-     * @public
-     */
-    var NotificationListItemImportance;
-    (function (NotificationListItemImportance) {
-        /**
-         * @public
-         */
-        NotificationListItemImportance["Standard"] = "Standard";
-        /**
-         * @public
-         */
-        NotificationListItemImportance["Important"] = "Important";
-    })(NotificationListItemImportance || (NotificationListItemImportance = {}));
-    var NotificationListItemImportance$1 = NotificationListItemImportance;
-
-    const name$1 = "high-priority";
-    const pathData$1 = "M256 0q53 0 99.5 20T437 75t55 81.5 20 99.5-20 99.5-55 81.5-81.5 55-99.5 20-99.5-20T75 437t-55-81.5T0 256t20-99.5T75 75t81.5-55T256 0zm0 96q-15 0-25.5 11t-9.5 26l11 164q0 10 7 16.5t17 6.5 17-6.5 7-16.5l11-164q1-15-9.5-26T256 96zm0 329q15 0 25.5-11t10.5-26-11-25.5-26-10.5-25 10.5-10 25.5 10 26 26 11z";
-    const ltr$1 = false;
-    const collection$1 = "SAP-icons-v4";
-    const packageName$1 = "@ui5/webcomponents-icons";
-
-    Icons.y(name$1, { pathData: pathData$1, ltr: ltr$1, collection: collection$1, packageName: packageName$1 });
-
-    const name = "high-priority";
-    const pathData = "M256 0q53 0 99.5 20T437 75t55 81.5 20 99.5-20 99.5-55 81.5-81.5 55-99.5 20-99.5-20T75 437t-55-81.5T0 256t20-99.5T75 75t81.5-55T256 0zm-32 288q0 14 9 23t23 9 23-9 9-23V128q0-14-9-23t-23-9-23 9-9 23v160zm32 128q14 0 23-9t9-23-9-23-23-9-23 9-9 23 9 23 23 9z";
-    const ltr = false;
-    const collection = "SAP-icons-v5";
-    const packageName = "@ui5/webcomponents-icons";
-
-    Icons.y(name, { pathData, ltr, collection, packageName });
-
-    var iconHighPriority = "high-priority";
-
-    function NotificationListItemTemplate() {
-        return (parametersBundle_css.jsxs("li", { class: this.itemClasses, onFocusIn: this._onfocusin, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, onClick: this._onclick, tabindex: this.forcedTabIndex ? parseInt(this.forcedTabIndex) : undefined, "aria-labelledby": this.ariaLabelledBy, "aria-level": this._ariaLevel, children: [this.loading && (parametersBundle_css.jsx("span", { id: `${this._id}-loading`, class: "ui5-hidden-text", children: this.loadingText })), parametersBundle_css.jsx(BusyIndicator.BusyIndicator, { id: `${this._id}-busyIndicator`, delay: this.loadingDelay, active: this.loading, inert: this.loading, class: "ui5-nli-loading", children: parametersBundle_css.jsxs("div", { class: "ui5-nli-content-wrapper", children: [parametersBundle_css.jsxs("div", { class: {
-                                    "ui5-nli-content": true,
-                                    "ui5-nli-content-with-importance": this.hasImportance,
-                                }, children: [this.hasImportance && (parametersBundle_css.jsxs(Tag.Tag, { id: `${this._id}-importance`, class: "ui5-nli-importance", design: "Set2", colorScheme: "2", wrappingType: "None", children: [parametersBundle_css.jsx(Icon.Icon, { name: iconHighPriority, slot: "icon" }), this.importanceText] })), parametersBundle_css.jsxs("div", { class: "ui5-nli-title-text-wrapper", children: [this.hasState && (parametersBundle_css.jsx(Icon.Icon, { class: "ui5-state-icon", name: this.statusIconName, showTooltip: true, accessibleName: this.stateText, design: this.statusIconDesign })), parametersBundle_css.jsxs("div", { id: `${this._id}-title-text`, class: "ui5-nli-title-text", part: "title-text", children: [parametersBundle_css.jsx("span", { class: "ui5-hidden-text", children: this.stateText }), this.titleText] })] }), parametersBundle_css.jsx("span", { id: `${this._id}-read`, class: "ui5-hidden-text", children: this.readText }), this.hasDesc && (parametersBundle_css.jsx("div", { id: `${this._id}-description`, class: "ui5-nli-description", children: parametersBundle_css.jsx("slot", {}) })), parametersBundle_css.jsxs("div", { class: "ui5-nli-footer", children: [parametersBundle_css.jsx("div", { id: `${this._id}-footnotes`, class: "ui5-nli-footnotes", children: this.footerItems.map(item => {
-                                                    return (parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsx("slot", { name: item.slotName }), item.showDivider && parametersBundle_css.jsx("div", { class: "ui5-nli-footer-divider", "aria-hidden": "true", children: "\u00B7" })] }));
-                                                }) }), parametersBundle_css.jsx(Link.Link, { class: "ui5-nli-footer-showMore", hidden: this.hideShowMore, onClick: this._onShowMoreClick, wrappingType: "None", href: "#" // --without href ENTER does not trigger click
-                                                , accessibleName: this.moreLinkAccessibleName, accessibleRole: "Button", accessibilityAttributes: this.moreLinkAccessibilityAttributes, children: this.showMoreText })] })] }), parametersBundle_css.jsxs("div", { class: "ui5-nli-actions", children: [this.showMenu && (parametersBundle_css.jsx(Button.Button, { icon: overflow.overflow, design: "Transparent", onClick: this._onBtnMenuClick, class: "ui5-nli-menu-btn", tooltip: this.menuBtnAccessibleName, accessibilityAttributes: this.menuButtonAccessibilityAttributes })), this.showClose && (parametersBundle_css.jsx(Button.Button, { icon: information.decline, class: "ui5-nli-close-btn", design: "Transparent", onClick: this._onBtnCloseClick, tooltip: this.closeBtnAccessibleName, accessibleName: this.closeBtnAccessibleName }))] }), parametersBundle_css.jsx("div", { class: "ui5-nli-avatar", "aria-hidden": "true", children: parametersBundle_css.jsx("slot", { name: "avatar" }) }), parametersBundle_css.jsx("slot", { name: "menu" })] }) })] }));
-    }
-
-    Icons.p("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
-    var NotificationListItemCss = `.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;max-width:100%;min-height:var(--_ui5-v2-15-0_list_item_base_height);background:var(--ui5-v2-15-0-listitem-background-color);cursor:pointer}.ui5-nli-focusable:focus{outline:none}:host([desktop]) .ui5-nli-focusable:focus:not(.ui5-nli-group-root):after,.ui5-nli-focusable:focus-visible:not(.ui5-nli-group-root):after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;inset:0;pointer-events:none}.ui5-state-icon{min-width:1rem;min-height:1rem;padding-inline-end:var(--_ui5-v2-15-0-notification_item-state-icon-padding)}:host(:not([wrapping-type="Normal"])) .ui5-nli-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([wrapping-type="Normal"])) .ui5-nli-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host(:first-of-type){border-top-left-radius:var(--_ui5-v2-15-0-notification_item-border-radius);border-top-right-radius:var(--_ui5-v2-15-0-notification_item-border-radius)}:host(:last-of-type){border-bottom-left-radius:var(--_ui5-v2-15-0-notification_item-border-radius);border-bottom-right-radius:var(--_ui5-v2-15-0-notification_item-border-radius)}:host(:first-of-type) .ui5-nli-focusable:after{border-top-left-radius:var(--_ui5-v2-15-0-notification_item-border-radius);border-top-right-radius:var(--_ui5-v2-15-0-notification_item-border-radius)}:host(:last-of-type) .ui5-nli-focusable:after{border-bottom-left-radius:var(--_ui5-v2-15-0-notification_item-border-radius);border-bottom-right-radius:var(--_ui5-v2-15-0-notification_item-border-radius)}:host([has-border]){border-bottom:var(--_ui5-v2-15-0-notification_item-border-bottom)}:host([ui5-li-notification]){margin:var(--_ui5-v2-15-0-notification_item-margin);border-left:var(--_ui5-v2-15-0-notification_item-border-top-left-right);border-right:var(--_ui5-v2-15-0-notification_item-border-top-left-right);border-top:var(--_ui5-v2-15-0-notification_item-border-top-left-right);border-radius:var(--_ui5-v2-15-0-notification_item-border-radius);list-style:none}.ui5-nli-root{position:relative;width:100%;box-sizing:border-box;cursor:pointer;border-radius:var(--_ui5-v2-15-0-notification_item-border-radius);border:1px solid transparent}.ui5-nli-root:hover{background-color:var(--_ui5-v2-15-0-notification_item-background-color-hover);border-radius:var(--_ui5-v2-15-0-notification_item-border-radius)}:host([desktop]) .ui5-nli-root:focus:active,.ui5-nli-root:focus-visible:active{background-color:var(--_ui5-v2-15-0-notification_item-background-color-active);border-radius:var(--_ui5-v2-15-0-notification_item-border-radius);border:var(--_ui5-v2-15-0-notification_item-border-active)}.ui5-nli-content-wrapper{width:100%;display:flex;flex-direction:row-reverse;padding-inline:var(--_ui5-v2-15-0-notification_item-root-padding-inline);padding-block:1rem;position:relative;box-sizing:border-box}.ui5-nli-content{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding-inline:var(--_ui5-v2-15-0-notification_item-content-padding);font-family:var(--sapFontFamily);box-sizing:border-box}.ui5-nli-content.ui5-nli-content-with-importance{margin-bottom:2rem}.ui5-nli-actions{position:absolute;top:.5rem;right:.5rem}:dir(rtl) .ui5-nli-actions{left:.5rem;right:auto}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{display:flex;margin-bottom:var(--_ui5-v2-15-0-notification_item-title-margin-bottom);box-sizing:border-box;color:var(--sapGroup_TitleTextColor);font-weight:700;font-size:var(--sapFontHeader6Size)}.ui5-nli-two-buttons .ui5-nli-title-text{padding-inline-end:var(--_ui5-v2-15-0-notification_item-title-padding-end-two-buttons)}.ui5-nli-one-button .ui5-nli-title-text{padding-inline-end:var(--_ui5-v2-15-0-notification_item-title-padding-end-one-button)}.ui5-nli-description{display:flex;margin-top:var(--_ui5-v2-15-0-notification_item-description-margin-top);color:var(--sapTextColor);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-nli-footer{display:flex;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);margin-top:var(--_ui5-v2-15-0-notification_item-footer-margin-top);box-sizing:border-box;align-items:center}.ui5-nli-footer-divider{position:relative;align-items:center;margin-inline:.5rem}.ui5-nli-footnotes{display:flex;min-width:0}.ui5-nli-footer-showMore{margin-inline-start:1rem}.ui5-nli-importance{width:fit-content;position:absolute;bottom:1rem}::slotted([slot^="footnotes"]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-nli-menu-btn{margin-inline-end:.125rem}:host([desktop]) .ui5-nli-focusable:not(.ui5-nli-group-root):focus:after,.ui5-nli-focusable:not(.ui5-nli-group-root):focus-visible:after{border-radius:var(--_ui5-v2-15-0-notification_item-border-radius);top:var(--_ui5-v2-15-0-notification_item-focus-offset);right:var(--_ui5-v2-15-0-notification_item-focus-offset);bottom:var(--_ui5-v2-15-0-notification_item-focus-offset);left:var(--_ui5-v2-15-0-notification_item-focus-offset)}[ui5-busy-indicator]{width:100%;border-radius:var(--_ui5-v2-15-0-notification_item-border-radius)}
-`;
-
-    /**
-     * Different Icon semantic designs.
-     * @public
-     */
-    var IconDesign;
-    (function (IconDesign) {
-        /**
-         * Contrast design
-         * @public
-         */
-        IconDesign["Contrast"] = "Contrast";
-        /**
-         * Critical design
-         * @public
-         */
-        IconDesign["Critical"] = "Critical";
-        /**
-         * Default design (brand design)
-         * @public
-        */
-        IconDesign["Default"] = "Default";
-        /**
-         * info type
-         * @public
-         */
-        IconDesign["Information"] = "Information";
-        /**
-         * Negative design
-         * @public
-         */
-        IconDesign["Negative"] = "Negative";
-        /**
-         * Neutral design
-         * @public
-         */
-        IconDesign["Neutral"] = "Neutral";
-        /**
-         * Design that indicates an icon which isn't interactive
-         * @public
-         */
-        IconDesign["NonInteractive"] = "NonInteractive";
-        /**
-         * Positive design
-         * @public
-         */
-        IconDesign["Positive"] = "Positive";
-    })(IconDesign || (IconDesign = {}));
-    var IconDesign$1 = IconDesign;
-
-    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;
-    /**
-     * Defines the icons name corresponding to the notification's status indicator.
-     */
-    const ICON_PER_STATUS_NAME = {
-        [ValueState.o.Negative]: information$1.error,
-        [ValueState.o.Critical]: information$1.alert,
-        [ValueState.o.Positive]: sysEnter2.selectedAccount,
-        [ValueState.o.Information]: information$1.information,
-        [ValueState.o.None]: "",
-    };
-    /**
-     * Defines the icons design (color) corresponding to the notification's status indicator.
-     */
-    const ICON_PER_STATUS_DESIGN = {
-        [ValueState.o.Negative]: IconDesign$1.Negative,
-        [ValueState.o.Critical]: IconDesign$1.Critical,
-        [ValueState.o.Positive]: IconDesign$1.Positive,
-        [ValueState.o.Information]: IconDesign$1.Information,
-        [ValueState.o.None]: undefined,
-    };
-    /**
-     * @class
-     *
-     * ### Overview
-     * The `ui5-li-notification` is a type of list item, meant to display notifications.
-     *
-     * The component has a rich set of various properties that allows the user to set `avatar`, `menu`, `titleText`, descriptive `content`
-     * and `footnotes` to fully describe a notification.
-     *
-     * The user can:
-     *
-     * - display a `Close` button
-     * - can control whether the `titleText` and `description` should wrap or truncate
-     * and display a `ShowMore` button to switch between less and more information
-     * - add actions by using the `ui5-menu` component
-     *
-     * **Note:** Adding custom actions by using the `ui5-notification-action` component is deprecated as of version 2.0!
-     *
-     * ### Usage
-     * The component should be used inside a `ui5-notification-list`.
-     *
-     * ### Keyboard Handling
-     *
-     * #### Basic Navigation
-     * The user can use the following keyboard shortcuts to perform actions (such as select, delete):
-     *
-     * - [Enter] - select an item (trigger "item-click" event)
-     * - [Delete] - close an item (trigger "item-close" event)
-     *
-     * #### Fast Navigation
-     * This component provides a fast navigation using the following keyboard shortcuts:
-     *
-     * - [Shift] + [Enter] - 'More'/'Less' link will be triggered
-     * - [Shift] + [F10] - 'Menu' (Actions) button will be triggered (clicked)
-     *
-     * ### ES6 Module Import
-     *
-     * `import "@ui5/webcomponents-fiori/dist/NotificationListItem.js";`
-     *
-     * @constructor
-     * @extends NotificationListItemBase
-     * @since 1.0.0-rc.8
-     * @public
-     * @csspart title-text - Used to style the titleText of the notification list item
-     */
-    let NotificationListItem = NotificationListItem_1 = class NotificationListItem extends NotificationListItemBase.NotificationListItemBase {
-        constructor() {
-            super();
-            /**
-            * Defines if the `titleText` and `description` should wrap,
-            * they truncate by default.
-            *
-            * **Note:** by default the `titleText` and `description`,
-            * and a `ShowMore/Less` button would be displayed.
-            * @default "None"
-            * @public
-            * @since 1.0.0-rc.15
-            */
-            this.wrappingType = "None";
-            /**
-             * Defines the status indicator of the item.
-             * @default "None"
-             * @public
-             */
-            this.state = "None";
-            /**
-             * Defines if the `Close` button would be displayed.
-             * @default false
-             * @public
-             */
-            this.showClose = false;
-            /**
-             * Defines the `Important` label of the item.
-             * @default "Standard"
-             * @public
-             */
-            this.importance = "Standard";
-            /**
-            * Defines the state of the `titleText` and `description`,
-            * if less or more information is displayed.
-            * @private
-            */
-            this._showMorePressed = false;
-            /**
-            * Defines the visibility of the `showMore` button.
-            * @private
-            */
-            this._showMore = false;
-            // the titleText overflow height
-            this._titleTextOverflowHeight = 0;
-            // the description overflow height
-            this._descOverflowHeight = 0;
-            // the resize handler
-            this._onResizeBound = this.onResize.bind(this);
-        }
-        onEnterDOM() {
-            super.onEnterDOM();
-            webcomponentsBase.f.register(this, this._onResizeBound);
-        }
-        onExitDOM() {
-            webcomponentsBase.f.deregister(this, this._onResizeBound);
-        }
-        get hasState() {
-            return this.state !== ValueState.o.None;
-        }
-        get hasDesc() {
-            return willShowContent.t(this.description);
-        }
-        get hasImportance() {
-            return this.importance !== NotificationListItemImportance$1.Standard;
-        }
-        get hasFootNotes() {
-            return !!this.footnotes.length;
-        }
-        get showMoreText() {
-            if (this._showMorePressed) {
-                return NotificationListItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_SHOW_LESS);
-            }
-            return NotificationListItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_SHOW_MORE);
-        }
-        get menuBtnAccessibleName() {
-            return NotificationListItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_MENU_BTN_TITLE);
-        }
-        get moreLinkAccessibleName() {
-            return this._showMorePressed ? NotificationListItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_MORE_LINK_LABEL_TRUNCATE) : NotificationListItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_MORE_LINK_LABEL_FULL);
-        }
-        get closeBtnAccessibleName() {
-            return NotificationListItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_CLOSE_BTN_TITLE);
-        }
-        get hideShowMore() {
-            if (this.wrappingType === WrappingType.WrappingType.None && this._showMore) {
-                return undefined;
-            }
-            return true;
-        }
-        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;
-            if (this.loading) {
-                return `${id}-loading`;
-            }
-            const ids = [];
-            if (this.hasImportance) {
-                ids.push(`${id}-importance`);
-            }
-            if (this.hasTitleText) {
-                ids.push(`${id}-title-text`);
-            }
-            ids.push(`${id}-read`);
-            if (this.hasDesc) {
-                ids.push(`${id}-description`);
-            }
-            if (this.hasFootNotes) {
-                ids.push(`${id}-footnotes`);
-            }
-            return ids.join(" ");
-        }
-        get itemClasses() {
-            const classes = ["ui5-nli-root", "ui5-nli-focusable"];
-            if (this.getMenu() && this.showClose) {
-                classes.push("ui5-nli-two-buttons");
-            }
-            else if (this.getMenu() || this.showClose) {
-                classes.push("ui5-nli-one-button");
-            }
-            return classes.join(" ");
-        }
-        get statusIconName() {
-            return ICON_PER_STATUS_NAME[this.state];
-        }
-        get statusIconDesign() {
-            return ICON_PER_STATUS_DESIGN[this.state];
-        }
-        get importanceText() {
-            let text;
-            if (this.hasImportance) {
-                text = NotificationListItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_IMPORTANT_TXT);
-            }
-            else {
-                text = "";
-            }
-            return text;
-        }
-        get stateText() {
-            if (this.state === ValueState.o.Positive) {
-                return NotificationListItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_POSITIVE_STATUS_TXT);
-            }
-            if (this.state === ValueState.o.Critical) {
-                return NotificationListItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_CRITICAL_STATUS_TXT);
-            }
-            if (this.state === ValueState.o.Negative) {
-                return NotificationListItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_NEGATIVE_STATUS_TXT);
-            }
-            if (this.state === ValueState.o.Information) {
-                return NotificationListItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_INFORMATION_STATUS_TXT);
-            }
-            return "";
-        }
-        get readText() {
-            return this.read ? NotificationListItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_READ) : NotificationListItem_1.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_UNREAD);
-        }
-        get menuButtonAccessibilityAttributes() {
-            return {
-                hasPopup: "menu",
-            };
-        }
-        get moreLinkAccessibilityAttributes() {
-            return {
-                expanded: this._showMorePressed,
-            };
-        }
-        get showMenu() {
-            return !!this.getMenu();
-        }
-        /**
-         * Event handlers
-         */
-        _onclick() {
-            this.fireItemPress();
-        }
-        _onShowMoreClick(e) {
-            e.preventDefault();
-            this._toggleShowMorePressed();
-        }
-        async _onkeydown(e) {
-            await super._onkeydown(e);
-            if (webcomponentsBase.Eo(e)) {
-                e.preventDefault();
-            }
-        }
-        _onkeyup(e) {
-            super._onkeyup(e);
-            const space = webcomponentsBase.A(e);
-            if (space && this.getFocusDomRef().matches(":has(:focus-within)")) {
-                e.preventDefault();
-                this._toggleShowMorePressed();
-                return;
-            }
-            if (webcomponentsBase.X(e)) {
-                this.fireDecoratorEvent("close", { item: this });
-                this.fireDecoratorEvent("_close", { item: this });
-            }
-            if (webcomponentsBase.Eo(e)) {
-                this._onBtnMenuClick();
-            }
-            if (webcomponentsBase.i(e)) {
-                this._toggleShowMorePressed();
-            }
-        }
-        _onBtnCloseClick() {
-            this.fireDecoratorEvent("close", { item: this });
-            this.fireDecoratorEvent("_close", { item: this });
-        }
-        _onBtnMenuClick() {
-            if (this.getMenu()) {
-                this.openMenu();
-            }
-        }
-        _toggleShowMorePressed() {
-            this._showMorePressed = !this._showMorePressed;
-        }
-        openMenu() {
-            const menu = this.getMenu();
-            menu.opener = this.menuButtonDOM;
-            menu.open = true;
-        }
-        getMenu() {
-            const menu = this.querySelector("[ui5-menu]");
-            return menu;
-        }
-        /**
-         * Private
-         */
-        fireItemPress() {
-            if (this.getFocusDomRef().matches(":has(:focus-within)")) {
-                return;
-            }
-            // NotificationListItem will never be assigned to a variable of type ListItemBase
-            // typescipt complains here, if that is the case, the parameter to the _press event handler could be a ListItemBase item,
-            // but this is never the case, all components are used by their class and never assigned to a variable with a type of ListItemBase
-            this.fireDecoratorEvent("_press", { item: this });
-        }
-        onResize() {
-            if (this.wrappingType === 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([
-        webcomponentsBase.s()
-    ], NotificationListItem.prototype, "wrappingType", void 0);
-    __decorate([
-        webcomponentsBase.s()
-    ], NotificationListItem.prototype, "state", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], NotificationListItem.prototype, "showClose", void 0);
-    __decorate([
-        webcomponentsBase.s()
-    ], NotificationListItem.prototype, "importance", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], NotificationListItem.prototype, "_showMorePressed", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], NotificationListItem.prototype, "_showMore", void 0);
-    __decorate([
-        webcomponentsBase.d()
-    ], NotificationListItem.prototype, "avatar", void 0);
-    __decorate([
-        webcomponentsBase.d()
-    ], NotificationListItem.prototype, "menu", void 0);
-    __decorate([
-        webcomponentsBase.d({ type: HTMLElement, individualSlots: true })
-    ], NotificationListItem.prototype, "footnotes", void 0);
-    __decorate([
-        webcomponentsBase.d({ type: Node, "default": true })
-    ], NotificationListItem.prototype, "description", void 0);
-    __decorate([
-        query.o(".ui5-nli-title-text")
-    ], NotificationListItem.prototype, "titleTextDOM", void 0);
-    __decorate([
-        query.o(".ui5-nli-menu-btn")
-    ], NotificationListItem.prototype, "menuButtonDOM", void 0);
-    __decorate([
-        query.o(".ui5-nli-description")
-    ], NotificationListItem.prototype, "descriptionDOM", void 0);
-    NotificationListItem = NotificationListItem_1 = __decorate([
-        webcomponentsBase.m({
-            tag: "ui5-li-notification",
-            languageAware: true,
-            styles: [
-                NotificationListItemCss,
-            ],
-            renderer: parametersBundle_css.y,
-            template: NotificationListItemTemplate,
-        }),
-        eventStrict.l("_press", {
-            bubbles: true,
-        })
-        /**
-         * Fired when the `Close` button is pressed.
-         * @param {HTMLElement} item the closed item.
-         * @public
-         */
-        ,
-        eventStrict.l("close")
-        /**
-         * Fired when the `Close` button is pressed.
-         * @param {HTMLElement} item the closed item.
-         * @private
-         */
-        ,
-        eventStrict.l("_close", {
-            bubbles: true,
-        })
-    ], NotificationListItem);
-    NotificationListItem.define();
-    var NotificationListItem$1 = NotificationListItem;
-
-    return NotificationListItem$1;
-
-}));

package/src/main/js/sap/ushell/thirdparty/NotificationListItemBase.js

@@ -1,98 +0,0 @@
-sap.ui.define(['exports', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/ListItemBase', 'sap/ushell/thirdparty/FocusableElements', 'sap/ushell/thirdparty/i18n-defaults'], (function (exports, webcomponentsBase, parametersBundle_css, ListItemBase, FocusableElements, i18nDefaults) { 'use strict';
-
-    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;
-    };
-    /**
-     * @class
-     *
-     * The base class of the `NotificationListItem` and `NotificationListGroupItem`.
-     * @constructor
-     * @extends ListItemBase
-     * @since 1.0.0-rc.8
-     * @public
-     */
-    class NotificationListItemBase extends ListItemBase.ListItemBase {
-        constructor() {
-            super(...arguments);
-            /**
-             * Defines if the `notification` is new or has been already read.
-             *
-             * **Note:** if set to `false` the `titleText` has bold font,
-             * if set to true - it has a normal font.
-             * @default false
-             * @public
-             */
-            this.read = false;
-            /**
-             * Defines if a busy indicator would be displayed over the item.
-             * @default false
-             * @public
-             * @since 1.0.0-rc.8
-             */
-            this.loading = false;
-            /**
-             * Defines the delay in milliseconds, after which the busy indicator will show up for this component.
-             * @default 1000
-             * @public
-             */
-            this.loadingDelay = 1000;
-        }
-        get hasTitleText() {
-            return !!this.titleText?.length;
-        }
-        get loadingText() {
-            return NotificationListItemBase.i18nFioriBundle.getText(i18nDefaults.NOTIFICATION_LIST_ITEM_LOADING);
-        }
-        /**
-         * Event handlers
-         */
-        async _onkeydown(e) {
-            super._onkeydown(e);
-            if (webcomponentsBase.A(e) && this.getFocusDomRef().matches(":has(:focus-within)")) {
-                e.preventDefault();
-                return;
-            }
-            if (webcomponentsBase.ro(e)) {
-                e.stopImmediatePropagation();
-                const activeElement = webcomponentsBase.t();
-                const focusDomRef = this.getHeaderDomRef();
-                if (activeElement === focusDomRef) {
-                    const firstFocusable = await FocusableElements.b(focusDomRef);
-                    firstFocusable?.focus();
-                }
-                else {
-                    focusDomRef.focus();
-                }
-            }
-        }
-        getHeaderDomRef() {
-            return this.getFocusDomRef();
-        }
-        shouldForwardTabAfter() {
-            const aContent = ListItemBase.b(this.getHeaderDomRef());
-            return aContent.length === 0 || (aContent[aContent.length - 1] === webcomponentsBase.t());
-        }
-    }
-    __decorate([
-        webcomponentsBase.s()
-    ], NotificationListItemBase.prototype, "titleText", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], NotificationListItemBase.prototype, "read", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], NotificationListItemBase.prototype, "loading", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Number })
-    ], NotificationListItemBase.prototype, "loadingDelay", void 0);
-    __decorate([
-        parametersBundle_css.i("sap/ushell/gen/ui5/webcomponents-fiori")
-    ], NotificationListItemBase, "i18nFioriBundle", void 0);
-
-    exports.NotificationListItemBase = NotificationListItemBase;
-
-}));