ets-fe-ng-sdk 17.0.308 → 17.0.310
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/Reusables/reusable-comps/find-item/find-item.component.mjs +2 -2
- package/esm2022/lib/Shared/components/btn/btn.model.mjs +1 -1
- package/esm2022/lib/Shared/components/btn/btn.service.mjs +168 -164
- package/esm2022/lib/Shared/components/editable-text-case/editable-text-case.component.mjs +2 -2
- package/esm2022/lib/Shared/components/file-upload/file-upload.component.mjs +17 -5
- package/esm2022/lib/Shared/components/form-generator/form-generator.base.component.mjs +1 -1
- package/esm2022/lib/Shared/components/form-generator/form-generator.component.mjs +3 -3
- package/esm2022/lib/Shared/components/input/day-hour-min-input/day-hour-min-input.component.mjs +1 -1
- package/esm2022/lib/Shared/components/input/input-base.component.mjs +6 -2
- package/esm2022/lib/Shared/components/input/input-basic.component.mjs +3 -7
- package/esm2022/lib/Shared/components/input/input-control.component.mjs +3 -3
- package/esm2022/lib/Shared/components/input/input-td-rf.component.mjs +3 -3
- package/esm2022/lib/Shared/components/input/input.component.mjs +3 -3
- package/esm2022/lib/Shared/components/input/validation-message/validation-message.component.mjs +6 -10
- package/esm2022/lib/Shared/components/input-table/input-table.component.mjs +2 -2
- package/esm2022/lib/Shared/components/table-input/table-input-row/table-input-row.component.mjs +2 -2
- package/esm2022/lib/Shared/components/table-plain/table-plain.component.mjs +2 -2
- package/esm2022/lib/Shared/components/webcam-media/webcam-media.component.mjs +266 -0
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/ets-fe-ng-sdk.mjs +548 -283
- package/fesm2022/ets-fe-ng-sdk.mjs.map +1 -1
- package/lib/Services/utility.service.d.ts +1 -1
- package/lib/Shared/components/btn/btn.component.d.ts +1 -1
- package/lib/Shared/components/btn/btn.model.d.ts +1 -1
- package/lib/Shared/components/btn/btn.service.d.ts +7 -0
- package/lib/Shared/components/file-upload/file-upload.component.d.ts +9 -3
- package/lib/Shared/components/form-generator/form-generator.base.component.d.ts +2 -0
- package/lib/Shared/components/info-dialog/info-dialog.component.d.ts +1 -1
- package/lib/Shared/components/input/input-base.component.d.ts +3 -1
- package/lib/Shared/components/input/input-basic.component.d.ts +1 -3
- package/lib/Shared/components/input/validation-message/validation-message.component.d.ts +3 -3
- package/lib/Shared/components/webcam-media/webcam-media.component.d.ts +88 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -57,7 +57,7 @@ export declare class UtilityService<TEnvironment extends SDKEnvironment = SDKEnv
|
|
|
57
57
|
debouncerService: DebouncerService;
|
|
58
58
|
numberPipe: DecimalPipe;
|
|
59
59
|
constructor();
|
|
60
|
-
formControl: <T>(value?: T, validatorOrOpts?: ValidatorFn | ValidatorFn[] | FormControlOptions, asyncValidator?: AsyncValidatorFn | AsyncValidatorFn[]) => (
|
|
60
|
+
formControl: <T>(value?: T, validatorOrOpts?: ValidatorFn | ValidatorFn[] | FormControlOptions, asyncValidator?: AsyncValidatorFn | AsyncValidatorFn[]) => (AsyncValidatorFn | AsyncValidatorFn[] | ValidatorFn | ValidatorFn[] | T | FormControlOptions)[];
|
|
61
61
|
back: () => void;
|
|
62
62
|
onlyOneInput(inputs: FormControl[]): Subscription;
|
|
63
63
|
copyPayload(payload: any): Promise<void>;
|
|
@@ -25,7 +25,7 @@ export declare class BtnComponent implements OnInit {
|
|
|
25
25
|
set _type(v: BtnType);
|
|
26
26
|
set _group(v: BtnGroup);
|
|
27
27
|
_mclass: import("@angular/core").WritableSignal<string>;
|
|
28
|
-
actionType: import("@angular/core").InputSignal<"
|
|
28
|
+
actionType: import("@angular/core").InputSignal<"submit" | "button" | "reset">;
|
|
29
29
|
animate: import("@angular/core").InputSignal<boolean>;
|
|
30
30
|
excludeLogging: boolean;
|
|
31
31
|
loggingValue: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IKVP } from '../../models/index.model';
|
|
2
2
|
export type BtnType = 'clear' | 'close' | 'danger-outline' | 'danger' | 'dark-outline' | 'dark' | 'outline-nm' | 'outline' | 'primary' | 'secondary' | 'success';
|
|
3
3
|
export type BtnGroup = 'add' | 'clone' | 'close' | 'create' | 'save' | 'delete' | 'download' | 'edit' | 'link' | 'search' | 'show' | 'submit' | 'upload';
|
|
4
|
-
export type IconType = 'access' | 'add' | 'adjust' | 'arrowh' | 'bank' | 'calendar' | 'cancel' | 'cash' | 'checked' | 'checklist' | 'clone' | 'close' | 'cogs' | 'delete' | 'download' | 'dropdown' | 'edit' | 'error' | 'export' | 'file' | 'filter' | 'generate' | 'guard' | 'history' | 'home' | 'import' | 'info' | 'link' | 'lock' | 'next' | 'pen' | 'percent' | 'play' | 'post' | 'previous' | 'receipt' | 'recycle' | 'refresh' | 'renew' | 'save' | 'search' | 'shake' | 'show' | 'snooze' | 'spoon' | 'table' | 'tag' | 'truck' | 'unlock' | 'upload' | 'users' | 'view';
|
|
4
|
+
export type IconType = 'access' | 'add' | 'adjust' | 'arrowh' | 'bank' | 'calendar' | 'cancel' | 'cash' | 'checked' | 'pause' | 'checklist' | 'clone' | 'close' | 'stop' | 'cogs' | 'delete' | 'download' | 'dropdown' | 'edit' | 'error' | 'export' | 'file' | 'filter' | 'generate' | 'guard' | 'history' | 'home' | 'import' | 'info' | 'link' | 'lock' | 'next' | 'pen' | 'percent' | 'play' | 'post' | 'previous' | 'receipt' | 'recycle' | 'refresh' | 'renew' | 'save' | 'search' | 'shake' | 'show' | 'snooze' | 'spoon' | 'table' | 'tag' | 'truck' | 'unlock' | 'upload' | 'users' | 'view';
|
|
5
5
|
export interface IBtn extends IKVP {
|
|
6
6
|
action?: (arg?: any) => void;
|
|
7
7
|
group?: BtnGroup;
|
|
@@ -7,6 +7,13 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
export declare class BtnService {
|
|
8
8
|
uaS: UserActivityService;
|
|
9
9
|
btnClassConfig: BtnClass;
|
|
10
|
+
buttonIconIndex: {
|
|
11
|
+
[k in IconType]?: {
|
|
12
|
+
icon?: IconDefinition;
|
|
13
|
+
iconString?: string;
|
|
14
|
+
iconPosition?: 'right' | 'left';
|
|
15
|
+
};
|
|
16
|
+
};
|
|
10
17
|
constructor(uaS: UserActivityService);
|
|
11
18
|
getIcon: (iconType: IconType) => {
|
|
12
19
|
icon?: IconDefinition;
|
|
@@ -4,7 +4,13 @@ import * as i0 from "@angular/core";
|
|
|
4
4
|
export declare class FileUploadComponent implements OnInit {
|
|
5
5
|
help: string;
|
|
6
6
|
label: string;
|
|
7
|
+
mediaWidth: import("@angular/core").ModelSignal<number>;
|
|
7
8
|
class: import("@angular/core").InputSignal<string>;
|
|
9
|
+
useWebcam: import("@angular/core").InputSignal<boolean>;
|
|
10
|
+
/**
|
|
11
|
+
* Only useful if using the webcam option
|
|
12
|
+
*/
|
|
13
|
+
fileName: import("@angular/core").InputSignal<string>;
|
|
8
14
|
disabled: boolean;
|
|
9
15
|
multiple: boolean;
|
|
10
16
|
mini: import("@angular/core").InputSignal<boolean>;
|
|
@@ -20,11 +26,11 @@ export declare class FileUploadComponent implements OnInit {
|
|
|
20
26
|
constructor();
|
|
21
27
|
ngOnInit(): void;
|
|
22
28
|
get isSingle(): boolean;
|
|
23
|
-
|
|
24
|
-
|
|
29
|
+
protected acceptFiles(...files: File[]): void;
|
|
30
|
+
protected emitFiles(): void;
|
|
25
31
|
onUpload(event: any): void;
|
|
26
32
|
removeFile(index: number): void;
|
|
27
33
|
openDialog(): void;
|
|
28
34
|
static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadComponent, never>;
|
|
29
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "app-file-upload", never, { "help": { "alias": "help"; "required": false; }; "label": { "alias": "label"; "required": false; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "mini": { "alias": "mini"; "required": false; "isSignal": true; }; "useDocumentModal": { "alias": "useDocumentModal"; "required": false; }; "listFiles": { "alias": "listFiles"; "required": false; "isSignal": true; }; "_accept": { "alias": "accept"; "required": false; }; "file": { "alias": "file"; "required": false; }; "files": { "alias": "files"; "required": false; }; }, { "fileChange": "fileChange"; "filesChange": "filesChange"; }, never, never, true, never>;
|
|
35
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadComponent, "app-file-upload", never, { "help": { "alias": "help"; "required": false; }; "label": { "alias": "label"; "required": false; }; "mediaWidth": { "alias": "mediaWidth"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "useWebcam": { "alias": "useWebcam"; "required": false; "isSignal": true; }; "fileName": { "alias": "fileName"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "mini": { "alias": "mini"; "required": false; "isSignal": true; }; "useDocumentModal": { "alias": "useDocumentModal"; "required": false; }; "listFiles": { "alias": "listFiles"; "required": false; "isSignal": true; }; "_accept": { "alias": "accept"; "required": false; }; "file": { "alias": "file"; "required": false; }; "files": { "alias": "files"; "required": false; }; }, { "mediaWidth": "mediaWidthChange"; "fileChange": "fileChange"; "filesChange": "filesChange"; }, never, never, true, never>;
|
|
30
36
|
}
|
|
@@ -51,6 +51,8 @@ export interface IBaseFormSchema<T, Component extends BaseFormGenerator<T>, TFor
|
|
|
51
51
|
optionLabelFormatter?: (row: any) => string;
|
|
52
52
|
max?: number;
|
|
53
53
|
min?: number;
|
|
54
|
+
minLength?: number;
|
|
55
|
+
maxLength?: number;
|
|
54
56
|
noFormat?: boolean;
|
|
55
57
|
optionFormatter?: (item: any) => string;
|
|
56
58
|
options?: any[];
|
|
@@ -20,7 +20,7 @@ export declare class InfoDialogComponent implements OnInit {
|
|
|
20
20
|
yes(): void;
|
|
21
21
|
no(): void;
|
|
22
22
|
handleAction: (event: PointerEvent, item: IInfoDialogBtn) => void;
|
|
23
|
-
cls: (status?: 0 | 1 | 2) => "" | "
|
|
23
|
+
cls: (status?: 0 | 1 | 2) => "danger" | "success" | "info" | "";
|
|
24
24
|
static ɵfac: i0.ɵɵFactoryDeclaration<InfoDialogComponent, never>;
|
|
25
25
|
static ɵcmp: i0.ɵɵComponentDeclaration<InfoDialogComponent, "ng-component", never, {}, {}, never, never, true, never>;
|
|
26
26
|
}
|
|
@@ -57,6 +57,8 @@ export declare class InputBase<TFormGroup extends {
|
|
|
57
57
|
stackedSignal: import("@angular/core").InputSignal<boolean>;
|
|
58
58
|
debug: import("@angular/core").InputSignal<boolean>;
|
|
59
59
|
clearOnDisable: import("@angular/core").InputSignal<boolean>;
|
|
60
|
+
minLength: number;
|
|
61
|
+
maxLength: number;
|
|
60
62
|
set _disabled(v: boolean);
|
|
61
63
|
set _type(v: InputType);
|
|
62
64
|
showPasswordSignal: import("@angular/core").WritableSignal<boolean>;
|
|
@@ -103,5 +105,5 @@ export declare class InputBase<TFormGroup extends {
|
|
|
103
105
|
constructor();
|
|
104
106
|
dateChanged(value: string): void;
|
|
105
107
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputBase<any, any, any>, never>;
|
|
106
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputBase<any, any, any>, "ng-component", never, { "cls": { "alias": "cls"; "required": false; "isSignal": true; }; "dontFormatAsInputSignal": { "alias": "dontFormatAsInput"; "required": false; "isSignal": true; }; "duplicateCheckSignal": { "alias": "duplicateCheck"; "required": false; "isSignal": true; }; "presetValue": { "alias": "presetValue"; "required": false; "isSignal": true; }; "endLabelSignal": { "alias": "endLabel"; "required": false; "isSignal": true; }; "endLabelTooltipSignal": { "alias": "endLabelTooltip"; "required": false; "isSignal": true; }; "idSignal": { "alias": "id"; "required": false; "isSignal": true; }; "inputContClassSignal": { "alias": "inputContClass"; "required": false; "isSignal": true; }; "labelSignal": { "alias": "label"; "required": false; "isSignal": true; }; "noFormat": { "alias": "noFormat"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonlySignal": { "alias": "readonly"; "required": false; "isSignal": true; }; "requiredSignal": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredTagSignal": { "alias": "showRequiredTag"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "textareaRowsSignal": { "alias": "textareaRows"; "required": false; "isSignal": true; }; "translateOptions": { "alias": "translateOptions"; "required": false; "isSignal": true; }; "_form": { "alias": "form"; "required": false; }; "inlineHint": { "alias": "inlineHint"; "required": false; }; "autoPickValueField": { "alias": "autoPickValueField"; "required": false; }; "labelField": { "alias": "labelField"; "required": false; }; "labelType": { "alias": "labelType"; "required": false; }; "optionFormatter": { "alias": "optionFormatter"; "required": false; }; "_name": { "alias": "name"; "required": false; }; "_indeterminate": { "alias": "indeterminate"; "required": false; }; "_max": { "alias": "max"; "required": false; }; "_min": { "alias": "min"; "required": false; }; "maxToday": { "alias": "maxToday"; "required": false; }; "minToday": { "alias": "minToday"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "prefixSignal": { "alias": "prefix"; "required": false; "isSignal": true; }; "miniSignal": { "alias": "mini"; "required": false; "isSignal": true; }; "inpClSignal": { "alias": "inpCl"; "required": false; "isSignal": true; }; "showEmptyOptionSignal": { "alias": "showEmptyOption"; "required": false; "isSignal": true; }; "showLabelSignal": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showValidationSignal": { "alias": "showValidation"; "required": false; "isSignal": true; }; "showValidationIconSignal": { "alias": "showValidationIcon"; "required": false; "isSignal": true; }; "smallSignal": { "alias": "small"; "required": false; "isSignal": true; }; "showValidationMsgSignal": { "alias": "showValidationMsg"; "required": false; "isSignal": true; }; "stackedSignal": { "alias": "stacked"; "required": false; "isSignal": true; }; "debug": { "alias": "debug"; "required": false; "isSignal": true; }; "clearOnDisable": { "alias": "clearOnDisable"; "required": false; "isSignal": true; }; "_disabled": { "alias": "disabled"; "required": false; }; "_type": { "alias": "type"; "required": false; }; "coloredSignal": { "alias": "colored"; "required": false; "isSignal": true; }; "checkedSignal": { "alias": "checkedSignal"; "required": false; "isSignal": true; }; }, { "mchange": "mchange"; }, never, never, true, never>;
|
|
108
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputBase<any, any, any>, "ng-component", never, { "cls": { "alias": "cls"; "required": false; "isSignal": true; }; "dontFormatAsInputSignal": { "alias": "dontFormatAsInput"; "required": false; "isSignal": true; }; "duplicateCheckSignal": { "alias": "duplicateCheck"; "required": false; "isSignal": true; }; "presetValue": { "alias": "presetValue"; "required": false; "isSignal": true; }; "endLabelSignal": { "alias": "endLabel"; "required": false; "isSignal": true; }; "endLabelTooltipSignal": { "alias": "endLabelTooltip"; "required": false; "isSignal": true; }; "idSignal": { "alias": "id"; "required": false; "isSignal": true; }; "inputContClassSignal": { "alias": "inputContClass"; "required": false; "isSignal": true; }; "labelSignal": { "alias": "label"; "required": false; "isSignal": true; }; "noFormat": { "alias": "noFormat"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonlySignal": { "alias": "readonly"; "required": false; "isSignal": true; }; "requiredSignal": { "alias": "required"; "required": false; "isSignal": true; }; "showRequiredTagSignal": { "alias": "showRequiredTag"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "textareaRowsSignal": { "alias": "textareaRows"; "required": false; "isSignal": true; }; "translateOptions": { "alias": "translateOptions"; "required": false; "isSignal": true; }; "_form": { "alias": "form"; "required": false; }; "inlineHint": { "alias": "inlineHint"; "required": false; }; "autoPickValueField": { "alias": "autoPickValueField"; "required": false; }; "labelField": { "alias": "labelField"; "required": false; }; "labelType": { "alias": "labelType"; "required": false; }; "optionFormatter": { "alias": "optionFormatter"; "required": false; }; "_name": { "alias": "name"; "required": false; }; "_indeterminate": { "alias": "indeterminate"; "required": false; }; "_max": { "alias": "max"; "required": false; }; "_min": { "alias": "min"; "required": false; }; "maxToday": { "alias": "maxToday"; "required": false; }; "minToday": { "alias": "minToday"; "required": false; }; "valueField": { "alias": "valueField"; "required": false; }; "prefixSignal": { "alias": "prefix"; "required": false; "isSignal": true; }; "miniSignal": { "alias": "mini"; "required": false; "isSignal": true; }; "inpClSignal": { "alias": "inpCl"; "required": false; "isSignal": true; }; "showEmptyOptionSignal": { "alias": "showEmptyOption"; "required": false; "isSignal": true; }; "showLabelSignal": { "alias": "showLabel"; "required": false; "isSignal": true; }; "showValidationSignal": { "alias": "showValidation"; "required": false; "isSignal": true; }; "showValidationIconSignal": { "alias": "showValidationIcon"; "required": false; "isSignal": true; }; "smallSignal": { "alias": "small"; "required": false; "isSignal": true; }; "showValidationMsgSignal": { "alias": "showValidationMsg"; "required": false; "isSignal": true; }; "stackedSignal": { "alias": "stacked"; "required": false; "isSignal": true; }; "debug": { "alias": "debug"; "required": false; "isSignal": true; }; "clearOnDisable": { "alias": "clearOnDisable"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "_disabled": { "alias": "disabled"; "required": false; }; "_type": { "alias": "type"; "required": false; }; "coloredSignal": { "alias": "colored"; "required": false; "isSignal": true; }; "checkedSignal": { "alias": "checkedSignal"; "required": false; "isSignal": true; }; }, { "mchange": "mchange"; }, never, never, true, never>;
|
|
107
109
|
}
|
|
@@ -21,8 +21,6 @@ export declare class InputBasicComponent<TFormGroup extends {
|
|
|
21
21
|
lblCl: string;
|
|
22
22
|
light: boolean;
|
|
23
23
|
loading: boolean;
|
|
24
|
-
minLength: number;
|
|
25
|
-
maxLength: number;
|
|
26
24
|
multiple: boolean;
|
|
27
25
|
optionsFunc: (...val: any) => Observable<any[]>;
|
|
28
26
|
theme: InputTheme;
|
|
@@ -50,7 +48,7 @@ export declare class InputBasicComponent<TFormGroup extends {
|
|
|
50
48
|
} | Event): void;
|
|
51
49
|
upload(e: any): void;
|
|
52
50
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputBasicComponent<any, any, any>, never>;
|
|
53
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputBasicComponent<any, any, any>, "app-input-basic,app-input", never, { "accept": { "alias": "accept"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "inp": { "alias": "input"; "required": false; }; "contextData": { "alias": "contextData"; "required": false; }; "decimalPoints": { "alias": "decimalPoints"; "required": false; }; "files": { "alias": "files"; "required": false; }; "hide": { "alias": "hide"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "labelLink": { "alias": "labelLink"; "required": false; }; "lblCl": { "alias": "lblCl"; "required": false; }; "light": { "alias": "light"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "
|
|
51
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputBasicComponent<any, any, any>, "app-input-basic,app-input", never, { "accept": { "alias": "accept"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "inp": { "alias": "input"; "required": false; }; "contextData": { "alias": "contextData"; "required": false; }; "decimalPoints": { "alias": "decimalPoints"; "required": false; }; "files": { "alias": "files"; "required": false; }; "hide": { "alias": "hide"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "labelLink": { "alias": "labelLink"; "required": false; }; "lblCl": { "alias": "lblCl"; "required": false; }; "light": { "alias": "light"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "optionsFunc": { "alias": "optionsFunc"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "vms": { "alias": "vms"; "required": false; }; "xsmall": { "alias": "xsmall"; "required": false; }; "_setCurrentDate": { "alias": "setCurrentDate"; "required": false; }; "_options": { "alias": "options"; "required": false; }; "_value": { "alias": "mvalue"; "required": false; }; }, { "mSelectOptionChange": "mSelectOptionChange"; "mSelectedOptionLabel": "mSelectedOptionLabel"; }, never, never, true, never>;
|
|
54
52
|
}
|
|
55
53
|
type InputTheme = 1 | 2;
|
|
56
54
|
export type OptionLabelType = 'acd' | 'bnk' | 'ccd' | 'cd' | 'cdt' | 'cf' | 'cg' | 'cl' | 'cmd' | 'cn' | 'ct' | 'cu' | 'gd' | 'ha' | 'id' | 'if' | 'ifl' | 'il' | 'it' | 'md' | 'na' | 'pd' | 'pep' | 'pam' | 'nf' | 'td' | 'title' | 'ud' | 'uf' | 'vl' | 'vv';
|
|
@@ -11,9 +11,9 @@ export declare class ValidationMessageComponent {
|
|
|
11
11
|
set _label(v: string);
|
|
12
12
|
hideOverflow: InputSignal<boolean>;
|
|
13
13
|
minLength: Signal<number>;
|
|
14
|
-
_minLength: number
|
|
14
|
+
_minLength: InputSignal<number>;
|
|
15
15
|
maxLength: Signal<number>;
|
|
16
|
-
_maxLength: number
|
|
16
|
+
_maxLength: InputSignal<number>;
|
|
17
17
|
ignoreDirtiness: InputSignal<boolean>;
|
|
18
18
|
customMessage: InputSignal<string>;
|
|
19
19
|
input: WritableSignal<InputBasicComponent<any, any, any>>;
|
|
@@ -30,7 +30,7 @@ export declare class ValidationMessageComponent {
|
|
|
30
30
|
onDestroy(): void;
|
|
31
31
|
labelComputed: Signal<string>;
|
|
32
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<ValidationMessageComponent, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ValidationMessageComponent, "app-validation-message", never, { "debug": { "alias": "debug"; "required": false; "isSignal": true; }; "_label": { "alias": "label"; "required": false; }; "hideOverflow": { "alias": "hideOverflow"; "required": false; "isSignal": true; }; "_minLength": { "alias": "minLength"; "required": false; }; "_maxLength": { "alias": "maxLength"; "required": false; }; "ignoreDirtiness": { "alias": "ignoreDirtiness"; "required": false; "isSignal": true; }; "customMessage": { "alias": "customMessage"; "required": false; "isSignal": true; }; "_control": { "alias": "control"; "required": false; }; "_input": { "alias": "input"; "required": false; }; }, {}, never, never, true, never>;
|
|
33
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ValidationMessageComponent, "app-validation-message", never, { "debug": { "alias": "debug"; "required": false; "isSignal": true; }; "_label": { "alias": "label"; "required": false; }; "hideOverflow": { "alias": "hideOverflow"; "required": false; "isSignal": true; }; "_minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "_maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "ignoreDirtiness": { "alias": "ignoreDirtiness"; "required": false; "isSignal": true; }; "customMessage": { "alias": "customMessage"; "required": false; "isSignal": true; }; "_control": { "alias": "control"; "required": false; }; "_input": { "alias": "input"; "required": false; }; }, {}, never, never, true, never>;
|
|
34
34
|
}
|
|
35
35
|
export declare class ErrorMessagePipe implements PipeTransform {
|
|
36
36
|
vmS: ValidationMessageService;
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import { ElementRef, EventEmitter, TemplateRef } from '@angular/core';
|
|
2
|
+
import { Subscription } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class WebcamMediaComponent {
|
|
5
|
+
closed: EventEmitter<File>;
|
|
6
|
+
recorderStopped: EventEmitter<Event>;
|
|
7
|
+
recorderErrored: EventEmitter<Event>;
|
|
8
|
+
recorderStarted: EventEmitter<Event>;
|
|
9
|
+
recordingState: EventEmitter<RecordingState>;
|
|
10
|
+
recordingChanged: EventEmitter<File>;
|
|
11
|
+
isVideo: import("@angular/core").InputSignal<boolean>;
|
|
12
|
+
useAudio: import("@angular/core").InputSignal<boolean>;
|
|
13
|
+
fileName: import("@angular/core").InputSignal<string>;
|
|
14
|
+
fileNameFactory: import("@angular/core").InputSignal<(comp: WebcamMediaComponent) => string>;
|
|
15
|
+
fileType: import("@angular/core").InputSignal<string>;
|
|
16
|
+
extraClass: import("@angular/core").InputSignal<string>;
|
|
17
|
+
/**
|
|
18
|
+
* Seconds
|
|
19
|
+
*/
|
|
20
|
+
recordingNotificationInterval: import("@angular/core").InputSignal<number>;
|
|
21
|
+
isBackground: import("@angular/core").InputSignal<boolean>;
|
|
22
|
+
computedRecordingNotificationInterval: import("@angular/core").Signal<number>;
|
|
23
|
+
isPicture: import("@angular/core").Signal<boolean>;
|
|
24
|
+
subject: import("@angular/core").Signal<"Image" | "Video">;
|
|
25
|
+
isPaused: import("@angular/core").Signal<boolean>;
|
|
26
|
+
computedFileType: import("@angular/core").Signal<string>;
|
|
27
|
+
computedFileExtension: import("@angular/core").Signal<string>;
|
|
28
|
+
computedFileName: import("@angular/core").Signal<string>;
|
|
29
|
+
streamingVideoTemplate: import("@angular/core").Signal<TemplateRef<any>>;
|
|
30
|
+
recordingVideoRef: import("@angular/core").Signal<ElementRef<HTMLVideoElement>>;
|
|
31
|
+
recordingVideoRefEl: import("@angular/core").Signal<HTMLVideoElement>;
|
|
32
|
+
streaming: import("@angular/core").WritableSignal<boolean>;
|
|
33
|
+
preview: import("@angular/core").WritableSignal<boolean>;
|
|
34
|
+
computedPreview: import("@angular/core").Signal<boolean>;
|
|
35
|
+
width: import("@angular/core").ModelSignal<number>;
|
|
36
|
+
height: import("@angular/core").Signal<number>;
|
|
37
|
+
protected canvas: import("@angular/core").WritableSignal<HTMLCanvasElement>;
|
|
38
|
+
mediaFile: import("@angular/core").WritableSignal<File>;
|
|
39
|
+
photoSrc: import("@angular/core").WritableSignal<string>;
|
|
40
|
+
videoSrc: import("@angular/core").WritableSignal<string>;
|
|
41
|
+
stream: import("@angular/core").WritableSignal<MediaStream>;
|
|
42
|
+
sub: Subscription;
|
|
43
|
+
recorder: MediaRecorder;
|
|
44
|
+
isRecording: import("@angular/core").Signal<boolean>;
|
|
45
|
+
recordedBlobs: Blob[];
|
|
46
|
+
recordedTime: import("@angular/core").WritableSignal<number>;
|
|
47
|
+
ngAfterViewInit(): void;
|
|
48
|
+
ngOnDestroy(): void;
|
|
49
|
+
/**
|
|
50
|
+
* Start the webcam stream
|
|
51
|
+
*/
|
|
52
|
+
startUpWebcam(): void;
|
|
53
|
+
/**
|
|
54
|
+
* Indicate that the user is done with the webcam component.
|
|
55
|
+
*
|
|
56
|
+
* Any media obtained will be emitted
|
|
57
|
+
*/
|
|
58
|
+
save(): void;
|
|
59
|
+
/**
|
|
60
|
+
* Indicate that the user is done with the webcam component.
|
|
61
|
+
*
|
|
62
|
+
* Any media obtained will be deleted
|
|
63
|
+
*/
|
|
64
|
+
cancel(): void;
|
|
65
|
+
/**
|
|
66
|
+
* Clear the media taken and close preview
|
|
67
|
+
*/
|
|
68
|
+
clear(): void;
|
|
69
|
+
/**
|
|
70
|
+
* Shutdown the webcam stream
|
|
71
|
+
*/
|
|
72
|
+
closeWebcam(): void;
|
|
73
|
+
/**
|
|
74
|
+
* Capture a photo by fetching the current contents of the video
|
|
75
|
+
* and drawing it into a canvas, then converting that to a PNG
|
|
76
|
+
* format data URL.
|
|
77
|
+
*
|
|
78
|
+
* By drawing it on an offscreen canvas and then
|
|
79
|
+
* drawing that to the screen, we can change its size and/or apply
|
|
80
|
+
* other changes before drawing it.
|
|
81
|
+
*/
|
|
82
|
+
takePicture(): void;
|
|
83
|
+
startRecording: (stream?: MediaStream) => void;
|
|
84
|
+
stopRecording(): void;
|
|
85
|
+
pauseRecording(): void;
|
|
86
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<WebcamMediaComponent, never>;
|
|
87
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WebcamMediaComponent, "lib-webcam-media", never, { "isVideo": { "alias": "isVideo"; "required": false; "isSignal": true; }; "useAudio": { "alias": "useAudio"; "required": false; "isSignal": true; }; "fileName": { "alias": "fileName"; "required": false; "isSignal": true; }; "fileNameFactory": { "alias": "fileNameFactory"; "required": false; "isSignal": true; }; "fileType": { "alias": "fileType"; "required": false; "isSignal": true; }; "extraClass": { "alias": "extraClass"; "required": false; "isSignal": true; }; "recordingNotificationInterval": { "alias": "recordingNotificationInterval"; "required": false; "isSignal": true; }; "isBackground": { "alias": "isBackground"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "recorderStopped": "recorderStopped"; "recorderErrored": "recorderErrored"; "recorderStarted": "recorderStarted"; "recordingState": "recordingState"; "recordingChanged": "recordingChanged"; "width": "widthChange"; }, never, never, true, never>;
|
|
88
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -86,6 +86,7 @@ export * from './lib/Shared/components/modal-header/modal-header.component';
|
|
|
86
86
|
export * from './lib/Shared/components/modal-header/modal-header.module';
|
|
87
87
|
export * from './lib/Shared/components/modal/modal.component';
|
|
88
88
|
export * from './lib/Shared/components/modal/modal.module';
|
|
89
|
+
export * from './lib/Shared/components/webcam-media/webcam-media.component';
|
|
89
90
|
export * from './lib/Shared/components/modal/modal-body.directive';
|
|
90
91
|
export * from './lib/Shared/components/modal/modal-footer.directive';
|
|
91
92
|
export * from './lib/Shared/components/narration-history-comp/narration-history-comp.component';
|