@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.
- package/fesm2022/latitude-ui-widgets-button.mjs +13 -19
- package/fesm2022/latitude-ui-widgets-button.mjs.map +1 -1
- package/fesm2022/latitude-ui-widgets-checkbox.mjs +6 -6
- package/fesm2022/latitude-ui-widgets-checkbox.mjs.map +1 -1
- package/fesm2022/latitude-ui-widgets-core.mjs +155 -2
- package/fesm2022/latitude-ui-widgets-core.mjs.map +1 -1
- package/fesm2022/latitude-ui-widgets-input.mjs +28 -174
- package/fesm2022/latitude-ui-widgets-input.mjs.map +1 -1
- package/fesm2022/latitude-ui-widgets-lookup.mjs +49 -0
- package/fesm2022/latitude-ui-widgets-lookup.mjs.map +1 -0
- package/fesm2022/latitude-ui-widgets-select.mjs +18 -17
- package/fesm2022/latitude-ui-widgets-select.mjs.map +1 -1
- package/fesm2022/latitude-ui-widgets-switch.mjs +6 -6
- package/fesm2022/latitude-ui-widgets-switch.mjs.map +1 -1
- package/fesm2022/latitude-ui-widgets-tabs.mjs +1 -1
- package/fesm2022/latitude-ui-widgets-tabs.mjs.map +1 -1
- package/fesm2022/latitude-ui-widgets-textbox.mjs +23 -24
- package/fesm2022/latitude-ui-widgets-textbox.mjs.map +1 -1
- package/fesm2022/latitude-ui-widgets-toolbar.mjs +13 -57
- package/fesm2022/latitude-ui-widgets-toolbar.mjs.map +1 -1
- package/lookup/README.md +3 -0
- package/package.json +5 -1
- package/types/latitude-ui-widgets-button.d.ts +17 -12
- package/types/latitude-ui-widgets-checkbox.d.ts +2 -2
- package/types/latitude-ui-widgets-core.d.ts +92 -3
- package/types/latitude-ui-widgets-input.d.ts +4 -95
- package/types/latitude-ui-widgets-lookup.d.ts +20 -0
- package/types/latitude-ui-widgets-select.d.ts +6 -3
- package/types/latitude-ui-widgets-switch.d.ts +2 -2
- package/types/latitude-ui-widgets-textbox.d.ts +8 -8
- 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 {
|
|
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
|
-
|
|
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 {
|
|
1
|
+
import { HTMLFormControl } from '@latitude-ui/widgets/core';
|
|
2
2
|
import * as i0 from '@angular/core';
|
|
3
3
|
|
|
4
|
-
declare class SwitchComponent extends
|
|
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 {
|
|
3
|
+
import { HTMLFormControl } from '@latitude-ui/widgets/core';
|
|
4
4
|
|
|
5
|
-
declare class
|
|
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<
|
|
10
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<
|
|
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
|
|
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
|
|
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
|
|
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 {
|
|
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 {
|
|
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<
|
|
17
|
-
readonly dock: _angular_core.InputSignal<
|
|
18
|
-
readonly variant: _angular_core.InputSignal<
|
|
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 {
|
|
24
|
-
export type {
|
|
16
|
+
export { ToolBarComponent };
|
|
17
|
+
export type { ToolBarDock, ToolBarSize, ToolBarVariant };
|