(window["webpackJsonp"] = window["webpackJsonp"] || []).push([["main"],{

/***/ "+kh+":
/*!*********************************************************!*\
  !*** ./src/app/shared/googlemap/googlemap.component.ts ***!
  \*********************************************************/
/*! exports provided: GooglemapComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GooglemapComponent", function() { return GooglemapComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _agm_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @agm/core */ "pxUr");
/* harmony import */ var src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/services/storage.service */ "n90K");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");




const _c0 = ["search"];
/**
 * Google map component
 */
class GooglemapComponent {
    /**
     * @constructor
     */
    constructor(mapsAPILoader, ngZone, storageService) {
        this.mapsAPILoader = mapsAPILoader;
        this.ngZone = ngZone;
        this.storageService = storageService;
        this.latitude = 23.4241;
        this.longitude = 53.8478;
        this.zoom = 6;
    }
    /**
     * on init
     */
    ngOnInit() {
    }
    /**
     * ng after content Init
     */
    ngAfterContentInit() {
        window.scroll(0, 0);
        // load Places Autocomplete
        this.mapsAPILoader.load().then(() => {
            this.geoCoder = new google.maps.Geocoder();
            this.setCurrentLocation();
            console.log('set current location from map component', this.setCurrentLocation);
            const autocomplete = new google.maps.places.Autocomplete(this.searchElementRef.nativeElement);
            autocomplete.addListener('place_changed', () => {
                this.ngZone.run(() => {
                    // get the place result
                    const place = autocomplete.getPlace();
                    console.log('place from map component', place);
                    // verify result
                    if (place.geometry === undefined || place.geometry === null) {
                        return;
                    }
                    // set latitude, longitude and zoom
                    this.latitude = place.geometry.location.lat();
                    this.longitude = place.geometry.location.lng();
                    this.setaddressinput = place.formatted_address;
                    // store in local storage
                    this.storageService.setItem('lat', JSON.stringify(this.latitude));
                    this.storageService.setItem('lng', JSON.stringify(this.longitude));
                    this.storageService.setItem('address', JSON.stringify(this.setaddressinput));
                });
            });
        });
    }
    /**
     * Get Current Location Coordinates
     */
    setCurrentLocation() {
        navigator.permissions && navigator.permissions.query({ name: 'geolocation' }).then((PermissionStatus) => {
            if (PermissionStatus.state == 'granted') {
                if ('geolocation' in navigator) {
                    navigator.geolocation.getCurrentPosition((position) => {
                        this.latitude = position.coords.latitude;
                        this.longitude = position.coords.longitude;
                        this.getAddress(this.latitude, this.longitude);
                        console.log('get address from map component', this.getAddress);
                    });
                }
            }
            else
                (PermissionStatus.state == 'prompt');
            {
                this.getAddress(this.latitude, this.longitude);
                console.log('get address1 from map component', this.getAddress);
            }
            // else {
            //   this.getAddress(25.340630377372914, 55.38592908121872);
            // }
        });
    }
    /**
     * Get address
     * @param {number} latitude
     * @param {number} longitude
     */
    getAddress(latitude, longitude) {
        this.geoCoder.geocode({ 'location': { lat: latitude, lng: longitude } }, (results, status) => {
            if (status === 'OK') {
                if (results[0]) {
                    this.address = results[0].formatted_address;
                    this.setaddressinput = this.address;
                    localStorage.setItem('lat', JSON.stringify(this.latitude));
                    localStorage.setItem('lng', JSON.stringify(this.longitude));
                    localStorage.setItem('address', JSON.stringify(this.setaddressinput));
                }
                else {
                    console.error('No results found');
                }
            }
            else {
                console.error('Geocoder failed due to: ' + status);
            }
        });
    }
    /**
     * Marker drag event
     * @param {object} $event
     */
    markerDragEnd($event) {
        this.latitude = $event.latLng.lat();
        this.longitude = $event.latLng.lng();
        this.getAddress(this.latitude, this.longitude);
    }
}
GooglemapComponent.ɵfac = function GooglemapComponent_Factory(t) { return new (t || GooglemapComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_agm_core__WEBPACK_IMPORTED_MODULE_1__["MapsAPILoader"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["NgZone"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_2__["StorageService"])); };
GooglemapComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: GooglemapComponent, selectors: [["app-googlemap"]], viewQuery: function GooglemapComponent_Query(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵviewQuery"](_c0, 1);
    } if (rf & 2) {
        let _t;
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵloadQuery"]()) && (ctx.searchElementRef = _t.first);
    } }, decls: 15, vars: 10, consts: [[1, "map-section"], [1, "searchlocation"], ["type", "text", "autocorrect", "off", "autocapitalize", "off", "spellcheck", "off", "type", "text", 1, "form-control", "rounded", "shadow", 3, "placeholder", "keydown.enter"], ["search", ""], [1, "map", 3, "latitude", "longitude", "zoom"], [3, "latitude", "longitude", "markerDraggable", "dragEnd"], [1, "locationdetails", "text-dark"], [1, "row", "mt-3"], [1, "col-md-1", "text-right", "col-2"], ["src", "assets/images/icons/location.png"], [1, "col-md-11", "p-0", "col-10"], [1, "clearfix"]], template: function GooglemapComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "input", 2, 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("keydown.enter", function GooglemapComponent_Template_input_keydown_enter_2_listener($event) { return $event.preventDefault(); });
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](4, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "agm-map", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "agm-marker", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("dragEnd", function GooglemapComponent_Template_agm_marker_dragEnd_6_listener($event) { return ctx.markerDragEnd($event); });
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](10, "img", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "div", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "h6");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](14, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpropertyInterpolate"]("placeholder", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](4, 8, "Search Nearest Location"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("latitude", ctx.latitude)("longitude", ctx.longitude)("zoom", ctx.zoom);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("latitude", ctx.latitude)("longitude", ctx.longitude)("markerDraggable", true);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx.setaddressinput);
    } }, directives: [_agm_core__WEBPACK_IMPORTED_MODULE_1__["AgmMap"], _agm_core__WEBPACK_IMPORTED_MODULE_1__["AgmMarker"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_3__["TranslatePipe"]], styles: [".map-section[_ngcontent-%COMP%]   .map[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 20em;\n}\n.map-section[_ngcontent-%COMP%]   .searchlocation[_ngcontent-%COMP%] {\n  position: absolute;\n  width: 60%;\n  top: 25px;\n  z-index: 999999999;\n  left: 0px;\n  right: 0;\n  margin-left: auto;\n  margin-right: auto;\n}\n.map-section[_ngcontent-%COMP%]   .searchlocation[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  height: 40px;\n  font-size: 15px;\n  padding-left: 30px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uXFwuLlxcLi5cXC4uXFxnb29nbGVtYXAuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0k7RUFDSSxXQUFBO0VBQ0EsWUFBQTtBQUFSO0FBR0k7RUFDSSxrQkFBQTtFQUNBLFVBQUE7RUFDQSxTQUFBO0VBQ0Esa0JBQUE7RUFDQSxTQUFBO0VBQ0EsUUFBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7QUFEUjtBQUlJO0VBQ0ksWUFBQTtFQUNBLGVBQUE7RUFDQSxrQkFBQTtBQUZSIiwiZmlsZSI6Imdvb2dsZW1hcC5jb21wb25lbnQuc2NzcyIsInNvdXJjZXNDb250ZW50IjpbIi5tYXAtc2VjdGlvbiB7XHJcbiAgICAubWFwIHtcclxuICAgICAgICB3aWR0aDogMTAwJTtcclxuICAgICAgICBoZWlnaHQ6IDIwZW07XHJcbiAgICB9XHJcblxyXG4gICAgLnNlYXJjaGxvY2F0aW9uIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgd2lkdGg6IDYwJTtcclxuICAgICAgICB0b3A6IDI1cHg7XHJcbiAgICAgICAgei1pbmRleDogOTk5OTk5OTk5O1xyXG4gICAgICAgIGxlZnQ6IDBweDtcclxuICAgICAgICByaWdodDogMDtcclxuICAgICAgICBtYXJnaW4tbGVmdDogYXV0bztcclxuICAgICAgICBtYXJnaW4tcmlnaHQ6IGF1dG87XHJcbiAgICB9XHJcblxyXG4gICAgLnNlYXJjaGxvY2F0aW9uIGlucHV0IHtcclxuICAgICAgICBoZWlnaHQ6IDQwcHg7XHJcbiAgICAgICAgZm9udC1zaXplOiAxNXB4O1xyXG4gICAgICAgIHBhZGRpbmctbGVmdDogMzBweDtcclxuICAgIH1cclxufSJdfQ== */"] });


/***/ }),

/***/ "+z6I":
/*!***************************************************!*\
  !*** ./src/app/shared/review/review.component.ts ***!
  \***************************************************/
/*! exports provided: ReviewComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReviewComponent", function() { return ReviewComponent; });
/* 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+");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! sweetalert2/dist/sweetalert2.js */ "PdH4");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/services/modal.service */ "VQPA");
/* harmony import */ var src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/services/storage.service */ "n90K");
/* harmony import */ var src_app_services_product_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/services/product.service */ "Gdn9");
/* harmony import */ var src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! src/app/services/translation.service */ "ty2H");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");













const _c0 = ["review"];
function ReviewComponent_ng_template_0_div_15_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](2, 1, "REVIEW.COMMENT_REQUIRED"));
} }
function ReviewComponent_ng_template_0_div_15_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](1, ReviewComponent_ng_template_0_div_15_div_1_Template, 3, 3, "div", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx_r3.form.comment.errors.required);
} }
function ReviewComponent_ng_template_0_div_42_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](3, 1, "REVIEW.RATING_REQUIRED"));
} }
const _c1 = function (a0) { return { "is-invalid": a0 }; };
function ReviewComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
    const _r7 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "h5", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](4, "button", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("click", function ReviewComponent_ng_template_0_Template_button_click_4_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r6.dismissModal(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "span", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](6, "\u00D7");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "div", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "form", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("ngSubmit", function ReviewComponent_ng_template_0_Template_form_ngSubmit_8_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r8.submitReview(ctx_r8.reviewForm); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](9, "div", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "label");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](12, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](13, "textarea", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](14, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](15, ReviewComponent_ng_template_0_div_15_Template, 2, 1, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](16, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](17, "label");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](19, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](20, "div", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](21, "fieldset", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](22, "input", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("change", function ReviewComponent_ng_template_0_Template_input_change_22_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r9.setRating(5); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](23, "label", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](24, "input", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("change", function ReviewComponent_ng_template_0_Template_input_change_24_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r10.setRating(4.5); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](25, "label", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](26, "input", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("change", function ReviewComponent_ng_template_0_Template_input_change_26_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r11.setRating(4); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](27, "label", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](28, "input", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("change", function ReviewComponent_ng_template_0_Template_input_change_28_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r12.setRating(3.5); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](29, "label", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](30, "input", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("change", function ReviewComponent_ng_template_0_Template_input_change_30_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r13.setRating(3); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](31, "label", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](32, "input", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("change", function ReviewComponent_ng_template_0_Template_input_change_32_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r14 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r14.setRating(2.5); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](33, "label", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](34, "input", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("change", function ReviewComponent_ng_template_0_Template_input_change_34_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r15 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r15.setRating(2); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](35, "label", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](36, "input", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("change", function ReviewComponent_ng_template_0_Template_input_change_36_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r16 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r16.setRating(1.5); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](37, "label", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](38, "input", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("change", function ReviewComponent_ng_template_0_Template_input_change_38_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r17 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r17.setRating(1); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](39, "label", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](40, "input", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("change", function ReviewComponent_ng_template_0_Template_input_change_40_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r18 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r18.setRating(0.5); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](41, "label", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](42, ReviewComponent_ng_template_0_div_42_Template, 4, 3, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](43, "div", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](44, "div", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](45, "button", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("click", function ReviewComponent_ng_template_0_Template_button_click_45_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r19 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r19.dismissModal(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](46);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](47, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](48, "button", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](49);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](50, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777LightBT");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](3, 14, "REVIEW.ADD_REVIEW"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("formGroup", ctx_r1.reviewForm)("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777LightBT");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](12, 16, "REVIEW.COMMENTS"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("placeholder", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](14, 18, "REVIEW.PLACEHOLDER.COMMENT"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction1"](26, _c1, ctx_r1.submitted && ctx_r1.form.comment.errors));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx_r1.submitted && ctx_r1.form.comment.errors);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](19, 20, "REVIEW.PRODUCT_RATING"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx_r1.submitted && ctx_r1.rating === 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777LightBT");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](47, 22, "COMMON.CANCEL"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777LightBT");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](50, 24, "REVIEW.SUBMIT_REVIEW"));
} }
/**
 * Review component
 */
class ReviewComponent {
    /**
     * @constructor
     */
    constructor(formBuilder, modalService, reviewModalService, storageService, productService, translationService) {
        this.formBuilder = formBuilder;
        this.modalService = modalService;
        this.reviewModalService = reviewModalService;
        this.storageService = storageService;
        this.productService = productService;
        this.translationService = translationService;
        this.updateReview = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
        this.profile = {};
        this.submitted = false;
        this.rating = 0;
    }
    /**
     * on init
     */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.profile = JSON.parse(this.storageService.getItem('profile'));
        // Listening to review modal observable
        this.modalSubscription = this.reviewModalService.setReviewModalStatusObserve.subscribe((data) => {
            var _a;
            if (data.isReviewModalOpen) {
                this.submitted = false;
                this.reviewModal = this.modalService.open(this.review, { ariaLabelledBy: 'modal-basic-title' });
                this.rating = 0;
                this.reviewForm = this.formBuilder.group({
                    rating: [0, _angular_forms__WEBPACK_IMPORTED_MODULE_2__["Validators"].required],
                    comment: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_2__["Validators"].required],
                });
            }
            else {
                (_a = this.reviewModal) === null || _a === void 0 ? void 0 : _a.close();
            }
        });
    }
    /**
     * on destroy
     */
    ngOnDestroy() {
        this.modalSubscription.unsubscribe();
    }
    /**
     * login controls
     */
    get form() {
        return this.reviewForm.controls;
    }
    /**
     * set rating
     * @param {number} rate
     */
    setRating(rate) {
        this.rating = rate;
    }
    /**
     * Submit review
     * @param {object} reviewForm
     */
    submitReview(reviewForm) {
        reviewForm.value.rating = this.rating;
        this.submitted = true;
        if (reviewForm.valid) {
            const data = reviewForm.value;
            data.authId = this.profile.authId;
            data.food_id = this.foodId;
            this.productService.addReview(data).subscribe((response) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
                var _a;
                if (response['status']) {
                    (_a = this.reviewModal) === null || _a === void 0 ? void 0 : _a.close();
                    sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
                        icon: 'success',
                        title: yield this.translationService.translateText('TOAST.REVIEW_ADDED'),
                        confirmButtonColor: '#432919',
                        confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                        customClass: {
                            container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                        },
                    }).then((result) => {
                        this.updateReview.emit();
                    });
                }
                else {
                    sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
                        icon: 'error',
                        title: yield this.translationService.translateText('TOAST.ADD_REVIEW_FAILED'),
                        confirmButtonColor: '#432919',
                        confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                        text: response.message,
                        customClass: {
                            container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                        },
                    });
                }
            }));
        }
    }
    /**
     * Close Modal
     */
    dismissModal() {
        this.reviewModalService.setReviewModalStatus({
            isReviewModalOpen: false,
        });
    }
}
ReviewComponent.ɵfac = function ReviewComponent_Factory(t) { return new (t || ReviewComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_2__["FormBuilder"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_4__["NgbModal"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_5__["ModalService"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_6__["StorageService"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_product_service__WEBPACK_IMPORTED_MODULE_7__["ProductService"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_8__["TranslationService"])); };
ReviewComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: ReviewComponent, selectors: [["app-review"]], viewQuery: function ReviewComponent_Query(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵviewQuery"](_c0, 1);
    } if (rf & 2) {
        let _t;
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx.review = _t.first);
    } }, inputs: { foodId: "foodId" }, outputs: { updateReview: "updateReview" }, decls: 2, vars: 0, consts: [["class", "modal-dialog-centered review"], ["review", ""], [1, "modal-header", 3, "ngClass"], ["id", "exampleModalLabel", 1, "modal-title", "text-uppercase"], ["type", "button", "data-dismiss", "modal", "aria-label", "Close", 1, "close", 3, "click"], ["aria-hidden", "true"], [1, "modal-body", "review"], [3, "formGroup", "ngClass", "ngSubmit"], [1, "form-group", "w-100"], ["formControlName", "comment", 1, "form-control", 3, "placeholder", "ngClass"], ["class", "text-danger", 4, "ngIf"], [1, "form-group", "w-100", "mb-4"], [1, "d-flex"], [1, "rating"], ["type", "radio", "id", "star25", "name", "rating", "value", "5", 3, "change"], ["for", "star25", "title", "Awesome - 5 stars", 1, "full", "m-0"], ["type", "radio", "id", "star4half", "name", "rating", "value", "4 and a half", 3, "change"], ["for", "star4half", "title", "Pretty good - 4.5 stars", 1, "half", "m-0"], ["type", "radio", "id", "star24", "name", "rating", "value", "4", 3, "change"], ["for", "star24", "title", "Pretty good - 4 stars", 1, "full", "m-0"], ["type", "radio", "id", "star3half", "name", "rating", "value", "3 and a half", 3, "change"], ["for", "star3half", "title", "Meh - 3.5 stars", 1, "half", "m-0"], ["type", "radio", "id", "star23", "name", "rating", "value", "3", 3, "change"], ["for", "star23", "title", "Meh - 3 stars", 1, "full", "m-0"], ["type", "radio", "id", "star2half", "name", "rating", "value", "2 and a half", 3, "change"], ["for", "star2half", "title", "Kinda bad - 2.5 stars", 1, "half", "m-0"], ["type", "radio", "id", "star22", "name", "rating", "value", "2", 3, "change"], ["for", "star22", "title", "Kinda bad - 2 stars", 1, "full", "m-0"], ["type", "radio", "id", "star1half", "name", "rating", "value", "1 and a half", 3, "change"], ["for", "star1half", "title", "Meh - 1.5 stars", 1, "half", "m-0"], ["type", "radio", "id", "star21", "name", "rating", "value", "1", 3, "change"], ["for", "star21", "title", "Sucks big time - 1 star", 1, "full", "m-0"], ["type", "radio", "id", "starhalf", "name", "rating", "value", "half", 3, "change"], ["for", "starhalf", "title", "Sucks big time - 0.5 stars", 1, "half", "m-0"], [1, "row", "modal-footer", "review"], [1, "form-group", "w-100", "d-flex", "align-items-center", "justify-content-around", "mt-3"], ["type", "submit", 1, "btn", "btn-continue", 3, "ngClass", "click"], ["type", "submit", 1, "btn", "btn-continue", 3, "ngClass"], [1, "text-danger"], [4, "ngIf"]], template: function ReviewComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](0, ReviewComponent_ng_template_0_Template, 51, 28, "ng-template", 0, 1, _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplateRefExtractor"]);
    } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_9__["NgClass"], _angular_forms__WEBPACK_IMPORTED_MODULE_2__["ɵangular_packages_forms_forms_y"], _angular_forms__WEBPACK_IMPORTED_MODULE_2__["NgControlStatusGroup"], _angular_forms__WEBPACK_IMPORTED_MODULE_2__["FormGroupDirective"], _angular_forms__WEBPACK_IMPORTED_MODULE_2__["DefaultValueAccessor"], _angular_forms__WEBPACK_IMPORTED_MODULE_2__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_2__["FormControlName"], _angular_common__WEBPACK_IMPORTED_MODULE_9__["NgIf"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_10__["TranslatePipe"]], styles: ["@charset \"UTF-8\";\n@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);\n@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n\n.review[_ngcontent-%COMP%] {\n  \n  \n}\n.review[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%] {\n  border: 1px solid #ced4da;\n  border-radius: 5px;\n  padding: 0em 1em;\n  cursor: pointer;\n  float: left;\n  direction: ltr;\n}\n.review[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]    > input[_ngcontent-%COMP%] {\n  display: none;\n}\n.review[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]    > label[_ngcontent-%COMP%]:before {\n  margin: 5px;\n  font-size: 1.25em;\n  font-family: FontAwesome;\n  display: inline-block;\n  content: \"\uF005\";\n}\n.review[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]    > .half[_ngcontent-%COMP%]:before {\n  content: \"\uF089\";\n  position: absolute;\n}\n.review[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]    > label[_ngcontent-%COMP%] {\n  color: #ddd;\n  float: right;\n  font-size: 29px;\n}\n.review[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]    > input[_ngcontent-%COMP%]:checked    ~ label[_ngcontent-%COMP%], .review[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]:not(:checked)    > label[_ngcontent-%COMP%]:hover, .review[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]:not(:checked)    > label[_ngcontent-%COMP%]:hover    ~ label[_ngcontent-%COMP%] {\n  color: #ebc850;\n}\n.review[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]    > input[_ngcontent-%COMP%]:checked    + label[_ngcontent-%COMP%]:hover, .review[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]    > input[_ngcontent-%COMP%]:checked    ~ label[_ngcontent-%COMP%]:hover, .review[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]    > label[_ngcontent-%COMP%]:hover    ~ input[_ngcontent-%COMP%]:checked    ~ label[_ngcontent-%COMP%], .review[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]    > input[_ngcontent-%COMP%]:checked    ~ label[_ngcontent-%COMP%]:hover    ~ label[_ngcontent-%COMP%] {\n  color: #ebc850;\n}\n.review[_ngcontent-%COMP%]   .btn-continue[_ngcontent-%COMP%] {\n  padding: 5px 30px;\n  font-size: 20px;\n  line-height: 30px;\n  color: #bc8033;\n  border: 1px solid transparent;\n  background: #432919;\n  border-radius: 30px;\n}\n.review[_ngcontent-%COMP%]   .btn-continue[_ngcontent-%COMP%]:hover {\n  color: #bc8033;\n  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "/Ffc":
/*!*****************************************!*\
  !*** ./src/app/services/cms.service.ts ***!
  \*****************************************/
/*! exports provided: CmsService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CmsService", function() { return CmsService; });
/* harmony import */ var src_environments_environment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/environments/environment */ "AytR");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "tk/3");



/**
 * Cms service
 */
class CmsService {
    /**
     * @constructor
     */
    constructor(http) {
        this.http = http;
        this.BASE_URL = src_environments_environment__WEBPACK_IMPORTED_MODULE_0__["environment"].BASE_URL;
    }
    /**
     * Get page content
     * @param {string} route
     * @return {object}
     */
    getPageContent(route) {
        return this.http.get(`${this.BASE_URL}/${route}`);
    }
}
CmsService.ɵfac = function CmsService_Factory(t) { return new (t || CmsService)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"])); };
CmsService.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjectable"]({ token: CmsService, factory: CmsService.ɵfac, providedIn: 'root' });


/***/ }),

/***/ 0:
/*!***************************!*\
  !*** multi ./src/main.ts ***!
  \***************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {

module.exports = __webpack_require__(/*! C:\Users\SparkOut\Downloads\azzam-eatzilla-web\src\main.ts */"zUnb");


/***/ }),

/***/ "10O5":
/*!****************************************************!*\
  !*** ./src/app/pages/product/product.component.ts ***!
  \****************************************************/
/*! exports provided: ProductComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ProductComponent", function() { return ProductComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var src_app_services_product_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/services/product.service */ "Gdn9");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../shared/footer/footer.component */ "jQpT");
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");








function ProductComponent_div_19_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const shop_item_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;
    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r5.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx_r5.lang === "AR" ? shop_item_r4.ar_category_name : shop_item_r4.category_name);
} }
function ProductComponent_div_19_div_2_div_2_span_12_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "HOME.VAT_INC"));
} }
function ProductComponent_div_19_div_2_div_2_p_13_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "p", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "HOME.VAT_INC"));
} }
const _c0 = function (a0) { return [a0]; };
function ProductComponent_div_19_div_2_div_2_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "a");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](3, "img", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "ngb-rating", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("rateChange", function ProductComponent_div_19_div_2_div_2_Template_ngb_rating_rateChange_7_listener($event) { const product_r9 = ctx.$implicit; return product_r9.rating = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](10);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](11, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](12, ProductComponent_div_19_div_2_div_2_span_12_Template, 3, 3, "span", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](13, ProductComponent_div_19_div_2_div_2_p_13_Template, 3, 3, "p", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "button", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](16);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](17, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const product_r9 = ctx.$implicit;
    const ctx_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3);
    const _r2 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](23);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpropertyInterpolate"]("src", product_r9.image, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", ctx_r8.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](21, _c0, "/ar/single-product/" + product_r9.food_id) : _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](23, _c0, "/single-product/" + product_r9.food_id));
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r8.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", ctx_r8.lang === "AR" ? product_r9.ar_name : product_r9.name, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("rate", product_r9.rating)("starTemplate", _r2)("readonly", true)("max", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r8.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r8.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate2"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](11, 17, "HOME.AED"), " ", product_r9.price, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r8.lang === "EN");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r8.lang === "AR");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r8.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777LightBT");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", ctx_r8.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](25, _c0, "/ar/single-product/" + product_r9.food_id) : _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](27, _c0, "/single-product/" + product_r9.food_id));
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](17, 19, "PRODUCT.SELECT"));
} }
function ProductComponent_div_19_div_2_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, ProductComponent_div_19_div_2_div_2_Template, 18, 29, "div", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const shop_item_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", shop_item_r4.items);
} }
function ProductComponent_div_19_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, ProductComponent_div_19_div_1_Template, 5, 2, "div", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, ProductComponent_div_19_div_2_Template, 3, 1, "div", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const shop_item_r4 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", shop_item_r4.category_id === 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", shop_item_r4.category_id === 2);
} }
function ProductComponent_div_21_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const shop_item_r14 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;
    const ctx_r15 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r15.lang === "AR" ? "font-Tajawal-Regular" : "font-HomepageBaukasten-Book");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx_r15.lang === "AR" ? shop_item_r14.ar_category_name : shop_item_r14.category_name);
} }
function ProductComponent_div_21_div_2_div_2_span_11_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "HOME.VAT_INC"));
} }
function ProductComponent_div_21_div_2_div_2_p_12_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "p", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "HOME.VAT_INC"));
} }
function ProductComponent_div_21_div_2_div_2_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](2, "img", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "ngb-rating", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("rateChange", function ProductComponent_div_21_div_2_div_2_Template_ngb_rating_rateChange_6_listener($event) { const product_r19 = ctx.$implicit; return product_r19.rating = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](10, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](11, ProductComponent_div_21_div_2_div_2_span_11_Template, 3, 3, "span", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](12, ProductComponent_div_21_div_2_div_2_p_12_Template, 3, 3, "p", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "button", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](16, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const product_r19 = ctx.$implicit;
    const ctx_r18 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3);
    const _r2 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](23);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpropertyInterpolate"]("src", product_r19.image, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", ctx_r18.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](20, _c0, "/ar/single-product/" + product_r19.food_id) : _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](22, _c0, "/single-product/" + product_r19.food_id));
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r18.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", ctx_r18.lang === "AR" ? product_r19.ar_name : product_r19.name, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("rate", product_r19.rating)("starTemplate", _r2)("readonly", true)("max", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r18.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate2"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](10, 16, "HOME.AED"), " ", product_r19.price, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r18.lang === "EN");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r18.lang === "AR");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r18.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777LightBT");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", ctx_r18.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](24, _c0, "/ar/single-product/" + product_r19.food_id) : _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](26, _c0, "/single-product/" + product_r19.food_id));
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](16, 18, "PRODUCT.SELECT"));
} }
function ProductComponent_div_21_div_2_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, ProductComponent_div_21_div_2_div_2_Template, 17, 28, "div", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const shop_item_r14 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", shop_item_r14.items);
} }
function ProductComponent_div_21_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, ProductComponent_div_21_div_1_Template, 5, 2, "div", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, ProductComponent_div_21_div_2_Template, 3, 1, "div", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const shop_item_r14 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", shop_item_r14.category_id === 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", shop_item_r14.category_id === 3);
} }
function ProductComponent_ng_template_22_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "span", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "span", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2, "\u2605");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3, "\u2605 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const fill_r24 = ctx.fill;
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵclassProp"]("full", fill_r24 === 100);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵstyleProp"]("width", fill_r24, "%");
} }
const _c1 = function () { return ["/ar"]; };
const _c2 = function () { return ["/"]; };
/**
 * Product Component
 */
class ProductComponent {
    constructor(productser) {
        this.productser = productser;
        /**
         * @constructor
         */
        this.products = [];
        this.product = [];
        window.scroll(0, 0);
    }
    /**
    * ngOnInit called initially
    */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.getProduct();
    }
    /**
    * Get product
    */
    getProduct() {
        this.productser.getproduct().subscribe((datas) => {
            this.product.push(datas);
            this.products = this.product[0].food_list;
        });
    }
}
ProductComponent.ɵfac = function ProductComponent_Factory(t) { return new (t || ProductComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](src_app_services_product_service__WEBPACK_IMPORTED_MODULE_1__["ProductService"])); };
ProductComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: ProductComponent, selectors: [["app-product"]], decls: 25, vars: 16, consts: [["setActive", "shop"], [1, "header-border"], [1, "productPage", "full-width-custom"], [1, "container-fluid"], [1, "row"], [1, "col-lg-12"], [1, "banner"], [1, "banner-title", 3, "ngClass"], [1, "breadcrumbs", 3, "ngClass"], [3, "routerLink"], ["class", "mb-3", 4, "ngFor", "ngForOf"], ["class", "mb-2", 4, "ngFor", "ngForOf"], ["rate", ""], [1, "mb-3"], ["class", "row", 4, "ngIf"], ["class", "featuredProducts", 4, "ngIf"], [1, "col-lg-12", "product-section"], [1, "section-title", 3, "ngClass"], [1, "featuredProducts"], ["class", "col-xl-3 col-md-6 col-6 mb-3", 4, "ngFor", "ngForOf"], [1, "col-xl-3", "col-md-6", "col-6", "mb-3"], [1, "featuredProduct-details", "text-center"], ["alt", "featuredProduct", 1, "img-fluid", "product-img-pointer", 3, "src", "routerLink"], [1, "featuredProduct-title", 3, "ngClass"], [1, "featuredProduct-rating"], [3, "rate", "starTemplate", "readonly", "max", "rateChange"], [1, "featuredProduct-tax", 3, "ngClass"], [3, "ngClass"], ["class", "featuredProduct-tax-vat font-Humanist777BT-RomanCondensedB", 4, "ngIf"], ["class", "featuredProduct-tax-vat font-Tajawal-Light", 4, "ngIf"], [1, "featuredProduct-select", 3, "ngClass"], [1, "btn", "roundedCorner", "btn-middle-align", 3, "routerLink"], [1, "featuredProduct-tax-vat", "font-Humanist777BT-RomanCondensedB"], [1, "featuredProduct-tax-vat", "font-Tajawal-Light"], [1, "mb-2"], ["class", "col-xl-4 col-md-6 col-12 mb-3", 4, "ngFor", "ngForOf"], [1, "col-xl-4", "col-md-6", "col-12", "mb-3"], ["alt", "featuredProduct", 1, "img-fluid", "featuredProduct__img", "others-img-pointer", 3, "routerLink", "src"], [1, "btn", "roundedCorner", 3, "routerLink"], [1, "star"], [1, "half"]], template: function ProductComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "app-header", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](10, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](14);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](15, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](16);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](17, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](18, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](19, ProductComponent_div_19_Template, 3, 2, "div", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](20, "hr");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](21, ProductComponent_div_21_Template, 3, 2, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](22, ProductComponent_ng_template_22_Template, 4, 4, "ng-template", null, 12, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplateRefExtractor"]);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](24, "app-footer");
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](10, 8, "MENU.SHOP"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular breadcrumbs__ar" : "font-HomepageBaukasten-Book");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](14, _c1) : _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](15, _c2));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](15, 10, "MENU.HOME"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" / ", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](17, 12, "MENU.SHOP"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.products);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.products);
    } }, directives: [_shared_header_header_component__WEBPACK_IMPORTED_MODULE_2__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_3__["NgClass"], _angular_router__WEBPACK_IMPORTED_MODULE_4__["RouterLinkWithHref"], _angular_common__WEBPACK_IMPORTED_MODULE_3__["NgForOf"], _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_5__["FooterComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_3__["NgIf"], _angular_router__WEBPACK_IMPORTED_MODULE_4__["RouterLink"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__["NgbRating"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_7__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.productPage[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n  font-size: 3.125rem;\n  line-height: 5rem;\n}\n.productPage[_ngcontent-%COMP%]   .separator[_ngcontent-%COMP%] {\n  margin: 1em 0;\n  border-bottom: 1px solid #dedede;\n}\n.productPage[_ngcontent-%COMP%]   .banner[_ngcontent-%COMP%] {\n  margin: 20px 0px 10px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.productPage[_ngcontent-%COMP%]   .banner[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-bottom: 0px;\n}\n.productPage[_ngcontent-%COMP%]   .breadcrumbs[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  color: #9f9f9f;\n  text-align: left;\n  font-size: 1.25rem;\n  line-height: 2.5rem;\n}\n.productPage[_ngcontent-%COMP%]   .breadcrumbs[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #9f9f9f !important;\n}\n.productPage[_ngcontent-%COMP%]   .breadcrumbs__ar[_ngcontent-%COMP%] {\n  font-size: 1.625rem !important;\n  text-align: right;\n}\n.productPage[_ngcontent-%COMP%]   .product-section[_ngcontent-%COMP%] {\n  padding-bottom: 0px;\n}\n.productPage[_ngcontent-%COMP%]   .product-section[_ngcontent-%COMP%]   .section-title[_ngcontent-%COMP%] {\n  color: #bc8033;\n  font-size: 1.875rem;\n  text-transform: uppercase;\n}\n.productPage[_ngcontent-%COMP%]   .product-section[_ngcontent-%COMP%]   .section-title[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  border-bottom: 3px solid #9f9f9f;\n}\n.productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%] {\n  padding: 0 3em;\n  margin-top: 1em;\n}\n.productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-details[_ngcontent-%COMP%] {\n  padding: 1em 1em 1em 1em;\n  border: 1px solid #dedede;\n}\n.productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-details[_ngcontent-%COMP%]   .featuredProduct__img[_ngcontent-%COMP%] {\n  min-height: 21em;\n}\n.productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-select[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  color: #ebc850;\n  outline: none;\n  background: #432919;\n  padding: 0.2em 2em;\n  font-size: 1.5rem;\n  line-height: 1.4em;\n  font-weight: 300;\n  margin-bottom: 15px;\n  letter-spacing: 0.5px;\n}\n.productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-title[_ngcontent-%COMP%] {\n  font-size: 1.5rem;\n  line-height: 2.25rem;\n  margin-bottom: 0px !important;\n}\n.productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-rating[_ngcontent-%COMP%] {\n  margin-bottom: 5px;\n}\n.productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-tax[_ngcontent-%COMP%] {\n  font-size: 1.375rem;\n  line-height: 2.25rem;\n  margin-bottom: 10px;\n  font-family: Tajawal-Bold;\n}\n.productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-tax-vat[_ngcontent-%COMP%] {\n  font-size: 1.125rem;\n  line-height: 2.25rem;\n}\n.productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .star[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-block;\n  font-size: 1.5rem;\n  color: #d3d3d3;\n}\n.productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .full[_ngcontent-%COMP%] {\n  color: #ebc850;\n}\n.productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .half[_ngcontent-%COMP%] {\n  position: absolute;\n  display: inline-block;\n  overflow: hidden;\n  color: #ebc850;\n}\n.productPage[_ngcontent-%COMP%]   .others[_ngcontent-%COMP%] {\n  margin: 1em 0;\n}\n.featuredProduct-rating[_ngcontent-%COMP%] {\n  display: inline-flex;\n  vertical-align: sub;\n}\n.featuredProduct-rating[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-bottom: 0;\n}\n@media (max-width: 1600px) {\n  .featuredProduct-details[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n  }\n}\n@media only screen and (max-width: 767px) {\n  .productPage[_ngcontent-%COMP%]   .breadcrumbs[_ngcontent-%COMP%] {\n    color: #9f9f9f;\n    text-align: left;\n  }\n\n  .productPage[_ngcontent-%COMP%]   .banner[_ngcontent-%COMP%] {\n    margin: 20px 0px 10px;\n    display: flex;\n  }\n\n  .productPage[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n    font-size: 1.125rem;\n    line-height: 1.5rem;\n  }\n\n  .productPage[_ngcontent-%COMP%]   .breadcrumbs[_ngcontent-%COMP%] {\n    margin: 0;\n    font-size: 1.125rem;\n    line-height: 1.5rem;\n  }\n\n  .productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%] {\n    padding: 0em;\n    margin-top: 0em;\n  }\n\n  .productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-tax[_ngcontent-%COMP%] {\n    font-size: 20px !important;\n    line-height: 20px !important;\n    margin-bottom: 5px !important;\n  }\n\n  .featuredProduct-details[_ngcontent-%COMP%] {\n    margin-bottom: 20px;\n  }\n\n  .productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-select[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    padding: 5px 20px;\n    font-size: 1rem;\n    line-height: 1.2em;\n  }\n}\n@media only screen and (max-width: 575px) {\n  .container-fluid[_ngcontent-%COMP%] {\n    padding-right: 15px;\n    padding-left: 15px;\n  }\n\n  .productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-title[_ngcontent-%COMP%] {\n    font-size: 18px;\n    line-height: 15px;\n    margin-bottom: 10px;\n  }\n\n  .featuredProduct-details[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    margin-bottom: 10px;\n  }\n\n  .productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-select[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    padding: 5px 30px;\n    line-height: 20px;\n    font-size: 20px;\n  }\n\n  .productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-tax[_ngcontent-%COMP%] {\n    margin-bottom: 10px !important;\n    font-size: 18px !important;\n  }\n\n  .productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-rating[_ngcontent-%COMP%] {\n    margin-bottom: 0px !important;\n  }\n\n  .productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-details[_ngcontent-%COMP%] {\n    padding: 1em 1em 0.5em 1em;\n  }\n\n  .featuredProduct-details[_ngcontent-%COMP%] {\n    margin-bottom: 30px;\n  }\n\n  .productPage[_ngcontent-%COMP%]   .featuredProducts[_ngcontent-%COMP%]   .featuredProduct-tax-vat[_ngcontent-%COMP%] {\n    font-size: 16px;\n    line-height: 20px;\n    margin-bottom: 10px;\n  }\n\n  .featuredProduct__img[_ngcontent-%COMP%] {\n    min-height: 9em !important;\n  }\n}\n\n.full-width-custom[_ngcontent-%COMP%] {\n  width: 1366px;\n}\n.header-border[_ngcontent-%COMP%] {\n  border-top: 1px solid #1d1d1b;\n}\n.product-img-pointer[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n.btn-middle-align[_ngcontent-%COMP%] {\n  vertical-align: middle;\n}\n.others-img-pointer[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "13eq":
/*!************************************************************!*\
  !*** ./src/app/pages/preparation/preparation.component.ts ***!
  \************************************************************/
/*! exports provided: PreparationComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreparationComponent", function() { return PreparationComponent; });
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "LvDl");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/services/cms.service */ "/Ffc");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../shared/footer/footer.component */ "jQpT");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");









function PreparationComponent_div_0_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "div", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} }
function PreparationComponent_div_1_ng_template_29_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](4, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "div", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](6, "div", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "ol", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](13);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](14, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](16, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](17, "div", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](18, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](19, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](21, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](22, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r3.lang === "AR" ? ctx_r3.getImage(ctx_r3.arabicContent, "content_image_ar") : ctx_r3.getImage(ctx_r3.arabicContent, "content_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r3.lang === "AR" ? "font-Tajawal-Regular preparation-listes-ar" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r3.lang === "AR" ? ctx_r3.getContent(ctx_r3.arabicContent, "point1_ar") : ctx_r3.getContent(ctx_r3.arabicContent, "point1"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r3.lang === "AR" ? ctx_r3.getContent(ctx_r3.arabicContent, "point2_ar") : ctx_r3.getContent(ctx_r3.arabicContent, "point2"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r3.lang === "AR" ? ctx_r3.getContent(ctx_r3.arabicContent, "point3_ar") : ctx_r3.getContent(ctx_r3.arabicContent, "point3"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r3.lang === "AR" ? ctx_r3.getContent(ctx_r3.arabicContent, "point4_ar") : ctx_r3.getContent(ctx_r3.arabicContent, "point4"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r3.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](21, 10, "PREPARATION.NOTE"), ": ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r3.lang === "AR" ? "font-Tajawal-Regular" : "Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r3.lang === "AR" ? ctx_r3.getContent(ctx_r3.content, "note_ar") : ctx_r3.getContent(ctx_r3.content, "note"));
} }
function PreparationComponent_div_1_ng_template_33_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](4, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "div", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](6, "div", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "ol", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](13);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](14, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](16, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](17, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](18, "div", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](19, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](20, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](22, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](23, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r4.lang === "AR" ? ctx_r4.getImage(ctx_r4.turkishContent, "content_image_ar") : ctx_r4.getImage(ctx_r4.turkishContent, "content_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r4.lang === "AR" ? "font-Tajawal-Regular preparation-listes-ar" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r4.lang === "AR" ? ctx_r4.getContent(ctx_r4.turkishContent, "point1_ar") : ctx_r4.getContent(ctx_r4.turkishContent, "point1"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r4.lang === "AR" ? ctx_r4.getContent(ctx_r4.turkishContent, "point2_ar") : ctx_r4.getContent(ctx_r4.turkishContent, "point2"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r4.lang === "AR" ? ctx_r4.getContent(ctx_r4.turkishContent, "point3_ar") : ctx_r4.getContent(ctx_r4.turkishContent, "point3"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r4.lang === "AR" ? ctx_r4.getContent(ctx_r4.turkishContent, "point4_ar") : ctx_r4.getContent(ctx_r4.turkishContent, "point4"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r4.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](22, 10, "PREPARATION.NOTE"), ": ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r4.lang === "AR" ? "font-Tajawal-Regular" : "Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r4.lang === "AR" ? ctx_r4.getContent(ctx_r4.content, "note_ar") : ctx_r4.getContent(ctx_r4.content, "note"));
} }
function PreparationComponent_div_1_ng_template_37_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](4, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "div", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](6, "div", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "ol", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](13);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](14, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](16, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](17, "div", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](18, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](19, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](21, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](22, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r5.lang === "AR" ? ctx_r5.getImage(ctx_r5.frenchContent, "content_image_ar") : ctx_r5.getImage(ctx_r5.frenchContent, "content_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r5.lang === "AR" ? "font-Tajawal-Regular preparation-listes-ar" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r5.lang === "AR" ? ctx_r5.getContent(ctx_r5.frenchContent, "point1_ar") : ctx_r5.getContent(ctx_r5.frenchContent, "point1"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r5.lang === "AR" ? ctx_r5.getContent(ctx_r5.frenchContent, "point2_ar") : ctx_r5.getContent(ctx_r5.frenchContent, "point2"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r5.lang === "AR" ? ctx_r5.getContent(ctx_r5.frenchContent, "point3_ar") : ctx_r5.getContent(ctx_r5.frenchContent, "point3"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r5.lang === "AR" ? ctx_r5.getContent(ctx_r5.frenchContent, "point4_ar") : ctx_r5.getContent(ctx_r5.frenchContent, "point4"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r5.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](21, 10, "PREPARATION.NOTE"), ": ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r5.lang === "AR" ? "font-Tajawal-Regular" : "Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r5.lang === "AR" ? ctx_r5.getContent(ctx_r5.content, "note_ar") : ctx_r5.getContent(ctx_r5.content, "note"));
} }
function PreparationComponent_div_1_ng_template_41_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](4, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "div", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](6, "div", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "ol", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](13);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](14, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](16, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](17, "div", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](18, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](19, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](21, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](22, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r6.lang === "AR" ? ctx_r6.getImage(ctx_r6.hazlenutContent, "content_image_ar") : ctx_r6.getImage(ctx_r6.hazlenutContent, "content_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r6.lang === "AR" ? "font-Tajawal-Regular preparation-listes-ar" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r6.lang === "AR" ? ctx_r6.getContent(ctx_r6.hazlenutContent, "point1_ar") : ctx_r6.getContent(ctx_r6.hazlenutContent, "point1"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r6.lang === "AR" ? ctx_r6.getContent(ctx_r6.hazlenutContent, "point2_ar") : ctx_r6.getContent(ctx_r6.hazlenutContent, "point2"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r6.lang === "AR" ? ctx_r6.getContent(ctx_r6.hazlenutContent, "point3_ar") : ctx_r6.getContent(ctx_r6.hazlenutContent, "point3"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r6.lang === "AR" ? ctx_r6.getContent(ctx_r6.hazlenutContent, "point4_ar") : ctx_r6.getContent(ctx_r6.hazlenutContent, "point4"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r6.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](21, 10, "PREPARATION.NOTE"), ": ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r6.lang === "AR" ? "font-Tajawal-Regular" : "Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r6.lang === "AR" ? ctx_r6.getContent(ctx_r6.content, "note_ar") : ctx_r6.getContent(ctx_r6.content, "note"));
} }
function PreparationComponent_div_1_ng_template_45_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](4, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "div", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](6, "div", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "ol", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](13);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](14, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](16, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](18, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](20, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](22, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](23, "div", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](24, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](25, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](27, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](28, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](29);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r7.lang === "AR" ? ctx_r7.getImage(ctx_r7.americanContent, "content_image_ar") : ctx_r7.getImage(ctx_r7.americanContent, "content_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r7.lang === "AR" ? "font-Tajawal-Regular preparation-listes-ar" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r7.lang === "AR" ? ctx_r7.getContent(ctx_r7.americanContent, "point1_ar") : ctx_r7.getContent(ctx_r7.americanContent, "point1"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r7.lang === "AR" ? ctx_r7.getContent(ctx_r7.americanContent, "point2_ar") : ctx_r7.getContent(ctx_r7.americanContent, "point2"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r7.lang === "AR" ? ctx_r7.getContent(ctx_r7.americanContent, "point3_ar") : ctx_r7.getContent(ctx_r7.americanContent, "point3"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r7.lang === "AR" ? ctx_r7.getContent(ctx_r7.americanContent, "point4_ar") : ctx_r7.getContent(ctx_r7.americanContent, "point4"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r7.lang === "AR" ? ctx_r7.getContent(ctx_r7.americanContent, "point5_ar") : ctx_r7.getContent(ctx_r7.americanContent, "point5"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r7.lang === "AR" ? ctx_r7.getContent(ctx_r7.americanContent, "point6_ar") : ctx_r7.getContent(ctx_r7.americanContent, "point6"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r7.lang === "AR" ? ctx_r7.getContent(ctx_r7.americanContent, "point7_ar") : ctx_r7.getContent(ctx_r7.americanContent, "point7"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r7.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](27, 13, "PREPARATION.NOTE"), ": ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r7.lang === "AR" ? "font-Tajawal-Regular" : "Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r7.lang === "AR" ? ctx_r7.getContent(ctx_r7.content, "note_ar") : ctx_r7.getContent(ctx_r7.content, "note"));
} }
function PreparationComponent_div_1_ng_template_49_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "div", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "div", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "div", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](6, "div", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](7, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "div", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](9, "div", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "ol", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](11, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](12);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](13, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](14);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](15, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](17, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](19, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](21, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](23, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](25, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](27, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](28, "div", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](29, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](30, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](31);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](32, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](33, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](34);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r8.lang === "AR" ? "font-Tajawal-Regular preparation-section-ar" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"](" ", ctx_r8.lang === "AR" ? ctx_r8.getContent(ctx_r8.expressoContent, "sub_content_ar") : ctx_r8.getContent(ctx_r8.expressoContent, "sub_content"), ": ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r8.lang === "AR" ? ctx_r8.getImage(ctx_r8.expressoContent, "content_image_ar") : ctx_r8.getImage(ctx_r8.expressoContent, "content_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r8.lang === "AR" ? "font-Tajawal-Regular preparation-listes-ar" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r8.lang === "AR" ? ctx_r8.getContent(ctx_r8.expressoContent, "point1_ar") : ctx_r8.getContent(ctx_r8.expressoContent, "point1"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r8.lang === "AR" ? ctx_r8.getContent(ctx_r8.expressoContent, "point2_ar") : ctx_r8.getContent(ctx_r8.expressoContent, "point2"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r8.lang === "AR" ? ctx_r8.getContent(ctx_r8.expressoContent, "point3_ar") : ctx_r8.getContent(ctx_r8.expressoContent, "point3"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r8.lang === "AR" ? ctx_r8.getContent(ctx_r8.expressoContent, "point4_ar") : ctx_r8.getContent(ctx_r8.expressoContent, "point4"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r8.lang === "AR" ? ctx_r8.getContent(ctx_r8.expressoContent, "point5_ar") : ctx_r8.getContent(ctx_r8.expressoContent, "point5"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r8.lang === "AR" ? ctx_r8.getContent(ctx_r8.expressoContent, "point6_ar") : ctx_r8.getContent(ctx_r8.expressoContent, "point6"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r8.lang === "AR" ? ctx_r8.getContent(ctx_r8.expressoContent, "point7_ar") : ctx_r8.getContent(ctx_r8.expressoContent, "point7"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r8.lang === "AR" ? ctx_r8.getContent(ctx_r8.expressoContent, "point8_ar") : ctx_r8.getContent(ctx_r8.expressoContent, "point8"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r8.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](32, 16, "PREPARATION.NOTE"), ": ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r8.lang === "AR" ? "font-Tajawal-Regular" : "Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r8.lang === "AR" ? ctx_r8.getContent(ctx_r8.content, "note_ar") : ctx_r8.getContent(ctx_r8.content, "note"));
} }
const _c0 = function () { return ["/ar"]; };
const _c1 = function () { return ["/"]; };
function PreparationComponent_div_1_Template(rf, ctx) { if (rf & 1) {
    const _r10 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "app-header", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "div", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "div", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](4, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "div", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](6, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](9, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](11, "div", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "div", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](13, "div", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](14, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](15, "a", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](17, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](19, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](20, "div", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](21, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](23, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](24, "ul", 18, 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("activeIdChange", function PreparationComponent_div_1_Template_ul_activeIdChange_24_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r10); const ctx_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r9.active = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](26, "li", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](27, "a", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](28);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](29, PreparationComponent_div_1_ng_template_29_Template, 24, 12, "ng-template", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](30, "li", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](31, "a", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](33, PreparationComponent_div_1_ng_template_33_Template, 25, 12, "ng-template", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](34, "li", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](35, "a", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](36);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](37, PreparationComponent_div_1_ng_template_37_Template, 24, 12, "ng-template", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](38, "li", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](39, "a", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](40);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](41, PreparationComponent_div_1_ng_template_41_Template, 24, 12, "ng-template", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](42, "li", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](43, "a", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](44);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](45, PreparationComponent_div_1_ng_template_45_Template, 30, 15, "ng-template", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](46, "li", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](47, "a", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](48);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](49, PreparationComponent_div_1_ng_template_49_Template, 35, 18, "ng-template", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](50, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](51, "app-footer");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const _r2 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](25);
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage(ctx_r1.content, "title_image_ar") : ctx_r1.getImage(ctx_r1.content, "title_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent(ctx_r1.content, "title_ar") : ctx_r1.getContent(ctx_r1.content, "title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular breadcrumbs__ar" : "font-HomepageBaukasten-Book");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("routerLink", ctx_r1.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction0"](34, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction0"](35, _c1));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](17, 30, "MENU.HOME"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate2"](" / ", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](19, 32, "MENU.PREPARATION"), " / ", ctx_r1.lang === "AR" ? ctx_r1.getContent(ctx_r1.content, "sub_title_ar") : ctx_r1.getContent(ctx_r1.content, "sub_title"), "");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold section-title-ar" : "font-Humanist777BT-BoldCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent(ctx_r1.content, "sub_title_ar") : ctx_r1.getContent(ctx_r1.content, "sub_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("activeId", ctx_r1.active);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngbNavItem", 1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold nav_tabs_ar" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent(ctx_r1.content, "arabic_ar") : ctx_r1.getContent(ctx_r1.content, "arabic"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngbNavItem", 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold nav_tabs_ar" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent(ctx_r1.content, "turkish_ar") : ctx_r1.getContent(ctx_r1.content, "turkish"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngbNavItem", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold nav_tabs_ar" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent(ctx_r1.content, "french_ar") : ctx_r1.getContent(ctx_r1.content, "french"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngbNavItem", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold nav_tabs_ar" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent(ctx_r1.content, "hazelnut_ar") : ctx_r1.getContent(ctx_r1.content, "hazelnut"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngbNavItem", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold nav_tabs_ar" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent(ctx_r1.content, "american_ar") : ctx_r1.getContent(ctx_r1.content, "american"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngbNavItem", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold nav_tabs_ar" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent(ctx_r1.content, "espresso_ar") : ctx_r1.getContent(ctx_r1.content, "espresso"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngbNavOutlet", _r2);
} }
/**
 * Preparation Component
 */
class PreparationComponent {
    /**
     * Constructor
     */
    constructor(cmsService) {
        this.cmsService = cmsService;
        this.content = [];
        this.imageBaseUrl = '';
        this.arabicContent = [];
        this.americanContent = [];
        this.turkishContent = [];
        this.frenchContent = [];
        this.hazlenutContent = [];
        this.expressoContent = [];
        this.active = 1;
        window.scroll(0, 0);
    }
    /**
     * page Starts
     */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.getPreparationPageContent();
    }
    /**
     * get about page content
     */
    getPreparationPageContent() {
        this.cmsService.getPageContent('get_cms_preparation').subscribe((response) => {
            if (response['status']) {
                this.content = response['common_data'];
                this.arabicContent = response['arabic_data'];
                this.americanContent = response['american_data'];
                this.turkishContent = response['turkish_data'];
                this.frenchContent = response['french_data'];
                this.hazlenutContent = response['hazelnut_data'];
                this.expressoContent = response['espresso_data'];
                this.imageBaseUrl = response['base_image_url'];
            }
        });
    }
    /**
     * Get content
     * @param {any} content
     * @param {string} key
     * @return {object}
     */
    getContent(content, key) {
        var _a;
        const filterData = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.filter(content, ['section', key]);
        return (_a = filterData[0]) === null || _a === void 0 ? void 0 : _a.content;
    }
    /**
     * Get content
     * @param {any} content
     * @param {string} key
     * @return {object}
     */
    getImage(content, key) {
        var _a;
        const filterData = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.filter(content, ['section', key]);
        return `${this.imageBaseUrl}${(_a = filterData[0]) === null || _a === void 0 ? void 0 : _a.content}`;
    }
}
PreparationComponent.ɵfac = function PreparationComponent_Factory(t) { return new (t || PreparationComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_2__["CmsService"])); };
PreparationComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: PreparationComponent, selectors: [["app-preparation"]], decls: 2, vars: 2, consts: [["class", "loader_section", 4, "ngIf"], [4, "ngIf"], [1, "loader_section"], [1, "loader"], ["setActive", "preparation"], [1, "banner"], [1, "banner-img"], [1, "img-fluid", 3, "src"], [1, "banner-wrap", "banner-title", "container-fluid", "text-align-custom", 3, "ngClass"], [1, "preparationPage", "full-width-custom"], [1, "preparation-section"], [1, "container-fluid"], [1, "row"], [1, "col-lg-12"], [1, "breadcrumbs", 3, "ngClass"], [3, "routerLink"], [1, "section-title", 3, "ngClass"], [1, "tabsSection"], ["ngbNav", "", 1, "nav-tabs", 3, "activeId", "activeIdChange"], ["nav", "ngbNav"], [3, "ngbNavItem"], ["ngbNavLink", "", 3, "ngClass"], ["ngbNavContent", ""], [1, "mt-2", 3, "ngbNavOutlet"], [1, "row", "preparation-section"], [1, "col-md-4"], [1, "arabicSection", "text-center"], [1, "col-md-8"], [1, "mt-2em"], [1, "preparation-listes", 3, "ngClass"], [1, "col-md-12", "notess"], [1, "notesSection"], [3, "ngClass"], ["id", "exp-order2", 1, "col-md-12", "notess"], [1, "row", "preparation-section", 3, "ngClass"], [1, "col-md-4", "preparation-section"], ["id", "exp-order1", 1, "arabicSection", "text-center"], [1, "col-md-8", "preparation-section"]], template: function PreparationComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](0, PreparationComponent_div_0_Template, 2, 0, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](1, PreparationComponent_div_1_Template, 52, 36, "div", 1);
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", !ctx.content || ctx.content.length === 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx.content.length > 0);
    } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_3__["NgIf"], _shared_header_header_component__WEBPACK_IMPORTED_MODULE_4__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_3__["NgClass"], _angular_router__WEBPACK_IMPORTED_MODULE_5__["RouterLinkWithHref"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__["NgbNav"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__["NgbNavItem"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__["NgbNavLink"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__["NgbNavContent"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__["NgbNavOutlet"], _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_7__["FooterComponent"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_8__["TranslatePipe"]], styles: ["@charset \"UTF-8\";\n@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.banner[_ngcontent-%COMP%]   .banner-img[_ngcontent-%COMP%] {\n  position: relative;\n}\n.banner[_ngcontent-%COMP%]   .banner-img[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  image-rendering: -moz-crisp-edges;\n  image-rendering: pixelated;\n  -o-object-fit: cover;\n     object-fit: cover;\n  margin-left: -1px;\n  margin-top: -1px;\n}\n.banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n  position: absolute;\n  bottom: 10px;\n  left: 2%;\n}\n.banner[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n  color: #ebc850;\n  font-size: 3.75rem;\n  line-height: 5rem;\n}\n.section-title[_ngcontent-%COMP%] {\n  font-size: 2rem;\n  line-height: 2.5rem;\n  font-weight: bold;\n  text-transform: uppercase;\n}\n.section-title-ar[_ngcontent-%COMP%] {\n  font-size: 2.25rem !important;\n}\n.banner-title[_ngcontent-%COMP%] {\n  color: #ebc850;\n  font-size: 3.75rem;\n  line-height: 5rem;\n}\n.banner-title[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-bottom: 0;\n}\n.breadcrumbs[_ngcontent-%COMP%] {\n  color: #9f9f9f;\n  font-size: 1.25rem;\n  line-height: 2.5rem;\n}\n.breadcrumbs[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #9f9f9f !important;\n}\n.breadcrumbs__ar[_ngcontent-%COMP%] {\n  font-size: 1.625rem !important;\n}\n.nav-tabs[_ngcontent-%COMP%] {\n  display: flex;\n  border-bottom: 1px solid #dee2e6;\n  justify-content: space-between;\n}\n.nav-tabs[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  width: 16.6667%;\n}\n.nav-tabs[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  text-align: center;\n  color: #1d1d1b;\n  font-size: 1.75rem;\n  font-weight: 900;\n  line-height: 3.125rem;\n}\n.nav-tabs[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .nav_tabs_ar[_ngcontent-%COMP%] {\n  font-size: 1.875rem !important;\n}\n.nav-tabs[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n  margin-bottom: -1px;\n  border: 1px solid #000;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n.nav-item[_ngcontent-%COMP%] {\n  position: relative;\n}\n.active[_ngcontent-%COMP%] {\n  background: #ebc850 !important;\n}\n.active[_ngcontent-%COMP%]:after {\n  content: \"\u25B4\";\n  position: absolute;\n  font-family: font-awesome;\n  top: 1.35em;\n  left: 50%;\n  transform: translateX(-50%);\n}\n.preparation-section[_ngcontent-%COMP%] {\n  padding-top: 33px;\n}\n.preparation-section[_ngcontent-%COMP%]   .preparation-listes[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  font-size: 1.75rem;\n  line-height: 2.5rem;\n  color: #1d1d1b;\n}\n.preparation-section[_ngcontent-%COMP%]   .preparation-listes[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   [_ngcontent-%COMP%]::marker {\n  font-weight: 900 !important;\n}\n.preparation-section[_ngcontent-%COMP%]   .preparation-listes-ar[_ngcontent-%COMP%] {\n  font-size: 2rem !important;\n}\n.nav-tabs[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n  margin-bottom: -1px;\n  border: 1px solid #000;\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  margin-left: -1px;\n}\n.nav-tabs[_ngcontent-%COMP%]   .nav-link.active[_ngcontent-%COMP%], .nav-tabs[_ngcontent-%COMP%]   .nav-item.show[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n  font-weight: 900;\n  color: #1d1d1b;\n}\n.arabicSection[_ngcontent-%COMP%] {\n  padding: 0 0 2em 0;\n}\n.notess[_ngcontent-%COMP%] {\n  margin-bottom: 1.25rem;\n  font-size: 1.75rem;\n  line-height: 2.5rem;\n}\n.notesSection[_ngcontent-%COMP%] {\n  border-top: 7px solid #ebc850;\n}\n.notesSection[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 1em 1em 0 0.5em;\n  font-size: 1.75rem;\n  line-height: 2.5rem;\n  font-family: \"Humanist777BT-RomanB\";\n  padding-bottom: 50px;\n}\nol[_ngcontent-%COMP%] {\n  margin: 0 0 1.5em;\n  padding: 0;\n  counter-reset: item;\n}\nol[_ngcontent-%COMP%]    > li[_ngcontent-%COMP%] {\n  margin: 0 0px 12px;\n  padding: 0 0 0 2em;\n  text-indent: -1.3em;\n  list-style-type: none;\n  counter-increment: item;\n}\nol[_ngcontent-%COMP%]    > li[_ngcontent-%COMP%]:before {\n  display: inline-block;\n  width: 1.5em;\n  padding-right: 0.5em;\n  font-weight: bold;\n  text-align: right;\n  content: counter(item) \"-\";\n}\n.mobileView[_ngcontent-%COMP%] {\n  display: none;\n}\n@media (max-width: 1440px) {\n  .banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n    position: absolute;\n    bottom: 10px;\n    left: 2%;\n  }\n}\n@media (max-width: 1366px) {\n  .banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n    left: 0%;\n  }\n}\n@media (max-width: 1280px) {\n  .active[_ngcontent-%COMP%]:after {\n    top: 1.35em;\n  }\n\n  .banner[_ngcontent-%COMP%] {\n    min-height: 0;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n    bottom: 0px;\n  }\n}\n@media (max-width: 991px) {\n  .banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n    bottom: 0px;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n    font-size: 2.75rem;\n    line-height: 4rem;\n  }\n}\n@media only screen and (max-width: 991px) {\n  .web-banner[_ngcontent-%COMP%] {\n    text-align: inherit;\n    min-height: unset !important;\n    height: 100%;\n    background-position: center;\n    background-size: 100% 100%;\n    position: relative;\n  }\n\n  .nav-tabs[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n    width: 33.3% !important;\n  }\n}\n@media only screen and (max-width: 767px) {\n  .nav-tabs[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n    width: 50% !important;\n  }\n\n  .benefits-title[_ngcontent-%COMP%] {\n    margin: 1em 0;\n  }\n\n  .mobileView[_ngcontent-%COMP%] {\n    position: relative;\n    display: block;\n  }\n\n  .banner-title[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 22px;\n    color: #ebc850;\n    top: 1em;\n    position: absolute;\n  }\n\n  .web-banner[_ngcontent-%COMP%] {\n    display: none !important;\n  }\n\n  .web-banner[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .banner-title[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 40px !important;\n    color: #ebc850;\n    margin: 0px 0px;\n  }\n\n  .section[_ngcontent-%COMP%] {\n    padding: 0px 0px !important;\n  }\n\n  .breadcrumbs[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin-bottom: 10px !important;\n    font-size: 15px;\n    line-height: 40px !important;\n  }\n\n  .breadcrumbs[_ngcontent-%COMP%] {\n    margin-bottom: 0px;\n  }\n\n  .preparation-section[_ngcontent-%COMP%] {\n    padding: 0;\n    text-align: left;\n  }\n\n  .section-title[_ngcontent-%COMP%] {\n    font-size: 22px;\n    line-height: 40px;\n    text-align: center;\n  }\n\n  .container-fluid[_ngcontent-%COMP%] {\n    padding: 0px 20px;\n  }\n\n  .nav-tabs[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding: 0px 0px 0px;\n  }\n\n  .active[_ngcontent-%COMP%]:after {\n    top: 0.8em;\n  }\n\n  .arabicSection[_ngcontent-%COMP%] {\n    padding: 0;\n  }\n\n  .preparation-section[_ngcontent-%COMP%]   .preparation-listes[_ngcontent-%COMP%]   li[_ngcontent-%COMP%], .notesSection[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], .notess[_ngcontent-%COMP%] {\n    font-size: 20px;\n    line-height: 24px;\n    margin-right: 10px;\n  }\n\n  #exp-order1[_ngcontent-%COMP%] {\n    order: 1;\n  }\n\n  #exp-order2[_ngcontent-%COMP%] {\n    order: 2;\n    display: none;\n  }\n\n  .arabicSection[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    margin: 0 auto !important;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n    bottom: 5px;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n    font-size: 2rem;\n    line-height: 2.5rem;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-img[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    -o-object-fit: fill;\n       object-fit: fill;\n    height: 160px;\n  }\n}\n@media (max-width: 575px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover;\n    background-position: 0% 17%;\n  }\n\n  .webView[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n    color: #ebc850;\n    font-size: 22px !important;\n    line-height: 40px !important;\n    top: 0;\n    position: relative;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-img[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    -o-object-fit: fill;\n       object-fit: fill;\n    height: 130px;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n    bottom: 5px;\n  }\n}\n.full-width-custom[_ngcontent-%COMP%] {\n  width: 1366px;\n}\n.text-align-custom[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  margin-bottom: 1rem;\n}\n.text-align-custom[_ngcontent-%COMP%] {\n  position: absolute !important;\n  bottom: 0% !important;\n  left: 2% !important;\n  transform: translate(-3%, 0%) !important;\n}\n.notesSection[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-right: 0;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "1LmZ":
/*!**********************************************!*\
  !*** ./src/app/pages/home/home.component.ts ***!
  \**********************************************/
/*! exports provided: HomeComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HomeComponent", function() { return HomeComponent; });
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "LvDl");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
/* 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 src_app_services_home_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/services/home.service */ "nr5L");
/* harmony import */ var src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/services/cms.service */ "/Ffc");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../shared/footer/footer.component */ "jQpT");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");









function HomeComponent_div_0_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "div", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} }
function HomeComponent_div_1_div_18_div_6_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "span", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](3, "i", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} }
function HomeComponent_div_1_div_18_span_11_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "span", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](2, 1, "HOME.VAT_INC"));
} }
function HomeComponent_div_1_div_18_p_12_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "p", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](2, 1, "HOME.VAT_INC"));
} }
function HomeComponent_div_1_div_18_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "div", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](2, "img", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "div", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](4, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](6, HomeComponent_div_1_div_18_div_6_Template, 4, 0, "div", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "div", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](10, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](11, HomeComponent_div_1_div_18_span_11_Template, 3, 3, "span", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](12, HomeComponent_div_1_div_18_p_12_Template, 3, 3, "p", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const item_r4 = ctx.$implicit;
    const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("src", item_r4.image, _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r2.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r2.lang === "AR" ? item_r4.ar_name : item_r4.name);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngForOf", ctx_r2.numSequence(item_r4.rating));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r2.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate2"]("", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](10, 9, "HOME.AED"), " ", item_r4.price, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx_r2.lang === "EN");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx_r2.lang === "AR");
} }
function HomeComponent_div_1_div_40_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "img", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const bannerimage_r9 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate1"]("src", "https://click2eat.nyc3.cdn.digitaloceanspaces.com/", bannerimage_r9.image, "", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
} }
function HomeComponent_div_1_Template(rf, ctx) { if (rf & 1) {
    const _r11 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "app-header", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "div", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "div", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](4, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](5, "img", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](6, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](8, "p", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](9, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](10, "p", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](11, "div", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "div", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](13, "div", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](14, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](16, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](17, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](18, HomeComponent_div_1_div_18_Template, 13, 11, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](19, "div", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](20, "button", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("click", function HomeComponent_div_1_Template_button_click_20_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r11); const ctx_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r10.redirectToShop(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](22, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](23, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](24, "div", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](25, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](26, "p", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](27);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](28, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](29, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](30, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](31);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](32, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](33, "div", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](34, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](35, "div", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](36, "h3", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](37);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](38, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](39, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](40, HomeComponent_div_1_div_40_Template, 2, 1, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](41, "app-footer");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("background_image_ar") : ctx_r1.getImage("background_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "EN" ? "homePageBanner" : "homePageBannerArabic");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "EN")("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold bannerSection__title__ar" : "font-Humanist777BT-BoldCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("innerHtml", ctx_r1.lang === "AR" ? ctx_r1.getContent("title_ar") : ctx_r1.getContent("title"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeHtml"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular description" : "font-Humanist777BT-RomanB description");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("innerHtml", ctx_r1.lang === "AR" ? ctx_r1.getContent("title_description_ar") : ctx_r1.getContent("title_description"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeHtml"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777BT-BoldCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](16, 19, "HOME.FEATURED_PRODUCTS"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngForOf", ctx_r1.products);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanCondense");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](22, 21, "HOME.CLICK_HERE_TO_ORDER"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777BT-BoldCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section3_title_ar") : ctx_r1.getContent("section3_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section3_description_ar") : ctx_r1.getContent("section3_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold socialMedia__title__ar" : "font-Humanist777BT-BoldCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](38, 23, "HOME.WE_ON_SOCIAL_MEDIA"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngForOf", ctx_r1.banners);
} }
/**
 * Home page
 */
class HomeComponent {
    /**
     * @constructor
     */
    constructor(router, homeservice, cmsService) {
        this.router = router;
        this.homeservice = homeservice;
        this.cmsService = cmsService;
        this.product = [];
        this.products = [];
        this.banner = [];
        this.banners = [];
        this.content = [];
        this.imageBaseUrl = '';
        window.scroll(0, 0);
    }
    /**
     * page initialization
     */
    ngOnInit() {
        // this.lang = sessionStorage.getItem('language');
        console.log(this.lang);
        this.getHomePageContent();
        this.getBannerList();
        this.getProductList();
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
    }
    /**
     * Get Product list
     */
    getProductList() {
        this.homeservice.getProductList().subscribe((datas) => {
            this.product.push(datas);
            this.products = this.product[0].data;
        });
    }
    /**
     * Get Banner list
     */
    getBannerList() {
        this.homeservice.getbannerlist().subscribe((data) => {
            this.banner.push(data);
            this.banners = this.banner[0].data;
        });
    }
    /**
     *  This is a description of the foo function.
     * @param {number} n
     * @return {array}
     */
    numSequence(n) {
        return Array(n);
    }
    /**
     * Redirect to shop page
     */
    redirectToShop() {
        this.lang === 'AR' ? this.router.navigate(['/ar/product']) : this.router.navigate(['/product']);
    }
    /**
     * get home page content
     */
    getHomePageContent() {
        this.cmsService.getPageContent('get_cms_home_content').subscribe((response) => {
            if (response['status']) {
                this.content = response['data'];
                this.imageBaseUrl = response['base_image_url'];
            }
        });
    }
    /**
     * Get content
     * @param {string} key
     * @return {object}
     */
    getContent(key) {
        var _a;
        const filterData = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.filter(this.content, ['section', key]);
        return (_a = filterData[0]) === null || _a === void 0 ? void 0 : _a.content;
    }
    /**
     * Get content
     * @param {string} key
     * @return {object}
     */
    getImage(key) {
        var _a;
        const filterData = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.filter(this.content, ['section', key]);
        return `${this.imageBaseUrl}${(_a = filterData[0]) === null || _a === void 0 ? void 0 : _a.content}`;
    }
}
HomeComponent.ɵfac = function HomeComponent_Factory(t) { return new (t || HomeComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_2__["Router"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_home_service__WEBPACK_IMPORTED_MODULE_3__["HomeService"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_4__["CmsService"])); };
HomeComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: HomeComponent, selectors: [["app-home"]], decls: 2, vars: 2, consts: [["class", "loader_section", 4, "ngIf"], [4, "ngIf"], [1, "loader_section"], [1, "loader"], ["setActive", "home"], [1, "homePage"], [1, "bannerSection"], [1, "banner-img"], [1, "img-fluid", 3, "src"], [3, "ngClass"], [1, "text-white", "bannerSection__title", 3, "ngClass"], [3, "innerHtml"], [1, "text-white", 3, "innerHtml"], [1, "featuredProducts", "full-width", "full-width-custom"], [1, "container-fluid"], [1, "featuredProduct"], [1, "text-center", "featuredProduct-title", 3, "ngClass"], [1, "row"], ["class", "col-xxl-3 col-xl-3 col-md-3 col-sm-6", 4, "ngFor", "ngForOf"], [1, "featuredProduct-order", "text-center", 3, "ngClass"], [1, "roundedCorner", 3, "click"], [1, "tasteSection"], [1, "container-fluid", "text-center"], [1, "tasteSection-content"], [1, "tasteSection-title", 3, "ngClass"], [1, "tasteSection-description", "text-white", 3, "ngClass"], [1, "socialMedia", "section", "full-width", "full-width-custom"], [1, "col-md-12"], [1, "text-center", "socialMedia__title", 3, "ngClass"], ["class", "col-lg-4 col-md-6 col-sm-6 col-12 mt-1em mb-3 pa-r-0 pa-l-0", 4, "ngFor", "ngForOf"], [1, "col-xxl-3", "col-xl-3", "col-md-3", "col-sm-6"], [1, "featuredProduct-details", "text-center"], ["alt", "featuredProduct", 1, "img-fluid", 3, "src"], [1, "featuredProduct__type", 3, "ngClass"], ["class", "featuredProduct-rating", 4, "ngFor", "ngForOf"], [1, "featuredProduct__type", "price-tax", 3, "ngClass"], ["class", "inc", 4, "ngIf"], [1, "featuredProduct-rating"], [1, "stars"], [1, "fa", "fa-star"], [1, "inc"], [1, "col-lg-4", "col-md-6", "col-sm-6", "col-12", "mt-1em", "mb-3", "pa-r-0", "pa-l-0"]], template: function HomeComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](0, HomeComponent_div_0_Template, 2, 0, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](1, HomeComponent_div_1_Template, 42, 25, "div", 1);
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", !ctx.content || ctx.content.length === 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx.content.length > 0);
    } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_5__["NgIf"], _shared_header_header_component__WEBPACK_IMPORTED_MODULE_6__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_5__["NgClass"], _angular_common__WEBPACK_IMPORTED_MODULE_5__["NgForOf"], _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_7__["FooterComponent"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_8__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular {\n  font-family: \"Tajawal-Regular\";\n}\na:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color {\n  border-color: #dedede !important;\n}\n.container-fluid {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width,\n.aboutUsPage,\n.humanKnowCoffee,\n.benefitsAndHarms,\n.preparationPage,\n.galleryPage,\n.productPage {\n  max-width: 100%;\n  margin: 0 auto;\n}\na {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon {\n  color: red;\n  background: blue;\n}\ngallery-item {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em {\n  margin-left: 1em;\n}\n.border {\n  border: 1px solid;\n}\n.roundedCorner {\n  border-radius: 30px;\n}\n.mt-1em {\n  margin-top: 1em;\n}\n.mt-2em {\n  margin-top: 2em;\n}\n.pr-0 {\n  padding-right: 0;\n}\n.pl-0 {\n  padding-left: 0;\n}\n.section {\n  padding: 2em 0;\n}\n.d-flex {\n  display: flex;\n}\n.justify-center {\n  justify-content: center;\n}\n.align-center {\n  align-items: center;\n}\ngallery-thumbs {\n  display: none !important;\n}\n.select-gender {\n  overflow: hidden;\n}\n.select-gender select {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open .modal {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open .modal .modal-dialog {\n  flex-grow: 1;\n}\n.our-branch-address .accordion > .card > .card-header {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address .panelTitle {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address .btn.btn-link {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address .btn.btn-link:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close {\n  display: none;\n}\npath {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md .navbar-nav .nav-link {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView {\n    background-size: cover !important;\n  }\n}\n.direction_ltr {\n  direction: ltr !important;\n}\n.iti {\n  width: 100%;\n}\nbutton.close {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary {\n  background: #432919;\n  color: #ebc850;\n}\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n/* Firefox */\ninput[type=number] {\n  -moz-appearance: textfield;\n}\n.text-primary {\n  color: #ebc850 !important;\n}\n.min-height-10 {\n  min-height: 10em;\n}\n.pac-container {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected,\n.pac-item-selected:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched {\n  font-weight: 700;\n}\n.pac-item-query {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi .pac-icon {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search {\n  background-position: -1px -1px;\n}\n.pac-item-selected .pac-icon-search {\n  background-position: -18px -1px;\n}\n.pac-icon-marker {\n  background-position: -1px -161px;\n}\n.pac-item-selected .pac-icon-marker {\n  background-position: -18px -161px;\n}\n.pac-placeholder {\n  color: gray;\n}\n.form-control:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active .page-link {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0 {\n  bottom: 0px;\n}\n.loader_section {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader,\n.loader:before,\n.loader:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader:before,\n.loader:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.bannerSection .bannerSection__title {\n  font-size: 6.25rem;\n  display: block;\n  line-height: 5.625rem;\n}\n.bannerSection p {\n  display: block;\n  width: 70%;\n}\n.bannerSection .bannerSection__title__ar {\n  font-size: 5.625rem;\n}\n.bannerSection .homePageBanner {\n  position: absolute;\n  top: 33%;\n}\n.bannerSection .banner-img {\n  position: relative;\n}\n.bannerSection .banner-img img {\n  width: 100%;\n}\n.bannerSection .description {\n  font-size: 2.25rem;\n  line-height: 2.25rem;\n  margin: 0;\n  padding: 0px 8px;\n  width: 78%;\n}\n.featuredProducts {\n  padding: 54px 0px 75px;\n}\n.featuredProducts .featuredProduct-title {\n  margin-bottom: 1em;\n  color: #432919;\n  font-size: 3.125rem;\n  line-height: 5rem;\n}\n.featuredProducts .inc {\n  line-height: 36px;\n  font-size: 18px;\n  color: #1d1d1b;\n}\n.featuredProducts .featuredProduct__type {\n  font-size: 1.5rem;\n  line-height: 2.25rem;\n}\n.featuredProducts .featuredProduct__type p {\n  margin-bottom: 0;\n  color: #1d1d1b;\n}\n.featuredProducts .featuredProduct-tax p {\n  font-size: 22px;\n  line-height: 36px;\n}\n.featuredProduct-order button {\n  padding: 1px;\n  color: #ebc850;\n  outline: none;\n  background: #432919;\n  font-size: 1.75rem;\n  margin-top: 1em;\n  padding: 0px 50px;\n}\n.socialMedia .socialMedia__title {\n  margin-bottom: 0;\n  color: #432919;\n  font-size: 3.125rem;\n  line-height: 5rem;\n}\n.socialMedia .socialMedia__title__ar {\n  font-size: 2.75rem !important;\n}\n.tasteSection {\n  padding-top: 40px;\n  padding-bottom: 40px;\n}\n.tasteSection .tasteSection-description.text-white {\n  margin: 0 auto;\n  padding: 0px 6px 0px 2px;\n  margin: 0;\n  letter-spacing: 1px;\n}\n.tasteSection .tasteSection-title {\n  color: #ebc850;\n  font-size: 2.75rem;\n  line-height: 2.5rem;\n  padding-top: 45px;\n  margin: 0px 0px 30px;\n}\n.tasteSection .tasteSection-content {\n  max-width: 990px;\n  margin: 0 auto;\n}\n.featuredProduct-rating {\n  display: inline-block;\n  vertical-align: sub;\n}\n.featuredProduct-details img {\n  margin-bottom: 10px;\n}\n.price-tax {\n  padding-bottom: 25px;\n}\n.tasteSection {\n  background-image: url('home-page-taste-image.jpg');\n}\n.tasteSection .tasteSection-description p span {\n  font-size: 22px;\n  line-height: 2.5rem;\n}\n/*-- Responsive Style Start--*/\n@media (min-width: 2561px) {\n  .bannerSection .homePageBanner {\n    position: absolute;\n    top: 33%;\n  }\n\n  .tasteSection {\n    height: 400px;\n    padding: 87px 0 80px 0;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-size: cover;\n  }\n\n  .tasteSection-content {\n    padding-bottom: 50px;\n  }\n}\n@media (min-width: 1601px) and (max-width: 2560px) {\n  .bannerSection .homePageBanner {\n    position: absolute;\n    left: 7%;\n    top: 26%;\n  }\n\n  p {\n    display: block;\n    width: 100%;\n  }\n\n  .bannerSection .bannerSection__title {\n    font-size: 9rem;\n    width: 80%;\n    line-height: 7.625rem;\n  }\n\n  .bannerSection .description {\n    font-size: 3rem;\n    line-height: 3.25rem;\n    margin: 0;\n    padding: 0px 8px;\n    width: 78%;\n  }\n\n  .socialMedia .row {\n    padding-left: 219px;\n    padding-right: 81px;\n  }\n}\n@media only screen and (min-width: 1367px) and (max-width: 1600px) {\n  .bannerSection .homePageBanner {\n    position: absolute;\n    left: 8%;\n    top: 21%;\n  }\n\n  .tasteSection {\n    background-repeat: no-repeat;\n    background-position: bottom;\n    background-size: cover;\n  }\n\n  .tasteSection-content {\n    padding-top: 50px;\n  }\n\n  .tasteSection {\n    padding: 87px 0 80px 0;\n  }\n}\n@media only screen and (max-width: 1366px) {\n  .bannerSection .homePageBanner {\n    position: absolute;\n    top: 21%;\n  }\n\n  .tasteSection {\n    background-repeat: no-repeat;\n    background-position: bottom;\n    background-size: cover;\n  }\n\n  .tasteSection-content {\n    padding-top: 50px;\n  }\n\n  .tasteSection {\n    padding: 87px 0 80px 0;\n  }\n}\n@media (max-width: 1280px) {\n  .bannerSection .homePageBanner {\n    position: absolute;\n    left: 7%;\n    top: 30%;\n  }\n\n  .bannerSection .bannerSection__title {\n    font-size: 5.25rem;\n    display: block;\n    line-height: 4.625rem;\n    width: 100%;\n  }\n\n  .bannerSection .description {\n    font-size: 1.75rem;\n    line-height: 1.75rem;\n    width: 70%;\n  }\n}\n@media (max-width: 991px) {\n  .bannerSection .homePageBanner {\n    position: absolute;\n    left: 5%;\n    top: 24%;\n  }\n\n  .bannerSection .bannerSection__title {\n    font-size: 2.25rem;\n    display: block;\n    line-height: 2.625rem;\n    width: 45% !important;\n  }\n\n  .bannerSection .description {\n    font-size: 1.6rem;\n    line-height: 2rem;\n    margin: 0;\n    padding: 0px 0px;\n    width: 80% !important;\n  }\n}\n@media only screen and (max-width: 767px) {\n  .bannerSection .homePageBanner {\n    position: absolute;\n    left: 7%;\n    top: 20%;\n  }\n\n  .bannerSection .bannerSection__title {\n    font-size: 3.25rem;\n    display: block;\n    line-height: 2.625rem;\n    width: 80% !important;\n    padding-top: 30px;\n  }\n\n  .bannerSection .description {\n    font-size: 1.25rem;\n    line-height: 1.75rem;\n    margin: 0;\n    padding: 0px 0px;\n  }\n\n  .bannerSection h1 span {\n    font-size: 1em;\n  }\n\n  .featuredProduct.section .col-md-3 {\n    width: 50%;\n  }\n}\n@media (max-width: 575px) {\n  .bannerSection .homePageBanner {\n    position: absolute;\n    left: 4%;\n    top: 10%;\n  }\n\n  .description {\n    font-size: 10px !important;\n    line-height: 13px !important;\n    margin: 0;\n    padding: 0px 0px;\n    width: 100% !important;\n  }\n\n  .featuredProduct-title {\n    font-size: 30px !important;\n    line-height: 30px !important;\n    text-align: center;\n  }\n\n  .featuredProducts {\n    padding: 30px 0px 40px !important;\n  }\n\n  .featuredProduct__type {\n    font-size: 15px !important;\n    line-height: 18px !important;\n    margin: 0px 0px 10px !important;\n  }\n\n  .featuredProducts .featuredProduct-tax p {\n    font-size: 18px !important;\n    line-height: 18px !important;\n  }\n\n  .featuredProducts .inc {\n    line-height: 18px !important;\n    font-size: 18px;\n    color: #1d1d1b;\n  }\n\n  .featuredProduct-rating {\n    padding-bottom: 15px;\n  }\n\n  .bannerSection p span {\n    display: inline;\n  }\n\n  .bannerSection__title {\n    font-size: 20px !important;\n    line-height: 20px !important;\n    margin-bottom: -5px;\n  }\n\n  .featuredProduct-order button {\n    font-size: 0.9em;\n    padding: 10px 50px;\n  }\n\n  .tasteSection .tasteSection-title {\n    color: #ebc850;\n    font-size: 30px;\n    line-height: 34px;\n    padding-top: 0px;\n  }\n\n  .tasteSection .tasteSection-description p span {\n    font-size: 18px;\n    line-height: 24px;\n  }\n\n  .tasteSection {\n    padding: 25px 0 15px 0;\n  }\n\n  .section {\n    padding: 0em 0;\n  }\n\n  .socialMedia .socialMedia__title {\n    margin-bottom: 0;\n    font-size: 30px;\n    line-height: 5rem;\n  }\n\n  .bannerSection__title span:last-child {\n    display: block !important;\n  }\n\n  .mb-2em {\n    margin-bottom: 20px;\n  }\n\n  .fs-1em {\n    font-size: 17px !important;\n    line-height: 26px !important;\n    font-weight: lighter !important;\n    letter-spacing: 1px;\n  }\n}\n/*-- Responsive Style End--*/\n/*customization*/\n.full-width-custom {\n  width: 1366px !important;\n}\n.homePageBannerArabic {\n  position: absolute;\n  left: 50%;\n  top: 33%;\n  padding-right: 0px;\n  right: 5%;\n}\n.homePageBannerArabic .description {\n  width: 92% !important;\n  direction: rtl;\n}\n.homePageBannerArabic .bannerSection__title__ar {\n  width: 92% !important;\n  font-size: 5.8rem;\n  direction: rtl;\n}\n@media (max-width: 575px) {\n  .bannerSection .homePageBannerArabic {\n    left: 45%;\n    top: 0%;\n  }\n\n  .homePageBannerArabic .bannerSection__title__ar {\n    font-size: 1.5rem !important;\n    line-height: 1 !important;\n  }\n\n  .homePageBannerArabic .description {\n    width: 101% !important;\n    font-size: 1.4rem !important;\n    line-height: 1.8rem !important;\n  }\n}\n@media (min-width: 576px) and (max-width: 767px) {\n  .bannerSection .homePageBannerArabic {\n    left: 45%;\n    top: 0%;\n  }\n\n  .homePageBannerArabic .bannerSection__title__ar {\n    font-size: 2.7rem !important;\n    line-height: 2.625 !important;\n  }\n\n  .homePageBannerArabic .description {\n    width: 92%;\n    font-size: 1.5rem !important;\n    line-height: 2rem !important;\n  }\n}\n@media (min-width: 768px) and (max-width: 991px) {\n  .bannerSection .homePageBannerArabic {\n    left: 45%;\n    top: 20%;\n  }\n\n  .homePageBannerArabic .bannerSection__title__ar {\n    font-size: 3.5rem !important;\n    line-height: 3rem !important;\n  }\n\n  .homePageBannerArabic .description {\n    width: 92%;\n    font-size: 1.7rem !important;\n    line-height: 2.5rem !important;\n  }\n}\n@media (min-width: 992px) and (max-width: 1200px) {\n  .bannerSection .homePageBannerArabic {\n    left: 45%;\n    top: 35% !important;\n  }\n\n  .homePageBannerArabic .bannerSection__title__ar {\n    font-size: 4rem !important;\n    line-height: 4.625rem !important;\n  }\n\n  .homePageBannerArabic .description {\n    width: 92%;\n    font-size: 2rem !important;\n    line-height: 3rem !important;\n  }\n}\n@media (min-width: 1200px) and (max-width: 1400px) {\n  .bannerSection .homePageBannerArabic {\n    left: 45%;\n    top: 35% !important;\n  }\n\n  .homePageBannerArabic .bannerSection__title__ar {\n    font-size: 5rem !important;\n    line-height: 4.625rem !important;\n  }\n\n  .homePageBannerArabic .description {\n    width: 92%;\n    font-size: 2.5rem !important;\n    line-height: 3.5rem !important;\n  }\n}\n@media (min-width: 2561px) {\n  .bannerSection .homePageBannerArabic {\n    top: 33%;\n  }\n}\n@media (min-width: 1601px) and (max-width: 2150px) {\n  .bannerSection .homePageBannerArabic {\n    top: 26%;\n  }\n\n  .homePageBannerArabic .bannerSection__title__ar {\n    font-size: 6.625rem !important;\n    width: 92% !important;\n  }\n\n  .homePageBannerArabic .description {\n    width: 92%;\n    font-size: 3rem !important;\n    line-height: 4.265rem !important;\n  }\n}\n@media (min-width: 2151px) {\n  .bannerSection .homePageBannerArabic {\n    top: 26%;\n  }\n\n  .homePageBannerArabic .bannerSection__title__ar {\n    font-size: 8.625rem !important;\n    width: 92% !important;\n  }\n\n  .homePageBannerArabic .description {\n    width: 92%;\n    font-size: 3.625rem !important;\n    line-height: 5rem !important;\n  }\n}\n@media only screen and (min-width: 1367px) and (max-width: 1600px) {\n  .bannerSection .homePageBannerArabic {\n    top: 21%;\n  }\n\n  .homePageBannerArabic .description {\n    line-height: 3.5rem !important;\n  }\n}\n@media (max-width: 1280px) {\n  .bannerSection .homePageBannerArabic .bannerSection__title__ar {\n    left: 45%;\n    top: 0%;\n    font-size: 3.5rem;\n  }\n}\n.homePageBannerArabic .bannerSection__title__ar {\n  display: block;\n  text-align: right;\n}\n.homePageBannerArabic p {\n  display: block;\n  width: 92% !important;\n}\n.homePageBannerArabic .description {\n  line-height: 2.25rem;\n  margin: 0;\n  padding: 0px 8px;\n  width: 92%;\n  text-align: right;\n}\n@media (max-width: 767px) {\n  .pa-r-0 {\n    padding-right: 5px !important;\n  }\n\n  .pa-l-0 {\n    padding-left: 5px !important;\n  }\n\n  .footer_section--address p {\n    line-height: 30px;\n    color: #fff !important;\n    text-align: center;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,  */"], encapsulation: 2 });


/***/ }),

/***/ "320Y":
/*!***************************************************!*\
  !*** ./src/app/shared/header/header.component.ts ***!
  \***************************************************/
/*! exports provided: HeaderComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HeaderComponent", function() { return HeaderComponent; });
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "3Pt+");
/* harmony import */ var _constants_common_const__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../constants/common.const */ "Ddp4");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");
/* harmony import */ var src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/services/translation.service */ "ty2H");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/services/modal.service */ "VQPA");
/* harmony import */ var src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! src/app/services/storage.service */ "n90K");
/* harmony import */ var src_app_services_cart_count_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! src/app/services/cart-count.service */ "eeuo");
/* harmony import */ var src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! src/app/services/cms.service */ "/Ffc");
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var _user_login_user_login_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../user-login/user-login.component */ "s7gC");















function HeaderComponent_a_24_Template(rf, ctx) { if (rf & 1) {
    const _r12 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "a", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function HeaderComponent_a_24_Template_a_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r12); const ctx_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r11.openSignInModal(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 1, "MENU.SIGN_IN"), "");
} }
const _c0 = function () { return ["/ar/user-account"]; };
const _c1 = function () { return ["/user-account"]; };
function HeaderComponent_a_25_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "a", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx_r1.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](2, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](3, _c1));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", ctx_r1.profile == null ? null : ctx_r1.profile.user_name, "");
} }
function HeaderComponent_li_26_Template(rf, ctx) { if (rf & 1) {
    const _r14 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "li", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "a", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function HeaderComponent_li_26_Template_a_click_1_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r14); const ctx_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r13.changeLang("EN"); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, "English");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} }
function HeaderComponent_li_27_Template(rf, ctx) { if (rf & 1) {
    const _r16 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "li", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "a", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function HeaderComponent_li_27_Template_a_click_1_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r16); const ctx_r15 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r15.changeLang("AR"); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, "\u0627\u0644\u0639\u0631\u0628\u064A\u0629");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} }
const _c2 = function (a0) { return { "badge_ar": a0 }; };
function HeaderComponent_span_31_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "span", 45);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](2, _c2, ctx_r4.lang === "AR"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx_r4.cartItemCount);
} }
function HeaderComponent_li_32_Template(rf, ctx) { if (rf & 1) {
    const _r18 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "li", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "a", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function HeaderComponent_li_32_Template_a_click_1_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r18); const ctx_r17 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r17.logout(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r5.lang === "AR" ? "br-1px" : "mr-0");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](3, 2, "MENU.LOGOUT"));
} }
function HeaderComponent_a_107_Template(rf, ctx) { if (rf & 1) {
    const _r20 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "a", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function HeaderComponent_a_107_Template_a_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r20); const ctx_r19 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r19.openSignInModal(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 1, "MENU.SIGN_IN"), "");
} }
function HeaderComponent_a_108_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "a", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx_r7.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](2, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](3, _c1));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", ctx_r7.profile == null ? null : ctx_r7.profile.user_name, "");
} }
function HeaderComponent_li_109_Template(rf, ctx) { if (rf & 1) {
    const _r22 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "a", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function HeaderComponent_li_109_Template_a_click_1_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r22); const ctx_r21 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r21.changeLang("EN"); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, "English");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} }
function HeaderComponent_li_110_Template(rf, ctx) { if (rf & 1) {
    const _r24 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "li");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "a", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function HeaderComponent_li_110_Template_a_click_1_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r24); const ctx_r23 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r23.changeLang("AR"); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, "\u0627\u0644\u0639\u0631\u0628\u064A\u0629");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} }
function HeaderComponent_span_114_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "span", 45);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction1"](2, _c2, ctx_r10.lang === "AR"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx_r10.cartItemCount);
} }
const _c3 = function () { return ["/ar/home"]; };
const _c4 = function () { return ["/home"]; };
const _c5 = function (a0, a1) { return { "br-1px": a0, "mr-0": a1 }; };
const _c6 = function () { return ["/ar/cart"]; };
const _c7 = function () { return ["/cart"]; };
const _c8 = function () { return ["/ar/about-us"]; };
const _c9 = function () { return ["/about-us"]; };
const _c10 = function () { return ["/ar/when-did-human-know-coffee"]; };
const _c11 = function () { return ["/when-did-human-know-coffee"]; };
const _c12 = function () { return ["/ar/what-are-the-benefits-and-harms"]; };
const _c13 = function () { return ["/what-are-the-benefits-and-harms"]; };
const _c14 = function () { return ["/ar/preparation"]; };
const _c15 = function () { return ["/preparation"]; };
const _c16 = function () { return ["/ar/gallery"]; };
const _c17 = function () { return ["/gallery"]; };
const _c18 = function () { return ["/ar/contact"]; };
const _c19 = function () { return ["/contact"]; };
const _c20 = function () { return ["/ar/product"]; };
const _c21 = function () { return ["/product"]; };
/**
 * HeaderComponent
 */
class HeaderComponent {
    /**
   * Constructor
   */
    constructor(translate, translationService, _document, router, formBuilder, loginModalService, storageService, cartCountService, cmsService) {
        this.translate = translate;
        this.translationService = translationService;
        this._document = _document;
        this.router = router;
        this.formBuilder = formBuilder;
        this.loginModalService = loginModalService;
        this.storageService = storageService;
        this.cartCountService = cartCountService;
        this.cmsService = cmsService;
        this.collapsed = true;
        this.submitted = false;
        this.closeResult = '';
        this.profile = {};
        this.cartItemCount = 0;
        this.content = {};
        translate.addLangs([_constants_common_const__WEBPACK_IMPORTED_MODULE_2__["EN"], _constants_common_const__WEBPACK_IMPORTED_MODULE_2__["AR"]]);
    }
    /**
     * page initialization
     */
    ngOnInit() {
        this.getPageContent();
        this.profile = JSON.parse(this.storageService.getItem('profile'));
        this.cartItemCount = this.storageService.getItem('cart') !== null ? JSON.parse(this.storageService.getItem('cart')).length : 0;
        this.cartCountService.updateCartCount({
            count: this.cartItemCount,
        });
        // Listening to cart count
        this.cartCountService.cartIncrementObserve.subscribe((data) => {
            this.cartItemCount = data.count;
        });
        const url = this.router.routerState.snapshot.url;
        console.log(url.split('/')[1]);
        if (url.split('/')[1] === 'ar') {
            this.changeLang(_constants_common_const__WEBPACK_IMPORTED_MODULE_2__["AR"]);
        }
        else {
            this.changeLang(_constants_common_const__WEBPACK_IMPORTED_MODULE_2__["EN"]);
        }
        this.loginform = this.formBuilder.group({
            phone: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            password: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            device_token: ['sp-eatzilla-web'],
            login_type: ['0'],
            device_type: ['web'],
        });
    }
    get f() {
        return this.loginform.controls;
    }
    /**
     * Add the translation
     * @param {string} lang Used for translation.
     */
    changeLang(lang) {
        this.setUrl(lang);
        sessionStorage.setItem('language', lang);
        this.lang = sessionStorage.getItem('language');
        this.translate.use(lang);
        this.translationService.languageChangeTrigger(true);
        this.changeCssFile(lang);
    }
    /**
     * Change Url based on language
     * @param {string} lang
     */
    setUrl(lang) {
        const url = this.router.routerState.snapshot.url;
        if (lang === 'AR' && url.split('/')[1] !== 'ar') {
            this.router.navigate([`/ar${url}`]);
        }
        if (lang === 'EN' && url.split('/')[1] === 'ar') {
            const newurl = url.split('/')[2] ? this.router.url.replace('ar/', '') : this.router.url.replace('ar', '');
            this.router.navigate([`${newurl}`]);
        }
    }
    /**
   * change the css file for right aligned
   * @param {string} lang Used for translation.
   */
    changeCssFile(lang) {
        this.lang = sessionStorage.getItem('language');
        const headTag = this._document.getElementsByTagName('head')[0];
        const existingLink = this._document.getElementById('langCss');
        const bundleName = lang === _constants_common_const__WEBPACK_IMPORTED_MODULE_2__["AR"] ? 'css-ar.css' : 'css-en.css';
        if (existingLink) {
            existingLink.href = bundleName;
        }
        else {
            const newLink = this._document.createElement('link');
            newLink.rel = 'stylesheet';
            newLink.id = 'langCss';
            newLink.href = bundleName;
            newLink.type = 'text/css';
            newLink.media = 'all';
            headTag.appendChild(newLink);
        }
    }
    /**
     * Open sign in modal
     */
    openSignInModal() {
        this.loginModalService.setLoginModalStatus({
            isLoginModalOpen: true,
        });
    }
    /**
     * Logout
     */
    logout() {
        const url = this.router.routerState.snapshot.url;
        this.storageService.clearItem();
        if (url === '/' || url === '/ar' || url === '/home' || url === '/ar/home') {
            window.location.reload();
        }
        else
            this.lang === 'AR' ? this.router.navigate(['/ar']) : this.router.navigate(['/']);
    }
    /**
     * get page content
     */
    getPageContent() {
        this.cmsService.getPageContent('get_cms_common_content').subscribe((response) => {
            if (response['status']) {
                this.content = response['data'];
            }
        });
    }
}
HeaderComponent.ɵfac = function HeaderComponent_Factory(t) { return new (t || HeaderComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_ngx_translate_core__WEBPACK_IMPORTED_MODULE_4__["TranslateService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_5__["TranslationService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_angular_common__WEBPACK_IMPORTED_MODULE_0__["DOCUMENT"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_6__["Router"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_7__["ModalService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_8__["StorageService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_cart_count_service__WEBPACK_IMPORTED_MODULE_9__["CartCountService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_10__["CmsService"])); };
HeaderComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdefineComponent"]({ type: HeaderComponent, selectors: [["app-header"]], inputs: { setActive: "setActive" }, decls: 116, vars: 118, consts: [[1, "notificationsBar", "text-center", 3, "ngClass"], [1, "container-fluid"], [1, "text-white"], [1, "container-fluid", "navBar"], [1, "row", "header-row"], [1, "col-md-3", "col-sm-12", "col-xs-12"], [1, "navbar-brand", 3, "routerLink"], [1, "ar_version"], ["src", "assets/images/icons/logo.png", "alt", "logo", 3, "ngClass"], [1, "col-md-9"], [1, "headerWebView"], [1, "socialMediaLinks", 3, "ngClass"], [1, "m-0"], ["target", "_blank", 3, "href"], ["src", "assets/images/icons/fb.png", "alt", "faceBoook"], [3, "ngClass"], ["src", "assets/images/icons/insta.png", "alt", "instaGram"], [1, "br-1px"], [3, "click", 4, "ngIf"], [3, "routerLink", 4, "ngIf"], ["class", "br-1px", 4, "ngIf"], [3, "routerLink"], ["src", "assets/images/icons/cart.png", "alt", "cart"], ["class", "badge", 3, "ngClass", 4, "ngIf"], [3, "ngClass", 4, "ngIf"], [1, "navbar", "navbar-expand-md"], [1, "collapse", "navbar-collapse"], [1, "navbar-nav", 3, "ngClass"], [1, "nav-link", 3, "routerLink"], ["ngbDropdown", "", "display", "dynamic", "placement", "bottom-left", 3, "ngClass"], ["tabindex", "0", "ngbDropdownToggle", "", "id", "navbarDropdown3", "role", "button", 1, "nav-link"], ["ngbDropdownMenu", "", "aria-labelledby", "navbarDropdown3", 1, "dropdown-menu", "submenu", 3, "ngClass"], ["ngbDropdownItem", "", 3, "routerLink"], [1, "headerMobileView", 3, "ngClass"], ["type", "checkbox", "id", "toggle", 2, "display", "none"], ["for", "toggle", 1, "toggle-btn", "toggle-btn__cross", 3, "ngClass"], [1, "bar"], [1, "mobileViewMenu", 3, "ngClass"], [1, "ml-1em"], [1, "fs-1em", 3, "routerLink"], [1, "separator"], [4, "ngIf"], ["src", "assets/images/icons/cart_menu.png "], [3, "click"], [1, "arbicFont", 3, "click"], [1, "badge", 3, "ngClass"]], template: function HeaderComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "header");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "div");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](2, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](4, "span", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "div");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](8, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](9, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "a", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](12, "img", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](13, "div", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](14, "div", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](15, "div");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](16, "ul", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](17, "li", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](18, "a", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](19, "img", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](20, "li", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](21, "a", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](22, "img", 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](23, "li", 17);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](24, HeaderComponent_a_24_Template, 3, 3, "a", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](25, HeaderComponent_a_25_Template, 2, 4, "a", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](26, HeaderComponent_li_26_Template, 3, 0, "li", 20);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](27, HeaderComponent_li_27_Template, 3, 0, "li", 20);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](28, "li", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](29, "a", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](30, "img", 22);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](31, HeaderComponent_span_31_Template, 2, 4, "span", 23);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](32, HeaderComponent_li_32_Template, 4, 4, "li", 24);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](33, "div");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](34, "nav", 25);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](35, "div", 26);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](36, "ul", 27);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](37, "li", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](38, "a", 28);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](39);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](40, "li", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](41, "a", 28);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](42);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](43, "li", 29);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](44, "a", 30);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](45);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](46, "div", 31);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](47, "a", 32);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](48);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](49, "a", 32);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](50);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](51, "li", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](52, "a", 28);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](53);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](54, "li", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](55, "a", 28);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](56);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](57, "li", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](58, "a", 28);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](59);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](60, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](61, "li", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](62, "a", 28);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](63);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](64, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](65, "div", 33);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](66, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](67, "header");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](68, "input", 34);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](69, "label", 35);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](70, "div", 36);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](71, "div", 36);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](72, "div", 36);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](73, "nav");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](74, "div", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](75, "ul", 37);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](76, "li");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](77, "a", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](78);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](79, "li");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](80, "a", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](81);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](82, "li");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](83, "a");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](84);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](85, "li", 38);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](86, "a", 39);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](87);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](88, "li", 38);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](89, "a", 39);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](90);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](91, "li");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](92, "a", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](93);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](94, "li");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](95, "a", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](96);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](97, "li");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](98, "a", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](99);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](100, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](101, "li");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](102, "a", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](103);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](104, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](105, "hr", 40);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](106, "li");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](107, HeaderComponent_a_107_Template, 3, 3, "a", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](108, HeaderComponent_a_108_Template, 2, 4, "a", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](109, HeaderComponent_li_109_Template, 3, 0, "li", 41);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](110, HeaderComponent_li_110_Template, 3, 0, "li", 41);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](111, "li");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](112, "a", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](113, "img", 42);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](114, HeaderComponent_span_114_Template, 2, 4, "span", 23);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](115, "app-user-login");
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx.lang === "AR" ? ctx.content.ar_cms_notification_content : ctx.content.cms_notification_content);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](77, _c3) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](78, _c4));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "EN" ? "img-fluid" : "img-fluid-ar");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist521BT-Roman");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpropertyInterpolate"]("href", ctx.content.facebook_link, _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵsanitizeUrl"]);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "m-0" : "br-1px");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpropertyInterpolate"]("href", ctx.content.instagram_link, _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵsanitizeUrl"]);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", !ctx.profile || !(ctx.profile == null ? null : ctx.profile.authId));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.profile == null ? null : ctx.profile.authId);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.lang === "AR");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.lang === "EN");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction2"](79, _c5, (ctx.profile == null ? null : ctx.profile.authId) || ctx.lang === "AR", ctx.lang !== "AR" && !(ctx.profile == null ? null : ctx.profile.authId)));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](82, _c6) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](83, _c7));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.profile || (ctx.profile == null ? null : ctx.profile.authId));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.profile == null ? null : ctx.profile.authId);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "navBar__ar" : "navBar__en");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.setActive == "home" ? "nav-item active" : "nav-item");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](84, _c3) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](85, _c4));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", ctx.lang === "AR" ? ctx.content.menu1_name_ar : ctx.content.menu1_name, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.setActive == "about" ? "nav-item active" : "nav-item");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](86, _c8) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](87, _c9));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", ctx.lang === "AR" ? ctx.content.menu2_name_ar : ctx.content.menu2_name, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.setActive == "learn" ? "nav-item active" : "nav-item");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", ctx.lang === "AR" ? ctx.content.menu3_name_ar : ctx.content.menu3_name, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "navBar__ar" : "navBar__en");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](88, _c10) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](89, _c11));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" - ", ctx.lang === "AR" ? ctx.content.learn_content_menu1_name_ar : ctx.content.learn_content_menu1_name, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](90, _c12) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](91, _c13));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" - ", ctx.lang === "AR" ? ctx.content.learn_content_menu2_name_ar : ctx.content.learn_content_menu2_name, "");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.setActive == "preparation" ? "nav-item active" : "nav-item");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](92, _c14) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](93, _c15));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", ctx.lang === "AR" ? ctx.content.menu4_name_ar : ctx.content.menu4_name, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.setActive == "gallery" ? "nav-item active" : "nav-item");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](94, _c16) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](95, _c17));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", ctx.lang === "AR" ? ctx.content.menu5_name_ar : ctx.content.menu5_name, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.setActive == "contact" ? "nav-item active" : "nav-item");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](96, _c18) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](97, _c19));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](60, 69, "MENU.CONTACT"), " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.setActive == "shop" ? "nav-item active" : "nav-item shop");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](98, _c20) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](99, _c21));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](64, 71, "MENU.SHOP"), " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "EN" ? "toggle-btn" : "toggle-btn-ar");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "EN" ? "toggle-btn" : "toggle-btn-ar");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "EN" ? "mobileViewMenu" : "mobileViewMenu_ar");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist521BT-Roman");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](100, _c3) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](101, _c4));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx.lang === "AR" ? ctx.content.menu1_name_ar : ctx.content.menu1_name);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](102, _c8) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](103, _c9));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx.lang === "AR" ? ctx.content.menu2_name_ar : ctx.content.menu2_name);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx.lang === "AR" ? ctx.content.menu3_name_ar : ctx.content.menu3_name);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](104, _c10) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](105, _c11));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" - ", ctx.lang === "AR" ? ctx.content.learn_content_menu1_name_ar : ctx.content.learn_content_menu1_name, "");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](106, _c12) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](107, _c13));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" - ", ctx.lang === "AR" ? ctx.content.learn_content_menu2_name_ar : ctx.content.learn_content_menu2_name, "");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](108, _c14) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](109, _c15));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx.lang === "AR" ? ctx.content.menu4_name_ar : ctx.content.menu4_name);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](110, _c16) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](111, _c17));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx.lang === "AR" ? ctx.content.menu5_name_ar : ctx.content.menu5_name);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](112, _c18) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](113, _c19));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](100, 73, "MENU.CONTACT"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](114, _c20) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](115, _c21));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](104, 75, "MENU.SHOP"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", !ctx.profile || !(ctx.profile == null ? null : ctx.profile.authId));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.profile == null ? null : ctx.profile.authId);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.lang === "AR");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.lang === "EN");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](116, _c6) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](117, _c7));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.profile || (ctx.profile == null ? null : ctx.profile.authId));
    } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_0__["NgClass"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_11__["NgbNavbar"], _angular_router__WEBPACK_IMPORTED_MODULE_6__["RouterLinkWithHref"], _angular_common__WEBPACK_IMPORTED_MODULE_0__["NgIf"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_11__["NgbDropdown"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_11__["NgbDropdownToggle"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_11__["NgbDropdownMenu"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_11__["NgbDropdownItem"], _user_login_user_login_component__WEBPACK_IMPORTED_MODULE_12__["UserLoginComponent"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_4__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.notificationsBar[_ngcontent-%COMP%] {\n  padding: 1.5em;\n  background: #1d1d1b;\n}\n.header[_ngcontent-%COMP%] {\n  height: 200px !important;\n}\n.fs-1em[_ngcontent-%COMP%] {\n  font-size: 17px !important;\n  line-height: 30px !important;\n  font-weight: lighter !important;\n  letter-spacing: 0.7px;\n}\n.headerMobileView[_ngcontent-%COMP%] {\n  display: none;\n}\n.navbar-nav[_ngcontent-%COMP%] {\n  margin-left: auto;\n}\nhr.separator[_ngcontent-%COMP%] {\n  border: 0;\n  width: 70%;\n  margin: 1em 0px 1em 0px;\n  border-top: 1px solid #fff;\n  text-align: left;\n}\n.arbicFont[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\n.navbar[_ngcontent-%COMP%] {\n  padding: 0rem;\n}\n.navbar[_ngcontent-%COMP%]   a#navbarDropdown3[_ngcontent-%COMP%]:focus {\n  outline: none;\n}\n.navbar[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]:hover {\n  background: #ebc850;\n}\n.navbar[_ngcontent-%COMP%]   .nav-item.shop[_ngcontent-%COMP%] {\n  outline: 2px solid #d30404;\n  outline-offset: -8px;\n  padding: 2px 14px;\n  margin-bottom: 10px;\n}\n.dropdown-menu.show[_ngcontent-%COMP%] {\n  background: #ebc850;\n  opacity: 0.8;\n  background: #ebc850;\n  margin-top: 14px;\n  border-radius: 0;\n}\n.dropdown-menu.show[_ngcontent-%COMP%]   a.dropdown-item[_ngcontent-%COMP%]:before {\n  padding-right: 0.625em;\n  width: 20em;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.dropdown-menu.show[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:first-child {\n  border-bottom: 0.1em solid #ffffff;\n}\n.dropdown-menu.show[_ngcontent-%COMP%]   .dropdown-item[_ngcontent-%COMP%] {\n  display: block;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  clear: both;\n  font-weight: 200;\n  font-size: medium;\n  color: #212529;\n  text-align: inherit;\n  white-space: nowrap;\n  background-color: transparent;\n  border: 0;\n  padding: 0.3em;\n}\n.mobileViewMenu[_ngcontent-%COMP%] {\n  transform: scaleX(1);\n}\n.mobileViewMenu_ar[_ngcontent-%COMP%] {\n  font-weight: 100;\n  padding-right: 20%;\n  direction: rtl;\n  align-content: flex-end;\n  transform: scaleX(1);\n  text-align: right;\n}\n.navBar[_ngcontent-%COMP%]   .navBar__en[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n  font-size: 1.375rem;\n  line-height: 1.625rem;\n}\n.navBar[_ngcontent-%COMP%]   .navBar__ar[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n  font-size: 1.3rem;\n  line-height: 2rem;\n}\n.navBar[_ngcontent-%COMP%]   .nav-item.active[_ngcontent-%COMP%] {\n  background: #ebc850;\n}\n.navBar[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%] {\n  margin-right: 0.5em;\n}\n.navBar[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #1d1d1b;\n  padding-left: 7px;\n  padding-right: 0px;\n  margin: auto;\n  vertical-align: middle;\n}\n.navBar[_ngcontent-%COMP%]   .navbar-expand-sm[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n  padding-right: 0.9rem;\n  padding-left: 0.9rem;\n}\nul.socialMediaLinks[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 1.5em;\n}\nul.socialMediaLinks[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  list-style-type: none;\n  padding-right: 1em;\n  margin-right: 1em;\n  font-size: 1.25rem;\n  line-height: 1.313rem;\n}\nul.socialMediaLinks[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\nul.socialMediaLinks[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0.7em;\n  right: 9em;\n  background-color: #ebc850 !important;\n  border-radius: 100% !important;\n  padding: 0.2em 0.4em !important;\n  font-size: 65% !important;\n}\nul.socialMediaLinks[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .badge_ar[_ngcontent-%COMP%] {\n  left: 14em !important;\n  right: unset;\n}\n.headerMobileView[_ngcontent-%COMP%]   header[_ngcontent-%COMP%]   nav[_ngcontent-%COMP%] {\n  background-color: #1d1d1b;\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  visibility: hidden;\n  transition: all 0.3s ease-in-out;\n}\n.headerMobileView[_ngcontent-%COMP%]   header[_ngcontent-%COMP%]   nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%] {\n  display: inline;\n  list-style-type: none;\n  \n  \n  position: relative;\n  left: 11%;\n  top: 10.625em;\n  transition: all 0.3s ease-in-out;\n  transform: translateX(-50%);\n  \n}\n.headerMobileView[_ngcontent-%COMP%]   header[_ngcontent-%COMP%]   nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  transform: translateY(50px);\n  opacity: 0;\n}\n.headerMobileView[_ngcontent-%COMP%]   header[_ngcontent-%COMP%]   nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  display: block;\n  font-size: 1.2em;\n  text-decoration: none;\n  line-height: 2em;\n  color: #fff;\n  transition: all 0.2s ease-in-out;\n  text-shadow: 0.063em 0.063em 0.125em rgba(0, 0, 0, 0.5);\n}\n.headerMobileView[_ngcontent-%COMP%]   header[_ngcontent-%COMP%]   nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover {\n  color: #ebc850;\n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn[_ngcontent-%COMP%] {\n  display: block;\n  position: absolute;\n  z-index: 9999;\n  right: 0.1em;\n  top: -3em;\n  cursor: pointer;\n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 4px;\n  margin: 0 0 4px auto;\n  background: #9f9f9f;\n  transition: all 0.3s ease-in-out;\n  \n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(2) {\n  width: 40px;\n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(3) {\n  width: 25px;\n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn-ar[_ngcontent-%COMP%] {\n  display: block;\n  position: absolute;\n  z-index: 9999;\n  right: 0.1em;\n  top: -3em;\n  cursor: pointer;\n  margin-right: 85%;\n  \n  transform: scaleX(-1);\n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn-ar[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 4px;\n  margin: 0 0 4px auto;\n  background: #9f9f9f;\n  transition: all 0.3s ease-in-out;\n  \n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn-ar[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(2) {\n  width: 40px;\n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn-ar[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(3) {\n  width: 25px;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%] {\n  opacity: 1;\n  visibility: visible;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%] {\n  top: 1.5em;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  transform: translateY(0px);\n  opacity: 1;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(1) {\n  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.1s;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(2) {\n  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.2s;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(3) {\n  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.3s;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(4) {\n  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.4s;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    + label.toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%] {\n  background-color: #9f9f9f;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    + label.toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(2) {\n  transform: translateX(50px);\n  opacity: 0;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    + label.toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(1) {\n  transform: translateY(10px) rotate(45deg);\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    + label.toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(3) {\n  width: 40px;\n  transform: translateY(-6px) rotate(-45deg);\n}\n.headerMobileView[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%] {\n  position: absolute;\n  background-color: #ebc850 !important;\n  border-radius: 100% !important;\n  padding: 0.2em 0.4em !important;\n  font-size: 65% !important;\n}\n.headerMobileView[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\nlabel.col-form-label[_ngcontent-%COMP%] {\n  font-size: 26px;\n  line-height: 36px;\n  color: #1d1d1b;\n  font-family: Humanist777BT-RomanCondensedB;\n}\na.registeration[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n.navbar-brand[_ngcontent-%COMP%] {\n  width: 100% !important;\n  height: auto;\n}\n\n@media only screen and (max-width: 767px) {\n  .headerMobileView[_ngcontent-%COMP%] {\n    display: block;\n  }\n\n  .headerWebView[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .headerMobileView[_ngcontent-%COMP%]   header[_ngcontent-%COMP%]   nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n    font-size: 30px;\n    line-height: 50px;\n    font-weight: 100;\n  }\n\n  .img-fluid[_ngcontent-%COMP%] {\n    width: 100px;\n    height: 65px;\n  }\n\n  .img-fluid-ar[_ngcontent-%COMP%] {\n    width: 100px;\n    height: 65px;\n    float: right;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .navbar-brand[_ngcontent-%COMP%] {\n    padding-bottom: 0 !important;\n  }\n  .navbar-brand[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    margin-top: 16px;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "3ITz":
/*!*********************************************!*\
  !*** ./src/app/services/contact.service.ts ***!
  \*********************************************/
/*! exports provided: ContactService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContactService", function() { return ContactService; });
/* harmony import */ var src_environments_environment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/environments/environment */ "AytR");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "tk/3");



/**
 * Contact service
 */
class ContactService {
    /**
     * @constructor
     */
    constructor(http) {
        this.http = http;
        this.BASE_URL = src_environments_environment__WEBPACK_IMPORTED_MODULE_0__["environment"].BASE_URL;
    }
    /**
     * submit contact form
     * @param {object} data
     * @return {object}
     */
    submitContact(data) {
        return this.http.post(`${this.BASE_URL}/contant_us`, data);
    }
    /**
     * get contact
     * @return {object}
     */
    getContact() {
        return this.http.get(`${this.BASE_URL}/get_restaurant_list`);
    }
}
ContactService.ɵfac = function ContactService_Factory(t) { return new (t || ContactService)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"])); };
ContactService.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjectable"]({ token: ContactService, factory: ContactService.ɵfac, providedIn: 'root' });


/***/ }),

/***/ "8WL1":
/*!***************************************************************!*\
  !*** ./src/app/shared/profile-form/profile-form.component.ts ***!
  \***************************************************************/
/*! exports provided: ProfileFormComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ProfileFormComponent", function() { return ProfileFormComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "3Pt+");
/* harmony import */ var src_app_pages_helpers_must_match_validator__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/pages/helpers/must-match-validator */ "FgcS");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var ngx_show_hide_password__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ngx-show-hide-password */ "y6WZ");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");
/* eslint-disable no-invalid-this */


// import { ShowHidePasswordModule } from 'ngx-show-hide-password';






function ProfileFormComponent_div_15_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "MY_INFO.VALIDATION.FIRST_NAME"));
} }
function ProfileFormComponent_div_15_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, ProfileFormComponent_div_15_div_1_Template, 3, 3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r0.f.first_name.errors.required);
} }
function ProfileFormComponent_div_22_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "MY_INFO.VALIDATION.SECOND_NAME"));
} }
function ProfileFormComponent_div_22_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, ProfileFormComponent_div_22_div_1_Template, 3, 3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r1.f.last_name.errors.required);
} }
function ProfileFormComponent_div_38_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "MY_INFO.VALIDATION.GENDER"));
} }
function ProfileFormComponent_div_38_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, ProfileFormComponent_div_38_div_1_Template, 3, 3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r2.f.gender.errors.required);
} }
function ProfileFormComponent_div_40_div_11_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "MY_INFO.VALIDATION.MOBILE_NUMBER"));
} }
function ProfileFormComponent_div_40_div_11_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, ProfileFormComponent_div_40_div_11_div_1_Template, 3, 3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r12.f.phone.errors.required);
} }
const _c0 = function (a0) { return { "is-invalid": a0 }; };
function ProfileFormComponent_div_40_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "label", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "span", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](7, "img", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](9, "input", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](10, "div", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](11, ProfileFormComponent_div_40_div_11_Template, 2, 1, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](3, 3, "MY_INFO.MOBILE_NUMBER"), ":");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](5, _c0, ctx_r3.submitted && ctx_r3.f.phone.errors));
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r3.submitted && ctx_r3.f.phone.errors);
} }
function ProfileFormComponent_div_41_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "label", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](5, "input", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](3, 1, "MY_INFO.MOBILE_NUMBER"), ":");
} }
function ProfileFormComponent_div_48_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "MY_INFO.VALIDATION.EMAIL"));
} }
function ProfileFormComponent_div_48_div_2_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "MY_INFO.VALIDATION.VALID_EMAIL"));
} }
function ProfileFormComponent_div_48_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, ProfileFormComponent_div_48_div_1_Template, 3, 3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, ProfileFormComponent_div_48_div_2_Template, 3, 3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r5.f.email.errors.required);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r5.f.email.errors.email);
} }
function ProfileFormComponent_div_49_div_8_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "MY_INFO.VALIDATION.PASSWORD"));
} }
function ProfileFormComponent_div_49_div_8_div_2_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "MY_INFO.VALIDATION.PASSWORD_LENGTH"));
} }
function ProfileFormComponent_div_49_div_8_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, ProfileFormComponent_div_49_div_8_div_1_Template, 3, 3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, ProfileFormComponent_div_49_div_8_div_2_Template, 3, 3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r16 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r16.f.password.errors.required);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r16.f.password.errors.minlength);
} }
function ProfileFormComponent_div_49_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "label", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "show-hide-password", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](7, "input", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](8, ProfileFormComponent_div_49_div_8_Template, 3, 2, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](3, 4, "MY_INFO.PASSWORD"), ":");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("btnOutline", false);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](6, _c0, ctx_r6.submitted && ctx_r6.f.password.errors));
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r6.submitted && ctx_r6.f.password.errors);
} }
function ProfileFormComponent_div_50_div_8_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "MY_INFO.VALIDATION.PASSWORD"));
} }
function ProfileFormComponent_div_50_div_8_div_2_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "MY_INFO.VALIDATION.PASSWORD_LENGTH"));
} }
function ProfileFormComponent_div_50_div_8_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, ProfileFormComponent_div_50_div_8_div_1_Template, 3, 3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, ProfileFormComponent_div_50_div_8_div_2_Template, 3, 3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r19 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r19.f.password.errors.required);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r19.f.password.errors.minlength);
} }
function ProfileFormComponent_div_50_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "label", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "show-hide-password", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](7, "input", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](8, ProfileFormComponent_div_50_div_8_Template, 3, 2, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](3, 4, "MY_INFO.PASSWORD"), ":");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("btnOutline", false);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](6, _c0, ctx_r7.submitted && ctx_r7.f.password.errors));
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r7.submitted && ctx_r7.f.password.errors);
} }
function ProfileFormComponent_div_51_div_8_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "MY_INFO.VALIDATION.CONFIRM_PASSWORD"));
} }
function ProfileFormComponent_div_51_div_8_div_2_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](2, 1, "MY_INFO.VALIDATION.PASSWORD_MISMATCH"));
} }
function ProfileFormComponent_div_51_div_8_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, ProfileFormComponent_div_51_div_8_div_1_Template, 3, 3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](2, ProfileFormComponent_div_51_div_8_div_2_Template, 3, 3, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r22 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r22.f.confirmPassword.errors.required);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r22.f.confirmPassword.errors.mustMatch);
} }
function ProfileFormComponent_div_51_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "label", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "show-hide-password", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](7, "input", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](8, ProfileFormComponent_div_51_div_8_Template, 3, 2, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](3, 4, "MY_INFO.CONFIRM_PASSWORD"), ":");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("btnOutline", false);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](6, _c0, ctx_r8.submitted && ctx_r8.f.confirmPassword.errors));
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx_r8.submitted && ctx_r8.f.confirmPassword.errors);
} }
/**
 * Profile Form component
 */
class ProfileFormComponent {
    /**
       * @constructor
       */
    constructor(formBuilder) {
        this.formBuilder = formBuilder;
        this.submitChange = new _angular_core__WEBPACK_IMPORTED_MODULE_0__["EventEmitter"]();
        this.profileDetails = {};
        this.submitted = false;
        this.isUpdate = false;
        this.hide = true;
        this.fieldTextType = false;
        this.repeatFieldTextType = false;
        this.showPassword = false;
    }
    /**
       * on init
       */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.profileForm = this.formBuilder.group({
            first_name: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            last_name: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            gender: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            phone: ['', [_angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required, _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].maxLength(13)]],
            email: ['', [_angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required, _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].email]],
            password: ['', [_angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required, _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].minLength(6)]],
            confirmPassword: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            login_type: ['0'],
            device_type: ['web'],
            device_token: ['sp-eatzilla-web'],
        }, {
            validator: Object(src_app_pages_helpers_must_match_validator__WEBPACK_IMPORTED_MODULE_2__["MustMatch"])('password', 'confirmPassword', this.isUpdate),
        });
    }
    /**
       * on changes
       *
       * @param {SimpleChanges} changes
       */
    ngOnChanges(changes) {
        var _a;
        if ((_a = changes.profileDetails) === null || _a === void 0 ? void 0 : _a.currentValue) {
            this.isUpdate = true;
            setTimeout(() => {
                this.profileForm.patchValue(this.profileDetails);
            }, 100);
        }
    }
    /**
       * form registeration
       */
    get f() {
        return this.profileForm.controls;
    }
    /**
       * Submit
       * @param {object} profileForm
       */
    submitForm(profileForm) {
        this.submitted = true;
        if (profileForm.valid) {
            if (!this.isUpdate) {
                const phoneWithCode = `050${profileForm.value.phone}`;
                profileForm.value.phone = phoneWithCode;
            }
            else {
                const confirmPassword = profileForm.value.password;
                profileForm.value.confirmPassword = confirmPassword;
            }
            this.submitChange.emit(profileForm.value);
        }
    }
}
ProfileFormComponent.ɵfac = function ProfileFormComponent_Factory(t) { return new (t || ProfileFormComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"])); };
ProfileFormComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: ProfileFormComponent, selectors: [["app-profile-form"]], inputs: { buttonName: "buttonName", profileDetails: "profileDetails" }, outputs: { submitChange: "submitChange" }, features: [_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵNgOnChangesFeature"]], decls: 58, vars: 52, consts: [[1, "row", "profile"], [1, "col-lg-12"], [1, "purchase"], [1, "purchase-head"], [3, "ngClass"], [1, "myinform-head"], [3, "formGroup", "ngClass", "ngSubmit"], [1, "form-group", "row"], ["for", "label", 1, "col-sm-4", "col-md-2", "col-lg-3", "col-lg-3", "col-form-label", "col-5"], [1, "col-sm-8", "col-md-5", "col-7", "pl-0"], ["type", "text", "formControlName", "first_name", 1, "form-control", 3, "ngClass"], ["class", "text-danger", 4, "ngIf"], ["type", "text", "formControlName", "last_name", 1, "form-control", 3, "ngClass"], ["for", "label", 1, "col-sm-4", "col-md-2", "col-lg-3", "col-5", "col-form-label"], [1, "col-sm-7", "col-md-3", "col-7", "pl-0", "select-gender"], ["formControlName", "gender", 1, "form-control", 3, "ngClass"], ["value", ""], ["value", "Male"], ["value", "FeMale"], ["class", "form-group row", 4, "ngIf"], ["type", "email", "formControlName", "email", 1, "form-control", 3, "ngClass"], ["class", "form-group row pb", 4, "ngIf"], [1, "form-group", "row", "register_submit"], [1, "col-sm-8", "col-7", "col-md-5", "mb-3", "pl-0"], ["type", "submit", 1, "btn-continue", 3, "ngClass"], [1, "text-danger"], [4, "ngIf"], [1, "col-sm-6", "col-md-5", "col-5", "pl-0"], [1, "input-group"], ["id", "basic-addon1", 1, "input-group-text"], ["src", "assets/images/icons/uae_flag.png", "alt", "product", 1, "img-fluid"], [1, "mobile"], ["type", "text", "id", "phones", "formControlName", "phone", 1, "form-control", 3, "ngClass"], ["id", "error-msg", 1, "text-danger"], ["type", "text", "id", "phones", "formControlName", "phone", "disabled", "", 1, "form-control"], [1, "form-group", "row", "pb"], [1, "col-sm-7", "col-md-4", "col-7", "pl-0"], [1, "password-field"], ["size", "lg", "btnStyle", "custom", 1, "eye-button", 3, "btnOutline"], ["type", "password", "formControlName", "password", 1, "form-control", 3, "ngClass"], ["type", "password", "formControlName", "confirmPassword", 1, "form-control", 3, "ngClass"]], template: function ProfileFormComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "h3", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](6, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "form", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("ngSubmit", function ProfileFormComponent_Template_form_ngSubmit_8_listener() { return ctx.submitForm(ctx.profileForm); });
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "label", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](12, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "div", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](14, "input", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](15, ProfileFormComponent_div_15_Template, 2, 1, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "label", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](18);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](19, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](20, "div", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](21, "input", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](22, ProfileFormComponent_div_22_Template, 2, 1, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](23, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](24, "label", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](25);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](26, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](27, "div", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](28, "select", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](29, "option", 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](30);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](31, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](32, "option", 17);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](33);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](34, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](35, "option", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](36);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](37, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](38, ProfileFormComponent_div_38_Template, 2, 1, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](39, "hr");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](40, ProfileFormComponent_div_40_Template, 12, 7, "div", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](41, ProfileFormComponent_div_41_Template, 6, 3, "div", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](42, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](43, "label", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](44);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](45, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](46, "div", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](47, "input", 20);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](48, ProfileFormComponent_div_48_Template, 3, 2, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](49, ProfileFormComponent_div_49_Template, 9, 8, "div", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](50, ProfileFormComponent_div_50_Template, 9, 8, "div", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](51, ProfileFormComponent_div_51_Template, 9, 8, "div", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](52, "div", 22);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](53, "label", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](54, "div", 23);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](55, "button", 24);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](56);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](57, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](6, 26, "ACCOUNT.MY_INFORMATION"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("formGroup", ctx.profileForm)("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](12, 28, "MY_INFO.FIRST_NAME"), ":");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](44, _c0, ctx.submitted && ctx.f.first_name.errors));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.submitted && ctx.f.first_name.errors);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](19, 30, "MY_INFO.SECOND_NAME"), ":");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](46, _c0, ctx.submitted && ctx.f.last_name.errors));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.submitted && ctx.f.last_name.errors);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](26, 32, "MY_INFO.GENDER"), ":");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](48, _c0, ctx.submitted && ctx.f.gender.errors));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](31, 34, "COMMON.SELECT"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](34, 36, "MY_INFO.MALE"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](37, 38, "MY_INFO.FEMALE"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.submitted && ctx.f.gender.errors);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !ctx.isUpdate);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.isUpdate);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](45, 40, "MY_INFO.EMAIL"), ":");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](50, _c0, ctx.submitted && ctx.f.email.errors));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.submitted && ctx.f.email.errors);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !ctx.isUpdate);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.isUpdate);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", !ctx.isUpdate);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777LightBT");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](57, 42, ctx.buttonName));
    } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_3__["NgClass"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["ɵangular_packages_forms_forms_y"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["NgControlStatusGroup"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormGroupDirective"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["DefaultValueAccessor"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormControlName"], _angular_common__WEBPACK_IMPORTED_MODULE_3__["NgIf"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["SelectControlValueAccessor"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["NgSelectOption"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["ɵangular_packages_forms_forms_x"], ngx_show_hide_password__WEBPACK_IMPORTED_MODULE_4__["ShowHidePasswordComponent"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_5__["TranslatePipe"]], styles: [".fa-eye-slash[_ngcontent-%COMP%]:hover, .fa-eye[_ngcontent-%COMP%]:hover {\n  cursor: pointer;\n}\n\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n\n.eye-button[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n}\n\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]   .english[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]   .arabic[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 16px !important;\n}\n\n.password-field[_ngcontent-%COMP%] {\n  width: 100%;\n}\n\n.profile[_ngcontent-%COMP%]   .purchase[_ngcontent-%COMP%] {\n  border: 3px solid #9f9f9f;\n  margin-bottom: 30px;\n}\n\n.profile[_ngcontent-%COMP%]   .purchase-head[_ngcontent-%COMP%] {\n  background: #9f9f9f;\n}\n\n.profile[_ngcontent-%COMP%]   .purchase-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 0px 10px;\n  color: #1d1d1b;\n  font-size: 30px;\n  line-height: 36px;\n  text-align: left;\n}\n\n.profile[_ngcontent-%COMP%]   label.col-form-label[_ngcontent-%COMP%] {\n  font-size: 26px;\n  line-height: 36px;\n  color: #1d1d1b;\n}\n\n.profile[_ngcontent-%COMP%]   .myinform-head[_ngcontent-%COMP%] {\n  margin: 20px 35px;\n}\n\n.profile[_ngcontent-%COMP%]   .myinform-head[_ngcontent-%COMP%]   .btn-continue[_ngcontent-%COMP%] {\n  padding: 5px 30px;\n  font-size: 30px;\n  color: #bc8033;\n  border: 1px solid transparent;\n  background: #432919;\n  border-radius: 30px;\n}\n\n.profile[_ngcontent-%COMP%]   .myinform-head[_ngcontent-%COMP%]   .btn-continue[_ngcontent-%COMP%]:hover {\n  color: #bc8033;\n  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n\n.profile[_ngcontent-%COMP%]   .myinform-head[_ngcontent-%COMP%]   .pb[_ngcontent-%COMP%] {\n  padding-bottom: 15px;\n}\n\n.profile[_ngcontent-%COMP%]   .myinform-head[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%] {\n  font-size: 20px;\n  border: 1px solid #9f9f9f;\n  border-radius: 0 !important;\n}\n\n.profile[_ngcontent-%COMP%]   .myinform-head[_ngcontent-%COMP%]   .input-group-text[_ngcontent-%COMP%] {\n  justify-content: center;\n  padding: 0px !important;\n  background-color: unset;\n  border: 1px solid #9f9f9f;\n  border-radius: unset;\n}\n\n.profile[_ngcontent-%COMP%]   .myinform-head[_ngcontent-%COMP%]   .input-group-text[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  height: 50%;\n}\n\n@media only screen and (max-width: 767px) {\n  .profile[_ngcontent-%COMP%]   label.col-form-label[_ngcontent-%COMP%] {\n    font-size: 20px;\n    line-height: 36px;\n    color: #1d1d1b;\n  }\n  .profile[_ngcontent-%COMP%]   .myinform-head[_ngcontent-%COMP%] {\n    margin: 20px 15px;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "AytR":
/*!*****************************************!*\
  !*** ./src/environments/environment.ts ***!
  \*****************************************/
/*! exports provided: environment */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "environment", function() { return environment; });
// This file can be replaced during build by using the `fileReplacements` array.
// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
// The list of file replacements can be found in `angular.json`.
const environment = {
    production: true,
    BASE_URL: 'http://167.71.188.226/azzam-eatzilla-backend/api',
};
/*
 * For easier debugging in development mode, you can import the following file
 * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
 *
 * This import should be commented out in production mode because it will have a negative impact
 * on performance if an error is thrown.
 */
// import 'zone.js/dist/zone-error';  // Included with Angular CLI.


/***/ }),

/***/ "CVMR":
/*!*********************************************!*\
  !*** ./src/app/services/address.service.ts ***!
  \*********************************************/
/*! exports provided: AddressService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AddressService", function() { return AddressService; });
/* harmony import */ var src_environments_environment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/environments/environment */ "AytR");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "tk/3");



/**
 * Address service
 */
class AddressService {
    /**
     * @constructor
     */
    constructor(http) {
        this.http = http;
        this.BASE_URL = src_environments_environment__WEBPACK_IMPORTED_MODULE_0__["environment"].BASE_URL;
    }
    /**
     * Get Delivery Address
     * @param {string} authId
     * @param {string} authToken
     * @return {object}
     */
    getDefaultAddress(authId, authToken) {
        return this.http.get(`${this.BASE_URL}/get_default_address?device_type=web&authId=${authId}&authToken=${authToken}`);
    }
    /**
     * Add address
     * @param {object} data
     * @return {object}
     */
    addAddress(data) {
        return this.http.post(`${this.BASE_URL}/add_delivery_address`, data);
    }
    /**
     * Edit address
     * @param {object} data
     * @return {object}
     */
    editAddress(data) {
        return this.http.post(`${this.BASE_URL}/edit_delivery_address`, data);
    }
    /**
     * Delete address
     * @param {string} id
     * @return {object}
     */
    deleteAddress(id) {
        return this.http.get(`${this.BASE_URL}/delete_delivery_address/${id}?device_type=web`);
    }
    /**
     * Get delivery address
     * @param {object} data
     * @return {object}
     */
    getDeliveryAddress({ authId, authToken }) {
        return this.http.get(`${this.BASE_URL}/get_delivery_address?device_type=web&authId=${authId}&authToken=${authToken}`);
    }
    /**
     * Set delivery address
     * @param {object} data
     * @return {object}
     */
    setDeliveryAddress(data) {
        return this.http.post(`${this.BASE_URL}/set_delivery_address`, data);
    }
}
AddressService.ɵfac = function AddressService_Factory(t) { return new (t || AddressService)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"])); };
AddressService.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjectable"]({ token: AddressService, factory: AddressService.ɵfac, providedIn: 'root' });


/***/ }),

/***/ "Ddp4":
/*!*******************************************!*\
  !*** ./src/app/constants/common.const.ts ***!
  \*******************************************/
/*! exports provided: EN, AR */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EN", function() { return EN; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AR", function() { return AR; });
const EN = 'EN';
const AR = 'AR';


/***/ }),

/***/ "EYk7":
/*!****************************************************!*\
  !*** ./src/app/pages/aboutus/aboutus.component.ts ***!
  \****************************************************/
/*! exports provided: AboutusComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AboutusComponent", function() { return AboutusComponent; });
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "LvDl");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/services/cms.service */ "/Ffc");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../shared/footer/footer.component */ "jQpT");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");








function AboutusComponent_div_0_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "div", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} }
const _c0 = function () { return ["/ar"]; };
const _c1 = function () { return ["/"]; };
function AboutusComponent_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "app-header", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "section");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "div", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](4, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](5, "img", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](6, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "div", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](9, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](13, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](14, "img", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](15, "div", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](16, "h2");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](18, "div", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](19, "div", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](20, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](21, "div", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](22, "div", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](23, "div", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](24, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](25, "a", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](27, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](28);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](29, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](30, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](31, "div", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](32, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](33, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](34, "div", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](35, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](36);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](37, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](38);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](39, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](40, "img", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](41, "div", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](42, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](43);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](44, "div", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](45, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](46);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](47, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](48, "img", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](49, "div", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](50, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](51);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](52, "div", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](53, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](54);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](55, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](56);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](57, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](58);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](59, "app-footer");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("title_background_image_ar") : ctx_r1.getImage("title_background_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Medium banner-title-ar" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("title_ar") : ctx_r1.getContent("title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("title_background_image_ar") : ctx_r1.getImage("title_background_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Medium banner-title-ar" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("title_ar") : ctx_r1.getContent("title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular breadcrumbs__ar" : "font-HomepageBaukasten-Book");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("routerLink", ctx_r1.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction0"](29, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction0"](30, _c1));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](27, 25, "MENU.HOME"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"](" / ", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](29, 27, "MENU.ABOUT"), "");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular mission__ar" : "font-Humanist777BT-RomanB mission__en");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section1_description_ar") : ctx_r1.getContent("section1_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section2_description_ar") : ctx_r1.getContent("section2_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section3_image_ar") : ctx_r1.getImage("section3_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold our-Mission-title-ar" : "font-Humanist777BT-BoldCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section3_title_ar") : ctx_r1.getContent("section3_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular mission__ar" : "font-Humanist777BT-RomanB mission__en");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section3_description_ar") : ctx_r1.getContent("section3_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section4_image_ar") : ctx_r1.getImage("section4_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold our-Mission-title-ar" : "font-Humanist777BT-BoldCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section4_title_ar") : ctx_r1.getContent("section4_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular mission__ar" : "font-Humanist777BT-RomanB mission__en");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section4_description_ar") : ctx_r1.getContent("section4_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section5_description_ar") : ctx_r1.getContent("section5_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section6_description_ar") : ctx_r1.getContent("section6_description"));
} }
/**
 * AboutusComponent
 */
class AboutusComponent {
    /**
     * constructor
     */
    constructor(cmsService) {
        this.cmsService = cmsService;
        this.content = [];
        this.imageBaseUrl = '';
        window.scroll(0, 0);
    }
    /**
     * Page Starts
     */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.getAboutPageContent();
    }
    /**
     * get about page content
     */
    getAboutPageContent() {
        this.cmsService.getPageContent('get_cms_about_content').subscribe((response) => {
            if (response['status']) {
                this.content = response['data'];
                this.imageBaseUrl = response['base_image_url'];
            }
        });
    }
    /**
     * Get content
     * @param {string} key
     * @return {object}
     */
    getContent(key) {
        var _a;
        const filterData = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.filter(this.content, ['section', key]);
        return (_a = filterData[0]) === null || _a === void 0 ? void 0 : _a.content;
    }
    /**
     * Get content
     * @param {string} key
     * @return {object}
     */
    getImage(key) {
        var _a;
        const filterData = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.filter(this.content, ['section', key]);
        return `${this.imageBaseUrl}${(_a = filterData[0]) === null || _a === void 0 ? void 0 : _a.content}`;
    }
}
AboutusComponent.ɵfac = function AboutusComponent_Factory(t) { return new (t || AboutusComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_2__["CmsService"])); };
AboutusComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: AboutusComponent, selectors: [["app-aboutus"]], decls: 2, vars: 2, consts: [["class", "loader_section", 4, "ngIf"], [4, "ngIf"], [1, "loader_section"], [1, "loader"], ["setActive", "about"], [1, "web-banner"], [1, "img-fluid", 3, "src"], [1, "container-fluid"], [1, "row"], [1, "col-lg-12"], [1, "banner-title", 3, "ngClass"], [1, "banner", "mobileView"], [1, "banner-title", "container-fluid", 3, "ngClass"], [1, "aboutUsPage", "full-width-custom"], [1, "section"], [1, "col-md-12"], [1, "breadcrumbs", 3, "ngClass"], [3, "routerLink"], [1, "text-center", "mission"], [3, "ngClass"], [1, "our-Mission"], ["alt", "ourMissions", 3, "src"], [1, "our-Mission-title", 3, "ngClass"], [1, "our-principle"], ["alt", "corePrinciples", 3, "src"]], template: function AboutusComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](0, AboutusComponent_div_0_Template, 2, 0, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](1, AboutusComponent_div_1_Template, 60, 31, "div", 1);
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", !ctx.content || ctx.content.length === 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx.content.length > 0);
    } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_3__["NgIf"], _shared_header_header_component__WEBPACK_IMPORTED_MODULE_4__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_3__["NgClass"], _angular_router__WEBPACK_IMPORTED_MODULE_5__["RouterLinkWithHref"], _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_6__["FooterComponent"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_7__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.web-banner[_ngcontent-%COMP%] {\n  position: relative;\n}\n.web-banner[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n  color: #ebc850;\n  font-size: 3.75rem;\n  line-height: 5rem;\n  position: absolute;\n  bottom: 0%;\n  left: 2%;\n  transform: translate(-2%, 0%);\n}\n.our-Mission[_ngcontent-%COMP%]   img[_ngcontent-%COMP%], .our-principle[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  margin-bottom: 20px;\n}\n.our-Mission-title[_ngcontent-%COMP%] {\n  padding: 0px 0px 20px;\n}\n.web-banner[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  background-position: cover;\n}\n.img-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 20% !important;\n}\n.mobileView[_ngcontent-%COMP%] {\n  display: none;\n}\n.aboutUsPage[_ngcontent-%COMP%]   .section[_ngcontent-%COMP%] {\n  padding: 33px 0 14px 0 !important;\n}\n.aboutUsPage[_ngcontent-%COMP%]   .breadcrumbs[_ngcontent-%COMP%] {\n  color: #9f9f9f;\n  font-size: 1.25rem;\n  line-height: 2.5rem;\n}\n.aboutUsPage[_ngcontent-%COMP%]   .breadcrumbs[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #9f9f9f !important;\n}\n.aboutUsPage[_ngcontent-%COMP%]   .breadcrumbs__ar[_ngcontent-%COMP%] {\n  font-size: 1.25rem !important;\n}\n.aboutUsPage[_ngcontent-%COMP%]   .our-Mission[_ngcontent-%COMP%] {\n  margin: 3em 0;\n}\n.aboutUsPage[_ngcontent-%COMP%]   .mission[_ngcontent-%COMP%] {\n  padding: 0 118px;\n}\n.aboutUsPage[_ngcontent-%COMP%]   .mission[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  color: #1d1d1b;\n  margin-bottom: 55px;\n  line-height: 2.5rem;\n}\n.aboutUsPage[_ngcontent-%COMP%]   .mission[_ngcontent-%COMP%]   .mission__en[_ngcontent-%COMP%] {\n  font-size: 1.75rem !important;\n}\n.aboutUsPage[_ngcontent-%COMP%]   .mission[_ngcontent-%COMP%]   .mission__ar[_ngcontent-%COMP%] {\n  font-size: 1.75rem !important;\n}\n.aboutUsPage[_ngcontent-%COMP%]   .mission[_ngcontent-%COMP%]   .our-Mission-title[_ngcontent-%COMP%] {\n  margin: 0;\n  text-transform: uppercase;\n  color: #1d1d1b;\n  font-weight: bold;\n  font-size: 2rem;\n  line-height: 2.5rem;\n}\n.aboutUsPage[_ngcontent-%COMP%]   .mission[_ngcontent-%COMP%]   .our-Mission-title-ar[_ngcontent-%COMP%] {\n  font-size: 2.5rem !important;\n}\n@media only screen and (max-width: 767px) {\n  .mobileView[_ngcontent-%COMP%] {\n    position: relative;\n    display: block;\n  }\n\n  .banner-title[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n    font-size: 22px;\n    color: #ebc850;\n    top: 3.5em;\n    position: absolute;\n  }\n\n  .web-banner[_ngcontent-%COMP%] {\n    display: none !important;\n  }\n}\n@media only screen and (max-width: 575px) {\n  .aboutUsPage[_ngcontent-%COMP%]   .mission[_ngcontent-%COMP%] {\n    padding: 0px 10px !important;\n  }\n\n  .aboutUsPage[_ngcontent-%COMP%]   .mission[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  .banner-title[_ngcontent-%COMP%] {\n    top: 0;\n  }\n\n  .web-banner[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n}\n@media only screen and (max-width: 1366px) {\n  .web-banner[_ngcontent-%COMP%] {\n    text-align: inherit;\n    min-height: 300px;\n    height: 100%;\n    background-position: center;\n    background-size: 100% 100%;\n    position: relative;\n  }\n}\n@media only screen and (min-width: 1367px) {\n  .webView[_ngcontent-%COMP%] {\n    text-align: inherit;\n    min-height: 300px;\n    height: 100%;\n    background-position: center;\n    background-size: 100% 100%;\n    position: relative;\n  }\n}\n\n.full-width-custom[_ngcontent-%COMP%] {\n  width: 1366px;\n}\n.breadcrumbs__ar[_ngcontent-%COMP%] {\n  text-align: right !important;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "FgcS":
/*!*******************************************************!*\
  !*** ./src/app/pages/helpers/must-match-validator.ts ***!
  \*******************************************************/
/*! exports provided: MustMatch */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MustMatch", function() { return MustMatch; });
// custom validator to check that two fields match
function MustMatch(controlName, matchingControlName, isUpdate) {
    return (formGroup) => {
        const control = formGroup.controls[controlName];
        const matchingControl = formGroup.controls[matchingControlName];
        if (matchingControl.errors && !matchingControl.errors.mustMatch) {
            // return if another validator has already found an error on the matchingControl
            return;
        }
        // set error on matchingControl if validation fails
        if (control.value !== matchingControl.value && !isUpdate) {
            matchingControl.setErrors({ mustMatch: true });
        }
        else {
            matchingControl.setErrors(null);
        }
    };
}


/***/ }),

/***/ "Gdn9":
/*!*********************************************!*\
  !*** ./src/app/services/product.service.ts ***!
  \*********************************************/
/*! exports provided: ProductService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ProductService", function() { return ProductService; });
/* harmony import */ var src_environments_environment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/environments/environment */ "AytR");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "tk/3");



/**
 * product services
 */
class ProductService {
    /** service constructor
    */
    constructor(http) {
        this.http = http;
        this.BASE_URL = src_environments_environment__WEBPACK_IMPORTED_MODULE_0__["environment"].BASE_URL;
    }
    /**
     * Get product list
     * @return {object}
     * */
    getproduct() {
        return this.http.get(`${this.BASE_URL}/get_food_list`);
    }
    /**
     * Get single product detail
     * @param {string} foodId
     * @return {object}
     */
    getSingleProduct(foodId) {
        return this.http.post(`${this.BASE_URL}/get_food_detail`, { food_id: foodId });
    }
    /**
     * Add review
     * @param {object} data
     * @return {object}
     */
    addReview(data) {
        return this.http.post(`${this.BASE_URL}/submit_product_review`, data);
    }
}
ProductService.ɵfac = function ProductService_Factory(t) { return new (t || ProductService)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"])); };
ProductService.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjectable"]({ token: ProductService, factory: ProductService.ɵfac, providedIn: 'root' });


/***/ }),

/***/ "HssT":
/*!*****************************************************!*\
  !*** ./src/app/services/galleryservices.service.ts ***!
  \*****************************************************/
/*! exports provided: GalleryservicesService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GalleryservicesService", function() { return GalleryservicesService; });
/* harmony import */ var src_environments_environment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/environments/environment */ "AytR");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "tk/3");



class GalleryservicesService {
    constructor(http) {
        this.http = http;
        this.BASE_URL = src_environments_environment__WEBPACK_IMPORTED_MODULE_0__["environment"].BASE_URL;
    }
    getgallery() {
        return this.http.get(`${this.BASE_URL}/gallery`);
    }
}
GalleryservicesService.ɵfac = function GalleryservicesService_Factory(t) { return new (t || GalleryservicesService)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"])); };
GalleryservicesService.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjectable"]({ token: GalleryservicesService, factory: GalleryservicesService.ɵfac, providedIn: 'root' });


/***/ }),

/***/ "NShq":
/*!****************************************************!*\
  !*** ./src/app/pages/gallery/gallery.component.ts ***!
  \****************************************************/
/*! exports provided: GalleryComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "GalleryComponent", function() { return GalleryComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var src_app_services_galleryservices_service__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! src/app/services/galleryservices.service */ "HssT");
/* harmony import */ var src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/services/cms.service */ "/Ffc");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var ng_gallery_lightbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ng-gallery/lightbox */ "2MBV");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../shared/footer/footer.component */ "jQpT");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");









function GalleryComponent_img_21_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "img", 14);
} if (rf & 2) {
    const img_r1 = ctx.$implicit;
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpropertyInterpolate2"]("src", "", ctx_r0.imageBaseUrl, "/", img_r1.image, "", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", img_r1.class);
} }
const _c0 = function () { return ["/ar"]; };
const _c1 = function () { return ["/"]; };
/**
 * GalleyComponent
 */
class GalleryComponent {
    /**
     * constrctor
     */
    constructor(galleryservices, cmsService) {
        this.galleryservices = galleryservices;
        this.cmsService = cmsService;
        this.imageData = [];
        this.isEven = false;
        this.tempImageList = [];
        this.content = [];
        window.scroll(0, 0);
    }
    /**
     * page Starts
     */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.getContent();
        this.galleryservices.getgallery().subscribe((response) => {
            this.imageData = response['data'];
            this.imageBaseUrl = response['base_url'];
            this.imageData.forEach((data, index) => {
                this.appendGalleryClass(data, index);
            });
        });
    }
    /**
     * append class for gallery images
     *
     * @param {any} img
     * @param {number} index
     */
    appendGalleryClass(img, index) {
        if (!this.isEven) {
            this.tempImageList.push(img);
            if (this.tempImageList.length === 2) {
                this.isEven = true;
                this.tempImageList = [];
            }
            else
                this.isEven = false;
            this.imageData[index].class = 'col-md-6';
        }
        else {
            this.tempImageList.push(img);
            if (this.tempImageList.length === 3) {
                // eslint-disable-next-line linebreak-style
                this.isEven = false;
                this.tempImageList = [];
            }
            else
                this.isEven = true;
            this.imageData[index].class = 'col-md-4';
        }
    }
    /**
     * get about page content
     */
    getContent() {
        this.cmsService.getPageContent('get_cms_common_content').subscribe((response) => {
            if (response['status']) {
                this.content = response['data'];
            }
        });
    }
}
GalleryComponent.ɵfac = function GalleryComponent_Factory(t) { return new (t || GalleryComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](src_app_services_galleryservices_service__WEBPACK_IMPORTED_MODULE_1__["GalleryservicesService"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_2__["CmsService"])); };
GalleryComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: GalleryComponent, selectors: [["app-gallery"]], decls: 23, vars: 11, consts: [["setActive", "gallery"], [1, "container-fluid", "banner"], [1, "row"], [1, "col-lg-12"], [1, ""], [1, "banner-title", 3, "ngClass"], [1, "mb-0"], [1, "container-fluid"], [1, "breadcrumbs", 3, "ngClass"], [3, "routerLink"], [1, "galleryPage", "full-width-custom"], [1, "row", "gallery"], ["gallerize", ""], [3, "src", "ngClass", 4, "ngFor", "ngForOf"], [3, "src", "ngClass"]], template: function GalleryComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "app-header", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "p", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](13, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](14);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](15, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](16);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "div", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](18, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](19, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](20, "div", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](21, GalleryComponent_img_21_Template, 1, 3, "img", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](22, "app-footer");
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](ctx.lang === "AR" ? ctx.content.menu5_name_ar : ctx.content.menu5_name);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular breadcrumbs__ar" : "font-HomepageBaukasten-Book");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](9, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](10, _c1));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](15, 7, "MENU.HOME"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" / ", ctx.lang === "AR" ? ctx.content.menu5_name_ar : ctx.content.menu5_name, "");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", ctx.imageData);
    } }, directives: [_shared_header_header_component__WEBPACK_IMPORTED_MODULE_3__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_4__["NgClass"], _angular_router__WEBPACK_IMPORTED_MODULE_5__["RouterLinkWithHref"], ng_gallery_lightbox__WEBPACK_IMPORTED_MODULE_6__["GallerizeDirective"], _angular_common__WEBPACK_IMPORTED_MODULE_4__["NgForOf"], _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_7__["FooterComponent"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_8__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.banner[_ngcontent-%COMP%] {\n  background-image: url('gallery_bg.png');\n}\n.banner[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n  color: #ebc850;\n  margin-bottom: 15px;\n  font-size: 3.75rem;\n  line-height: 5rem;\n}\n.breadcrumbs[_ngcontent-%COMP%] {\n  margin-top: 33PX;\n  color: #9f9f9f;\n  font-size: 20px;\n  \n}\n.breadcrumbs[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #9f9f9f !important;\n}\n.breadcrumbs__ar[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n}\n.gallery[_ngcontent-%COMP%] {\n  padding: 0 0em 1em 0px;\n}\n.gallery[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  padding: 0.5em;\n}\n@media (max-width: 575px) {\n  .banner[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n    padding-top: 0em;\n    padding-bottom: 0em;\n    margin-bottom: 0;\n    font-size: 30px;\n    line-height: 60px;\n  }\n}\n\n.full-width-custom[_ngcontent-%COMP%] {\n  width: 1366px;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "Oj9b":
/*!****************************************************************!*\
  !*** ./src/app/pages/order-history/order-history.component.ts ***!
  \****************************************************************/
/*! exports provided: OrderHistoryComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OrderHistoryComponent", function() { return OrderHistoryComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var src_app_services_order_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/services/order.service */ "kVqo");
/* harmony import */ var src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/services/storage.service */ "n90K");
/* harmony import */ var src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/services/modal.service */ "VQPA");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var _shared_order_order_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../shared/order/order.component */ "aUFk");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../shared/footer/footer.component */ "jQpT");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");











const _c0 = function (a0) { return { orders: a0 }; };
function OrderHistoryComponent_ng_template_30_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainer"](0, 20);
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    const _r3 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](38);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngTemplateOutlet", _r3)("ngTemplateOutletContext", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](2, _c0, ctx_r1.upcomingOrders));
} }
function OrderHistoryComponent_ng_template_35_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementContainer"](0, 20);
} if (rf & 2) {
    const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    const _r3 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](38);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngTemplateOutlet", _r3)("ngTemplateOutletContext", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction1"](2, _c0, ctx_r2.pastOrders));
} }
function OrderHistoryComponent_ng_template_37_div_0_tbody_18_span_7_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "span", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](3, 1, "ORDER_HISTORY.DELIVERED"));
} }
function OrderHistoryComponent_ng_template_37_div_0_tbody_18_span_8_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "span", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](3, 1, "ORDER_HISTORY.CANCELLED"));
} }
function OrderHistoryComponent_ng_template_37_div_0_tbody_18_span_9_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "span", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](3, 1, "ORDER_HISTORY.WAITING_TO_ACCEPT"));
} }
function OrderHistoryComponent_ng_template_37_div_0_tbody_18_span_10_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "span", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](3, 1, "ORDER_HISTORY.PREPARING_FOOD"));
} }
function OrderHistoryComponent_ng_template_37_div_0_tbody_18_span_11_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "span", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](3, 1, "ORDER_HISTORY.RIDER_ON_THE_WAY"));
} }
function OrderHistoryComponent_ng_template_37_div_0_tbody_18_Template(rf, ctx) { if (rf & 1) {
    const _r16 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "tbody", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "tr");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "td", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "td", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "td", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](7, OrderHistoryComponent_ng_template_37_div_0_tbody_18_span_7_Template, 4, 3, "span", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](8, OrderHistoryComponent_ng_template_37_div_0_tbody_18_span_8_Template, 4, 3, "span", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](9, OrderHistoryComponent_ng_template_37_div_0_tbody_18_span_9_Template, 4, 3, "span", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](10, OrderHistoryComponent_ng_template_37_div_0_tbody_18_span_10_Template, 4, 3, "span", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](11, OrderHistoryComponent_ng_template_37_div_0_tbody_18_span_11_Template, 4, 3, "span", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "td");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](14, "td");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function OrderHistoryComponent_ng_template_37_div_0_tbody_18_Template_div_click_15_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵrestoreView"](_r16); const order_r9 = ctx.$implicit; const ctx_r15 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3); return ctx_r15.viewOrderDetails(order_r9); });
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](16);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](17, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const order_r9 = ctx.$implicit;
    const ctx_r8 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r8.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", order_r9.order_id, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", order_r9.bill_amount, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", order_r9.status == 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", order_r9.status == 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", order_r9.status == 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", order_r9.status == 1 || order_r9.status == 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", order_r9.status == 3 || order_r9.status == 4 || order_r9.status == 5 || order_r9.status == 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", order_r9.ordered_on, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r8.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](17, 11, "ORDER_HISTORY.VIEW"));
} }
function OrderHistoryComponent_ng_template_37_div_0_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "table", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "thead");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](5, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](8, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](10);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](11, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](14, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](16);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](17, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](18, OrderHistoryComponent_ng_template_37_div_0_tbody_18_Template, 18, 13, "tbody", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const orders_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]().orders;
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](5, 6, "ORDER_HISTORY.ORDER_ID"));
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](8, 8, "ORDER_HISTORY.PRICE"));
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](11, 10, "ORDER_HISTORY.STATUS"));
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](14, 12, "ORDER_HISTORY.DATE"));
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](17, 14, "ORDER_HISTORY.VIEW"));
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngForOf", orders_r5);
} }
function OrderHistoryComponent_ng_template_37_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "div", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "h3", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx_r7.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](3, 2, "ORDER_HISTORY.NO_ORDERS"));
} }
function OrderHistoryComponent_ng_template_37_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](0, OrderHistoryComponent_ng_template_37_div_0_Template, 19, 16, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](1, OrderHistoryComponent_ng_template_37_div_1_Template, 4, 4, "div", 22);
} if (rf & 2) {
    const orders_r5 = ctx.orders;
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", orders_r5.length > 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", orders_r5.length === 0);
} }
const _c1 = function () { return ["/ar"]; };
const _c2 = function () { return ["/"]; };
const _c3 = function () { return ["/ar/user-account"]; };
const _c4 = function () { return ["/user-account"]; };
/**
 * OrderHistoryComponent
 */
class OrderHistoryComponent {
    /**
     *constructor
     */
    constructor(router, orderService, storageService, setModalService) {
        this.router = router;
        this.orderService = orderService;
        this.storageService = storageService;
        this.setModalService = setModalService;
        this.profile = {};
        this.upcomingOrders = [];
        this.pastOrders = [];
        this.order = {};
        window.scroll(0, 0);
    }
    /**
   * Page starts
   */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.profile = JSON.parse(this.storageService.getItem('profile'));
        if (this.profile !== null && Object.keys(this.profile).length > 0) {
            this.getOrderHistory();
        }
        else {
            this.lang === 'AR' ? this.router.navigate(['/ar']) : this.router.navigate(['/']);
        }
    }
    /**
     * Get order history
     */
    getOrderHistory() {
        const data = {
            authId: this.profile.authId,
            authToken: this.profile.authToken,
        };
        this.orderService.orderHistory(data).subscribe((response) => {
            if (response['status'] === true) {
                this.upcomingOrders = response['upcoming_orders'];
                this.pastOrders = response['past_orders'];
            }
        });
    }
    /**
     * View order details
     * @param {object} order
     */
    viewOrderDetails(order) {
        this.order = order;
        this.setModalService.setOrderModalStatus({
            isOrderModalOpen: true,
        });
    }
}
OrderHistoryComponent.ɵfac = function OrderHistoryComponent_Factory(t) { return new (t || OrderHistoryComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_1__["Router"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](src_app_services_order_service__WEBPACK_IMPORTED_MODULE_2__["OrderService"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_3__["StorageService"]), _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdirectiveInject"](src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_4__["ModalService"])); };
OrderHistoryComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: OrderHistoryComponent, selectors: [["app-order-history"]], decls: 41, vars: 32, consts: [["setActive", "cart"], [1, "cartpageheader"], [1, "container-fluid"], [1, "row"], [1, "col-lg-12"], [1, "banner"], [1, "banner-head"], [3, "ngClass"], [1, "breadcumbs"], [3, "routerLink"], [1, "orderhistory", "row"], [1, "purchase"], ["ngbNav", "", 1, "nav-tabs", "d-flex", "justify-content-around", "p-0"], ["nav", "ngbNav"], [1, "w-50", 3, "ngbNavItem"], ["ngbNavLink", "", 1, "text-center", 3, "ngClass"], ["ngbNavContent", ""], [3, "ngbNavOutlet"], ["orderTable", ""], [3, "order"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["class", "table-responsive min-height-10", 4, "ngIf"], ["class", "min-height-10 d-flex justify-content-center align-center", 4, "ngIf"], [1, "table-responsive", "min-height-10"], [1, "table"], [3, "ngClass", 4, "ngFor", "ngForOf"], [1, "cart-det"], ["class", "text-success", 4, "ngIf"], ["class", "text-danger", 4, "ngIf"], ["class", "text-primary", 4, "ngIf"], [1, "cursor_pointer", 3, "ngClass", "click"], [1, "text-success"], [1, "text-danger"], [1, "text-primary"], [1, "min-height-10", "d-flex", "justify-content-center", "align-center"]], template: function OrderHistoryComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "app-header", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "h3", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](9, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "span", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](14, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](15, " / ");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](17);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](18, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](19);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](20, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](21, "div", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](22, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](23, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](24, "ul", 12, 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](26, "li", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](27, "a", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](28);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](29, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](30, OrderHistoryComponent_ng_template_30_Template, 1, 4, "ng-template", 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](31, "li", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](32, "a", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](33);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](34, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](35, OrderHistoryComponent_ng_template_35_Template, 1, 4, "ng-template", 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](36, "div", 17);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](37, OrderHistoryComponent_ng_template_37_Template, 2, 2, "ng-template", 16, 18, _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplateRefExtractor"]);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](39, "app-order", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](40, "app-footer");
    } if (rf & 2) {
        const _r0 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵreference"](25);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](9, 16, "ACCOUNT.ORDER_HISTORY"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-HomepageBaukasten-Book");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](28, _c1) : _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](29, _c2));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](14, 18, "MENU.HOME"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](30, _c3) : _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](31, _c4));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](18, 20, "ACCOUNT.USER_ACCOUNT"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" / ", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](20, 22, "ACCOUNT.ORDER_HISTORY"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngbNavItem", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](29, 24, "ORDER_HISTORY.UPCOMING_ORDERS"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngbNavItem", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](34, 26, "ORDER_HISTORY.PAST_ORDERS"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngbNavOutlet", _r0);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("order", ctx.order);
    } }, directives: [_shared_header_header_component__WEBPACK_IMPORTED_MODULE_5__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_6__["NgClass"], _angular_router__WEBPACK_IMPORTED_MODULE_1__["RouterLinkWithHref"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_7__["NgbNav"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_7__["NgbNavItem"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_7__["NgbNavLink"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_7__["NgbNavContent"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_7__["NgbNavOutlet"], _shared_order_order_component__WEBPACK_IMPORTED_MODULE_8__["OrderComponent"], _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_9__["FooterComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_6__["NgTemplateOutlet"], _angular_common__WEBPACK_IMPORTED_MODULE_6__["NgIf"], _angular_common__WEBPACK_IMPORTED_MODULE_6__["NgForOf"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_10__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.orderhistory[_ngcontent-%COMP%]   .nav-tabs[_ngcontent-%COMP%] {\n  border-bottom: 3px solid #dee2e6;\n}\n.orderhistory[_ngcontent-%COMP%]   .nav-tabs[_ngcontent-%COMP%]   .nav-link.active[_ngcontent-%COMP%], .orderhistory[_ngcontent-%COMP%]   .nav-tabs[_ngcontent-%COMP%]   .nav-item.show[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n  background-color: #ebc850;\n}\n.cartpageheader[_ngcontent-%COMP%] {\n  border-top: 1px solid #1d1d1b;\n}\n.banner-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 50px;\n  line-height: 80px;\n  color: #1d1d1b;\n  text-transform: capitalize;\n  margin: 0;\n}\n.breadcumbs[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 40px;\n  text-align: right;\n  color: #9f9f9f;\n}\n.breadcumbs[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #9f9f9f !important;\n}\n.banner[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.purchase[_ngcontent-%COMP%] {\n  border: 3px solid #9f9f9f;\n  margin-bottom: 30px;\n}\n.purchase-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 0;\n  color: #432919;\n  font-size: 30px;\n  line-height: 36px;\n  text-align: left;\n}\n.purchase[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n  background: #dedede;\n  color: #1d1d1b;\n  font-size: 24px;\n  line-height: 36px;\n  padding: 0;\n  margin: 0;\n}\n.purchase[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 0rem 0.5rem;\n}\n.purchase[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 1rem 0.5rem;\n  vertical-align: middle;\n}\n.cart-product-img[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  width: 60px;\n  height: 90px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.cart-header-det[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 26px;\n  line-height: 36px;\n  color: #1d1d1b;\n  margin: 0;\n  padding: 0;\n}\n.cart-header-det[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], .cart-det[_ngcontent-%COMP%] {\n  font-size: 22px;\n  line-height: 26px;\n  color: #bc8033;\n  margin-bottom: 0;\n}\n.cart-det[_ngcontent-%COMP%] {\n  color: #1d1d1b;\n  padding: 0px;\n}\n.cart-product-img[_ngcontent-%COMP%] {\n  margin-right: 20px;\n}\ntd[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n@media (max-width: 767px) {\n  .purchase[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n    font-size: 16px;\n    line-height: 26px;\n  }\n\n  .cart-header-det[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 16px;\n    line-height: 26px;\n  }\n\n  .cart-header-det[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], .cart-det[_ngcontent-%COMP%] {\n    font-size: 14px;\n    line-height: 14px;\n    margin-bottom: 5px;\n  }\n\n  .cart-det[_ngcontent-%COMP%] {\n    padding: 0px 10px;\n  }\n\n  .cart-product-img[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    width: 30px;\n    height: 56px;\n    -o-object-fit: contain;\n       object-fit: contain;\n  }\n\n  .container-fluid[_ngcontent-%COMP%] {\n    width: 100%;\n    padding-right: 10px;\n    padding-left: 10px;\n    margin: 0 auto;\n  }\n\n  .cart-product-img[_ngcontent-%COMP%] {\n    margin-right: 0px;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "PGnz":
/*!*******************************************************************!*\
  !*** ./src/app/shared/forgotpassword/forgotpassword.component.ts ***!
  \*******************************************************************/
/*! exports provided: ForgotpasswordComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ForgotpasswordComponent", function() { return ForgotpasswordComponent; });
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/forms */ "3Pt+");
/* 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");




function ForgotpasswordComponent_ng_template_0_div_21_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1, "Mobile number is required");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} }
function ForgotpasswordComponent_ng_template_0_div_21_div_2_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1, "Mobile number must be at least 10 numbers");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} }
function ForgotpasswordComponent_ng_template_0_div_21_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](1, ForgotpasswordComponent_ng_template_0_div_21_div_1_Template, 2, 0, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](2, ForgotpasswordComponent_ng_template_0_div_21_div_2_Template, 2, 0, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx_r3.f.phone.errors.required);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx_r3.f.phone.errors.minlength);
} }
const _c0 = function (a0) { return { "is-invalid": a0 }; };
function ForgotpasswordComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
    const _r7 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "button", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "span", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](3, "\u00D7");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](4, "div", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "div", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](6, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "h4");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](8, "Forgot password ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](9, "form", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("ngSubmit", function ForgotpasswordComponent_ng_template_0_Template_form_ngSubmit_9_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r7); const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r6.forgotpassword(ctx_r6.forgotpass.value); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](11, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](13, "label");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](14, "Mobile Number");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](15, "div", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](16, "div", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](17, "span", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](18, "img", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](19, "input", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](20, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](21, ForgotpasswordComponent_ng_template_0_div_21_Template, 3, 2, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](22, "div", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](23, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](24, "label");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](25, "Password");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](26, "input", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](27, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](28, "button", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](29, " Update Password");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("formGroup", ctx_r1.forgotpass);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](10);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction1"](4, _c0, ctx_r1.submitted && ctx_r1.f.phone.errors));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx_r1.submitted && ctx_r1.f.phone.errors);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction1"](6, _c0, ctx_r1.submitted && ctx_r1.f.password.errors));
} }
class ForgotpasswordComponent {
    constructor(formBuilder) {
        this.formBuilder = formBuilder;
        this.submitted = false;
    }
    /**
* login controls
*/
    get f() {
        return this.forgotpass.controls;
    }
    ngOnInit() {
        this.forgotpass = this.formBuilder.group({
            phone: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_0__["Validators"].required],
            passwords: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_0__["Validators"].required],
            device_token: ['sp-eatzilla-web'],
            login_type: ['0'],
            device_type: ['web'],
        });
    }
    forgotpassword(forgotpass) {
        this.submitted = true;
        const phoneWithCode = `971${forgotpass.phone}`;
        forgotpass.phone = phoneWithCode;
        if (this.forgotpass.invalid) {
            return;
        }
    }
}
ForgotpasswordComponent.ɵfac = function ForgotpasswordComponent_Factory(t) { return new (t || ForgotpasswordComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_0__["FormBuilder"])); };
ForgotpasswordComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: ForgotpasswordComponent, selectors: [["app-forgotpassword"]], decls: 2, vars: 0, consts: [["class", "modal-dialog-centered"], ["login", ""], [1, "modal-body"], ["type", "button", "aria-label", "Close", 1, "close"], ["aria-hidden", "true"], [1, "container", "userlogin"], [1, "row", "mb-4"], [1, "col-lg-12", "text-center"], [3, "formGroup", "ngSubmit"], [1, "row"], [1, "col-lg-12"], [1, "form-group"], [1, "w-100"], [1, "input-group"], ["id", "basic-addon1", 1, "input-group-text"], ["src", "assets/images/icons/uae_flag.png", "alt", "product", 1, "img-fluid"], ["type", "text", "id", "phone", "formControlName", "phone", 1, "form-control", 3, "ngClass"], ["id", "error-msg", 1, "text-danger"], ["class", "text-danger", 4, "ngIf"], [1, "col-lg-12", "mb-3"], ["type", "password", "formControlName", "password", 1, "form-control", 3, "ngClass"], [1, "col-lg-12", "d-flex", "align-items-center", "justify-content-around"], ["type", "submit", 1, "btn", "btn-continue"], [1, "text-danger"], [4, "ngIf"]], template: function ForgotpasswordComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](0, ForgotpasswordComponent_ng_template_0_Template, 30, 8, "ng-template", 0, 1, _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplateRefExtractor"]);
    } }, directives: [_angular_forms__WEBPACK_IMPORTED_MODULE_0__["ɵangular_packages_forms_forms_y"], _angular_forms__WEBPACK_IMPORTED_MODULE_0__["NgControlStatusGroup"], _angular_forms__WEBPACK_IMPORTED_MODULE_0__["FormGroupDirective"], _angular_forms__WEBPACK_IMPORTED_MODULE_0__["DefaultValueAccessor"], _angular_forms__WEBPACK_IMPORTED_MODULE_0__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_0__["FormControlName"], _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgClass"], _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgIf"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.my-info[_ngcontent-%COMP%] {\n  background: rgba(29, 29, 27, 0.8);\n  width: 100%;\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-self: flex-start;\n}\n.userlogin[_ngcontent-%COMP%] {\n  padding: 3em;\n  border: 1px solid #dedede;\n  background: #ffffff;\n  border-radius: 10px;\n}\n.userlogin[_ngcontent-%COMP%]   .btn-continue[_ngcontent-%COMP%] {\n  padding: 5px 30px;\n  font-size: 20px;\n  line-height: 30px;\n  color: #bc8033;\n  border: 1px solid transparent;\n  background: #432919;\n  border-radius: 30px;\n}\n.userlogin[_ngcontent-%COMP%]   .btn-continue[_ngcontent-%COMP%]:hover {\n  color: #bc8033;\n  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.userlogin[_ngcontent-%COMP%]   .pb[_ngcontent-%COMP%] {\n  padding-bottom: 15px;\n}\n.userlogin[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%] {\n  border: 1px solid #9f9f9f;\n  border-radius: 0 !important;\n}\n.userlogin[_ngcontent-%COMP%]   .input-group-text[_ngcontent-%COMP%] {\n  justify-content: center;\n  padding: 0px !important;\n  background-color: unset;\n  border: 1px solid #9f9f9f;\n  border-radius: unset;\n}\n.userlogin[_ngcontent-%COMP%]   .input-group-text[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  height: 50%;\n}\n.userlogin[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 36px;\n  color: #1d1d1b;\n}\n@media only screen and (max-width: 767px) {\n  .container-fluid[_ngcontent-%COMP%] {\n    padding-right: 15px;\n    padding-left: 15px;\n    margin: 0 auto;\n  }\n\n  .myinform-head[_ngcontent-%COMP%] {\n    margin: 20px 15px;\n  }\n\n  .banner-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 40px;\n  }\n\n  .breadcumbs[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "Pfx7":
/*!****************************************************!*\
  !*** ./src/app/pages/sigunup/sigunup.component.ts ***!
  \****************************************************/
/*! exports provided: SigunupComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SigunupComponent", function() { return SigunupComponent; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "mrSG");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! sweetalert2/dist/sweetalert2.js */ "PdH4");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var src_app_services_user_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/services/user.service */ "qfBg");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/services/storage.service */ "n90K");
/* harmony import */ var src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/services/translation.service */ "ty2H");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _shared_profile_form_profile_form_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../shared/profile-form/profile-form.component */ "8WL1");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");











/**
 * Signup Pages
 */
class SigunupComponent {
    /**
     * @constructor
     */
    constructor(userService, router, storageService, translationService) {
        this.userService = userService;
        this.router = router;
        this.storageService = storageService;
        this.translationService = translationService;
        window.scroll(0, 0);
    }
    /**
     * page initialization
     */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
    }
    /**
     * register
     * @param {object} registerForm
     */
    register(registerForm) {
        this.userService.register(registerForm).subscribe((response) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            if (response.status === true) {
                sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_1___default.a.fire({
                    icon: 'success',
                    title: yield this.translationService.translateText('TOAST.REGISTER_SUCCESS'),
                    confirmButtonColor: '#432919',
                    confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                }).then((result) => {
                    this.storageService.setItem('profile', JSON.stringify(response));
                    this.lang === 'AR' ? this.router.navigate(['/ar']) : this.router.navigate(['/']);
                });
            }
            else {
                sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_1___default.a.fire({
                    icon: 'error',
                    title: yield this.translationService.translateText('TOAST.REGISTER_FAILED'),
                    text: this.lang === 'AR' ? response['message_ar'] : response['message'],
                    confirmButtonColor: '#432919',
                    confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                });
            }
        }));
    }
}
SigunupComponent.ɵfac = function SigunupComponent_Factory(t) { return new (t || SigunupComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_services_user_service__WEBPACK_IMPORTED_MODULE_3__["UserService"]), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_4__["Router"]), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_5__["StorageService"]), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_6__["TranslationService"])); };
SigunupComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdefineComponent"]({ type: SigunupComponent, selectors: [["app-sigunup"]], decls: 18, vars: 15, consts: [["setActive", "cart"], [1, "my-info"], [1, "container-fluid"], [1, "row"], [1, "col-lg-12"], [1, "banner"], [1, "banner-head", 3, "ngClass"], [1, "breadcumbs", 3, "ngClass"], [3, "buttonName", "submitChange"]], template: function SigunupComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](0, "app-header", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](1, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](3, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](4, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](5, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](6, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](7, "h3");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](9, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](10, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](11, "span");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](12);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](13, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](14, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](15, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](16, "app-profile-form", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("submitChange", function SigunupComponent_Template_app_profile_form_submitChange_16_listener($event) { return ctx.register($event); });
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](17, "~");
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](9, 7, "ACCOUNT.USER_ACCOUNT"));
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-HomepageBaukasten-Book");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate3"]("", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](13, 9, "MENU.HOME"), " / ", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](14, 11, "ACCOUNT.USER_ACCOUNT"), " / ", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](15, 13, "ACCOUNT.REGISTER"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("buttonName", "ACCOUNT.REGISTER");
    } }, directives: [_shared_header_header_component__WEBPACK_IMPORTED_MODULE_7__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_8__["NgClass"], _shared_profile_form_profile_form_component__WEBPACK_IMPORTED_MODULE_9__["ProfileFormComponent"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_10__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.my-info[_ngcontent-%COMP%] {\n  border-top: 1px solid #1d1d1b;\n}\n.banner-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 50px;\n  line-height: 80px;\n  color: #1d1d1b;\n  text-transform: capitalize;\n  margin: 0;\n}\n.breadcumbs[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 40px;\n  text-align: right;\n  color: #9f9f9f;\n}\n.banner[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\nlabel.col-form-label[_ngcontent-%COMP%] {\n  font-size: 26px;\n  line-height: 36px;\n  color: #1d1d1b;\n  font-family: Humanist777BT-RomanCondensedB;\n}\n@media only screen and (max-width: 767px) {\n  .container-fluid[_ngcontent-%COMP%] {\n    padding-right: 15px;\n    padding-left: 15px;\n    margin: 0 auto;\n  }\n\n  .myinform-head[_ngcontent-%COMP%] {\n    margin: 20px 15px;\n  }\n\n  label.col-form-label[_ngcontent-%COMP%] {\n    font-size: 20px;\n    line-height: 36px;\n    color: #1d1d1b;\n    font-family: Humanist777BT-RomanCondensedB;\n  }\n\n  .banner-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 40px;\n  }\n\n  .breadcumbs[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "SLVn":
/*!******************************************************************!*\
  !*** ./src/app/pages/single-product/single-product.component.ts ***!
  \******************************************************************/
/*! exports provided: SingleProductComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SingleProductComponent", function() { return SingleProductComponent; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "mrSG");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "LvDl");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! sweetalert2/dist/sweetalert2.js */ "PdH4");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var src_app_services_product_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/services/product.service */ "Gdn9");
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/services/modal.service */ "VQPA");
/* harmony import */ var src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! src/app/services/storage.service */ "n90K");
/* harmony import */ var src_app_services_address_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! src/app/services/address.service */ "CVMR");
/* harmony import */ var src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! src/app/services/translation.service */ "ty2H");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @angular/forms */ "3Pt+");
/* harmony import */ var _shared_address_address_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../shared/address/address.component */ "YBnm");
/* harmony import */ var _shared_review_review_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../shared/review/review.component */ "+z6I");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../shared/footer/footer.component */ "jQpT");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");


















function SingleProductComponent_p_50_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "span", 80);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](5, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate2"]("", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 4, "HOME.AED"), " ", ctx_r0.food.price, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r0.lang === "AR" ? "small-font-ar" : "small-font");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](5, 6, "HOME.VAT_INC"), " ");
} }
function SingleProductComponent_p_51_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "span", 80);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](5, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate2"](" ", ctx_r1.food.price, " ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 4, "HOME.AED"), " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "small-font-ar" : "small-font");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](5, 6, "HOME.VAT_INC"), " ");
} }
function SingleProductComponent_div_72_span_4_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](1, "img", 86);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} }
function SingleProductComponent_div_72_span_5_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](1, "img", 87);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} }
function SingleProductComponent_div_72_span_8_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"]("(", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 1, "SINGLE_PRODUCT.MIN_MAX"), " 1)");
} }
function SingleProductComponent_div_72_span_9_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const category_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate2"]("(", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 2, "SINGLE_PRODUCT.MIN_MAX"), " ", category_r12.min, ")");
} }
function SingleProductComponent_div_72_div_11_input_2_Template(rf, ctx) { if (rf & 1) {
    const _r25 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "input", 94);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function SingleProductComponent_div_72_div_11_input_2_Template_input_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r25); const choice_r20 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]().$implicit; const categoryIndex_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]().index; const ctx_r23 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r23.setChoice(choice_r20, categoryIndex_r13); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const choice_r20 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]().$implicit;
    const category_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]().$implicit;
    const ctx_r21 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpropertyInterpolate"]("value", choice_r20.price);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpropertyInterpolate2"]("name", "", category_r12.name, "", choice_r20.id, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpropertyInterpolate2"]("id", "", category_r12.name, "", choice_r20.id, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("checked", ctx_r21.checkChoiceSelected(choice_r20));
} }
function SingleProductComponent_div_72_div_11_input_3_Template(rf, ctx) { if (rf & 1) {
    const _r31 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "input", 95);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function SingleProductComponent_div_72_div_11_input_3_Template_input_click_0_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r31); const choice_r20 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]().$implicit; const categoryIndex_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]().index; const ctx_r29 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r29.setChoices($event, choice_r20, categoryIndex_r13); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const choice_r20 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]().$implicit;
    const category_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]().$implicit;
    const ctx_r22 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpropertyInterpolate"]("value", choice_r20.price);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpropertyInterpolate2"]("name", "", category_r12.name, "", choice_r20.id, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpropertyInterpolate2"]("id", "", category_r12.name, "", choice_r20.id, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("checked", ctx_r22.checkChoiceSelected(choice_r20));
} }
function SingleProductComponent_div_72_div_11_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 88);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "div", 89);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](2, SingleProductComponent_div_72_div_11_input_2_Template, 1, 6, "input", 90);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](3, SingleProductComponent_div_72_div_11_input_3_Template, 1, 6, "input", 91);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](4, "label", 92);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](6, "span", 93);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const choice_r20 = ctx.$implicit;
    const category_r12 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]().$implicit;
    const ctx_r18 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", category_r12.max == 1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", category_r12.max > 1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r18.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", ctx_r18.lang === "AR" ? choice_r20.ar_name : choice_r20.name, " ");
} }
function SingleProductComponent_div_72_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 81);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "div", 82);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](2, "div", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "div", 83);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](4, SingleProductComponent_div_72_span_4_Template, 2, 0, "span", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](5, SingleProductComponent_div_72_span_5_Template, 2, 0, "span", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "span", 84);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](8, SingleProductComponent_div_72_span_8_Template, 3, 3, "span", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](9, SingleProductComponent_div_72_span_9_Template, 3, 4, "span", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "div", 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](11, SingleProductComponent_div_72_div_11_Template, 7, 4, "div", 85);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const category_r12 = ctx.$implicit;
    const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r2.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", category_r12.canProceed === false);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", category_r12.canProceed === true);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", ctx_r2.lang === "AR" ? category_r12.ar_name : category_r12.name, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r2.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", category_r12.min == 1 && category_r12.max == 1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", category_r12.max > 1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", category_r12.choice);
} }
function SingleProductComponent_span_77_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "span", 96);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r3.lang === "AR" ? "font-Tajawal-Black price-title-ar" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 2, "SINGLE_PRODUCT.PRICE"), ":");
} }
function SingleProductComponent_span_78_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "span", 97);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "span", 98);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](5, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate2"]("", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 4, "HOME.AED"), " ", ctx_r4.food.itemTotal, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r4.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777BT-LightB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](5, 6, "HOME.VAT_INC"));
} }
function SingleProductComponent_span_79_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "span", 99);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "span", 98);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](5, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate2"](" ", ctx_r5.food.itemTotal, " ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 4, "HOME.AED"), " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r5.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777BT-LightB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](5, 6, "HOME.VAT_INC"));
} }
function SingleProductComponent_div_185_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 100);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "div", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](2, "div", 101);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "h3");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](5, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r6.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](5, 2, "REVIEW.NO_REVIEWS"));
} }
function SingleProductComponent_div_186_tr_16_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "tr");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "td");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](2, "div", 107);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](4, "td");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "td");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](8, "ngb-rating", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("rateChange", function SingleProductComponent_div_186_tr_16_Template_ngb_rating_rateChange_8_listener($event) { const item_r37 = ctx.$implicit; return item_r37.rating = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](9, "td");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "div", 108);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](12);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const item_r37 = ctx.$implicit;
    const ctx_r36 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2);
    const _r10 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](192);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", item_r37.name, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r37.updated_at);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("rate", item_r37.rating)("starTemplate", _r10)("readonly", true)("max", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r36.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](item_r37.comment);
} }
function SingleProductComponent_div_186_Template(rf, ctx) { if (rf & 1) {
    const _r40 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 102);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "table", 103);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](2, "thead");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](5, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](8, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](9, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](10);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](11, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](12, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](13);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](14, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](15, "tbody");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](16, SingleProductComponent_div_186_tr_16_Template, 13, 8, "tr", 104);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](17, "slice");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](18, "div", 105);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](19, "ngb-pagination", 106);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("pageChange", function SingleProductComponent_div_186_Template_ngb_pagination_pageChange_19_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r40); const ctx_r39 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r39.page = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r7.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](5, 9, "REVIEW.NAME"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](8, 11, "REVIEW.DATE"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](11, 13, "REVIEW.RATE"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](14, 15, "REVIEW.COMMENTS"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind3"](17, 17, ctx_r7.review, (ctx_r7.page - 1) * ctx_r7.pageSize, (ctx_r7.page - 1) * ctx_r7.pageSize + ctx_r7.pageSize));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("collectionSize", ctx_r7.review == null ? null : ctx_r7.review.length)("pageSize", ctx_r7.pageSize)("page", ctx_r7.page);
} }
function SingleProductComponent_ng_template_187_Template(rf, ctx) { if (rf & 1) {
    const _r43 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 109);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "div", 110);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](2, "div", 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "div", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](4, "h4", 80);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](6, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "div", 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](8, "div", 111);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](9, "div", 112);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "a", 113);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function SingleProductComponent_ng_template_187_Template_a_click_10_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r43); const ctx_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r42.login(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](12, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](13, "div", 111);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](14, "div", 112);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](15, "a", 113);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function SingleProductComponent_ng_template_187_Template_a_click_15_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r43); const ctx_r44 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r44.signup(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](16);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](17, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r9.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](6, 6, "SINGLE_PRODUCT.YOU_SHOULD_LOGIN_TO_YOUR_ACCOUNT_BEFORE_YOU_CONTINUE."));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r9.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777LightBT");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](12, 8, "MENU.LOGIN"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r9.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777LightBT");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](17, 10, "MENU.SIGN_IN"));
} }
function SingleProductComponent_ng_template_191_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "span", 114);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "span", 115);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, "\u2605");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](3, "\u2605 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const fill_r45 = ctx.fill;
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵclassProp"]("full", fill_r45 === 100);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵstyleProp"]("width", fill_r45, "%");
} }
const _c0 = function () { return ["/ar"]; };
const _c1 = function () { return ["/"]; };
const _c2 = function () { return ["/ar/product"]; };
const _c3 = function () { return ["/product"]; };
/** *
 * SingleProductComponent
 */
class SingleProductComponent {
    /**
     * constructor
     */
    constructor(route, router, productService, modalService, setModalService, storageService, addressService, translationService) {
        this.route = route;
        this.router = router;
        this.productService = productService;
        this.modalService = modalService;
        this.setModalService = setModalService;
        this.storageService = storageService;
        this.addressService = addressService;
        this.translationService = translationService;
        this.closeResult = '';
        this.page = 1;
        this.pageSize = 5;
        this.food = {};
        this.submitted = false;
        this.profile = {};
        this.defaultAddress = {};
        this.cartItem = [];
        this.quantity = 1;
        this.gramQuantity = 0;
        window.scroll(0, 0);
    }
    /**
     * open modal
     * @param {string} content
     */
    open(content) {
        this.closemodal = this.modalService.open(content, { ariaLabelledBy: 'modal-basic-title' });
    }
    /**
     * open login modal
     */
    login() {
        this.closemodal.close();
        this.setModalService.setLoginModalStatus({
            isLoginModalOpen: true,
        });
    }
    /**
     * Navigate to register
     */
    signup() {
        this.closemodal.close();
        this.setModalService.setLoginModalStatus({
            isLoginModalOpen: false,
        });
        this.router.navigate(['/register']);
    }
    /**
     * scroll down
     */
    goToBottom() {
        window.scrollTo(0, 650);
    }
    /**
     * page starts
     */
    ngOnInit() {
        setInterval(() => {
            this.currentLang = this.translationService.getCurrentLang();
        }, 1000);
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        this.profile = JSON.parse(this.storageService.getItem('profile'));
        this.cartItem = this.storageService.getItem('cart') !== null ? JSON.parse(this.storageService.getItem('cart')) : [];
        this.getFood();
        if (this.profile !== null)
            this.getDefaultAddress();
    }
    /**
     * Get Food
     */
    getFood() {
        this.route.params.subscribe((params) => {
            this.foodId = params.id;
            this.productService.getSingleProduct(this.foodId).subscribe((response) => {
                if (response['status'] === true) {
                    this.food = response['$food_detail_data'][0];
                    this.food.selectedChoiceRadio = [];
                    this.food.selectedChoice = [];
                    this.selectedFoodPrice = response['$food_detail_data'][0].price;
                    this.food.itemTotal = response['$food_detail_data'][0].price;
                    this.review = response['reviews'];
                    console.log(response);
                }
            });
        });
    }
    /**
     * On quantity change
     * @param {object} event
     */
    onQuantityChange(event) {
        if (event !== null) {
            // this.quantity = event.target.value;
            this.quantity = event;
            this.updatePrice();
            this.updatedPrice();
        }
    }
    /**
     * Add to cart
     * @param {string} content
     */
    addToCart(content) {
        if (this.profile && this.profile.authId) {
            if (this.defaultAddress['status'] === false) {
                this.setModalService.setAddressModalStatus({
                    isAddressModalOpen: true,
                });
            }
            else {
                this.addItemToLocalCart();
            }
        }
        else {
            this.open(content);
        }
    }
    /**
     * addItemToLocalCart
     */
    addItemToLocalCart() {
        return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(this.food.choice_category, (item, index) => {
                let filteredChoice = [];
                if (item.min == 1 && item.max == 1) {
                    filteredChoice = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.filter(this.food.selectedChoiceRadio, ['choice_category_id', item.id]);
                }
                else {
                    filteredChoice = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.filter(this.food.selectedChoice, ['choice_category_id', item.id]);
                }
                this.setChoiceValidation(filteredChoice, item, index);
            });
            const canAddItem = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.some(this.food.choice_category, ['canProceed', false]);
            console.log(this.quantity);
            if (canAddItem === false && this.quantity > 0) {
                const { itemExists, itemUniqueId } = yield this.checkCartItem();
                if (!itemExists) {
                    const json = {
                        id: this.food.food_id,
                        name: this.food.name,
                        ar_name: this.food.ar_name,
                        description: this.food.description,
                        ar_description: this.food.ar_description,
                        image: this.food.image,
                        price: this.food.price,
                        itemTotal: this.food.itemTotal,
                        priceTotal: this.food.priceTotal,
                        quantity: this.quantity,
                        discount_type: this.food.discount_type,
                        offer_amount: this.food.offer_amount,
                        itemUniqueId: Math.floor(Math.random() * 99980),
                        selectedChoiceRadio: this.food.selectedChoiceRadio,
                        selectedChoice: this.food.selectedChoice,
                        food_percentage_offer: this.food.food_percentage_offer,
                    };
                    this.cartItem.push(json);
                }
                else {
                    const index = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.findIndex(this.cartItem, ['itemUniqueId', itemUniqueId]);
                    this.cartItem[index].quantity += this.quantity;
                    this.cartItem[index].itemTotal += this.food.itemTotal;
                }
                this.storageService.setItem('cart', JSON.stringify(this.cartItem));
                this.lang === 'AR' ? this.router.navigate(['/ar/cart']) : this.router.navigate(['/cart']);
            }
            else {
                if (this.quantity < 1) {
                    sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                        icon: 'error',
                        title: yield this.translationService.translateText('TOAST.QUANTITY_VALIDATION'),
                        confirmButtonColor: '#432919',
                        confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                        customClass: {
                            container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                        },
                    });
                }
            }
        });
    }
    /**
     * Check if food is present in cart already
     * @return {boolean}
     */
    checkCartItem() {
        let itemExists = false;
        let itemUniqueId;
        const itemInCart = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.filter(this.cartItem, ['id', this.food.food_id]);
        if (itemInCart.length > 0) {
            lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(itemInCart, (item) => {
                itemUniqueId = item.itemUniqueId;
                if (this.food.selectedChoiceRadio.length === item.selectedChoiceRadio.length && this.food.selectedChoice.length === item.selectedChoice.length) {
                    const selectedChoiceRadio = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.isEqual(this.food.selectedChoiceRadio, item.selectedChoiceRadio);
                    const selectedChoice = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.isEqual(this.food.selectedChoice, item.selectedChoice);
                    (selectedChoiceRadio && selectedChoice) ? itemExists = true : itemExists = false;
                }
                else {
                    itemExists = false;
                }
            });
        }
        else {
            itemExists = false;
        }
        return ({ itemExists, itemUniqueId });
    }
    /**
     * Get default address
     */
    getDefaultAddress() {
        this.addressService.getDefaultAddress(this.profile.authId, this.profile.authToken).subscribe((response) => {
            this.defaultAddress = response;
        });
    }
    /**
     * Set choice radio
     * @param {object} choice
     * @param {boolean} categoryIndex
     */
    setChoice(choice, categoryIndex) {
        const category = this.food.choice_category[categoryIndex];
        const filteredChoice = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.filter(this.food.selectedChoiceRadio, ['choice_category_id', choice.choice_category_id]);
        if (filteredChoice.length > 0)
            lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.food.selectedChoiceRadio, ['choice_category_id', choice.choice_category_id]);
        this.food.selectedChoiceRadio.push({ id: choice.id, name: choice.name, ar_name: choice.ar_name, choice_category_id: choice.choice_category_id, price: choice.price });
        this.updatePrice();
        const filteredArray = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.filter(this.food.selectedChoiceRadio, ['choice_category_id', choice.choice_category_id || category.id]);
        this.setChoiceValidation(filteredArray, category, categoryIndex);
    }
    /**
     * Set choice checkbox
     * @param {object} event
     * @param {object} choice
     * @param {boolean} categoryIndex
     */
    setChoices(event, choice, categoryIndex) {
        const category = this.food.choice_category[categoryIndex];
        if (event.target.checked) {
            this.food.selectedChoice.push({ id: choice.id, name: choice.name, ar_name: choice.ar_name, choice_category_id: choice.choice_category_id, price: choice.price });
        }
        else {
            lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.food.selectedChoice, ['id', choice.id]);
        }
        this.updatePrice();
        this.updatedPrice();
        const filteredChoice = lodash__WEBPACK_IMPORTED_MODULE_1___default.a.filter(this.food.selectedChoice, ['choice_category_id', choice.choice_category_id || category.id]);
        this.setChoiceValidation(filteredChoice, category, categoryIndex);
    }
    /**
     * setRadioChoiceValidation
     * @param {object} filteredChoice
     * @param {boolean} category
     * @param {number} categoryIndex
     */
    setChoiceValidation(filteredChoice, category, categoryIndex) {
        if (filteredChoice.length >= category.min && filteredChoice.length <= category.max) {
            this.food.choice_category[categoryIndex].canProceed = true;
        }
        else {
            this.food.choice_category[categoryIndex].canProceed = false;
        }
    }
    /**
     * Update price
     */
    updatePrice() {
        return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            let choiceValue = 0;
            yield lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(this.food.selectedChoiceRadio, (item) => choiceValue += item.price);
            yield lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(this.food.selectedChoice, (item) => choiceValue += item.price);
            this.food.priceTotal = choiceValue;
            this.food.itemTotal = (this.selectedFoodPrice * this.quantity) + ((choiceValue) * this.quantity);
        });
    }
    /**
     *
     * @param {object} event
     */
    gramQuantityChange(event) {
        if (event) {
            this.gramQuantity = event;
            this.updatedPrice();
        }
    }
    /**
     * price calculation
     */
    updatedPrice() {
        return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            let choiceValue = 0;
            yield lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(this.food.selectedChoiceRadio, (item) => choiceValue += item.price);
            yield lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(this.food.selectedChoice, (item) => choiceValue += item.price);
            this.food.priceTotal = choiceValue;
            const kgToGram = this.quantity * 1000;
            const totalGrams = kgToGram + this.gramQuantity;
            const selectedQuantity = totalGrams / 1000;
            this.food.itemTotal = (this.selectedFoodPrice * selectedQuantity) + ((choiceValue) * selectedQuantity);
            console.log(this.quantity, this.gramQuantity, kgToGram, totalGrams, selectedQuantity, this.food.itemTotal);
        });
    }
    /**
     * check if choice is selected
     * @param {object} choice
     * @return {boolean}
     */
    checkChoiceSelected(choice) {
        return lodash__WEBPACK_IMPORTED_MODULE_1___default.a.some(this.food.selectedChoiceRadio, { id: choice.id, choice_category_id: choice.choice_category_id }) || lodash__WEBPACK_IMPORTED_MODULE_1___default.a.some(this.food.selectedChoice, { id: choice.id, choice_category_id: choice.choice_category_id });
    }
    /**
     * Open review modal
     */
    openReviewModal() {
        return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            if (this.profile && this.profile.authId) {
                this.setModalService.setReviewModalStatus({
                    isReviewModalOpen: true,
                });
            }
            else {
                sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                    icon: 'info',
                    title: yield this.translationService.translateText('TOAST.PLEASE_LOGIN_TO_THE_ACCOUNT_TO_BE_ABLE_TO_EVALUATE'),
                    confirmButtonColor: '#432919',
                    confirmButtonText: yield this.translationService.translateText('TOAST.CLOSE'),
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                });
            }
        });
    }
}
SingleProductComponent.ɵfac = function SingleProductComponent_Factory(t) { return new (t || SingleProductComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_4__["ActivatedRoute"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_4__["Router"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_product_service__WEBPACK_IMPORTED_MODULE_5__["ProductService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__["NgbModal"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_7__["ModalService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_8__["StorageService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_address_service__WEBPACK_IMPORTED_MODULE_9__["AddressService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_10__["TranslationService"])); };
SingleProductComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdefineComponent"]({ type: SingleProductComponent, selectors: [["app-single-product"]], decls: 194, vars: 89, consts: [["setActive", "shop"], [1, "container-fluid"], [1, "row"], [1, "col-lg-12"], [1, "header-border", "singleProductPage", "full-width-custom"], [1, "banner", "banners", "direction-custom"], [1, "banner-title", 3, "ngClass"], [1, "breadcrumbs", 3, "ngClass"], [3, "routerLink"], [1, ""], [1, "product"], [1, "row", "prof-bottom"], [1, "col-md-6", "col-4", "pad-lr", "pr-0"], [1, "product-image", "text-right"], ["alt", "product", 1, "img-fluid", 3, "src"], [1, "col-md-6", "col-8"], [1, "product-tilte", 3, "ngClass"], [1, "product-review", "product-detail", 3, "ngClass"], [1, "rating"], [3, "rate", "starTemplate", "readonly", "max", "rateChange"], [1, "sin-web-view"], [1, "sin_mob_view"], [1, "sin_cust"], [1, "sin_rev"], [1, "product-rating", 3, "ngClass"], [1, "mb-3"], [1, "product-tax", 3, "ngClass"], [4, "ngIf"], [1, "product-add", "mb-3", 3, "ngClass"], ["type", "number", 1, "form-control", "ml-3", "direction-custom", 3, "ngModel", "ngModelChange"], [1, "product-add", 3, "ngClass"], [1, "btn", "roundedCorner", 3, "click"], [1, "col-lg-12", "product-addons"], [1, "titles", "addon-vertical-middle-align", 3, "ngClass"], [1, "product-addons-section"], ["class", "addons container-fluid", 4, "ngFor", "ngForOf"], [1, "col-lg-12", "product-price"], [1, "whole-area"], [1, "price"], ["class", "price-title", 3, "ngClass", 4, "ngIf"], ["class", "price-tax font-Humanist777BT-BlackCondensedB", 4, "ngIf"], ["class", "price-tax font-Tajawal-Light", 4, "ngIf"], [1, "product-add", "carts", 3, "ngClass"], [1, "btn", "roundedCorner", "text-uppercase", 3, "click"], [1, "col-lg-12", "info", "p-0"], [1, "info-additionalInfo"], [1, "titles", "info-vertical-middle-align", 3, "ngClass"], [1, "info-para-align", 3, "ngClass"], [1, "reviews", "comment-web-view"], [1, "review-title-section"], [1, "titles", "review-vertical-middle-align", 3, "ngClass"], [1, "webspace-view"], [1, "review-add", "reviews-vertical-middle-align", 3, "ngClass", "click"], [1, "font-size-custom"], ["aria-hidden", "true", 1, "fa", "fa-plus"], [1, "mobile-view"], [1, "review-detailed"], [1, "row", "m-0"], [1, "col-lg-3", "col-md-4", "col-sm-3", "pr-0"], [1, "review-detail", 3, "ngClass"], [1, "fa", "fa-star"], [1, "col-lg-12", "review-deatil-review"], [1, "col-lg-3", "col-md-3", "col-sm-3", "col-2"], [1, "review-star-detail"], ["src", "assets/images/shop/star.svg"], [1, "col-lg-7", "col-md-7", "col-sm-7", "col-7"], ["type", "warning", 3, "value"], [1, "col-lg-2", "col-md-2", "col-sm-2", "col-3", "pl-0"], [1, "col-lg-3", "col-md-3", "col-2"], [1, "col-lg-7", "col-md-7", "col-7"], [1, "col-lg-2", "col-md-2", "pl-0", "col-3"], [1, "col-lg-2", "col-md-2", "col-3", "pl-0"], [1, "col-lg-9", "col-md-8", "col-sm-9", "p-l-0", "pl-0", "review-border"], ["class", "row my-4", 4, "ngIf"], ["class", "review-rating-comment table-responsive", 3, "ngClass", 4, "ngIf"], ["class", "modal-dialog-centered"], ["content", ""], [3, "lang", "getAddress"], [3, "foodId", "updateReview"], ["rate", ""], [3, "ngClass"], [1, "addons", "container-fluid"], [1, "row", "mb-3"], [1, "product-addons-title", 3, "ngClass"], [1, "product-addons-desc", 3, "ngClass"], ["class", "col-md-4  col-12", 4, "ngFor", "ngForOf"], ["src", "assets/images/icons/alert.png", "width", "15", 1, "mr-2"], ["src", "assets/images/icons/success.png", "width", "15", 1, "mr-2"], [1, "col-md-4", "col-12"], [1, "form-check", "mb-3"], ["class", "form-check-input", "type", "radio", 3, "value", "name", "id", "checked", "click", 4, "ngIf"], ["class", "form-check-input", "type", "checkbox", 3, "value", "name", "id", "checked", "click", 4, "ngIf"], ["for", "flexRadioDefault1", 1, "form-check-label", 3, "ngClass"], [1, "choice-price"], ["type", "radio", 1, "form-check-input", 3, "value", "name", "id", "checked", "click"], ["type", "checkbox", 1, "form-check-input", 3, "value", "name", "id", "checked", "click"], [1, "price-title", 3, "ngClass"], [1, "price-tax", "font-Humanist777BT-BlackCondensedB"], [1, "small-font", 3, "ngClass"], [1, "price-tax", "font-Tajawal-Light"], [1, "row", "my-4"], [1, "text-center", 3, "ngClass"], [1, "review-rating-comment", "table-responsive", 3, "ngClass"], [1, "table"], [4, "ngFor", "ngForOf"], [1, "position-absolute", "w-100", "b-0", "pagination", "d-flex", "justify-content-center", "direction"], ["aria-label", "Default pagination", 3, "collectionSize", "pageSize", "page", "pageChange"], [1, "rating-head"], [1, "review-desc", 3, "ngClass"], [1, "modal-body"], [1, "container", "popup-login-design"], [1, "col-lg-6", "col-sm-12"], [1, "text-center"], [1, "btn-sign", "cursor_pointer", 3, "ngClass", "click"], [1, "star"], [1, "half"]], template: function SingleProductComponent_Template(rf, ctx) { if (rf & 1) {
        const _r46 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](0, "app-header", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](4, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](5, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](9, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](12, "a", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](13);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](14, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](15, " / ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](16, "a", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](17);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](18, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](19);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](20, "div", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](21, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](22, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](23, "div", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](24, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](25, "div", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](26, "div", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](27, "img", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](28, "div", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](29, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](30, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](31, "div", 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](32);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](33, "div", 17);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](34, "div", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](35, "ngb-rating", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("rateChange", function SingleProductComponent_Template_ngb_rating_rateChange_35_listener($event) { return ctx.food.rating = $event; });
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](36, "span", 20);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](37, "div", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](38, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](39, "span");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](40, "3");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](41, "span", 22);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](42, "Customer");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](43, "span", 23);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](44, "Review");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](45, "div", 24);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](46, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](47);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](48, "div", 25);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](49, "div", 26);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](50, SingleProductComponent_p_50_Template, 6, 8, "p", 27);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](51, SingleProductComponent_p_51_Template, 6, 8, "p", 27);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](52, "div", 28);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](53, "h4");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](54);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](55, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](56, "input", 29);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function SingleProductComponent_Template_input_ngModelChange_56_listener($event) { return ctx.onQuantityChange($event); });
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](57, "div", 30);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](58, "span");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](59, "button", 31);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function SingleProductComponent_Template_button_click_59_listener() { return ctx.goToBottom(); });
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](60);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](61, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](62, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](63, "div", 32);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](64, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](65, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](66, "div", 33);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](67);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](68, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](69, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](70, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](71, "div", 34);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](72, SingleProductComponent_div_72_Template, 12, 8, "div", 35);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](73, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](74, "div", 36);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](75, "div", 37);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](76, "div", 38);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](77, SingleProductComponent_span_77_Template, 3, 4, "span", 39);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](78, SingleProductComponent_span_78_Template, 6, 8, "span", 40);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](79, SingleProductComponent_span_79_Template, 6, 8, "span", 41);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](80, "div", 42);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](81, "span");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](82, "button", 43);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function SingleProductComponent_Template_button_click_82_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r46); const _r8 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](188); return ctx.addToCart(_r8); });
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](83);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](84, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](85, "div", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](86, "div", 44);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](87, "div", 45);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](88, "div", 46);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](89);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](90, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](91, "p", 47);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](92);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](93, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](94, "div", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](95, "div", 48);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](96, "div", 49);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](97, "div", 50);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](98, "span");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](99);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](100, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](101, "div", 51);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](102, "div", 52);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function SingleProductComponent_Template_div_click_102_listener() { return ctx.openReviewModal(); });
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](103, "span", 53);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](104, "i", 54);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](105);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](106, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](107, "div", 55);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](108, "div", 52);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function SingleProductComponent_Template_div_click_108_listener() { return ctx.openReviewModal(); });
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](109, "span", 53);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](110, "i", 54);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](111, "\u00A0");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](112, "div", 56);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](113, "div", 57);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](114, "div", 58);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](115, "div", 59);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](116, "h4");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](117);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](118, "span");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](119, "i", 60);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](120, "h5");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](121);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](122, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](123, "div", 61);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](124, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](125, "div", 62);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](126, "div", 63);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](127, "h3");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](128, "5");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](129, "img", 64);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](130, "div", 65);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](131, "ngb-progressbar", 66);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](132, "div", 67);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](133, "div", 63);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](134, "h3");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](135);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](136, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](137, "div", 68);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](138, "div", 63);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](139, "h3");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](140, "4 ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](141, "img", 64);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](142, "div", 69);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](143, "ngb-progressbar", 66);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](144, "div", 70);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](145, "div", 63);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](146, "h3");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](147);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](148, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](149, "div", 68);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](150, "div", 63);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](151, "h3");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](152, "3 ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](153, "img", 64);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](154, "div", 69);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](155, "ngb-progressbar", 66);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](156, "div", 70);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](157, "div", 63);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](158, "h3");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](159);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](160, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](161, "div", 68);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](162, "div", 63);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](163, "h3");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](164, "2");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](165, "img", 64);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](166, "div", 69);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](167, "ngb-progressbar", 66);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](168, "div", 71);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](169, "div", 63);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](170, "h3");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](171);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](172, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](173, "div", 68);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](174, "div", 63);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](175, "h3");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](176, "1 ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](177, "img", 64);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](178, "div", 69);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](179, "ngb-progressbar", 66);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](180, "div", 71);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](181, "div", 63);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](182, "h3");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](183);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](184, "div", 72);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](185, SingleProductComponent_div_185_Template, 6, 4, "div", 73);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](186, SingleProductComponent_div_186_Template, 20, 21, "div", 74);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](187, SingleProductComponent_ng_template_187_Template, 18, 12, "ng-template", 75, 76, _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplateRefExtractor"]);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](189, "app-address", 77);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("getAddress", function SingleProductComponent_Template_app_address_getAddress_189_listener() { return ctx.getDefaultAddress(); });
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](190, "app-review", 78);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("updateReview", function SingleProductComponent_Template_app_review_updateReview_190_listener() { return ctx.getFood(); });
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](191, SingleProductComponent_ng_template_191_Template, 4, 4, "ng-template", null, 79, _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplateRefExtractor"]);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](193, "app-footer");
    } if (rf & 2) {
        const _r10 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](192);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](9, 61, "MENU.SHOP"));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular breadcrumbs__ar" : "font-HomepageBaukasten-Book");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](85, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](86, _c1));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](14, 63, "MENU.HOME"));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](87, _c2) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](88, _c3));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](18, 65, "MENU.SHOP"));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" / ", ctx.lang === "AR" ? ctx.food.ar_name : ctx.food.name, "");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpropertyInterpolate"]("src", ctx.food.image, _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵsanitizeUrl"]);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", ctx.lang === "AR" ? ctx.food.ar_name : ctx.food.name, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("rate", ctx.food.rating)("starTemplate", _r10)("readonly", true)("max", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](10);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx.lang === "AR" ? ctx.food.ar_description : ctx.food.description);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Bold product-tax-ar" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.currentLang == "EN");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.currentLang == "AR");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Light" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](55, 67, "SINGLE_PRODUCT.QUANTITY"), ":");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx.quantity);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Light" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](61, 69, "SINGLE_PRODUCT.MOVE_TO_ADDONS"));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](68, 71, "SINGLE_PRODUCT.ADDONS"), " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", ctx.food.choice_category);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.food.itemTotal > 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.food.itemTotal > 0 && ctx.lang !== "AR");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.food.itemTotal > 0 && ctx.lang === "AR");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Light" : "font-Humanist777BT-LightB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](84, 73, "SINGLE_PRODUCT.ADD_TO_CART"));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](90, 75, "SINGLE_PRODUCT.ADDITIONAL_INFORMATION"), " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](93, 77, "SINGLE_PRODUCT.MADE_IN_UNITED_ARAB_EMIRATES"));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](100, 79, "SINGLE_PRODUCT.REVIEWS"));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"]("\u00A0 ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](106, 81, "SINGLE_PRODUCT.ADD_YOUR_REVIEW"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-Humanist777BT-RomanB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"]("", ctx.food.rating, " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate2"]("", ctx.food.total_review_count, " ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](122, 83, "SINGLE_PRODUCT.REVIEWS"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](10);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("value", ctx.food.rating_5_count);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx.food.rating_5_count);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("value", ctx.food.rating_4_count);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx.food.rating_4_count);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("value", ctx.food.rating_3_count);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx.food.rating_3_count);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("value", ctx.food.rating_2_count);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx.food.rating_2_count);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("value", ctx.food.rating_1_count);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx.food.rating_1_count);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", (ctx.review == null ? null : ctx.review.length) === 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", (ctx.review == null ? null : ctx.review.length) > 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("lang", ctx.lang);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("foodId", ctx.food.food_id);
    } }, directives: [_shared_header_header_component__WEBPACK_IMPORTED_MODULE_11__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_12__["NgClass"], _angular_router__WEBPACK_IMPORTED_MODULE_4__["RouterLinkWithHref"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__["NgbRating"], _angular_common__WEBPACK_IMPORTED_MODULE_12__["NgIf"], _angular_forms__WEBPACK_IMPORTED_MODULE_13__["NumberValueAccessor"], _angular_forms__WEBPACK_IMPORTED_MODULE_13__["DefaultValueAccessor"], _angular_forms__WEBPACK_IMPORTED_MODULE_13__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_13__["NgModel"], _angular_common__WEBPACK_IMPORTED_MODULE_12__["NgForOf"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__["NgbProgressbar"], _shared_address_address_component__WEBPACK_IMPORTED_MODULE_14__["AddressComponent"], _shared_review_review_component__WEBPACK_IMPORTED_MODULE_15__["ReviewComponent"], _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_16__["FooterComponent"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_6__["NgbPagination"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_17__["TranslatePipe"], _angular_common__WEBPACK_IMPORTED_MODULE_12__["SlicePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.notificationsBar[_ngcontent-%COMP%] {\n  padding: 1.5em;\n  background: #1d1d1b;\n}\n.header[_ngcontent-%COMP%] {\n  height: 200px !important;\n}\n.fs-1em[_ngcontent-%COMP%] {\n  font-size: 17px !important;\n  line-height: 30px !important;\n  font-weight: lighter !important;\n  letter-spacing: 0.7px;\n}\n.headerMobileView[_ngcontent-%COMP%] {\n  display: none;\n}\n.navbar-nav[_ngcontent-%COMP%] {\n  margin-left: auto;\n}\nhr.separator[_ngcontent-%COMP%] {\n  border: 0;\n  width: 70%;\n  margin: 1em 0px 1em 0px;\n  border-top: 1px solid #fff;\n  text-align: left;\n}\n.arbicFont[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\n.navbar[_ngcontent-%COMP%] {\n  padding: 0rem;\n}\n.navbar[_ngcontent-%COMP%]   a#navbarDropdown3[_ngcontent-%COMP%]:focus {\n  outline: none;\n}\n.navbar[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]:hover {\n  background: #ebc850;\n}\n.navbar[_ngcontent-%COMP%]   .nav-item.shop[_ngcontent-%COMP%] {\n  outline: 2px solid #d30404;\n  outline-offset: -8px;\n  padding: 2px 14px;\n  margin-bottom: 10px;\n}\n.dropdown-menu.show[_ngcontent-%COMP%] {\n  background: #ebc850;\n  opacity: 0.8;\n  background: #ebc850;\n  margin-top: 14px;\n  border-radius: 0;\n}\n.dropdown-menu.show[_ngcontent-%COMP%]   a.dropdown-item[_ngcontent-%COMP%]:before {\n  padding-right: 0.625em;\n  width: 20em;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.dropdown-menu.show[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:first-child {\n  border-bottom: 0.1em solid #ffffff;\n}\n.dropdown-menu.show[_ngcontent-%COMP%]   .dropdown-item[_ngcontent-%COMP%] {\n  display: block;\n  width: -webkit-fit-content;\n  width: -moz-fit-content;\n  width: fit-content;\n  clear: both;\n  font-weight: 200;\n  font-size: medium;\n  color: #212529;\n  text-align: inherit;\n  white-space: nowrap;\n  background-color: transparent;\n  border: 0;\n  padding: 0.3em;\n}\n.mobileViewMenu[_ngcontent-%COMP%] {\n  transform: scaleX(1);\n}\n.mobileViewMenu_ar[_ngcontent-%COMP%] {\n  font-weight: 100;\n  padding-right: 20%;\n  direction: rtl;\n  align-content: flex-end;\n  transform: scaleX(1);\n  text-align: right;\n}\n.navBar[_ngcontent-%COMP%]   .navBar__en[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n  font-size: 1.375rem;\n  line-height: 1.625rem;\n}\n.navBar[_ngcontent-%COMP%]   .navBar__ar[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n  font-size: 1.3rem;\n  line-height: 2rem;\n}\n.navBar[_ngcontent-%COMP%]   .nav-item.active[_ngcontent-%COMP%] {\n  background: #ebc850;\n}\n.navBar[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%] {\n  margin-right: 0.5em;\n}\n.navBar[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #1d1d1b;\n  padding-left: 7px;\n  padding-right: 0px;\n  margin: auto;\n  vertical-align: middle;\n}\n.navBar[_ngcontent-%COMP%]   .navbar-expand-sm[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n  padding-right: 0.9rem;\n  padding-left: 0.9rem;\n}\nul.socialMediaLinks[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  margin-top: 1.5em;\n}\nul.socialMediaLinks[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  list-style-type: none;\n  padding-right: 1em;\n  margin-right: 1em;\n  font-size: 1.25rem;\n  line-height: 1.313rem;\n}\nul.socialMediaLinks[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\nul.socialMediaLinks[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%] {\n  position: absolute;\n  top: 0.7em;\n  right: 9em;\n  background-color: #ebc850 !important;\n  border-radius: 100% !important;\n  padding: 0.2em 0.4em !important;\n  font-size: 65% !important;\n}\nul.socialMediaLinks[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   .badge_ar[_ngcontent-%COMP%] {\n  left: 14em !important;\n  right: unset;\n}\n.headerMobileView[_ngcontent-%COMP%]   header[_ngcontent-%COMP%]   nav[_ngcontent-%COMP%] {\n  background-color: #1d1d1b;\n  position: fixed;\n  z-index: 999;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  visibility: hidden;\n  transition: all 0.3s ease-in-out;\n}\n.headerMobileView[_ngcontent-%COMP%]   header[_ngcontent-%COMP%]   nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%] {\n  display: inline;\n  list-style-type: none;\n  \n  \n  position: relative;\n  left: 11%;\n  top: 10.625em;\n  transition: all 0.3s ease-in-out;\n  transform: translateX(-50%);\n  \n}\n.headerMobileView[_ngcontent-%COMP%]   header[_ngcontent-%COMP%]   nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  transform: translateY(50px);\n  opacity: 0;\n}\n.headerMobileView[_ngcontent-%COMP%]   header[_ngcontent-%COMP%]   nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  display: block;\n  font-size: 1.2em;\n  text-decoration: none;\n  line-height: 2em;\n  color: #fff;\n  transition: all 0.2s ease-in-out;\n  text-shadow: 0.063em 0.063em 0.125em rgba(0, 0, 0, 0.5);\n}\n.headerMobileView[_ngcontent-%COMP%]   header[_ngcontent-%COMP%]   nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]:hover {\n  color: #ebc850;\n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn[_ngcontent-%COMP%] {\n  display: block;\n  position: absolute;\n  z-index: 9999;\n  right: 0.1em;\n  top: -3em;\n  cursor: pointer;\n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 4px;\n  margin: 0 0 4px auto;\n  background: #9f9f9f;\n  transition: all 0.3s ease-in-out;\n  \n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(2) {\n  width: 40px;\n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(3) {\n  width: 25px;\n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn-ar[_ngcontent-%COMP%] {\n  display: block;\n  position: absolute;\n  z-index: 9999;\n  right: 0.1em;\n  top: -3em;\n  cursor: pointer;\n  margin-right: 85%;\n  \n  transform: scaleX(-1);\n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn-ar[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%] {\n  width: 40px;\n  height: 4px;\n  margin: 0 0 4px auto;\n  background: #9f9f9f;\n  transition: all 0.3s ease-in-out;\n  \n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn-ar[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(2) {\n  width: 40px;\n}\n.headerMobileView[_ngcontent-%COMP%]   .toggle-btn-ar[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(3) {\n  width: 25px;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%] {\n  opacity: 1;\n  visibility: visible;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%] {\n  top: 1.5em;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n  transform: translateY(0px);\n  opacity: 1;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(1) {\n  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.1s;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(2) {\n  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.2s;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(3) {\n  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.3s;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    ~ nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:nth-child(4) {\n  transition: all 0.3s cubic-bezier(0.6, 0, 0.8, 1.5) 0.4s;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    + label.toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%] {\n  background-color: #9f9f9f;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    + label.toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(2) {\n  transform: translateX(50px);\n  opacity: 0;\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    + label.toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(1) {\n  transform: translateY(10px) rotate(45deg);\n}\n.headerMobileView[_ngcontent-%COMP%]   #toggle[_ngcontent-%COMP%]:checked    + label.toggle-btn[_ngcontent-%COMP%]   .bar[_ngcontent-%COMP%]:nth-child(3) {\n  width: 40px;\n  transform: translateY(-6px) rotate(-45deg);\n}\n.headerMobileView[_ngcontent-%COMP%]   .badge[_ngcontent-%COMP%] {\n  position: absolute;\n  background-color: #ebc850 !important;\n  border-radius: 100% !important;\n  padding: 0.2em 0.4em !important;\n  font-size: 65% !important;\n}\n.headerMobileView[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\nlabel.col-form-label[_ngcontent-%COMP%] {\n  font-size: 26px;\n  line-height: 36px;\n  color: #1d1d1b;\n  font-family: Humanist777BT-RomanCondensedB;\n}\na.registeration[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n.navbar-brand[_ngcontent-%COMP%] {\n  width: 100% !important;\n  height: auto;\n}\n\n@media only screen and (max-width: 767px) {\n  .headerMobileView[_ngcontent-%COMP%] {\n    display: block;\n  }\n\n  .headerWebView[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .headerMobileView[_ngcontent-%COMP%]   header[_ngcontent-%COMP%]   nav[_ngcontent-%COMP%]   ul[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n    font-size: 30px;\n    line-height: 50px;\n    font-weight: 100;\n  }\n\n  .img-fluid[_ngcontent-%COMP%] {\n    width: 100px;\n    height: 65px;\n  }\n\n  .img-fluid-ar[_ngcontent-%COMP%] {\n    width: 100px;\n    height: 65px;\n    float: right;\n  }\n}\n@media only screen and (min-width: 768px) {\n  .navbar-brand[_ngcontent-%COMP%] {\n    padding-bottom: 0 !important;\n  }\n  .navbar-brand[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    margin-top: 16px;\n  }\n}\n\n.singleProductPage[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n  font-size: 3.125rem;\n  line-height: 5rem;\n}\n.singleProductPage[_ngcontent-%COMP%]   .banner[_ngcontent-%COMP%] {\n  margin: 10px 0px 10px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product-review[_ngcontent-%COMP%] {\n  padding-top: 15px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .breadcrumbs[_ngcontent-%COMP%] {\n  color: #9f9f9f;\n  text-align: end;\n  font-size: 1.25rem;\n  line-height: 2.5rem;\n}\n.singleProductPage[_ngcontent-%COMP%]   .breadcrumbs[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #9f9f9f !important;\n}\n.singleProductPage[_ngcontent-%COMP%]   .breadcrumbs__ar[_ngcontent-%COMP%] {\n  font-size: 1.625rem !important;\n}\n.singleProductPage[_ngcontent-%COMP%]   .titles[_ngcontent-%COMP%] {\n  background: #ebc850;\n  min-width: 400px;\n  width: 450px;\n  color: #432919;\n  font-size: 1.875rem;\n  margin: 10px 0px;\n  padding: 0px 30px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .row.products.mobileView[_ngcontent-%COMP%] {\n  display: none;\n}\n.singleProductPage[_ngcontent-%COMP%]   .prof-bottom[_ngcontent-%COMP%] {\n  border-bottom: 1px solid #dedede;\n  margin: 0px 0px;\n  padding: 20px 0px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%] {\n  border: 3px solid #9f9f9f;\n  padding: 10px 0px 10px;\n  margin-bottom: 30px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-tilte[_ngcontent-%COMP%] {\n  color: #1d1d1b;\n  font-size: 2.25rem;\n  line-height: 2.25rem;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-image[_ngcontent-%COMP%] {\n  margin-right: 40px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-rating[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 22px;\n  line-height: 26px;\n  color: #bc8033;\n  text-align: left;\n  max-width: 60%;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-review[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  padding-left: 1em;\n  font-size: 1.375rem;\n  line-height: 2.25rem;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-tax[_ngcontent-%COMP%] {\n  padding: 0px 0px 20px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-tax[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 30px;\n  line-height: 36px;\n  margin-bottom: 0px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-tax[_ngcontent-%COMP%]   .product-tax-ar[_ngcontent-%COMP%] {\n  font-size: 1.875rem !important;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .small-font[_ngcontent-%COMP%] {\n  font-size: 1.5rem;\n  line-height: 2.25rem;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .small-font-ar[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 2.25rem;\n  font-family: \"Tajawal-Light\";\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-weight[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 24px;\n  line-height: 36px;\n  color: #1d1d1b;\n  width: 100%;\n  margin-bottom: 0px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-weight[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  width: 180px;\n  color: #1d1d1b;\n  border-color: #707070;\n  padding: 0.5em;\n  margin: 0px 0px 20px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-rating[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  color: #bc8033;\n  display: block;\n  font-size: 1.375rem;\n  line-height: 1.625rem;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-add[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  padding-left: 10px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-add[_ngcontent-%COMP%]   .quantity[_ngcontent-%COMP%] {\n  border-color: #707070;\n  padding: 0.5em 1.5em;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-add[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  background: #432919;\n  margin-left: 0.5em;\n  font-size: 1.375rem;\n  line-height: 1.375rem;\n  color: #ebc850;\n  padding: 10px 30px 10px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .carts[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  background: #432919;\n  margin-right: 2em;\n  font-size: 1.375rem;\n  line-height: 1.375rem;\n  color: #ebc850;\n  width: 20.125rem;\n  float: right;\n  height: 3.563rem;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-addons[_ngcontent-%COMP%]   .product-addons-title[_ngcontent-%COMP%] {\n  padding-bottom: 0.3em;\n  border-bottom: 1px solid #dedede;\n  font-size: 1.875rem;\n  line-height: 2.25rem;\n  font-weight: 900;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-addons[_ngcontent-%COMP%]   .product-addons-desc[_ngcontent-%COMP%] {\n  font-size: 1.2rem;\n  font-weight: normal;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-addons[_ngcontent-%COMP%]   .addons[_ngcontent-%COMP%] {\n  margin: 1em 0;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-addons[_ngcontent-%COMP%]   .addons[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 1.625rem;\n  line-height: 1.625rem;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-addons[_ngcontent-%COMP%]   .form-check[_ngcontent-%COMP%] {\n  margin: 1.2em 0 0 0;\n  color: #1d1d1b;\n  font-size: 15px;\n  border-radius: 50%;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-addons[_ngcontent-%COMP%]   .product-addons-section[_ngcontent-%COMP%] {\n  border-bottom: 1px solid #dedede;\n  margin: 0px 15px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-addons[_ngcontent-%COMP%]   .choice-price[_ngcontent-%COMP%] {\n  font-size: 1rem;\n  color: #ebc850;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-price[_ngcontent-%COMP%] {\n  padding: 2em 1em 1.5em;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-price[_ngcontent-%COMP%]   .price-title[_ngcontent-%COMP%] {\n  font-size: 30px;\n  line-height: 36px;\n  color: #1d1d1d;\n  font-weight: 700;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-price[_ngcontent-%COMP%]   .price-title-ar[_ngcontent-%COMP%] {\n  font-size: 2.125rem !important;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-price[_ngcontent-%COMP%]   .price-tax[_ngcontent-%COMP%] {\n  padding: 0 1em;\n  font-size: 36px;\n  line-height: 36px;\n  font-weight: 700;\n}\n.singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-price[_ngcontent-%COMP%]   .small-font[_ngcontent-%COMP%] {\n  font-size: 1.625rem;\n  line-height: 2.25rem;\n}\n.singleProductPage[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   .info-additionalInfo[_ngcontent-%COMP%] {\n  border: 1px solid #dedede;\n  padding: 20px 30px 10px;\n  margin-bottom: -1px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   .info-additionalInfo[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 1.5rem;\n  line-height: 3.875rem;\n}\n.singleProductPage[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   .info-title.titles[_ngcontent-%COMP%] {\n  margin: 1em 0 0.5em 0;\n}\n.singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%] {\n  border: 1px solid #dedede;\n  padding-top: 1em;\n  margin-bottom: 2em;\n}\n.singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .review-add[_ngcontent-%COMP%] {\n  text-align: right;\n}\n.singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .review-title-section[_ngcontent-%COMP%] {\n  margin: 1em 0 0;\n  display: flex;\n}\n.singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .review-add[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  color: #ebc850;\n  padding: 5px 14px;\n  background: #432919;\n  font-size: 1.875rem;\n  cursor: pointer;\n}\n.singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .review-detailed[_ngcontent-%COMP%]   .review-content[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n  font-size: 20px;\n  line-height: 26px;\n  color: #9f9f9f;\n}\n.singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .review-heading[_ngcontent-%COMP%] {\n  font-size: 1.5rem;\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  line-height: 1.875rem;\n  margin-bottom: 0.5em;\n}\n.singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .prevNext[_ngcontent-%COMP%] {\n  padding: 1em 1em 2em 1em;\n  text-align: center;\n}\n.singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .seperator[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n  margin: 1em;\n  color: #bc8033;\n}\n.singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .nextArrow[_ngcontent-%COMP%] {\n  margin-left: 1em;\n  color: #bc8033;\n}\n.singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .prevArrow[_ngcontent-%COMP%] {\n  margin-right: 1em;\n}\n.singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .previous[_ngcontent-%COMP%] {\n  font-size: 24px;\n  color: #dedede;\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  line-height: 30px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .next[_ngcontent-%COMP%] {\n  color: #1d1d1b;\n  font-size: 24px;\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  line-height: 30px;\n}\n.singleProductPage[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  padding: unset !important;\n  line-height: unset !important;\n}\n.singleProductPage[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]   .star[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-block;\n  font-size: 1.5rem !important;\n  color: #d3d3d3;\n}\n.singleProductPage[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]   .full[_ngcontent-%COMP%] {\n  color: #ebc850;\n}\n.singleProductPage[_ngcontent-%COMP%]   .rating[_ngcontent-%COMP%]   .half[_ngcontent-%COMP%] {\n  position: absolute;\n  display: inline-block;\n  overflow: hidden;\n  color: #ebc850;\n}\n.popup-login-design[_ngcontent-%COMP%] {\n  padding: 2em;\n}\n.popup-login-design[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  font-size: 25px;\n  line-height: 35px;\n  color: #1d1d1d;\n  text-align: center;\n  margin-bottom: 50px;\n}\n.product-detail[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n}\n.sin_mob_view[_ngcontent-%COMP%] {\n  display: none;\n}\n.sin_mob_view[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]   span.sin_cust[_ngcontent-%COMP%] {\n  display: none;\n}\n.banners[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.product-desc-weight-mobi[_ngcontent-%COMP%] {\n  display: none;\n}\n.product-desc-weight-web[_ngcontent-%COMP%] {\n  display: block;\n}\n.whole-area[_ngcontent-%COMP%] {\n  padding: 0px 35px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: row;\n}\n.review-title-section[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0px 30px 30px;\n  border-bottom: 1px solid #dedede;\n}\n.comment-web-view[_ngcontent-%COMP%] {\n  display: block;\n}\n.comment-mob-view[_ngcontent-%COMP%] {\n  display: none;\n}\n.product-add[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%] {\n  width: 10%;\n  height: 40px;\n  border-radius: 0px;\n  border: 1px solid #707070;\n  text-align: center;\n  font-family: Humanist777BT-RomanCondensedB;\n  font-size: 22px;\n  line-height: 36px;\n  color: #1d1d1d;\n  margin-left: 0.5rem !important;\n}\n.product-add[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex-direction: row;\n  margin-left: 0px;\n}\n.product-addons[_ngcontent-%COMP%] {\n  width: 100%;\n}\n.btn-sign[_ngcontent-%COMP%] {\n  padding: 5px 25px 10px;\n  font-size: 22px;\n  line-height: 30px;\n  color: #bc8033;\n  border: 1px solid transparent;\n  background: #432919;\n  border-radius: 30px;\n  cursor: pointer;\n}\n.btn-continue[_ngcontent-%COMP%]:hover, .btn-login[_ngcontent-%COMP%]:hover, .btn-sign[_ngcontent-%COMP%]:hover {\n  color: #bc8033;\n  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.review-detail[_ngcontent-%COMP%] {\n  padding: 20px 30px 0px;\n  border-bottom: 1px solid #dedede;\n}\n.review-deatil-review[_ngcontent-%COMP%] {\n  padding: 20px 30px 0px;\n  border-bottom: 1px solid #dedede;\n  margin-bottom: 20px;\n}\n.review-border[_ngcontent-%COMP%] {\n  border-left: 1px solid #dedede;\n}\n.progress-bar[_ngcontent-%COMP%] {\n  border-radius: 10px;\n}\n.review-detail[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  font-size: 36px;\n  line-height: 30px;\n  color: #9f9f9f;\n  text-align: left;\n}\n.review-detail[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 20px;\n  vertical-align: middle;\n  color: #9f9f9f;\n}\n.review-detail[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n  font-size: 24px;\n  line-height: 30px;\n  text-align: left;\n  color: #9f9f9f;\n}\n.row-detail-reviee[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 40px;\n  color: #9f9f9f;\n  font-family: Humanist777BT-RomanCondensedB;\n}\n.row-detail-reviee[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%]   .star[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 40px;\n  color: #9f9f9f;\n  font-family: Humanist777BT-RomanCondensedB;\n}\n.row-detail-reviee[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%]   span.starrs[_ngcontent-%COMP%]   path[_ngcontent-%COMP%] {\n  fill: red !important;\n}\n.progress[_ngcontent-%COMP%] {\n  display: flex;\n  height: 10px;\n  overflow: hidden;\n  line-height: 0;\n  font-size: 0.75rem;\n  background-color: #e9ecef;\n  border-radius: 10px;\n  margin: 15px 0px;\n}\n.review-star-detail[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: baseline;\n}\n.review-star-detail[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  width: 18px;\n  height: 18px;\n  -o-object-fit: contain;\n     object-fit: contain;\n}\n.review-star-detail[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 40px;\n  color: #9f9f9f;\n  font-family: Humanist777BT-RomanCondensedB;\n  padding-right: 15px;\n}\n.review-deatil-review[_ngcontent-%COMP%]   .progress-bar[_ngcontent-%COMP%] {\n  background-color: #ebc850;\n}\n.review-deatil-review[_ngcontent-%COMP%]   .progress-one[_ngcontent-%COMP%] {\n  background-color: #bc8033 !important;\n}\n.review-deatil-review[_ngcontent-%COMP%]   .progress-two[_ngcontent-%COMP%] {\n  background-color: #d30404 !important;\n}\n.review-rating-star-count[_ngcontent-%COMP%] {\n  display: flex;\n  font-size: 24px;\n  padding: 2px 0px;\n}\n.review-rating-comment[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%] {\n  margin-bottom: 3rem;\n}\n.review-rating-comment[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  font-size: 24px;\n  line-height: 30px;\n  color: #9f9f9f;\n  font-family: Humanist777BT-RomanCondensedB;\n}\n.rating-head[_ngcontent-%COMP%] {\n  white-space: nowrap;\n}\n.review-rating-comment[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  vertical-align: bottom;\n  border-bottom: 1px solid #dee2e6;\n  font-size: 24px;\n  line-height: 30px;\n  font-weight: 400;\n  padding: 15px 10px 10px;\n}\nbutton[_ngcontent-%COMP%] {\n  background: #432919;\n  margin-left: 2em;\n  font-size: 1.375rem;\n  line-height: 1.375rem;\n  color: #ebc850;\n  padding: 10px 30px 10px;\n}\n.review-desc[_ngcontent-%COMP%] {\n  width: 96%;\n}\n@media (max-width: 1199px) {\n  .singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .review-add[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    background: #432919;\n    font-size: 1.5rem;\n  }\n}\n@media (max-width: 1024px) {\n  .review-detail[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 20px;\n  }\n\n  .review-detail[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 16px;\n  }\n\n  .review-rating-comment[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n    font-size: 18px;\n    line-height: 26px;\n  }\n\n  .rating-head[_ngcontent-%COMP%] {\n    white-space: normal;\n  }\n\n  .review-rating-comment[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    font-size: 18px;\n    line-height: 26px;\n  }\n\n  .review-desc[_ngcontent-%COMP%] {\n    width: 99%;\n  }\n}\n@media only screen and (max-width: 767px) {\n  .btn-sign[_ngcontent-%COMP%] {\n    padding: 5px 70px 10px;\n  }\n\n  .btn-login[_ngcontent-%COMP%] {\n    padding: 5px 90px 10px;\n  }\n\n  .container-fluid[_ngcontent-%COMP%] {\n    padding-right: 15px;\n    padding-left: 15px;\n  }\n\n  .comment-web-view[_ngcontent-%COMP%] {\n    display: block;\n  }\n\n  .product-add[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%] {\n    width: 20%;\n  }\n\n  .previous[_ngcontent-%COMP%], .next[_ngcontent-%COMP%] {\n    font-size: 18px !important;\n  }\n\n  .svg-inline--fa.fa-w-18[_ngcontent-%COMP%] {\n    width: 15px;\n  }\n\n  .row.products.mobileView[_ngcontent-%COMP%] {\n    display: block !important;\n  }\n\n  .row.products.webView[_ngcontent-%COMP%] {\n    display: block !important;\n  }\n\n  .banner[_ngcontent-%COMP%] {\n    display: block !important;\n  }\n\n  .banner-title[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin-bottom: 0;\n  }\n\n  .breadcrumbs[_ngcontent-%COMP%] {\n    color: #9f9f9f;\n    text-align: initial;\n  }\n\n  .product[_ngcontent-%COMP%]   .product-image[_ngcontent-%COMP%] {\n    float: none !important;\n    text-align: center;\n  }\n\n  .previous[_ngcontent-%COMP%], .product-tax[_ngcontent-%COMP%] {\n    padding-bottom: 10 !important;\n    padding-top: 10px !important;\n  }\n\n  .breadcrumbs[_ngcontent-%COMP%] {\n    text-align: left !important;\n  }\n\n  .product-tilte[_ngcontent-%COMP%], .product-review[_ngcontent-%COMP%], .product-rating[_ngcontent-%COMP%], .product-weight[_ngcontent-%COMP%], .product-tax[_ngcontent-%COMP%], .product-add[_ngcontent-%COMP%] {\n    text-align: left;\n  }\n\n  .product-tilte[_ngcontent-%COMP%] {\n    text-align: left;\n    font-size: 28px;\n  }\n\n  .product-rating[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 18px;\n    line-height: 18px;\n    color: #bc8033;\n  }\n\n  .product-tilte[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin-bottom: 0px;\n  }\n\n  .product[_ngcontent-%COMP%]   .product-add.carts[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    background: #432919;\n    width: 100%;\n    font-size: 14px;\n    color: #ebc850;\n  }\n\n  .titles[_ngcontent-%COMP%] {\n    margin: 0 0 0.5em 0 !important;\n    width: 100% !important;\n  }\n\n  .product-add.carts[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    margin-left: 0 !important;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-add[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    background: #432919;\n    margin: 2em 0;\n    margin-left: 1em;\n    font-size: 14px;\n    color: #ebc850;\n  }\n\n  .review-add.container-fluid[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-tilte[_ngcontent-%COMP%] {\n    color: #1d1d1b;\n    font-size: 28px;\n    line-height: 36px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-review[_ngcontent-%COMP%] {\n    margin: 0px;\n    display: flex;\n    align-items: baseline;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .products[_ngcontent-%COMP%] {\n    padding: 1rem 0.5rem 0rem;\n    margin: 0 !important;\n  }\n\n  .pad-lr[_ngcontent-%COMP%] {\n    padding: 0px -15px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n    font-size: 1.125rem;\n    line-height: 1.75rem;\n  }\n\n  .product-image[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    width: 100%;\n    height: 220px;\n    -o-object-fit: contain;\n       object-fit: contain;\n  }\n\n  .sin-web-view[_ngcontent-%COMP%], .product-desc-weight-web[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .sin_mob_view[_ngcontent-%COMP%], .product-desc-weight-mobi[_ngcontent-%COMP%] {\n    display: block;\n    padding: 0px 30px !important;\n  }\n\n  .sin_mob_view[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin-bottom: 0;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-review[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    padding: 0px 5px;\n    font-size: 16px;\n    line-height: 36px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%] {\n    border: 1px solid #dedede;\n    margin-bottom: 20px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .products[_ngcontent-%COMP%] {\n    padding: 3em 1em;\n    margin: 0 !important;\n    border-bottom: 0px solid #dedede;\n  }\n\n  .whole-area[_ngcontent-%COMP%], .review-title-section[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .titles[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .review-add[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    padding: 6px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-image[_ngcontent-%COMP%] {\n    margin-right: 0px;\n    margin-top: -25px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-rating[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 18px;\n    line-height: 20px;\n    max-width: 90%;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%] {\n    padding: 10px 0px 10px !important;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .prof-bottom[_ngcontent-%COMP%] {\n    padding: 0px 0px !important;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-weight[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n    margin: 0px 0px 0px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-add[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    padding: 5px 30px 5px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-addons[_ngcontent-%COMP%]   .addons[_ngcontent-%COMP%] {\n    margin: 0em;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .titles[_ngcontent-%COMP%] {\n    font-size: 30px;\n    line-height: 36px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-addons[_ngcontent-%COMP%]   .product-addons-section[_ngcontent-%COMP%] {\n    margin: 0px 15px !important;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-addons[_ngcontent-%COMP%]   .product-addons-title[_ngcontent-%COMP%] {\n    font-size: 30px;\n    line-height: 36px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-addons[_ngcontent-%COMP%]   .addons[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-size: 22px;\n    line-height: 26px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-price[_ngcontent-%COMP%]   .price-tax[_ngcontent-%COMP%] {\n    padding-left: 10px;\n    font-size: 30px;\n    line-height: 36px;\n  }\n\n  .whole-area[_ngcontent-%COMP%] {\n    padding: 0px 0px;\n    display: flex;\n    justify-content: center;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-add[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    margin: 1em 0;\n  }\n\n  .carts[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n    padding: 5px 30px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   .info-additionalInfo[_ngcontent-%COMP%] {\n    padding: 0px 0px 5px;\n    margin-bottom: 20px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .info[_ngcontent-%COMP%]   .info-additionalInfo[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 1.3rem;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%] {\n    padding-top: 0em;\n    margin-bottom: 2em;\n  }\n\n  .review-title-section[_ngcontent-%COMP%] {\n    padding: 0px 0px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .review-title-section[_ngcontent-%COMP%] {\n    margin: 0;\n  }\n\n  .reviews[_ngcontent-%COMP%]   .comment-mob-view[_ngcontent-%COMP%] {\n    display: flex;\n  }\n\n  .review-content[_ngcontent-%COMP%] {\n    margin: 0px 20px 8px;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .prevNext[_ngcontent-%COMP%] {\n    padding: 1em;\n    text-align: center;\n  }\n\n  .popup-login-design[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 30px;\n    line-height: 40px;\n    color: #1d1d1d;\n    font-family: Humanist777BT-BoldCondensedB;\n    text-align: center;\n    margin-bottom: 50px;\n  }\n\n  .review-detail[_ngcontent-%COMP%] {\n    padding: 20px 15px 0px;\n  }\n\n  .review-detail[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 16px;\n    line-height: 0;\n  }\n\n  .review-detail[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .review-deatil-review[_ngcontent-%COMP%] {\n    padding: 20px 15px 0px;\n  }\n\n  .review-star-detail[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 16px;\n    line-height: 26px;\n    padding-right: 10px;\n  }\n\n  .review-star-detail[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    width: 14px;\n    height: 14px;\n  }\n}\n@media (max-width: 575px) {\n  .review-star-detail[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 16px;\n    line-height: 20px;\n    padding-right: 20px;\n  }\n\n  .p-l-0[_ngcontent-%COMP%] {\n    padding-left: 15px;\n  }\n\n  .progress[_ngcontent-%COMP%] {\n    margin: 5px 0px;\n  }\n\n  .review-detail[_ngcontent-%COMP%] {\n    border-bottom: 0;\n  }\n\n  .pl-0[_ngcontent-%COMP%] {\n    padding-left: 15px;\n  }\n\n  .review-deatil-review[_ngcontent-%COMP%] {\n    border-bottom: 0;\n  }\n\n  .review-rating-comment[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n    font-size: 14px;\n    line-height: 20px;\n  }\n\n  .review-desc[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n\n  .pl-0[_ngcontent-%COMP%] {\n    padding-left: 15px !important;\n  }\n\n  .review-border[_ngcontent-%COMP%] {\n    border-left: 0px solid #dedede;\n  }\n}\n\n.full-width-custom[_ngcontent-%COMP%] {\n  width: 1366px;\n  max-width: 100%;\n  margin: 0 auto;\n}\n.font-size-custom[_ngcontent-%COMP%] {\n  font-size: 1rem !important;\n}\n.reviews[_ngcontent-%COMP%]   .direction[_ngcontent-%COMP%] {\n  direction: ltr;\n}\n.header-border[_ngcontent-%COMP%] {\n  border-top: 1px solid #1d1d1b;\n}\n.direction-custom[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.info-vertical-middle-align[_ngcontent-%COMP%] {\n  display: table-cell;\n  vertical-align: middle;\n  padding: 5px 0px;\n}\n.review-vertical-middle-align[_ngcontent-%COMP%] {\n  display: table-cell;\n  vertical-align: middle;\n  padding: 5px 0px;\n}\n.reviews-vertical-middle-align[_ngcontent-%COMP%] {\n  display: table-cell;\n  vertical-align: middle;\n}\n.info-para-align[_ngcontent-%COMP%] {\n  margin-top: 1rem;\n}\n.direction-custom[_ngcontent-%COMP%] {\n  direction: ltr;\n}\n@media (max-width: 1280px) {\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-addons[_ngcontent-%COMP%]   .product-addons-title[_ngcontent-%COMP%] {\n    padding-bottom: 0.3em;\n    border-bottom: 1px solid #dedede;\n    font-size: 1.575rem;\n    line-height: 2.25rem;\n    font-weight: 500;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-addons[_ngcontent-%COMP%]   .addons[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n    font-size: 1.425rem;\n    line-height: 1.625rem;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .product[_ngcontent-%COMP%]   .product-price[_ngcontent-%COMP%]   .price-tax[_ngcontent-%COMP%] {\n    font-size: 30px;\n  }\n}\n.webspace-view[_ngcontent-%COMP%] {\n  display: block;\n}\n.mobile-view[_ngcontent-%COMP%] {\n  display: none;\n}\n.comment-web-view[_ngcontent-%COMP%] {\n  position: relative;\n}\n@media (max-width: 767px) {\n  .webspace-view[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .mobile-view[_ngcontent-%COMP%] {\n    display: block;\n    position: absolute;\n    top: 6px;\n    right: 0;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .reviews[_ngcontent-%COMP%]   .review-add[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    color: #432919 !important;\n    background: transparent;\n  }\n\n  .font-size-custom[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n    color: #432919 !important;\n  }\n\n  .singleProductPage[_ngcontent-%COMP%]   .titles[_ngcontent-%COMP%] {\n    min-width: 100%;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "SlRn":
/*!**************************************************************!*\
  !*** ./src/app/pages/user-address/user-address.component.ts ***!
  \**************************************************************/
/*! exports provided: UserAddressComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserAddressComponent", function() { return UserAddressComponent; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "mrSG");
/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! sweetalert2 */ "PSD3");
/* harmony import */ var sweetalert2__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(sweetalert2__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var src_app_services_address_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/services/address.service */ "CVMR");
/* harmony import */ var src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/services/storage.service */ "n90K");
/* harmony import */ var src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/services/modal.service */ "VQPA");
/* harmony import */ var src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/services/translation.service */ "ty2H");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var _shared_address_address_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../shared/address/address.component */ "YBnm");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../shared/footer/footer.component */ "jQpT");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");













function UserAddressComponent_div_31_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](1, "h3", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx_r0.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](3, 2, "ADDRESS.NO_ADDRESS"));
} }
function UserAddressComponent_div_32_div_2_Template(rf, ctx) { if (rf & 1) {
    const _r5 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](1, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](2, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](3, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](4, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](6, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](8, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](9, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](10);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](11, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](12);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](13, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](14, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](16, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](17);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](18, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](19, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](20);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](21, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](22);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](23, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](24, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](25);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](26, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](27);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](28, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](29, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](30);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](31, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](32);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](33, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](34, "p", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](35, "span", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function UserAddressComponent_div_32_div_2_Template_span_click_35_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r5); const item_r3 = ctx.$implicit; const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2); return ctx_r4.deleteAddress(item_r3); });
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](36);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](37, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](38, " \u00A0\u00A0 | \u00A0\u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](39, "span", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function UserAddressComponent_div_32_div_2_Template_span_click_39_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵrestoreView"](_r5); const item_r3 = ctx.$implicit; const ctx_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2); return ctx_r6.editAddress(item_r3); });
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](40);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](41, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
} if (rf & 2) {
    const item_r3 = ctx.$implicit;
    const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx_r2.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](6, 16, "ACCOUNT.ADDRESS"), " :");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", item_r3.address, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](11, 18, "ADDRESS.ADDRESS_TITLE"), " :");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", item_r3.address_title, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](16, 20, "ADDRESS.BLOCK_NUMBER"), " :");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", item_r3.block_number, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](21, 22, "ADDRESS.ROAD_NUMBER"), " :");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", item_r3.road_number, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](26, 24, "ADDRESS.BUILDING_NUMBER"), " :");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", item_r3.building, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](31, 26, "ADDRESS.FLAT_NUMBER"), " :");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" ", item_r3.flat_no, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx_r2.lang === "AR" ? "text-left" : "text-right");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](37, 28, "COMMON.DELETE"));
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](41, 30, "COMMON.EDIT"));
} }
function UserAddressComponent_div_32_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](1, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](2, UserAddressComponent_div_32_div_2_Template, 42, 32, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngForOf", ctx_r1.deliveryAddress);
} }
const _c0 = function () { return ["/ar"]; };
const _c1 = function () { return ["/"]; };
const _c2 = function () { return ["/ar/user-account"]; };
const _c3 = function () { return ["/user-account"]; };
/**
 * User address component
 */
class UserAddressComponent {
    /**
     * @constructor
     */
    constructor(addressService, storageService, setAddressModalService, translationService) {
        this.addressService = addressService;
        this.storageService = storageService;
        this.setAddressModalService = setAddressModalService;
        this.translationService = translationService;
        this.profile = {};
        this.deliveryAddress = [];
        this.selectedAddress = {};
        window.scroll(0, 0);
    }
    /**
     * on init
     */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.profile = JSON.parse(this.storageService.getItem('profile'));
        this.getAllDeliveryAddress();
    }
    /**
     * get Delivery address
     */
    getAllDeliveryAddress() {
        const data = {
            authId: this.profile.authId,
            authToken: this.profile.authToken,
        };
        this.addressService.getDeliveryAddress(data).subscribe((response) => {
            if (response['status']) {
                this.deliveryAddress = response['data'];
            }
            else {
                this.deliveryAddress = [];
            }
        });
    }
    /**
     * add address
     */
    addAddress() {
        this.setAddressModalService.setAddressModalStatus({
            isAddressModalOpen: true,
        });
    }
    /**
     * delete address
     * @param {object} address
     */
    deleteAddress(address) {
        return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            if (address.is_default != 1) {
                this.addressService.deleteAddress(address.id).subscribe((response) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
                    if (response['status']) {
                        sweetalert2__WEBPACK_IMPORTED_MODULE_1___default.a.fire({
                            title: yield this.translationService.translateText('TOAST.ADDRESS_DELETED'),
                            icon: 'success',
                            confirmButtonColor: '#432919',
                            confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                            customClass: {
                                container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                            },
                        }).then((result) => {
                            this.getAllDeliveryAddress();
                        });
                    }
                }));
            }
            else {
                sweetalert2__WEBPACK_IMPORTED_MODULE_1___default.a.fire({
                    title: yield this.translationService.translateText('TOAST.DEFAULT_ADDRESS_CANT_BE_DELETED'),
                    icon: 'error',
                    confirmButtonColor: '#432919',
                    confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                });
            }
        });
    }
    /**
     * Edit address
     * @param {object} address
     */
    editAddress(address) {
        this.setAddressModalService.setAddressModalStatus({ isAddressModalOpen: true });
        this.selectedAddress = address;
        // window.location.reload();
    }
}
UserAddressComponent.ɵfac = function UserAddressComponent_Factory(t) { return new (t || UserAddressComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_services_address_service__WEBPACK_IMPORTED_MODULE_3__["AddressService"]), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_4__["StorageService"]), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_5__["ModalService"]), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_6__["TranslationService"])); };
UserAddressComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdefineComponent"]({ type: UserAddressComponent, selectors: [["app-user-address"]], decls: 35, vars: 32, consts: [["setActive", "cart"], [1, "manage-address"], [1, "container-fluid"], [1, "row"], [1, "col-lg-12"], [1, "banner"], [1, "banner-head"], [3, "ngClass"], [1, "breadcumbs"], [3, "routerLink"], [1, "manage-address__section"], [1, "manage-address__section-bg", "d-flex", "justify-content-between", "align-center", 3, "ngClass"], [1, "text-primary", "address-btn", "rounded-pill", 3, "ngClass", "click"], ["class", "d-flex justify-content-center align-center min-height-10", 4, "ngIf"], [4, "ngIf"], [3, "selectedAddress", "lang", "getAddress"], [1, "d-flex", "justify-content-center", "align-center", "min-height-10"], [1, "row", "p-0", "mx-0", "mt-3"], ["class", "col-md-6 col-lg-4 mb-4", 4, "ngFor", "ngForOf"], [1, "col-md-6", "col-lg-4", "mb-4"], [1, "address__section", "p-3", "h-100", "d-flex", "flex-column", "justify-content-between", 3, "ngClass"], [1, "address__column"], [1, "cursor_pointer", 3, "click"]], template: function UserAddressComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](0, "app-header", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](1, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](3, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](4, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](5, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](6, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](7, "h3", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](9, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](10, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](11, "span", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](12, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](13);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](14, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](15, " / ");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](16, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](17);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](18, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](19);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](20, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](21, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](22, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](23, "div", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](24, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](25, "h3");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](26);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](27, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](28, "button", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function UserAddressComponent_Template_button_click_28_listener() { return ctx.addAddress(); });
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](29);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](30, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](31, UserAddressComponent_div_31_Template, 4, 4, "div", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](32, UserAddressComponent_div_32_Template, 3, 1, "div", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](33, "app-address", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("getAddress", function UserAddressComponent_Template_app_address_getAddress_33_listener() { return ctx.getAllDeliveryAddress(); });
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](34, "app-footer");
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](9, 16, "ADDRESS.MANAGE_ADDRESS"));
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-HomepageBaukasten-Book");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpureFunction0"](28, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpureFunction0"](29, _c1));
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](14, 18, "MENU.HOME"));
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpureFunction0"](30, _c2) : _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpureFunction0"](31, _c3));
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](18, 20, "ACCOUNT.USER_ACCOUNT"));
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" / ", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](20, 22, "ACCOUNT.LOCATION"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](27, 24, "ACCOUNT.ADDRESS"));
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](30, 26, "ADDRESS.ADD_ADDRESS"));
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", ctx.deliveryAddress.length === 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", ctx.deliveryAddress.length > 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("selectedAddress", ctx.selectedAddress)("lang", ctx.lang);
    } }, directives: [_shared_header_header_component__WEBPACK_IMPORTED_MODULE_7__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_8__["NgClass"], _angular_router__WEBPACK_IMPORTED_MODULE_9__["RouterLinkWithHref"], _angular_common__WEBPACK_IMPORTED_MODULE_8__["NgIf"], _shared_address_address_component__WEBPACK_IMPORTED_MODULE_10__["AddressComponent"], _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_11__["FooterComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_8__["NgForOf"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_12__["TranslatePipe"]], styles: [".manage-address[_ngcontent-%COMP%] {\n  border-top: 1px solid #1d1d1b;\n}\n.manage-address[_ngcontent-%COMP%]   .banner[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.manage-address[_ngcontent-%COMP%]   .banner-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 50px;\n  line-height: 80px;\n  color: #1d1d1b;\n  text-transform: capitalize;\n  margin: 0;\n}\n.manage-address[_ngcontent-%COMP%]   .breadcumbs[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 40px;\n  text-align: right;\n  color: #9f9f9f;\n}\n.manage-address[_ngcontent-%COMP%]   .breadcumbs[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #9f9f9f !important;\n}\n.manage-address[_ngcontent-%COMP%]   .manage-address__section[_ngcontent-%COMP%] {\n  border: 3px solid #9f9f9f;\n  margin-bottom: 30px;\n  \n}\n.manage-address[_ngcontent-%COMP%]   .manage-address__section[_ngcontent-%COMP%]   .manage-address__section-bg[_ngcontent-%COMP%] {\n  border: 1px solid #9f9f9f;\n  padding: 0em 1em;\n}\n.manage-address[_ngcontent-%COMP%]   .manage-address__section[_ngcontent-%COMP%]   .address-btn[_ngcontent-%COMP%] {\n  background-color: #432919;\n  padding: 0.5em 1em;\n  margin: 0.5em;\n  font-size: 1.25rem;\n}\n.manage-address[_ngcontent-%COMP%]   .manage-address__section[_ngcontent-%COMP%]   .address__section[_ngcontent-%COMP%] {\n  border: 1px solid #9f9f9f;\n  font-size: 1.2rem;\n  line-height: 1.5em;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  transition: 0.3s;\n}\n.manage-address[_ngcontent-%COMP%]   .manage-address__section[_ngcontent-%COMP%]   .address__section[_ngcontent-%COMP%]:hover {\n  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uXFwuLlxcLi5cXC4uXFx1c2VyLWFkZHJlc3MuY29tcG9uZW50LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDSSw2QkFBQTtBQUNKO0FBQUk7RUFDSSxhQUFBO0VBQ0EsbUJBQUE7RUFDQSw4QkFBQTtFQUNBLG1CQUFBO0VBQ0EsZUFBQTtBQUVSO0FBQUk7RUFDSSxlQUFBO0VBQ0EsaUJBQUE7RUFDQSxjQUFBO0VBQ0EsMEJBQUE7RUFDQSxTQUFBO0FBRVI7QUFBSTtFQUNJLGVBQUE7RUFDQSxpQkFBQTtFQUNBLGlCQUFBO0VBQ0EsY0FBQTtBQUVSO0FBRFE7RUFDSSx5QkFBQTtBQUdaO0FBQUk7RUFDSSx5QkFBQTtFQUNBLG1CQUFBO0VBa0JBLHVDQUFBO0FBZlI7QUFGUTtFQUNJLHlCQUFBO0VBQ0EsZ0JBQUE7QUFJWjtBQUZRO0VBQ0kseUJBQUE7RUFDQSxrQkFBQTtFQUNBLGFBQUE7RUFDQSxrQkFBQTtBQUlaO0FBRlE7RUFDSSx5QkFBQTtFQUNBLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSx3Q0FBQTtFQUNBLGdCQUFBO0FBSVo7QUFEUTtFQUNJLDJDQUFBO0FBR1oiLCJmaWxlIjoidXNlci1hZGRyZXNzLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLm1hbmFnZS1hZGRyZXNzIHtcclxuICAgIGJvcmRlci10b3A6MXB4IHNvbGlkICMxZDFkMWI7XHJcbiAgICAuYmFubmVye1xyXG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcclxuICAgICAgICBmbGV4LXdyYXA6d3JhcDtcclxuICAgIH1cclxuICAgIC5iYW5uZXItaGVhZCBoM3tcclxuICAgICAgICBmb250LXNpemU6IDUwcHg7XHJcbiAgICAgICAgbGluZS1oZWlnaHQ6IDgwcHg7XHJcbiAgICAgICAgY29sb3I6IzFkMWQxYjtcclxuICAgICAgICB0ZXh0LXRyYW5zZm9ybTogY2FwaXRhbGl6ZTtcclxuICAgICAgICBtYXJnaW46MDtcclxuICAgIH1cclxuICAgIC5icmVhZGN1bWJzIHNwYW57XHJcbiAgICAgICAgZm9udC1zaXplOiAyMHB4O1xyXG4gICAgICAgIGxpbmUtaGVpZ2h0OiA0MHB4O1xyXG4gICAgICAgIHRleHQtYWxpZ246IHJpZ2h0O1xyXG4gICAgICAgIGNvbG9yOiM5ZjlmOWY7XHJcbiAgICAgICAgYSB7XHJcbiAgICAgICAgICAgIGNvbG9yOiAjOWY5ZjlmICFpbXBvcnRhbnQ7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgLm1hbmFnZS1hZGRyZXNzX19zZWN0aW9uIHtcclxuICAgICAgICBib3JkZXI6M3B4IHNvbGlkICM5ZjlmOWY7XHJcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMzBweDtcclxuICAgICAgICAubWFuYWdlLWFkZHJlc3NfX3NlY3Rpb24tYmcge1xyXG4gICAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCAjOWY5ZjlmO1xyXG4gICAgICAgICAgICBwYWRkaW5nOiAwZW0gMWVtO1xyXG4gICAgICAgIH1cclxuICAgICAgICAuYWRkcmVzcy1idG4ge1xyXG4gICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjNDMyOTE5O1xyXG4gICAgICAgICAgICBwYWRkaW5nOiAwLjVlbSAxZW07XHJcbiAgICAgICAgICAgIG1hcmdpbjogMC41ZW07XHJcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcclxuICAgICAgICB9XHJcbiAgICAgICAgLmFkZHJlc3NfX3NlY3Rpb24ge1xyXG4gICAgICAgICAgICBib3JkZXI6MXB4IHNvbGlkICM5ZjlmOWY7XHJcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4ycmVtO1xyXG4gICAgICAgICAgICBsaW5lLWhlaWdodDogMS41ZW07XHJcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgMnB4IDZweCByZ2JhKDAsIDAsIDAsIDAuMyk7XHJcbiAgICAgICAgICAgIHRyYW5zaXRpb246IDAuM3M7XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC8qIE9uIG1vdXNlLW92ZXIsIGFkZCBhIGRlZXBlciBzaGFkb3cgKi9cclxuICAgICAgICAuYWRkcmVzc19fc2VjdGlvbjpob3ZlciB7XHJcbiAgICAgICAgICAgIGJveC1zaGFkb3c6IDAgOHB4IDE2cHggMCByZ2JhKDAsMCwwLDAuMik7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG59Il19 */"] });


/***/ }),

/***/ "Sy1n":
/*!**********************************!*\
  !*** ./src/app/app.component.ts ***!
  \**********************************/
/*! exports provided: AppComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppComponent", function() { return AppComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/router */ "tyNb");


/**
 * App component
 */
class AppComponent {
    constructor() {
        this.title = 'albadawi';
    }
}
AppComponent.ɵfac = function AppComponent_Factory(t) { return new (t || AppComponent)(); };
AppComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: AppComponent, selectors: [["app-root"]], decls: 1, vars: 0, template: function AppComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "router-outlet");
    } }, directives: [_angular_router__WEBPACK_IMPORTED_MODULE_1__["RouterOutlet"]], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJhcHAuY29tcG9uZW50LnNjc3MifQ== */"] });


/***/ }),

/***/ "UcYj":
/*!**************************************************************************************!*\
  !*** ./src/app/pages/learn-benefits-and-harms/learn-benefits-and-harms.component.ts ***!
  \**************************************************************************************/
/*! exports provided: LearnBenefitsAndHarmsComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LearnBenefitsAndHarmsComponent", function() { return LearnBenefitsAndHarmsComponent; });
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "LvDl");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/services/cms.service */ "/Ffc");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../shared/footer/footer.component */ "jQpT");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");








function LearnBenefitsAndHarmsComponent_div_0_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "div", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} }
const _c0 = function () { return ["/ar"]; };
const _c1 = function () { return ["/"]; };
function LearnBenefitsAndHarmsComponent_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "app-header", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "div", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "div", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](4, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "div", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](6, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](9, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](11, "div", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](13, "a", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](14);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](15, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](17, "div", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](18, "p", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](20, "div", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](21, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](23, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](24, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](25, "div", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](26, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](27, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](28, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](29, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](31, "p", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](33, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](34, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](35, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](36, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](37, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](38, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](39);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](40, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](41);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](42, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](43);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](44, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](45, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](46, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](47, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](48, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](49, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](50);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](51, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](52);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](53, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](54, "div", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](55, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](56, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](57, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](58, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](59);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](60, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](61);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](62, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](63, "div", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](64, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](65, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](66, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](67, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](68);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](69, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](70);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](71, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](72);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](73, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](74);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](75, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](76, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](77, "div", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](78, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](79, "div", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](80, "div", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](81, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](82);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](83, "div", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](84, "p", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](85);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](86, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](87, "div", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](88, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](89, "div", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](90, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](91, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](92);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](93, "div", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](94, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](95);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](96, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](97);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](98, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](99, "div", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](100, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](101, "div", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](102, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](103, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](104);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](105, "div", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](106, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](107);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](108, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](109, "div", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](110, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](111, "div", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](112, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](113, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](114);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](115, "div", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](116, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](117);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](118, "div", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](119, "div", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](120, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](121, "div", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](122, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](123, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](124);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](125, "div", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](126, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](127);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](128, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](129);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](130, "p", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](131);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](132, "app-footer");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("title_image_ar") : ctx_r1.getImage("title_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("title_ar") : ctx_r1.getContent("title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular breadcrumbs__ar" : "font-HomepageBaukasten-Book");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("routerLink", ctx_r1.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction0"](81, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction0"](82, _c1));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](15, 79, "MENU.HOME"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate2"](" / ", ctx_r1.lang === "AR" ? ctx_r1.getContent("title_ar") : ctx_r1.getContent("title"), " / ", ctx_r1.lang === "AR" ? ctx_r1.getContent("sub_title_ar") : ctx_r1.getContent("sub_title"), "");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold content__title__ar" : "font-Humanist777BT-BoldCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("sub_title_ar") : ctx_r1.getContent("sub_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular content__desc__ar" : "font-Humanist777BT-RomanB content__desc");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("sub_content_ar") : ctx_r1.getContent("sub_content"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section1_image_ar") : ctx_r1.getImage("section1_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed")("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section1_title_ar") : ctx_r1.getContent("section1_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section1_description_ar") : ctx_r1.getContent("section1_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section2_image_ar") : ctx_r1.getImage("section2_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed")("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section2_title_ar") : ctx_r1.getContent("section2_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section2_description_ar") : ctx_r1.getContent("section2_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section3_description_ar") : ctx_r1.getContent("section3_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section4_image_ar") : ctx_r1.getImage("section4_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section4_title_ar") : ctx_r1.getContent("section4_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"](" ", ctx_r1.lang === "AR" ? ctx_r1.getContent("section4_description_ar") : ctx_r1.getContent("section4_description"), " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section5_image_ar") : ctx_r1.getImage("section5_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section5_title_ar") : ctx_r1.getContent("section5_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section5_description_ar") : ctx_r1.getContent("section5_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section6_image_ar") : ctx_r1.getImage("section6_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section6_title_ar") : ctx_r1.getContent("section6_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section6_description_ar") : ctx_r1.getContent("section6_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section7_description_ar") : ctx_r1.getContent("section7_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section8_description_ar") : ctx_r1.getContent("section8_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section1_image_ar") : ctx_r1.getImage("section1_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed")("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section1_title_ar") : ctx_r1.getContent("section1_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section1_description_ar") : ctx_r1.getContent("section1_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section2_image_ar") : ctx_r1.getImage("section2_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed")("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section2_title_ar") : ctx_r1.getContent("section2_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section2_description_ar") : ctx_r1.getContent("section2_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section3_description_ar") : ctx_r1.getContent("section3_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section4_image_ar") : ctx_r1.getImage("section4_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section4_title_ar") : ctx_r1.getContent("section4_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"](" ", ctx_r1.lang === "AR" ? ctx_r1.getContent("section4_description_ar") : ctx_r1.getContent("section4_description"), " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section5_image_ar") : ctx_r1.getImage("section5_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section5_title_ar") : ctx_r1.getContent("section5_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section5_description_ar") : ctx_r1.getContent("section5_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section6_image_ar") : ctx_r1.getImage("section6_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Black" : "font-Humanist777BT-BlackCondensed");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section6_title_ar") : ctx_r1.getContent("section6_title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section6_description_ar") : ctx_r1.getContent("section6_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section7_description_ar") : ctx_r1.getContent("section7_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular " : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section8_description_ar") : ctx_r1.getContent("section8_description"));
} }
/**
 * LearnBenefitsAndHarmsComponent
 */
class LearnBenefitsAndHarmsComponent {
    /**
   * constructor
   */
    constructor(cmsService) {
        this.cmsService = cmsService;
        this.content = [];
        this.imageBaseUrl = '';
        window.scroll(0, 0);
    }
    /**
   * Page Starts
   */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.getLearnPageContent();
    }
    /**
     * get about page content
     */
    getLearnPageContent() {
        this.cmsService.getPageContent('get_cms_learn_content2').subscribe((response) => {
            if (response['status']) {
                this.content = response['data'];
                this.imageBaseUrl = response['base_image_url'];
            }
        });
    }
    /**
     * Get content
     * @param {string} key
     * @return {object}
     */
    getContent(key) {
        var _a;
        const filterData = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.filter(this.content, ['section', key]);
        return (_a = filterData[0]) === null || _a === void 0 ? void 0 : _a.content;
    }
    /**
     * Get content
     * @param {string} key
     * @return {object}
     */
    getImage(key) {
        var _a;
        const filterData = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.filter(this.content, ['section', key]);
        return `${this.imageBaseUrl}${(_a = filterData[0]) === null || _a === void 0 ? void 0 : _a.content}`;
    }
}
LearnBenefitsAndHarmsComponent.ɵfac = function LearnBenefitsAndHarmsComponent_Factory(t) { return new (t || LearnBenefitsAndHarmsComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_2__["CmsService"])); };
LearnBenefitsAndHarmsComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: LearnBenefitsAndHarmsComponent, selectors: [["app-learn-benefits-and-harms"]], decls: 2, vars: 2, consts: [["class", "loader_section", 4, "ngIf"], [4, "ngIf"], [1, "loader_section"], [1, "loader"], ["setActive", "learn"], [1, "banner"], [1, "banner-img"], [1, "img-fluid", 3, "src"], [1, "banner-wrap", "banner-title", "container-fluid", "text-align-custom", 3, "ngClass"], [1, "benefitsAndHarms", "full-width-custom"], [1, "section"], [1, "container-fluid"], [1, "breadcrumbs", 3, "ngClass"], [3, "routerLink"], [1, "content"], [1, "content__title", 3, "ngClass"], [3, "ngClass"], [1, "max-view"], [1, "row"], [1, "col-md-4", "col-sm-4", "col-12", "benefits-image", "first"], [1, "col-md-8", "col-sm-8", "col-12"], ["id", "", 1, "benefits-title", "second", 3, "ngClass"], [1, "third", 3, "ngClass"], [1, "col-md-4", "col-sm-4", "col-12", "benefits-image1", "first"], [1, "benefits-title", "second", 3, "ngClass"], [1, "col-md-4", "col-sm-4", "col-12", "benefits-image2"], [1, "benefits-title", 3, "ngClass"], [1, "col-md-4", "col-sm-4", "col-12", "benefits-image3"], [1, "col-md-4", "col-sm-4", "col-12", "mt-2em", "benefits-image4"], [1, "min-view"], [1, "row", "m-d-align"], [1, "col-12", "benefits-image", "disp-order-two"], [1, "col-12", "disp-order-one"], ["id", "", 1, "benefits-title", 3, "ngClass"], [1, "col-12", "disp-order-three", "mb-3"], [1, "", 3, "ngClass"], [1, "col-12", "benefits-image1", "disp-order-two"], [1, "col-md-8", "col-sm-8", "col-12", "disp-order-one"], [1, "col-12", "disp-order-three"], [1, "col-12", "benefits-image2", "disp-order-two"], [1, "col-12", "benefits-image3", "disp-order-two"], [1, "col-12", "mt-2em", "benefits-image4", "disp-order-two"]], template: function LearnBenefitsAndHarmsComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](0, LearnBenefitsAndHarmsComponent_div_0_Template, 2, 0, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](1, LearnBenefitsAndHarmsComponent_div_1_Template, 133, 83, "div", 1);
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", !ctx.content || ctx.content.length === 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx.content.length > 0);
    } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_3__["NgIf"], _shared_header_header_component__WEBPACK_IMPORTED_MODULE_4__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_3__["NgClass"], _angular_router__WEBPACK_IMPORTED_MODULE_5__["RouterLinkWithHref"], _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_6__["FooterComponent"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_7__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.section[_ngcontent-%COMP%] {\n  padding: 33px 0;\n}\n.banner[_ngcontent-%COMP%]   .banner-img[_ngcontent-%COMP%] {\n  position: relative;\n}\n.banner[_ngcontent-%COMP%]   .banner-img[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 100%;\n  image-rendering: -moz-crisp-edges;\n  image-rendering: pixelated;\n  -o-object-fit: cover;\n     object-fit: cover;\n  margin-left: -1px;\n  height: 195px;\n}\n.banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n  position: absolute;\n  bottom: 10px;\n  left: 2%;\n}\n.banner[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n  color: #ebc850;\n  font-size: 3.75rem;\n  line-height: 5rem;\n}\n.benefits-image[_ngcontent-%COMP%], .benefits-image2[_ngcontent-%COMP%], .benefits-image3[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.benefits-image1[_ngcontent-%COMP%], .benefits-image4[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: baseline;\n  justify-content: center;\n}\n.web-banner[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  background-position: cover;\n}\n.breadcrumbs[_ngcontent-%COMP%] {\n  color: #9f9f9f;\n  font-size: 1.25rem;\n  line-height: 2.5rem;\n}\n.breadcrumbs[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #9f9f9f !important;\n}\n.breadcrumbs__ar[_ngcontent-%COMP%] {\n  font-size: 1.625rem;\n}\n.benefits-title[_ngcontent-%COMP%] {\n  margin-bottom: 0.5em;\n}\n.benefits-title[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-weight: 900;\n  background: #ebc850;\n  color: #1d1d1b;\n  padding-left: 7px;\n  font-size: 1.75rem;\n  line-height: 2.5rem;\n}\n.col-md-8[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  padding-bottom: 1em;\n}\n.content[_ngcontent-%COMP%]   .content__title[_ngcontent-%COMP%] {\n  font-size: 2.25rem;\n  line-height: 2.5rem;\n  font-weight: bold;\n}\n.content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  color: #1d1d1b;\n  font-size: 1.75rem;\n  line-height: 2.5rem;\n}\n.banner-title[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-bottom: 0;\n  padding: 0px 0px;\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n\n  .min-view[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .max-view[_ngcontent-%COMP%] {\n    display: block;\n  }\n}\n@media (max-width: 1440px) {\n  .banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n    position: absolute;\n    bottom: 10px;\n    left: 2%;\n  }\n}\n@media (max-width: 1366px) {\n  .banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n    left: 0%;\n  }\n}\n@media (max-width: 1280px) {\n  .banner[_ngcontent-%COMP%] {\n    min-height: 0;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n    bottom: 0px;\n  }\n}\n@media (max-width: 991px) {\n  .banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n    bottom: 0px;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n    font-size: 2.75rem;\n    line-height: 4rem;\n  }\n}\n@media (max-width: 767px) {\n  .benefits-title[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    color: #ebc850;\n    font-size: 1em;\n    line-height: 1em;\n  }\n\n  .mobileView[_ngcontent-%COMP%] {\n    max-height: 150px;\n    position: relative;\n    display: block;\n  }\n\n  .banner-title[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 40px !important;\n    color: #ebc850;\n    margin: 0px 0px;\n  }\n\n  .webView[_ngcontent-%COMP%] {\n    padding: 0px;\n    min-height: 200px;\n    background-position: 50% 100% !important;\n    align-items: baseline;\n  }\n\n  .section[_ngcontent-%COMP%] {\n    padding: 0px 0px !important;\n  }\n\n  .breadcrumbs[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    margin-bottom: 10px !important;\n    font-size: 14px;\n    line-height: 40px !important;\n  }\n\n  .content__title[_ngcontent-%COMP%] {\n    font-size: 22px !important;\n    line-height: 40px !important;\n    text-align: center;\n  }\n\n  .container-fluid[_ngcontent-%COMP%] {\n    padding: 0px 20px;\n  }\n\n  .content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 20px !important;\n    line-height: 20px !important;\n    text-align: center;\n    margin-bottom: 20px !important;\n  }\n\n  .benefits-title[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-size: 22px !important;\n    line-height: 22px !important;\n  }\n\n  .benefits-title[_ngcontent-%COMP%] {\n    text-align: center !important;\n  }\n\n  .benefits-image[_ngcontent-%COMP%]   img[_ngcontent-%COMP%], .benefits-image1[_ngcontent-%COMP%]   img[_ngcontent-%COMP%], .benefits-image2[_ngcontent-%COMP%]   img[_ngcontent-%COMP%], .benefits-image3[_ngcontent-%COMP%]   img[_ngcontent-%COMP%], .benefits-image4[_ngcontent-%COMP%] {\n    margin-bottom: 20px !important;\n  }\n\n  .first[_ngcontent-%COMP%] {\n    order: 2;\n  }\n\n  .second[_ngcontent-%COMP%] {\n    order: 1;\n  }\n\n  .third[_ngcontent-%COMP%] {\n    order: 3;\n  }\n\n  .benefits-title[_ngcontent-%COMP%] {\n    margin: 15px 0px 20px;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n    bottom: 5px;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n    font-size: 2rem;\n    line-height: 2.5rem;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-img[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    -o-object-fit: fill;\n       object-fit: fill;\n    height: 160px;\n  }\n}\n@media (max-width: 575px) {\n  .webView[_ngcontent-%COMP%] {\n    background-position-x: 100%;\n    background-position-y: 100%;\n  }\n\n  .web-banner[_ngcontent-%COMP%] {\n    display: none !important;\n  }\n\n  .m-d-align[_ngcontent-%COMP%] {\n    display: flex;\n    align-items: center;\n  }\n\n  .disp-order-one[_ngcontent-%COMP%] {\n    order: 1;\n  }\n\n  .disp-order-two[_ngcontent-%COMP%] {\n    order: 2;\n  }\n\n  .disp-order-three[_ngcontent-%COMP%] {\n    order: 3;\n  }\n\n  .mb-3[_ngcontent-%COMP%] {\n    margin-bottom: 10px !important;\n  }\n\n  .benefits-title[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n    font-size: 18px !important;\n    line-height: 22px !important;\n  }\n\n  .web-banner[_ngcontent-%COMP%]   .banner-title[_ngcontent-%COMP%] {\n    font-size: 16px !important;\n  }\n\n  .banner-title[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    top: 0;\n  }\n\n  .max-view[_ngcontent-%COMP%] {\n    display: none !important;\n  }\n\n  .min-view[_ngcontent-%COMP%] {\n    display: block;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-img[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    -o-object-fit: fill;\n       object-fit: fill;\n    height: 130px;\n  }\n\n  .banner[_ngcontent-%COMP%]   .banner-wrap[_ngcontent-%COMP%] {\n    bottom: 5px;\n  }\n}\n\n.full-width-custom[_ngcontent-%COMP%] {\n  width: 1366px;\n}\n.text-align-custom[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-top: 0px;\n  margin-bottom: 1rem;\n}\n.text-align-custom[_ngcontent-%COMP%] {\n  position: absolute !important;\n  bottom: 0% !important;\n  left: 2% !important;\n  transform: translate(-3%, 0%) !important;\n}\n.breadcrumbs__ar[_ngcontent-%COMP%] {\n  text-align: left !important;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "VQPA":
/*!*******************************************!*\
  !*** ./src/app/services/modal.service.ts ***!
  \*******************************************/
/*! exports provided: ModalService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ModalService", function() { return ModalService; });
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! rxjs */ "qCKp");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");


/**
 * Login modal service
 */
class ModalService {
    /**
     * @constructor
     */
    constructor() {
        this.loginModalStatus = new rxjs__WEBPACK_IMPORTED_MODULE_0__["BehaviorSubject"]({ isLoginModalOpen: false });
        this.addressModalStatus = new rxjs__WEBPACK_IMPORTED_MODULE_0__["BehaviorSubject"]({ isAddressModalOpen: false });
        this.orderModalStatus = new rxjs__WEBPACK_IMPORTED_MODULE_0__["BehaviorSubject"]({ isOrderModalOpen: false });
        this.reviewModalStatus = new rxjs__WEBPACK_IMPORTED_MODULE_0__["BehaviorSubject"]({ isReviewModalOpen: false });
        this.setLoginModalStatusObserve = this.loginModalStatus.asObservable();
        this.setAddressModalStatusObserve = this.addressModalStatus.asObservable();
        this.setOrderModalStatusObserve = this.orderModalStatus.asObservable();
        this.setReviewModalStatusObserve = this.reviewModalStatus.asObservable();
    }
    /**
     * set login modal status
     * @param {boolean} data
     */
    setLoginModalStatus(data) {
        this.loginModalStatus.next(data);
    }
    /**
     * set address modal status
     * @param {boolean} data
     */
    setAddressModalStatus(data) {
        this.addressModalStatus.next(data);
    }
    /**
     * set order modal status
     * @param {boolean} data
     */
    setOrderModalStatus(data) {
        this.orderModalStatus.next(data);
    }
    /**
     * set order modal status
     * @param {boolean} data
     */
    setReviewModalStatus(data) {
        this.reviewModalStatus.next(data);
    }
}
ModalService.ɵfac = function ModalService_Factory(t) { return new (t || ModalService)(); };
ModalService.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjectable"]({ token: ModalService, factory: ModalService.ɵfac, providedIn: 'root' });


/***/ }),

/***/ "XAZb":
/*!************************************************************************************!*\
  !*** ./src/app/pages/learn-human-know-coffee/learn-human-know-coffee.component.ts ***!
  \************************************************************************************/
/*! exports provided: LearnHumanKnowCoffeeComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "LearnHumanKnowCoffeeComponent", function() { return LearnHumanKnowCoffeeComponent; });
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lodash */ "LvDl");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! src/app/services/cms.service */ "/Ffc");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../shared/footer/footer.component */ "jQpT");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");








function LearnHumanKnowCoffeeComponent_div_0_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "div", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} }
const _c0 = function () { return ["/ar"]; };
const _c1 = function () { return ["/"]; };
function LearnHumanKnowCoffeeComponent_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](1, "app-header", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](2, "div", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](3, "div", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](4, "img", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "div", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](6, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](9, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](11, "div", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "p", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](13, "a", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](14);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](15, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](17, "div", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](18, "div", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](20, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](21, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](23, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](24, "div", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](25, "p", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](26, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](27, "img", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](28, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](29, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](30, "p", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](31, "p", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](32, "p", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](33, "p", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](34, "p", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](35, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](36, "img", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](37, "p", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](38, "p", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](39, "p", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](40, "app-footer");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("title_image_ar") : ctx_r1.getImage("title_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("title_ar") : ctx_r1.getContent("title"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular breadcrumbs__ar" : "font-HomepageBaukasten-Book");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("routerLink", ctx_r1.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction0"](25, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction0"](26, _c1));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](15, 23, "MENU.HOME"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate2"](" / ", ctx_r1.lang === "AR" ? ctx_r1.getContent("title_ar") : ctx_r1.getContent("title"), "/ ", ctx_r1.lang === "AR" ? ctx_r1.getContent("menu_name_ar") : ctx_r1.getContent("menu_name"), "");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Bold content__title__ar" : "font-Humanist777BT-BoldCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("menu_name_ar") : ctx_r1.getContent("menu_name"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Regular content__desc__ar" : "font-Humanist777BT-RomanB content__desc");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](ctx_r1.lang === "AR" ? ctx_r1.getContent("section1_description_ar") : ctx_r1.getContent("section1_description"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("innerHtml", ctx_r1.lang === "AR" ? ctx_r1.getContent("section2_description_ar") : ctx_r1.getContent("section2_description"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeHtml"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section2_image_ar") : ctx_r1.getImage("section2_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("innerHtml", ctx_r1.lang === "AR" ? ctx_r1.getContent("section3_description_ar") : ctx_r1.getContent("section3_description"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeHtml"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("innerHtml", ctx_r1.lang === "AR" ? ctx_r1.getContent("section4_description_ar") : ctx_r1.getContent("section4_description"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeHtml"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("innerHtml", ctx_r1.lang === "AR" ? ctx_r1.getContent("section5_description_ar") : ctx_r1.getContent("section5_description"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeHtml"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("innerHtml", ctx_r1.lang === "AR" ? ctx_r1.getContent("section6_description_ar") : ctx_r1.getContent("section6_description"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeHtml"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("innerHtml", ctx_r1.lang === "AR" ? ctx_r1.getContent("section7_description_ar") : ctx_r1.getContent("section7_description"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeHtml"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("src", ctx_r1.lang === "AR" ? ctx_r1.getImage("section7_image_ar") : ctx_r1.getImage("section7_image"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("innerHtml", ctx_r1.lang === "AR" ? ctx_r1.getContent("section8_description_ar") : ctx_r1.getContent("section8_description"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeHtml"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("innerHtml", ctx_r1.lang === "AR" ? ctx_r1.getContent("section9_description_ar") : ctx_r1.getContent("section9_description"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeHtml"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("innerHtml", ctx_r1.lang === "AR" ? ctx_r1.getContent("section10_description_ar") : ctx_r1.getContent("section10_description"), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵsanitizeHtml"]);
} }
/** LearnHumanKnowCoffeeComponent */
class LearnHumanKnowCoffeeComponent {
    /**
     * constructor
     */
    constructor(cmsService) {
        this.cmsService = cmsService;
        this.content = [];
        this.imageBaseUrl = '';
        window.scroll(0, 0);
    }
    /**
     * Page Starts
     */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.getLearnPageContent();
    }
    /**
     * get about page content
     */
    getLearnPageContent() {
        this.cmsService.getPageContent('get_cms_learn_content1').subscribe((response) => {
            if (response['status']) {
                this.content = response['data'];
                this.imageBaseUrl = response['base_image_url'];
            }
        });
    }
    /**
     * Get content
     * @param {string} key
     * @return {object}
     */
    getContent(key) {
        var _a;
        const filterData = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.filter(this.content, ['section', key]);
        return (_a = filterData[0]) === null || _a === void 0 ? void 0 : _a.content;
    }
    /**
     * Get content
     * @param {string} key
     * @return {object}
     */
    getImage(key) {
        var _a;
        const filterData = lodash__WEBPACK_IMPORTED_MODULE_0___default.a.filter(this.content, ['section', key]);
        return `${this.imageBaseUrl}${(_a = filterData[0]) === null || _a === void 0 ? void 0 : _a.content}`;
    }
}
LearnHumanKnowCoffeeComponent.ɵfac = function LearnHumanKnowCoffeeComponent_Factory(t) { return new (t || LearnHumanKnowCoffeeComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_cms_service__WEBPACK_IMPORTED_MODULE_2__["CmsService"])); };
LearnHumanKnowCoffeeComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: LearnHumanKnowCoffeeComponent, selectors: [["app-learn-human-know-coffee"]], decls: 2, vars: 2, consts: [["class", "loader_section", 4, "ngIf"], [4, "ngIf"], [1, "loader_section"], [1, "loader"], ["setActive", "learn"], [1, "banner"], [1, "banner-img"], [1, "img-fluid", 3, "src"], [1, "banner-wrap", "banner-title", "container-fluid", "text-align-custom", 3, "ngClass"], [1, "humanKnowCoffee", "full-width-custom"], [1, "section"], [1, "container-fluid"], [1, "breadcrumbs", 3, "ngClass"], [1, "breadcrumb-text-align"], [3, "routerLink"], [1, "content"], [1, "content__title", 3, "ngClass"], [3, "ngClass"], [1, "row"], [1, "col-md-6"], [1, "second", 3, "innerHtml"], [1, "col-md-6", "pr-0", "pl-0"], [1, "img-fluid1", 3, "src"], [1, "col-lg-12"], [1, "mt-2em", "second", 3, "innerHtml"], [1, "pr-0", "pl-0"], [1, "img-fluid2", 3, "src"]], template: function LearnHumanKnowCoffeeComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](0, LearnHumanKnowCoffeeComponent_div_0_Template, 2, 0, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](1, LearnHumanKnowCoffeeComponent_div_1_Template, 41, 27, "div", 1);
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", !ctx.content || ctx.content.length === 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx.content.length > 0);
    } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_3__["NgIf"], _shared_header_header_component__WEBPACK_IMPORTED_MODULE_4__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_3__["NgClass"], _angular_router__WEBPACK_IMPORTED_MODULE_5__["RouterLinkWithHref"], _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_6__["FooterComponent"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_7__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular {\n  font-family: \"Tajawal-Regular\";\n}\na:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color {\n  border-color: #dedede !important;\n}\n.container-fluid {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width,\n.aboutUsPage,\n.humanKnowCoffee,\n.benefitsAndHarms,\n.preparationPage,\n.galleryPage,\n.productPage {\n  max-width: 100%;\n  margin: 0 auto;\n}\na {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon {\n  color: red;\n  background: blue;\n}\ngallery-item {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em {\n  margin-left: 1em;\n}\n.border {\n  border: 1px solid;\n}\n.roundedCorner {\n  border-radius: 30px;\n}\n.mt-1em {\n  margin-top: 1em;\n}\n.mt-2em {\n  margin-top: 2em;\n}\n.pr-0 {\n  padding-right: 0;\n}\n.pl-0 {\n  padding-left: 0;\n}\n.section {\n  padding: 2em 0;\n}\n.d-flex {\n  display: flex;\n}\n.justify-center {\n  justify-content: center;\n}\n.align-center {\n  align-items: center;\n}\ngallery-thumbs {\n  display: none !important;\n}\n.select-gender {\n  overflow: hidden;\n}\n.select-gender select {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open .modal {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open .modal .modal-dialog {\n  flex-grow: 1;\n}\n.our-branch-address .accordion > .card > .card-header {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address .panelTitle {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address .btn.btn-link {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address .btn.btn-link:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close {\n  display: none;\n}\npath {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md .navbar-nav .nav-link {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView {\n    background-size: cover !important;\n  }\n}\n.direction_ltr {\n  direction: ltr !important;\n}\n.iti {\n  width: 100%;\n}\nbutton.close {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary {\n  background: #432919;\n  color: #ebc850;\n}\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n/* Firefox */\ninput[type=number] {\n  -moz-appearance: textfield;\n}\n.text-primary {\n  color: #ebc850 !important;\n}\n.min-height-10 {\n  min-height: 10em;\n}\n.pac-container {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected,\n.pac-item-selected:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched {\n  font-weight: 700;\n}\n.pac-item-query {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi .pac-icon {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search {\n  background-position: -1px -1px;\n}\n.pac-item-selected .pac-icon-search {\n  background-position: -18px -1px;\n}\n.pac-icon-marker {\n  background-position: -1px -161px;\n}\n.pac-item-selected .pac-icon-marker {\n  background-position: -18px -161px;\n}\n.pac-placeholder {\n  color: gray;\n}\n.form-control:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active .page-link {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0 {\n  bottom: 0px;\n}\n.loader_section {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader,\n.loader:before,\n.loader:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader:before,\n.loader:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.section {\n  padding: 33px 0;\n}\n.banner .banner-img {\n  position: relative;\n}\n.banner .banner-img img {\n  width: 100%;\n  image-rendering: -moz-crisp-edges;\n  image-rendering: pixelated;\n  -o-object-fit: cover;\n     object-fit: cover;\n  margin-left: -1px;\n  height: 170px;\n}\n.banner .banner-wrap {\n  position: absolute;\n  bottom: 10px;\n  left: 2%;\n}\n.banner .banner-title {\n  color: #ebc850;\n  font-size: 3.75rem;\n  line-height: 5rem;\n}\n.img-fluid1 {\n  width: 100%;\n}\n.img-fluid2 {\n  width: 100%;\n}\n.breadcrumbs {\n  color: #9f9f9f;\n  font-size: 1.25rem;\n  line-height: 2.5rem;\n  margin-bottom: 20px;\n}\n.breadcrumbs a {\n  color: #9f9f9f !important;\n}\n.breadcrumbs__ar {\n  font-size: 1.625rem;\n}\n.breadcrumbs__ar p {\n  text-align: right !important;\n}\n.content p {\n  color: #1d1d1b;\n  margin-bottom: 1.5em;\n}\n.content .content__desc {\n  font-size: 1.75rem;\n  line-height: 2.5rem;\n}\n.content .content__desc__ar {\n  font-size: 1.75rem !important;\n  line-height: 2.5rem !important;\n}\n.content p.firts_para {\n  font-size: 1.7rem;\n  line-height: 2.5rem;\n}\n.content p.second {\n  margin-bottom: 1.5em;\n  padding: 0px 85px 0px 0px;\n}\n.content .content__title {\n  font-size: 2rem;\n  line-height: 2.5rem;\n  font-weight: bold;\n  margin-bottom: 20px;\n}\n.content .content__title__ar {\n  font-size: 2.25rem;\n}\n.content .years {\n  background: #ebc850;\n  font-weight: 700;\n}\n@media (max-width: 1440px) {\n  .banner .banner-wrap {\n    position: absolute;\n    bottom: 10px;\n    left: 2%;\n  }\n}\n@media (max-width: 1366px) {\n  .banner .banner-wrap {\n    left: 0%;\n  }\n}\n@media (max-width: 1280px) {\n  .banner {\n    min-height: 0;\n  }\n\n  .banner .banner-wrap {\n    bottom: 0px;\n  }\n}\n@media (max-width: 991px) {\n  .banner .banner-wrap {\n    bottom: 0px;\n  }\n\n  .banner .banner-title {\n    font-size: 2.75rem;\n    line-height: 4rem;\n  }\n}\n@media only screen and (max-width: 767px) {\n  .banner .banner-wrap {\n    bottom: 0px;\n  }\n\n  .banner .banner-title {\n    font-size: 2rem;\n    line-height: 2.5rem;\n  }\n\n  .container-fluid {\n    padding: 0px 18px;\n  }\n\n  .section {\n    padding: 0px 0px !important;\n  }\n\n  .breadcrumbs p {\n    margin-bottom: 10px !important;\n    font-size: 15px;\n    line-height: 40px !important;\n  }\n\n  .breadcrumbs {\n    margin-bottom: 0px;\n  }\n\n  .content .content__title {\n    font-size: 22px !important;\n    line-height: 40px !important;\n    margin-bottom: 10px;\n  }\n\n  .content p.firts_para {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  .content p.second {\n    font-size: 20px;\n    line-height: 24px;\n    padding: 0px;\n  }\n\n  .content p {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  .banner .banner-img img {\n    -o-object-fit: fill;\n       object-fit: fill;\n    height: 160px;\n  }\n\n  .text-align-custom p {\n    margin-top: 0px;\n    margin-bottom: 1rem;\n    font-size: 30px;\n  }\n}\n@media (max-width: 575px) {\n  .banner .banner-title {\n    color: #ebc850;\n    font-size: 22px !important;\n    line-height: 40px !important;\n  }\n\n  .breadcrumbs p {\n    font-size: 14px !important;\n    line-height: 40px !important;\n  }\n\n  .banner .banner-img img {\n    -o-object-fit: fill;\n       object-fit: fill;\n    height: 130px;\n  }\n}\n/*customization*/\n.full-width-custom {\n  width: 1366px;\n}\n.text-align-custom p {\n  margin-top: 0px;\n  margin-bottom: 1rem;\n}\n.text-align-custom {\n  position: absolute !important;\n  bottom: 0% !important;\n  left: 2% !important;\n  transform: translate(-3%, 0%) !important;\n}\n.breadcrumbs__ar {\n  text-align: left !important;\n}\n.humanKnewCoffee .breadcrumb-text-align {\n  text-align: left !important;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"], encapsulation: 2 });


/***/ }),

/***/ "XEn3":
/*!****************************************************!*\
  !*** ./src/app/pages/contact/contact.component.ts ***!
  \****************************************************/
/*! exports provided: ContactComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContactComponent", function() { return ContactComponent; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "mrSG");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "3Pt+");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! sweetalert2/dist/sweetalert2.js */ "PdH4");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lodash */ "LvDl");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var src_app_services_contact_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/services/contact.service */ "3ITz");
/* harmony import */ var src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/services/translation.service */ "ty2H");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var _agm_core__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @agm/core */ "pxUr");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../shared/footer/footer.component */ "jQpT");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");















function ContactComponent_div_28_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1, "Name is required");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} }
function ContactComponent_div_28_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "div", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](1, ContactComponent_div_28_div_1_Template, 2, 0, "div", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r0.f.name.errors.required);
} }
function ContactComponent_div_37_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1, "Email is required");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} }
function ContactComponent_div_37_div_2_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1, "Email must be a valid email address");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} }
function ContactComponent_div_37_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "div", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](1, ContactComponent_div_37_div_1_Template, 2, 0, "div", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](2, ContactComponent_div_37_div_2_Template, 2, 0, "div", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r1.f.email.errors.required);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r1.f.email.errors.email);
} }
function ContactComponent_div_55_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1, "Message is required");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} }
function ContactComponent_div_55_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "div", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](1, ContactComponent_div_55_div_1_Template, 2, 0, "div", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r2 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r2.f.message.errors.required);
} }
function ContactComponent_ngb_panel_71_ng_template_1_span_0_Template(rf, ctx) { if (rf & 1) {
    const _r17 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "span", 46);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function ContactComponent_ngb_panel_71_ng_template_1_span_0_Template_span_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r17); const city_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](2).$implicit; const ctx_r15 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return ctx_r15.changeLocation(city_r9.id); });
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const city_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](2).$implicit;
    const ctx_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx_r13.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"](" ", city_r9.city_arabic, "");
} }
function ContactComponent_ngb_panel_71_ng_template_1_span_1_Template(rf, ctx) { if (rf & 1) {
    const _r21 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "span", 46);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function ContactComponent_ngb_panel_71_ng_template_1_span_1_Template_span_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r21); const city_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](2).$implicit; const ctx_r19 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return ctx_r19.changeLocation(city_r9.id); });
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const city_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](2).$implicit;
    const ctx_r14 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx_r14.lang === "EN" ? "font-Tajawal-Bold" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"](" ", city_r9.city, "");
} }
function ContactComponent_ngb_panel_71_ng_template_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](0, ContactComponent_ngb_panel_71_ng_template_1_span_0_Template, 2, 2, "span", 45);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](1, ContactComponent_ngb_panel_71_ng_template_1_span_1_Template, 2, 2, "span", 45);
} if (rf & 2) {
    const ctx_r11 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r11.lang === "AR");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r11.lang === "EN");
} }
function ContactComponent_ngb_panel_71_ng_template_2_address_0_h6_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "h6", 49);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r25 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx_r25.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](2, 2, "FOOTER.HEAD_OFFICE"));
} }
function ContactComponent_ngb_panel_71_ng_template_2_address_0_h6_2_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "h6", 49);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r26 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx_r26.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777BT-BlackCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](2, 2, "CONTACT.BRANCH"));
} }
function ContactComponent_ngb_panel_71_ng_template_2_address_0_p_4_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const addresses_r24 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](addresses_r24.restaurant_name);
} }
function ContactComponent_ngb_panel_71_ng_template_2_address_0_p_5_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const addresses_r24 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"](" ", addresses_r24.address, "");
} }
function ContactComponent_ngb_panel_71_ng_template_2_address_0_p_6_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const addresses_r24 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](addresses_r24.restaurant_name_arabic);
} }
function ContactComponent_ngb_panel_71_ng_template_2_address_0_p_7_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const addresses_r24 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](addresses_r24.address_arabic);
} }
function ContactComponent_ngb_panel_71_ng_template_2_address_0_p_11_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const addresses_r24 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate2"]("", _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](2, 2, "CONTACT.EMAIL"), ": ", addresses_r24.email, "");
} }
function ContactComponent_ngb_panel_71_ng_template_2_address_0_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "address");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](1, ContactComponent_ngb_panel_71_ng_template_2_address_0_h6_1_Template, 3, 4, "h6", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](2, ContactComponent_ngb_panel_71_ng_template_2_address_0_h6_2_Template, 3, 4, "h6", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](3, "div", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](4, ContactComponent_ngb_panel_71_ng_template_2_address_0_p_4_Template, 2, 1, "p", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](5, ContactComponent_ngb_panel_71_ng_template_2_address_0_p_5_Template, 2, 1, "p", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](6, ContactComponent_ngb_panel_71_ng_template_2_address_0_p_6_Template, 2, 1, "p", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](7, ContactComponent_ngb_panel_71_ng_template_2_address_0_p_7_Template, 2, 1, "p", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](8, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](10, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](11, ContactComponent_ngb_panel_71_ng_template_2_address_0_p_11_Template, 3, 4, "p", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](12, "hr");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const addresses_r24 = ctx.$implicit;
    const ctx_r23 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", addresses_r24.role === "main");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", addresses_r24.role !== "main");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx_r23.lang === "AR" ? "font-Tajawal-Regular contact__details__ar" : "font-Humanist777BT-RomanB contact__details");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r23.lang === "EN" && addresses_r24.restaurant_name);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r23.lang === "EN");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r23.lang === "AR" && addresses_r24.restaurant_name_arabic);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r23.lang === "AR");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate2"]("", _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](10, 10, "CONTACT.MOBILE"), ": \u200E", addresses_r24.phone, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", addresses_r24.email);
} }
function ContactComponent_ngb_panel_71_ng_template_2_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](0, ContactComponent_ngb_panel_71_ng_template_2_address_0_Template, 13, 12, "address", 47);
} if (rf & 2) {
    const city_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngForOf", city_r9.restaurants);
} }
function ContactComponent_ngb_panel_71_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "ngb-panel", 42);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](1, ContactComponent_ngb_panel_71_ng_template_1_Template, 2, 2, "ng-template", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](2, ContactComponent_ngb_panel_71_ng_template_2_Template, 1, 1, "ng-template", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const index_r10 = ctx.index;
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpropertyInterpolate1"]("id", "static-", index_r10, "");
} }
function ContactComponent_agm_marker_74_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](0, "agm-marker", 50);
} if (rf & 2) {
    const marker_r38 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("latitude", marker_r38.lat)("longitude", marker_r38.lng);
} }
const _c0 = function () { return ["/ar"]; };
const _c1 = function () { return ["/"]; };
const _c2 = function (a0) { return { "is-invalid": a0 }; };
/**
 * ContactComponent
 */
class ContactComponent {
    /**
     *constructor
     */
    constructor(formBuilder, contactService, translationService, ngZone) {
        this.formBuilder = formBuilder;
        this.contactService = contactService;
        this.translationService = translationService;
        this.ngZone = ngZone;
        this.submitted = false;
        this._ = lodash__WEBPACK_IMPORTED_MODULE_3___default.a;
        this.title = 'Albadawi';
        this.cityList = [];
        this.focusLat = 25.3461;
        this.focusLng = 55.4210;
        this.zoom = 7;
        this.markers = {};
        this.selectedMarkers = [];
        window.scroll(0, 0);
    }
    /**
     * Page Starts
     */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.contactform = this.formBuilder.group({
            name: ['', [_angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required]],
            email: ['', [_angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required, _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].email]],
            message: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            phone: [''],
        });
        this.getContact();
        this.data = {
            'restaurant': '',
            'email': '',
        };
    }
    /**
     * Change location in map based on clicks
     *
     * @param {string} location
     */
    changeLocation(location) {
        const locationFilter = lodash__WEBPACK_IMPORTED_MODULE_3___default.a.filter(this.cityList, (e) => e.id === location);
        console.log('location', this.cityList);
        this.selectedMarkers = locationFilter[0].restaurants;
        this.focusLng = this.selectedMarkers[0].lng;
        this.focusLat = this.selectedMarkers[0].lat;
    }
    /**
     * Submit Contact Form
     */
    submitForm() {
        this.submitted = true;
        if (this.contactform.valid) {
            this.contactService.submitContact(this.contactform.value).subscribe((response) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
                this.submitted = false;
                if (response['status']) {
                    sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                        icon: 'success',
                        title: this.lang === 'AR' ? response['message_ar'] : response['message'],
                        confirmButtonColor: '#432919',
                        confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                        customClass: {
                            container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                        },
                    }).then(() => this.contactform.reset());
                }
                else {
                    sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                        icon: 'error',
                        title: this.lang === 'AR' ? response['message_ar'] : response['message'],
                        confirmButtonColor: '#432919',
                        confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                        customClass: {
                            container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                        },
                    });
                }
            }));
        }
    }
    /**
     * form controls
     */
    get f() {
        return this.contactform.controls;
    }
    /**
     * get contact
     */
    getContact() {
        this.contactService.getContact().subscribe((response) => {
            this.cityList = response['city'];
            this.changeLocation(this.cityList[0].id);
            console.log(this.cityList);
        });
    }
}
ContactComponent.ɵfac = function ContactComponent_Factory(t) { return new (t || ContactComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](src_app_services_contact_service__WEBPACK_IMPORTED_MODULE_5__["ContactService"]), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_6__["TranslationService"]), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["NgZone"])); };
ContactComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineComponent"]({ type: ContactComponent, selectors: [["app-contact"]], decls: 76, vars: 50, consts: [["setActive", "contact"], [1, "line"], [1, "contactPage", "full-width-custom"], [1, "container-fluid"], [3, "ngClass"], [1, "banner", "title-align-custom", 3, "ngClass"], [1, "mb-0"], [1, "breadcrumbs", 3, "ngClass"], [3, "routerLink"], [1, "contactForm", 3, "formGroup", "ngClass", "ngSubmit"], [1, "row"], [1, "col-md-4"], [1, "form-group"], ["for", "name"], [1, "red"], ["type", "text", "formControlName", "name", "id", "name", 1, "form-control"], ["id", "error-msg", 1, "text-danger"], ["class", "text-danger", 4, "ngIf"], ["for", "email"], ["type", "email", "formControlName", "email", "id", "email", 1, "form-control"], ["for", "mobile"], [1, "input-group"], ["id", "basic-addon1", 1, "input-group-text"], ["src", "assets/images/icons/uae_flag.png", "alt", "product", 1, "img-fluid"], ["type", "number", "id", "phone", "formControlName", "phone", "value", "phone", 1, "form-control", 3, "ngClass"], [1, "col-md-7"], ["for", "message"], ["rows", "8", "id", "message", "formControlName", "message", 1, "form-control"], [1, "col-md-12"], ["type", "submit", 1, "btn", "btn-primary", 3, "ngClass"], [1, "lines"], [1, "our-branches"], [1, "col-lg-12"], [1, "our-branch-title", 3, "ngClass"], [1, "col-md-4", "our-branch-address"], ["activeIds", "static-0", 3, "closeOthers"], [3, "id", 4, "ngFor", "ngForOf"], [1, "col-md-8", "pl-0"], [3, "latitude", "longitude", "zoom", "scrollwheel"], [3, "latitude", "longitude", 4, "ngFor", "ngForOf"], [1, "text-danger"], [4, "ngIf"], [3, "id"], ["ngbPanelTitle", ""], ["ngbPanelContent", ""], [3, "ngClass", "click", 4, "ngIf"], [3, "ngClass", "click"], [4, "ngFor", "ngForOf"], ["class", "panelTitle", 3, "ngClass", 4, "ngIf"], [1, "panelTitle", 3, "ngClass"], [3, "latitude", "longitude"]], template: function ContactComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](0, "app-header", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](1, "hr", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](3, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](4, "div");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](5, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](6, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](7, "p", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](9, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](10, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](11, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](12, "a", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](13);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](14, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](15);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](16, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](17, "form", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("ngSubmit", function ContactComponent_Template_form_ngSubmit_17_listener() { return ctx.submitForm(); });
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](18, "div", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](19, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](20, "div", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](21, "label", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](22);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](23, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](24, "span", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](25, "*");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](26, "input", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](27, "div", 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](28, ContactComponent_div_28_Template, 2, 1, "div", 17);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](29, "div", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](30, "label", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](31);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](32, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](33, "span", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](34, "*");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](35, "input", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](36, "div", 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](37, ContactComponent_div_37_Template, 3, 2, "div", 17);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](38, "div", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](39, "label", 20);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](40);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](41, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](42, "div", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](43, "span", 22);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](44, "img", 23);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](45, "input", 24);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](46, "div", 25);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](47, "div", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](48, "label", 26);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](49);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](50, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](51, "span", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](52, "*");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](53, "textarea", 27);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](54, "div", 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](55, ContactComponent_div_55_Template, 2, 1, "div", 17);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](56, "div", 28);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](57, "button", 29);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](58);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](59, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](60, "hr", 30);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](61, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](62, "div", 31);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](63, "div", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](64, "div", 32);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](65, "div", 33);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](66, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](67);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](68, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](69, "div", 34);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](70, "ngb-accordion", 35);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](71, ContactComponent_ngb_panel_71_Template, 3, 1, "ngb-panel", 36);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](72, "div", 37);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](73, "agm-map", 38);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](74, ContactComponent_agm_marker_74_Template, 1, 2, "agm-marker", 39);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](75, "app-footer");
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "banner-align-custom-ar" : "banner-align-custom");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](9, 28, "CONTACT.CONTACT_US"));
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular breadcrumbs__ar" : "font-HomepageBaukasten-Book");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpureFunction0"](46, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpureFunction0"](47, _c1));
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](14, 30, "MENU.HOME"));
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"](" / ", _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](16, 32, "MENU.CONTACT"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("formGroup", ctx.contactform)("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanB");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](23, 34, "CONTACT.NAME"));
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx.submitted && ctx.f.name.errors);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](32, 36, "CONTACT.EMAIL"));
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx.submitted && ctx.f.email.errors);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](41, 38, "CONTACT.MOBILE"), " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](5);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpureFunction1"](48, _c2, ctx.submitted && ctx.f.phone.errors));
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](50, 40, "CONTACT.MESSAGE"), " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx.submitted && ctx.f.message.errors);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Black button__ar" : "font-Humanist777BT-BlackCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](59, 42, "CONTACT.SUBMIT"));
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Bold our-branch-title-ar" : "font-Humanist777BT-BlackCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](68, 44, "CONTACT.OUR_BRANCHES"));
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("closeOthers", true);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngForOf", ctx.cityList);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("latitude", ctx.focusLat)("longitude", ctx.focusLng)("zoom", ctx.zoom)("scrollwheel", null);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngForOf", ctx.selectedMarkers);
    } }, directives: [_shared_header_header_component__WEBPACK_IMPORTED_MODULE_7__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_8__["NgClass"], _angular_router__WEBPACK_IMPORTED_MODULE_9__["RouterLinkWithHref"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["ɵangular_packages_forms_forms_y"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["NgControlStatusGroup"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormGroupDirective"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["DefaultValueAccessor"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormControlName"], _angular_common__WEBPACK_IMPORTED_MODULE_8__["NgIf"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["NumberValueAccessor"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_10__["NgbAccordion"], _angular_common__WEBPACK_IMPORTED_MODULE_8__["NgForOf"], _agm_core__WEBPACK_IMPORTED_MODULE_11__["AgmMap"], _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_12__["FooterComponent"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_10__["NgbPanel"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_10__["NgbPanelTitle"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_10__["NgbPanelContent"], _agm_core__WEBPACK_IMPORTED_MODULE_11__["AgmMarker"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_13__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.line[_ngcontent-%COMP%] {\n  border-top: 1px solid #1d1d1b;\n  margin-top: 0rem;\n}\n.lines[_ngcontent-%COMP%] {\n  border-top: 1px solid #1d1d1b;\n}\n.contactPage[_ngcontent-%COMP%]   .banner[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 3.125rem;\n  line-height: 5rem;\n  margin-top: 33px;\n}\n.contactPage[_ngcontent-%COMP%]   .section[_ngcontent-%COMP%] {\n  padding: 1em 0;\n}\n.contactPage[_ngcontent-%COMP%]   .breadcrumbs[_ngcontent-%COMP%] {\n  color: #9f9f9f;\n  font-size: 1.25rem;\n  line-height: 2.5rem;\n}\n.contactPage[_ngcontent-%COMP%]   .breadcrumbs[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #9f9f9f !important;\n}\n.contactPage[_ngcontent-%COMP%]   .breadcrumbs__ar[_ngcontent-%COMP%] {\n  font-size: 1.625rem;\n}\n.contactPage[_ngcontent-%COMP%]   .contactForm[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%] {\n  border-radius: 0 !important;\n  border: 1px solid #ced4da;\n}\n.contactPage[_ngcontent-%COMP%]   .contactForm[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%]   textarea#message[_ngcontent-%COMP%] {\n  padding: 0.2em;\n}\n.contactPage[_ngcontent-%COMP%]   .contactForm[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%] {\n  margin-bottom: 0.4em;\n}\n.contactPage[_ngcontent-%COMP%]   .contactForm[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n  margin-bottom: 0;\n  color: #1d1d1b;\n}\n.contactPage[_ngcontent-%COMP%]   .contactForm[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]   .red[_ngcontent-%COMP%] {\n  color: red;\n}\n.contactPage[_ngcontent-%COMP%]   .contactForm[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]   .input-group-text[_ngcontent-%COMP%] {\n  justify-content: center;\n  padding: 0px !important;\n  background-color: unset;\n  border: 1px solid #ced4da;\n  border-radius: unset;\n}\n.contactPage[_ngcontent-%COMP%]   .contactForm[_ngcontent-%COMP%]   .form-group[_ngcontent-%COMP%]   .input-group-text[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  height: 50%;\n}\n.contactPage[_ngcontent-%COMP%]   .contactForm[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  margin: 1em 0;\n  text-transform: uppercase;\n  background: #d30404;\n  font-weight: 500;\n  border: none;\n  border-radius: 0;\n  margin-top: 1em;\n  padding: 0.25em 4em;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.contactPage[_ngcontent-%COMP%]   .contactForm[_ngcontent-%COMP%]   .button__ar[_ngcontent-%COMP%] {\n  font-size: 1.875rem !important;\n}\n.contactPage[_ngcontent-%COMP%]   .our-branches[_ngcontent-%COMP%] {\n  margin-bottom: 35px;\n}\n.contactPage[_ngcontent-%COMP%]   .our-branches[_ngcontent-%COMP%]   .our-branch-title[_ngcontent-%COMP%] {\n  margin: 1em 0 0;\n  text-transform: uppercase;\n  font-size: 1.875rem;\n  line-height: 2.5rem;\n}\n.contactPage[_ngcontent-%COMP%]   .our-branches[_ngcontent-%COMP%]   .our-branch-title-ar[_ngcontent-%COMP%] {\n  font-size: 2.125rem !important;\n}\n.contactPage[_ngcontent-%COMP%]   .our-branches[_ngcontent-%COMP%]   .our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  background-color: #ebc850 !important;\n}\n.contactPage[_ngcontent-%COMP%]   .our-branches[_ngcontent-%COMP%]   .our-branch-address[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  display: block;\n  line-height: 1.5rem;\n}\n.contactPage[_ngcontent-%COMP%]   .our-branches[_ngcontent-%COMP%]   .our-branch-address[_ngcontent-%COMP%]   .contact__details[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n}\n.contactPage[_ngcontent-%COMP%]   .our-branches[_ngcontent-%COMP%]   .our-branch-address[_ngcontent-%COMP%]   .contact__details__ar[_ngcontent-%COMP%] {\n  font-size: 1.125rem !important;\n}\nagm-map[_ngcontent-%COMP%] {\n  height: 100%;\n}\n.agm-map-content[_ngcontent-%COMP%] {\n  display: inline-block !important;\n  height: 300px;\n}\n.contactPage[_ngcontent-%COMP%]   .our-branches[_ngcontent-%COMP%]   .our-branch-address[_ngcontent-%COMP%]   .contact__details[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 24px;\n  margin-bottom: 0px;\n  text-align: center;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 20px;\n  text-align: center;\n}\n.contact__details__ar[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-bottom: 0px;\n}\n.panelTitle[_ngcontent-%COMP%]   .font-Tajawal-Bold[_ngcontent-%COMP%] {\n  text-align: right;\n}\n\n.full-width-custom[_ngcontent-%COMP%] {\n  width: 1366px;\n  max-width: 100%;\n  margin: 0 auto;\n}\n.contactPage[_ngcontent-%COMP%]   .breadcrumbs__ar[_ngcontent-%COMP%] {\n  text-align: left !important;\n}\n.banner-align-custom-ar[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "YBnm":
/*!*****************************************************!*\
  !*** ./src/app/shared/address/address.component.ts ***!
  \*****************************************************/
/*! exports provided: AddressComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AddressComponent", function() { return AddressComponent; });
/* 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 _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! sweetalert2/dist/sweetalert2.js */ "PdH4");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/services/modal.service */ "VQPA");
/* harmony import */ var src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/services/storage.service */ "n90K");
/* harmony import */ var src_app_services_address_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/services/address.service */ "CVMR");
/* harmony import */ var src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/services/translation.service */ "ty2H");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _googlemap_googlemap_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../googlemap/googlemap.component */ "+kh+");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/forms */ "3Pt+");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");














const _c0 = ["address"];
const _c1 = ["addressForm"];
function AddressComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
    const _r6 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "h5", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](4, "button", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("click", function AddressComponent_ng_template_0_Template_button_click_4_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r6); const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r5.dismissModal(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "span", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](6, "\u00D7");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelement"](8, "app-googlemap");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](9, "div", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](10, "button", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("click", function AddressComponent_ng_template_0_Template_button_click_10_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r6); const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r7.showAddressForm(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](12, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](3, 4, "ADDRESS.ADD_NEW_ADDRESS"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](8);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](12, 6, "COMMON.CONFIRM"));
} }
function AddressComponent_ng_template_2_h6_10_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "h6", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](2, 1, "ADDRESS.ADDRESS_DETAILS"));
} }
function AddressComponent_ng_template_2_h6_11_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "h6", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](2, 1, "ADDRESS.ADDRESS_DETAILS"));
} }
function AddressComponent_ng_template_2_div_22_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](2, 1, "ADDRESS.VALIDATION.LOCATION"));
} }
function AddressComponent_ng_template_2_div_22_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](1, AddressComponent_ng_template_2_div_22_div_1_Template, 3, 3, "div", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    const _r12 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", _r12.errors.required);
} }
function AddressComponent_ng_template_2_div_32_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](2, 1, "ADDRESS.VALIDATION.ADDRESS_TITLE"));
} }
function AddressComponent_ng_template_2_div_32_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](1, AddressComponent_ng_template_2_div_32_div_1_Template, 3, 3, "div", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    const _r14 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](30);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", _r14.errors.required);
} }
function AddressComponent_ng_template_2_div_43_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](2, 1, "ADDRESS.VALIDATION.BLOCK_NUMBER"));
} }
function AddressComponent_ng_template_2_div_43_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](1, AddressComponent_ng_template_2_div_43_div_1_Template, 3, 3, "div", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    const _r16 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](41);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", _r16.errors.required);
} }
function AddressComponent_ng_template_2_div_53_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](2, 1, "ADDRESS.VALIDATION.ROAD_NUMBER"));
} }
function AddressComponent_ng_template_2_div_53_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](1, AddressComponent_ng_template_2_div_53_div_1_Template, 3, 3, "div", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    const _r18 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](51);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", _r18.errors.required);
} }
function AddressComponent_ng_template_2_div_64_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](2, 1, "ADDRESS.VALIDATION.BUILDING_NUMBER"));
} }
function AddressComponent_ng_template_2_div_64_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](1, AddressComponent_ng_template_2_div_64_div_1_Template, 3, 3, "div", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    const _r20 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](62);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", _r20.errors.required);
} }
function AddressComponent_ng_template_2_div_74_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](2, 1, "ADDRESS.VALIDATION.FLAT_NUMBER"));
} }
function AddressComponent_ng_template_2_div_74_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](1, AddressComponent_ng_template_2_div_74_div_1_Template, 3, 3, "div", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    const _r22 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](72);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", _r22.errors.required);
} }
function AddressComponent_ng_template_2_button_83_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "button", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r25 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r25.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](2, 2, "ADDRESS.SAVE_ADDRESS"));
} }
function AddressComponent_ng_template_2_button_84_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "button", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r26 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r26.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](2, 2, "ADDRESS.UPDATE_ADDRESS"));
} }
const _c2 = function (a0) { return { "is-invalid": a0 }; };
function AddressComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
    const _r34 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](0, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](1, "h5", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](4, "button", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("click", function AddressComponent_ng_template_2_Template_button_click_4_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r34); const ctx_r33 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r33.dismissModal(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](5, "span", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](6, "\u00D7");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](7, "div", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](8, "form", 13, 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("ngSubmit", function AddressComponent_ng_template_2_Template_form_ngSubmit_8_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r34); const _r9 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](9); const ctx_r35 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return _r9.form.valid && ctx_r35.addaddress(_r9); });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](10, AddressComponent_ng_template_2_h6_10_Template, 3, 3, "h6", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](11, AddressComponent_ng_template_2_h6_11_Template, 3, 3, "h6", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](12, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](13, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](14, "label", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](16, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](17, "small", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](18, "*");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](19, "input", 21, 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("ngModelChange", function AddressComponent_ng_template_2_Template_input_ngModelChange_19_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r34); const ctx_r36 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r36.newAddress.addresstring = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](21, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](22, AddressComponent_ng_template_2_div_22_Template, 2, 1, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](23, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](24, "label", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](25);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](26, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](27, "small", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](28, "*");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](29, "input", 24, 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("ngModelChange", function AddressComponent_ng_template_2_Template_input_ngModelChange_29_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r34); const ctx_r37 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r37.newAddress.address_title = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](31, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](32, AddressComponent_ng_template_2_div_32_Template, 2, 1, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](33, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](34, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](35, "label", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](36);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](37, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](38, "small", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](39, "*");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](40, "input", 26, 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("ngModelChange", function AddressComponent_ng_template_2_Template_input_ngModelChange_40_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r34); const ctx_r38 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r38.newAddress.blocknumber = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](42, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](43, AddressComponent_ng_template_2_div_43_Template, 2, 1, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](44, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](45, "label", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](46);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](47, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](48, "small", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](49, "*");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](50, "input", 28, 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("ngModelChange", function AddressComponent_ng_template_2_Template_input_ngModelChange_50_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r34); const ctx_r39 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r39.newAddress.road_number = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](52, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](53, AddressComponent_ng_template_2_div_53_Template, 2, 1, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](54, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](55, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](56, "label", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](57);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](58, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](59, "small", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](60, "*");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](61, "input", 30, 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("ngModelChange", function AddressComponent_ng_template_2_Template_input_ngModelChange_61_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r34); const ctx_r40 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r40.newAddress.building = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](63, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](64, AddressComponent_ng_template_2_div_64_Template, 2, 1, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](65, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](66, "label", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](67);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](68, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](69, "small", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](70, "*");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](71, "input", 32, 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("ngModelChange", function AddressComponent_ng_template_2_Template_input_ngModelChange_71_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r34); const ctx_r41 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r41.newAddress.flat_no = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](73, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](74, AddressComponent_ng_template_2_div_74_Template, 2, 1, "div", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](75, "div", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](76, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](77, "label", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtext"](78);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](79, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementStart"](80, "input", 34, 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵlistener"]("ngModelChange", function AddressComponent_ng_template_2_Template_input_ngModelChange_80_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵrestoreView"](_r34); const ctx_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"](); return ctx_r42.newAddress.landmark = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipe"](82, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](83, AddressComponent_ng_template_2_button_83_Template, 3, 4, "button", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](84, AddressComponent_ng_template_2_button_84_Template, 3, 4, "button", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵelementEnd"]();
} if (rf & 2) {
    const _r9 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](9);
    const _r12 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](20);
    const _r14 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](30);
    const _r16 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](41);
    const _r18 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](51);
    const _r20 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](62);
    const _r22 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵreference"](72);
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r3.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](3, 41, "ADDRESS.ADD_ADDRESS"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r3.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngClass", ctx_r3.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx_r3.lang === "EN");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx_r3.lang === "AR");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](16, 43, "ADDRESS.LOCATION"), " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("placeholder", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](21, 45, "ADDRESS.PLACEHOLDER.LOCATION"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngModel", ctx_r3.newAddress.addresstring)("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction1"](71, _c2, _r9.submitted && _r12.invalid));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", _r9.submitted && _r12.invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](26, 47, "ADDRESS.ADDRESS_TITLE"), " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("placeholder", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](31, 49, "ADDRESS.PLACEHOLDER.ADDRESS_TITLE"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngModel", ctx_r3.newAddress.address_title)("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction1"](73, _c2, _r9.submitted && _r14.invalid));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", _r9.submitted && _r14.invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](37, 51, "ADDRESS.BLOCK_NUMBER"), " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("placeholder", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](42, 53, "ADDRESS.PLACEHOLDER.BLOCK_NUMBER"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngModel", ctx_r3.newAddress.blocknumber)("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction1"](75, _c2, _r9.submitted && _r16.invalid));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", _r9.submitted && _r16.invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](47, 55, "ADDRESS.ROAD_NUMBER"), " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("placeholder", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](52, 57, "ADDRESS.PLACEHOLDER.ROAD_NUMBER"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngModel", ctx_r3.newAddress.road_number)("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction1"](77, _c2, _r9.submitted && _r18.invalid));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", _r9.submitted && _r18.invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](58, 59, "ADDRESS.BUILDING_NUMBER"), " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("placeholder", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](63, 61, "ADDRESS.PLACEHOLDER.BUILDING_NUMBER"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngModel", ctx_r3.newAddress.building)("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction1"](79, _c2, _r9.submitted && _r20.invalid));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", _r9.submitted && _r20.invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](68, 63, "ADDRESS.FLAT_NUMBER"), " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("placeholder", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](73, 65, "ADDRESS.PLACEHOLDER.FLAT_NUMBER"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngModel", ctx_r3.newAddress.flat_no)("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpureFunction1"](81, _c2, _r9.submitted && _r22.invalid));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", _r9.submitted && _r22.invalid);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](79, 67, "ADDRESS.ADDITIONAL_DIRECTIONS"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpropertyInterpolate"]("placeholder", _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵpipeBind1"](82, 69, "ADDRESS.PLACEHOLDER.ADDITIONAL_DIRECTIONS"));
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngModel", ctx_r3.newAddress.landmark);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", !ctx_r3.isUpdate);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵproperty"]("ngIf", ctx_r3.isUpdate);
} }
/**
 * Address component
 */
class AddressComponent {
    /**
     * @constructor
     */
    constructor(addressModalService, modalService, config, storageService, addressService, translationService) {
        this.addressModalService = addressModalService;
        this.modalService = modalService;
        this.config = config;
        this.storageService = storageService;
        this.addressService = addressService;
        this.translationService = translationService;
        this.getAddress = new _angular_core__WEBPACK_IMPORTED_MODULE_1__["EventEmitter"]();
        this.selectedAddress = {};
        this.profile = {};
        this.isUpdate = false;
        this.addressId = '';
        this.config.backdrop = 'static';
        this.config.keyboard = false;
    }
    /**
     * on init
     */
    ngOnInit() {
        this.profile = JSON.parse(this.storageService.getItem('profile'));
        // Listening to login modal observable
        this.modalSubscription = this.addressModalService.setAddressModalStatusObserve.subscribe((data) => {
            var _a;
            console.log('Open modal from address component', data);
            if (data.isAddressModalOpen) {
                this.addressModal = this.modalService.open(this.address, { ariaLabelledBy: 'modal-basic-title' });
            }
            else {
                (_a = this.addressModal) === null || _a === void 0 ? void 0 : _a.close();
            }
        });
    }
    /**
     * on destroy
     */
    ngOnDestroy() {
        this.modalSubscription.unsubscribe();
    }
    /**
     * on changes
     *
     * @param {SimpleChanges} changes
     */
    ngOnChanges(changes) {
        var _a;
        console.log(changes);
        if (Object.keys((_a = changes.selectedAddress) === null || _a === void 0 ? void 0 : _a.currentValue).length > 0) {
            setTimeout(() => {
                this.isUpdate = true;
                this.addressId = this.selectedAddress.id;
                this.newAddress = {
                    addresstring: this.selectedAddress.address,
                    blocknumber: this.selectedAddress.block_number,
                    building: this.selectedAddress.building,
                    flat_no: this.selectedAddress.flat_no,
                    landmark: this.selectedAddress.landmark,
                    address_title: this.selectedAddress.address_title,
                    road_number: this.selectedAddress.road_number,
                };
            }, 100);
            this.showAddressForm();
        }
    }
    /**
     * Address form
     */
    showAddressForm() {
        return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            // // tslint:disable-next-line: no-debugger
            // debugger;
            this.newAddress = {
                addresstring: localStorage.getItem('address'),
                blocknumber: '',
                building: '',
                flat_no: '',
                landmark: '',
                address_title: '',
                road_number: '',
            };
            this.addressModal.close();
            this.addressFormModal = this.modalService.open(this.addressForm, { ariaLabelledBy: 'modal-basic-title' });
            // // tslint:disable-next-line: no-debugger
            // debugger;
        });
    }
    /**
     * Add address
     * @param {any} formdata
     */
    addaddress(formdata) {
        // // tslint:disable-next-line: no-debugger
        // debugger;
        const data = {
            landmark: formdata.value.landmark,
            flat_no: formdata.value.flat_no,
            address: formdata.value.location,
            lat: JSON.parse(this.storageService.getItem('lat')),
            lng: JSON.parse(this.storageService.getItem('lng')),
            type: 1,
            addressDirections: formdata.value.landmark,
            block_number: formdata.value.blocknumber,
            building: formdata.value.building,
            road_number: formdata.value.road_number,
            address_title: formdata.value.address_title,
            device_type: 'web',
            authId: this.profile.authId,
            authToken: this.profile.authToken,
        };
        // // tslint:disable-next-line: no-debugger
        // debugger;
        console.log('location', data);
        if (this.isUpdate) {
            console.log('update', this.isUpdate);
            this.updateAddress(data);
        }
        else {
            this.addAddress(data);
        }
    }
    /**
     * Add address
     * @param {any} data
     */
    addAddress(data) {
        // // tslint:disable-next-line: no-debugger
        // debugger;
        this.addressService.addAddress(data).subscribe((response) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            this.addressFormModal.close();
            if (response['status'] === true) {
                sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
                    icon: 'success',
                    title: yield this.translationService.translateText('TOAST.ADDRESS_ADDED_SUCCESSFULLY'),
                    confirmButtonColor: '#432919',
                    confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                }).then((result) => {
                    this.getAddress.emit();
                });
            }
            else {
                sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
                    icon: 'error',
                    title: yield this.translationService.translateText('TOAST.ADD_ADDRESS_FAILED'),
                    text: this.lang === 'AR' ? response['message_ar'] : response['message'],
                    confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                    confirmButtonColor: '#432919',
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                });
            }
        }));
    }
    /**
     * Update address
     * @param {any} data
     */
    updateAddress(data) {
        data.address_id = this.addressId;
        this.addressService.editAddress(data).subscribe((response) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            this.dismissModal();
            if (response['status'] === true) {
                sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
                    icon: 'success',
                    title: yield this.translationService.translateText('TOAST.ADDRESS_EDITED'),
                    confirmButtonColor: '#432919',
                    confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                }).then((result) => {
                    this.getAddress.emit();
                });
            }
            else {
                sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_3___default.a.fire({
                    icon: 'error',
                    title: yield this.translationService.translateText('TOAST.EDIT_ADDRESS_FAILED'),
                    text: this.lang === 'AR' ? response['message_ar'] : response['message'],
                    confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                    confirmButtonColor: '#432919',
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                });
            }
        }));
    }
    /**
     * Close Modal
     */
    dismissModal() {
        this.addressModalService.setAddressModalStatus({
            isAddressModalOpen: false,
        });
        this.addressModal.close();
        this.addressFormModal.close();
    }
}
AddressComponent.ɵfac = function AddressComponent_Factory(t) { return new (t || AddressComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_4__["ModalService"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_2__["NgbModal"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_2__["NgbModalConfig"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_5__["StorageService"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_address_service__WEBPACK_IMPORTED_MODULE_6__["AddressService"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdirectiveInject"](src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_7__["TranslationService"])); };
AddressComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineComponent"]({ type: AddressComponent, selectors: [["app-address"]], viewQuery: function AddressComponent_Query(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵviewQuery"](_c0, 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵviewQuery"](_c1, 1);
    } if (rf & 2) {
        let _t;
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx.address = _t.first);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵloadQuery"]()) && (ctx.addressForm = _t.first);
    } }, inputs: { selectedAddress: "selectedAddress", lang: "lang" }, outputs: { getAddress: "getAddress" }, features: [_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵProvidersFeature"]([_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_2__["NgbModalConfig"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_2__["NgbModal"]]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵNgOnChangesFeature"]], decls: 4, vars: 0, consts: [["class", "modal-dialog-centered"], ["address", ""], ["addressForm", ""], [1, "modal-header"], ["id", "exampleModalLabel", 1, "modal-title", "text-uppercase", 3, "ngClass"], ["type", "button", "data-dismiss", "modal", "aria-label", "Close", 1, "close", 3, "click"], ["aria-hidden", "true"], [1, "modal-body"], [1, "modal-footer"], [1, "btn_primary", "pull-right", "px-5", "text-uppercase", 3, "ngClass", "click"], [1, "modal-header", 3, "ngClass"], ["id", "exampleModalLabel", 1, "modal-title"], [1, "modal-body", "text-left", 3, "ngClass"], ["name", "form", "novalidate", "", 3, "ngClass", "ngSubmit"], ["addaddressform", "ngForm"], ["class", "text-left", 4, "ngIf"], ["class", "text-right", 4, "ngIf"], [1, "row", "mb-3"], [1, "col"], ["for", "staticEmail"], [1, "text-danger"], ["type", "text", "autocomplete", "on", "name", "location", "required", "", 1, "form-control", 3, "placeholder", "ngModel", "ngClass", "ngModelChange"], ["location", "ngModel"], ["class", "invalid-feedback", 4, "ngIf"], ["type", "text", "autocomplete", "off", "name", "address_title", "required", "", 1, "form-control", 3, "placeholder", "ngModel", "ngClass", "ngModelChange"], ["address_title", "ngModel"], ["type", "text", "autocomplete", "off", "name", "blocknumber", "required", "", 1, "form-control", 3, "placeholder", "ngModel", "ngClass", "ngModelChange"], ["blocknumber", "ngModel"], ["type", "text", "autocomplete", "off", "name", "road_number", "required", "", 1, "form-control", 3, "placeholder", "ngModel", "ngClass", "ngModelChange"], ["road_number", "ngModel"], ["type", "text", "autocomplete", "off", "name", "building", "required", "", 1, "form-control", 3, "placeholder", "ngModel", "ngClass", "ngModelChange"], ["building", "ngModel"], ["type", "text", "autocomplete", "off", "name", "flat_no", "required", "", 1, "form-control", 3, "placeholder", "ngModel", "ngClass", "ngModelChange"], ["flat_no", "ngModel"], ["type", "text", "autocomplete", "off", "name", "landmark", 1, "form-control", 3, "placeholder", "ngModel", "ngModelChange"], ["landmark", "ngModel"], ["class", "btn_primary btn-block text-uppercase", "type", "submit", 3, "ngClass", 4, "ngIf"], [1, "text-left"], [1, "text-right"], [1, "invalid-feedback"], [4, "ngIf"], ["type", "submit", 1, "btn_primary", "btn-block", "text-uppercase", 3, "ngClass"]], template: function AddressComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](0, AddressComponent_ng_template_0_Template, 13, 8, "ng-template", 0, 1, _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplateRefExtractor"]);
        _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplate"](2, AddressComponent_ng_template_2_Template, 85, 83, "ng-template", 0, 2, _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵtemplateRefExtractor"]);
    } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_8__["NgClass"], _googlemap_googlemap_component__WEBPACK_IMPORTED_MODULE_9__["GooglemapComponent"], _angular_forms__WEBPACK_IMPORTED_MODULE_10__["ɵangular_packages_forms_forms_y"], _angular_forms__WEBPACK_IMPORTED_MODULE_10__["NgControlStatusGroup"], _angular_forms__WEBPACK_IMPORTED_MODULE_10__["NgForm"], _angular_common__WEBPACK_IMPORTED_MODULE_8__["NgIf"], _angular_forms__WEBPACK_IMPORTED_MODULE_10__["DefaultValueAccessor"], _angular_forms__WEBPACK_IMPORTED_MODULE_10__["RequiredValidator"], _angular_forms__WEBPACK_IMPORTED_MODULE_10__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_10__["NgModel"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_11__["TranslatePipe"]], styles: [".btn_primary[_ngcontent-%COMP%] {\n  padding-top: 4px;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uXFwuLlxcLi5cXC4uXFxhZGRyZXNzLmNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0ksZ0JBQUE7QUFDSiIsImZpbGUiOiJhZGRyZXNzLmNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmJ0bl9wcmltYXJ5e1xyXG4gICAgcGFkZGluZy10b3A6IDRweDtcclxufSJdfQ== */"] });


/***/ }),

/***/ "ZAI4":
/*!*******************************!*\
  !*** ./src/app/app.module.ts ***!
  \*******************************/
/*! exports provided: HttpLoaderFactory, AppModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpLoaderFactory", function() { return HttpLoaderFactory; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppModule", function() { return AppModule; });
/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/platform-browser */ "jhN1");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common/http */ "tk/3");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/forms */ "3Pt+");
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var _agm_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @agm/core */ "pxUr");
/* harmony import */ var ng_gallery__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ng-gallery */ "4Pm/");
/* harmony import */ var ng_gallery_lightbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ng-gallery/lightbox */ "2MBV");
/* harmony import */ var _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! @angular/platform-browser/animations */ "R1ws");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");
/* harmony import */ var _ngx_translate_http_loader__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! @ngx-translate/http-loader */ "mqiu");
/* harmony import */ var ng_otp_input__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ng-otp-input */ "9OaD");
/* harmony import */ var ngx_show_hide_password__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ngx-show-hide-password */ "y6WZ");
/* harmony import */ var _app_routing_module__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./app-routing.module */ "vY5A");
/* harmony import */ var _app_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./app.component */ "Sy1n");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./shared/header/header.component */ "320Y");
/* harmony import */ var _pages_home_home_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./pages/home/home.component */ "1LmZ");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./shared/footer/footer.component */ "jQpT");
/* harmony import */ var _pages_aboutus_aboutus_component__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./pages/aboutus/aboutus.component */ "EYk7");
/* harmony import */ var _pages_learn_human_know_coffee_learn_human_know_coffee_component__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ./pages/learn-human-know-coffee/learn-human-know-coffee.component */ "XAZb");
/* harmony import */ var _pages_learn_benefits_and_harms_learn_benefits_and_harms_component__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./pages/learn-benefits-and-harms/learn-benefits-and-harms.component */ "UcYj");
/* harmony import */ var _pages_preparation_preparation_component__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./pages/preparation/preparation.component */ "13eq");
/* harmony import */ var _pages_gallery_gallery_component__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./pages/gallery/gallery.component */ "NShq");
/* harmony import */ var _pages_contact_contact_component__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./pages/contact/contact.component */ "XEn3");
/* harmony import */ var _pages_product_product_component__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ./pages/product/product.component */ "10O5");
/* harmony import */ var _pages_single_product_single_product_component__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ./pages/single-product/single-product.component */ "SLVn");
/* harmony import */ var _pages_user_account_user_account_component__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./pages/user-account/user-account.component */ "nIRf");
/* harmony import */ var _pages_my_information_my_information_component__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./pages/my-information/my-information.component */ "hM/J");
/* harmony import */ var _pages_order_history_order_history_component__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./pages/order-history/order-history.component */ "Oj9b");
/* harmony import */ var _services_http_interceptor__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./services/http-interceptor */ "jcjB");
/* harmony import */ var _pages_cart_cart_component__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./pages/cart/cart.component */ "sHrM");
/* harmony import */ var _shared_user_login_user_login_component__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./shared/user-login/user-login.component */ "s7gC");
/* harmony import */ var _pages_sigunup_sigunup_component__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./pages/sigunup/sigunup.component */ "Pfx7");
/* harmony import */ var _shared_address_address_component__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./shared/address/address.component */ "YBnm");
/* harmony import */ var _shared_googlemap_googlemap_component__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./shared/googlemap/googlemap.component */ "+kh+");
/* harmony import */ var _shared_profile_form_profile_form_component__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./shared/profile-form/profile-form.component */ "8WL1");
/* harmony import */ var _shared_order_order_component__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./shared/order/order.component */ "aUFk");
/* harmony import */ var _pages_user_address_user_address_component__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ./pages/user-address/user-address.component */ "SlRn");
/* harmony import */ var _shared_review_review_component__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ./shared/review/review.component */ "+z6I");
/* harmony import */ var _shared_forgotpassword_forgotpassword_component__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ./shared/forgotpassword/forgotpassword.component */ "PGnz");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! @angular/core */ "fXoL");












































/**
 * Add the translation
 * @param {http} http Used for translation.
 * @return {HttpClient} Used for translation.
 */
function HttpLoaderFactory(http) {
    return new _ngx_translate_http_loader__WEBPACK_IMPORTED_MODULE_9__["TranslateHttpLoader"](http, 'assets/i18n/', '.json');
}
/**
 * Core app module
 */
class AppModule {
}
AppModule.ɵmod = _angular_core__WEBPACK_IMPORTED_MODULE_39__["ɵɵdefineNgModule"]({ type: AppModule, bootstrap: [_app_component__WEBPACK_IMPORTED_MODULE_13__["AppComponent"]] });
AppModule.ɵinj = _angular_core__WEBPACK_IMPORTED_MODULE_39__["ɵɵdefineInjector"]({ factory: function AppModule_Factory(t) { return new (t || AppModule)(); }, providers: [
        {
            provide: _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HTTP_INTERCEPTORS"],
            useClass: _services_http_interceptor__WEBPACK_IMPORTED_MODULE_28__["HttpRequestInterceptor"],
            multi: true,
        },
    ], imports: [[
            _angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__["BrowserModule"],
            _app_routing_module__WEBPACK_IMPORTED_MODULE_12__["AppRoutingModule"],
            _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__["NgbModule"],
            _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpClientModule"],
            ngx_show_hide_password__WEBPACK_IMPORTED_MODULE_11__["ShowHidePasswordModule"],
            _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_7__["BrowserAnimationsModule"],
            ng_gallery__WEBPACK_IMPORTED_MODULE_5__["GalleryModule"],
            _angular_forms__WEBPACK_IMPORTED_MODULE_2__["ReactiveFormsModule"],
            _angular_forms__WEBPACK_IMPORTED_MODULE_2__["FormsModule"],
            ng_gallery_lightbox__WEBPACK_IMPORTED_MODULE_6__["LightboxModule"],
            _ngx_translate_core__WEBPACK_IMPORTED_MODULE_8__["TranslateModule"].forRoot({
                loader: {
                    provide: _ngx_translate_core__WEBPACK_IMPORTED_MODULE_8__["TranslateLoader"],
                    useFactory: HttpLoaderFactory,
                    deps: [_angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpClient"]],
                },
            }),
            _agm_core__WEBPACK_IMPORTED_MODULE_4__["AgmCoreModule"].forRoot({
                apiKey: 'AIzaSyCGnWhXZMx-CcNQGqw3pQDOWqqOzHMWdXU',
            }),
            ng_otp_input__WEBPACK_IMPORTED_MODULE_10__["NgOtpInputModule"],
        ]] });
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_39__["ɵɵsetNgModuleScope"](AppModule, { declarations: [_app_component__WEBPACK_IMPORTED_MODULE_13__["AppComponent"],
        _shared_header_header_component__WEBPACK_IMPORTED_MODULE_14__["HeaderComponent"],
        _pages_home_home_component__WEBPACK_IMPORTED_MODULE_15__["HomeComponent"],
        _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_16__["FooterComponent"],
        _pages_aboutus_aboutus_component__WEBPACK_IMPORTED_MODULE_17__["AboutusComponent"],
        _pages_learn_human_know_coffee_learn_human_know_coffee_component__WEBPACK_IMPORTED_MODULE_18__["LearnHumanKnowCoffeeComponent"],
        _pages_learn_benefits_and_harms_learn_benefits_and_harms_component__WEBPACK_IMPORTED_MODULE_19__["LearnBenefitsAndHarmsComponent"],
        _pages_preparation_preparation_component__WEBPACK_IMPORTED_MODULE_20__["PreparationComponent"],
        _pages_gallery_gallery_component__WEBPACK_IMPORTED_MODULE_21__["GalleryComponent"],
        _pages_contact_contact_component__WEBPACK_IMPORTED_MODULE_22__["ContactComponent"],
        _pages_product_product_component__WEBPACK_IMPORTED_MODULE_23__["ProductComponent"],
        _pages_single_product_single_product_component__WEBPACK_IMPORTED_MODULE_24__["SingleProductComponent"],
        _pages_user_account_user_account_component__WEBPACK_IMPORTED_MODULE_25__["UserAccountComponent"],
        _pages_my_information_my_information_component__WEBPACK_IMPORTED_MODULE_26__["MyInformationComponent"],
        _pages_order_history_order_history_component__WEBPACK_IMPORTED_MODULE_27__["OrderHistoryComponent"],
        _pages_cart_cart_component__WEBPACK_IMPORTED_MODULE_29__["CartComponent"],
        _shared_user_login_user_login_component__WEBPACK_IMPORTED_MODULE_30__["UserLoginComponent"],
        _pages_sigunup_sigunup_component__WEBPACK_IMPORTED_MODULE_31__["SigunupComponent"],
        _shared_address_address_component__WEBPACK_IMPORTED_MODULE_32__["AddressComponent"],
        _shared_googlemap_googlemap_component__WEBPACK_IMPORTED_MODULE_33__["GooglemapComponent"],
        _shared_profile_form_profile_form_component__WEBPACK_IMPORTED_MODULE_34__["ProfileFormComponent"],
        _shared_order_order_component__WEBPACK_IMPORTED_MODULE_35__["OrderComponent"],
        _pages_user_address_user_address_component__WEBPACK_IMPORTED_MODULE_36__["UserAddressComponent"],
        _shared_review_review_component__WEBPACK_IMPORTED_MODULE_37__["ReviewComponent"],
        _shared_forgotpassword_forgotpassword_component__WEBPACK_IMPORTED_MODULE_38__["ForgotpasswordComponent"]], imports: [_angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__["BrowserModule"],
        _app_routing_module__WEBPACK_IMPORTED_MODULE_12__["AppRoutingModule"],
        _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__["NgbModule"],
        _angular_common_http__WEBPACK_IMPORTED_MODULE_1__["HttpClientModule"],
        ngx_show_hide_password__WEBPACK_IMPORTED_MODULE_11__["ShowHidePasswordModule"],
        _angular_platform_browser_animations__WEBPACK_IMPORTED_MODULE_7__["BrowserAnimationsModule"],
        ng_gallery__WEBPACK_IMPORTED_MODULE_5__["GalleryModule"],
        _angular_forms__WEBPACK_IMPORTED_MODULE_2__["ReactiveFormsModule"],
        _angular_forms__WEBPACK_IMPORTED_MODULE_2__["FormsModule"],
        ng_gallery_lightbox__WEBPACK_IMPORTED_MODULE_6__["LightboxModule"], _ngx_translate_core__WEBPACK_IMPORTED_MODULE_8__["TranslateModule"], _agm_core__WEBPACK_IMPORTED_MODULE_4__["AgmCoreModule"], ng_otp_input__WEBPACK_IMPORTED_MODULE_10__["NgOtpInputModule"]] }); })();


/***/ }),

/***/ "aUFk":
/*!*************************************************!*\
  !*** ./src/app/shared/order/order.component.ts ***!
  \*************************************************/
/*! exports provided: OrderComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OrderComponent", function() { return OrderComponent; });
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "LvDl");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! src/app/services/modal.service */ "VQPA");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");







const _c0 = ["order"];
function OrderComponent_ng_template_0_p_25_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](2, 1, "ORDER_HISTORY.PAYMENT.COD"));
} }
function OrderComponent_ng_template_0_tr_55_p_5_span_1_span_3_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](1, ", ");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
} }
function OrderComponent_ng_template_0_tr_55_p_5_span_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](1, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](3, OrderComponent_ng_template_0_tr_55_p_5_span_1_span_3_Template, 2, 0, "span", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
} if (rf & 2) {
    const add_ons_r9 = ctx.$implicit;
    const i_r10 = ctx.index;
    const items_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2).$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](add_ons_r9.name);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", i_r10 !== (items_r6 == null ? null : items_r6.add_ons.length) - 1);
} }
function OrderComponent_ng_template_0_tr_55_p_5_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "p", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](1, OrderComponent_ng_template_0_tr_55_p_5_span_1_Template, 4, 2, "span", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
} if (rf & 2) {
    const items_r6 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngForOf", items_r6 == null ? null : items_r6.add_ons);
} }
function OrderComponent_ng_template_0_tr_55_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "tr");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](1, "td", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](2, "p", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](3, "b", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](5, OrderComponent_ng_template_0_tr_55_p_5_Template, 2, 1, "p", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](6, "td", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](8, "td", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](10, "td", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
} if (rf & 2) {
    const items_r6 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](items_r6.food_name);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", items_r6.add_ons.length > 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](items_r6.food_quantity);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("AED\u00A0 ", items_r6.total, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("AED\u00A0 ", items_r6.total * items_r6.food_quantity, "");
} }
function OrderComponent_ng_template_0_div_65_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](1, "h6", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](2, "span", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](4, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](5, "span", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](4, 2, "ORDER_HISTORY.COUPON_DISCOUNT"));
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("- AED ", ctx_r5.orderItem == null ? null : ctx_r5.orderItem.offer_discount, "");
} }
function OrderComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](0, "div", 2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](1, "h5", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](3, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](4, "button", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("click", function OrderComponent_ng_template_0_Template_button_click_4_listener() { const modal_r2 = ctx.$implicit; return modal_r2.dismiss(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](5, "span", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](6, "\u00D7");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](7, "div", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](8, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](9, "div", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](10, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](11, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](12);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](13, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](14, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](16, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](17);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](18, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](19, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](20);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](21, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](22);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](23, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](24, "div", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](25, OrderComponent_ng_template_0_p_25_Template, 3, 3, "p", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](26, "div", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](27, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](28, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](29);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](30, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](31, "div", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](32);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](33, "div", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](34, "div", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](35, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](36, "table", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](37, "tbody");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](38, "tr");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](39, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](40, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](41);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](42, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](43, "th", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](44, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](45);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](46, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](47, "th", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](48, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](49);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](50, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](51, "th", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](52, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](53);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](54, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](55, OrderComponent_ng_template_0_tr_55_Template, 12, 5, "tr", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](56, "div", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](57, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](58, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](59, "h6", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](60, "span", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](61);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](62, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](63, "span", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](64);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](65, OrderComponent_ng_template_0_div_65_Template, 7, 4, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](66, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](67, "h6", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](68, "span", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](69);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](70, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](71, "span", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](72);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](3, 20, "ORDER_HISTORY.ORDER_DETAILS"));
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](13, 22, "ORDER_HISTORY.ORDER_NUMBER"), " :");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](ctx_r1.orderItem == null ? null : ctx_r1.orderItem.order_id);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](18, 24, "ORDER_HISTORY.TRANSACTION_TIME"), " :");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](ctx_r1.orderItem == null ? null : ctx_r1.orderItem.ordered_on);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](23, 26, "ORDER_HISTORY.PAYMENT.PAYMENT_METHOD"), " :");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", (ctx_r1.orderItem == null ? null : ctx_r1.orderItem.payment_type) == 1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](30, 28, "ORDER_HISTORY.ADDRESS.DELIVERY_ADDRESS"), " :");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](ctx_r1.orderItem == null ? null : ctx_r1.orderItem.delivery_address);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](42, 30, "ORDER_HISTORY.ITEM"));
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](46, 32, "ORDER_HISTORY.QTY"));
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](50, 34, "ORDER_HISTORY.PRICE"));
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](54, 36, "ORDER_HISTORY.TOTAL"));
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngForOf", ctx_r1.orderItem == null ? null : ctx_r1.orderItem.item_list);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](62, 38, "ORDER_HISTORY.SUB_TOTAL"));
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("AED ", ctx_r1.orderItem == null ? null : ctx_r1.orderItem.total, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngIf", (ctx_r1.orderItem == null ? null : ctx_r1.orderItem.offer_discount) > 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](70, 40, "ORDER_HISTORY.TOTAL"));
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"]("AED ", ctx_r1.orderItem == null ? null : ctx_r1.orderItem.bill_amount, "");
} }
/**
 * Order component
 */
class OrderComponent {
    /**
     * @constructor
     */
    constructor(orderModalService, modalService) {
        this.orderModalService = orderModalService;
        this.modalService = modalService;
        this.order = {};
        this.orderItem = {};
    }
    /**
     * on init
     */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        // Listening to login modal observable
        this.modalSubscription = this.orderModalService.setOrderModalStatusObserve.subscribe((data) => {
            var _a;
            if (data.isOrderModalOpen) {
                this.orderModal = this.modalService.open(this.orderRef, { size: 'lg', ariaLabelledBy: 'modal-basic-title' });
            }
            else {
                (_a = this.orderModal) === null || _a === void 0 ? void 0 : _a.close();
            }
        });
    }
    /**
     * on destroy
     */
    ngOnDestroy() {
        this.modalSubscription.unsubscribe();
    }
    /**
     * on changes
     * @param {SimpleChanges} changes
     */
    ngOnChanges(changes) {
        var _a, _b;
        if ((_a = changes.order) === null || _a === void 0 ? void 0 : _a.currentValue) {
            this.orderItem = (_b = changes.order) === null || _b === void 0 ? void 0 : _b.currentValue;
            this.orderItem.total = 0;
            lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(this.orderItem.item_list, (item) => {
                item.total = item.item_price;
                if (item.add_ons.length > 0) {
                    lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(item.add_ons, (addon) => {
                        item.total += addon.price;
                    });
                }
                this.orderItem.total += item.total;
            });
        }
    }
}
OrderComponent.ɵfac = function OrderComponent_Factory(t) { return new (t || OrderComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_3__["ModalService"]), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_0__["NgbModal"])); };
OrderComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdefineComponent"]({ type: OrderComponent, selectors: [["app-order"]], viewQuery: function OrderComponent_Query(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵviewQuery"](_c0, 1);
    } if (rf & 2) {
        let _t;
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵloadQuery"]()) && (ctx.orderRef = _t.first);
    } }, inputs: { order: "order" }, features: [_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵProvidersFeature"]([_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_0__["NgbModalConfig"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_0__["NgbModal"]]), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵNgOnChangesFeature"]], decls: 2, vars: 0, consts: [["class", "modal-dialog-centered"], ["order", ""], [1, "modal-header", "orderView"], [1, "modal-title"], ["type", "button", "aria-label", "Close", 1, "close", 3, "click"], ["aria-hidden", "true"], [1, "modal-body", "orderView", 3, "ngClass"], [1, "row"], [1, "col-md-6"], [1, "col-md-6", "mb-2"], [4, "ngIf"], [1, "col-md-4"], [1, "col-md-8"], [1, "clearfix"], [1, "table", "text-left", "px-2"], [1, "text-center"], [1, "text-center", "item-price"], [1, "text-right", "total"], [4, "ngFor", "ngForOf"], [1, "d-flex", "justify-content-end", "w-100"], [1, "col-md-12", "p-0"], [1, "d-flex", "justify-content-between"], [1, "pull-left", "text-dark"], [1, "pull-right", "text-primary", "text-right"], ["class", "col-md-12 p-0", 4, "ngIf"], [1, "v-middle"], [1, "p-0", "m-0"], [1, "ng-binding"], ["class", "p-0 m-0", 4, "ngIf"], [1, "text-center", "v-middle"], [1, "text-center", "v-middle", "text-nowrap", "price"], [1, "text-right", "v-middle", "text-nowrap"]], template: function OrderComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplate"](0, OrderComponent_ng_template_0_Template, 73, 42, "ng-template", 0, 1, _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtemplateRefExtractor"]);
    } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_4__["NgClass"], _angular_common__WEBPACK_IMPORTED_MODULE_4__["NgIf"], _angular_common__WEBPACK_IMPORTED_MODULE_4__["NgForOf"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_5__["TranslatePipe"]], styles: ["\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJvcmRlci5jb21wb25lbnQuc2NzcyJ9 */"] });


/***/ }),

/***/ "eeuo":
/*!************************************************!*\
  !*** ./src/app/services/cart-count.service.ts ***!
  \************************************************/
/*! exports provided: CartCountService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CartCountService", function() { return CartCountService; });
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! rxjs */ "qCKp");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");


/**
 * Cart count service
 */
class CartCountService {
    /**
   * @constructor
   */
    constructor() {
        this.cartIncrement = new rxjs__WEBPACK_IMPORTED_MODULE_0__["BehaviorSubject"]({ count: 0 });
        this.cartIncrementObserve = this.cartIncrement.asObservable();
    }
    /**
     * updateCartCount
     * @param {number} data
     */
    updateCartCount(data) {
        this.cartIncrement.next(data);
    }
}
CartCountService.ɵfac = function CartCountService_Factory(t) { return new (t || CartCountService)(); };
CartCountService.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjectable"]({ token: CartCountService, factory: CartCountService.ɵfac, providedIn: 'root' });


/***/ }),

/***/ "hM/J":
/*!******************************************************************!*\
  !*** ./src/app/pages/my-information/my-information.component.ts ***!
  \******************************************************************/
/*! exports provided: MyInformationComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "MyInformationComponent", function() { return MyInformationComponent; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "mrSG");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! sweetalert2/dist/sweetalert2.js */ "PdH4");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var src_app_services_user_service__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! src/app/services/user.service */ "qfBg");
/* harmony import */ var src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/services/storage.service */ "n90K");
/* harmony import */ var src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/services/translation.service */ "ty2H");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _shared_profile_form_profile_form_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../shared/profile-form/profile-form.component */ "8WL1");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");











const _c0 = function () { return ["/ar"]; };
const _c1 = function () { return ["/"]; };
const _c2 = function () { return ["/ar/user-account"]; };
const _c3 = function () { return ["/user-account"]; };
/**
 * Profile Component
 */
class MyInformationComponent {
    /**
     * @constructor
     */
    constructor(router, userService, storageService, translationService) {
        this.router = router;
        this.userService = userService;
        this.storageService = storageService;
        this.translationService = translationService;
        this.profile = {};
        this.profileDetails = {};
        window.scroll(0, 0);
    }
    /**
     * On init
     */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.profile = JSON.parse(this.storageService.getItem('profile'));
        this.getProfile();
    }
    /**
     * Get Profile
     */
    getProfile() {
        const data = {
            authId: this.profile.authId,
            authToken: this.profile.authToken,
        };
        this.userService.getProfile(data).subscribe((response) => {
            if (response['status']) {
                this.profileDetails = response['data'][0];
                this.profileDetails.first_name = this.profileDetails.name;
                this.profileDetails.confirmPassword = this.profileDetails.password;
            }
        });
    }
    /**
     * Update Profile
     * @param {object} profileForm
     */
    updateProfile(profileForm) {
        profileForm.authId = this.profile.authId;
        profileForm.authToken = this.profile.authToken;
        this.userService.updateProfile(profileForm).subscribe((response) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            if (response['status']) {
                this.profileDetails = response['data'];
                sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_1___default.a.fire({
                    title: yield this.translationService.translateText('TOAST.PROFILE_UPDATE_SUCCESS'),
                    icon: 'success',
                    confirmButtonColor: '#432919',
                    confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                }).then((result) => {
                    this.lang === 'AR' ? this.router.navigate(['/ar/user-account']) : this.router.navigate(['/user-account']);
                });
            }
        }));
    }
}
MyInformationComponent.ɵfac = function MyInformationComponent_Factory(t) { return new (t || MyInformationComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_3__["Router"]), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_services_user_service__WEBPACK_IMPORTED_MODULE_4__["UserService"]), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_5__["StorageService"]), _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdirectiveInject"](src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_6__["TranslationService"])); };
MyInformationComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵdefineComponent"]({ type: MyInformationComponent, selectors: [["app-my-information"]], decls: 22, vars: 22, consts: [["setActive", "cart"], [1, "my-info"], [1, "container-fluid"], [1, "row"], [1, "col-lg-12"], [1, "banner"], [1, "banner-head"], [3, "ngClass"], [1, "breadcumbs"], [3, "routerLink"], [3, "buttonName", "profileDetails", "submitChange"]], template: function MyInformationComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelement"](0, "app-header", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](1, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](3, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](4, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](5, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](6, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](7, "h3", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](9, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](10, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](11, "span", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](12, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](13);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](14, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](15, " / ");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](16, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](17);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](18, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtext"](19);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipe"](20, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementStart"](21, "app-profile-form", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵlistener"]("submitChange", function MyInformationComponent_Template_app_profile_form_submitChange_21_listener($event) { return ctx.updateProfile($event); });
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵelementEnd"]();
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](9, 10, "ACCOUNT.USER_ACCOUNT"));
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-HomepageBaukasten-Book");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpureFunction0"](18, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpureFunction0"](19, _c1));
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](14, 12, "MENU.HOME"));
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpureFunction0"](20, _c2) : _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpureFunction0"](21, _c3));
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](18, 14, "ACCOUNT.USER_ACCOUNT"));
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵtextInterpolate1"](" / ", _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵpipeBind1"](20, 16, "ACCOUNT.MY_INFORMATION"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_2__["ɵɵproperty"]("buttonName", "COMMON.UPDATE")("profileDetails", ctx.profileDetails);
    } }, directives: [_shared_header_header_component__WEBPACK_IMPORTED_MODULE_7__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_8__["NgClass"], _angular_router__WEBPACK_IMPORTED_MODULE_3__["RouterLinkWithHref"], _shared_profile_form_profile_form_component__WEBPACK_IMPORTED_MODULE_9__["ProfileFormComponent"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_10__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.my-info[_ngcontent-%COMP%] {\n  border-top: 1px solid #1d1d1b;\n}\n.banner-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 40px;\n  line-height: 80px;\n  color: #1d1d1b;\n  text-transform: capitalize;\n  margin: 0;\n}\n.breadcumbs[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 40px;\n  text-align: right;\n  color: #9f9f9f;\n}\n.breadcumbs[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #9f9f9f !important;\n}\n.banner[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.purchase[_ngcontent-%COMP%] {\n  border: 3px solid #9f9f9f;\n  margin-bottom: 30px;\n}\n.purchase-head[_ngcontent-%COMP%] {\n  background: #9f9f9f;\n}\n.purchase-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-family: Humanist777BT-RomanCondensedB;\n  margin: 0;\n  padding: 0px 10px;\n  color: #1d1d1b;\n  font-size: 30px;\n  line-height: 36px;\n  text-align: left;\n}\n.myinform-head[_ngcontent-%COMP%] {\n  margin: 20px 35px;\n}\n.myinform-head[_ngcontent-%COMP%]   .btn-continue[_ngcontent-%COMP%] {\n  padding: 0px 30px;\n  font-size: 30px;\n  line-height: 30px;\n  color: #bc8033;\n  border: 1px solid transparent;\n  background: #432919;\n  border-radius: 30px;\n}\n.myinform-head[_ngcontent-%COMP%]   .btn-continue[_ngcontent-%COMP%]:hover {\n  color: #bc8033;\n  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.myinform-head[_ngcontent-%COMP%]   .pb[_ngcontent-%COMP%] {\n  padding-bottom: 15px;\n}\n.myinform-head[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%] {\n  border: 1px solid #9f9f9f;\n  border-radius: 0 !important;\n}\n.myinform-head[_ngcontent-%COMP%]   .captcha[_ngcontent-%COMP%]   input.form-control[_ngcontent-%COMP%] {\n  height: 70px;\n  background: #dedede;\n  border: 1px solid #9f9f9f;\n  border-radius: 0 !important;\n}\n.myinform-head[_ngcontent-%COMP%]   .captcha[_ngcontent-%COMP%]   input.form-control[_ngcontent-%COMP%]::-moz-placeholder {\n  text-align: center;\n  font-size: 26px;\n  line-height: 36px;\n  color: #1d1d1b;\n  font-family: Humanist777BT-RomanCondensedB;\n}\n.myinform-head[_ngcontent-%COMP%]   .captcha[_ngcontent-%COMP%]   input.form-control[_ngcontent-%COMP%]::placeholder {\n  text-align: center;\n  font-size: 26px;\n  line-height: 36px;\n  color: #1d1d1b;\n  font-family: Humanist777BT-RomanCondensedB;\n}\nlabel.col-form-label[_ngcontent-%COMP%] {\n  font-size: 26px;\n  line-height: 36px;\n  color: #1d1d1b;\n  font-family: Humanist777BT-RomanCondensedB;\n}\n@media only screen and (max-width: 767px) {\n  .container-fluid[_ngcontent-%COMP%] {\n    padding-right: 15px;\n    padding-left: 15px;\n    margin: 0 auto;\n  }\n\n  .myinform-head[_ngcontent-%COMP%] {\n    margin: 20px 15px;\n  }\n\n  label.col-form-label[_ngcontent-%COMP%] {\n    font-size: 20px;\n    line-height: 36px;\n    color: #1d1d1b;\n    font-family: Humanist777BT-RomanCondensedB;\n  }\n\n  .banner-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 40px;\n  }\n\n  .breadcumbs[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "jQpT":
/*!***************************************************!*\
  !*** ./src/app/shared/footer/footer.component.ts ***!
  \***************************************************/
/*! exports provided: FooterComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FooterComponent", function() { return FooterComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");





function FooterComponent_p_73_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "p", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("\u062C\u0645\u064A\u0639 \u0627\u0644\u062D\u0642\u0648\u0642 \u0645\u062D\u0641\u0648\u0638\u0629 \u00A9\uFE0F 2012 - ", ctx_r0.year, " ,\u0644\u0634\u0631\u0643\u0629 \u0645\u062D\u0645\u0635\u0629 \u0628\u0646 \u0627\u0644\u0628\u062F\u0648\u064A.");
} }
function FooterComponent_p_74_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "p", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("Copyright 2012 - ", ctx_r1.year, " AlBadawi Coffee. All Rights Reserved.");
} }
const _c0 = function () { return ["/home"]; };
const _c1 = function () { return ["/about-us"]; };
const _c2 = function () { return ["/what-are-the-benefits-and-harms"]; };
const _c3 = function () { return ["/preparation"]; };
const _c4 = function () { return ["/gallery"]; };
const _c5 = function () { return ["/contact"]; };
const _c6 = function () { return ["/product"]; };
/**
 * Footer Component
 */
class FooterComponent {
    /**
     * constructor
     */
    constructor() {
        this.isMenuCollapsed = true;
    }
    /**
     * Page initialization
     */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.year = new Date().getFullYear();
    }
}
FooterComponent.ɵfac = function FooterComponent_Factory(t) { return new (t || FooterComponent)(); };
FooterComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: FooterComponent, selectors: [["app-footer"]], decls: 75, vars: 63, consts: [[1, "footer_section", 3, "ngClass"], [1, "container-fluid"], [1, "row", "footer"], ["id", "footer-logo", 1, "col-md-4", "footer_logo"], ["src", "assets/images/icons/footer_logo.png", "alt", "logo"], ["id", "addressSection", 1, "col-md-8"], [1, "navbar", "navbar-expand-lg", "mb-3"], [1, "collapse", "navbar-collapse", 3, "ngbCollapse"], [1, "navbar-nav", 3, "ngClass"], [1, "nav-item", "active"], [1, "nav-link", 3, "routerLink", "click"], [1, "nav-item"], [1, "footer_section--address"], [3, "ngClass"], [1, "footer_section--share", 3, "ngClass"], [1, "text-white"], [1, "social-share"], [1, "socia-icons"], ["href", "https://www.facebook.com/AlbadawiCoffee", "target", "blank"], ["src", "assets/images/icons/facebook.png", "alt", "facebook"], ["href", "https://www.instagram.com/albadawicoffee_uae", "target", "blank"], ["src", "assets/images/icons/instagram.svg"], [1, "copyrights"], ["class", "text-white text-center copyrights_ar", 4, "ngIf"], ["class", "text-white text-center copyrights_en", 4, "ngIf"], [1, "text-white", "text-center", "copyrights_ar"], [1, "text-white", "text-center", "copyrights_en"]], template: function FooterComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](0, "footer");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](6, "img", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](8, "nav", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](9, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "ul", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "li", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "a", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FooterComponent_Template_a_click_12_listener() { return ctx.isMenuCollapsed = true; });
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](14, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](15, "li", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](16, "a", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FooterComponent_Template_a_click_16_listener() { return ctx.isMenuCollapsed = true; });
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](17);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](18, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](19, "li", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](20, "a", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FooterComponent_Template_a_click_20_listener() { return ctx.isMenuCollapsed = true; });
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](21);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](22, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](23, "li", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](24, "a", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FooterComponent_Template_a_click_24_listener() { return ctx.isMenuCollapsed = true; });
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](25);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](26, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](27, "li", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](28, "a", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FooterComponent_Template_a_click_28_listener() { return ctx.isMenuCollapsed = true; });
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](29);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](30, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](31, "li", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](32, "a", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FooterComponent_Template_a_click_32_listener() { return ctx.isMenuCollapsed = true; });
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](33);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](34, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](35, "li", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](36, "a", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵlistener"]("click", function FooterComponent_Template_a_click_36_listener() { return ctx.isMenuCollapsed = true; });
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](37);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](38, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](39, "div", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](40, "address", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](41, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](42);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](43, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](44, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](45, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](46);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](47, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](48, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](49);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](50, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](51, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](52);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](53, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](54, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](55);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](56, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](57, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](58);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](59, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](60, "div", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](61, "div", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](62);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](63, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](64, "div", 16);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](65, "ul", 17);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](66, "li");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](67, "a", 18);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](68, "img", 19);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](69, "li");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](70, "a", 20);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](71, "img", 21);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](72, "div", 22);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](73, FooterComponent_p_73_Template, 2, 1, "p", 23);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtemplate"](74, FooterComponent_p_74_Template, 2, 1, "p", 24);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "footer_section__ar" : "footer_section__en");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngbCollapse", ctx.isMenuCollapsed);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "navBar__ar" : "navBar__en");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](56, _c0));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](14, 28, "MENU.HOME"), " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](57, _c1));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](18, 30, "MENU.ABOUT"), " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](58, _c2));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](22, 32, "MENU.LEARN"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](59, _c3));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](26, 34, "MENU.PREPARATION"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](60, _c4));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](30, 36, "MENU.GALLERY"), " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](61, _c5));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" ", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](34, 38, "MENU.CONTACT"), " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](62, _c6));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](38, 40, "MENU.SHOP"), " ");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "address_ar" : "address_en");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](43, 42, "CONTACT.ALBUHAIRA_CORNICHE"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](47, 44, "CONTACT.CORNICHE_PLAZA_BUILDING"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](50, 46, "CONTACT.MOBILE"), ": \u200E+9716-5739363");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](53, 48, "CONTACT.FAX"), ": \u200E+9716-5721578");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](56, 50, "CONTACT.POBOX"), ": 29883");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](59, 52, "CONTACT.EMAIL"), ": info@albadawicoffee.com");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-HomepageBaukasten-Book");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](63, 54, "FOOTER.SHARE"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.lang === "AR");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngIf", ctx.lang === "EN");
    } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_1__["NgClass"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_2__["NgbNavbar"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_2__["NgbCollapse"], _angular_router__WEBPACK_IMPORTED_MODULE_3__["RouterLinkWithHref"], _angular_common__WEBPACK_IMPORTED_MODULE_1__["NgIf"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_4__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.footer_section[_ngcontent-%COMP%] {\n  background: #1d1d1b;\n  padding: 2em 0;\n}\n.footer_section[_ngcontent-%COMP%]   .footer[_ngcontent-%COMP%] {\n  display: flex;\n  display: -webkit-flex;\n}\n.footer_section[_ngcontent-%COMP%]   .footer_section--address[_ngcontent-%COMP%] {\n  margin-top: 3em;\n  color: #fff;\n}\n.footer_section[_ngcontent-%COMP%]   .footer_section--address[_ngcontent-%COMP%]   .address_en[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n  font-size: 1.25rem;\n  line-height: 1.8rem;\n}\n.footer_section[_ngcontent-%COMP%]   .footer_section--address[_ngcontent-%COMP%]   .address_en[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-bottom: 0.5px;\n}\n.footer_section[_ngcontent-%COMP%]   .footer_section--address[_ngcontent-%COMP%]   .address_ar[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n  font-size: 1.25rem;\n  line-height: 1.688rem;\n}\n.footer_section[_ngcontent-%COMP%]   .footer_section--address[_ngcontent-%COMP%]   .address_ar[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin-bottom: 0.5px;\n}\n.footer_section[_ngcontent-%COMP%]   .footer_logo[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.footer_section[_ngcontent-%COMP%]   .copyrights[_ngcontent-%COMP%] {\n  margin-top: 3em;\n  background-image: url('copyrights_bg.png');\n}\n.footer_section[_ngcontent-%COMP%]   .copyrights[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  padding: 0.5em;\n}\n.footer_section[_ngcontent-%COMP%]   .copyrights[_ngcontent-%COMP%]   .copyrights_ar[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n  font-size: 0.8rem;\n  line-height: 1.313rem;\n}\n.footer_section[_ngcontent-%COMP%]   .copyrights[_ngcontent-%COMP%]   .copyrights_en[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n  font-size: 0.8rem;\n}\n.navbar[_ngcontent-%COMP%] {\n  padding: 0rem;\n}\n.navbar[_ngcontent-%COMP%]   .navBar__en[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n  font-size: 1.25rem;\n  line-height: 1.5rem;\n}\n.navbar[_ngcontent-%COMP%]   .navBar__ar[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n  font-size: 1.25rem;\n  line-height: 1.688rem;\n}\n.navbar[_ngcontent-%COMP%]   .nav-item[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #fff;\n}\n.footer_section--share[_ngcontent-%COMP%] {\n  font-size: 1.375rem;\n  line-height: 1.875rem;\n}\n.social-share[_ngcontent-%COMP%] {\n  margin: 20px 0px;\n}\nul.socia-icons[_ngcontent-%COMP%] {\n  padding: 0;\n  margin: 0;\n  list-style: none;\n  display: flex;\n  align-items: flex-start;\n}\nul.socia-icons[_ngcontent-%COMP%]   li[_ngcontent-%COMP%]:not(:firstchild) {\n  padding: 0px 15px;\n}\n\n@media only screen and (max-width: 767px) {\n  .footer_section__en[_ngcontent-%COMP%] {\n    text-align: center;\n  }\n\n  .footer_section__ar[_ngcontent-%COMP%] {\n    text-align: center;\n  }\n\n  #addressSection[_ngcontent-%COMP%] {\n    order: 1;\n    -webkit-order: 1;\n  }\n\n  #footer-logo[_ngcontent-%COMP%] {\n    order: 2;\n    -webkit-order: 2;\n  }\n\n  ul.socia-icons[_ngcontent-%COMP%] {\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  ul.socia-icons[_ngcontent-%COMP%]   li[_ngcontent-%COMP%] {\n    padding: 0px 15px;\n  }\n\n  .footer_section[_ngcontent-%COMP%]   .copyrights[_ngcontent-%COMP%]   .copyrights_en[_ngcontent-%COMP%] {\n    font-size: 12px;\n    line-height: 13px;\n  }\n\n  .footer_section[_ngcontent-%COMP%]   .footer_section--address[_ngcontent-%COMP%]   address[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]   .address_ar[_ngcontent-%COMP%] {\n    font-size: 18px;\n    line-height: 21px;\n  }\n\n  .footer_section[_ngcontent-%COMP%]   .footer_section--address[_ngcontent-%COMP%]   address[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]   .address_en[_ngcontent-%COMP%] {\n    font-size: 18px;\n    line-height: 21px;\n  }\n\n  .footer_section[_ngcontent-%COMP%]   .footer_section--address[_ngcontent-%COMP%] {\n    margin-top: 0em;\n  }\n\n  .footer_section--share[_ngcontent-%COMP%] {\n    font-size: 1.375rem;\n    line-height: 1.875rem;\n    text-align: center;\n  }\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "jcjB":
/*!**********************************************!*\
  !*** ./src/app/services/http-interceptor.ts ***!
  \**********************************************/
/*! exports provided: HttpRequestInterceptor */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HttpRequestInterceptor", function() { return HttpRequestInterceptor; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL");

/**
   * Http interceptor
   */
class HttpRequestInterceptor {
    /**
     * @constructor
     */
    constructor() { }
    /**
     * Interceptor
     * @param {HttpRequest<any>} request
     * @param {HttpHandler} next
     * @return {Observable<HttpEvent<any>>}
     */
    intercept(request, next) {
        return next.handle(request);
    }
}
HttpRequestInterceptor.ɵfac = function HttpRequestInterceptor_Factory(t) { return new (t || HttpRequestInterceptor)(); };
HttpRequestInterceptor.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineInjectable"]({ token: HttpRequestInterceptor, factory: HttpRequestInterceptor.ɵfac });


/***/ }),

/***/ "kVqo":
/*!*******************************************!*\
  !*** ./src/app/services/order.service.ts ***!
  \*******************************************/
/*! exports provided: OrderService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "OrderService", function() { return OrderService; });
/* harmony import */ var src_environments_environment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/environments/environment */ "AytR");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "tk/3");



/**
 * Order service
 */
class OrderService {
    /**
     * @constructor
     */
    constructor(http) {
        this.http = http;
        this.BASE_URL = src_environments_environment__WEBPACK_IMPORTED_MODULE_0__["environment"].BASE_URL;
    }
    /**
      * paynow function
      * @param {any} data
      * @return {any}
    */
    paynow(data) {
        return this.http.post(`${this.BASE_URL}/paynow`, data);
    }
    /**
      * checkPromoCode function
      * @param {any} data
      * @return {any}
    */
    checkPromoCode(data) {
        return this.http.post(`${this.BASE_URL}/check_promocode`, data);
    }
    /**
      * order history function
      * @param {any} data
      * @return {any}
    */
    orderHistory(data) {
        return this.http.get(`${this.BASE_URL}/order_history?device_type=web&authId=${data.authId}&authToken=${data.authToken}`);
    }
    /**
      * checkout
      * @param {any} data
      * @return {any}
    */
    checkout(data) {
        return this.http.post(`${this.BASE_URL}/checkout`, data);
    }
}
OrderService.ɵfac = function OrderService_Factory(t) { return new (t || OrderService)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"])); };
OrderService.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjectable"]({ token: OrderService, factory: OrderService.ɵfac, providedIn: 'root' });


/***/ }),

/***/ "n90K":
/*!*********************************************!*\
  !*** ./src/app/services/storage.service.ts ***!
  \*********************************************/
/*! exports provided: StorageService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StorageService", function() { return StorageService; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL");

/**
 * Storage service
 */
class StorageService {
    /**
     * @constructor
     */
    constructor() { }
    /**
     * Store data in localstorage
     * @param {string} key
     * @param {any} value
     */
    setItem(key, value) {
        localStorage.setItem(key, value);
    }
    /**
     * Get data from localstorage
     * @param {string} key
     * @return {string} value of the key from local storage
     */
    getItem(key) {
        return localStorage.getItem(key);
    }
    /**
     * Remove data from localstorage
     * @param {string} key
     * @return {string} value
     */
    removeItem(key) {
        return localStorage.removeItem(key);
    }
    /**
     * clear data from localstorage
     */
    clearItem() {
        localStorage.clear();
    }
}
StorageService.ɵfac = function StorageService_Factory(t) { return new (t || StorageService)(); };
StorageService.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineInjectable"]({ token: StorageService, factory: StorageService.ɵfac, providedIn: 'root' });


/***/ }),

/***/ "nIRf":
/*!**************************************************************!*\
  !*** ./src/app/pages/user-account/user-account.component.ts ***!
  \**************************************************************/
/*! exports provided: UserAccountComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserAccountComponent", function() { return UserAccountComponent; });
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../shared/footer/footer.component */ "jQpT");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");






const _c0 = function () { return ["/ar"]; };
const _c1 = function () { return ["/"]; };
const _c2 = function () { return ["/ar/my-information"]; };
const _c3 = function () { return ["/my-information"]; };
const _c4 = function () { return ["/ar/manage-address"]; };
const _c5 = function () { return ["/manage-address"]; };
const _c6 = function () { return ["/ar/order-history"]; };
const _c7 = function () { return ["/order-history"]; };
/**
 * UserAccountComponent
 */
class UserAccountComponent {
    /**
     * constructor
     */
    constructor() {
        window.scroll(0, 0);
    }
    /**
     * page Starts
     */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
    }
}
UserAccountComponent.ɵfac = function UserAccountComponent_Factory(t) { return new (t || UserAccountComponent)(); };
UserAccountComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵdefineComponent"]({ type: UserAccountComponent, selectors: [["app-user-account"]], decls: 35, vars: 33, consts: [["setActive", "cart"], [1, "userAccount"], [1, "container-fluid"], [1, "row"], [1, "col-lg-12"], [1, "banner"], [1, "banner-head"], [3, "ngClass"], [1, "breadcumbs"], [3, "routerLink"], [1, "user-account"], [1, "user-header"], [1, "user-content", 3, "ngClass"], [1, "user-info", "border-bottom", "border-color"], [1, "user-info"], [1, "user-info", "border-top", "border-color"]], template: function UserAccountComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](0, "app-header", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](1, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](3, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](4, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](5, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](6, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](7, "h3", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](9, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](10, "div", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](11, "span", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](12, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](13);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](14, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](15);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](16, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](17, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](18, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](19, "div", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](20, "div", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](21, "div", 12);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](22, "div", 13);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](23, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](24);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](25, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](26, "div", 14);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](27, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](28);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](29, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](30, "div", 15);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementStart"](31, "a", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtext"](32);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipe"](33, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵelement"](34, "app-footer");
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](7);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](9, 13, "ACCOUNT.USER_ACCOUNT"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular" : "font-HomepageBaukasten-Book");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](25, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](26, _c1));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](14, 15, "MENU.HOME"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate1"](" / ", _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](16, 17, "ACCOUNT.USER_ACCOUNT"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](27, _c2) : _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](28, _c3));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](25, 19, "ACCOUNT.MY_INFORMATION"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](29, _c4) : _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](30, _c5));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](29, 21, "ACCOUNT.MY_LOCATION"));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](31, _c6) : _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpureFunction0"](32, _c7));
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_0__["ɵɵpipeBind1"](33, 23, "ACCOUNT.MY_ORDER_HISTORY"));
    } }, directives: [_shared_header_header_component__WEBPACK_IMPORTED_MODULE_1__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_2__["NgClass"], _angular_router__WEBPACK_IMPORTED_MODULE_3__["RouterLinkWithHref"], _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_4__["FooterComponent"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_5__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.userAccount[_ngcontent-%COMP%] {\n  border-top: 1px solid #1d1d1b;\n}\n.userAccount[_ngcontent-%COMP%]   .banner-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 50px;\n  line-height: 80px;\n  color: #1d1d1b;\n  text-transform: capitalize;\n  margin: 0;\n}\n.userAccount[_ngcontent-%COMP%]   .breadcumbs[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 40px;\n  text-align: right;\n  color: #9f9f9f;\n}\n.userAccount[_ngcontent-%COMP%]   .breadcumbs[_ngcontent-%COMP%]   span[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #9f9f9f !important;\n}\n.userAccount[_ngcontent-%COMP%]   .banner[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.userAccount[_ngcontent-%COMP%]   .user-account[_ngcontent-%COMP%] {\n  border: 1px solid #9f9f9f;\n  margin-bottom: 2em;\n}\n.userAccount[_ngcontent-%COMP%]   .user-header[_ngcontent-%COMP%] {\n  background: #dedede;\n  height: 2em;\n}\n.userAccount[_ngcontent-%COMP%]   .user-info[_ngcontent-%COMP%] {\n  padding: 1em 0;\n}\n.userAccount[_ngcontent-%COMP%]   .user-info[_ngcontent-%COMP%]   .border-bottom[_ngcontent-%COMP%] {\n  border-bottom: 1px solid;\n}\n.userAccount[_ngcontent-%COMP%]   .user-info.order-history[_ngcontent-%COMP%] {\n  border-top: 1px solid #dedede;\n}\n.userAccount[_ngcontent-%COMP%]   .user-info.order-history[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #1d1d1b;\n  text-decoration: underline;\n  font-size: 26px;\n  line-height: 36px;\n}\n.userAccount[_ngcontent-%COMP%]   .user-content[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #1d1d1b;\n  text-decoration: underline;\n  font-size: 26px;\n  line-height: 36px;\n}\n.user-content[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  padding: 0px 35px;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "nr5L":
/*!******************************************!*\
  !*** ./src/app/services/home.service.ts ***!
  \******************************************/
/*! exports provided: HomeService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "HomeService", function() { return HomeService; });
/* harmony import */ var src_environments_environment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/environments/environment */ "AytR");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "tk/3");



class HomeService {
    constructor(http) {
        this.http = http;
        this.BASE_URL = src_environments_environment__WEBPACK_IMPORTED_MODULE_0__["environment"].BASE_URL;
    }
    getProductList() {
        return this.http.get(`${this.BASE_URL}/featured_products_list`);
    }
    getbannerlist() {
        return this.http.get(`${this.BASE_URL}/get_banners`);
    }
}
HomeService.ɵfac = function HomeService_Factory(t) { return new (t || HomeService)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"])); };
HomeService.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjectable"]({ token: HomeService, factory: HomeService.ɵfac, providedIn: 'root' });


/***/ }),

/***/ "qfBg":
/*!******************************************!*\
  !*** ./src/app/services/user.service.ts ***!
  \******************************************/
/*! exports provided: UserService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserService", function() { return UserService; });
/* harmony import */ var src_environments_environment__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! src/environments/environment */ "AytR");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "tk/3");



/**
 * User service
 */
class UserService {
    /**
     * @constructor
     */
    constructor(http) {
        this.http = http;
        this.BASE_URL = src_environments_environment__WEBPACK_IMPORTED_MODULE_0__["environment"].BASE_URL;
    }
    /**
      * register function
      * @param {any} data
      * @return {any}
    */
    register(data) {
        return this.http.post(`${this.BASE_URL}/register`, data);
    }
    /**
     * Login
     * @param {any} data
     * @return {any}
     */
    login(data) {
        return this.http.post(`${this.BASE_URL}/login`, data);
    }
    /**
     * Verify otp
     * @param {any} data
     * @return {any}
     */
    verifyOtp(data) {
        return this.http.post(`${this.BASE_URL}/verify_otp_login`, data);
    }
    /**
     * Update Profile
     * @param {any} data
     * @return {any}
     */
    updateProfile(data) {
        return this.http.post(`${this.BASE_URL}/update_profile`, data);
    }
    /**
     * Get Profile
     * @param {any} data
     * @return {any}
     */
    getProfile(data) {
        return this.http.get(`${this.BASE_URL}/get_profile?device_type=web&authId=${data.authId}&authToken=${data.authToken}`);
    }
}
UserService.ɵfac = function UserService_Factory(t) { return new (t || UserService)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"])); };
UserService.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjectable"]({ token: UserService, factory: UserService.ɵfac, providedIn: 'root' });


/***/ }),

/***/ "s7gC":
/*!***********************************************************!*\
  !*** ./src/app/shared/user-login/user-login.component.ts ***!
  \***********************************************************/
/*! exports provided: UserLoginComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "UserLoginComponent", function() { return UserLoginComponent; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "mrSG");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/forms */ "3Pt+");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! sweetalert2/dist/sweetalert2.js */ "PdH4");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var src_app_services_user_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/services/user.service */ "qfBg");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/services/modal.service */ "VQPA");
/* harmony import */ var src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! src/app/services/storage.service */ "n90K");
/* harmony import */ var src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! src/app/services/translation.service */ "ty2H");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");














const _c0 = ["login"];
const _c1 = ["otp"];
function UserLoginComponent_ng_template_0_div_23_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](2, 1, "LOGIN.VALIDATION.MOBILE_NUMBER"));
} }
function UserLoginComponent_ng_template_0_div_23_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "div", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](1, UserLoginComponent_ng_template_0_div_23_div_1_Template, 3, 3, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r5 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r5.f.phone.errors.required);
} }
const _c2 = function (a0) { return { "is-invalid": a0 }; };
function UserLoginComponent_ng_template_0_Template(rf, ctx) { if (rf & 1) {
    const _r8 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "div", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](1, "button", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function UserLoginComponent_ng_template_0_Template_button_click_1_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r8); const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return ctx_r7.dismissModal(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](2, "span", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](3, "\u00D7");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](4, "div", 6);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](5, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](6, "div", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](7, "h4");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](8);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](9, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](10, "form", 9);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("ngSubmit", function UserLoginComponent_ng_template_0_Template_form_ngSubmit_10_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r8); const ctx_r9 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return ctx_r9.userlogins(ctx_r9.loginform.value); });
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](11, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](12, "div", 11);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](13, "div", 12);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](14, "label");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](15);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](16, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](17, "div", 13);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](18, "div", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](19, "span", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](20, "img", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](21, "input", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelement"](22, "div", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](23, UserLoginComponent_ng_template_0_div_23_Template, 2, 1, "div", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](24, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](25, "button", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](26);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](27, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](28, "a", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function UserLoginComponent_ng_template_0_Template_a_click_28_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r8); const ctx_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return ctx_r10.register(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](29, "button", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](30);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipe"](31, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](9, 10, "LOGIN.LOGIN_HEADING"));
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("formGroup", ctx_r1.loginform)("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](16, 12, "LOGIN.MOBILE_NUMBER"));
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpureFunction1"](18, _c2, ctx_r1.submitted && ctx_r1.f.phone.errors));
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngIf", ctx_r1.submitted && ctx_r1.f.phone.errors);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777MediumBT");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](27, 14, "MENU.LOGIN"));
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵpipeBind1"](31, 16, "LOGIN.CREATE_ACCOUNT"));
} }
function UserLoginComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
    const _r14 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](0, "div", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](1, "button", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("click", function UserLoginComponent_ng_template_2_Template_button_click_1_listener() { const modal_r11 = ctx.$implicit; return modal_r11.dismiss(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](2, "span", 5);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](3, "\u00D7");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](4, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](5, "div", 7);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](6, "div", 8);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](7, "h4");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](8, "Login to your account ");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](9, "form", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵlistener"]("ngSubmit", function UserLoginComponent_ng_template_2_Template_form_ngSubmit_9_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵrestoreView"](_r14); const ctx_r13 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"](); return ctx_r13.verifyOtp(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](10, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](11, "div", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementStart"](12, "button", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtext"](13, "OK");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](9);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx_r3.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵproperty"]("ngClass", ctx_r3.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777LightBT");
} }
/**
 * User Login Component
 */
class UserLoginComponent {
    /**
     * @constructor
     */
    constructor(formBuilder, userService, router, modalService, loginModalService, storageService, config, translationService) {
        this.formBuilder = formBuilder;
        this.userService = userService;
        this.router = router;
        this.modalService = modalService;
        this.loginModalService = loginModalService;
        this.storageService = storageService;
        this.config = config;
        this.translationService = translationService;
        this.submitted = false;
        this.loginFormData = {};
        this.config.backdrop = 'static';
        this.config.keyboard = false;
    }
    /**
     * on init
     */
    ngOnInit() {
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        // Listening to login modal observable
        this.modalSubscription = this.loginModalService.setLoginModalStatusObserve.subscribe((data) => {
            var _a;
            if (data.isLoginModalOpen) {
                this.loginModal = this.modalService.open(this.login, { ariaLabelledBy: 'modal-basic-title' });
            }
            else {
                (_a = this.loginModal) === null || _a === void 0 ? void 0 : _a.close();
            }
        });
        this.loginFormData = {
            device_token: 'sp-eatzilla-web',
            login_type: '0',
            device_type: 'web',
        };
        this.loginform = this.formBuilder.group({
            phone: ['', [_angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required]],
            device_token: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            login_type: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
            device_type: ['', _angular_forms__WEBPACK_IMPORTED_MODULE_1__["Validators"].required],
        });
        this.loginform.patchValue(this.loginFormData);
    }
    /**
     * on destroy
     */
    ngOnDestroy() {
        this.modalSubscription.unsubscribe();
    }
    /**
     * login controls
     */
    get f() {
        return this.loginform.controls;
    }
    /**
     * User Login
     * @param {object} loginform
     */
    userlogins(loginform) {
        this.submitted = true;
        if (this.loginform.invalid) {
            return;
        }
        else {
            const phoneWithCode = `971${loginform.phone}`;
            loginform.phone = phoneWithCode;
            this.userService.login(loginform).subscribe((response) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
                if (response.status === false) {
                    this.submitted = false;
                    sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                        icon: 'error',
                        title: yield this.translationService.translateText('TOAST.LOGIN_FAILED'),
                        text: this.lang === 'AR' ? response['message_ar'] : response['message'],
                        confirmButtonColor: '#432919',
                        confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                        customClass: {
                            container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                        },
                    }).then(() => {
                        this.loginform.reset();
                        this.loginform.patchValue(this.loginFormData);
                    });
                }
                else {
                    this.loginModalService.setLoginModalStatus({
                        isLoginModalOpen: false,
                    });
                    this.newOtpValue = response.otp;
                    this.otpForm = this.modalService.open(this.otpModal, { ariaLabelledBy: 'modal-basic-title' });
                }
            }));
        }
    }
    /**
     * Register
     */
    register() {
        this.loginModalService.setLoginModalStatus({
            isLoginModalOpen: false,
        });
        this.lang === 'AR' ? this.router.navigate(['/ar/register']) : this.router.navigate(['/register']);
    }
    /**
     * Close Modal
     */
    dismissModal() {
        this.loginModalService.setLoginModalStatus({
            isLoginModalOpen: false,
        });
    }
    /**
     * Otp input change
     * @param {any} event
     */
    onOtpChange(event) {
        this.otp = event;
    }
    /**
     * Verify otp
     */
    verifyOtp() {
        const data = {
            phone: this.loginform.value.phone,
            device_token: 'sp-eatzilla-web',
            login_type: '0',
            device_type: 'web',
            otp: this.newOtpValue,
        };
        this.userService.verifyOtp(data).subscribe((response) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            if (response.status === false) {
                sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                    icon: 'error',
                    title: yield this.translationService.translateText('TOAST.LOGIN_FAILED'),
                    text: this.lang === 'AR' ? response['message_ar'] : response['message'],
                    confirmButtonColor: '#432919',
                    confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                }).then(() => {
                    this.loginform.value.reset();
                });
            }
            else {
                sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                    icon: 'success',
                    title: yield this.translationService.translateText('TOAST.LOGIN_SUCCESS'),
                    confirmButtonColor: '#432919',
                    confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                }).then((result) => {
                    this.storageService.setItem('profile', JSON.stringify(response));
                    window.location.reload();
                });
                this.otpForm.close();
            }
        }));
    }
}
UserLoginComponent.ɵfac = function UserLoginComponent_Factory(t) { return new (t || UserLoginComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](_angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormBuilder"]), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](src_app_services_user_service__WEBPACK_IMPORTED_MODULE_5__["UserService"]), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_6__["Router"]), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__["NgbModal"]), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_7__["ModalService"]), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_8__["StorageService"]), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__["NgbModalConfig"]), _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdirectiveInject"](src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_9__["TranslationService"])); };
UserLoginComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵdefineComponent"]({ type: UserLoginComponent, selectors: [["app-user-login"]], viewQuery: function UserLoginComponent_Query(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵviewQuery"](_c0, 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵviewQuery"](_c1, 1);
    } if (rf & 2) {
        let _t;
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵloadQuery"]()) && (ctx.login = _t.first);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵqueryRefresh"](_t = _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵloadQuery"]()) && (ctx.otpModal = _t.first);
    } }, features: [_angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵProvidersFeature"]([_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__["NgbModalConfig"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_3__["NgbModal"]])], decls: 4, vars: 0, consts: [["class", "modal-dialog-centered"], ["login", ""], ["otp", ""], [1, "modal-body"], ["type", "button", "aria-label", "Close", 1, "close", 3, "click"], ["aria-hidden", "true"], [1, "container", "userlogin", 3, "ngClass"], [1, "row", "mb-4"], [1, "col-lg-12", "text-center"], [3, "formGroup", "ngClass", "ngSubmit"], [1, "row"], [1, "col-lg-12", "mb-3"], [1, "form-group"], [1, "w-100"], [1, "input-group"], ["id", "basic-addon1", 1, "input-group-text"], ["src", "assets/images/icons/uae_flag.png", "alt", "product", 1, "img-fluid"], ["type", "number", "id", "phone", "formControlName", "phone", "value", "phone", 1, "form-control", 3, "ngClass"], ["id", "error-msg", 1, "text-danger"], ["class", "text-danger", 4, "ngIf"], [1, "col-lg-12", "d-flex", "align-items-center", "justify-content-around", "mb-3"], ["type", "submit", 1, "btn", "btn-continue", 3, "ngClass"], [1, "registeration", "cursor_pointer", 3, "click"], [1, "register"], [1, "text-danger"], [4, "ngIf"], [1, "container", "userlogin"], [3, "ngClass", "ngSubmit"], [1, "col-lg-12", "d-flex", "align-items-center", "justify-content-center", "mb-3"]], template: function UserLoginComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](0, UserLoginComponent_ng_template_0_Template, 32, 20, "ng-template", 0, 1, _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplateRefExtractor"]);
        _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplate"](2, UserLoginComponent_ng_template_2_Template, 14, 2, "ng-template", 0, 2, _angular_core__WEBPACK_IMPORTED_MODULE_4__["ɵɵtemplateRefExtractor"]);
    } }, directives: [_angular_common__WEBPACK_IMPORTED_MODULE_10__["NgClass"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["ɵangular_packages_forms_forms_y"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["NgControlStatusGroup"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormGroupDirective"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["NumberValueAccessor"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["DefaultValueAccessor"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["FormControlName"], _angular_common__WEBPACK_IMPORTED_MODULE_10__["NgIf"], _angular_forms__WEBPACK_IMPORTED_MODULE_1__["NgForm"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_11__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.my-info[_ngcontent-%COMP%] {\n  background: rgba(29, 29, 27, 0.8);\n  width: 100%;\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  align-self: flex-start;\n}\n.register[_ngcontent-%COMP%] {\n  color: #bc8033;\n  border: 2px solid transparent;\n  background: #432919;\n  border-radius: 60px;\n  padding: 5px 15px;\n  font-size: 20px;\n}\n.userlogin[_ngcontent-%COMP%] {\n  padding: 3em;\n  border: 1px solid #dedede;\n  background: #ffffff;\n  border-radius: 10px;\n}\n.userlogin[_ngcontent-%COMP%]   .btn-continue[_ngcontent-%COMP%] {\n  padding: 5px 30px;\n  font-size: 20px;\n  line-height: 30px;\n  color: #bc8033;\n  border: 1px solid transparent;\n  background: #432919;\n  border-radius: 30px;\n}\n.userlogin[_ngcontent-%COMP%]   .btn-continue[_ngcontent-%COMP%]:hover {\n  color: #bc8033;\n  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.userlogin[_ngcontent-%COMP%]   .pb[_ngcontent-%COMP%] {\n  padding-bottom: 15px;\n}\n.userlogin[_ngcontent-%COMP%]   .form-control[_ngcontent-%COMP%] {\n  border: 1px solid #9f9f9f;\n  border-radius: 0 !important;\n}\n.userlogin[_ngcontent-%COMP%]   .input-group-text[_ngcontent-%COMP%] {\n  justify-content: center;\n  padding: 0px !important;\n  background-color: unset;\n  border: 1px solid #9f9f9f;\n  border-radius: unset;\n}\n.userlogin[_ngcontent-%COMP%]   .input-group-text[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  height: 50%;\n}\n.userlogin[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 36px;\n  color: #1d1d1b;\n}\n@media only screen and (max-width: 767px) {\n  .container-fluid[_ngcontent-%COMP%] {\n    padding-right: 15px;\n    padding-left: 15px;\n    margin: 0 auto;\n  }\n\n  .myinform-head[_ngcontent-%COMP%] {\n    margin: 20px 15px;\n  }\n\n  .banner-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 40px;\n  }\n\n  .breadcumbs[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n}\n\n.justify-content-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "sHrM":
/*!**********************************************!*\
  !*** ./src/app/pages/cart/cart.component.ts ***!
  \**********************************************/
/*! exports provided: CartComponent */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CartComponent", function() { return CartComponent; });
/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "mrSG");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lodash */ "LvDl");
/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! sweetalert2/dist/sweetalert2.js */ "PdH4");
/* harmony import */ var sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! src/app/services/storage.service */ "n90K");
/* harmony import */ var src_app_services_address_service__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! src/app/services/address.service */ "CVMR");
/* harmony import */ var src_app_services_order_service__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! src/app/services/order.service */ "kVqo");
/* harmony import */ var src_app_services_cart_count_service__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! src/app/services/cart-count.service */ "eeuo");
/* harmony import */ var src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! src/app/services/modal.service */ "VQPA");
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! src/app/services/translation.service */ "ty2H");
/* harmony import */ var _shared_header_header_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../shared/header/header.component */ "320Y");
/* harmony import */ var _angular_common__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! @angular/common */ "ofXK");
/* harmony import */ var _shared_address_address_component__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../shared/address/address.component */ "YBnm");
/* harmony import */ var _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../shared/footer/footer.component */ "jQpT");
/* harmony import */ var _angular_forms__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! @angular/forms */ "3Pt+");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");


















function CartComponent_div_21_tbody_30_div_14_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const choice_r19 = ctx.$implicit;
    const ctx_r18 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx_r18.lang === "AR" ? choice_r19.ar_name : choice_r19.name);
} }
function CartComponent_div_21_tbody_30_div_14_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](1, CartComponent_div_21_tbody_30_div_14_div_1_Template, 3, 1, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const item_r15 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", item_r15.selectedChoiceRadio);
} }
function CartComponent_div_21_tbody_30_div_15_div_1_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const choice_r22 = ctx.$implicit;
    const ctx_r21 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx_r21.lang === "AR" ? choice_r22.ar_name : choice_r22.name);
} }
function CartComponent_div_21_tbody_30_div_15_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](1, CartComponent_div_21_tbody_30_div_15_div_1_Template, 3, 1, "div", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const item_r15 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]().$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", item_r15.selectedChoice);
} }
function CartComponent_div_21_tbody_30_Template(rf, ctx) { if (rf & 1) {
    const _r25 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "tbody");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "tr");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](2, "td");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "div", 45);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](4, "img", 46);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function CartComponent_div_21_tbody_30_Template_img_click_4_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r25); const item_r15 = ctx.$implicit; const ctx_r24 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2); return ctx_r24.removeItemFromCart(item_r15.itemUniqueId); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](5, "td");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "div", 47);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](7, "img", 48);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](8, "td", 49);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](9, "div", 50);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "h3");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](12, "p");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](13);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](14, CartComponent_div_21_tbody_30_div_14_Template, 2, 1, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](15, CartComponent_div_21_tbody_30_div_15_Template, 2, 1, "div", 10);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](16, "td");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](17, "div", 51);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](18);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](19, "td");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](20, "div", 51);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](21);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](22, "td");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](23, "div", 51);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](24);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const item_r15 = ctx.$implicit;
    const ctx_r4 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](7);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("src", item_r15.image, _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵsanitizeUrl"]);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx_r4.lang === "AR" ? item_r15.ar_name : item_r15.name);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx_r4.lang === "AR" ? item_r15.ar_description : item_r15.description);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", item_r15.selectedChoiceRadio.length > 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", item_r15.selectedChoice.length > 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", item_r15.priceTotal, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", item_r15.quantity, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", item_r15.itemTotal, " ");
} }
function CartComponent_div_21_button_35_Template(rf, ctx) { if (rf & 1) {
    const _r27 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "button", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function CartComponent_div_21_button_35_Template_button_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r27); const ctx_r26 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2); return ctx_r26.applyCoupon(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 1, "CART.COUPON.APPLY_COUPON"));
} }
function CartComponent_div_21_button_36_Template(rf, ctx) { if (rf & 1) {
    const _r29 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "button", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function CartComponent_div_21_button_36_Template_button_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r29); const ctx_r28 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2); return ctx_r28.removeCoupon(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 1, "CART.COUPON.REMOVE_COUPON"));
} }
function CartComponent_div_21_div_40_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "h3", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, " Discount ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "h3", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](4, " : ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](5, "span", 53);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](7, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r7 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r7.lang === "AR" ? "row flex-row-reverse" : "row");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](6);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate2"]("- ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](7, 3, "HOME.AED"), " ", ctx_r7.couponDiscount, "");
} }
function CartComponent_div_21_button_51_Template(rf, ctx) { if (rf & 1) {
    const _r31 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "button", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function CartComponent_div_21_button_51_Template_button_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r31); const ctx_r30 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2); return ctx_r30.applyCoupon(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 1, "CART.COUPON.APPLY_COUPON"));
} }
function CartComponent_div_21_button_52_Template(rf, ctx) { if (rf & 1) {
    const _r33 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "button", 52);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function CartComponent_div_21_button_52_Template_button_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r33); const ctx_r32 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2); return ctx_r32.removeCoupon(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 1, "CART.COUPON.REMOVE_COUPON"));
} }
function CartComponent_div_21_span_69_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "span", 54);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r10 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"]("(", ctx_r10.lang === "AR" ? ctx_r10.checkoutStatus.message_ar : ctx_r10.checkoutStatus.message, ")");
} }
function CartComponent_div_21_a_92_Template(rf, ctx) { if (rf & 1) {
    const _r35 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "a", 55);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function CartComponent_div_21_a_92_Template_a_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r35); const ctx_r34 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2); return ctx_r34.placeOrder(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 1, "CART.PLACE_ORDER"), " >>");
} }
function CartComponent_div_21_h3_93_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "h3", 54);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 1, "CART.ADDRESS_NOT_DELIVERABLE"));
} }
function CartComponent_div_21_a_105_Template(rf, ctx) { if (rf & 1) {
    const _r37 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "a", 55);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function CartComponent_div_21_a_105_Template_a_click_0_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r37); const ctx_r36 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](2); return ctx_r36.placeOrder(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 1, "CART.PLACE_ORDER"), " >>");
} }
function CartComponent_div_21_h3_106_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "h3", 54);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](2, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](2, 1, "CART.ADDRESS_NOT_DELIVERABLE"));
} }
function CartComponent_div_21_Template(rf, ctx) { if (rf & 1) {
    const _r39 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "div", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](2, "div", 14);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "div", 15);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](4, "h3");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](6, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "div", 16);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](8, "table", 17);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](9, "thead");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](10, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](11, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](12, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](13);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](14, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](15, "th");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](16);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](17, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](18, "th", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](19);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](20, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](21, "th", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](22);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](23, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](24, "th", 18);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](25);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](26, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](27, "th", 19);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](28);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](29, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](30, CartComponent_div_21_tbody_30_Template, 25, 8, "tbody", 20);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](31, "div", 21);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](32, "div", 22);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](33, "input", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function CartComponent_div_21_Template_input_ngModelChange_33_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r39); const ctx_r38 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r38.couponCode = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](34, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](35, CartComponent_div_21_button_35_Template, 3, 3, "button", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](36, CartComponent_div_21_button_36_Template, 3, 3, "button", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](37, "div", 25);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](38, "div", 26);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](39, "div", 27);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](40, CartComponent_div_21_div_40_Template, 8, 5, "div", 28);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](41, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](42, "h3", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](43, " Total ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](44, "h3", 30);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](45);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](46, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](47, "div", 31);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](48, "div", 32);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](49, "input", 23);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function CartComponent_div_21_Template_input_ngModelChange_49_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r39); const ctx_r40 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r40.couponCode = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](50, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](51, CartComponent_div_21_button_51_Template, 3, 3, "button", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](52, CartComponent_div_21_button_52_Template, 3, 3, "button", 24);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](53, "div", 33);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](54, "div", 34);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](55, "h2");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](56);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](57, "h2");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](58);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](59, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](60, "div", 4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](61, "div", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](62, "div", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](63, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](64, "span");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](65, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](66);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](67, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](68, " \u00A0 ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](69, CartComponent_div_21_span_69_Template, 2, 1, "span", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](70, "div", 36);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](71, "h6", 38);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function CartComponent_div_21_Template_h6_click_71_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r39); const ctx_r41 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r41.addAddress(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](72, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](73);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](74, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](75, "h6", 39);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function CartComponent_div_21_Template_h6_click_75_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r39); const ctx_r42 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); const _r2 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵreference"](25); return ctx_r42.showExistingAddress(_r2); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](76, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](77);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](78, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](79, "div", 40);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](80);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](81, "div", 41);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](82, "div", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](83, "div", 42);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](84, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](85, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](86);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](87, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](88, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](89);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](90, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](91, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](92, CartComponent_div_21_a_92_Template, 3, 3, "a", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](93, CartComponent_div_21_h3_93_Template, 3, 3, "h3", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](94, "div", 44);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](95, "div", 35);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](96, "div", 42);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](97, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](98, "b");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](99);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](100, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](101, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](102);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](103, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](104, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](105, CartComponent_div_21_a_105_Template, 3, 3, "a", 43);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](106, CartComponent_div_21_h3_106_Template, 3, 3, "h3", 37);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r0 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r0.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](6, 44, "CART.PURCHASES"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r0.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](14, 46, "CART.PRODUCT"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](17, 48, "CART.PRICE"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](20, 50, "CART.QUANTITY"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](23, 52, "CART.QUANTITY"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](26, 54, "CART.SUB_TOTAL"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](29, 56, "CART.SUB"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", ctx_r0.cartItem);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r0.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpropertyInterpolate"]("placeholder", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](34, 58, "CART.COUPON.COUPON_CODE"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx_r0.couponCode);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r0.couponDiscount === 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r0.couponCode && ctx_r0.couponDiscount > 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r0.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r0.couponDiscount > 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r0.lang === "AR" ? "row flex-row-reverse" : "row");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate2"](" : ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](46, 60, "HOME.AED"), " ", ctx_r0.total, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpropertyInterpolate"]("placeholder", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](50, 62, "CART.COUPON.COUPON_CODE"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx_r0.couponCode);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r0.couponDiscount === 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r0.couponCode && ctx_r0.couponDiscount > 0);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r0.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](ctx_r0.couponDiscount);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate2"]("", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](59, 64, "HOME.AED"), " ", ctx_r0.total, "");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r0.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](5);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"]("", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](67, 66, "CART.ADDRESS.DELIVERY_ADDRESS"), " :");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", !ctx_r0.checkoutStatus.status);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](74, 68, "CART.ADDRESS.ADD_ADDRESS"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](78, 70, "CART.ADDRESS.CHANGE_ADDRESS"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" ", ctx_r0.defaultAddress.address, " ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r0.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](87, 72, "CART.PAYMENT.PAYMENT_METHOD"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](90, 74, "CART.PAYMENT.COD"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r0.checkoutStatus.status);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", !ctx_r0.checkoutStatus.status);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r0.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](100, 76, "CART.PAYMENT.PAYMENT_METHOD"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](103, 78, "CART.PAYMENT.COD"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx_r0.checkoutStatus.status);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", !ctx_r0.checkoutStatus.status);
} }
const _c0 = function () { return ["/ar/product"]; };
const _c1 = function () { return ["/product"]; };
function CartComponent_div_22_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "div", 56);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](2, "div", 29);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "h2", 57);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](4);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](5, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "div", 58);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "a", 59);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](8);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](9, "translate");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r1 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r1.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanB");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](5, 4, "CART.EMPTY_CART"));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx_r1.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](8, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](9, _c1));
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](9, 6, "CART.CONTINUE_SHOPPING"));
} }
function CartComponent_ng_template_24_option_12_Template(rf, ctx) { if (rf & 1) {
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "option", 72);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const item_r45 = ctx.$implicit;
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngValue", item_r45);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate2"]("", item_r45.address_title, " (", item_r45.address, ")");
} }
function CartComponent_ng_template_24_Template(rf, ctx) { if (rf & 1) {
    const _r48 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵgetCurrentView"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](0, "div", 60);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "h5", 61);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](2, "Choose Existing Delivery Address");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "button", 62);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function CartComponent_ng_template_24_Template_button_click_3_listener() { const modal_r43 = ctx.$implicit; return modal_r43.dismiss(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](4, "span", 63);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](5, "\u00D7");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "div", 64);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "form");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](8, "div", 65);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](9, "label", 66);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](10, "Select from Existing Address ");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "select", 67);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("ngModelChange", function CartComponent_ng_template_24_Template_select_ngModelChange_11_listener($event) { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r48); const ctx_r47 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r47.selectedDeliveryAddress = $event; });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](12, CartComponent_ng_template_24_option_12_Template, 2, 3, "option", 68);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](13, "div", 69);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](14, "div", 70);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](15, "button", 71);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("click", function CartComponent_ng_template_24_Template_button_click_15_listener() { _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵrestoreView"](_r48); const ctx_r49 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"](); return ctx_r49.setDefaultAddress(); });
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](16, "Choose address");
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
} if (rf & 2) {
    const ctx_r3 = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵnextContext"]();
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](11);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngModel", ctx_r3.selectedDeliveryAddress);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngForOf", ctx_r3.deliveryAddress);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
    _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx_r3.lang === "AR" ? "font-Tajawal-Bold" : "font-Humanist777LightBT");
} }
const _c2 = function () { return ["/ar"]; };
const _c3 = function () { return ["/"]; };
/**
 * Cart Component
 */
class CartComponent {
    /**
     * @constructor
     */
    constructor(router, storageService, addressService, orderService, cartCountService, addressModalService, modalService, translationService) {
        this.router = router;
        this.storageService = storageService;
        this.addressService = addressService;
        this.orderService = orderService;
        this.cartCountService = cartCountService;
        this.addressModalService = addressModalService;
        this.modalService = modalService;
        this.translationService = translationService;
        this.closeResult = '';
        this.cartItem = [];
        this.total = 0;
        this.profile = {};
        this.defaultAddress = {};
        this.couponDiscount = 0;
        this.deliveryAddress = [];
        this.checkoutStatus = {};
    }
    /**
     * on init
     */
    ngOnInit() {
        window.scroll(0, 0);
        setInterval(() => {
            this.lang = sessionStorage.getItem('language');
        }, 1000);
        // this.lang = sessionStorage.getItem('language');
        this.profile = JSON.parse(this.storageService.getItem('profile'));
        if (this.profile !== null && Object.keys(this.profile).length > 0) {
            this.cartItem = this.storageService.getItem('cart') ? JSON.parse(this.storageService.getItem('cart')) : [];
            if (this.cartItem.length > 0) {
                this.calculateCartTotal();
                this.getDefaultAddress();
            }
        }
        else {
            this.lang === 'AR' ? this.router.navigate(['/ar/cart']) : this.router.navigate(['/cart']);
            // this.lang === 'EN' ? this.router.navigate(['/ar/cart']) : this.router.navigate(['/cart']);
            // console.log('arabic language cart');
        }
    }
    /**
     * removeItemFromCart
     * @param {string} id
     */
    removeItemFromCart(id) {
        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.remove(this.cartItem, ['itemUniqueId', id]);
        this.storageService.setItem('cart', JSON.stringify(this.cartItem));
        const cartCount = this.storageService.getItem('cart') !== null ? JSON.parse(this.storageService.getItem('cart')).length : 0;
        this.cartCountService.updateCartCount({
            count: Number(cartCount),
        });
    }
    /**
     * Get default address
     */
    getDefaultAddress() {
        this.addressService.getDefaultAddress(this.profile.authId, this.profile.authToken).subscribe((response) => {
            if (response['status'] === true) {
                this.defaultAddress = response['data'];
                this.getAllDeliveryAddress();
                this.checkout();
            }
            else {
                this.defaultAddress = [];
            }
        });
    }
    /**
     * Checkout api call
     */
    checkout() {
        this.orderService.checkout({ bill_amount: this.total, authId: this.profile.authId, authToken: this.profile.authToken }).subscribe((response) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            this.checkoutStatus = response;
            console.log('status', this.checkoutStatus);
            if (!response['status']) {
                console.log('response', response);
            }
            {
                sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                    title: this.lang === 'AR' ? response['message_ar'] : response['message'],
                    icon: 'error',
                    confirmButtonColor: '#432919',
                    confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                });
                console.log('alert');
            }
        }));
    }
    /**
     * Get delivery address
     */
    getAllDeliveryAddress() {
        this.addressService.getDeliveryAddress({ authId: this.profile.authId, authToken: this.profile.authToken }).subscribe((response) => {
            if (response['status']) {
                this.deliveryAddress = response['data'];
                this.selectedDeliveryAddress = this.deliveryAddress[0];
            }
        }, (err) => {
            console.error(err);
        });
    }
    /**
     * Place Order
     */
    placeOrder() {
        return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                title: yield this.translationService.translateText('TOAST.PLACE_ORDER'),
                icon: 'question',
                showCancelButton: true,
                cancelButtonText: yield this.translationService.translateText('TOAST.NO'),
                confirmButtonText: yield this.translationService.translateText('TOAST.YES'),
                confirmButtonColor: '#432919',
                customClass: {
                    container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                },
            }).then((result) => {
                if (result.isConfirmed == true) {
                    this.completeOrder('1');
                }
            });
            console.log('alert1');
        });
    }
    /**
     * Complete Order
     * @param {string} paymentType
     */
    completeOrder(paymentType) {
        const foodId = [];
        const foodQty = [];
        const mergedChoiceGroup = [];
        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(this.cartItem, (item, index) => {
            foodId.push(item.id);
            foodQty.push(item.quantity);
            // set choice
            const selectedChoiceGroup = [];
            lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(item.selectedChoice, (selectedChoice) => selectedChoiceGroup.push(selectedChoice.id));
            // set choice radio
            const selectedChoiceRadioGroup = [];
            lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(item.selectedChoiceRadio, (selectedChoiceRadio) => selectedChoiceRadioGroup.push(selectedChoiceRadio.id));
            const choiceGroup = [];
            choiceGroup.push(...selectedChoiceGroup, ...selectedChoiceRadioGroup);
            mergedChoiceGroup.push(choiceGroup.join());
            if (index === this.cartItem.length - 1) {
                const postdata = {
                    add_ons: '',
                    bill_amount: this.total,
                    choice: mergedChoiceGroup,
                    delivery_type: '1',
                    device_type: 'web',
                    food_id: foodId.join(),
                    food_qty: foodQty.join(),
                    item_total: this.total,
                    paid_type: paymentType,
                    offer_discount: this.couponDiscount,
                    coupon_code: this.couponCode || 'NA',
                    authId: this.profile.authId,
                    authToken: this.profile.authToken,
                    restaurant_id: this.checkoutStatus['status'] && this.checkoutStatus['restaurant_detail'][0]['restaurant_id'],
                };
                this.orderService.paynow(postdata).subscribe((response) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
                    if (response['status'] === true) {
                        sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                            title: yield this.translationService.translateText('TOAST.ORDER_PLACED'),
                            icon: 'success',
                            confirmButtonColor: '#432919',
                            confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                            customClass: {
                                container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                            },
                        }).then((result) => {
                            this.storageService.removeItem('cart');
                            this.storageService.removeItem('couponcode');
                            this.lang === 'AR' ? this.router.navigate(['/ar/order-history']) : this.router.navigate(['/order-history']);
                        });
                    }
                    else {
                        sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                            title: yield this.translationService.translateText('TOAST.ERROR'),
                            icon: 'error',
                            confirmButtonColor: '#432919',
                            confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                            customClass: {
                                container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                            },
                        });
                    }
                }));
            }
        });
    }
    /**
     * Apply coupon
     */
    applyCoupon() {
        const postdata = {
            promocode: this.couponCode,
            bill_amount: this.total,
        };
        this.orderService.checkPromoCode(postdata).subscribe((response) => Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            if (response['status'] === true) {
                sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                    title: yield this.translationService.translateText('TOAST.COUPON_APPLIED'),
                    icon: 'success',
                    confirmButtonColor: '#432919',
                    confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                });
                window.location.reload();
                this.storageService.setItem('couponCode', this.couponCode);
                this.couponDiscount = response['offer_amount'];
                this.calculateCartTotal();
            }
            else {
                sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                    title: this.lang === 'AR' ? response['message_ar'] : response['message'],
                    icon: 'error',
                    confirmButtonColor: '#432919',
                    confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                    customClass: {
                        container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                    },
                });
                window.location.reload();
            }
        }));
    }
    /**
     * Remove coupon
     */
    removeCoupon() {
        return Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__awaiter"])(this, void 0, void 0, function* () {
            this.couponDiscount = 0;
            this.couponCode = 'NA';
            this.storageService.removeItem('couponCode');
            this.calculateCartTotal();
            sweetalert2_dist_sweetalert2_js__WEBPACK_IMPORTED_MODULE_2___default.a.fire({
                title: yield this.translationService.translateText('TOAST.COUPON_REMOVED'),
                icon: 'success',
                confirmButtonColor: '#432919',
                confirmButtonText: yield this.translationService.translateText('TOAST.OK'),
                customClass: {
                    container: this.lang === 'AR' ? 'font-Tajawal-Light' : 'font-Humanist777LightBT',
                },
            });
        });
    }
    /**
     * Calculate cart total
     */
    calculateCartTotal() {
        let totalAmount = 0;
        lodash__WEBPACK_IMPORTED_MODULE_1___default.a.map(this.cartItem, (item) => totalAmount += item.itemTotal);
        this.total = totalAmount - this.couponDiscount;
    }
    /**
     * Add address
     */
    addAddress() {
        this.addressModalService.setAddressModalStatus({
            isAddressModalOpen: true,
        });
        // window.location.reload();
    }
    /**
     * Set existing address
     * @param {string} address
     */
    showExistingAddress(address) {
        this.existingAddressModal = this.modalService.open(address, { ariaLabelledBy: 'modal-basic-title' });
        // window.location.reload();
    }
    /**
     * Select existing address
     */
    setDefaultAddress() {
        const data = {
            current_address: this.selectedDeliveryAddress.address,
            lat: this.selectedDeliveryAddress.lat,
            lng: this.selectedDeliveryAddress.lng,
            address_id: this.selectedDeliveryAddress.id,
            device_type: 'web',
            authId: this.profile.authId,
            authToken: this.profile.authToken,
        };
        this.addressService.setDeliveryAddress(data).subscribe((response) => {
            if (response['status']) {
                this.getDefaultAddress();
                this.existingAddressModal.close();
                // window.location.reload();
            }
        });
    }
}
CartComponent.ɵfac = function CartComponent_Factory(t) { return new (t || CartComponent)(_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_angular_router__WEBPACK_IMPORTED_MODULE_4__["Router"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_storage_service__WEBPACK_IMPORTED_MODULE_5__["StorageService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_address_service__WEBPACK_IMPORTED_MODULE_6__["AddressService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_order_service__WEBPACK_IMPORTED_MODULE_7__["OrderService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_cart_count_service__WEBPACK_IMPORTED_MODULE_8__["CartCountService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_modal_service__WEBPACK_IMPORTED_MODULE_9__["ModalService"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](_ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_10__["NgbModal"]), _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdirectiveInject"](src_app_services_translation_service__WEBPACK_IMPORTED_MODULE_11__["TranslationService"])); };
CartComponent.ɵcmp = _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵdefineComponent"]({ type: CartComponent, selectors: [["app-cart"]], decls: 27, vars: 23, consts: [["setActive", "cart"], [1, "cartpageheader"], [1, "container-fluid"], [1, "row"], [1, "col-lg-12"], [1, "banner"], [1, "banner-head", 3, "ngClass"], [1, "breadcumbs", 3, "ngClass"], [3, "routerLink"], ["class", "row", 4, "ngIf"], [4, "ngIf"], [3, "lang", "getAddress"], ["class", "modal-dialog-centered"], ["address", ""], [1, "purchase"], [1, "purchase-head", 3, "ngClass"], [1, "table-responsive"], [1, "table", 3, "ngClass"], [1, "desk-table-view"], [1, "mobi-table-view"], [4, "ngFor", "ngForOf"], [1, "cart-total-coup", "row", "web-wiews"], [1, "coup-group", "col-sm-8", 3, "ngClass"], ["type", "text", 1, "form-control", 3, "placeholder", "ngModel", "ngModelChange"], ["class", "btn-coupon-apply", 3, "click", 4, "ngIf"], [1, "cart-total", "col-sm-4", 3, "ngClass"], [1, "d-flex"], [1, "w-100"], [3, "ngClass", 4, "ngIf"], [3, "ngClass"], [1, "col-sm-6"], [1, "mobi-view-cart"], [1, "coup-group-mobi"], [1, "product", "mobi-view-cart", 3, "ngClass"], [1, "cart-total"], [1, "purchase", "btn-col-space", 3, "ngClass"], [1, "d-flex", "justify-content-between", "align-center", "mb-2"], ["class", "text-danger", 4, "ngIf"], [1, "mr-3", "cursor_pointer", "color-bc8033", 3, "click"], [1, "cursor_pointer", "color-bc8033", "mr-3", 3, "click"], [1, "default_address"], [1, "col-lg-12", "mobi-view-cart"], [1, "d-flex", "justify-content-between", "align-center"], ["class", "btn-continue cursor_pointer", 3, "click", 4, "ngIf"], [1, "col-lg-12", "web-wiews"], [1, "text-center", "close-icon"], ["src", "assets/images/homePage/featuredProduct/product-close.svg", 3, "click"], [1, "cart-product-img", "text-center"], [3, "src"], [2, "width", "49%"], [1, "cart-header-det"], [1, "cart-det"], [1, "btn-coupon-apply", 3, "click"], [1, "text-success"], [1, "text-danger"], [1, "btn-continue", "cursor_pointer", 3, "click"], [1, "d-flex", "justify-content-center", "align-center", "purchase", "min-height-10"], [1, "text-center", "my-5"], [1, "text-center", "mb-5"], [1, "btn-continue", 3, "routerLink"], [1, "modal-header"], [1, "modal-title"], ["type", "button", "aria-label", "Close", 1, "close", 3, "click"], ["aria-hidden", "true"], [1, "modal-body"], [1, "form-group"], ["for", "exampleFormControlSelect1"], ["id", "exampleFormControlSelect1", "name", "address", 1, "form-control", 3, "ngModel", "ngModelChange"], [3, "ngValue", 4, "ngFor", "ngForOf"], [1, "modal-footer"], [1, "form-group", "w-100", "d-flex", "align-items-center", "justify-content-around", "mt-3"], ["type", "submit", 1, "btn", "btn-continue", 3, "ngClass", "click"], [3, "ngValue"]], template: function CartComponent_Template(rf, ctx) { if (rf & 1) {
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](0, "app-header", 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](1, "div", 1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](2, "div", 2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](3, "div", 3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](4, "div", 4);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](5, "div", 5);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](6, "div", 6);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](7, "h3");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](8);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](9, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](10, "div", 7);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](11, "p");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](12, "a", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](13);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](14, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](15, " / ");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](16, "a", 8);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](17);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](18, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtext"](19);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipe"](20, "translate");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](21, CartComponent_div_21_Template, 107, 80, "div", 9);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](22, CartComponent_div_22_Template, 10, 10, "div", 10);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementStart"](23, "app-address", 11);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵlistener"]("getAddress", function CartComponent_Template_app_address_getAddress_23_listener() { return ctx.getDefaultAddress(); });
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplate"](24, CartComponent_ng_template_24_Template, 17, 3, "ng-template", 12, 13, _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtemplateRefExtractor"]);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelementEnd"]();
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵelement"](26, "app-footer");
    } if (rf & 2) {
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](6);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Medium" : "font-Humanist777BT-RomanCondensedB");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](9, 11, "MENU.CART"));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngClass", ctx.lang === "AR" ? "font-Tajawal-Regular breadcrumbs__ar" : "font-HomepageBaukasten-Book");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](19, _c2) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](20, _c3));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](14, 13, "MENU.HOME"));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](3);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("routerLink", ctx.lang === "AR" ? _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](21, _c0) : _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpureFunction0"](22, _c1));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate"](_angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](18, 15, "MENU.SHOP"));
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵtextInterpolate1"](" / ", _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵpipeBind1"](20, 17, "MENU.CART"), "");
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](2);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", ctx.cartItem && (ctx.cartItem == null ? null : ctx.cartItem.length) > 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("ngIf", !ctx.cartItem || ctx.cartItem === null || (ctx.cartItem == null ? null : ctx.cartItem.length) === 0);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵadvance"](1);
        _angular_core__WEBPACK_IMPORTED_MODULE_3__["ɵɵproperty"]("lang", ctx.lang);
    } }, directives: [_shared_header_header_component__WEBPACK_IMPORTED_MODULE_12__["HeaderComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_13__["NgClass"], _angular_router__WEBPACK_IMPORTED_MODULE_4__["RouterLinkWithHref"], _angular_common__WEBPACK_IMPORTED_MODULE_13__["NgIf"], _shared_address_address_component__WEBPACK_IMPORTED_MODULE_14__["AddressComponent"], _shared_footer_footer_component__WEBPACK_IMPORTED_MODULE_15__["FooterComponent"], _angular_common__WEBPACK_IMPORTED_MODULE_13__["NgForOf"], _angular_forms__WEBPACK_IMPORTED_MODULE_16__["DefaultValueAccessor"], _angular_forms__WEBPACK_IMPORTED_MODULE_16__["NgControlStatus"], _angular_forms__WEBPACK_IMPORTED_MODULE_16__["NgModel"], _angular_forms__WEBPACK_IMPORTED_MODULE_16__["ɵangular_packages_forms_forms_y"], _angular_forms__WEBPACK_IMPORTED_MODULE_16__["NgControlStatusGroup"], _angular_forms__WEBPACK_IMPORTED_MODULE_16__["NgForm"], _angular_forms__WEBPACK_IMPORTED_MODULE_16__["SelectControlValueAccessor"], _angular_forms__WEBPACK_IMPORTED_MODULE_16__["NgSelectOption"], _angular_forms__WEBPACK_IMPORTED_MODULE_16__["ɵangular_packages_forms_forms_x"]], pipes: [_ngx_translate_core__WEBPACK_IMPORTED_MODULE_17__["TranslatePipe"]], styles: ["@font-face {\n  font-family: \"HomepageBaukasten-Book\";\n  src: local(\"HomepageBaukasten-Book\"), url('HomepageBaukasten-Book.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist521BT-Roman\";\n  src: local(\"Humanist521BT-Roman\"), url('Humanist521BT-Roman.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanB\";\n  src: local(\"Humanist777BT-RomanB\"), url('Humanist777BT-RomanB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n  src: local(\"Humanist777BT-BoldCondensedB\"), url('Humanist777BT-BoldCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n  src: local(\"Humanist777BT-RomanCondensedB\"), url('Humanist777BT-RomanCondensedB.otf') format(\"opentype\");\n}\n@font-face {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n  src: local(\"Humanist777BT-BlackCondensedB\"), url('Humanist777BT-BlackCondensed.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Humanist777LightBT\";\n  src: local(\"Humanist777LightBT\"), url('Humanist777LightBT.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"HelveticaNeue-Regular\";\n  src: local(\"HelveticaNeue-Regular\"), url('HelveticaNeue-Regular.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Black\";\n  src: local(\"Tajawal-Black\"), url('Tajawal-Black.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Bold\";\n  src: local(\"Tajawal-Bold\"), url('Tajawal-Bold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraBold\";\n  src: local(\"Tajawal-ExtraBold\"), url('Tajawal-ExtraBold.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-ExtraLight\";\n  src: local(\"Tajawal-ExtraLight\"), url('Tajawal-ExtraLight.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Light\";\n  src: local(\"Tajawal-Light\"), url('Tajawal-Light.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Medium\";\n  src: local(\"Tajawal-Medium\"), url('Tajawal-Medium.ttf') format(\"truetype\");\n}\n@font-face {\n  font-family: \"Tajawal-Regular\";\n  src: local(\"Tajawal-Regular\"), url('Tajawal-Regular.ttf') format(\"truetype\");\n}\n.font-HomepageBaukasten-Book[_ngcontent-%COMP%] {\n  font-family: \"HomepageBaukasten-Book\";\n}\n.font-Humanist521BT-Roman[_ngcontent-%COMP%] {\n  font-family: \"Humanist521BT-Roman\";\n}\n.font-Humanist777BT-RomanB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanB\";\n}\n.font-Humanist777BT-BoldCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BoldCondensedB\";\n}\n.font-Humanist777BT-RomanCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-RomanCondensedB\";\n}\n.font-Humanist777BT-BlackCondensedB[_ngcontent-%COMP%] {\n  font-family: \"Humanist777BT-BlackCondensedB\";\n}\n.font-Humanist777LightBT[_ngcontent-%COMP%] {\n  font-family: \"Humanist777LightBT\" !important;\n}\n.font-HelveticaNeue-Regular[_ngcontent-%COMP%] {\n  font-family: \"HelveticaNeue-Regular\";\n}\n.font-Tajawal-Black[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Black\";\n}\n.font-Tajawal-Bold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Bold\";\n}\n.font-Tajawal-ExtraBold[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraBold\";\n}\n.font-Tajawal-ExtraLight[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-ExtraLight\";\n}\n.font-Tajawal-Light[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Light\";\n}\n.font-Tajawal-Medium[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Medium\";\n}\n.font-Tajawal-Regular[_ngcontent-%COMP%] {\n  font-family: \"Tajawal-Regular\";\n}\na[_ngcontent-%COMP%]:hover {\n  color: initial;\n  text-decoration: none;\n}\n.border-color[_ngcontent-%COMP%] {\n  border-color: #dedede !important;\n}\n.container-fluid[_ngcontent-%COMP%] {\n  width: 100%;\n  padding-right: 25px;\n  padding-left: 25px;\n  margin-right: auto;\n  margin-left: auto;\n}\n.full-width[_ngcontent-%COMP%], .aboutUsPage[_ngcontent-%COMP%], .humanKnowCoffee[_ngcontent-%COMP%], .benefitsAndHarms[_ngcontent-%COMP%], .preparationPage[_ngcontent-%COMP%], .galleryPage[_ngcontent-%COMP%], .productPage[_ngcontent-%COMP%] {\n  max-width: 100%;\n  margin: 0 auto;\n}\na[_ngcontent-%COMP%] {\n  color: initial;\n  text-decoration: none;\n  background-color: transparent;\n}\n.br-1px[_ngcontent-%COMP%] {\n  border-right: 1px solid;\n}\n.ngx-gallery-icon[_ngcontent-%COMP%] {\n  color: red;\n  background: blue;\n}\ngallery-item[_ngcontent-%COMP%] {\n  padding: 2em;\n  border: 2px solid #ebc850 !important;\n}\n.ml-1em[_ngcontent-%COMP%] {\n  margin-left: 1em;\n}\n.border[_ngcontent-%COMP%] {\n  border: 1px solid;\n}\n.roundedCorner[_ngcontent-%COMP%] {\n  border-radius: 30px;\n}\n.mt-1em[_ngcontent-%COMP%] {\n  margin-top: 1em;\n}\n.mt-2em[_ngcontent-%COMP%] {\n  margin-top: 2em;\n}\n.pr-0[_ngcontent-%COMP%] {\n  padding-right: 0;\n}\n.pl-0[_ngcontent-%COMP%] {\n  padding-left: 0;\n}\n.section[_ngcontent-%COMP%] {\n  padding: 2em 0;\n}\n.d-flex[_ngcontent-%COMP%] {\n  display: flex;\n}\n.justify-center[_ngcontent-%COMP%] {\n  justify-content: center;\n}\n.align-center[_ngcontent-%COMP%] {\n  align-items: center;\n}\ngallery-thumbs[_ngcontent-%COMP%] {\n  display: none !important;\n}\n.select-gender[_ngcontent-%COMP%] {\n  overflow: hidden;\n}\n.select-gender[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n  text-indent: 15px;\n  text-overflow: \"\";\n  width: 90%;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  padding: 2px 2px 2px 2px;\n  border: none;\n  background: transparent url(\"http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png\") no-repeat 230px !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%] {\n  display: flex !important;\n  align-items: center !important;\n}\n.modal-open[_ngcontent-%COMP%]   .modal[_ngcontent-%COMP%]   .modal-dialog[_ngcontent-%COMP%] {\n  flex-grow: 1;\n}\n.our-branch-address[_ngcontent-%COMP%]   .accordion[_ngcontent-%COMP%]    > .card[_ngcontent-%COMP%]    > .card-header[_ngcontent-%COMP%] {\n  padding: 0;\n  background-color: #ebc850 !important;\n}\n.our-branch-address[_ngcontent-%COMP%]   .panelTitle[_ngcontent-%COMP%] {\n  font-size: 1.25rem;\n  line-height: 1.25rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%] {\n  font-weight: 500;\n  color: #1d1d1b;\n  font-size: 1.5rem;\n  line-height: 2.5rem;\n}\n.our-branch-address[_ngcontent-%COMP%]   .btn.btn-link[_ngcontent-%COMP%]:focus {\n  box-shadow: none !important;\n  text-decoration: none;\n}\n.g-btn-close[_ngcontent-%COMP%] {\n  display: none;\n}\npath[_ngcontent-%COMP%] {\n  fill: #bc8033;\n}\n@media (min-width: 767px) {\n  .navbar-expand-md[_ngcontent-%COMP%]   .navbar-nav[_ngcontent-%COMP%]   .nav-link[_ngcontent-%COMP%] {\n    padding-right: 0.3rem !important;\n    padding-left: 0.3rem !important;\n    font-size: 16px !important;\n  }\n}\n@media (max-width: 2560px) {\n  .webView[_ngcontent-%COMP%] {\n    background-size: cover !important;\n  }\n}\n.direction_ltr[_ngcontent-%COMP%] {\n  direction: ltr !important;\n}\n.iti[_ngcontent-%COMP%] {\n  width: 100%;\n}\nbutton.close[_ngcontent-%COMP%] {\n  padding: 0.5em !important;\n  border: none !important;\n}\n.btn_primary[_ngcontent-%COMP%] {\n  background: #432919;\n  color: #ebc850;\n}\ninput[_ngcontent-%COMP%]::-webkit-outer-spin-button, input[_ngcontent-%COMP%]::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\ninput[type=number][_ngcontent-%COMP%] {\n  -moz-appearance: textfield;\n}\n.text-primary[_ngcontent-%COMP%] {\n  color: #ebc850 !important;\n}\n.min-height-10[_ngcontent-%COMP%] {\n  min-height: 10em;\n}\n.pac-container[_ngcontent-%COMP%] {\n  background-color: #fff;\n  position: absolute !important;\n  z-index: 9999999999;\n  border-radius: 2px;\n  border-top: 0;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);\n  box-sizing: border-box;\n  overflow: hidden;\n  font-size: 16px;\n  color: #ebc850;\n}\n.pac-logo[_ngcontent-%COMP%]:after {\n  content: \"\";\n  padding: 1px 1px 1px 0;\n  height: 16px;\n  text-align: right;\n  display: block;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3.png);\n  background-position: right;\n  background-repeat: no-repeat;\n  background-size: 120px 14px;\n}\n.hdpi.pac-logo[_ngcontent-%COMP%]:after {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white3_hdpi.png);\n}\n.pac-item[_ngcontent-%COMP%] {\n  cursor: default;\n  padding: 4px;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  white-space: nowrap;\n  line-height: 30px;\n  text-align: left;\n  border-top: 0;\n  font-size: 13px;\n  color: #999;\n  font-family: Roboto, \"Helvetica Neue\", sans-serif;\n}\n.pac-item[_ngcontent-%COMP%]:hover {\n  background-color: #fafafa;\n}\n.pac-item-selected[_ngcontent-%COMP%], .pac-item-selected[_ngcontent-%COMP%]:hover {\n  background-color: #ebf2fe;\n}\n.pac-matched[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n.pac-item-query[_ngcontent-%COMP%] {\n  font-size: 16px;\n  padding-right: 3px;\n  color: #ebc850;\n}\n.pac-icon[_ngcontent-%COMP%] {\n  width: 15px;\n  height: 20px;\n  margin-right: 7px;\n  margin-top: 6px;\n  display: inline-block;\n  vertical-align: top;\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png);\n  background-size: 34px;\n}\n.hdpi[_ngcontent-%COMP%]   .pac-icon[_ngcontent-%COMP%] {\n  background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png);\n}\n.pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -1px -1px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-search[_ngcontent-%COMP%] {\n  background-position: -18px -1px;\n}\n.pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -1px -161px;\n}\n.pac-item-selected[_ngcontent-%COMP%]   .pac-icon-marker[_ngcontent-%COMP%] {\n  background-position: -18px -161px;\n}\n.pac-placeholder[_ngcontent-%COMP%] {\n  color: gray;\n}\n.form-control[_ngcontent-%COMP%]:focus {\n  box-shadow: 0 0 0 0.05rem #9f9f9f;\n}\n.page-link[_ngcontent-%COMP%] {\n  border-color: #432919 !important;\n  color: #432919 !important;\n}\n.page-item.active[_ngcontent-%COMP%]   .page-link[_ngcontent-%COMP%] {\n  background-color: #432919 !important;\n  border-color: #432919 !important;\n  color: #ebc850 !important;\n}\n.b-0[_ngcontent-%COMP%] {\n  bottom: 0px;\n}\n.loader_section[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100vh;\n  align-items: center;\n}\n.loader[_ngcontent-%COMP%], .loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  background: #ebc850;\n  -webkit-animation: load1 1s infinite ease-in-out;\n  animation: load1 1s infinite ease-in-out;\n  width: 1em;\n  height: 4em;\n}\n.loader[_ngcontent-%COMP%] {\n  color: #ebc850;\n  text-indent: -9999em;\n  margin: 88px auto;\n  position: relative;\n  font-size: 11px;\n  transform: translateZ(0);\n  -webkit-animation-delay: -0.16s;\n  animation-delay: -0.16s;\n}\n.loader[_ngcontent-%COMP%]:before, .loader[_ngcontent-%COMP%]:after {\n  position: absolute;\n  top: 0;\n  content: \"\";\n}\n.loader[_ngcontent-%COMP%]:before {\n  left: -1.5em;\n  -webkit-animation-delay: -0.32s;\n  animation-delay: -0.32s;\n}\n.loader[_ngcontent-%COMP%]:after {\n  left: 1.5em;\n}\n@-webkit-keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n@keyframes load1 {\n  0%, 80%, 100% {\n    box-shadow: 0 0;\n    height: 4em;\n  }\n  40% {\n    box-shadow: 0 -2em;\n    height: 5em;\n  }\n}\n.cartpageheader[_ngcontent-%COMP%] {\n  border-top: 1px solid #1d1d1b;\n}\n.banner-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 50px;\n  line-height: 80px;\n  color: #1d1d1b;\n  text-transform: capitalize;\n  margin: 0;\n}\n.breadcumbs[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 20px;\n  line-height: 40px;\n  text-align: right;\n  color: #9f9f9f;\n}\n.breadcumbs[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]   a[_ngcontent-%COMP%] {\n  color: #9f9f9f !important;\n}\n.banner[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: row;\n  flex-wrap: wrap;\n}\n.purchase[_ngcontent-%COMP%] {\n  border: 3px solid #9f9f9f;\n  margin-bottom: 30px;\n}\n.purchase-head[_ngcontent-%COMP%] {\n  background: #ebc850;\n}\n.purchase-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  padding: 0;\n  color: #432919;\n  font-size: 30px;\n  line-height: 36px;\n  text-align: left;\n}\n.purchase[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n  background: #dedede;\n  color: #1d1d1b;\n  font-size: 24px;\n  line-height: 36px;\n  padding: 0;\n  margin: 0;\n}\n.purchase[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  padding: 0rem 0.5rem;\n}\n.purchase[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child {\n  border-bottom: 3px solid #9f9f9f;\n}\n.purchase[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n  padding: 1rem 0.5rem;\n  vertical-align: middle;\n}\n.cart-product-img[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  width: 60px;\n  height: 95px;\n  -o-object-fit: cover;\n     object-fit: cover;\n}\n.cart-header-det[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 26px;\n  line-height: 36px;\n  color: #1d1d1b;\n  margin: 0;\n  padding: 0;\n}\n.cart-header-det[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], .cart-det[_ngcontent-%COMP%] {\n  font-size: 22px;\n  line-height: 26px;\n  color: #bc8033;\n  margin-bottom: 7px;\n  width: 90%;\n}\n.text-center.close-icon[_ngcontent-%COMP%] {\n  width: 60px;\n}\n.cart-det[_ngcontent-%COMP%] {\n  color: #1d1d1b;\n  padding: 0px 20px;\n}\n.cart-product-img[_ngcontent-%COMP%] {\n  margin-right: 20px;\n}\ntd[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n.btn-coupon-apply[_ngcontent-%COMP%] {\n  padding: 0px 30px 5px;\n  font-size: 24px;\n  line-height: 30px;\n  background: #bc8033;\n  border: 1px solid transparent;\n  color: #ffffff;\n}\n.cart-total[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 30px;\n  line-height: 36px;\n  color: #1d1d1b;\n  margin-bottom: 0;\n}\n.cart-total-coup[_ngcontent-%COMP%] {\n  margin: 0px 20px 15px;\n}\n.coup-group[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n  width: 230px;\n  height: 50px;\n  margin-right: 15px;\n}\n.cart-total-coup[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.coup-group[_ngcontent-%COMP%] {\n  display: flex;\n}\n.btn-continue[_ngcontent-%COMP%] {\n  padding: 5px 30px;\n  font-size: 24px;\n  color: #bc8033;\n  border: 1px solid transparent;\n  background: #432919;\n  border-radius: 30px;\n}\n.btn-login[_ngcontent-%COMP%] {\n  padding: 5px 70px;\n  font-size: 22px;\n  line-height: 30px;\n  color: #bc8033;\n  border: 1px solid transparent;\n  background: #432919;\n  border-radius: 30px;\n}\n.btn-sign[_ngcontent-%COMP%] {\n  padding: 5px 70px;\n  font-size: 22px;\n  line-height: 30px;\n  color: #bc8033;\n  border: 1px solid transparent;\n  background: #432919;\n  border-radius: 30px;\n}\n.btn-continue[_ngcontent-%COMP%]:hover, .btn-login[_ngcontent-%COMP%]:hover, .btn-sign[_ngcontent-%COMP%]:hover {\n  color: #bc8033;\n  transition: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n}\n.btn-col-space[_ngcontent-%COMP%] {\n  padding: 30px 50px;\n}\n.mobi-table-view[_ngcontent-%COMP%] {\n  display: none;\n}\n.desk-table-view[_ngcontent-%COMP%] {\n  display: revert;\n}\n.coup-group-mobi[_ngcontent-%COMP%], .mobi-view-cart[_ngcontent-%COMP%] {\n  display: none;\n}\n.popup-login-design[_ngcontent-%COMP%] {\n  padding: 70px 0px;\n}\n.popup-login-design[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n  font-size: 25px;\n  line-height: 35px;\n  color: #1d1d1d;\n  font-family: Humanist777BT-BoldCondensedB;\n  text-align: center;\n  margin-bottom: 50px;\n}\n@media (max-width: 767px) {\n  .btn-sign[_ngcontent-%COMP%] {\n    padding: 5px 70px 10px;\n  }\n\n  .btn-login[_ngcontent-%COMP%] {\n    padding: 5px 90px 10px;\n  }\n\n  .purchase[_ngcontent-%COMP%]   .table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n    font-size: 16px;\n    line-height: 26px;\n  }\n\n  .cart-header-det[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n    font-size: 16px;\n    line-height: 26px;\n  }\n\n  .cart-header-det[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], .cart-det[_ngcontent-%COMP%] {\n    font-size: 14px;\n    line-height: 14px;\n    margin-bottom: 5px;\n  }\n\n  .cart-det[_ngcontent-%COMP%] {\n    padding: 0px 10px;\n  }\n\n  .cart-product-img[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    width: 30px;\n    height: 56px;\n    -o-object-fit: contain;\n       object-fit: contain;\n  }\n\n  .mobi-table-view[_ngcontent-%COMP%] {\n    display: revert;\n  }\n\n  .desk-table-view[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .container-fluid[_ngcontent-%COMP%] {\n    width: 100%;\n    padding-right: 10px;\n    padding-left: 10px;\n    margin: 0 auto;\n  }\n\n  .cart-product-img[_ngcontent-%COMP%] {\n    margin-right: 0px;\n  }\n\n  .web-wiews[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .mobi-view-cart[_ngcontent-%COMP%] {\n    display: block;\n  }\n\n  .coup-group-mobi[_ngcontent-%COMP%] {\n    display: flex;\n  }\n\n  .btn-coupon-apply[_ngcontent-%COMP%] {\n    padding: 0px 20px 5px;\n    font-size: 20px;\n  }\n\n  .mobi-view-cart[_ngcontent-%COMP%] {\n    margin: 0px 15px 20px;\n  }\n\n  .form-control[_ngcontent-%COMP%] {\n    border-radius: 0;\n  }\n\n  .close-icon[_ngcontent-%COMP%]   img[_ngcontent-%COMP%] {\n    width: 10px;\n    height: 10px;\n    -o-object-fit: contain;\n       object-fit: contain;\n  }\n\n  .product[_ngcontent-%COMP%] {\n    border: 3px solid;\n    padding: 0;\n    width: 100%;\n    margin-top: -32px;\n    border-color: #9f9f9f;\n    padding: 14px;\n  }\n\n  .purchase[_ngcontent-%COMP%]   .text-right[_ngcontent-%COMP%] {\n    text-align: center !important;\n  }\n\n  .btn-continue[_ngcontent-%COMP%] {\n    padding: 5px 10px;\n    font-size: 20px;\n  }\n\n  .mobi-view-cart[_ngcontent-%COMP%]   .purchase[_ngcontent-%COMP%] {\n    border: none;\n  }\n\n  .mobi-view-cart[_ngcontent-%COMP%]   .btn-col-space[_ngcontent-%COMP%] {\n    padding: 30px 0px 0px;\n  }\n\n  .purchase[_ngcontent-%COMP%] {\n    border: 3px solid #9f9f9f;\n    margin-bottom: 30px;\n    padding: 14px;\n  }\n\n  .popup-login-design[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n    font-size: 30px;\n    line-height: 40px;\n    color: #1d1d1d;\n    font-family: Humanist777BT-BoldCondensedB;\n    text-align: center;\n    margin-bottom: 50px;\n  }\n}\n.color-bc8033[_ngcontent-%COMP%] {\n  color: #bc8033;\n}\n.cursor_pointer[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n/*# sourceMappingURL=data:application/json;base64,  */"] });


/***/ }),

/***/ "ty2H":
/*!*************************************************!*\
  !*** ./src/app/services/translation.service.ts ***!
  \*************************************************/
/*! exports provided: TranslationService */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TranslationService", function() { return TranslationService; });
/* harmony import */ var rxjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! rxjs */ "qCKp");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _angular_common_http__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @angular/common/http */ "tk/3");
/* harmony import */ var _ngx_translate_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @ngx-translate/core */ "sYmb");




/**
 * All Api Service
 */
class TranslationService {
    /**
     * constructor
     */
    constructor(http, translate) {
        this.http = http;
        this.translate = translate;
        this.traslationChangeSource = new rxjs__WEBPACK_IMPORTED_MODULE_0__["BehaviorSubject"]({});
        this.traslationChangeObserve = this.traslationChangeSource.asObservable();
    }
    /**
     * triggered when langugae changes
     * @param {any} value
     */
    languageChangeTrigger(value) {
        this.traslationChangeSource.next(value);
    }
    /**
     *
     * @returns
     */
    getCurrentLang() {
        return this.translate.currentLang;
    }
    /**
     * Translate text
     * @param {string} str
     * @return {string}
     */
    translateText(str) {
        return new Promise((resolve, reject) => {
            this.translate.get(str).subscribe((data) => {
                resolve(data);
            });
        });
    }
}
TranslationService.ɵfac = function TranslationService_Factory(t) { return new (t || TranslationService)(_angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵinject"](_angular_common_http__WEBPACK_IMPORTED_MODULE_2__["HttpClient"]), _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵinject"](_ngx_translate_core__WEBPACK_IMPORTED_MODULE_3__["TranslateService"])); };
TranslationService.ɵprov = _angular_core__WEBPACK_IMPORTED_MODULE_1__["ɵɵdefineInjectable"]({ token: TranslationService, factory: TranslationService.ɵfac, providedIn: 'root' });


/***/ }),

/***/ "vY5A":
/*!***************************************!*\
  !*** ./src/app/app-routing.module.ts ***!
  \***************************************/
/*! exports provided: AppRoutingModule */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppRoutingModule", function() { return AppRoutingModule; });
/* harmony import */ var _angular_router__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/router */ "tyNb");
/* harmony import */ var _pages_aboutus_aboutus_component__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./pages/aboutus/aboutus.component */ "EYk7");
/* harmony import */ var _pages_contact_contact_component__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./pages/contact/contact.component */ "XEn3");
/* harmony import */ var _pages_gallery_gallery_component__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./pages/gallery/gallery.component */ "NShq");
/* harmony import */ var _pages_home_home_component__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./pages/home/home.component */ "1LmZ");
/* harmony import */ var _pages_learn_benefits_and_harms_learn_benefits_and_harms_component__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./pages/learn-benefits-and-harms/learn-benefits-and-harms.component */ "UcYj");
/* harmony import */ var _pages_learn_human_know_coffee_learn_human_know_coffee_component__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./pages/learn-human-know-coffee/learn-human-know-coffee.component */ "XAZb");
/* harmony import */ var _pages_my_information_my_information_component__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./pages/my-information/my-information.component */ "hM/J");
/* harmony import */ var _pages_order_history_order_history_component__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./pages/order-history/order-history.component */ "Oj9b");
/* harmony import */ var _pages_preparation_preparation_component__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./pages/preparation/preparation.component */ "13eq");
/* harmony import */ var _pages_product_product_component__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./pages/product/product.component */ "10O5");
/* harmony import */ var _pages_single_product_single_product_component__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./pages/single-product/single-product.component */ "SLVn");
/* harmony import */ var _pages_user_account_user_account_component__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./pages/user-account/user-account.component */ "nIRf");
/* harmony import */ var _pages_cart_cart_component__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./pages/cart/cart.component */ "sHrM");
/* harmony import */ var _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! @ng-bootstrap/ng-bootstrap */ "1kSV");
/* harmony import */ var _shared_user_login_user_login_component__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./shared/user-login/user-login.component */ "s7gC");
/* harmony import */ var _pages_sigunup_sigunup_component__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./pages/sigunup/sigunup.component */ "Pfx7");
/* harmony import */ var _pages_user_address_user_address_component__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ./pages/user-address/user-address.component */ "SlRn");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @angular/core */ "fXoL");




















/**
 * Routes
 */
const routes = [
    { path: '', component: _pages_home_home_component__WEBPACK_IMPORTED_MODULE_4__["HomeComponent"] },
    { path: 'ar', component: _pages_home_home_component__WEBPACK_IMPORTED_MODULE_4__["HomeComponent"] },
    { path: 'home', component: _pages_home_home_component__WEBPACK_IMPORTED_MODULE_4__["HomeComponent"] },
    { path: 'ar/home', component: _pages_home_home_component__WEBPACK_IMPORTED_MODULE_4__["HomeComponent"] },
    { path: 'about-us', component: _pages_aboutus_aboutus_component__WEBPACK_IMPORTED_MODULE_1__["AboutusComponent"] },
    { path: 'ar/about-us', component: _pages_aboutus_aboutus_component__WEBPACK_IMPORTED_MODULE_1__["AboutusComponent"] },
    { path: 'when-did-human-know-coffee', component: _pages_learn_human_know_coffee_learn_human_know_coffee_component__WEBPACK_IMPORTED_MODULE_6__["LearnHumanKnowCoffeeComponent"] },
    { path: 'ar/when-did-human-know-coffee', component: _pages_learn_human_know_coffee_learn_human_know_coffee_component__WEBPACK_IMPORTED_MODULE_6__["LearnHumanKnowCoffeeComponent"] },
    { path: 'what-are-the-benefits-and-harms', component: _pages_learn_benefits_and_harms_learn_benefits_and_harms_component__WEBPACK_IMPORTED_MODULE_5__["LearnBenefitsAndHarmsComponent"] },
    { path: 'ar/what-are-the-benefits-and-harms', component: _pages_learn_benefits_and_harms_learn_benefits_and_harms_component__WEBPACK_IMPORTED_MODULE_5__["LearnBenefitsAndHarmsComponent"] },
    { path: 'preparation', component: _pages_preparation_preparation_component__WEBPACK_IMPORTED_MODULE_9__["PreparationComponent"] },
    { path: 'ar/preparation', component: _pages_preparation_preparation_component__WEBPACK_IMPORTED_MODULE_9__["PreparationComponent"] },
    { path: 'gallery', component: _pages_gallery_gallery_component__WEBPACK_IMPORTED_MODULE_3__["GalleryComponent"] },
    { path: 'ar/gallery', component: _pages_gallery_gallery_component__WEBPACK_IMPORTED_MODULE_3__["GalleryComponent"] },
    { path: 'contact', component: _pages_contact_contact_component__WEBPACK_IMPORTED_MODULE_2__["ContactComponent"] },
    { path: 'ar/contact', component: _pages_contact_contact_component__WEBPACK_IMPORTED_MODULE_2__["ContactComponent"] },
    { path: 'product', component: _pages_product_product_component__WEBPACK_IMPORTED_MODULE_10__["ProductComponent"] },
    { path: 'ar/product', component: _pages_product_product_component__WEBPACK_IMPORTED_MODULE_10__["ProductComponent"] },
    { path: 'single-product', component: _pages_single_product_single_product_component__WEBPACK_IMPORTED_MODULE_11__["SingleProductComponent"] },
    { path: 'ar/single-product', component: _pages_single_product_single_product_component__WEBPACK_IMPORTED_MODULE_11__["SingleProductComponent"] },
    { path: 'single-product/:id', component: _pages_single_product_single_product_component__WEBPACK_IMPORTED_MODULE_11__["SingleProductComponent"] },
    { path: 'ar/single-product/:id', component: _pages_single_product_single_product_component__WEBPACK_IMPORTED_MODULE_11__["SingleProductComponent"] },
    { path: 'user-account', component: _pages_user_account_user_account_component__WEBPACK_IMPORTED_MODULE_12__["UserAccountComponent"] },
    { path: 'ar/user-account', component: _pages_user_account_user_account_component__WEBPACK_IMPORTED_MODULE_12__["UserAccountComponent"] },
    { path: 'my-information', component: _pages_my_information_my_information_component__WEBPACK_IMPORTED_MODULE_7__["MyInformationComponent"] },
    { path: 'ar/my-information', component: _pages_my_information_my_information_component__WEBPACK_IMPORTED_MODULE_7__["MyInformationComponent"] },
    { path: 'order-history', component: _pages_order_history_order_history_component__WEBPACK_IMPORTED_MODULE_8__["OrderHistoryComponent"] },
    { path: 'ar/order-history', component: _pages_order_history_order_history_component__WEBPACK_IMPORTED_MODULE_8__["OrderHistoryComponent"] },
    { path: 'cart', component: _pages_cart_cart_component__WEBPACK_IMPORTED_MODULE_13__["CartComponent"] },
    { path: 'ar/cart', component: _pages_cart_cart_component__WEBPACK_IMPORTED_MODULE_13__["CartComponent"] },
    { path: 'user-login', component: _shared_user_login_user_login_component__WEBPACK_IMPORTED_MODULE_15__["UserLoginComponent"] },
    { path: 'ar/user-login', component: _shared_user_login_user_login_component__WEBPACK_IMPORTED_MODULE_15__["UserLoginComponent"] },
    { path: 'register', component: _pages_sigunup_sigunup_component__WEBPACK_IMPORTED_MODULE_16__["SigunupComponent"] },
    { path: 'ar/register', component: _pages_sigunup_sigunup_component__WEBPACK_IMPORTED_MODULE_16__["SigunupComponent"] },
    { path: 'manage-address', component: _pages_user_address_user_address_component__WEBPACK_IMPORTED_MODULE_17__["UserAddressComponent"] },
    { path: 'ar/manage-address', component: _pages_user_address_user_address_component__WEBPACK_IMPORTED_MODULE_17__["UserAddressComponent"] },
];
/**
 * Routing Module
 */
class AppRoutingModule {
}
AppRoutingModule.ɵmod = _angular_core__WEBPACK_IMPORTED_MODULE_18__["ɵɵdefineNgModule"]({ type: AppRoutingModule });
AppRoutingModule.ɵinj = _angular_core__WEBPACK_IMPORTED_MODULE_18__["ɵɵdefineInjector"]({ factory: function AppRoutingModule_Factory(t) { return new (t || AppRoutingModule)(); }, imports: [[_angular_router__WEBPACK_IMPORTED_MODULE_0__["RouterModule"].forRoot(routes, { relativeLinkResolution: 'legacy' })], _angular_router__WEBPACK_IMPORTED_MODULE_0__["RouterModule"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_14__["NgbModule"]] });
(function () { (typeof ngJitMode === "undefined" || ngJitMode) && _angular_core__WEBPACK_IMPORTED_MODULE_18__["ɵɵsetNgModuleScope"](AppRoutingModule, { imports: [_angular_router__WEBPACK_IMPORTED_MODULE_0__["RouterModule"]], exports: [_angular_router__WEBPACK_IMPORTED_MODULE_0__["RouterModule"], _ng_bootstrap_ng_bootstrap__WEBPACK_IMPORTED_MODULE_14__["NgbModule"]] }); })();


/***/ }),

/***/ "zUnb":
/*!*********************!*\
  !*** ./src/main.ts ***!
  \*********************/
/*! no exports provided */
/***/ (function(module, __webpack_exports__, __webpack_require__) {

"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @angular/platform-browser */ "jhN1");
/* harmony import */ var _angular_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @angular/core */ "fXoL");
/* harmony import */ var _app_app_module__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./app/app.module */ "ZAI4");
/* harmony import */ var _environments_environment__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./environments/environment */ "AytR");




if (_environments_environment__WEBPACK_IMPORTED_MODULE_3__["environment"].production) {
    Object(_angular_core__WEBPACK_IMPORTED_MODULE_1__["enableProdMode"])();
}
_angular_platform_browser__WEBPACK_IMPORTED_MODULE_0__["platformBrowser"]().bootstrapModule(_app_app_module__WEBPACK_IMPORTED_MODULE_2__["AppModule"])
    .catch(err => console.error(err));


/***/ }),

/***/ "zn8P":
/*!******************************************************!*\
  !*** ./$$_lazy_route_resource lazy namespace object ***!
  \******************************************************/
/*! no static exports found */
/***/ (function(module, exports) {

function webpackEmptyAsyncContext(req) {
	// Here Promise.resolve().then() is used instead of new Promise() to prevent
	// uncaught exception popping up in devtools
	return Promise.resolve().then(function() {
		var e = new Error("Cannot find module '" + req + "'");
		e.code = 'MODULE_NOT_FOUND';
		throw e;
	});
}
webpackEmptyAsyncContext.keys = function() { return []; };
webpackEmptyAsyncContext.resolve = webpackEmptyAsyncContext;
module.exports = webpackEmptyAsyncContext;
webpackEmptyAsyncContext.id = "zn8P";

/***/ })

},[[0,"runtime","vendor"]]]);
//# sourceMappingURL=main-es2015.js.map