@ui5/webcomponents 0.0.0-d9933bd82 → 0.0.0-d9b978d1d

package/dist/SplitButton.d.ts

@@ -0,0 +1,266 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
+import ButtonDesign from "./types/ButtonDesign.js";
+import Button from "./Button.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * <code>ui5-split-button</code> enables users to trigger actions. It is constructed of two separate actions -
+ * default action and arrow action that can be activated by clicking or tapping, or by
+ * pressing certain keyboard keys - <code>Space</code> or <code>Enter</code> for default action,
+ * and <code>Arrow Down</code> or <code>Arrow Up</code> for arrow action.
+ *
+ * <h3>Usage</h3>
+ *
+ * <code>ui5-split-button</code> consists two separate buttons:
+ * <ul>
+ * <li>for the first one (default action) you can define some <code>text</code> or an <code>icon</code>, or both.
+ * Also, it is possible to define different icon for active state of this button - <code>activeIcon</code>.</li>
+ * <li>the second one (arrow action) contains only <code>slim-arrow-down</code> icon.</li>
+ * </ul>
+ * You can choose a <code>design</code> from a set of predefined types (the same as for ui5-button) that offer
+ * different styling to correspond to the triggered action. Both text and arrow actions have the same design.
+ * <br><br>
+ * You can set the <code>ui5-split-button</code> as enabled or disabled. Both parts of an enabled
+ * <code>ui5-split-button</code> can be pressed by clicking or tapping it, or by certain keys, which changes
+ * the style to provide visual feedback to the user that it is pressed or hovered over with
+ * the mouse cursor. A disabled <code>ui5-split-button</code> appears inactive and any of the two buttons
+ * cannot be pressed.
+ *
+ * <h3>Keyboard Handling</h3>
+ * <ul>
+ * <li><code>Space</code> or <code>Enter</code> - triggers the default action</li>
+ * <li><code>Shift</code> or <code>Escape</code> - if <code>Space</code> is pressed, releases the default action button without triggering the click event.</li>
+ * <li><code>Arrow Down</code>, <code>Arrow Up</code>, <code>Alt</code>+<code>Arrow Down</code>, <code>Alt</code>+<code>Arrow Up</code>, or <code>F4</code> - triggers the arrow action</li>
+ * There are separate events that are fired on activating of <code>ui5-split-button</code> parts:
+ * <ul>
+ * <li><code>click</code> for the first button (default action)</li>
+ * <li><code>arrow-click</code> for the second button (arrow action)</li>
+ * </ul>
+ * </ul>
+ *
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@ui5/webcomponents/dist/SplitButton.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.SplitButton
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-split-button
+ * @public
+ * @since 1.1.0
+ */
+declare class SplitButton extends UI5Element {
+    /**
+     * Defines the icon to be displayed as graphical element within the component.
+     * The SAP-icons font provides numerous options.
+     * <br><br>
+     * Example:
+     *
+     * See all the available icons in the <ui5-link target="_blank" href="https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html">Icon Explorer</ui5-link>.
+     *
+     * @type {string}
+     * @name sap.ui.webc.main.SplitButton.prototype.icon
+     * @defaultvalue ""
+     * @public
+     */
+    icon: string;
+    /**
+     * Defines the icon to be displayed in active state as graphical element within the component.
+     *
+     * @type {string}
+     * @name sap.ui.webc.main.SplitButton.prototype.activeIcon
+     * @defaultvalue ""
+     * @public
+     */
+    activeIcon: string;
+    /**
+     * Defines whether the arrow button should have the active state styles or not.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.main.SplitButton.prototype.activeArrowButton
+     * @defaultvalue false
+     * @public
+     * @since 1.21.0
+     */
+    activeArrowButton: boolean;
+    /**
+     * Defines the component design.
+     *
+     * @type {sap.ui.webc.main.types.ButtonDesign}
+     * @name sap.ui.webc.main.SplitButton.prototype.design
+     * @defaultvalue "Default"
+     * @public
+     */
+    design: `${ButtonDesign}`;
+    /**
+     * Defines whether the component is disabled.
+     * A disabled component can't be pressed or
+     * focused, and it is not in the tab chain.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.main.SplitButton.prototype.disabled
+     * @defaultvalue false
+     * @public
+     */
+    disabled: boolean;
+    /**
+     * Defines the accessible ARIA name of the component.
+     *
+     * @type {string}
+     * @name sap.ui.webc.main.SplitButton.prototype.accessibleName
+     * @defaultvalue: ""
+     * @public
+     */
+    accessibleName?: string;
+    /**
+     * Indicates if the elements is on focus
+     * @type {boolean}
+     * @defaultvalue false
+     * @private
+     */
+    focused: boolean;
+    /**
+     * Accessibility-related properties for inner elements of the Split Button
+     *
+     * @type {object}
+     * @private
+     */
+    _splitButtonAccInfo: Record<string, boolean>;
+    /**
+     * Defines the tabIndex of the component.
+     * @type {string}
+     * @defaultvalue ""
+     * @private
+     */
+    _tabIndex: string;
+    /**
+     * Indicates if there is Space key pressed
+     * @type {boolean}
+     * @defaultvalue false
+     * @private
+     */
+    _spacePressed: boolean;
+    /**
+     * Indicates if there is SHIFT or ESCAPE key pressed
+     * @type {boolean}
+     * @defaultvalue false
+     * @private
+     */
+    _shiftOrEscapePressed: boolean;
+    /**
+     * Defines the active state of the text button
+     * @type {boolean}
+     * @defaultvalue false
+     * @private
+     */
+    _textButtonActive: boolean;
+    /**
+     * Defines the icon of the text button
+     * @type {string}
+     * @defaultvalue ""
+     * @private
+     */
+    _textButtonIcon: string;
+    /**
+     * Defines the state of the internal Button used for the Arrow button of the SplitButton.
+     *
+     * @type {boolean}
+     * @defaultvalue false
+     * @private
+     */
+    _activeArrowButton: boolean;
+    /**
+     * Defines the text of the component.
+     * <br><br>
+     * <b>Note:</b> Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     *
+     * @type {Node[]}
+     * @name sap.ui.webc.main.SplitButton.prototype.default
+     * @slot
+     * @public
+     */
+    text: Array<Node>;
+    _textButtonPress: {
+        handleEvent: () => void;
+        passive: boolean;
+    };
+    _isDefaultActionPressed: boolean;
+    _isKeyDownOperation: boolean;
+    static i18nBundle: I18nBundle;
+    static onDefine(): Promise<void>;
+    constructor();
+    /**
+     * Function that makes sure the focus is properly managed.
+     * @private
+     */
+    _manageFocus(button?: Button | SplitButton): void;
+    onBeforeRendering(): void;
+    _handleMouseClick(e: MouseEvent): void;
+    _onFocusOut(e: FocusEvent): void;
+    _onFocusIn(e: FocusEvent): void;
+    _textButtonFocusIn(e?: FocusEvent): void;
+    _onKeyDown(e: KeyboardEvent): void;
+    _onKeyUp(e: KeyboardEvent): void;
+    _fireClick(e?: Event): void;
+    _fireArrowClick(e?: Event): void;
+    _textButtonRelease(): void;
+    _arrowButtonPress(e: MouseEvent): void;
+    _arrowButtonRelease(e: MouseEvent): void;
+    _setTabIndexValue(): void;
+    _onArrowButtonActiveStateChange(e: CustomEvent): void;
+    /**
+     * Checks if the pressed key is an arrow key.
+     *
+     * @param {KeyboardEvent} e - keyboard event
+     * @returns {boolean}
+     * @private
+     */
+    _isArrowKeyAction(e: KeyboardEvent): boolean;
+    /**
+     * Checks if the pressed key is a default action key (Space or Enter).
+     *
+     * @param {KeyboardEvent} e - keyboard event
+     * @returns {boolean}
+     * @private
+     */
+    _isDefaultAction(e: KeyboardEvent): boolean;
+    /**
+     * Checks if the pressed key is an escape key or shift key.
+     *
+     * @param {KeyboardEvent} e - keyboard event
+     * @returns {boolean}
+     * @private
+     */
+    _isShiftOrEscape(e: KeyboardEvent): boolean;
+    /**
+     * Handles the click event and the focus on the arrow button.
+     * @param {KeyboardEvent} e - keyboard event
+     * @private
+     */
+    _handleArrowButtonAction(e: KeyboardEvent | MouseEvent): void;
+    /**
+     * Handles the default action and the active state of the respective button.
+     * @param {KeyboardEvent} e - keyboard event
+     * @private
+     */
+    _handleDefaultAction(e: KeyboardEvent): void;
+    _handleShiftOrEscapePressed(): void;
+    get effectiveActiveArrowButton(): boolean;
+    get textButtonAccText(): string | null;
+    get isTextButton(): boolean;
+    get textButton(): Button | null | undefined;
+    get arrowButton(): Button | null | undefined;
+    get accessibilityInfo(): {
+        ariaExpanded: boolean;
+        ariaHaspopup: boolean;
+        description: string;
+        keyboardHint: string;
+    };
+    get ariaLabelText(): string;
+}
+export default SplitButton;

