(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["service-request-form-service-request-form-module"],{

/***/ "0XwU":
/*!********************************************************!*\
  !*** ./src/models/types/ng-select.type.component.scss ***!
  \********************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (":host ::ng-deep .ng-select {\n  padding-bottom: 0;\n}\n:host ::ng-deep .ng-select .ng-select-container {\n  color: inherit;\n  min-height: inherit;\n  border-top: none;\n  padding: 0;\n}\n:host ::ng-deep .ng-select .ng-select-container::after {\n  border-bottom: 0px;\n}\n:host ::ng-deep .ng-select .ng-select-container .ng-value-container {\n  padding: 0;\n  border-top: 0;\n}\n:host ::ng-deep .ng-select .ng-select-container .ng-arrow-wrapper {\n  bottom: 6px;\n}\n:host ::ng-deep .ng-select .ng-select-container .ng-arrow-wrapper .ng-arrow {\n  color: inherit;\n}\n:host ::ng-deep .ng-select .ng-select-container .ng-clear-wrapper {\n  bottom: 2px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL25nLXNlbGVjdC50eXBlLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNJO0VBQ0UsaUJBQUE7QUFBTjtBQUNNO0VBQ0UsY0FBQTtFQUNBLG1CQUFBO0VBQ0EsZ0JBQUE7RUFDQSxVQUFBO0FBQ1I7QUFBUTtFQUNFLGtCQUFBO0FBRVY7QUFDUTtFQUNFLFVBQUE7RUFDQSxhQUFBO0FBQ1Y7QUFFUTtFQUNFLFdBQUE7QUFBVjtBQUNVO0VBQ0UsY0FBQTtBQUNaO0FBRVE7RUFDRSxXQUFBO0FBQVYiLCJmaWxlIjoibmctc2VsZWN0LnR5cGUuY29tcG9uZW50LnNjc3MiLCJzb3VyY2VzQ29udGVudCI6WyI6aG9zdCA6Om5nLWRlZXAge1xuICAgIC5uZy1zZWxlY3Qge1xuICAgICAgcGFkZGluZy1ib3R0b206IDA7XG4gICAgICAubmctc2VsZWN0LWNvbnRhaW5lciB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICBtaW4taGVpZ2h0OiBpbmhlcml0O1xuICAgICAgICBib3JkZXItdG9wOiBub25lO1xuICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAmOjphZnRlciB7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbTogMHB4O1xuICAgICAgICB9XG4gIFxuICAgICAgICAubmctdmFsdWUtY29udGFpbmVyIHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIGJvcmRlci10b3A6IDA7XG4gICAgICAgIH1cbiAgXG4gICAgICAgIC5uZy1hcnJvdy13cmFwcGVyIHtcbiAgICAgICAgICBib3R0b206IDZweDtcbiAgICAgICAgICAubmctYXJyb3cge1xuICAgICAgICAgICAgY29sb3I6IGluaGVyaXQ7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIC5uZy1jbGVhci13cmFwcGVyIHtcbiAgICAgICAgICBib3R0b206IDJweDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgfVxuICAiXX0= */");

/***/ }),

/***/ "EHKr":
/*!*****************************************************************************!*\
  !*** ./src/app/service-request-form/service-request-form-routing.module.ts ***!
  \*****************************************************************************/
/*! exports provided: ServiceRequestFormPageRoutingModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ServiceRequestFormPageRoutingModule", function() { return ServiceRequestFormPageRoutingModule; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "mrSG");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var _service_request_form_page__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./service-request-form.page */ "I/gb");




const routes = [
    {
        path: '',
        component: _service_request_form_page__WEBPACK_IMPORTED_MODULE_3__["ServiceRequestFormPage"]
    }
];
let ServiceRequestFormPageRoutingModule = class ServiceRequestFormPageRoutingModule {
};
ServiceRequestFormPageRoutingModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
        imports: [_angular_router__WEBPACK_IMPORTED_MODULE_2__["RouterModule"].forChild(routes)],
        exports: [_angular_router__WEBPACK_IMPORTED_MODULE_2__["RouterModule"]],
    })
], ServiceRequestFormPageRoutingModule);



/***/ }),

