@openmrs/ngx-formentry 3.0.0

package/form-entry/validators/min.validator.d.ts

@@ -0,0 +1,6 @@
+import { AfeFormControl } from '../../abstract-controls-extension/afe-form-control';
+export declare class MinValidator {
+    validate(min: number): (control: AfeFormControl) => {
+        [key: string]: any;
+    };
+}

package/form-entry/validators/required.validator.d.ts

@@ -0,0 +1,6 @@
+import { AfeFormControl } from '../../abstract-controls-extension/afe-form-control';
+export declare class RequiredValidator {
+    validate(control: AfeFormControl): {
+        required: boolean;
+    };
+}

package/form-entry/validators/validations.d.ts

@@ -0,0 +1,4 @@
+export declare class Validations {
+    static JSExpressionValidatorsEnabled: boolean;
+    constructor();
+}

package/form-entry/value-adapters/encounter.adapter.d.ts

@@ -0,0 +1,26 @@
+import { NodeBase } from '../form-factory/form-node';
+import { Form } from '../form-factory/form';
+import { ValueAdapter } from './value.adapter';
+import { ObsValueAdapter } from './obs.adapter';
+import { OrderValueAdapter } from './order.adapter';
+import * as i0 from "@angular/core";
+export declare class EncounterAdapter implements ValueAdapter {
+    ordersAdapter: OrderValueAdapter;
+    obsAdapter: ObsValueAdapter;
+    constructor(ordersAdapter: OrderValueAdapter, obsAdapter: ObsValueAdapter);
+    populateForm(form: Form, payload: any): void;
+    populateNode(rootNode: NodeBase, payload: any): void;
+    generateFormPayload(form: Form): {};
+    generateNodePayload(rootNode: NodeBase): {};
+    getEncounterNodes(rootNode: NodeBase): Array<NodeBase>;
+    setNonFilledPayloadMembers(form: Form, payload: any): void;
+    setPayloadPatientUuid(payload: any, patientUuid: string): void;
+    setPayloadVisitUuid(payload: any, visitUuid: string): void;
+    setPayloadEncounterTypeUuid(payload: any, encounterTypeUuid: string): void;
+    setPayloadFormUuid(payload: any, formUuid: string): void;
+    setPayloadEncounterUuid(payload: any, encounterUuid: string): void;
+    private _getEncounterNodes;
+    private _isEncounterNode;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EncounterAdapter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<EncounterAdapter>;
+}

package/form-entry/value-adapters/obs-adapter-helper.d.ts

