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.
Files changed (30) hide show
  1. package/esm2022/lib/components/special-autocomplete/special-autocomplete.component.mjs +5 -5
  2. package/esm2022/lib/components/special-checkbox/special-checkbox.component.mjs +7 -8
  3. package/esm2022/lib/components/special-datepicker/special-datepicker.component.mjs +6 -7
  4. package/esm2022/lib/components/special-dropdown/special-dropdown.component.mjs +5 -5
  5. package/esm2022/lib/components/special-form/special-form.component.mjs +14 -14
  6. package/esm2022/lib/components/special-form/special-form.module.mjs +4 -4
  7. package/esm2022/lib/components/special-input/special-input.component.mjs +10 -11
  8. package/esm2022/lib/components/special-label/special-label.component.mjs +5 -5
  9. package/esm2022/lib/components/special-multiple-autocomplete/special-multiple-autocomplete.component.mjs +5 -5
  10. package/esm2022/lib/components/special-richtext/special-richtext.component.mjs +19 -16
  11. package/esm2022/lib/components/special-richtext/special-richtext.interface.mjs +1 -1
  12. package/esm2022/lib/components/special-text-area/special-text-area.component.mjs +10 -11
  13. package/esm2022/lib/components/special-upload/special-upload-viewer.pipe.mjs +93 -0
  14. package/esm2022/lib/components/special-upload/special-upload.component.mjs +35 -46
  15. package/esm2022/lib/components/special-upload/special-upload.interface.mjs +1 -1
  16. package/esm2022/lib/core/forms/special-forms.mjs +1 -1
  17. package/esm2022/lib/core/pipes/controls-list-pipe/controls-list.pipe.mjs +3 -3
  18. package/esm2022/lib/core/pipes/error-message-pipe/error.pipe.mjs +4 -4
  19. package/esm2022/lib/core/pipes/text-by-function/text-by-function.pipe.mjs +4 -4
  20. package/esm2022/lib/core/services/error-state-matcher/error-matcher.mjs +3 -3
  21. package/esm2022/lib/core/services/special-form-builder/special-form-builder.service.mjs +4 -4
  22. package/fesm2022/special-forms.mjs +205 -127
  23. package/fesm2022/special-forms.mjs.map +1 -1
  24. package/lib/components/special-richtext/special-richtext.component.d.ts +2 -4
  25. package/lib/components/special-richtext/special-richtext.interface.d.ts +2 -1
  26. package/lib/components/special-upload/special-upload-viewer.pipe.d.ts +25 -0
  27. package/lib/components/special-upload/special-upload.component.d.ts +6 -13
  28. package/lib/components/special-upload/special-upload.interface.d.ts +2 -1
  29. package/lib/styles/tailwind-final.scss +144 -7
  30. 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 implements OnInit {
5
+ export declare class SpecialRichtextComponent {
7
6
  editor: Editor;
8
7
  formControl: SpecialFormControl<IRichTextField>;
9
8
  colorPresets: string[];
10
- set control(control: SpecialFormControl<IRichTextField>);
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: string[];
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 implements OnInit {
7
- private sanitizer;
4
+ export declare class SpecialUploadComponent {
8
5
  control: SpecialFormControl<IUploadField>;
9
- set controlSetter(control: SpecialFormControl<IUploadField>);
10
- previewImages: any[];
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
- private onselectFile;
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, { "controlSetter": { "alias": "control"; "required": false; }; }, {}, never, never, true, 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
- onSelectFile?: (value: any) => void;
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": "17.0.0",
3
+ "version": "18.0.0-SNAPSHOT-2",
4
4
  "peerDependencies": {
5
- "@angular/common": ">=17",
6
- "@angular/cdk": ">=17",
7
- "@angular/core": ">=17",
8
- "@angular/material": ">=17",
9
- "@ngneat/input-mask": ">=6",
10
- "inputmask": ">=5",
11
- "ngx-dropzone": ">=3",
12
- "ngx-editor": ">=17"
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"