/***/ "HySj":
/*!***********************************************************************************************************!*\
  !*** ./node_modules/raw-loader/dist/cjs.js!./src/app/service-request-form/service-request-form.page.html ***!
  \***********************************************************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ("<ion-header>\n  <ion-toolbar>\n    <ion-buttons slot=\"start\">\n      <ion-back-button text=\"\" icon=\"chevron-back-sharp\"></ion-back-button>\n    </ion-buttons>\n    <ion-title>\n      <span class=\"d-flex\">Helpdesk Tickets\n        <!-- <span class=\"end\">01:22 min</span> -->\n      </span>\n    </ion-title>\n  </ion-toolbar>\n</ion-header>\n<ion-content fullscreen class=\"ion-padding\">\n  <!-- <ion-grid class=\"top-head\">\n    <ion-row>\n      <ion-col size=\"12\" class=\"d-flex\">\n        <h4>{{ selectedCate?.category_type }}: {{ selectedCate?.category_desc }}</h4>\n      </ion-col>\n    </ion-row>\n  </ion-grid> -->\n  <p>\n    <ion-text color=\"primary\" class=\"top-head\">\n      <h4>{{ selectedCate?.category_type }}: <ion-text>{{ selectedCate?.category_desc }}</ion-text>\n      </h4>\n      <ion-grid>\n        <ion-row>\n          <ion-col size=\"1\">\n            <ion-icon name=\"information-circle\"></ion-icon>\n          </ion-col>\n          <ion-col size=\"11\">           \n            <ion-note>{{ selectedCate?.help_text }}</ion-note>\n          </ion-col>\n        </ion-row>\n      </ion-grid>\n    </ion-text>\n  </p>\n  <div *ngIf=\"isVrnField\" class=\"custom-form\">\n    <h5>\n      <ion-label>VRN: </ion-label>\n    </h5>\n    <ng-select [items]=\"optionField\" bindLabel=\"label\" bindValue=\"value\" [editableSearchTerm]=\"true\" [multiple]=\"false\" placeholder=\"\"\n      [(ngModel)]=\"selectedVrn\">\n    </ng-select>\n  </div>\n  <form [formGroup]=\"form\" (ngSubmit)=\"submit()\">\n\n    <formly-form [form]=\"form\" [model]=\"model\" [fields]=\"myForm?.fields\" [options]=\"options\">\n    </formly-form>\n\n  </form>\n</ion-content>\n\n<ion-footer>\n  <ion-toolbar>\n    <ion-button type=\"submit\" slot=\"start\" size=\"large\" shape=\"block\" class=\"btn\" (click)=\"submit()\">Submit\n    </ion-button>\n    <!-- [disabled]=\"!form.valid\" -->\n  </ion-toolbar>\n</ion-footer>");

/***/ }),

/***/ "I/gb":
/*!*******************************************************************!*\
  !*** ./src/app/service-request-form/service-request-form.page.ts ***!
  \*******************************************************************/
/*! exports provided: ServiceRequestFormPage */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ServiceRequestFormPage", function() { return ServiceRequestFormPage; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "mrSG");
/* harmony import */ var _raw_loader_service_request_form_page_html__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! raw-loader!./service-request-form.page.html */ "HySj");
/* harmony import */ var _service_request_form_page_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./service-request-form.page.scss */ "oewn");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/forms */ "3Pt+");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var src_services_common_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/services/common.service */ "FBGF");
/* harmony import */ var src_services_myevent_services__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/services/myevent.services */ "ThQF");
/* harmony import */ var src_services_service_request_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! src/services/service-request.service */ "YPdO");
/* harmony import */ var src_services_constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! src/services/constants */ "k8oS");










