[{"__symbolic":"module","version":3,"metadata":{"LayersToggleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"esri4-layersToggle","template":"\n    <div esri4-customWidget [position]=\"position\">\n      <!-- Only display if there is a map and it has layers -->\n      <div *ngIf=\"map?.layers.items.length > 0\" class=\"esri4-layers-toggle\">\n        <div *ngFor=\"let layer of map.layers.items\">\n          <input type=\"checkbox\" [attr.checked]=\"layer.visible\" (click)=\"onCheck($event, layer)\" /> {{layer.title}}\n          <a href=\"javascript:void(0)\" (click)=\"onZoomLayer(layer)\">Zoom</a>\n        </div>\n      </div>\n    </div>\n  ","styles":["\n    .esri4-layers-toggle {\n      z-index: 99;\n      background-color: white;\n      border-radius: 8px;\n      padding: 10px;\n      opacity: 0.75;\n    }\n  "]}]}],"members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../../core/index","name":"Esri4MapService"}]}],"ngOnInit":[{"__symbolic":"method"}],"onCheck":[{"__symbolic":"method"}],"onZoomLayer":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"LayersToggleComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"esri4-layersToggle","template":"\n    <div esri4-customWidget [position]=\"position\">\n      <!-- Only display if there is a map and it has layers -->\n      <div *ngIf=\"map?.layers.items.length > 0\" class=\"esri4-layers-toggle\">\n        <div *ngFor=\"let layer of map.layers.items\">\n          <input type=\"checkbox\" [attr.checked]=\"layer.visible\" (click)=\"onCheck($event, layer)\" /> {{layer.title}}\n          <a href=\"javascript:void(0)\" (click)=\"onZoomLayer(layer)\">Zoom</a>\n        </div>\n      </div>\n    </div>\n  ","styles":["\n    .esri4-layers-toggle {\n      z-index: 99;\n      background-color: white;\n      border-radius: 8px;\n      padding: 10px;\n      opacity: 0.75;\n    }\n  "]}]}],"members":{"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./../../core/index","name":"Esri4MapService"}]}],"ngOnInit":[{"__symbolic":"method"}],"onCheck":[{"__symbolic":"method"}],"onZoomLayer":[{"__symbolic":"method"}]}}}}]