@truenas/ui-components 0.1.31 → 0.1.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@truenas/ui-components",
3
- "version": "0.1.31",
3
+ "version": "0.1.32",
4
4
  "publishConfig": {
5
5
  "registry": "https://registry.npmjs.org",
6
6
  "access": "public"
@@ -2285,9 +2285,14 @@ declare class TnSelectComponent<T = unknown> implements ControlValueAccessor {
2285
2285
  placeholder: _angular_core.InputSignal<string>;
2286
2286
  disabled: _angular_core.InputSignal<boolean>;
2287
2287
  testId: _angular_core.InputSignal<string>;
2288
+ multiple: _angular_core.InputSignal<boolean>;
2289
+ compareWith: _angular_core.InputSignal<((a: T | null, b: T | null) => boolean) | undefined>;
2288
2290
  selectionChange: _angular_core.OutputEmitterRef<T>;
2291
+ /** Emits the full array of selected values after each toggle in multiple mode. */
2292
+ multiSelectionChange: _angular_core.OutputEmitterRef<T[]>;
2289
2293
  protected isOpen: _angular_core.WritableSignal<boolean>;
2290
2294
  protected selectedValue: _angular_core.WritableSignal<T | null>;
2295
+ protected selectedValues: _angular_core.WritableSignal<T[]>;
2291
2296
  private formDisabled;
2292
2297
  isDisabled: _angular_core.Signal<boolean>;
2293
2298
  private onChange;
@@ -2295,22 +2300,23 @@ declare class TnSelectComponent<T = unknown> implements ControlValueAccessor {
2295
2300
  private elementRef;
2296
2301
  private cdr;
2297
2302
  constructor();
2298
- writeValue(value: T | null): void;
2299
- registerOnChange(fn: (value: T | null) => void): void;
2303
+ writeValue(value: T | T[] | null): void;
2304
+ registerOnChange(fn: (value: T | T[] | null) => void): void;
2300
2305
  registerOnTouched(fn: () => void): void;
2301
2306
  setDisabledState(isDisabled: boolean): void;
2302
2307
  toggleDropdown(): void;
2303
2308
  closeDropdown(): void;
2304
- onOptionClick(option: TnSelectOption<T>): void;
2309
+ onOptionClick(option: TnSelectOption<T>, groupDisabled?: boolean): void;
2305
2310
  selectOption(option: TnSelectOption<T>): void;
2306
- isSelected: _angular_core.Signal<(option: TnSelectOption<T>) => boolean>;
2307
- getDisplayText: _angular_core.Signal<string | (T & {})>;
2311
+ private toggleOption;
2312
+ isOptionSelected(option: TnSelectOption<T>): boolean;
2313
+ getDisplayText: _angular_core.Signal<string>;
2308
2314
  private findOptionByValue;
2309
2315
  hasAnyOptions: _angular_core.Signal<boolean>;
2310
2316
  private compareValues;
2311
2317
  onKeydown(event: KeyboardEvent): void;
2312
2318
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TnSelectComponent<any>, never>;
2313
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnSelectComponent<any>, "tn-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionGroups": { "alias": "optionGroups"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
2319
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TnSelectComponent<any>, "tn-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionGroups": { "alias": "optionGroups"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "testId": { "alias": "testId"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "multiSelectionChange": "multiSelectionChange"; }, never, never, true, never>;
2314
2320
  }
2315
2321
 
2316
2322
  /**