let ServiceRequestFormPage = class ServiceRequestFormPage {
    constructor(dataService, commonService, serviceRequest, route) {
        this.dataService = dataService;
        this.commonService = commonService;
        this.serviceRequest = serviceRequest;
        this.route = route;
        this.activedStep = 0;
        this.model = {
            remarks: '',
            vrn: ''
        };
        this.options = {};
        this.form = new _angular_forms__WEBPACK_IMPORTED_MODULE_4__["FormGroup"]({});
        this.categoriesList = {};
        this.vrn = true;
        this.tpid = true;
        this.tollxnid = true;
        this.fileName = 'service-request-form.page.ts';
        this.isVrnField = false;
    }
    titleCase(str) {
        return str.replace(/(^|\s)\S/g, function (t) { return t.toUpperCase(); });
    }
    ngOnInit() {
        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
        try {
            let selectedCateTmp = this.dataService.getSelectedCate();
            this.selectedCate = JSON.parse(JSON.stringify(selectedCateTmp));
            this.tags = (_a = this.selectedCate) === null || _a === void 0 ? void 0 : _a.tags;
            console.log({
                Object: this.selectedCate
            });
            var vno = JSON.parse(localStorage.getItem("vehicleList"));
            var vehicleNumberList;
            if (vno !== null) {
                vehicleNumberList = Object.keys(vno);
                var temp = [];
                for (let sep of vehicleNumberList) {
                    temp.push({
                        value: sep, label: sep
                    });
                }
                this.optionField = temp;
            }
            for (let i = 0; i < ((_b = this.tags) === null || _b === void 0 ? void 0 : _b.length); i++) {
                if (this.tags[i] === 'vrn') {
                    this.vrn = false;
                }
                if (this.tags[i] === 'tpid') {
                    this.tpid = false;
                }
                if (this.tags[i] === 'tollxnid') {
                    this.tollxnid = false;
                }
            }
            let commonFileds = this.commonService.getDefaultForm();
            let formEle = this.commonService.getTicketTags({ vrn: this.optionField });
            console.log({
                formEle: formEle
            });
            //------- Removing formly vrn field ---------------------------------------------
            const index = (_c = this.selectedCate) === null || _c === void 0 ? void 0 : _c.tags.indexOf("vrn");
            if (index > -1) {
                this.isVrnField = true;
                (_d = this.selectedCate) === null || _d === void 0 ? void 0 : _d.tags.splice(index, 1);
            }
            //--------------------------------------------------------------------------------
            if (((_e = this.selectedCate) === null || _e === void 0 ? void 0 : _e.tags.length) > 0) {
                for (let i = 0; i < ((_f = this.selectedCate) === null || _f === void 0 ? void 0 : _f.tags.length); i++) {
                    let eleLbl = (((_g = this.selectedCate) === null || _g === void 0 ? void 0 : _g.tags[i]) !== undefined) ? formEle[(_h = this.selectedCate) === null || _h === void 0 ? void 0 : _h.tags[i]] : 'unset';
                    /*
                    // for ng-select will check later, Css is not rendering properly
                    commonFileds.unshift({
                      fieldGroupClassName: 'display-flex',
                      fieldGroup: [
                        {
                          className: 'flex',
                          key: 'user',
                          type: 'ng-select',
                          templateOptions: {
                            label: 'Select vrn',
                            required: false,
                            placeholder: 'Select a user:',
                            options: [
                              { id: 1, fistname: 'foo', lastname: '1' },
                              { id: 2, fistname: 'foo', lastname: '2' },
                              { id: 3, fistname: 'bar', lastname: '1' },
                              { id: 4, fistname: 'bar', lastname: '2' },
                            ],
                            valueProp: 'id',
                            labelProp: opt => `${opt.fistname} ${opt.lastname}`,
                          }
                        },
                      ],
                    });
                    */
                    if (eleLbl !== 'unset') {
                        commonFileds.unshift({
                            fieldGroupClassName: 'display-flex',
                            fieldGroup: [
                                {
                                    className: 'flex',
                                    key: eleLbl.key,
                                    type: eleLbl.type,
                                    templateOptions: {
                                        label: '',
                                        placeholder: '',
                                        description: '',
                                        options: eleLbl.options
                                    },
                                }
                            ],
                        });
                        commonFileds.unshift({
                            className: 'templet',
                            fieldGroupClassName: 'display-flex',
                            fieldGroup: [
                                {
                                    className: 'flex-2',
                                    template: '<hr /><h5><ion-label class="formly-lbl">' + eleLbl.label + ' </ion-label></h5>',
                                },
                            ],
                        });
                    }
                }
            }
            this.categoriesList = {
                "default": {
                    fields: [{
                            fieldGroupClassName: 'display-flex',
                            fieldGroup: [
                                {
                                    className: 'flex',
                                    key: 'remarks',
                                    type: 'textarea',
                                    templateOptions: {
                                        label: 'Remark: ',
                                        placeholder: 'Write your remark',
                                        description: 'Remark',
                                    },
                                }
                            ],
                        }]
                },
                "0": {
                    fields: commonFileds
                }
            };
            this.commonService.log({
                type: (_j = this.selectedCate) === null || _j === void 0 ? void 0 : _j.category_type
            });
            let formlyIndex = 'default';
            if (['Complaint', 'Request', 'Fastag Dispute', 'Feedback'].includes((_k = this.selectedCate) === null || _k === void 0 ? void 0 : _k.category_type)) {
                formlyIndex = '0';
            }
            this.myForm = (this.categoriesList[formlyIndex] !== undefined) ? this.categoriesList[formlyIndex] : this.categoriesList['default'];
        }
        catch (error) {
            let obj = {
                fileName: this.fileName,
                functionName: 'ngOnInit()',
                error: error
            };
            this.commonService.systemException(obj);
        }
    }
    optionsFn() {
        console.log(this.place);
        //let item = this.place;
    }
    // form = new FormArray(this.categories.map(() => new FormGroup({})));
    prevStep(step) {
        try {
            this.activedStep = step - 1;
        }
        catch (error) {
            let obj = {
                fileName: this.fileName,
                functionName: 'prevStep(step)',
                error: error
            };
            this.commonService.systemException(obj);
        }
    }
    nextStep(step) {
        try {
            this.activedStep = step + 1;
        }
        catch (error) {
            let obj = {
                fileName: this.fileName,
                functionName: 'nextStep(step)',
                error: error
            };
            this.commonService.systemException(obj);
        }
    }
    submit() {
        var _a;
        return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            try {
                var modelProp = [];
                var remarks = this.model.remarks;
                modelProp.push(this.model);
                if (this.isVrnField) {
                    this.model.vrn = this.selectedVrn;
                }
                else {
                    {
                        modelProp.map(function (obj) {
                            delete obj.vrn;
                            return obj;
                        });
                    }
                }
                modelProp.map(function (obj) {
                    delete obj.remarks;
                    return obj;
                });
                const objectValues = Object.assign({}, modelProp);
                let obj = {
                    "categoryId": (_a = this.selectedCate) === null || _a === void 0 ? void 0 : _a.category_id,
                    "userId": "",
                    "remarks": remarks,
                    "properties": objectValues[0]
                };
                yield this.commonService.showLoader();
                this.serviceRequest.addTicket(obj).subscribe((resp) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
                    var _b;
                    if (resp.status) {
                        let alertMsg = src_services_constants__WEBPACK_IMPORTED_MODULE_9__["CONSTANTS"].TICKET_ALERT_MSG;
                        let ticketId = (_b = resp === null || resp === void 0 ? void 0 : resp.data) === null || _b === void 0 ? void 0 : _b.id;
                        this.commonService.simpleAlert("Success", alertMsg.concat(ticketId));
                        yield this.commonService.hideLoader();
                        this.isVrnField = false;
                        this.selectedVrn = null;
                        this.route.navigate(['./tab/services-list']);
                    }
                    else {
                        this.resError = resp.message;
                        yield this.commonService.hideLoader();
                        this.commonService.errorToast(this.resError);
                    }
                }), (error) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
                    yield this.commonService.hideLoader();
                    this.resError = error.message;
                    this.commonService.errorToast(this.resError);
                    console.log(this.resError);
                }));
            }
            catch (error) {
                let obj = {
                    fileName: this.fileName,
                    functionName: 'submit()',
                    error: error
                };
                this.commonService.systemException(obj);
            }
        });
    }
};
ServiceRequestFormPage.ctorParameters = () => [
    { type: src_services_myevent_services__WEBPACK_IMPORTED_MODULE_7__["MyEvent"] },
    { type: src_services_common_service__WEBPACK_IMPORTED_MODULE_6__["CommonService"] },
    { type: src_services_service_request_service__WEBPACK_IMPORTED_MODULE_8__["ServiceRequestService"] },
    { type: _angular_router__WEBPACK_IMPORTED_MODULE_5__["Router"] }
];
ServiceRequestFormPage = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_3__["Component"])({
        selector: 'app-service-request-form',
        template: _raw_loader_service_request_form_page_html__WEBPACK_IMPORTED_MODULE_1__["default"],
        styles: [_service_request_form_page_scss__WEBPACK_IMPORTED_MODULE_2__["default"]]
    }),
    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__metadata"])("design:paramtypes", [src_services_myevent_services__WEBPACK_IMPORTED_MODULE_7__["MyEvent"],
        src_services_common_service__WEBPACK_IMPORTED_MODULE_6__["CommonService"],
        src_services_service_request_service__WEBPACK_IMPORTED_MODULE_8__["ServiceRequestService"],
        _angular_router__WEBPACK_IMPORTED_MODULE_5__["Router"]])
], ServiceRequestFormPage);



