@leanix/components 0.4.486 → 0.4.487

package/fesm2022/leanix-components.mjs

@@ -917,6 +917,7 @@ const LX_ELLIPSIS_DEBOUNCE_ON_RESIZE = new InjectionToken('LX_ELLIPSIS_DEBOUNCE_
  * e.g. <lx-ellipsis style="max-width: 300px" content="Hello World[..]"></lx-ellipsis>.
  */
 class EllipsisComponent {
+    /** @internal */
     static { this.DEFAULT_RESIZE_DEBOUNCE_MS = 500; }
     constructor(debounceMsAfterResize, cdRef, hostEl, resizeObserverService, translateService) {
         this.debounceMsAfterResize = debounceMsAfterResize;
@@ -930,6 +931,7 @@ class EllipsisComponent {
          * or if you sanitize the provided content yourself.
          */
         this.escapeHtmlInContent = true;
+        /** @internal */
         this.isShowingMore$ = new BehaviorSubject(false);
         this.destroyed$ = new Subject();
         this.viewChecked$ = new Subject();
@@ -993,6 +995,7 @@ class EllipsisComponent {
     ngAfterViewChecked() {
         this.viewChecked$.next();
     }
+    /** @internal */
     onShowMoreToggle() {
         this.isShowingMore$.next(!this.isShowingMore$.getValue());
         this.cdRef.detectChanges();
@@ -2735,10 +2738,12 @@ class TokenizerComponent {
         this.destroyRef = destroyRef;
         this.changeDetectorRef = changeDetectorRef;
         this.resizeObserverService = resizeObserverService;
+        /** @internal */
         this.NAME = 'TokenizerComponent';
         this.overflowItems = signal([]);
         this.overflowItemCount = computed(() => this.overflowItems().length);
         this.showCounter = computed(() => this.active() && this.overflowItemCount() > 0);
+        /** Can be used to activate & deactivate tokenization */
         this.active = input(true);
         this.active$ = toObservable(this.active);
         this.overflowStartIndex = signal(null);
@@ -2768,6 +2773,7 @@ class TokenizerComponent {
             this.tokenize(containerWidth);
         });
     }
+    /** @internal */
     onCounterClicked() {
         const startIndex = this.overflowStartIndex();
         if (typeof startIndex === 'number') {
@@ -3044,19 +3050,25 @@ var KeyboardSelectAction;
 })(KeyboardSelectAction || (KeyboardSelectAction = {}));
 class KeyboardSelectDirective {
     constructor() {
+        /** @internal */
         this.cdkOverlayOpenState = new ReplaySubject(1);
+        /** @internal */
         this.cdkOverlayOpen$ = this.cdkOverlayOpenState.asObservable().pipe(startWith(false), distinctUntilChanged());
+        /** @internal */
         this.overlayPositioning = false;
         this.keyboardSelectAction = new Observable();
         this.selectedItemIndexChange = new EventEmitter(true); // TODO: this is just index change from navigating (highlighting)
+        /** @internal */
         this.destroyed$ = new Subject();
         // Beware: If the list of items is empty, there might not come a -1 because Angular only updates the ViewChildren lazily.
         this.selectedItemIndex$ = new BehaviorSubject(-1);
         this.selectedItemSubject$ = new BehaviorSubject(null);
     }
+    /** @internal */
     get selectedItem$() {
         return this.selectedItemSubject$.asObservable();
     }
+    /** @internal */
     select(index) {
         this.selectedItemIndex$.next(index);
     }
@@ -3085,6 +3097,7 @@ class KeyboardSelectDirective {
             .pipe(filter((item) => !!item), distinctUntilChanged(), takeUntil(this.destroyed$))
             .subscribe((item) => item?.scrollToItem());
     }
+    /** @internal */
     isItemSelected(item, selectedItem) {
         return selectedItem && item === selectedItem.nativeElement;
     }
@@ -4018,8 +4031,11 @@ class CurrencyInputComponent {
         this.markInvalid = false;
         this.onFocusLost = new EventEmitter();
         this.onChange = new EventEmitter();
+        /** @internal */
         this.showCurrencyInput = false;
+        /** @internal */
         this.dataValue$ = new ReplaySubject();
+        /** @internal */
         this.destroyed$ = new Subject();
     }
     ngOnInit() {
@@ -4037,6 +4053,7 @@ class CurrencyInputComponent {
     ngOnDestroy() {
         this.destroyed$.next();
     }
+    /** @internal */
     valueChanged(value) {
         if (typeof value === 'string') {
             const invalidSeparator = this.decimalSeparator === '.' ? ',' : '.';
@@ -4047,30 +4064,38 @@ class CurrencyInputComponent {
         this.onChange.emit(value);
         this.propagateChange(value);
     }
+    /** @internal */
     onBlur() {
         this.showCurrencyInput = false;
         this.onFocusLost.emit(true);
     }
+    /** @internal */
     focusCurrencyInput() {
         this.showCurrencyInput = true;
         this.changeDetector.detectChanges();
         this.currencyInput.nativeElement.focus();
         this.currencyInput.nativeElement.setSelectionRange(0, 0);
     }
+    /** @internal */
     shouldRejectKey(event) {
         if (this.fieldDefinitionType === 'DOUBLE' && event.key === this.decimalSeparator) {
             return this.containsSeparators(this.currencyInput.nativeElement.value);
         }
         return !this.allowedCharacters.test(event.key);
     }
+    /** @internal */
     propagateChange(_newValue) { }
+    /** @internal */
     writeValue(newValue) {
         this.dataValue$.next(newValue);
     }
+    /** @internal */
     registerOnChange(fn) {
         this.propagateChange = fn;
     }
+    /** @internal */
     registerOnTouched(_fn) { }
+    /** @internal */
     setDisabledState(disabled) {
         this.disabled = disabled;
     }
@@ -5878,6 +5903,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
 
 class DragAndDropListComponent {
     constructor() {
+        /** @internal */
         this.NAME = DRAG_AND_DROP_LIST_TRANSLATION_NAME;
         /**
          * Override the global label font weight of 700
@@ -5893,9 +5919,12 @@ class DragAndDropListComponent {
         this.moveItem = new EventEmitter();
         /**
          * TODO: extract state about keyboard sorting into KeyboardSortableListDirective
+         * @internal
          */
         this.isSortingByKeyboard = false;
+        /** @internal */
         this.keyboardItemBeingSorted = undefined;
+        /** @internal */
         this.allItemsData = [];
     }
     ngAfterContentInit() {
@@ -5905,6 +5934,7 @@ class DragAndDropListComponent {
     ngAfterViewInit() {
         this.keyboardSortableItems$ = this._keyboardSortableItems.changes.pipe(startWith(this._keyboardSortableItems), map((items) => items.toArray()));
     }
+    /** @internal */
     emitContentChildAction(action) {
         this._items.find((itemComponent) => itemComponent.item === action.item)?.action.emit(action);
     }
@@ -5916,10 +5946,12 @@ class DragAndDropListComponent {
      * https://material.angular.io/cdk/drag-drop/overview
      *
      * You're supposed to update the data in the parent and pass the new items as input.
+     * @internal
      */
     drop(event) {
         this.sortItems(event.container.data, event.item.data, event.previousIndex, event.currentIndex);
     }
+    /** @internal */
     dropToIndexAfterArrowKey(item, previousIndex, currentIndex) {
         if (this.isSortingByKeyboard) {
             this.sortItems(this._items, item, previousIndex, currentIndex);
@@ -5930,6 +5962,7 @@ class DragAndDropListComponent {
         this.moveToIndex.emit({ index: currentIndex, previous: previousIndex });
         this.moveItem.emit({ item, index: currentIndex });
     }
+    /** @internal */
     trackByItem(_index, item) {
         return item.item;
     }
@@ -6041,6 +6074,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
 
 class FormErrorComponent {
     constructor() {
+        /** @internal */
         this.translationKeys = [];
     }
     ngOnInit() {
@@ -6054,6 +6088,7 @@ class FormErrorComponent {
     ngOnDestroy() {
         this.formSubscription.unsubscribe();
     }
+    /** @internal */
     getTranslationKeys() {
         const formControl = this.form.get(this.controlName);
         if (formControl && formControl.errors) {
@@ -6198,16 +6233,26 @@ class BaseSelectDirective {
         this.query = new EventEmitter();
         this.close = new EventEmitter();
         this.open = new EventEmitter();
+        /** @internal */
         this.query$ = this.query.asObservable();
+        /** @internal */
         this.dropdownDirection$ = new BehaviorSubject('BOTTOM');
+        /** @internal */
         this.dropdownOpen = false;
         // an axis, where the negative range represents the selected item in the selection
+        /** @internal */
         this.selectionKeyboardSelectAction$ = new Subject();
+        /** @internal */
         this.optionsKeyboardSelectAction$ = new Subject();
+        /** @internal */
         this.virtualCursorPosition = 0;
+        /** @internal */
         this.inputWasFocused = false;
+        /** @internal */
         this.queryControl = new UntypedFormControl('');
+        /** @internal */
         this.isInputFocused = false;
+        /** @internal */
         this.destroyed$ = new Subject();
     }
     ngAfterViewInit() {
@@ -6258,6 +6303,7 @@ class BaseSelectDirective {
     }
     /**
      * @param toggle is true when the caret to the right in a select component was clicked
+     * @internal
      */
     handleClick(toggle) {
         if (toggle || !this.dropdownOpen || !this.allowQuery) {
@@ -6265,15 +6311,18 @@ class BaseSelectDirective {
         }
         this.focus();
     }
+    /** @internal */
     handleBackdropClick(event) {
         event.stopPropagation();
         this.closeInput();
     }
+    /** @internal */
     closeInput() {
         this.open.next(false);
         this.resetInput();
         this.query.emit('');
     }
+    /** @internal */
     openInput() {
         this.open.next(true);
     }
@@ -6468,6 +6517,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
             }] } });
 
 class MultiSelectComponent extends BaseSelectDirective {
+    /** @internal */
     static isStillPossibleMoveToLeft(eventSet) {
         return (!(eventSet.virtualCursorPosition === 0 &&
             eventSet.inputCursorPosition === 0 &&
@@ -6478,9 +6528,11 @@ class MultiSelectComponent extends BaseSelectDirective {
                 eventSet.selectionLength > 0 &&
                 Math.abs(eventSet.virtualCursorPosition) === eventSet.selectionLength));
     }
+    /** @internal */
     static isMovingfromZeroToRight(eventSet) {
         return eventSet.virtualCursorPosition === 0 && eventSet.inputCursorPosition === 0 && eventSet.event.keyCode === ARROW_RIGHT;
     }
+    /** @internal */
     static calculateNewCursorPostionOnKeyboardNavigation(cursorPosition, keyCode) {
         switch (keyCode) {
             case ARROW_LEFT:
@@ -6492,6 +6544,7 @@ class MultiSelectComponent extends BaseSelectDirective {
         }
         return cursorPosition;
     }
+    /** @internal */
     static getKeyboardSelectAction(cursorPosition, keyCode) {
         if (cursorPosition <= -1 && keyCode === ARROW_RIGHT) {
             return KeyboardSelectAction.NEXT;
@@ -6507,9 +6560,11 @@ class MultiSelectComponent extends BaseSelectDirective {
         }
         return null;
     }
+    /** @internal */
     get dropdownTmpl() {
         return this.explicitDropdown || this.implicitDropdown;
     }
+    /** @internal */
     get tokenize() {
         return this.canTokenize && !this.isInputFocused && !this.dropdownOpen;
     }
@@ -6522,10 +6577,14 @@ class MultiSelectComponent extends BaseSelectDirective {
         this.dropdownWidthScale = '1x';
         this.selectionChange = new EventEmitter();
         this.blur = new EventEmitter();
+        /** @internal */
         this.destroyed$ = new Subject();
+        /** @internal */
         this.isInputFocusedViaTab = false;
+        /** @internal */
         this.canTokenize = true;
     }
+    /** @internal */
     get dropdownWidth() {
         switch (this.dropdownWidthScale) {
             case '1x':
@@ -6536,22 +6595,27 @@ class MultiSelectComponent extends BaseSelectDirective {
                 return '200%';
         }
     }
+    /** @internal */
     resetInput() {
         this.queryInput.resetInput();
         this.queryControl.setValue('');
     }
+    /** @internal */
     focus() {
         this.queryInput.focusInput();
     }
+    /** @internal */
     focusAndOpen() {
         this.queryInput.focusInput();
         this.open.next(true);
     }
+    /** @internal */
     onFocus() {
         this.isInputFocused = true;
         this.scrollToEndOfSelection();
         this.canTokenize = false;
     }
+    /** @internal */
     onBlur() {
         this.isInputFocused = false;
         this.isInputFocusedViaTab = false;
@@ -6645,6 +6709,7 @@ class MultiSelectComponent extends BaseSelectDirective {
      * Adds the given option to the selection and, by default, resets the input field.
      * @param option The option to add to the selection.
      * @param keepSearchQueryAndScrollPosition If true, the search query and scroll position of the dropdown will be kept, unless there are no options left.
+     * @internal
      */
     addItemToSelection(option, keepSearchQueryAndScrollPosition = false) {
         if (option !== null) {
@@ -6657,6 +6722,7 @@ class MultiSelectComponent extends BaseSelectDirective {
         }
         this.resetSelectState();
     }
+    /** @internal */
     removeItem(optionToRemove) {
         if (this.disabled) {
             return;
@@ -6674,17 +6740,23 @@ class MultiSelectComponent extends BaseSelectDirective {
             this.virtualCursorPosition++;
         }
     }
+    /** @internal */
     propagateChange(_value) { }
+    /** @internal */
     writeValue(value) {
         this.selection = value;
     }
+    /** @internal */
     registerOnChange(fn) {
         this.propagateChange = fn;
     }
+    /** @internal */
     registerOnTouched(_fn) { }
+    /** @internal */
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
+    /** @internal */
     focusedViaTab() {
         this.isInputFocusedViaTab = true;
     }
@@ -6784,6 +6856,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
 class OptionGroupDropdownComponent extends KeyboardSelectDirective {
     constructor() {
         super(...arguments);
+        /** @internal */
         this.NAME = 'OptionGroupDropdownComponent';
         this.optionGroups = [];
         this.showCreateNewOption = false;
@@ -6794,30 +6867,37 @@ class OptionGroupDropdownComponent extends KeyboardSelectDirective {
         this.onItemSelected = new EventEmitter();
         this.containerScrolled = new EventEmitter();
         this.createNewOption = new EventEmitter();
+        /** @internal */
         this.isTopDropdown = false;
     }
+    /** @internal */
     get isNewItem() {
         const options = this.optionGroups?.reduce((flatOptions, optionGroup) => flatOptions.concat(optionGroup.options), []) ??
             [];
         return BasicDropdownComponent.isNewItem(options, this.newOptionLabel ?? '', this.labelKey);
     }
+    /** @internal */
     selectOption(option) {
         this.onItemSelected.emit(option);
     }
+    /** @internal */
     trackByLabel(index, optionGroup) {
         return optionGroup.label + index;
     }
+    /** @internal */
     onCreateNewOption() {
         if (!this.loading && this.newOptionLabel) {
             this.createNewOption.emit(this.newOptionLabel);
         }
     }
+    /** @internal */
     trackByValue(_index, option) {
         if (this.trackByProperty) {
             return option[this.trackByProperty];
         }
         return option.value;
     }
+    /** @internal */
     onPositionChange(event) {
         this.isTopDropdown = event.connectionPair.originY === 'top';
     }
@@ -6878,9 +6958,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
             }] } });
 
 class OptionsDropdownComponent {
+    /** @internal */
     get displayStyle() {
         return this.isFlexEnabledTriggerContainer ? 'block' : 'inline-block';
     }
+    /** @internal */
     get overlayPositions() {
         return [
             {
@@ -6897,6 +6979,7 @@ class OptionsDropdownComponent {
             }
         ];
     }
+    /** @internal */
     set open(value) {
         if (this.disabled) {
             return;
@@ -6916,15 +6999,19 @@ class OptionsDropdownComponent {
         }
         this.changeDetection.markForCheck();
     }
+    /** @internal */
     get open() {
         return this._open;
     }
+    /** @internal */
     get options() {
         return this._options?.toArray() || [];
     }
+    /** @internal */
     get optionIds() {
         return this.options.map((o) => o.optionId);
     }
+    /** @internal */
     get lxButton() {
         return this.trigger?.nativeElement();
     }
@@ -6932,6 +7019,7 @@ class OptionsDropdownComponent {
         this.changeDetection = changeDetection;
         this.scrollStrategies = scrollStrategies;
         this.renderer = renderer;
+        /** @internal */
         this.NAME = 'OptionsDropdownComponent';
         this.align = 'right';
         this.closeOnScroll = false;
@@ -6941,6 +7029,7 @@ class OptionsDropdownComponent {
         this.overlayPositioning = false;
         this.dropdownClass = '';
         this.isFlexEnabledTriggerContainer = false;
+        /** @internal */
         this.overlayScrollStrategy = this.closeOnScroll ? this.scrollStrategies.close() : this.scrollStrategies.reposition();
         this.opened = new EventEmitter();
         this.closed = new EventEmitter();
@@ -6948,6 +7037,7 @@ class OptionsDropdownComponent {
         this.highlightedOptionIndex$ = new BehaviorSubject(0);
         this._open = false;
         this.isSubdropdownExpanded = false;
+        /** @internal */
         this.destroyed$ = new Subject();
         this.listboxId = uniqueId('listbox');
     }
@@ -7016,10 +7106,12 @@ class OptionsDropdownComponent {
         this.destroyed$.next();
         this.destroyed$.complete();
     }
+    /** @internal */
     closeDropdown() {
         this.open = false;
         this.closed.emit();
     }
+    /** @internal */
     toggleOpen() {
         this.open = !this.open;
         if (!this.open) {
@@ -7089,6 +7181,7 @@ class OptionsDropdownComponent {
         this.renderer.setAttribute(this.lxButton, 'aria-controls', this.listboxId);
         this.renderer.setAttribute(this.lxButton, 'aria-expanded', 'false');
     }
+    /** @internal */
     handleOptionKeyDown(event) {
         // In order to keep the centralized keyboard event management logic from `KeyboardActionSourceDirective`
         // we duplicate the option event here and trigger it again from lxButton.
@@ -7133,7 +7226,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
             }], trigger: [{
                 type: ContentChild,
                 args: [KeyboardActionSourceDirective]
-            }], _options: [{
+            }], 
+        /** @internal */
+        _options: [{
                 type: ContentChildren,
                 args: [OptionComponent, { descendants: true }]
             }], opened: [{
@@ -7409,22 +7504,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
  * ```
  */
 class PickerComponent {
+    /** @internal */
     get activeDescendantsId() {
         return this._activeDescendantsId;
     }
+    /** @internal */
     set activeDescendantsId(value) {
         this._activeDescendantsId = value;
         this.cdRef.markForCheck();
     }
+    /** @internal */
     get open() {
         return this._open;
     }
+    /** @internal */
     set open(value) {
         this._open = value;
         this.cdRef.markForCheck();
     }
     /**
      * Returns a negative margin, that is used to move the picker dropdown to the left side of the picker trigger.
+     * @internal
      */
     get leftOffset() {
         const dropdownWidth = 185;
@@ -7434,11 +7534,16 @@ class PickerComponent {
         this.dir = dir;
         this.cdRef = cdRef;
         this.openDirection = 'right';
+        /** @internal */
         this._isFormControl = false;
+        /** @internal */
         this._open = false;
+        /** @internal */
         this._lastSelectWasByKeyManager = false;
+        /** @internal */
         this.destroyed$ = new Subject();
     }
+    /** @internal */
     manageKeyboardEvents(event) {
         if (this.open) {
             const activeIndex = this.keyManager.activeItemIndex || 0;
@@ -7512,10 +7617,12 @@ class PickerComponent {
     ngOnDestroy() {
         this.destroyed$.next();
     }
+    /** @internal */
     closePicker() {
         this.setActivePickerOption(-1);
         this.open = false;
     }
+    /** @internal */
     toggleOpen() {
         this.open = !this.open;
         if (this.open) {
@@ -7533,13 +7640,16 @@ class PickerComponent {
         }
     }
     //#region Angular Forms API. This is only used when using the Picker inside a FormGroup
+    /** @internal */
     writeValue(value) {
         this.options?.toArray().forEach((option) => (option.selected = option.value === value));
     }
+    /** @internal */
     registerOnChange(fn) {
         this.propagateChange = fn;
         this._isFormControl = true;
     }
+    /** @internal */
     registerOnTouched(fn) {
         this.onTouched = fn;
     }
@@ -7700,18 +7810,24 @@ class SelectListComponent extends BaseSelectDirective {
         this.options = [];
         this.selectionChange = new EventEmitter();
         this.onChooseItem = new EventEmitter();
+        /** @internal */
         this.highlightedIndex = 0;
+        /** @internal */
         this.destroyed$ = new Subject();
     }
+    /** @internal */
     get dropdownTmpl() {
         return this.explicitDropdown || this.implicitDropdown;
     }
+    /** @internal */
     resetInput() {
         this.queryControl.reset('', { emitEvent: false });
     }
+    /** @internal */
     focus() {
         this.searchInput.nativeElement.focus();
     }
+    /** @internal */
     focusAndOpen() {
         this.focus();
         this.open.next(true);
@@ -7793,6 +7909,7 @@ class SelectListComponent extends BaseSelectDirective {
         });
         this.focusAndOpen();
     }
+    /** @internal */
     selectOption(index) {
         if (this.determineHighlightIndex(this.options, this.selection) === index) {
             this.onChooseItem.emit(this.selection.id);
@@ -7805,6 +7922,7 @@ class SelectListComponent extends BaseSelectDirective {
             this.dropdownComponent?.select(index);
         }
     }
+    /** @internal */
     searchKeyChanged(event) {
         if (event.target.value === '' && !['ArrowUp', 'ArrowDown'].includes(event.key)) {
             this.highlightedIndex = this.determineHighlightIndex(this.dropdownComponent.options, this.selection);
@@ -7888,6 +8006,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.8", ngImpor
  * 2. Use the component in your template.
  */
 class SingleSelectComponent extends BaseSelectDirective {
+    /** @internal */
     static calculateNewCursorPostionOnKeyboardNavigation(cursorPosition, keyCode) {
         switch (keyCode) {
             case ARROW_LEFT:
@@ -7899,6 +8018,7 @@ class SingleSelectComponent extends BaseSelectDirective {
         }
         return cursorPosition;
     }
+    /** @internal */
     static getKeyboardSelectAction(cursorPosition, keyCode) {
         if (cursorPosition <= -1 && keyCode === ARROW_RIGHT) {
             return KeyboardSelectAction.NEXT;
@@ -7914,9 +8034,11 @@ class SingleSelectComponent extends BaseSelectDirective {
         }
         return null;
     }
+    /** @internal */
     get selectedOptionTmpl() {
         return this.explicitSelectedOption || this.implicitSelectedOption;
     }
+    /** @internal */
     get dropdownTmpl() {
         return this.explicitDropdown || this.implicitDropdown;
     }
@@ -7933,9 +8055,12 @@ class SingleSelectComponent extends BaseSelectDirective {
         this.allowClear = true;
         this.tabIndex = 0;
         this.markInvalid = false;
+        /** @internal */
         this.destroyed$ = new Subject();
+        /** @internal */
         this.isInputFocusedViaTab = false;
     }
+    /** @internal */
     get cursorStyle() {
         if (this.disabled) {
             return 'default';
@@ -7947,6 +8072,7 @@ class SingleSelectComponent extends BaseSelectDirective {
             return 'pointer';
         }
     }
+    /** @internal */
     get dropdownWidth() {
         switch (this.dropdownWidthScale) {
             case '1x':
@@ -7957,12 +8083,15 @@ class SingleSelectComponent extends BaseSelectDirective {
                 return '200%';
         }
     }
+    /** @internal */
     resetInput() {
         this.queryControl.reset('', { emitEvent: false });
     }
+    /** @internal */
     focus() {
         this.queryInput.nativeElement.focus();
     }
+    /** @internal */
     focusAndOpen() {
         this.queryInput.nativeElement.focus();
         this.open.next(true);
@@ -8055,6 +8184,7 @@ class SingleSelectComponent extends BaseSelectDirective {
         });
         keyboardEvents.openOnArrowDown$.subscribe(() => this.open.next(true));
     }
+    /** @internal */
     selectOption(option) {
         this.selection = option;
         this.selectionChange.emit(option);
@@ -8066,6 +8196,7 @@ class SingleSelectComponent extends BaseSelectDirective {
             this.open.next(false);
         });
     }
+    /** @internal */
     removeSelection() {
         this.selection = null;
         this.cd.markForCheck();
@@ -8074,17 +8205,23 @@ class SingleSelectComponent extends BaseSelectDirective {
         this.propagateChange(this.selection);
         this.resetSelectState();
     }
+    /** @internal */
     propagateChange(_value) { }
+    /** @internal */
     writeValue(newSelection) {
         this.selection = newSelection;
     }
+    /** @internal */
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
+    /** @internal */
     registerOnChange(fn) {
         this.propagateChange = fn;
     }
+    /** @internal */
     registerOnTouched(_fn) { }
+    /** @internal */
     focusedViaTab() {
         this.isInputFocusedViaTab = true;
     }