special-forms 17.0.0 → 18.0.0-SNAPSHOT-2
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/special-autocomplete/special-autocomplete.component.mjs +5 -5
- package/esm2022/lib/components/special-checkbox/special-checkbox.component.mjs +7 -8
- package/esm2022/lib/components/special-datepicker/special-datepicker.component.mjs +6 -7
- package/esm2022/lib/components/special-dropdown/special-dropdown.component.mjs +5 -5
- package/esm2022/lib/components/special-form/special-form.component.mjs +14 -14
- package/esm2022/lib/components/special-form/special-form.module.mjs +4 -4
- package/esm2022/lib/components/special-input/special-input.component.mjs +10 -11
- package/esm2022/lib/components/special-label/special-label.component.mjs +5 -5
- package/esm2022/lib/components/special-multiple-autocomplete/special-multiple-autocomplete.component.mjs +5 -5
- package/esm2022/lib/components/special-richtext/special-richtext.component.mjs +19 -16
- package/esm2022/lib/components/special-richtext/special-richtext.interface.mjs +1 -1
- package/esm2022/lib/components/special-text-area/special-text-area.component.mjs +10 -11
- package/esm2022/lib/components/special-upload/special-upload-viewer.pipe.mjs +93 -0
- package/esm2022/lib/components/special-upload/special-upload.component.mjs +35 -46
- package/esm2022/lib/components/special-upload/special-upload.interface.mjs +1 -1
- package/esm2022/lib/core/forms/special-forms.mjs +1 -1
- package/esm2022/lib/core/pipes/controls-list-pipe/controls-list.pipe.mjs +3 -3
- package/esm2022/lib/core/pipes/error-message-pipe/error.pipe.mjs +4 -4
- package/esm2022/lib/core/pipes/text-by-function/text-by-function.pipe.mjs +4 -4
- package/esm2022/lib/core/services/error-state-matcher/error-matcher.mjs +3 -3
- package/esm2022/lib/core/services/special-form-builder/special-form-builder.service.mjs +4 -4
- package/fesm2022/special-forms.mjs +205 -127
- package/fesm2022/special-forms.mjs.map +1 -1
- package/lib/components/special-richtext/special-richtext.component.d.ts +2 -4
- package/lib/components/special-richtext/special-richtext.interface.d.ts +2 -1
- package/lib/components/special-upload/special-upload-viewer.pipe.d.ts +25 -0
- package/lib/components/special-upload/special-upload.component.d.ts +6 -13
- package/lib/components/special-upload/special-upload.interface.d.ts +2 -1
- package/lib/styles/tailwind-final.scss +144 -7
- package/package.json +10 -9
|
@@ -1,15 +1,13 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
1
|
import { SpecialFormControl } from '../../core/forms/special-forms';
|
|
3
2
|
import { IRichTextField } from './special-richtext.interface';
|
|
4
3
|
import { Toolbar, Editor } from 'ngx-editor';
|
|
5
4
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class SpecialRichtextComponent
|
|
5
|
+
export declare class SpecialRichtextComponent {
|
|
7
6
|
editor: Editor;
|
|
8
7
|
formControl: SpecialFormControl<IRichTextField>;
|
|
9
8
|
colorPresets: string[];
|
|
10
|
-
|
|
9
|
+
control: SpecialFormControl<IRichTextField>;
|
|
11
10
|
toolbar: Toolbar;
|
|
12
|
-
constructor();
|
|
13
11
|
ngOnInit(): void;
|
|
14
12
|
ngOnDestroy(): void;
|
|
15
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<SpecialRichtextComponent, never>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { EControlTypes } from '../../core/aux-data/control-types.enum';
|
|
2
2
|
import { IFieldData } from '../../core/interfaces/field-basics.interfaces';
|
|
3
3
|
export interface IRichTextSettings {
|
|
4
|
-
colorPresets
|
|
4
|
+
colorPresets?: string[];
|
|
5
|
+
outputFormat?: 'doc' | 'html';
|
|
5
6
|
}
|
|
6
7
|
export interface IRichTextField extends IFieldData {
|
|
7
8
|
settings: IRichTextSettings;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { PipeTransform } from '@angular/core';
|
|
2
|
+
import { SafeUrl } from '@angular/platform-browser';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export declare class previewImageUrlPipe implements PipeTransform {
|
|
5
|
+
private readonly imageTypeFormats;
|
|
6
|
+
private readonly docFormats;
|
|
7
|
+
private readonly pdfIcon;
|
|
8
|
+
private readonly wordIcon;
|
|
9
|
+
private readonly byDefectIcon;
|
|
10
|
+
private sanitizer;
|
|
11
|
+
transform(file: File): SafeUrl;
|
|
12
|
+
svgConfiguration(svg: string): SafeUrl;
|
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<previewImageUrlPipe, never>;
|
|
14
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<previewImageUrlPipe, "previewImageUrl", true>;
|
|
15
|
+
}
|
|
16
|
+
export declare class TruncatePipe implements PipeTransform {
|
|
17
|
+
transform(text: string, lenght?: number, suffix?: string): string;
|
|
18
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TruncatePipe, never>;
|
|
19
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<TruncatePipe, "truncate", true>;
|
|
20
|
+
}
|
|
21
|
+
export declare class IsArrayPipe implements PipeTransform {
|
|
22
|
+
transform(input: any): boolean;
|
|
23
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IsArrayPipe, never>;
|
|
24
|
+
static ɵpipe: i0.ɵɵPipeDeclaration<IsArrayPipe, "isArray", true>;
|
|
25
|
+
}
|
|
@@ -1,21 +1,14 @@
|
|
|
1
|
-
import { OnInit } from '@angular/core';
|
|
2
1
|
import { SpecialFormControl } from '../../core/forms/special-forms';
|
|
3
|
-
import { IUploadField } from './special-upload.interface';
|
|
4
|
-
import { DomSanitizer } from '@angular/platform-browser';
|
|
2
|
+
import { IUploadField, IUploadSettings } from './special-upload.interface';
|
|
5
3
|
import * as i0 from "@angular/core";
|
|
6
|
-
export declare class SpecialUploadComponent
|
|
7
|
-
private sanitizer;
|
|
4
|
+
export declare class SpecialUploadComponent {
|
|
8
5
|
control: SpecialFormControl<IUploadField>;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
constructor(sanitizer: DomSanitizer);
|
|
12
|
-
ngOnInit(): void;
|
|
13
|
-
onSelectMultiple(event: any): void;
|
|
6
|
+
readonly DEFAULT_ACCEPTED_TYPES = "image/png, .jpeg, .jpg, image/gif";
|
|
7
|
+
get settings(): IUploadSettings;
|
|
14
8
|
onSelectOne(event: any): void;
|
|
15
|
-
|
|
9
|
+
onSelectFile(value: any): void;
|
|
16
10
|
fixFileName(file: File): File;
|
|
17
|
-
clean(): void;
|
|
18
11
|
onRemove(file: File): void;
|
|
19
12
|
static ɵfac: i0.ɵɵFactoryDeclaration<SpecialUploadComponent, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<SpecialUploadComponent, "sp-upload", never, { "
|
|
13
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SpecialUploadComponent, "sp-upload", never, { "control": { "alias": "control"; "required": false; }; }, {}, never, never, true, never>;
|
|
21
14
|
}
|
|
@@ -3,7 +3,8 @@ import { IFieldData } from '../../core/interfaces/field-basics.interfaces';
|
|
|
3
3
|
export type IUploadSettings = {
|
|
4
4
|
accept?: string;
|
|
5
5
|
multiple?: boolean;
|
|
6
|
-
|
|
6
|
+
mode?: 'replace' | 'append';
|
|
7
|
+
onSelectFile?: (value: File) => void;
|
|
7
8
|
};
|
|
8
9
|
export interface IUploadField extends IFieldData {
|
|
9
10
|
settings: IUploadSettings;
|
|
@@ -45,7 +45,11 @@
|
|
|
45
45
|
--tw-backdrop-invert: ;
|
|
46
46
|
--tw-backdrop-opacity: ;
|
|
47
47
|
--tw-backdrop-saturate: ;
|
|
48
|
-
--tw-backdrop-sepia:
|
|
48
|
+
--tw-backdrop-sepia: ;
|
|
49
|
+
--tw-contain-size: ;
|
|
50
|
+
--tw-contain-layout: ;
|
|
51
|
+
--tw-contain-paint: ;
|
|
52
|
+
--tw-contain-style:
|
|
49
53
|
}
|
|
50
54
|
|
|
51
55
|
::backdrop {
|
|
@@ -95,7 +99,11 @@
|
|
|
95
99
|
--tw-backdrop-invert: ;
|
|
96
100
|
--tw-backdrop-opacity: ;
|
|
97
101
|
--tw-backdrop-saturate: ;
|
|
98
|
-
--tw-backdrop-sepia:
|
|
102
|
+
--tw-backdrop-sepia: ;
|
|
103
|
+
--tw-contain-size: ;
|
|
104
|
+
--tw-contain-layout: ;
|
|
105
|
+
--tw-contain-paint: ;
|
|
106
|
+
--tw-contain-style:
|
|
99
107
|
}
|
|
100
108
|
|
|
101
109
|
.container {
|
|
@@ -136,6 +144,70 @@
|
|
|
136
144
|
grid-column: span 12 / span 12
|
|
137
145
|
}
|
|
138
146
|
|
|
147
|
+
.-col-start-1 {
|
|
148
|
+
grid-column-start: -1
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.-col-start-10 {
|
|
152
|
+
grid-column-start: -10
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
.-col-start-11 {
|
|
156
|
+
grid-column-start: -11
|
|
157
|
+
}
|
|
158
|
+
|
|
159
|
+
.-col-start-12 {
|
|
160
|
+
grid-column-start: -12
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.-col-start-13 {
|
|
164
|
+
grid-column-start: -13
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.-col-start-14 {
|
|
168
|
+
grid-column-start: -14
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
.-col-start-15 {
|
|
172
|
+
grid-column-start: -15
|
|
173
|
+
}
|
|
174
|
+
|
|
175
|
+
.-col-start-16 {
|
|
176
|
+
grid-column-start: -16
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
.-col-start-2 {
|
|
180
|
+
grid-column-start: -2
|
|
181
|
+
}
|
|
182
|
+
|
|
183
|
+
.-col-start-3 {
|
|
184
|
+
grid-column-start: -3
|
|
185
|
+
}
|
|
186
|
+
|
|
187
|
+
.-col-start-4 {
|
|
188
|
+
grid-column-start: -4
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.-col-start-5 {
|
|
192
|
+
grid-column-start: -5
|
|
193
|
+
}
|
|
194
|
+
|
|
195
|
+
.-col-start-6 {
|
|
196
|
+
grid-column-start: -6
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
.-col-start-7 {
|
|
200
|
+
grid-column-start: -7
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.-col-start-8 {
|
|
204
|
+
grid-column-start: -8
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.-col-start-9 {
|
|
208
|
+
grid-column-start: -9
|
|
209
|
+
}
|
|
210
|
+
|
|
139
211
|
.col-start-1 {
|
|
140
212
|
grid-column-start: 1
|
|
141
213
|
}
|
|
@@ -204,6 +276,70 @@
|
|
|
204
276
|
grid-column-start: auto
|
|
205
277
|
}
|
|
206
278
|
|
|
279
|
+
.-col-end-1 {
|
|
280
|
+
grid-column-end: -1
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
.-col-end-10 {
|
|
284
|
+
grid-column-end: -10
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
.-col-end-11 {
|
|
288
|
+
grid-column-end: -11
|
|
289
|
+
}
|
|
290
|
+
|
|
291
|
+
.-col-end-12 {
|
|
292
|
+
grid-column-end: -12
|
|
293
|
+
}
|
|
294
|
+
|
|
295
|
+
.-col-end-13 {
|
|
296
|
+
grid-column-end: -13
|
|
297
|
+
}
|
|
298
|
+
|
|
299
|
+
.-col-end-14 {
|
|
300
|
+
grid-column-end: -14
|
|
301
|
+
}
|
|
302
|
+
|
|
303
|
+
.-col-end-15 {
|
|
304
|
+
grid-column-end: -15
|
|
305
|
+
}
|
|
306
|
+
|
|
307
|
+
.-col-end-16 {
|
|
308
|
+
grid-column-end: -16
|
|
309
|
+
}
|
|
310
|
+
|
|
311
|
+
.-col-end-2 {
|
|
312
|
+
grid-column-end: -2
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
.-col-end-3 {
|
|
316
|
+
grid-column-end: -3
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
.-col-end-4 {
|
|
320
|
+
grid-column-end: -4
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
.-col-end-5 {
|
|
324
|
+
grid-column-end: -5
|
|
325
|
+
}
|
|
326
|
+
|
|
327
|
+
.-col-end-6 {
|
|
328
|
+
grid-column-end: -6
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
.-col-end-7 {
|
|
332
|
+
grid-column-end: -7
|
|
333
|
+
}
|
|
334
|
+
|
|
335
|
+
.-col-end-8 {
|
|
336
|
+
grid-column-end: -8
|
|
337
|
+
}
|
|
338
|
+
|
|
339
|
+
.-col-end-9 {
|
|
340
|
+
grid-column-end: -9
|
|
341
|
+
}
|
|
342
|
+
|
|
207
343
|
.col-end-1 {
|
|
208
344
|
grid-column-end: 1
|
|
209
345
|
}
|
|
@@ -455,6 +591,12 @@
|
|
|
455
591
|
overflow-y: auto
|
|
456
592
|
}
|
|
457
593
|
|
|
594
|
+
.truncate {
|
|
595
|
+
overflow: hidden;
|
|
596
|
+
text-overflow: ellipsis;
|
|
597
|
+
white-space: nowrap
|
|
598
|
+
}
|
|
599
|
+
|
|
458
600
|
.border {
|
|
459
601
|
border-width: 1px
|
|
460
602
|
}
|
|
@@ -516,11 +658,6 @@
|
|
|
516
658
|
padding-top: 1.25rem
|
|
517
659
|
}
|
|
518
660
|
|
|
519
|
-
.text-base {
|
|
520
|
-
font-size: 1rem;
|
|
521
|
-
line-height: 1.5rem
|
|
522
|
-
}
|
|
523
|
-
|
|
524
661
|
.text-sm {
|
|
525
662
|
font-size: 0.875rem;
|
|
526
663
|
line-height: 1.25rem
|
package/package.json
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "special-forms",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "18.0.0-SNAPSHOT-2",
|
|
4
4
|
"peerDependencies": {
|
|
5
|
-
"@angular/common": "
|
|
6
|
-
"@angular/cdk": "
|
|
7
|
-
"@angular/core": "
|
|
8
|
-
"@angular/material": "
|
|
9
|
-
"@ngneat/input-mask": "
|
|
10
|
-
"
|
|
11
|
-
"ngx-dropzone": "
|
|
12
|
-
"
|
|
5
|
+
"@angular/common": "^18",
|
|
6
|
+
"@angular/cdk": "^18",
|
|
7
|
+
"@angular/core": "^18",
|
|
8
|
+
"@angular/material": "^18",
|
|
9
|
+
"@ngneat/input-mask": "^6",
|
|
10
|
+
"@ngx-dropzone/cdk": "^18",
|
|
11
|
+
"@ngx-dropzone/material": "^18",
|
|
12
|
+
"inputmask": "^5",
|
|
13
|
+
"ngx-editor": "^17"
|
|
13
14
|
},
|
|
14
15
|
"dependencies": {
|
|
15
16
|
"tslib": "^2.3.0"
|