/***/ }),

/***/ "Ml1u":
/*!*********************************************************************!*\
  !*** ./src/app/service-request-form/service-request-form.module.ts ***!
  \*********************************************************************/
/*! exports provided: ServiceRequestFormPageModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ServiceRequestFormPageModule", function() { return ServiceRequestFormPageModule; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "mrSG");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/forms */ "3Pt+");
/* harmony import */ var _ionic_angular__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ionic/angular */ "TEn/");
/* harmony import */ var _service_request_form_routing_module__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./service-request-form-routing.module */ "EHKr");
/* harmony import */ var _service_request_form_page__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./service-request-form.page */ "I/gb");
/* harmony import */ var _ngx_formly_bootstrap__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ngx-formly/bootstrap */ "bquJ");
/* harmony import */ var _ngx_formly_ionic__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ngx-formly/ionic */ "8mWu");
/* harmony import */ var _ngx_formly_core__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ngx-formly/core */ "0FS3");
/* harmony import */ var _file_value_accessor__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./file-value-accessor */ "O7wu");
/* harmony import */ var _file_type_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./file-type.component */ "hnhn");
/* harmony import */ var src_models_types_ng_select_type_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! src/models/types/ng-select.type.component */ "urw0");
/* harmony import */ var _ngx_formly_core_select__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @ngx-formly/core/select */ "oKox");
/* harmony import */ var _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @ng-select/ng-select */ "ZOsW");















