@sapudex/web-components 2.22.0 → 2.24.0

package/dist/SelectBox.d.ts

@@ -1,18 +1,14 @@
+import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import type UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { UDExItemFromList } from "./SearchableListBase.js";
+import { Placement } from "./types/Dropdown.js";
+import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
+import "@ui5/webcomponents-icons/dist/decline.js";
 import Tokenizer from "@ui5/webcomponents/dist/Tokenizer.js";
-import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-import Popover from "@ui5/webcomponents/dist/Popover.js";
-import type { UDExItemFromList, UDExSearchableListBaseEvents } from "./SearchableListBase.js";
-import UDExSearchableListBase from "./SearchableListBase.js";
-import type { UDExSearchKeydownEventDetail } from "./Search.js";
-import UDExSearch from "./Search.js";
 import UDExTag from "./Tag.js";
-import UDExValueState from "./types/common.js";
-import { Placement } from "./types/Dropdown.js";
 import UDExTagGroup from "./TagGroup.js";
-import "@ui5/webcomponents-icons/dist/decline.js";
-import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
-import SearchableListBaseTemplate from "./generated/templates/SearchableListBaseTemplate.lit.js";
+import UDExSelectBase from "./SelectBase.js";
+import type { UDExSelectBaseEvents } from "./SelectBase.js";
 export type SelectBoxAccessibilityAttributes = {
     controls?: string;
     expanded?: "true" | "false" | boolean;
@@ -40,12 +36,11 @@ type UDExSelectBoxRemoveEventDetail = {
  * @tagname udex-select-box
  * @public
  */
-declare class UDExSelectBox extends UDExSearchableListBase {
+declare class UDExSelectBox extends UDExSelectBase {
     eventDetails: {
         "remove": UDExSelectBoxRemoveEventDetail;
         "show-more": void;
-        "before-open": void;
-    } & UDExSearchableListBaseEvents;
+    } & UDExSelectBaseEvents;
     /**
      * Determines if there is no enough space, the component can be placed
      * over the target.
@@ -54,68 +49,6 @@ declare class UDExSelectBox extends UDExSearchableListBase {
      * @public
      */
     disableTargetOverlap?: boolean;
-    /**
-     * Defines whether the component is required.
-     *
-     * @default false
-     * @public
-     */
-    required: boolean;
-    /**
-     * Defines whether the component is in disabled state.
-     *
-     * @default false
-     * @public
-     */
-    disabled: boolean;
-    /**
-     * Defines label text for field container.
-     *
-     * @default ""
-     * @public
-     */
-    label: string;
-    /**
-     * Defines the accessible ARIA name of the component.
-     *
-     * @default undefined
-     * @public
-     */
-    accessibleName?: string;
-    /**
-     * Receives id (or many ids) of the elements that label the component.
-     * @default undefined
-     * @public
-     */
-    accessibleNameRef?: string;
-    /**
-     * Defines whether the component is read-only.
-     *
-     * @default false
-     * @public
-     */
-    readonly: boolean;
-    /**
-     * Defines whether the component is display-only.
-     *
-     * @default false
-     * @public
-     */
-    displayonly: boolean;
-    /**
-     * Defines the value state of the trigger container.
-     *
-     * @default "Standard"
-     * @public
-     */
-    valueState: `${UDExValueState}`;
-    /**
-     * Defines supporting text under the trigger container.
-     *
-     * @default undefined
-     * @public
-     */
-    supportingText?: string;
     /**
      * Determines on which side of the component the Tooltip is displayed.
      *
@@ -123,111 +56,56 @@ declare class UDExSelectBox extends UDExSearchableListBase {
      * @public
      */
     tooltipPlacement: `${Placement}`;
-    /**
-     * @private
-     */
-    _direction?: string;
-    /**
-     * @default false
-     * @private
-     */
-    _focused: boolean;
-    /**
-     * @default false
-     * @private
-     */
-    _open: boolean;
     /**
      * @default false
      * @private
      */
     _showTagsDropdownContent: boolean;
-    _trigger: HTMLElement;
-    _triggerWrapper: HTMLElement;
-    _popover: Popover;
-    _tokenizer: Tokenizer;
-    _search: UDExSearch;
-    _singleSelectedOption: string;
     _truncatableTag: UDExTag;
-    _tags: Array<UDExTag>;
     _inactiveTabIndex: number;
-    _activeTabIndex: number;
-    _openedByTrigger: boolean;
-    _shouldScrollToEnd: boolean;
-    _handleResizeBound: ResizeObserverCallback;
+    _handleResizeTokenizerBound: ResizeObserverCallback;
     constructor();
     onEnterDOM(): void;
     onExitDOM(): void;
     onAfterRendering(): void;
-    onBeforeRendering(): void;
-    _handleResize(): void;
-    handleItemPress(e: CustomEvent): void;
-    handleSingleSelectMode(): void;
+    handleResizeTokenizer(): void;
     handleSelectAll(e: CustomEvent): void;
     handleHeaderPress(e: CustomEvent): void;
-    handleValueSearch(e: CustomEvent): void;
-    handleSubmitSearch(): void;
-    handleResetSearch(): void;
-    handleFocusIn(): void;
-    handleFocusOut(): void;
+    handleItemPress(e: CustomEvent): void;
+    handlerShowMoreItems(e: CustomEvent): void;
+    handleInputFocusIn(): void;
+    handleInputFocusOut(e: FocusEvent): void;
     handleDropdownBeforeOpen(): void;
-    handleDropdownAfterClose(): void;
-    showMoreItems(): void;
+    handleDropdownClose(): void;
     handleRemoveTag(e: CustomEvent | null, tag?: UI5Element): void;
     handleRemoveTruncatableTag(): void;
     handleTagClick(e: CustomEvent): void;
     handleUnselectTruncatableTag(): void;
-    handleKeyDownTrigger(e: KeyboardEvent): void;
     handleKeyDownTag(e: CustomEvent): void;
-    handleKeyDownDropdown(e: KeyboardEvent): void;
-    handleKeyDownSearch(keyEvent: CustomEvent<UDExSearchKeydownEventDetail>): void;
-    handleOutsideClick(): void;
-    openDropdown(): void;
-    closeDropdown(e?: KeyboardEvent): void;
-    toggleTruncatedPopover(tag: UDExTag): void;
-    scrollToTag(index: number): void;
-    focusTag(index: number): void;
+    handleKeyDownSearch(e: KeyboardEvent): void;
+    handleSelectBoxOutsideClick(): void;
+    focusTagByIndex(index: number): void;
     fireDecoratorEventRemove(id: string): void;
-    handleOpenMultiSelect(): void;
-    handleOpenSingleSelect(): void;
-    getHandleMultiSelectOpen(): void;
-    getHandleSingleSelectOpen(): void;
-    getHandlerShowMoreItems(e: CustomEvent): void;
-    getTrigger(): HTMLElement;
-    getTriggerWrapper(): HTMLElement;
-    getTagGroup(): UDExTagGroup;
-    getTags(): Array<UDExTag>;
-    getTagContent(tag: UDExTag): HTMLElement;
-    handleDirection(): void;
-    validTruncatableKey(e: KeyboardEvent): boolean;
+    collapseTokenizer(): void;
+    showMoreItems(e: CustomEvent): void;
+    toggleTruncatedPopover(tag: UDExTag): void;
+    configureTokenizer(): void;
     resetTagsTabIndexes(): void;
+    resizeTokenizer(): void;
+    validTruncatableKey(e: KeyboardEvent): boolean;
+    getTagContent(tag: UDExTag): HTMLElement;
     /**
      * Close the dropdown.
      * @public
      */
     close(): void;
-    get allowTargetOverlap(): boolean;
-    get isDisabled(): boolean;
+    get tokenizer(): Tokenizer;
+    get tagGroup(): UDExTagGroup;
+    get tags(): Array<UDExTag>;
     get truncatableTagLabel(): string;
-    get showSingleSelectedOption(): boolean;
     get showMultiSelectedOptions(): boolean;
-    get labelClass(): string;
-    get isReadOrDisplayOnly(): boolean;
+    get allowTargetOverlap(): boolean;
     get tokenizerExpanded(): boolean;
-    get showTrigger(): boolean;
-    get hasSelectedItems(): boolean;
-    get effectiveTabIndex(): string;
-    get triggerTabIndex(): string;
-    get iconAccessibleNameText(): string;
-    get additionalClassName(): string;
-    get searchableList(): object;
-    get accInfo(): {
-        ariaLabel: string | undefined;
-    };
-    get accessibilityAttributes(): SelectBoxAccessibilityAttributes;
-    get popoverId(): string;
-    get listboxRole(): string;
-    static get searchableListBaseTemplate(): typeof SearchableListBaseTemplate;
 }
 export default UDExSelectBox;
 export type { UDExSelectBoxRemoveEventDetail };