@coolon/angular-ui-powerups 16.1.0-aplpha.45 → 16.1.0-aplpha.46
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/esm2022/lib/components/exports.mjs +2 -1
- package/esm2022/lib/components/forms/abstract-input.component.mjs +43 -12
- package/esm2022/lib/components/forms/form-field.mjs +2 -0
- package/fesm2022/coolon-angular-ui-powerups.mjs +39 -11
- package/fesm2022/coolon-angular-ui-powerups.mjs.map +1 -1
- package/lib/components/exports.d.ts +1 -0
- package/lib/components/forms/abstract-input.component.d.ts +11 -5
- package/lib/components/forms/form-field.d.ts +5 -0
- package/package.json +1 -1
|
@@ -29,6 +29,7 @@ export * from "./focus-container/focus-container.component";
|
|
|
29
29
|
export * from "./forms/abstract-input.component";
|
|
30
30
|
export * from "./forms/abstract-list-input.component";
|
|
31
31
|
export * from "./forms/abstract-value-input.component";
|
|
32
|
+
export * from "./forms/form-field";
|
|
32
33
|
export * from "./forms/autocomplete-input/autocomplete-input.component";
|
|
33
34
|
export * from "./forms/checkbox-input/checkbox-input.component";
|
|
34
35
|
export * from "./forms/multiple-select-input/multiple-select-input.component";
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
|
2
2
|
import { ErrorStateMatcher } from '@angular/material/core';
|
|
3
3
|
import { FloatLabelType } from "@angular/material/form-field";
|
|
4
|
-
import { Command, Disposable, EventListenerList, FocusManager, IMutableHasValue, ListModel, ValueModel } from '@coolon/pectin';
|
|
4
|
+
import { Command, Disposable, EventListenerList, FocusManager, IMutableHasValue, ListModel, MutableValueModel, ValueModel } from '@coolon/pectin';
|
|
5
5
|
import { DisposableComponent } from '../disposable-component';
|
|
6
|
+
import { FormField } from "./form-field";
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
interface InputModel<T> extends IMutableHasValue<T>, Disposable {
|
|
8
9
|
value: T;
|
|
@@ -23,10 +24,12 @@ export declare class AbstractInputComponent<T> extends DisposableComponent {
|
|
|
23
24
|
* gets told it's an Object and can't scan for a base type annotated with @DelegateUsing(..).
|
|
24
25
|
*/
|
|
25
26
|
protected readonly formValue$: InputModel<T>;
|
|
26
|
-
|
|
27
|
+
accessor i18n$: MutableValueModel<FormField>;
|
|
28
|
+
accessor i18n: FormField;
|
|
29
|
+
_label: string;
|
|
27
30
|
userFloatLabel: FloatLabelType;
|
|
28
|
-
|
|
29
|
-
|
|
31
|
+
_hint?: string;
|
|
32
|
+
_placeholder?: string;
|
|
30
33
|
dense: boolean;
|
|
31
34
|
private readonly _enabled$;
|
|
32
35
|
set enabled$(condition$: ValueModel<boolean>);
|
|
@@ -55,6 +58,9 @@ export declare class AbstractInputComponent<T> extends DisposableComponent {
|
|
|
55
58
|
get errorList$(): ListModel<string>;
|
|
56
59
|
get firstError(): string;
|
|
57
60
|
get focusContext(): FocusManager.Context;
|
|
61
|
+
get label(): string;
|
|
62
|
+
get hint(): string;
|
|
63
|
+
get placeholder(): string;
|
|
58
64
|
get floatLabel(): FloatLabelType;
|
|
59
65
|
get showHint(): boolean;
|
|
60
66
|
/**
|
|
@@ -63,6 +69,6 @@ export declare class AbstractInputComponent<T> extends DisposableComponent {
|
|
|
63
69
|
*/
|
|
64
70
|
onValueEdited(callback: (is: T, was: T) => void): Disposable;
|
|
65
71
|
static ɵfac: i0.ɵɵFactoryDeclaration<AbstractInputComponent<any>, never>;
|
|
66
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<AbstractInputComponent<any>, "ng-component", never, { "
|
|
72
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<AbstractInputComponent<any>, "ng-component", never, { "i18n$": { "alias": "i18n$"; "required": false; }; "i18n": { "alias": "i18n"; "required": false; }; "_label": { "alias": "label"; "required": false; }; "userFloatLabel": { "alias": "floatLabel"; "required": false; }; "_hint": { "alias": "hint"; "required": false; }; "_placeholder": { "alias": "placeholder"; "required": false; }; "dense": { "alias": "dense"; "required": false; }; "enabled$": { "alias": "enabled$"; "required": false; }; "focusCommand": { "alias": "command.focus"; "required": false; }; "blurCommand": { "alias": "command.blur"; "required": false; }; "enterCommand": { "alias": "command.enter"; "required": false; }; "escapeCommand": { "alias": "command.escape"; "required": false; }; "clickCommand": { "alias": "command.click"; "required": false; }; }, { "focus": "focus"; "blur": "blur"; "enterKey": "enterKey"; "escapeKey": "escapeKey"; }, never, never, false, never>;
|
|
67
73
|
}
|
|
68
74
|
export {};
|