onshore-forms 0.0.8 → 0.0.10
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/esm2020/lib/components/form-autocomplete-item/form-autocomplete-item.component.mjs +87 -6
- package/esm2020/lib/components/form-checkbox-item/form-checkbox-item.component.mjs +5 -19
- package/esm2020/lib/components/form-colorpicker-item/form-colorpicker-item.component.mjs +6 -20
- package/esm2020/lib/components/form-datetime-item/form-datetime-item.component.mjs +53 -0
- package/esm2020/lib/components/form-dropdown-item/form-dropdown-item.component.mjs +13 -20
- package/esm2020/lib/components/form-image-item/form-image-item.component.mjs +22 -19
- package/esm2020/lib/components/form-input-item/form-input-item.component.mjs +20 -21
- package/esm2020/lib/components/form-item-container/form-item-container.component.mjs +65 -0
- package/esm2020/lib/components/form-switch-item/form-switch-item.component.mjs +5 -18
- package/esm2020/lib/components/form-validation-output/form-validation-output.component.mjs +5 -5
- package/esm2020/lib/enums/form.enums.mjs +10 -1
- package/esm2020/lib/models/form.models.mjs +1 -1
- package/esm2020/lib/onshore-forms.component.mjs +3 -3
- package/esm2020/lib/onshore-forms.module.mjs +34 -13
- package/esm2020/public-api.mjs +3 -2
- package/fesm2015/onshore-forms.mjs +327 -197
- package/fesm2015/onshore-forms.mjs.map +1 -1
- package/fesm2020/onshore-forms.mjs +300 -179
- package/fesm2020/onshore-forms.mjs.map +1 -1
- package/lib/components/form-autocomplete-item/form-autocomplete-item.component.d.ts +27 -3
- package/lib/components/{form-textarea-item/form-textarea-item.component.d.ts → form-datetime-item/form-datetime-item.component.d.ts} +7 -5
- package/lib/components/form-dropdown-item/form-dropdown-item.component.d.ts +3 -2
- package/lib/components/form-image-item/form-image-item.component.d.ts +8 -3
- package/lib/components/form-input-item/form-input-item.component.d.ts +9 -3
- package/lib/components/form-item-container/form-item-container.component.d.ts +17 -0
- package/lib/enums/form.enums.d.ts +8 -0
- package/lib/models/form.models.d.ts +10 -23
- package/lib/onshore-forms.module.d.ts +28 -23
- package/package.json +9 -11
- package/public-api.d.ts +2 -1
- package/esm2020/lib/components/form-textarea-item/form-textarea-item.component.mjs +0 -61
- package/styles/scss/main.scss +0 -4
- package/styles/scss/theme1.scss +0 -8
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
import { ChangeDetectorRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
3
|
import { OnshoreFormTemplateItem } from '../../models/form.models';
|
|
4
|
-
import { OnshoreFormTemplateType } from '../../enums/form.enums';
|
|
4
|
+
import { OnshoreFormTemplateLayout, OnshoreFormTemplateType } from '../../enums/form.enums';
|
|
5
5
|
import * as i0 from "@angular/core";
|
|
6
6
|
export declare class OnshoreFormInputItemComponent implements OnInit, ControlValueAccessor, OnChanges, OnDestroy {
|
|
7
7
|
ngControl: NgControl;
|
|
8
8
|
private cdr;
|
|
9
9
|
formTemplate: OnshoreFormTemplateItem;
|
|
10
|
-
|
|
10
|
+
step?: number;
|
|
11
|
+
min?: number;
|
|
12
|
+
max?: number;
|
|
13
|
+
minLength?: number;
|
|
14
|
+
maxLength?: number;
|
|
15
|
+
OnshoreFormTemplateType: typeof OnshoreFormTemplateType;
|
|
16
|
+
OnshoreFormTemplateLayout: typeof OnshoreFormTemplateLayout;
|
|
11
17
|
passwordVisible: boolean;
|
|
12
18
|
disabled: boolean;
|
|
13
19
|
writeValue(obj: any): void;
|
|
@@ -19,5 +25,5 @@ export declare class OnshoreFormInputItemComponent implements OnInit, ControlVal
|
|
|
19
25
|
ngOnDestroy(): void;
|
|
20
26
|
constructor(ngControl: NgControl, cdr: ChangeDetectorRef);
|
|
21
27
|
static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormInputItemComponent, [{ optional: true; self: true; }, null]>;
|
|
22
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormInputItemComponent, "onshore-form-input-item", never, { "formTemplate": "formTemplate"; }, {}, never, never, false>;
|
|
28
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormInputItemComponent, "onshore-form-input-item", never, { "formTemplate": "formTemplate"; "step": "step"; "min": "min"; "max": "max"; "minLength": "minLength"; "maxLength": "maxLength"; }, {}, never, never, false>;
|
|
23
29
|
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ChangeDetectorRef, OnChanges, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
+
import { OnshoreFormTemplateItem } from '../../models/form.models';
|
|
3
|
+
import { OnshoreFormTemplateLayout } from '../../enums/form.enums';
|
|
4
|
+
import { NgControl } from '@angular/forms';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
export declare class OnshoreFormItemContainer implements OnInit, OnChanges {
|
|
7
|
+
private cdr;
|
|
8
|
+
formTemplate: OnshoreFormTemplateItem;
|
|
9
|
+
ngControl: NgControl;
|
|
10
|
+
OnshoreFormTemplateLayout: typeof OnshoreFormTemplateLayout;
|
|
11
|
+
enabled(enable: boolean): void;
|
|
12
|
+
ngOnInit(): void;
|
|
13
|
+
ngOnChanges(changes: SimpleChanges): void;
|
|
14
|
+
constructor(cdr: ChangeDetectorRef);
|
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormItemContainer, never>;
|
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormItemContainer, "onshore-form-item-container", never, { "formTemplate": "formTemplate"; "ngControl": "ngControl"; }, {}, never, ["*"], false>;
|
|
17
|
+
}
|
|
@@ -8,13 +8,21 @@ export declare enum OnshoreFormTemplateType {
|
|
|
8
8
|
phone = "phone",
|
|
9
9
|
regexp = "regexp",
|
|
10
10
|
select = "select",
|
|
11
|
+
switch = "switch",
|
|
11
12
|
check = "check",
|
|
12
13
|
radio = "radio",
|
|
13
14
|
image = "image",
|
|
14
15
|
autocomplete = "autocomplete",
|
|
15
16
|
color = "color",
|
|
17
|
+
date = "date",
|
|
18
|
+
time = "time",
|
|
19
|
+
datetime = "datetime",
|
|
16
20
|
subform = "subform"
|
|
17
21
|
}
|
|
22
|
+
export declare enum OnshoreFormTemplateLayout {
|
|
23
|
+
vertical = "vertical",
|
|
24
|
+
horizontal = "horizontal"
|
|
25
|
+
}
|
|
18
26
|
export declare enum OnshoreImageError {
|
|
19
27
|
none = "",
|
|
20
28
|
fileType = "fileType",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { OnshoreFormTemplateType } from '../enums/form.enums';
|
|
1
|
+
import { OnshoreFormTemplateLayout, OnshoreFormTemplateType } from '../enums/form.enums';
|
|
2
2
|
export interface OnshoreCountryCode {
|
|
3
3
|
id: number;
|
|
4
4
|
name: string;
|
|
@@ -11,38 +11,19 @@ export interface OnshoreLanguageLocale {
|
|
|
11
11
|
name: string;
|
|
12
12
|
code: string;
|
|
13
13
|
}
|
|
14
|
-
export interface OnshoreInputNumberOptionSettings {
|
|
15
|
-
step?: number;
|
|
16
|
-
min?: number;
|
|
17
|
-
max?: number;
|
|
18
|
-
}
|
|
19
|
-
export interface OnshoreInputTextOptionSettings {
|
|
20
|
-
minLength?: number;
|
|
21
|
-
maxLength?: number;
|
|
22
|
-
}
|
|
23
|
-
export interface OnshoreImageItemSettings {
|
|
24
|
-
disableImageSelection?: boolean;
|
|
25
|
-
disableWebcamSelection?: boolean;
|
|
26
|
-
disableMediaSelection?: boolean;
|
|
27
|
-
disableDelete?: boolean;
|
|
28
|
-
imagePlaceholder?: string;
|
|
29
|
-
mediaType?: string;
|
|
30
|
-
}
|
|
31
|
-
export interface OnshoreDropdownSettings {
|
|
32
|
-
multiple?: boolean;
|
|
33
|
-
showClear?: boolean;
|
|
34
|
-
}
|
|
35
14
|
export interface OnshoreFormTemplateItem {
|
|
36
15
|
name: string;
|
|
16
|
+
labelStyle?: string;
|
|
37
17
|
type?: OnshoreFormTemplateType;
|
|
38
18
|
required?: boolean;
|
|
39
19
|
label?: string;
|
|
40
20
|
placeholder?: string;
|
|
41
21
|
tooltip?: string;
|
|
42
22
|
enabled?: boolean;
|
|
23
|
+
locked?: boolean;
|
|
24
|
+
layout?: OnshoreFormTemplateLayout;
|
|
43
25
|
options?: OnshoreFormTemplateOptions[] | void[];
|
|
44
26
|
optionDataKey?: string;
|
|
45
|
-
settings?: OnshoreInputNumberOptionSettings | OnshoreInputTextOptionSettings | OnshoreImageItemSettings | OnshoreDropdownSettings;
|
|
46
27
|
default?: any;
|
|
47
28
|
description?: string;
|
|
48
29
|
validationPatternTranslation?: string;
|
|
@@ -59,3 +40,9 @@ export interface OnshoreFormValidationItem {
|
|
|
59
40
|
key: string;
|
|
60
41
|
label: string;
|
|
61
42
|
}
|
|
43
|
+
export interface OnshoreFormAutocompleteItem {
|
|
44
|
+
firstLineLabel: string;
|
|
45
|
+
secondLineLabel?: string;
|
|
46
|
+
thirdLineLabel?: string;
|
|
47
|
+
data: any;
|
|
48
|
+
}
|
|
@@ -2,30 +2,35 @@ import * as i0 from "@angular/core";
|
|
|
2
2
|
import * as i1 from "./onshore-forms.component";
|
|
3
3
|
import * as i2 from "./components/form-input-item/form-input-item.component";
|
|
4
4
|
import * as i3 from "./components/form-switch-item/form-switch-item.component";
|
|
5
|
-
import * as i4 from "./components/form-
|
|
6
|
-
import * as i5 from "./components/form-
|
|
7
|
-
import * as i6 from "./components/form-
|
|
8
|
-
import * as i7 from "./components/form-
|
|
9
|
-
import * as i8 from "./components/form-
|
|
10
|
-
import * as i9 from "./components/form-
|
|
11
|
-
import * as i10 from "./components/form-
|
|
12
|
-
import * as i11 from "
|
|
13
|
-
import * as i12 from "@angular/
|
|
14
|
-
import * as i13 from "
|
|
15
|
-
import * as i14 from "
|
|
16
|
-
import * as i15 from "primeng/
|
|
17
|
-
import * as i16 from "primeng/
|
|
18
|
-
import * as i17 from "primeng/
|
|
19
|
-
import * as i18 from "primeng/
|
|
20
|
-
import * as i19 from "primeng/
|
|
21
|
-
import * as i20 from "primeng/
|
|
22
|
-
import * as i21 from "primeng/
|
|
23
|
-
import * as i22 from "primeng/
|
|
24
|
-
import * as i23 from "primeng/
|
|
25
|
-
import * as i24 from "primeng/
|
|
26
|
-
import * as i25 from "primeng/
|
|
5
|
+
import * as i4 from "./components/form-validation-output/form-validation-output.component";
|
|
6
|
+
import * as i5 from "./components/form-image-item/form-image-item.component";
|
|
7
|
+
import * as i6 from "./components/form-dropdown-item/form-dropdown-item.component";
|
|
8
|
+
import * as i7 from "./components/form-colorpicker-item/form-colorpicker-item.component";
|
|
9
|
+
import * as i8 from "./components/form-checkbox-item/form-checkbox-item.component";
|
|
10
|
+
import * as i9 from "./components/form-autocomplete-item/form-autocomplete-item.component";
|
|
11
|
+
import * as i10 from "./components/form-item-container/form-item-container.component";
|
|
12
|
+
import * as i11 from "./components/form-datetime-item/form-datetime-item.component";
|
|
13
|
+
import * as i12 from "@angular/common";
|
|
14
|
+
import * as i13 from "@angular/platform-browser/animations";
|
|
15
|
+
import * as i14 from "@angular/forms";
|
|
16
|
+
import * as i15 from "primeng/button";
|
|
17
|
+
import * as i16 from "primeng/ripple";
|
|
18
|
+
import * as i17 from "primeng/autocomplete";
|
|
19
|
+
import * as i18 from "primeng/checkbox";
|
|
20
|
+
import * as i19 from "primeng/colorpicker";
|
|
21
|
+
import * as i20 from "primeng/dropdown";
|
|
22
|
+
import * as i21 from "primeng/multiselect";
|
|
23
|
+
import * as i22 from "primeng/tooltip";
|
|
24
|
+
import * as i23 from "primeng/inputnumber";
|
|
25
|
+
import * as i24 from "primeng/inputswitch";
|
|
26
|
+
import * as i25 from "primeng/inputtext";
|
|
27
|
+
import * as i26 from "primeng/inputtextarea";
|
|
28
|
+
import * as i27 from "primeng/dialog";
|
|
29
|
+
import * as i28 from "primeng/selectbutton";
|
|
30
|
+
import * as i29 from "primeng/togglebutton";
|
|
31
|
+
import * as i30 from "primeng/calendar";
|
|
27
32
|
export declare class OnshoreFormsModule {
|
|
28
33
|
static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormsModule, never>;
|
|
29
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<OnshoreFormsModule, [typeof i1.OnshoreFormsComponent, typeof i2.OnshoreFormInputItemComponent, typeof i3.OnshoreFormSwitchItemComponent, typeof i4.
|
|
34
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<OnshoreFormsModule, [typeof i1.OnshoreFormsComponent, typeof i2.OnshoreFormInputItemComponent, typeof i3.OnshoreFormSwitchItemComponent, typeof i4.OnshoreFormValidationOutputComponent, typeof i5.OnshoreFormImageItemComponent, typeof i6.OnshoreFormDropdownItemComponent, typeof i7.OnshoreFormColorpickerItemComponent, typeof i8.OnshoreFormCheckboxItemComponent, typeof i9.OnshoreFormAutocompleteItemComponent, typeof i10.OnshoreFormItemContainer, typeof i11.OnshoreFormDatetimeItemComponent], [typeof i12.CommonModule, typeof i13.BrowserAnimationsModule, typeof i14.FormsModule, typeof i14.ReactiveFormsModule, typeof i15.ButtonModule, typeof i16.RippleModule, typeof i17.AutoCompleteModule, typeof i18.CheckboxModule, typeof i19.ColorPickerModule, typeof i20.DropdownModule, typeof i21.MultiSelectModule, typeof i22.TooltipModule, typeof i23.InputNumberModule, typeof i24.InputSwitchModule, typeof i25.InputTextModule, typeof i26.InputTextareaModule, typeof i27.DialogModule, typeof i28.SelectButtonModule, typeof i29.ToggleButtonModule, typeof i30.CalendarModule], [typeof i1.OnshoreFormsComponent, typeof i2.OnshoreFormInputItemComponent, typeof i3.OnshoreFormSwitchItemComponent, typeof i4.OnshoreFormValidationOutputComponent, typeof i5.OnshoreFormImageItemComponent, typeof i6.OnshoreFormDropdownItemComponent, typeof i7.OnshoreFormColorpickerItemComponent, typeof i8.OnshoreFormCheckboxItemComponent, typeof i9.OnshoreFormAutocompleteItemComponent, typeof i10.OnshoreFormItemContainer, typeof i11.OnshoreFormDatetimeItemComponent]>;
|
|
30
35
|
static ɵinj: i0.ɵɵInjectorDeclaration<OnshoreFormsModule>;
|
|
31
36
|
}
|
package/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"version": "0.0.
|
|
2
|
+
"version": "0.0.10",
|
|
3
3
|
"name": "onshore-forms",
|
|
4
4
|
"description": "OnShore Angular Form Builder",
|
|
5
5
|
"author": {
|
|
@@ -17,17 +17,21 @@
|
|
|
17
17
|
"peerDependencies": {
|
|
18
18
|
"@angular/common": "^14.2.0",
|
|
19
19
|
"@angular/core": "^14.2.0",
|
|
20
|
+
"primeflex": "^3.2.1",
|
|
20
21
|
"primeicons": "^6.0.1",
|
|
21
22
|
"primeng": "^14.1.2",
|
|
22
|
-
"
|
|
23
|
+
"@fortawesome/fontawesome-free": "^6.2.0"
|
|
23
24
|
},
|
|
24
25
|
"dependencies": {
|
|
25
26
|
"tslib": "^2.3.0"
|
|
26
27
|
},
|
|
28
|
+
"module": "fesm2015/onshore-forms.mjs",
|
|
29
|
+
"es2020": "fesm2020/onshore-forms.mjs",
|
|
30
|
+
"esm2020": "esm2020/onshore-forms.mjs",
|
|
31
|
+
"fesm2020": "fesm2020/onshore-forms.mjs",
|
|
32
|
+
"fesm2015": "fesm2015/onshore-forms.mjs",
|
|
33
|
+
"typings": "index.d.ts",
|
|
27
34
|
"exports": {
|
|
28
|
-
"./theme1": {
|
|
29
|
-
"sass": "./styles/theme1/style.scss"
|
|
30
|
-
},
|
|
31
35
|
"./package.json": {
|
|
32
36
|
"default": "./package.json"
|
|
33
37
|
},
|
|
@@ -40,11 +44,5 @@
|
|
|
40
44
|
"default": "./fesm2020/onshore-forms.mjs"
|
|
41
45
|
}
|
|
42
46
|
},
|
|
43
|
-
"module": "fesm2015/onshore-forms.mjs",
|
|
44
|
-
"es2020": "fesm2020/onshore-forms.mjs",
|
|
45
|
-
"esm2020": "esm2020/onshore-forms.mjs",
|
|
46
|
-
"fesm2020": "fesm2020/onshore-forms.mjs",
|
|
47
|
-
"fesm2015": "fesm2015/onshore-forms.mjs",
|
|
48
|
-
"typings": "index.d.ts",
|
|
49
47
|
"sideEffects": false
|
|
50
48
|
}
|
package/public-api.d.ts
CHANGED
|
@@ -10,5 +10,6 @@ export * from './lib/components/form-dropdown-item/form-dropdown-item.component'
|
|
|
10
10
|
export * from './lib/components/form-image-item/form-image-item.component';
|
|
11
11
|
export * from './lib/components/form-input-item/form-input-item.component';
|
|
12
12
|
export * from './lib/components/form-switch-item/form-switch-item.component';
|
|
13
|
-
export * from './lib/components/form-
|
|
13
|
+
export * from './lib/components/form-datetime-item/form-datetime-item.component';
|
|
14
14
|
export * from './lib/components/form-validation-output/form-validation-output.component';
|
|
15
|
+
export * from './lib/components/form-item-container/form-item-container.component';
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { ChangeDetectionStrategy, Component, Input, Optional, Self } from '@angular/core';
|
|
2
|
-
import { OnshoreFormTemplateType } from '../../enums/form.enums';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/forms";
|
|
5
|
-
import * as i2 from "@angular/common";
|
|
6
|
-
import * as i3 from "primeng/tooltip";
|
|
7
|
-
import * as i4 from "primeng/inputtextarea";
|
|
8
|
-
import * as i5 from "../form-validation-output/form-validation-output.component";
|
|
9
|
-
export class OnshoreFormTextareaItemComponent {
|
|
10
|
-
constructor(ngControl, cdr) {
|
|
11
|
-
this.ngControl = ngControl;
|
|
12
|
-
this.cdr = cdr;
|
|
13
|
-
this.FormTemplateItemType = OnshoreFormTemplateType;
|
|
14
|
-
this.disabled = false;
|
|
15
|
-
this.ngControl.valueAccessor = this;
|
|
16
|
-
}
|
|
17
|
-
// ControlValueAccessor interface
|
|
18
|
-
writeValue(obj) { }
|
|
19
|
-
registerOnChange(fn) { }
|
|
20
|
-
registerOnTouched(fn) { }
|
|
21
|
-
setDisabledState(isDisabled) {
|
|
22
|
-
this.disabled = isDisabled;
|
|
23
|
-
}
|
|
24
|
-
ngOnInit() {
|
|
25
|
-
this.ngControl.control?.valueChanges.subscribe(() => {
|
|
26
|
-
this.cdr.markForCheck();
|
|
27
|
-
});
|
|
28
|
-
this.ngControl.control?.statusChanges.subscribe(() => {
|
|
29
|
-
this.cdr.markForCheck();
|
|
30
|
-
});
|
|
31
|
-
if (this.ngControl.control?.value == '' && this.formTemplate.default != undefined) {
|
|
32
|
-
this.ngControl.control?.setValue(this.formTemplate.default);
|
|
33
|
-
this.cdr.markForCheck();
|
|
34
|
-
}
|
|
35
|
-
if (this.formTemplate.enabled) {
|
|
36
|
-
this.ngControl.control?.enable();
|
|
37
|
-
}
|
|
38
|
-
else {
|
|
39
|
-
this.ngControl.control?.disable();
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
ngOnDestroy() {
|
|
43
|
-
this.ngControl.control?.disable();
|
|
44
|
-
}
|
|
45
|
-
ngOnChanges(changes) {
|
|
46
|
-
this.cdr.markForCheck();
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
OnshoreFormTextareaItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormTextareaItemComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
50
|
-
OnshoreFormTextareaItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: OnshoreFormTextareaItemComponent, selector: "onshore-form-textarea-item", inputs: { formTemplate: "formTemplate" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"flex flex-column mb-3\">\n <div class=\"flex justify-content-between align-items-center\">\n <b [class.text-muted]=\"disabled\" class=\"mb-1 white-space-nowrap\">\n {{formTemplate.label}}\n <span *ngIf=\"formTemplate.required\" class=\"tl-color-danger\">*</span>\n </b>\n <i *ngIf=\"formTemplate.tooltip\" class=\"fa fa-info-circle tl-color-black\" [pTooltip]=\"formTemplate.tooltip\" tooltipPosition=\"left\" [escape]=\"false\"></i>\n </div>\n\n <span class=\"p-input-icon-right\">\n <i class=\"fa\"\n [class.tl-color-black]=\"ngControl.control?.untouched\"\n [class.fa-check]=\"ngControl.control?.touched && ngControl.control?.valid\"\n [class.text-primary]=\"ngControl.control?.touched && ngControl.control?.valid\"\n [class.fa-exclamation-triangle]=\"ngControl.control?.touched && ngControl.control?.invalid\"\n [class.tl-color-danger]=\"ngControl.control?.touched && ngControl.control?.invalid\"\n ></i>\n <textarea class=\"w-100\"\n [name]=\"formTemplate.name\"\n [placeholder]=\"formTemplate.label\"\n [rows]=\"3\"\n [cols]=\"30\"\n pInputTextarea\n [autoResize]=\"true\"\n [formControl]=\"ngControl.control\"\n [class.p-invalid]=\"ngControl.control?.touched && ngControl.control?.invalid\"></textarea>\n </span>\n\n <small *ngIf=\"formTemplate.description\"><i class=\"fa fa-info-circle\"></i> {{formTemplate.description}}</small>\n\n <div *ngIf=\"ngControl.control?.touched\">\n <onshore-form-validation-output\n [validationItems]=\"formTemplate.validationItems\"\n [validationErrors]=\"ngControl.control?.errors\"\n [externValidationPattern]=\"formTemplate.validationPatternTranslation\">\n </onshore-form-validation-output>\n </div>\n\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "fitContent", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i4.InputTextarea, selector: "[pInputTextarea]", inputs: ["autoResize"], outputs: ["onResize"] }, { kind: "component", type: i5.OnshoreFormValidationOutputComponent, selector: "onshore-form-validation-output", inputs: ["validationErrors", "externValidationPattern", "validationItems"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: OnshoreFormTextareaItemComponent, decorators: [{
|
|
52
|
-
type: Component,
|
|
53
|
-
args: [{ selector: 'onshore-form-textarea-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"flex flex-column mb-3\">\n <div class=\"flex justify-content-between align-items-center\">\n <b [class.text-muted]=\"disabled\" class=\"mb-1 white-space-nowrap\">\n {{formTemplate.label}}\n <span *ngIf=\"formTemplate.required\" class=\"tl-color-danger\">*</span>\n </b>\n <i *ngIf=\"formTemplate.tooltip\" class=\"fa fa-info-circle tl-color-black\" [pTooltip]=\"formTemplate.tooltip\" tooltipPosition=\"left\" [escape]=\"false\"></i>\n </div>\n\n <span class=\"p-input-icon-right\">\n <i class=\"fa\"\n [class.tl-color-black]=\"ngControl.control?.untouched\"\n [class.fa-check]=\"ngControl.control?.touched && ngControl.control?.valid\"\n [class.text-primary]=\"ngControl.control?.touched && ngControl.control?.valid\"\n [class.fa-exclamation-triangle]=\"ngControl.control?.touched && ngControl.control?.invalid\"\n [class.tl-color-danger]=\"ngControl.control?.touched && ngControl.control?.invalid\"\n ></i>\n <textarea class=\"w-100\"\n [name]=\"formTemplate.name\"\n [placeholder]=\"formTemplate.label\"\n [rows]=\"3\"\n [cols]=\"30\"\n pInputTextarea\n [autoResize]=\"true\"\n [formControl]=\"ngControl.control\"\n [class.p-invalid]=\"ngControl.control?.touched && ngControl.control?.invalid\"></textarea>\n </span>\n\n <small *ngIf=\"formTemplate.description\"><i class=\"fa fa-info-circle\"></i> {{formTemplate.description}}</small>\n\n <div *ngIf=\"ngControl.control?.touched\">\n <onshore-form-validation-output\n [validationItems]=\"formTemplate.validationItems\"\n [validationErrors]=\"ngControl.control?.errors\"\n [externValidationPattern]=\"formTemplate.validationPatternTranslation\">\n </onshore-form-validation-output>\n </div>\n\n</div>\n" }]
|
|
54
|
-
}], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
|
|
55
|
-
type: Self
|
|
56
|
-
}, {
|
|
57
|
-
type: Optional
|
|
58
|
-
}] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { formTemplate: [{
|
|
59
|
-
type: Input
|
|
60
|
-
}] } });
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS10ZXh0YXJlYS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL29uc2hvcmUtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tdGV4dGFyZWEtaXRlbS9mb3JtLXRleHRhcmVhLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25zaG9yZS1mb3Jtcy9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS10ZXh0YXJlYS1pdGVtL2Zvcm0tdGV4dGFyZWEtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBRXZCLFNBQVMsRUFDVCxLQUFLLEVBQ0csUUFBUSxFQUNoQixJQUFJLEVBQ0wsTUFBTSxlQUFlLENBQUM7QUFHdkIsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0JBQXdCLENBQUM7Ozs7Ozs7QUFPakUsTUFBTSxPQUFPLGdDQUFnQztJQTBDM0MsWUFBdUMsU0FBb0IsRUFDdkMsR0FBc0I7UUFESCxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQ3ZDLFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBeEMxQyx5QkFBb0IsR0FBRyx1QkFBdUIsQ0FBQztRQUUvQyxhQUFRLEdBQVksS0FBSyxDQUFDO1FBdUN4QixJQUFJLENBQUMsU0FBUyxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7SUFDdEMsQ0FBQztJQXRDRCxpQ0FBaUM7SUFDakMsVUFBVSxDQUFDLEdBQVEsSUFBUyxDQUFDO0lBQzdCLGdCQUFnQixDQUFDLEVBQU8sSUFBUyxDQUFDO0lBQ2xDLGlCQUFpQixDQUFDLEVBQU8sSUFBUyxDQUFDO0lBQ25DLGdCQUFnQixDQUFFLFVBQW1CO1FBQ25DLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFDO0lBQzdCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsWUFBWSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDbEQsSUFBSSxDQUFDLEdBQUcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUMxQixDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ25ELElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7UUFDMUIsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLEtBQUssSUFBSSxFQUFFLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxPQUFPLElBQUksU0FBUyxFQUFFO1lBQ2hGLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQzVELElBQUksQ0FBQyxHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7U0FDekI7UUFDRCxJQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxFQUFFO1lBQzVCLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxDQUFDO1NBQ2xDO2FBQU07WUFDTCxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sRUFBRSxPQUFPLEVBQUUsQ0FBQztTQUNuQztJQUNILENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDcEMsQ0FBQztJQUVELFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7OzZIQXhDVSxnQ0FBZ0M7aUhBQWhDLGdDQUFnQyxpSUNqQjdDLDAwREF1Q0E7MkZEdEJhLGdDQUFnQztrQkFMNUMsU0FBUzsrQkFDRSw0QkFBNEIsbUJBRXJCLHVCQUF1QixDQUFDLE1BQU07OzBCQTRDbEMsSUFBSTs7MEJBQUksUUFBUTs0RUF6Q3BCLFlBQVk7c0JBQXBCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgSW5wdXQsIE9uQ2hhbmdlcywgT25EZXN0cm95LFxuICBPbkluaXQsIE9wdGlvbmFsLFxuICBTZWxmLCBTaW1wbGVDaGFuZ2VzXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE9uc2hvcmVGb3JtVGVtcGxhdGVJdGVtIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2Zvcm0ubW9kZWxzJztcbmltcG9ydCB7IE9uc2hvcmVGb3JtVGVtcGxhdGVUeXBlIH0gZnJvbSAnLi4vLi4vZW51bXMvZm9ybS5lbnVtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ29uc2hvcmUtZm9ybS10ZXh0YXJlYS1pdGVtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tdGV4dGFyZWEtaXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBPbnNob3JlRm9ybVRleHRhcmVhSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE9uQ2hhbmdlcywgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICBASW5wdXQoKSBmb3JtVGVtcGxhdGUhOiBPbnNob3JlRm9ybVRlbXBsYXRlSXRlbTtcblxuICBGb3JtVGVtcGxhdGVJdGVtVHlwZSA9IE9uc2hvcmVGb3JtVGVtcGxhdGVUeXBlO1xuXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLy8gQ29udHJvbFZhbHVlQWNjZXNzb3IgaW50ZXJmYWNlXG4gIHdyaXRlVmFsdWUob2JqOiBhbnkpOiB2b2lkIHt9XG4gIHJlZ2lzdGVyT25DaGFuZ2UoZm46IGFueSk6IHZvaWQge31cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSk6IHZvaWQge31cbiAgc2V0RGlzYWJsZWRTdGF0ZT8oaXNEaXNhYmxlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIHRoaXMuZGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8udmFsdWVDaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcbiAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5zdGF0dXNDaGFuZ2VzLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgICB9KTtcblxuICAgIGlmKHRoaXMubmdDb250cm9sLmNvbnRyb2w/LnZhbHVlID09ICcnICYmIHRoaXMuZm9ybVRlbXBsYXRlLmRlZmF1bHQgIT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5zZXRWYWx1ZSh0aGlzLmZvcm1UZW1wbGF0ZS5kZWZhdWx0KTtcbiAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgICBpZih0aGlzLmZvcm1UZW1wbGF0ZS5lbmFibGVkKSB7XG4gICAgICB0aGlzLm5nQ29udHJvbC5jb250cm9sPy5lbmFibGUoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wuY29udHJvbD8uZGlzYWJsZSgpO1xuICAgIH1cbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMubmdDb250cm9sLmNvbnRyb2w/LmRpc2FibGUoKTtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKEBTZWxmKCkgQE9wdGlvbmFsKCkgcHVibGljIG5nQ29udHJvbDogTmdDb250cm9sLFxuICAgICAgICAgICAgICBwcml2YXRlIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHtcbiAgICB0aGlzLm5nQ29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcztcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImZsZXggZmxleC1jb2x1bW4gbWItM1wiPlxuICA8ZGl2IGNsYXNzPVwiZmxleCBqdXN0aWZ5LWNvbnRlbnQtYmV0d2VlbiBhbGlnbi1pdGVtcy1jZW50ZXJcIj5cbiAgICA8YiBbY2xhc3MudGV4dC1tdXRlZF09XCJkaXNhYmxlZFwiIGNsYXNzPVwibWItMSB3aGl0ZS1zcGFjZS1ub3dyYXBcIj5cbiAgICAgIHt7Zm9ybVRlbXBsYXRlLmxhYmVsfX1cbiAgICAgIDxzcGFuICpuZ0lmPVwiZm9ybVRlbXBsYXRlLnJlcXVpcmVkXCIgY2xhc3M9XCJ0bC1jb2xvci1kYW5nZXJcIj4qPC9zcGFuPlxuICAgIDwvYj5cbiAgICA8aSAqbmdJZj1cImZvcm1UZW1wbGF0ZS50b29sdGlwXCIgY2xhc3M9XCJmYSBmYS1pbmZvLWNpcmNsZSB0bC1jb2xvci1ibGFja1wiIFtwVG9vbHRpcF09XCJmb3JtVGVtcGxhdGUudG9vbHRpcFwiIHRvb2x0aXBQb3NpdGlvbj1cImxlZnRcIiBbZXNjYXBlXT1cImZhbHNlXCI+PC9pPlxuICA8L2Rpdj5cblxuICA8c3BhbiBjbGFzcz1cInAtaW5wdXQtaWNvbi1yaWdodFwiPlxuICAgIDxpIGNsYXNzPVwiZmFcIlxuICAgICAgIFtjbGFzcy50bC1jb2xvci1ibGFja109XCJuZ0NvbnRyb2wuY29udHJvbD8udW50b3VjaGVkXCJcbiAgICAgICBbY2xhc3MuZmEtY2hlY2tdPVwibmdDb250cm9sLmNvbnRyb2w/LnRvdWNoZWQgJiYgbmdDb250cm9sLmNvbnRyb2w/LnZhbGlkXCJcbiAgICAgICBbY2xhc3MudGV4dC1wcmltYXJ5XT1cIm5nQ29udHJvbC5jb250cm9sPy50b3VjaGVkICYmIG5nQ29udHJvbC5jb250cm9sPy52YWxpZFwiXG4gICAgICAgW2NsYXNzLmZhLWV4Y2xhbWF0aW9uLXRyaWFuZ2xlXT1cIm5nQ29udHJvbC5jb250cm9sPy50b3VjaGVkICYmIG5nQ29udHJvbC5jb250cm9sPy5pbnZhbGlkXCJcbiAgICAgICBbY2xhc3MudGwtY29sb3ItZGFuZ2VyXT1cIm5nQ29udHJvbC5jb250cm9sPy50b3VjaGVkICYmIG5nQ29udHJvbC5jb250cm9sPy5pbnZhbGlkXCJcbiAgICA+PC9pPlxuICAgIDx0ZXh0YXJlYSAgY2xhc3M9XCJ3LTEwMFwiXG4gICAgICAgICAgICAgIFtuYW1lXT1cImZvcm1UZW1wbGF0ZS5uYW1lXCJcbiAgICAgICAgICAgICAgW3BsYWNlaG9sZGVyXT1cImZvcm1UZW1wbGF0ZS5sYWJlbFwiXG4gICAgICAgICAgICAgIFtyb3dzXT1cIjNcIlxuICAgICAgICAgICAgICAgW2NvbHNdPVwiMzBcIlxuICAgICAgICAgICAgICAgcElucHV0VGV4dGFyZWFcbiAgICAgICAgICAgICAgIFthdXRvUmVzaXplXT1cInRydWVcIlxuICAgICAgICAgICAgICAgW2Zvcm1Db250cm9sXT1cIm5nQ29udHJvbC5jb250cm9sXCJcbiAgICAgICAgICAgICAgIFtjbGFzcy5wLWludmFsaWRdPVwibmdDb250cm9sLmNvbnRyb2w/LnRvdWNoZWQgJiYgbmdDb250cm9sLmNvbnRyb2w/LmludmFsaWRcIj48L3RleHRhcmVhPlxuICA8L3NwYW4+XG5cbiAgPHNtYWxsICpuZ0lmPVwiZm9ybVRlbXBsYXRlLmRlc2NyaXB0aW9uXCI+PGkgY2xhc3M9XCJmYSBmYS1pbmZvLWNpcmNsZVwiPjwvaT4ge3tmb3JtVGVtcGxhdGUuZGVzY3JpcHRpb259fTwvc21hbGw+XG5cbiAgPGRpdiAqbmdJZj1cIm5nQ29udHJvbC5jb250cm9sPy50b3VjaGVkXCI+XG4gICAgPG9uc2hvcmUtZm9ybS12YWxpZGF0aW9uLW91dHB1dFxuICAgICAgW3ZhbGlkYXRpb25JdGVtc109XCJmb3JtVGVtcGxhdGUudmFsaWRhdGlvbkl0ZW1zXCJcbiAgICAgIFt2YWxpZGF0aW9uRXJyb3JzXT1cIm5nQ29udHJvbC5jb250cm9sPy5lcnJvcnNcIlxuICAgICAgW2V4dGVyblZhbGlkYXRpb25QYXR0ZXJuXT1cImZvcm1UZW1wbGF0ZS52YWxpZGF0aW9uUGF0dGVyblRyYW5zbGF0aW9uXCI+XG4gICAgPC9vbnNob3JlLWZvcm0tdmFsaWRhdGlvbi1vdXRwdXQ+XG4gIDwvZGl2PlxuXG48L2Rpdj5cbiJdfQ==
|
package/styles/scss/main.scss
DELETED