@recursyve/ngx-material-components 19.0.0-beta.15 → 20.0.0

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 (60) hide show
  1. package/chip-list/index.d.ts +41 -2
  2. package/common/index.d.ts +24 -4
  3. package/dropzone/index.d.ts +125 -6
  4. package/fesm2022/recursyve-ngx-material-components-chip-list.mjs +13 -13
  5. package/fesm2022/recursyve-ngx-material-components-chip-list.mjs.map +1 -1
  6. package/fesm2022/recursyve-ngx-material-components-common.mjs +3 -3
  7. package/fesm2022/recursyve-ngx-material-components-common.mjs.map +1 -1
  8. package/fesm2022/recursyve-ngx-material-components-dropzone.mjs +35 -35
  9. package/fesm2022/recursyve-ngx-material-components-dropzone.mjs.map +1 -1
  10. package/fesm2022/recursyve-ngx-material-components-form-field-error.mjs +6 -6
  11. package/fesm2022/recursyve-ngx-material-components-form-field-error.mjs.map +1 -1
  12. package/fesm2022/recursyve-ngx-material-components-loading.mjs +10 -10
  13. package/fesm2022/recursyve-ngx-material-components-loading.mjs.map +1 -1
  14. package/fesm2022/recursyve-ngx-material-components-typeahead.mjs +46 -46
  15. package/fesm2022/recursyve-ngx-material-components-typeahead.mjs.map +1 -1
  16. package/form-field-error/index.d.ts +53 -4
  17. package/index.d.ts +3 -1
  18. package/loading/index.d.ts +31 -3
  19. package/package.json +7 -7
  20. package/typeahead/index.d.ts +212 -4
  21. package/chip-list/chip-list.d.ts +0 -26
  22. package/chip-list/icons/clear/chip-list-items-clear-icon.d.ts +0 -5
  23. package/chip-list/items/chip-list-items.d.ts +0 -14
  24. package/common/provider.d.ts +0 -3
  25. package/common/translater/constant.d.ts +0 -2
  26. package/common/translater/options.d.ts +0 -7
  27. package/common/translater/translate-pipe.d.ts +0 -8
  28. package/common/translater/translater.d.ts +0 -1
  29. package/dropzone/config.d.ts +0 -42
  30. package/dropzone/constant.d.ts +0 -2
  31. package/dropzone/dropzone.d.ts +0 -42
  32. package/dropzone/dropzone.directive.d.ts +0 -12
  33. package/dropzone/icons/delete/delete-icon.component.d.ts +0 -5
  34. package/dropzone/icons/file/file-icon.component.d.ts +0 -5
  35. package/dropzone/icons/image/image-icon.component.d.ts +0 -5
  36. package/dropzone/models.d.ts +0 -20
  37. package/dropzone/options.d.ts +0 -4
  38. package/dropzone/pipes/file-size.pipe.d.ts +0 -10
  39. package/dropzone/preview/file-preview.d.ts +0 -14
  40. package/dropzone/provider.d.ts +0 -3
  41. package/form-field-error/constant.d.ts +0 -3
  42. package/form-field-error/error-transformer.d.ts +0 -13
  43. package/form-field-error/form-field-error.d.ts +0 -8
  44. package/form-field-error/form-field-error.directive.d.ts +0 -17
  45. package/form-field-error/options.d.ts +0 -9
  46. package/form-field-error/provider.d.ts +0 -3
  47. package/loading/constant.d.ts +0 -2
  48. package/loading/loading-spinner.d.ts +0 -9
  49. package/loading/loading.d.ts +0 -13
  50. package/loading/options.d.ts +0 -4
  51. package/loading/provider.d.ts +0 -3
  52. package/typeahead/async-typeahead.d.ts +0 -30
  53. package/typeahead/constants.d.ts +0 -2
  54. package/typeahead/icons/search/typeahead-search-icon.d.ts +0 -5
  55. package/typeahead/provider.d.ts +0 -3
  56. package/typeahead/providers/async-typeahead.provider.d.ts +0 -11
  57. package/typeahead/providers/async-typeahead.service.d.ts +0 -46
  58. package/typeahead/providers/index.d.ts +0 -2
  59. package/typeahead/typeahead-base.d.ts +0 -111
  60. package/typeahead/typeahead.d.ts +0 -12
