@leanix/components 0.4.262 → 0.4.263

package/index.d.ts

@@ -30,14 +30,16 @@ export * from './lib/core-ui/components/ellipsis/ellipsis.component';
 export * from './lib/core-ui/components/empty-state/empty-state.component';
 export * from './lib/core-ui/components/file-download-button/file-download-button.component';
 export * from './lib/core-ui/components/icon-scale/icon-scale.component';
-export * from './lib/core-ui/components/integration-link-card/integration-link-card.component';
 export * from './lib/core-ui/components/integration-link-card/integration-link-card-group.component';
+export * from './lib/core-ui/components/integration-link-card/integration-link-card.component';
 export * from './lib/core-ui/components/skeleton/skeleton.component';
 export * from './lib/core-ui/components/spinner/spinner.component';
 export * from './lib/core-ui/components/stepper/stepper.component';
 export * from './lib/core-ui/components/table/table-header/table-header.component';
 export * from './lib/core-ui/components/table/table.component';
 export * from './lib/core-ui/components/tiny-spinner/tiny-spinner.component';
+export * from './lib/core-ui/components/tokenizer/token/token.component';
+export * from './lib/core-ui/components/tokenizer/tokenizer.component';
 export * from './lib/core-ui/tooltip/tooltip-position.interface';
 export * from './lib/core-ui/tooltip/tooltip.component';
 export * from './lib/core-ui/tooltip/tooltip.directive';
@@ -91,10 +93,10 @@ export * from './lib/forms-ui/directives/form-error.directive';
 export * from './lib/forms-ui/directives/form-submit.directive';
 export * from './lib/forms-ui/directives/keyboard-action-source.directive';
 export * from './lib/forms-ui/directives/mark-invalid.directive';
+export * from './lib/forms-ui/directives/max-length-counter.directive';
 export * from './lib/forms-ui/directives/select-dropdown.directive';
 export * from './lib/forms-ui/directives/selectable-item.directive';
 export * from './lib/forms-ui/directives/selected-option.directive';
-export * from './lib/forms-ui/directives/max-length-counter.directive';
 export * from './lib/forms-ui/models/base-select.directive';
 export * from './lib/forms-ui/models/single-select-padding.interface';
 export * from './lib/forms-ui/models/sorting.interface';

package/lib/core-ui/components/tokenizer/token/token.component.d.ts

