@openui5/sap.f 1.145.0 → 1.146.0

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

@@ -1,656 +1,2 @@
-sap.ui.define(['exports', 'sap/f/thirdparty/webcomponents', 'sap/f/thirdparty/event-strict', 'sap/f/thirdparty/parameters-bundle.css', 'sap/f/thirdparty/parameters-bundle.css2', 'sap/f/thirdparty/AccessibilityTextsHelper', 'sap/f/thirdparty/Icons', 'sap/f/thirdparty/Theme', 'sap/f/thirdparty/willShowContent', 'sap/f/thirdparty/toLowercaseEnumValue', 'sap/f/thirdparty/Icon', 'sap/f/thirdparty/BusyIndicator', 'sap/f/thirdparty/i18n-defaults2'], (function (exports, webcomponentsBase, eventStrict, parametersBundle_css$1, parametersBundle_css, AccessibilityTextsHelper, Icons, Theme, willShowContent, toLowercaseEnumValue, Icon, BusyIndicator, i18nDefaults) { 'use strict';
-
-    let e;const l=()=>(e===void 0&&(e=Theme.b()),e);
-
-    /**
-     * Different Button designs.
-     * @public
-     */
-    var ButtonDesign;
-    (function (ButtonDesign) {
-        /**
-         * default type (no special styling)
-         * @public
-         */
-        ButtonDesign["Default"] = "Default";
-        /**
-         * accept type (green button)
-         * @public
-         */
-        ButtonDesign["Positive"] = "Positive";
-        /**
-         * reject style (red button)
-         * @public
-         */
-        ButtonDesign["Negative"] = "Negative";
-        /**
-         * transparent type
-         * @public
-         */
-        ButtonDesign["Transparent"] = "Transparent";
-        /**
-         * emphasized type
-         * @public
-         */
-        ButtonDesign["Emphasized"] = "Emphasized";
-        /**
-         * attention type
-         * @public
-         */
-        ButtonDesign["Attention"] = "Attention";
-    })(ButtonDesign || (ButtonDesign = {}));
-    var ButtonDesign$1 = ButtonDesign;
-
-    /**
-     * Determines if the button has special form-related functionality.
-     * @public
-     */
-    var ButtonType;
-    (function (ButtonType) {
-        /**
-         * The button does not do anything special when inside a form
-         * @public
-         */
-        ButtonType["Button"] = "Button";
-        /**
-         * The button acts as a submit button (submits a form)
-         * @public
-         */
-        ButtonType["Submit"] = "Submit";
-        /**
-         * The button acts as a reset button (resets a form)
-         * @public
-         */
-        ButtonType["Reset"] = "Reset";
-    })(ButtonType || (ButtonType = {}));
-    var ButtonType$1 = ButtonType;
-
-    /**
-     * Determines where the badge will be placed and how it will be styled.
-     * @since 2.7.0
-     * @public
-     */
-    var ButtonBadgeDesign;
-    (function (ButtonBadgeDesign) {
-        /**
-         * The badge is displayed after the text, inside the button.
-         * @public
-         */
-        ButtonBadgeDesign["InlineText"] = "InlineText";
-        /**
-         * The badge is displayed at the top-end corner of the button.
-         *
-         * **Note:** According to design guidance, the OverlayText design mode is best used in cozy density to avoid potential visual issues in compact.
-         * @public
-         */
-        ButtonBadgeDesign["OverlayText"] = "OverlayText";
-        /**
-         * The badge is displayed as an attention dot.
-         * @public
-         */
-        ButtonBadgeDesign["AttentionDot"] = "AttentionDot";
-    })(ButtonBadgeDesign || (ButtonBadgeDesign = {}));
-    var ButtonBadgeDesign$1 = ButtonBadgeDesign;
-
-    /**
-     * Different BusyIndicator sizes.
-     * @public
-     */
-    var BusyIndicatorSize;
-    (function (BusyIndicatorSize) {
-        /**
-         * small size
-         * @public
-         */
-        BusyIndicatorSize["S"] = "S";
-        /**
-         * medium size
-         * @public
-         */
-        BusyIndicatorSize["M"] = "M";
-        /**
-         * large size
-         * @public
-         */
-        BusyIndicatorSize["L"] = "L";
-    })(BusyIndicatorSize || (BusyIndicatorSize = {}));
-    var BusyIndicatorSize$1 = BusyIndicatorSize;
-
-    function ButtonTemplate(injectedProps) {
-        return (parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsxs("button", { type: "button", class: {
-                        "ui5-button-root": true,
-                        "ui5-button-badge-placement-end": this.badge[0]?.design === "InlineText",
-                        "ui5-button-badge-placement-end-top": this.badge[0]?.design === "OverlayText",
-                        "ui5-button-badge-dot": this.badge[0]?.design === "AttentionDot"
-                    }, disabled: this.disabled, "data-sap-focus-ref": true, "aria-pressed": injectedProps?.ariaPressed, "aria-valuemin": injectedProps?.ariaValueMin, "aria-valuemax": injectedProps?.ariaValueMax, "aria-valuenow": injectedProps?.ariaValueNow, "aria-valuetext": injectedProps?.ariaValueText, onFocusOut: this._onfocusout, onClick: this._onclick, onMouseDown: this._onmousedown, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, onTouchStart: this._ontouchstart, onTouchEnd: this._ontouchend, tabindex: this.tabIndexValue, "aria-expanded": this._computedAccessibilityAttributes?.expanded, "aria-controls": this._computedAccessibilityAttributes?.controls, "aria-haspopup": this._computedAccessibilityAttributes?.hasPopup, "aria-label": this._computedAccessibilityAttributes?.ariaLabel, "aria-keyshortcuts": this._computedAccessibilityAttributes?.ariaKeyShortcuts, "aria-description": this.ariaDescriptionText, "aria-busy": this.loading ? "true" : undefined, title: this.buttonTitle, part: "button", role: this.effectiveAccRole, children: [this.icon &&
-                            parametersBundle_css.jsx(Icon.Icon, { class: "ui5-button-icon", name: this.icon, mode: "Decorative", part: "icon" }), parametersBundle_css.jsx("span", { id: `${this._id}-content`, class: "ui5-button-text", children: parametersBundle_css.jsx("bdi", { children: parametersBundle_css.jsx("slot", {}) }) }), this.endIcon &&
-                            parametersBundle_css.jsx(Icon.Icon, { class: "ui5-button-end-icon", name: this.endIcon, mode: "Decorative", part: "endIcon" }), this.shouldRenderBadge &&
-                            parametersBundle_css.jsx("slot", { name: "badge" })] }), this.loading &&
-                    parametersBundle_css.jsx(BusyIndicator.BusyIndicator, { id: `${this._id}-button-busy-indicator`, class: "ui5-button-busy-indicator", size: this.iconOnly ? BusyIndicatorSize$1.S : BusyIndicatorSize$1.M, active: true, delay: this.loadingDelay, inert: this.loading })] }));
-    }
-
-    Theme.p("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Theme.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
-    var buttonCss = `:host{vertical-align:middle}.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:inline-block}:host{min-width:var(--_ui5-v2-15-0_button_base_min_width);height:var(--_ui5-v2-15-0_button_base_height);line-height:normal;font-family:var(--_ui5-v2-15-0_button_fontFamily);font-size:var(--sapFontSize);text-shadow:var(--_ui5-v2-15-0_button_text_shadow);border-radius:var(--_ui5-v2-15-0_button_border_radius);cursor:pointer;background-color:var(--sapButton_Background);border:var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);color:var(--sapButton_TextColor);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent}.ui5-button-root{min-width:inherit;cursor:inherit;height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;outline:none;padding:0 var(--_ui5-v2-15-0_button_base_padding);position:relative;background:transparent;border:none;color:inherit;text-shadow:inherit;font:inherit;white-space:inherit;overflow:inherit;text-overflow:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host(:not([hidden]):not([disabled]).ui5_hovered){background:var(--sapButton_Hover_Background);border:1px solid var(--sapButton_Hover_BorderColor);color:var(--sapButton_Hover_TextColor)}.ui5-button-icon,.ui5-button-end-icon{color:inherit;flex-shrink:0}.ui5-button-end-icon{margin-inline-start:var(--_ui5-v2-15-0_button_base_icon_margin)}:host([icon-only]:not([has-end-icon])) .ui5-button-root{min-width:auto;padding:0}:host([icon-only]) .ui5-button-text{display:none}.ui5-button-text{outline:none;position:relative;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([has-icon]:not(:empty)) .ui5-button-text{margin-inline-start:var(--_ui5-v2-15-0_button_base_icon_margin)}:host([has-end-icon]:not([has-icon]):empty) .ui5-button-end-icon{margin-inline-start:0}:host([disabled]){opacity:var(--sapContent_DisabledOpacity);pointer-events:unset;cursor:default}:host([has-icon]:not([icon-only]):not([has-end-icon])) .ui5-button-text{min-width:calc(var(--_ui5-v2-15-0_button_base_min_width) - var(--_ui5-v2-15-0_button_base_icon_margin) - 1rem)}:host([disabled]:active){pointer-events:none}:host([desktop]:not([loading])) .ui5-button-root:focus-within:after,:host(:not([active])) .ui5-button-root:focus-visible:after,:host([desktop][active][design="Emphasized"]) .ui5-button-root:focus-within:after,:host([active][design="Emphasized"]) .ui5-button-root:focus-visible:after,:host([desktop][active]) .ui5-button-root:focus-within:before,:host([active]) .ui5-button-root:focus-visible:before{content:"";position:absolute;box-sizing:border-box;pointer-events:none;inset:.0625rem;border:var(--_ui5-v2-15-0_button_focused_border);border-radius:var(--_ui5-v2-15-0_button_focused_border_radius)}:host([desktop][active]) .ui5-button-root:focus-within:before,:host([active]) .ui5-button-root:focus-visible:before{border-color:var(--_ui5-v2-15-0_button_pressed_focused_border_color)}:host([design="Emphasized"][desktop]) .ui5-button-root:focus-within:after,:host([design="Emphasized"]) .ui5-button-root:focus-visible:after{border-color:var(--_ui5-v2-15-0_button_emphasized_focused_border_color)}:host([design="Emphasized"][desktop]) .ui5-button-root:focus-within:before,:host([design="Emphasized"]) .ui5-button-root:focus-visible:before{content:"";position:absolute;box-sizing:border-box;inset:.0625rem;border:var(--_ui5-v2-15-0_button_emphasized_focused_border_before);border-radius:var(--_ui5-v2-15-0_button_focused_border_radius)}.ui5-button-root::-moz-focus-inner{border:0}bdi{display:block;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([ui5-button][active]:not([disabled]):not([non-interactive])){background-image:none;background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([design="Positive"]){background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);color:var(--sapButton_Accept_Hover_TextColor)}:host([ui5-button][design="Positive"][active]:not([non-interactive])){background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Active_TextColor)}:host([design="Negative"]){background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);color:var(--sapButton_Reject_Hover_TextColor)}:host([ui5-button][design="Negative"][active]:not([non-interactive])){background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor)}:host([design="Attention"]){background-color:var(--sapButton_Attention_Background);border-color:var(--sapButton_Attention_BorderColor);color:var(--sapButton_Attention_TextColor)}:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Attention_Hover_Background);border-color:var(--sapButton_Attention_Hover_BorderColor);color:var(--sapButton_Attention_Hover_TextColor)}:host([ui5-button][design="Attention"][active]:not([non-interactive])){background-color:var(--sapButton_Attention_Active_Background);border-color:var(--sapButton_Attention_Active_BorderColor);color:var(--sapButton_Attention_Active_TextColor)}:host([design="Emphasized"]){background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor);border-width:var(--_ui5-v2-15-0_button_emphasized_border_width);color:var(--sapButton_Emphasized_TextColor);font-family:var(--sapButton_Emphasized_FontFamily)}:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);border-width:var(--_ui5-v2-15-0_button_emphasized_border_width);color:var(--sapButton_Emphasized_Hover_TextColor)}:host([ui5-button][design="Empasized"][active]:not([non-interactive])){background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_Active_TextColor)}:host([design="Emphasized"][desktop]) .ui5-button-root:focus-within:after,:host([design="Emphasized"]) .ui5-button-root:focus-visible:after{border-color:var(--_ui5-v2-15-0_button_emphasized_focused_border_color);outline:none}:host([design="Emphasized"][desktop][active]:not([non-interactive])) .ui5-button-root:focus-within:after,:host([design="Emphasized"][active]:not([non-interactive])) .ui5-button-root:focus-visible:after{border-color:var(--_ui5-v2-15-0_button_emphasized_focused_active_border_color)}:host([design="Transparent"]){background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);border-color:var(--sapButton_Lite_BorderColor)}:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Lite_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapButton_Lite_Hover_TextColor)}:host([ui5-button][design="Transparent"][active]:not([non-interactive])){background-color:var(--sapButton_Lite_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([ui5-segmented-button-item][active][desktop]) .ui5-button-root:focus-within:after,:host([ui5-segmented-button-item][active]) .ui5-button-root:focus-visible:after,:host([pressed][desktop]) .ui5-button-root:focus-within:after,:host([pressed]) .ui5-button-root:focus-visible:after{border-color:var(--_ui5-v2-15-0_button_pressed_focused_border_color);outline:none}:host([ui5-segmented-button-item][desktop]:not(:last-child)) .ui5-button-root:focus-within:after,:host([ui5-segmented-button-item]:not(:last-child)) .ui5-button-root:focus-visible:after{border-top-right-radius:var(--_ui5-v2-15-0_button_focused_inner_border_radius);border-bottom-right-radius:var(--_ui5-v2-15-0_button_focused_inner_border_radius)}:host([ui5-segmented-button-item][desktop]:not(:first-child)) .ui5-button-root:focus-within:after,:host([ui5-segmented-button-item]:not(:first-child)) .ui5-button-root:focus-visible:after{border-top-left-radius:var(--_ui5-v2-15-0_button_focused_inner_border_radius);border-bottom-left-radius:var(--_ui5-v2-15-0_button_focused_inner_border_radius)}::slotted([slot="badge"][design="InlineText"]){pointer-events:initial;font-family:var(--sapButton_FontFamily);font-size:var(--sapFontSmallSize);padding-inline-start:.25rem;--_ui5-v2-15-0-tag-height: .625rem}::slotted([slot="badge"][design="OverlayText"]){pointer-events:initial;position:absolute;top:0;inset-inline-end:0;margin:-.5rem;z-index:1;font-family:var(--sapButton_FontFamily);font-size:var(--sapFontSmallSize);--_ui5-v2-15-0-tag-height: .625rem}::slotted([slot="badge"][design="AttentionDot"]){pointer-events:initial;content:"";position:absolute;top:0;inset-inline-end:0;margin:-.25rem;z-index:1}:host(:state(has-overlay-badge)){overflow:visible;margin-inline-end:.3125rem}:host([loading]){position:relative;pointer-events:unset}:host([loading]) .ui5-button-root{opacity:var(--sapContent_DisabledOpacity)}:host([loading][design="Emphasized"]){background-color:inherit;border:inherit}:host([design="Emphasized"][loading]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"][loading]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:inherit;border:inherit}:host([design="Emphasized"][loading]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover) .ui5-button-root,:host([design="Emphasized"][loading]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered) .ui5-button-root{background-color:var(--sapButton_Emphasized_Hover_Background)}:host([loading][design="Emphasized"]) .ui5-button-root{background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor)}.ui5-button-busy-indicator{position:absolute;height:100%;width:100%;top:0}
-`;
-
-    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 Button_1;
-    let isGlobalHandlerAttached = false;
-    let activeButton = null;
-    /**
-     * @class
-     *
-     * ### Overview
-     *
-     * The `ui5-button` component represents a simple push button.
-     * It enables users to trigger actions by clicking or tapping the `ui5-button`, or by pressing
-     * certain keyboard keys, such as Enter.
-     *
-     * ### Usage
-     *
-     * For the `ui5-button` UI, you can define text, icon, or both. You can also specify
-     * whether the text or the icon is displayed first.
-     *
-     * You can choose from a set of predefined types that offer different
-     * styling to correspond to the triggered action.
-     *
-     * You can set the `ui5-button` as enabled or disabled. An enabled
-     * `ui5-button` can be pressed by clicking or tapping it. The button changes
-     * its style to provide visual feedback to the user that it is pressed or hovered over with
-     * the mouse cursor. A disabled `ui5-button` appears inactive and cannot be pressed.
-     *
-     * ### ES6 Module Import
-     *
-     * `import "@ui5/webcomponents/dist/Button.js";`
-     * @csspart button - Used to style the native button element
-     * @csspart icon - Used to style the icon in the native button element
-     * @csspart endIcon - Used to style the end icon in the native button element
-     * @constructor
-     * @extends UI5Element
-     * @implements { IButton }
-     * @public
-     */
-    let Button = Button_1 = class Button extends webcomponentsBase.b {
-        constructor() {
-            super();
-            /**
-             * Defines the component design.
-             * @default "Default"
-             * @public
-             */
-            this.design = "Default";
-            /**
-             * Defines whether the component is disabled.
-             * A disabled component can't be pressed or
-             * focused, and it is not in the tab chain.
-             * @default false
-             * @public
-             */
-            this.disabled = false;
-            /**
-             * When set to `true`, the component will
-             * automatically submit the nearest HTML form element on `press`.
-             *
-             * **Note:** This property is only applicable within the context of an HTML Form element.`
-             * @default false
-             * @public
-             * @deprecated Set the "type" property to "Submit" to achieve the same result. The "submits" property is ignored if "type" is set to any value other than "Button".
-             */
-            this.submits = false;
-            /**
-             * Defines the additional accessibility attributes that will be applied to the component.
-             * The following fields are supported:
-             *
-             * - **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.
-             * Accepts the following string values: `dialog`, `grid`, `listbox`, `menu` or `tree`.
-             *
-             * - **ariaLabel**: Defines the accessible ARIA name of the component.
-             * Accepts any string value.
-             *
-             *  - **ariaKeyShortcuts**: Defines keyboard shortcuts that activate or give focus to the button.
-             *
-             * - **controls**: Identifies the element (or elements) whose contents or presence are controlled by the button element.
-             * Accepts a lowercase string value.
-             *
-             * @public
-             * @since 1.2.0
-             * @default {}
-             */
-            this.accessibilityAttributes = {};
-            /**
-             * Defines whether the button has special form-related functionality.
-             *
-             * **Note:** This property is only applicable within the context of an HTML Form element.
-             * @default "Button"
-             * @public
-             * @since 1.15.0
-             */
-            this.type = "Button";
-            /**
-             * Describes the accessibility role of the button.
-             *
-             * **Note:** Use <code>ButtonAccessibleRole.Link</code> role only with a press handler, which performs a navigation. In all other scenarios the default button semantics are recommended.
-             *
-             * @default "Button"
-             * @public
-             * @since 1.23
-             */
-            this.accessibleRole = "Button";
-            /**
-             * Used to switch the active state (pressed or not) of the component.
-             * @private
-             */
-            this.active = false;
-            /**
-             * Defines if a content has been added to the default slot
-             * @private
-             */
-            this.iconOnly = false;
-            /**
-             * Indicates if the elements has a slotted icon
-             * @private
-             */
-            this.hasIcon = false;
-            /**
-             * Indicates if the elements has a slotted end icon
-             * @private
-             */
-            this.hasEndIcon = false;
-            /**
-             * Indicates if the element is focusable
-             * @private
-             */
-            this.nonInteractive = false;
-            /**
-             * Defines whether the button shows a loading indicator.
-             *
-             * **Note:** If set to `true`, a busy indicator component will be displayed on the related button.
-             * @default false
-             * @public
-             * @since 2.13.0
-             */
-            this.loading = false;
-            /**
-             * Specifies the delay in milliseconds before the loading indicator appears within the associated button.
-             * @default 1000
-             * @public
-             * @since 2.13.0
-             */
-            this.loadingDelay = 1000;
-            /**
-             * @private
-             */
-            this._iconSettings = {};
-            /**
-             * Defines the tabIndex of the component.
-             * @private
-             */
-            this.forcedTabIndex = "0";
-            /**
-             * @since 1.0.0-rc.13
-             * @private
-             */
-            this._isTouch = false;
-            this._cancelAction = false;
-            this._clickHandlerAttached = false;
-            this._deactivate = () => {
-                if (activeButton) {
-                    activeButton._setActiveState(false);
-                }
-            };
-            this._onclickBound = e => {
-                if (e instanceof CustomEvent) {
-                    return;
-                }
-                this._onclick(e);
-            };
-            if (!this._clickHandlerAttached) {
-                this.addEventListener("click", this._onclickBound);
-                this._clickHandlerAttached = true;
-            }
-            if (!isGlobalHandlerAttached) {
-                document.addEventListener("mouseup", this._deactivate);
-                isGlobalHandlerAttached = true;
-            }
-        }
-        _ontouchstart() {
-            if (this.nonInteractive) {
-                return;
-            }
-            this._setActiveState(true);
-        }
-        onEnterDOM() {
-            if (Theme.f()) {
-                this.setAttribute("desktop", "");
-            }
-            if (!this._clickHandlerAttached) {
-                this.addEventListener("click", this._onclickBound);
-                this._clickHandlerAttached = true;
-            }
-        }
-        onExitDOM() {
-            if (this._clickHandlerAttached) {
-                this.removeEventListener("click", this._onclickBound);
-                this._clickHandlerAttached = false;
-            }
-        }
-        async onBeforeRendering() {
-            this._setBadgeOverlayStyle();
-            this.hasIcon = !!this.icon;
-            this.hasEndIcon = !!this.endIcon;
-            this.iconOnly = this.isIconOnly;
-            const defaultTooltip = await this.getDefaultTooltip();
-            this.buttonTitle = this.iconOnly ? this.tooltip ?? defaultTooltip : this.tooltip;
-        }
-        _setBadgeOverlayStyle() {
-            const needsOverflowVisible = this.badge.length && (this.badge[0].design === ButtonBadgeDesign$1.AttentionDot || this.badge[0].design === ButtonBadgeDesign$1.OverlayText);
-            if (needsOverflowVisible) {
-                this._internals.states.add("has-overlay-badge");
-            }
-            else {
-                this._internals.states.delete("has-overlay-badge");
-            }
-        }
-        _onclick(e) {
-            e.stopImmediatePropagation();
-            if (this.nonInteractive) {
-                return;
-            }
-            if (this.loading) {
-                e.preventDefault();
-                return;
-            }
-            const { altKey, ctrlKey, metaKey, shiftKey, } = e;
-            const prevented = !this.fireDecoratorEvent("click", {
-                originalEvent: e,
-                altKey,
-                ctrlKey,
-                metaKey,
-                shiftKey,
-            });
-            if (prevented) {
-                e.preventDefault();
-                return;
-            }
-            if (this._isSubmit) {
-                webcomponentsBase.i$1(this);
-            }
-            if (this._isReset) {
-                webcomponentsBase.m$1(this);
-            }
-            if (Theme.h()) {
-                this.getDomRef()?.focus();
-            }
-        }
-        _onmousedown() {
-            if (this.nonInteractive) {
-                return;
-            }
-            this._setActiveState(true);
-            activeButton = this; // eslint-disable-line
-        }
-        _ontouchend(e) {
-            if (this.disabled || this.loading) {
-                e.preventDefault();
-                e.stopPropagation();
-            }
-            if (this.active) {
-                this._setActiveState(false);
-            }
-            if (activeButton) {
-                activeButton._setActiveState(false);
-            }
-        }
-        _onkeydown(e) {
-            this._cancelAction = webcomponentsBase.Ko(e) || webcomponentsBase.m$2(e);
-            if (webcomponentsBase.A(e) || webcomponentsBase.b$1(e)) {
-                this._setActiveState(true);
-            }
-            else if (this._cancelAction) {
-                this._setActiveState(false);
-            }
-        }
-        _onkeyup(e) {
-            if (this._cancelAction) {
-                e.preventDefault();
-            }
-            if (webcomponentsBase.A(e) || webcomponentsBase.b$1(e)) {
-                if (this.active) {
-                    this._setActiveState(false);
-                }
-            }
-        }
-        _onfocusout() {
-            if (this.nonInteractive) {
-                return;
-            }
-            if (this.active) {
-                this._setActiveState(false);
-            }
-        }
-        _setActiveState(active) {
-            const eventPrevented = !this.fireDecoratorEvent("active-state-change");
-            if (eventPrevented || this.loading) {
-                return;
-            }
-            this.active = active;
-        }
-        get hasButtonType() {
-            return this.design !== ButtonDesign$1.Default && this.design !== ButtonDesign$1.Transparent;
-        }
-        get isIconOnly() {
-            return !willShowContent.t(this.text);
-        }
-        static typeTextMappings() {
-            return {
-                "Positive": i18nDefaults.BUTTON_ARIA_TYPE_ACCEPT,
-                "Negative": i18nDefaults.BUTTON_ARIA_TYPE_REJECT,
-                "Emphasized": i18nDefaults.BUTTON_ARIA_TYPE_EMPHASIZED,
-                "Attention": i18nDefaults.BUTTON_ARIA_TYPE_ATTENTION,
-            };
-        }
-        getDefaultTooltip() {
-            if (!l()) {
-                return;
-            }
-            return Icons.A(this.icon);
-        }
-        get buttonTypeText() {
-            return Button_1.i18nBundle.getText(Button_1.typeTextMappings()[this.design]);
-        }
-        get effectiveAccRole() {
-            return toLowercaseEnumValue.n(this.accessibleRole);
-        }
-        get tabIndexValue() {
-            if (this.disabled) {
-                return;
-            }
-            const tabindex = this.getAttribute("tabindex");
-            if (tabindex) {
-                return Number.parseInt(tabindex);
-            }
-            return this.nonInteractive ? -1 : Number.parseInt(this.forcedTabIndex);
-        }
-        get ariaLabelText() {
-            const textContent = this.textContent || "";
-            const ariaLabelText = AccessibilityTextsHelper.A(this) || "";
-            const typeLabelText = this.hasButtonType ? this.buttonTypeText : "";
-            const internalLabelText = this.effectiveBadgeDescriptionText || "";
-            const labelParts = [textContent, ariaLabelText, typeLabelText, internalLabelText].filter(part => part);
-            return labelParts.join(" ");
-        }
-        get ariaDescriptionText() {
-            return this.accessibleDescription === "" ? undefined : this.accessibleDescription;
-        }
-        get _computedAccessibilityAttributes() {
-            return {
-                expanded: this.accessibilityAttributes.expanded,
-                hasPopup: this.accessibilityAttributes.hasPopup,
-                controls: this.accessibilityAttributes.controls,
-                ariaKeyShortcuts: this.accessibilityAttributes.ariaKeyShortcuts,
-                ariaLabel: this.accessibilityAttributes.ariaLabel || this.ariaLabelText,
-            };
-        }
-        get effectiveBadgeDescriptionText() {
-            if (!this.shouldRenderBadge) {
-                return "";
-            }
-            const badgeEffectiveText = this.badge[0].effectiveText;
-            // Use distinct i18n keys for singular and plural badge values to ensure proper localization.
-            // Some languages have different grammatical rules for singular and plural forms,
-            // so separate keys (BUTTON_BADGE_ONE_ITEM and BUTTON_BADGE_MANY_ITEMS) are necessary.
-            switch (badgeEffectiveText) {
-                case "":
-                    return badgeEffectiveText;
-                case "1":
-                    return Button_1.i18nBundle.getText(i18nDefaults.BUTTON_BADGE_ONE_ITEM, badgeEffectiveText);
-                default:
-                    return Button_1.i18nBundle.getText(i18nDefaults.BUTTON_BADGE_MANY_ITEMS, badgeEffectiveText);
-            }
-        }
-        get _isSubmit() {
-            return this.type === ButtonType$1.Submit || this.submits;
-        }
-        get _isReset() {
-            return this.type === ButtonType$1.Reset;
-        }
-        get shouldRenderBadge() {
-            return !!this.badge.length && (!!this.badge[0].text.length || this.badge[0].design === ButtonBadgeDesign$1.AttentionDot);
-        }
-    };
-    __decorate([
-        webcomponentsBase.s()
-    ], Button.prototype, "design", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], Button.prototype, "disabled", void 0);
-    __decorate([
-        webcomponentsBase.s()
-    ], Button.prototype, "icon", void 0);
-    __decorate([
-        webcomponentsBase.s()
-    ], Button.prototype, "endIcon", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], Button.prototype, "submits", void 0);
-    __decorate([
-        webcomponentsBase.s()
-    ], Button.prototype, "tooltip", void 0);
-    __decorate([
-        webcomponentsBase.s()
-    ], Button.prototype, "accessibleName", void 0);
-    __decorate([
-        webcomponentsBase.s()
-    ], Button.prototype, "accessibleNameRef", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Object })
-    ], Button.prototype, "accessibilityAttributes", void 0);
-    __decorate([
-        webcomponentsBase.s()
-    ], Button.prototype, "accessibleDescription", void 0);
-    __decorate([
-        webcomponentsBase.s()
-    ], Button.prototype, "type", void 0);
-    __decorate([
-        webcomponentsBase.s()
-    ], Button.prototype, "accessibleRole", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], Button.prototype, "active", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], Button.prototype, "iconOnly", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], Button.prototype, "hasIcon", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], Button.prototype, "hasEndIcon", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], Button.prototype, "nonInteractive", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], Button.prototype, "loading", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Number })
-    ], Button.prototype, "loadingDelay", void 0);
-    __decorate([
-        webcomponentsBase.s({ noAttribute: true })
-    ], Button.prototype, "buttonTitle", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Object })
-    ], Button.prototype, "_iconSettings", void 0);
-    __decorate([
-        webcomponentsBase.s({ noAttribute: true })
-    ], Button.prototype, "forcedTabIndex", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], Button.prototype, "_isTouch", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean, noAttribute: true })
-    ], Button.prototype, "_cancelAction", void 0);
-    __decorate([
-        webcomponentsBase.d({ type: Node, "default": true })
-    ], Button.prototype, "text", void 0);
-    __decorate([
-        webcomponentsBase.d({ type: HTMLElement, invalidateOnChildChange: true })
-    ], Button.prototype, "badge", void 0);
-    __decorate([
-        parametersBundle_css$1.i("@ui5/webcomponents")
-    ], Button, "i18nBundle", void 0);
-    Button = Button_1 = __decorate([
-        webcomponentsBase.m({
-            tag: "ui5-button",
-            formAssociated: true,
-            languageAware: true,
-            renderer: parametersBundle_css.y,
-            template: ButtonTemplate,
-            styles: buttonCss,
-            shadowRootOptions: { delegatesFocus: true },
-        })
-        /**
-         * Fired when the component is activated either with a mouse/tap or by using the Enter or Space key.
-         *
-         * **Note:** The event will not be fired if the `disabled` property is set to `true`.
-         *
-         * @since 2.10.0
-         * @public
-         * @param {Event} originalEvent Returns original event that comes from user's **click** interaction
-         * @param {boolean} altKey Returns whether the "ALT" key was pressed when the event was triggered.
-         * @param {boolean} ctrlKey Returns whether the "CTRL" key was pressed when the event was triggered.
-         * @param {boolean} metaKey Returns whether the "META" key was pressed when the event was triggered.
-         * @param {boolean} shiftKey Returns whether the "SHIFT" key was pressed when the event was triggered.
-         */
-        ,
-        eventStrict.l("click", {
-            bubbles: true,
-            cancelable: true,
-        })
-        /**
-         * Fired whenever the active state of the component changes.
-         * @private
-         */
-        ,
-        eventStrict.l("active-state-change", {
-            bubbles: true,
-            cancelable: true,
-        })
-    ], Button);
-    Button.define();
-    var Button$1 = Button;
-
-    exports.Button = Button$1;
-    exports.ButtonBadgeDesign = ButtonBadgeDesign$1;
-    exports.ButtonDesign = ButtonDesign$1;
-
-}));
+sap.ui.define(["exports","sap/f/thirdparty/webcomponents","sap/f/thirdparty/event-strict","sap/f/thirdparty/parameters-bundle.css","sap/f/thirdparty/parameters-bundle.css2","sap/f/thirdparty/AccessibilityTextsHelper","sap/f/thirdparty/Icons","sap/f/thirdparty/Theme","sap/f/thirdparty/willShowContent","sap/f/thirdparty/toLowercaseEnumValue","sap/f/thirdparty/Icon","sap/f/thirdparty/BusyIndicator","sap/f/thirdparty/i18n-defaults2"],function(t,e,o,i,n,s,r,a,c,d,u,l,h){"use strict";let _;const p=()=>(_===void 0&&(_=a.b()),_);var b;(function(t){t["Default"]="Default";t["Positive"]="Positive";t["Negative"]="Negative";t["Transparent"]="Transparent";t["Emphasized"]="Emphasized";t["Attention"]="Attention"})(b||(b={}));var v=b;var f;(function(t){t["Button"]="Button";t["Submit"]="Submit";t["Reset"]="Reset"})(f||(f={}));var g=f;var y;(function(t){t["InlineText"]="InlineText";t["OverlayText"]="OverlayText";t["AttentionDot"]="AttentionDot"})(y||(y={}));var m=y;var B;(function(t){t["Button"]="Button";t["Link"]="Link"})(B||(B={}));var A=B;var x;(function(t){t["S"]="S";t["M"]="M";t["L"]="L"})(x||(x={}));var T=x;function k(t){return n.jsxs(n.Fragment,{children:[n.jsxs("button",{type:"button",class:{"ui5-button-root":true,"ui5-button-badge-placement-end":this.badge[0]?.design==="InlineText","ui5-button-badge-placement-end-top":this.badge[0]?.design==="OverlayText","ui5-button-badge-dot":this.badge[0]?.design==="AttentionDot"},disabled:this.disabled,"data-sap-focus-ref":true,"aria-pressed":t?.ariaPressed,"aria-valuemin":t?.ariaValueMin,"aria-valuemax":t?.ariaValueMax,"aria-valuenow":t?.ariaValueNow,"aria-valuetext":t?.ariaValueText,onFocusOut:this._onfocusout,onClick:this._onclick,onMouseDown:this._onmousedown,onKeyDown:this._onkeydown,onKeyUp:this._onkeyup,onTouchStart:this._ontouchstart,onTouchEnd:this._ontouchend,tabindex:this.tabIndexValue,"aria-expanded":this._computedAccessibilityAttributes?.expanded,"aria-controls":this._computedAccessibilityAttributes?.controls,"aria-haspopup":this._computedAccessibilityAttributes?.hasPopup,"aria-label":this._computedAccessibilityAttributes?.ariaLabel,"aria-keyshortcuts":this._computedAccessibilityAttributes?.ariaKeyShortcuts,"aria-description":this.ariaDescriptionText,"aria-busy":this.loading?"true":undefined,title:this.buttonTitle,part:"button",role:this.effectiveAccRole,children:[this.icon&&n.jsx(u.Icon,{class:"ui5-button-icon",name:this.icon,mode:"Decorative",part:"icon"}),n.jsx("span",{id:`${this._id}-content`,class:"ui5-button-text",children:n.jsx("bdi",{children:n.jsx("slot",{})})}),this.endIcon&&n.jsx(u.Icon,{class:"ui5-button-end-icon",name:this.endIcon,mode:"Decorative",part:"endIcon"}),this.shouldRenderBadge&&n.jsx("slot",{name:"badge"})]}),this.loading&&n.jsx(l.BusyIndicator,{id:`${this._id}-button-busy-indicator`,class:"ui5-button-busy-indicator",size:this.iconOnly?T.S:T.M,active:true,delay:this.loadingDelay,inert:this.loading})]})}a.f("@"+"ui5"+"/"+"webcomponents-theming","sap_horizon",async()=>n.defaultThemeBase);a.f("@"+"u"+"i"+"5"+"/"+"w"+"e"+"b"+"c"+"o"+"m"+"p"+"o"+"n"+"e"+"n"+"t"+"s","sap_horizon",async()=>i.defaultTheme,"host");var E=`:host{vertical-align:middle}.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:inline-block}:host{min-width:var(--_ui5_button_base_min_width);height:var(--_ui5_button_base_height);line-height:normal;font-family:var(--_ui5_button_fontFamily);font-size:var(--sapFontSize);text-shadow:var(--_ui5_button_text_shadow);border-radius:var(--_ui5_button_border_radius);cursor:pointer;background-color:var(--sapButton_Background);border:var(--sapButton_BorderWidth) solid var(--sapButton_BorderColor);color:var(--sapButton_TextColor);box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent}.ui5-button-root{min-width:inherit;cursor:inherit;height:100%;width:100%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;outline:none;padding:0 var(--_ui5_button_base_padding);position:relative;background:transparent;border:none;color:inherit;text-shadow:inherit;font:inherit;white-space:inherit;overflow:inherit;text-overflow:inherit;letter-spacing:inherit;word-spacing:inherit;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host(:not([hidden]):not([disabled]).ui5_hovered){background:var(--sapButton_Hover_Background);border:1px solid var(--sapButton_Hover_BorderColor);color:var(--sapButton_Hover_TextColor)}.ui5-button-icon,.ui5-button-end-icon{color:inherit;flex-shrink:0}.ui5-button-end-icon{margin-inline-start:var(--_ui5_button_base_icon_margin)}:host([icon-only]:not([has-end-icon])) .ui5-button-root{min-width:auto;padding:0}:host([icon-only]) .ui5-button-text{display:none}.ui5-button-text{outline:none;position:relative;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([has-icon]:not(:empty)) .ui5-button-text{margin-inline-start:var(--_ui5_button_base_icon_margin)}:host([has-end-icon]:not([has-icon]):empty) .ui5-button-end-icon{margin-inline-start:0}:host([disabled]){opacity:var(--sapContent_DisabledOpacity);pointer-events:unset;cursor:default}:host([has-icon]:not([icon-only]):not([has-end-icon])) .ui5-button-text{min-width:calc(var(--_ui5_button_base_min_width) - var(--_ui5_button_base_icon_margin) - 1rem)}:host([disabled]:active){pointer-events:none}:host([desktop]:not([loading])) .ui5-button-root:focus-within:after,:host(:not([active])) .ui5-button-root:focus-visible:after,:host([desktop][active][design="Emphasized"]) .ui5-button-root:focus-within:after,:host([active][design="Emphasized"]) .ui5-button-root:focus-visible:after,:host([desktop][active]) .ui5-button-root:focus-within:before,:host([active]) .ui5-button-root:focus-visible:before{content:"";position:absolute;box-sizing:border-box;pointer-events:none;inset:.0625rem;border:var(--_ui5_button_focused_border);border-radius:var(--_ui5_button_focused_border_radius)}:host([desktop][active]) .ui5-button-root:focus-within:before,:host([active]) .ui5-button-root:focus-visible:before{border-color:var(--_ui5_button_pressed_focused_border_color)}:host([design="Emphasized"][desktop]) .ui5-button-root:focus-within:after,:host([design="Emphasized"]) .ui5-button-root:focus-visible:after{border-color:var(--_ui5_button_emphasized_focused_border_color)}:host([design="Emphasized"][desktop]) .ui5-button-root:focus-within:before,:host([design="Emphasized"]) .ui5-button-root:focus-visible:before{content:"";position:absolute;box-sizing:border-box;inset:.0625rem;border:var(--_ui5_button_emphasized_focused_border_before);border-radius:var(--_ui5_button_focused_border_radius)}.ui5-button-root::-moz-focus-inner{border:0}bdi{display:block;white-space:inherit;overflow:inherit;text-overflow:inherit}:host([ui5-button][active]:not([disabled]):not([non-interactive])){background-image:none;background-color:var(--sapButton_Active_Background);border-color:var(--sapButton_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([design="Positive"]){background-color:var(--sapButton_Accept_Background);border-color:var(--sapButton_Accept_BorderColor);color:var(--sapButton_Accept_TextColor)}:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Positive"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Accept_Hover_Background);border-color:var(--sapButton_Accept_Hover_BorderColor);color:var(--sapButton_Accept_Hover_TextColor)}:host([ui5-button][design="Positive"][active]:not([non-interactive])){background-color:var(--sapButton_Accept_Active_Background);border-color:var(--sapButton_Accept_Active_BorderColor);color:var(--sapButton_Accept_Active_TextColor)}:host([design="Negative"]){background-color:var(--sapButton_Reject_Background);border-color:var(--sapButton_Reject_BorderColor);color:var(--sapButton_Reject_TextColor)}:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Negative"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Reject_Hover_Background);border-color:var(--sapButton_Reject_Hover_BorderColor);color:var(--sapButton_Reject_Hover_TextColor)}:host([ui5-button][design="Negative"][active]:not([non-interactive])){background-color:var(--sapButton_Reject_Active_Background);border-color:var(--sapButton_Reject_Active_BorderColor);color:var(--sapButton_Reject_Active_TextColor)}:host([design="Attention"]){background-color:var(--sapButton_Attention_Background);border-color:var(--sapButton_Attention_BorderColor);color:var(--sapButton_Attention_TextColor)}:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Attention"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Attention_Hover_Background);border-color:var(--sapButton_Attention_Hover_BorderColor);color:var(--sapButton_Attention_Hover_TextColor)}:host([ui5-button][design="Attention"][active]:not([non-interactive])){background-color:var(--sapButton_Attention_Active_Background);border-color:var(--sapButton_Attention_Active_BorderColor);color:var(--sapButton_Attention_Active_TextColor)}:host([design="Emphasized"]){background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor);border-width:var(--_ui5_button_emphasized_border_width);color:var(--sapButton_Emphasized_TextColor);font-family:var(--sapButton_Emphasized_FontFamily)}:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Emphasized_Hover_Background);border-color:var(--sapButton_Emphasized_Hover_BorderColor);border-width:var(--_ui5_button_emphasized_border_width);color:var(--sapButton_Emphasized_Hover_TextColor)}:host([ui5-button][design="Empasized"][active]:not([non-interactive])){background-color:var(--sapButton_Emphasized_Active_Background);border-color:var(--sapButton_Emphasized_Active_BorderColor);color:var(--sapButton_Emphasized_Active_TextColor)}:host([design="Emphasized"][desktop]) .ui5-button-root:focus-within:after,:host([design="Emphasized"]) .ui5-button-root:focus-visible:after{border-color:var(--_ui5_button_emphasized_focused_border_color);outline:none}:host([design="Emphasized"][desktop][active]:not([non-interactive])) .ui5-button-root:focus-within:after,:host([design="Emphasized"][active]:not([non-interactive])) .ui5-button-root:focus-visible:after{border-color:var(--_ui5_button_emphasized_focused_active_border_color)}:host([design="Transparent"]){background-color:var(--sapButton_Lite_Background);color:var(--sapButton_Lite_TextColor);border-color:var(--sapButton_Lite_BorderColor)}:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Transparent"]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:var(--sapButton_Lite_Hover_Background);border-color:var(--sapButton_Lite_Hover_BorderColor);color:var(--sapButton_Lite_Hover_TextColor)}:host([ui5-button][design="Transparent"][active]:not([non-interactive])){background-color:var(--sapButton_Lite_Active_Background);border-color:var(--sapButton_Lite_Active_BorderColor);color:var(--sapButton_Active_TextColor)}:host([ui5-segmented-button-item][active][desktop]) .ui5-button-root:focus-within:after,:host([ui5-segmented-button-item][active]) .ui5-button-root:focus-visible:after,:host([pressed][desktop]) .ui5-button-root:focus-within:after,:host([pressed]) .ui5-button-root:focus-visible:after{border-color:var(--_ui5_button_pressed_focused_border_color);outline:none}:host([ui5-segmented-button-item][desktop]:not(:last-child)) .ui5-button-root:focus-within:after,:host([ui5-segmented-button-item]:not(:last-child)) .ui5-button-root:focus-visible:after{border-top-right-radius:var(--_ui5_button_focused_inner_border_radius);border-bottom-right-radius:var(--_ui5_button_focused_inner_border_radius)}:host([ui5-segmented-button-item][desktop]:not(:first-child)) .ui5-button-root:focus-within:after,:host([ui5-segmented-button-item]:not(:first-child)) .ui5-button-root:focus-visible:after{border-top-left-radius:var(--_ui5_button_focused_inner_border_radius);border-bottom-left-radius:var(--_ui5_button_focused_inner_border_radius)}::slotted([slot="badge"][design="InlineText"]){pointer-events:initial;font-family:var(--sapButton_FontFamily);font-size:var(--sapFontSmallSize);padding-inline-start:.25rem;--_ui5-tag-height: .625rem}::slotted([slot="badge"][design="OverlayText"]){pointer-events:initial;position:absolute;top:0;inset-inline-end:0;margin:-.5rem;z-index:1;font-family:var(--sapButton_FontFamily);font-size:var(--sapFontSmallSize);--_ui5-tag-height: .625rem}::slotted([slot="badge"][design="AttentionDot"]){pointer-events:initial;content:"";position:absolute;top:0;inset-inline-end:0;margin:-.25rem;z-index:1}:host(:state(has-overlay-badge)){overflow:visible;margin-inline-end:.3125rem}:host([loading]){position:relative;pointer-events:unset}:host([loading]) .ui5-button-root{opacity:var(--sapContent_DisabledOpacity)}:host([loading][design="Emphasized"]){background-color:inherit;border:inherit}:host([design="Emphasized"][loading]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover),:host([design="Emphasized"][loading]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered){background-color:inherit;border:inherit}:host([design="Emphasized"][loading]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]):hover) .ui5-button-root,:host([design="Emphasized"][loading]:not([active]):not([non-interactive]):not([_is-touch]):not([disabled]).ui5_hovered) .ui5-button-root{background-color:var(--sapButton_Emphasized_Hover_Background)}:host([loading][design="Emphasized"]) .ui5-button-root{background-color:var(--sapButton_Emphasized_Background);border-color:var(--sapButton_Emphasized_BorderColor)}.ui5-button-busy-indicator{position:absolute;height:100%;width:100%;top:0}:host([has-end-icon]:not([icon])) .ui5-button-root{justify-content:flex-start}:host([icon-only]) .ui5-button-root{justify-content:center}:host([has-end-icon]:not([icon]):not(:empty)) .ui5-button-end-icon{padding-inline-start:var(--_ui5_button_base_icon_margin);margin-inline-start:auto}\n`;var w=this&&this.__decorate||function(t,e,o,i){var n=arguments.length,s=n<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,o):i,r;if(typeof Reflect==="object"&&typeof Reflect.decorate==="function")s=Reflect.decorate(t,e,o,i);else for(var a=t.length-1;a>=0;a--)if(r=t[a])s=(n<3?r(s):n>3?r(e,o,s):r(e,o))||s;return n>3&&s&&Object.defineProperty(e,o,s),s};var z;let I=false;let C=null;let D=z=class t extends e.S{constructor(){super();this.design="Default";this.disabled=false;this.submits=false;this.accessibilityAttributes={};this.type="Button";this.accessibleRole="Button";this.active=false;this.iconOnly=false;this.hasIcon=false;this.hasEndIcon=false;this.nonInteractive=false;this.loading=false;this.loadingDelay=1e3;this._iconSettings={};this.forcedTabIndex="0";this._isTouch=false;this._cancelAction=false;this._isSpacePressed=false;this._clickHandlerAttached=false;this._deactivate=()=>{if(C){C._setActiveState(false)}};this._onclickBound=t=>{if(t instanceof CustomEvent){return}this._onclick(t)};if(!this._clickHandlerAttached){this.addEventListener("click",this._onclickBound);this._clickHandlerAttached=true}if(!I){document.addEventListener("mouseup",this._deactivate);I=true}}_ontouchstart(){if(this.nonInteractive){return}this._setActiveState(true)}onEnterDOM(){if(a.f$1()){this.setAttribute("desktop","")}if(!this._clickHandlerAttached){this.addEventListener("click",this._onclickBound);this._clickHandlerAttached=true}}onExitDOM(){if(this._clickHandlerAttached){this.removeEventListener("click",this._onclickBound);this._clickHandlerAttached=false}if(C===this){C=null}}async onBeforeRendering(){this._setBadgeOverlayStyle();this.hasIcon=!!this.icon;this.hasEndIcon=!!this.endIcon;this.iconOnly=this.isIconOnly;const t=await this.getDefaultTooltip();this.buttonTitle=this.iconOnly?this.tooltip??t:this.tooltip}_setBadgeOverlayStyle(){const t=this.badge.length&&(this.badge[0].design===m.AttentionDot||this.badge[0].design===m.OverlayText);if(t){this._internals.states.add("has-overlay-badge")}else{this._internals.states.delete("has-overlay-badge")}}_onclick(t){t.stopImmediatePropagation();if(this.nonInteractive){return}if(this.loading){t.preventDefault();return}const{altKey:o,ctrlKey:i,metaKey:n,shiftKey:s}=t;const r=!this.fireDecoratorEvent("click",{originalEvent:t,altKey:o,ctrlKey:i,metaKey:n,shiftKey:s});if(r){t.preventDefault();return}if(this._isSubmit){e.m$1(this)}if(this._isReset){e.a(this)}if(a.h()){this.getDomRef()?.focus()}}_onmousedown(){if(this.nonInteractive){return}this._setActiveState(true);C=this}_ontouchend(t){if(this.disabled||this.loading){t.preventDefault();t.stopPropagation()}if(this.active){this._setActiveState(false)}if(C){C._setActiveState(false)}}_onkeydown(t){if(e.Ko(t)||e.m$2(t)){this._cancelAction=true}else if(e.A(t)){this._isSpacePressed=true}if(e.A(t)||e.b(t)){this._setActiveState(true)}else if(this._cancelAction){this._setActiveState(false)}}_onkeyup(t){const o=e.A(t);const i=e.Ko(t)||e.m$2(t);if(o||e.K(t)){if(this._cancelAction){this._cancelAction=false;this._isSpacePressed=false;t.preventDefault();return}this._isSpacePressed=false}else if(i&&!this._isSpacePressed){this._cancelAction=false}if(e.A(t)||e.b(t)){if(this.active){this._setActiveState(false)}}}_onfocusout(){if(this.nonInteractive){return}this._isSpacePressed=false;this._cancelAction=false;if(this.active){this._setActiveState(false)}}_setActiveState(t){const e=!this.fireDecoratorEvent("active-state-change");if(e||this.loading){return}this.active=t}get hasButtonType(){return this.design!==v.Default&&this.design!==v.Transparent}get isIconOnly(){return!c.t(this.text)}static typeTextMappings(){return{Positive:h.BUTTON_ARIA_TYPE_ACCEPT,Negative:h.BUTTON_ARIA_TYPE_REJECT,Emphasized:h.BUTTON_ARIA_TYPE_EMPHASIZED,Attention:h.BUTTON_ARIA_TYPE_ATTENTION}}getDefaultTooltip(){if(!p()){return}return r.A(this.icon)}get buttonTypeText(){return z.i18nBundle.getText(z.typeTextMappings()[this.design])}get effectiveAccRole(){return d.n(this.accessibleRole)}get tabIndexValue(){if(this.disabled){return}const t=this.getAttribute("tabindex");if(t){return Number.parseInt(t)}return this.nonInteractive?-1:Number.parseInt(this.forcedTabIndex)}get ariaLabelText(){const t=s.A(this)||"";const e=this.textContent||"";const o=this.effectiveBadgeDescriptionText||"";const i=t||e;const n=[i,o].filter(t=>t);return n.join(" ")}get ariaDescriptionText(){const t=this.accessibleDescription===""?undefined:this.accessibleDescription;const e=this.hasButtonType?this.buttonTypeText:"";const o=[t,e].filter(t=>t);return o.length>0?o.join(" "):undefined}get _computedAccessibilityAttributes(){return{expanded:this.accessibilityAttributes.expanded,hasPopup:this.accessibilityAttributes.hasPopup,controls:this.accessibilityAttributes.controls,ariaKeyShortcuts:this.accessibilityAttributes.ariaKeyShortcuts,ariaLabel:this.accessibilityAttributes.ariaLabel||this.ariaLabelText}}get accessibilityInfo(){return{description:this.ariaDescriptionText,role:this.effectiveAccRole,disabled:this.disabled,children:this.text,type:this.effectiveAccRoleTranslation}}get effectiveAccRoleTranslation(){if(this.accessibleRole===A.Button){return z.i18nBundle.getText(h.BUTTON_ROLE_DESCRIPTION)}if(this.accessibleRole===A.Link){return z.i18nBundle.getText(h.LINK_ROLE_DESCRIPTION)}return""}get effectiveBadgeDescriptionText(){if(!this.shouldRenderBadge){return""}const t=this.badge[0].effectiveText;switch(t){case"":return t;case"1":return z.i18nBundle.getText(h.BUTTON_BADGE_ONE_ITEM,t);default:return z.i18nBundle.getText(h.BUTTON_BADGE_MANY_ITEMS,t)}}get _isSubmit(){return this.type===g.Submit||this.submits}get _isReset(){return this.type===g.Reset}get shouldRenderBadge(){return!!this.badge.length&&(!!this.badge[0].text.length||this.badge[0].design===m.AttentionDot)}};w([e.s()],D.prototype,"design",void 0);w([e.s({type:Boolean})],D.prototype,"disabled",void 0);w([e.s()],D.prototype,"icon",void 0);w([e.s()],D.prototype,"endIcon",void 0);w([e.s({type:Boolean})],D.prototype,"submits",void 0);w([e.s()],D.prototype,"tooltip",void 0);w([e.s()],D.prototype,"accessibleName",void 0);w([e.s()],D.prototype,"accessibleNameRef",void 0);w([e.s({type:Object})],D.prototype,"accessibilityAttributes",void 0);w([e.s()],D.prototype,"accessibleDescription",void 0);w([e.s()],D.prototype,"type",void 0);w([e.s()],D.prototype,"accessibleRole",void 0);w([e.s({type:Boolean})],D.prototype,"active",void 0);w([e.s({type:Boolean})],D.prototype,"iconOnly",void 0);w([e.s({type:Boolean})],D.prototype,"hasIcon",void 0);w([e.s({type:Boolean})],D.prototype,"hasEndIcon",void 0);w([e.s({type:Boolean})],D.prototype,"nonInteractive",void 0);w([e.s({type:Boolean})],D.prototype,"loading",void 0);w([e.s({type:Number})],D.prototype,"loadingDelay",void 0);w([e.s({noAttribute:true})],D.prototype,"buttonTitle",void 0);w([e.s({type:Object})],D.prototype,"_iconSettings",void 0);w([e.s({noAttribute:true})],D.prototype,"forcedTabIndex",void 0);w([e.s({type:Boolean})],D.prototype,"_isTouch",void 0);w([e.s({type:Boolean,noAttribute:true})],D.prototype,"_cancelAction",void 0);w([e.s({type:Boolean,noAttribute:true})],D.prototype,"_isSpacePressed",void 0);w([e.d({type:Node,default:true})],D.prototype,"text",void 0);w([e.d({type:HTMLElement,invalidateOnChildChange:true})],D.prototype,"badge",void 0);w([i.i("@ui5/webcomponents")],D,"i18nBundle",void 0);D=z=w([e.m({tag:"ui5-button",formAssociated:true,languageAware:true,renderer:n.y,template:k,styles:E,shadowRootOptions:{delegatesFocus:true}}),o.l("click",{bubbles:true,cancelable:true}),o.l("active-state-change",{bubbles:true,cancelable:true})],D);D.define();var S=D;t.Button=S;t.ButtonBadgeDesign=m;t.ButtonDesign=v});
+//# sourceMappingURL=Button2.js.map