{"version":3,"sources":["webpack:///D:/a/1/s/src/app/core/components/thumbs/thumbTypes/forLocation/thumb-for-location.shared.component.html","webpack:///D:/a/1/s/src/app/core/components/thumbs/thumbTypes/forLocation/thumb-for-location.shared.component.ts","webpack:///D:/a/1/s/src/app/core/components/pickupStatus/pickup-status.shared.component.html","webpack:///D:/a/1/s/src/app/core/components/pickupStatus/pickup-status.shared.component.ts","webpack:///D:/a/1/s/src/app/core/components/distanceStatus/distance-status.shared.component.html","webpack:///D:/a/1/s/src/app/core/components/distanceStatus/distance-status.shared.component.ts","webpack:///D:/a/1/s/src/app/core/components/tiles/tilesTypes/forLocation/tile-for-location.shared.component.html","webpack:///D:/a/1/s/src/app/core/components/tiles/tilesTypes/forLocation/tile-for-location.shared.component.ts","webpack:///D:/a/1/s/src/app/core/components/lists/listsTypes/forLocations/list-for-locations.shared.component.html","webpack:///D:/a/1/s/src/app/core/components/lists/listsTypes/forLocations/list-for-locations.shared.component.ts"],"names":["ThumbForLocationComponent","alternative","width","height","changes","this","imgLoaded","loading","previousValue","currentValue","src","PickupStatusComponent","pickupTime","icon","prefix","suffix","DistanceStatusComponent","config","suffixImperial","suffixMetic","c","localization","units","console","warn","TileForLocationComponent","changeDetectorRef","controllers","routeService","modalsService","elementRef","super","infoBtnSize","orderBtnSize","onShow","location","isAvailable$","locations","canOrderFromLocationIncludingFutureOpening","LocationNo","image$","locationImage$","openStatus$","openStatus","asapPickupTime$","filters","asapPickupTimeForLocation$","locationDescription$","selectedPickupTime$","getLocationFilterSelectedPickupTime$","showDistance$","appSettings","distance$","geolocation","getDistanceToLocation$","latitude","Latitude","longitude","Longitude","labels$","getLabels$","isLocked","lock","navigateToLocation","show","type","locationNo","params","canNavigate","images","requestThumbForLocations","emit","pipe","map","obj","of","onLocationTileClick","ListForLocationsComponent","limit","length","index","item","indexOf"],"mappings":"mRAEQ,0C,4EAGA,QACI,gBACI,gBACI,kEADJ,OAEJ,OACJ,O,uBAJ4C,oCACP,yCAA0B,gBAA1B,CAA0B,kBAA1B,CAA0B,cAA1B,CAA0B,0CCGhE,Y,MAAMA,UAAkC,IAN/C,c,oBAOW,KAAAC,YAAsB,2CAEb,KAAAC,MAAgB,IAChB,KAAAC,OAAiB,IAEjC,YAAYC,GACHC,KAAKC,YACFF,EAAQG,UACJH,EAAQG,QAAQC,gBAAkBJ,EAAQG,QAAQE,cAAiBL,EAAQG,QAAQE,eACnFJ,KAAKC,WAAY,IAIrBF,EAAQM,KACJN,EAAQM,IAAIF,gBAAkBJ,EAAQM,IAAID,eAC1CJ,KAAKC,WAAY,K,2CAhBxBN,I,uBAAAA,EAAyB,2cDVtC,gBACI,gBACI,gDAGA,+BAOJ,OACJ,Q,MAXuC,qDAGjB,kC,itBCKf,G,aAAM,G,yFCVb,gBACI,gBACI,wBACA,gBAAkC,QAAkC,OACxE,OACJ,Q,oBAHqB,4BACqB,0DCOnC,Y,MAAMW,EAKT,cAJgB,KAAAC,WAAqB,KACrB,KAAAC,KAAe,OACf,KAAAC,OAAiB,UACjB,KAAAC,OAAiB,QAIjC,a,6CARSJ,I,uBAAAA,EAAqB,sTDVlC,sB,KAA2B,iC,ucCUpB,G,yCCVP,gBACI,gBACI,wBACA,gBAAoC,QAAsB,OAC9D,OACJ,Q,oBAHqB,4BACuB,4CCMrC,Y,MAAMK,EAQT,YACwCC,GAAA,KAAAA,SAPxB,KAAAJ,KAAe,MACf,KAAAK,eAAyB,YACzB,KAAAC,YAAsB,WAQtC,WACI,MAAMC,EAAIf,KAAKY,OAAOI,aAAaC,MACnC,IAAKjB,KAAKa,gBAAkBb,KAAKc,aAAqB,aAANC,IAAqBf,KAAKa,gBAAwB,WAANE,IAAmBf,KAAKc,YAChH,OAAOI,QAAQC,KAAK,+EAGd,aAANJ,GAAqBA,IACrBf,KAAKU,OAASV,KAAKa,gBAGb,WAANE,IACAf,KAAKU,OAASV,KAAKc,c,6CAvBlBH,GAAuB,KASpB,O,uBATHA,EAAuB,wVDTpC,sB,KAA6B,+B,qcCStB,G,uDCIK,+BACwC,qEACpC,cACJ,O,uBAHiD,4B,sBAKjD,iBAA0F,6CAEzE,Q,qBAQT,2C,yBAGA,2BAEI,QACJ,Q,oBADI,6E,qBAMJ,2C,uCAGA,wBACiD,0E,gBAC7C,kBACJ,O,uBAHY,+CAA6C,wB,yBAOjE,iBACI,Q,gBACJ,Q,oBADI,wD,qBAMJ,2C,yBAGA,gC,qCAA2D,4C,yBAG3D,kC,qCAEI,gD,yBAEJ,oC,qCAAwB,wC,yBAGxB,2B,qCAAkE,oC,uFClDvE,Y,MAAMS,UAAiC,IAoB1C,YACWC,EACAC,EACAC,EACAC,EACAC,GAEPC,MAAML,EAAmBC,GANlB,KAAAD,oBACA,KAAAC,cACA,KAAAC,eACA,KAAAC,gBACA,KAAAC,aAvBJ,KAAAE,YAA0C,KAC1C,KAAAC,aAA2C,KAGjC,KAAAC,OAA+B,IAAI,IAwBpD,WACQ7B,KAAK8B,WACL9B,KAAK+B,aAAe/B,KAAKsB,YAAYU,UAAUC,2CAA2CjC,KAAK8B,SAASI,YACxGlC,KAAKmC,OAASnC,KAAKsB,YAAYU,UAAUI,eAAepC,KAAK8B,SAASI,WAAY,GAClFlC,KAAKqC,YAAcrC,KAAKsB,YAAYU,UAAUM,WAAWtC,KAAK8B,SAASI,YAAY,GACnFlC,KAAKuC,gBAAkBvC,KAAKsB,YAAYkB,QAAQC,2BAA2BzC,KAAK8B,SAASI,YACzFlC,KAAK0C,qBAAuB1C,KAAKsB,YAAYU,UAAUU,qBAAqB1C,KAAK8B,SAASI,YAC1FlC,KAAK2C,oBAAsB3C,KAAKsB,YAAYkB,QAAQI,uCACpD5C,KAAK6C,cAAgB7C,KAAKsB,YAAYwB,YAAYD,gBAClD7C,KAAK+C,UAAY/C,KAAKsB,YAAY0B,YAAYC,uBAAuB,CAAEC,SAAUlD,KAAK8B,SAASqB,SAAUC,UAAWpD,KAAK8B,SAASuB,YAClIrD,KAAKsD,QAAUtD,KAAKsB,YAAYU,UAAUuB,WAAWvD,KAAK8B,SAASI,aAK9D,sB,mDACT,QAAIlC,KAAKwD,WAAaxD,KAAK8B,YAC3B9B,KAAKyD,OAEEzD,KAAKuB,aAAamC,mBAAmB1D,KAAK8B,SAASI,gBAGvD,iBACClC,KAAKwD,WACTxD,KAAKyD,OACLzD,KAAKwB,cAAcmC,KAAK,CAAEC,KAAM,sBAAuBC,WAAY7D,KAAK8B,SAASI,WAAY4B,OAAQ,CAAEC,aAAa,MAGjH,qBAAqBF,GACxB7D,KAAKsB,YAAY0C,OAAOC,yBAAyB,CAACJ,IAG/C,uBAAuBA,GAC1B7D,KAAK6B,OAAOqC,KAAKL,GAGrB,UACI,OAAO7D,KAGX,uBACI,OAAKA,KAAK8B,SAIH9B,KAAKmC,OACPgC,KACG,OAAAC,EAAA,GAAIC,IAAQA,IALT,OAAAC,EAAA,IAAG,I,6CAxETlD,GAAwB,oD,uBAAxBA,EAAwB,k+D,GAAA,MDnBrC,gB,gCAKI,gBAEI,gBACI,sCAA2B,gCAAS,EAAAmD,yB,gCAGpC,OAEA,oCAKA,sB,iBAGJ,OAEA,iBAEI,iBACI,iBAEI,iDAGA,kCAIJ,OAEA,kBAEI,kDAGA,+BAIJ,OACJ,OAEA,wBAIJ,OAEA,kBACI,kDAGA,uCAGA,yC,kCAIA,2C,iBAGA,kCAEJ,OAEJ,OACJ,Q,2KA1EK,uFACA,yFAAoG,gCAApG,CAAoG,gBAApG,CAAoG,gEAApG,CAAoG,2CAApG,CAAoG,iDAQzF,0BAAsD,8DAAtD,CAAsD,SAIvC,gCAK2B,6DAUP,+BAGqB,gCAQrB,+BAGiD,gCAOnF,gCAO0B,+BAI3B,gCAGA,4GAGmD,kEAGN,kC,q3GClDtD,G,sCCfK,gBACI,qCACJ,Q,MAD8B,4B,yBAFlC,QACI,sBAGJ,Q,oBAHmD,4CAAwD,2B,uCAQnG,QACI,gBACI,qCAA4C,0EAAqC,OACrF,OACJ,O,4BAFkC,4B,yBAHtC,QACI,+B,gBAKJ,Q,qBALkB,sDAA8D,2B,yBAHpF,QAEI,+BAQJ,Q,oBARkB,iCCT1B,kCAWO,Y,MAAMC,UAAkC,IAI3C,cACI9C,QAHG,KAAA+C,MAAgB,EAMvB,cACI,OAAOzE,KAAKgC,WAAuC,IAA1BhC,KAAKgC,UAAU0C,OAGrC,QAAQC,EAAeC,G,MAC1B,OAAW,QAAJ,EAAAA,SAAI,eAAE1C,aAAcyC,EAGxB,kBAAkBd,GACrB,MAAMc,EAAQ3E,KAAKgC,UAAUoC,IAAIC,GAAOA,EAAInC,YAAY2C,QAAQhB,GAC5Dc,IAAU3E,KAAKyE,MAAQ,IACvBzE,KAAKyE,MAAQE,EAAQ,I,6CAnBpBH,I,uBAAAA,EAAyB,waDbtC,gBACI,gBAEI,+BAMA,+BAYJ,OACJ,Q,MAnBsB,oCAMA,sC,2YCIf","file":"x","sourcesContent":["<div class=\"thumb-for-location\">\r\n    <div class=\"thumb-for-location__inner\">\r\n        <shared-loader-for-placeholder *ngIf=\"loading || !imgLoaded || !src\" class=\"thumb-for-location__loader\">\r\n        </shared-loader-for-placeholder>\r\n\r\n        <ng-container *ngIf=\"!loading\">\r\n            <div class=\"thumb-for-location__holder\" [hidden]=\"!imgLoaded\">\r\n                <img directive-image-preload [url]=\"src || alternative\" [width]=\"width\" [height]=\"height\"\r\n                    (onLoaded)=\"onLoaded($event)\" class=\"thumb-for-location__img\" [alt]=\"title\" [ngStyle]=\"{ 'width': imagesScaleFactor }\"/>\r\n            </div>\r\n        </ng-container>\r\n\r\n    </div>\r\n</div>","import { Component, Input, ChangeDetectionStrategy, OnChanges, SimpleChanges } from '@angular/core';\r\n\r\nimport { ThumbsComponent } from '../../thumbs.shared.component';\r\n\r\n@Component({\r\n    selector: 'shared-thumb-for-location',\r\n    templateUrl: './thumb-for-location.shared.component.html',\r\n    styleUrls: ['./thumb-for-location.shared.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush\r\n})\r\nexport class ThumbForLocationComponent extends ThumbsComponent implements OnChanges {\r\n    public alternative: string = '/assets/images/thumb.location-no-img.jpg';\r\n\r\n    @Input() public width: number = 371;\r\n    @Input() public height: number = 183;\r\n\r\n    ngOnChanges(changes: SimpleChanges): void {\r\n        if (!this.imgLoaded) {\r\n            if (changes.loading) {\r\n                if (changes.loading.previousValue !== changes.loading.currentValue && !changes.loading.currentValue) {\r\n                    this.imgLoaded = false;\r\n                }\r\n            }\r\n\r\n            if (changes.src) {\r\n                if (changes.src.previousValue !== changes.src.currentValue) {\r\n                    this.imgLoaded = false;\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n","<div class=\"pickup-status\" *ngIf=\"pickupTime !== null && pickupTime !== undefined\">\r\n    <div class=\"pickup-status__inner\">\r\n        <shared-icon [icon]=\"icon\" class=\"pickup-status__icon\"></shared-icon>\r\n        <div class=\"pickup-status__label\">{{prefix}}{{pickupTime}}{{suffix}}</div>\r\n    </div>\r\n</div>","import { Component, OnInit, Input, ChangeDetectionStrategy } from '@angular/core';\r\n\r\nimport * as Services from '@shared/core/services';\r\n\r\n@Component({\r\n    selector: 'shared-pickup-status',\r\n    templateUrl: './pickup-status.shared.component.html',\r\n    styleUrls: ['./pickup-status.shared.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class PickupStatusComponent implements OnInit {\r\n    @Input() public pickupTime: number = null;\r\n    @Input() public icon: string = 'time';\r\n    @Input() public prefix: string = 'Pickup ';\r\n    @Input() public suffix: string = ' mins';\r\n    constructor(\r\n    ) { }\r\n\r\n    ngOnInit(): void { }\r\n}\r\n","<div class=\"distance-status\" *ngIf=\"distance !== null && distance !== undefined\">\r\n    <div class=\"distance-status__inner\">\r\n        <shared-icon [icon]=\"icon\" class=\"distance-status__icon\"></shared-icon>\r\n        <div class=\"distance-status__label\">{{distance}}{{suffix}}</div>\r\n    </div>\r\n</div>","import { Component, OnInit, Input, Inject } from '@angular/core';\r\n\r\nimport * as Tokens from '@shared/core/tokens';\r\n\r\n@Component({\r\n    selector: 'shared-distance-status',\r\n    templateUrl: './distance-status.shared.component.html',\r\n    styleUrls: ['./distance-status.shared.component.scss']\r\n})\r\nexport class DistanceStatusComponent implements OnInit {\r\n    @Input() public distance: number;\r\n    @Input() public icon: string = 'poi';\r\n    @Input() public suffixImperial: string = ' mil away';\r\n    @Input() public suffixMetic: string = ' km away';\r\n\r\n    public suffix: string;\r\n\r\n    constructor(\r\n        @Inject(Tokens.CONFIG_TOKEN) public config: IConfig\r\n    ) { }\r\n\r\n    ngOnInit(): void {\r\n        const c = this.config.localization.units;\r\n        if (!this.suffixImperial && this.suffixMetic || c === 'imperial' && !this.suffixImperial || c === 'metric' && !this.suffixMetic) {\r\n            return console.warn('Invalid suffixes imperial and/or metric in distance-status.shared.component');\r\n        }\r\n\r\n        if (c === 'imperial' || !c) {\r\n            this.suffix = this.suffixImperial;\r\n        }\r\n\r\n        if (c === 'metric') {\r\n            this.suffix = this.suffixMetic;\r\n        }\r\n    }\r\n}\r\n","<div class=\"tile-for-location{{location ? ' -status-'+location.OnlineOrderingStatus : ''}}\"\r\n     [ngClass]=\"{'is-unavailable': !(isAvailable$ | async) && location && !loading, '-loaded': !loading}\"\r\n     directive-view-field-action [action]=\"requestLocationImage\" [context]=\"ctx\"\r\n     [params]=\"[location?.LocationNo]\" [canTrigger]=\"canRequestImage$ | async\" [actionWithoutTrigger]=\"requestLocationLoading\"\r\n    >\r\n    <div class=\"tile-for-location__inner\">\r\n\r\n        <div class=\"tile-for-location__hd\">\r\n            <shared-thumb-for-location (click)=\"onLocationTileClick()\"\r\n                [loading]=\"loading || (image$ | async)?.isDownloading\" [title]=\"location?.LocationFriendlyName\"\r\n                class=\"tile-for-location__thumb\" [src]=\"(image$ | async)?.data?.ImageUrl\">\r\n            </shared-thumb-for-location>\r\n\r\n            <shared-circle-btn *ngIf=\"!loading\" feel=\"light\" [size]=\"infoBtnSize\" title=\"Opening hours\"\r\n                class=\"tile-for-location__info-btn\" (onClick)=\"onInfoBtnClick()\">\r\n                i\r\n            </shared-circle-btn>\r\n\r\n            <div class=\"tile-for-location__ordering-note\" *ngIf=\"!(isAvailable$ | async) && !loading\">currently not\r\n                taking\r\n                online orders</div>\r\n        </div>\r\n\r\n        <div class=\"tile-for-location__bd\">\r\n\r\n            <div class=\"tile-for-location__bd-main row\">\r\n                <div class=\"col -left -grow tile-for-location__col\">\r\n\r\n                    <shared-loader-for-placeholder *ngIf=\"loading\" class=\"-for-title tile-for-location__loader\">\r\n                    </shared-loader-for-placeholder>\r\n\r\n                    <shared-header marginBottom=\"none\" marginTop=\"none\" *ngIf=\"!loading\" type=\"4\"\r\n                        class=\"title__title tile-for-location__title\">\r\n                        {{location?.LocationFriendlyName}}\r\n                    </shared-header>\r\n                </div>\r\n\r\n                <div class=\"col -right -shrink tile-for-location__col\">\r\n\r\n                    <shared-loader-for-placeholder *ngIf=\"loading\" class=\"-for-button tile-for-location__loader\">\r\n                    </shared-loader-for-placeholder>\r\n\r\n                    <shared-btn [disabled]=\"(isAvailable$ | async) === false\" [size]=\"orderBtnSize\" *ngIf=\"!loading\"\r\n                        title=\"order\" class=\"tile-for-location__btn\" (onClick)=\"onLocationTileClick()\">\r\n                        order\r\n                    </shared-btn>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"!loading\" class=\"tile-for-location__desc\">\r\n                {{locationDescription$ | async}}\r\n            </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"tile-for-location__ft\">\r\n            <shared-loader-for-placeholder *ngIf=\"loading\" class=\"-for-status tile-for-location__loader\">\r\n            </shared-loader-for-placeholder>\r\n\r\n            <shared-open-status class=\"tile-for-location__open-status\" [openStatus]=\"openStatus$ | async\"\r\n                *ngIf=\"!loading\"></shared-open-status>\r\n\r\n            <shared-pickup-status\r\n                *ngIf=\"(selectedPickupTime$ | async) === null && !loading  && (showDistance$ | async) === false\"\r\n                [pickupTime]=\"asapPickupTime$ | async\" class=\"tile-for-location__pickup\">\r\n            </shared-pickup-status>\r\n            <shared-distance-status [distance]=\"distance$ | async\" *ngIf=\"!loading && (showDistance$ | async) === true\">\r\n            </shared-distance-status>\r\n\r\n            <shared-labels class=\"tile-for-location__labels\" *ngIf=\"!loading\" [labels]=\"labels$ | async\">\r\n            </shared-labels>\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n","import { Component, ChangeDetectionStrategy, ChangeDetectorRef, OnInit, Input, ElementRef, Output, EventEmitter } from '@angular/core';\r\n\r\nimport * as Services from '@shared/core/services';\r\nimport * as Models from '@shared/core/models';\r\nimport { Controllers } from '@shared/core/controllers';\r\n\r\nimport { TilesComponent } from '../../tiles.shared.component';\r\n\r\nimport { Observable, of } from 'rxjs';\r\nimport { map } from 'rxjs/operators';\r\nimport { ILocationBusinessModel } from '@shared/state';\r\n\r\n\r\n@Component({\r\n    selector: 'shared-tile-for-location',\r\n    templateUrl: './tile-for-location.shared.component.html',\r\n    styleUrls: ['./tile-for-location.shared.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class TileForLocationComponent extends TilesComponent implements OnInit {\r\n\r\n    public infoBtnSize: OLO.Components.BUTTON_SIZE = 'sm';\r\n    public orderBtnSize: OLO.Components.BUTTON_SIZE = 'sm';\r\n\r\n    @Input() public location: ILocationBusinessModel;\r\n    @Output() public onShow: EventEmitter<number> = new EventEmitter();\r\n\r\n\r\n    /* Location tile */\r\n    public isAvailable$: Observable<boolean>;\r\n    public openStatus$: Observable<OLO.Common.ILocationOpenStatus>;\r\n    public selectedPickupTime$: Observable<OLO.Ordering.IPickupTime>;\r\n    public asapPickupTime$: Observable<number>;\r\n    public showDistance$: Observable<boolean>;\r\n    public distance$: Observable<number>;\r\n    public image$: Observable<OLO.Common.IImageStateObj>;\r\n    public locationDescription$: Observable<string>;\r\n    public labels$: Observable<Array<Models.Label>>;\r\n\r\n    constructor(\r\n        public changeDetectorRef: ChangeDetectorRef,\r\n        public controllers: Controllers,\r\n        public routeService: Services.RouteService,\r\n        public modalsService: Services.ModalsService,\r\n        public elementRef: ElementRef<Element>,\r\n    ) {\r\n        super(changeDetectorRef, controllers);\r\n    }\r\n\r\n    ngOnInit(): void {\r\n        if (this.location) {\r\n            this.isAvailable$ = this.controllers.locations.canOrderFromLocationIncludingFutureOpening(this.location.LocationNo);\r\n            this.image$ = this.controllers.locations.locationImage$(this.location.LocationNo, OLO.Enums.IMAGE_TYPE.ForList);\r\n            this.openStatus$ = this.controllers.locations.openStatus(this.location.LocationNo, true);\r\n            this.asapPickupTime$ = this.controllers.filters.asapPickupTimeForLocation$(this.location.LocationNo);\r\n            this.locationDescription$ = this.controllers.locations.locationDescription$(this.location.LocationNo);\r\n            this.selectedPickupTime$ = this.controllers.filters.getLocationFilterSelectedPickupTime$();\r\n            this.showDistance$ = this.controllers.appSettings.showDistance$();\r\n            this.distance$ = this.controllers.geolocation.getDistanceToLocation$({ latitude: this.location.Latitude, longitude: this.location.Longitude });\r\n            this.labels$ = this.controllers.locations.getLabels$(this.location.LocationNo);\r\n        }\r\n    }\r\n\r\n    /* Location */\r\n    public async onLocationTileClick(): Promise<boolean> {\r\n        if (this.isLocked || !this.location) return false;\r\n        this.lock();\r\n\r\n        return this.routeService.navigateToLocation(this.location.LocationNo);\r\n    }\r\n\r\n    public onInfoBtnClick(): void {\r\n        if (this.isLocked) return;\r\n        this.lock();\r\n        this.modalsService.show({ type: 'location-open-hours', locationNo: this.location.LocationNo, params: { canNavigate: false } });\r\n    }\r\n\r\n    public requestLocationImage(locationNo: number): void {\r\n        this.controllers.images.requestThumbForLocations([locationNo]);\r\n    }\r\n\r\n    public requestLocationLoading(locationNo: number): void {\r\n        this.onShow.emit(locationNo);\r\n    }\r\n\r\n    public get ctx(): TileForLocationComponent {\r\n        return this;\r\n    }\r\n\r\n    public get canRequestImage$(): Observable<boolean> {\r\n        if (!this.location) {\r\n            return of(false);\r\n        }\r\n\r\n        return this.image$\r\n            .pipe(\r\n                map(obj => !obj)\r\n            );\r\n    }\r\n}\r\n","<div class=\"list-for-locations\">\r\n    <div class=\"inner list-for-locations__inner row\">\r\n\r\n        <ng-container *ngIf=\"loading === true\">\r\n            <div class=\"item list-for-locations__item col\" *ngFor=\"let item of emptyPlaceholders; trackBy: trackBy\">\r\n                <shared-tile-for-location [loading]=\"true\"></shared-tile-for-location>\r\n            </div>\r\n        </ng-container>\r\n\r\n        <ng-container *ngIf=\"loading === false\">\r\n\r\n            <ng-container *ngIf=\"!isEmpty\">\r\n                <ng-container *ngFor=\"let item of locations | limit:limit; trackBy: trackBy\">\r\n                    <div class=\"item list-for-locations__item col\">\r\n                        <shared-tile-for-location [location]=\"item\" (onShow)=\"onShowListElement($event)\"></shared-tile-for-location>\r\n                    </div>\r\n                </ng-container>\r\n            </ng-container>\r\n\r\n        </ng-container>\r\n\r\n    </div>\r\n</div>\r\n","import { Component, Input, ChangeDetectionStrategy } from '@angular/core';\r\n\r\nimport { ListsComponent } from '../../lists.shared.component';\r\n\r\nimport { Observable } from 'rxjs';\r\nimport { ILocationBusinessModel } from '@shared/state';\r\n\r\n@Component({\r\n    selector: 'shared-list-for-locations',\r\n    templateUrl: './list-for-locations.shared.component.html',\r\n    styleUrls: ['./list-for-locations.shared.component.scss'],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class ListForLocationsComponent extends ListsComponent {\r\n    @Input() public locations: ILocationBusinessModel[];\r\n    public limit: number = 6;\r\n\r\n    constructor() {\r\n        super();\r\n    }\r\n\r\n    public get isEmpty(): boolean {\r\n        return this.locations && this.locations.length === 0;\r\n    }\r\n\r\n    public trackBy(index: number, item: ILocationBusinessModel): number {\r\n        return item?.LocationNo || index;\r\n    }\r\n\r\n    public onShowListElement(locationNo: number): void {\r\n        const index = this.locations.map(obj => obj.LocationNo).indexOf(locationNo);\r\n        if (index === this.limit - 1) {\r\n            this.limit = index + 4;\r\n        }\r\n    }\r\n}\r\n"]}