onshore-forms 0.0.24 → 0.0.26
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-image-item/form-image-item.component.mjs +59 -21
- package/esm2020/lib/components/form-item-container/form-item-container.component.mjs +5 -5
- package/esm2020/lib/components/image-chooser/image-chooser.component.mjs +6 -43
- package/esm2020/lib/components/webcam/webcam.component.mjs +4 -38
- package/esm2020/lib/models/form.models.mjs +1 -1
- package/esm2020/lib/onshore-forms.service.mjs +1 -1
- package/fesm2015/onshore-forms.mjs +99 -133
- package/fesm2015/onshore-forms.mjs.map +1 -1
- package/fesm2020/onshore-forms.mjs +98 -132
- package/fesm2020/onshore-forms.mjs.map +1 -1
- package/lib/components/form-image-item/form-image-item.component.d.ts +4 -4
- package/lib/components/image-chooser/image-chooser.component.d.ts +3 -14
- package/lib/components/webcam/webcam.component.d.ts +3 -13
- package/lib/models/form.models.d.ts +12 -0
- package/package.json +1 -1
- package/styles/scss/main.css +1 -1
- package/styles/scss/theme1.css +1 -1
|
@@ -2,14 +2,13 @@ import { ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleCh
|
|
|
2
2
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
3
3
|
import { Subscription } from 'rxjs';
|
|
4
4
|
import { DialogService } from 'primeng/dynamicdialog';
|
|
5
|
-
import { TranslateService } from '@ngx-translate/core';
|
|
6
5
|
import { OnshoreFormImageSettings, OnshoreFormTemplateItem } from '../../models/form.models';
|
|
6
|
+
import { OnshoreFormTemplateLayout } from '../../enums/form.enums';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
8
|
export declare class OnshoreFormImageItemComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {
|
|
9
9
|
cdr: ChangeDetectorRef;
|
|
10
10
|
ngControl: NgControl;
|
|
11
11
|
dialogService: DialogService;
|
|
12
|
-
private translate;
|
|
13
12
|
formTemplate: OnshoreFormTemplateItem;
|
|
14
13
|
imageSettings: OnshoreFormImageSettings;
|
|
15
14
|
imageDeleted: EventEmitter<string>;
|
|
@@ -17,6 +16,7 @@ export declare class OnshoreFormImageItemComponent implements ControlValueAccess
|
|
|
17
16
|
imageReady: EventEmitter<string>;
|
|
18
17
|
selectFromMedia: EventEmitter<any>;
|
|
19
18
|
isLoading: EventEmitter<boolean>;
|
|
19
|
+
OnshoreFormTemplateLayout: typeof OnshoreFormTemplateLayout;
|
|
20
20
|
defaultImageSettings: OnshoreFormImageSettings;
|
|
21
21
|
image: string | null;
|
|
22
22
|
disabled: boolean;
|
|
@@ -33,7 +33,7 @@ export declare class OnshoreFormImageItemComponent implements ControlValueAccess
|
|
|
33
33
|
ngOnInit(): void;
|
|
34
34
|
ngOnDestroy(): void;
|
|
35
35
|
ngOnChanges(changes: SimpleChanges): void;
|
|
36
|
-
constructor(cdr: ChangeDetectorRef, ngControl: NgControl, dialogService: DialogService
|
|
37
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormImageItemComponent, [null, { optional: true; self: true; }, null
|
|
36
|
+
constructor(cdr: ChangeDetectorRef, ngControl: NgControl, dialogService: DialogService);
|
|
37
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreFormImageItemComponent, [null, { optional: true; self: true; }, null]>;
|
|
38
38
|
static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreFormImageItemComponent, "onshore-form-image-item", never, { "formTemplate": "formTemplate"; "imageSettings": "imageSettings"; }, { "imageDeleted": "imageDeleted"; "imageCleared": "imageCleared"; "imageReady": "imageReady"; "selectFromMedia": "selectFromMedia"; "isLoading": "isLoading"; }, never, never, false>;
|
|
39
39
|
}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
2
2
|
import { ImageCroppedEvent } from 'ngx-image-cropper';
|
|
3
3
|
import { OnshoreImageError } from '../../enums/form.enums';
|
|
4
|
+
import { OnshoreFormImageSettings } from '../../models/form.models';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
export declare class OnshoreImageChooserComponent {
|
|
6
7
|
private cdr;
|
|
@@ -9,19 +10,7 @@ export declare class OnshoreImageChooserComponent {
|
|
|
9
10
|
finalImage: string;
|
|
10
11
|
imageErrorType: typeof OnshoreImageError;
|
|
11
12
|
imageError: OnshoreImageError;
|
|
12
|
-
|
|
13
|
-
resizeToHeight: number;
|
|
14
|
-
resizeToWidth: number;
|
|
15
|
-
backgroundColor: string;
|
|
16
|
-
format: 'png' | 'jpeg' | 'bmp' | 'webp' | 'ico';
|
|
17
|
-
alignImage: 'left' | 'center';
|
|
18
|
-
containWithinAspectRatio: boolean;
|
|
19
|
-
aspectRatio: number;
|
|
20
|
-
cropperPreviewHeight: number;
|
|
21
|
-
cropperPreviewWidth: number;
|
|
22
|
-
circleCropper: boolean;
|
|
23
|
-
autoSave: boolean;
|
|
24
|
-
inverseColor: boolean;
|
|
13
|
+
imageSettings: OnshoreFormImageSettings;
|
|
25
14
|
choosen: EventEmitter<string>;
|
|
26
15
|
canceled: EventEmitter<boolean>;
|
|
27
16
|
clear(): void;
|
|
@@ -30,5 +19,5 @@ export declare class OnshoreImageChooserComponent {
|
|
|
30
19
|
imageCroppedReady(): void;
|
|
31
20
|
constructor(cdr: ChangeDetectorRef);
|
|
32
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<OnshoreImageChooserComponent, never>;
|
|
33
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreImageChooserComponent, "onshore-image-chooser", never, { "
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OnshoreImageChooserComponent, "onshore-image-chooser", never, { "imageSettings": "imageSettings"; }, { "choosen": "choosen"; "canceled": "canceled"; }, never, never, false>;
|
|
34
23
|
}
|
|
@@ -2,21 +2,11 @@ import { ChangeDetectorRef, EventEmitter } from '@angular/core';
|
|
|
2
2
|
import { Observable, Subject } from 'rxjs';
|
|
3
3
|
import { WebcamImage } from 'ngx-webcam';
|
|
4
4
|
import { ImageCroppedEvent } from 'ngx-image-cropper';
|
|
5
|
+
import { OnshoreFormImageSettings } from '../../models/form.models';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
export declare class WebcamComponent {
|
|
7
8
|
private cdr;
|
|
8
|
-
|
|
9
|
-
imageQuality: number;
|
|
10
|
-
resizeToHeight: number;
|
|
11
|
-
resizeToWidth: number;
|
|
12
|
-
backgroundColor: string;
|
|
13
|
-
format: 'png' | 'jpeg' | 'bmp' | 'webp' | 'ico';
|
|
14
|
-
alignImage: 'left' | 'center';
|
|
15
|
-
containWithinAspectRatio: boolean;
|
|
16
|
-
aspectRatio: number;
|
|
17
|
-
cropperPreviewHeight: number;
|
|
18
|
-
cropperPreviewWidth: number;
|
|
19
|
-
circleCropper: boolean;
|
|
9
|
+
imageSettings: OnshoreFormImageSettings;
|
|
20
10
|
shot: EventEmitter<string>;
|
|
21
11
|
canceled: EventEmitter<boolean>;
|
|
22
12
|
image: string;
|
|
@@ -29,5 +19,5 @@ export declare class WebcamComponent {
|
|
|
29
19
|
triggerSnapshot(): void;
|
|
30
20
|
constructor(cdr: ChangeDetectorRef);
|
|
31
21
|
static ɵfac: i0.ɵɵFactoryDeclaration<WebcamComponent, never>;
|
|
32
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<WebcamComponent, "onshore-webcam", never, { "
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<WebcamComponent, "onshore-webcam", never, { "imageSettings": "imageSettings"; }, { "shot": "shot"; "canceled": "canceled"; }, never, never, false>;
|
|
33
23
|
}
|
|
@@ -52,4 +52,16 @@ export interface OnshoreFormImageSettings {
|
|
|
52
52
|
deleteEnabled?: boolean;
|
|
53
53
|
placeholderImage?: string;
|
|
54
54
|
placeholderIcon?: string;
|
|
55
|
+
containerWidth?: number;
|
|
56
|
+
containerHeight?: number;
|
|
57
|
+
imageQuality?: number;
|
|
58
|
+
maxFileSize?: number;
|
|
59
|
+
format?: 'png' | 'jpeg' | 'bmp' | 'webp' | 'ico';
|
|
60
|
+
alignImage?: 'left' | 'center';
|
|
61
|
+
cropperPreviewHeight?: number;
|
|
62
|
+
cropperPreviewWidth?: number;
|
|
63
|
+
webcamHeight?: number;
|
|
64
|
+
webcamWidth?: number;
|
|
65
|
+
circleCropper?: boolean;
|
|
66
|
+
backgroundColor?: string;
|
|
55
67
|
}
|
package/package.json
CHANGED
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";@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" !important}.gu-mirror{position:fixed !important;margin:0 !important;z-index:9999 !important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);pointer-events:none;font-family:"Lato-Regular" !important}.gu-hide{left:-9999px !important}.gu-unselectable{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}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-
|
|
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" !important}.gu-mirror{position:fixed !important;margin:0 !important;z-index:9999 !important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);pointer-events:none;font-family:"Lato-Regular" !important}.gu-hide{left:-9999px !important}.gu-unselectable{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}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-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}
|
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";@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" !important}.gu-mirror{position:fixed !important;margin:0 !important;z-index:9999 !important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);pointer-events:none;font-family:"Lato-Regular" !important}.gu-hide{left:-9999px !important}.gu-unselectable{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}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-
|
|
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" !important}.gu-mirror{position:fixed !important;margin:0 !important;z-index:9999 !important;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);pointer-events:none;font-family:"Lato-Regular" !important}.gu-hide{left:-9999px !important}.gu-unselectable{-webkit-user-select:none !important;-moz-user-select:none !important;-ms-user-select:none !important;user-select:none !important}.gu-transit{opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20)}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-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}: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}
|