@@ -0,0 +1,10 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TokenComponent {
+    private elementRef;
+    constructor(elementRef: ElementRef<HTMLElement>);
+    show(): void;
+    hide(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TokenComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TokenComponent, "lx-token", never, {}, {}, never, ["*"], true, never>;
+}

package/lib/core-ui/components/tokenizer/tokenizer.component.d.ts

@@ -0,0 +1,36 @@
+import { AfterContentInit, ChangeDetectorRef, DestroyRef, ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { ResizeObserverService } from '../../services/resize-observer.service';
+import { TokenComponent } from './token/token.component';
+import * as i0 from "@angular/core";
+export declare class TokenizerComponent implements AfterContentInit {
+    private elementRef;
+    private destroyRef;
+    private changeDetectorRef;
+    private resizeObserverService;
+    readonly NAME = "TokenizerComponent";
+    protected overflowItems: import("@angular/core").WritableSignal<TokenComponent[]>;
+    protected overflowItemCount: import("@angular/core").Signal<number>;
+    protected showCounter: import("@angular/core").Signal<boolean>;
+    active: import("@angular/core").InputSignal<boolean, boolean>;
+    private active$;
+    private overflowStartIndex;
+    /**
+     * Emitted when the counter button is clicked
+     * @param startIndex The index of the first overflowing element
+     * @param counterElement The counter button element
+     */
+    overflowPlaceholderClick: EventEmitter<{
+        startIndex: number;
+        counterElement: ElementRef<HTMLElement>;
+    }>;
+    items?: QueryList<TokenComponent>;
+    counter?: ElementRef<HTMLElement>;
+    tokensContainer: ElementRef<HTMLElement>;
+    constructor(elementRef: ElementRef<HTMLElement>, destroyRef: DestroyRef, changeDetectorRef: ChangeDetectorRef, resizeObserverService: ResizeObserverService);
+    ngAfterContentInit(): void;
+    onCounterClicked(): void;
+    private tokenize;
+    private updateOverflowCounter;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TokenizerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TokenizerComponent, "lx-tokenizer", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "overflowPlaceholderClick": "overflowPlaceholderClick"; }, ["items"], ["lx-token"], true, never>;
+}

package/lib/core-ui/services/resize-observer.service.d.ts

@@ -1,8 +1,6 @@
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export type LxResizeObserverCallback = (resizedElement: ResizeObserverEntry) => void;
-interface ResizeableElement extends Element {
-    handleResize: LxResizeObserverCallback;
-}
 /**
  * Sharing one ResizeObserver object results in much better performance
  * over individual components creating their own ResizeObserver.
@@ -18,8 +16,9 @@ interface ResizeableElement extends Element {
  */
 export declare class ResizeObserverService {
     private resizeObserver?;
-    observe(element: ResizeableElement, callback: LxResizeObserverCallback, options?: ResizeObserverOptions): void;
-    unobserve(element: HTMLElement): void;
+    observe(element: Element, callback: LxResizeObserverCallback, options?: ResizeObserverOptions): void;
+    createResizeObservable(element: Element, options?: ResizeObserverOptions): Observable<ResizeObserverEntry>;
+    unobserve(element: Element): void;
     private resizeObserverCallback;
     /**
      * All browsers we officially support implement the ResizeObserver API.
@@ -32,4 +31,3 @@ export declare class ResizeObserverService {
     static ɵfac: i0.ɵɵFactoryDeclaration<ResizeObserverService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ResizeObserverService>;
 }
-export {};

package/lib/forms-ui/components/multi-select/multi-select-selection/multi-select-selection.component.d.ts

@@ -0,0 +1,11 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { KeyboardSelectDirective } from '../../keyboard-select.directive';
+import * as i0 from "@angular/core";
+export declare class MultiSelectSelectionComponent extends KeyboardSelectDirective {
+    selection: import("@angular/core").InputSignal<any[] | null | undefined, any[] | null | undefined>;
+    tokenize: import("@angular/core").InputSignal<boolean, boolean>;
+    removeItem: EventEmitter<unknown>;
+    selectionTemplate: TemplateRef<any> | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectSelectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectSelectionComponent, "lx-multi-select-selection", never, { "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "tokenize": { "alias": "tokenize"; "required": false; "isSignal": true; }; }, { "removeItem": "removeItem"; }, ["selectionTemplate"], never, true, never>;
+}

package/lib/forms-ui/components/multi-select/multi-select.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewInit, ChangeDetectorRef, EventEmitter, TemplateRef } from '@angular/core';
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { BaseSelectDirective, EventSet } from '../../models/base-select.directive';
@@ -27,16 +27,22 @@ export declare class MultiSelectComponent extends BaseSelectDirective implements
     selectionChange: EventEmitter<any[]>;
     blur: EventEmitter<void>;
     explicitDropdown?: TemplateRef<any>;
+    selectionTemplate?: TemplateRef<any>;
     queryInput: ResponsiveInputComponent;
     implicitDropdown: TemplateRef<any>;
+    selectionElement?: ElementRef<HTMLElement>;
     get dropdownTmpl(): TemplateRef<any>;
     readonly destroyed$: Subject<void>;
     isInputFocusedViaTab: boolean;
+    canTokenize: boolean;
+    get tokenize(): boolean;
     constructor(cd: ChangeDetectorRef);
     get dropdownWidth(): string | undefined;
     resetInput(): void;
     focus(): void;
     focusAndOpen(): void;
+    onFocus(): void;
+    onBlur(): void;
     ngAfterViewInit(): void;
     /**
      * Adds the given option to the selection and, by default, resets the input field.
@@ -51,6 +57,8 @@ export declare class MultiSelectComponent extends BaseSelectDirective implements
     registerOnTouched(_fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     focusedViaTab(): void;
+    private onSelectionChange;
+    private scrollToEndOfSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "lx-multi-select", never, { "markInvalid": { "alias": "markInvalid"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dropdownWidthScale": { "alias": "dropdownWidthScale"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; }, { "selectionChange": "selectionChange"; "blur": "blur"; }, ["explicitDropdown"], [".pills", ".dropdownComponent"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MultiSelectComponent, "lx-multi-select", never, { "markInvalid": { "alias": "markInvalid"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dropdownWidthScale": { "alias": "dropdownWidthScale"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; }, { "selectionChange": "selectionChange"; "blur": "blur"; }, ["explicitDropdown", "selectionTemplate"], [".pills", ".dropdownComponent"], true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanix/components",
-  "version": "0.4.262",
+  "version": "0.4.263",
   "license": "Apache-2.0",
   "author": "LeanIX GmbH",
   "repository": {