@ui5/webcomponents 0.0.0-d9933bd82 → 0.0.0-da0d3eb88

package/dist/SpecialCalendarDate.js

@@ -0,0 +1,34 @@
+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;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import CalendarDate from "./CalendarDate.js";
+import CalendarLegendItemType from "./types/CalendarLegendItemType.js";
+/**
+ * @class
+ *
+ * ### Overview
+ *
+ * The `ui5-special-date` component defines a special calendar date to be used inside `ui5-calendar`,
+ * which is visually distinguished from the rest of the dates.
+ * @constructor
+ * @extends CalendarDate
+ * @abstract
+ * @public
+ * @since 1.23.0
+ */
+let SpecialCalendarDate = class SpecialCalendarDate extends CalendarDate {
+};
+__decorate([
+    property({ type: CalendarLegendItemType, defaultValue: CalendarLegendItemType.None })
+], SpecialCalendarDate.prototype, "type", void 0);
+SpecialCalendarDate = __decorate([
+    customElement("ui5-special-date")
+], SpecialCalendarDate);
+SpecialCalendarDate.define();
+export default SpecialCalendarDate;
+//# sourceMappingURL=SpecialCalendarDate.js.map

package/dist/SpecialCalendarDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpecialCalendarDate.js","sourceRoot":"","sources":["../src/SpecialCalendarDate.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,sBAAsB,MAAM,mCAAmC,CAAC;AAEvE;;;;;;;;;;;;GAYG;AAEH,IAAM,mBAAmB,GAAzB,MAAM,mBAAoB,SAAQ,YAAY;CAQ7C,CAAA;AADA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,sBAAsB,EAAE,YAAY,EAAE,sBAAsB,CAAC,IAAI,EAAE,CAAC;iDACnD;AAP9B,mBAAmB;IADxB,aAAa,CAAC,kBAAkB,CAAC;GAC5B,mBAAmB,CAQxB;AAED,mBAAmB,CAAC,MAAM,EAAE,CAAC;AAE7B,eAAe,mBAAmB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport CalendarDate from \"./CalendarDate.js\";\nimport CalendarLegendItemType from \"./types/CalendarLegendItemType.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-special-date` component defines a special calendar date to be used inside `ui5-calendar`,\n * which is visually distinguished from the rest of the dates.\n * @constructor\n * @extends CalendarDate\n * @abstract\n * @public\n * @since 1.23.0\n */\n@customElement(\"ui5-special-date\")\nclass SpecialCalendarDate extends CalendarDate {\n\t/**\n\t * Defines the type of the special date.\n\t * @default \"None\"\n\t * @public\n\t */\n\t@property({ type: CalendarLegendItemType, defaultValue: CalendarLegendItemType.None })\n\ttype!: `${CalendarLegendItemType}`;\n}\n\nSpecialCalendarDate.define();\n\nexport default SpecialCalendarDate;\n"]}

package/dist/SplitButton.d.ts

