@leanix/components 0.3.137 → 0.4.1

package/lib/forms-ui/components/basic-dropdown/basic-dropdown.component.d.ts

@@ -1,10 +1,9 @@
 import { CdkOverlayOrigin, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
-import { AfterViewChecked, AfterViewInit, EventEmitter, TemplateRef } from '@angular/core';
+import { AfterViewInit, EventEmitter, TemplateRef } from '@angular/core';
 import { SingleSelectPadding } from '../../models/single-select-padding.interface';
 import { KeyboardSelectDirective } from '../keyboard-select.directive';
 import * as i0 from "@angular/core";
-export declare class BasicDropdownComponent extends KeyboardSelectDirective implements AfterViewInit, AfterViewChecked {
-    private overlayOpenState;
+export declare class BasicDropdownComponent extends KeyboardSelectDirective implements AfterViewInit {
     static isNewItem(items: any[], term: string, key?: string): boolean;
     readonly NAME = "BasicDropdownComponent";
     options: any[];
@@ -30,9 +29,7 @@ export declare class BasicDropdownComponent extends KeyboardSelectDirective impl
     descriptionTemplateRef: TemplateRef<any>;
     selectOrigin: CdkOverlayOrigin;
     isTopDropdown: boolean;
-    overlayOpen$: import("rxjs").Observable<boolean>;
     constructor();
-    ngAfterViewChecked(): void;
     selectOption(option: any): void;
     onPositionChange(event: ConnectedOverlayPositionChange): void;
     get isNewItem(): boolean;

package/lib/forms-ui/components/keyboard-select.directive.d.ts

@@ -1,5 +1,5 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
-import { Observable, Subject } from 'rxjs';
+import { Observable, ReplaySubject, Subject } from 'rxjs';
 import { DropdownItem } from '../models/dropdown-item.interface';
 import * as i0 from "@angular/core";
 export declare enum KeyboardSelectAction {
@@ -14,6 +14,9 @@ export declare enum KeyboardSelectAction {
     CLOSE = "CLOSE"
 }
 export declare class KeyboardSelectDirective implements OnDestroy, AfterViewInit {
+    cdkOverlayOpenState: ReplaySubject<boolean>;
+    cdkOverlayOpen$: Observable<boolean>;
+    overlayPositioning: boolean;
     keyboardSelectAction: Observable<KeyboardSelectAction | null>;
     selectedItemIndexChange: EventEmitter<number>;
     _items: QueryList<DropdownItem>;

package/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.d.ts

@@ -1,3 +1,4 @@
+import { CdkOverlayOrigin, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { KeyboardSelectDirective } from '../keyboard-select.directive';
 import * as i0 from "@angular/core";
@@ -43,6 +44,7 @@ export declare class OptionGroupDropdownComponent extends KeyboardSelectDirectiv
     loading: boolean;
     trackByProperty?: string;
     showNoResultsIfGroupIsEmpty: boolean;
+    overlayPositioning: boolean;
     onItemSelected: EventEmitter<any>;
     containerScrolled: EventEmitter<any>;
     createNewOption: EventEmitter<string>;
@@ -53,11 +55,14 @@ export declare class OptionGroupDropdownComponent extends KeyboardSelectDirectiv
      * This way you can easily define different "No results" texts for different groups too.
      */
     noResultsOptionTemplateRef?: TemplateRef<any>;
+    selectOrigin: CdkOverlayOrigin;
+    isTopDropdown: boolean;
     get isNewItem(): boolean;
     selectOption(option: OptionGroupOption | any): void;
     trackByLabel(index: number, optionGroup: SingleSelectOptionGroup): string;
     onCreateNewOption(): void;
     trackByValue(_index: number, option: OptionGroupOption | any): any;
+    onPositionChange(event: ConnectedOverlayPositionChange): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionGroupDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionGroupDropdownComponent, "lx-option-group-dropdown", never, { "optionGroups": "optionGroups"; "newOptionLabel": "newOptionLabel"; "highlightTerm": "highlightTerm"; "showCreateNewOption": "showCreateNewOption"; "labelKey": "labelKey"; "loading": "loading"; "trackByProperty": "trackByProperty"; "showNoResultsIfGroupIsEmpty": "showNoResultsIfGroupIsEmpty"; }, { "onItemSelected": "onItemSelected"; "containerScrolled": "containerScrolled"; "createNewOption": "createNewOption"; }, ["optionTemplateRef", "noResultsOptionTemplateRef"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionGroupDropdownComponent, "lx-option-group-dropdown", never, { "optionGroups": "optionGroups"; "newOptionLabel": "newOptionLabel"; "highlightTerm": "highlightTerm"; "showCreateNewOption": "showCreateNewOption"; "labelKey": "labelKey"; "loading": "loading"; "trackByProperty": "trackByProperty"; "showNoResultsIfGroupIsEmpty": "showNoResultsIfGroupIsEmpty"; "overlayPositioning": "overlayPositioning"; }, { "onItemSelected": "onItemSelected"; "containerScrolled": "containerScrolled"; "createNewOption": "createNewOption"; }, ["optionTemplateRef", "noResultsOptionTemplateRef"], never, false, never>;
 }

package/lib/forms-ui/components/options-dropdown/options-dropdown.component.d.ts

@@ -1,3 +1,4 @@
+import { ConnectedPosition, ScrollStrategy, ScrollStrategyOptions } from '@angular/cdk/overlay';
 import { AfterViewInit, ChangeDetectorRef, OnDestroy, QueryList } from '@angular/core';
 import { Subject } from 'rxjs';
 import { KeyboardActionSourceDirective } from '../../directives/keyboard-action-source.directive';
@@ -5,22 +6,26 @@ import { OptionComponent } from '../option/option.component';
 import * as i0 from "@angular/core";
 export declare class OptionsDropdownComponent implements AfterViewInit, OnDestroy {
     private changeDetection;
+    private readonly scrollStrategies;
     readonly NAME = "OptionsDropdownComponent";
     align: 'right' | 'left';
     closeOnScroll: boolean;
     disabled: boolean;
     maxHeight: string;
     closeOnSelect: boolean;
-    set open(value: boolean);
-    get open(): boolean;
+    overlayPositioning: boolean;
     trigger: KeyboardActionSourceDirective;
     _options: QueryList<OptionComponent>;
+    overlayScrollStrategy: ScrollStrategy;
+    get overlayPositions(): ConnectedPosition[];
+    set open(value: boolean);
+    get open(): boolean;
     get options(): OptionComponent[];
     private readonly highlightedOptionIndex$;
     private _open;
     private isSubdropdownExpanded;
     readonly destroyed$: Subject<void>;
-    constructor(changeDetection: ChangeDetectorRef);
+    constructor(changeDetection: ChangeDetectorRef, scrollStrategies: ScrollStrategyOptions);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     closeDropdown(): void;
@@ -31,5 +36,5 @@ export declare class OptionsDropdownComponent implements AfterViewInit, OnDestro
     private collapse;
     private optionIsHighlightable;
     static ɵfac: i0.ɵɵFactoryDeclaration<OptionsDropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OptionsDropdownComponent, "lx-options-dropdown", never, { "align": "align"; "closeOnScroll": "closeOnScroll"; "disabled": "disabled"; "maxHeight": "maxHeight"; "closeOnSelect": "closeOnSelect"; }, {}, ["trigger", "_options"], ["[lxKeyboardActionSource]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionsDropdownComponent, "lx-options-dropdown", never, { "align": "align"; "closeOnScroll": "closeOnScroll"; "disabled": "disabled"; "maxHeight": "maxHeight"; "closeOnSelect": "closeOnSelect"; "overlayPositioning": "overlayPositioning"; }, {}, ["trigger", "_options"], ["[lxKeyboardActionSource]", "*"], false, never>;
 }

package/lib/forms-ui/models/base-select.directive.d.ts

@@ -1,7 +1,7 @@
 import { AfterViewInit, ElementRef, EventEmitter, OnChanges, OnDestroy, SimpleChanges } from '@angular/core';
 import { UntypedFormControl } from '@angular/forms';
 import { BehaviorSubject, Subject } from 'rxjs';
-import { KeyboardSelectAction } from '../components/keyboard-select.directive';
+import { KeyboardSelectAction, KeyboardSelectDirective } from '../components/keyboard-select.directive';
 import * as i0 from "@angular/core";
 export interface EventSet {
     event: KeyboardEvent;
@@ -19,6 +19,7 @@ export declare abstract class BaseSelectDirective implements AfterViewInit, OnCh
     close: EventEmitter<void>;
     open: EventEmitter<boolean>;
     optionsContainer: ElementRef<HTMLElement>;
+    dropdownBase: KeyboardSelectDirective;
     abstract selection?: any;
     abstract selectionChange: EventEmitter<any>;
     readonly query$: import("rxjs").Observable<string>;
@@ -49,6 +50,7 @@ export declare abstract class BaseSelectDirective implements AfterViewInit, OnCh
     protected mapToEventSet(event: KeyboardEvent, input: HTMLInputElement, virtualCursorPosition: number, selectionLength?: number): EventSet;
     protected doGetCaretPosition(oField: any): number;
     protected selectFirstOption(): void;
+    private notifyDropdownBase;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseSelectDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelectDirective, never, never, { "placeholder": "placeholder"; "disabled": "disabled"; "focusOnInit": "focusOnInit"; "dropdownMaxHeight": "dropdownMaxHeight"; "allowQuery": "allowQuery"; }, { "query": "query"; "close": "close"; "open": "open"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseSelectDirective, never, never, { "placeholder": "placeholder"; "disabled": "disabled"; "focusOnInit": "focusOnInit"; "dropdownMaxHeight": "dropdownMaxHeight"; "allowQuery": "allowQuery"; }, { "query": "query"; "close": "close"; "open": "open"; }, ["dropdownBase"], never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanix/components",
-  "version": "0.3.137",
+  "version": "0.4.1",
   "license": "Apache-2.0",
   "author": "LeanIX GmbH",
   "repository": {
@@ -19,17 +19,17 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/animations": "^13.3.2",
-    "@angular/cdk": "^13.2.5",
-    "@angular/common": "^13.3.2",
-    "@angular/core": "^13.3.2",
-    "@angular/forms": "^13.3.2",
-    "@angular/platform-browser": "^13.3.2",
-    "@angular/router": "^13.3.2",
+    "@angular/animations": "^15.1.1",
+    "@angular/cdk": "^15.1.1",
+    "@angular/common": "^15.1.1",
+    "@angular/core": "^15.1.1",
+    "@angular/forms": "^15.1.1",
+    "@angular/platform-browser": "^15.1.1",
+    "@angular/router": "^15.1.1",
     "@ngx-translate/core": "^11.0.1",
     "@types/marked": "4.0.2",
-    "rxjs": "^6.5.5",
     "dompurify": "2.3.10",
+    "rxjs": "^6.5.5",
     "@angular/platform-browser-dynamic": "15.1.1"
   },
   "module": "fesm2015/leanix-components.mjs",