{"__symbolic":"module","version":4,"metadata":{"MediaListItemDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[wmMediaListItem]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":7,"character":8},"arguments":[{"__symbolic":"reference","name":"MediaListItemDirective"}]}]}]}],"members":{"wmMediaListItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}]}},"MediaListComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@wm/components/base","name":"StylableComponent","line":22,"character":40},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":"[wmMediaList]","providers":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@wm/components/base","name":"provideAsWidgetRef","line":19,"character":8},"arguments":[{"__symbolic":"reference","name":"MediaListComponent"}]}],"template":"<ul class=\"list-unstyled list-inline app-media-thumbnail\">\n    <li *ngFor=\"let item of fieldDefs; index as index;\" [ngStyle]=\"{width: thumbnailwidth, height: thumbnailheight}\" (click)=\"showFullScreen(index)\">\n        <div class=\"thumbnail\">\n            <ng-container [ngTemplateOutlet]=\"imgTemplate\"\n                          [ngTemplateOutletContext]=\"{src: item.thumbnailUrlVal, class: 'thumbnail-image'}\">\n            </ng-container>\n            <div class=\"thumbnail-details\">\n                <ng-container [ngTemplateOutlet]=\"mediaListTemplate\" [ngTemplateOutletContext]=\"{item:item, index:index}\" [wmMediaListItem]=\"item\">\n                </ng-container>\n            </div>\n        </div>\n    </li>\n</ul>\n<div class=\"app-media-fullscreen\" *ngIf=\"selectedMediaIndex >= 0 && appendToBody()\">\n    <header wmMobileNavbar\n            backbutton=\"true\"\n            backbtnclick.event=\"exitFullScreen()\"\n            showLeftnavbtn=\"false\"\n            backbuttoniconclass.event=\"wi wi-chevron-left\"\n            title.bind=\"getPicTitle()\">\n    </header>\n    <div wmContent>\n        <div wmPageContent>\n            <div class=\"media-content\">\n                <div class=\"image-container\"  (swipeleft)=\"showNext()\" (swiperight)=\"showPrev()\">\n                    <ng-container [ngTemplateOutlet]=\"imgTemplate\"\n                                  [ngTemplateOutletContext]=\"{field: 'mediaUrlVal', class: 'center-block'}\">\n                    </ng-container>\n                    <a class=\"app-media-fullscreen-nav-control left\" [hidden]=\"!(selectedMediaIndex > 0)\" (click)=\"showPrev()\">\n                        <i class=\"wi wi-chevron-left\"></i>\n                    </a>\n                    <a class=\"app-media-fullscreen-nav-control right\" [hidden]=\"!(selectedMediaIndex < fieldDefs.length-1)\" (click)=\"showNext()\">\n                        <i class=\"wi wi-chevron-right\"></i>\n                    </a>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #imgTemplate let-src=\"src\" let-classname=\"class\" let-field=\"field\">\n    <img wmPicture class=\"{{classname}}\" picturesource.bind=\"src || getSrc(field)\" wmImageCache=\"{{offline}}\" />\n</ng-template>\n"}]}],"members":{"mediaListTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":32,"character":5},"arguments":["mediaListTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":34,"character":21}]}],"appendToBody":[{"__symbolic":"method"}],"onPropertyChange":[{"__symbolic":"method"}],"exitFullScreen":[{"__symbolic":"method"}],"getPicTitle":[{"__symbolic":"method"}],"showFullScreen":[{"__symbolic":"method"}],"showNext":[{"__symbolic":"method"}],"getSrc":[{"__symbolic":"method"}],"showPrev":[{"__symbolic":"method"}],"onDataChange":[{"__symbolic":"method"}],"updateFieldDefs":[{"__symbolic":"method"}],"listTrackByFn":[{"__symbolic":"method"}]},"statics":{"initializeProps":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵa"}}}},"MediaListModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@wm/components/basic","name":"BasicModule","line":19,"character":8},{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":20,"character":8},{"__symbolic":"reference","module":"@wm/mobile/components/basic","name":"BasicModule","line":21,"character":8},{"__symbolic":"reference","module":"@wm/mobile/components/page/mobile-navbar","name":"MobileNavbarModule","line":22,"character":8},{"__symbolic":"reference","module":"@wm/components/page","name":"PageModule","line":23,"character":8},{"__symbolic":"reference","module":"@wm/components/base","name":"WmComponentsModule","line":24,"character":8}],"declarations":[{"__symbolic":"reference","name":"MediaListItemDirective"},{"__symbolic":"reference","name":"MediaListComponent"}],"exports":[{"__symbolic":"reference","name":"MediaListItemDirective"},{"__symbolic":"reference","name":"MediaListComponent"}],"entryComponents":[]}]}],"members":{}},"ɵa":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":29,"module":"./media-list.props"}},"origins":{"MediaListItemDirective":"./media-list-item/media-list-item.directive","MediaListComponent":"./media-list.component","MediaListModule":"./media-list.module","ɵa":"./media-list.props"},"importAs":"@wm/mobile/components/data/media-list"}