@@ -0,0 +1,34 @@
+import { NodeBase } from '../form-factory/form-node';
+import * as i0 from "@angular/core";
+export declare class ObsAdapterHelper {
+    formFieldNamespace: string;
+    obsIndex: number;
+    constructor();
+    findObsAnswerToQuestion(node: NodeBase, obsArray: Array<any>): Array<any>;
+    getChildQuestionsConceptUuids(node: NodeBase): Array<string>;
+    getGroupMembersConceptUuids(obsWithGroupMembers: any): Array<string>;
+    isObsNode(node: NodeBase): boolean;
+    isSubsetOf(supersetArray: Array<any>, subsetArray: Array<any>): boolean;
+    setSimpleObsNodeValue(node: NodeBase, obs: Array<any>): void;
+    setMultiselectObsNodeValue(node: NodeBase, obs: Array<any>): void;
+    setComplexObsNodeValue(node: NodeBase, obs: Array<any>): void;
+    setGroupObsNodeValue(node: NodeBase, obs: Array<any>): void;
+    setRepeatingGroupObsNodeValue(node: NodeBase, obs: Array<any>): void;
+    comparePath(first: any, second: any): number;
+    setNodeValue(node: NodeBase, obs: Array<any>): void;
+    setNodeFormControlValue(node: NodeBase, value: any): void;
+    getObsNodeType(node: NodeBase): string;
+    addFieldNameSpaceandPath(node: any, obs: any): any;
+    getSimpleObsPayload(node: NodeBase): any;
+    getComplexObsPayload(node: NodeBase): any;
+    getMultiselectObsPayload(node: NodeBase): Array<any>;
+    getGroupPayload(node: NodeBase): any;
+    getRepeatingGroupPayload(node: NodeBase): any[];
+    getObsNodePayload(node: NodeBase): Array<any>;
+    simpleNodeValueChanged(node: NodeBase): boolean;
+    areDatesEqual(date1: any, date2: any): boolean;
+    isEmpty(value: any): boolean;
+    toOpenMrsDateTimeString(datetime: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ObsAdapterHelper, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ObsAdapterHelper>;
+}

package/form-entry/value-adapters/obs.adapter.d.ts

@@ -0,0 +1,38 @@
+import 'rxjs';
+import { Form } from '../form-factory/form';
+import { ValueAdapter } from './value.adapter';
+import { ObsAdapterHelper } from './obs-adapter-helper';
+import * as i0 from "@angular/core";
+export declare class ObsValueAdapter implements ValueAdapter {
+    private helper;
+    constructor(helper: ObsAdapterHelper);
+    generateFormPayload(form: Form): any[];
+    populateForm(form: Form, payload: any): void;
+    setValues(nodes: any, payload?: any, forcegroup?: any): void;
+    setObsValue(node: any, payload: any): void;
+    setComplexObsValue(node: any, payload: any): void;
+    getMultiselectValues(multiObs: any): any[];
+    setRepeatingGroupValues(node: any, payload: any): void;
+    getQuestionNodes(pages: any): any;
+    repeatingGroup(nodes: any): any[];
+    processGroup(obs: any, obsPayload: any): void;
+    mapInitialGroup(group: any): {};
+    mapModelGroup(node: any, value: any): {};
+    processRepeatingGroups(node: any, obsPayload: any): void;
+    leftOuterJoinArrays(first: any, second: any): any;
+    createGroupNewObs(payload: any, groupConcept: any): any[];
+    createGroupDeletedObs(payload: any): any[];
+    getExactTime(datetime: string): string;
+    processObs(obs: any, obsPayload: any): void;
+    processComplexObs(node: any, obsPayload: any): void;
+    processDeletedMultiSelectObs(values: any, obsPayload: any): void;
+    processNewMultiSelectObs(values: any, obsPayload: any): void;
+    updateOrVoidObs(obsValue: any, initialValue: any, obsPayload: any): void;
+    isEmpty(value: any): boolean;
+    traverse(o: any, type?: any): any[];
+    processMultiSelect(concept: any, values: any): any[];
+    isObs(node: any): boolean;
+    getObsPayload(nodes: any): any[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<ObsValueAdapter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ObsValueAdapter>;
+}

package/form-entry/value-adapters/order.adapter.d.ts

@@ -0,0 +1,20 @@
+import { Form } from '../form-factory/form';
+import { ValueAdapter } from './value.adapter';
+import * as i0 from "@angular/core";
+export declare class OrderValueAdapter implements ValueAdapter {
+    formOrderNodes: any[];
+    private provider;
+    generateFormPayload(form: Form): any;
+    populateForm(form: Form, payload: any): void;
+    private _setOrderProvider;
+    private _createOrdersPayload;
+    private _getExistingOrders;
+    private _setOrderValues;
+    private _addDeletedOrdersToPayload;
+    private _createPayloadOrder;
+    private _getDeletedOrders;
+    private _setOrderNodeValues;
+    private _findTestOrderQuestionNodes;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OrderValueAdapter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<OrderValueAdapter>;
+}

package/form-entry/value-adapters/person-attribute.adapter.d.ts

@@ -0,0 +1,15 @@
+import { NodeBase } from '../form-factory/form-node';
+import { Form } from '../form-factory/form';
+import { ValueAdapter } from './value.adapter';
+import * as i0 from "@angular/core";
+export declare class PersonAttribuAdapter implements ValueAdapter {
+    constructor();
+    generateFormPayload(form: Form): any[];
+    generateNodePayload(rootNode: NodeBase): any[];
+    populateForm(form: Form, payload: any): void;
+    populateNode(rootNode: NodeBase, payload: any): void;
+    getPersonAttributeNodes(rootNode: NodeBase): Array<NodeBase>;
+    private _getPersonAttributesNodes;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PersonAttribuAdapter, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<PersonAttribuAdapter>;
+}

package/form-entry/value-adapters/value.adapter.d.ts

@@ -0,0 +1,5 @@
+import { Form } from '../form-factory/form';
+export interface ValueAdapter {
+    generateFormPayload(form: Form): any;
+    populateForm(form: Form, payload: any): any;
+}

package/lib/index.d.ts

@@ -0,0 +1,58 @@
+export { FormEntryModule } from '../form-entry/form-entry.module';
+export { AfeFormControl } from '../abstract-controls-extension/afe-form-control';
+export { AfeFormGroup } from '../abstract-controls-extension/afe-form-group';
+export { AfeFormArray } from '../abstract-controls-extension/afe-form-array';
+export { AfeControlType } from '../abstract-controls-extension/afe-control-type';
+export { ControlRelationsFactory } from '../form-entry/form-factory/control-relations.factory';
+export { FormControlService } from '../form-entry/form-factory/form-control.service';
+export { FormFactory } from '../form-entry/form-factory/form.factory';
+export { Form } from '../form-entry/form-factory/form';
+export { QuestionFactory } from '../form-entry/form-factory/question.factory';
+export { ValidationFactory } from '../form-entry/form-factory/validation.factory';
+export { FormSchemaCompiler } from '../form-entry/services/form-schema-compiler.service';
+export { HistoricalEncounterDataService } from '../form-entry/services/historical-encounter-data.service';
+export { FormErrorsService } from '../form-entry/services/form-errors.service';
+export { EncounterAdapter } from '../form-entry/value-adapters/encounter.adapter';
+export { PersonAttribuAdapter } from '../form-entry/value-adapters/person-attribute.adapter';
+export { OrderValueAdapter } from '../form-entry/value-adapters/order.adapter';
+export { ObsValueAdapter } from '../form-entry/value-adapters/obs.adapter';
+export { ObsAdapterHelper } from '../form-entry/value-adapters/obs-adapter-helper';
+export { ValueAdapter } from '../form-entry/value-adapters/value.adapter';
+export { DataSources } from '../form-entry/data-sources/data-sources';
+export { CheckBoxQuestion } from '../form-entry/question-models/checkbox.model';
+export { ConditionalValidationModel } from '../form-entry/question-models/conditional-validation.model';
+export { DateQuestion } from '../form-entry/question-models/date-question';
+export { DateValidationModel } from '../form-entry/question-models/date-validation.model';
+export { FileUploadQuestion } from '../form-entry/question-models/file-upload-question';
+export { QuestionGroup } from '../form-entry/question-models/group-question';
+export { JsExpressionValidationModel } from '../form-entry/question-models/js-expression-validation.model';
+export { MaxValidationModel } from '../form-entry/question-models/max-validation.model';
+export { MinValidationModel } from '../form-entry/question-models/min-validation.model';
+export { MultiSelectQuestion } from '../form-entry/question-models/multi-select-question';
+export { Pair } from '../form-entry/question-models/pair.model';
+export { QuestionBase } from '../form-entry/question-models/question-base';
+export { RenderingType } from '../form-entry/question-models/rendering-type';
+export { RepeatingQuestion } from '../form-entry/question-models/repeating-question';
+export { Option } from '../form-entry/question-models/select-option';
+export { SelectQuestion } from '../form-entry/question-models/select-question';
+export { TestOrderQuestion } from '../form-entry/question-models/test-order-question';
+export { TextAreaInputQuestion } from '../form-entry/question-models/text-area-input-question';
+export { TextInputQuestion } from '../form-entry/question-models/text-input-question';
+export { UiSelectQuestion } from '../form-entry/question-models/ui-select-question';
+export { ValidationModel } from '../form-entry/question-models/validation.model';
+export { BaseOptions } from '../form-entry/question-models/interfaces/base-options';
+export { RepeatingQuestionOptions } from '../form-entry/question-models/interfaces/repeating-question-options';
+export { GroupQuestionOptions } from '../form-entry/question-models/interfaces/group-question-options';
+export { NestedQuestion } from '../form-entry/question-models/interfaces/nested-questions';
+export { DateTimePickerModule } from '../components/date-time-picker/date-time-picker.module';
+export { NgxDateTimePickerModule } from '../components/ngx-datetime-picker/ngx-datetime-picker.module';
+export { JsExpressionHelper } from '../form-entry/helpers/js-expression-helper';
+export { FormRendererComponent } from '../form-entry/form-renderer/form-renderer.component';
+export { AfeNgSelectComponent } from '../components/afe-ng-select.component';
+export { NgxDatetimeComponent } from '../components/ngx-datetime-picker/ngx-datetime-picker.component';
+export { DateTimePickerComponent } from '../components/date-time-picker/date-time-picker.component';
+export { ModalComponent } from '../components/date-time-picker';
+export { ErrorRendererComponent } from '../form-entry/error-renderer/error-renderer.component';
+export { DatePickerComponent } from '../components/date-time-picker';
+export { TimePickerComponent } from '../components/date-time-picker';
+export { MomentPipe } from '../components/date-time-picker';

package/openmrs-ngx-formentry.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@openmrs/ngx-formentry" />
+export * from './public_api';

package/package.json

@@ -0,0 +1,34 @@
+{
+  "name": "@openmrs/ngx-formentry",
+  "version": "3.0.0",
+  "dependencies": {
+    "tslib": "^2.2.0"
+  },
+  "peerDependencies": {
+    "@angular/animations": ">=11.2.14 <=12.0.4",
+    "@angular/cdk": ">=11.2.13 <=12.0.4",
+    "@angular/common": ">=11.2.14 <=12.0.4",
+    "@angular/compiler": ">=11.2.14 <=12.0.4",
+    "@angular/core": ">=11.2.14 <=12.0.4",
+    "@angular/forms": ">=11.2.14 <=12.0.4",
+    "hammerjs": "^2.0.8",
+    "lodash": "^4.17.4",
+    "moment": "^2.17.1",
+    "@ng-select/ng-select": "^6.1.0",
+    "ngx-webcam": "^0.2.2",
+    "reflect-metadata": "^0.1.9",
+    "shelljs": "^0.7.0",
+    "slick-carousel": "^1.6.0",
+    "tree-model": "^1.0.5",
+    "@carbon/styles": "^1.11.0",
+    "ngx-file-uploader": "^0.0.18",
+    "@angular-extensions/elements": "^12.6.0"
+  },
+  "main": "bundles/openmrs-ngx-formentry.umd.js",
+  "module": "fesm2015/openmrs-ngx-formentry.js",
+  "es2015": "fesm2015/openmrs-ngx-formentry.js",
+  "esm2015": "esm2015/openmrs-ngx-formentry.js",
+  "fesm2015": "fesm2015/openmrs-ngx-formentry.js",
+  "typings": "openmrs-ngx-formentry.d.ts",
+  "sideEffects": false
+}

package/public_api.d.ts

@@ -0,0 +1 @@
+export * from './lib/index';

package/shared.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./components/file-upload/secure.pipe";
+import * as i2 from "@angular/common";
+import * as i3 from "@ngx-translate/core";
+export declare class SharedModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SharedModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SharedModule, [typeof i1.SecurePipe], [typeof i2.CommonModule], [typeof i1.SecurePipe, typeof i3.TranslateModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SharedModule>;
+}

package/styles/ngx-formentry.css

@@ -0,0 +1,374 @@
+@import 'picker.min.css';
+.ng-select {
+  padding-bottom: 1.25em;
+  min-width: 16rem;
+}
+
+.ng-select.ng-select-disabled .ng-select-container:after {
+  border-bottom-color: transparent;
+}
+
+.ng-select.ng-select-disabled
+  .ng-select-container
+  .ng-value-container
+  .ng-value {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.ng-select.ng-select-disabled
+  .ng-select-container
+  .ng-value-container
+  .ng-placeholder {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,
+.ng-select.ng-select-disabled .ng-clear-wrapper {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.ng-select.ng-select-focused .ng-select-container:after {
+  border-color: #161616;
+  border-width: 2px;
+}
+
+.ng-select.ng-select-focused
+  .ng-select-container
+  .ng-value-container
+  .ng-placeholder {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px)
+    translateZ(0.001px);
+  color: #161616;
+}
+
+.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow {
+  color: #161616;
+}
+
+.ng-select .ng-has-value .ng-placeholder,
+.ng-select.ng-select-filtered .ng-select-container .ng-placeholder {
+  display: initial;
+}
+
+.ng-select .ng-has-value .ng-placeholder,
+.ng-select.ng-select-opened .ng-placeholder {
+  transform: translateY(-1.28125em) scale(0.75) perspective(100px)
+    translateZ(0.001px);
+}
+
+.ng-select .ng-select-container {
+  align-items: baseline;
+  min-height: 2.5rem;
+  padding: 0 1rem;
+}
+
+.afe-custom.ng-select .ng-select-container {
+  background-color: #ffffff;
+}
+
+.ng-select .ng-select-container:after {
+  border-bottom: 1px solid #8d8d8d;
+  content: '';
+  width: 100%;
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  transition: border-color 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
+}
+
+.ng-select .ng-select-container .ng-value-container {
+  align-items: stretch;
+  padding: 0.4375em 0;
+  border-top: 0.84375em solid transparent;
+}
+
+.ng-select .ng-select-container .ng-value-container .ng-placeholder {
+  position: absolute;
+  color: rgba(0, 0, 0, 0.54);
+  transform-origin: 0 0;
+  transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
+    color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1),
+    width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
+}
+
+.ng-select .ng-select-container .ng-value-container .ng-input {
+  bottom: 0.4375em;
+  padding: 0 1rem;
+}
+
+.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper {
+  align-self: flex-end;
+  right: 4px;
+  top: -5px;
+}
+
+.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper {
+  align-self: flex-end;
+  bottom: 7px;
+}
+
+.ng-select.ng-select-multiple.ng-select-disabled
+  .ng-select-container
+  .ng-value-container
+  .ng-value {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value {
+  background-color: #161616;
+  border-radius: 2px;
+  color: #fff;
+  padding: 2px 5px;
+  margin: 0 0.4375em 0.4375em 0;
+}
+
+[dir='rtl']
+  .ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value {
+  margin: 0 0 0.4375em 0.4375em;
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value.ng-value-disabled {
+  background-color: rgba(0, 0, 0, 0.12);
+  color: rgba(0, 0, 0, 0.26);
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value
+  .ng-value-label {
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value
+  .ng-value-icon {
+  color: rgba(255, 255, 255, 0.54);
+  padding-right: 5px;
+}
+
+[dir='rtl']
+  .ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value
+  .ng-value-icon {
+  padding-left: 5px;
+  padding-right: 0;
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-value
+  .ng-value-icon:hover {
+  color: rgba(255, 255, 255, 0.87);
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container
+  .ng-value-container
+  .ng-input {
+  line-height: 1.375em;
+}
+
+.ng-select.ng-select-multiple .ng-select-container.ng-has-value {
+  align-items: center;
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container.ng-has-value
+  .ng-value-container {
+  padding-bottom: 0;
+  padding-top: 0.1875em;
+}
+
+.ng-select.ng-select-multiple
+  .ng-select-container.ng-has-value
+  .ng-clear-wrapper,
+.ng-select.ng-select-multiple
+  .ng-select-container.ng-has-value
+  .ng-arrow-wrapper {
+  border-top: 0.84375em solid transparent;
+}
+
+.ng-select .ng-clear-wrapper {
+  color: rgba(0, 0, 0, 0.54);
+}
+
+.ng-select .ng-clear-wrapper:hover {
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ng-select .ng-has-value .ng-arrow-wrapper {
+  right: 4px;
+  top: 2px;
+}
+
+.ng-select .ng-arrow-wrapper .ng-arrow {
+  margin: 0 4px;
+  color: rgba(0, 0, 0, 0.54);
+}
+
+.ng-select .ng-arrow-wrapper .ng-arrow::after {
+	content: url("data:image/svg+xml;charset=UTF-8, <svg  focusable='false' preserveAspectRatio='xMidYMid meet' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' aria-hidden='true' class='cds--select__arrow' style='will-change: transform;'><path  d='M8 11L3 6 3.7 5.3 8 9.6 12.3 5.3 13 6z'></path></svg>");
+}
+
+.ng-select .ng-spinner-zone {
+  top: 3px;
+}
+
+.ng-dropdown-panel {
+  background: #fff;
+  left: 0;
+}
+
+.ng-dropdown-panel.ng-select-bottom {
+  top: calc(100% - 1.25em);
+  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
+    0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+
+.ng-dropdown-panel.ng-select-top {
+  bottom: calc(100% - 0.84375em);
+  box-shadow: 0 -5px 5px -3px rgba(0, 0, 0, 0.2),
+    0 -8px 10px 1px rgba(0, 0, 0, 0.14), 0 -3px 14px 2px rgba(0, 0, 0, 0.12);
+}
+
+.ng-dropdown-panel.multiple .ng-option.selected {
+  background: #fff;
+}
+
+.ng-dropdown-panel.multiple .ng-option.marked {
+  background: rgba(0, 0, 0, 0.04);
+}
+
+.ng-dropdown-panel .ng-dropdown-header {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
+  padding: 0 16px;
+  line-height: 3em;
+  min-height: 3em;
+}
+
+.ng-dropdown-panel .ng-dropdown-footer {
+  border-top: 1px solid rgba(0, 0, 0, 0.12);
+  padding: 0 16px;
+  line-height: 3em;
+  min-height: 3em;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
+  user-select: none;
+  cursor: pointer;
+  line-height: 3em;
+  height: 3em;
+  padding: 0 16px;
+  color: rgba(0, 0, 0, 0.54);
+  font-weight: 500;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
+  background: rgba(0, 0, 0, 0.04);
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
+  cursor: default;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected {
+  background: rgba(0, 0, 0, 0.12);
+  color: #161616;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+  line-height: 3em;
+  min-height: 3em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  padding: 0 16px;
+  text-decoration: none;
+  position: relative;
+  color: rgba(0, 0, 0, 0.87);
+  text-align: left;
+}
+
+[dir='rtl'] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
+  text-align: right;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
+  background: rgba(0, 0, 0, 0.04);
+  color: rgba(0, 0, 0, 0.87);
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
+  background: rgba(0, 0, 0, 0.12);
+  color: #161616;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
+  color: rgba(0, 0, 0, 0.38);
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
+  padding-left: 32px;
+}
+
+[dir='rtl']
+  .ng-dropdown-panel
+  .ng-dropdown-panel-items
+  .ng-option.ng-option-child {
+  padding-right: 32px;
+  padding-left: 0;
+}
+
+.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
+  padding-right: 5px;
+  font-size: 80%;
+  font-weight: 400;
+  color: rgba(0, 0, 0, 0.38);
+}
+
+[dir='rtl']
+  .ng-dropdown-panel
+  .ng-dropdown-panel-items
+  .ng-option
+  .ng-tag-label {
+  padding-left: 5px;
+  padding-right: 0;
+}
+.ng-select-container {
+  background-color: #f4f4f4;
+}
+
+.form-buttons {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  width: 100%;
+  margin-top: 0.75rem;
+}
+
+.form-buttons > * + * {
+  margin-left: 0.75rem;
+}
+
+.owl-dt-container {
+  background-color: #f4f4f4;
+}