let ServiceRequestFormPageModule = class ServiceRequestFormPageModule {
};
ServiceRequestFormPageModule = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["NgModule"])({
        imports: [
            _angular_common__WEBPACK_IMPORTED_MODULE_2__["CommonModule"],
            _angular_forms__WEBPACK_IMPORTED_MODULE_3__["FormsModule"],
            _ionic_angular__WEBPACK_IMPORTED_MODULE_4__["IonicModule"],
            _service_request_form_routing_module__WEBPACK_IMPORTED_MODULE_5__["ServiceRequestFormPageRoutingModule"],
            _angular_forms__WEBPACK_IMPORTED_MODULE_3__["ReactiveFormsModule"],
            _ngx_formly_bootstrap__WEBPACK_IMPORTED_MODULE_7__["FormlyBootstrapModule"],
            _ngx_formly_ionic__WEBPACK_IMPORTED_MODULE_8__["FormlyIonicModule"],
            _ngx_formly_core_select__WEBPACK_IMPORTED_MODULE_13__["FormlySelectModule"],
            _ng_select_ng_select__WEBPACK_IMPORTED_MODULE_14__["NgSelectModule"],
            _ngx_formly_core__WEBPACK_IMPORTED_MODULE_9__["FormlyModule"].forRoot({
                validationMessages: [
                    { name: 'required', message: 'This field is required' },
                ],
                types: [
                    { name: 'file', component: _file_type_component__WEBPACK_IMPORTED_MODULE_11__["FormlyFieldFile"], wrappers: ['form-field'] },
                    { name: 'ng-select', component: src_models_types_ng_select_type_component__WEBPACK_IMPORTED_MODULE_12__["FormlyFieldNgSelect"], wrappers: ['form-field'] },
                ],
            }),
        ],
        declarations: [
            _service_request_form_page__WEBPACK_IMPORTED_MODULE_6__["ServiceRequestFormPage"],
            _file_value_accessor__WEBPACK_IMPORTED_MODULE_10__["FileValueAccessor"],
            _file_type_component__WEBPACK_IMPORTED_MODULE_11__["FormlyFieldFile"],
            src_models_types_ng_select_type_component__WEBPACK_IMPORTED_MODULE_12__["FormlyFieldNgSelect"]
        ]
    })
], ServiceRequestFormPageModule);



/***/ }),

/***/ "O7wu":
/*!*************************************************************!*\
  !*** ./src/app/service-request-form/file-value-accessor.ts ***!
  \*************************************************************/
/*! exports provided: FileValueAccessor */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FileValueAccessor", function() { return FileValueAccessor; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "mrSG");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/forms */ "3Pt+");
var FileValueAccessor_1;



let FileValueAccessor = FileValueAccessor_1 = class FileValueAccessor {
    constructor() {
        this.onChange = (_) => { };
        this.onTouched = () => { };
    }
    writeValue(value) { }
    registerOnChange(fn) { this.onChange = fn; }
    registerOnTouched(fn) { this.onTouched = fn; }
};
FileValueAccessor = FileValueAccessor_1 = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["Directive"])({
        selector: 'input[type=file]',
        host: {
            '(change)': 'onChange($event.target.files)',
            '(blur)': 'onTouched()',
        },
        providers: [
            { provide: _angular_forms__WEBPACK_IMPORTED_MODULE_2__["NG_VALUE_ACCESSOR"], useExisting: FileValueAccessor_1, multi: true },
        ],
    })
], FileValueAccessor);



