@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,51 +1,50 @@
|
|
|
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
|
|
24
|
-
import * as
|
|
21
|
+
import { __awaiter } from 'tslib';
|
|
22
|
+
import * as i7 from '@angular/material/core';
|
|
23
|
+
import { MatOptionModule } from '@angular/material/core';
|
|
24
|
+
import * as i6$2 from '@angular/material/autocomplete';
|
|
25
25
|
import { MatAutocompleteTrigger, MatAutocompleteModule } from '@angular/material/autocomplete';
|
|
26
26
|
import { ENTER } from '@angular/cdk/keycodes';
|
|
27
|
-
import * as
|
|
27
|
+
import * as i10 from '@angular/material/chips';
|
|
28
28
|
import { MatChipsModule } from '@angular/material/chips';
|
|
29
|
-
import * as
|
|
29
|
+
import * as i5$1 from '@angular/material/slider';
|
|
30
30
|
import { MatSliderModule } from '@angular/material/slider';
|
|
31
|
-
import * as
|
|
31
|
+
import * as i2 from '@angular/material/button';
|
|
32
32
|
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';
|
|
33
|
+
import * as i3$2 from '@angular/material/datepicker';
|
|
36
34
|
import { MatDatepickerModule } from '@angular/material/datepicker';
|
|
37
|
-
import
|
|
35
|
+
import { MatDateFnsModule } from '@angular/material-date-fns-adapter';
|
|
36
|
+
import * as i7$1 from '@angular/cdk/portal';
|
|
37
|
+
import { ComponentPortal, PortalModule } from '@angular/cdk/portal';
|
|
38
|
+
import * as i2$1 from '@angular/material/divider';
|
|
38
39
|
import { MatDividerModule } from '@angular/material/divider';
|
|
39
|
-
import * as
|
|
40
|
+
import * as i4$2 from '@angular/material/radio';
|
|
40
41
|
import { MatRadioModule } from '@angular/material/radio';
|
|
41
|
-
import { __awaiter } from 'tslib';
|
|
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
47
|
import * as i2$3 from '@angular/platform-browser';
|
|
46
|
-
import { MatButtonToggleModule } from '@angular/material/button-toggle';
|
|
47
|
-
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
48
|
-
import { MatMomentDateModule } from '@angular/material-moment-adapter';
|
|
49
48
|
|
|
50
49
|
const DEFAULT_EMPTY_OPTIONS_MESSAGE = 'No Items';
|
|
51
50
|
|
|
@@ -318,9 +317,9 @@ class CrisprFieldComponent {
|
|
|
318
317
|
this.config = this.defaultConfig ? Object.assign(Object.assign({}, this.defaultConfig), this.config) : this.config;
|
|
319
318
|
}
|
|
320
319
|
}
|
|
321
|
-
CrisprFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
322
|
-
CrisprFieldComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
323
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
320
|
+
CrisprFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
321
|
+
CrisprFieldComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: CrisprFieldComponent, ngImport: i0 });
|
|
322
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldComponent, decorators: [{
|
|
324
323
|
type: Directive
|
|
325
324
|
}] });
|
|
326
325
|
|
|
@@ -341,34 +340,32 @@ class AbstractAutocompleteComponent extends AbstractAutocompleteFieldMixin {
|
|
|
341
340
|
startWith(''), debounceTime(this.config.typeDebounceTime), map((searchText) => typeof searchText === 'string' ? searchText === null || searchText === void 0 ? void 0 : searchText.trim() : ''), distinctUntilChanged(), switchMap((searchText) => observablifyOptions(this.config.options, this.group, searchText)), shareReplay(1));
|
|
342
341
|
}
|
|
343
342
|
}
|
|
344
|
-
AbstractAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
345
|
-
AbstractAutocompleteComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
346
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
343
|
+
AbstractAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AbstractAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
344
|
+
AbstractAutocompleteComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.0.1", type: AbstractAutocompleteComponent, usesInheritance: true, ngImport: i0 });
|
|
345
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AbstractAutocompleteComponent, decorators: [{
|
|
347
346
|
type: Directive
|
|
348
347
|
}] });
|
|
349
348
|
|
|
350
349
|
class InfoComponent {
|
|
351
350
|
}
|
|
352
|
-
InfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
353
|
-
InfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
354
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
351
|
+
InfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
352
|
+
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 });
|
|
353
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InfoComponent, decorators: [{
|
|
355
354
|
type: Component,
|
|
356
|
-
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"] }]
|
|
355
|
+
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"] }]
|
|
357
356
|
}], propDecorators: { info: [{
|
|
358
357
|
type: Input
|
|
359
358
|
}] } });
|
|
360
359
|
class InfoModule {
|
|
361
360
|
}
|
|
362
|
-
InfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
363
|
-
InfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
361
|
+
InfoModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InfoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
362
|
+
InfoModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: InfoModule, declarations: [InfoComponent], imports: [CommonModule,
|
|
364
363
|
MatIconModule,
|
|
365
364
|
MatTooltipModule], exports: [InfoComponent] });
|
|
366
|
-
InfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
367
|
-
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
]] });
|
|
371
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: InfoModule, decorators: [{
|
|
365
|
+
InfoModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InfoModule, imports: [CommonModule,
|
|
366
|
+
MatIconModule,
|
|
367
|
+
MatTooltipModule] });
|
|
368
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InfoModule, decorators: [{
|
|
372
369
|
type: NgModule,
|
|
373
370
|
args: [{
|
|
374
371
|
imports: [
|
|
@@ -394,9 +391,9 @@ class HeadingComponent extends CrisprFieldComponent {
|
|
|
394
391
|
this.defaultConfig = defaultConfig$8;
|
|
395
392
|
}
|
|
396
393
|
}
|
|
397
|
-
HeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
398
|
-
HeadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
399
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
394
|
+
HeadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: HeadingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
395
|
+
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 });
|
|
396
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: HeadingComponent, decorators: [{
|
|
400
397
|
type: Component,
|
|
401
398
|
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"] }]
|
|
402
399
|
}], propDecorators: { config: [{
|
|
@@ -404,16 +401,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
404
401
|
}] } });
|
|
405
402
|
class HeadingModule {
|
|
406
403
|
}
|
|
407
|
-
HeadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
408
|
-
HeadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
404
|
+
HeadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: HeadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
405
|
+
HeadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: HeadingModule, declarations: [HeadingComponent], imports: [CommonModule,
|
|
409
406
|
MatFormFieldModule,
|
|
410
407
|
InfoModule], exports: [HeadingComponent] });
|
|
411
|
-
HeadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
]] });
|
|
416
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: HeadingModule, decorators: [{
|
|
408
|
+
HeadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: HeadingModule, imports: [CommonModule,
|
|
409
|
+
MatFormFieldModule,
|
|
410
|
+
InfoModule] });
|
|
411
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: HeadingModule, decorators: [{
|
|
417
412
|
type: NgModule,
|
|
418
413
|
args: [{
|
|
419
414
|
imports: [
|
|
@@ -452,7 +447,7 @@ class FieldContainerComponent {
|
|
|
452
447
|
}
|
|
453
448
|
/**
|
|
454
449
|
* Connects user defined disabledCallback function to the the view, so that the control is enabled/disabled
|
|
455
|
-
* appropriately. It also
|
|
450
|
+
* appropriately. It also will hide disabled fields in the UI unless `hideDisabled` is set to
|
|
456
451
|
* false in the controls config
|
|
457
452
|
* @param group used to get valueChanges from control
|
|
458
453
|
* @param config configuration object used to
|
|
@@ -468,9 +463,9 @@ class FieldContainerComponent {
|
|
|
468
463
|
: of(false);
|
|
469
464
|
}
|
|
470
465
|
}
|
|
471
|
-
FieldContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
472
|
-
FieldContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
473
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
466
|
+
FieldContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FieldContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
467
|
+
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 });
|
|
468
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FieldContainerComponent, decorators: [{
|
|
474
469
|
type: Component,
|
|
475
470
|
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"] }]
|
|
476
471
|
}], propDecorators: { config: [{
|
|
@@ -482,14 +477,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
482
477
|
}] } });
|
|
483
478
|
class FieldContainerModule {
|
|
484
479
|
}
|
|
485
|
-
FieldContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
486
|
-
FieldContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
480
|
+
FieldContainerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FieldContainerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
481
|
+
FieldContainerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: FieldContainerModule, declarations: [FieldContainerComponent], imports: [CommonModule,
|
|
487
482
|
HeadingModule], exports: [FieldContainerComponent] });
|
|
488
|
-
FieldContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
]] });
|
|
492
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: FieldContainerModule, decorators: [{
|
|
483
|
+
FieldContainerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FieldContainerModule, imports: [CommonModule,
|
|
484
|
+
HeadingModule] });
|
|
485
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FieldContainerModule, decorators: [{
|
|
493
486
|
type: NgModule,
|
|
494
487
|
args: [{
|
|
495
488
|
imports: [
|
|
@@ -515,23 +508,190 @@ class InputFieldComponent extends InputFieldMixin {
|
|
|
515
508
|
super.ngOnInit();
|
|
516
509
|
}
|
|
517
510
|
}
|
|
518
|
-
InputFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
519
|
-
InputFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
520
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
511
|
+
InputFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InputFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
512
|
+
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 });
|
|
513
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InputFieldComponent, decorators: [{
|
|
521
514
|
type: Component,
|
|
522
|
-
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"
|
|
523
|
-
}], ctorParameters: function () { return []; } });
|
|
515
|
+
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" }]
|
|
516
|
+
}], ctorParameters: function () { return []; } });
|
|
517
|
+
class InputFieldModule {
|
|
518
|
+
}
|
|
519
|
+
InputFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InputFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
520
|
+
InputFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: InputFieldModule, declarations: [InputFieldComponent], imports: [CommonModule,
|
|
521
|
+
InfoModule,
|
|
522
|
+
ReactiveFormsModule,
|
|
523
|
+
FieldContainerModule,
|
|
524
|
+
MatFormFieldModule,
|
|
525
|
+
MatInputModule], exports: [InputFieldComponent] });
|
|
526
|
+
InputFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InputFieldModule, imports: [CommonModule,
|
|
527
|
+
InfoModule,
|
|
528
|
+
ReactiveFormsModule,
|
|
529
|
+
FieldContainerModule,
|
|
530
|
+
MatFormFieldModule,
|
|
531
|
+
MatInputModule] });
|
|
532
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InputFieldModule, decorators: [{
|
|
533
|
+
type: NgModule,
|
|
534
|
+
args: [{
|
|
535
|
+
imports: [
|
|
536
|
+
CommonModule,
|
|
537
|
+
InfoModule,
|
|
538
|
+
ReactiveFormsModule,
|
|
539
|
+
FieldContainerModule,
|
|
540
|
+
MatFormFieldModule,
|
|
541
|
+
MatInputModule,
|
|
542
|
+
],
|
|
543
|
+
exports: [
|
|
544
|
+
InputFieldComponent
|
|
545
|
+
],
|
|
546
|
+
declarations: [
|
|
547
|
+
InputFieldComponent
|
|
548
|
+
]
|
|
549
|
+
}]
|
|
550
|
+
}] });
|
|
551
|
+
|
|
552
|
+
const FIELD_COMPONENTS = {
|
|
553
|
+
groupList: Promise.resolve().then(function () { return index$1; }).then(({ FormGroupListComponent }) => FormGroupListComponent),
|
|
554
|
+
subGroup: Promise.resolve().then(function () { return index; }).then(({ SubGroupComponent }) => SubGroupComponent),
|
|
555
|
+
button: Promise.resolve().then(function () { return index$2; }).then(({ ButtonComponent }) => ButtonComponent),
|
|
556
|
+
input: Promise.resolve().then(function () { return index$2; }).then(({ InputFieldComponent }) => InputFieldComponent),
|
|
557
|
+
select: Promise.resolve().then(function () { return index$2; }).then(({ SelectFieldComponent }) => SelectFieldComponent),
|
|
558
|
+
radio: Promise.resolve().then(function () { return index$2; }).then(({ RadioFieldComponent }) => RadioFieldComponent),
|
|
559
|
+
autocomplete: Promise.resolve().then(function () { return index$2; }).then(({ AutocompleteFieldComponent }) => AutocompleteFieldComponent),
|
|
560
|
+
autocompleteChiplist: Promise.resolve().then(function () { return index$2; }).then(({ AutocompleteChiplistFieldComponent }) => AutocompleteChiplistFieldComponent),
|
|
561
|
+
textarea: Promise.resolve().then(function () { return index$2; }).then(({ TextareaFieldComponent }) => TextareaFieldComponent),
|
|
562
|
+
checkbox: Promise.resolve().then(function () { return index$2; }).then(({ CheckboxFieldComponent }) => CheckboxFieldComponent),
|
|
563
|
+
slider: Promise.resolve().then(function () { return index$2; }).then(({ SliderFieldComponent }) => SliderFieldComponent),
|
|
564
|
+
datepicker: Promise.resolve().then(function () { return index$2; }).then(({ DatepickerFieldComponent }) => DatepickerFieldComponent),
|
|
565
|
+
fileUpload: Promise.resolve().then(function () { return index$2; }).then(({ FileUploadFieldComponent }) => FileUploadFieldComponent),
|
|
566
|
+
imageUpload: Promise.resolve().then(function () { return index$2; }).then(({ ImageUploadFieldComponent }) => ImageUploadFieldComponent),
|
|
567
|
+
heading: Promise.resolve().then(function () { return index$2; }).then(({ HeadingComponent }) => HeadingComponent),
|
|
568
|
+
divider: Promise.resolve().then(function () { return index$2; }).then(({ DividerComponent }) => DividerComponent),
|
|
569
|
+
unitConversion: Promise.resolve().then(function () { return index$2; }).then(({ UnitConversionFieldComponent }) => UnitConversionFieldComponent)
|
|
570
|
+
};
|
|
571
|
+
function isControlComponent(component) {
|
|
572
|
+
return component && isControlConfig(component.config) && 'value' in component; // || component.config.controlType === ControlType.BUTTON;
|
|
573
|
+
}
|
|
574
|
+
function isControlOrButtonComponent(component) {
|
|
575
|
+
return isControlComponent(component) || component.config.controlType === ControlType.BUTTON;
|
|
576
|
+
}
|
|
577
|
+
|
|
578
|
+
class CrisprFieldDirective {
|
|
579
|
+
constructor(container, renderer, cdr) {
|
|
580
|
+
this.container = container;
|
|
581
|
+
this.renderer = renderer;
|
|
582
|
+
this.cdr = cdr;
|
|
583
|
+
}
|
|
584
|
+
set value(value) {
|
|
585
|
+
this._value = value;
|
|
586
|
+
// This is needed to keep the group list from resetting control values to the initial input value
|
|
587
|
+
this.updateComponentValue(value);
|
|
588
|
+
}
|
|
589
|
+
;
|
|
590
|
+
get value() {
|
|
591
|
+
return this._value;
|
|
592
|
+
}
|
|
593
|
+
ngOnInit() {
|
|
594
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
595
|
+
/**
|
|
596
|
+
* create component and set values from config on its instance
|
|
597
|
+
*/
|
|
598
|
+
const component = this.config.component || (yield FIELD_COMPONENTS[this.config.controlType]);
|
|
599
|
+
const componentRef = this.container.createComponent(component);
|
|
600
|
+
this.component = componentRef.instance;
|
|
601
|
+
this.component.config = this.config;
|
|
602
|
+
if (isControlOrButtonComponent(this.component)) {
|
|
603
|
+
this.component.group = this.group;
|
|
604
|
+
}
|
|
605
|
+
this.updateComponentValue(this.value);
|
|
606
|
+
// adds any config classes to the dynamically generated component
|
|
607
|
+
// doing this here keeps us from having to extend a base component into each field component individually
|
|
608
|
+
if (!this.config.classes)
|
|
609
|
+
return;
|
|
610
|
+
this.config.classes.forEach((klass) => {
|
|
611
|
+
// check for passing multiple classes in one array element
|
|
612
|
+
if (klass.includes(' ')) {
|
|
613
|
+
throw Error(`Improperly formatted class. '${klass}' cannot contain spaces.`);
|
|
614
|
+
}
|
|
615
|
+
else {
|
|
616
|
+
this.renderer.addClass(componentRef.location.nativeElement, klass);
|
|
617
|
+
}
|
|
618
|
+
});
|
|
619
|
+
});
|
|
620
|
+
}
|
|
621
|
+
updateComponentValue(value) {
|
|
622
|
+
if (isControlComponent(this.component)) {
|
|
623
|
+
this.component.value = value;
|
|
624
|
+
// SubGroups won't populate without this detectChanges
|
|
625
|
+
this.cdr.detectChanges();
|
|
626
|
+
}
|
|
627
|
+
}
|
|
628
|
+
}
|
|
629
|
+
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 });
|
|
630
|
+
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 });
|
|
631
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldDirective, decorators: [{
|
|
632
|
+
type: Directive,
|
|
633
|
+
args: [{
|
|
634
|
+
selector: '[crisprField]'
|
|
635
|
+
}]
|
|
636
|
+
}], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { config: [{
|
|
637
|
+
type: Input
|
|
638
|
+
}], group: [{
|
|
639
|
+
type: Input
|
|
640
|
+
}], value: [{
|
|
641
|
+
type: Input
|
|
642
|
+
}] } });
|
|
643
|
+
class CrisprFieldModule {
|
|
644
|
+
}
|
|
645
|
+
CrisprFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
646
|
+
CrisprFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldModule, declarations: [CrisprFieldDirective], imports: [CommonModule], exports: [CrisprFieldDirective] });
|
|
647
|
+
CrisprFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldModule, imports: [CommonModule] });
|
|
648
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFieldModule, decorators: [{
|
|
649
|
+
type: NgModule,
|
|
650
|
+
args: [{
|
|
651
|
+
imports: [
|
|
652
|
+
CommonModule,
|
|
653
|
+
],
|
|
654
|
+
exports: [
|
|
655
|
+
CrisprFieldDirective
|
|
656
|
+
],
|
|
657
|
+
declarations: [
|
|
658
|
+
CrisprFieldDirective
|
|
659
|
+
]
|
|
660
|
+
}]
|
|
661
|
+
}] });
|
|
524
662
|
|
|
525
663
|
class OptionComponent {
|
|
526
664
|
}
|
|
527
|
-
OptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
528
|
-
OptionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
529
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
665
|
+
OptionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: OptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
666
|
+
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 });
|
|
667
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: OptionComponent, decorators: [{
|
|
530
668
|
type: Component,
|
|
531
|
-
args: [{ selector: 'crispr-option', changeDetection: ChangeDetectionStrategy.OnPush, template: "<img\n
|
|
669
|
+
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"] }]
|
|
532
670
|
}], propDecorators: { option: [{
|
|
533
671
|
type: Input
|
|
534
|
-
}] } });
|
|
672
|
+
}] } });
|
|
673
|
+
class OptionModule {
|
|
674
|
+
}
|
|
675
|
+
OptionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: OptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
676
|
+
OptionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: OptionModule, declarations: [OptionComponent], imports: [CommonModule,
|
|
677
|
+
InfoModule], exports: [OptionComponent] });
|
|
678
|
+
OptionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: OptionModule, imports: [CommonModule,
|
|
679
|
+
InfoModule] });
|
|
680
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: OptionModule, decorators: [{
|
|
681
|
+
type: NgModule,
|
|
682
|
+
args: [{
|
|
683
|
+
imports: [
|
|
684
|
+
CommonModule,
|
|
685
|
+
InfoModule,
|
|
686
|
+
],
|
|
687
|
+
exports: [
|
|
688
|
+
OptionComponent
|
|
689
|
+
],
|
|
690
|
+
declarations: [
|
|
691
|
+
OptionComponent
|
|
692
|
+
]
|
|
693
|
+
}]
|
|
694
|
+
}] });
|
|
535
695
|
|
|
536
696
|
const SelectFieldMixin = crisprControlMixin(CrisprFieldComponent);
|
|
537
697
|
class SelectFieldComponent extends SelectFieldMixin {
|
|
@@ -567,15 +727,58 @@ class SelectFieldComponent extends SelectFieldMixin {
|
|
|
567
727
|
this.allSelected = !this.allSelected;
|
|
568
728
|
}
|
|
569
729
|
}
|
|
570
|
-
SelectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
571
|
-
SelectFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
572
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
730
|
+
SelectFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
731
|
+
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 });
|
|
732
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectFieldComponent, decorators: [{
|
|
573
733
|
type: Component,
|
|
574
734
|
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"] }]
|
|
575
735
|
}], propDecorators: { selectField: [{
|
|
576
736
|
type: ViewChild,
|
|
577
737
|
args: ['selectField']
|
|
578
|
-
}] } });
|
|
738
|
+
}] } });
|
|
739
|
+
class SelectFieldModule {
|
|
740
|
+
}
|
|
741
|
+
SelectFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
742
|
+
SelectFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: SelectFieldModule, declarations: [SelectFieldComponent], imports: [CommonModule,
|
|
743
|
+
InfoModule,
|
|
744
|
+
OptionModule,
|
|
745
|
+
MatCheckboxModule,
|
|
746
|
+
MatSelectModule,
|
|
747
|
+
ReactiveFormsModule,
|
|
748
|
+
CrisprFieldModule,
|
|
749
|
+
FieldContainerModule,
|
|
750
|
+
MatFormFieldModule], exports: [SelectFieldComponent] });
|
|
751
|
+
SelectFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectFieldModule, imports: [CommonModule,
|
|
752
|
+
InfoModule,
|
|
753
|
+
OptionModule,
|
|
754
|
+
MatCheckboxModule,
|
|
755
|
+
MatSelectModule,
|
|
756
|
+
ReactiveFormsModule,
|
|
757
|
+
CrisprFieldModule,
|
|
758
|
+
FieldContainerModule,
|
|
759
|
+
MatFormFieldModule] });
|
|
760
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectFieldModule, decorators: [{
|
|
761
|
+
type: NgModule,
|
|
762
|
+
args: [{
|
|
763
|
+
imports: [
|
|
764
|
+
CommonModule,
|
|
765
|
+
InfoModule,
|
|
766
|
+
OptionModule,
|
|
767
|
+
MatCheckboxModule,
|
|
768
|
+
MatSelectModule,
|
|
769
|
+
ReactiveFormsModule,
|
|
770
|
+
CrisprFieldModule,
|
|
771
|
+
FieldContainerModule,
|
|
772
|
+
MatFormFieldModule,
|
|
773
|
+
],
|
|
774
|
+
exports: [
|
|
775
|
+
SelectFieldComponent
|
|
776
|
+
],
|
|
777
|
+
declarations: [
|
|
778
|
+
SelectFieldComponent
|
|
779
|
+
]
|
|
780
|
+
}]
|
|
781
|
+
}] });
|
|
579
782
|
|
|
580
783
|
const defaultConfig$7 = {
|
|
581
784
|
autoActiveFirstOption: true,
|
|
@@ -628,9 +831,9 @@ class AutocompleteFieldComponent extends AbstractAutocompleteComponent {
|
|
|
628
831
|
this.autoInputRef.nativeElement.blur();
|
|
629
832
|
}
|
|
630
833
|
}
|
|
631
|
-
AutocompleteFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
632
|
-
AutocompleteFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
633
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
834
|
+
AutocompleteFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
835
|
+
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 });
|
|
836
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteFieldComponent, decorators: [{
|
|
634
837
|
type: Component,
|
|
635
838
|
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"] }]
|
|
636
839
|
}], propDecorators: { autoInput: [{
|
|
@@ -639,7 +842,47 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
639
842
|
}], autoInputRef: [{
|
|
640
843
|
type: ViewChild,
|
|
641
844
|
args: ['autoInput']
|
|
642
|
-
}] } });
|
|
845
|
+
}] } });
|
|
846
|
+
class AutocompleteFieldModule {
|
|
847
|
+
}
|
|
848
|
+
AutocompleteFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
849
|
+
AutocompleteFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteFieldModule, declarations: [AutocompleteFieldComponent], imports: [CommonModule,
|
|
850
|
+
InfoModule,
|
|
851
|
+
OptionModule,
|
|
852
|
+
ReactiveFormsModule,
|
|
853
|
+
FieldContainerModule,
|
|
854
|
+
MatAutocompleteModule,
|
|
855
|
+
MatInputModule,
|
|
856
|
+
MatOptionModule], exports: [AutocompleteFieldComponent] });
|
|
857
|
+
AutocompleteFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteFieldModule, imports: [CommonModule,
|
|
858
|
+
InfoModule,
|
|
859
|
+
OptionModule,
|
|
860
|
+
ReactiveFormsModule,
|
|
861
|
+
FieldContainerModule,
|
|
862
|
+
MatAutocompleteModule,
|
|
863
|
+
MatInputModule,
|
|
864
|
+
MatOptionModule] });
|
|
865
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteFieldModule, decorators: [{
|
|
866
|
+
type: NgModule,
|
|
867
|
+
args: [{
|
|
868
|
+
imports: [
|
|
869
|
+
CommonModule,
|
|
870
|
+
InfoModule,
|
|
871
|
+
OptionModule,
|
|
872
|
+
ReactiveFormsModule,
|
|
873
|
+
FieldContainerModule,
|
|
874
|
+
MatAutocompleteModule,
|
|
875
|
+
MatInputModule,
|
|
876
|
+
MatOptionModule,
|
|
877
|
+
],
|
|
878
|
+
exports: [
|
|
879
|
+
AutocompleteFieldComponent
|
|
880
|
+
],
|
|
881
|
+
declarations: [
|
|
882
|
+
AutocompleteFieldComponent
|
|
883
|
+
]
|
|
884
|
+
}]
|
|
885
|
+
}] });
|
|
643
886
|
|
|
644
887
|
const defaultConfig$6 = {
|
|
645
888
|
chipsSelectable: true,
|
|
@@ -720,9 +963,9 @@ class AutocompleteChiplistFieldComponent extends AbstractAutocompleteComponent {
|
|
|
720
963
|
this.chips$.next(remainingChips);
|
|
721
964
|
}
|
|
722
965
|
}
|
|
723
|
-
AutocompleteChiplistFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
724
|
-
AutocompleteChiplistFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
725
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
966
|
+
AutocompleteChiplistFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteChiplistFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
967
|
+
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 });
|
|
968
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteChiplistFieldComponent, decorators: [{
|
|
726
969
|
type: Component,
|
|
727
970
|
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"] }]
|
|
728
971
|
}], propDecorators: { chipInput: [{
|
|
@@ -731,7 +974,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
731
974
|
}], chipInputRef: [{
|
|
732
975
|
type: ViewChild,
|
|
733
976
|
args: ['autoInput']
|
|
734
|
-
}] } });
|
|
977
|
+
}] } });
|
|
978
|
+
class AutocompleteChiplistFieldModule {
|
|
979
|
+
}
|
|
980
|
+
AutocompleteChiplistFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteChiplistFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
981
|
+
AutocompleteChiplistFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteChiplistFieldModule, declarations: [AutocompleteChiplistFieldComponent], imports: [CommonModule,
|
|
982
|
+
InfoModule,
|
|
983
|
+
OptionModule,
|
|
984
|
+
ReactiveFormsModule,
|
|
985
|
+
FieldContainerModule,
|
|
986
|
+
MatAutocompleteModule,
|
|
987
|
+
MatInputModule,
|
|
988
|
+
MatOptionModule,
|
|
989
|
+
MatChipsModule,
|
|
990
|
+
MatIconModule], exports: [AutocompleteChiplistFieldComponent] });
|
|
991
|
+
AutocompleteChiplistFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteChiplistFieldModule, imports: [CommonModule,
|
|
992
|
+
InfoModule,
|
|
993
|
+
OptionModule,
|
|
994
|
+
ReactiveFormsModule,
|
|
995
|
+
FieldContainerModule,
|
|
996
|
+
MatAutocompleteModule,
|
|
997
|
+
MatInputModule,
|
|
998
|
+
MatOptionModule,
|
|
999
|
+
MatChipsModule,
|
|
1000
|
+
MatIconModule] });
|
|
1001
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: AutocompleteChiplistFieldModule, decorators: [{
|
|
1002
|
+
type: NgModule,
|
|
1003
|
+
args: [{
|
|
1004
|
+
imports: [
|
|
1005
|
+
CommonModule,
|
|
1006
|
+
InfoModule,
|
|
1007
|
+
OptionModule,
|
|
1008
|
+
ReactiveFormsModule,
|
|
1009
|
+
FieldContainerModule,
|
|
1010
|
+
MatAutocompleteModule,
|
|
1011
|
+
MatInputModule,
|
|
1012
|
+
MatOptionModule,
|
|
1013
|
+
MatChipsModule,
|
|
1014
|
+
MatIconModule
|
|
1015
|
+
],
|
|
1016
|
+
exports: [
|
|
1017
|
+
AutocompleteChiplistFieldComponent
|
|
1018
|
+
],
|
|
1019
|
+
declarations: [
|
|
1020
|
+
AutocompleteChiplistFieldComponent
|
|
1021
|
+
]
|
|
1022
|
+
}]
|
|
1023
|
+
}] });
|
|
735
1024
|
|
|
736
1025
|
const defaultConfig$5 = {
|
|
737
1026
|
labelPosition: 'after',
|
|
@@ -747,11 +1036,45 @@ class CheckboxFieldComponent extends CheckboxFieldMixin {
|
|
|
747
1036
|
super.ngOnInit();
|
|
748
1037
|
}
|
|
749
1038
|
}
|
|
750
|
-
CheckboxFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
751
|
-
CheckboxFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
752
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1039
|
+
CheckboxFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CheckboxFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1040
|
+
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 });
|
|
1041
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CheckboxFieldComponent, decorators: [{
|
|
753
1042
|
type: Component,
|
|
754
1043
|
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"] }]
|
|
1044
|
+
}] });
|
|
1045
|
+
class CheckboxFieldModule {
|
|
1046
|
+
}
|
|
1047
|
+
CheckboxFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CheckboxFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1048
|
+
CheckboxFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: CheckboxFieldModule, declarations: [CheckboxFieldComponent], imports: [CommonModule,
|
|
1049
|
+
InfoModule,
|
|
1050
|
+
MatCheckboxModule,
|
|
1051
|
+
ReactiveFormsModule,
|
|
1052
|
+
CrisprFieldModule,
|
|
1053
|
+
FieldContainerModule], exports: [CheckboxFieldComponent] });
|
|
1054
|
+
CheckboxFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CheckboxFieldModule, imports: [CommonModule,
|
|
1055
|
+
InfoModule,
|
|
1056
|
+
MatCheckboxModule,
|
|
1057
|
+
ReactiveFormsModule,
|
|
1058
|
+
CrisprFieldModule,
|
|
1059
|
+
FieldContainerModule] });
|
|
1060
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CheckboxFieldModule, decorators: [{
|
|
1061
|
+
type: NgModule,
|
|
1062
|
+
args: [{
|
|
1063
|
+
imports: [
|
|
1064
|
+
CommonModule,
|
|
1065
|
+
InfoModule,
|
|
1066
|
+
MatCheckboxModule,
|
|
1067
|
+
ReactiveFormsModule,
|
|
1068
|
+
CrisprFieldModule,
|
|
1069
|
+
FieldContainerModule
|
|
1070
|
+
],
|
|
1071
|
+
exports: [
|
|
1072
|
+
CheckboxFieldComponent
|
|
1073
|
+
],
|
|
1074
|
+
declarations: [
|
|
1075
|
+
CheckboxFieldComponent
|
|
1076
|
+
]
|
|
1077
|
+
}]
|
|
755
1078
|
}] });
|
|
756
1079
|
|
|
757
1080
|
const defaultConfig$4 = { rows: 5 };
|
|
@@ -765,11 +1088,45 @@ class TextareaFieldComponent extends TextareaFieldMixin {
|
|
|
765
1088
|
super.ngOnInit();
|
|
766
1089
|
}
|
|
767
1090
|
}
|
|
768
|
-
TextareaFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
769
|
-
TextareaFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
770
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1091
|
+
TextareaFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: TextareaFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1092
|
+
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 });
|
|
1093
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: TextareaFieldComponent, decorators: [{
|
|
771
1094
|
type: Component,
|
|
772
|
-
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"
|
|
1095
|
+
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" }]
|
|
1096
|
+
}] });
|
|
1097
|
+
class TextareaFieldModule {
|
|
1098
|
+
}
|
|
1099
|
+
TextareaFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: TextareaFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1100
|
+
TextareaFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: TextareaFieldModule, declarations: [TextareaFieldComponent], imports: [CommonModule,
|
|
1101
|
+
InfoModule,
|
|
1102
|
+
ReactiveFormsModule,
|
|
1103
|
+
FieldContainerModule,
|
|
1104
|
+
MatFormFieldModule,
|
|
1105
|
+
MatInputModule], exports: [TextareaFieldComponent] });
|
|
1106
|
+
TextareaFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: TextareaFieldModule, imports: [CommonModule,
|
|
1107
|
+
InfoModule,
|
|
1108
|
+
ReactiveFormsModule,
|
|
1109
|
+
FieldContainerModule,
|
|
1110
|
+
MatFormFieldModule,
|
|
1111
|
+
MatInputModule] });
|
|
1112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: TextareaFieldModule, decorators: [{
|
|
1113
|
+
type: NgModule,
|
|
1114
|
+
args: [{
|
|
1115
|
+
imports: [
|
|
1116
|
+
CommonModule,
|
|
1117
|
+
InfoModule,
|
|
1118
|
+
ReactiveFormsModule,
|
|
1119
|
+
FieldContainerModule,
|
|
1120
|
+
MatFormFieldModule,
|
|
1121
|
+
MatInputModule,
|
|
1122
|
+
],
|
|
1123
|
+
exports: [
|
|
1124
|
+
TextareaFieldComponent
|
|
1125
|
+
],
|
|
1126
|
+
declarations: [
|
|
1127
|
+
TextareaFieldComponent
|
|
1128
|
+
]
|
|
1129
|
+
}]
|
|
773
1130
|
}] });
|
|
774
1131
|
|
|
775
1132
|
const defaultConfig$3 = { displayLimits: true };
|
|
@@ -786,12 +1143,46 @@ class SliderFieldComponent extends SliderFieldMixin {
|
|
|
786
1143
|
super.ngOnInit();
|
|
787
1144
|
}
|
|
788
1145
|
}
|
|
789
|
-
SliderFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
790
|
-
SliderFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
791
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1146
|
+
SliderFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SliderFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1147
|
+
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 });
|
|
1148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SliderFieldComponent, decorators: [{
|
|
792
1149
|
type: Component,
|
|
793
1150
|
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"] }]
|
|
794
|
-
}], ctorParameters: function () { return []; } });
|
|
1151
|
+
}], ctorParameters: function () { return []; } });
|
|
1152
|
+
class SliderFieldModule {
|
|
1153
|
+
}
|
|
1154
|
+
SliderFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SliderFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1155
|
+
SliderFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: SliderFieldModule, declarations: [SliderFieldComponent], imports: [CommonModule,
|
|
1156
|
+
InfoModule,
|
|
1157
|
+
OptionModule,
|
|
1158
|
+
FieldContainerModule,
|
|
1159
|
+
ReactiveFormsModule,
|
|
1160
|
+
MatSliderModule], exports: [SliderFieldComponent] });
|
|
1161
|
+
SliderFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SliderFieldModule, imports: [CommonModule,
|
|
1162
|
+
InfoModule,
|
|
1163
|
+
OptionModule,
|
|
1164
|
+
FieldContainerModule,
|
|
1165
|
+
ReactiveFormsModule,
|
|
1166
|
+
MatSliderModule] });
|
|
1167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SliderFieldModule, decorators: [{
|
|
1168
|
+
type: NgModule,
|
|
1169
|
+
args: [{
|
|
1170
|
+
imports: [
|
|
1171
|
+
CommonModule,
|
|
1172
|
+
InfoModule,
|
|
1173
|
+
OptionModule,
|
|
1174
|
+
FieldContainerModule,
|
|
1175
|
+
ReactiveFormsModule,
|
|
1176
|
+
MatSliderModule
|
|
1177
|
+
],
|
|
1178
|
+
exports: [
|
|
1179
|
+
SliderFieldComponent
|
|
1180
|
+
],
|
|
1181
|
+
declarations: [
|
|
1182
|
+
SliderFieldComponent
|
|
1183
|
+
]
|
|
1184
|
+
}]
|
|
1185
|
+
}] });
|
|
795
1186
|
|
|
796
1187
|
class ButtonComponent extends CrisprFieldComponent {
|
|
797
1188
|
constructor() {
|
|
@@ -811,11 +1202,42 @@ class ButtonComponent extends CrisprFieldComponent {
|
|
|
811
1202
|
}
|
|
812
1203
|
}
|
|
813
1204
|
}
|
|
814
|
-
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
815
|
-
ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1205
|
+
ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1206
|
+
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 });
|
|
1207
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
817
1208
|
type: Component,
|
|
818
|
-
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"
|
|
1209
|
+
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" }]
|
|
1210
|
+
}] });
|
|
1211
|
+
class ButtonModule {
|
|
1212
|
+
}
|
|
1213
|
+
ButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1214
|
+
ButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: ButtonModule, declarations: [ButtonComponent], imports: [CommonModule,
|
|
1215
|
+
MatButtonModule,
|
|
1216
|
+
MatIconModule,
|
|
1217
|
+
MatTooltipModule,
|
|
1218
|
+
ReactiveFormsModule], exports: [ButtonComponent] });
|
|
1219
|
+
ButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ButtonModule, imports: [CommonModule,
|
|
1220
|
+
MatButtonModule,
|
|
1221
|
+
MatIconModule,
|
|
1222
|
+
MatTooltipModule,
|
|
1223
|
+
ReactiveFormsModule] });
|
|
1224
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ButtonModule, decorators: [{
|
|
1225
|
+
type: NgModule,
|
|
1226
|
+
args: [{
|
|
1227
|
+
imports: [
|
|
1228
|
+
CommonModule,
|
|
1229
|
+
MatButtonModule,
|
|
1230
|
+
MatIconModule,
|
|
1231
|
+
MatTooltipModule,
|
|
1232
|
+
ReactiveFormsModule,
|
|
1233
|
+
],
|
|
1234
|
+
exports: [
|
|
1235
|
+
ButtonComponent
|
|
1236
|
+
],
|
|
1237
|
+
declarations: [
|
|
1238
|
+
ButtonComponent
|
|
1239
|
+
]
|
|
1240
|
+
}]
|
|
819
1241
|
}] });
|
|
820
1242
|
|
|
821
1243
|
const defaultConfig$2 = {
|
|
@@ -844,11 +1266,51 @@ class DatepickerFieldComponent extends DatepickerFieldMixin {
|
|
|
844
1266
|
}
|
|
845
1267
|
}
|
|
846
1268
|
}
|
|
847
|
-
DatepickerFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
848
|
-
DatepickerFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
849
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1269
|
+
DatepickerFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DatepickerFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1270
|
+
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 });
|
|
1271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DatepickerFieldComponent, decorators: [{
|
|
850
1272
|
type: Component,
|
|
851
|
-
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"
|
|
1273
|
+
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" }]
|
|
1274
|
+
}] });
|
|
1275
|
+
class DatepickerFieldModule {
|
|
1276
|
+
}
|
|
1277
|
+
DatepickerFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DatepickerFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1278
|
+
DatepickerFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: DatepickerFieldModule, declarations: [DatepickerFieldComponent], imports: [CommonModule,
|
|
1279
|
+
FieldContainerModule,
|
|
1280
|
+
MatDatepickerModule,
|
|
1281
|
+
MatFormFieldModule,
|
|
1282
|
+
ReactiveFormsModule,
|
|
1283
|
+
MatInputModule,
|
|
1284
|
+
MatDateFnsModule,
|
|
1285
|
+
PortalModule], exports: [DatepickerFieldComponent] });
|
|
1286
|
+
DatepickerFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DatepickerFieldModule, imports: [CommonModule,
|
|
1287
|
+
FieldContainerModule,
|
|
1288
|
+
MatDatepickerModule,
|
|
1289
|
+
MatFormFieldModule,
|
|
1290
|
+
ReactiveFormsModule,
|
|
1291
|
+
MatInputModule,
|
|
1292
|
+
MatDateFnsModule,
|
|
1293
|
+
PortalModule] });
|
|
1294
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DatepickerFieldModule, decorators: [{
|
|
1295
|
+
type: NgModule,
|
|
1296
|
+
args: [{
|
|
1297
|
+
imports: [
|
|
1298
|
+
CommonModule,
|
|
1299
|
+
FieldContainerModule,
|
|
1300
|
+
MatDatepickerModule,
|
|
1301
|
+
MatFormFieldModule,
|
|
1302
|
+
ReactiveFormsModule,
|
|
1303
|
+
MatInputModule,
|
|
1304
|
+
MatDateFnsModule,
|
|
1305
|
+
PortalModule
|
|
1306
|
+
],
|
|
1307
|
+
exports: [
|
|
1308
|
+
DatepickerFieldComponent
|
|
1309
|
+
],
|
|
1310
|
+
declarations: [
|
|
1311
|
+
DatepickerFieldComponent
|
|
1312
|
+
]
|
|
1313
|
+
}]
|
|
852
1314
|
}] });
|
|
853
1315
|
|
|
854
1316
|
class DividerComponent extends CrisprFieldComponent {
|
|
@@ -861,11 +1323,33 @@ class DividerComponent extends CrisprFieldComponent {
|
|
|
861
1323
|
super.ngOnInit();
|
|
862
1324
|
}
|
|
863
1325
|
}
|
|
864
|
-
DividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
865
|
-
DividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
866
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1326
|
+
DividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DividerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1327
|
+
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 });
|
|
1328
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DividerComponent, decorators: [{
|
|
867
1329
|
type: Component,
|
|
868
1330
|
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"] }]
|
|
1331
|
+
}] });
|
|
1332
|
+
class DividerModule {
|
|
1333
|
+
}
|
|
1334
|
+
DividerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DividerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1335
|
+
DividerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: DividerModule, declarations: [DividerComponent], imports: [CommonModule,
|
|
1336
|
+
MatDividerModule], exports: [DividerComponent] });
|
|
1337
|
+
DividerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DividerModule, imports: [CommonModule,
|
|
1338
|
+
MatDividerModule] });
|
|
1339
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: DividerModule, decorators: [{
|
|
1340
|
+
type: NgModule,
|
|
1341
|
+
args: [{
|
|
1342
|
+
imports: [
|
|
1343
|
+
CommonModule,
|
|
1344
|
+
MatDividerModule
|
|
1345
|
+
],
|
|
1346
|
+
exports: [
|
|
1347
|
+
DividerComponent
|
|
1348
|
+
],
|
|
1349
|
+
declarations: [
|
|
1350
|
+
DividerComponent
|
|
1351
|
+
]
|
|
1352
|
+
}]
|
|
869
1353
|
}] });
|
|
870
1354
|
|
|
871
1355
|
const RadioFieldMixin = crisprControlMixin(CrisprFieldComponent);
|
|
@@ -881,11 +1365,39 @@ class RadioFieldComponent extends RadioFieldMixin {
|
|
|
881
1365
|
this.options$ = observablifyOptions(this.config.options, this.group);
|
|
882
1366
|
}
|
|
883
1367
|
}
|
|
884
|
-
RadioFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
885
|
-
RadioFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
886
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1368
|
+
RadioFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: RadioFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1369
|
+
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 });
|
|
1370
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: RadioFieldComponent, decorators: [{
|
|
887
1371
|
type: Component,
|
|
888
1372
|
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"] }]
|
|
1373
|
+
}] });
|
|
1374
|
+
class RadioFieldModule {
|
|
1375
|
+
}
|
|
1376
|
+
RadioFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: RadioFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1377
|
+
RadioFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: RadioFieldModule, declarations: [RadioFieldComponent], imports: [CommonModule,
|
|
1378
|
+
ReactiveFormsModule,
|
|
1379
|
+
FieldContainerModule,
|
|
1380
|
+
MatRadioModule], exports: [RadioFieldComponent] });
|
|
1381
|
+
RadioFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: RadioFieldModule, imports: [CommonModule,
|
|
1382
|
+
ReactiveFormsModule,
|
|
1383
|
+
FieldContainerModule,
|
|
1384
|
+
MatRadioModule] });
|
|
1385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: RadioFieldModule, decorators: [{
|
|
1386
|
+
type: NgModule,
|
|
1387
|
+
args: [{
|
|
1388
|
+
imports: [
|
|
1389
|
+
CommonModule,
|
|
1390
|
+
ReactiveFormsModule,
|
|
1391
|
+
FieldContainerModule,
|
|
1392
|
+
MatRadioModule,
|
|
1393
|
+
],
|
|
1394
|
+
exports: [
|
|
1395
|
+
RadioFieldComponent
|
|
1396
|
+
],
|
|
1397
|
+
declarations: [
|
|
1398
|
+
RadioFieldComponent
|
|
1399
|
+
]
|
|
1400
|
+
}]
|
|
889
1401
|
}] });
|
|
890
1402
|
|
|
891
1403
|
const defaultConfig$1 = {};
|
|
@@ -935,11 +1447,51 @@ class UnitConversionFieldComponent extends UnitConversionFieldMixin {
|
|
|
935
1447
|
this.setInitialDisplayValue(value, initialUnitValue);
|
|
936
1448
|
}
|
|
937
1449
|
}
|
|
938
|
-
UnitConversionFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
939
|
-
UnitConversionFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
940
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1450
|
+
UnitConversionFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: UnitConversionFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
1451
|
+
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 });
|
|
1452
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: UnitConversionFieldComponent, decorators: [{
|
|
941
1453
|
type: Component,
|
|
942
1454
|
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"] }]
|
|
1455
|
+
}] });
|
|
1456
|
+
class UnitConversionFieldModule {
|
|
1457
|
+
}
|
|
1458
|
+
UnitConversionFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: UnitConversionFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1459
|
+
UnitConversionFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: UnitConversionFieldModule, declarations: [UnitConversionFieldComponent], imports: [CommonModule,
|
|
1460
|
+
InfoModule,
|
|
1461
|
+
OptionModule,
|
|
1462
|
+
ReactiveFormsModule,
|
|
1463
|
+
FieldContainerModule,
|
|
1464
|
+
MatInputModule,
|
|
1465
|
+
MatSelectModule,
|
|
1466
|
+
MatOptionModule], exports: [UnitConversionFieldComponent] });
|
|
1467
|
+
UnitConversionFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: UnitConversionFieldModule, imports: [CommonModule,
|
|
1468
|
+
InfoModule,
|
|
1469
|
+
OptionModule,
|
|
1470
|
+
ReactiveFormsModule,
|
|
1471
|
+
FieldContainerModule,
|
|
1472
|
+
MatInputModule,
|
|
1473
|
+
MatSelectModule,
|
|
1474
|
+
MatOptionModule] });
|
|
1475
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: UnitConversionFieldModule, decorators: [{
|
|
1476
|
+
type: NgModule,
|
|
1477
|
+
args: [{
|
|
1478
|
+
imports: [
|
|
1479
|
+
CommonModule,
|
|
1480
|
+
InfoModule,
|
|
1481
|
+
OptionModule,
|
|
1482
|
+
ReactiveFormsModule,
|
|
1483
|
+
FieldContainerModule,
|
|
1484
|
+
MatInputModule,
|
|
1485
|
+
MatSelectModule,
|
|
1486
|
+
MatOptionModule,
|
|
1487
|
+
],
|
|
1488
|
+
exports: [
|
|
1489
|
+
UnitConversionFieldComponent
|
|
1490
|
+
],
|
|
1491
|
+
declarations: [
|
|
1492
|
+
UnitConversionFieldComponent
|
|
1493
|
+
]
|
|
1494
|
+
}]
|
|
943
1495
|
}] });
|
|
944
1496
|
|
|
945
1497
|
class FileDropzoneDirective {
|
|
@@ -960,9 +1512,9 @@ class FileDropzoneDirective {
|
|
|
960
1512
|
}
|
|
961
1513
|
}
|
|
962
1514
|
}
|
|
963
|
-
FileDropzoneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
964
|
-
FileDropzoneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "
|
|
965
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1515
|
+
FileDropzoneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FileDropzoneDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1516
|
+
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 });
|
|
1517
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FileDropzoneDirective, decorators: [{
|
|
966
1518
|
type: Directive,
|
|
967
1519
|
args: [{
|
|
968
1520
|
selector: '[crisprFileDropzone]'
|
|
@@ -981,9 +1533,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
981
1533
|
|
|
982
1534
|
class SelectedFileComponent {
|
|
983
1535
|
}
|
|
984
|
-
SelectedFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
985
|
-
SelectedFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
986
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1536
|
+
SelectedFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectedFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1537
|
+
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 });
|
|
1538
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectedFileComponent, decorators: [{
|
|
987
1539
|
type: Component,
|
|
988
1540
|
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"] }]
|
|
989
1541
|
}], propDecorators: { fileName: [{
|
|
@@ -997,14 +1549,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
997
1549
|
}] } });
|
|
998
1550
|
class SelectedFileModule {
|
|
999
1551
|
}
|
|
1000
|
-
SelectedFileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1001
|
-
SelectedFileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1552
|
+
SelectedFileModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectedFileModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1553
|
+
SelectedFileModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: SelectedFileModule, declarations: [SelectedFileComponent], imports: [CommonModule,
|
|
1002
1554
|
MatProgressBarModule], exports: [SelectedFileComponent] });
|
|
1003
|
-
SelectedFileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1004
|
-
|
|
1005
|
-
|
|
1006
|
-
]] });
|
|
1007
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: SelectedFileModule, decorators: [{
|
|
1555
|
+
SelectedFileModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectedFileModule, imports: [CommonModule,
|
|
1556
|
+
MatProgressBarModule] });
|
|
1557
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SelectedFileModule, decorators: [{
|
|
1008
1558
|
type: NgModule,
|
|
1009
1559
|
args: [{
|
|
1010
1560
|
imports: [
|
|
@@ -1081,13 +1631,13 @@ class FileUploadFieldComponent extends FileUploadFieldMixin {
|
|
|
1081
1631
|
registerOnTouched(fn) {
|
|
1082
1632
|
}
|
|
1083
1633
|
}
|
|
1084
|
-
FileUploadFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1085
|
-
FileUploadFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1086
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1634
|
+
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 });
|
|
1635
|
+
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 });
|
|
1636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FileUploadFieldComponent, decorators: [{
|
|
1087
1637
|
type: Component,
|
|
1088
1638
|
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"] }]
|
|
1089
1639
|
}], ctorParameters: function () {
|
|
1090
|
-
return [{ type: i4
|
|
1640
|
+
return [{ type: i4.NgControl, decorators: [{
|
|
1091
1641
|
type: Optional
|
|
1092
1642
|
}, {
|
|
1093
1643
|
type: Self
|
|
@@ -1098,8 +1648,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
1098
1648
|
}] } });
|
|
1099
1649
|
class FileUploadFieldModule {
|
|
1100
1650
|
}
|
|
1101
|
-
FileUploadFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1102
|
-
FileUploadFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1651
|
+
FileUploadFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FileUploadFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1652
|
+
FileUploadFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: FileUploadFieldModule, declarations: [FileUploadFieldComponent, FileDropzoneDirective], imports: [CommonModule,
|
|
1103
1653
|
FieldContainerModule,
|
|
1104
1654
|
ReactiveFormsModule,
|
|
1105
1655
|
MatIconModule,
|
|
@@ -1108,18 +1658,16 @@ FileUploadFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", v
|
|
|
1108
1658
|
MatInputModule,
|
|
1109
1659
|
SelectedFileModule,
|
|
1110
1660
|
FormValidationHandlerModule], exports: [FileUploadFieldComponent, FileDropzoneDirective] });
|
|
1111
|
-
FileUploadFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1112
|
-
|
|
1113
|
-
|
|
1114
|
-
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
|
|
1118
|
-
|
|
1119
|
-
|
|
1120
|
-
|
|
1121
|
-
]] });
|
|
1122
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: FileUploadFieldModule, decorators: [{
|
|
1661
|
+
FileUploadFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FileUploadFieldModule, imports: [CommonModule,
|
|
1662
|
+
FieldContainerModule,
|
|
1663
|
+
ReactiveFormsModule,
|
|
1664
|
+
MatIconModule,
|
|
1665
|
+
MatButtonModule,
|
|
1666
|
+
MatFormFieldModule,
|
|
1667
|
+
MatInputModule,
|
|
1668
|
+
SelectedFileModule,
|
|
1669
|
+
FormValidationHandlerModule] });
|
|
1670
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FileUploadFieldModule, decorators: [{
|
|
1123
1671
|
type: NgModule,
|
|
1124
1672
|
args: [{
|
|
1125
1673
|
imports: [
|
|
@@ -1271,13 +1819,13 @@ class ImageUploadFieldComponent extends ImageUploadFieldMixin {
|
|
|
1271
1819
|
}
|
|
1272
1820
|
registerOnTouched(fn) { }
|
|
1273
1821
|
}
|
|
1274
|
-
ImageUploadFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1275
|
-
ImageUploadFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1276
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1822
|
+
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 });
|
|
1823
|
+
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 });
|
|
1824
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ImageUploadFieldComponent, decorators: [{
|
|
1277
1825
|
type: Component,
|
|
1278
1826
|
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"] }]
|
|
1279
1827
|
}], ctorParameters: function () {
|
|
1280
|
-
return [{ type: i4
|
|
1828
|
+
return [{ type: i4.NgControl, decorators: [{
|
|
1281
1829
|
type: Optional
|
|
1282
1830
|
}, {
|
|
1283
1831
|
type: Self
|
|
@@ -1288,8 +1836,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
1288
1836
|
}] } });
|
|
1289
1837
|
class ImageUploadFieldModule {
|
|
1290
1838
|
}
|
|
1291
|
-
ImageUploadFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1292
|
-
ImageUploadFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1839
|
+
ImageUploadFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ImageUploadFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1840
|
+
ImageUploadFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: ImageUploadFieldModule, declarations: [ImageUploadFieldComponent], imports: [CommonModule,
|
|
1293
1841
|
FieldContainerModule,
|
|
1294
1842
|
ReactiveFormsModule,
|
|
1295
1843
|
MatIconModule,
|
|
@@ -1299,19 +1847,17 @@ ImageUploadFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0",
|
|
|
1299
1847
|
SelectedFileModule,
|
|
1300
1848
|
FileUploadFieldModule,
|
|
1301
1849
|
FormValidationHandlerModule], exports: [ImageUploadFieldComponent] });
|
|
1302
|
-
ImageUploadFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1311
|
-
|
|
1312
|
-
|
|
1313
|
-
]] });
|
|
1314
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: ImageUploadFieldModule, decorators: [{
|
|
1850
|
+
ImageUploadFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ImageUploadFieldModule, imports: [CommonModule,
|
|
1851
|
+
FieldContainerModule,
|
|
1852
|
+
ReactiveFormsModule,
|
|
1853
|
+
MatIconModule,
|
|
1854
|
+
MatButtonModule,
|
|
1855
|
+
MatFormFieldModule,
|
|
1856
|
+
MatInputModule,
|
|
1857
|
+
SelectedFileModule,
|
|
1858
|
+
FileUploadFieldModule,
|
|
1859
|
+
FormValidationHandlerModule] });
|
|
1860
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: ImageUploadFieldModule, decorators: [{
|
|
1315
1861
|
type: NgModule,
|
|
1316
1862
|
args: [{
|
|
1317
1863
|
imports: [
|
|
@@ -1383,141 +1929,50 @@ function allowedFileType(matchExp) {
|
|
|
1383
1929
|
|
|
1384
1930
|
// TODO: Should we import UI library?
|
|
1385
1931
|
// Will the tree shaker shake the unused modules?
|
|
1386
|
-
const MAT_DESIGN_MODULES = [
|
|
1387
|
-
MatIconModule,
|
|
1388
|
-
MatAutocompleteModule,
|
|
1389
|
-
MatDatepickerModule,
|
|
1390
|
-
MatInputModule,
|
|
1391
|
-
MatRadioModule,
|
|
1392
|
-
MatSelectModule,
|
|
1393
|
-
MatCheckboxModule,
|
|
1394
|
-
MatChipsModule,
|
|
1395
|
-
MatSliderModule,
|
|
1396
|
-
MatSlideToggleModule,
|
|
1397
|
-
MatButtonModule,
|
|
1398
|
-
MatButtonToggleModule,
|
|
1399
|
-
MatChipsModule,
|
|
1400
|
-
MatTooltipModule,
|
|
1401
|
-
MatFormFieldModule,
|
|
1402
|
-
MatMomentDateModule,
|
|
1403
|
-
MatDividerModule,
|
|
1404
|
-
MatProgressBarModule,
|
|
1405
|
-
PortalModule
|
|
1406
|
-
];
|
|
1407
|
-
const CRISPR_FIELDS = [
|
|
1408
|
-
InputFieldComponent,
|
|
1409
|
-
SelectFieldComponent,
|
|
1410
|
-
RadioFieldComponent,
|
|
1411
|
-
AutocompleteFieldComponent,
|
|
1412
|
-
AutocompleteChiplistFieldComponent,
|
|
1413
|
-
CheckboxFieldComponent,
|
|
1414
|
-
TextareaFieldComponent,
|
|
1415
|
-
DatepickerFieldComponent,
|
|
1416
|
-
SliderFieldComponent,
|
|
1417
|
-
ButtonComponent,
|
|
1418
|
-
DividerComponent,
|
|
1419
|
-
UnitConversionFieldComponent,
|
|
1420
|
-
OptionComponent,
|
|
1421
|
-
];
|
|
1422
1932
|
class MaterialModule {
|
|
1423
1933
|
}
|
|
1424
|
-
MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1425
|
-
MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
1426
|
-
SelectFieldComponent,
|
|
1427
|
-
RadioFieldComponent,
|
|
1428
|
-
AutocompleteFieldComponent,
|
|
1429
|
-
AutocompleteChiplistFieldComponent,
|
|
1430
|
-
CheckboxFieldComponent,
|
|
1431
|
-
TextareaFieldComponent,
|
|
1432
|
-
DatepickerFieldComponent,
|
|
1433
|
-
SliderFieldComponent,
|
|
1434
|
-
ButtonComponent,
|
|
1435
|
-
DividerComponent,
|
|
1436
|
-
UnitConversionFieldComponent,
|
|
1437
|
-
OptionComponent], imports: [CommonModule,
|
|
1934
|
+
MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1935
|
+
MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: MaterialModule, imports: [CommonModule,
|
|
1438
1936
|
ReactiveFormsModule,
|
|
1439
1937
|
FormValidationHandlerModule,
|
|
1440
1938
|
InfoModule,
|
|
1939
|
+
CheckboxFieldModule,
|
|
1940
|
+
SelectFieldModule,
|
|
1941
|
+
AutocompleteFieldModule,
|
|
1942
|
+
AutocompleteChiplistFieldModule,
|
|
1943
|
+
DatepickerFieldModule,
|
|
1944
|
+
InputFieldModule,
|
|
1441
1945
|
FileUploadFieldModule,
|
|
1946
|
+
RadioFieldModule,
|
|
1947
|
+
SliderFieldModule,
|
|
1948
|
+
TextareaFieldModule,
|
|
1949
|
+
UnitConversionFieldModule,
|
|
1950
|
+
ButtonModule,
|
|
1951
|
+
DividerModule,
|
|
1442
1952
|
HeadingModule,
|
|
1443
|
-
FieldContainerModule,
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
|
|
1447
|
-
|
|
1448
|
-
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
|
|
1465
|
-
|
|
1466
|
-
MatSelectModule,
|
|
1467
|
-
MatCheckboxModule,
|
|
1468
|
-
MatChipsModule,
|
|
1469
|
-
MatSliderModule,
|
|
1470
|
-
MatSlideToggleModule,
|
|
1471
|
-
MatButtonModule,
|
|
1472
|
-
MatButtonToggleModule,
|
|
1473
|
-
MatChipsModule,
|
|
1474
|
-
MatTooltipModule,
|
|
1475
|
-
MatFormFieldModule,
|
|
1476
|
-
MatMomentDateModule,
|
|
1477
|
-
MatDividerModule,
|
|
1478
|
-
MatProgressBarModule,
|
|
1479
|
-
PortalModule, InputFieldComponent,
|
|
1480
|
-
SelectFieldComponent,
|
|
1481
|
-
RadioFieldComponent,
|
|
1482
|
-
AutocompleteFieldComponent,
|
|
1483
|
-
AutocompleteChiplistFieldComponent,
|
|
1484
|
-
CheckboxFieldComponent,
|
|
1485
|
-
TextareaFieldComponent,
|
|
1486
|
-
DatepickerFieldComponent,
|
|
1487
|
-
SliderFieldComponent,
|
|
1488
|
-
ButtonComponent,
|
|
1489
|
-
DividerComponent,
|
|
1490
|
-
UnitConversionFieldComponent,
|
|
1491
|
-
OptionComponent] });
|
|
1492
|
-
MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: MaterialModule, imports: [[
|
|
1493
|
-
CommonModule,
|
|
1494
|
-
ReactiveFormsModule,
|
|
1495
|
-
FormValidationHandlerModule,
|
|
1496
|
-
InfoModule,
|
|
1497
|
-
FileUploadFieldModule,
|
|
1498
|
-
HeadingModule,
|
|
1499
|
-
FieldContainerModule,
|
|
1500
|
-
...MAT_DESIGN_MODULES,
|
|
1501
|
-
], MatIconModule,
|
|
1502
|
-
MatAutocompleteModule,
|
|
1503
|
-
MatDatepickerModule,
|
|
1504
|
-
MatInputModule,
|
|
1505
|
-
MatRadioModule,
|
|
1506
|
-
MatSelectModule,
|
|
1507
|
-
MatCheckboxModule,
|
|
1508
|
-
MatChipsModule,
|
|
1509
|
-
MatSliderModule,
|
|
1510
|
-
MatSlideToggleModule,
|
|
1511
|
-
MatButtonModule,
|
|
1512
|
-
MatButtonToggleModule,
|
|
1513
|
-
MatChipsModule,
|
|
1514
|
-
MatTooltipModule,
|
|
1515
|
-
MatFormFieldModule,
|
|
1516
|
-
MatMomentDateModule,
|
|
1517
|
-
MatDividerModule,
|
|
1518
|
-
MatProgressBarModule,
|
|
1519
|
-
PortalModule] });
|
|
1520
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: MaterialModule, decorators: [{
|
|
1953
|
+
FieldContainerModule,
|
|
1954
|
+
OptionModule] });
|
|
1955
|
+
MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: MaterialModule, imports: [CommonModule,
|
|
1956
|
+
ReactiveFormsModule,
|
|
1957
|
+
FormValidationHandlerModule,
|
|
1958
|
+
InfoModule,
|
|
1959
|
+
CheckboxFieldModule,
|
|
1960
|
+
SelectFieldModule,
|
|
1961
|
+
AutocompleteFieldModule,
|
|
1962
|
+
AutocompleteChiplistFieldModule,
|
|
1963
|
+
DatepickerFieldModule,
|
|
1964
|
+
InputFieldModule,
|
|
1965
|
+
FileUploadFieldModule,
|
|
1966
|
+
RadioFieldModule,
|
|
1967
|
+
SliderFieldModule,
|
|
1968
|
+
TextareaFieldModule,
|
|
1969
|
+
UnitConversionFieldModule,
|
|
1970
|
+
ButtonModule,
|
|
1971
|
+
DividerModule,
|
|
1972
|
+
HeadingModule,
|
|
1973
|
+
FieldContainerModule,
|
|
1974
|
+
OptionModule] });
|
|
1975
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: MaterialModule, decorators: [{
|
|
1521
1976
|
type: NgModule,
|
|
1522
1977
|
args: [{
|
|
1523
1978
|
imports: [
|
|
@@ -1525,37 +1980,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
1525
1980
|
ReactiveFormsModule,
|
|
1526
1981
|
FormValidationHandlerModule,
|
|
1527
1982
|
InfoModule,
|
|
1983
|
+
CheckboxFieldModule,
|
|
1984
|
+
SelectFieldModule,
|
|
1985
|
+
AutocompleteFieldModule,
|
|
1986
|
+
AutocompleteChiplistFieldModule,
|
|
1987
|
+
DatepickerFieldModule,
|
|
1988
|
+
InputFieldModule,
|
|
1528
1989
|
FileUploadFieldModule,
|
|
1990
|
+
RadioFieldModule,
|
|
1991
|
+
SliderFieldModule,
|
|
1992
|
+
TextareaFieldModule,
|
|
1993
|
+
UnitConversionFieldModule,
|
|
1994
|
+
ButtonModule,
|
|
1995
|
+
DividerModule,
|
|
1529
1996
|
HeadingModule,
|
|
1530
1997
|
FieldContainerModule,
|
|
1531
|
-
|
|
1532
|
-
],
|
|
1533
|
-
exports: [
|
|
1534
|
-
...MAT_DESIGN_MODULES,
|
|
1535
|
-
...CRISPR_FIELDS
|
|
1998
|
+
OptionModule,
|
|
1536
1999
|
],
|
|
1537
|
-
declarations: [
|
|
1538
|
-
...CRISPR_FIELDS,
|
|
1539
|
-
]
|
|
1540
2000
|
}]
|
|
1541
2001
|
}] });
|
|
1542
2002
|
|
|
1543
2003
|
var index$2 = /*#__PURE__*/Object.freeze({
|
|
1544
2004
|
__proto__: null,
|
|
1545
2005
|
InputFieldComponent: InputFieldComponent,
|
|
2006
|
+
InputFieldModule: InputFieldModule,
|
|
1546
2007
|
SelectFieldComponent: SelectFieldComponent,
|
|
2008
|
+
SelectFieldModule: SelectFieldModule,
|
|
1547
2009
|
AutocompleteFieldComponent: AutocompleteFieldComponent,
|
|
2010
|
+
AutocompleteFieldModule: AutocompleteFieldModule,
|
|
1548
2011
|
AutocompleteChiplistFieldComponent: AutocompleteChiplistFieldComponent,
|
|
2012
|
+
AutocompleteChiplistFieldModule: AutocompleteChiplistFieldModule,
|
|
1549
2013
|
CheckboxFieldComponent: CheckboxFieldComponent,
|
|
2014
|
+
CheckboxFieldModule: CheckboxFieldModule,
|
|
1550
2015
|
TextareaFieldComponent: TextareaFieldComponent,
|
|
2016
|
+
TextareaFieldModule: TextareaFieldModule,
|
|
1551
2017
|
SliderFieldComponent: SliderFieldComponent,
|
|
2018
|
+
SliderFieldModule: SliderFieldModule,
|
|
1552
2019
|
ButtonComponent: ButtonComponent,
|
|
2020
|
+
ButtonModule: ButtonModule,
|
|
1553
2021
|
DatepickerFieldComponent: DatepickerFieldComponent,
|
|
2022
|
+
DatepickerFieldModule: DatepickerFieldModule,
|
|
1554
2023
|
HeadingComponent: HeadingComponent,
|
|
1555
2024
|
HeadingModule: HeadingModule,
|
|
1556
2025
|
DividerComponent: DividerComponent,
|
|
2026
|
+
DividerModule: DividerModule,
|
|
1557
2027
|
RadioFieldComponent: RadioFieldComponent,
|
|
2028
|
+
RadioFieldModule: RadioFieldModule,
|
|
1558
2029
|
UnitConversionFieldComponent: UnitConversionFieldComponent,
|
|
2030
|
+
UnitConversionFieldModule: UnitConversionFieldModule,
|
|
1559
2031
|
ImageUploadFieldComponent: ImageUploadFieldComponent,
|
|
1560
2032
|
ImageUploadFieldModule: ImageUploadFieldModule,
|
|
1561
2033
|
maxFileSizeValidator: maxFileSizeValidator,
|
|
@@ -1565,139 +2037,47 @@ var index$2 = /*#__PURE__*/Object.freeze({
|
|
|
1565
2037
|
FileUploadFieldComponent: FileUploadFieldComponent,
|
|
1566
2038
|
FileUploadFieldModule: FileUploadFieldModule,
|
|
1567
2039
|
MaterialModule: MaterialModule,
|
|
1568
|
-
OptionComponent: OptionComponent
|
|
2040
|
+
OptionComponent: OptionComponent,
|
|
2041
|
+
OptionModule: OptionModule
|
|
1569
2042
|
});
|
|
1570
2043
|
|
|
1571
|
-
|
|
1572
|
-
|
|
1573
|
-
|
|
1574
|
-
|
|
1575
|
-
|
|
1576
|
-
|
|
1577
|
-
radio: Promise.resolve().then(function () { return index$2; }).then(({ RadioFieldComponent }) => RadioFieldComponent),
|
|
1578
|
-
autocomplete: Promise.resolve().then(function () { return index$2; }).then(({ AutocompleteFieldComponent }) => AutocompleteFieldComponent),
|
|
1579
|
-
autocompleteChiplist: Promise.resolve().then(function () { return index$2; }).then(({ AutocompleteChiplistFieldComponent }) => AutocompleteChiplistFieldComponent),
|
|
1580
|
-
textarea: Promise.resolve().then(function () { return index$2; }).then(({ TextareaFieldComponent }) => TextareaFieldComponent),
|
|
1581
|
-
checkbox: Promise.resolve().then(function () { return index$2; }).then(({ CheckboxFieldComponent }) => CheckboxFieldComponent),
|
|
1582
|
-
slider: Promise.resolve().then(function () { return index$2; }).then(({ SliderFieldComponent }) => SliderFieldComponent),
|
|
1583
|
-
datepicker: Promise.resolve().then(function () { return index$2; }).then(({ DatepickerFieldComponent }) => DatepickerFieldComponent),
|
|
1584
|
-
fileUpload: Promise.resolve().then(function () { return index$2; }).then(({ FileUploadFieldComponent }) => FileUploadFieldComponent),
|
|
1585
|
-
imageUpload: Promise.resolve().then(function () { return index$2; }).then(({ ImageUploadFieldComponent }) => ImageUploadFieldComponent),
|
|
1586
|
-
heading: Promise.resolve().then(function () { return index$2; }).then(({ HeadingComponent }) => HeadingComponent),
|
|
1587
|
-
divider: Promise.resolve().then(function () { return index$2; }).then(({ DividerComponent }) => DividerComponent),
|
|
1588
|
-
unitConversion: Promise.resolve().then(function () { return index$2; }).then(({ UnitConversionFieldComponent }) => UnitConversionFieldComponent)
|
|
1589
|
-
};
|
|
1590
|
-
function isControlComponent(component) {
|
|
1591
|
-
return component && isControlConfig(component.config) && 'value' in component; // || component.config.controlType === ControlType.BUTTON;
|
|
1592
|
-
}
|
|
1593
|
-
function isControlOrButtonComponent(component) {
|
|
1594
|
-
return isControlComponent(component) || component.config.controlType === ControlType.BUTTON;
|
|
1595
|
-
}
|
|
1596
|
-
|
|
1597
|
-
class CrisprFieldDirective {
|
|
1598
|
-
constructor(container, renderer, cdr) {
|
|
1599
|
-
this.container = container;
|
|
1600
|
-
this.renderer = renderer;
|
|
1601
|
-
this.cdr = cdr;
|
|
1602
|
-
}
|
|
1603
|
-
set value(value) {
|
|
1604
|
-
this._value = value;
|
|
1605
|
-
// This is needed to keep the group list from resetting control values to the initial input value
|
|
1606
|
-
this.updateComponentValue(value);
|
|
1607
|
-
}
|
|
1608
|
-
;
|
|
1609
|
-
get value() {
|
|
1610
|
-
return this._value;
|
|
1611
|
-
}
|
|
1612
|
-
ngOnInit() {
|
|
1613
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
1614
|
-
/**
|
|
1615
|
-
* create component and set values from config on its instance
|
|
1616
|
-
*/
|
|
1617
|
-
const component = this.config.component || (yield FIELD_COMPONENTS[this.config.controlType]);
|
|
1618
|
-
const componentRef = this.container.createComponent(component);
|
|
1619
|
-
this.component = componentRef.instance;
|
|
1620
|
-
this.component.config = this.config;
|
|
1621
|
-
if (isControlOrButtonComponent(this.component)) {
|
|
1622
|
-
this.component.group = this.group;
|
|
1623
|
-
}
|
|
1624
|
-
this.updateComponentValue(this.value);
|
|
1625
|
-
// adds any config classes to the dynamically generated component
|
|
1626
|
-
// doing this here keeps us from having to extend a base component into each field component individually
|
|
1627
|
-
if (!this.config.classes)
|
|
1628
|
-
return;
|
|
1629
|
-
this.config.classes.forEach((klass) => {
|
|
1630
|
-
// check for passing multiple classes in one array element
|
|
1631
|
-
if (klass.includes(' ')) {
|
|
1632
|
-
throw Error(`Improperly formatted class. '${klass}' cannot contain spaces.`);
|
|
1633
|
-
}
|
|
1634
|
-
else {
|
|
1635
|
-
this.renderer.addClass(componentRef.location.nativeElement, klass);
|
|
1636
|
-
}
|
|
1637
|
-
});
|
|
1638
|
-
});
|
|
1639
|
-
}
|
|
1640
|
-
updateComponentValue(value) {
|
|
1641
|
-
if (isControlComponent(this.component)) {
|
|
1642
|
-
this.component.value = value;
|
|
1643
|
-
// SubGroups won't populate without this detectChanges
|
|
1644
|
-
this.cdr.detectChanges();
|
|
1645
|
-
}
|
|
2044
|
+
class InitialControlValuePipe {
|
|
2045
|
+
// TODO: does changing any to unknown break anything?
|
|
2046
|
+
transform(initialFormValue, fieldConfig) {
|
|
2047
|
+
return (initialFormValue && isControlConfig(fieldConfig))
|
|
2048
|
+
? initialFormValue[fieldConfig.controlName] || null
|
|
2049
|
+
: null;
|
|
1646
2050
|
}
|
|
1647
2051
|
}
|
|
1648
|
-
|
|
1649
|
-
|
|
1650
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1651
|
-
type:
|
|
2052
|
+
InitialControlValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InitialControlValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
2053
|
+
InitialControlValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: InitialControlValuePipe, name: "initialControlValue" });
|
|
2054
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: InitialControlValuePipe, decorators: [{
|
|
2055
|
+
type: Pipe,
|
|
1652
2056
|
args: [{
|
|
1653
|
-
|
|
2057
|
+
name: 'initialControlValue'
|
|
1654
2058
|
}]
|
|
1655
|
-
}]
|
|
1656
|
-
|
|
1657
|
-
|
|
1658
|
-
type: Input
|
|
1659
|
-
}], value: [{
|
|
1660
|
-
type: Input
|
|
1661
|
-
}] } });
|
|
1662
|
-
class CrisprFieldModule {
|
|
2059
|
+
}] });
|
|
2060
|
+
|
|
2061
|
+
class CrisprPipesModule {
|
|
1663
2062
|
}
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
]] });
|
|
1669
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: CrisprFieldModule, decorators: [{
|
|
2063
|
+
CrisprPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2064
|
+
CrisprPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: CrisprPipesModule, declarations: [InitialControlValuePipe], imports: [CommonModule], exports: [InitialControlValuePipe] });
|
|
2065
|
+
CrisprPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprPipesModule, imports: [CommonModule] });
|
|
2066
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprPipesModule, decorators: [{
|
|
1670
2067
|
type: NgModule,
|
|
1671
2068
|
args: [{
|
|
1672
2069
|
imports: [
|
|
1673
|
-
CommonModule
|
|
2070
|
+
CommonModule
|
|
1674
2071
|
],
|
|
1675
2072
|
exports: [
|
|
1676
|
-
|
|
2073
|
+
InitialControlValuePipe
|
|
1677
2074
|
],
|
|
1678
2075
|
declarations: [
|
|
1679
|
-
|
|
2076
|
+
InitialControlValuePipe
|
|
1680
2077
|
]
|
|
1681
2078
|
}]
|
|
1682
2079
|
}] });
|
|
1683
2080
|
|
|
1684
|
-
class InitialControlValuePipe {
|
|
1685
|
-
// TODO: does changing any to unknown break anything?
|
|
1686
|
-
transform(initialFormValue, fieldConfig) {
|
|
1687
|
-
return (initialFormValue && isControlConfig(fieldConfig))
|
|
1688
|
-
? initialFormValue[fieldConfig.controlName] || null
|
|
1689
|
-
: null;
|
|
1690
|
-
}
|
|
1691
|
-
}
|
|
1692
|
-
InitialControlValuePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: InitialControlValuePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
1693
|
-
InitialControlValuePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: InitialControlValuePipe, name: "initialControlValue" });
|
|
1694
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: InitialControlValuePipe, decorators: [{
|
|
1695
|
-
type: Pipe,
|
|
1696
|
-
args: [{
|
|
1697
|
-
name: 'initialControlValue'
|
|
1698
|
-
}]
|
|
1699
|
-
}] });
|
|
1700
|
-
|
|
1701
2081
|
class CrisprFormComponent {
|
|
1702
2082
|
constructor() {
|
|
1703
2083
|
this.form = new FormGroup({});
|
|
@@ -1719,9 +2099,9 @@ class CrisprFormComponent {
|
|
|
1719
2099
|
this.submitTrigger.nativeElement.click();
|
|
1720
2100
|
}
|
|
1721
2101
|
}
|
|
1722
|
-
CrisprFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1723
|
-
CrisprFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1724
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2102
|
+
CrisprFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2103
|
+
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 });
|
|
2104
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormComponent, decorators: [{
|
|
1725
2105
|
type: Component,
|
|
1726
2106
|
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"] }]
|
|
1727
2107
|
}], propDecorators: { config: [{
|
|
@@ -1739,7 +2119,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
1739
2119
|
}], submitTrigger: [{
|
|
1740
2120
|
type: ViewChild,
|
|
1741
2121
|
args: ['submitTrigger']
|
|
1742
|
-
}] } });
|
|
2122
|
+
}] } });
|
|
2123
|
+
class CrisprFormModule {
|
|
2124
|
+
}
|
|
2125
|
+
CrisprFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2126
|
+
CrisprFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormModule, declarations: [CrisprFormComponent], imports: [CommonModule,
|
|
2127
|
+
CrisprFieldModule,
|
|
2128
|
+
ReactiveFormsModule,
|
|
2129
|
+
FormValidationHandlerModule,
|
|
2130
|
+
CrisprPipesModule], exports: [CrisprFormComponent] });
|
|
2131
|
+
CrisprFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormModule, imports: [CommonModule,
|
|
2132
|
+
CrisprFieldModule,
|
|
2133
|
+
ReactiveFormsModule,
|
|
2134
|
+
FormValidationHandlerModule,
|
|
2135
|
+
CrisprPipesModule] });
|
|
2136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormModule, decorators: [{
|
|
2137
|
+
type: NgModule,
|
|
2138
|
+
args: [{
|
|
2139
|
+
imports: [
|
|
2140
|
+
CommonModule,
|
|
2141
|
+
CrisprFieldModule,
|
|
2142
|
+
ReactiveFormsModule,
|
|
2143
|
+
FormValidationHandlerModule,
|
|
2144
|
+
CrisprPipesModule
|
|
2145
|
+
],
|
|
2146
|
+
exports: [
|
|
2147
|
+
CrisprFormComponent
|
|
2148
|
+
],
|
|
2149
|
+
declarations: [
|
|
2150
|
+
CrisprFormComponent
|
|
2151
|
+
]
|
|
2152
|
+
}]
|
|
2153
|
+
}] });
|
|
1743
2154
|
|
|
1744
2155
|
const defaultConfig = {
|
|
1745
2156
|
addButtonLabel: 'ADD ITEM',
|
|
@@ -1799,39 +2210,17 @@ class FormGroupListComponent extends FormGroupListMixin {
|
|
|
1799
2210
|
this.control.removeAt(index);
|
|
1800
2211
|
}
|
|
1801
2212
|
}
|
|
1802
|
-
FormGroupListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1803
|
-
FormGroupListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1804
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2213
|
+
FormGroupListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FormGroupListComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
2214
|
+
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 });
|
|
2215
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FormGroupListComponent, decorators: [{
|
|
1805
2216
|
type: Component,
|
|
1806
2217
|
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"] }]
|
|
1807
2218
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
|
|
1808
2219
|
|
|
1809
|
-
class CrisprPipesModule {
|
|
1810
|
-
}
|
|
1811
|
-
CrisprPipesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: CrisprPipesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1812
|
-
CrisprPipesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: CrisprPipesModule, declarations: [InitialControlValuePipe], imports: [CommonModule], exports: [InitialControlValuePipe] });
|
|
1813
|
-
CrisprPipesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: CrisprPipesModule, imports: [[
|
|
1814
|
-
CommonModule
|
|
1815
|
-
]] });
|
|
1816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: CrisprPipesModule, decorators: [{
|
|
1817
|
-
type: NgModule,
|
|
1818
|
-
args: [{
|
|
1819
|
-
imports: [
|
|
1820
|
-
CommonModule
|
|
1821
|
-
],
|
|
1822
|
-
exports: [
|
|
1823
|
-
InitialControlValuePipe
|
|
1824
|
-
],
|
|
1825
|
-
declarations: [
|
|
1826
|
-
InitialControlValuePipe
|
|
1827
|
-
]
|
|
1828
|
-
}]
|
|
1829
|
-
}] });
|
|
1830
|
-
|
|
1831
2220
|
class FormGroupListModule {
|
|
1832
2221
|
}
|
|
1833
|
-
FormGroupListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1834
|
-
FormGroupListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
2222
|
+
FormGroupListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FormGroupListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2223
|
+
FormGroupListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: FormGroupListModule, declarations: [FormGroupListComponent], imports: [CommonModule,
|
|
1835
2224
|
MatButtonModule,
|
|
1836
2225
|
MatIconModule,
|
|
1837
2226
|
FieldContainerModule,
|
|
@@ -1839,17 +2228,15 @@ FormGroupListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
|
|
|
1839
2228
|
CrisprFieldModule,
|
|
1840
2229
|
CrisprPipesModule,
|
|
1841
2230
|
FormValidationHandlerModule], exports: [FormGroupListComponent] });
|
|
1842
|
-
FormGroupListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
]] });
|
|
1852
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: FormGroupListModule, decorators: [{
|
|
2231
|
+
FormGroupListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FormGroupListModule, imports: [CommonModule,
|
|
2232
|
+
MatButtonModule,
|
|
2233
|
+
MatIconModule,
|
|
2234
|
+
FieldContainerModule,
|
|
2235
|
+
ReactiveFormsModule,
|
|
2236
|
+
CrisprFieldModule,
|
|
2237
|
+
CrisprPipesModule,
|
|
2238
|
+
FormValidationHandlerModule] });
|
|
2239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: FormGroupListModule, decorators: [{
|
|
1853
2240
|
type: NgModule,
|
|
1854
2241
|
args: [{
|
|
1855
2242
|
imports: [
|
|
@@ -1883,31 +2270,29 @@ class SubGroupComponent extends FormGroupMixin {
|
|
|
1883
2270
|
super.ngOnInit();
|
|
1884
2271
|
}
|
|
1885
2272
|
}
|
|
1886
|
-
SubGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1887
|
-
SubGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1888
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2273
|
+
SubGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SubGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2274
|
+
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 });
|
|
2275
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SubGroupComponent, decorators: [{
|
|
1889
2276
|
type: Component,
|
|
1890
|
-
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"
|
|
2277
|
+
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" }]
|
|
1891
2278
|
}] });
|
|
1892
2279
|
|
|
1893
2280
|
class SubGroupModule {
|
|
1894
2281
|
}
|
|
1895
|
-
SubGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1896
|
-
SubGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
2282
|
+
SubGroupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SubGroupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2283
|
+
SubGroupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: SubGroupModule, declarations: [SubGroupComponent], imports: [CommonModule,
|
|
1897
2284
|
CrisprFieldModule,
|
|
1898
2285
|
FieldContainerModule,
|
|
1899
2286
|
CrisprPipesModule,
|
|
1900
2287
|
// TODO: Does this need to be here?
|
|
1901
2288
|
FormValidationHandlerModule], exports: [SubGroupComponent] });
|
|
1902
|
-
SubGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
|
|
1906
|
-
|
|
1907
|
-
|
|
1908
|
-
|
|
1909
|
-
]] });
|
|
1910
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: SubGroupModule, decorators: [{
|
|
2289
|
+
SubGroupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SubGroupModule, imports: [CommonModule,
|
|
2290
|
+
CrisprFieldModule,
|
|
2291
|
+
FieldContainerModule,
|
|
2292
|
+
CrisprPipesModule,
|
|
2293
|
+
// TODO: Does this need to be here?
|
|
2294
|
+
FormValidationHandlerModule] });
|
|
2295
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: SubGroupModule, decorators: [{
|
|
1911
2296
|
type: NgModule,
|
|
1912
2297
|
args: [{
|
|
1913
2298
|
imports: [
|
|
@@ -1935,8 +2320,8 @@ var index = /*#__PURE__*/Object.freeze({
|
|
|
1935
2320
|
|
|
1936
2321
|
class CrisprFormsModule {
|
|
1937
2322
|
}
|
|
1938
|
-
CrisprFormsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1939
|
-
CrisprFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "
|
|
2323
|
+
CrisprFormsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
2324
|
+
CrisprFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormsModule, imports: [CommonModule,
|
|
1940
2325
|
ReactiveFormsModule,
|
|
1941
2326
|
FormValidationHandlerModule,
|
|
1942
2327
|
FormGroupListModule,
|
|
@@ -1944,22 +2329,23 @@ CrisprFormsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", versi
|
|
|
1944
2329
|
CrisprFieldModule,
|
|
1945
2330
|
SubGroupModule,
|
|
1946
2331
|
MaterialModule,
|
|
1947
|
-
CrisprPipesModule
|
|
2332
|
+
CrisprPipesModule,
|
|
2333
|
+
CrisprFormModule], exports: [CrisprFormModule,
|
|
1948
2334
|
FieldContainerModule,
|
|
1949
2335
|
MaterialModule] });
|
|
1950
|
-
CrisprFormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1951
|
-
|
|
1952
|
-
|
|
1953
|
-
|
|
1954
|
-
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1959
|
-
|
|
1960
|
-
|
|
2336
|
+
CrisprFormsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormsModule, imports: [CommonModule,
|
|
2337
|
+
ReactiveFormsModule,
|
|
2338
|
+
FormValidationHandlerModule,
|
|
2339
|
+
FormGroupListModule,
|
|
2340
|
+
FieldContainerModule,
|
|
2341
|
+
CrisprFieldModule,
|
|
2342
|
+
SubGroupModule,
|
|
2343
|
+
MaterialModule,
|
|
2344
|
+
CrisprPipesModule,
|
|
2345
|
+
CrisprFormModule, CrisprFormModule,
|
|
2346
|
+
FieldContainerModule,
|
|
1961
2347
|
MaterialModule] });
|
|
1962
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2348
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.1", ngImport: i0, type: CrisprFormsModule, decorators: [{
|
|
1963
2349
|
type: NgModule,
|
|
1964
2350
|
args: [{
|
|
1965
2351
|
imports: [
|
|
@@ -1972,12 +2358,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
1972
2358
|
SubGroupModule,
|
|
1973
2359
|
MaterialModule,
|
|
1974
2360
|
CrisprPipesModule,
|
|
1975
|
-
|
|
1976
|
-
declarations: [
|
|
1977
|
-
CrisprFormComponent,
|
|
2361
|
+
CrisprFormModule
|
|
1978
2362
|
],
|
|
1979
2363
|
exports: [
|
|
1980
|
-
|
|
2364
|
+
CrisprFormModule,
|
|
1981
2365
|
FieldContainerModule,
|
|
1982
2366
|
MaterialModule
|
|
1983
2367
|
]
|
|
@@ -1988,5 +2372,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
|
|
|
1988
2372
|
* Generated bundle index. Do not edit.
|
|
1989
2373
|
*/
|
|
1990
2374
|
|
|
1991
|
-
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 };
|
|
2375
|
+
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 };
|
|
1992
2376
|
//# sourceMappingURL=tft-crispr-forms.mjs.map
|