@openui5/sap.f 1.141.2 → 1.142.0

package/src/sap/f/thirdparty/ShellBarBranding.js

@@ -0,0 +1,119 @@
+sap.ui.define(['sap/f/thirdparty/webcomponents-base', 'sap/f/thirdparty/webcomponents', 'sap/f/thirdparty/webcomponents-fiori', 'sap/f/thirdparty/parameters-bundle.css2', 'sap/f/thirdparty/event-strict', 'sap/f/thirdparty/Icons', 'sap/f/thirdparty/parameters-bundle.css3'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, parametersBundle_css, eventStrict, Icons, parametersBundle_css$1) { 'use strict';
+
+    function ShellBarBrandingTemplate() {
+        return (parametersBundle_css.jsxs("a", { class: "ui5-shellbar-branding-root", href: this.parsedRef, target: this.target, role: this._role, tabIndex: 0, "aria-label": this.accessibleNameText, onClick: this._onclick, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, children: [parametersBundle_css.jsx("span", { class: "ui5-shellbar-logo", children: parametersBundle_css.jsx("slot", { name: "logo" }) }), !this._isSBreakPoint && (parametersBundle_css.jsx("bdi", { class: "ui5-shellbar-title", children: parametersBundle_css.jsx("slot", {}) }))] }));
+    }
+
+    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 shellBarBrandingCss = `:host(:not([hidden])) .ui5-shellbar-branding-root{text-decoration:none}:host(:not([hidden])){display:inline}.ui5-shellbar-branding-root{overflow:hidden;display:flex;align-items:center;padding-block:.25rem;padding-inline:.25rem .5rem;box-sizing:border-box;cursor:pointer;background:var(--sapButton_Lite_Background);border:1px solid var(--sapButton_Lite_BorderColor);color:var(--sapShell_TextColor);margin-inline-start:.125rem;margin-inline-end:.5rem}.ui5-shellbar-branding-root:focus{outline:var(--_ui5-v2-15-0_shellbar_logo_outline);border-radius:var(--_ui5-v2-15-0_shellbar_logo_border_radius)}.ui5-shellbar-branding-root:hover{box-shadow:var(--_ui5-v2-15-0_shellbar_button_box_shadow);border-radius:var(--_ui5-v2-15-0_shellbar_logo_border_radius)}.ui5-shellbar-branding-root:active:focus{background:var(--sapShell_Active_Background);border:1px solid var(--sapButton_Lite_Active_BorderColor);color:var(--sapShell_Active_TextColor)}.ui5-shellbar-title{display:inline-block;font-family:var(--sapFontSemiboldDuplexFamily);margin:0;font-size:var(--_ui5-v2-15-0_shellbar_menu_button_title_font_size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--sapShell_SubBrand_TextColor);margin-inline-start:.25rem}.ui5-shellbar-logo-area{overflow:hidden;display:flex;align-items:center;padding:.25rem .5rem .25rem .25rem;box-sizing:border-box;cursor:pointer;background:var(--sapButton_Lite_Background);border:1px solid var(--sapButton_Lite_BorderColor);color:var(--sapShell_TextColor);margin-inline-start:.125rem}::slotted([slot="logo"]){max-height:2rem;max-width:3.75rem;pointer-events:none;padding-inline:.25rem}
+`;
+
+    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
+     *
+     * ### Overview
+     * The `ui5-shellbar-branding` component is intended to be placed inside the branding slot of the
+     * `ui5-shellbar` component. Its content has higher priority than the `primaryTitle` property
+     * and the `logo` slot of `ui5-shellbar`.
+     *
+     * @constructor
+     * @extends UI5Element
+     * @since 2.12.0
+     * @public
+     * @experimental
+     */
+    let ShellBarBranding = class ShellBarBranding extends webcomponentsBase.b {
+        constructor() {
+            super(...arguments);
+            /**
+             * Defines if the title of the branding is shown on an S breakpoint.
+             * @default false
+             * @private
+             */
+            this._isSBreakPoint = false;
+        }
+        get parsedRef() {
+            return (this.href && this.href.length > 0) ? this.href : undefined;
+        }
+        get _role() {
+            return this.href && this.href.length > 0 ? "link" : "button";
+        }
+        get accessibleNameText() {
+            if (this.accessibleName) {
+                return this.accessibleName;
+            }
+            const defaultSlot = this.shadowRoot?.querySelector("slot:not([name])");
+            return defaultSlot?.assignedNodes({ flatten: true })
+                .find(n => n.nodeType === Node.TEXT_NODE && n.textContent?.trim())
+                ?.textContent.trim();
+        }
+        _fireClick() {
+            this.fireDecoratorEvent("click");
+        }
+        _onclick(e) {
+            e.stopPropagation();
+            this._fireClick();
+        }
+        _onkeyup(e) {
+            if (webcomponentsBase.A(e)) {
+                this._fireClick();
+            }
+        }
+        _onkeydown(e) {
+            if (webcomponentsBase.A(e)) {
+                e.preventDefault();
+                return;
+            }
+            if (webcomponentsBase.b$1(e)) {
+                this._fireClick();
+            }
+        }
+    };
+    __decorate([
+        webcomponentsBase.s()
+    ], ShellBarBranding.prototype, "href", void 0);
+    __decorate([
+        webcomponentsBase.s()
+    ], ShellBarBranding.prototype, "target", void 0);
+    __decorate([
+        webcomponentsBase.s()
+    ], ShellBarBranding.prototype, "accessibleName", void 0);
+    __decorate([
+        webcomponentsBase.s({ type: Boolean })
+    ], ShellBarBranding.prototype, "_isSBreakPoint", void 0);
+    __decorate([
+        webcomponentsBase.d({ type: HTMLElement, "default": true })
+    ], ShellBarBranding.prototype, "content", void 0);
+    __decorate([
+        webcomponentsBase.d({ type: HTMLElement })
+    ], ShellBarBranding.prototype, "logo", void 0);
+    ShellBarBranding = __decorate([
+        webcomponentsBase.m({
+            tag: "ui5-shellbar-branding",
+            languageAware: true,
+            renderer: parametersBundle_css.y,
+            template: ShellBarBrandingTemplate,
+            styles: shellBarBrandingCss,
+        })
+        /**
+         * Fired, when the logo is activated.
+         * @public
+         */
+        ,
+        eventStrict.l("click", {
+            bubbles: true,
+        })
+    ], ShellBarBranding);
+    ShellBarBranding.define();
+    var ShellBarBranding$1 = ShellBarBranding;
+
+    return ShellBarBranding$1;
+
+}));

