@patter/ngx-components 20.0.4 → 20.0.6

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, EventEmitter, ElementRef, OnDestroy, Signal, AfterViewInit, TemplateRef, ApplicationRef, EnvironmentInjector, QueryList } from '@angular/core';
+import { OnInit, EventEmitter, ElementRef, OnDestroy, Signal, AfterViewInit, TemplateRef, QueryList } from '@angular/core';
 import { ValidatorFn, AsyncValidatorFn, FormGroup, ControlValueAccessor, FormControl } from '@angular/forms';
 import { Observable } from 'rxjs';
 
@@ -34,7 +34,7 @@ interface PtrOptionGroup {
 }
 type OptionInputs = (string | PtrOption)[] | PtrOptionGroup[];
 interface PtrFormField {
-    type: 'text' | 'textarea' | 'number' | 'email' | 'password' | 'search' | 'select' | 'date' | 'hidden' | 'chips';
+    type: 'text' | 'textarea' | 'number' | 'email' | 'password' | 'search' | 'select' | 'multi-select' | 'date' | 'hidden' | 'chips';
     name: string;
     label: string;
     description?: string;
@@ -47,6 +47,7 @@ interface PtrFormField {
     validationMessages?: Record<string, string>;
     options?: OptionInputs;
     dialogHelpText?: string;
+    maxSelections?: number;
     searchFn?: (term: string) => Observable<string[]>;
     maxItems?: number;
     conditional?: PtrConditionalConfig;
@@ -84,11 +85,11 @@ declare class PtrFormComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<PtrFormComponent, "ptr-form", never, { "config": { "alias": "config"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "error": { "alias": "error"; "required": false; }; }, { "formSubmit": "formSubmit"; "formGroupCreated": "formGroupCreated"; }, never, never, true, never>;
 }
 
-interface ProcessedOption {
+interface ProcessedOption$1 {
     type: 'option' | 'group';
     label: string;
     value?: string;
-    options?: ProcessedOption[];
+    options?: ProcessedOption$1[];
 }
 declare class PtrDialogListComponent {
     set options(value: (PtrOption | PtrOptionGroup | string)[] | undefined);
@@ -106,7 +107,7 @@ declare class PtrDialogListComponent {
     isOpen: i0.WritableSignal<boolean>;
     private componentId;
     listId: string;
-    filteredOptions: i0.Signal<ProcessedOption[]>;
+    filteredOptions: i0.Signal<ProcessedOption$1[]>;
     openDialog(): void;
     openDialogSilent(): void;
     closeDialog(): void;
@@ -154,6 +155,90 @@ declare class PtrSelectComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<PtrSelectComponent, "ptr-select", never, { "options": { "alias": "options"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
 }
 
+interface ProcessedOption {
+    type: 'option' | 'group';
+    label: string;
+    value?: string;
+    options?: ProcessedOption[];
+}
+declare class PtrMultiDialogListComponent {
+    set options(value: (PtrOption | PtrOptionGroup | string)[] | undefined);
+    showSearch: boolean;
+    searchPlaceholder: string;
+    dialogTitle?: string | undefined;
+    selectedValues: string[];
+    maxSelections?: number;
+    showSelectAll: boolean;
+    selectionChange: EventEmitter<string[]>;
+    dialogClosed: EventEmitter<void>;
+    searchTermChanged: EventEmitter<string>;
+    dialog: ElementRef<HTMLDialogElement>;
+    private _options;
+    selectedItems: i0.WritableSignal<string[]>;
+    searchTerm: i0.WritableSignal<string>;
+    highlightedIndex: i0.WritableSignal<number>;
+    isOpen: i0.WritableSignal<boolean>;
+    private componentId;
+    listId: string;
+    filteredOptions: i0.Signal<ProcessedOption[]>;
+    allFilteredOptionValues: i0.Signal<string[]>;
+    allSelectedState: i0.Signal<boolean | "indeterminate">;
+    shouldShowSelectAll: i0.Signal<boolean>;
+    openDialog(): void;
+    openDialogSilent(): void;
+    closeDialog(): void;
+    updateSearchTerm(term: string): void;
+    onDialogKeyDown(event: KeyboardEvent): void;
+    onInputKeyDown(event: KeyboardEvent): void;
+    onOptionKeyDown(event: KeyboardEvent, optionValue: string): void;
+    onSelectAllKeyDown(event: KeyboardEvent): void;
+    focusOption(): void;
+    toggleOption(optionValue: string): void;
+    toggleSelectAll(): void;
+    isOptionSelected(optionValue: string): boolean;
+    canSelectMore(): boolean;
+    private getTotalOptionsCount;
+    private processOptions;
+    adjustDialogPosition(): void;
+    resetDialogPosition(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PtrMultiDialogListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PtrMultiDialogListComponent, "ptr-multi-dialog-list", never, { "options": { "alias": "options"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "dialogTitle": { "alias": "dialogTitle"; "required": false; }; "selectedValues": { "alias": "selectedValues"; "required": false; }; "maxSelections": { "alias": "maxSelections"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; }, { "selectionChange": "selectionChange"; "dialogClosed": "dialogClosed"; "searchTermChanged": "searchTermChanged"; }, never, never, true, never>;
+}
+
+declare class PtrMultiSelectComponent {
+    options: (PtrOption | PtrOptionGroup | string)[] | undefined;
+    showSearch: boolean;
+    placeholder?: string | null;
+    label?: string | undefined;
+    description?: string | undefined;
+    labelPosition?: 'top' | 'inline';
+    maxSelections?: number;
+    showSelectAll: boolean;
+    selectionChange: EventEmitter<string[]>;
+    selectButton: ElementRef<HTMLButtonElement>;
+    dialogList: PtrMultiDialogListComponent;
+    value: i0.WritableSignal<string[]>;
+    selectedOptions: i0.Signal<PtrOption[]>;
+    displayText: i0.Signal<string>;
+    effectivePlaceholder: i0.Signal<string>;
+    private componentId;
+    labelId: string;
+    inputId: string;
+    onChange: (value: string[]) => void;
+    onTouched: () => void;
+    onDocumentClick(event: MouseEvent): void;
+    toggleDialog(): void;
+    onSelectionChanged(selectedValues: string[]): void;
+    removeSelectedItem(valueToRemove: string): void;
+    writeValue(value: string[]): void;
+    registerOnChange(fn: (value: string[]) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState?(isDisabled: boolean): void;
+    private flattenOptions;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PtrMultiSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PtrMultiSelectComponent, "ptr-multi-select", never, { "options": { "alias": "options"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "label": { "alias": "label"; "required": false; }; "description": { "alias": "description"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "maxSelections": { "alias": "maxSelections"; "required": false; }; "showSelectAll": { "alias": "showSelectAll"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
 declare class PtrInputComponent implements ControlValueAccessor, OnInit {
     type: 'text' | 'number' | 'email' | 'password' | 'search' | 'hidden' | 'date' | 'textarea';
     label: string;
@@ -195,7 +280,14 @@ declare class PtrChipInputComponent implements ControlValueAccessor, OnInit {
     description?: string | undefined;
     labelPosition?: 'top' | 'inline';
     maxItems?: number;
+    suggestions: (PtrOption | PtrOptionGroup | string)[] | undefined;
+    /**
+     * Auto reopen the suggestions dialog after adding/selecting a chip (default true)
+     * as long as maxItems has not been reached.
+     */
+    autoReopenAfterSelect: boolean;
     chipInput: ElementRef<HTMLInputElement>;
+    dialogList?: PtrDialogListComponent;
     private componentId;
     inputId: string;
     inputValue: i0.WritableSignal<string>;
@@ -209,12 +301,19 @@ declare class PtrChipInputComponent implements ControlValueAccessor, OnInit {
     removeChip(index: number): void;
     onKeyDown(event: KeyboardEvent): void;
     onBlur(): void;
+    onDocumentClick(event: MouseEvent): void;
+    openDialog(): void;
+    closeDialog(): void;
+    onSuggestionSelected(optionValue: string | null): void;
+    private addChipFromValue;
+    private maybeReopenDialog;
+    private hasSuggestions;
     writeValue(value: string[]): void;
     registerOnChange(fn: (value: string[]) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PtrChipInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PtrChipInputComponent, "ptr-chip-input", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "description": { "alias": "description"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PtrChipInputComponent, "ptr-chip-input", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "description": { "alias": "description"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "maxItems": { "alias": "maxItems"; "required": false; }; "suggestions": { "alias": "suggestions"; "required": false; }; "autoReopenAfterSelect": { "alias": "autoReopenAfterSelect"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class PtrTitleComponent implements OnInit {
@@ -356,7 +455,6 @@ declare class PtrDialogService {
     private appRef;
     private injector;
     private dialogComponentRef;
-    constructor(appRef: ApplicationRef, injector: EnvironmentInjector);
     open<T = unknown>(options: PtrDialogOptions<T>): Observable<DialogResult<T>>;
     private removeDialog;
     static ɵfac: i0.ɵɵFactoryDeclaration<PtrDialogService, never>;
@@ -448,5 +546,5 @@ declare class PtrToasterComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<PtrToasterComponent, "ptr-toaster", never, {}, {}, never, never, true, never>;
 }
 
-export { PtrBreadcrumbsComponent, PtrButtonComponent, PtrChipInputComponent, PtrDialogComponent, PtrDialogService, PtrFormComponent, PtrInputComponent, PtrLoadingService, PtrLoadingSpinnerComponent, PtrLoadingSpinnerDirective, PtrMenuComponent, PtrSelectComponent, PtrTabComponent, PtrTabsComponent, PtrTitleComponent, PtrToasterComponent, PtrToasterService, PtrTooltipComponent };
+export { PtrBreadcrumbsComponent, PtrButtonComponent, PtrChipInputComponent, PtrDialogComponent, PtrDialogService, PtrFormComponent, PtrInputComponent, PtrLoadingService, PtrLoadingSpinnerComponent, PtrLoadingSpinnerDirective, PtrMenuComponent, PtrMultiSelectComponent, PtrSelectComponent, PtrTabComponent, PtrTabsComponent, PtrTitleComponent, PtrToasterComponent, PtrToasterService, PtrTooltipComponent };
 export type { OptionInputs, PtrBreadcrumb, PtrConditionalConfig, PtrConditionalRule, PtrFormConfig, PtrFormField, PtrMenuItem, PtrOption, PtrOptionGroup, PtrToast };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patter/ngx-components",
-  "version": "20.0.4",
+  "version": "20.0.6",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0"