1!function(){"use strict";function n(){/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */var t,i,s="function"==typeof Symbol?Symbol:{},o=s.iterator||"@@iterator",a=s.toStringTag||"@@toStringTag";function r(n,s,o,a){var r=s&&s.prototype instanceof d?s:d,c=Object.create(r.prototype);return e(c,"_invoke",function(n,e,s){var o,a,r,d=0,c=s||[],p=!1,u={p:0,n:0,v:t,a:m,f:m.bind(t,4),d:function(n,e){return o=n,a=0,r=t,u.n=e,l}};function m(n,e){for(a=n,r=e,i=0;!p&&d&&!s&&i<c.length;i++){var s,o=c[i],m=u.p,g=o[2];n>3?(s=g===e)&&(r=o[(a=o[4])?5:(a=3,3)],o[4]=o[5]=t):o[0]<=m&&((s=n<2&&m<o[1])?(a=0,u.v=e,u.n=o[1]):m<g&&(s=n<3||o[0]>e||e>g)&&(o[4]=n,o[5]=e,u.n=g,a=0))}if(s||n>1)return l;throw p=!0,e}return function(s,c,g){if(d>1)throw TypeError("Generator is already running");for(p&&1===c&&m(c,g),a=c,r=g;(i=a<2?t:r)||!p;){o||(a?a<3?(a>1&&(u.n=-1),m(a,r)):u.n=r:u.v=r);try{if(d=2,o){if(a||(s="next"),i=o[s]){if(!(i=i.call(o,r)))throw TypeError("iterator result is not an object");if(!i.done)return i;r=i.value,a<2&&(a=0)}else 1===a&&(i=o.return)&&i.call(o),a<2&&(r=TypeError("The iterator does not provide a '"+s+"' method"),a=1);o=t}else if((i=(p=u.n<0)?r:n.call(e,u))!==l)break}catch(i){o=t,a=1,r=i}finally{d=1}}return{value:i,done:p}}}(n,o,a),!0),c}var l={};function d(){}function c(){}function p(){}i=Object.getPrototypeOf;var u=[][o]?i(i([][o]())):(e(i={},o,function(){return this}),i),m=p.prototype=d.prototype=Object.create(u);function g(n){return Object.setPrototypeOf?Object.setPrototypeOf(n,p):(n.__proto__=p,e(n,a,"GeneratorFunction")),n.prototype=Object.create(m),n}return c.prototype=p,e(m,"constructor",p),e(p,"constructor",c),c.displayName="GeneratorFunction",e(p,a,"GeneratorFunction"),e(m),e(m,a,"Generator"),e(m,o,function(){return this}),e(m,"toString",function(){return"[object Generator]"}),(n=function(){return{w:r,m:g}})()}function e(n,t,i,s){var o=Object.defineProperty;try{o({},"",{})}catch(n){o=0}e=function(n,t,i,s){function a(t,i){e(n,t,function(n){return this._invoke(t,i,n)})}t?o?o(n,t,{value:i,enumerable:!s,configurable:!s,writable:!s}):n[t]=i:(a("next",0),a("throw",1),a("return",2))},e(n,t,i,s)}function t(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}function i(n,e){for(var t=0;t<e.length;t++){var i=e[t];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(n,o(i.key),i)}}function s(n,e,t){return e&&i(n.prototype,e),t&&i(n,t),Object.defineProperty(n,"prototype",{writable:!1}),n}function o(n){var e=function(n,e){if("object"!=typeof n||!n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var i=t.call(n,e||"default");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(n)}(n,"string");return"symbol"==typeof e?e:e+""}function a(n,e,t){return e=l(e),function(n,e){if(e&&("object"==typeof e||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(n){if(void 0===n)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return n}(n)}(n,r()?Reflect.construct(e,t||[],l(n).constructor):e.apply(n,t))}function r(){try{var n=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(n){}return(r=function(){return!!n})()}function l(n){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(n){return n.__proto__||Object.getPrototypeOf(n)},l(n)}function d(n,e){return d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,e){return n.__proto__=e,n},d(n,e)}(self.webpackChunkyumzy=self.webpackChunkyumzy||[]).push([[2790],{42790:function(e,i,o){o.r(i),o.d(i,{HomeMobilePageModule:function(){return Bn},playerFactory:function(){return Tn}});var r=o(97582),l=o(37716),c=o(38583),p=o(3679),u=o(94490),m=o(67957),g=o(41349),f=o(57087),v=o(45493),y=o(42549),h=o(67862),b=o(12711),x=o(90787),w=o(34571),I=o(21218),S=o(93661),O=o(76461),k=o(56371),z=o(63333),L=o(73903),A=function(n){function e(n,i,s,o,r,l,d,c,p,u,m){return t(this,e),a(this,e,[n,i,s,o,r,l,d,c,p,u,m])}return function(n,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");n.prototype=Object.create(e&&e.prototype,{constructor:{value:n,writable:!0,configurable:!0}}),Object.defineProperty(n,"prototype",{writable:!1}),e&&d(n,e)}(e,n),s(e,[{key:"ngOnInit",value:function(){var n,e,t;if(document.documentElement.scrollTop=0,!((0,O.n$)("ios")||(0,O.n$)("android"))&&(localStorage.getItem("outletId")||localStorage.getItem("destination"))&&(this.router.navigate(["rest-details"],{queryParams:{outletId:localStorage.getItem("outletId"),redirectUrl:k.Pf.home,destination:localStorage.getItem("destination")}}),localStorage.removeItem("outletId"),localStorage.removeItem("destination")),!z.YG.isNative){var i={source:"homepage",user_id:String(z.YG.userId||""),user_city:String((null===(n=z.YG.currentAddressObj)||void 0===n?void 0:n.city)||""),user_locality:String((null===(e=z.YG.currentAddressObj)||void 0===e?void 0:e.locality)||""),promo_id:"",promo_name:"",section_name:"",user_mobile_number:(null===(t=z.YG.userInfoData)||void 0===t?void 0:t.mobile)||""};(0,L.L9)("homepage",i)}}},{key:"trackByFunction",value:function(n,e){return e?n:null}},{key:"getStyleConfig",value:function(n,e,t){var i,s;switch(e){case"margin":s={margin:"".concat(n.margin," ")};break;case"padding":s={padding:"".concat(n.padding," ")};break;default:s=""}return n.style&&(s.background="".concat(n.style.background),1e3!==t?s.backgroundSize="cover":1e3===t&&(s.backgroundSize="contain"),""!==(null===(i=n.style)||void 0===i?void 0:i.padding)?s.padding=n.style.padding:s.padding="12px 0px",s.borderRadius="".concat(n.style.borderRad)),s}},{key:"getEOFFile",value:function(){return(new Date).getHours()>=18?"assets/animations/dark_EOF.gif":"assets/animations/light_EOF.gif"}}])}(v.O);A.ctorParameters=function(){return[{type:y.FF},{type:m.F0},{type:h.Y},{type:f.D},{type:b.V},{type:p.qu},{type:x.y},{type:w.B},{type:I.f},{type:l.Renderer2},{type:S.O}]};var F=[{path:"",component:A=(0,r.gn)([(0,l.Component)({selector:"app-home-mobile",template:'<ion-header class="header ion-no-border home-header">\n <div [ngStyle]="topHeaderStyle?.style">\n <div class="header-inner" style="margin-top: -4px">\n <div class="row mx-3 mb-2 pt-1 mt-2 align-items-center">\n <div class="" *ngIf="addressTag || locality">\n <img src="assets/icon/home/location_pointer.svg" alt="" class="location-icon">\n\n </div>\n \x3c!-- <img src="assets/icon/home/home-location-pin.svg" alt="" class="mt-2" width="24px" height="24px"> --\x3e\n <div class="col-6 p-0 ml-1 mt-1" *ngIf="addressTag || locality">\n <div class="location-view mt-1" style="line-height:1.6;" (click)="onSetDeliveryLocation()">\n <div class="d-flex align-items-center">\n <p class="m-0 sitefontextrabold fs-14 text-capitalize primary-clr pr-2 mr-1">{{addressTag}}</p>
1\n <span class="icon-arrow-angle-back fs-10"></span>\n </div>\n <p class="fs-12 sitefontmedium txt-capitalize primary-clr">{{locality}}</p>\n\n </div>\n </div>\n \x3c!-- <div class="col-4 p-0 text-right offers-view mr-3">\n <img src="assets/icon/home/home-offer.svg" alt="" width="18px" height="18px">\n <b class="fs-14 offer-txt ml-1 fw-6" (click)="onOffer()">Offers</b>\n </div> --\x3e\n <div *ngIf="isLoggedIn" class="col-4 p-1 text-right wallet-view">\n <span class="skeleton-loader height-20" style="float: right; width: 50%;" *ngIf="showWalletLoading"></span>\n <div *ngIf="!showWalletLoading" class="d-flex align-items-center justify-content-end">\n <span class="d-flex align-items-center"><img src="assets/scratch-cards/icons-on-card/coin.png" width="24px"\n alt=""></span>\n \x3c!-- <span class="icon-wallet cool-grey-clr fs-14"></span> --\x3e\n <b class="fs-14 wallet-txt ml-2 fw-6" style="margin-top:1px ;" (click)="onWallet()"> {{ walletBalance }}</b>\n </div>\n </div>\n </div>\n </div>\n <div class="search-bar pb-3 pt-2" (click)="searchBarClicked()">\n \x3c!-- <ion-item lines="none" class="searchbar"> --\x3e\n <div class="px-3 position-relative">\n <input type="text" class="fs-14 sitefontmedium d-block block-inp-focus"\n placeholder="Search for restaurants, items etc..." />\n <span class="icon-search search-icon fs-20 primary-cta position-absolute"></span>\n\n </div>\n </div>\n </div>\n</ion-header>\n<div class="home-page">\n <app-home-skeleton-loader *ngIf="showSkeletonLoading"></app-home-skeleton-loader>\n <ion-content (ionScroll)="logScroll($event)" [scrollEvents]="true"\n *ngIf="!showSkeletonLoading && (allHomeFoodList && allHomeFoodList.length !== 0 && !errorCode)">\n <ion-refresher slot="fixed" (ionRefresh)="onRefresh($event)">\n <ion-refresher-content></ion-refresher-content>\n </ion-refresher>\n\n <div [style.margin-bottom]="infoBarList?.length > 0 ? \'10rem\' : \'8rem\'">\n <div *ngFor="let allFood of allHomeFoodList ; index as i; last as isLast; trackBy: trackByFunction" #render>\n \x3c!-- Banner View --\x3e\n <div class="px-3" *ngIf="allFood.layoutType === layoutCode.BANNER && allFood?.list?.length > 0"\n [ngStyle]="getStyleConfig(allFood.config,\'margin\',allFood.layoutType)">\n <app-banners-mobile [banners]="allFood" (onLayoutItems)="onLayoutItem($event)"></app-banners-mobile>\n </div>\n\n \x3c!-- Offer and ad on single screen --\x3e\n <div *ngIf="allFood.layoutType === layoutCode.OFFER_OR_ADS_FULL && allFood?.list?.length > 0"\n [ngStyle]="getStyleConfig(allFood.config,\'margin\')">\n <app-single-ad-offer-on-screen-mobile [singleOfferAndAds]="allFood" (onLayoutItems)="onLayoutItem($event)">\n </app-single-ad-offer-on-screen-mobile>\n </div>\n\n \x3c!-- Top Brands --\x3e\n <div class="px-3" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.TOP_BRANDS && allFood?.list?.length > 0">\n <app-top-brands-mobile [topBrands]="allFood" (onSeeAllItems)="onSeeAllItem($event)"\n (onLayoutItems)="onLayoutItem($event)">\n </app-top-brands-mobile>\n </div>\n\n \x3c!-- Multi ad and offer --\x3e\n <div class="px-3" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.OFFER_OR_ADS_HALF && allFood?.list?.length > 0">\n <app-multi-ad-on-screen-mobile [offersAndAds]="allFood" (onLayoutItems)="onLayoutItem($event)">\n </app-multi-ad-on-screen-mobile>\n </div>\n\n \x3c!-- Popular cuisines --\x3e\n <div class="px-3 mb-4" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.POPULAR_CUISINE && allFood?.list?.length > 0">\n <app-popular-cuisines-mobile [popularCuisines]="allFood" (onLayoutItems)="onLayoutItem($event)">\n </app-popular-cuisines-mobile>\n </div>\n\n \x3c!-- Top Restaurant View --\x3e\n <div class="px-3" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.TOP_RESTAURANTS && allFood?.list?.length > 0">\n <app-top-restaurants-mobile [topRestaurants]="allFood" (onSeeAllItems)="onSeeAllItem($event)"\n (onLayoutItems)="onLayoutItem($event)">\n </app-top-restaurants-mobile>\n </div>\n\n \x3c!-- Top Restaurant View --\x3e\n <div class="px-3" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.ALL_RESTAURANT && allFood?.list?.length > 0">\n <app-all-restaurants-mobile [allRestaurants]="allFood" (onLayoutItems)="onLayoutItem($event)">\n </app-all-restaurants-mobile>\n\n \x3c!-- <app-restaurants-big-card-mobile\n [restaurants]="allFood"\n (onSeeAllItems)="onSeeAllItem($event)"\n (onLayoutItems)="onLayoutItem($event)"\n >\n </app-restaurants-big-card-mobile> --\x3e\n </div>
1\n\n \x3c!-- New Launched --\x3e\n <div class=" py-3" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.NEW_LUNCHED && allFood?.list?.length > 0">\n <app-new-launched-mobile [newLaunched]="allFood" (onSeeAllItems)="onSeeAllItem($event)"\n (onLayoutItems)="onLayoutItem($event)"></app-new-launched-mobile>\n </div>\n\n \x3c!-- Yumzy exclusive --\x3e\n <div class="px-3" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.YUMZY_ECLUSIVE && allFood?.list?.length > 0">\n <app-yumzy-exclusive-mobile [yumzyExclusive]="allFood" (onSeeAllItems)="onSeeAllItem($event)"\n (onLayoutItems)="onLayoutItem($event)">\n </app-yumzy-exclusive-mobile>\n </div>\n\n \x3c!-- Most Ordered --\x3e\n <div class="px-3" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.MOST_ORDERED && allFood?.list?.length > 0">\n <app-most-ordered-restaurants [mostOrdered]="allFood" (onSeeAllItems)="onSeeAllItem($event)"\n (onLayoutItems)="onLayoutItem($event)">\n </app-most-ordered-restaurants>\n </div>\n\n \x3c!-- Trending Restaurants --\x3e\n <div class="px-3" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.TRENDING_RESTAURANT && allFood?.list?.length > 0">\n <app-trending-restaurant-mobile [trendingRestaurant]="allFood" (onSeeAllItems)="onSeeAllItem($event)"\n (onLayoutItems)="onLayoutItem($event)">\n </app-trending-restaurant-mobile>\n </div>\n\n \x3c!-- Featured Brands --\x3e\n <div class="px-3" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.FEATURED_BRANDS && allFood?.list?.length > 0">\n <app-new-launched-mobile [newLaunched]=" allFood" (onSeeAllItems)="onSeeAllItem($event)"\n (onLayoutItems)="onLayoutItem($event)">\n </app-new-launched-mobile>\n </div>\n\n \x3c!-- Yumzy best --\x3e\n <div class="px-3" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.YUMZY_BEST && allFood?.list?.length > 0">\n <app-yumzy-best-mobile [yumzyBests]="allFood" (onSeeAllItems)="onSeeAllItem($event)"\n (onLayoutItems)="onLayoutItem($event)">\n </app-yumzy-best-mobile>\n </div>\n\n \x3c!-- Winter special --\x3e\n <div class="px-3" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.WINTER_SPECIAL && allFood?.list?.length > 0">\n <app-winter-special-mobile [winterSpecial]="allFood" (onSeeAllItems)="onSeeAllItem($event)"\n (onLayoutItems)="onLayoutItem($event)">\n </app-winter-special-mobile>\n </div>\n\n\n \x3c!-- Promoted restaurants --\x3e\n <div [ngStyle]="getStyleConfig(allFood.config,\'margin\')" class="top-promoted-sec"\n *ngIf="allFood.layoutType === layoutCode.IMAGE_VIEW && allFood?.list?.length > 0">\n <app-promoted-restaurant-mobile [promotedRestaurant]="allFood" (onLayoutItems)="onLayoutItem($event)">\n </app-promoted-restaurant-mobile>\n </div>\n\n \x3c!-- Popular Foods --\x3e\n <div class="pb-1" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.POPULAR_FOOD && allFood?.list?.length > 0">\n <app-popular-food-mobile [popularFoods]="allFood" (onSeeAllItems)="onSeeAllItem($event)">\n </app-popular-food-mobile>\n </div>\n \x3c!-- Group Buy --\x3e\n <div class="pb-1" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.GROUP_BUY && allFood?.list?.length > 0">\n <app-group-buy-deal [groupBuyDeals]="allFood" (onSeeAllItems)="onSeeAllItem($event)">\n </app-group-buy-deal>\n </div>\n\n \x3c!-- Order Again --\x3e\n <div class="" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.ORDER_AGAIN && allFood?.list?.length > 0">\n <app-order-again-mobile [orderAgain]="allFood" (onLayoutItems)="onLayoutItem($event)"\n (onSeeAllItems)="onSeeAllItem($event)">\n </app-order-again-mobile>\n </div>\n\n \x3c!-- Trending Foods --\x3e\n <div class="px-3" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.TRENDING_FOOD && allFood?.list?.length > 0">\n <app-trending-foods-mobile [trendingFoods]="allFood" (onLayoutItems)="onLayoutItem($event)"\n (onSeeAllItems)="onSeeAllItem($event)">\n </app-trending-foods-mobile>\n </div>\n\n <div class="px-3" [ngStyle]="getStyleConfig(allFood.config,\'margin\')"\n *ngIf="allFood.layoutType === layoutCode.DYNAMIC_OFFER && allFood?.list?.length > 0">\n <app-dynamic-offer-layout [dynamicOffers]="allFood" (onLayoutItems)="onLayoutItem($event)">\n </app-dynamic-offer-layout>\n </div>\n \x3c!-- <div *ngIf="i == allHomeFoodList.length - 1">\n <img src="https://sgp1.digitaloceanspaces.com/listing/test/Yumzy_End_of_Page_Light_Mode_new.gif">\n </div> --\x3e\n </div>\n \x3c!-- End of the List Display \n \n Remove request made by Neha--\x3e\n \n \x3c!-- <div *ngIf="!isContainMore">\n <img style="width: 100% !important;" src="{{getEOFFile()}}">\n </div> --\x3e\n\n <div class="text-center pb-1" *ngIf="( isAPICalling )">\n <div class="skeleton-loader-items d-flex justify-content-between mt-2 px-3">
1\n <span class="img-item-skeleton" style="height:148px; width: 136px;"></span>\n <div class="item-desc-skeleton pt-2 pl-2 ml-1">\n <span class="height-25"></span>\n <span class="height-15"></span>\n <span class="height-10"></span>\n <span class="height-10"></span>\n <span class="height-20"></span>\n </div>\n </div>\n <div class="skeleton-loader-items d-flex justify-content-between mt-2 px-3">\n <span class="img-item-skeleton" style="height:148px; width: 136px;"></span>\n <div class="item-desc-skeleton pt-2 pl-2 ml-1">\n <span class="height-25"></span>\n <span class="height-15"></span>\n <span class="height-10"></span>\n <span class="height-10"></span>\n <span class="height-20"></span>\n </div>\n </div>\n \x3c!-- <ng-lottie [options]="skeletonLoadingConfig"> </ng-lottie> --\x3e\n </div>\n </div>\n </ion-content>\n\n <div class="info-bar" [ngStyle]="{\'bottom\': getInfoHeight()}" *ngIf="infoBarList && infoBarList.length > 0"\n [ngClass]="{\'infobar-bg-color\':infoBarList && infoBarList.length > 0}">\n \x3c!-- <div\n class="app-update-infoBar d-flex align-items-center px-4 py-2"\n *ngIf="infoBarList && !(infoBarList.length > 0)"\n (click)="onUpdatingApp()"\n >\n <img src="assets/icon/home/update-icon.svg" alt="" class="mr-2" />\n <p class="fs-10 sitefontnormal white-clr">\n New version is available,tap to update.\n </p>\n </div> --\x3e\n\n <ion-slides [options]="slideOpts">\n <ion-slide *ngFor="let infoBar of infoBarList;let i=index ;trackBy:trackByOrderId">\n <div class="info-card card m-0 w-100" *ngIf="!infoBar.type">\n <div class="col-12 d-flex p-0 align-items-center">\n <div style="width: 20%; height: auto;" class="d-flex justify-content-center">\n \x3c!-- <img *ngIf="infoBar.landingPage == \'Rain\'" [src]="infoBar.icon" class="info-img" /> --\x3e\n <ng-container *ngIf="infoBar.iconType == \'img\'; else animation">\n <img [src]="infoBar.icon" class="ml-2" width="30%" class="info-img" />\n </ng-container>\n <ng-template #animation>\n <ng-lottie height="40px"\n [options]="infoBar.landingPage === \'tracking\' ? trackOrderConfig : infoBar.landingPage === \'Rain\' ? cloudConfig : customConfig(infoBar.icon)">\n </ng-lottie>\n </ng-template>\n </div>\n <div class="ml-1 w-100 py-1">\n <div class="fs-12 sitefontbold d-flex justify-content-between">\n <p class="text-capitalize fs-12 sitefontbold" *ngIf="infoBar?.text;else noText">{{infoBar?.outletName}}\n </p>\n <ng-template #noText>\n <p class="text-capitalize fs-12 sitefontbold">{{ infoBar?.subject }}</p>\n </ng-template>\n <p class="salmon-pink-clr pr-3">\n <span class="fs-12 sitefontmedium" *ngIf="infoBar?.landingPage === \'tracking\'"\n (click)="openOrderTrackModal(infoBar)">Track</span>\n <span *ngIf="infoBar?.landingPage === \'rate\'" class="d-flex align-items-center">\n <span (click)="openRateOrderModal(infoBar)">Rate</span>\n <span class="cross-icon ml-2">\n <img src="assets/icon/common/cross-grey.svg" height="2px" width="2px"\n (click)="disableRating(infoBar?.orderId,i)" class="cross-img" />\n </span>\n </span>\n </p>\n </div>\n <div>\n \x3c!-- <p class="fs-12 sitefontlight limit-line-length-2" *ngIf="infoBar?.text;else diff">Madhapur* | </p> --\x3e\n <p class="action-clr-green fs-12 sitefontnormal" *ngIf="infoBar?.text;else diff">{{infoBar?.text}}</p>\n\n <ng-template #diff>\n <p class="fs-12 fw-4 info-dec-txt limit-line-length-2"> {{ infoBar?.description }} </p>\n </ng-template>\n \x3c!-- <p></p> --\x3e\n </div>\n </div>\n </div>\n </div>\n <div class="info-card card m-0 w-100" *ngIf="infoBar.type == \'cart\'">\n <div class="col-12 d-flex p-0 align-items-center justify-content-between">\n <div class="d-flex align-items-center ml-2" style="max-width: 54%;">\n <div>\n <img [src]="infoBar.outletLogo" class="ml-2" width="30%" class="outlet-logo" />\n </div>\n\n <div class="ml-2">\n <p class="text-capitalize fs-14 sitefontbold limit-line-length-1"\n style=" max-width: 45vw; color: #263238;">{{infoBar?.outletName}}</p>\n <p class="text-capitalize fs-12" (click)="bottomBarOutlet(infoBar)"\
1n style="text-decoration-line: underline; color: #263238A1;">\n {{ infoBar?.itemCount }} items added</p>\n </div>\n </div>\n\n <div class="fs-14 px-3 py-2 mr-2" (click)="checkout()"\n style="color: white; background: #00A96B; border-radius: 16px;">\n \u20b9{{infoBar?.itemTotal}} | Checkout\n </div>\n </div>\n </div>\n </ion-slide>\n </ion-slides>\n </div>\n\n <div class="not-serving-view"\n *ngIf="!showSkeletonLoading && allHomeFoodList.length === 0 &&( errorCode === layoutCode.NOT_SERVING_LOCATION || errorCode === layoutCode.DELIVERY_OPERATION_OFF)">\n <div class="row m-0 px-5">\n <div class="col-1"></div>\n <div class="col-10 text-center">\n <img src="assets/icon/home/not-serving-loc.svg" alt="" />\n <p class="fs-18 fw-7 pt-3">{{errorResponse.title}}</p>\n <p class="fs-10 fw-4">{{errorResponse.message}}</p>\n <button class="btn btn-red-bg-sm mt-2" (click)="onTryOtherLocation()">\n Try Another Location\n </button>\n </div>\n </div>\n </div>\n <div class="not-serving-view"\n *ngIf="!showSkeletonLoading && allHomeFoodList.length === 0 && errorCode === layoutCode.RESTAURANT_NOT_SERVING">\n <div class="row m-0">\n <div class="col-1"></div>\n <div class="col-10 text-center">\n <img src="assets/icon/home/all-rest-close.svg" alt="" />\n <p class="fs-18 fw-7 pt-3">Restaurants around you are closed \ud83d\ude1e</p>\n <p class="fs-10 fw-4">\n No Restaurant is delivering right now! Please try again in a while!\n </p>\n </div>\n </div>\n </div>\n</div>',encapsulation:l.ViewEncapsulation.None,styles:[g]})],A)}],R=s(function n(){t(this,n)});R=(0,r.gn)([(0,l.NgModule)({imports:[m.Bz.forChild(F)],exports:[m.Bz]})],R);var E=o(35168),C=o(72901),T=o(21633),B=o(53787),D=function(){return s(function n(e,i){t(this,n),this.analyticsService=e,this.firebaseService=i,this.onLayoutItems=new l.EventEmitter,this.bannersList=[],this.slideOpts=(0,k.$t)("BANNERS"),this.pager=!1},[{key:"ngOnInit",value:function(){this.bannersList=this.banners.list,console.log("displayed banners",this.banners),this.banners.config.slideOpts&&(console.log(this.banners.config.slideOpts),this.slideOpts=Object.assign({},this.banners.config.slideOpts),this.pager=this.banners.config.slideOpts.pager)}},{key:"ngAfterViewInit",value:function(){this.ionSlideNextEnd()}},{key:"onBannerItem",value:function(n){n.heading=this.banners.heading,n.layoutType=this.banners.layoutType,n.sectionId=this.banners.sectionId,this.analyticsService.cleverTapEvent(T.N.TOP_BANNER_CLICK,(0,B.Ic)(n,this.firebaseService)),this.onLayoutItems.emit(n),this.slides.pager=!0}},{key:"ionSlideNextEnd",value:function(){return(0,r.mG)(this,void 0,void 0,n().m(function e(){var t,i;return n().w(function(n){for(;;)switch(n.n){case 0:return n.n=1,this.slides.getActiveIndex();case 1:if(t=n.v,i=this.bannersList[t],this.slideOpts.autoplay.delay){n.n=2;break}return n.n=2,this.analyticsService.cleverTapEvent(T.N.TOP_BANNER_IMPRESSION,(0,B.JJ)(i,t));case 2:return n.a(2)}},e,this)}))}},{key:"ionSlideReachEnd",value:function(){}}])}();D.ctorParameters=function(){return[{type:x.y},{type:S.O}]},D.propDecorators={onLayoutItems:[{type:l.Output}],banners:[{type:l.Input}],slides:[{type:l.ViewChild,args:["IonSlides"]}]},D=(0,r.gn)([(0,l.Component)({selector:"app-banners-mobile",template:'<div class="banner-view">\n <ion-slides [options]="slideOpts" #IonSlides (ionSlideNextEnd)=" ionSlideNextEnd()" pager="{{pager}}" >\n <ion-slide *ngFor="let banner of bannersList">\n <div class="row m-0" (click)="onBannerItem(banner)">\n <div class="pt-2">\n <img [src]="banner?.loaded ? banner?.image?.url : \'assets/icon/common/yumzy-placeholder.png\'"\n class="banner-img img-shadow m-1" loading="lazy" (load)="banner.loaded = true" />\n </div>\n </div>\n </ion-slide>\n </ion-slides>\n</div>',styles:[C]})],D);var _=o(97502),P=function(){return s(function n(){t(this,n),this.onLayoutItems=new l.EventEmitter,this.onSeeAllItems=new l.EventEmitter,this.winterSpecialList=[],this.slideOpts=(0,k.$t)("WINTER_SPL"),this.pager=!1},[{key:"ngOnInit",value:function(){this.winterSpecialList=this.winterSpecial.list,this.winterSpecial.config.slideOpts&&(this.slideOpts=Object.assign({},this.winterSpecial.config.slideOpts),this.pager=this.winterSpecial.config.slideOpts.pager)}},{key:"onPopularCuisinesItem",value:function(n){n.heading=this.winterSpecial.heading,n.layoutType=this.winterSpecial.layoutType,this.onLayoutItems.emit(n)}},{key:"ionSlideNextEnd",value:function(){}},{key:"ionSlideReachEnd",value:function(){}}])}();P.ctorParameters=function(){return[]},P.propDecorators={onLayoutItems:[{type:l.Output}],onSeeAllItems:[{type:l.Output}],winterSpecial:[{type:l.Input}]},P=(0,r.gn)([(0,l.Component)({selector:"app-winter-special-mobile",template:'<div class="winter-special-view">\n <div class="row mb-3" *ngIf="!winterSpecial.config.hideTitle">\n <div class="col-10">\n <div class="home-title-view">\n <p class="title-txt">{{winterSpecial.heading}}</p>\n <p class="dec-txt">{{winterSpecial.subHeading}}</p>\n </div>\n </div>\n </div>\n <div class="winter-special">\n <ion-slides [options]="slideOpts" pager="{{pager}}">\n <ion-slide *ngFor="let winterSpecial of winterSpecialList">\n <div class="text-center" (click)="onPopularCuisinesItem(winterSpecial)">\n <div>\n <img [src]="winterSpecial?.loaded ? winterSpecial?.image?.url : \'assets/icon/common/yumzy-placeholder.png\'"\n class="item-img m-1" (load)="winterSpecial.loaded = true" loading="lazy" appImgFallback/>\n </div>\n <div class="mt-2 mb-2 item-view">\n <p class="item-txt">{{winterSpecial.title}}</p>\n </div>\n </div>\n </ion-slide>\n </ion-slides>\n </div>\n</div>',styles:[_]})],P);var j=o(59417),N=function(){return s(function n(){t(this,n),this.singleOfferAndAdsList=[],this.onLayoutItems=new l.EventEmitter,this.slideOpts=(0,k.$t)("COMMON_OPTIONS")},[{key:"ngOnInit",value:function(){this.singleOfferAndAdsList=this.singleOfferAndAds.list}},{key:"onItemClick",value:function(n){n.heading=this.singleOfferAndAds.heading,n.layoutType=this.singleOfferAndAds.layoutType,this.onLayoutItems.emit(n)}}])}();N.ctorParameters=function(){return[]},N.propDecorators={singleOfferAndAds:[{type:l.Input}],onLayoutItems:[{type:l.Output}]},N=(0,r.gn)([(0,l.Component)({selector:"app-single-ad-offer-on-screen-mobile",template:'<div class="single-ads-offers-view">\n <div class="">\n \x3c!-- <ion-slides [options]="slideOpts"> --\x3e\n \x3c!-- <ion-slide *ngFor="let offerAndAds of singleOfferAndAdsList"> --\x3e\n <div>\n <img class="offers-and-ads-img" (click)="onItemClick(singleOfferAndAdsList[0])"\n [src]="singleOfferAndAdsList[0]?.loaded ? singleOfferAndAdsList[0]?.image?.url : \'assets/icon/common/yumzy-placeholder.png\'"\n loading="lazy" (load)="singleOfferAndAdsList[0].loaded = true">\n </div>\n \x3c!-- </ion-slide> --\x3e\n \x3c!-- </ion-slides> --\x3e\n </div>\n</div>',styles:[j]})],N);var Y=o(53514),$=o(13223),M=function(){return s(function n(e){t(this,n),this.toast=e,this.onSeeAllItems=new l.EventEmitter,this.onLayoutItems=new l.EventEmitter,this.topBrandsList=[],this.slideOpts=(0,k.$t)("TOP_BRANDS")},[{key:"ngOnInit",value:function(){this.topBrandsList=this.topBrands.list,console.log(this.topBrandsList)}}
1,{key:"onSeeAll",value:function(){this.topBrands.seeAll=$.f.SEE_ALL_REST,this.onSeeAllItems.emit(this.topBrands)}},{key:"onTopBrandsItem",value:function(n){n.heading=this.topBrands.heading,n.layoutType=this.topBrands.layoutType,this.onLayoutItems.emit(n)}}])}();M.ctorParameters=function(){return[{type:z.kl}]},M.propDecorators={onSeeAllItems:[{type:l.Output}],onLayoutItems:[{type:l.Output}],topBrands:[{type:l.Input}]},M=(0,r.gn)([(0,l.Component)({selector:"app-top-brands-mobile",template:'<div class="top-brands-view">\n <div class="row mb-3" *ngIf="!topBrands.config.hideTitle">\n <div class="col-8">\n <div class="home-title-view">\n <p class="title-txt">{{topBrands.heading}}</p>\n <p class="dec-txt">{{topBrands.subHeading}}</p>\n </div>\n </div>\n <div class="col-4 text-right" *ngIf="topBrandsList.length > 10">\n <p class="see-all-txt mt-2" (click)="onSeeAll()">See all<span class="icon-arrow-angle-forward fs-10"></span></p>\n </div>\n </div>\n <div class="top-brands">\n <ion-slides [options]="slideOpts">\n <ion-slide *ngFor="let topBrand of topBrandsList | slice:0:10">\n <div class="top-brand-card text-center" (click)="onTopBrandsItem(topBrand)">\n <div class="card-inner">\n <img [src]="topBrand?.loaded ? topBrand?.image?.url : \'assets/icon/common/yumzy-placeholder_4_3.png\'"\n class="top-brand-img img-shadow" appImgFallback (load)="topBrand.loaded = true" loading="lazy" />\n <div class="rest-view px-1">\n <p class="rest-txt pt-1 limit-line-length-1">{{topBrand?.title}}</p>\n <p class="duration-txt pt-1" *ngIf="topBrand?.meta?.duration">\n {{topBrand?.meta?.duration}}mins\n </p>\n </div>\n </div>\n </div>\n </ion-slide>\n </ion-slides>\n </div>\n</div>',styles:[Y]})],M);var V=o(54711),G=function(){return s(function n(){t(this,n),this.onLayoutItems=new l.EventEmitter,this.offersAndAdsList=[],this.slideOpts=(0,k.$t)("MULTI_ADD")},[{key:"ngOnInit",value:function(){this.offersAndAdsList=this.offersAndAds.list}},{key:"onItemClick",value:function(n){n.heading=this.offersAndAds.heading,n.layoutType=this.offersAndAds.layoutType,this.onLayoutItems.emit(n)}}])}();G.ctorParameters=function(){return[]},G.propDecorators={offersAndAds:[{type:l.Input}],onLayoutItems:[{type:l.Output}]},G=(0,r.gn)([(0,l.Component)({selector:"app-multi-ad-on-screen-mobile",template:'<div class="offers-and-ads-view">\n <div class="mb-3">\n <ion-slides [options]="slideOpts">\n <ion-slide *ngFor="let offersAndAds of offersAndAdsList">\n <div class="text-center">\n <img [src]="offersAndAds?.image?.url" class="offers-and-ads-img img-shadow m-1"\n (click)="onItemClick(offersAndAds)" />\n </div>\n </ion-slide>\n </ion-slides>\n </div>\n</div>',styles:[V]})],G);var H=o(19840),U=function(){return s(function n(){t(this,n),this.onLayoutItems=new l.EventEmitter,this.popularCuisinesList=[],this.slideOpts=(0,k.$t)("POPULAR_CUISINES")},[{key:"ngOnInit",value:function(){this.popularCuisinesList=this.popularCuisines.list}},{key:"onPopularCuisinesItem",value:function(n){n.heading=this.popularCuisines.heading,n.layoutType=this.popularCuisines.layoutType,this.onLayoutItems.emit(n)}}])}();U.ctorParameters=function(){return[]},U.propDecorators={onLayoutItems:[{type:l.Output}],popularCuisines:[{type:l.Input}]},U=(0,r.gn)([(0,l.Component)({selector:"app-popular-cuisines-mobile",template:'<div class="popular-cuisines-view">\n <div class="row mb-3" *ngIf="!popularCuisines.config.hideTitle">\n <div class="col-8">\n <div class="home-title-view">\n <p class="title-txt">{{popularCuisines.heading}}</p>\n <p class="dec-txt">{{popularCuisines.subHeading}}</p>\n </div>\n </div>\n </div>\n <div class="popular-cuisines">\n <ion-slides [options]="slideOpts">\n <ion-slide *ngFor="let pCuisines of popularCuisinesList">\n <div class="text-center" (click)="onPopularCuisinesItem(pCuisines)" style="position: relative;">\n <div class="container-img">\n <img [src]="pCuisines?.loaded ? pCuisines?.image?.url : \'assets/icon/common/yumzy-placeholder.png\'"\n class="cuisines-img img-shadow mt-1" loading="lazy" appImgFallback (load)="pCuisines.loaded = true" />\n </div>\n <div class="cuisines-view d-flex justify-content-center align-items-center">\n <p class="fs-12 cuisines-txt-clr text-capitalize py-1">{{pCuisines.title}}</p>\n </div>\n </div>\n </ion-slide>\n </ion-slides>\n </div>\n</div>',styles:[H]})],U);var q=o(75620),W=function(){return s(function n(e){t(this,n),this.renderer=e,this.onLayoutItems=new l.EventEmitter,this.onSeeAllItems=new l.EventEmitter,this.topRestaurantList=[],this.offerStyle=k.Hx.offer_display_type},[{key:"ngOnInit",value:function(){this.topRestaurantList=this.topRestaurants.list,console.log(this.topRestaurantList)}}
1,{key:"onTopRestaurantItem",value:function(n){console.log(n),n.heading=this.topRestaurants.heading,n.layoutType=this.topRestaurants.layoutType,this.onLayoutItems.emit(n)}},{key:"getOfferStr",value:function(n){return(0,L.fq)(n)}},{key:"getSmallOfferString",value:function(n){return(0,L.uj)(n)}},{key:"getCuisineStr",value:function(n){return(0,L.N5)(n)}},{key:"onSeeAll",value:function(){this.topRestaurants.seeAll=$.f.SEE_ALL_REST,this.onSeeAllItems.emit(this.topRestaurants)}},{key:"ngAfterViewInit",value:function(){var e;return(0,r.mG)(this,void 0,void 0,n().m(function t(){var i;return n().w(function(n){for(;;)switch(n.n){case 0:(i=null===(e=document.getElementById("details-sec"))||void 0===e?void 0:e.clientWidth)?this.maxWidthRibbon=i+12+"px":this.getWidth();case 1:return n.a(2)}},t,this)}))}},{key:"getWidth",value:function(){var n=this;this.unSubInterval=setInterval(function(){var e=document.getElementById("details-sec").clientWidth;e&&(n.maxWidthRibbon=e+12+"px",clearInterval(n.unSubInterval))},500)}},{key:"ngOnDestroy",value:function(){clearInterval(this.unSubInterval)}}])}();W.ctorParameters=function(){return[{type:l.Renderer2}]},W.propDecorators={onLayoutItems:[{type:l.Output}],onSeeAllItems:[{type:l.Output}],topRestaurants:[{type:l.Input}]},W=(0,r.gn)([(0,l.Component)({selector:"app-top-restaurants-mobile",template:'<div class="top-restaurant-view">\n <div class="mb-2" *ngIf="!topRestaurants.config.hideTitle">\n \x3c!-- <div class="col-10"> --\x3e\n \x3c!-- <div class="home-title-view"> --\x3e\n <p class="title-txt fs-20 sitefontmedium">{{topRestaurants.heading}}</p>\n <p class="dec-txt fs-12 sitefontnormal text-center">{{topRestaurants?.subHeading}}</p>\n \x3c!-- </div> --\x3e\n \x3c!-- </div> --\x3e\n </div>\n <div class="w-100">\n <div class="col-12 p-0 position-relative items-section" *ngFor="let topRest of topRestaurantList | slice:0:10"\n (click)="onTopRestaurantItem(topRest)">\n <div class="rest-card mb-1 mr-0">\n <div class="col-12 p-0 d-flex flex-row pr-0">\n <div class="container-img position-relative">\n <div class="position-absolute drop-shadow"></div>\n <img [src]="topRest?.loaded ? topRest.image.url : \'assets/icon/common/yumzy-placeholder_4_3.png\'"\n class="top-rest-img img-shadow" appImgFallback loading="lazy" (load)="topRest.loaded = true" />\n <div class="rating-view img-shadow "\n *ngIf="topRest.meta?.offers?.length > 0 && getOfferStr(topRest.meta?.offers) !==\'\'" [ngStyle]="offerStyle"\n [ngClass]="{\'line-height-1\': getSmallOfferString(topRest.meta?.offers).type === \'flat\' ,\n \'py-1\' : getSmallOfferString(topRest.meta?.offers).type === \'flat\'}">\n <span class="fs-16 pl-1 sitefontextrabold" style="font-weight: 800;"\n [innerHTML]="getSmallOfferString(topRest.meta?.offers).text | safeHtml:\'html\'"></span>\n </div>\n <div class="dietIcon d-flex w-100 align-items-center justify-content-between justify-content-end">\n <img class="veg-ind" *ngIf="topRest?.meta?.pureVeg" src="assets/icon/common/veg.svg">\n <img class="non-veg-ind" *ngIf="!(topRest?.meta?.pureVeg)" src="assets/icon/common/non-veg.svg">\n </div>\n </div>\n <div class="ml-3 mb-0 mt-2 pr-2 w-100 position-relative details-sec" id="details-sec">\n <div class="d-flex flex-column">\n <p class="rest-txt limit-line-length-2 sitefontextrabold text-capitalize" style="line-height:1.2;"> {{\n topRest?.title }} </p>\n <p class="subtitle-txt fs-14 sitefontextrabold text-capitalize pt-1"> {{ topRest?.subTitle }} </p>\n <div class="mt-2" *ngIf="topRest?.rating || topRest?.meta?.costForTwo || topRest?.meta?.costForOne">\n <span class="rating-txt" *ngIf="topRest?.rating">\n <span class="icon-star fs-14"></span>\n <span class="fs-14 pl-1 vertical-middle sitefontbold">{{topRest?.rating | number: "1.1-2"}}</span>\n </span>
1\n <span *ngIf="topRest?.meta?.costForTwo || topRest?.meta?.costForOne">\n <span class="fs-14 sitefontextrabold cost-for-two-txt">\n <span *ngIf="topRest?.rating && topRest?.rating > 0 " style="color: #ACACAC; font-weight: bold;">\n | </span>\n <span *ngIf="topRest?.meta?.costForTwo" class="fs-14 sitefontextrabold cost-for-two-txt"> \u20b9{{\n topRest?.meta?.costForTwo }} for two </span>\n <span *ngIf="topRest?.meta?.costForOne" class="fs-14 sitefontextrabold cost-for-two-txt"> \u20b9{{\n topRest?.meta?.costForOne }} for one </span>\n </span>\n </span>\n </div>\n <p class="cuisine-txt fs-14 ml-0 limit-line-length-2 sitefontmedium pt-2"\n [ngClass]="{\'bottom-margin\':topRest.cuisines}" *ngIf="topRest?.cuisines">\n {{ getCuisineStr(topRest?.cuisines) }}</p>\n </div>\n <div class="top-ribbon-sec d-flex align-items-center">\n <div *ngIf="topRest?.meta?.groupBuyRibbon" style="margin: 0;">\n <p class="fs-12 fw-6 sitefontnormal">{{topRest?.meta?.groupBuyRibbon}}</p>\n </div>\n </div>\n </div>\n </div>\n <div class="offer-sec position-absolute" *ngIf="topRest.meta?.promoMsg"\n [ngStyle]="{\'max-width\':maxWidthRibbon ? maxWidthRibbon:\'200px\'}">\n <img src="assets/icon/home/offer_ribbon-svg-edit.svg" class="ribbon " alt="">\n <div class="position-absolute d-flex align-items-center offer-text" style="height: auto;">\n <img src="assets/icon/home/coin.svg " class="position-relative coin" style="top: -6px; left: 12px;"\n width="28px" alt="">\n \x3c!-- for IOS keep the below line --\x3e\n <p class="fs-14 sitefontextrabold pl-3 ml-1 position-relative promo-msg" style="color:white;">\n {{topRest.meta?.promoMsg}}</p>\n </div>\n </div>\n </div>\n\n </div>\n </div>\n</div>',encapsulation:l.ViewEncapsulation.None,styles:[q]})],W);var Q=o(77940),X=function(){return s(function n(e,i){t(this,n),this.toast=e,this.elem=i,this.onLayoutItems=new l.EventEmitter,this.onSeeAllItems=new l.EventEmitter,this.pager=!1,this.isDragging=!0,this.slideOpts=(0,k.$t)("NEW_LAUNCHED")},[{key:"ngOnInit",value:function(){this.newLaunched.config.slideOpts&&(this.slideOpts=Object.assign({},this.newLaunched.config.slideOpts),this.pager=this.newLaunched.config.slideOpts.pager,this.slideOpts.spaceBetween=26)}},{key:"ngAfterViewInit",value:function(){return(0,r.mG)(this,void 0,void 0,n().m(function e(){return n().w(function(n){for(;;)switch(n.n){case 0:this.newLaunched.config.style?this.elem.nativeElement.style.setProperty("--bullet-active",this.newLaunched.config.style.bulletColor):this.elem.nativeElement.style.setProperty("--bullet-active","#3880ff");case 1:return n.a(2)}},e,this)}))}},{key:"getCuisineStr",value:function(n){return(0,L.VU)(n)}},{key:"getOfferStr",value:function(n){return(0,L.fq)(n)}},{key:"getSmallOfferString",value:function(n){return(0,L.uj)(n)}},{key:"onLayoutItemClick",value:function(n){n.heading=this.newLaunched.heading,n.layoutType=this.newLaunched.layoutType,this.onLayoutItems.emit(n)}},{key:"onSeeAll",value:function(){this.newLaunched.seeAll=$.f.SEE_ALL_REST,this.onSeeAllItems.emit(this.newLaunched)}}])}();X.ctorParameters=function(){return[{type:z.kl},{type:l.ElementRef}]},X.propDecorators={newLaunched:[{type:l.Input}],onLayoutItems:[{type:l.Output}],onSeeAllItems:[{type:l.Output}]},X=(0,r.gn)([(0,l.Component)({selector:"app-new-launched-mobile",template:'<div class="new-launched ">\n <div class="row mb-3 px-3" *ngIf="!newLaunched.config.hideTitle">\n <div class="col-8">\n <div class="home-title-view">\n <p class="title-txt sitefontextrabold fs-20"\n [ngStyle]="{\'color\': newLaunched.config.style ? newLaunched.config.style.mainHeaderTextColor : \'white\' }"> {{\n newLaunched?.heading }} </p>\n \x3c!-- <p class="dec-txt" [ngStyle]="{\'color\': newLaunched.config.style ? newLaunched.config.style.descTextColor : null }"> {{ newLaunched?.subHeading }} </p> --\x3e\n </div>\n </div>\n <div class="col-4 text-right pr-3" *ngIf="newLaunched?.list?.length > 10">\n <p class="see-all-txt mt-1 sitefontbold fs-14 text-underline" (click)="onSeeAll()"\n style="text-decoration: underline;"\n [ngStyle]="{\'color\': newLaunched.config.style ? newLaunched.config.style.offerTextColor : \'white\',\'text-decoration-color\':newLaunched.config.style ? newLaunched.config.style.offerTextColor : \'white\' }">\n See all</p>\n </div>\n </div>\n <ion-slides [options]="slideOpts" #IonSlides pager="{{pager}}" class="px-3">\n <ion-slide *ngFor="let newLaunch of newLaunched?.list | slice:0:10" class="my-2">\n <div class="item-section" (click)="onLayoutItemClick(newLaunch)">\n <div class="position-absolute drop-shadow"></div>\n <img [src]="newLaunch?.loaded ? newLaunch?.image?.url : \'assets/icon/common/yumzy-placeholder_4_3.png\'" alt=""\n appImgFallback (load)="newLaunch.loaded = true" loading="lazy" class="item-img">\n <div class="indicators ">\n <div>\n <img class="veg-ind" *ngIf="newLaunch?.meta?.pureVeg" src="assets/icon/common/veg.svg">\n <img class="non-veg-ind" *ngIf="!(newLaunch?.meta?.pureVeg)" src="assets/icon/common/non-veg.svg">\n </div>\n <div class="outlet-info-sec"\n *ngIf="newLaunch?.rating || newLaunch?.meta?.costForTwo || newLaunch?.meta?.costForOne">
1\n <span class="rating-txt" *ngIf="newLaunch?.rating">\n <span class="icon-star fs-14" style="color: #f7c443;"></span>\n <span class="fs-14 pl-1 vertical-middle sitefontmedium">{{newLaunch?.rating}}</span>\n </span>\n <span *ngIf="newLaunch?.meta?.costForTwo || newLaunch?.meta?.costForOne">\n <span *ngIf="newLaunch?.rating && newLaunch?.rating > 0 " style="color: #ACACAC; font-weight: bold;">\n | </span>\n <span *ngIf="newLaunch?.meta?.costForTwo" class="fs-14 sitefontextrabold cost-for-two-txt"> \u20b9{{\n newLaunch?.meta?.costForTwo }} for two </span>\n <span *ngIf="newLaunch?.meta?.costForOne" class="fs-14 sitefontextrabold cost-for-two-txt"> \u20b9{{\n newLaunch?.meta?.costForOne }} for one </span>\n </span>\n </div>\n </div>\n <div class="offer-ribbon position-absolute" *ngIf="newLaunch.meta?.offers.length > 0">\n <div class="position-relative ">\n <img [src]="\'assets/icon/home/offer_ribbon.svg\'" alt="">\n <p class="position-absolute sitefontextrabold fs-12 offer-text">\n {{(getSmallOfferString(newLaunch.meta?.offers).text) }}\n </p>\n </div>\n </div>\n <div class="rest-view"\n [ngStyle]="{\'background\': newLaunched.config.style ? newLaunched.config.style.bgColor : \'white\' }">\n <p class="rest-txt rest-txt-clr fw-7 fs-18 pt-1 sitefontbold text-capitalize limit-line-length-1"\n [ngStyle]="{\'color\': newLaunched.config.style ? newLaunched.config.style.headerTextColor : \'white\' }">\n {{newLaunch?.title}}</p>\n <p class="sitefontbold fs-14 sitefontmedium text-capitalize pb-2 pt-1" style="line-height: 1;"\n [ngStyle]="{\'color\': newLaunched.config.style ? newLaunched.config.style.descTextColor : \'white\' }">\n {{newLaunch?.subTitle}}</p>\n <p class="cuisine-txt sitefontmedium fs-12 limit-line-length-1 py-1" *ngIf="newLaunch?.cuisines"\n [ngStyle]="{\'color\': newLaunched.config.style ? newLaunched.config.style.subDecTextColor : \'white\' }">\n {{ getCuisineStr(newLaunch?.cuisines) }}</p>\n </div>\n </div>\n \x3c!-- <div class="top-brand-card d-flex" >\n <div class="card-inner">\n <img \n class="top-brand-img img-shadow" />\n </div>\n \n </div> --\x3e\n </ion-slide>\n </ion-slides>\n</div>',styles:[Q]})],X);var J=o(70151),Z=function(){return s(function n(e){t(this,n),this.toast=e,this.onLayoutItems=new l.EventEmitter,this.onSeeAllItems=new l.EventEmitter,this.yumzyExclusiveList=[],this.activeInd=0,this.itemsToShow=7},[{key:"ngOnInit",value:function(){this.yumzyExclusiveList=this.yumzyExclusive.list}},{key:"onSeeAll",value:function(){this.yumzyExclusive.seeAll=$.f.SEE_ALL_REST,this.onSeeAllItems.emit(this.yumzyExclusive)}},{key:"onYumzyExclusiveItem",value:function(n){n.heading=this.yumzyExclusive.heading,n.layoutType=this.yumzyExclusive.layoutType,this.onLayoutItems.emit(n)}},{key:"getCuisineStr",value:function(n){return(0,L.VU)(n)}},{key:"getOfferStr",value:function(n){return(0,L.fq)(n)}},{key:"onSwipe",value:function(n){console.log(n);var e=Math.abs(n.deltaX)>40?n.deltaX>0?"right":"left":"";"left"===e&&this.activeInd<this.itemsToShow-1&&this.activeInd<this.yumzyExclusiveList.length-1&&(console.log("triggered left"),this.activeInd++,document.getElementById("abs"+this.yumzyExclusiveList[0].sectionId).style.left="-".concat(226*this.activeInd,"px")),"right"===e&&this.activeInd>0&&(console.log("triggered right"),document.getElementById("abs"+this.yumzyExclusiveList[0].sectionId).style.left="-".concat(226*this.activeInd-226,"px"),this.activeInd--)}},{key:"trackByItemId",value:function(n,e){return e.meta.itemId}}])}();Z.ctorParameters=function(){return[{type:z.kl}]},Z.propDecorators={onLayoutItems:[{type:l.Output}],onSeeAllItems:[{type:l.Output}],yumzyExclusive:[{type:l.Input}]},Z=(0,r.gn)([(0,l.Component)({selector:"app-yumzy-exclusive-mobile",template:'<div class="yumzy-exclusive-view">\n <div class="row mb-3 m-0" *ngIf="!yumzyExclusive.config.hideTitle">\n <div class="col-8 p-0">\n <div class="home-title-view">\n <p class="title-txt">{{yumzyExclusive.heading}}</p>\n <p class="dec-txt">{{yumzyExclusive.subHeading}}</p>\n </div>\n </div>\n <div class="col-4 text-right p-0" *ngIf="yumzyExclusiveList.length > 7">\n <p class="see-all-txt mt-2" (click)="onSeeAll()">See all<span class="icon-arrow-angle-forward fs-10"></span></p>\n </div>\n </div>\n\n <div class="main-div">\n <div id="abs{{yumzyExclusiveList[0]?.sectionId}}" class="abs d-flex" (swipe)="onSwipe($event)">\n <ng-container\n *ngFor="let yumzyExclusive of yumzyExclusiveList | slice:0:itemsToShow ;let i = index;trackBy:trackByItemId">\n <div class="row ml-1 d-inline-block" (click)="onYumzyExclusiveItem(yumzyExclusive)" [id]="i">\n <div class="newly-opened mt-3">\n <div class="brands-content active-card pb-2" [class.active]="i===activeInd" #activeCard>\n <div class="grid mx-3 mb-4">\n <div>\n <img class="rest-image mt-1 w-100"\n [src]="yumzyExclusive?.loaded ? yumzyExclusive?.image?.url : \'assets/icon/common/yumzy-placeholder.png\'"\n appImgFallback loading="lazy" (load)="yumzyExclusive.loaded = true" />\n </div>\n <div class="card-content">\n <p class="rest-txt limit-line-length-1">{{yumzyExclusive.title}}</p>\n <p class="rest-txt-clr fw-5 fs-10"> {{ yumzyExclusive?.subTitle }} </p>\n <p class="cuisine-txt limit-line-length-1" *ngIf="yumzyExclusive?.cuisines">\n {{ getCuisineStr(yumzyExclusive?.cuisines) }}</p>\n <div class="hidden-block-view">\n <div>
1\n <span class="rating-txt" *ngIf="trendRest?.meta?.rating">\n <span class="icon-star fs-10"></span>\n <span class="fs-10 pl-1 vertical-middle">{{trendRest?.meta?.rating}}</span>\n </span>\n <span class="duration-txt" *ngIf="yumzyExclusive?.meta?.duration">\n <div class="dot-view" *ngIf="trendRest?.meta?.rating"></div> {{yumzyExclusive?.meta?.duration}}\n mins\n </span>\n <span *ngIf="yumzyExclusive?.meta?.costForTwo || yumzyExclusive?.meta?.costForOne">\n <span class="fs-9 cool-grey-clr fw-6" *ngIf="yumzyExclusive?.meta?.costForTwo">\n <div class="dot-view"></div> \u20b9{{ yumzyExclusive?.meta?.costForTwo }} for two\n </span>\n <span class="fs-9 cool-grey-clr fw-6" *ngIf="yumzyExclusive?.meta?.costForOne">\n <div class="dot-view"></div> \u20b9{{ yumzyExclusive?.meta?.costForOne }} for one\n </span>\n </span>\n </div>\n <div class="offer-txt d-inline-flex" style="align-items: flex-end;"\n *ngIf="yumzyExclusive.meta?.offers?.length > 0 && getOfferStr(yumzyExclusive.meta?.offers) !==\'\'">\n <span class="icon-offer"></span>\n <span class="ml-1">{{getOfferStr(yumzyExclusive.meta?.offers)}}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </ng-container>\n </div>\n </div>\n</div>',styles:[J]})],Z);var K=o(63708),nn=function(){return s(function n(e){t(this,n),this.toast=e,this.onLayoutItems=new l.EventEmitter,this.onSeeAllItems=new l.EventEmitter,this.trendingRestaurantList=[]},[{key:"ngOnInit",value:function(){this.trendingRestaurantList=this.trendingRestaurant.list}},{key:"getCuisineStr",value:function(n){return(0,L.N5)(n)}},{key:"onTrendingRestItem",value:function(n){n.heading=this.trendingRestaurant.heading,n.layoutType=this.trendingRestaurant.layoutType,this.onLayoutItems.emit(n)}},{key:"onSeeAll",value:function(){this.trendingRestaurant.seeAll=$.f.SEE_ALL_REST,this.onSeeAllItems.emit(this.trendingRestaurant)}},{key:"getOfferStr",value:function(n){return(0,L.fq)(n)}}])}();nn.ctorParameters=function(){return[{type:z.kl}]},nn.propDecorators={onLayoutItems:[{type:l.Output}],onSeeAllItems:[{type:l.Output}],trendingRestaurant:[{type:l.Input}]},nn=(0,r.gn)([(0,l.Component)({selector:"app-trending-restaurant-mobile",template:'<div class="trending-restaurant-view">\n <div class="row mb-2" *ngIf="!trendingRestaurant.config.hideTitle">\n <div class="col-12">\n <div class="home-title-view">\n <p class="title-txt">{{trendingRestaurant.heading}}</p>\n <p class="dec-txt">{{trendingRestaurant.subHeading}}</p>\n </div>\n </div>\n </div>\n <div class="row">\n <div class="col-12 py-2" *ngFor="let trendRest of trendingRestaurantList | slice:0:7"\n (click)="onTrendingRestItem(trendRest)">\n <div class="row rest-card">\n <div class="col-12 d-flex align-items-start">\n <div class="container-img">\n <img [src]="trendRest?.loaded ? trendRest.image.url : \'assets/icon/common/yumzy-placeholder_4_3.png\'"\n class="top-rest-img img-shadow" appImgFallback loading="lazy" (load)="trendRest.loaded = true" />\n <div class="rating-view img-shadow" *ngIf="trendRest?.rating > 0">\n <span>\n <span class="icon-star fs-10"></span>\n <span class="rating-txt pl-1">{{trendRest?.rating}}</span>\n </span>\n </div>\n </div>\n <div class="ml-3">\n <p class="rest-txt limit-line-length-1"> {{ trendRest?.title }} </p>\n <p class="rest-txt-clr fw-5 fs-11"> {{ trendRest?.subTitle }} </p>\n <p class="cuisine-txt" *ngIf="trendRest?.cuisines">\n {{ getCuisineStr(trendRest?.cuisines) }}</p>\n <div>
1\n <span class="rating-txt" *ngIf="trendRest?.meta?.rating">\n <span class="icon-star fs-10"></span>\n <span class="fs-10 pl-1 vertical-middle">{{trendRest?.meta?.rating}}</span>\n </span>\n <span class="duration-txt" *ngIf="trendRest?.meta?.duration">\n <div class="dot-view" *ngIf="trendRest?.meta?.rating"></div>{{trendRest?.meta?.duration}} mins\n </span>\n <span *ngIf="trendRest?.meta?.costForTwo || trendRest?.meta?.costForOne">\n <span class="fs-10 cool-grey-clr fw-6" *ngIf="trendRest?.meta?.costForTwo">\n <div class="dot-view"></div> \u20b9{{ trendRest?.meta?.costForTwo }} for two\n </span>\n <span class="fs-10 cool-grey-clr fw-6" *ngIf="trendRest?.meta?.costForOne">\n <div class="dot-view"></div> \u20b9{{ trendRest?.meta?.costForOne }} for one\n </span>\n </span>\n </div>\n <div class="offer-txt"\n *ngIf="trendRest.meta?.offers?.length > 0 && getOfferStr(trendRest.meta?.offers) !==\'\'">\n <span class="icon-offer fs-12"></span>\n <span class="ml-1">{{getOfferStr(trendRest.meta?.offers)}}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class="col-12 text-center pt-2" *ngIf="trendingRestaurantList.length > 7">\n <div class="see-all-view">\n <p class="see-all-txt fs-14" (click)="onSeeAll()">See all</p>\n </div>\n </div>\n </div>\n</div>',styles:[K]})],nn);var en=o(97569),tn=o(55827),sn=function(){return s(function n(e){t(this,n),this.toast=e,this.onLayoutItems=new l.EventEmitter,this.onSeeAllItems=new l.EventEmitter,this.yumzyBestList=[],this.slideOpts=(0,k.$t)("YUMZY_BEST")},[{key:"ngOnInit",value:function(){this.yumzyBestList=this.yumzyBests.list}},{key:"onYumzyBestItem",value:function(n){n.heading=this.yumzyBests.heading,n.layoutType=this.yumzyBests.layoutType,this.onLayoutItems.emit(n)}},{key:"getVegNonVegImg",value:function(n,e){return(0,tn.kH)(n,e)}},{key:"onSeeAll",value:function(){this.yumzyBests.seeAll=$.f.SEE_ALL_DISH,this.onSeeAllItems.emit(this.yumzyBests)}}])}();sn.ctorParameters=function(){return[{type:z.kl}]},sn.propDecorators={onLayoutItems:[{type:l.Output}],onSeeAllItems:[{type:l.Output}],yumzyBests:[{type:l.Input}]},sn=(0,r.gn)([(0,l.Component)({selector:"app-yumzy-best-mobile",template:'<div class="yumzy-best-view">\n <div class="row mb-3" *ngIf="!yumzyBests.config.hideTitle">\n <div class="col-8">\n <div class="home-title-view">\n <p class="title-txt">{{yumzyBests.heading}}</p>\n <p class="dec-txt">{{yumzyBests.subHeading}}</p>\n </div>\n </div>\n <div class="col-4 text-right" *ngIf="yumzyBestList.length > 10">\n <p class="see-all-txt mt-2" (click)="onSeeAll()">See all<span class="icon-arrow-angle-forward fs-10"></span></p>\n </div>\n </div>\n <div class="yumzy-best">\n <ion-slides [options]="slideOpts">\n <ion-slide *ngFor="let yumzyBest of yumzyBestList | slice:0:10">\n <div class="p-1" (click)="onYumzyBestItem(yumzyBest)">\n <div class="rest-card card p-2 m-0">\n <div class="col-12 d-flex p-0">\n <div>\n <img [src]="yumzyBest?.loaded ? yumzyBest.image?.url : \'assets/icon/common/yumzy-placeholder.png\'"\n class="item-img img-shadow" appImgFallback loading="lazy" (load)="yumzyBest.loaded = true" />\n </div>\n <div class="ml-2 pt-2">\n <p class="item-txt"> {{yumzyBest.title}} </p>\n <div class="amt-view">\n <div class="d-inline-flex">\n <img [src]="getVegNonVegImg(yumzyBest.meta?.isVeg,yumzyBest.meta?.containsEgg)"\n class="item-type-img mr-1">\n <p class="ml-1 amt-txt"> \u20b9{{yumzyBest.meta?.price}}</p>\n </div>\n <p class="fw-4 fs-10">Starting at</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </ion-slide>\n </ion-slides>\n </div>\n</div>',styles:[en]})],sn);var on=o(71859),an=o(27305),rn=o(89088),ln=function(){return s(function n(e,i,s){t(this,n),this.menuAddService=e,this.menuItemService=i,this.toast=s,this.onLayoutItems=new l.EventEmitter,this.onSeeAllItems=new l.EventEmitter,this.popularFoodsList=[],this.offerPrice=0,this.pager=!1,this.left=40,this.slideOpts=(0,k.$t)("POPULAR_FOOD")},[{key:"ngOnInit",value:function(){this.popularFoodsList=this.popularFoods.list,this.popularFoods.config.slideOpts&&(console.log(this.popularFoods.config.slideOpts),this.slideOpts=Object.assign({},this.popularFoods.config.slideOpts),console.log(this.slideOpts),this.pager=this.popularFoods.config.slideOpts.pager,this.left=k.ML[this.slideOpts.slidesPerView],this.slideOpts.spaceBetween=26)}},{key:"getVegNonVegImg",value:function(n,e){return(0,tn.kH)(n,e)}},{key:"onAddItemInCart",value:function(n){this.menuAddService.onAddItem(n)}},{key:"onItemDecrease",value:function(n){this.menuAddService.onItemDecrease(n)}},{key:"getSmallOfferString",value:function(n){return(0,L.uj)(n)}},{key:"onItemIncrease",value:function(n){this.menuAddService.onItemIncrease(n)}},{key:"showQty",value:function(n){return this.menuItemService.onDisplayQuantity(n)}}
1,{key:"onSeeAll",value:function(){this.popularFoods.seeAll=$.f.SEE_ALL_DISH,this.onSeeAllItems.emit(this.popularFoods)}},{key:"getOfferPrice",value:function(n,e){return this.offerPrice=this.menuItemService.getOfferPrice(n,e),this.offerPrice}}])}();ln.ctorParameters=function(){return[{type:an.r},{type:rn.p},{type:z.kl}]},ln.propDecorators={onLayoutItems:[{type:l.Output}],onSeeAllItems:[{type:l.Output}],popularFoods:[{type:l.Input}]},ln=(0,r.gn)([(0,l.Component)({selector:"app-popular-food-mobile",template:'<div class="yumzy-best-view pt-3 pb-3 ">\n <div class="row mb-3 px-3" *ngIf="!popularFoods.config.hideTitle">\n <div class="col-8">\n <div class="home-title-view">\n <p class="title-txt"\n [ngStyle]="{\'color\': popularFoods.config.style ? popularFoods.config.style.mainHeaderTextColor : \'white\' }">\n {{popularFoods.heading}}</p>\n <p class="dec-txt"\n [ngStyle]="{\'color\': popularFoods.config.style ? popularFoods.config.style.descTextColor : \'white\' }">\n {{popularFoods.subHeading}}</p>\n </div>\n </div>\n <div class="col-4 text-right pr-3" *ngIf="popularFoodsList.length > 10">\n <p class="see-all-txt mt-2" (click)="onSeeAll()"\n [ngStyle]="{\'color\': popularFoods.config.style ? popularFoods.config.style.offerTextColor : null }">See all<span\n class="icon-arrow-angle-forward fs-10"></span></p>\n </div>\n </div>\n <div class="yumzy-best ">\n <ion-slides [options]="slideOpts" #IonSlides pager="{{pager}}" class="px-3">\n <ion-slide *ngFor="let popularFood of popularFoodsList | slice:0:10" class="justify-content-start">\n <div class="item-container">\n <div class="item-image-sec position-relative">\n <div class="item-other-info position-absolute px-2 d-flex align-items-center justify-content-between">\n <img [src]="getVegNonVegImg(popularFood.meta?.isVeg,popularFood.meta?.containsEgg)"\n class="item-type-img mr-1">\n \x3c!-- <p class="sitefontbold fs-14 white-clr" *ngIf="true">\u20b930 Cashback</p> --\x3e\n </div>\n <div class="position-absolute drop-shadow"></div>\n <img [src]="popularFood?.loaded ? popularFood.image?.url : \'assets/icon/common/yumzy-placeholder_4_3.png\'"\n class="item-img" appImgFallback loading="lazy" (load)="popularFood.loaded = true" />\n </div>\n <div class="item-description-sec position-relative pb-3 px-3" [ngStyle]="{\'background\': popularFoods.config.style ? popularFoods.config.style.bgColor : \'white\' }">\n <div class="offer-ribbon" *ngIf="popularFoods.outletOffers[popularFood.outletId].length > 0">\n <div class="position-relative ">\n <img [src]="\'assets/icon/home/offer_ribbon.svg\'" style="width: 30vw;" alt="">\n <p class="position-absolute sitefontextrabold fs-12 ">\n {{(getSmallOfferString(popularFoods.outletOffers[popularFood.outletId]).text) }}\n </p>\n </div>\n\n </div>\n <div>\n <p class="fw-6 sitefontextrabold item-txt limit-line-length-1 fs-18 text-capitalize" [ngStyle]="{\'color\': popularFoods.config.style ? popularFoods.config.style.headerTextColor : \'white\' }"> {{popularFood.title}} </p>\n <p class="fs-14 sitefontmedium rest-txt limit-line-length-1 my-2" [ngStyle]="{\'color\': popularFoods.config.style ? popularFoods.config.style.descTextColor : \'white\' }">By {{popularFood.subTitle}}</p>\n </div>\n <div class="item-add-sec d-flex align-items-center justify-content-between">\n <div id="btn{{popularFood?.dishId}}" class="item-add-amount-sec py-1">\n <div *ngIf="showQty(popularFood) === 0" class="add-btn-text position-relative">\n <button class="sitefontextrabold fs-14" (click)="onAddItemInCart(popularFood)">\n ADD\n </button>\n <div class="line-loader" id="loader{{popularFood?.dishId}}">\n <div class="loader-element"></div>\n </div>\n </div>\n <div class="with-qty-view d-flex align-items-center justify-content-between position-relative\n sitefontmedium" *ngIf="showQty(popularFood) > 0">
1\n <span class="sitefontextrabold" style="margin-top: 2px;" (click)="onItemDecrease(popularFood)">\n <span class="icon-minus fs-18"></span>\n </span>\n <span class="sitefontextrabold fs-16" id="{{ popularFood?.dishId }}size">{{ showQty(popularFood)\n }}</span>\n <span class="sitefontextrabold" style="margin-top: 1px;" (click)="onItemIncrease(popularFood)">\n <span class="icon-plus fs-20"></span>\n </span>\n <div class="line-loader" id="loader{{popularFood?.dishId}}">\n <div class="loader-element"></div>\n </div>\n </div>\n </div>\n <div class="amount-sec" style="margin-top:2px ;">\n <p class="ml-1 fs-14 amt-txt"\n *ngIf="getOfferPrice(popularFood.meta?.offers,popularFood.meta?.price);else noOfferPrice">\n <s>\n <span class="pr-2 fs-16 sitefontnormal">\n \u20b9{{ popularFood.meta?.price }}\n </span>\n </s>\n <span class="sitefontextrabold fs-18 fw-6">\u20b9{{ offerPrice | number:\'1.2-2\'}}</span>\n </p>\n\n <ng-template #noOfferPrice>\n <p class="m-0 amt-txt sitefontextrabold fw-6">\n <span> \u20b9{{ popularFood.meta?.price }} </span>\n </p>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n </ion-slide>\n </ion-slides>\n </div>\n</div>',styles:[on]})],ln);var dn=o(2739),cn=function(){return s(function n(e,i){t(this,n),this.menuItemService=e,this.toast=i,this.onLayoutItems=new l.EventEmitter,this.onSeeAllItems=new l.EventEmitter,this.trendingFoodsList=[],this.offerPrice=0},[{key:"ngOnInit",value:function(){this.trendingFoodsList=this.trendingFoods.list}},{key:"getVegNonVegImg",value:function(n,e){return(0,tn.kH)(n,e)}},{key:"getCuisineStr",value:function(n){return(0,L.N5)(n)}},{key:"onTrendingRestItem",value:function(n){n.heading=this.trendingFoods.heading,n.layoutType=this.trendingFoods.layoutType,this.onLayoutItems.emit(n)}},{key:"onSeeAll",value:function(){this.trendingFoods.seeAll=$.f.SEE_ALL_DISH,this.onSeeAllItems.emit(this.trendingFoods)}},{key:"getOfferPrice",value:function(n,e){return!!n&&(this.offerPrice=this.menuItemService.getOfferPrice(n,e),this.offerPrice)}}])}();cn.ctorParameters=function(){return[{type:rn.p},{type:z.kl}]},cn.propDecorators={onLayoutItems:[{type:l.Output}],onSeeAllItems:[{type:l.Output}],trendingFoods:[{type:l.Input}]},cn=(0,r.gn)([(0,l.Component)({selector:"app-trending-foods-mobile",template:'<div class="trending-restaurant-view">\n <div class="row mb-2" *ngIf="!trendingFoods.config.hideTitle">\n <div class="col-12">\n <div class="home-title-view">\n <p class="title-txt">{{trendingFoods.heading}}</p>\n <p class="dec-txt">{{trendingFoods.subHeading}}</p>\n </div>\n </div>\n </div>\n <div class="row">\n <div class="col-12 py-2" *ngFor="let trendingFood of trendingFoodsList | slice:0:10"\n (click)="onTrendingRestItem(trendingFood)">\n <div class="row trending-rest-card">\n <div class="col-12 d-flex">\n <div>\n <img [src]="trendingFood?.loaded ? trendingFood.image?.url : \'assets/icon/common/yumzy-placeholder.png\'"\n class="item-img img-shadow" appImgFallback loading="lazy" (load)="trendingFood.loaded = true" />\n </div>\n <div class="ml-3 pt-1">\n <div class="d-inline-flex">\n <img [src]="getVegNonVegImg(trendingFood.meta?.isVeg,trendingFood.meta?.containsEgg)"\n class="item-type-img mr-1">\n <p class="item-txt"> {{ trendingFood.title }} </p>\n </div>\n <div class="ml-3">\n <p class="rest-txt">By {{trendingFood.subTitle}}</p>\n <p class="ml-1 amt-txt"\n *ngIf="getOfferPrice(trendingFood.meta?.offers,trendingFood.meta?.price);else noOfferPrice">\n <s> <span class="op-50 pr-1">\n \u20b9{{ trendingFood.meta?.price }} </span>\n </s>
1\n <span>\u20b9{{ offerPrice | number:\'1.2-2\'}}</span>\n </p>\n\n <ng-template #noOfferPrice>\n <p class="m-0 amt-txt">\n <span> \u20b9{{ trendingFood.meta?.price }} </span>\n </p>\n </ng-template>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class="col-12 text-center pt-2" *ngIf="trendingFoodsList.length > 10">\n <div class="see-all-view">\n <p class="see-all-txt fs-14" (click)="onSeeAll()">See all</p>\n </div>\n </div>\n </div>\n</div>',styles:[dn]})],cn);var pn=o(3040),un=function(){return s(function n(e,i){t(this,n),this.router=e,this.activeModal=i,this.onLayoutItems=new l.EventEmitter,this.dynamicOffersList=[],this.calculatedHeight="325px",this.slideOpts=(0,k.$t)("COMMON_OPTIONS")},[{key:"ngOnInit",value:function(){this.dynamicOffersList=this.dynamicOffers.list,console.log(this.dynamicOffers)}},{key:"onIframeClick",value:function(n){n.heading=this.dynamicOffers.heading,n.layoutType=this.dynamicOffers.layoutType,this.onLayoutItems.emit(n)}},{key:"onPostMessage",value:function(n){if(console.log(n),"resize"===n.data.type)this.calculatedHeight="".concat(n.data.height,"px");else if(console.log("inside calling"),console.log("message event--\x3e",n),n){var e=n.data;switch(console.log(e),e.type){case"navigation":"invite"===e.destination?(this.activeModal.dismissAll(),this.router.navigate(["my-rewards"])):"promo_dish"===e.destination&&(this.activeModal.dismissAll(),this.router.navigate(["see-all-dish"],{queryParams:{promoId:e.promoId,title:e.title}}));break;case"closeModal":this.activeModal.dismissAll(),this.router.navigate(["/home"])}}}}])}();un.ctorParameters=function(){return[{type:m.F0},{type:y.FF}]},un.propDecorators={onLayoutItems:[{type:l.Output}],dynamicOffers:[{type:l.Input}],onPostMessage:[{type:l.HostListener,args:["window:message",["$event"]]}]},un=(0,r.gn)([(0,l.Component)({selector:"app-dynamic-offer-layout",template:'<div class="dynamic-offer-view">\n <div class="row mb-3" *ngIf="!dynamicOffers.config.hideTitle">\n <div class="col-8">\n <div class="home-title-view">\n <p class="title-txt">{{dynamicOffers.heading}}</p>\n <p class="dec-txt">{{dynamicOffers.subHeading}}</p>\n </div>\n </div>\n </div>\n <div class="dynamic-offer">\n <ion-slides [options]="slideOpts">\n <ion-slide *ngFor="let dynamicOffer of dynamicOffersList">\n <div class="overlay">\n <iframe class="frame" allowtransparency="true" [src]=" dynamicOffer.meta.itemUrl | safe" width="100%"\n scrolling="no" height="288" frameborder="0" [ngStyle]="{height: calculatedHeight}"></iframe>\n <div class="overlay1" (click)="onIframeClick(dynamicOffer)" [ngStyle]="{height: calculatedHeight}">\n </div>\n </div>\n </ion-slide>\n </ion-slides>\n\n </div>\n</div>',styles:[pn]})],un);var mn=o(98679),gn=o(63052),fn=o.n(gn),vn=o(57303),yn=o(8032),hn=o(14470),bn=o(4391),xn=function(){return s(function n(){t(this,n),this.customOptions=(0,k.$t)("BANNERS"),this.onLayoutItems=new l.EventEmitter,this.onSeeAllItems=new l.EventEmitter,this.promotedRestaurantList=[],this.placeholderImgs=k.qo.squareImgs,this.pager=!1},[{key:"ngOnInit",value:function(){this.promotedRestaurantList=this.promotedRestaurant.list;var n={bgColor:this.promotedRestaurant.config.bgColor||"",marginTop:this.promotedRestaurant.config.marginTop||""};this.configOptions=n,this.promotedRestaurant.config.slideOpts&&(console.log(this.promotedRestaurant.config.slideOpts),this.customOptions=Object.assign({},this.promotedRestaurant.config.slideOpts),this.pager=this.promotedRestaurant.config.slideOpts.pager)}},{key:"onPopularCuisinesItem",value:function(n){n.heading=this.promotedRestaurant.heading,n.layoutType=this.promotedRestaurant.layoutType,this.onLayoutItems.emit(n)}},{key:"onCarouselDrag",value:function(n){console.log("dragging",n)}}])}();xn.ctorParameters=function(){return[]},xn.propDecorators={onLayoutItems:[{type:l.Output}],onSeeAllItems:[{type:l.Output}],promotedRestaurant:[{type:l.Input}]},xn=(0,r.gn)([(0,l.Component)({selector:"app-promoted-restaurant-mobile",template:'<div class="promoted-restaurant-view">\n \x3c!-- <div class="row mb-3">\n <div class="col-10">\n <div class="home-title-view">\n <p class="title-txt">{{promotedRestaurant.heading}}</p>\n <p class="title-txt">Promoted Restaurants - 3005</p>\n <p class="dec-txt">{{promotedRestaurant.subHeading}}</p>\n </div>\n </div>\n </div> --\x3e\n <div class="promoted-restaurant" [ngStyle]="{\'margin\': configOptions[\'marginY\'] + \' \' + configOptions[\'marginX\'] , \'background-color\' : configOptions[\'bgColor\'],\'padding-top\':configOptions[\'marginTop\']}">\n <ion-slides [options]="customOptions" (dragging)="onCarouselDrag($event)" #IonSlides pager="{{pager}}">\n <ion-slide *ngFor="let promotedRestaurant of promotedRestaurantList;let i = index" >\n \x3c!-- <ng-template class="slide"> --\x3e\n <div style="margin-bottom: 12px;" [ngStyle]="{\'padding\': configOptions[\'paddingY\'] + \' \' + configOptions[\'paddingX\']}
1" class="text-center slide-item" [attr.data-slide-index]="i" (click)="onPopularCuisinesItem(promotedRestaurant)">\n <div>\n <img \n [src]="promotedRestaurant?.loaded ? promotedRestaurant?.image?.url : placeholderImgs[i % placeholderImgs.length]"\n class="item-img" \n appImgFallback \n loading="lazy" \n (load)="promotedRestaurant.loaded = true"\n [ngStyle]="{\'height\': configOptions[\'height\'], \'border-radius\': configOptions[\'borderRadius\']}" />\n </div>\n <div class="mt-2 item-view">\n <p class="menu-item-txt">{{promotedRestaurant.title}}</p>\n </div>\n </div>\n \x3c!-- </ng-template> --\x3e\n </ion-slide>\n </ion-slides>\n </div>\n</div>\n',styles:[bn]})],xn);var wn=o(55264),In=function(){return s(function n(){t(this,n)},[{key:"ngOnInit",value:function(){}}])}();In.ctorParameters=function(){return[]},In=(0,r.gn)([(0,l.Component)({selector:"app-home-skeleton-loader",template:'<div class="skeleton pt-2">\n <div class="home-ske-top">\n <div class="skeleton-offer d-flex align-items-center justify-content-between pt-4 px-2 mb-42">
1\n <span class="skeleton-loader width-22"></span>\n <span class="skeleton-loader width-22"></span>\n <span class="skeleton-loader width-22"></span>\n <span class="skeleton-loader width-22"></span>\n </div>\n </div>\n <div class="skeleton-banner d-flex align-items-center justify-content-between mt-2 pt-1 px-0">\n <span class="skeleton-loader-banner w-100 " style="height:100px ; border-radius: 16px; "></span>\n </div>\n <span class="skeleton-loader long-skeleton ml-0 mt-1"></span>\n <div class="skeleton-banner d-flex align-items-center justify-content-between mt-2 pl-2">\n <span class="skeleton-loader-banner"></span>\n <span class="skeleton-loader-banner"></span>\n </div>\n\n \x3c!-- <span class="skeleton-loader height-20 width-50 ml-2 my-3"></span> --\x3e\n <span class="skeleton-loader height-20 width-75 ml-2"></span>\n <span class="skeleton-loader height-20 width-60 ml-2"></span>\n <div class="skeleton-loader-items d-flex align-items-center justify-content-between ml-2 mr-2 pt-3">\n <span class="img-item-skeleton"></span>\n <div class="item-desc-skeleton">
1\n <span class="height-25"></span>\n <span class="height-15"></span>\n <span class="height-10"></span>\n <span class="height-20"></span>\n </div>\n </div>\n <div class="skeleton-loader-items d-flex align-items-center justify-content-between ml-2 mr-2 pt-3">\n <span class="img-item-skeleton"></span>\n <div class="item-desc-skeleton">\n <span class="height-25"></span>\n <span class="height-15"></span>\n <span class="height-10"></span>\n <span class="height-20"></span>\n </div>\n </div>\n</div>',styles:[wn]})],In);var Sn=o(12118),On=function(){return s(function n(){t(this,n),this.onLayoutItems=new l.EventEmitter,this.offerStyle=k.Hx.offer_display_type,this.allRestaurantList=[]},[{key:"ngOnInit",value:function(){console.log("ALL Rest: ",this.allRestaurants),this.allRestaurantList=this.allRestaurants.list,console.log(this.allRestaurantList),this.offerStyle=(0,L.Ql)()}},{key:"getCuisineStr",value:function(n){return(0,L.N5)(n)}},{key:"getOfferStr",value:function(n){return(0,L.fq)(n)}},{key:"getSmallOfferString",value:function(n){return(0,L.uj)(n)}},{key:"onRestaurantView",value:function(n){console.log(n),n.heading=this.allRestaurants.heading,n.layoutType=this.allRestaurants.layoutType,n.landingPage=$.f.RESTAURANT,this.onLayoutItems.emit(n)}}])}();On.ctorParameters=function(){return[]},On.propDecorators={onLayoutItems:[{type:l.Output}],allRestaurants:[{type:l.Input}]},On=(0,r.gn)([(0,l.Component)({selector:"app-all-restaurants-mobile",template:'<div class="top-restaurant-view">\n <div class="row mb-2" *ngIf="!allRestaurants.config.hideTitle">\n <div class="col-10">\n <div class="home-title-view">\n <p class="title-txt">{{allRestaurants.heading}}</p>\n <p class="dec-txt">{{allRestaurants?.subHeading}}</p>\n </div>\n </div>\n </div>\n <div class="all-restaurant-mobile-view">\n <div class="row m-0 mb-1 rest-card" *ngFor=\'let rest of allRestaurantList\' (click)="onRestaurantView(rest)">\n <div class="col-12 d-flex px-0 py-2 align-items-start">\n <div class="container-img">\n <img [src]="rest?.loaded ? rest?.imageUrl : \'assets/icon/common/yumzy-placeholder_4_3.png\'"\n class="rest-img img-shadow" loading="lazy" (load)="rest.loaded = true" appImgFallback />\n <div class="rating-view img-shadow" *ngIf="rest?.offers?.length > 0 && getOfferStr(rest?.offers) !==\'\'"\n [ngStyle]="offerStyle" [ngClass]="{\'line-height-1\': getSmallOfferString(rest?.offers).type === \'flat\' }">\n <span class="fs-14 pl-1" [innerHTML]="getSmallOfferString(rest?.offers).text"></span>\n </div>\n </div>\n <div class="ml-3">\n <p class="rest-txt rest-txt-clr fw-7 fs-16 limit-line-length-1"> {{ rest?.outletName }} </p>\n <p class="rest-txt-clr fw-5 fs-12"> {{ rest?.locality }} </p>\n <p class="cuisine-txt-clr fw-4 fs-12" *ngIf="rest?.cuisines.length > 0">\n {{ getCuisineStr(rest?.cuisines) }}\n </p>\n <div>\n <span class="rating-txt" *ngIf="rest?.rating">\n <span class="icon-star fs-10"></span>\n <span class="fs-10 pl-1 vertical-middle">{{rest?.rating}}</span>\n </span>\n <span class="duration-txt pt-1" *ngIf="rest?.duration">\n <div class="dot-view" *ngIf="rest?.rating"></div> {{rest?.duration}} mins\n </span>\n <span *ngIf="rest?.costForTwo || rest?.costForOne">\n <span class="fs-12 cool-grey-clr fw-6" *ngIf="rest?.costForTwo">\n <div class="dot-view"></div> \u20b9{{ rest?.costForTwo }} for two\n </span>\n <span class="fs-12 cool-grey-clr fw-6" *ngIf="rest?.costForOne">\n <div class="dot-view"></div> \u20b9{{ rest?.costForOne }} for one\n </span>\n </span>\n </div>\n </div>\n </div>\n </div>\n </div>',styles:[Sn]})],On);var kn=o(50727),zn=function(){return s(function n(e){t(this,n),this.toast=e,this.onSeeAllItems=new l.EventEmitter,this.onLayoutItems=new l.EventEmitter,this.orderAgainList=[],this.pager=!1},[{key:"ngOnInit",value:function(){this.orderAgainList=this.orderAgain.list,console.log(this.orderAgainList),this.orderAgain.config.slideOpts&&(console.log(this.orderAgain.config.slideOpts),this.slideOpts=Object.assign({},this.orderAgain.config.slideOpts),this.slideOpts.slidesPerView=1.4,this.slideOpts.spaceBetween=26,this.pager=this.orderAgain.config.slideOpts.pager)}}
1,{key:"onSeeAll",value:function(){this.orderAgain.seeAll=$.f.SEE_ALL_REST,this.onSeeAllItems.emit(this.orderAgain)}},{key:"onOrderAgainItem",value:function(n){n.heading=this.orderAgain.heading,n.layoutType=this.orderAgain.layoutType,this.onLayoutItems.emit(n)}},{key:"getCuisineStr",value:function(n){return(0,L.N5)(n)}},{key:"getOfferStr",value:function(n){return(0,L.fq)(n)}},{key:"getSmallOfferString",value:function(n){return(0,L.uj)(n)}}])}();zn.ctorParameters=function(){return[{type:z.kl}]},zn.propDecorators={onSeeAllItems:[{type:l.Output}],onLayoutItems:[{type:l.Output}],orderAgain:[{type:l.Input}],slides:[{type:l.ViewChild,args:["IonSlides"]}]},zn=(0,r.gn)([(0,l.Component)({selector:"app-order-again-mobile",template:'<div class="order-again-view pt-2">\n <div class="mb-3" *ngIf="!orderAgain.config.hideTitle">\n <p class="title-txt fs-20 sitefontmedium">{{orderAgain.heading}}</p>\n\n \x3c!-- <p class="dec-txt">{{orderAgain.subHeading}}</p> --\x3e\n \x3c!-- <div class="text-right" *ngIf="orderAgainList.length > 1">\n <p class="see-all-txt mt-2" (click)="onSeeAll()">See all<span class="icon-arrow-angle-forward fs-10"></span></p>\n </div> --\x3e\n </div>\n <div class="top-brands">\n <ion-slides [options]="slideOpts" #IonSlides pager="{{pager}}" class="px-3">\n <ion-slide *ngFor="let orderAgain of orderAgainList | slice:0:10" class="my-2">\n <div class="item-section" (click)="onOrderAgainItem(orderAgain)">\n <img [src]="orderAgain?.loaded ? orderAgain?.image?.url : \'assets/icon/common/yumzy-placeholder_4_3.png\'"\n alt="" appImgFallback (load)="orderAgain.loaded = true" loading="lazy" class="item-img">\n <img class="veg-ind" *ngIf="orderAgain?.meta?.pureVeg" src="assets/icon/common/veg.svg">\n <img class="non-veg-ind" *ngIf="!(orderAgain?.meta?.pureVeg)" src="assets/icon/common/non-veg.svg">\n <div class="offer-ribbon position-absolute" *ngIf="orderAgain.meta?.offers.length > 0">\n <div class="position-relative ">\n <img [src]="\'assets/icon/home/offer_ribbon.svg\'" alt="">\n <p class="position-absolute sitefontextrabold fs-12 offer-text">\n {{(getSmallOfferString(orderAgain.meta?.offers).text) }}\n </p>\n </div>\n </div>\n <div class="rest-view px-2 pt-3 pb-3">\n <p class="rest-txt rest-txt-clr fw-7 fs-16 sitefontextrabold text-capitalize limit-line-length-1 pb-1">{{orderAgain?.title}}</p>\n <p class="sitefontmedium fs-14 text-capitalize pb-1 limit-line-length-1" style="line-height: 1;">{{orderAgain?.subTitle}}</p>\n <p class="fs-12 sitefontmedium text-capitalize pt-1" *ngIf="orderAgain?.meta?.duration"> {{orderAgain?.meta?.duration}} mins\n </p>\n </div>\n </div>\n \x3c!-- <div class="top-brand-card d-flex" >\n <div class="card-inner">\n <img \n class="top-brand-img img-shadow" />\n </div>\n \n </div> --\x3e\n </ion-slide>\n </ion-slides>\n </div>\n</div>',styles:[kn]})],zn);var Ln=o(51414),An=function(){return s(function n(){t(this,n),this.onLayoutItems=new l.EventEmitter,this.onSeeAllItems=new l.EventEmitter,this.restaurantList=[],this.offerStyle=k.Hx.offer_display_type,this.lottieConfig=(0,k.RR)("RED_HOURGLASS_CONFIG"),this.containMore=!1},[{key:"ngOnInit",value:function(){this.restaurantList=this.restaurants.list,console.log(this.restaurantList),this.offerStyle=(0,L.Ql)()}},{key:"onRestaurantItem",value:function(n){console.log(n),n.heading=this.restaurants.heading,n.layoutType=this.restaurants.layoutType,n.landingPage=$.f.RESTAURANT,this.onLayoutItems.emit(n)}},{key:"getOfferStr",value:function(n){return(0,L.fq)(n,!0)}},{key:"getSmallOfferString",value:function(n){return(0,L.uj)(n)}},{key:"getCuisineStr",value:function(n,e){return(0,L.N5)(n,e)}},{key:"onSeeAll",value:function(){this.restaurants.seeAll=$.f.SEE_ALL_REST,this.onSeeAllItems.emit(this.restaurants)}}])}();An.ctorParameters=function(){return[]},An.propDecorators={onLayoutItems:[{type:l.Output}],onSeeAllItems:[{type:l.Output}],restaurants:[{type:l.Input}]},An=(0,r.gn)([(0,l.Component)({selector:"app-restaurants-big-card-mobile",template:'<div class="restaurants-big-card-mobile">\n <div class="row mb-2" *ngIf="!restaurants.config.hideTitle">\n <div class="col-10">\n <div class="home-title-view">\n <p class="title-txt">{{restaurants.heading}}</p>\n <p class="dec-txt">{{restaurants?.subHeading}}</p>\n </div>\n </div>\n </div>\n <div class="row">
1\n <div class="col-12 py-2" *ngFor="let topRest of restaurantList" (click)="onRestaurantItem(topRest)">\n <div class="row rest-card">\n <div class="col-12 align-items-start">\n <div class="container-img">\n <img [src]="topRest?.loaded ? topRest.imageUrl : \'assets/icon/common/yumzy-placeholder_4_3.png\'"\n class="top-rest-img img-shadow" appImgFallback loading="lazy" (load)="topRest.loaded = true" />\n <div class="veg-indicator fs-12" *ngIf="topRest.config.pureVeg">\n Pure Veg\n </div>\n <div class="rating-view py-2 px-3" style="box-shadow:0px 4px 35px #00000033;">\n\n <div class="outletname-row">\n <p class="rest-txt limit-line-length-1 fs-16 col-8 px-0 outletname"> {{ topRest?.outletName }} </p>\n <p class="locality-cuisine-txt-clr col-4 px-0 limit-line-length-1 fs-12 text-algin-r"> {{\n topRest?.locality }} </p>\n </div>\n\n <div class="rating-cuisines-row">\n <div class="rating" [ngStyle]="{\'line-height\': topRest?.rating ? 1 : 1.4 }">\n <span class="rating-txt pr-2" *ngIf="topRest?.rating">\n <span class="icon-star fs-10"></span>\n \x3c!-- <span class="icon-star fs-10 locality-cuisine-txt-clr"></span> --\x3e\n <span class="fs-10 fw-6 vertical-middle locality-cuisine-txt-clr">{{topRest?.rating}}</span>\n </span>\n <p class="locality-cuisine-txt-clr fs-10" *ngIf="topRest?.cuisines">\n {{ getCuisineStr(topRest?.cuisines, 3) }}</p>\n </div>\n </div>\n\n <div class="offer-cf2-section">\n\n \x3c!-- <span class="duration-txt pt-1 fs-12" *ngIf="topRest?.duration">\n <span class="icon-bike fs-12"></span>\n <span class="ml-1">{{topRest?.duration}} mins</span>\n </span> --\x3e\n <span *ngIf="topRest?.costForTwo || topRest?.costForOne">\n <span class="fs-12 locality-cuisine-txt-clr" *ngIf="topRest?.costForTwo">\n \u20b9{{ topRest?.costForTwo }} for two\n </span>\n <span class="fs-12 locality-cuisine-txt-clr" *ngIf="topRest?.costForOne">\n \u20b9{{ topRest?.costForOne }} for one\n </span>\n </span>\n <div class="offer offer-txt fs-12"\n *ngIf="topRest.offers?.length > 0 && getOfferStr(topRest.offers)[\'text\'] !== \'\'">\n <span class="ml-1 fw-6">{{getOfferStr(topRest.offers)[\'text\']}}</span>\n <span class="ml-1 white-clr">{{getOfferStr(topRest.offers)[\'upto\']}}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>',styles:[Ln]})],An);var Fn=o(65530),Rn=function(){return s(function n(e){t(this,n),this.toast=e,this.onLayoutItems=new l.EventEmitter,this.onSeeAllItems=new l.EventEmitter,this.mostOrderedList=[],this.activeInd=0,this.itemsToShow=7,this.pager=!0},[{key:"ngOnInit",value:function(){this.mostOrderedList=this.mostOrdered.list,this.mostOrdered.config.slideOpts&&(this.slideOpts=Object.assign({},this.mostOrdered.config.slideOpts))}},{key:"onSeeAll",value:function(){this.mostOrdered.seeAll=$.f.SEE_ALL_REST,this.onSeeAllItems.emit(this.mostOrdered)}},{key:"onMostOrderedItem",value:function(n){n.heading=this.mostOrdered.heading,n.layoutType=this.mostOrdered.layoutType,this.onLayoutItems.emit(n)}},{key:"ionSlideNextEnd",value:function(){return(0,r.mG)(this,void 0,void 0,n().m(function e(){return n().w(function(n){for(;;)switch(n.n){case 0:return n.n=1,this.slides.getActiveIndex();case 1:this.activeInd=n.v,console.log(this.activeInd);case 2:return n.a(2)}},e,this)}))}},{key:"getCuisineStr",value:function(n,e){return(0,L.N5)(n,e)}},{key:"getOfferStr",value:function(n){return(0,L.fq)(n)}},{key:"trackByItemId",value:function(n,e){return e.meta.itemId}}])}();Rn.ctorParameters=function(){return[{type:z.kl}]},Rn.propDecorators={onLayoutItems:[{type:l.Output}],onSeeAllItems:[{type:l.Output}],mostOrdered:[{type:l.Input}
1],slides:[{type:l.ViewChild,args:["IonSlides"]}]},Rn=(0,r.gn)([(0,l.Component)({selector:"app-most-ordered-restaurants",template:'<div class="most-ordered-view">\n <div class="row mb-3 m-0" *ngIf="!mostOrdered.config.hideTitle">\n <div class="col-8 p-0">\n <div class="home-title-view">\n <p class="title-txt">{{mostOrdered.heading}}</p>\n <p class="dec-txt">{{mostOrdered.subHeading}}</p>\n </div>\n </div>\n <div class="col-4 text-right p-0" *ngIf="mostOrderedList.length > 7">\n <p class="see-all-txt mt-2" (click)="onSeeAll()">See all<span class="icon-arrow-angle-forward fs-10"></span></p>\n </div>\n </div>\n\n <ion-slides [options]="slideOpts" #IonSlides (ionSlidePrevEnd)=" ionSlideNextEnd()"\n (ionSlideNextEnd)=" ionSlideNextEnd()" pager="{{pager}}">\n <ion-slide *ngFor="let mostOrdered of mostOrderedList | slice:0:10;let i = index;trackBy:trackByItemId"\n [class.active]="i===activeInd" [class.inctive]="i!==activeInd" class="mt-3">\n <div class="row ml-1 d-inline-block" (click)="onMostOrderedItem(mostOrdered)" [id]="i">\n <div class="newly-opened my-4 mx-2">\n <div class="brands-content active-card pt-2 pb-2">\n <div class="grid mx-3 mb-4" id="grid-{{i}}">\n <div>\n <img class="rest-image w-100"\n [src]="mostOrdered?.loaded ? mostOrdered?.image?.url : \'assets/icon/common/yumzy-placeholder_4_3.png\'"\n appImgFallback loading="lazy" (load)="mostOrdered.loaded = true" />\n </div>\n <div class="veg-indicator fs-10" *ngIf="mostOrdered.meta?.pureVeg">\n Pure Veg\n </div>\n <div class="card-content">\n <div class="outletname-row">\n <p class="rest-txt limit-line-length-1 fs-13 outletname"> {{mostOrdered.title}} </p>\n <p class="locality-cuisine-txt-clr limit-line-length-1 fs-10" *ngIf="mostOrdered?.meta?.costForTwo">\n \u20b9{{ mostOrdered?.meta?.costForTwo }}\n for two </p>\n <p class="locality-cuisine-txt-clr limit-line-length-1 fs-10" *ngIf="mostOrdered?.meta?.costForOne">\n \u20b9{{ mostOrdered?.meta?.costForOne }}\n for one </p>\n </div>\n <div class="mt-1">\n <p class="locality-cuisine-txt-clr fw-5 fs-9"> {{ mostOrdered?.subTitle }} </p>\n </div>\n <div class="mt-1">\n <p class="cuisine-txt limit-line-length-1 locality-cuisine-txt-clr" *ngIf="mostOrdered?.cuisines">\n {{ getCuisineStr(mostOrdered?.cuisines, 3) }}</p>\n </div>\n <div>\n <span class="rating-txt" *ngIf="mostOrdered?.rating">\n <span class="icon-star primary-cta fs-9"></span>\n <span class="fs-10 pl-1 primary-cta vertical-middle">{{mostOrdered?.rating}}</span>\n </span>\n </div>\n\n </div>\n <div class="offer-section"\n *ngIf="mostOrdered.meta?.offers?.length > 0 && getOfferStr(mostOrdered.meta?.offers) !==\'\'">\n <span class="ml-1">{{getOfferStr(mostOrdered.meta?.offers)}}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </ion-slide>\n </ion-slides>\n</div>',styles:[Fn]})],Rn);var En=o(18258),Cn=function(){return s(function n(e,i,s){t(this,n),this.menuAddService=e,this.menuItemService=i,this.toast=s,this.onLayoutItems=new l.EventEmitter,this.onSeeAllItems=new l.EventEmitter,this.groupBuyDealList=[],this.offerPrice=0,this.pager=!1,this.left=40,this.slideOpts=(0,k.$t)("POPULAR_FOOD")},[{key:"ngOnInit",value:function(){this.groupBuyDealList=this.groupBuyDeals.list,this.groupBuyDeals.config.slideOpts&&(console.log(this.groupBuyDeals.config.slideOpts),this.slideOpts=Object.assign({},this.groupBuyDeals.config.slideOpts),console.log(this.slideOpts),this.pager=this.groupBuyDeals.config.slideOpts.pager,this.left=k.ML[this.slideOpts.slidesPerView],this.slideOpts.spaceBetween=26)}},{key:"getVegNonVegImg",value:function(n,e){return(0,tn.kH)(n,e)}},{key:"onAddItemInCart",value:function(n){this.menuAddService.onAddItem(n)}},{key:"onItemDecrease",value:function(n){this.menuAddService.onItemDecrease(n)}},{key:"getSmallOfferString",value:function(n){return(0,L.uj)(n)}},{key:"onItemIncrease",value:function(n){this.menuAddService.onItemIncrease(n)}},{key:"showQty",value:function(n){return this.menuItemService.onDisplayQuantity(n)}},{key:"onSeeAll",value:function(){this.groupBuyDeals.seeAll=$.f.
1SEE_ALL_DISH,this.onSeeAllItems.emit(this.groupBuyDeals)}},{key:"getOfferPrice",value:function(n,e){return this.offerPrice=this.menuItemService.getOfferPrice(n,e),this.offerPrice}}])}();function Tn(){return fn()}Cn.ctorParameters=function(){return[{type:an.r},{type:rn.p},{type:z.kl}]},Cn.propDecorators={onLayoutItems:[{type:l.Output}],onSeeAllItems:[{type:l.Output}],groupBuyDeals:[{type:l.Input}]},Cn=(0,r.gn)([(0,l.Component)({selector:"app-group-buy-deal",template:'<div class="yumzy-best-view pt-3 pb-2 ">\n <div class="row mb-3 pb-1 px-3" *ngIf="!groupBuyDeals.config.hideTitle">\n <div class="col-8">\n <div class="home-title-view">\n <p class="title-txt"\n [ngStyle]="{\'color\': groupBuyDeals.config.style ? groupBuyDeals.config.style.mainHeaderTextColor : \'white\' }">\n {{groupBuyDeals.heading}}</p>\n <p class="dec-txt"\n [ngStyle]="{\'color\': groupBuyDeals.config.style ? groupBuyDeals.config.style.descTextColor : \'white\' }">\n {{groupBuyDeals.subHeading}}</p>\n </div>\n </div>\n <div class="col-4 text-right pr-3" *ngIf="groupBuyDealList.length > 10">\n <p class="see-all-txt mt-2" (click)="onSeeAll()"\n [ngStyle]="{\'color\': groupBuyDeals.config.style ? groupBuyDeals.config.style.offerTextColor : null }">See\n all<span class="icon-arrow-angle-forward fs-10"></span></p>\n </div>\n </div>\n <div class="yumzy-best ">\n <ion-slides [options]="slideOpts" #IonSlides pager="{{pager}}" class="px-3">\n <ion-slide *ngFor="let groupBuyDeal of groupBuyDealList | slice:0:10" class="justify-content-start">\n <div class="item-container">\n <div class="item-image-sec position-relative">\n <div class="item-other-info position-absolute px-2 d-flex align-items-center justify-content-end">\n <img [src]="getVegNonVegImg(groupBuyDeal.meta?.isVeg,groupBuyDeal.meta?.containsEgg)"\n class="item-type-img mr-1">\n \x3c!-- <p class="sitefontbold fs-14 white-clr" *ngIf="true">\u20b930 Cashback</p> --\x3e\n </div>\n <img [src]="groupBuyDeal?.loaded ? groupBuyDeal.image?.url : \'assets/icon/common/yumzy-placeholder_4_3.png\'"\n class="item-img" appImgFallback loading="lazy" (load)="groupBuyDeal.loaded = true" />\n <div class="item-description-sec position-relative">\n <div class="item-description position-absolute w-100">\n <div class="drop-shadow position-absolute"></div>\n <div class="px-2 position-relative" style="z-index: 1;">\n <div class="d-flex align-items-center justify-content-between">\n <p class="fw-6 sitefontextrabold item-txt limit-line-length-1 fs-18 text-capitalize"\n [ngStyle]="{\'color\': \'white\' }">\n {{groupBuyDeal.title}} </p>\n <div class="amount-sec white-clr" style="margin-top:2px ;">\n <p class="ml-1 fs-14 amt-txt"\n *ngIf="getOfferPrice(groupBuyDeal.meta?.offers,groupBuyDeal.meta?.price);else noOfferPrice">\n <span class="sitefontextrabold fs-16 fw-6">\u20b9{{ offerPrice | number:\'1.2-2\'}}</span>\n </p>\n <ng-template #noOfferPrice>\n <p class="m-0 amt-txt fs-16 sitefontextrabold fw-6">\n <span> \u20b9{{ groupBuyDeal.meta?.price }} </span>\n </p>\n </ng-template>\n </div>\n </div>\n <p class="fs-14 sitefontmedium rest-txt limit-line-length-1 pb-3 mb-1"\n [ngStyle]="{\'color\': \'white\' }">\n {{groupBuyDeal.subTitle}}</p>\n </div>\n </div>\n \x3c!-- <div class="item-add-sec d-flex align-items-center justify-content-between" [ngStyle]="{\'background\': groupBuyDeals.config.style ? groupBuyDeals.config.style.bgColor : \'white\' }">
1\n <div id="btn{{groupBuyDeal?.dishId}}" class="item-add-amount-sec py-1">\n <div *ngIf="showQty(groupBuyDeal) === 0" class="add-btn-text position-relative">\n <button class="sitefontextrabold fs-14" (click)="onAddItemInCart(groupBuyDeal)">\n ADD\n </button>\n <div class="line-loader" id="loader{{groupBuyDeal?.dishId}}">\n <div class="loader-element"></div>\n </div>\n </div>\n <div class="with-qty-view d-flex align-items-center justify-content-between position-relative\n sitefontmedium" *ngIf="showQty(groupBuyDeal) > 0">\n <span class="sitefontextrabold" style="margin-top: 2px;" (click)="onItemDecrease(groupBuyDeal)">\n <span class="icon-minus fs-18"></span>\n </span>\n <span class="sitefontextrabold fs-16" id="{{ groupBuyDeal?.dishId }}size">{{ showQty(groupBuyDeal)\n }}</span>\n <span class="sitefontextrabold" style="margin-top: 1p
1x;" (click)="onItemIncrease(groupBuyDeal)">\n <span class="icon-plus fs-20"></span>\n </span>\n <div class="line-loader" id="loader{{groupBuyDeal?.dishId}}">\n <div class="loader-element"></div>\n </div>\n </div>\n </div> --\x3e\n </div>\n <div class="position-relative group-buy-deal-sec">\n <div class="px-2 position-relative" style="bottom: 16px;">\n <div class="slider-section"\n [ngClass]="{\'maxLimitReached\':(groupBuyDeal?.meta?.groupBuy?.maxLimitOfUnits - groupBuyDeal?.meta?.groupBuy?.currentUnitsOrdered) <= 0}">\n <ion-range disabled aria-label="Custom range" class="ion-range-slider" [min]="0" [max]="groupBuyDeal?.meta?.groupBuy?.maxLimitOfUnits"\n pin="true" [ticks]="true" [value]="groupBuyDeal?.meta?.groupBuy?.currentUnitsOrdered">\n <div class="behind" slot="end">\n <div class="check">\n </div>\n </div>\n </ion-range>\n <div *ngIf="(groupBuyDeal?.meta?.groupBuy?.maxLimitOfUnits - groupBuyDeal?.meta?.groupBuy?.currentUnitsOrdered) <= 0">\n <p class="sitefontnormal px-2 fs-10 fw-5">{{groupBuyDeal?.meta?.groupBuy?.totalUnitsSold}} Units Sold</p>\n </div>\n </div>\n </div>\n <div class="position-relative px-2" style="top: -24px;">\n <div *ngIf="(groupBuyDeal?.meta?.groupBuy?.maxLimitOfUnits - groupBuyDeal?.meta?.groupBuy?.currentUnitsOrdered) <= 0"\n class="pt-2 mt-1">\n <p class="fs-12 sitefontnormal" style="color: #0B8D31;"> <span class="fs-12 sitefontbold"> Deal\n Unlocked!</span> Get <span class="fs-12 sitefontbold">\n \u20b9{{groupBuyDeal?.meta?.groupBuy?.groupBuyDealsOfferAmount}} coins</span> & redeem them in <span\n class="fs-12 sitefontbold">\n full!</span>.</p>\n </div>\n <div *ngIf="(groupBuyDeal?.meta?.groupBuy?.maxLimitOfUnits - groupBuyDeal?.meta?.groupBuy?.currentUnitsOrdered) > 0"\n class="pt-2 mt-1">\n <p class="fs-12 sitefontnormal" style="color: #8F672A;">Win\n <span class="fs-12 sitefontbold">\n \u20b9{{groupBuyDeal?.meta?.groupBuy?.groupBuyDealsOfferAmount}} coins</span> (Fully Redeemable) once <span\n class="fs-12 sitefontbold">\n {{groupBuyDeal?.meta?.groupBuy?.maxLimitOfUnits}} orders </span>are reached.\n </p>\n </div>\n </div>\n </div>\n <div>\n <div class="item-add-sec position-relative" style="bottom: 16px;">\n <div id="btn{{groupBuyDeal?.itemId}}" class="item-add-amount-sec">\n <div *ngIf="showQty(groupBuyDeal) === 0 " class="add-btn-text position-relative">\n <button class="sitefontextrabold fw-8 fs-14" (click)="onAddItemInCart(groupBuyDeal)">\n ADD\n </button>\n <div class="line-loader" id="loader{{groupBuyDeal?.dishId}}">\n <div class="loader-element"></div>\n </div>\n </div>\n </div>\n <div class="with-qty-view d-flex align-items-center justify-content-between position-relative\n sitefontmedium" *ngIf="showQty(groupBuyDeal) > 0 ">\n <span class="sitefontextrabold fw-8" style="margin-top: 2px;" (click)="onItemDecrease(groupBuyDeal)">\n <span class="icon-minus fs-18"></span>\n </span>\n <span class="sitefontextrabold fw-8 fs-16" id="{{ groupBuyDeal?.itemId }}size">{{\n showQty(groupBuyDeal) }}</span>
1\n <span class="sitefontextrabold fw-8" style="margin-top: 1px;" (click)="onItemIncrease(groupBuyDeal)">\n <span class="icon-plus fs-20"></span>\n </span>\n <div class="line-loader" id="loader{{groupBuyDeal?.dishId}}">\n <div class="loader-element"></div>\n </div>\n </div>\n </div>\n <p class="customizable-txt sitefontmedium fs-12" style="color: #8A8A8A;"\n *ngIf="groupBuyDeal?.addons?.length > 0">\n Customizable\n </p>\n </div>\n </div>\n </div>\n </ion-slide>\n </ion-slides>\n </div>\n</div>',styles:[En]})],Cn);var Bn=s(function n(){t(this,n)});Bn=(0,r.gn)([(0,l.NgModule)({imports:[c.ez,p.u5,u.Pc,R,E.Z,y.IJ,p.UX,mn.CT.forRoot({player:Tn}),u.Pc,yn.p,hn.ScratchCardMobileInfoModule],declarations:[A,D,P,N,M,G,U,W,X,Z,nn,sn,ln,cn,un,xn,In,On,zn,An,Rn,Cn],providers:[vn.sn]})],Bn)},27305:function(e,i,o){o.d(i,{r:function(){return S}});var a=o(97582),r=o(21633),l=o(53787),d=o(37716),c=o(63333),p=o(72153),u=o(56371),m=o(89470),g=o(82202),f=o(42549),v=o(55827),y=o(89088),h=o(76494),b=o(90787),x=o(24565),w=o(93661),I=o(73903),S=function(){return s(function n(e,i,s,o,a,r){t(this,n),this.cartService=e,this.modalService=i,this.menuItemService=s,this.toast=o,this.analyticsService=a,this.firebaseService=r,this.enableApiCall=!0,this.fromSearch=!1},[{key:"onAddItem",value:function(e){var t=this,i=c.YG.yourPlateItems;if(i&&i.outlets.length>0)if(i.outlets[0].outletId!==e.outletId){var s=(0,u._U)("CLEAR_PLATE_MSG");console.log(i.outlets[0].outletName),console.log(e.outletName),s.previousOutlet=i.outlets[0].outletName,s.newOutlet=e.outletName?e.outletName:e.subTitle;var o=this.modalService.open(h.Y,(0,u.iE)("CONFIRM_MODAL_CONFIG"));this.modalService&&c.YG.modalCloseAnimation$.next("center"),o.componentInstance.modalObj=s,o.result.then(function(i){return(0,a.mG)(t,void 0,void 0,n().m(function t(){return n().w(function(n){for(;;)switch(n.n){case 0:return n.n=1,this.clearCartEventObj();case 1:c.YG.yourPlateItemsSub$.next(null),c.YG.spInstructionsSub$.next(""),c.YG.plateItemCountSub$.next({itemCount:0,itemTotal:0,outletName:"",outletLogo:"",outletId:""}),this.onCheckCustomizedItem(e);case 2:return n.a(2)}},t,this)}))}).catch(function(n){console.log(n)})}else this.onCheckCustomizedItem(e);else this.onCheckCustomizedItem(e);console.log(e)}},{key:"clearCartEventObj",value:function(){var n=c.YG.yourPlateItems.outlets[0],e=c.YG.yourPlateItems.billing,t={totalPrice:e.totalAmount,cartDiscount:e.discount,outletId:n.outletId,outletName:n.outletName,outletLocality:n.locality,cartId:c.YG.cartId,outletCity:n.outletAddress.city,noOfItems:n.items.length,coordinates:n.location.coordinates};this.analyticsService.cleverTapEvent(r.N.CART_CLEARED,(0,l.hs)(t))}},{key:"onCheckCustomizedItem",value:function(n){n.addons&&n.addons.length>0?this.onAddCustomizeItem(n):this.onAddItemIntoPlate(n)}},{key:"onAddCustomizeItem",value:function(n){var e=this,t=[];console.log("---\x3e",c.YG.addonList),this.addonObj=c.YG.addonList,n.addons.forEach(function(n){t.push(e.addonObj[n])});var i={item:n,addons:t},s=this.modalService.open(m.o,(0,u.iE)("ADDON_VARIANT_CONFIG"));this.modalService&&c.YG.modalCloseAnimation$.next("bottom"),s.componentInstance.modalObj=i,this.menuItemService.isAddonVarientModalOpened.next(!0),s.result.then(function(t){var i=t;i.offers=n.offers,i.outletName=n.outletName,e.onAddItemIntoPlate(i)}).catch(function(n){console.log()})}},{key:"addItemObj",value:function(n){return{item:{outletId:n.outletId,itemId:n.itemId||n.dishId,quantity:n.qnty||1},cartId:c.YG.cartId}}},{key:"addonsObj",value:function(n){var e=this;console.log(n);var t=[];return n.forEach(function(n){var i={addonId:n.addonId,addonName:n.addonName,options:e.optionsObj(n.options)};t=t.concat(i)}),console.log(t),t}},{key:"optionsObj",value:function(n){var e=[];return n.forEach(function(n){e=e.concat(n.optionName)}),console.log(e),e}},{key:"variantObj",value:function(n){return{addonId:n.addonId,addonName:n.addonName,options:[n.options.optionName]}}},{key:"onAddItemIntoPlate",value:function(n){if(this.enableApiCall){var e=this.addItemObj(n);if(n.addons&&n.addons.length>0){var t=n.addons;e.item.addons=this.addonsObj(t)}if(n.variant&&n.variant.addonName){var i=JSON.parse(JSON.stringify(n.variant));e.item.variant=this.variantObj(i)}console.log("Add item into plate object",e),this.addItemOnPlateApi(e,n)}}},{key:"onItemDecrease",value:function(n){if(this.enableApiCall){var e=(0,v.Uo)(n),t=(0,v.jz)(n),i=e.quantity,s=e.itmInd;this.analyticsService.cleverTapEvent(r.N.ITEM_REMOVED_CART,(0,l.Er)(n)),this.increaseOrDecreaseItemQuantityApi(s,--i,t,n)}}},{key:"onItemIncrease",value:function(n){var e=this;if(this.enableApiCall){var t=(0,v.Uo)(n),i=(0,v.jz)(n),s=t.quantity,o=t.itmInd;if(n.addons&&n.addons.length>0){console.log(n);var a=this.modalService.open(p.v,(0,u.iE)("ADDON_REPEAT_CONFIG"));this.modalService&&c.YG.modalCloseAnimation$.next("bottom"),a.componentInstance.modalObj=n,a.result.then(function(t){"WILL_CHOOSE_ITEM"===t?e.onIWillCho
1oseItem(n):"REPEAT_ITEM"===t?e.onRepeatMenuItem(n):console.log()})}else this.increaseOrDecreaseItemQuantityApi(o,++s,i,n);this.analyticsService.cleverTapEvent(r.N.ITEM_ADDED_CART,(0,l.qs)(n,c.YG.yourPlateItems.outlets[0].locality))}}},{key:"onIWillChooseItem",value:function(n){this.onAddCustomizeItem(n)}},{key:"onRepeatMenuItem",value:function(n){var e=(0,v.Uo)(n),t=(0,v.jz)(n),i=e.itmInd,s=e.quantity;this.increaseOrDecreaseItemQuantityApi(i,++s,t,n)}},{key:"addItemOnPlateApi",value:function(n,e){var t=this;console.log(n);var i="";e.itemId?i=e.itemId:e.dishId&&(i=e.dishId),this.enableLineLoader(i),this.cartService.addItemsToCart(n).then(function(n){var i,s,o,a,d,p,u,m,g,f=n.body.data,v={app_name:"yumzy-ios",timestamp:Number(Date.now()),client:"iOS",item_id:String(e.itemId||""),item_name:String(e.name||""),item_price:Number(e.price||0),outlet_id:String(e.outletId||""),outlet_name:String(e.outletName||""),latitude:(null===(o=null===(s=null===(i=c.YG.currentAddressObj)||void 0===i?void 0:i.longLat)||void 0===s?void 0:s.coordinates)||void 0===o?void 0:o[1])||0,longitude:(null===(p=null===(d=null===(a=c.YG.currentAddressObj)||void 0===a?void 0:a.longLat)||void 0===d?void 0:d.coordinates)||void 0===p?void 0:p[0])||0,user_id:String(c.YG.userId||""),user_locality:String((null===(u=c.YG.currentAddressObj)||void 0===u?void 0:u.locality)||""),user_city:String((null===(m=c.YG.currentAddressObj)||void 0===m?void 0:m.city)||"")};if(x.Z.addToCart(v),t.firebaseService.logCustomEvent("add_to_cart",v),!c.YG.isNative){var y=Object.assign(Object.assign({},v),{source:"add_to_cart",user_mobile_number:(null===(g=c.YG.userInfoData)||void 0===g?void 0:g.mobile)||""});(0,I.L9)("add_to_cart",y)}c.YG.yourPlateItemsSub$.next(JSON.parse(JSON.stringify(f))),t.analyticsService.cleverTapEvent(r.N.ITEM_ADDED_CART,(0,l.qs)(e,f.outlets[0].locality)),t.disableLineLoader()}).catch(function(){t.disableLineLoader()})}},{key:"increaseOrDecreaseItemQuantityApi",value:function(n,e,t,i){var s=this,o="";i.itemId?o=i.itemId:i.dishId&&(o=i.dishId),this.enableLineLoader(o),this.cartService.changeItemCount(n,e,t).then(function(n){var e=n.body.data;c.YG.yourPlateItemsSub$.next(JSON.parse(JSON.stringify(e))),s.disableLineLoader()}).catch(function(){s.disableLineLoader()})}},{key:"enableLineLoader",value:function(e){return(0,a.mG)(this,void 0,void 0,n().m(function t(){var i;return n().w(function(n){for(;;)switch(n.n){case 0:return this.enableApiCall=!1,this.btnDoc=document.querySelectorAll("#btn"+e),i=this.fromSearch?"loaderSearch":"loader",n.n=1,document.querySelectorAll("#"+i+e);case 1:this.loaderDoc=n.v,console.log(this.btnDoc,this.loaderDoc,e),this.btnDoc&&this.btnDoc.forEach(function(n){n.style.pointerEvents="none"}),console.log(this.loaderDoc),this.loaderDoc&&(console.log(this.btnDoc,this.loaderDoc,e),this.loaderDoc.forEach(function(n){n.style.display="block"}));case 2:return n.a(2)}},t,this)}))}},{key:"disableLineLoader",value:function(){this.enableApiCall=!0,this.loaderDoc&&this.loaderDoc.forEach(function(n){n.style.display="none"}),this.btnDoc&&this.btnDoc.forEach(function(n){n.style.pointerEvents="unset"})}}])}();S.ctorParameters=function(){return[{type:g.N},{type:f.FF},{type:y.p},{type:c.kl},{type:b.y},{type:w.O}]},S=(0,a.gn)([(0,d.Injectable)({providedIn:"root"})],S)},12118:function(n){n.exports=".all-restaurant-mobile-view .rest-card .vertical-middle {\n vertical-align: middle;\n}\n.all-restaurant-mobile-view .rest-card .container-img {\n position: relative;\n}\n.all-restaurant-mobile-view .rest-card .container-img .rest-img {\n width: var(--top-rest-img-width) !important;\n height: var(--top-rest-img-height) !important;\n border-radius: var(--top-rest-img-radius);\n min-width: var(--top-rest-img-width) !important;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.all-restaurant-mobile-view .rest-card .rating-view {\n position: relative;\n bottom: 12px;\n left: 6px;\n background: var(--offer-clr);\n color: white;\n border-radius: 0.35rem;\n width: 86%;\n text-align: center;\n font-weight: bold;\n}\n.all-restaurant-mobile-view .rest-card .rest-txt {\n line-height: 1.2;\n}\n.all-restaurant-mobile-view .rest-card .duration-txt {\n color: var(--duration-clr);\n font-size: 0.625rem;\n font-weight: 400;\n}\n.all-restaurant-mobile-view .rest-card .delivery-time-txt {\n color: var(--delivery-time-txt-clr);\n}"},72901:function(n){n.exports=".banner-view img.banner-img {\n width: 97% !important;\n border-radius: var(--banner-img-radius);\n}"},3040:function(n){n.exports=".dynamic-offer-view .dynamic-offer .overlay {\n width: 100%;\n height: 100%;\n position: relative;\n}\n.dynamic-offer-view .dynamic-offer .overlay1 {\n z-index: 1;\n position: absolute;\n width: 100%;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n}\n.dynamic-offer-view .dynamic-offer .frame {\n border: 0 !important;\n background-color: white !important;\n background: white !important;\n border-radius: 10px;\n}"},18258:function(n){n.exports='.yumzy-best-view .yumzy-best ion-sli
1de .item-container {\n border-radius: 16px;\n width: 100%;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-image-sec .item-other-info {\n top: 12px;\n width: 100%;\n z-index: 1;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-image-sec .item-other-info img {\n width: 16px;\n height: 16px;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-image-sec .item-img {\n width: 100%;\n max-height: 180px;\n border-radius: 16px 16px 0px 0px;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-image-sec .drop-shadow {\n width: 100%;\n height: 60px;\n border-radius: 16px 16px 0px 0px;\n background: linear-gradient(180deg, #000000ab, #ff000000);\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .drop-shadow {\n background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #23262d 81.54%);\n height: 80px;\n bottom: 0px;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .item-description {\n bottom: 0px;\n width: 100%;\n}
1\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .item-add-sec .item-add-amount-sec .add-btn-text button {\n padding: 8px 20px;\n background: var(--white);\n border-radius: 16px;\n border: 1px solid var(--primary-cta);\n color: var(--primary-cta);\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .item-add-sec .item-add-amount-sec .add-btn-text .line-loader {\n bottom: 2px;\n border: 1px solid var(--primary-cta);\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .item-add-sec .with-qty-view {\n padding: 0px 8px;\n height: 32px;\n border-radius: 16px;\n color: var(--white);\n background: var(--primary-cta);\n border: 1px solid var(--primary-cta);\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .item-add-sec .with-qty-view > span {\n padding: 1px 4px;\n line-height: 1;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .item-add-sec :focus {\n outline: none;\n}
1\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec {\n background: white;\n border-radius: 0px 0px 16px 16px;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section {\n background: #ffffff;\n box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.13);\n border-radius: 8px;\n padding: 0px;\n height: 24px;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range {\n opacity: 1;\n height: 24px;\n padding: 0px 8px;\n transform: translateY(-0.5px);\n --bar-background: #ababab;\n --bar-background-active: linear-gradient(\n 180deg,\n #f7c443 0%,\n #f79943 100%\n );\n --bar-height: 6px;\n --bar-border-radius: 26px;\n --knob-background: linear-gradient(\n 180deg,\n #f7c443 0%,\n #f79943 100%\n );\n --knob-border-radius: 8px;\n --knob-size: 19px;\n --pin-background: none;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range.md {\n --knob-size: 24px;\n}
1\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range::part(bar) {\n width: 104%;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range::part(knob) {\n display: none !important;\n width: 24px;\n height: 16px;\n border-radius: 14px;\n border: 0.5px solid #e4ad1f;\n box-shadow: none;\n left: 14px;\n transform: translateY(1px) !important;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range.md::part(knob) {\n display: none !important;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range::part(bar-active) {\n transform: translateY(1px);\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range::part(bar) {\n transform: translateY(1px);\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range.md::part(bar-active) {\n transform: translateY(1px) !important;\n}
1\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range.md::part(bar) {\n transform: translateY(1px) !important;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section .ion-range-slider.ios::part(bar-active) {\n top: 17.5px !important;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section .ion-range-slider.ios::part(bar) {\n top: 17.5px !important;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section .check {\n display: inline-block;\n transform: rotate(45deg) translateX(28%) translateY(16%);\n height: 10px;\n width: 4px;\n padding: 2px;\n position: relative;\n border-bottom: 2px solid white;\n border-right: 2px solid white;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section .behind {\n z-index: 10;\n border-radius: 50%;\n width: 16px;\n height: 16px;\n background: #0c9835;\n transform: translateY(1px);\n}
1\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range.md .check {\n transform: rotate(45deg) translateX(48%) translateY(-40%);\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range.ios .check {\n transform: rotate(45deg) translateX(-34%) translateY(-94%) !important;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section .ion-range-slider.ios .behind {\n transform: translateY(0.2px) !important;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range::part(pin) {\n margin: 0px;\n color: #ffffff;\n background: linear-gradient(180deg, #f7c443 0%, #f79943 100%);\n border-radius: 50%;\n transform: scale(1) translateX(28%) translateY(130%);\n padding: 0px;\n width: 24px;\n font-weight: 900 !important;\n font-family: "Avenir-Medium" !important;\n z-index: 11;\n height: 18px;\n padding: 1px;\n border-radius: 14px;\n box-shadow: none;\n transition: transform 120ms ease, background 120ms ease;\n}
1\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range.md::part(pin) {\n transform: scale(1) translateX(30%) translateY(86%) !important;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range.ios::part(pin) {\n top: -20px !important;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .slider-section ion-range::part(pin)::before {\n content: none;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .maxLimitReached {\n height: 40px;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .maxLimitReached ion-range::part(knob) {\n display: none;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .maxLimitReached ion-range {\n --bar-background-active: linear-gradient(\n 180deg,\n #12b442 0%,\n #89e2a3 100%\n );\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .maxLimitReached ion-range::part(pin) {\n display: none;\n}
1\n.yumzy-best-view .yumzy-best ion-slide .item-container .group-buy-deal-sec .maxLimitReached ion-range::part(bar-active) {\n width: 104%;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-add-sec {\n width: 100%;\n display: flex;\n justify-content: center;\n bottom: 10px;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-add-sec .item-add-amount-sec .add-btn-text button {\n padding: 8px 20px;\n background: var(--white);\n border-radius: 16px;\n border: 1px solid #f7c443 !important;\n color: #f7c443 !important;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-add-sec .item-add-amount-sec .add-btn-text button:focus {\n border: none;\n outline: none;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-add-sec .item-add-amount-sec .add-btn-text .line-loader {\n bottom: 2px;\n border: 1px solid var(--primary-cta);\n}\n.yumzy-best-view .yumzy-best .with-qty-view {\n padding: 0px 8px;\n height: 32px;\n border-radius: 16px;\n color: var(--white);\n background: linear-gradient(0deg, rgba(0, 0, 0, 0.41), rgba(0, 0, 0, 0.41)), linear-gradient(180deg, #f7c443 0%, #f79943 100%), #ffffff;\n border: 1px solid #f7c443;\n}\n.yumzy-best-view .yumzy-best .with-qty-view .line-loader {\n bottom: 2px;\n border: 1px solid #f7c443;\n}\n.yumzy-best-view .yumzy-best .with-qty-view > span {\n line-height: 1;\n}\n.yumzy-best-view .yumzy-best .with-qty-view .icon-plus {\n padding: 1px 0px 1px 8px;\n}\n.yumzy-best-view .yumzy-best .with-qty-view .icon-minus {\n padding: 1px 8px 1px 0px;\n}\n.yumzy-best-view .addons-text {\n bottom: 6px;\n}\n@media screen and (max-width: 500px) {\n .yumzy-best ion-range::part(bar) {\n width: 110% !important;\n }\n .yumzy-best ion-range.ios::part(pin) {\n top: -18.5px !important;\n }\n .yumzy-best .maxLimitReached ion-range::part(bar-active) {\n width: 110% !important;\n }\n .yumzy-best .item-img-sec {\n padding-bottom: 22px !important;\n }\n .yumzy-best .item-img-sec .image-section img {\n width: 112px !important;\n min-height: 146px;\n border-radius: 16px;\n -o-object-fit: cover;\n object-fit: cover;\n }\n .yumzy-best .groupBuyDealsTarget .item-img-sec {\n padding-bottom: 22px !important;\n }\n .yumzy-best .groupBuyDealsTarget .item-img-sec .image-section img {\n height: 164px;\n }\n .yumzy-best .groupBuyDealsTargetReached .item-img-sec {\n padding-bottom: 22px;\n }\n .yumzy-best .img-paddingMore {\n padding-bottom: 38px !important;\n }\n .yumzy-best .groupBuyDealsTarget .img-paddingMore {\n padding-bottom: 38px !important;\n }\n}\n@media screen and (max-width: 380px) {\n .yumzy-best .WidthContainer {\n width: 61% !important;\n }\n .yumzy-best ion-range::part(bar) {\n width: 113% !important;\n max-width: 288px !important;\n }\n .yumzy-best .maxLimitReached ion-range::part(bar-active) {\n width: 113% !important;\n max-width: 288px !important;\n }\n}\n@media screen and (min-width: 400px) {\n .yumzy-best .WidthContainer {\n width: 66% !important;\n }\n}\n@media screen and (max-width: 370px) and (min-height: 700px) {\n .yumzy-best .WidthContainer {\n width: 61% !important;\n }\n}'},65530:function(n){n.exports=".most-ordered-view .grid {\n border-radius: 20px;\n box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.16);\n}\n.most-ordered-view img.rest-image {\n -o-object-fit: cover;\n object-fit: cover;\n border-radius: 20px 20px 0px 0px;\n border: 0.5px solid #80808038;\n}\n.most-ordered-view .veg-indicator {\n position: absolute;\n top: 32px;\n background: #389400;\n color: white;\n font-weight: bold;\n padding: 7px 10px 7px 10px;\n line-height: 1;\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 0px 0px 10px 10px;\n left: 47px;\n}\n.most-ordered-view .offer-section {\n position: relative;\n background: #fc6f7f;\n color: white;\n padding: 4px 8px 0px 7px;\n left: 18px;\n border-radius: 10px 10px 0px 0px;\n top: -109px;\n font-size: 10px;\n font-weight: 700;\n width: -moz-fit-content;\n width: fit-content;\n}\n.most-ordered-view .card-content {\n background: white;\n border-radius: 0px 0px 20px 20px;\n padding: 5px 10px 0px 17px;\n -webkit-transition-property: width;\n -webkit-transition-duration: 0.5s;\n -webkit-transition-timing-function: ease;\n -moz-transition-property: width;\n -moz-transition-duration: 0.5s;\n -moz-transition-timing-function: ease;\n transition-property: width;\n transition-duration: 0.5s;\n transition-timing-function: ease;\n}\n.most-ordered-view .card-content .outletname-row {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n}\n.most-ordered-view .card-content .outletname-row .outletname {\n color: #1f193b;\n font-weight: bold !important;\n}\n.most-ordered-view .card-content .rest-txt {\n line-height: 1.5;\n color: var(--rest-clr);\n font-weight: 700;\n font-size: 0.625rem;\n}\n.most-ordered-view .card-content .cuisine-txt {\n color: var(--cuisine-clr);\n font-size: 400;\n font-size: 0.5rem;\n line-height: 1;\n}\n.most-ordered-view .locality-cuisine-txt-clr {\n color: #4b4b4b
1!important;\n}\n.most-ordered-view .active {\n transform: scale(1.2);\n transition: all 0.5s ease;\n}\n.most-ordered-view .inactive {\n transform: scale(1);\n transition: all 0.5s ease-in-out;\n}\n.most-ordered-view .abs {\n -webkit-transition-property: left;\n -webkit-transition-duration: 0.5s;\n -webkit-transition-timing-function: ease;\n transition-property: left;\n transition-duration: 0.5s;\n transition-timing-function: ease;\n position: absolute;\n left: 0;\n touch-action: none;\n}\n.most-ordered-view .abs .row {\n margin: 0;\n}\n.most-ordered-view .abs .row .newly-opened .brands-content .grid {\n transform: scale(1);\n transition: all 0.5s ease;\n width: 65vw;\n}"},54711:function(n){n.exports=".offers-and-ads-view img.offers-and-ads-img {\n width: var(--multi-ads-img-width);\n height: var(--multi-ads-img-height);\n border-radius: var(--multi-ads-img-radius);\n -o-object-fit: cover;\n object-fit: cover;\n}"},77940:function(n){n.exports=".new-launched .item-section .indicators {\n position: absolute;\n top: 8px;\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n line-height: 1;\n padding: 0px 12px;\n color: white;\n}\n.new-launched .item-section .indicators .outlet-info-sec {\n padding: 0px 2px;\n}\n.new-launched .item-section .drop-shadow {\n width: 100%;\n height: 60px;\n border-radius: 16px 16px 0px 0px;\n background: linear-gradient(180deg, #000000ab, #ff000000);\n}\n.new-launched .item-section .item-img {\n height: 20vh;\n -o-object-fit: cover;\n object-fit: cover;\n width: 100%;\n width: 75vw;\n border-radius: 16px 16px 0px 0px;\n}\n.new-launched .item-section .offer-ribbon > div {\n top: -20px;\n left: -8px;\n}\n.new-launched .item-section .offer-ribbon img {\n position: relative;\n width: 28vw;\n z-index: 11;\n filter: invert(40%) sepia(90%) saturate(761%) hue-rotate(186deg) brightness(97%) contrast(97%);\n}\n.new-launched .item-section .offer-ribbon .offer-text {\n z-index: 12;\n color: white;\n left: 8px;\n top: 8px;\n}\n.new-launched .item-section .rest-view {\n border-radius: 0px 0px 16px 16px;\n line-height: 1;\n padding-top: 16px;\n height: 100px;\n padding: 16px 16px;\n}\n.new-launched ::ng-deep.swiper-pagination-bullet {\n opacity: 0.4;\n background: white;\n}\n.new-launched ::ng-deep.swiper-pagination-bullet-active {\n background: var(--bullet-active);\n opacity: 1;\n}"},50727:function(n){n.exports='.order-again-view .title-txt {\n overflow: hidden;\n text-align: center;\n}\n.order-again-view .title-txt:before,\n.order-again-view .title-txt:after {\n background-color: var(--primary-cta);\n content: "";\n display: inline-block;\n height: 2px;\n position: relative;\n vertical-align: middle;\n width: 8%;\n}\n.order-again-view .title-txt:before {\n margin-right: 4%;\n}\n.order-again-view .title-txt:after {\n margin-left: 4%;\n}\n.order-again-view .top-brands .item-section {\n width: 100%;\n}\n.order-again-view .top-brands .item-section .item-img {\n height: 110px;\n width: 100%;\n position: relative;\n z-index: 10;\n border-radius: 16px 16px 0px 0px;\n box-shadow: 0px 0px 10px var(--primary-grey-2);\n}\n.order-again-view .top-brands .item-section .veg-ind,\n.order-again-view .top-brands .item-section .non-veg-ind {\n position: absolute;\n top: 12px;\n right: 12px;\n}\n.order-again-view .top-brands .item-section .offer-ribbon > div {\n top: -22px;\n left: -8px;\n}\n.order-again-view .top-brands .item-section .offer-ribbon img {\n position: relative;\n width: 28vw;\n z-index: 11;\n filter: invert(17%) sepia(93%) saturate(3014%) hue-rotate(327deg) brightness(89%) contrast(91%);\n}\n.order-again-view .top-brands .item-section .offer-ribbon .offer-text {\n z-index: 12;\n color: white;\n left: 8px;\n top: 8px;\n}\n.order-again-view .top-brands .item-section .rest-view {\n position: relative;\n background: white;\n border-radius: 0px 0px 16px 16px;\n top: 0px;\n box-shadow: 0px 0px 10px var(--primary-grey-2);\n}\n.order-again-view .top-brands img.top-brand-img {\n -o-object-fit: cover;\n object-fit: cover;\n border-radius: 10%;\n width: 70px;\n height: 70px;\n max-width: 70px;\n max-height: 70px;\n}\n.order-again-view .top-brands .duration-txt {\n color: var(--duration-clr);\n}\n.order-again-view .top-brands .offer-txt {\n color: var(--offer-clr);\n}'},19840:function(n){n.exports=".popular-cuisines-view .popular-cuisines .container-img {\n position: relative;\n}\n.popular-cuisines-view .popular-cuisines .container-img img.cuisines-img {\n width: var(--popular-cuisinus-img-width) !important;\n height: var(--popular-cuisinus-img-height) !important;\n border-radius: var(--popular-cuisinus-img--radius);\n -o-object-fit: cover;\n object-fit: cover;\n}\n.popular-cuisines-view .popular-cuisines .cuisines-view {\n position: absolute;\n bottom: 0;\n background: var(--cuisines-bg-clr);\n border-bottom-left-radius: 0.5rem;\n right: 0;\n left: 0;\n min-height: 2.16rem;\n border-bottom-right-radius: 0.5rem;\n}\n.popular-cuisines-view .popular-cuisines .cuisines-view .cuisines-txt-clr {\n color: white;\n}"},71859:function(n){n.exports=".yumzy-best-view .yumzy-best ion-sli
1de .item-container {\n border-radius: 16px;\n width: 100%;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-image-sec .item-other-info {\n top: 8px;\n width: 100%;\n z-index: 1;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-image-sec .item-other-info img {\n width: 16px;\n height: 16px;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-image-sec .item-img {\n width: 100%;\n max-height: 164px;\n border-radius: 16px 16px 0px 0px;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-image-sec .drop-shadow {\n width: 100%;\n height: 60px;\n border-radius: 16px 16px 0px 0px;\n background: linear-gradient(180deg, #000000ab, #ff000000);\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec {\n padding-top: 16px;\n background: linear-gradient(to right, #ffdded, #ffe8db);\n border-radius: 0px 0px 16px 16px;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .offer-ribbon {\n position: absolute;\n top: -22px;\n left: -9px;\n}
1\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .offer-ribbon > div p {\n left: 10px;\n top: 8px;\n color: white;\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .item-add-sec .item-add-amount-sec .add-btn-text button {\n padding: 8px 20px;\n background: var(--white);\n border-radius: 16px;\n border: 1px solid var(--primary-cta);\n color: var(--primary-cta);\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .item-add-sec .item-add-amount-sec .add-btn-text .line-loader {\n bottom: 2px;\n border: 1px solid var(--primary-cta);\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .item-add-sec .with-qty-view {\n padding: 0px 8px;\n height: 32px;\n border-radius: 16px;\n color: var(--white);\n background: var(--primary-cta);\n border: 1px solid var(--primary-cta);\n}\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .item-add-sec .with-qty-view > span {\n padding: 1px 4px;\n line-height: 1;\n}
1\n.yumzy-best-view .yumzy-best ion-slide .item-container .item-description-sec .item-add-sec :focus {\n outline: none;\n}"},4391:function(n){n.exports=".promoted-restaurant-view .promoted-restaurant {\n border-radius: 0px 0px 16px 16px;\n}\n.promoted-restaurant-view .promoted-restaurant .item-view {\n margin-right: 10px;\n display: none;\n}"},51414:function(n){n.exports=".restaurants-big-card-mobile .see-all-view {\n background: var(--see-all-rest-bg-clr);\n border-radius: 6px;\n padding: 10px;\n}\n.restaurants-big-card-mobile .see-all-txt {\n color: var(--white-color) !important;\n}\n.restaurants-big-card-mobile .outletname-row {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n}\n.restaurants-big-card-mobile .outletname-row .outletname {\n color: #1f193b;\n font-weight: bold !important;\n}\n.restaurants-big-card-mobile .rating-cuisines-row {\n display: flex;\n justify-content: space-between;\n align-items: baseline;\n line-height: 1;\n}\n.restaurants-big-card-mobile .rating-cuisines-row .rating {\n display: flex;\n justify-content: flex-start;\n align-items: baseline;\n}\n.restaurants-big-card-mobile .rating-cuisines-row .rating span {\n color: #fc6f7f;\n}\n.restaurants-big-card-mobile .offer-cf2-section {\n display: flex;\n flex-direction: row-reverse;\n justify-content: space-between;\n align-items: flex-end;\n}\n.restaurants-big-card-mobile .offer-cf2-section .offer {\n width: -moz-fit-content;\n width: fit-content;\n padding: 7px 15px;\n background: #1f193b;\n position: relative;\n color: #fc6f7f;\n top: 8px;\n border-radius: 8px 8px 0px 0px;\n}\n.restaurants-big-card-mobile .locality-cuisine-txt-clr {\n color: #4b4b4b;\n}\n.restaurants-big-card-mobile .top-rest-img {\n border-radius: 25px;\n}\n.restaurants-big-card-mobile .rating-view {\n position: relative;\n width: 90%;\n bottom: 40px;\n left: 0px;\n background: white;\n color: black;\n font-weight: normal;\n margin: auto;\n border-radius: 25px;\n padding-left: 20px;\n min-height: 87px;\n}\n.restaurants-big-card-mobile .veg-indicator {\n position: absolute;\n top: 0px;\n background: #389400;\n color: white;\n font-weight: bold;\n padding: 5px 15px;\n line-height: 1;\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 0px 0px 10px 10px;\n left: 40px;\n}"},59417:function(n){n.exports=".single-ads-offers-view img.offers-and-ads-img {\n width: 100% !important;\n max-height: 160px;\n margin-bottom: 10px;\n -o-object-fit: contain;\n object-fit: contain;\n}"},53514:function(n){n.exports=".top-brands-view .top-brands .top-brand-card {\n position: relative;\n background: var(--top-brand-bg-clr);\n border-radius: var(--top-brand-card-radius);\n width: var(--top-brand-card-width);\n height: var(--top-brand-card-height);\n}\n.top-brands-view .top-brands .top-brand-card .card-inner {\n position: absolute;\n top: 3px;\n left: 0;\n right: 0;\n bottom: 0;\n padding: 10px;\n text-align: -webkit-center;\n}\n.top-brands-view .top-brands .top-brand-card .card-inner img.top-brand-img {\n -o-object-fit: cover;\n object-fit: cover;\n border-radius: 50%;\n width: var(--top-brand-img-width);\n height: var(--top-brand-img-height);\n}\n.top-brands-view .top-brands .top-brand-card .card-inner .rest-view {\n position: absolute;\n bottom: 10px;\n left: 0;\n right: 0;\n}\n.top-brands-view .top-brands .top-brand-card .card-inner .rest-view .rest-txt {\n line-height: 1.2;\n color: var(--rest-clr);\n font-size: 0.75rem;\n font-weight: 600;\n}\n.top-brands-view .top-brands .top-brand-card .card-inner .rest-view .duration-txt {\n color: var(--duration-clr);\n font-size: 0.625rem;\n font-weight: 400;\n}"},75620:function(n){n.exports='.top-restaurant-view .title-txt {\n overflow: hidden;\n text-align: center;\n}\n.top-restaurant-view .title-txt:before,\n.top-restaurant-view .title-txt:after {\n background-color: var(--robin-blue-clr);\n content: "";\n display: inline-block;\n height: 2px;\n position: relative;\n vertical-align: middle;\n width: 8%;\n}\n.top-restaurant-view .title-txt:before {\n margin-right: 4%;\n}\n.top-restaurant-view .drop-shadow {\n width: 100%;\n height: 34px;\n border-radius: 16px 16px 0px 0px;\n background: linear-gradient(180deg, #000000ab, #ff000000);\n}\n.top-restaurant-view .title-txt:after {\n margin-left: 4%;\n}\n.top-restaurant-view .dec-txt {\n color: var(--home-layout-des-clr);\n}\n.top-restaurant-view .dotted-line {\n border-top: 2px dashed #e6e6e6;\n}\n.top-restaurant-view .see-all-view {\n background: var(--see-all-rest-bg-clr);\n border-radius: 6px;\n padding: 10px;\n}\n.top-restaurant-view .see-all-txt {\n color: var(--white-color) !important;\n}\n.top-restaurant-view .items-section {\n box-shadow: 0px 10px 24px rgba(224, 224, 224, 0.72);\n border-radius: 24px;\n background: #f3f3f3 !important;\n margin: 24px 0px;\n}\n.top-restaurant-view .rest-card {\n position: relative;\n box-shadow: 0px 1px 24px rgba(224, 224, 224, 0.72);\n border-radius: 16px;\n}\n.top-restaurant-view .rest-card .vertical-middle {\n vertical-align: middle;\n}\n.top-restaurant-view .rest-card .container-img {\n position: relative;\n}\n.top-restaurant-view .rest-card .container-img img.top-rest-img {\n width: var(--top-rest-img-width);\n height: var(--top-rest-img-height);\n border-radius: 16px 16px 16px 16px;\n min-width: var(--top-rest-img-width);\n min-height: var(--top-rest-img-height);\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n box-shadow: -1px 1px 12px var(--primary-grey-2);\n}\n.top-restaurant-view .rest-card .icon-star {\n color: #f7c443;\n}\n.top-restaurant-view .rest-card .justify-content-between {\n justify-content: space-between;\n}\n.top-restaurant-view .rest-card .justify-content-end {\n justify-content: flex-end !important;\n}\n.top-restaurant-view .rest-card .dietIcon {\n position: absolute;\n top: 12px;\n padding: 0px 8px;\n}\n.top-restaurant-view .rest-card .top-ribbon-sec {\n position: absolute;\n bottom: 5px;\n padding: 0px;\n width: auto;\n z-index: 10;\n width: 100%;\n}\n.top-restaurant-view .rest-card .top-ribbon-sec > div {\n background: linear-gradient(180deg, #f7c443 0%, #f79943 100%), #d9d9d9;\n color: #4e3a09 !important;\n padding: 6px 12px;\n border-radius: 25px;\n margin: auto;\n}\n.top-restaurant-view .rest-card .top-ribbon-sec > div > p {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 200px;\n}\n.top-restaurant-view .rest-card .rating-view {\n width: 100%;\n position: absolute;\n background: #bc3357;\n display: flex;\n flex-direction: column;\n justify-content: center;\n height: 34px;\n color: white;\n border-radius: 0px 0px 16px 16px;\n text-align: center;\n}\n.top-restaurant-view .rest-card .rating-view span {\n font-family: "Avenir-
1Black" !important;\n}\n.top-restaurant-view .rest-card .rest-txt {\n line-height: 24px;\n color: #263238;\n font-weight: 800;\n font-size: 18px;\n}\n.top-restaurant-view .rest-card .subtitle-txt {\n font-weight: 800;\n color: #466676;\n line-height: 19px;\n}\n.top-restaurant-view .rest-card .rating-txt {\n color: #3e2743;\n font-weight: 500;\n}\n.top-restaurant-view .rest-card .cost-for-two-txt {\n color: #263238;\n}\n.top-restaurant-view .rest-card .cuisine-txt {\n color: #37474f;\n}\n.top-restaurant-view .rest-card .bottom-margin {\n margin-bottom: 44px !important;\n}\n.top-restaurant-view .rest-card .duration-txt {\n color: var(--duration-clr);\n font-size: 0.625rem;\n font-weight: 400;\n}\n.top-restaurant-view .offer-sec {\n color: var(--offer-clr);\n font-size: 0.65rem;\n font-weight: 500;\n width: 100vw !important;\n bottom: 4px;\n right: -8px;\n width: 59vw;\n transition: 0.2s all;\n}\n.top-restaurant-view .offer-sec .ribbon {\n filter: invert(5%) sepia(66%) saturate(6735%) hue-rotate(295deg) brightness(40%) contrast(107%);\n position: absolute;\n width: 100%;\n max-height: 46px;\n right: 0px;\n bottom: 2px;\n transform: scaleY(1.25);\n}\n.top-restaurant-view .offer-sec .coin {\n transform-origin: center;\n animation: example 1s;\n animation-iteration-count: infinite;\n animation-timing-function: ease-in-out;\n}\n.top-restaurant-view .offer-sec > div {\n position: absolute;\n width: 100%;\n bottom: 0px;\n}\n.top-restaurant-view .offer-sec img.offer-img {\n width: 0.625rem;\n height: 0.625rem;\n}\n.top-restaurant-view .offer-sec span {\n vertical-align: middle;\n font-family: "Avenir-Black" !important;\n}\n@keyframes example {\n 0% {\n transform: translateY(0px);\n }\n 50% {\n transform: translateY(-6px);\n }\n 100% {\n transform: translateY(0px);\n }\n}\n@media screen and (max-height: 770px) {\n .top-restaurant-view .offer-sec {\n color: var(--offer-clr);\n font-size: 0.65rem;\n font-weight: 500;\n bottom: 3px !important;\n right: -7px !important;\n }\n .top-restaurant-view .offer-text {\n position: absolute;\n width: 100%;\n bottom: 2px !important;\n }\n .top-restaurant-view ion-content.md .promo-msg {\n bottom: -1px !important;\n }\n .top-restaurant-view .ribbon {\n transform: scaleY(1.4) !important;\n bottom: 4px !important;\n }\n}\n@media screen and (min-width: 410px) {\n .top-restaurant-view .ribbon {\n transform: scaleY(1.15) !important;\n bottom: 0px !important;\n }\n .top-restaurant-view .offer-sec {\n bottom: 4px !important;\n }\n}\n@media screen and (min-width: 380px) {\n .top-restaurant-view .promo-msg {\n bottom: -1px;\n }\n}'},2739:function(n){n.exports=".trending-restaurant-view .see-all-view {\n background: var(--see-all-rest-bg-clr);\n border-radius: 6px;\n padding: 10px;\n}\n.trending-restaurant-view .see-all-txt {\n color: var(--white-color) !important;\n}\n.trending-restaurant-view .trending-rest-card img.item-img {\n width: var(--trending-food-img-width);\n border-radius: var(--trending-food-img-radius);\n -o-object-fit: cover;\n object-fit: cover;\n}\n.trending-restaurant-view .trending-rest-card img.item-type-img {\n width: 0.75rem;\n height: 0.75rem;\n}\n.trending-restaurant-view .trending-rest-card .item-txt {\n color: var(--menu-item-clr);\n font-size: 0.85rem;\n line-height: 0.7rem;\n font-weight: 600;\n text-transform: capitalize;\n}\n.trending-restaurant-view .trending-rest-card .rest-txt {\n color: var(--rest-grey-clr);\n font-weight: 400;\n font-size: 0.625rem;\n text-transform: capitalize;\n}\n.trending-restaurant-view .trending-rest-card .amt-txt {\n line-height: 0.812rem;\n font-size: 0.812rem;\n font-weight: 500;\n}"},63708:function(n){n.exports=".trending-restaurant-view .see-all-view {\n background: var(--see-all-rest-bg-clr);\n border-radius: 6px;\n padding: 10px;\n}\n.trending-restaurant-view .see-all-txt {\n color: var(--white-color) !important;\n}\n.trending-restaurant-view .rest-card .vertical-middle {\n vertical-align: middle;\n}\n.trending-restaurant-view .rest-card .container-img {\n position: relative;\n}\n.trending-restaurant-view .rest-card .container-img img.top-rest-img {\n width: var(--trending-rest-img-width);\n height: var(--trending-rest-img-height);\n border-radius: var(--trending-rest-img-radius);\n min-width: var(--trending-rest-img-width);\n}\n.trending-restaurant-view .rest-card .rating-view {\n position: absolute;\n bottom: 4px;\n left: 6px;\n background: var(--white);\n padding: 0 5px;\n border-radius: 0.35rem;\n height: 1.2rem;\n line-height: 1.1rem;\n}\n.trending-restaurant-view .rest-card .rating-view img.star-img {\n padding-bottom: 2px;\n width: 0.625rem;\n height: 0.625rem;\n}\n.trending-restaurant-view .rest-card .rating-view .rating-txt {\n font-size: 0.625rem;\n}\n.trending-restaurant-view .rest-card .rest-txt {\n line-height: 1.2;\n color: var(--rest-clr);\n font-weight: 700;\n font-size: 0.875rem;\n}\n.trending-restaurant-view .rest-card .cuisine-txt {\n color: var(--cuisine-clr);\n font-size: 400;\n font-size: 0.6rem;\n}\n.trending-restaurant-view .rest-card .offer-txt {\n color: var(--offer-clr);\n font-size: 0.65rem;\n font-weight: 500;\n}\n.trending-restaurant-view .rest-card .offer-txt img.offer-img {\n width: 0.625rem;\n height: 0.625rem;\n}\n.trending-restaurant-view .rest-card .offer-txt span {\n vertical-align: middle;\n}\n.trending-restaurant-view .rest-card .duration-txt {\n color: var(--duration-clr);\n font-size: 0.625rem;\n font-weight: 400;\n}"},97502:function(n){n.exports=".winter-special-view .winter-special img.item-img {\n width: var(--winter-special-img-width) !important;\n border-radius: var(--winter-special-img-radius);\n -o-object-fit: cover;\n object-fit: cover;\n}\n.winter-special-view .winter-special .item-view {\n margin-right: 10px;\n}\n.winter-special-view .winter-special .item-view .item-txt {\n line-height: 1.2;\n color: var(--menu-item-clr);\n font-size: 0.625rem;\n font-weight: 500;\n text-transform: capitalize;\n}"},97569:function(n){n.exports=".yumzy-best-view .yumzy-best .rest-card {\n border-radius: var(--yumzy-best-card-radius);\n width: var(--yumzy-best-card-width) !important;\n height: var(--yumzy-best-card-height) !important;\n box-shadow: 0 0px 4px 0px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);\n border: 0;\n}\n.yumzy-best-view .yumzy-best .rest-card .vertical-middle {\n vertical-align: middle;\n}\n.yumzy-best-view .yumzy-best .rest-card img.item-img {\n border-radius: var(--yumzy-best-img-radius);\n width: var(--yumzy-best-img-width) !important;\n height: var(--yumzy-best-img-height) !important;\n min-width: var(--yumzy-best-img-width) !important;\n}\n.yumzy-best-view .yumzy-best .rest-card .amt-view {\n bottom: 0;\n position: absolute;\n color: var(--item-amt-clr);\n}\n.yumzy-best-view .yumzy-best .rest-card .amt-view img.item-type-img {\n width: 0.75rem;\n height: 0.75rem;\n}\n.yumzy-best-view .yumzy-best .rest-card .amt-view .amt-txt {\n line-height: 0.812rem;\n font-size: 0.812rem;\n font-weight: 500;\n}\n.yumzy-best-view .yumzy-best .rest-card .item-txt {\n line-height: 1.1;\n color: var(--menu-item-clr);\n font-size: 0.875rem;\n font-weight: 500;\n text-transform: capitalize;\n}"},70151:function(n){n.exports=".yumzy-exclusive-view {\n height: 16rem;\n}\n.yumzy-exclusive-view .main-div {\n height: 100%;\n width: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n position: relative;\n}\n.yumzy-exclusive-view .main-div .abs {\n -webkit-transition-property: left;\n -webkit-transition-duration: 0.5s;\n -webkit-transition-timing-function: ease;\n transition-property: left;\n transition-duration: 0.5s;\n transition-timing-function: ease;\n position: absolute;\n left: 0;\n touch-action: none;\n}\n.yumzy-exclusive-view .main-div .abs .row {\n margin: 0;\n}\n.yumzy-exclusive-view .main-div .abs .row .newly-opened .brands-content .grid {\n transform: scale(1);\n transition: all 0.5s ease;\n width: 190px;\n}\n.yumzy-exclusive-view .main-div .abs .row .newly-opened .brands-content .grid img.rest-image {\n -o-object-fit: cover;\n object-fit: cover;\n height: var(--yumzy-exclu-img-sm-height);\n border-radius: var(--yumzy-exclu-img-sm-radius);\n box-shadow: 0px 0px 3px #ccc;\n}\n.yumzy-exclusive-view .main-div .abs .row .newly-opened .brands-content .grid .card-content {\n width: 90%;\n background: white;\n border-radius: var(--yumzy-exclu-card-sm-radius);\n padding: 6px;\n margin-top: -25px;\n box-shadow: 0 4px 22px -5px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);\n position: relative;\n -webkit-transition-property: width;\n -webkit-transition-duration: 0.5s;\n -webkit-transition-timing-function: ease;\n -moz-transition-property: width;\n -moz-transition-duration: 0.5s;\n -moz-transition-timing-function: ease;\n transition-property: width;\n transition-duration: 0.5s;\n transition-timing-function: ease;\n}\n.yumzy-exclusive-view .main-div .abs .row .newly-opened .brands-content .grid .card-content .hidden-block-view {\n display: block;\n line-height: 1;\n}\n.yumzy-exclusive-view .main-div .abs .row .newly-opened .brands-content .grid .card-content .hidden-block-view .offer-txt {\n color: var(--offer-clr);\n font-size: 0.6rem;\n font-weight: 500;\n line-height: 1;\n}\n.yumzy-exclusive-view .main-div .abs .row .newly-opened .brands-content .grid .card-content .hidden-block-view .offer-txt img.offer-img {\n width: 0.625rem;\n height: 0.625rem;\n}\n.yumzy-exclusive-view .main-div .abs .row .newly-opened .brands-content .grid .card-content .hidden-block-view .offer-txt span {\n vertical-align: middle;\n}\n.yumzy-exclusive-view .main-div .abs .row .newly-opened .brands-content .grid .card-content .hidden-block-view .duration-txt {\n color: var(--duration-clr);\n font-size: 0.6rem;\n font-weight: 400;\n}\n.yumzy-exclusive-view .main-div .abs .row .newly-opened .brands-content .grid .card-content .rest-txt {\n line-height: 1.5;\n color: var(--rest-clr);\n font-weight: 700;\n font-size: 0.625rem;\n}\n.yumzy-exclusive-view .main-div .abs .row .newly-opened .brands-content .grid .card-content .cuisine-txt {\n color: var(--cuisine-clr);\n font-size: 400;\n font-size: 0.5rem;\n line-height: 1;\n}\n.yumzy-exclusive-view .main-div .abs .row .newly-opened .active .grid {\n display: grid;\n transform: scale(1.2);\n transition: all 0.5s ease;\n}\n.yumzy-exclusive-view .main-div::-webkit-scrollbar {\n display: none;\n}"},41349:function(n){n.exports=".location-view {\n line-height: normal;\n}\n\n.wallet-view {\n right: 20px;\n position: absolute;\n}\n\n.wallet-txt {\n vertical-align: bottom;\n}\n\n.header {\n height: auto;\n}\n\n.home-header {\n border-radius: 16px;\n}\n\n.home-header .header-inner .location-icon {\n width: 40px;\n}\n\n.home-header .header-inner .location-view .icon-arrow-angle-back {\n transform: rotate(270deg);\n color: var(--primary-grey-2);\n}\n\n.home-header .search-bar {\n width: 100%;\n position: relative;\n}\n\n.home-header .search-bar .search-icon {\n top: 49%;\n transform: translateY(-50%);\n right: 32px;\n}\n\n.home-header .search-bar input {\n height: 45px;\n width: 100%;\n border: 0;\n border-radius: var(--px-8);\n background-color: #f5f5f5;\n outline: none;\n padding: 12px 16px;\n line-height: var(--px-22);\n border: 1px solid #ffe5ef;\n}\n\n.home-header .search-bar input ::-moz-placeholder {\n color: var(--primary-grey-2);\n}\n\n.home-header .search-bar input ::placeholder {\n color: var(--primary-grey-2);\n}
1\n\n.home-header .wallet-view .icon-wallet-outline {\n color: var(--primary-cta);\n}\n\n.home-page {\n padding-top: 100px;\n position: relative;\n top: -124px;\n padding-bottom: 2rem;\n background: #f3f3f3 !important;\n}\n\n.home-page ion-content {\n --background: #f3f3f3 !important;\n}\n\n.home-page .order-track-div {\n height: 50px;\n position: fixed;\n bottom: 50px;\n background: #f1f1ff;\n z-index: 1;\n font-size: 0.75rem;\n font-weight: 500;\n}\n\n.home-page .order-track-div .img-border {\n border: 1px solid lightgray;\n border-radius: 50%;\n}\n\n.home-page .order-track-div .img-border img {\n height: 1.5rem;\n width: 1rem;\n}\n\n.home-page .order-track-div .track-btn {\n color: var(--track-btn-clr);\n}\n\n.home-page .infobar-bg-color {\n background: #d9d9d9 !important;\n}\n\n.home-page .info-bar {\n position: fixed;\n left: 0;\n right: 0;\n bottom: 4rem;\n max-height: 64px;\n z-index: 200;\n opacity: 0.98;\n box-shadow: 0 4px 20px 1px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.08);\n border: 0;\n border-radius: 9px 9px 0px 0px;\n}\n\n.home-page .info-bar ion-slide {\n height: auto;\n}\n\n.home-page .info-bar .app-update-infoBar {\n background-color: var(--primary-clr);\n}\n\n.home-page .info-bar.border-top {\n box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.1), inset 0 2px 0 0 var(--green);\n}\n\n.home-page .info-bar .swiper-slide {\n box-shadow: 0px -1px 2px #efefef;\n}\n\n.home-page .info-bar .info-card {\n border: 0;\n padding: 8px 0px 10px 0px;\n border-radius: 9px 9px 0px 0px;\n}\n\n.home-page .info-bar .info-card img.info-img {\n width: 34px !important;\n height: 34px !important;\n}\n\n.home-page .info-bar .info-card img.outlet-logo {\n width: 40px !important;\n height: 40px !important;\n border-radius: 22px;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n.home-page .info-bar .info-card .cross-icon {\n background: white;\n border-radius: 50%;\n box-shadow: 0 0 4px var(--cool-grey);\n padding: 2px 5px;\n}\n\n.home-page .info-bar .info-card .cross-img {\n position: relative;\n top: -1px;\n}\n\n.home-page .info-bar .info-card .info-dec-txt {\n color: var(--cool-grey);\n line-height: 1.3;\n letter-spacing: 0.3px;\n}\n\n.not-serving-view {\n position: fixed;\n top: 50%;\n left: 50%;\n width: 30em;\n height: 18em;\n margin-top: -9em;\n margin-left: -15em;\n}\n\nion-refresher {\n z-index: 10001 !important;\n}"},55264:function(n){n.exports=".skeleton .home-ske-top {\n background-color: rgba(84, 38, 38, 0.29);\n position: relative;\n padding: 8px 0px 4px 0px;\n border-radius: 0px 0px 16px 16px;\n}\n.skeleton .width-75 {\n width: 75%;\n}\n.skeleton .width-25 {\n width: 25%;\n}\n.skeleton .width-22 {\n width: 22%;\n}\n.skeleton .width-5 {\n width: 5%;\n}\n.skeleton .width-60 {\n width: 60%;\n height: 14px;\n}\n.skeleton .skeleton-offer .skeleton-loader {\n border-radius: 12px;\n height: 11vh;\n}\n.skeleton .long-skeleton {\n height: 22vh;\n}"}}])}();
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.