package/src/sap/f/thirdparty/ShellBarItem.js

@@ -0,0 +1,89 @@
+sap.ui.define(['sap/f/thirdparty/webcomponents-base', 'sap/f/thirdparty/webcomponents', 'sap/f/thirdparty/webcomponents-fiori', 'sap/f/thirdparty/event-strict', 'sap/f/thirdparty/Icons'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, eventStrict, Icons) { '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;
+    };
+    /**
+     * Interface for components that may be slotted inside `ui5-shellbar` as items
+     * @public
+     */
+    /**
+     * @class
+     * The `ui5-shellbar-item` represents a custom item, that
+     * might be added to the `ui5-shellbar`.
+     *
+     * ### ES6 Module Import
+     * `import "@ui5/webcomponents-fiori/dist/ShellBarItem.js";`
+     * @constructor
+     * @extends UI5Element
+     * @abstract
+     * @public
+     */
+    let ShellBarItem = class ShellBarItem extends webcomponentsBase.b {
+        constructor() {
+            super(...arguments);
+            /**
+             * Defines additional accessibility attributes on Shellbar Items.
+             *
+             * The accessibility attributes support the following values:
+             *
+             * - **expanded**: Indicates whether the button, or another grouping element it controls,
+             * is currently expanded or collapsed.
+             * Accepts the following string values: `true` or `false`.
+             *
+             * - **hasPopup**: Indicates the availability and type of interactive popup element,
+             * such as menu or dialog, that can be triggered by the button.
+             *
+             * - **controls**: Identifies the element (or elements) whose contents
+             * or presence are controlled by the component.
+             * Accepts a lowercase string value, referencing the ID of the element it controls.
+             *
+             * @default {}
+             * @public
+             * @since 2.9.0
+             */
+            this.accessibilityAttributes = {};
+        }
+        get stableDomRef() {
+            return this.getAttribute("stable-dom-ref") || `${this._id}-stable-dom-ref`;
+        }
+        fireClickEvent(e) {
+            return this.fireDecoratorEvent("click", {
+                targetRef: e.target,
+            });
+        }
+    };
+    __decorate([
+        webcomponentsBase.s()
+    ], ShellBarItem.prototype, "icon", void 0);
+    __decorate([
+        webcomponentsBase.s()
+    ], ShellBarItem.prototype, "text", void 0);
+    __decorate([
+        webcomponentsBase.s()
+    ], ShellBarItem.prototype, "count", void 0);
+    __decorate([
+        webcomponentsBase.s({ type: Object })
+    ], ShellBarItem.prototype, "accessibilityAttributes", void 0);
+    ShellBarItem = __decorate([
+        webcomponentsBase.m("ui5-shellbar-item")
+        /**
+         * Fired, when the item is pressed.
+         * @param {HTMLElement} targetRef DOM ref of the clicked element
+         * @public
+         */
+        ,
+        eventStrict.l("click", {
+            bubbles: true,
+            cancelable: true,
+        })
+    ], ShellBarItem);
+    ShellBarItem.define();
+    var ShellBarItem$1 = ShellBarItem;
+
+    return ShellBarItem$1;
+
+}));

