onshore-forms 0.0.9 → 0.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/esm2020/lib/components/form-autocomplete-item/form-autocomplete-item.component.mjs +87 -6
  2. package/esm2020/lib/components/form-checkbox-item/form-checkbox-item.component.mjs +5 -19
  3. package/esm2020/lib/components/form-colorpicker-item/form-colorpicker-item.component.mjs +6 -20
  4. package/esm2020/lib/components/form-datetime-item/form-datetime-item.component.mjs +53 -0
  5. package/esm2020/lib/components/form-dropdown-item/form-dropdown-item.component.mjs +13 -20
  6. package/esm2020/lib/components/form-image-item/form-image-item.component.mjs +22 -19
  7. package/esm2020/lib/components/form-input-item/form-input-item.component.mjs +20 -21
  8. package/esm2020/lib/components/form-item-container/form-item-container.component.mjs +65 -0
  9. package/esm2020/lib/components/form-switch-item/form-switch-item.component.mjs +5 -18
  10. package/esm2020/lib/components/form-validation-output/form-validation-output.component.mjs +5 -5
  11. package/esm2020/lib/enums/form.enums.mjs +10 -1
  12. package/esm2020/lib/models/form.models.mjs +1 -1
  13. package/esm2020/lib/onshore-forms.component.mjs +3 -3
  14. package/esm2020/lib/onshore-forms.module.mjs +30 -13
  15. package/esm2020/public-api.mjs +3 -2
  16. package/fesm2015/onshore-forms.mjs +323 -197
  17. package/fesm2015/onshore-forms.mjs.map +1 -1
  18. package/fesm2020/onshore-forms.mjs +296 -179
  19. package/fesm2020/onshore-forms.mjs.map +1 -1
  20. package/lib/components/form-autocomplete-item/form-autocomplete-item.component.d.ts +27 -3
  21. package/lib/components/{form-textarea-item/form-textarea-item.component.d.ts → form-datetime-item/form-datetime-item.component.d.ts} +7 -5
  22. package/lib/components/form-dropdown-item/form-dropdown-item.component.d.ts +3 -2
  23. package/lib/components/form-image-item/form-image-item.component.d.ts +8 -3
  24. package/lib/components/form-input-item/form-input-item.component.d.ts +9 -3
  25. package/lib/components/form-item-container/form-item-container.component.d.ts +17 -0
  26. package/lib/enums/form.enums.d.ts +8 -0
  27. package/lib/models/form.models.d.ts +10 -23
  28. package/lib/onshore-forms.module.d.ts +27 -23
  29. package/package.json +9 -11
  30. package/public-api.d.ts +2 -1
  31. package/esm2020/lib/components/form-textarea-item/form-textarea-item.component.mjs +0 -61
  32. package/styles/scss/main.scss +0 -4
  33. 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
