@latitude-ui/widgets 0.0.26 → 0.0.28

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.
Files changed (31) hide show
  1. package/fesm2022/latitude-ui-widgets-button.mjs +13 -19
  2. package/fesm2022/latitude-ui-widgets-button.mjs.map +1 -1
  3. package/fesm2022/latitude-ui-widgets-checkbox.mjs +6 -6
  4. package/fesm2022/latitude-ui-widgets-checkbox.mjs.map +1 -1
  5. package/fesm2022/latitude-ui-widgets-core.mjs +155 -2
  6. package/fesm2022/latitude-ui-widgets-core.mjs.map +1 -1
  7. package/fesm2022/latitude-ui-widgets-input.mjs +28 -174
  8. package/fesm2022/latitude-ui-widgets-input.mjs.map +1 -1
  9. package/fesm2022/latitude-ui-widgets-lookup.mjs +49 -0
  10. package/fesm2022/latitude-ui-widgets-lookup.mjs.map +1 -0
  11. package/fesm2022/latitude-ui-widgets-select.mjs +18 -17
  12. package/fesm2022/latitude-ui-widgets-select.mjs.map +1 -1
  13. package/fesm2022/latitude-ui-widgets-switch.mjs +6 -6
  14. package/fesm2022/latitude-ui-widgets-switch.mjs.map +1 -1
  15. package/fesm2022/latitude-ui-widgets-tabs.mjs +1 -1
  16. package/fesm2022/latitude-ui-widgets-tabs.mjs.map +1 -1
  17. package/fesm2022/latitude-ui-widgets-textbox.mjs +23 -24
  18. package/fesm2022/latitude-ui-widgets-textbox.mjs.map +1 -1
  19. package/fesm2022/latitude-ui-widgets-toolbar.mjs +13 -57
  20. package/fesm2022/latitude-ui-widgets-toolbar.mjs.map +1 -1
  21. package/lookup/README.md +3 -0
  22. package/package.json +5 -1
  23. package/types/latitude-ui-widgets-button.d.ts +17 -12
  24. package/types/latitude-ui-widgets-checkbox.d.ts +2 -2
  25. package/types/latitude-ui-widgets-core.d.ts +92 -3
  26. package/types/latitude-ui-widgets-input.d.ts +4 -95
  27. package/types/latitude-ui-widgets-lookup.d.ts +20 -0
  28. package/types/latitude-ui-widgets-select.d.ts +6 -3
  29. package/types/latitude-ui-widgets-switch.d.ts +2 -2
  30. package/types/latitude-ui-widgets-textbox.d.ts +8 -8
  31. package/types/latitude-ui-widgets-toolbar.d.ts +9 -16
