@haloduck/ui 2.0.17 → 2.0.19

package/index.d.ts

@@ -1,7 +1,7 @@
 import { HttpClient } from '@angular/common/http';
 import { FormGroup, FormBuilder, ControlValueAccessor } from '@angular/forms';
 import * as i0 from '@angular/core';
-import { EventEmitter, AfterViewInit, ElementRef, OnInit, OnDestroy, Type, OnChanges, SimpleChanges, Renderer2, Injector, TemplateRef } from '@angular/core';
+import { EventEmitter, AfterViewInit, OnChanges, ElementRef, SimpleChanges, OnInit, OnDestroy, Type, Renderer2, Injector, TemplateRef } from '@angular/core';
 import * as rxjs from 'rxjs';
 import { Observable, Subject } from 'rxjs';
 import { LngLat, MenuItemEx, SearchParams, TableRowProperty } from '@haloduck/core';
@@ -56,11 +56,17 @@ declare class ButtonComponent {
 interface Option {
     id?: string;
     value: string;
+    isSticky?: boolean;
+    isExclusive?: boolean;
+    shouldManualInput?: boolean;
+    manualPrefix?: string;
 }
 declare class SelectDropdownComponent {
     protected _filteredOptions: i0.WritableSignal<Option[]>;
     protected _options: Option[];
     protected _selectedOptionIds: string[];
+    protected manualInputValues: Record<string, string>;
+    protected activeManualKey: string | null;
     selectedChange: EventEmitter<string[]>;
     useFilter: boolean;
     multiselect: boolean;
@@ -72,14 +78,24 @@ declare class SelectDropdownComponent {
     get selectedOptions(): string[] | null;
     onFilterInput(event: Event): void;
     onToggleOption(option: Option): void;
+    isOptionSelected(option: Option): boolean;
+    private isIdExclusive;
+    private getManualKey;
+    private seedManualInputs;
+    onManualInputChange(option: Option, value: string): void;
+    onManualInputConfirm(option: Option): void;
+    onManualInputBlur(option: Option): void;
+    private emitSelectedChange;
+    private setSelected;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectDropdownComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectDropdownComponent, "haloduck-select-dropdown", never, { "useFilter": { "alias": "useFilter"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "atLeastOne": { "alias": "atLeastOne"; "required": false; }; "asButton": { "alias": "asButton"; "required": false; }; "options": { "alias": "options"; "required": false; }; "selectedOptionIds": { "alias": "selectedOptionIds"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, never, true, never>;
 }
 
-declare class SelectComponent implements ControlValueAccessor, AfterViewInit {
+declare class SelectComponent implements ControlValueAccessor, AfterViewInit, OnChanges {
     private readonly translateService;
     private readonly overlay;
     private readonly viewContainerRef;
+    private readonly cdr;
     private overlayRef;
     selectedChange: EventEmitter<string | string[]>;
     disabled: boolean | null;
@@ -101,7 +117,8 @@ declare class SelectComponent implements ControlValueAccessor, AfterViewInit {
     label: ElementRef;
     isDropdownOpen: i0.WritableSignal<boolean>;
     selectedOptionIds: string[];
-    get selectedOptions(): Option[];
+    displayedSelectedOptions: Option[];
+    private selectedIdToDisplayOption;
     onClick(event: MouseEvent): void;
     onKeyDown(event: KeyboardEvent): void;
     onDeselectOption(event: Event, option: Option): void;
@@ -114,6 +131,9 @@ declare class SelectComponent implements ControlValueAccessor, AfterViewInit {
     setDisabledState?(isDisabled: boolean): void;
     ngAfterViewInit(): void;
     constructor();
+    ngOnChanges(changes: SimpleChanges): void;
+    private recomputeSelectedOptions;
+    private isManualSelection;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "haloduck-select", never, { "disabled": { "alias": "disabled"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "asButton": { "alias": "asButton"; "required": false; }; "useIcon": { "alias": "useIcon"; "required": false; }; "useFilter": { "alias": "useFilter"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "atLeastOne": { "alias": "atLeastOne"; "required": false; }; "showAll": { "alias": "showAll"; "required": false; }; "options": { "alias": "options"; "required": false; }; "layout": { "alias": "layout"; "required": false; }; "labelWidth": { "alias": "labelWidth"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "selectedChange": "selectedChange"; }, never, ["*", "buttonIcon"], true, never>;
 }
@@ -647,10 +667,11 @@ declare class TagInputComponent implements ControlValueAccessor, AfterViewInit {
 declare class TagViewerComponent implements AfterViewInit {
     label: ElementRef;
     tags: string[];
+    shouldWrap: boolean;
     set value(tags: string[] | null);
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TagViewerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagViewerComponent, "haloduck-tag-viewer", never, { "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagViewerComponent, "haloduck-tag-viewer", never, { "shouldWrap": { "alias": "shouldWrap"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 interface GroupedConfig {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haloduck/ui",
-  "version": "2.0.17",
+  "version": "2.0.19",
   "description": "HaloDuck UI Library - Angular",
   "keywords": [
     "angular",