@@ -0,0 +1,191 @@
+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
+ *
+ * ### Overview
+ *
+ * `ui5-split-button` 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 - `Space` or `Enter` for default action,
+ * and `Arrow Down` or `Arrow Up` for arrow action.
+ *
+ * ### Usage
+ *
+ * `ui5-split-button` consists two separate buttons:
+ *
+ * - for the first one (default action) you can define some `text` or an `icon`, or both.
+ * - the second one (arrow action) contains only `slim-arrow-down` icon.
+ *
+ * You can choose a `design` 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.
+ *
+ * You can set the `ui5-split-button` as enabled or disabled. Both parts of an enabled
+ * `ui5-split-button` 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 `ui5-split-button` appears inactive and any of the two buttons
+ * cannot be pressed.
+ *
+ * ### Keyboard Handling
+ *
+ * - `Space` or `Enter` - triggers the default action
+ * - `Shift` or `Escape` - if `Space` is pressed, releases the default action button without triggering the click event.
+ * - `Arrow Down`, `Arrow Up`, `Alt`+`Arrow Down`, `Alt`+`Arrow Up`, or `F4` - triggers the arrow action
+ * There are separate events that are fired on activating of `ui5-split-button` parts:
+ *
+ * - `click` for the first button (default action)
+ * - `arrow-click` for the second button (arrow action)
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/SplitButton.js";`
+ * @constructor
+ * @extends UI5Element
+ * @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.
+     *
+     * Example:
+     *
+     * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).
+     * @default ""
+     * @public
+     */
+    icon: string;
+    /**
+     * Defines whether the arrow button should have the active state styles or not.
+     * @default false
+     * @public
+     * @since 1.21.0
+     */
+    activeArrowButton: boolean;
+    /**
+     * Defines the component design.
+     * @default "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.
+     * @default false
+     * @public
+     */
+    disabled: boolean;
+    /**
+     * Defines the accessible ARIA name of the component.
+     * @default undefined
+     * @public
+     */
+    accessibleName?: string;
+    /**
+     * Defines the tabIndex of the component.
+     * @default "0"
+     * @private
+     */
+    _tabIndex: string;
+    /**
+     * Indicates if there is Space key pressed
+     * @default false
+     * @private
+     */
+    _spacePressed: boolean;
+    /**
+     * Indicates if there is SHIFT or ESCAPE key pressed
+     * @default false
+     * @private
+     */
+    _shiftOrEscapePressed: boolean;
+    /**
+     * Defines the active state of the text button
+     * @default false
+     * @private
+     */
+    _textButtonActive: boolean;
+    /**
+     * Defines the state of the internal Button used for the Arrow button of the SplitButton.
+     * @default false
+     * @private
+     */
+    _activeArrowButton: boolean;
+    /**
+     * Defines the text of the component.
+     *
+     * **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.
+     * @public
+     */
+    text: Array<Node>;
+    _textButtonPress: {
+        handleEvent: (e: MouseEvent) => void;
+        passive: boolean;
+    };
+    _isDefaultActionPressed: boolean;
+    _isKeyDownOperation: boolean;
+    static i18nBundle: I18nBundle;
+    static onDefine(): Promise<void>;
+    constructor();
+    onBeforeRendering(): void;
+    _handleMouseClick(e: MouseEvent): void;
+    _onFocusOut(e: FocusEvent): void;
+    _onFocusIn(e: FocusEvent): void;
+    _onInnerButtonFocusIn(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(innerButtonPressed?: boolean): void;
+    _onArrowButtonActiveStateChange(e: CustomEvent): void;
+    /**
+     * Checks if the pressed key is an arrow key.
+     * @param e - keyboard event
+     * @private
+     */
+    _isArrowKeyAction(e: KeyboardEvent): boolean;
+    /**
+     * Checks if the pressed key is a default action key (Space or Enter).
+     * @param e - keyboard event
+     * @private
+     */
+    _isDefaultAction(e: KeyboardEvent): boolean;
+    /**
+     * Checks if the pressed key is an escape key or shift key.
+     * @param e - keyboard event
+     * @private
+     */
+    _isShiftOrEscape(e: KeyboardEvent): boolean;
+    /**
+     * Handles the click event and the focus on the arrow button.
+     * @param e - keyboard event
+     * @private
+     */
+    _handleArrowButtonAction(e: KeyboardEvent | MouseEvent): void;
+    /**
+     * Handles the default action and the active state of the respective button.
+     * @param 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(): {
+        description: string;
+        keyboardHint: string;
+    };
+    get ariaLabelText(): string;
+}
+export default SplitButton;

package/dist/SplitButton.js

@@ -0,0 +1,339 @@
+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
+ *
+ * ### Overview
+ *
+ * `ui5-split-button` 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 - `Space` or `Enter` for default action,
+ * and `Arrow Down` or `Arrow Up` for arrow action.
+ *
+ * ### Usage
+ *
+ * `ui5-split-button` consists two separate buttons:
+ *
+ * - for the first one (default action) you can define some `text` or an `icon`, or both.
+ * - the second one (arrow action) contains only `slim-arrow-down` icon.
+ *
+ * You can choose a `design` 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.
+ *
+ * You can set the `ui5-split-button` as enabled or disabled. Both parts of an enabled
+ * `ui5-split-button` 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 `ui5-split-button` appears inactive and any of the two buttons
+ * cannot be pressed.
+ *
+ * ### Keyboard Handling
+ *
+ * - `Space` or `Enter` - triggers the default action
+ * - `Shift` or `Escape` - if `Space` is pressed, releases the default action button without triggering the click event.
+ * - `Arrow Down`, `Arrow Up`, `Alt`+`Arrow Down`, `Alt`+`Arrow Up`, or `F4` - triggers the arrow action
+ * There are separate events that are fired on activating of `ui5-split-button` parts:
+ *
+ * - `click` for the first button (default action)
+ * - `arrow-click` for the second button (arrow action)
+ *
+ * ### ES6 Module Import
+ *
+ * `import "@ui5/webcomponents/dist/SplitButton.js";`
+ * @constructor
+ * @extends UI5Element
+ * @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 = (e) => {
+            e.stopPropagation();
+            this._textButtonActive = true;
+            this._tabIndex = "-1";
+        };
+        this._textButtonPress = {
+            handleEvent: handleTouchStartEvent,
+            passive: true,
+        };
+    }
+    onBeforeRendering() {
+        if (this.disabled) {
+            this._tabIndex = "-1";
+        }
+    }
+    _handleMouseClick(e) {
+        this._fireClick(e);
+    }
+    _onFocusOut(e) {
+        if (this.disabled || getEventMark(e)) {
+            return;
+        }
+        this._shiftOrEscapePressed = false;
+        this._setTabIndexValue();
+    }
+    _onFocusIn(e) {
+        if (this.disabled || getEventMark(e)) {
+            return;
+        }
+        this._shiftOrEscapePressed = false;
+    }
+    _onInnerButtonFocusIn(e) {
+        e.stopPropagation();
+        this._setTabIndexValue(true);
+        const target = e.target;
+        target.focus();
+    }
+    _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._tabIndex = "-1";
+    }
+    _arrowButtonPress(e) {
+        e.stopPropagation();
+        this._tabIndex = "-1";
+    }
+    _arrowButtonRelease(e) {
+        e.preventDefault();
+        this._tabIndex = "-1";
+    }
+    _setTabIndexValue(innerButtonPressed) {
+        this._tabIndex = this.disabled ? "-1" : "0";
+        if (this._tabIndex === "-1" && innerButtonPressed) {
+            this._tabIndex = "0";
+        }
+    }
+    _onArrowButtonActiveStateChange(e) {
+        if (this.activeArrowButton) {
+            e.preventDefault();
+        }
+    }
+    /**
+     * Checks if the pressed key is an arrow key.
+     * @param e - keyboard event
+     * @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 e - keyboard event
+     * @private
+     */
+    _isDefaultAction(e) {
+        return isSpace(e) || isEnter(e);
+    }
+    /**
+     * Checks if the pressed key is an escape key or shift key.
+     * @param e - keyboard event
+     * @private
+     */
+    _isShiftOrEscape(e) {
+        return isEscape(e) || isShift(e);
+    }
+    /**
+     * Handles the click event and the focus on the arrow button.
+     * @param 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 e - keyboard event
+     * @private
+     */
+    _handleDefaultAction(e) {
+        e.preventDefault();
+        const wasSpacePressed = isSpace(e);
+        const target = e.target;
+        if (this.arrowButton && target === this.arrowButton) {
+            this._activeArrowButton = true;
+            this._fireArrowClick();
+            if (wasSpacePressed) {
+                this._spacePressed = true;
+                this._textButtonActive = false;
+            }
+        }
+        else {
+            this._textButtonActive = true;
+            this._fireClick();
+            if (wasSpacePressed) {
+                this._spacePressed = true;
+            }
+        }
+    }
+    _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 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({ 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({ 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({ 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.
+     * @public
+     */
+    ,
+    event("click")
+    /**
+     * Fired when the user clicks on the arrow action.
+     * @public
+     */
+    ,
+    event("arrow-click")
+], SplitButton);
+SplitButton.define();
+export default SplitButton;
+//# sourceMappingURL=SplitButton.js.map

package/dist/SplitButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.js","sourceRoot":"","sources":["../src/SplitButton.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport {\n\tisEscape,\n\tisSpace,\n\tisEnter,\n\tisDown,\n\tisUp,\n\tisDownAlt,\n\tisUpAlt,\n\tisF4,\n\tisShift,\n\tisTabNext,\n\tisTabPrevious,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getEventMark } from \"@ui5/webcomponents-base/dist/MarkedEvents.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\nimport ButtonDesign from \"./types/ButtonDesign.js\";\nimport Button from \"./Button.js\";\n\nimport {\n\tSPLIT_BUTTON_DESCRIPTION,\n\tSPLIT_BUTTON_KEYBOARD_HINT,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport SplitButtonTemplate from \"./generated/templates/SplitButtonTemplate.lit.js\";\n\n// Styles\nimport SplitButtonCss from \"./generated/themes/SplitButton.css.js\";\n\n/**\n * @class\n *\n * ### Overview\n *\n * `ui5-split-button` enables users to trigger actions. It is constructed of two separate actions -\n * default action and arrow action that can be activated by clicking or tapping, or by\n * pressing certain keyboard keys - `Space` or `Enter` for default action,\n * and `Arrow Down` or `Arrow Up` for arrow action.\n *\n * ### Usage\n *\n * `ui5-split-button` consists two separate buttons:\n *\n * - for the first one (default action) you can define some `text` or an `icon`, or both.\n * - the second one (arrow action) contains only `slim-arrow-down` icon.\n *\n * You can choose a `design` from a set of predefined types (the same as for ui5-button) that offer\n * different styling to correspond to the triggered action. Both text and arrow actions have the same design.\n *\n * You can set the `ui5-split-button` as enabled or disabled. Both parts of an enabled\n * `ui5-split-button` can be pressed by clicking or tapping it, or by certain keys, which changes\n * the style to provide visual feedback to the user that it is pressed or hovered over with\n * the mouse cursor. A disabled `ui5-split-button` appears inactive and any of the two buttons\n * cannot be pressed.\n *\n * ### Keyboard Handling\n *\n * - `Space` or `Enter` - triggers the default action\n * - `Shift` or `Escape` - if `Space` is pressed, releases the default action button without triggering the click event.\n * - `Arrow Down`, `Arrow Up`, `Alt`+`Arrow Down`, `Alt`+`Arrow Up`, or `F4` - triggers the arrow action\n * There are separate events that are fired on activating of `ui5-split-button` parts:\n *\n * - `click` for the first button (default action)\n * - `arrow-click` for the second button (arrow action)\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents/dist/SplitButton.js\";`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.1.0\n */\n@customElement({\n\ttag: \"ui5-split-button\",\n\trenderer: litRender,\n\tstyles: SplitButtonCss,\n\ttemplate: SplitButtonTemplate,\n\tdependencies: [Button],\n})\n/**\n * Fired when the user clicks on the default action.\n * @public\n */\n@event(\"click\")\n\n/**\n * Fired when the user clicks on the arrow action.\n * @public\n */\n@event(\"arrow-click\")\nclass SplitButton extends UI5Element {\n\t/**\n\t * Defines the icon to be displayed as graphical element within the component.\n\t * The SAP-icons font provides numerous options.\n\t *\n\t * Example:\n\t *\n\t * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ticon!: string;\n\n\t/**\n\t * Defines whether the arrow button should have the active state styles or not.\n\t * @default false\n\t * @public\n\t * @since 1.21.0\n\t */\n\t@property({ type: Boolean })\n\tactiveArrowButton!: boolean;\n\n\t/**\n\t * Defines the component design.\n\t * @default \"Default\"\n\t * @public\n\t */\n\t@property({ type: ButtonDesign, defaultValue: ButtonDesign.Default })\n\tdesign!: `${ButtonDesign}`;\n\n\t/**\n\t * Defines whether the component is disabled.\n\t * A disabled component can't be pressed or\n\t * focused, and it is not in the tab chain.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled!: boolean;\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @default undefined\n\t * @public\n\t */\n\t@property({ defaultValue: undefined })\n\taccessibleName?: string;\n\n\t/**\n\t * Defines the tabIndex of the component.\n\t * @default \"0\"\n\t * @private\n\t */\n\t@property({ defaultValue: \"0\", noAttribute: true })\n\t_tabIndex!: string;\n\n\t/**\n\t * Indicates if there is Space key pressed\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_spacePressed!: boolean;\n\n\t/**\n\t * Indicates if there is SHIFT or ESCAPE key pressed\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_shiftOrEscapePressed!: boolean;\n\n\t/**\n\t * Defines the active state of the text button\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_textButtonActive!: boolean;\n\n\t/**\n\t * Defines the state of the internal Button used for the Arrow button of the SplitButton.\n\t * @default false\n\t * @private\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_activeArrowButton!: boolean;\n\n\t/**\n\t * Defines the text of the component.\n\t *\n\t * **Note:** Although this slot accepts HTML Elements, it is strongly recommended that you only use text in order to preserve the intended design.\n\t * @public\n\t */\n\t@slot({ type: Node, \"default\": true })\n\ttext!: Array<Node>;\n\n\t_textButtonPress: { handleEvent: (e: MouseEvent) => void, passive: boolean };\n\t_isDefaultActionPressed = false;\n\t_isKeyDownOperation = false;\n\n\tstatic i18nBundle: I18nBundle;\n\n\tstatic async onDefine() {\n\t\tSplitButton.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n\t}\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tconst handleTouchStartEvent = (e: MouseEvent) => {\n\t\t\te.stopPropagation();\n\t\t\tthis._textButtonActive = true;\n\t\t\tthis._tabIndex = \"-1\";\n\t\t};\n\n\t\tthis._textButtonPress = {\n\t\t\thandleEvent: handleTouchStartEvent,\n\t\t\tpassive: true,\n\t\t};\n\t}\n\n\tonBeforeRendering() {\n\t\tif (this.disabled) {\n\t\t\tthis._tabIndex = \"-1\";\n\t\t}\n\t}\n\n\t_handleMouseClick(e: MouseEvent) {\n\t\tthis._fireClick(e);\n\t}\n\n\t_onFocusOut(e: FocusEvent) {\n\t\tif (this.disabled || getEventMark(e)) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._shiftOrEscapePressed = false;\n\t\tthis._setTabIndexValue();\n\t}\n\n\t_onFocusIn(e: FocusEvent) {\n\t\tif (this.disabled || getEventMark(e)) {\n\t\t\treturn;\n\t\t}\n\t\tthis._shiftOrEscapePressed = false;\n\t}\n\n\t_onInnerButtonFocusIn(e: FocusEvent) {\n\t\te.stopPropagation();\n\t\tthis._setTabIndexValue(true);\n\t\tconst target = e.target as Button;\n\t\ttarget.focus();\n\t}\n\n\t_onKeyDown(e: KeyboardEvent) {\n\t\tthis._isKeyDownOperation = true;\n\t\tif (this._isArrowKeyAction(e)) {\n\t\t\tthis._handleArrowButtonAction(e);\n\t\t\tthis._activeArrowButton = true;\n\t\t} else if (this._isDefaultAction(e)) {\n\t\t\tthis._handleDefaultAction(e);\n\t\t\tthis._isDefaultActionPressed = true;\n\t\t}\n\n\t\tif (this._spacePressed && this._isShiftOrEscape(e)) {\n\t\t\tthis._handleShiftOrEscapePressed();\n\t\t}\n\n\t\t// Handles button freeze issue when pressing Enter/Space and navigating with Tab/Shift+Tab simultaneously.\n\t\tif (this._isDefaultActionPressed && (isTabNext(e) || isTabPrevious(e))) {\n\t\t\tthis._activeArrowButton = false;\n\t\t\tthis._textButtonActive = false;\n\t\t}\n\n\t\tthis._tabIndex = \"-1\";\n\t}\n\n\t_onKeyUp(e: KeyboardEvent) {\n\t\tthis._isKeyDownOperation = false;\n\t\tif (this._isArrowKeyAction(e)) {\n\t\t\te.preventDefault();\n\t\t\tthis._activeArrowButton = false;\n\t\t\tthis._textButtonActive = false;\n\t\t} else if (this._isDefaultAction(e)) {\n\t\t\tthis._isDefaultActionPressed = false;\n\t\t\tthis._textButtonActive = false;\n\t\t\tif (isSpace(e)) {\n\t\t\t\te.preventDefault();\n\t\t\t\te.stopPropagation();\n\t\t\t\tthis._fireClick();\n\t\t\t\tthis._spacePressed = false;\n\t\t\t\tthis._textButtonActive = false;\n\t\t\t}\n\t\t}\n\n\t\tif (this._isShiftOrEscape(e)) {\n\t\t\tthis._handleShiftOrEscapePressed();\n\t\t}\n\n\t\tthis._tabIndex = \"-1\";\n\t}\n\n\t_fireClick(e?: Event) {\n\t\te?.stopPropagation();\n\t\tif (!this._shiftOrEscapePressed) {\n\t\t\tthis.fireEvent(\"click\");\n\t\t}\n\t\tthis._shiftOrEscapePressed = false;\n\t}\n\n\t_fireArrowClick(e?: Event) {\n\t\te?.stopPropagation();\n\n\t\tthis.fireEvent(\"arrow-click\");\n\t}\n\n\t_textButtonRelease() {\n\t\tthis._textButtonActive = false;\n\t\tthis._tabIndex = \"-1\";\n\t}\n\n\t_arrowButtonPress(e: MouseEvent) {\n\t\te.stopPropagation();\n\n\t\tthis._tabIndex = \"-1\";\n\t}\n\n\t_arrowButtonRelease(e: MouseEvent) {\n\t\te.preventDefault();\n\n\t\tthis._tabIndex = \"-1\";\n\t}\n\n\t_setTabIndexValue(innerButtonPressed?: boolean) {\n\t\tthis._tabIndex = this.disabled ? \"-1\" : \"0\";\n\n\t\tif (this._tabIndex === \"-1\" && innerButtonPressed) {\n\t\t\tthis._tabIndex = \"0\";\n\t\t}\n\t}\n\n\t_onArrowButtonActiveStateChange(e: CustomEvent) {\n\t\tif (this.activeArrowButton) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t/**\n\t * Checks if the pressed key is an arrow key.\n\t * @param e - keyboard event\n\t * @private\n\t */\n\t_isArrowKeyAction(e: KeyboardEvent): boolean {\n\t\treturn isDown(e) || isUp(e) || isDownAlt(e) || isUpAlt(e) || isF4(e);\n\t}\n\n\t/**\n\t * Checks if the pressed key is a default action key (Space or Enter).\n\t * @param e - keyboard event\n\t * @private\n\t */\n\t_isDefaultAction(e: KeyboardEvent): boolean {\n\t\treturn isSpace(e) || isEnter(e);\n\t}\n\n\t/**\n\t * Checks if the pressed key is an escape key or shift key.\n\t * @param e - keyboard event\n\t * @private\n\t */\n\t_isShiftOrEscape(e: KeyboardEvent): boolean {\n\t\treturn isEscape(e) || isShift(e);\n\t}\n\n\t/**\n\t * Handles the click event and the focus on the arrow button.\n\t * @param e - keyboard event\n\t * @private\n\t */\n\t_handleArrowButtonAction(e: KeyboardEvent | MouseEvent) {\n\t\te.preventDefault();\n\n\t\tthis._fireArrowClick(e);\n\n\t\tif (isSpace((e as KeyboardEvent))) {\n\t\t\tthis._spacePressed = true;\n\t\t}\n\t}\n\n\t/**\n\t * Handles the default action and the active state of the respective button.\n\t * @param e - keyboard event\n\t * @private\n\t */\n\t_handleDefaultAction(e: KeyboardEvent) {\n\t\te.preventDefault();\n\t\tconst wasSpacePressed = isSpace(e);\n\t\tconst target = e.target as Button;\n\n\t\tif (this.arrowButton && target === this.arrowButton) {\n\t\t\tthis._activeArrowButton = true;\n\t\t\tthis._fireArrowClick();\n\t\t\tif (wasSpacePressed) {\n\t\t\t\tthis._spacePressed = true;\n\t\t\t\tthis._textButtonActive = false;\n\t\t\t}\n\t\t} else {\n\t\t\tthis._textButtonActive = true;\n\t\t\tthis._fireClick();\n\t\t\tif (wasSpacePressed) {\n\t\t\t\tthis._spacePressed = true;\n\t\t\t}\n\t\t}\n\t}\n\n\t_handleShiftOrEscapePressed() {\n\t\tthis._shiftOrEscapePressed = true;\n\t\tthis._textButtonActive = false;\n\t\tthis._isKeyDownOperation = false;\n\t}\n\n\tget effectiveActiveArrowButton() {\n\t\treturn this.activeArrowButton || this._activeArrowButton;\n\t}\n\n\tget textButtonAccText() {\n\t\treturn this.textContent;\n\t}\n\n\tget isTextButton() {\n\t\treturn !!this.textContent;\n\t}\n\n\tget textButton() {\n\t\treturn this.getDomRef()?.querySelector<Button>(\".ui5-split-text-button\");\n\t}\n\n\tget arrowButton() {\n\t\treturn this.getDomRef()?.querySelector<Button>(\".ui5-split-arrow-button\");\n\t}\n\n\tget accessibilityInfo() {\n\t\treturn {\n\t\t\t// affects root element\n\t\t\tdescription: SplitButton.i18nBundle.getText(SPLIT_BUTTON_DESCRIPTION),\n\t\t\tkeyboardHint: SplitButton.i18nBundle.getText(SPLIT_BUTTON_KEYBOARD_HINT),\n\t\t};\n\t}\n\n\tget ariaLabelText() {\n\t\treturn [SplitButton.i18nBundle.getText(SPLIT_BUTTON_DESCRIPTION), SplitButton.i18nBundle.getText(SPLIT_BUTTON_KEYBOARD_HINT)].join(\" \");\n\t}\n}\n\nSplitButton.define();\n\nexport default SplitButton;\n"]}