/***/ }),

/***/ "oewn":
/*!*********************************************************************!*\
  !*** ./src/app/service-request-form/service-request-form.page.scss ***!
  \*********************************************************************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = ("ion-header ion-toolbar ion-buttons ion-menu-button {\n  border-radius: 50%;\n  margin: 0 15px;\n  width: 42px;\n  height: 42px;\n}\nion-header ion-toolbar:last-child ion-button {\n  font-weight: 500;\n  white-space: normal;\n  color: var(--primary);\n}\nion-header ion-toolbar:last-child ion-icon {\n  padding: 3px;\n  margin-left: 5%;\n}\n.top-head {\n  padding-top: 20px;\n}\n.top-head h4 {\n  font-size: var(--title_font_size);\n  text-align: center;\n  color: var(--secondary);\n  margin: 10px;\n}\n.top-head ion-text {\n  font-size: var(--sub_title_font_size);\n  color: var(--primary);\n}\n.top-head ion-grid {\n  background: #e1e6ea;\n  color: var(--secondary);\n  padding: 10px;\n  border-radius: 10px 10px 10px 10px;\n  margin: 0px 10px 0px 10px;\n  border-top: 2px solid var(--secondary);\n}\n.top-head ion-grid ion-note {\n  color: var(--secondary);\n}\n.top-head ion-grid ion-note ion-icon {\n  padding: 0 0px;\n  margin: 0 0 0 0px;\n  max-width: 12px;\n  max-height: 12px;\n}\nion-button {\n  position: fixed;\n  bottom: 10px;\n  width: 95% !important;\n  left: 10px;\n}\n::ng-deep h5 {\n  font-size: var(--sub_title_font_size);\n  color: var(--text-light) !important;\n  font-weight: bold;\n}\n::ng-deep .display-flex {\n  display: flex;\n}\n::ng-deep ion-label {\n  font-weight: bold;\n}\n::ng-deep .flex {\n  flex: 1;\n  height: auto;\n  margin: 0px 10px;\n  border: 0.5px solid #C1C1C1;\n  border-radius: 6px;\n  padding: 0.5px;\n}\n::ng-deep .flex-1 {\n  flex: 2;\n  height: 270px;\n  left: 0px;\n  top: 0px;\n  margin: 10px 20px 0 20px;\n  padding-top: 25px;\n  border: 0.5px solid #C1C1C1;\n  box-sizing: border-box;\n  border-radius: 6px;\n}\n::ng-deep .flex-2 {\n  font-size: var(--sub_title_font_size) !important;\n  margin: 0px 0px 0 15px;\n  font-weight: bold;\n  color: var(--color);\n  font-family: var(--ion-font-family, inherit);\n}\n.custom-form {\n  height: auto;\n  margin: 0px 10px;\n  padding: 0.5px;\n  font-size: var(--sub_title_font_size);\n  color: var(--text-light) !important;\n}\n.custom-form h5 {\n  margin-left: 5px;\n  font-weight: normal !important;\n}\n/*# sourceMappingURL=data:application/json;base64,  */");

/***/ }),

/***/ "urw0":
/*!******************************************************!*\
  !*** ./src/models/types/ng-select.type.component.ts ***!
  \******************************************************/
/*! exports provided: FormlyFieldNgSelect */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormlyFieldNgSelect", function() { return FormlyFieldNgSelect; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "mrSG");
/* harmony import */ var _ng_select_type_component_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ng-select.type.component.scss */ "0XwU");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _ngx_formly_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngx-formly/core */ "0FS3");




let FormlyFieldNgSelect = class FormlyFieldNgSelect extends _ngx_formly_core__WEBPACK_IMPORTED_MODULE_3__["FieldType"] {
};
FormlyFieldNgSelect = Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__decorate"])([
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_2__["Component"])({
        selector: 'formly-field-ng-select',
        template: `
    <ng-select
      [bindValue]="'value'"
      [items]="to.options|formlySelectOptions:field|async"
      [formControl]="formControl">
    </ng-select>
  `,
        styles: [_ng_select_type_component_scss__WEBPACK_IMPORTED_MODULE_1__["default"]]
    })
], FormlyFieldNgSelect);



/***/ })

}]);
//# sourceMappingURL=service-request-form-service-request-form-module-es2015.js.map