package/dist/SplitButton.js

@@ -0,0 +1,384 @@
+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 SplitButton_1;
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import { isEscape, isSpace, isEnter, isDown, isUp, isDownAlt, isUpAlt, isF4, isShift, isTabNext, isTabPrevious, } from "@ui5/webcomponents-base/dist/Keys.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import { getEventMark } from "@ui5/webcomponents-base/dist/MarkedEvents.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
+import ButtonDesign from "./types/ButtonDesign.js";
+import Button from "./Button.js";
+import { SPLIT_BUTTON_DESCRIPTION, SPLIT_BUTTON_KEYBOARD_HINT, } from "./generated/i18n/i18n-defaults.js";
+// Template
+import SplitButtonTemplate from "./generated/templates/SplitButtonTemplate.lit.js";
+// Styles
+import SplitButtonCss from "./generated/themes/SplitButton.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ * <code>ui5-split-button</code> enables users to trigger actions. It is constructed of two separate actions -
+ * default action and arrow action that can be activated by clicking or tapping, or by
+ * pressing certain keyboard keys - <code>Space</code> or <code>Enter</code> for default action,
+ * and <code>Arrow Down</code> or <code>Arrow Up</code> for arrow action.
+ *
+ * <h3>Usage</h3>
+ *
+ * <code>ui5-split-button</code> consists two separate buttons:
+ * <ul>
+ * <li>for the first one (default action) you can define some <code>text</code> or an <code>icon</code>, or both.
+ * Also, it is possible to define different icon for active state of this button - <code>activeIcon</code>.</li>
+ * <li>the second one (arrow action) contains only <code>slim-arrow-down</code> icon.</li>
+ * </ul>
+ * You can choose a <code>design</code> from a set of predefined types (the same as for ui5-button) that offer
+ * different styling to correspond to the triggered action. Both text and arrow actions have the same design.
+ * <br><br>
+ * You can set the <code>ui5-split-button</code> as enabled or disabled. Both parts of an enabled
+ * <code>ui5-split-button</code> can be pressed by clicking or tapping it, or by certain keys, which changes
+ * the style to provide visual feedback to the user that it is pressed or hovered over with
+ * the mouse cursor. A disabled <code>ui5-split-button</code> appears inactive and any of the two buttons
+ * cannot be pressed.
+ *
+ * <h3>Keyboard Handling</h3>
+ * <ul>
+ * <li><code>Space</code> or <code>Enter</code> - triggers the default action</li>
+ * <li><code>Shift</code> or <code>Escape</code> - if <code>Space</code> is pressed, releases the default action button without triggering the click event.</li>
+ * <li><code>Arrow Down</code>, <code>Arrow Up</code>, <code>Alt</code>+<code>Arrow Down</code>, <code>Alt</code>+<code>Arrow Up</code>, or <code>F4</code> - triggers the arrow action</li>
+ * There are separate events that are fired on activating of <code>ui5-split-button</code> parts:
+ * <ul>
+ * <li><code>click</code> for the first button (default action)</li>
+ * <li><code>arrow-click</code> for the second button (arrow action)</li>
+ * </ul>
+ * </ul>
+ *
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@ui5/webcomponents/dist/SplitButton.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.main.SplitButton
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname ui5-split-button
+ * @public
+ * @since 1.1.0
+ */
+let SplitButton = SplitButton_1 = class SplitButton extends UI5Element {
+    static async onDefine() {
+        SplitButton_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+    }
+    constructor() {
+        super();
+        this._isDefaultActionPressed = false;
+        this._isKeyDownOperation = false;
+        const handleTouchStartEvent = () => {
+            this._textButtonActive = true;
+            this.focused = false;
+            this._tabIndex = "-1";
+        };
+        this._textButtonPress = {
+            handleEvent: handleTouchStartEvent,
+            passive: true,
+        };
+    }
+    /**
+     * Function that makes sure the focus is properly managed.
+     * @private
+     */
+    _manageFocus(button) {
+        const buttons = [this.textButton, this.arrowButton, this];
+        buttons.forEach(btn => {
+            btn.focused = btn === button;
+        });
+    }
+    onBeforeRendering() {
+        this._textButtonIcon = this.textButton && this.activeIcon !== "" && (this._textButtonActive) && !this._shiftOrEscapePressed ? this.activeIcon : this.icon;
+        if (this.disabled) {
+            this._tabIndex = "-1";
+        }
+    }
+    _handleMouseClick(e) {
+        const target = e.target;
+        this._manageFocus(target);
+        this._fireClick(e);
+    }
+    _onFocusOut(e) {
+        if (this.disabled || getEventMark(e)) {
+            return;
+        }
+        this._shiftOrEscapePressed = false;
+        this._setTabIndexValue();
+        this._manageFocus();
+    }
+    _onFocusIn(e) {
+        if (this.disabled || getEventMark(e)) {
+            return;
+        }
+        this._shiftOrEscapePressed = false;
+        this._manageFocus(this);
+    }
+    _textButtonFocusIn(e) {
+        e?.stopPropagation();
+        this._manageFocus(this.textButton);
+        this._setTabIndexValue();
+    }
+    _onKeyDown(e) {
+        this._isKeyDownOperation = true;
+        if (this._isArrowKeyAction(e)) {
+            this._handleArrowButtonAction(e);
+            this._activeArrowButton = true;
+        }
+        else if (this._isDefaultAction(e)) {
+            this._handleDefaultAction(e);
+            this._isDefaultActionPressed = true;
+        }
+        if (this._spacePressed && this._isShiftOrEscape(e)) {
+            this._handleShiftOrEscapePressed();
+        }
+        // Handles button freeze issue when pressing Enter/Space and navigating with Tab/Shift+Tab simultaneously.
+        if (this._isDefaultActionPressed && (isTabNext(e) || isTabPrevious(e))) {
+            this._activeArrowButton = false;
+            this._textButtonActive = false;
+        }
+        this._tabIndex = "-1";
+    }
+    _onKeyUp(e) {
+        this._isKeyDownOperation = false;
+        if (this._isArrowKeyAction(e)) {
+            e.preventDefault();
+            this._activeArrowButton = false;
+            this._textButtonActive = false;
+        }
+        else if (this._isDefaultAction(e)) {
+            this._isDefaultActionPressed = false;
+            this._textButtonActive = false;
+            if (isSpace(e)) {
+                e.preventDefault();
+                e.stopPropagation();
+                this._fireClick();
+                this._spacePressed = false;
+                this._textButtonActive = false;
+            }
+        }
+        if (this._isShiftOrEscape(e)) {
+            this._handleShiftOrEscapePressed();
+        }
+        this._tabIndex = "-1";
+    }
+    _fireClick(e) {
+        e?.stopPropagation();
+        if (!this._shiftOrEscapePressed) {
+            this.fireEvent("click");
+        }
+        this._shiftOrEscapePressed = false;
+    }
+    _fireArrowClick(e) {
+        e?.stopPropagation();
+        this.fireEvent("arrow-click");
+    }
+    _textButtonRelease() {
+        this._textButtonActive = false;
+        this._textButtonIcon = this.textButton && this.activeIcon !== "" && (this._textButtonActive) && !this._shiftOrEscapePressed ? this.activeIcon : this.icon;
+        this._tabIndex = "-1";
+    }
+    _arrowButtonPress(e) {
+        e.preventDefault();
+        this.arrowButton.focus();
+        this._tabIndex = "-1";
+    }
+    _arrowButtonRelease(e) {
+        e.preventDefault();
+        this._tabIndex = "-1";
+    }
+    _setTabIndexValue() {
+        this._tabIndex = this.disabled ? "-1" : "0";
+        if (this._tabIndex === "-1" && (this.textButton?.focused || this.arrowButton?.focused)) {
+            this._tabIndex = "0";
+        }
+    }
+    _onArrowButtonActiveStateChange(e) {
+        if (this.activeArrowButton) {
+            e.preventDefault();
+        }
+    }
+    /**
+     * Checks if the pressed key is an arrow key.
+     *
+     * @param {KeyboardEvent} e - keyboard event
+     * @returns {boolean}
+     * @private
+     */
+    _isArrowKeyAction(e) {
+        return isDown(e) || isUp(e) || isDownAlt(e) || isUpAlt(e) || isF4(e);
+    }
+    /**
+     * Checks if the pressed key is a default action key (Space or Enter).
+     *
+     * @param {KeyboardEvent} e - keyboard event
+     * @returns {boolean}
+     * @private
+     */
+    _isDefaultAction(e) {
+        return isSpace(e) || isEnter(e);
+    }
+    /**
+     * Checks if the pressed key is an escape key or shift key.
+     *
+     * @param {KeyboardEvent} e - keyboard event
+     * @returns {boolean}
+     * @private
+     */
+    _isShiftOrEscape(e) {
+        return isEscape(e) || isShift(e);
+    }
+    /**
+     * Handles the click event and the focus on the arrow button.
+     * @param {KeyboardEvent} e - keyboard event
+     * @private
+     */
+    _handleArrowButtonAction(e) {
+        e.preventDefault();
+        this._fireArrowClick(e);
+        if (isSpace(e)) {
+            this._spacePressed = true;
+        }
+    }
+    /**
+     * Handles the default action and the active state of the respective button.
+     * @param {KeyboardEvent} e - keyboard event
+     * @private
+     */
+    _handleDefaultAction(e) {
+        e.preventDefault();
+        const wasSpacePressed = isSpace(e);
+        if (this.focused || this.textButton?.focused) {
+            this._textButtonActive = true;
+            this._fireClick();
+            if (wasSpacePressed) {
+                this._spacePressed = true;
+            }
+        }
+        else if (this.arrowButton && this.arrowButton.focused) {
+            this._activeArrowButton = true;
+            this._fireArrowClick();
+            if (wasSpacePressed) {
+                this._spacePressed = true;
+                this._textButtonActive = false;
+            }
+        }
+    }
+    _handleShiftOrEscapePressed() {
+        this._shiftOrEscapePressed = true;
+        this._textButtonActive = false;
+        this._isKeyDownOperation = false;
+    }
+    get effectiveActiveArrowButton() {
+        return this.activeArrowButton || this._activeArrowButton;
+    }
+    get textButtonAccText() {
+        return this.textContent;
+    }
+    get isTextButton() {
+        return !!this.textContent;
+    }
+    get textButton() {
+        return this.getDomRef()?.querySelector(".ui5-split-text-button");
+    }
+    get arrowButton() {
+        return this.getDomRef()?.querySelector(".ui5-split-arrow-button");
+    }
+    get accessibilityInfo() {
+        return {
+            // affects arrow button
+            ariaExpanded: this._splitButtonAccInfo && this._splitButtonAccInfo.ariaExpanded,
+            ariaHaspopup: this._splitButtonAccInfo && this._splitButtonAccInfo.ariaHaspopup,
+            // affects root element
+            description: SplitButton_1.i18nBundle.getText(SPLIT_BUTTON_DESCRIPTION),
+            keyboardHint: SplitButton_1.i18nBundle.getText(SPLIT_BUTTON_KEYBOARD_HINT),
+        };
+    }
+    get ariaLabelText() {
+        return [SplitButton_1.i18nBundle.getText(SPLIT_BUTTON_DESCRIPTION), SplitButton_1.i18nBundle.getText(SPLIT_BUTTON_KEYBOARD_HINT)].join(" ");
+    }
+};
+__decorate([
+    property()
+], SplitButton.prototype, "icon", void 0);
+__decorate([
+    property()
+], SplitButton.prototype, "activeIcon", void 0);
+__decorate([
+    property({ type: Boolean })
+], SplitButton.prototype, "activeArrowButton", void 0);
+__decorate([
+    property({ type: ButtonDesign, defaultValue: ButtonDesign.Default })
+], SplitButton.prototype, "design", void 0);
+__decorate([
+    property({ type: Boolean })
+], SplitButton.prototype, "disabled", void 0);
+__decorate([
+    property({ defaultValue: undefined })
+], SplitButton.prototype, "accessibleName", void 0);
+__decorate([
+    property({ type: Boolean })
+], SplitButton.prototype, "focused", void 0);
+__decorate([
+    property({ type: Object })
+], SplitButton.prototype, "_splitButtonAccInfo", void 0);
+__decorate([
+    property({ defaultValue: "0", noAttribute: true })
+], SplitButton.prototype, "_tabIndex", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], SplitButton.prototype, "_spacePressed", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], SplitButton.prototype, "_shiftOrEscapePressed", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], SplitButton.prototype, "_textButtonActive", void 0);
+__decorate([
+    property({ noAttribute: true })
+], SplitButton.prototype, "_textButtonIcon", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], SplitButton.prototype, "_activeArrowButton", void 0);
+__decorate([
+    slot({ type: Node, "default": true })
+], SplitButton.prototype, "text", void 0);
+SplitButton = SplitButton_1 = __decorate([
+    customElement({
+        tag: "ui5-split-button",
+        renderer: litRender,
+        styles: SplitButtonCss,
+        template: SplitButtonTemplate,
+        dependencies: [Button],
+    })
+    /**
+     * Fired when the user clicks on the default action.
+     * @event sap.ui.webc.main.SplitButton#click
+     * @public
+     */
+    ,
+    event("click")
+    /**
+     * Fired when the user clicks on the arrow action.
+     * @event sap.ui.webc.main.SplitButton#arrow-click
+     * @public
+     */
+    ,
+    event("arrow-click")
+], SplitButton);
+SplitButton.define();
+export default SplitButton;
+//# sourceMappingURL=SplitButton.js.map