package/src/sap/f/thirdparty/ShellBarSearch.js

@@ -0,0 +1,7 @@
+sap.ui.define(['sap/f/thirdparty/webcomponents-base', 'sap/f/thirdparty/webcomponents', 'sap/f/thirdparty/webcomponents-fiori', 'sap/f/thirdparty/ShellBarSearch2', 'sap/f/thirdparty/Icons', 'sap/f/thirdparty/i18n-defaults', 'sap/f/thirdparty/event-strict', 'sap/f/thirdparty/parameters-bundle.css2', 'sap/f/thirdparty/Button2', 'sap/f/thirdparty/parameters-bundle.css', 'sap/f/thirdparty/AccessibilityTextsHelper', 'sap/f/thirdparty/willShowContent', 'sap/f/thirdparty/toLowercaseEnumValue', 'sap/f/thirdparty/Icon', 'sap/f/thirdparty/BusyIndicator', 'sap/f/thirdparty/Label', 'sap/f/thirdparty/i18n-defaults2', 'sap/f/thirdparty/ListItemBase', 'sap/f/thirdparty/ListItemAdditionalText.css', 'sap/f/thirdparty/ValueState', 'sap/f/thirdparty/information', 'sap/f/thirdparty/List', 'sap/f/thirdparty/ListItemGroup', 'sap/f/thirdparty/WrappingType', 'sap/f/thirdparty/ResponsivePopover', 'sap/f/thirdparty/Title', 'sap/f/thirdparty/FocusableElements', 'sap/f/thirdparty/slim-arrow-down', 'sap/f/thirdparty/encodeXML', 'sap/f/thirdparty/information2', 'sap/f/thirdparty/sys-enter-2', 'sap/f/thirdparty/parameters-bundle.css3'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, ShellBarSearch, Icons, i18nDefaults, eventStrict, parametersBundle_css, Button, parametersBundle_css$1, AccessibilityTextsHelper, willShowContent, toLowercaseEnumValue, Icon, BusyIndicator, Label, i18nDefaults$1, ListItemBase, ListItemAdditionalText_css, ValueState, information, List, ListItemGroup, WrappingType, ResponsivePopover, Title, FocusableElements, slimArrowDown, encodeXML, information$1, sysEnter2, parametersBundle_css$2) { 'use strict';
+
+
+
+	return ShellBarSearch.ShellBarSearch;
+
+}));