- FormTemplateItemType: typeof OnshoreFormTemplateType;
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,34 @@ 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-textarea-item/form-textarea-item.component";
6
- import * as i5 from "./components/form-validation-output/form-validation-output.component";
7
- import * as i6 from "./components/form-image-item/form-image-item.component";
8
- import * as i7 from "./components/form-dropdown-item/form-dropdown-item.component";
9
- import * as i8 from "./components/form-colorpicker-item/form-colorpicker-item.component";
10
- import * as i9 from "./components/form-checkbox-item/form-checkbox-item.component";
11
- import * as i10 from "./components/form-autocomplete-item/form-autocomplete-item.component";
12
- import * as i11 from "@angular/common";
13
- import * as i12 from "@angular/forms";
14
- import * as i13 from "primeng/button";
15
- import * as i14 from "primeng/ripple";
16
- import * as i15 from "primeng/autocomplete";
17
- import * as i16 from "primeng/checkbox";
18
- import * as i17 from "primeng/colorpicker";
19
- import * as i18 from "primeng/dropdown";
20
- import * as i19 from "primeng/multiselect";
21
- import * as i20 from "primeng/tooltip";
22
- import * as i21 from "primeng/inputnumber";
23
- import * as i22 from "primeng/inputswitch";
24
- import * as i23 from "primeng/inputtext";
25
- import * as i24 from "primeng/inputtextarea";
26
- import * as i25 from "primeng/dialog";
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/forms";
15
+ import * as i14 from "primeng/button";
16
+ import * as i15 from "primeng/ripple";
17
+ import * as i16 from "primeng/autocomplete";
18
+ import * as i17 from "primeng/checkbox";
19
+ import * as i18 from "primeng/colorpicker";
20
+ import * as i19 from "primeng/dropdown";
21
+ import * as i20 from "primeng/multiselect";
22
+ import * as i21 from "primeng/tooltip";
23
+ import * as i22 from "primeng/inputnumber";
24
+ import * as i23 from "primeng/inputswitch";
25
+ import * as i24 from "primeng/inputtext";
26
+ import * as i25 from "primeng/inputtextarea";
27
+ import * as i26 from "primeng/dialog";
28
+ import * as i27 from "primeng/selectbutton";
29
+ import * as i28 from "primeng/togglebutton";
30
+ import * as i29 from "primeng/calendar";
27
31
  export declare class OnshoreFormsModule {
28
32
  static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormsModule, never>;
29
- static ɵmod: i0.ɵɵNgModuleDeclaration<OnshoreFormsModule, [typeof i1.OnshoreFormsComponent, typeof i2.OnshoreFormInputItemComponent, typeof i3.OnshoreFormSwitchItemComponent, typeof i4.OnshoreFormTextareaItemComponent, typeof i5.OnshoreFormValidationOutputComponent, typeof i6.OnshoreFormImageItemComponent, typeof i7.OnshoreFormDropdownItemComponent, typeof i8.OnshoreFormColorpickerItemComponent, typeof i9.OnshoreFormCheckboxItemComponent, typeof i10.OnshoreFormAutocompleteItemComponent], [typeof i11.CommonModule, typeof i12.FormsModule, typeof i12.ReactiveFormsModule, typeof i13.ButtonModule, typeof i14.RippleModule, typeof i15.AutoCompleteModule, typeof i16.CheckboxModule, typeof i17.ColorPickerModule, typeof i18.DropdownModule, typeof i19.MultiSelectModule, typeof i20.TooltipModule, typeof i21.InputNumberModule, typeof i22.InputSwitchModule, typeof i23.InputTextModule, typeof i24.InputTextareaModule, typeof i25.DialogModule], [typeof i1.OnshoreFormsComponent, typeof i2.OnshoreFormInputItemComponent, typeof i3.OnshoreFormSwitchItemComponent, typeof i4.OnshoreFormTextareaItemComponent, typeof i5.OnshoreFormValidationOutputComponent, typeof i6.OnshoreFormImageItemComponent, typeof i7.OnshoreFormDropdownItemComponent, typeof i8.OnshoreFormColorpickerItemComponent, typeof i9.OnshoreFormCheckboxItemComponent, typeof i10.OnshoreFormAutocompleteItemComponent]>;
33
+ 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.FormsModule, typeof i13.ReactiveFormsModule, typeof i14.ButtonModule, typeof i15.RippleModule, typeof i16.AutoCompleteModule, typeof i17.CheckboxModule, typeof i18.ColorPickerModule, typeof i19.DropdownModule, typeof i20.MultiSelectModule, typeof i21.TooltipModule, typeof i22.InputNumberModule, typeof i23.InputSwitchModule, typeof i24.InputTextModule, typeof i25.InputTextareaModule, typeof i26.DialogModule, typeof i27.SelectButtonModule, typeof i28.ToggleButtonModule, typeof i29.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
34
  static ɵinj: i0.ɵɵInjectorDeclaration<OnshoreFormsModule>;
31
35
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.0.9",
2
+ "version": "0.0.11",
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
- "primeflex": "^3.2.1"
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-textarea-item/form-textarea-item.component';
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==
@@ -1,4 +0,0 @@
1
- @import "~primeng/resources/themes/saga-blue/theme.css";
2
- @import "~primeng/resources/primeng.min.css";
3
- @import "~primeflex/primeflex.min.css";
4
- @import "~primeicons/primeicons.css";
@@ -1,8 +0,0 @@
1
- @import "main";
2
-
3
- :root {
4
- --color-light: #ffffff;
5
- --color-dark: #000000;
6
- --color-primary: #24C875;
7
- --color-secondary: #20A6FC;
8
- }