@tft/crispr-forms 13.0.21 → 14.0.1-rc.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.
- package/README.md +77 -76
- package/esm2020/lib/abstracts/autocomplete-field.abstract.mjs +3 -3
- package/esm2020/lib/abstracts/crispr-field.abstract.mjs +3 -3
- package/esm2020/lib/crispr-forms.module.mjs +20 -21
- package/esm2020/lib/field-container/field-container.component.mjs +12 -14
- package/esm2020/lib/field.directive.mjs +8 -10
- package/esm2020/lib/form/form.component.mjs +45 -10
- package/esm2020/lib/form-group-list/form-group-list.component.mjs +8 -8
- package/esm2020/lib/form-group-list/form-group-list.module.mjs +12 -14
- package/esm2020/lib/form.helpers.mjs +1 -1
- package/esm2020/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.mjs +70 -16
- package/esm2020/lib/material/autocomplete-field/autocomplete-field.component.mjs +62 -16
- package/esm2020/lib/material/button/button.component.mjs +47 -12
- package/esm2020/lib/material/checkbox-field/checkbox-field.component.mjs +49 -11
- package/esm2020/lib/material/datepicker-field/datepicker-field.component.mjs +60 -14
- package/esm2020/lib/material/divider/divider.component.mjs +31 -7
- package/esm2020/lib/material/file-upload/file-dropzone.directive.mjs +3 -3
- package/esm2020/lib/material/file-upload/file-upload.component.mjs +22 -24
- package/esm2020/lib/material/heading/heading.component.mjs +13 -15
- package/esm2020/lib/material/image-upload-field/image-upload-field.component.mjs +26 -28
- package/esm2020/lib/material/info/info.component.mjs +13 -15
- package/esm2020/lib/material/input-field/input-field.component.mjs +51 -12
- package/esm2020/lib/material/material.module.mjs +64 -168
- package/esm2020/lib/material/option/option.component.mjs +31 -6
- package/esm2020/lib/material/radio-field/radio-field.component.mjs +41 -10
- package/esm2020/lib/material/select-field/select-field.component.mjs +64 -14
- package/esm2020/lib/material/selected-file/selected-file.component.mjs +11 -13
- package/esm2020/lib/material/slider-field/slider-field.component.mjs +48 -9
- package/esm2020/lib/material/textarea-field/textarea-field.component.mjs +52 -13
- package/esm2020/lib/material/unit-conversion-field/unit-conversion-field.component.mjs +62 -16
- package/esm2020/lib/models/button.config.mjs +1 -1
- package/esm2020/lib/models/crispr-field.config.mjs +1 -1
- package/esm2020/lib/models/datepicker-field.config.mjs +1 -1
- package/esm2020/lib/models/select-field.config.mjs +1 -1
- package/esm2020/lib/pipes/crispr-pipes.module.mjs +5 -7
- package/esm2020/lib/pipes/initial-control-value.pipe.mjs +3 -3
- package/esm2020/lib/sub-group/sub-group.component.mjs +8 -8
- package/esm2020/lib/sub-group/sub-group.module.mjs +10 -12
- package/fesm2015/tft-crispr-forms.mjs +878 -494
- package/fesm2015/tft-crispr-forms.mjs.map +1 -1
- package/fesm2020/tft-crispr-forms.mjs +875 -491
- package/fesm2020/tft-crispr-forms.mjs.map +1 -1
- package/lib/abstracts/autocomplete-field.abstract.d.ts +4 -4
- package/lib/abstracts/crispr-field.abstract.d.ts +1 -1
- package/lib/crispr-forms.module.d.ts +11 -11
- package/lib/field-container/field-container.component.d.ts +2 -2
- package/lib/field.directive.d.ts +1 -1
- package/lib/form/form.component.d.ts +12 -2
- package/lib/form-group-list/form-group-list.component.d.ts +3 -3
- package/lib/form.helpers.d.ts +2 -2
- package/lib/material/autocomplete-chiplist-field/autocomplete-chiplist-field.component.d.ts +16 -1
- package/lib/material/autocomplete-field/autocomplete-field.component.d.ts +14 -1
- package/lib/material/button/button.component.d.ts +11 -1
- package/lib/material/checkbox-field/checkbox-field.component.d.ts +14 -3
- package/lib/material/datepicker-field/datepicker-field.component.d.ts +18 -6
- package/lib/material/divider/divider.component.d.ts +8 -1
- package/lib/material/file-upload/file-dropzone.directive.d.ts +1 -1
- package/lib/material/file-upload/file-upload.component.d.ts +3 -3
- package/lib/material/heading/heading.component.d.ts +1 -1
- package/lib/material/image-upload-field/image-upload-field.component.d.ts +3 -3
- package/lib/material/info/info.component.d.ts +1 -1
- package/lib/material/input-field/input-field.component.d.ts +14 -3
- package/lib/material/material.module.d.ts +21 -39
- package/lib/material/option/option.component.d.ts +8 -1
- package/lib/material/radio-field/radio-field.component.d.ts +12 -3
- package/lib/material/select-field/select-field.component.d.ts +17 -3
- package/lib/material/selected-file/selected-file.component.d.ts +1 -1
- package/lib/material/slider-field/slider-field.component.d.ts +14 -3
- package/lib/material/textarea-field/textarea-field.component.d.ts +14 -3
- package/lib/material/unit-conversion-field/unit-conversion-field.component.d.ts +18 -5
- package/lib/models/crispr-field.config.d.ts +8 -1
- package/lib/models/datepicker-field.config.d.ts +3 -4
- package/lib/models/select-field.config.d.ts +2 -1
- package/lib/pipes/initial-control-value.pipe.d.ts +1 -1
- package/lib/sub-group/sub-group.component.d.ts +3 -3
- package/package.json +12 -14
- package/tft-crispr-forms-14.0.1-rc.0.tgz +0 -0
- package/tft-crispr-forms-13.0.21.tgz +0 -0
- package/tft-crispr-forms.d.ts +0 -5
|
@@ -1,50 +1,49 @@
|
|
|
1
1
|
import { of, combineLatest, from, isObservable, BehaviorSubject, Subject } from 'rxjs';
|
|
2
|
-
import * as i4
|
|
2
|
+
import * as i4 from '@angular/forms';
|
|
3
3
|
import { FormGroup, FormArray, FormControl, ReactiveFormsModule } from '@angular/forms';
|
|
4
4
|
import { map, startWith, debounceTime, distinctUntilChanged, switchMap, shareReplay, tap } from 'rxjs/operators';
|
|
5
5
|
import * as i0 from '@angular/core';
|
|
6
6
|
import { Directive, Component, ChangeDetectionStrategy, Input, NgModule, ViewChild, EventEmitter, Output, HostListener, Optional, Self, Pipe } from '@angular/core';
|
|
7
|
-
import * as
|
|
7
|
+
import * as i6 from '@angular/material/input';
|
|
8
|
+
import { MatInputModule } from '@angular/material/input';
|
|
9
|
+
import * as i1 from '@angular/common';
|
|
8
10
|
import { CommonModule } from '@angular/common';
|
|
9
|
-
import * as
|
|
11
|
+
import * as i5 from '@angular/material/form-field';
|
|
10
12
|
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
11
|
-
import * as
|
|
13
|
+
import * as i3 from '@angular/material/icon';
|
|
12
14
|
import { MatIconModule } from '@angular/material/icon';
|
|
13
|
-
import * as i3 from '@angular/material/tooltip';
|
|
15
|
+
import * as i3$1 from '@angular/material/tooltip';
|
|
14
16
|
import { MatTooltipModule } from '@angular/material/tooltip';
|
|
15
|
-
import * as
|
|
16
|
-
import { FormValidationHandlerModule } from '@tft/form-validation-handler';
|
|
17
|
-
import * as i7 from '@angular/material/input';
|
|
18
|
-
import { MatInputModule } from '@angular/material/input';
|
|
19
|
-
import * as i3$1 from '@angular/material/select';
|
|
17
|
+
import * as i6$1 from '@angular/material/select';
|
|
20
18
|
import { MatSelectModule } from '@angular/material/select';
|
|
21
|
-
import * as i4$
|
|
19
|
+
import * as i4$1 from '@angular/material/checkbox';
|
|
22
20
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
23
|
-
import * as
|
|
24
|
-
import
|
|
21
|
+
import * as i7 from '@angular/material/core';
|
|
22
|
+
import { MatOptionModule } from '@angular/material/core';
|
|
23
|
+
import * as i6$2 from '@angular/material/autocomplete';
|
|
25
24
|
import { MatAutocompleteTrigger, MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
26
25
|
import { ENTER } from '@angular/cdk/keycodes';
|
|
27
|
-
import * as
|
|
26
|
+
import * as i10 from '@angular/material/chips';
|
|
28
27
|
import { MatChipsModule } from '@angular/material/chips';
|
|
29
|
-
import * as
|
|
28
|
+
import * as i5$1 from '@angular/material/slider';
|
|
30
29
|
import { MatSliderModule } from '@angular/material/slider';
|
|
31
|
-
import * as
|
|
30
|
+
import * as i2 from '@angular/material/button';
|
|
32
31
|
import { MatButtonModule } from '@angular/material/button';
|
|
33
|
-
import * as
|
|
34
|
-
import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
|
|
35
|
-
import * as i3$4 from '@angular/material/datepicker';
|
|
32
|
+
import * as i3$2 from '@angular/material/datepicker';
|
|
36
33
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
37
|
-
import
|
|
34
|
+
import { MatDateFnsModule } from '@angular/material-date-fns-adapter';
|
|
35
|
+
import * as i7$1 from '@angular/cdk/portal';
|
|
36
|
+
import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
|
|
37
|
+
import * as i2$1 from '@angular/material/divider';
|
|
38
38
|
import { MatDividerModule } from '@angular/material/divider';
|
|
39
|
-
import * as
|
|
39
|
+
import * as i4$2 from '@angular/material/radio';
|
|
40
40
|
import { MatRadioModule } from '@angular/material/radio';
|
|
41
41
|
import * as i2$3 from '@angular/platform-browser';
|
|
42
42
|
import imageCompression from 'browser-image-compression';
|
|
43
|
-
import * as
|
|
43
|
+
import * as i9 from '@tft/form-validation-handler';
|
|
44
|
+
import { FormValidationHandlerModule } from '@tft/form-validation-handler';
|
|
45
|
+
import * as i2$2 from '@angular/material/progress-bar';
|
|
44
46
|
import { MatProgressBarModule } from '@angular/material/progress-bar';
|
|
45
|
-
import { MatButtonToggleModule } from '@angular/material/button-toggle';
|
|
46
|
-
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
47
|
-
import { MatMomentDateModule } from '@angular/material-moment-adapter';
|
|
48
47
|
|
|
49
48
|
const DEFAULT_EMPTY_OPTIONS_MESSAGE = 'No Items';
|
|
50
49
|
|
|
@@ -316,9 +315,9 @@ class CrisprFieldComponent {
|
|
|
316
315
|
this.config = this.defaultConfig ? { ...this.defaultConfig, ...this.config } : this.config;
|
|
317
316
|
}
|
|
318
317
|
}
|
|
319
|
-
CrisprFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
320
|
-
CrisprFieldComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
321
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
318
|
+
CrisprFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
319
|
+
CrisprFieldComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: CrisprFieldComponent, ngImport: i0 });
|
|
320
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldComponent, decorators: [{
|
|
322
321
|
type: Directive
|
|
323
322
|
}] });
|
|
324
323
|
|
|
@@ -339,34 +338,32 @@ class AbstractAutocompleteComponent extends AbstractAutocompleteFieldMixin {
|
|
|
339
338
|
startWith(''), debounceTime(this.config.typeDebounceTime), map((searchText) => typeof searchText === 'string' ? searchText?.trim() : ''), distinctUntilChanged(), switchMap((searchText) => observablifyOptions(this.config.options, this.group, searchText)), shareReplay(1));
|
|
340
339
|
}
|
|
341
340
|
}
|
|
342
|
-
AbstractAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
343
|
-
AbstractAutocompleteComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
341
|
+
AbstractAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AbstractAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
342
|
+
AbstractAutocompleteComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: AbstractAutocompleteComponent, usesInheritance: true, ngImport: i0 });
|
|
343
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AbstractAutocompleteComponent, decorators: [{
|
|
345
344
|
type: Directive
|
|
346
345
|
}] });
|
|
347
346
|
|
|
348
347
|
class InfoComponent {
|
|
349
348
|
}
|
|
350
|
-
InfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
351
|
-
InfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
352
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
349
|
+
InfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
350
|
+
InfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: InfoComponent, selector: "crispr-info", inputs: { info: "info" }, ngImport: i0, template: "<mat-icon\n *ngIf=\"info\"\n [matTooltip]=\"info.content\"\n [matTooltipPosition]=\"info.tooltipPosition || 'below'\"\n matSuffix>\n {{info.iconName || 'info'}}\n</mat-icon>\n", styles: [":host mat-icon{font-size:1.2em;width:1em;height:1em;opacity:.8;margin-right:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
351
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InfoComponent, decorators: [{
|
|
353
352
|
type: Component,
|
|
354
|
-
args: [{ selector: 'crispr-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n *ngIf=\"info\"\n [matTooltip]=\"info.content\"\n [matTooltipPosition]=\"info.tooltipPosition || 'below'\"\n matSuffix>\n info\n</mat-icon>\n", styles: ["mat-icon{font-size:1.2em;width:1em;height:1em;opacity:.8}\n"] }]
|
|
353
|
+
args: [{ selector: 'crispr-info', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-icon\n *ngIf=\"info\"\n [matTooltip]=\"info.content\"\n [matTooltipPosition]=\"info.tooltipPosition || 'below'\"\n matSuffix>\n {{info.iconName || 'info'}}\n</mat-icon>\n", styles: [":host mat-icon{font-size:1.2em;width:1em;height:1em;opacity:.8;margin-right:0}\n"] }]
|
|
355
354
|
}], propDecorators: { info: [{
|
|
356
355
|
type: Input
|
|
357
356
|
}] } });
|
|
358
357
|
class InfoModule {
|
|
359
358
|
}
|
|
360
|
-
InfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
361
|
-
InfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
359
|
+
InfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
360
|
+
InfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: InfoModule, declarations: [InfoComponent], imports: [CommonModule,
|
|
362
361
|
MatIconModule,
|
|
363
362
|
MatTooltipModule], exports: [InfoComponent] });
|
|
364
|
-
InfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
365
|
-
|
|
366
|
-
|
|
367
|
-
|
|
368
|
-
]] });
|
|
369
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: InfoModule, decorators: [{
|
|
363
|
+
InfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InfoModule, imports: [CommonModule,
|
|
364
|
+
MatIconModule,
|
|
365
|
+
MatTooltipModule] });
|
|
366
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InfoModule, decorators: [{
|
|
370
367
|
type: NgModule,
|
|
371
368
|
args: [{
|
|
372
369
|
imports: [
|
|
@@ -392,9 +389,9 @@ class HeadingComponent extends CrisprFieldComponent {
|
|
|
392
389
|
this.defaultConfig = defaultConfig$8;
|
|
393
390
|
}
|
|
394
391
|
}
|
|
395
|
-
HeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
396
|
-
HeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
397
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
392
|
+
HeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: HeadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
393
|
+
HeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: HeadingComponent, selector: "crispr-heading", inputs: { config: "config" }, usesInheritance: true, ngImport: i0, template: " <label\n *ngIf=\"!!config?.label\"\n [ngClass]=\"config.typographyClass\">\n {{ config.label }}\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info\">\n </crispr-info>\n </label>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "component", type: InfoComponent, selector: "crispr-info", inputs: ["info"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
394
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: HeadingComponent, decorators: [{
|
|
398
395
|
type: Component,
|
|
399
396
|
args: [{ selector: 'crispr-heading', changeDetection: ChangeDetectionStrategy.OnPush, template: " <label\n *ngIf=\"!!config?.label\"\n [ngClass]=\"config.typographyClass\">\n {{ config.label }}\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info\">\n </crispr-info>\n </label>\n", styles: [":host{display:block}\n"] }]
|
|
400
397
|
}], propDecorators: { config: [{
|
|
@@ -402,16 +399,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
402
399
|
}] } });
|
|
403
400
|
class HeadingModule {
|
|
404
401
|
}
|
|
405
|
-
HeadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
406
|
-
HeadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
402
|
+
HeadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: HeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
403
|
+
HeadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: HeadingModule, declarations: [HeadingComponent], imports: [CommonModule,
|
|
407
404
|
MatFormFieldModule,
|
|
408
405
|
InfoModule], exports: [HeadingComponent] });
|
|
409
|
-
HeadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
]] });
|
|
414
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: HeadingModule, decorators: [{
|
|
406
|
+
HeadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: HeadingModule, imports: [CommonModule,
|
|
407
|
+
MatFormFieldModule,
|
|
408
|
+
InfoModule] });
|
|
409
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: HeadingModule, decorators: [{
|
|
415
410
|
type: NgModule,
|
|
416
411
|
args: [{
|
|
417
412
|
imports: [
|
|
@@ -450,7 +445,7 @@ class FieldContainerComponent {
|
|
|
450
445
|
}
|
|
451
446
|
/**
|
|
452
447
|
* Connects user defined disabledCallback function to the the view, so that the control is enabled/disabled
|
|
453
|
-
* appropriately. It also
|
|
448
|
+
* appropriately. It also will hide disabled fields in the UI unless `hideDisabled` is set to
|
|
454
449
|
* false in the controls config
|
|
455
450
|
* @param group used to get valueChanges from control
|
|
456
451
|
* @param config configuration object used to
|
|
@@ -466,9 +461,9 @@ class FieldContainerComponent {
|
|
|
466
461
|
: of(false);
|
|
467
462
|
}
|
|
468
463
|
}
|
|
469
|
-
FieldContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
470
|
-
FieldContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
471
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
464
|
+
FieldContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FieldContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
465
|
+
FieldContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: FieldContainerComponent, selector: "crispr-field-container", inputs: { config: "config", group: "group", inlineField: "inlineField" }, ngImport: i0, template: "<div\n *ngIf=\"(disabled$ | async) ? !config.hideDisabled : true\"\n [ngClass]=\"config.classes\"\n [class.inline-field]=\"inlineField\"\n class=\"field-container\">\n\n <crispr-heading\n *ngIf=\"config.heading\"\n [config]=\"config.heading\">\n </crispr-heading>\n\n <ng-content>\n </ng-content>\n\n</div>\n", styles: ["::ng-deep mat-form-field.mat-form-field{display:block;padding:.25em 0}.inline-field{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: HeadingComponent, selector: "crispr-heading", inputs: ["config"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
466
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FieldContainerComponent, decorators: [{
|
|
472
467
|
type: Component,
|
|
473
468
|
args: [{ selector: 'crispr-field-container', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n *ngIf=\"(disabled$ | async) ? !config.hideDisabled : true\"\n [ngClass]=\"config.classes\"\n [class.inline-field]=\"inlineField\"\n class=\"field-container\">\n\n <crispr-heading\n *ngIf=\"config.heading\"\n [config]=\"config.heading\">\n </crispr-heading>\n\n <ng-content>\n </ng-content>\n\n</div>\n", styles: ["::ng-deep mat-form-field.mat-form-field{display:block;padding:.25em 0}.inline-field{display:inline-block}\n"] }]
|
|
474
469
|
}], propDecorators: { config: [{
|
|
@@ -480,14 +475,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
480
475
|
}] } });
|
|
481
476
|
class FieldContainerModule {
|
|
482
477
|
}
|
|
483
|
-
FieldContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
484
|
-
FieldContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
478
|
+
FieldContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FieldContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
479
|
+
FieldContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: FieldContainerModule, declarations: [FieldContainerComponent], imports: [CommonModule,
|
|
485
480
|
HeadingModule], exports: [FieldContainerComponent] });
|
|
486
|
-
FieldContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
]] });
|
|
490
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: FieldContainerModule, decorators: [{
|
|
481
|
+
FieldContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FieldContainerModule, imports: [CommonModule,
|
|
482
|
+
HeadingModule] });
|
|
483
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FieldContainerModule, decorators: [{
|
|
491
484
|
type: NgModule,
|
|
492
485
|
args: [{
|
|
493
486
|
imports: [
|
|
@@ -513,23 +506,188 @@ class InputFieldComponent extends InputFieldMixin {
|
|
|
513
506
|
super.ngOnInit();
|
|
514
507
|
}
|
|
515
508
|
}
|
|
516
|
-
InputFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
517
|
-
InputFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
518
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
509
|
+
InputFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InputFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
510
|
+
InputFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: InputFieldComponent, selector: "crispr-input-field", usesInheritance: true, ngImport: i0, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label>\n {{config.label}}\n </mat-label>\n <input\n [type]=\"config.inputType\"\n matInput\n [placeholder]=\"config.placeholder\"\n [formControlName]=\"config.controlName\"\n [min]=\"config.min\"\n [max]=\"config.max\"\n [maxlength]=\"config.maxLength\"\n [step]=\"config.step\"\n [autofocus]=\"config.autofocus\"\n [pattern]=\"config.pattern\"\n [spellcheck]=\"config.spellcheck\"\n [autocomplete]=\"config.autoComplete\"\n [autocapitalize]=\"config.autoCapitalize\">\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n matSuffix\n *ngIf=\"config.info\"\n [info]=\"config.info\">\n </crispr-info>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n\n\n</crispr-field-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InfoComponent, selector: "crispr-info", inputs: ["info"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
511
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InputFieldComponent, decorators: [{
|
|
519
512
|
type: Component,
|
|
520
|
-
args: [{ selector: 'crispr-input-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label>\n {{config.label}}\n </mat-label>\n <input\n [type]=\"config.inputType\"\n matInput\n [placeholder]=\"config.placeholder\"\n [formControlName]=\"config.controlName\"\n [min]=\"config.min\"\n [max]=\"config.max\"\n [maxlength]=\"config.maxLength\"\n [step]=\"config.step\"\n [autofocus]=\"config.autofocus\"\n [pattern]=\"config.pattern\"\n [spellcheck]=\"config.spellcheck\"\n [autocomplete]=\"config.autoComplete\"\n [autocapitalize]=\"config.autoCapitalize\">\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n matSuffix\n *ngIf=\"config.info\"\n [info]=\"config.info\">\n </crispr-info>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n\n\n</crispr-field-container>\n"
|
|
521
|
-
}], ctorParameters: function () { return []; } });
|
|
513
|
+
args: [{ selector: 'crispr-input-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label>\n {{config.label}}\n </mat-label>\n <input\n [type]=\"config.inputType\"\n matInput\n [placeholder]=\"config.placeholder\"\n [formControlName]=\"config.controlName\"\n [min]=\"config.min\"\n [max]=\"config.max\"\n [maxlength]=\"config.maxLength\"\n [step]=\"config.step\"\n [autofocus]=\"config.autofocus\"\n [pattern]=\"config.pattern\"\n [spellcheck]=\"config.spellcheck\"\n [autocomplete]=\"config.autoComplete\"\n [autocapitalize]=\"config.autoCapitalize\">\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n matSuffix\n *ngIf=\"config.info\"\n [info]=\"config.info\">\n </crispr-info>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n\n\n</crispr-field-container>\n" }]
|
|
514
|
+
}], ctorParameters: function () { return []; } });
|
|
515
|
+
class InputFieldModule {
|
|
516
|
+
}
|
|
517
|
+
InputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InputFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
518
|
+
InputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: InputFieldModule, declarations: [InputFieldComponent], imports: [CommonModule,
|
|
519
|
+
InfoModule,
|
|
520
|
+
ReactiveFormsModule,
|
|
521
|
+
FieldContainerModule,
|
|
522
|
+
MatFormFieldModule,
|
|
523
|
+
MatInputModule], exports: [InputFieldComponent] });
|
|
524
|
+
InputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InputFieldModule, imports: [CommonModule,
|
|
525
|
+
InfoModule,
|
|
526
|
+
ReactiveFormsModule,
|
|
527
|
+
FieldContainerModule,
|
|
528
|
+
MatFormFieldModule,
|
|
529
|
+
MatInputModule] });
|
|
530
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InputFieldModule, decorators: [{
|
|
531
|
+
type: NgModule,
|
|
532
|
+
args: [{
|
|
533
|
+
imports: [
|
|
534
|
+
CommonModule,
|
|
535
|
+
InfoModule,
|
|
536
|
+
ReactiveFormsModule,
|
|
537
|
+
FieldContainerModule,
|
|
538
|
+
MatFormFieldModule,
|
|
539
|
+
MatInputModule,
|
|
540
|
+
],
|
|
541
|
+
exports: [
|
|
542
|
+
InputFieldComponent
|
|
543
|
+
],
|
|
544
|
+
declarations: [
|
|
545
|
+
InputFieldComponent
|
|
546
|
+
]
|
|
547
|
+
}]
|
|
548
|
+
}] });
|
|
549
|
+
|
|
550
|
+
const FIELD_COMPONENTS = {
|
|
551
|
+
groupList: Promise.resolve().then(function () { return index$1; }).then(({ FormGroupListComponent }) => FormGroupListComponent),
|
|
552
|
+
subGroup: Promise.resolve().then(function () { return index; }).then(({ SubGroupComponent }) => SubGroupComponent),
|
|
553
|
+
button: Promise.resolve().then(function () { return index$2; }).then(({ ButtonComponent }) => ButtonComponent),
|
|
554
|
+
input: Promise.resolve().then(function () { return index$2; }).then(({ InputFieldComponent }) => InputFieldComponent),
|
|
555
|
+
select: Promise.resolve().then(function () { return index$2; }).then(({ SelectFieldComponent }) => SelectFieldComponent),
|
|
556
|
+
radio: Promise.resolve().then(function () { return index$2; }).then(({ RadioFieldComponent }) => RadioFieldComponent),
|
|
557
|
+
autocomplete: Promise.resolve().then(function () { return index$2; }).then(({ AutocompleteFieldComponent }) => AutocompleteFieldComponent),
|
|
558
|
+
autocompleteChiplist: Promise.resolve().then(function () { return index$2; }).then(({ AutocompleteChiplistFieldComponent }) => AutocompleteChiplistFieldComponent),
|
|
559
|
+
textarea: Promise.resolve().then(function () { return index$2; }).then(({ TextareaFieldComponent }) => TextareaFieldComponent),
|
|
560
|
+
checkbox: Promise.resolve().then(function () { return index$2; }).then(({ CheckboxFieldComponent }) => CheckboxFieldComponent),
|
|
561
|
+
slider: Promise.resolve().then(function () { return index$2; }).then(({ SliderFieldComponent }) => SliderFieldComponent),
|
|
562
|
+
datepicker: Promise.resolve().then(function () { return index$2; }).then(({ DatepickerFieldComponent }) => DatepickerFieldComponent),
|
|
563
|
+
fileUpload: Promise.resolve().then(function () { return index$2; }).then(({ FileUploadFieldComponent }) => FileUploadFieldComponent),
|
|
564
|
+
imageUpload: Promise.resolve().then(function () { return index$2; }).then(({ ImageUploadFieldComponent }) => ImageUploadFieldComponent),
|
|
565
|
+
heading: Promise.resolve().then(function () { return index$2; }).then(({ HeadingComponent }) => HeadingComponent),
|
|
566
|
+
divider: Promise.resolve().then(function () { return index$2; }).then(({ DividerComponent }) => DividerComponent),
|
|
567
|
+
unitConversion: Promise.resolve().then(function () { return index$2; }).then(({ UnitConversionFieldComponent }) => UnitConversionFieldComponent)
|
|
568
|
+
};
|
|
569
|
+
function isControlComponent(component) {
|
|
570
|
+
return component && isControlConfig(component.config) && 'value' in component; // || component.config.controlType === ControlType.BUTTON;
|
|
571
|
+
}
|
|
572
|
+
function isControlOrButtonComponent(component) {
|
|
573
|
+
return isControlComponent(component) || component.config.controlType === ControlType.BUTTON;
|
|
574
|
+
}
|
|
575
|
+
|
|
576
|
+
class CrisprFieldDirective {
|
|
577
|
+
constructor(container, renderer, cdr) {
|
|
578
|
+
this.container = container;
|
|
579
|
+
this.renderer = renderer;
|
|
580
|
+
this.cdr = cdr;
|
|
581
|
+
}
|
|
582
|
+
set value(value) {
|
|
583
|
+
this._value = value;
|
|
584
|
+
// This is needed to keep the group list from resetting control values to the initial input value
|
|
585
|
+
this.updateComponentValue(value);
|
|
586
|
+
}
|
|
587
|
+
;
|
|
588
|
+
get value() {
|
|
589
|
+
return this._value;
|
|
590
|
+
}
|
|
591
|
+
async ngOnInit() {
|
|
592
|
+
/**
|
|
593
|
+
* create component and set values from config on its instance
|
|
594
|
+
*/
|
|
595
|
+
const component = this.config.component || await FIELD_COMPONENTS[this.config.controlType];
|
|
596
|
+
const componentRef = this.container.createComponent(component);
|
|
597
|
+
this.component = componentRef.instance;
|
|
598
|
+
this.component.config = this.config;
|
|
599
|
+
if (isControlOrButtonComponent(this.component)) {
|
|
600
|
+
this.component.group = this.group;
|
|
601
|
+
}
|
|
602
|
+
this.updateComponentValue(this.value);
|
|
603
|
+
// adds any config classes to the dynamically generated component
|
|
604
|
+
// doing this here keeps us from having to extend a base component into each field component individually
|
|
605
|
+
if (!this.config.classes)
|
|
606
|
+
return;
|
|
607
|
+
this.config.classes.forEach((klass) => {
|
|
608
|
+
// check for passing multiple classes in one array element
|
|
609
|
+
if (klass.includes(' ')) {
|
|
610
|
+
throw Error(`Improperly formatted class. '${klass}' cannot contain spaces.`);
|
|
611
|
+
}
|
|
612
|
+
else {
|
|
613
|
+
this.renderer.addClass(componentRef.location.nativeElement, klass);
|
|
614
|
+
}
|
|
615
|
+
});
|
|
616
|
+
}
|
|
617
|
+
updateComponentValue(value) {
|
|
618
|
+
if (isControlComponent(this.component)) {
|
|
619
|
+
this.component.value = value;
|
|
620
|
+
// SubGroups won't populate without this detectChanges
|
|
621
|
+
this.cdr.detectChanges();
|
|
622
|
+
}
|
|
623
|
+
}
|
|
624
|
+
}
|
|
625
|
+
CrisprFieldDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
626
|
+
CrisprFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: CrisprFieldDirective, selector: "[crisprField]", inputs: { config: "config", group: "group", value: "value" }, ngImport: i0 });
|
|
627
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldDirective, decorators: [{
|
|
628
|
+
type: Directive,
|
|
629
|
+
args: [{
|
|
630
|
+
selector: '[crisprField]'
|
|
631
|
+
}]
|
|
632
|
+
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { config: [{
|
|
633
|
+
type: Input
|
|
634
|
+
}], group: [{
|
|
635
|
+
type: Input
|
|
636
|
+
}], value: [{
|
|
637
|
+
type: Input
|
|
638
|
+
}] } });
|
|
639
|
+
class CrisprFieldModule {
|
|
640
|
+
}
|
|
641
|
+
CrisprFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
642
|
+
CrisprFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldModule, declarations: [CrisprFieldDirective], imports: [CommonModule], exports: [CrisprFieldDirective] });
|
|
643
|
+
CrisprFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldModule, imports: [CommonModule] });
|
|
644
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldModule, decorators: [{
|
|
645
|
+
type: NgModule,
|
|
646
|
+
args: [{
|
|
647
|
+
imports: [
|
|
648
|
+
CommonModule,
|
|
649
|
+
],
|
|
650
|
+
exports: [
|
|
651
|
+
CrisprFieldDirective
|
|
652
|
+
],
|
|
653
|
+
declarations: [
|
|
654
|
+
CrisprFieldDirective
|
|
655
|
+
]
|
|
656
|
+
}]
|
|
657
|
+
}] });
|
|
522
658
|
|
|
523
659
|
class OptionComponent {
|
|
524
660
|
}
|
|
525
|
-
OptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
526
|
-
OptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
527
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
661
|
+
OptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
662
|
+
OptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: OptionComponent, selector: "crispr-option", inputs: { option: "option" }, ngImport: i0, template: "<div>\n <img\n *ngIf=\"option.imageUrl\"\n [src]=\"option.imageUrl\"\n alt=\"image of {{option.label}}\"\n style=\"vertical-align:middle;\"\n aria-hidden\n height=\"25\"/>\n {{option.label}}\n</div>\n\n<crispr-info *ngIf=\"option.info as info\" [info]=\"info\">\n\n</crispr-info>\n", styles: [":host{display:flex;justify-content:space-between}:host img{margin-right:4px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InfoComponent, selector: "crispr-info", inputs: ["info"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
663
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: OptionComponent, decorators: [{
|
|
528
664
|
type: Component,
|
|
529
|
-
args: [{ selector: 'crispr-option', changeDetection: ChangeDetectionStrategy.OnPush, template: "<img\n
|
|
665
|
+
args: [{ selector: 'crispr-option', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div>\n <img\n *ngIf=\"option.imageUrl\"\n [src]=\"option.imageUrl\"\n alt=\"image of {{option.label}}\"\n style=\"vertical-align:middle;\"\n aria-hidden\n height=\"25\"/>\n {{option.label}}\n</div>\n\n<crispr-info *ngIf=\"option.info as info\" [info]=\"info\">\n\n</crispr-info>\n", styles: [":host{display:flex;justify-content:space-between}:host img{margin-right:4px}\n"] }]
|
|
530
666
|
}], propDecorators: { option: [{
|
|
531
667
|
type: Input
|
|
532
|
-
}] } });
|
|
668
|
+
}] } });
|
|
669
|
+
class OptionModule {
|
|
670
|
+
}
|
|
671
|
+
OptionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: OptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
672
|
+
OptionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: OptionModule, declarations: [OptionComponent], imports: [CommonModule,
|
|
673
|
+
InfoModule], exports: [OptionComponent] });
|
|
674
|
+
OptionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: OptionModule, imports: [CommonModule,
|
|
675
|
+
InfoModule] });
|
|
676
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: OptionModule, decorators: [{
|
|
677
|
+
type: NgModule,
|
|
678
|
+
args: [{
|
|
679
|
+
imports: [
|
|
680
|
+
CommonModule,
|
|
681
|
+
InfoModule,
|
|
682
|
+
],
|
|
683
|
+
exports: [
|
|
684
|
+
OptionComponent
|
|
685
|
+
],
|
|
686
|
+
declarations: [
|
|
687
|
+
OptionComponent
|
|
688
|
+
]
|
|
689
|
+
}]
|
|
690
|
+
}] });
|
|
533
691
|
|
|
534
692
|
const SelectFieldMixin = crisprControlMixin(CrisprFieldComponent);
|
|
535
693
|
class SelectFieldComponent extends SelectFieldMixin {
|
|
@@ -564,15 +722,58 @@ class SelectFieldComponent extends SelectFieldMixin {
|
|
|
564
722
|
this.allSelected = !this.allSelected;
|
|
565
723
|
}
|
|
566
724
|
}
|
|
567
|
-
SelectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
568
|
-
SelectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
569
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
725
|
+
SelectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
726
|
+
SelectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: SelectFieldComponent, selector: "crispr-select-field", viewQueries: [{ propertyName: "selectField", first: true, predicate: ["selectField"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <mat-select\n #selectField\n [formControlName]=\"config.controlName\"\n [placeholder]=\"config.placeholder\"\n [multiple]=\"config.multiple\">\n\n <mat-checkbox\n [color]=\"config.color\"\n [checked]=\"allSelected\"\n *ngIf=\"config?.multiple && config.enableToggleAll\"\n (click)=\"toggleAll(allSelected)\">\n Select All\n </mat-checkbox>\n <mat-option\n *ngFor=\"let option of options$ | async\"\n [value]=\"option.value\">\n <crispr-option [option]=\"option\">\n </crispr-option>\n </mat-option>\n\n </mat-select>\n\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info\">\n </crispr-info>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n\n</crispr-field-container>\n", styles: ["mat-checkbox{display:block;padding:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InfoComponent, selector: "crispr-info", inputs: ["info"] }, { kind: "component", type: OptionComponent, selector: "crispr-option", inputs: ["option"] }, { kind: "component", type: i4$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "component", type: i6$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
727
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectFieldComponent, decorators: [{
|
|
570
728
|
type: Component,
|
|
571
729
|
args: [{ selector: 'crispr-select-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <mat-select\n #selectField\n [formControlName]=\"config.controlName\"\n [placeholder]=\"config.placeholder\"\n [multiple]=\"config.multiple\">\n\n <mat-checkbox\n [color]=\"config.color\"\n [checked]=\"allSelected\"\n *ngIf=\"config?.multiple && config.enableToggleAll\"\n (click)=\"toggleAll(allSelected)\">\n Select All\n </mat-checkbox>\n <mat-option\n *ngFor=\"let option of options$ | async\"\n [value]=\"option.value\">\n <crispr-option [option]=\"option\">\n </crispr-option>\n </mat-option>\n\n </mat-select>\n\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info\">\n </crispr-info>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n\n</crispr-field-container>\n", styles: ["mat-checkbox{display:block;padding:16px}\n"] }]
|
|
572
730
|
}], propDecorators: { selectField: [{
|
|
573
731
|
type: ViewChild,
|
|
574
732
|
args: ['selectField']
|
|
575
|
-
}] } });
|
|
733
|
+
}] } });
|
|
734
|
+
class SelectFieldModule {
|
|
735
|
+
}
|
|
736
|
+
SelectFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
737
|
+
SelectFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: SelectFieldModule, declarations: [SelectFieldComponent], imports: [CommonModule,
|
|
738
|
+
InfoModule,
|
|
739
|
+
OptionModule,
|
|
740
|
+
MatCheckboxModule,
|
|
741
|
+
MatSelectModule,
|
|
742
|
+
ReactiveFormsModule,
|
|
743
|
+
CrisprFieldModule,
|
|
744
|
+
FieldContainerModule,
|
|
745
|
+
MatFormFieldModule], exports: [SelectFieldComponent] });
|
|
746
|
+
SelectFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectFieldModule, imports: [CommonModule,
|
|
747
|
+
InfoModule,
|
|
748
|
+
OptionModule,
|
|
749
|
+
MatCheckboxModule,
|
|
750
|
+
MatSelectModule,
|
|
751
|
+
ReactiveFormsModule,
|
|
752
|
+
CrisprFieldModule,
|
|
753
|
+
FieldContainerModule,
|
|
754
|
+
MatFormFieldModule] });
|
|
755
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectFieldModule, decorators: [{
|
|
756
|
+
type: NgModule,
|
|
757
|
+
args: [{
|
|
758
|
+
imports: [
|
|
759
|
+
CommonModule,
|
|
760
|
+
InfoModule,
|
|
761
|
+
OptionModule,
|
|
762
|
+
MatCheckboxModule,
|
|
763
|
+
MatSelectModule,
|
|
764
|
+
ReactiveFormsModule,
|
|
765
|
+
CrisprFieldModule,
|
|
766
|
+
FieldContainerModule,
|
|
767
|
+
MatFormFieldModule,
|
|
768
|
+
],
|
|
769
|
+
exports: [
|
|
770
|
+
SelectFieldComponent
|
|
771
|
+
],
|
|
772
|
+
declarations: [
|
|
773
|
+
SelectFieldComponent
|
|
774
|
+
]
|
|
775
|
+
}]
|
|
776
|
+
}] });
|
|
576
777
|
|
|
577
778
|
const defaultConfig$7 = {
|
|
578
779
|
autoActiveFirstOption: true,
|
|
@@ -624,9 +825,9 @@ class AutocompleteFieldComponent extends AbstractAutocompleteComponent {
|
|
|
624
825
|
this.autoInputRef.nativeElement.blur();
|
|
625
826
|
}
|
|
626
827
|
}
|
|
627
|
-
AutocompleteFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
628
|
-
AutocompleteFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
629
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
828
|
+
AutocompleteFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
829
|
+
AutocompleteFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: AutocompleteFieldComponent, selector: "crispr-autocomplete-field", viewQueries: [{ propertyName: "autoInput", first: true, predicate: ["autoInput"], descendants: true, read: MatAutocompleteTrigger }, { propertyName: "autoInputRef", first: true, predicate: ["autoInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "\n<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n\n <input class=\"hidden-error-directive-anchor\" [formControlName]=\"config.controlName\" type=\"text\"/>\n\n <input\n matInput\n [formControl]=\"autocompleteInputControl\"\n [placeholder]=\"config.placeholder\"\n [matAutocomplete]=\"auto\"\n role=\"textbox\"\n type=\"textbox\"\n autocapitalize=\"off\"\n autocorrect=\"off\"\n spellcheck=\"false\"\n #autoInput>\n\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info \">\n </crispr-info>\n\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [autoActiveFirstOption]=\"config.autoActiveFirstOption\"\n (optionSelected)=\"handleSelect($event)\"\n [displayWith]=\"displayLabel(options$ | async)\">\n\n <ng-container *ngIf=\"options$ | async as options; else emptyOption\">\n <ng-container *ngIf=\"options.length > 0; else emptyOption\">\n <mat-option\n *ngFor=\"let option of options\"\n [value]=\"option.value\">\n <crispr-option [option]=\"option\"></crispr-option>\n </mat-option>\n </ng-container>\n\n </ng-container>\n <ng-template #emptyOption>\n <mat-option disabled=\"true\">\n {{config.emptyOptionsMessage}}\n </mat-option>\n </ng-template>\n\n </mat-autocomplete>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n</crispr-field-container>\n", styles: [".hidden-error-directive-anchor{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InfoComponent, selector: "crispr-info", inputs: ["info"] }, { kind: "component", type: OptionComponent, selector: "crispr-option", inputs: ["option"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "component", type: i6$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i6$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
830
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteFieldComponent, decorators: [{
|
|
630
831
|
type: Component,
|
|
631
832
|
args: [{ selector: 'crispr-autocomplete-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "\n<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n\n <input class=\"hidden-error-directive-anchor\" [formControlName]=\"config.controlName\" type=\"text\"/>\n\n <input\n matInput\n [formControl]=\"autocompleteInputControl\"\n [placeholder]=\"config.placeholder\"\n [matAutocomplete]=\"auto\"\n role=\"textbox\"\n type=\"textbox\"\n autocapitalize=\"off\"\n autocorrect=\"off\"\n spellcheck=\"false\"\n #autoInput>\n\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info \">\n </crispr-info>\n\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [autoActiveFirstOption]=\"config.autoActiveFirstOption\"\n (optionSelected)=\"handleSelect($event)\"\n [displayWith]=\"displayLabel(options$ | async)\">\n\n <ng-container *ngIf=\"options$ | async as options; else emptyOption\">\n <ng-container *ngIf=\"options.length > 0; else emptyOption\">\n <mat-option\n *ngFor=\"let option of options\"\n [value]=\"option.value\">\n <crispr-option [option]=\"option\"></crispr-option>\n </mat-option>\n </ng-container>\n\n </ng-container>\n <ng-template #emptyOption>\n <mat-option disabled=\"true\">\n {{config.emptyOptionsMessage}}\n </mat-option>\n </ng-template>\n\n </mat-autocomplete>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n</crispr-field-container>\n", styles: [".hidden-error-directive-anchor{display:none}\n"] }]
|
|
632
833
|
}], propDecorators: { autoInput: [{
|
|
@@ -635,7 +836,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
635
836
|
}], autoInputRef: [{
|
|
636
837
|
type: ViewChild,
|
|
637
838
|
args: ['autoInput']
|
|
638
|
-
}] } });
|
|
839
|
+
}] } });
|
|
840
|
+
class AutocompleteFieldModule {
|
|
841
|
+
}
|
|
842
|
+
AutocompleteFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
843
|
+
AutocompleteFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteFieldModule, declarations: [AutocompleteFieldComponent], imports: [CommonModule,
|
|
844
|
+
InfoModule,
|
|
845
|
+
OptionModule,
|
|
846
|
+
ReactiveFormsModule,
|
|
847
|
+
FieldContainerModule,
|
|
848
|
+
MatAutocompleteModule,
|
|
849
|
+
MatInputModule,
|
|
850
|
+
MatOptionModule], exports: [AutocompleteFieldComponent] });
|
|
851
|
+
AutocompleteFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteFieldModule, imports: [CommonModule,
|
|
852
|
+
InfoModule,
|
|
853
|
+
OptionModule,
|
|
854
|
+
ReactiveFormsModule,
|
|
855
|
+
FieldContainerModule,
|
|
856
|
+
MatAutocompleteModule,
|
|
857
|
+
MatInputModule,
|
|
858
|
+
MatOptionModule] });
|
|
859
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteFieldModule, decorators: [{
|
|
860
|
+
type: NgModule,
|
|
861
|
+
args: [{
|
|
862
|
+
imports: [
|
|
863
|
+
CommonModule,
|
|
864
|
+
InfoModule,
|
|
865
|
+
OptionModule,
|
|
866
|
+
ReactiveFormsModule,
|
|
867
|
+
FieldContainerModule,
|
|
868
|
+
MatAutocompleteModule,
|
|
869
|
+
MatInputModule,
|
|
870
|
+
MatOptionModule,
|
|
871
|
+
],
|
|
872
|
+
exports: [
|
|
873
|
+
AutocompleteFieldComponent
|
|
874
|
+
],
|
|
875
|
+
declarations: [
|
|
876
|
+
AutocompleteFieldComponent
|
|
877
|
+
]
|
|
878
|
+
}]
|
|
879
|
+
}] });
|
|
639
880
|
|
|
640
881
|
const defaultConfig$6 = {
|
|
641
882
|
chipsSelectable: true,
|
|
@@ -715,9 +956,9 @@ class AutocompleteChiplistFieldComponent extends AbstractAutocompleteComponent {
|
|
|
715
956
|
this.chips$.next(remainingChips);
|
|
716
957
|
}
|
|
717
958
|
}
|
|
718
|
-
AutocompleteChiplistFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
719
|
-
AutocompleteChiplistFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
720
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
959
|
+
AutocompleteChiplistFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteChiplistFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
960
|
+
AutocompleteChiplistFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: AutocompleteChiplistFieldComponent, selector: "crispr-autocomplete-chiplist-field", viewQueries: [{ propertyName: "chipInput", first: true, predicate: ["autoInput"], descendants: true, read: MatAutocompleteTrigger }, { propertyName: "chipInputRef", first: true, predicate: ["autoInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n\n <mat-chip-list\n #chipList>\n <mat-chip\n class=\"refinement-chip\"\n *ngFor=\"let chip of controlValue$ | async\"\n [selectable]=\"config.chipsSelectable\"\n [removable]=\"config.areChipsRemovable\"\n (removed)=\"removeChip(chip)\">\n <span *ngIf=\"chip.imageUrl as imageUrl\" class=\"image-container\">\n <img [src]=\"imageUrl\" alt=\"image of {{chip.label}}\">\n </span>\n {{chip.label}}\n <mat-icon\n matChipRemove\n *ngIf=\"config.areChipsRemovable\">\n cancel\n </mat-icon>\n </mat-chip>\n <input class=\"hidden-error-directive-anchor\" [formControlName]=\"config.controlName\" type=\"text\"/>\n\n <input\n matInput\n [formControl]=\"autocompleteInputControl\"\n [placeholder]=\"config.placeholder\"\n [matChipInputFor]=\"chipList\"\n [matAutocomplete]=\"auto\"\n (keydown.tab)=\"handleTab($event)\"\n [matChipInputSeparatorKeyCodes]=\"config.separatorKeyCodes\"\n (matChipInputTokenEnd)=\"handleTokenEnd($event)\"\n role=\"searchbox\"\n type=\"text\"\n autocapitalize=\"off\"\n autocorrect=\"off\"\n spellcheck=\"false\"\n #autoInput/>\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info \">\n </crispr-info>\n\n </mat-chip-list>\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [autoActiveFirstOption]=\"this.config.autoActiveFirstOption\"\n (optionSelected)=\"handleSelect($event)\"\n [displayWith]=\"mapToLabel\">\n <ng-container *ngIf=\"remainingOptions$ | async as remainingOptions; else emptyOption\">\n <ng-container *ngIf=\"remainingOptions.length > 0; else emptyOption\">\n <mat-option\n *ngFor=\"let option of remainingOptions$ | async\"\n [value]=\"option\">\n <crispr-option [option]=\"option\"></crispr-option>\n </mat-option>\n </ng-container>\n\n </ng-container>\n <ng-template #emptyOption>\n <mat-option disabled=\"true\">\n {{config.emptyOptionsMessage}}\n </mat-option>\n </ng-template>\n </mat-autocomplete>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n</crispr-field-container>\n", styles: [".refinement-chip .image-container{width:26px;height:26px;border-radius:50%;overflow:hidden;margin:-2px 4px -2px -8px}.refinement-chip .image-container img{width:100%;height:100%;object-fit:cover}.hidden-error-directive-anchor{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InfoComponent, selector: "crispr-info", inputs: ["info"] }, { kind: "component", type: OptionComponent, selector: "crispr-option", inputs: ["option"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "component", type: i6$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i6$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i10.MatChipList, selector: "mat-chip-list", inputs: ["role", "aria-describedby", "errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { kind: "directive", type: i10.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "role", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { kind: "directive", type: i10.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i10.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
961
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteChiplistFieldComponent, decorators: [{
|
|
721
962
|
type: Component,
|
|
722
963
|
args: [{ selector: 'crispr-autocomplete-chiplist-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n\n <mat-chip-list\n #chipList>\n <mat-chip\n class=\"refinement-chip\"\n *ngFor=\"let chip of controlValue$ | async\"\n [selectable]=\"config.chipsSelectable\"\n [removable]=\"config.areChipsRemovable\"\n (removed)=\"removeChip(chip)\">\n <span *ngIf=\"chip.imageUrl as imageUrl\" class=\"image-container\">\n <img [src]=\"imageUrl\" alt=\"image of {{chip.label}}\">\n </span>\n {{chip.label}}\n <mat-icon\n matChipRemove\n *ngIf=\"config.areChipsRemovable\">\n cancel\n </mat-icon>\n </mat-chip>\n <input class=\"hidden-error-directive-anchor\" [formControlName]=\"config.controlName\" type=\"text\"/>\n\n <input\n matInput\n [formControl]=\"autocompleteInputControl\"\n [placeholder]=\"config.placeholder\"\n [matChipInputFor]=\"chipList\"\n [matAutocomplete]=\"auto\"\n (keydown.tab)=\"handleTab($event)\"\n [matChipInputSeparatorKeyCodes]=\"config.separatorKeyCodes\"\n (matChipInputTokenEnd)=\"handleTokenEnd($event)\"\n role=\"searchbox\"\n type=\"text\"\n autocapitalize=\"off\"\n autocorrect=\"off\"\n spellcheck=\"false\"\n #autoInput/>\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info \">\n </crispr-info>\n\n </mat-chip-list>\n <mat-autocomplete\n #auto=\"matAutocomplete\"\n [autoActiveFirstOption]=\"this.config.autoActiveFirstOption\"\n (optionSelected)=\"handleSelect($event)\"\n [displayWith]=\"mapToLabel\">\n <ng-container *ngIf=\"remainingOptions$ | async as remainingOptions; else emptyOption\">\n <ng-container *ngIf=\"remainingOptions.length > 0; else emptyOption\">\n <mat-option\n *ngFor=\"let option of remainingOptions$ | async\"\n [value]=\"option\">\n <crispr-option [option]=\"option\"></crispr-option>\n </mat-option>\n </ng-container>\n\n </ng-container>\n <ng-template #emptyOption>\n <mat-option disabled=\"true\">\n {{config.emptyOptionsMessage}}\n </mat-option>\n </ng-template>\n </mat-autocomplete>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n</crispr-field-container>\n", styles: [".refinement-chip .image-container{width:26px;height:26px;border-radius:50%;overflow:hidden;margin:-2px 4px -2px -8px}.refinement-chip .image-container img{width:100%;height:100%;object-fit:cover}.hidden-error-directive-anchor{display:none}\n"] }]
|
|
723
964
|
}], propDecorators: { chipInput: [{
|
|
@@ -726,7 +967,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
726
967
|
}], chipInputRef: [{
|
|
727
968
|
type: ViewChild,
|
|
728
969
|
args: ['autoInput']
|
|
729
|
-
}] } });
|
|
970
|
+
}] } });
|
|
971
|
+
class AutocompleteChiplistFieldModule {
|
|
972
|
+
}
|
|
973
|
+
AutocompleteChiplistFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteChiplistFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
974
|
+
AutocompleteChiplistFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteChiplistFieldModule, declarations: [AutocompleteChiplistFieldComponent], imports: [CommonModule,
|
|
975
|
+
InfoModule,
|
|
976
|
+
OptionModule,
|
|
977
|
+
ReactiveFormsModule,
|
|
978
|
+
FieldContainerModule,
|
|
979
|
+
MatAutocompleteModule,
|
|
980
|
+
MatInputModule,
|
|
981
|
+
MatOptionModule,
|
|
982
|
+
MatChipsModule,
|
|
983
|
+
MatIconModule], exports: [AutocompleteChiplistFieldComponent] });
|
|
984
|
+
AutocompleteChiplistFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteChiplistFieldModule, imports: [CommonModule,
|
|
985
|
+
InfoModule,
|
|
986
|
+
OptionModule,
|
|
987
|
+
ReactiveFormsModule,
|
|
988
|
+
FieldContainerModule,
|
|
989
|
+
MatAutocompleteModule,
|
|
990
|
+
MatInputModule,
|
|
991
|
+
MatOptionModule,
|
|
992
|
+
MatChipsModule,
|
|
993
|
+
MatIconModule] });
|
|
994
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteChiplistFieldModule, decorators: [{
|
|
995
|
+
type: NgModule,
|
|
996
|
+
args: [{
|
|
997
|
+
imports: [
|
|
998
|
+
CommonModule,
|
|
999
|
+
InfoModule,
|
|
1000
|
+
OptionModule,
|
|
1001
|
+
ReactiveFormsModule,
|
|
1002
|
+
FieldContainerModule,
|
|
1003
|
+
MatAutocompleteModule,
|
|
1004
|
+
MatInputModule,
|
|
1005
|
+
MatOptionModule,
|
|
1006
|
+
MatChipsModule,
|
|
1007
|
+
MatIconModule
|
|
1008
|
+
],
|
|
1009
|
+
exports: [
|
|
1010
|
+
AutocompleteChiplistFieldComponent
|
|
1011
|
+
],
|
|
1012
|
+
declarations: [
|
|
1013
|
+
AutocompleteChiplistFieldComponent
|
|
1014
|
+
]
|
|
1015
|
+
}]
|
|
1016
|
+
}] });
|
|
730
1017
|
|
|
731
1018
|
const defaultConfig$5 = {
|
|
732
1019
|
labelPosition: 'after',
|
|
@@ -742,11 +1029,45 @@ class CheckboxFieldComponent extends CheckboxFieldMixin {
|
|
|
742
1029
|
super.ngOnInit();
|
|
743
1030
|
}
|
|
744
1031
|
}
|
|
745
|
-
CheckboxFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
746
|
-
CheckboxFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
747
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1032
|
+
CheckboxFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CheckboxFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1033
|
+
CheckboxFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: CheckboxFieldComponent, selector: "crispr-checkbox-field", usesInheritance: true, ngImport: i0, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\"\n [inlineField]=\"config.inline\">\n <div\n [formGroup]=\"group\">\n <mat-checkbox\n [color]=\"config.color\"\n [labelPosition]=\"config.labelPosition\"\n [formControlName]=\"config.controlName\">\n {{config.label}}\n <crispr-info\n matSuffix *ngIf=\"config.info\"\n [info]=\"config.info\">\n </crispr-info>\n </mat-checkbox>\n </div>\n</crispr-field-container>\n", styles: ["mat-checkbox{height:42px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InfoComponent, selector: "crispr-info", inputs: ["info"] }, { kind: "component", type: i4$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
1034
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CheckboxFieldComponent, decorators: [{
|
|
748
1035
|
type: Component,
|
|
749
1036
|
args: [{ selector: 'crispr-checkbox-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\"\n [inlineField]=\"config.inline\">\n <div\n [formGroup]=\"group\">\n <mat-checkbox\n [color]=\"config.color\"\n [labelPosition]=\"config.labelPosition\"\n [formControlName]=\"config.controlName\">\n {{config.label}}\n <crispr-info\n matSuffix *ngIf=\"config.info\"\n [info]=\"config.info\">\n </crispr-info>\n </mat-checkbox>\n </div>\n</crispr-field-container>\n", styles: ["mat-checkbox{height:42px}\n"] }]
|
|
1037
|
+
}] });
|
|
1038
|
+
class CheckboxFieldModule {
|
|
1039
|
+
}
|
|
1040
|
+
CheckboxFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CheckboxFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1041
|
+
CheckboxFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: CheckboxFieldModule, declarations: [CheckboxFieldComponent], imports: [CommonModule,
|
|
1042
|
+
InfoModule,
|
|
1043
|
+
MatCheckboxModule,
|
|
1044
|
+
ReactiveFormsModule,
|
|
1045
|
+
CrisprFieldModule,
|
|
1046
|
+
FieldContainerModule], exports: [CheckboxFieldComponent] });
|
|
1047
|
+
CheckboxFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CheckboxFieldModule, imports: [CommonModule,
|
|
1048
|
+
InfoModule,
|
|
1049
|
+
MatCheckboxModule,
|
|
1050
|
+
ReactiveFormsModule,
|
|
1051
|
+
CrisprFieldModule,
|
|
1052
|
+
FieldContainerModule] });
|
|
1053
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CheckboxFieldModule, decorators: [{
|
|
1054
|
+
type: NgModule,
|
|
1055
|
+
args: [{
|
|
1056
|
+
imports: [
|
|
1057
|
+
CommonModule,
|
|
1058
|
+
InfoModule,
|
|
1059
|
+
MatCheckboxModule,
|
|
1060
|
+
ReactiveFormsModule,
|
|
1061
|
+
CrisprFieldModule,
|
|
1062
|
+
FieldContainerModule
|
|
1063
|
+
],
|
|
1064
|
+
exports: [
|
|
1065
|
+
CheckboxFieldComponent
|
|
1066
|
+
],
|
|
1067
|
+
declarations: [
|
|
1068
|
+
CheckboxFieldComponent
|
|
1069
|
+
]
|
|
1070
|
+
}]
|
|
750
1071
|
}] });
|
|
751
1072
|
|
|
752
1073
|
const defaultConfig$4 = { rows: 5 };
|
|
@@ -760,11 +1081,45 @@ class TextareaFieldComponent extends TextareaFieldMixin {
|
|
|
760
1081
|
super.ngOnInit();
|
|
761
1082
|
}
|
|
762
1083
|
}
|
|
763
|
-
TextareaFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
764
|
-
TextareaFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
765
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1084
|
+
TextareaFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: TextareaFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1085
|
+
TextareaFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: TextareaFieldComponent, selector: "crispr-textarea-field", usesInheritance: true, ngImport: i0, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <textarea\n [rows]=\"config.rows\"\n matInput\n [placeholder]=\"config.placeholder\"\n [formControlName]=\"config.controlName\">\n </textarea>\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info\">\n </crispr-info>\n\n <mat-hint *ngIf=\"config.hint && control.valid\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n\n</crispr-field-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InfoComponent, selector: "crispr-info", inputs: ["info"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
1086
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: TextareaFieldComponent, decorators: [{
|
|
766
1087
|
type: Component,
|
|
767
|
-
args: [{ selector: 'crispr-textarea-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <textarea\n [rows]=\"config.rows\"\n matInput\n [placeholder]=\"config.placeholder\"\n [formControlName]=\"config.controlName\">\n </textarea>\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info\">\n </crispr-info>\n\n <mat-hint *ngIf=\"config.hint && control.valid\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n\n</crispr-field-container>\n"
|
|
1088
|
+
args: [{ selector: 'crispr-textarea-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <textarea\n [rows]=\"config.rows\"\n matInput\n [placeholder]=\"config.placeholder\"\n [formControlName]=\"config.controlName\">\n </textarea>\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n *ngIf=\"config.info\"\n matSuffix\n [info]=\"config.info\">\n </crispr-info>\n\n <mat-hint *ngIf=\"config.hint && control.valid\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n\n</crispr-field-container>\n" }]
|
|
1089
|
+
}] });
|
|
1090
|
+
class TextareaFieldModule {
|
|
1091
|
+
}
|
|
1092
|
+
TextareaFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: TextareaFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1093
|
+
TextareaFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: TextareaFieldModule, declarations: [TextareaFieldComponent], imports: [CommonModule,
|
|
1094
|
+
InfoModule,
|
|
1095
|
+
ReactiveFormsModule,
|
|
1096
|
+
FieldContainerModule,
|
|
1097
|
+
MatFormFieldModule,
|
|
1098
|
+
MatInputModule], exports: [TextareaFieldComponent] });
|
|
1099
|
+
TextareaFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: TextareaFieldModule, imports: [CommonModule,
|
|
1100
|
+
InfoModule,
|
|
1101
|
+
ReactiveFormsModule,
|
|
1102
|
+
FieldContainerModule,
|
|
1103
|
+
MatFormFieldModule,
|
|
1104
|
+
MatInputModule] });
|
|
1105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: TextareaFieldModule, decorators: [{
|
|
1106
|
+
type: NgModule,
|
|
1107
|
+
args: [{
|
|
1108
|
+
imports: [
|
|
1109
|
+
CommonModule,
|
|
1110
|
+
InfoModule,
|
|
1111
|
+
ReactiveFormsModule,
|
|
1112
|
+
FieldContainerModule,
|
|
1113
|
+
MatFormFieldModule,
|
|
1114
|
+
MatInputModule,
|
|
1115
|
+
],
|
|
1116
|
+
exports: [
|
|
1117
|
+
TextareaFieldComponent
|
|
1118
|
+
],
|
|
1119
|
+
declarations: [
|
|
1120
|
+
TextareaFieldComponent
|
|
1121
|
+
]
|
|
1122
|
+
}]
|
|
768
1123
|
}] });
|
|
769
1124
|
|
|
770
1125
|
const defaultConfig$3 = { displayLimits: true };
|
|
@@ -781,12 +1136,46 @@ class SliderFieldComponent extends SliderFieldMixin {
|
|
|
781
1136
|
super.ngOnInit();
|
|
782
1137
|
}
|
|
783
1138
|
}
|
|
784
|
-
SliderFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
785
|
-
SliderFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
786
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1139
|
+
SliderFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SliderFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1140
|
+
SliderFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: SliderFieldComponent, selector: "crispr-slider-field", usesInheritance: true, ngImport: i0, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <div\n [formGroup]=\"group\">\n <label *ngIf=\"config.label\">\n {{config.label}}\n <crispr-info\n *ngIf=\"config.info\"\n [info]=\"config.info\">\n </crispr-info>\n </label>\n <div class=\"slider-container\"\n [ngStyle]=\"{'flex-direction': flexDirection}\">\n <span *ngIf=\"config.displayLimits\">\n {{config.min}}\n </span>\n <mat-slider\n class=\"example-margin\"\n [formControlName]=\"config.controlName\"\n [invert]=\"config.invert\"\n [max]=\"config.max\"\n [min]=\"config.min\"\n [step]=\"config.step\"\n [thumbLabel]=\"config.thumbLabel\"\n [tickInterval]=\"config.tickInterval\"\n [vertical]=\"config.vertical\">\n </mat-slider>\n <span *ngIf=\"config.displayLimits\">\n {{config.max}}\n </span>\n </div>\n\n </div>\n</crispr-field-container>\n\n", styles: [".slider-container{display:flex;align-items:center}.slider-container .mat-slider-horizontal{width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: InfoComponent, selector: "crispr-info", inputs: ["info"] }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i5$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "color", "tabIndex", "invert", "max", "min", "step", "thumbLabel", "tickInterval", "value", "displayWith", "valueText", "vertical"], outputs: ["change", "input", "valueChange"], exportAs: ["matSlider"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
1141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SliderFieldComponent, decorators: [{
|
|
787
1142
|
type: Component,
|
|
788
1143
|
args: [{ selector: 'crispr-slider-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <div\n [formGroup]=\"group\">\n <label *ngIf=\"config.label\">\n {{config.label}}\n <crispr-info\n *ngIf=\"config.info\"\n [info]=\"config.info\">\n </crispr-info>\n </label>\n <div class=\"slider-container\"\n [ngStyle]=\"{'flex-direction': flexDirection}\">\n <span *ngIf=\"config.displayLimits\">\n {{config.min}}\n </span>\n <mat-slider\n class=\"example-margin\"\n [formControlName]=\"config.controlName\"\n [invert]=\"config.invert\"\n [max]=\"config.max\"\n [min]=\"config.min\"\n [step]=\"config.step\"\n [thumbLabel]=\"config.thumbLabel\"\n [tickInterval]=\"config.tickInterval\"\n [vertical]=\"config.vertical\">\n </mat-slider>\n <span *ngIf=\"config.displayLimits\">\n {{config.max}}\n </span>\n </div>\n\n </div>\n</crispr-field-container>\n\n", styles: [".slider-container{display:flex;align-items:center}.slider-container .mat-slider-horizontal{width:100%}\n"] }]
|
|
789
|
-
}], ctorParameters: function () { return []; } });
|
|
1144
|
+
}], ctorParameters: function () { return []; } });
|
|
1145
|
+
class SliderFieldModule {
|
|
1146
|
+
}
|
|
1147
|
+
SliderFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SliderFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1148
|
+
SliderFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: SliderFieldModule, declarations: [SliderFieldComponent], imports: [CommonModule,
|
|
1149
|
+
InfoModule,
|
|
1150
|
+
OptionModule,
|
|
1151
|
+
FieldContainerModule,
|
|
1152
|
+
ReactiveFormsModule,
|
|
1153
|
+
MatSliderModule], exports: [SliderFieldComponent] });
|
|
1154
|
+
SliderFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SliderFieldModule, imports: [CommonModule,
|
|
1155
|
+
InfoModule,
|
|
1156
|
+
OptionModule,
|
|
1157
|
+
FieldContainerModule,
|
|
1158
|
+
ReactiveFormsModule,
|
|
1159
|
+
MatSliderModule] });
|
|
1160
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SliderFieldModule, decorators: [{
|
|
1161
|
+
type: NgModule,
|
|
1162
|
+
args: [{
|
|
1163
|
+
imports: [
|
|
1164
|
+
CommonModule,
|
|
1165
|
+
InfoModule,
|
|
1166
|
+
OptionModule,
|
|
1167
|
+
FieldContainerModule,
|
|
1168
|
+
ReactiveFormsModule,
|
|
1169
|
+
MatSliderModule
|
|
1170
|
+
],
|
|
1171
|
+
exports: [
|
|
1172
|
+
SliderFieldComponent
|
|
1173
|
+
],
|
|
1174
|
+
declarations: [
|
|
1175
|
+
SliderFieldComponent
|
|
1176
|
+
]
|
|
1177
|
+
}]
|
|
1178
|
+
}] });
|
|
790
1179
|
|
|
791
1180
|
class ButtonComponent extends CrisprFieldComponent {
|
|
792
1181
|
constructor() {
|
|
@@ -806,11 +1195,42 @@ class ButtonComponent extends CrisprFieldComponent {
|
|
|
806
1195
|
}
|
|
807
1196
|
}
|
|
808
1197
|
}
|
|
809
|
-
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
810
|
-
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
811
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1198
|
+
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1199
|
+
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: ButtonComponent, selector: "crispr-button", usesInheritance: true, ngImport: i0, template: "<button\n [formGroup]=\"group\"\n mat-button\n [ngClass]=\"matButtonClass\"\n [color]=\"config.color\"\n [disabled]=\"config.disabledOnInvalidForm && !(formValid$ | async)\"\n [type]=\"config.type\"\n (click)=\"handleClick(group, $event)\"\n [matTooltip]=\"config.info?.content\"\n [matTooltipPosition]=\"config.info?.tooltipPosition || 'below'\">\n {{ config.label }}\n <mat-icon *ngIf=\"config.icon\">\n {{ config.icon}}\n </mat-icon>\n</button>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
1200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
812
1201
|
type: Component,
|
|
813
|
-
args: [{ selector: 'crispr-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n [formGroup]=\"group\"\n mat-button\n [ngClass]=\"matButtonClass\"\n [color]=\"config.color\"\n [disabled]=\"config.disabledOnInvalidForm && !(formValid$ | async)\"\n [type]=\"config.type\"\n (click)=\"handleClick(group, $event)\"\n [matTooltip]=\"config.info?.content\"\n [matTooltipPosition]=\"config.info?.tooltipPosition || 'below'\">\n {{ config.label }}\n <mat-icon *ngIf=\"config.icon\">\n {{ config.icon}}\n </mat-icon>\n</button>\n\n"
|
|
1202
|
+
args: [{ selector: 'crispr-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n [formGroup]=\"group\"\n mat-button\n [ngClass]=\"matButtonClass\"\n [color]=\"config.color\"\n [disabled]=\"config.disabledOnInvalidForm && !(formValid$ | async)\"\n [type]=\"config.type\"\n (click)=\"handleClick(group, $event)\"\n [matTooltip]=\"config.info?.content\"\n [matTooltipPosition]=\"config.info?.tooltipPosition || 'below'\">\n {{ config.label }}\n <mat-icon *ngIf=\"config.icon\">\n {{ config.icon}}\n </mat-icon>\n</button>\n\n" }]
|
|
1203
|
+
}] });
|
|
1204
|
+
class ButtonModule {
|
|
1205
|
+
}
|
|
1206
|
+
ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1207
|
+
ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule,
|
|
1208
|
+
MatButtonModule,
|
|
1209
|
+
MatIconModule,
|
|
1210
|
+
MatTooltipModule,
|
|
1211
|
+
ReactiveFormsModule], exports: [ButtonComponent] });
|
|
1212
|
+
ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ButtonModule, imports: [CommonModule,
|
|
1213
|
+
MatButtonModule,
|
|
1214
|
+
MatIconModule,
|
|
1215
|
+
MatTooltipModule,
|
|
1216
|
+
ReactiveFormsModule] });
|
|
1217
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ButtonModule, decorators: [{
|
|
1218
|
+
type: NgModule,
|
|
1219
|
+
args: [{
|
|
1220
|
+
imports: [
|
|
1221
|
+
CommonModule,
|
|
1222
|
+
MatButtonModule,
|
|
1223
|
+
MatIconModule,
|
|
1224
|
+
MatTooltipModule,
|
|
1225
|
+
ReactiveFormsModule,
|
|
1226
|
+
],
|
|
1227
|
+
exports: [
|
|
1228
|
+
ButtonComponent
|
|
1229
|
+
],
|
|
1230
|
+
declarations: [
|
|
1231
|
+
ButtonComponent
|
|
1232
|
+
]
|
|
1233
|
+
}]
|
|
814
1234
|
}] });
|
|
815
1235
|
|
|
816
1236
|
const defaultConfig$2 = {
|
|
@@ -838,11 +1258,51 @@ class DatepickerFieldComponent extends DatepickerFieldMixin {
|
|
|
838
1258
|
}
|
|
839
1259
|
}
|
|
840
1260
|
}
|
|
841
|
-
DatepickerFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
842
|
-
DatepickerFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1261
|
+
DatepickerFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DatepickerFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1262
|
+
DatepickerFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: DatepickerFieldComponent, selector: "crispr-datepicker-field", usesInheritance: true, ngImport: i0, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <input\n matInput\n [formControlName]=\"config.controlName\"\n [min]=\"config.min\"\n [max]=\"config.max\"\n [matDatepicker]=\"picker\"\n [matDatepickerFilter]=\"config.datepickerFilter\">\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-datepicker\n [touchUi]=\"config.touchUi\"\n [startView]=\"config.startView\"\n [startAt]=\"startAt$ | async\"\n [dateClass]=\"dateClass || (dateClass$ | async)\"\n #picker>\n <mat-datepicker-actions *ngIf=\"calendarFooterPortal\">\n <ng-template [cdkPortalOutlet]=\"calendarFooterPortal\"></ng-template>\n </mat-datepicker-actions>\n </mat-datepicker>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n</crispr-field-container>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "component", type: i3$2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3$2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3$2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i3$2.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i7$1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
1263
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DatepickerFieldComponent, decorators: [{
|
|
844
1264
|
type: Component,
|
|
845
|
-
args: [{ selector: 'crispr-datepicker-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <input\n matInput\n [formControlName]=\"config.controlName\"\n [min]=\"config.min\"\n [max]=\"config.max\"\n [matDatepicker]=\"picker\"\n [matDatepickerFilter]=\"config.datepickerFilter\">\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-datepicker\n [touchUi]=\"config.touchUi\"\n [startView]=\"config.startView\"\n [startAt]=\"startAt$ | async\"\n [dateClass]=\"dateClass || (dateClass$ | async)\"\n #picker>\n <mat-datepicker-actions *ngIf=\"calendarFooterPortal\">\n <ng-template [cdkPortalOutlet]=\"calendarFooterPortal\"></ng-template>\n </mat-datepicker-actions>\n </mat-datepicker>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n</crispr-field-container>\n\n"
|
|
1265
|
+
args: [{ selector: 'crispr-datepicker-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <input\n matInput\n [formControlName]=\"config.controlName\"\n [min]=\"config.min\"\n [max]=\"config.max\"\n [matDatepicker]=\"picker\"\n [matDatepickerFilter]=\"config.datepickerFilter\">\n <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n <mat-datepicker\n [touchUi]=\"config.touchUi\"\n [startView]=\"config.startView\"\n [startAt]=\"startAt$ | async\"\n [dateClass]=\"dateClass || (dateClass$ | async)\"\n #picker>\n <mat-datepicker-actions *ngIf=\"calendarFooterPortal\">\n <ng-template [cdkPortalOutlet]=\"calendarFooterPortal\"></ng-template>\n </mat-datepicker-actions>\n </mat-datepicker>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n</crispr-field-container>\n\n" }]
|
|
1266
|
+
}] });
|
|
1267
|
+
class DatepickerFieldModule {
|
|
1268
|
+
}
|
|
1269
|
+
DatepickerFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DatepickerFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1270
|
+
DatepickerFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: DatepickerFieldModule, declarations: [DatepickerFieldComponent], imports: [CommonModule,
|
|
1271
|
+
FieldContainerModule,
|
|
1272
|
+
MatDatepickerModule,
|
|
1273
|
+
MatFormFieldModule,
|
|
1274
|
+
ReactiveFormsModule,
|
|
1275
|
+
MatInputModule,
|
|
1276
|
+
MatDateFnsModule,
|
|
1277
|
+
PortalModule], exports: [DatepickerFieldComponent] });
|
|
1278
|
+
DatepickerFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DatepickerFieldModule, imports: [CommonModule,
|
|
1279
|
+
FieldContainerModule,
|
|
1280
|
+
MatDatepickerModule,
|
|
1281
|
+
MatFormFieldModule,
|
|
1282
|
+
ReactiveFormsModule,
|
|
1283
|
+
MatInputModule,
|
|
1284
|
+
MatDateFnsModule,
|
|
1285
|
+
PortalModule] });
|
|
1286
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DatepickerFieldModule, decorators: [{
|
|
1287
|
+
type: NgModule,
|
|
1288
|
+
args: [{
|
|
1289
|
+
imports: [
|
|
1290
|
+
CommonModule,
|
|
1291
|
+
FieldContainerModule,
|
|
1292
|
+
MatDatepickerModule,
|
|
1293
|
+
MatFormFieldModule,
|
|
1294
|
+
ReactiveFormsModule,
|
|
1295
|
+
MatInputModule,
|
|
1296
|
+
MatDateFnsModule,
|
|
1297
|
+
PortalModule
|
|
1298
|
+
],
|
|
1299
|
+
exports: [
|
|
1300
|
+
DatepickerFieldComponent
|
|
1301
|
+
],
|
|
1302
|
+
declarations: [
|
|
1303
|
+
DatepickerFieldComponent
|
|
1304
|
+
]
|
|
1305
|
+
}]
|
|
846
1306
|
}] });
|
|
847
1307
|
|
|
848
1308
|
class DividerComponent extends CrisprFieldComponent {
|
|
@@ -855,11 +1315,33 @@ class DividerComponent extends CrisprFieldComponent {
|
|
|
855
1315
|
super.ngOnInit();
|
|
856
1316
|
}
|
|
857
1317
|
}
|
|
858
|
-
DividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
859
|
-
DividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
860
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1318
|
+
DividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DividerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1319
|
+
DividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: DividerComponent, selector: "crispr-divider", usesInheritance: true, ngImport: i0, template: "<mat-divider [ngClass]=\"config.classes\"></mat-divider>", styles: [":host{display:block;padding:1em 0}::ng-deep .mat-divider.mat-divider-horizontal{position:relative}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2$1.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }], preserveWhitespaces: true });
|
|
1320
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DividerComponent, decorators: [{
|
|
861
1321
|
type: Component,
|
|
862
1322
|
args: [{ selector: 'crispr-divider', template: "<mat-divider [ngClass]=\"config.classes\"></mat-divider>", styles: [":host{display:block;padding:1em 0}::ng-deep .mat-divider.mat-divider-horizontal{position:relative}\n"] }]
|
|
1323
|
+
}] });
|
|
1324
|
+
class DividerModule {
|
|
1325
|
+
}
|
|
1326
|
+
DividerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1327
|
+
DividerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: DividerModule, declarations: [DividerComponent], imports: [CommonModule,
|
|
1328
|
+
MatDividerModule], exports: [DividerComponent] });
|
|
1329
|
+
DividerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DividerModule, imports: [CommonModule,
|
|
1330
|
+
MatDividerModule] });
|
|
1331
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DividerModule, decorators: [{
|
|
1332
|
+
type: NgModule,
|
|
1333
|
+
args: [{
|
|
1334
|
+
imports: [
|
|
1335
|
+
CommonModule,
|
|
1336
|
+
MatDividerModule
|
|
1337
|
+
],
|
|
1338
|
+
exports: [
|
|
1339
|
+
DividerComponent
|
|
1340
|
+
],
|
|
1341
|
+
declarations: [
|
|
1342
|
+
DividerComponent
|
|
1343
|
+
]
|
|
1344
|
+
}]
|
|
863
1345
|
}] });
|
|
864
1346
|
|
|
865
1347
|
const RadioFieldMixin = crisprControlMixin(CrisprFieldComponent);
|
|
@@ -875,11 +1357,39 @@ class RadioFieldComponent extends RadioFieldMixin {
|
|
|
875
1357
|
this.options$ = observablifyOptions(this.config.options, this.group);
|
|
876
1358
|
}
|
|
877
1359
|
}
|
|
878
|
-
RadioFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
879
|
-
RadioFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
880
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1360
|
+
RadioFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: RadioFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1361
|
+
RadioFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: RadioFieldComponent, selector: "crispr-radio-field", usesInheritance: true, ngImport: i0, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-radio-group\n [formControl]=\"control\"\n [color]=\"config.color\">\n <mat-radio-button class=\"example-radio-button\" *ngFor=\"let option of options$ | async\" [value]=\"option.value\">\n {{option.label}}\n </mat-radio-button>\n </mat-radio-group>\n</crispr-field-container>\n", styles: ["mat-radio-button{padding:12px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "directive", type: i4$2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i4$2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
1362
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: RadioFieldComponent, decorators: [{
|
|
881
1363
|
type: Component,
|
|
882
1364
|
args: [{ selector: 'crispr-radio-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-radio-group\n [formControl]=\"control\"\n [color]=\"config.color\">\n <mat-radio-button class=\"example-radio-button\" *ngFor=\"let option of options$ | async\" [value]=\"option.value\">\n {{option.label}}\n </mat-radio-button>\n </mat-radio-group>\n</crispr-field-container>\n", styles: ["mat-radio-button{padding:12px}\n"] }]
|
|
1365
|
+
}] });
|
|
1366
|
+
class RadioFieldModule {
|
|
1367
|
+
}
|
|
1368
|
+
RadioFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: RadioFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1369
|
+
RadioFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: RadioFieldModule, declarations: [RadioFieldComponent], imports: [CommonModule,
|
|
1370
|
+
ReactiveFormsModule,
|
|
1371
|
+
FieldContainerModule,
|
|
1372
|
+
MatRadioModule], exports: [RadioFieldComponent] });
|
|
1373
|
+
RadioFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: RadioFieldModule, imports: [CommonModule,
|
|
1374
|
+
ReactiveFormsModule,
|
|
1375
|
+
FieldContainerModule,
|
|
1376
|
+
MatRadioModule] });
|
|
1377
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: RadioFieldModule, decorators: [{
|
|
1378
|
+
type: NgModule,
|
|
1379
|
+
args: [{
|
|
1380
|
+
imports: [
|
|
1381
|
+
CommonModule,
|
|
1382
|
+
ReactiveFormsModule,
|
|
1383
|
+
FieldContainerModule,
|
|
1384
|
+
MatRadioModule,
|
|
1385
|
+
],
|
|
1386
|
+
exports: [
|
|
1387
|
+
RadioFieldComponent
|
|
1388
|
+
],
|
|
1389
|
+
declarations: [
|
|
1390
|
+
RadioFieldComponent
|
|
1391
|
+
]
|
|
1392
|
+
}]
|
|
883
1393
|
}] });
|
|
884
1394
|
|
|
885
1395
|
const defaultConfig$1 = {};
|
|
@@ -927,11 +1437,51 @@ class UnitConversionFieldComponent extends UnitConversionFieldMixin {
|
|
|
927
1437
|
this.setInitialDisplayValue(value, initialUnitValue);
|
|
928
1438
|
}
|
|
929
1439
|
}
|
|
930
|
-
UnitConversionFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
931
|
-
UnitConversionFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
932
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1440
|
+
UnitConversionFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: UnitConversionFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1441
|
+
UnitConversionFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: UnitConversionFieldComponent, selector: "crispr-unit-conversion-field", usesInheritance: true, ngImport: i0, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field\n [style.width.%]=\"config.showUnitSelect ? 60 : 100\"\n class=\"number-field\"\n [color]=\"config.color\"\n [appearance]=\"config.appearance\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <input\n type=\"number\"\n matInput\n [formControl]=\"displayValueControl\"\n [placeholder]=\"config.placeholder\"\n [min]=\"config.min\"\n [max]=\"config.max\"\n [step]=\"config.step\"\n [autofocus]=\"config.autofocus\">\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n matSuffix\n *ngIf=\"config.info\"\n [info]=\"config.info\">\n </crispr-info>\n </mat-form-field>\n\n <mat-form-field\n *ngIf=\"config.showUnitSelect\"\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\"\n class=\"unit-field\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <mat-select\n #selectField\n [formControl]=\"unitSelectControl\">\n\n <mat-option\n *ngFor=\"let option of unitOptions$ | async\"\n [value]=\"option.value\">\n <crispr-option [option]=\"option\">\n </crispr-option>\n </mat-option>\n\n </mat-select>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n\n</crispr-field-container>\n", styles: [".unit-field{width:40%;margin-left:16px}:host ::ng-deep .field-container{display:flex}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InfoComponent, selector: "crispr-info", inputs: ["info"] }, { kind: "component", type: OptionComponent, selector: "crispr-option", inputs: ["option"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i4.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i5.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i7.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
1442
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: UnitConversionFieldComponent, decorators: [{
|
|
933
1443
|
type: Component,
|
|
934
1444
|
args: [{ selector: 'crispr-unit-conversion-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field\n [style.width.%]=\"config.showUnitSelect ? 60 : 100\"\n class=\"number-field\"\n [color]=\"config.color\"\n [appearance]=\"config.appearance\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <input\n type=\"number\"\n matInput\n [formControl]=\"displayValueControl\"\n [placeholder]=\"config.placeholder\"\n [min]=\"config.min\"\n [max]=\"config.max\"\n [step]=\"config.step\"\n [autofocus]=\"config.autofocus\">\n <span *ngIf=\"config.fieldSuffix\" matSuffix>{{config.fieldSuffix}}</span>\n <crispr-info\n matSuffix\n *ngIf=\"config.info\"\n [info]=\"config.info\">\n </crispr-info>\n </mat-form-field>\n\n <mat-form-field\n *ngIf=\"config.showUnitSelect\"\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\"\n class=\"unit-field\">\n <mat-label *ngIf=\"config.label\">\n {{config.label}}\n </mat-label>\n <mat-select\n #selectField\n [formControl]=\"unitSelectControl\">\n\n <mat-option\n *ngFor=\"let option of unitOptions$ | async\"\n [value]=\"option.value\">\n <crispr-option [option]=\"option\">\n </crispr-option>\n </mat-option>\n\n </mat-select>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n\n</crispr-field-container>\n", styles: [".unit-field{width:40%;margin-left:16px}:host ::ng-deep .field-container{display:flex}\n"] }]
|
|
1445
|
+
}] });
|
|
1446
|
+
class UnitConversionFieldModule {
|
|
1447
|
+
}
|
|
1448
|
+
UnitConversionFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: UnitConversionFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1449
|
+
UnitConversionFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: UnitConversionFieldModule, declarations: [UnitConversionFieldComponent], imports: [CommonModule,
|
|
1450
|
+
InfoModule,
|
|
1451
|
+
OptionModule,
|
|
1452
|
+
ReactiveFormsModule,
|
|
1453
|
+
FieldContainerModule,
|
|
1454
|
+
MatInputModule,
|
|
1455
|
+
MatSelectModule,
|
|
1456
|
+
MatOptionModule], exports: [UnitConversionFieldComponent] });
|
|
1457
|
+
UnitConversionFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: UnitConversionFieldModule, imports: [CommonModule,
|
|
1458
|
+
InfoModule,
|
|
1459
|
+
OptionModule,
|
|
1460
|
+
ReactiveFormsModule,
|
|
1461
|
+
FieldContainerModule,
|
|
1462
|
+
MatInputModule,
|
|
1463
|
+
MatSelectModule,
|
|
1464
|
+
MatOptionModule] });
|
|
1465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: UnitConversionFieldModule, decorators: [{
|
|
1466
|
+
type: NgModule,
|
|
1467
|
+
args: [{
|
|
1468
|
+
imports: [
|
|
1469
|
+
CommonModule,
|
|
1470
|
+
InfoModule,
|
|
1471
|
+
OptionModule,
|
|
1472
|
+
ReactiveFormsModule,
|
|
1473
|
+
FieldContainerModule,
|
|
1474
|
+
MatInputModule,
|
|
1475
|
+
MatSelectModule,
|
|
1476
|
+
MatOptionModule,
|
|
1477
|
+
],
|
|
1478
|
+
exports: [
|
|
1479
|
+
UnitConversionFieldComponent
|
|
1480
|
+
],
|
|
1481
|
+
declarations: [
|
|
1482
|
+
UnitConversionFieldComponent
|
|
1483
|
+
]
|
|
1484
|
+
}]
|
|
935
1485
|
}] });
|
|
936
1486
|
|
|
937
1487
|
class FileDropzoneDirective {
|
|
@@ -952,9 +1502,9 @@ class FileDropzoneDirective {
|
|
|
952
1502
|
}
|
|
953
1503
|
}
|
|
954
1504
|
}
|
|
955
|
-
FileDropzoneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
956
|
-
FileDropzoneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
957
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1505
|
+
FileDropzoneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FileDropzoneDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1506
|
+
FileDropzoneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: FileDropzoneDirective, selector: "[crisprFileDropzone]", inputs: { crisprFileDropzone: "crisprFileDropzone" }, outputs: { fileDrop: "fileDrop" }, host: { listeners: { "drop": "onDrop($event)", "dragover": "onDragOver($event)" } }, ngImport: i0 });
|
|
1507
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FileDropzoneDirective, decorators: [{
|
|
958
1508
|
type: Directive,
|
|
959
1509
|
args: [{
|
|
960
1510
|
selector: '[crisprFileDropzone]'
|
|
@@ -973,9 +1523,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
973
1523
|
|
|
974
1524
|
class SelectedFileComponent {
|
|
975
1525
|
}
|
|
976
|
-
SelectedFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
977
|
-
SelectedFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
978
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1526
|
+
SelectedFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectedFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1527
|
+
SelectedFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: SelectedFileComponent, selector: "crispr-selected-file", inputs: { fileName: "fileName", progress: "progress", showProgress: "showProgress", color: "color" }, ngImport: i0, template: "<h3 class=\"mat-h3\">{{ fileName }}</h3>\n<mat-progress-bar\n *ngIf=\"showProgress\"\n mode=\"determinate\"\n [color]=\"color\"\n [value]=\"progress\">\n</mat-progress-bar>\n", styles: ["mat-progress-bar{margin-bottom:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], preserveWhitespaces: true });
|
|
1528
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectedFileComponent, decorators: [{
|
|
979
1529
|
type: Component,
|
|
980
1530
|
args: [{ selector: 'crispr-selected-file', template: "<h3 class=\"mat-h3\">{{ fileName }}</h3>\n<mat-progress-bar\n *ngIf=\"showProgress\"\n mode=\"determinate\"\n [color]=\"color\"\n [value]=\"progress\">\n</mat-progress-bar>\n", styles: ["mat-progress-bar{margin-bottom:8px}\n"] }]
|
|
981
1531
|
}], propDecorators: { fileName: [{
|
|
@@ -989,14 +1539,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
989
1539
|
}] } });
|
|
990
1540
|
class SelectedFileModule {
|
|
991
1541
|
}
|
|
992
|
-
SelectedFileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
993
|
-
SelectedFileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1542
|
+
SelectedFileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectedFileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1543
|
+
SelectedFileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: SelectedFileModule, declarations: [SelectedFileComponent], imports: [CommonModule,
|
|
994
1544
|
MatProgressBarModule], exports: [SelectedFileComponent] });
|
|
995
|
-
SelectedFileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
996
|
-
|
|
997
|
-
|
|
998
|
-
]] });
|
|
999
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: SelectedFileModule, decorators: [{
|
|
1545
|
+
SelectedFileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectedFileModule, imports: [CommonModule,
|
|
1546
|
+
MatProgressBarModule] });
|
|
1547
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectedFileModule, decorators: [{
|
|
1000
1548
|
type: NgModule,
|
|
1001
1549
|
args: [{
|
|
1002
1550
|
imports: [
|
|
@@ -1073,12 +1621,12 @@ class FileUploadFieldComponent extends FileUploadFieldMixin {
|
|
|
1073
1621
|
registerOnTouched(fn) {
|
|
1074
1622
|
}
|
|
1075
1623
|
}
|
|
1076
|
-
FileUploadFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1077
|
-
FileUploadFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1078
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1624
|
+
FileUploadFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FileUploadFieldComponent, deps: [{ token: i4.NgControl, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
1625
|
+
FileUploadFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: FileUploadFieldComponent, selector: "crispr-file-upload-field", viewQueries: [{ propertyName: "fileInputRef", first: true, predicate: ["fileInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field floatLabel=\"always\"\n [color]=\"config.color\"\n appearance=\"outline\"\n [crisprFileDropzone]=\"!(disabled$ | async) && !(config.disableOnUpload && isUploaded)\"\n [formGroup]=\"group\"\n (fileDrop)=\"filesChanged($event)\">\n\n <input [formControlName]=\"config.controlName\" matInput type=\"text\"/>\n <input\n #fileInput\n type=\"file\"\n style=\"display: none\"\n [accept]=\"config.acceptedTypes\"\n [multiple]=\"config.allowMultipleFiles\"\n (change)=\"filesChanged($event.target.files)\"/>\n <mat-label>{{config.label}}</mat-label>\n\n <div *ngIf=\"!(selectedFiles?.length > 0); else selectedFileList\" class=\"drop-info\">\n <mat-icon class=\"drop-icon\" inline=\"true\">cloud_upload</mat-icon>\n <h2 class=\"mat-h2\">{{config.dropZoneText}}</h2>\n or\n <button\n mat-raised-button\n type=\"button\"\n color=\"primary\"\n [disabled]=\"(disabled$ | async) || config.disableOnUpload && isUploaded\"\n (click)=\"fileInput.click()\"\n [attr.aria-label]=\"config.controlName\">\n {{config.selectButtonText}}\n </button>\n </div>\n <ng-template #selectedFileList>\n <div class=\"selected-files-container\">\n <div class=\"selected-files-list\">\n <crispr-selected-file\n *ngFor=\"let file of selectedFiles; let i = index;\"\n [color]=\"config.color === 'primary' ? 'accent' : 'primary'\"\n [fileName]=\"file.name\"\n [showProgress]=\"config.showUploadProgress\"\n [progress]=\"fileProgress && (fileProgress[i] | async)\">\n </crispr-selected-file>\n </div>\n\n </div>\n </ng-template>\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n </mat-form-field>\n <div class=\"button-container\" *ngIf=\"selectedFiles?.length > 0\">\n\n <button\n mat-button\n (click)=\"resetFileInput()\"\n type=\"button\"\n [disabled]=\"(disabled$ | async) || (config.disableOnUpload && isUploaded)\"\n aria-label=\"Remove Selected File(s)\">\n {{config.clearFilesButtonText}}\n <mat-icon>delete</mat-icon>\n </button>\n\n <button\n *ngIf=\"!!config.uploadFiles\"\n mat-raised-button\n type=\"button\"\n color=\"accent\"\n class=\"file-input-button\"\n [disabled]=\"(disabled$ | async) || (config.disableOnUpload && isUploaded)\"\n (click)=\"uploadFiles()\"\n [attr.aria-label]=\"config.uploadButtonText\">\n {{ config.uploadButtonText }}\n </button>\n\n </div>\n</crispr-field-container>\n", styles: [":host ::ng-deep .mat-form-field .mat-form-field-infix{padding-top:0;display:flex;justify-content:center}:host .drop-info{display:flex;flex-direction:column;align-items:center}:host .drop-info .drop-icon{font-size:36px}:host .drop-info .mat-h2{margin:0}:host .button-container{display:flex;justify-content:flex-end;margin-top:-16px}:host .button-container button{margin-left:8px}:host .selected-files-container{width:100%}:host [matInput]{position:absolute;max-height:0;visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return i1.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return FieldContainerComponent; }), selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.DefaultValueAccessor; }), selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i0.forwardRef(function () { return i4.NgControlStatus; }), selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i0.forwardRef(function () { return i4.NgControlStatusGroup; }), selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i0.forwardRef(function () { return i4.FormGroupDirective; }), selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i0.forwardRef(function () { return i4.FormControlName; }), selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i0.forwardRef(function () { return i3.MatIcon; }), selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i0.forwardRef(function () { return i2.MatButton; }), selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i0.forwardRef(function () { return i5.MatFormField; }), selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.MatHint; }), selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i0.forwardRef(function () { return i5.MatLabel; }), selector: "mat-label" }, { kind: "directive", type: i0.forwardRef(function () { return i6.MatInput; }), selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i0.forwardRef(function () { return SelectedFileComponent; }), selector: "crispr-selected-file", inputs: ["fileName", "progress", "showProgress", "color"] }, { kind: "directive", type: i0.forwardRef(function () { return i9.ControlErrorsDirective; }), selector: "[formControl], [formControlName]" }, { kind: "directive", type: i0.forwardRef(function () { return i9.ControlErrorContainerDirective; }), selector: "[controlErrorContainer], [formGroup]" }, { kind: "directive", type: i0.forwardRef(function () { return FileDropzoneDirective; }), selector: "[crisprFileDropzone]", inputs: ["crisprFileDropzone"], outputs: ["fileDrop"] }, { kind: "pipe", type: i0.forwardRef(function () { return i1.AsyncPipe; }), name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
1626
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FileUploadFieldComponent, decorators: [{
|
|
1079
1627
|
type: Component,
|
|
1080
1628
|
args: [{ selector: 'crispr-file-upload-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <mat-form-field floatLabel=\"always\"\n [color]=\"config.color\"\n appearance=\"outline\"\n [crisprFileDropzone]=\"!(disabled$ | async) && !(config.disableOnUpload && isUploaded)\"\n [formGroup]=\"group\"\n (fileDrop)=\"filesChanged($event)\">\n\n <input [formControlName]=\"config.controlName\" matInput type=\"text\"/>\n <input\n #fileInput\n type=\"file\"\n style=\"display: none\"\n [accept]=\"config.acceptedTypes\"\n [multiple]=\"config.allowMultipleFiles\"\n (change)=\"filesChanged($event.target.files)\"/>\n <mat-label>{{config.label}}</mat-label>\n\n <div *ngIf=\"!(selectedFiles?.length > 0); else selectedFileList\" class=\"drop-info\">\n <mat-icon class=\"drop-icon\" inline=\"true\">cloud_upload</mat-icon>\n <h2 class=\"mat-h2\">{{config.dropZoneText}}</h2>\n or\n <button\n mat-raised-button\n type=\"button\"\n color=\"primary\"\n [disabled]=\"(disabled$ | async) || config.disableOnUpload && isUploaded\"\n (click)=\"fileInput.click()\"\n [attr.aria-label]=\"config.controlName\">\n {{config.selectButtonText}}\n </button>\n </div>\n <ng-template #selectedFileList>\n <div class=\"selected-files-container\">\n <div class=\"selected-files-list\">\n <crispr-selected-file\n *ngFor=\"let file of selectedFiles; let i = index;\"\n [color]=\"config.color === 'primary' ? 'accent' : 'primary'\"\n [fileName]=\"file.name\"\n [showProgress]=\"config.showUploadProgress\"\n [progress]=\"fileProgress && (fileProgress[i] | async)\">\n </crispr-selected-file>\n </div>\n\n </div>\n </ng-template>\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n </mat-form-field>\n <div class=\"button-container\" *ngIf=\"selectedFiles?.length > 0\">\n\n <button\n mat-button\n (click)=\"resetFileInput()\"\n type=\"button\"\n [disabled]=\"(disabled$ | async) || (config.disableOnUpload && isUploaded)\"\n aria-label=\"Remove Selected File(s)\">\n {{config.clearFilesButtonText}}\n <mat-icon>delete</mat-icon>\n </button>\n\n <button\n *ngIf=\"!!config.uploadFiles\"\n mat-raised-button\n type=\"button\"\n color=\"accent\"\n class=\"file-input-button\"\n [disabled]=\"(disabled$ | async) || (config.disableOnUpload && isUploaded)\"\n (click)=\"uploadFiles()\"\n [attr.aria-label]=\"config.uploadButtonText\">\n {{ config.uploadButtonText }}\n </button>\n\n </div>\n</crispr-field-container>\n", styles: [":host ::ng-deep .mat-form-field .mat-form-field-infix{padding-top:0;display:flex;justify-content:center}:host .drop-info{display:flex;flex-direction:column;align-items:center}:host .drop-info .drop-icon{font-size:36px}:host .drop-info .mat-h2{margin:0}:host .button-container{display:flex;justify-content:flex-end;margin-top:-16px}:host .button-container button{margin-left:8px}:host .selected-files-container{width:100%}:host [matInput]{position:absolute;max-height:0;visibility:hidden}\n"] }]
|
|
1081
|
-
}], ctorParameters: function () { return [{ type: i4
|
|
1629
|
+
}], ctorParameters: function () { return [{ type: i4.NgControl, decorators: [{
|
|
1082
1630
|
type: Optional
|
|
1083
1631
|
}, {
|
|
1084
1632
|
type: Self
|
|
@@ -1088,8 +1636,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
1088
1636
|
}] } });
|
|
1089
1637
|
class FileUploadFieldModule {
|
|
1090
1638
|
}
|
|
1091
|
-
FileUploadFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1092
|
-
FileUploadFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1639
|
+
FileUploadFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FileUploadFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1640
|
+
FileUploadFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: FileUploadFieldModule, declarations: [FileUploadFieldComponent, FileDropzoneDirective], imports: [CommonModule,
|
|
1093
1641
|
FieldContainerModule,
|
|
1094
1642
|
ReactiveFormsModule,
|
|
1095
1643
|
MatIconModule,
|
|
@@ -1098,18 +1646,16 @@ FileUploadFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", v
|
|
|
1098
1646
|
MatInputModule,
|
|
1099
1647
|
SelectedFileModule,
|
|
1100
1648
|
FormValidationHandlerModule], exports: [FileUploadFieldComponent, FileDropzoneDirective] });
|
|
1101
|
-
FileUploadFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1108
|
-
|
|
1109
|
-
|
|
1110
|
-
|
|
1111
|
-
]] });
|
|
1112
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: FileUploadFieldModule, decorators: [{
|
|
1649
|
+
FileUploadFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FileUploadFieldModule, imports: [CommonModule,
|
|
1650
|
+
FieldContainerModule,
|
|
1651
|
+
ReactiveFormsModule,
|
|
1652
|
+
MatIconModule,
|
|
1653
|
+
MatButtonModule,
|
|
1654
|
+
MatFormFieldModule,
|
|
1655
|
+
MatInputModule,
|
|
1656
|
+
SelectedFileModule,
|
|
1657
|
+
FormValidationHandlerModule] });
|
|
1658
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FileUploadFieldModule, decorators: [{
|
|
1113
1659
|
type: NgModule,
|
|
1114
1660
|
args: [{
|
|
1115
1661
|
imports: [
|
|
@@ -1266,12 +1812,12 @@ class ImageUploadFieldComponent extends ImageUploadFieldMixin {
|
|
|
1266
1812
|
}
|
|
1267
1813
|
registerOnTouched(fn) { }
|
|
1268
1814
|
}
|
|
1269
|
-
ImageUploadFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1270
|
-
ImageUploadFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1271
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1815
|
+
ImageUploadFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ImageUploadFieldComponent, deps: [{ token: i4.NgControl, optional: true, self: true }, { token: i2$3.DomSanitizer }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
1816
|
+
ImageUploadFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: ImageUploadFieldComponent, selector: "crispr-image-upload-field", viewQueries: [{ propertyName: "fileInputRef", first: true, predicate: ["fileInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-form-field floatLabel=\"always\"\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label>{{config.label}}</mat-label>\n <input [formControlName]=\"config.controlName\" matInput type=\"text\"/>\n <input\n #fileInput\n type=\"file\"\n [accept]=\"config.acceptedTypes\"\n (change)=\"filesChanged($event.target.files)\"/>\n <div class=\"ui-container\">\n\n <div class=\"image-preview\" [style.height]=\"config.imagePreviewHeight\">\n <crispr-selected-file\n *ngIf=\"(progress < 100) && inputImageFile$ | async as file; else dropzoneOrPreview\"\n [color]=\"config.color === 'primary' ? 'accent' : 'primary'\"\n [fileName]=\"'Compressing: ' + file.name\"\n [showProgress]=\"true\"\n [progress]=\"progress\">\n </crispr-selected-file>\n\n <ng-template #dropzoneOrPreview>\n <!-- <img *ngIf=\"(initialUrlString$ | async) as initialUrlString;\" [src]=\"initialUrlString\" alt=\"\"> -->\n <img *ngIf=\"imageSrcUrl$ | async as srcUrl; else noImage\" [src]=\"srcUrl\" alt=\"\">\n <ng-template #noImage>\n <div class=\"drop-container\"\n [crisprFileDropzone]=\"!(disabled$ | async)\"\n (fileDrop)=\"filesChanged($event)\">\n <mat-icon class=\"drop-icon\" inline=\"true\">cloud_upload</mat-icon>\n <h2 class=\"mat-h2\">{{config.dropZoneText}}</h2>\n </div>\n </ng-template>\n\n </ng-template>\n </div>\n\n\n\n <!-- </ng-template> -->\n <div class=\"button-container\" *ngIf=\"true\">\n\n <button\n mat-button\n (click)=\"clearFileInput()\"\n type=\"button\"\n [disabled]=\"(disabled$ | async)\"\n aria-label=\"Remove Selected File(s)\">\n <mat-icon>delete</mat-icon>\n {{config.clearFilesButtonText}}\n </button>\n\n <button\n *ngIf=\"value\"\n mat-button\n (click)=\"resetToInitialValue(value)\"\n type=\"button\"\n [disabled]=\"(disabled$ | async)\"\n aria-label=\"Remove Selected File(s)\">\n <mat-icon>replay</mat-icon>\n {{config.resetFilesButtonText}}\n </button>\n\n <button\n mat-button\n type=\"button\"\n color=\"primary\"\n [disabled]=\"(disabled$ | async)\"\n (click)=\"fileInput.click()\"\n [attr.aria-label]=\"config.controlName\">\n <mat-icon>\n camera\n </mat-icon>\n SELECT\n </button>\n </div>\n </div>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n\n</crispr-field-container>\n", styles: [":host ::ng-deep .mat-form-field .mat-form-field-infix{padding-top:0}:host ::ng-deep .mat-form-field .mat-button-wrapper{display:flex;flex-direction:column;align-items:center;padding-top:8px}:host .ui-container{display:flex;flex-direction:column}:host .ui-container .image-preview{display:flex;flex-direction:column;align-content:space-between;justify-content:center;align-items:center;margin:8px 0;flex-grow:1}:host .ui-container .image-preview crispr-selected-file{width:100%}:host .ui-container .image-preview .drop-container{display:flex;box-sizing:border-box;flex-direction:column;align-items:center;border:3px dashed gray;height:100%;width:100%;align-content:center;justify-content:center;border-radius:8px}:host .ui-container .image-preview .drop-container .drop-icon{height:32px;width:32px;font-size:36px}:host .ui-container .image-preview .drop-container .mat-h2{margin:0}:host .ui-container .image-preview img{height:inherit;max-width:100%}:host .ui-container .button-container{display:flex;flex-direction:var(--image-upload-button-container-direction);justify-content:flex-end}:host .ui-container .button-container button{margin-left:8px}:host input{position:absolute;max-height:0;visibility:hidden}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "directive", type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: SelectedFileComponent, selector: "crispr-selected-file", inputs: ["fileName", "progress", "showProgress", "color"] }, { kind: "directive", type: FileDropzoneDirective, selector: "[crisprFileDropzone]", inputs: ["crisprFileDropzone"], outputs: ["fileDrop"] }, { kind: "directive", type: i9.ControlErrorsDirective, selector: "[formControl], [formControlName]" }, { kind: "directive", type: i9.ControlErrorContainerDirective, selector: "[controlErrorContainer], [formGroup]" }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
1817
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ImageUploadFieldComponent, decorators: [{
|
|
1272
1818
|
type: Component,
|
|
1273
1819
|
args: [{ selector: 'crispr-image-upload-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n\n <mat-form-field floatLabel=\"always\"\n [color]=\"config.color\"\n [appearance]=\"config.appearance\"\n [formGroup]=\"group\">\n <mat-label>{{config.label}}</mat-label>\n <input [formControlName]=\"config.controlName\" matInput type=\"text\"/>\n <input\n #fileInput\n type=\"file\"\n [accept]=\"config.acceptedTypes\"\n (change)=\"filesChanged($event.target.files)\"/>\n <div class=\"ui-container\">\n\n <div class=\"image-preview\" [style.height]=\"config.imagePreviewHeight\">\n <crispr-selected-file\n *ngIf=\"(progress < 100) && inputImageFile$ | async as file; else dropzoneOrPreview\"\n [color]=\"config.color === 'primary' ? 'accent' : 'primary'\"\n [fileName]=\"'Compressing: ' + file.name\"\n [showProgress]=\"true\"\n [progress]=\"progress\">\n </crispr-selected-file>\n\n <ng-template #dropzoneOrPreview>\n <!-- <img *ngIf=\"(initialUrlString$ | async) as initialUrlString;\" [src]=\"initialUrlString\" alt=\"\"> -->\n <img *ngIf=\"imageSrcUrl$ | async as srcUrl; else noImage\" [src]=\"srcUrl\" alt=\"\">\n <ng-template #noImage>\n <div class=\"drop-container\"\n [crisprFileDropzone]=\"!(disabled$ | async)\"\n (fileDrop)=\"filesChanged($event)\">\n <mat-icon class=\"drop-icon\" inline=\"true\">cloud_upload</mat-icon>\n <h2 class=\"mat-h2\">{{config.dropZoneText}}</h2>\n </div>\n </ng-template>\n\n </ng-template>\n </div>\n\n\n\n <!-- </ng-template> -->\n <div class=\"button-container\" *ngIf=\"true\">\n\n <button\n mat-button\n (click)=\"clearFileInput()\"\n type=\"button\"\n [disabled]=\"(disabled$ | async)\"\n aria-label=\"Remove Selected File(s)\">\n <mat-icon>delete</mat-icon>\n {{config.clearFilesButtonText}}\n </button>\n\n <button\n *ngIf=\"value\"\n mat-button\n (click)=\"resetToInitialValue(value)\"\n type=\"button\"\n [disabled]=\"(disabled$ | async)\"\n aria-label=\"Remove Selected File(s)\">\n <mat-icon>replay</mat-icon>\n {{config.resetFilesButtonText}}\n </button>\n\n <button\n mat-button\n type=\"button\"\n color=\"primary\"\n [disabled]=\"(disabled$ | async)\"\n (click)=\"fileInput.click()\"\n [attr.aria-label]=\"config.controlName\">\n <mat-icon>\n camera\n </mat-icon>\n SELECT\n </button>\n </div>\n </div>\n\n <mat-hint *ngIf=\"config.hint && (control.valid || !control.touched)\">{{config.hint}}</mat-hint>\n\n </mat-form-field>\n\n</crispr-field-container>\n", styles: [":host ::ng-deep .mat-form-field .mat-form-field-infix{padding-top:0}:host ::ng-deep .mat-form-field .mat-button-wrapper{display:flex;flex-direction:column;align-items:center;padding-top:8px}:host .ui-container{display:flex;flex-direction:column}:host .ui-container .image-preview{display:flex;flex-direction:column;align-content:space-between;justify-content:center;align-items:center;margin:8px 0;flex-grow:1}:host .ui-container .image-preview crispr-selected-file{width:100%}:host .ui-container .image-preview .drop-container{display:flex;box-sizing:border-box;flex-direction:column;align-items:center;border:3px dashed gray;height:100%;width:100%;align-content:center;justify-content:center;border-radius:8px}:host .ui-container .image-preview .drop-container .drop-icon{height:32px;width:32px;font-size:36px}:host .ui-container .image-preview .drop-container .mat-h2{margin:0}:host .ui-container .image-preview img{height:inherit;max-width:100%}:host .ui-container .button-container{display:flex;flex-direction:var(--image-upload-button-container-direction);justify-content:flex-end}:host .ui-container .button-container button{margin-left:8px}:host input{position:absolute;max-height:0;visibility:hidden}\n"] }]
|
|
1274
|
-
}], ctorParameters: function () { return [{ type: i4
|
|
1820
|
+
}], ctorParameters: function () { return [{ type: i4.NgControl, decorators: [{
|
|
1275
1821
|
type: Optional
|
|
1276
1822
|
}, {
|
|
1277
1823
|
type: Self
|
|
@@ -1281,8 +1827,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
1281
1827
|
}] } });
|
|
1282
1828
|
class ImageUploadFieldModule {
|
|
1283
1829
|
}
|
|
1284
|
-
ImageUploadFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1285
|
-
ImageUploadFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1830
|
+
ImageUploadFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ImageUploadFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1831
|
+
ImageUploadFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: ImageUploadFieldModule, declarations: [ImageUploadFieldComponent], imports: [CommonModule,
|
|
1286
1832
|
FieldContainerModule,
|
|
1287
1833
|
ReactiveFormsModule,
|
|
1288
1834
|
MatIconModule,
|
|
@@ -1292,19 +1838,17 @@ ImageUploadFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
|
|
|
1292
1838
|
SelectedFileModule,
|
|
1293
1839
|
FileUploadFieldModule,
|
|
1294
1840
|
FormValidationHandlerModule], exports: [ImageUploadFieldComponent] });
|
|
1295
|
-
ImageUploadFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
]] });
|
|
1307
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: ImageUploadFieldModule, decorators: [{
|
|
1841
|
+
ImageUploadFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ImageUploadFieldModule, imports: [CommonModule,
|
|
1842
|
+
FieldContainerModule,
|
|
1843
|
+
ReactiveFormsModule,
|
|
1844
|
+
MatIconModule,
|
|
1845
|
+
MatButtonModule,
|
|
1846
|
+
MatFormFieldModule,
|
|
1847
|
+
MatInputModule,
|
|
1848
|
+
SelectedFileModule,
|
|
1849
|
+
FileUploadFieldModule,
|
|
1850
|
+
FormValidationHandlerModule] });
|
|
1851
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ImageUploadFieldModule, decorators: [{
|
|
1308
1852
|
type: NgModule,
|
|
1309
1853
|
args: [{
|
|
1310
1854
|
imports: [
|
|
@@ -1376,141 +1920,50 @@ function allowedFileType(matchExp) {
|
|
|
1376
1920
|
|
|
1377
1921
|
// TODO: Should we import UI library?
|
|
1378
1922
|
// Will the tree shaker shake the unused modules?
|
|
1379
|
-
const MAT_DESIGN_MODULES = [
|
|
1380
|
-
MatIconModule,
|
|
1381
|
-
MatAutocompleteModule,
|
|
1382
|
-
MatDatepickerModule,
|
|
1383
|
-
MatInputModule,
|
|
1384
|
-
MatRadioModule,
|
|
1385
|
-
MatSelectModule,
|
|
1386
|
-
MatCheckboxModule,
|
|
1387
|
-
MatChipsModule,
|
|
1388
|
-
MatSliderModule,
|
|
1389
|
-
MatSlideToggleModule,
|
|
1390
|
-
MatButtonModule,
|
|
1391
|
-
MatButtonToggleModule,
|
|
1392
|
-
MatChipsModule,
|
|
1393
|
-
MatTooltipModule,
|
|
1394
|
-
MatFormFieldModule,
|
|
1395
|
-
MatMomentDateModule,
|
|
1396
|
-
MatDividerModule,
|
|
1397
|
-
MatProgressBarModule,
|
|
1398
|
-
PortalModule
|
|
1399
|
-
];
|
|
1400
|
-
const CRISPR_FIELDS = [
|
|
1401
|
-
InputFieldComponent,
|
|
1402
|
-
SelectFieldComponent,
|
|
1403
|
-
RadioFieldComponent,
|
|
1404
|
-
AutocompleteFieldComponent,
|
|
1405
|
-
AutocompleteChiplistFieldComponent,
|
|
1406
|
-
CheckboxFieldComponent,
|
|
1407
|
-
TextareaFieldComponent,
|
|
1408
|
-
DatepickerFieldComponent,
|
|
1409
|
-
SliderFieldComponent,
|
|
1410
|
-
ButtonComponent,
|
|
1411
|
-
DividerComponent,
|
|
1412
|
-
UnitConversionFieldComponent,
|
|
1413
|
-
OptionComponent,
|
|
1414
|
-
];
|
|
1415
1923
|
class MaterialModule {
|
|
1416
1924
|
}
|
|
1417
|
-
MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1418
|
-
MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1419
|
-
SelectFieldComponent,
|
|
1420
|
-
RadioFieldComponent,
|
|
1421
|
-
AutocompleteFieldComponent,
|
|
1422
|
-
AutocompleteChiplistFieldComponent,
|
|
1423
|
-
CheckboxFieldComponent,
|
|
1424
|
-
TextareaFieldComponent,
|
|
1425
|
-
DatepickerFieldComponent,
|
|
1426
|
-
SliderFieldComponent,
|
|
1427
|
-
ButtonComponent,
|
|
1428
|
-
DividerComponent,
|
|
1429
|
-
UnitConversionFieldComponent,
|
|
1430
|
-
OptionComponent], imports: [CommonModule,
|
|
1925
|
+
MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1926
|
+
MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: MaterialModule, imports: [CommonModule,
|
|
1431
1927
|
ReactiveFormsModule,
|
|
1432
1928
|
FormValidationHandlerModule,
|
|
1433
1929
|
InfoModule,
|
|
1930
|
+
CheckboxFieldModule,
|
|
1931
|
+
SelectFieldModule,
|
|
1932
|
+
AutocompleteFieldModule,
|
|
1933
|
+
AutocompleteChiplistFieldModule,
|
|
1934
|
+
DatepickerFieldModule,
|
|
1935
|
+
InputFieldModule,
|
|
1434
1936
|
FileUploadFieldModule,
|
|
1937
|
+
RadioFieldModule,
|
|
1938
|
+
SliderFieldModule,
|
|
1939
|
+
TextareaFieldModule,
|
|
1940
|
+
UnitConversionFieldModule,
|
|
1941
|
+
ButtonModule,
|
|
1942
|
+
DividerModule,
|
|
1435
1943
|
HeadingModule,
|
|
1436
|
-
FieldContainerModule,
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
MatSelectModule,
|
|
1460
|
-
MatCheckboxModule,
|
|
1461
|
-
MatChipsModule,
|
|
1462
|
-
MatSliderModule,
|
|
1463
|
-
MatSlideToggleModule,
|
|
1464
|
-
MatButtonModule,
|
|
1465
|
-
MatButtonToggleModule,
|
|
1466
|
-
MatChipsModule,
|
|
1467
|
-
MatTooltipModule,
|
|
1468
|
-
MatFormFieldModule,
|
|
1469
|
-
MatMomentDateModule,
|
|
1470
|
-
MatDividerModule,
|
|
1471
|
-
MatProgressBarModule,
|
|
1472
|
-
PortalModule, InputFieldComponent,
|
|
1473
|
-
SelectFieldComponent,
|
|
1474
|
-
RadioFieldComponent,
|
|
1475
|
-
AutocompleteFieldComponent,
|
|
1476
|
-
AutocompleteChiplistFieldComponent,
|
|
1477
|
-
CheckboxFieldComponent,
|
|
1478
|
-
TextareaFieldComponent,
|
|
1479
|
-
DatepickerFieldComponent,
|
|
1480
|
-
SliderFieldComponent,
|
|
1481
|
-
ButtonComponent,
|
|
1482
|
-
DividerComponent,
|
|
1483
|
-
UnitConversionFieldComponent,
|
|
1484
|
-
OptionComponent] });
|
|
1485
|
-
MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: MaterialModule, imports: [[
|
|
1486
|
-
CommonModule,
|
|
1487
|
-
ReactiveFormsModule,
|
|
1488
|
-
FormValidationHandlerModule,
|
|
1489
|
-
InfoModule,
|
|
1490
|
-
FileUploadFieldModule,
|
|
1491
|
-
HeadingModule,
|
|
1492
|
-
FieldContainerModule,
|
|
1493
|
-
...MAT_DESIGN_MODULES,
|
|
1494
|
-
], MatIconModule,
|
|
1495
|
-
MatAutocompleteModule,
|
|
1496
|
-
MatDatepickerModule,
|
|
1497
|
-
MatInputModule,
|
|
1498
|
-
MatRadioModule,
|
|
1499
|
-
MatSelectModule,
|
|
1500
|
-
MatCheckboxModule,
|
|
1501
|
-
MatChipsModule,
|
|
1502
|
-
MatSliderModule,
|
|
1503
|
-
MatSlideToggleModule,
|
|
1504
|
-
MatButtonModule,
|
|
1505
|
-
MatButtonToggleModule,
|
|
1506
|
-
MatChipsModule,
|
|
1507
|
-
MatTooltipModule,
|
|
1508
|
-
MatFormFieldModule,
|
|
1509
|
-
MatMomentDateModule,
|
|
1510
|
-
MatDividerModule,
|
|
1511
|
-
MatProgressBarModule,
|
|
1512
|
-
PortalModule] });
|
|
1513
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: MaterialModule, decorators: [{
|
|
1944
|
+
FieldContainerModule,
|
|
1945
|
+
OptionModule] });
|
|
1946
|
+
MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: MaterialModule, imports: [CommonModule,
|
|
1947
|
+
ReactiveFormsModule,
|
|
1948
|
+
FormValidationHandlerModule,
|
|
1949
|
+
InfoModule,
|
|
1950
|
+
CheckboxFieldModule,
|
|
1951
|
+
SelectFieldModule,
|
|
1952
|
+
AutocompleteFieldModule,
|
|
1953
|
+
AutocompleteChiplistFieldModule,
|
|
1954
|
+
DatepickerFieldModule,
|
|
1955
|
+
InputFieldModule,
|
|
1956
|
+
FileUploadFieldModule,
|
|
1957
|
+
RadioFieldModule,
|
|
1958
|
+
SliderFieldModule,
|
|
1959
|
+
TextareaFieldModule,
|
|
1960
|
+
UnitConversionFieldModule,
|
|
1961
|
+
ButtonModule,
|
|
1962
|
+
DividerModule,
|
|
1963
|
+
HeadingModule,
|
|
1964
|
+
FieldContainerModule,
|
|
1965
|
+
OptionModule] });
|
|
1966
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: MaterialModule, decorators: [{
|
|
1514
1967
|
type: NgModule,
|
|
1515
1968
|
args: [{
|
|
1516
1969
|
imports: [
|
|
@@ -1518,37 +1971,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
1518
1971
|
ReactiveFormsModule,
|
|
1519
1972
|
FormValidationHandlerModule,
|
|
1520
1973
|
InfoModule,
|
|
1974
|
+
CheckboxFieldModule,
|
|
1975
|
+
SelectFieldModule,
|
|
1976
|
+
AutocompleteFieldModule,
|
|
1977
|
+
AutocompleteChiplistFieldModule,
|
|
1978
|
+
DatepickerFieldModule,
|
|
1979
|
+
InputFieldModule,
|
|
1521
1980
|
FileUploadFieldModule,
|
|
1981
|
+
RadioFieldModule,
|
|
1982
|
+
SliderFieldModule,
|
|
1983
|
+
TextareaFieldModule,
|
|
1984
|
+
UnitConversionFieldModule,
|
|
1985
|
+
ButtonModule,
|
|
1986
|
+
DividerModule,
|
|
1522
1987
|
HeadingModule,
|
|
1523
1988
|
FieldContainerModule,
|
|
1524
|
-
|
|
1525
|
-
],
|
|
1526
|
-
exports: [
|
|
1527
|
-
...MAT_DESIGN_MODULES,
|
|
1528
|
-
...CRISPR_FIELDS
|
|
1989
|
+
OptionModule,
|
|
1529
1990
|
],
|
|
1530
|
-
declarations: [
|
|
1531
|
-
...CRISPR_FIELDS,
|
|
1532
|
-
]
|
|
1533
1991
|
}]
|
|
1534
1992
|
}] });
|
|
1535
1993
|
|
|
1536
1994
|
var index$2 = /*#__PURE__*/Object.freeze({
|
|
1537
1995
|
__proto__: null,
|
|
1538
1996
|
InputFieldComponent: InputFieldComponent,
|
|
1997
|
+
InputFieldModule: InputFieldModule,
|
|
1539
1998
|
SelectFieldComponent: SelectFieldComponent,
|
|
1999
|
+
SelectFieldModule: SelectFieldModule,
|
|
1540
2000
|
AutocompleteFieldComponent: AutocompleteFieldComponent,
|
|
2001
|
+
AutocompleteFieldModule: AutocompleteFieldModule,
|
|
1541
2002
|
AutocompleteChiplistFieldComponent: AutocompleteChiplistFieldComponent,
|
|
2003
|
+
AutocompleteChiplistFieldModule: AutocompleteChiplistFieldModule,
|
|
1542
2004
|
CheckboxFieldComponent: CheckboxFieldComponent,
|
|
2005
|
+
CheckboxFieldModule: CheckboxFieldModule,
|
|
1543
2006
|
TextareaFieldComponent: TextareaFieldComponent,
|
|
2007
|
+
TextareaFieldModule: TextareaFieldModule,
|
|
1544
2008
|
SliderFieldComponent: SliderFieldComponent,
|
|
2009
|
+
SliderFieldModule: SliderFieldModule,
|
|
1545
2010
|
ButtonComponent: ButtonComponent,
|
|
2011
|
+
ButtonModule: ButtonModule,
|
|
1546
2012
|
DatepickerFieldComponent: DatepickerFieldComponent,
|
|
2013
|
+
DatepickerFieldModule: DatepickerFieldModule,
|
|
1547
2014
|
HeadingComponent: HeadingComponent,
|
|
1548
2015
|
HeadingModule: HeadingModule,
|
|
1549
2016
|
DividerComponent: DividerComponent,
|
|
2017
|
+
DividerModule: DividerModule,
|
|
1550
2018
|
RadioFieldComponent: RadioFieldComponent,
|
|
2019
|
+
RadioFieldModule: RadioFieldModule,
|
|
1551
2020
|
UnitConversionFieldComponent: UnitConversionFieldComponent,
|
|
2021
|
+
UnitConversionFieldModule: UnitConversionFieldModule,
|
|
1552
2022
|
ImageUploadFieldComponent: ImageUploadFieldComponent,
|
|
1553
2023
|
ImageUploadFieldModule: ImageUploadFieldModule,
|
|
1554
2024
|
maxFileSizeValidator: maxFileSizeValidator,
|
|
@@ -1558,137 +2028,47 @@ var index$2 = /*#__PURE__*/Object.freeze({
|
|
|
1558
2028
|
FileUploadFieldComponent: FileUploadFieldComponent,
|
|
1559
2029
|
FileUploadFieldModule: FileUploadFieldModule,
|
|
1560
2030
|
MaterialModule: MaterialModule,
|
|
1561
|
-
OptionComponent: OptionComponent
|
|
2031
|
+
OptionComponent: OptionComponent,
|
|
2032
|
+
OptionModule: OptionModule
|
|
1562
2033
|
});
|
|
1563
2034
|
|
|
1564
|
-
|
|
1565
|
-
|
|
1566
|
-
|
|
1567
|
-
|
|
1568
|
-
|
|
1569
|
-
|
|
1570
|
-
radio: Promise.resolve().then(function () { return index$2; }).then(({ RadioFieldComponent }) => RadioFieldComponent),
|
|
1571
|
-
autocomplete: Promise.resolve().then(function () { return index$2; }).then(({ AutocompleteFieldComponent }) => AutocompleteFieldComponent),
|
|
1572
|
-
autocompleteChiplist: Promise.resolve().then(function () { return index$2; }).then(({ AutocompleteChiplistFieldComponent }) => AutocompleteChiplistFieldComponent),
|
|
1573
|
-
textarea: Promise.resolve().then(function () { return index$2; }).then(({ TextareaFieldComponent }) => TextareaFieldComponent),
|
|
1574
|
-
checkbox: Promise.resolve().then(function () { return index$2; }).then(({ CheckboxFieldComponent }) => CheckboxFieldComponent),
|
|
1575
|
-
slider: Promise.resolve().then(function () { return index$2; }).then(({ SliderFieldComponent }) => SliderFieldComponent),
|
|
1576
|
-
datepicker: Promise.resolve().then(function () { return index$2; }).then(({ DatepickerFieldComponent }) => DatepickerFieldComponent),
|
|
1577
|
-
fileUpload: Promise.resolve().then(function () { return index$2; }).then(({ FileUploadFieldComponent }) => FileUploadFieldComponent),
|
|
1578
|
-
imageUpload: Promise.resolve().then(function () { return index$2; }).then(({ ImageUploadFieldComponent }) => ImageUploadFieldComponent),
|
|
1579
|
-
heading: Promise.resolve().then(function () { return index$2; }).then(({ HeadingComponent }) => HeadingComponent),
|
|
1580
|
-
divider: Promise.resolve().then(function () { return index$2; }).then(({ DividerComponent }) => DividerComponent),
|
|
1581
|
-
unitConversion: Promise.resolve().then(function () { return index$2; }).then(({ UnitConversionFieldComponent }) => UnitConversionFieldComponent)
|
|
1582
|
-
};
|
|
1583
|
-
function isControlComponent(component) {
|
|
1584
|
-
return component && isControlConfig(component.config) && 'value' in component; // || component.config.controlType === ControlType.BUTTON;
|
|
1585
|
-
}
|
|
1586
|
-
function isControlOrButtonComponent(component) {
|
|
1587
|
-
return isControlComponent(component) || component.config.controlType === ControlType.BUTTON;
|
|
1588
|
-
}
|
|
1589
|
-
|
|
1590
|
-
class CrisprFieldDirective {
|
|
1591
|
-
constructor(container, renderer, cdr) {
|
|
1592
|
-
this.container = container;
|
|
1593
|
-
this.renderer = renderer;
|
|
1594
|
-
this.cdr = cdr;
|
|
1595
|
-
}
|
|
1596
|
-
set value(value) {
|
|
1597
|
-
this._value = value;
|
|
1598
|
-
// This is needed to keep the group list from resetting control values to the initial input value
|
|
1599
|
-
this.updateComponentValue(value);
|
|
1600
|
-
}
|
|
1601
|
-
;
|
|
1602
|
-
get value() {
|
|
1603
|
-
return this._value;
|
|
1604
|
-
}
|
|
1605
|
-
async ngOnInit() {
|
|
1606
|
-
/**
|
|
1607
|
-
* create component and set values from config on its instance
|
|
1608
|
-
*/
|
|
1609
|
-
const component = this.config.component || await FIELD_COMPONENTS[this.config.controlType];
|
|
1610
|
-
const componentRef = this.container.createComponent(component);
|
|
1611
|
-
this.component = componentRef.instance;
|
|
1612
|
-
this.component.config = this.config;
|
|
1613
|
-
if (isControlOrButtonComponent(this.component)) {
|
|
1614
|
-
this.component.group = this.group;
|
|
1615
|
-
}
|
|
1616
|
-
this.updateComponentValue(this.value);
|
|
1617
|
-
// adds any config classes to the dynamically generated component
|
|
1618
|
-
// doing this here keeps us from having to extend a base component into each field component individually
|
|
1619
|
-
if (!this.config.classes)
|
|
1620
|
-
return;
|
|
1621
|
-
this.config.classes.forEach((klass) => {
|
|
1622
|
-
// check for passing multiple classes in one array element
|
|
1623
|
-
if (klass.includes(' ')) {
|
|
1624
|
-
throw Error(`Improperly formatted class. '${klass}' cannot contain spaces.`);
|
|
1625
|
-
}
|
|
1626
|
-
else {
|
|
1627
|
-
this.renderer.addClass(componentRef.location.nativeElement, klass);
|
|
1628
|
-
}
|
|
1629
|
-
});
|
|
1630
|
-
}
|
|
1631
|
-
updateComponentValue(value) {
|
|
1632
|
-
if (isControlComponent(this.component)) {
|
|
1633
|
-
this.component.value = value;
|
|
1634
|
-
// SubGroups won't populate without this detectChanges
|
|
1635
|
-
this.cdr.detectChanges();
|
|
1636
|
-
}
|
|
2035
|
+
class InitialControlValuePipe {
|
|
2036
|
+
// TODO: does changing any to unknown break anything?
|
|
2037
|
+
transform(initialFormValue, fieldConfig) {
|
|
2038
|
+
return (initialFormValue && isControlConfig(fieldConfig))
|
|
2039
|
+
? initialFormValue[fieldConfig.controlName] || null
|
|
2040
|
+
: null;
|
|
1637
2041
|
}
|
|
1638
2042
|
}
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1642
|
-
type:
|
|
2043
|
+
InitialControlValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InitialControlValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
2044
|
+
InitialControlValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: InitialControlValuePipe, name: "initialControlValue" });
|
|
2045
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InitialControlValuePipe, decorators: [{
|
|
2046
|
+
type: Pipe,
|
|
1643
2047
|
args: [{
|
|
1644
|
-
|
|
2048
|
+
name: 'initialControlValue'
|
|
1645
2049
|
}]
|
|
1646
|
-
}]
|
|
1647
|
-
|
|
1648
|
-
|
|
1649
|
-
type: Input
|
|
1650
|
-
}], value: [{
|
|
1651
|
-
type: Input
|
|
1652
|
-
}] } });
|
|
1653
|
-
class CrisprFieldModule {
|
|
2050
|
+
}] });
|
|
2051
|
+
|
|
2052
|
+
class CrisprPipesModule {
|
|
1654
2053
|
}
|
|
1655
|
-
|
|
1656
|
-
|
|
1657
|
-
|
|
1658
|
-
|
|
1659
|
-
]] });
|
|
1660
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: CrisprFieldModule, decorators: [{
|
|
2054
|
+
CrisprPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2055
|
+
CrisprPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: CrisprPipesModule, declarations: [InitialControlValuePipe], imports: [CommonModule], exports: [InitialControlValuePipe] });
|
|
2056
|
+
CrisprPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprPipesModule, imports: [CommonModule] });
|
|
2057
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprPipesModule, decorators: [{
|
|
1661
2058
|
type: NgModule,
|
|
1662
2059
|
args: [{
|
|
1663
2060
|
imports: [
|
|
1664
|
-
CommonModule
|
|
2061
|
+
CommonModule
|
|
1665
2062
|
],
|
|
1666
2063
|
exports: [
|
|
1667
|
-
|
|
2064
|
+
InitialControlValuePipe
|
|
1668
2065
|
],
|
|
1669
2066
|
declarations: [
|
|
1670
|
-
|
|
2067
|
+
InitialControlValuePipe
|
|
1671
2068
|
]
|
|
1672
2069
|
}]
|
|
1673
2070
|
}] });
|
|
1674
2071
|
|
|
1675
|
-
class InitialControlValuePipe {
|
|
1676
|
-
// TODO: does changing any to unknown break anything?
|
|
1677
|
-
transform(initialFormValue, fieldConfig) {
|
|
1678
|
-
return (initialFormValue && isControlConfig(fieldConfig))
|
|
1679
|
-
? initialFormValue[fieldConfig.controlName] || null
|
|
1680
|
-
: null;
|
|
1681
|
-
}
|
|
1682
|
-
}
|
|
1683
|
-
InitialControlValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: InitialControlValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
1684
|
-
InitialControlValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: InitialControlValuePipe, name: "initialControlValue" });
|
|
1685
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: InitialControlValuePipe, decorators: [{
|
|
1686
|
-
type: Pipe,
|
|
1687
|
-
args: [{
|
|
1688
|
-
name: 'initialControlValue'
|
|
1689
|
-
}]
|
|
1690
|
-
}] });
|
|
1691
|
-
|
|
1692
2072
|
class CrisprFormComponent {
|
|
1693
2073
|
constructor() {
|
|
1694
2074
|
this.form = new FormGroup({});
|
|
@@ -1710,9 +2090,9 @@ class CrisprFormComponent {
|
|
|
1710
2090
|
this.submitTrigger.nativeElement.click();
|
|
1711
2091
|
}
|
|
1712
2092
|
}
|
|
1713
|
-
CrisprFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1714
|
-
CrisprFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1715
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2093
|
+
CrisprFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2094
|
+
CrisprFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: CrisprFormComponent, selector: "crispr-form", inputs: { config: "config", form: "form", value: "value" }, outputs: { submitted: "submitted", valueChanges: "valueChanges", statusChanges: "statusChanges" }, viewQueries: [{ propertyName: "submitTrigger", first: true, predicate: ["submitTrigger"], descendants: true }], ngImport: i0, template: "<form\n class=\"crispr-form\"\n [ngClass]=\"config.classes\"\n [formGroup]=\"form\"\n (ngSubmit)=\"handleSubmit()\"\n [autocomplete]=\"config.autocomplete || 'off'\"\n [errorDictionary]=\"config.errorDictionary\"\n #ngFormElement=\"ngForm\">\n\n <ng-container\n *ngFor=\"let field of config.fields;\"\n crisprField\n [value]=\"value | initialControlValue : field\"\n [config]=\"field\"\n [group]=\"form\">\n </ng-container>\n <!-- Hidden button, programmatically clicked when crispr form triggerSubmit function called.\n Uses a hidden button with type=\"submit\" because it will trigger both native form submit event\n (which the error handler has to listen for) and ngSubmit event -->\n <button #submitTrigger class=\"submit-trigger\" type=\"submit\">\n </button>\n</form>\n", styles: [".submit-trigger{display:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: CrisprFieldDirective, selector: "[crisprField]", inputs: ["config", "group", "value"] }, { kind: "directive", type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i9.ControlErrorsFormDirective, selector: "form", inputs: ["errorDictionary"] }, { kind: "directive", type: i9.ControlErrorContainerDirective, selector: "[controlErrorContainer], [formGroup]" }, { kind: "pipe", type: InitialControlValuePipe, name: "initialControlValue" }], preserveWhitespaces: true });
|
|
2095
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormComponent, decorators: [{
|
|
1716
2096
|
type: Component,
|
|
1717
2097
|
args: [{ selector: 'crispr-form', template: "<form\n class=\"crispr-form\"\n [ngClass]=\"config.classes\"\n [formGroup]=\"form\"\n (ngSubmit)=\"handleSubmit()\"\n [autocomplete]=\"config.autocomplete || 'off'\"\n [errorDictionary]=\"config.errorDictionary\"\n #ngFormElement=\"ngForm\">\n\n <ng-container\n *ngFor=\"let field of config.fields;\"\n crisprField\n [value]=\"value | initialControlValue : field\"\n [config]=\"field\"\n [group]=\"form\">\n </ng-container>\n <!-- Hidden button, programmatically clicked when crispr form triggerSubmit function called.\n Uses a hidden button with type=\"submit\" because it will trigger both native form submit event\n (which the error handler has to listen for) and ngSubmit event -->\n <button #submitTrigger class=\"submit-trigger\" type=\"submit\">\n </button>\n</form>\n", styles: [".submit-trigger{display:none}\n"] }]
|
|
1718
2098
|
}], propDecorators: { config: [{
|
|
@@ -1730,7 +2110,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
1730
2110
|
}], submitTrigger: [{
|
|
1731
2111
|
type: ViewChild,
|
|
1732
2112
|
args: ['submitTrigger']
|
|
1733
|
-
}] } });
|
|
2113
|
+
}] } });
|
|
2114
|
+
class CrisprFormModule {
|
|
2115
|
+
}
|
|
2116
|
+
CrisprFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2117
|
+
CrisprFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormModule, declarations: [CrisprFormComponent], imports: [CommonModule,
|
|
2118
|
+
CrisprFieldModule,
|
|
2119
|
+
ReactiveFormsModule,
|
|
2120
|
+
FormValidationHandlerModule,
|
|
2121
|
+
CrisprPipesModule], exports: [CrisprFormComponent] });
|
|
2122
|
+
CrisprFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormModule, imports: [CommonModule,
|
|
2123
|
+
CrisprFieldModule,
|
|
2124
|
+
ReactiveFormsModule,
|
|
2125
|
+
FormValidationHandlerModule,
|
|
2126
|
+
CrisprPipesModule] });
|
|
2127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormModule, decorators: [{
|
|
2128
|
+
type: NgModule,
|
|
2129
|
+
args: [{
|
|
2130
|
+
imports: [
|
|
2131
|
+
CommonModule,
|
|
2132
|
+
CrisprFieldModule,
|
|
2133
|
+
ReactiveFormsModule,
|
|
2134
|
+
FormValidationHandlerModule,
|
|
2135
|
+
CrisprPipesModule
|
|
2136
|
+
],
|
|
2137
|
+
exports: [
|
|
2138
|
+
CrisprFormComponent
|
|
2139
|
+
],
|
|
2140
|
+
declarations: [
|
|
2141
|
+
CrisprFormComponent
|
|
2142
|
+
]
|
|
2143
|
+
}]
|
|
2144
|
+
}] });
|
|
1734
2145
|
|
|
1735
2146
|
const defaultConfig = {
|
|
1736
2147
|
addButtonLabel: 'ADD ITEM',
|
|
@@ -1790,39 +2201,17 @@ class FormGroupListComponent extends FormGroupListMixin {
|
|
|
1790
2201
|
this.control.removeAt(index);
|
|
1791
2202
|
}
|
|
1792
2203
|
}
|
|
1793
|
-
FormGroupListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1794
|
-
FormGroupListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1795
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2204
|
+
FormGroupListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FormGroupListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2205
|
+
FormGroupListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: FormGroupListComponent, selector: "crispr-form-group-list", usesInheritance: true, ngImport: i0, template: "\n<crispr-field-container\n [config]=\"config\"\n [group]=\"group\"\n [formGroup]=\"group\">\n\n <div [formArrayName]=\"config.controlName\">\n <!-- Don't add trackBy function, it confuses the state of the array -->\n <div *ngFor=\"let con of control?.controls; let i = index;\">\n <!-- TODO: use content projection to allow custom item label component -->\n <div class=\"item-header\">\n <span class=\"mat-h2\"> {{ config.itemLabelBuilder ? config.itemLabelBuilder(i) : 'Item ' + (i + 1) }} </span>\n <button\n mat-icon-button\n type=\"button\"\n *ngIf=\"i + 1 > config.minListLength\">\n <mat-icon (click)=\"clickDelete(i)\">delete</mat-icon>\n </button>\n </div>\n <div\n [formGroup]=\"con\">\n <!-- TODO: if chiplists didn't need to have labels mixed in with their values we could use [value]=\"control.value\" below -->\n <ng-container\n *ngFor=\"let field of config.itemConfig.fields;\"\n crisprField\n [value]=\"blockValue ? null : value && value[i] | initialControlValue : field\"\n [config]=\"field\"\n [group]=\"con\">\n </ng-container>\n </div>\n </div>\n </div>\n <div class=\"group-footer\">\n <button\n type=\"button\"\n class=\"add\"\n mat-raised-button\n [color]=\"config.addButtonColor\"\n (click)=\"clickAdd()\">\n {{config.addItemLabel || config.addButtonLabel}}\n </button>\n </div>\n\n</crispr-field-container>\n", styles: [".item-header{display:flex;justify-content:space-between}.group-footer{display:flex;justify-content:flex-end}.group-footer button.add{margin-bottom:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button], button[mat-fab], button[mat-mini-fab], button[mat-stroked-button], button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "directive", type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { kind: "directive", type: CrisprFieldDirective, selector: "[crisprField]", inputs: ["config", "group", "value"] }, { kind: "directive", type: i9.ControlErrorContainerDirective, selector: "[controlErrorContainer], [formGroup]" }, { kind: "pipe", type: InitialControlValuePipe, name: "initialControlValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, preserveWhitespaces: true });
|
|
2206
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FormGroupListComponent, decorators: [{
|
|
1796
2207
|
type: Component,
|
|
1797
2208
|
args: [{ selector: 'crispr-form-group-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "\n<crispr-field-container\n [config]=\"config\"\n [group]=\"group\"\n [formGroup]=\"group\">\n\n <div [formArrayName]=\"config.controlName\">\n <!-- Don't add trackBy function, it confuses the state of the array -->\n <div *ngFor=\"let con of control?.controls; let i = index;\">\n <!-- TODO: use content projection to allow custom item label component -->\n <div class=\"item-header\">\n <span class=\"mat-h2\"> {{ config.itemLabelBuilder ? config.itemLabelBuilder(i) : 'Item ' + (i + 1) }} </span>\n <button\n mat-icon-button\n type=\"button\"\n *ngIf=\"i + 1 > config.minListLength\">\n <mat-icon (click)=\"clickDelete(i)\">delete</mat-icon>\n </button>\n </div>\n <div\n [formGroup]=\"con\">\n <!-- TODO: if chiplists didn't need to have labels mixed in with their values we could use [value]=\"control.value\" below -->\n <ng-container\n *ngFor=\"let field of config.itemConfig.fields;\"\n crisprField\n [value]=\"blockValue ? null : value && value[i] | initialControlValue : field\"\n [config]=\"field\"\n [group]=\"con\">\n </ng-container>\n </div>\n </div>\n </div>\n <div class=\"group-footer\">\n <button\n type=\"button\"\n class=\"add\"\n mat-raised-button\n [color]=\"config.addButtonColor\"\n (click)=\"clickAdd()\">\n {{config.addItemLabel || config.addButtonLabel}}\n </button>\n </div>\n\n</crispr-field-container>\n", styles: [".item-header{display:flex;justify-content:space-between}.group-footer{display:flex;justify-content:flex-end}.group-footer button.add{margin-bottom:16px}\n"] }]
|
|
1798
2209
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
|
|
1799
2210
|
|
|
1800
|
-
class CrisprPipesModule {
|
|
1801
|
-
}
|
|
1802
|
-
CrisprPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: CrisprPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1803
|
-
CrisprPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: CrisprPipesModule, declarations: [InitialControlValuePipe], imports: [CommonModule], exports: [InitialControlValuePipe] });
|
|
1804
|
-
CrisprPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: CrisprPipesModule, imports: [[
|
|
1805
|
-
CommonModule
|
|
1806
|
-
]] });
|
|
1807
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: CrisprPipesModule, decorators: [{
|
|
1808
|
-
type: NgModule,
|
|
1809
|
-
args: [{
|
|
1810
|
-
imports: [
|
|
1811
|
-
CommonModule
|
|
1812
|
-
],
|
|
1813
|
-
exports: [
|
|
1814
|
-
InitialControlValuePipe
|
|
1815
|
-
],
|
|
1816
|
-
declarations: [
|
|
1817
|
-
InitialControlValuePipe
|
|
1818
|
-
]
|
|
1819
|
-
}]
|
|
1820
|
-
}] });
|
|
1821
|
-
|
|
1822
2211
|
class FormGroupListModule {
|
|
1823
2212
|
}
|
|
1824
|
-
FormGroupListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1825
|
-
FormGroupListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
2213
|
+
FormGroupListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FormGroupListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2214
|
+
FormGroupListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: FormGroupListModule, declarations: [FormGroupListComponent], imports: [CommonModule,
|
|
1826
2215
|
MatButtonModule,
|
|
1827
2216
|
MatIconModule,
|
|
1828
2217
|
FieldContainerModule,
|
|
@@ -1830,17 +2219,15 @@ FormGroupListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
|
|
|
1830
2219
|
CrisprFieldModule,
|
|
1831
2220
|
CrisprPipesModule,
|
|
1832
2221
|
FormValidationHandlerModule], exports: [FormGroupListComponent] });
|
|
1833
|
-
FormGroupListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1837
|
-
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
]] });
|
|
1843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: FormGroupListModule, decorators: [{
|
|
2222
|
+
FormGroupListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FormGroupListModule, imports: [CommonModule,
|
|
2223
|
+
MatButtonModule,
|
|
2224
|
+
MatIconModule,
|
|
2225
|
+
FieldContainerModule,
|
|
2226
|
+
ReactiveFormsModule,
|
|
2227
|
+
CrisprFieldModule,
|
|
2228
|
+
CrisprPipesModule,
|
|
2229
|
+
FormValidationHandlerModule] });
|
|
2230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FormGroupListModule, decorators: [{
|
|
1844
2231
|
type: NgModule,
|
|
1845
2232
|
args: [{
|
|
1846
2233
|
imports: [
|
|
@@ -1874,31 +2261,29 @@ class SubGroupComponent extends FormGroupMixin {
|
|
|
1874
2261
|
super.ngOnInit();
|
|
1875
2262
|
}
|
|
1876
2263
|
}
|
|
1877
|
-
SubGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1878
|
-
SubGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1879
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2264
|
+
SubGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SubGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2265
|
+
SubGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.1", type: SubGroupComponent, selector: "crispr-sub-group", usesInheritance: true, ngImport: i0, template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <ng-container\n *ngFor=\"let fieldConfig of config.fields;\"\n crisprField\n [value]=\"value | initialControlValue : fieldConfig\"\n [config]=\"fieldConfig\"\n [group]=\"control\">\n </ng-container>\n</crispr-field-container>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: CrisprFieldDirective, selector: "[crisprField]", inputs: ["config", "group", "value"] }, { kind: "component", type: FieldContainerComponent, selector: "crispr-field-container", inputs: ["config", "group", "inlineField"] }, { kind: "pipe", type: InitialControlValuePipe, name: "initialControlValue" }], preserveWhitespaces: true });
|
|
2266
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SubGroupComponent, decorators: [{
|
|
1880
2267
|
type: Component,
|
|
1881
|
-
args: [{ selector: 'crispr-sub-group', template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <ng-container\n *ngFor=\"let fieldConfig of config.fields;\"\n crisprField\n [value]=\"value | initialControlValue : fieldConfig\"\n [config]=\"fieldConfig\"\n [group]=\"control\">\n </ng-container>\n</crispr-field-container>\n\n"
|
|
2268
|
+
args: [{ selector: 'crispr-sub-group', template: "<crispr-field-container\n [config]=\"config\"\n [group]=\"group\">\n <ng-container\n *ngFor=\"let fieldConfig of config.fields;\"\n crisprField\n [value]=\"value | initialControlValue : fieldConfig\"\n [config]=\"fieldConfig\"\n [group]=\"control\">\n </ng-container>\n</crispr-field-container>\n\n" }]
|
|
1882
2269
|
}] });
|
|
1883
2270
|
|
|
1884
2271
|
class SubGroupModule {
|
|
1885
2272
|
}
|
|
1886
|
-
SubGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1887
|
-
SubGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
2273
|
+
SubGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SubGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2274
|
+
SubGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: SubGroupModule, declarations: [SubGroupComponent], imports: [CommonModule,
|
|
1888
2275
|
CrisprFieldModule,
|
|
1889
2276
|
FieldContainerModule,
|
|
1890
2277
|
CrisprPipesModule,
|
|
1891
2278
|
// TODO: Does this need to be here?
|
|
1892
2279
|
FormValidationHandlerModule], exports: [SubGroupComponent] });
|
|
1893
|
-
SubGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1894
|
-
|
|
1895
|
-
|
|
1896
|
-
|
|
1897
|
-
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
]] });
|
|
1901
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: SubGroupModule, decorators: [{
|
|
2280
|
+
SubGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SubGroupModule, imports: [CommonModule,
|
|
2281
|
+
CrisprFieldModule,
|
|
2282
|
+
FieldContainerModule,
|
|
2283
|
+
CrisprPipesModule,
|
|
2284
|
+
// TODO: Does this need to be here?
|
|
2285
|
+
FormValidationHandlerModule] });
|
|
2286
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SubGroupModule, decorators: [{
|
|
1902
2287
|
type: NgModule,
|
|
1903
2288
|
args: [{
|
|
1904
2289
|
imports: [
|
|
@@ -1926,8 +2311,8 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
1926
2311
|
|
|
1927
2312
|
class CrisprFormsModule {
|
|
1928
2313
|
}
|
|
1929
|
-
CrisprFormsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1930
|
-
CrisprFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
2314
|
+
CrisprFormsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2315
|
+
CrisprFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormsModule, imports: [CommonModule,
|
|
1931
2316
|
ReactiveFormsModule,
|
|
1932
2317
|
FormValidationHandlerModule,
|
|
1933
2318
|
FormGroupListModule,
|
|
@@ -1935,22 +2320,23 @@ CrisprFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
|
|
|
1935
2320
|
CrisprFieldModule,
|
|
1936
2321
|
SubGroupModule,
|
|
1937
2322
|
MaterialModule,
|
|
1938
|
-
CrisprPipesModule
|
|
2323
|
+
CrisprPipesModule,
|
|
2324
|
+
CrisprFormModule], exports: [CrisprFormModule,
|
|
1939
2325
|
FieldContainerModule,
|
|
1940
2326
|
MaterialModule] });
|
|
1941
|
-
CrisprFormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
|
|
1951
|
-
|
|
2327
|
+
CrisprFormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormsModule, imports: [CommonModule,
|
|
2328
|
+
ReactiveFormsModule,
|
|
2329
|
+
FormValidationHandlerModule,
|
|
2330
|
+
FormGroupListModule,
|
|
2331
|
+
FieldContainerModule,
|
|
2332
|
+
CrisprFieldModule,
|
|
2333
|
+
SubGroupModule,
|
|
2334
|
+
MaterialModule,
|
|
2335
|
+
CrisprPipesModule,
|
|
2336
|
+
CrisprFormModule, CrisprFormModule,
|
|
2337
|
+
FieldContainerModule,
|
|
1952
2338
|
MaterialModule] });
|
|
1953
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormsModule, decorators: [{
|
|
1954
2340
|
type: NgModule,
|
|
1955
2341
|
args: [{
|
|
1956
2342
|
imports: [
|
|
@@ -1963,12 +2349,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
1963
2349
|
SubGroupModule,
|
|
1964
2350
|
MaterialModule,
|
|
1965
2351
|
CrisprPipesModule,
|
|
1966
|
-
|
|
1967
|
-
declarations: [
|
|
1968
|
-
CrisprFormComponent,
|
|
2352
|
+
CrisprFormModule
|
|
1969
2353
|
],
|
|
1970
2354
|
exports: [
|
|
1971
|
-
|
|
2355
|
+
CrisprFormModule,
|
|
1972
2356
|
FieldContainerModule,
|
|
1973
2357
|
MaterialModule
|
|
1974
2358
|
]
|
|
@@ -1979,5 +2363,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
1979
2363
|
* Generated bundle index. Do not edit.
|
|
1980
2364
|
*/
|
|
1981
2365
|
|
|
1982
|
-
export { AbstractAutocompleteComponent, AutocompleteChiplistFieldComponent, AutocompleteFieldComponent, ButtonComponent, CheckboxFieldComponent, ControlType, CrisprFieldComponent, CrisprFormComponent, CrisprFormsModule, DEFAULT_EMPTY_OPTIONS_MESSAGE, DatepickerFieldComponent, DividerComponent, FieldContainerComponent, FieldContainerModule, FileDropzoneDirective, FileUploadFieldComponent, FileUploadFieldModule, HeadingComponent, HeadingModule, ImageUploadFieldComponent, ImageUploadFieldModule, InputFieldComponent, MaterialModule, OptionComponent, RadioFieldComponent, SelectFieldComponent, SliderFieldComponent, TextareaFieldComponent, UnitConversionFieldComponent, allowedFileExtValidator, allowedFileType, buildFormGroupFromConfig, callOptionsIfFunction, checkControlForValues, checkControlsForValues, computeValueFromFields, createControlForType, crisprControlMixin, filterOptionsByLabel, isControlConfig, maxFileSizeValidator, observablifyOptions };
|
|
2366
|
+
export { AbstractAutocompleteComponent, AutocompleteChiplistFieldComponent, AutocompleteChiplistFieldModule, AutocompleteFieldComponent, AutocompleteFieldModule, ButtonComponent, ButtonModule, CheckboxFieldComponent, CheckboxFieldModule, ControlType, CrisprFieldComponent, CrisprFormComponent, CrisprFormModule, CrisprFormsModule, DEFAULT_EMPTY_OPTIONS_MESSAGE, DatepickerFieldComponent, DatepickerFieldModule, DividerComponent, DividerModule, FieldContainerComponent, FieldContainerModule, FileDropzoneDirective, FileUploadFieldComponent, FileUploadFieldModule, HeadingComponent, HeadingModule, ImageUploadFieldComponent, ImageUploadFieldModule, InputFieldComponent, InputFieldModule, MaterialModule, OptionComponent, OptionModule, RadioFieldComponent, RadioFieldModule, SelectFieldComponent, SelectFieldModule, SliderFieldComponent, SliderFieldModule, TextareaFieldComponent, TextareaFieldModule, UnitConversionFieldComponent, UnitConversionFieldModule, allowedFileExtValidator, allowedFileType, buildFormGroupFromConfig, callOptionsIfFunction, checkControlForValues, checkControlsForValues, computeValueFromFields, createControlForType, crisprControlMixin, filterOptionsByLabel, isControlConfig, maxFileSizeValidator, observablifyOptions };
|
|
1983
2367
|
//# sourceMappingURL=tft-crispr-forms.mjs.map
|