special-forms 21.0.0 → 21.0.1
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/README.md +147 -147
- package/fesm2022/special-forms.mjs +118 -108
- package/fesm2022/special-forms.mjs.map +1 -1
- package/{types/special-forms.d.ts → index.d.ts} +5 -1
- package/lib/styles/final.scss +2 -2
- package/lib/styles/styles-config.scss +36 -36
- package/package.json +4 -5
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
|
|
2
2
|
import { Observable, Subscription } from 'rxjs';
|
|
3
|
-
import { ValidatorFn, AsyncValidatorFn, AbstractControl, FormControl,
|
|
3
|
+
import { ValidatorFn, AsyncValidatorFn, AbstractControl, FormControl, FormGroup, FormArray } from '@angular/forms';
|
|
4
4
|
import { InputmaskOptions } from '@ngneat/input-mask';
|
|
5
5
|
import { ThemePalette, ErrorStateMatcher } from '@angular/material/core';
|
|
6
6
|
import * as i0 from '@angular/core';
|
|
@@ -58,6 +58,7 @@ interface IAutocompleteSettings<T> {
|
|
|
58
58
|
onSelect?: (data: T) => void;
|
|
59
59
|
fieldName: string | ((a?: T) => string);
|
|
60
60
|
fieldImage?: string | ((a?: T) => string);
|
|
61
|
+
withFirstLoad?: boolean;
|
|
61
62
|
}
|
|
62
63
|
interface IAutocompleteField<T = any> extends IFieldData {
|
|
63
64
|
settings: IAutocompleteSettings<T>;
|
|
@@ -132,6 +133,7 @@ type IMultipleAutocompleteSettings<T> = {
|
|
|
132
133
|
onSelect?: (data: T) => void;
|
|
133
134
|
fieldName: string | ((a?: T) => string);
|
|
134
135
|
fieldImage?: string | ((a?: T) => string);
|
|
136
|
+
withFirstLoad?: boolean;
|
|
135
137
|
};
|
|
136
138
|
interface IMultipleAutocompleteField<T = any> extends IFieldData {
|
|
137
139
|
settings: IMultipleAutocompleteSettings<T>;
|
|
@@ -349,6 +351,7 @@ declare class SpecialAutocompleteComponent {
|
|
|
349
351
|
ngOnInit(): void;
|
|
350
352
|
get settings(): IAutocompleteSettings<any>;
|
|
351
353
|
init(): void;
|
|
354
|
+
firstLoad(): void;
|
|
352
355
|
configValue: (item: any) => any;
|
|
353
356
|
optionSelected(data: MatAutocompleteSelectedEvent): void;
|
|
354
357
|
iconClick(event: Event): void;
|
|
@@ -399,6 +402,7 @@ declare class SpecialMultipleAutocompleteComponent {
|
|
|
399
402
|
ngOnInit(): void;
|
|
400
403
|
get settings(): IMultipleAutocompleteSettings<any>;
|
|
401
404
|
init(): void;
|
|
405
|
+
firstLoad(): void;
|
|
402
406
|
optionSelected(data: MatAutocompleteSelectedEvent): void;
|
|
403
407
|
iconClick(event: Event): void;
|
|
404
408
|
remove(value: any[]): void;
|
package/lib/styles/final.scss
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
@use "./styles-config.scss";
|
|
2
|
-
@use "./tailwind-final.scss";
|
|
1
|
+
@use "./styles-config.scss";
|
|
2
|
+
@use "./tailwind-final.scss";
|
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
@mixin dark-theme-config($back-color, $dark-text, $back-color-over) {
|
|
2
|
-
.mat-mdc-autocomplete-panel,
|
|
3
|
-
.mat-mdc-menu-content,
|
|
4
|
-
.mat-mdc-select-panel,
|
|
5
|
-
.mat-datepicker-content {
|
|
6
|
-
background: $back-color-over !important;
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
.mat-mdc-text-field-wrapper,
|
|
10
|
-
.special-upload__dropzone {
|
|
11
|
-
background: $back-color !important;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.special-upload__dropzone {
|
|
15
|
-
border-color: $dark-text !important;
|
|
16
|
-
color: $dark-text !important;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.NgxEditor__MenuBar {
|
|
20
|
-
background: $back-color !important;
|
|
21
|
-
}
|
|
22
|
-
.NgxEditor {
|
|
23
|
-
background: $back-color !important;
|
|
24
|
-
color: $dark-text !important;
|
|
25
|
-
}
|
|
26
|
-
.NgxEditor__MenuItem {
|
|
27
|
-
&:hover {
|
|
28
|
-
color: black !important;
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
.NgxEditor__Dropdown{
|
|
32
|
-
&:hover{
|
|
33
|
-
color: black !important;
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}
|
|
1
|
+
@mixin dark-theme-config($back-color, $dark-text, $back-color-over) {
|
|
2
|
+
.mat-mdc-autocomplete-panel,
|
|
3
|
+
.mat-mdc-menu-content,
|
|
4
|
+
.mat-mdc-select-panel,
|
|
5
|
+
.mat-datepicker-content {
|
|
6
|
+
background: $back-color-over !important;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.mat-mdc-text-field-wrapper,
|
|
10
|
+
.special-upload__dropzone {
|
|
11
|
+
background: $back-color !important;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.special-upload__dropzone {
|
|
15
|
+
border-color: $dark-text !important;
|
|
16
|
+
color: $dark-text !important;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
.NgxEditor__MenuBar {
|
|
20
|
+
background: $back-color !important;
|
|
21
|
+
}
|
|
22
|
+
.NgxEditor {
|
|
23
|
+
background: $back-color !important;
|
|
24
|
+
color: $dark-text !important;
|
|
25
|
+
}
|
|
26
|
+
.NgxEditor__MenuItem {
|
|
27
|
+
&:hover {
|
|
28
|
+
color: black !important;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
.NgxEditor__Dropdown{
|
|
32
|
+
&:hover{
|
|
33
|
+
color: black !important;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "special-forms",
|
|
3
|
-
"version": "21.0.
|
|
3
|
+
"version": "21.0.1",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^21",
|
|
6
6
|
"@angular/cdk": "^21",
|
|
@@ -17,15 +17,14 @@
|
|
|
17
17
|
},
|
|
18
18
|
"sideEffects": false,
|
|
19
19
|
"module": "fesm2022/special-forms.mjs",
|
|
20
|
-
"typings": "
|
|
20
|
+
"typings": "index.d.ts",
|
|
21
21
|
"exports": {
|
|
22
22
|
"./package.json": {
|
|
23
23
|
"default": "./package.json"
|
|
24
24
|
},
|
|
25
25
|
".": {
|
|
26
|
-
"types": "./
|
|
26
|
+
"types": "./index.d.ts",
|
|
27
27
|
"default": "./fesm2022/special-forms.mjs"
|
|
28
28
|
}
|
|
29
|
-
}
|
|
30
|
-
"type": "module"
|
|
29
|
+
}
|
|
31
30
|
}
|