@@ -0,0 +1,20 @@
1
+ import * as _angular_core from '@angular/core';
2
+ import { Observable } from 'rxjs';
3
+ import { HTMLFormControl } from '@latitude-ui/widgets/core';
4
+
5
+ type ValueStringify = (value: any) => string;
6
+ type PopoverOverlay = () => Observable<any | null>;
7
+ declare const DEFAULT_POPOVER: PopoverOverlay;
8
+ declare const DEFAULT_STRINGIFY: ValueStringify;
9
+ declare class LookupComponent<T = any> extends HTMLFormControl<T> {
10
+ readonly popover: _angular_core.InputSignal<PopoverOverlay>;
11
+ readonly stringify: _angular_core.InputSignal<ValueStringify>;
12
+ onSelect(): void;
13
+ /** @internal */
14
+ valueStringify(value: unknown): string;
15
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<LookupComponent<any>, never>;
16
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<LookupComponent<any>, "lat-lookup", never, { "popover": { "alias": "popover"; "required": false; "isSignal": true; }; "stringify": { "alias": "stringify"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
17
+ }
18
+
19
+ export { DEFAULT_POPOVER, DEFAULT_STRINGIFY, LookupComponent };
20
+ export type { PopoverOverlay, ValueStringify };
@@ -1,7 +1,7 @@
1
1
  import * as _angular_core from '@angular/core';
2
2
  import { Signal } from '@angular/core';
3
3
  import { ConnectedPosition, ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
4
- import { HTMLInputDirective } from '@latitude-ui/widgets/input';
4
+ import { HTMLFormControl } from '@latitude-ui/widgets/core';
5
5
 
6
6
  declare class SelectOptionComponent<T> {
7
7
  readonly value: _angular_core.InputSignal<T>;
@@ -24,7 +24,9 @@ declare class SelectOptionDirective<T> {
24
24
  static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectOptionDirective<any>, never, never, {}, {}, never, never, true, never>;
25
25
  }
26
26
 
27
- declare abstract class SelectDirective<T, TValue> extends HTMLInputDirective<TValue> {
27
+ type SelectMode = 'popover' | 'dialog';
28
+ declare abstract class SelectDirective<T, TValue> extends HTMLFormControl<TValue> {
29
+ readonly mode: _angular_core.InputSignal<SelectMode>;
28
30
  readonly searchable: _angular_core.InputSignalWithTransform<boolean, unknown>;
29
31
  readonly contentChildren: Signal<readonly SelectOptionDirective<T>[]>;
30
32
  /** @internal */
@@ -50,7 +52,7 @@ declare abstract class SelectDirective<T, TValue> extends HTMLInputDirective<TVa
50
52
  abstract selected: Signal<T[]>;
51
53
  abstract select(option: SelectOptionDirective<T>): void;
52
54
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectDirective<any, any>, never>;
53
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectDirective<any, any>, never, never, { "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; }, {}, ["contentChildren"], never, true, never>;
55
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SelectDirective<any, any>, never, never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; }, {}, ["contentChildren"], never, true, never>;
54
56
  }
55
57
 
56
58
  declare class SelectMultipleComponent<T> extends SelectDirective<T, T[]> {
@@ -70,3 +72,4 @@ declare class SelectSingleComponent<T> extends SelectDirective<T, T> {
70
72
  }
71
73
 
72
74
  export { SelectDirective, SelectMultipleComponent, SelectOptionComponent, SelectOptionDirective, SelectSingleComponent };
75
+ export type { SelectMode };
@@ -1,7 +1,7 @@
1
- import { HTMLInputDirective } from '@latitude-ui/widgets/input';
1
+ import { HTMLFormControl } from '@latitude-ui/widgets/core';
2
2
  import * as i0 from '@angular/core';
3
3
 
4
- declare class SwitchComponent extends HTMLInputDirective<boolean> {
4
+ declare class SwitchComponent extends HTMLFormControl<boolean> {
5
5
  toggle(): void;
6
6
  static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
7
7
  static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "lat-switch", ["latSwitch"], {}, {}, never, ["*"], true, never>;
@@ -1,16 +1,16 @@
1
1
  import * as _angular_core from '@angular/core';
2
2
  import { ElementRef } from '@angular/core';
3
- import { HTMLInputDirective } from '@latitude-ui/widgets/input';
3
+ import { HTMLFormControl } from '@latitude-ui/widgets/core';
4
4
 
5
- declare class HTMLTextBoxDirective<T> extends HTMLInputDirective<T> {
5
+ declare class TextBoxDirective<T> extends HTMLFormControl<T> {
6
6
  readonly el: _angular_core.Signal<ElementRef<any>>;
7
7
  blur(): void;
8
8
  focus(): void;
9
- static ɵfac: _angular_core.ɵɵFactoryDeclaration<HTMLTextBoxDirective<any>, never>;
10
- static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HTMLTextBoxDirective<any>, never, never, {}, {}, never, never, true, never>;
9
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextBoxDirective<any>, never>;
10
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextBoxDirective<any>, never, never, {}, {}, never, never, true, never>;
11
11
  }
12
12
 
13
- declare class TextBoxComponent extends HTMLTextBoxDirective<string> {
13
+ declare class TextBoxComponent extends TextBoxDirective<string> {
14
14
  readonly rows: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
15
15
  readonly maxlength: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
16
16
  readonly minlength: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
@@ -24,7 +24,7 @@ declare class TextBoxComponent extends HTMLTextBoxDirective<string> {
24
24
  }
25
25
 
26
26
  type DatePattern = 'dd/mm' | 'dd/mm/yyyy' | 'mm/dd' | 'mm/dd/yyyy' | 'mm/yy' | 'mm/yyyy' | 'yyyy' | 'yyyy/mm' | 'yyyy/mm/dd';
27
- declare class TextBoxDateComponent extends HTMLTextBoxDirective<Date> {
27
+ declare class TextBoxDateComponent extends TextBoxDirective<Date> {
28
28
  readonly max: _angular_core.InputSignal<Date | undefined>;
29
29
  readonly min: _angular_core.InputSignal<Date | undefined>;
30
30
  readonly pattern: _angular_core.InputSignal<DatePattern>;
@@ -61,7 +61,7 @@ declare class TextBoxDateComponent extends HTMLTextBoxDirective<Date> {
61
61
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextBoxDateComponent, "lat-textbox[type=\"date\"]", ["latTextBox"], { "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
62
62
  }
63
63
 
64
- declare class TextBoxNumberComponent extends HTMLTextBoxDirective<number> {
64
+ declare class TextBoxNumberComponent extends TextBoxDirective<number> {
65
65
  readonly max: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
66
66
  readonly min: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
67
67
  readonly step: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
@@ -104,5 +104,5 @@ declare class TextBoxNumberComponent extends HTMLTextBoxDirective<number> {
104
104
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextBoxNumberComponent, "lat-textbox[type=\"number\"]", ["latTextBox"], { "max": { "alias": "max"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "decimalSeparator": { "alias": "decimalSeparator"; "required": false; "isSignal": true; }; "decimalZeroPadding": { "alias": "decimalZeroPadding"; "required": false; "isSignal": true; }; "thousandSeparator": { "alias": "thousandSeparator"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
105
105
  }
106
106
 
107
- export { HTMLTextBoxDirective, TextBoxComponent, TextBoxDateComponent, TextBoxNumberComponent };
107
+ export { TextBoxComponent, TextBoxDateComponent, TextBoxDirective, TextBoxNumberComponent };
108
108
  export type { DatePattern };
@@ -1,24 +1,17 @@
1
- import * as _latitude_ui_widgets_core from '@latitude-ui/widgets/core';
2
- import { BoxSize } from '@latitude-ui/widgets/core';
3
1
  import * as _angular_core from '@angular/core';
4
- import { InjectionToken } from '@angular/core';
5
-
6
- type ToolBarOptions = {
7
- role: string;
8
- size: BoxSize;
9
- variant: 'default' | ({} & string);
10
- };
11
- declare const TOOLBAR_OPTIONS: InjectionToken<ToolBarOptions>;
2
+ import { BoxSize } from '@latitude-ui/widgets/core';
12
3
 
4
+ type ToolBarSize = BoxSize;
5
+ type ToolBarDock = 'top' | 'bottom' | 'topbottom' | 'none';
6
+ type ToolBarVariant = 'default' | ({} & string);
13
7
  declare class ToolBarComponent {
14
- readonly options: ToolBarOptions;
15
8
  readonly role: _angular_core.InputSignal<string>;
16
- readonly size: _angular_core.InputSignal<_latitude_ui_widgets_core.BoxSize>;
17
- readonly dock: _angular_core.InputSignal<"top" | "bottom" | "topbottom" | "none">;
18
- readonly variant: _angular_core.InputSignal<({} & string) | "default">;
9
+ readonly size: _angular_core.InputSignal<BoxSize>;
10
+ readonly dock: _angular_core.InputSignal<ToolBarDock>;
11
+ readonly variant: _angular_core.InputSignal<ToolBarVariant>;
19
12
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolBarComponent, never>;
20
13
  static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolBarComponent, "lat-toolbar", ["latToolBar"], { "role": { "alias": "role"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "dock": { "alias": "dock"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
21
14
  }
22
15
 
23
- export { TOOLBAR_OPTIONS, ToolBarComponent };
24
- export type { ToolBarOptions };
16
+ export { ToolBarComponent };
17
+ export type { ToolBarDock, ToolBarSize, ToolBarVariant };