@@ -1,4 +1,212 @@
1
- export * from "./providers";
2
- export * from "./provider";
3
- export * from "./async-typeahead";
4
- export * from "./typeahead";
1
+ import { Observable, Subject } from 'rxjs';
2
+ import * as _angular_core from '@angular/core';
3
+ import { Type, Provider, OnInit, AfterViewInit, DoCheck, OnDestroy, TemplateRef, ElementRef, DestroyRef, ChangeDetectorRef } from '@angular/core';
4
+ import { _ErrorStateTracker, MatOptionSelectionChange, MatOption } from '@angular/material/core';
5
+ import * as _angular_forms from '@angular/forms';
6
+ import { ControlValueAccessor, FormBuilder, NgControl } from '@angular/forms';
7
+ import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
8
+ import { SelectionModel } from '@angular/cdk/collections';
9
+ import { CdkConnectedOverlay, CdkOverlayOrigin } from '@angular/cdk/overlay';
10
+ import { MatFormFieldControl, MatFormField } from '@angular/material/form-field';
11
+
12
+ type NiceAsyncTypeaheadSearchResult<T> = {
13
+ items: T[];
14
+ nextPage: number | null;
15
+ };
16
+ declare abstract class NiceAsyncTypeaheadResourceProvider<T, ID = number, Options = object> {
17
+ abstract resource: string;
18
+ abstract search(searchQuery: string, page: number, options?: Options): Observable<NiceAsyncTypeaheadSearchResult<T>>;
19
+ abstract getById(id: ID, options?: Options): Observable<T>;
20
+ abstract format(item: T): string;
21
+ }
22
+
23
+ type AsyncTypeaheadRequests = {
24
+ page: number;
25
+ searchQuery?: string;
26
+ };
27
+ type FetchActiveRequest = {
28
+ id: number | string;
29
+ };
30
+ type NiceTypeaheadInitOptions = {
31
+ autoSelectFirstValue?: boolean;
32
+ searchOptions?: object;
33
+ };
34
+ declare class NiceTypeaheadService<T extends object> {
35
+ private readonly resources;
36
+ private readonly destroyRef;
37
+ private readonly fetchResources$;
38
+ private readonly fetchActive$;
39
+ private resourceProvider;
40
+ private readonly _items;
41
+ private readonly _active;
42
+ private readonly _searchOptions;
43
+ private readonly _request;
44
+ private readonly _nextRequest;
45
+ private readonly _preloaded;
46
+ private readonly _autoSelectFirstValue;
47
+ private readonly _loading;
48
+ readonly items: _angular_core.Signal<T[]>;
49
+ readonly active: _angular_core.Signal<T | null>;
50
+ readonly loading: _angular_core.Signal<boolean>;
51
+ readonly isLastPage: _angular_core.Signal<boolean>;
52
+ init(resource: string, options?: NiceTypeaheadInitOptions): void;
53
+ setSearchOptions(options: object | null): void;
54
+ setActive(active: T | null): void;
55
+ setActiveFromId(id: number | string): void;
56
+ reload(): void;
57
+ reloadActive(): void;
58
+ setItems(items: T[]): void;
59
+ search(searchQuery: string): void;
60
+ loadMore(): void;
61
+ fetchActive(request: FetchActiveRequest): Observable<void>;
62
+ fetchResources(request: AsyncTypeaheadRequests): Observable<void>;
63
+ formatLabel(item: T): string;
64
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<NiceTypeaheadService<any>, never>;
65
+ static ɵprov: _angular_core.ɵɵInjectableDeclaration<NiceTypeaheadService<any>>;
66
+ }
67
+
68
+ declare function provideAsyncTypeaheadResources(providers: Type<NiceAsyncTypeaheadResourceProvider<unknown, unknown>>[]): Provider[];
69
+
70
+ /**
71
+ * Implementation of the same panel and overlay logic as the official Angular MatSelect.
72
+ * This used some of the logic from MatSelect to make this component look and feel like a MatSelect.
73
+ */
74
+ declare class NiceTypeaheadBase<T> implements MatFormFieldControl<T>, ControlValueAccessor, OnInit, AfterViewInit, DoCheck, OnDestroy {
75
+ private readonly options;
76
+ readonly noItemsFoundLabel: _angular_core.InputSignal<string>;
77
+ readonly labelProperty: _angular_core.InputSignal<string | undefined>;
78
+ readonly formatLabelFn: _angular_core.InputSignal<((value: T) => string) | undefined>;
79
+ readonly optionTemplate: _angular_core.InputSignal<TemplateRef<{
80
+ $implicit: T;
81
+ }> | undefined>;
82
+ readonly panelClass: _angular_core.InputSignal<string | string[]>;
83
+ readonly canRemoveValue: _angular_core.InputSignal<boolean>;
84
+ readonly selected: _angular_core.OutputEmitterRef<T | null>;
85
+ private static nextId;
86
+ protected readonly _input: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
87
+ protected readonly _panel: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
88
+ protected readonly _overlayDir: _angular_core.Signal<CdkConnectedOverlay | undefined>;
89
+ protected _errorStateTracker?: _ErrorStateTracker;
90
+ protected _required: boolean | null;
91
+ protected _focused: boolean;
92
+ protected _disabled: boolean;
93
+ protected _panelOpen: boolean;
94
+ protected _compareWith: (o1: T, o2: T) => boolean;
95
+ protected readonly _value: _angular_core.WritableSignal<T | null>;
96
+ protected readonly _empty: _angular_core.Signal<boolean>;
97
+ protected readonly _placeholder: _angular_core.WritableSignal<string>;
98
+ protected readonly _searchValue: _angular_core.WritableSignal<string>;
99
+ protected readonly _elementRef: ElementRef<any>;
100
+ protected readonly _destroyRef: DestroyRef;
101
+ protected readonly _changeDetectorRef: ChangeDetectorRef;
102
+ protected readonly _fb: FormBuilder;
103
+ protected readonly _searchControl: _angular_forms.FormControl<string>;
104
+ protected readonly _initialized: Subject<void>;
105
+ protected readonly _parentFormField: MatFormField | null;
106
+ readonly id: string;
107
+ readonly controlType: string;
108
+ readonly stateChanges: Subject<void>;
109
+ readonly optionSelectionChanges: Observable<MatOptionSelectionChange>;
110
+ readonly ngControl: NgControl | null;
111
+ readonly _panelDoneAnimatingStream: Subject<string>;
112
+ _keyManager: ActiveDescendantKeyManager<MatOption>;
113
+ _preferredOverlayOrigin?: CdkOverlayOrigin | ElementRef;
114
+ _overlayWidth: string | number;
115
+ _selectionModel: SelectionModel<MatOption>;
116
+ _onChange?: (value: T | null) => void;
117
+ _onTouched?: () => void;
118
+ get placeholder(): string;
119
+ set placeholder(placeholder: string);
120
+ get focused(): boolean;
121
+ set focused(isFocused: boolean);
122
+ get required(): boolean;
123
+ set required(isRequired: boolean);
124
+ get disabled(): boolean;
125
+ set disabled(value: boolean);
126
+ get value(): T | null;
127
+ set value(value: T | null);
128
+ get empty(): boolean;
129
+ get shouldLabelFloat(): boolean;
130
+ get errorState(): boolean;
131
+ set errorState(value: boolean);
132
+ get panelOpen(): boolean;
133
+ constructor();
134
+ ngOnInit(): void;
135
+ ngAfterViewInit(): void;
136
+ ngDoCheck(): void;
137
+ ngOnDestroy(): void;
138
+ onContainerClick(event: MouseEvent): void;
139
+ setDescribedByIds(ids: string[]): void;
140
+ onFocusChanged(isFocused: boolean): void;
141
+ writeValue(value: T): void;
142
+ registerOnChange(fn: (value: T | null) => void): void;
143
+ registerOnTouched(fn: () => void): void;
144
+ setDisabledState(isDisabled: boolean): void;
145
+ formatLabel(item: T): string;
146
+ removeActiveValue(): void;
147
+ updateErrorState(): void;
148
+ open(): void;
149
+ close(): void;
150
+ focus(options?: FocusOptions): void;
151
+ _handleKeydown(event: KeyboardEvent): void;
152
+ _handleScrollEnd(): void;
153
+ protected _canOpen(): boolean;
154
+ protected _onAttached(): void;
155
+ protected _initKeyManager(): void;
156
+ protected _getOverlayWidth(preferredOrigin?: ElementRef<ElementRef> | CdkOverlayOrigin): string | number;
157
+ protected _skipPredicate: (option: MatOption) => boolean;
158
+ protected _positioningSettled(): void;
159
+ protected _scrollOptionIntoView(index: number): void;
160
+ protected _resetOptions(): void;
161
+ protected _onSelect(option: MatOption): void;
162
+ protected _initializeSelection(): void;
163
+ protected _setSelectionByValue(value: T | null): void;
164
+ protected _selectOptionByValue(value: T): MatOption | undefined;
165
+ protected _highlightCorrectOption(): void;
166
+ protected _handleClosedKeydown(event: KeyboardEvent): void;
167
+ protected _handleOpenKeydown(event: KeyboardEvent): void;
168
+ protected _assignValue(newValue: T | null): boolean;
169
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<NiceTypeaheadBase<any>, never>;
170
+ static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NiceTypeaheadBase<any>, never, never, { "noItemsFoundLabel": { "alias": "noItemsFoundLabel"; "required": false; "isSignal": true; }; "labelProperty": { "alias": "labelProperty"; "required": false; "isSignal": true; }; "formatLabelFn": { "alias": "formatLabelFn"; "required": false; "isSignal": true; }; "optionTemplate": { "alias": "optionTemplate"; "required": false; "isSignal": true; }; "panelClass": { "alias": "panelClass"; "required": false; "isSignal": true; }; "canRemoveValue": { "alias": "canRemoveValue"; "required": false; "isSignal": true; }; }, { "selected": "selected"; }, never, never, true, never>;
171
+ }
172
+
173
+ declare class NiceAsyncTypeahead<T, S extends object = object> extends NiceTypeaheadBase<T> implements OnInit {
174
+ readonly resource: _angular_core.InputSignal<string>;
175
+ readonly searchOptions: _angular_core.InputSignal<S | null>;
176
+ readonly autoSelectFirstValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
177
+ readonly filteredValues: _angular_core.Signal<any[]>;
178
+ protected readonly optionsContainer: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
179
+ private readonly service;
180
+ protected _compareWith: (o1: T, o2: T) => boolean;
181
+ /**
182
+ * Infinite scroll internal state
183
+ */
184
+ private readonly scrollThresholdPercent;
185
+ private lastScrollHeight;
186
+ constructor();
187
+ ngOnInit(): void;
188
+ onFocusChanged(isFocused: boolean): void;
189
+ formatLabel(item: T): string;
190
+ removeActiveValue(): void;
191
+ protected _onSelect(option: MatOption): void;
192
+ setSearchOptions(options: S | null): void;
193
+ reload(): void;
194
+ reloadActive(): void;
195
+ protected onScroll(event: Event): void;
196
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<NiceAsyncTypeahead<any, any>, never>;
197
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<NiceAsyncTypeahead<any, any>, "nice-async-typeahead", never, { "resource": { "alias": "resource"; "required": true; "isSignal": true; }; "searchOptions": { "alias": "searchOptions"; "required": false; "isSignal": true; }; "autoSelectFirstValue": { "alias": "autoSelectFirstValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
198
+ }
199
+
200
+ type SearchFunction<T> = (search: string, item: T) => boolean;
201
+ declare class NiceTypeahead<T> extends NiceTypeaheadBase<T> {
202
+ readonly values: _angular_core.InputSignal<T[]>;
203
+ readonly searchFn: _angular_core.InputSignal<SearchFunction<T> | undefined>;
204
+ readonly filteredValues: _angular_core.Signal<T[]>;
205
+ onFocusChanged(isFocused: boolean): void;
206
+ filterValuesFromSearch(searchValue: string, values: T[]): T[];
207
+ static ɵfac: _angular_core.ɵɵFactoryDeclaration<NiceTypeahead<any>, never>;
208
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<NiceTypeahead<any>, "nice-typeahead", never, { "values": { "alias": "values"; "required": true; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
209
+ }
210
+
211
+ export { NiceAsyncTypeahead, NiceAsyncTypeaheadResourceProvider, NiceTypeahead, NiceTypeaheadService, provideAsyncTypeaheadResources };
212
+ export type { AsyncTypeaheadRequests, FetchActiveRequest, NiceAsyncTypeaheadSearchResult, NiceTypeaheadInitOptions, SearchFunction };
@@ -1,26 +0,0 @@
1
- import { OnInit } from "@angular/core";
2
- import { ControlValueAccessor } from "@angular/forms";
3
- import { NiceChipListItems } from "./items/chip-list-items";
4
- import * as i0 from "@angular/core";
5
- export declare class NiceChipListDirective<T> implements ControlValueAccessor, OnInit {
6
- readonly withItemList: import("@angular/core").InputSignal<NiceChipListItems<T>>;
7
- readonly reloadOnSelected: import("@angular/core").InputSignal<boolean>;
8
- readonly separatorKeyboardCodes: import("@angular/core").InputSignal<string[]>;
9
- private readonly elementRef;
10
- private readonly injector;
11
- private readonly asyncTypeahead;
12
- private readonly ngControl;
13
- private readonly values;
14
- private propagateChanges?;
15
- constructor();
16
- onKeyDown(event: KeyboardEvent): void;
17
- ngOnInit(): void;
18
- writeValue(obj: T[] | null): void;
19
- registerOnChange(fn: (_: T[]) => void): void;
20
- registerOnTouched(): void;
21
- private setupAsyncTypeahead;
22
- private addValue;
23
- private updateTypeaheadSearchOptions;
24
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceChipListDirective<any>, never>;
25
- static ɵdir: i0.ɵɵDirectiveDeclaration<NiceChipListDirective<any>, "input[niceChipList], nice-async-typeahead[niceChipList]", never, { "withItemList": { "alias": "withItemList"; "required": true; "isSignal": true; }; "reloadOnSelected": { "alias": "reloadOnSelected"; "required": false; "isSignal": true; }; "separatorKeyboardCodes": { "alias": "separatorKeyboardCodes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
26
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class NiceChipListItemsClearIcon {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceChipListItemsClearIcon, never>;
4
- static ɵcmp: i0.ɵɵComponentDeclaration<NiceChipListItemsClearIcon, "nice-chip-list-items-clear-icon", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,14 +0,0 @@
1
- import { Injector, Signal } from "@angular/core";
2
- import { Observable } from "rxjs";
3
- import * as i0 from "@angular/core";
4
- export declare class NiceChipListItems<T> {
5
- readonly removeChip: import("@angular/core").OutputEmitterRef<number>;
6
- protected readonly injector: Injector;
7
- items?: Signal<T[]>;
8
- formatLabelFn?: (value: T) => string;
9
- setItemsReactivity(items$: Observable<T[]>): void;
10
- setFormatLabel(fn: (value: T) => string): void;
11
- remove(index: number): void;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceChipListItems<any>, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<NiceChipListItems<any>, "nice-chip-list-items", never, {}, { "removeChip": "removeChip"; }, never, never, true, never>;
14
- }
@@ -1,3 +0,0 @@
1
- import { Provider } from "@angular/core";
2
- import { NiceTranslaterOptions } from "./translater/options";
3
- export declare function provideNiceComponents(options: NiceTranslaterOptions): Provider[];
@@ -1,2 +0,0 @@
1
- import { InjectionToken } from "@angular/core";
2
- export declare const NICE_COMPONENTS_TRANSLATER: InjectionToken<unknown>;
@@ -1,7 +0,0 @@
1
- import { FactoryProvider } from "@angular/core";
2
- import { NiceTranslater } from "./translater";
3
- export type NiceTranslaterOptions = {
4
- translater: Omit<FactoryProvider, "provide" | "multi"> & {
5
- useFactory: (...args: any[]) => NiceTranslater;
6
- };
7
- };
@@ -1,8 +0,0 @@
1
- import { PipeTransform } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class NiceTranslatePipe implements PipeTransform {
4
- private readonly translater;
5
- transform(key: string, params?: Record<string, string>): string;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceTranslatePipe, never>;
7
- static ɵpipe: i0.ɵɵPipeDeclaration<NiceTranslatePipe, "niceTranslate", true>;
8
- }
@@ -1 +0,0 @@
1
- export type NiceTranslater = (key: string, params?: Record<string, string>) => string;
@@ -1,42 +0,0 @@
1
- export type NiceDropzoneImageConfig = {
2
- minSize?: {
3
- width: number;
4
- height: number;
5
- };
6
- maxSize?: {
7
- width: number;
8
- height: number;
9
- };
10
- recommendedSize?: {
11
- width: number;
12
- height: number;
13
- };
14
- };
15
- export type NiceDropzoneFileSizeConfig = {
16
- size: number;
17
- unit: "B" | "KB" | "MB" | "GB";
18
- };
19
- export type NiceDropzoneTranslationKeyConfig = {
20
- upload: {
21
- file: string;
22
- files: string;
23
- image: string;
24
- images: string;
25
- };
26
- format: {
27
- label: string;
28
- };
29
- ratio: {
30
- label: string;
31
- pixels: string;
32
- };
33
- size: {
34
- label: string;
35
- units: {
36
- B: string;
37
- KB: string;
38
- MB: string;
39
- GB: string;
40
- };
41
- };
42
- };
@@ -1,2 +0,0 @@
1
- import { InjectionToken } from "@angular/core";
2
- export declare const NICE_DROPZONE_TRANSLATION_KEYS: InjectionToken<unknown>;
@@ -1,42 +0,0 @@
1
- import { ElementRef, OnDestroy } from "@angular/core";
2
- import { ControlValueAccessor } from "@angular/forms";
3
- import { MatRippleLoader } from "@angular/material/core";
4
- import { NiceDropzoneFileSizeConfig, NiceDropzoneImageConfig, NiceDropzoneTranslationKeyConfig } from "./config";
5
- import { NiceFileDimensions, NiceSelectedFiles } from "./models";
6
- import * as i0 from "@angular/core";
7
- export declare const niceDropzoneModes: readonly ["image", "file", "all"];
8
- export type NiceDropzoneModes = (typeof niceDropzoneModes)[number];
9
- export declare class NiceDropzone implements OnDestroy, ControlValueAccessor {
10
- readonly mode: import("@angular/core").InputSignal<"file" | "image" | "all">;
11
- readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, any>;
12
- readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
13
- readonly accept: import("@angular/core").InputSignal<string[] | undefined>;
14
- readonly config: import("@angular/core").InputSignal<NiceDropzoneImageConfig | undefined>;
15
- readonly maxFileSize: import("@angular/core").InputSignal<NiceDropzoneFileSizeConfig | undefined>;
16
- protected readonly _elementRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
17
- protected readonly _inputRef: import("@angular/core").Signal<ElementRef<HTMLInputElement> | undefined>;
18
- /**
19
- * Handles the lazy creation of the MatButton ripple.
20
- * Used to improve the initial load time of large applications.
21
- */
22
- protected readonly _rippleLoader: MatRippleLoader;
23
- protected readonly _translationKeys: NiceDropzoneTranslationKeyConfig;
24
- protected readonly files: import("@angular/core").WritableSignal<NiceSelectedFiles[]>;
25
- protected _disabled: boolean;
26
- private _onChange;
27
- private _value;
28
- constructor();
29
- ngOnDestroy(): void;
30
- writeValue(value: NiceSelectedFiles | NiceSelectedFiles[] | null): void;
31
- registerOnChange(fn: (value: NiceSelectedFiles | NiceSelectedFiles[] | null) => void): void;
32
- registerOnTouched(): void;
33
- setDisabledState(disabled: boolean): void;
34
- onFileChanged(event: Event): void;
35
- onFilesDropped(fileList: FileList): Promise<void>;
36
- onFileDelete(index: number): void;
37
- protected propagateChanges(value: NiceSelectedFiles | NiceSelectedFiles[] | null): void;
38
- protected getImageDimension(file: File): Promise<NiceFileDimensions>;
39
- protected resetInput(): void;
40
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceDropzone, never>;
41
- static ɵcmp: i0.ɵɵComponentDeclaration<NiceDropzone, "nice-dropzone", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
42
- }
@@ -1,12 +0,0 @@
1
- import { EventEmitter } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class NiceDropzoneDirective {
4
- fileOver: boolean;
5
- filesDropped: EventEmitter<FileList>;
6
- files: import("@angular/core").OutputEmitterRef<void>;
7
- onDragOver(event: DragEvent): void;
8
- onDragLeave(event: DragEvent): void;
9
- ondrop(event: DragEvent): void;
10
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceDropzoneDirective, never>;
11
- static ɵdir: i0.ɵɵDirectiveDeclaration<NiceDropzoneDirective, "[niceDropzone]", never, {}, { "filesDropped": "filesDropped"; "files": "files"; }, never, never, true, never>;
12
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class NiceDropzoneDeleteIcon {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceDropzoneDeleteIcon, never>;
4
- static ɵcmp: i0.ɵɵComponentDeclaration<NiceDropzoneDeleteIcon, "nice-dropzone-delete-icon", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class NiceDropzoneFileIcon {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceDropzoneFileIcon, never>;
4
- static ɵcmp: i0.ɵɵComponentDeclaration<NiceDropzoneFileIcon, "nice-dropzone-file-icon", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class NiceDropzoneImageIcon {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceDropzoneImageIcon, never>;
4
- static ɵcmp: i0.ɵɵComponentDeclaration<NiceDropzoneImageIcon, "nice-dropzone-image-icon", never, {}, {}, never, never, true, never>;
5
- }
@@ -1,20 +0,0 @@
1
- export type NiceFileDimensions = {
2
- width: number;
3
- height: number;
4
- ratio: number;
5
- };
6
- export type NiceLocalFile = {
7
- file: File;
8
- name: string;
9
- size?: number;
10
- dimensions?: NiceFileDimensions;
11
- };
12
- export type NiceRemoteFile = {
13
- id: string | number;
14
- name: string;
15
- url: string;
16
- size?: number;
17
- };
18
- export type NiceSelectedFiles = NiceLocalFile | NiceRemoteFile;
19
- export declare function isLocalFile(file: NiceSelectedFiles): file is NiceLocalFile;
20
- export declare function isRemoteFile(file: NiceSelectedFiles): file is NiceRemoteFile;
@@ -1,4 +0,0 @@
1
- import { NiceDropzoneTranslationKeyConfig } from "./config";
2
- export type NiceDropzoneOptions = {
3
- translationKeys: NiceDropzoneTranslationKeyConfig;
4
- };
@@ -1,10 +0,0 @@
1
- import { PipeTransform } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class FileSizePipe implements PipeTransform {
4
- private readonly units;
5
- private readonly translater;
6
- private readonly translationKeys;
7
- transform(bytes: number | null | undefined, precision?: number): string;
8
- static ɵfac: i0.ɵɵFactoryDeclaration<FileSizePipe, never>;
9
- static ɵpipe: i0.ɵɵPipeDeclaration<FileSizePipe, "niceFileSize", true>;
10
- }
@@ -1,14 +0,0 @@
1
- import { NiceDropzoneTranslationKeyConfig } from "../config";
2
- import { NiceFileDimensions, NiceSelectedFiles } from "../models";
3
- import * as i0 from "@angular/core";
4
- export declare class NiceDropzoneFilePreview {
5
- readonly file: import("@angular/core").InputSignal<NiceSelectedFiles>;
6
- readonly mode: import("@angular/core").InputSignal<"file" | "image" | "all">;
7
- protected readonly clickDelete: import("@angular/core").OutputEmitterRef<void>;
8
- protected readonly isImage: import("@angular/core").Signal<boolean>;
9
- protected readonly imageDimensions: import("@angular/core").Signal<NiceFileDimensions | null>;
10
- protected readonly imageUrl: import("@angular/core").Signal<string>;
11
- protected _translationKeys: NiceDropzoneTranslationKeyConfig;
12
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceDropzoneFilePreview, never>;
13
- static ɵcmp: i0.ɵɵComponentDeclaration<NiceDropzoneFilePreview, "nice-dropzone-file-preview", never, { "file": { "alias": "file"; "required": true; "isSignal": true; }; "mode": { "alias": "mode"; "required": true; "isSignal": true; }; }, { "clickDelete": "clickDelete"; }, never, never, true, never>;
14
- }
@@ -1,3 +0,0 @@
1
- import { Provider } from "@angular/core";
2
- import { NiceDropzoneOptions } from "./options";
3
- export declare function provideDropzone(options?: NiceDropzoneOptions): Provider[];
@@ -1,3 +0,0 @@
1
- import { InjectionToken } from "@angular/core";
2
- export declare const NICE_FORM_FIELD_ERROR_TRANSFORMERS: InjectionToken<unknown>;
3
- export declare const NICE_FORM_FIELD_ERROR_TRANSLATER: InjectionToken<unknown>;
@@ -1,13 +0,0 @@
1
- import { ValidationErrors } from "@angular/forms";
2
- export type TransformedError = {
3
- key: string;
4
- params?: Record<string, string>;
5
- };
6
- export type ErrorTransformer = (error: string, details: ValidationErrors) => TransformedError;
7
- export type ErrorTransformers = Record<string, ErrorTransformer>;
8
- export declare const PatternErrorTransformer: ErrorTransformer;
9
- export declare const MaskErrorTransformer: ErrorTransformer;
10
- export declare const LengthErrorTransformer: ErrorTransformer;
11
- export declare const MinErrorTransformer: ErrorTransformer;
12
- export declare const MaxErrorTransformer: ErrorTransformer;
13
- export declare const DefaultErrorTransformers: ErrorTransformers;
@@ -1,8 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class NiceFormErrorComponent {
3
- message: string;
4
- increment: number;
5
- set error(value: string);
6
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceFormErrorComponent, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<NiceFormErrorComponent, "nice-form-field-error", never, { "error": { "alias": "error"; "required": false; }; }, {}, never, never, true, never>;
8
- }
@@ -1,17 +0,0 @@
1
- import { AfterViewInit } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class NiceFormFieldErrorDirective implements AfterViewInit {
4
- private readonly destroyRef;
5
- private readonly elementRef;
6
- private readonly viewContainerRef;
7
- private readonly formField;
8
- private readonly transformers;
9
- private readonly translater;
10
- private ref;
11
- private control;
12
- onChange: () => void;
13
- ngAfterViewInit(): void;
14
- setError(text: string, params: Record<string, string>): void;
15
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceFormFieldErrorDirective, never>;
16
- static ɵdir: i0.ɵɵDirectiveDeclaration<NiceFormFieldErrorDirective, "[niceFormFieldError]", never, {}, {}, never, never, true, never>;
17
- }
@@ -1,9 +0,0 @@
1
- import { FactoryProvider } from "@angular/core";
2
- import { NiceTranslater } from "@recursyve/ngx-material-components/common";
3
- import { ErrorTransformers } from "./error-transformer";
4
- export type NiceFormFieldErrorsOptions = {
5
- translater: Omit<FactoryProvider, "provide" | "multi"> & {
6
- useFactory: (...args: any[]) => NiceTranslater;
7
- };
8
- errorTransformers?: ErrorTransformers;
9
- };
@@ -1,3 +0,0 @@
1
- import { Provider } from "@angular/core";
2
- import { NiceFormFieldErrorsOptions } from "./options";
3
- export declare function provideFormFieldError(options: NiceFormFieldErrorsOptions): Provider[];
@@ -1,2 +0,0 @@
1
- import { InjectionToken } from "@angular/core";
2
- export declare const NICE_LOADING_OPTIONS: InjectionToken<unknown>;
@@ -1,9 +0,0 @@
1
- import { ProgressSpinnerMode } from "@angular/material/progress-spinner";
2
- import * as i0 from "@angular/core";
3
- export declare class NiceLoadingSpinner {
4
- readonly loading: import("@angular/core").InputSignal<boolean>;
5
- readonly mode: import("@angular/core").InputSignal<ProgressSpinnerMode>;
6
- readonly diameter: import("@angular/core").InputSignal<number>;
7
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceLoadingSpinner, never>;
8
- static ɵcmp: i0.ɵɵComponentDeclaration<NiceLoadingSpinner, "nice-loading-spinner", never, { "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "diameter": { "alias": "diameter"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
9
- }
@@ -1,13 +0,0 @@
1
- import { OnDestroy } from "@angular/core";
2
- import * as i0 from "@angular/core";
3
- export declare class NiceLoadingDirective implements OnDestroy {
4
- private readonly options;
5
- private readonly overlay;
6
- loading: import("@angular/core").InputSignal<boolean | null>;
7
- private overlayRef;
8
- private _loading;
9
- constructor();
10
- ngOnDestroy(): void;
11
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceLoadingDirective, never>;
12
- static ɵdir: i0.ɵɵDirectiveDeclaration<NiceLoadingDirective, "[niceLoadingOverlay]", never, { "loading": { "alias": "niceLoadingOverlay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
13
- }
@@ -1,4 +0,0 @@
1
- import { Type } from "@angular/core";
2
- export type NiceLoadingOptions = {
3
- customLoading?: Type<unknown>;
4
- };
@@ -1,3 +0,0 @@
1
- import { Provider } from "@angular/core";
2
- import { NiceLoadingOptions } from "./options";
3
- export declare function provideNiceLoadingOptions(options: NiceLoadingOptions): Provider;
@@ -1,30 +0,0 @@
1
- import { ElementRef, OnInit } from "@angular/core";
2
- import { MatOption } from "@angular/material/core";
3
- import { NiceTypeaheadBase } from "./typeahead-base";
4
- import * as i0 from "@angular/core";
5
- export declare class NiceAsyncTypeahead<T, S extends object = object> extends NiceTypeaheadBase<T> implements OnInit {
6
- readonly resource: import("@angular/core").InputSignal<string>;
7
- readonly searchOptions: import("@angular/core").InputSignal<S | null>;
8
- readonly autoSelectFirstValue: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
9
- readonly filteredValues: import("@angular/core").Signal<any[]>;
10
- protected readonly optionsContainer: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
11
- private readonly service;
12
- protected _compareWith: (o1: T, o2: T) => boolean;
13
- /**
14
- * Infinite scroll internal state
15
- */
16
- private readonly scrollThresholdPercent;
17
- private lastScrollHeight;
18
- constructor();
19
- ngOnInit(): void;
20
- onFocusChanged(isFocused: boolean): void;
21
- formatLabel(item: T): string;
22
- removeActiveValue(): void;
23
- protected _onSelect(option: MatOption): void;
24
- setSearchOptions(options: S | null): void;
25
- reload(): void;
26
- reloadActive(): void;
27
- protected onScroll(event: Event): void;
28
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceAsyncTypeahead<any, any>, never>;
29
- static ɵcmp: i0.ɵɵComponentDeclaration<NiceAsyncTypeahead<any, any>, "nice-async-typeahead", never, { "resource": { "alias": "resource"; "required": true; "isSignal": true; }; "searchOptions": { "alias": "searchOptions"; "required": false; "isSignal": true; }; "autoSelectFirstValue": { "alias": "autoSelectFirstValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
30
- }
@@ -1,2 +0,0 @@
1
- import { InjectionToken } from "@angular/core";
2
- export declare const NICE_ASYNC_TYPEAHEAD_RESOURCES_PROVIDER: InjectionToken<unknown>;
@@ -1,5 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- export declare class NiceTypeaheadSearchIcon {
3
- static ɵfac: i0.ɵɵFactoryDeclaration<NiceTypeaheadSearchIcon, never>;
4
- static ɵcmp: i0.ɵɵComponentDeclaration<NiceTypeaheadSearchIcon, "nice-typeahead-search-icon", never, {}, {}, never, never, true, never>;
5
- }