onshore-forms 0.0.18 → 0.0.20

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 (16) hide show
  1. package/esm2020/lib/components/form-item-container/form-item-container.component.mjs +6 -5
  2. package/esm2020/lib/components/form-sort-item/form-sort-item.component.mjs +68 -0
  3. package/esm2020/lib/enums/form.enums.mjs +2 -1
  4. package/esm2020/lib/onshore-forms.module.mjs +11 -3
  5. package/esm2020/public-api.mjs +2 -1
  6. package/fesm2015/onshore-forms.mjs +123 -47
  7. package/fesm2015/onshore-forms.mjs.map +1 -1
  8. package/fesm2020/onshore-forms.mjs +116 -46
  9. package/fesm2020/onshore-forms.mjs.map +1 -1
  10. package/lib/components/form-sort-item/form-sort-item.component.d.ts +25 -0
  11. package/lib/enums/form.enums.d.ts +1 -0
  12. package/lib/onshore-forms.module.d.ts +25 -23
  13. package/package.json +2 -1
  14. package/public-api.d.ts +1 -0
  15. package/styles/scss/main.css +1 -1
  16. package/styles/scss/theme1.css +1 -1
package/lib/components/form-sort-item/form-sort-item.component.d.ts ADDED
@@ -0,0 +1,25 @@
1
+ import { ChangeDetectorRef, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
2
+ import { ControlValueAccessor, NgControl } from '@angular/forms';
3
+ import { OnshoreFormTemplateItem } from '../../models/form.models';
4
+ import { OnshoreFormTemplateLayout, OnshoreFormTemplateType } from '../../enums/form.enums';
5
+ import * as i0 from "@angular/core";
6
+ export declare class OnshoreFormSortItemComponent implements OnInit, ControlValueAccessor, OnChanges, OnDestroy {
7
+ ngControl: NgControl;
8
+ private cdr;
9
+ formTemplate: OnshoreFormTemplateItem;
10
+ sortItems?: any[];
11
+ OnshoreFormTemplateType: typeof OnshoreFormTemplateType;
12
+ OnshoreFormTemplateLayout: typeof OnshoreFormTemplateLayout;
13
+ disabled: boolean;
14
+ sortItemsChanged(event: any[]): void;
15
+ writeValue(obj: any): void;
16
+ registerOnChange(fn: any): void;
17
+ registerOnTouched(fn: any): void;
18
+ setDisabledState?(isDisabled: boolean): void;
19
+ ngOnInit(): void;
20
+ ngOnChanges(changes: SimpleChanges): void;
21
+ ngOnDestroy(): void;
22
+ constructor(ngControl: NgControl, cdr: ChangeDetectorRef);
23
+ static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormSortItemComponent, [{ optional: true; self: true; }, null]>;
24
+ static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormSortItemComponent, "onshore-form-sort-item", never, { "formTemplate": "formTemplate"; }, {}, never, never, false>;
25
+ }
package/lib/enums/form.enums.d.ts CHANGED
@@ -17,6 +17,7 @@ export declare enum OnshoreFormTemplateType {
17
17
  date = "date",
18
18
  time = "time",
19
19
  datetime = "datetime",
20
+ sort = "sort",
20
21
  subform = "subform"
21
22
  }
22
23
  export declare enum OnshoreFormTemplateLayout {
package/lib/onshore-forms.module.d.ts CHANGED
@@ -12,30 +12,32 @@ import * as i10 from "./components/form-autocomplete-item/form-autocomplete-item
12
12
  import * as i11 from "./components/form-item-container/form-item-container.component";
13
13
  import * as i12 from "./components/form-datetime-item/form-datetime-item.component";
14
14
  import * as i13 from "./components/image-chooser/image-chooser.component";
15
- import * as i14 from "./components/webcam/webcam.component";
16
- import * as i15 from "@angular/common";
17
- import * as i16 from "@angular/forms";
18
- import * as i17 from "primeng/button";
19
- import * as i18 from "primeng/ripple";
20
- import * as i19 from "primeng/autocomplete";
21
- import * as i20 from "primeng/checkbox";
22
- import * as i21 from "primeng/colorpicker";
23
- import * as i22 from "primeng/dropdown";
24
- import * as i23 from "primeng/multiselect";
25
- import * as i24 from "primeng/tooltip";
26
- import * as i25 from "primeng/inputnumber";
27
- import * as i26 from "primeng/inputswitch";
28
- import * as i27 from "primeng/inputtext";
29
- import * as i28 from "primeng/inputtextarea";
30
- import * as i29 from "primeng/dialog";
31
- import * as i30 from "primeng/selectbutton";
32
- import * as i31 from "primeng/togglebutton";
33
- import * as i32 from "primeng/calendar";
34
- import * as i33 from "@ngx-translate/core";
35
- import * as i34 from "ngx-image-cropper";
36
- import * as i35 from "ngx-webcam";
15
+ import * as i14 from "./components/form-sort-item/form-sort-item.component";
16
+ import * as i15 from "./components/webcam/webcam.component";
17
+ import * as i16 from "@angular/common";
18
+ import * as i17 from "@angular/forms";
19
+ import * as i18 from "primeng/button";
20
+ import * as i19 from "primeng/ripple";
21
+ import * as i20 from "primeng/autocomplete";
22
+ import * as i21 from "primeng/checkbox";
23
+ import * as i22 from "primeng/colorpicker";
24
+ import * as i23 from "primeng/dropdown";
25
+ import * as i24 from "primeng/multiselect";
26
+ import * as i25 from "primeng/tooltip";
27
+ import * as i26 from "primeng/inputnumber";
28
+ import * as i27 from "primeng/inputswitch";
29
+ import * as i28 from "primeng/inputtext";
30
+ import * as i29 from "primeng/inputtextarea";
31
+ import * as i30 from "primeng/dialog";
32
+ import * as i31 from "primeng/selectbutton";
33
+ import * as i32 from "primeng/togglebutton";
34
+ import * as i33 from "primeng/calendar";
35
+ import * as i34 from "@ngx-translate/core";
36
+ import * as i35 from "ngx-image-cropper";
37
+ import * as i36 from "ng2-dragula";
38
+ import * as i37 from "ngx-webcam";
37
39
  export declare class OnshoreFormsModule {
38
40
  static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormsModule, never>;
39
- static ɵmod: i0.ɵɵNgModuleDeclaration<OnshoreFormsModule, [typeof i1.OnshoreFormsComponent, typeof i2.OnshoreImagePlaceholderComponent, typeof i3.OnshoreFormInputItemComponent, typeof i4.OnshoreFormSwitchItemComponent, typeof i5.OnshoreFormValidationOutputComponent, typeof i6.OnshoreFormImageItemComponent, typeof i7.OnshoreFormDropdownItemComponent, typeof i8.OnshoreFormColorpickerItemComponent, typeof i9.OnshoreFormCheckboxItemComponent, typeof i10.OnshoreFormAutocompleteItemComponent, typeof i11.OnshoreFormItemContainer, typeof i12.OnshoreFormDatetimeItemComponent, typeof i13.OnshoreImageChooserComponent, typeof i14.WebcamComponent], [typeof i15.CommonModule, typeof i16.FormsModule, typeof i16.ReactiveFormsModule, typeof i17.ButtonModule, typeof i18.RippleModule, typeof i19.AutoCompleteModule, typeof i20.CheckboxModule, typeof i21.ColorPickerModule, typeof i22.DropdownModule, typeof i23.MultiSelectModule, typeof i24.TooltipModule, typeof i25.InputNumberModule, typeof i26.InputSwitchModule, typeof i27.InputTextModule, typeof i28.InputTextareaModule, typeof i29.DialogModule, typeof i30.SelectButtonModule, typeof i31.ToggleButtonModule, typeof i32.CalendarModule, typeof i33.TranslateModule, typeof i34.ImageCropperModule, typeof i35.WebcamModule], [typeof i1.OnshoreFormsComponent, typeof i2.OnshoreImagePlaceholderComponent, typeof i3.OnshoreFormInputItemComponent, typeof i4.OnshoreFormSwitchItemComponent, typeof i5.OnshoreFormValidationOutputComponent, typeof i6.OnshoreFormImageItemComponent, typeof i7.OnshoreFormDropdownItemComponent, typeof i8.OnshoreFormColorpickerItemComponent, typeof i9.OnshoreFormCheckboxItemComponent, typeof i10.OnshoreFormAutocompleteItemComponent, typeof i11.OnshoreFormItemContainer, typeof i12.OnshoreFormDatetimeItemComponent, typeof i13.OnshoreImageChooserComponent, typeof i14.WebcamComponent]>;
41
+ static ɵmod: i0.ɵɵNgModuleDeclaration<OnshoreFormsModule, [typeof i1.OnshoreFormsComponent, typeof i2.OnshoreImagePlaceholderComponent, typeof i3.OnshoreFormInputItemComponent, typeof i4.OnshoreFormSwitchItemComponent, typeof i5.OnshoreFormValidationOutputComponent, typeof i6.OnshoreFormImageItemComponent, typeof i7.OnshoreFormDropdownItemComponent, typeof i8.OnshoreFormColorpickerItemComponent, typeof i9.OnshoreFormCheckboxItemComponent, typeof i10.OnshoreFormAutocompleteItemComponent, typeof i11.OnshoreFormItemContainer, typeof i12.OnshoreFormDatetimeItemComponent, typeof i13.OnshoreImageChooserComponent, typeof i14.OnshoreFormSortItemComponent, typeof i15.WebcamComponent], [typeof i16.CommonModule, typeof i17.FormsModule, typeof i17.ReactiveFormsModule, typeof i18.ButtonModule, typeof i19.RippleModule, typeof i20.AutoCompleteModule, typeof i21.CheckboxModule, typeof i22.ColorPickerModule, typeof i23.DropdownModule, typeof i24.MultiSelectModule, typeof i25.TooltipModule, typeof i26.InputNumberModule, typeof i27.InputSwitchModule, typeof i28.InputTextModule, typeof i29.InputTextareaModule, typeof i30.DialogModule, typeof i31.SelectButtonModule, typeof i32.ToggleButtonModule, typeof i33.CalendarModule, typeof i34.TranslateModule, typeof i35.ImageCropperModule, typeof i36.DragulaModule, typeof i37.WebcamModule], [typeof i1.OnshoreFormsComponent, typeof i2.OnshoreImagePlaceholderComponent, typeof i3.OnshoreFormInputItemComponent, typeof i4.OnshoreFormSwitchItemComponent, typeof i5.OnshoreFormValidationOutputComponent, typeof i6.OnshoreFormImageItemComponent, typeof i7.OnshoreFormDropdownItemComponent, typeof i8.OnshoreFormColorpickerItemComponent, typeof i9.OnshoreFormCheckboxItemComponent, typeof i10.OnshoreFormAutocompleteItemComponent, typeof i11.OnshoreFormItemContainer, typeof i12.OnshoreFormDatetimeItemComponent, typeof i13.OnshoreImageChooserComponent, typeof i14.OnshoreFormSortItemComponent, typeof i15.WebcamComponent]>;
40
42
  static ɵinj: i0.ɵɵInjectorDeclaration<OnshoreFormsModule>;
41
43
  }
package/package.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
- "version": "0.0.18",
2
+ "version": "0.0.20",
3
3
  "name": "onshore-forms",
4
4
  "description": "OnShore Angular Form Builder",
5
5
  "author": {
@@ -19,6 +19,7 @@
19
19
  "@angular/core": "^14.2.0",
20
20
  "@ngx-translate/core": "^14.0.0",
21
21
  "ngx-image-cropper": "^6.2.2",
22
+ "ng2-dragula": "^2.1.1",
22
23
  "ngx-webcam": "^0.4.1",
23
24
  "primeflex": "^3.2.1",
24
25
  "primeicons": "^6.0.1",
package/public-api.d.ts CHANGED
@@ -12,6 +12,7 @@ export * from './lib/components/form-image-item/form-image-item.component';
12
12
  export * from './lib/components/form-input-item/form-input-item.component';
13
13
  export * from './lib/components/form-switch-item/form-switch-item.component';
14
14
  export * from './lib/components/form-datetime-item/form-datetime-item.component';
15
+ export * from './lib/components/form-sort-item/form-sort-item.component';
15
16
  export * from './lib/components/form-validation-output/form-validation-output.component';
16
17
  export * from './lib/components/form-item-container/form-item-container.component';
17
18
  export * from './lib/components/image-placeholder/image-placeholder.component';
package/styles/scss/main.css CHANGED
@@ -1 +1 @@
1
- @import"~primeng/resources/themes/saga-blue/theme.css";@import"~primeng/resources/primeng.min.css";@import"~primeflex/primeflex.min.css";@import"~primeicons/primeicons.css";onshore-form-autocomplete-item .p-autocomplete,onshore-form-autocomplete-item .p-autocomplete-multiple-container{width:100%}onshore-form-autocomplete-item .p-autocomplete-input{width:100%}onshore-form-autocomplete-item .p-autocomplete-multiple-container:focus,onshore-form-autocomplete-item .p-autocomplete-multiple-container:hover,onshore-form-autocomplete-item .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{border-color:var(--color-gray-5) !important}onshore-form-autocomplete-item .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token{background:var(--color-secondary);color:var(--color-white)}onshore-form-checkbox-item .p-checkbox .p-checkbox-box,onshore-form-checkbox-item .p-checkbox .p-checkbox-box.p-highlight{border:1px solid var(--color-gray-4) !important}onshore-form-checkbox-item .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover,onshore-form-checkbox-item .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover,onshore-form-checkbox-item .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{border-color:var(--color-gray-5) !important}onshore-form-colorpicker-item .p-colorpicker-preview{width:36px !important;height:36px !important;outline:none !important;box-shadow:none !important}onshore-form-dropdown-item .p-dropdown{width:100%}onshore-form-dropdown-item .p-dropdown:not(.p-disabled):hover,onshore-form-dropdown-item .p-dropdown:not(.p-disabled).p-focus,onshore-form-dropdown-item .p-multiselect:not(.p-disabled):hover,onshore-form-dropdown-item .p-multiselect:not(.p-disabled).p-focus{border-color:var(--color-gray-5) !important}onshore-form-dropdown-item .p-multiselect{width:100%}onshore-form-switch-item .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--color-secondary)}onshore-form-switch-item .p-inputswitch .p-inputswitch-slider{background:var(--color-gray-3);box-shadow:none !important;outline:none !important;border-radius:30px}onshore-form-switch-item .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider{background:var(--color-secondary)}onshore-form-datetime-item .p-calendar{width:100%}onshore-form-item-container .p-inputtext{border-color:var(--color-gray-4) !important}onshore-form-item-container .p-inputtext:enabled:focus,onshore-form-item-container .p-inputtext:enabled:hover{border-color:var(--color-gray-5) !important}onshore-form-item-container .p-togglebutton{height:100%}.p-button,.p-link,.p-inputtext,.p-dropdown,.p-inputnumber-button,.p-menuitem-link,.p-checkbox-box,.p-multiselect,.p-card,.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus,.p-autocomplete-multiple-container{outline:none !important;box-shadow:none !important}.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:var(--color-secondary) !important;color:var(--color-white) !important}.p-multiselect.p-multiselect-chip .p-multiselect-token{background:var(--color-secondary) !important;color:var(--color-white) !important}.p-calendar .p-datepicker{min-width:auto !important}onshore-image-placeholder i{color:var(--color-gray-4)}onshore-image-chooser .onshore-image-cropper{height:400px;width:auto}onshore-image-chooser .onshore-image-upload{max-width:400px;max-height:400px;min-width:300px;width:100%;height:100%;border:dashed 3px var(--color-gray-3)}onshore-image-chooser .onshore-image-input{opacity:0;bottom:0;cursor:pointer}onshore-image-chooser .onshore-cropper-circle .cropper .move{border:none;background:radial-gradient(circle at 50% 50%, transparent, transparent 70%, white 70%, rgba(255, 255, 255, 0.3) 1%)}onshore-image-chooser .onshore-inverse-color button,onshore-image-chooser .onshore-inverse-color i,onshore-image-chooser .onshore-inverse-color small{color:var(--color-white) !important}onshore-webcam .onshore-webcam-border{max-width:300px;max-height:300px;border:dashed 3px var(--color-gray-3)}onshore-webcam .onshore-inverse-color button{color:var(--color-white) !important}
1
+ @import"~primeng/resources/themes/saga-blue/theme.css";@import"~primeng/resources/primeng.min.css";@import"~primeflex/primeflex.min.css";@import"~primeicons/primeicons.css";@import"~dragula/dist/dragula.min.css";onshore-form-autocomplete-item .p-autocomplete,onshore-form-autocomplete-item .p-autocomplete-multiple-container{width:100%}onshore-form-autocomplete-item .p-autocomplete-input{width:100%}onshore-form-autocomplete-item .p-autocomplete-multiple-container:focus,onshore-form-autocomplete-item .p-autocomplete-multiple-container:hover,onshore-form-autocomplete-item .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{border-color:var(--color-gray-5) !important}onshore-form-autocomplete-item .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token{background:var(--color-secondary);color:var(--color-white)}onshore-form-checkbox-item .p-checkbox .p-checkbox-box,onshore-form-checkbox-item .p-checkbox .p-checkbox-box.p-highlight{border:1px solid var(--color-gray-4) !important}onshore-form-checkbox-item .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover,onshore-form-checkbox-item .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover,onshore-form-checkbox-item .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{border-color:var(--color-gray-5) !important}onshore-form-colorpicker-item .p-colorpicker-preview{width:36px !important;height:36px !important;outline:none !important;box-shadow:none !important}onshore-form-dropdown-item .p-dropdown{width:100%}onshore-form-dropdown-item .p-dropdown:not(.p-disabled):hover,onshore-form-dropdown-item .p-dropdown:not(.p-disabled).p-focus,onshore-form-dropdown-item .p-multiselect:not(.p-disabled):hover,onshore-form-dropdown-item .p-multiselect:not(.p-disabled).p-focus{border-color:var(--color-gray-5) !important}onshore-form-dropdown-item .p-multiselect{width:100%}onshore-form-switch-item .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--color-secondary)}onshore-form-switch-item .p-inputswitch .p-inputswitch-slider{background:var(--color-gray-3);box-shadow:none !important;outline:none !important;border-radius:30px}onshore-form-switch-item .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider{background:var(--color-secondary)}onshore-form-datetime-item .p-calendar{width:100%}onshore-form-sort-item .onshore-sort-item{font-family:Lato-Regular}onshore-form-item-container .p-inputtext{border-color:var(--color-gray-4) !important}onshore-form-item-container .p-inputtext:enabled:focus,onshore-form-item-container .p-inputtext:enabled:hover{border-color:var(--color-gray-5) !important}onshore-form-item-container .p-togglebutton{height:100%}.p-button,.p-link,.p-inputtext,.p-dropdown,.p-inputnumber-button,.p-menuitem-link,.p-checkbox-box,.p-multiselect,.p-card,.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus,.p-autocomplete-multiple-container{outline:none !important;box-shadow:none !important}.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:var(--color-secondary) !important;color:var(--color-white) !important}.p-multiselect.p-multiselect-chip .p-multiselect-token{background:var(--color-secondary) !important;color:var(--color-white) !important}.p-calendar .p-datepicker{min-width:auto !important}onshore-image-placeholder i{color:var(--color-gray-4)}onshore-image-chooser .onshore-image-cropper{height:400px;width:auto}onshore-image-chooser .onshore-image-upload{max-width:400px;max-height:400px;min-width:300px;width:100%;height:100%;border:dashed 3px var(--color-gray-3)}onshore-image-chooser .onshore-image-input{opacity:0;bottom:0;cursor:pointer}onshore-image-chooser .onshore-cropper-circle .cropper .move{border:none;background:radial-gradient(circle at 50% 50%, transparent, transparent 70%, white 70%, rgba(255, 255, 255, 0.3) 1%)}onshore-image-chooser .onshore-inverse-color button,onshore-image-chooser .onshore-inverse-color i,onshore-image-chooser .onshore-inverse-color small{color:var(--color-white) !important}onshore-webcam .onshore-webcam-border{max-width:300px;max-height:300px;border:dashed 3px var(--color-gray-3)}onshore-webcam .onshore-inverse-color button{color:var(--color-white) !important}
package/styles/scss/theme1.css CHANGED
@@ -1 +1 @@
1
- @import"~primeng/resources/themes/saga-blue/theme.css";@import"~primeng/resources/primeng.min.css";@import"~primeflex/primeflex.min.css";@import"~primeicons/primeicons.css";onshore-form-autocomplete-item .p-autocomplete,onshore-form-autocomplete-item .p-autocomplete-multiple-container{width:100%}onshore-form-autocomplete-item .p-autocomplete-input{width:100%}onshore-form-autocomplete-item .p-autocomplete-multiple-container:focus,onshore-form-autocomplete-item .p-autocomplete-multiple-container:hover,onshore-form-autocomplete-item .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{border-color:var(--color-gray-5) !important}onshore-form-autocomplete-item .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token{background:var(--color-secondary);color:var(--color-white)}onshore-form-checkbox-item .p-checkbox .p-checkbox-box,onshore-form-checkbox-item .p-checkbox .p-checkbox-box.p-highlight{border:1px solid var(--color-gray-4) !important}onshore-form-checkbox-item .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover,onshore-form-checkbox-item .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover,onshore-form-checkbox-item .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{border-color:var(--color-gray-5) !important}onshore-form-colorpicker-item .p-colorpicker-preview{width:36px !important;height:36px !important;outline:none !important;box-shadow:none !important}onshore-form-dropdown-item .p-dropdown{width:100%}onshore-form-dropdown-item .p-dropdown:not(.p-disabled):hover,onshore-form-dropdown-item .p-dropdown:not(.p-disabled).p-focus,onshore-form-dropdown-item .p-multiselect:not(.p-disabled):hover,onshore-form-dropdown-item .p-multiselect:not(.p-disabled).p-focus{border-color:var(--color-gray-5) !important}onshore-form-dropdown-item .p-multiselect{width:100%}onshore-form-switch-item .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--color-secondary)}onshore-form-switch-item .p-inputswitch .p-inputswitch-slider{background:var(--color-gray-3);box-shadow:none !important;outline:none !important;border-radius:30px}onshore-form-switch-item .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider{background:var(--color-secondary)}onshore-form-datetime-item .p-calendar{width:100%}onshore-form-item-container .p-inputtext{border-color:var(--color-gray-4) !important}onshore-form-item-container .p-inputtext:enabled:focus,onshore-form-item-container .p-inputtext:enabled:hover{border-color:var(--color-gray-5) !important}onshore-form-item-container .p-togglebutton{height:100%}.p-button,.p-link,.p-inputtext,.p-dropdown,.p-inputnumber-button,.p-menuitem-link,.p-checkbox-box,.p-multiselect,.p-card,.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus,.p-autocomplete-multiple-container{outline:none !important;box-shadow:none !important}.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:var(--color-secondary) !important;color:var(--color-white) !important}.p-multiselect.p-multiselect-chip .p-multiselect-token{background:var(--color-secondary) !important;color:var(--color-white) !important}.p-calendar .p-datepicker{min-width:auto !important}onshore-image-placeholder i{color:var(--color-gray-4)}onshore-image-chooser .onshore-image-cropper{height:400px;width:auto}onshore-image-chooser .onshore-image-upload{max-width:400px;max-height:400px;min-width:300px;width:100%;height:100%;border:dashed 3px var(--color-gray-3)}onshore-image-chooser .onshore-image-input{opacity:0;bottom:0;cursor:pointer}onshore-image-chooser .onshore-cropper-circle .cropper .move{border:none;background:radial-gradient(circle at 50% 50%, transparent, transparent 70%, white 70%, rgba(255, 255, 255, 0.3) 1%)}onshore-image-chooser .onshore-inverse-color button,onshore-image-chooser .onshore-inverse-color i,onshore-image-chooser .onshore-inverse-color small{color:var(--color-white) !important}onshore-webcam .onshore-webcam-border{max-width:300px;max-height:300px;border:dashed 3px var(--color-gray-3)}onshore-webcam .onshore-inverse-color button{color:var(--color-white) !important}:root{--color-white: #ffffff;--color-black: #000000;--color-gray-1: #F2F1F4;--color-gray-2: #EAEAEA;--color-gray-3: #DEE1E3;--color-gray-4: #BDC3C6;--color-gray-5: #545f62;--color-dark: #28373B;--color-primary: #24C875;--color-primary-active: #22b46a;--color-secondary: #20A6FC;--color-secondary-active: #2092db;--color-success: #24C875;--color-success-active: #16AB56;--color-warn: #FFA511;--color-warn-active: #D47F11;--color-danger: #C82E2D;--color-danger-active: #A82929;--color-transparent: rgba(0,0,0,0);--color-inactive: rgba(0,0,0,0.5)}.onshore-color-black{color:var(--color-black) !important}.onshore-color-black{color:var(--color-black) !important}.onshore-color-gray-1{color:var(--color-gray-1) !important}.onshore-color-gray-2{color:var(--color-gray-2) !important}.onshore-color-gray-3{color:var(--color-gray-3) !important}.onshore-color-gray-4{color:var(--color-gray-4) !important}.onshore-color-gray-5{color:var(--color-gray-5) !important}.onshore-color-dark{color:var(--color-dark) !important}.onshore-color-primary{color:var(--color-primary) !important}.onshore-color-secondary{color:var(--color-secondary) !important}.onshore-color-success{color:var(--color-success) !important}.onshore-color-warn{color:var(--color-warn) !important}.onshore-color-danger{color:var(--color-danger) !important}.onshore-background-color-black{background-color:var(--color-black) !important}.onshore-background-color-black{background-color:var(--color-black) !important}.onshore-background-color-gray-1{background-color:var(--color-gray-1) !important}.onshore-background-color-gray-2{background-color:var(--color-gray-2) !important}.onshore-background-color-gray-3{background-color:var(--color-gray-3) !important}.onshore-background-color-gray-4{background-color:var(--color-gray-4) !important}.onshore-background-color-gray-5{background-color:var(--color-gray-5) !important}.onshore-background-color-dark{background-color:var(--color-dark) !important}.onshore-background-color-primary{background-color:var(--color-primary) !important}.onshore-background-color-secondary{background-color:var(--color-secondary) !important}.onshore-background-color-success{background-color:var(--color-success) !important}.onshore-background-color-warn{background-color:var(--color-warn) !important}.onshore-background-color-danger{background-color:var(--color-danger) !important}.onshore-border-gray-3{border-color:var(--color-gray-3) !important}.onshore-border-gray-4{border-color:var(--color-gray-4) !important}.onshore-border-danger{border-color:var(--color-danger) !important}.onshore-button-light{color:var(--color-dark);background:var(--color-white) !important;border-color:var(--color-gray-4)}.onshore-button-light:hover,.onshore-button-light:active{color:var(--color-dark) !important;background:var(--color-gray-1) !important;border-color:var(--color-gray-4) !important}.onshore-button-primary{color:var(--color-white);background:var(--color-primary) !important;border-color:var(--color-primary)}.onshore-button-primary:hover,.onshore-button-primary:active{color:var(--color-white) !important;background:var(--color-primary-active) !important;border-color:var(--color-primary) !important}
1
+ @import"~primeng/resources/themes/saga-blue/theme.css";@import"~primeng/resources/primeng.min.css";@import"~primeflex/primeflex.min.css";@import"~primeicons/primeicons.css";@import"~dragula/dist/dragula.min.css";onshore-form-autocomplete-item .p-autocomplete,onshore-form-autocomplete-item .p-autocomplete-multiple-container{width:100%}onshore-form-autocomplete-item .p-autocomplete-input{width:100%}onshore-form-autocomplete-item .p-autocomplete-multiple-container:focus,onshore-form-autocomplete-item .p-autocomplete-multiple-container:hover,onshore-form-autocomplete-item .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus{border-color:var(--color-gray-5) !important}onshore-form-autocomplete-item .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token{background:var(--color-secondary);color:var(--color-white)}onshore-form-checkbox-item .p-checkbox .p-checkbox-box,onshore-form-checkbox-item .p-checkbox .p-checkbox-box.p-highlight{border:1px solid var(--color-gray-4) !important}onshore-form-checkbox-item .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover,onshore-form-checkbox-item .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover,onshore-form-checkbox-item .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus{border-color:var(--color-gray-5) !important}onshore-form-colorpicker-item .p-colorpicker-preview{width:36px !important;height:36px !important;outline:none !important;box-shadow:none !important}onshore-form-dropdown-item .p-dropdown{width:100%}onshore-form-dropdown-item .p-dropdown:not(.p-disabled):hover,onshore-form-dropdown-item .p-dropdown:not(.p-disabled).p-focus,onshore-form-dropdown-item .p-multiselect:not(.p-disabled):hover,onshore-form-dropdown-item .p-multiselect:not(.p-disabled).p-focus{border-color:var(--color-gray-5) !important}onshore-form-dropdown-item .p-multiselect{width:100%}onshore-form-switch-item .p-inputswitch.p-inputswitch-checked .p-inputswitch-slider{background:var(--color-secondary)}onshore-form-switch-item .p-inputswitch .p-inputswitch-slider{background:var(--color-gray-3);box-shadow:none !important;outline:none !important;border-radius:30px}onshore-form-switch-item .p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider{background:var(--color-secondary)}onshore-form-datetime-item .p-calendar{width:100%}onshore-form-sort-item .onshore-sort-item{font-family:Lato-Regular}onshore-form-item-container .p-inputtext{border-color:var(--color-gray-4) !important}onshore-form-item-container .p-inputtext:enabled:focus,onshore-form-item-container .p-inputtext:enabled:hover{border-color:var(--color-gray-5) !important}onshore-form-item-container .p-togglebutton{height:100%}.p-button,.p-link,.p-inputtext,.p-dropdown,.p-inputnumber-button,.p-menuitem-link,.p-checkbox-box,.p-multiselect,.p-card,.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus,.p-autocomplete-multiple-container{outline:none !important;box-shadow:none !important}.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight{background:var(--color-secondary) !important;color:var(--color-white) !important}.p-multiselect.p-multiselect-chip .p-multiselect-token{background:var(--color-secondary) !important;color:var(--color-white) !important}.p-calendar .p-datepicker{min-width:auto !important}onshore-image-placeholder i{color:var(--color-gray-4)}onshore-image-chooser .onshore-image-cropper{height:400px;width:auto}onshore-image-chooser .onshore-image-upload{max-width:400px;max-height:400px;min-width:300px;width:100%;height:100%;border:dashed 3px var(--color-gray-3)}onshore-image-chooser .onshore-image-input{opacity:0;bottom:0;cursor:pointer}onshore-image-chooser .onshore-cropper-circle .cropper .move{border:none;background:radial-gradient(circle at 50% 50%, transparent, transparent 70%, white 70%, rgba(255, 255, 255, 0.3) 1%)}onshore-image-chooser .onshore-inverse-color button,onshore-image-chooser .onshore-inverse-color i,onshore-image-chooser .onshore-inverse-color small{color:var(--color-white) !important}onshore-webcam .onshore-webcam-border{max-width:300px;max-height:300px;border:dashed 3px var(--color-gray-3)}onshore-webcam .onshore-inverse-color button{color:var(--color-white) !important}:root{--color-white: #ffffff;--color-black: #000000;--color-gray-1: #F2F1F4;--color-gray-2: #EAEAEA;--color-gray-3: #DEE1E3;--color-gray-4: #BDC3C6;--color-gray-5: #545f62;--color-dark: #28373B;--color-primary: #24C875;--color-primary-active: #22b46a;--color-secondary: #20A6FC;--color-secondary-active: #2092db;--color-success: #24C875;--color-success-active: #16AB56;--color-warn: #FFA511;--color-warn-active: #D47F11;--color-danger: #C82E2D;--color-danger-active: #A82929;--color-transparent: rgba(0,0,0,0);--color-inactive: rgba(0,0,0,0.5)}.onshore-color-black{color:var(--color-black) !important}.onshore-color-black{color:var(--color-black) !important}.onshore-color-gray-1{color:var(--color-gray-1) !important}.onshore-color-gray-2{color:var(--color-gray-2) !important}.onshore-color-gray-3{color:var(--color-gray-3) !important}.onshore-color-gray-4{color:var(--color-gray-4) !important}.onshore-color-gray-5{color:var(--color-gray-5) !important}.onshore-color-dark{color:var(--color-dark) !important}.onshore-color-primary{color:var(--color-primary) !important}.onshore-color-secondary{color:var(--color-secondary) !important}.onshore-color-success{color:var(--color-success) !important}.onshore-color-warn{color:var(--color-warn) !important}.onshore-color-danger{color:var(--color-danger) !important}.onshore-color-blocked{color:rgba(0,0,0,.5) !important}.onshore-background-color-white{background-color:var(--color-white) !important}.onshore-background-color-black{background-color:var(--color-black) !important}.onshore-background-color-black{background-color:var(--color-black) !important}.onshore-background-color-gray-1{background-color:var(--color-gray-1) !important}.onshore-background-color-gray-2{background-color:var(--color-gray-2) !important}.onshore-background-color-gray-3{background-color:var(--color-gray-3) !important}.onshore-background-color-gray-4{background-color:var(--color-gray-4) !important}.onshore-background-color-gray-5{background-color:var(--color-gray-5) !important}.onshore-background-color-dark{background-color:var(--color-dark) !important}.onshore-background-color-primary{background-color:var(--color-primary) !important}.onshore-background-color-secondary{background-color:var(--color-secondary) !important}.onshore-background-color-success{background-color:var(--color-success) !important}.onshore-background-color-warn{background-color:var(--color-warn) !important}.onshore-background-color-danger{background-color:var(--color-danger) !important}.onshore-border-gray-3{border-color:var(--color-gray-3) !important}.onshore-border-gray-4{border-color:var(--color-gray-4) !important}.onshore-border-danger{border-color:var(--color-danger) !important}.onshore-button-light{color:var(--color-dark);background:var(--color-white) !important;border-color:var(--color-gray-4)}.onshore-button-light:hover,.onshore-button-light:active{color:var(--color-dark) !important;background:var(--color-gray-1) !important;border-color:var(--color-gray-4) !important}.onshore-button-primary{color:var(--color-white);background:var(--color-primary) !important;border-color:var(--color-primary)}.onshore-button-primary:hover,.onshore-button-primary:active{color:var(--color-white) !important;background:var(--color-primary-active) !important;border-color:var(--color-primary) !important}