[{"__symbolic":"module","version":3,"metadata":{"SkyFileItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-file-item","template":"<div class=\"sky-file-item\">\n    <div class=\"sky-file-item-title\">\n        <div class=\"sky-file-item-name-container\">\n            <div class=\"sky-file-item-name\">\n                <strong *ngIf=\"isFile()\">{{fileItem.file.name || fileItem.url}}</strong>\n                <strong *ngIf=\"!isFile()\">{{fileItem.url}}</strong>\n            </div>\n            <div class=\"sky-file-item-size\" *ngIf=\"isFile()\">\n                ({{fileItem.file.size | skyFileSize}})\n            </div>\n        </div>\n        <div class=\"sky-pull-right\">\n          <button type=\"button\" class=\"sky-btn sky-btn-default sky-file-item-btn-delete\" [attr.aria-label]=\"'file_item_delete' | skyResources\" (click)=\"itemDelete()\">\n              <i class=\"fa fa-lg fa-trash-o\"></i>\n          </button>\n        </div>\n    </div>\n    <div class=\"sky-file-item-content\">\n        <div class=\"sky-file-item-preview\">\n            <div *ngIf=\"isImg()\" class=\"sky-file-item-preview-img-container\">\n              <img class=\"sky-file-item-preview-img\" [src]=\"fileItem.url\" />\n            </div>\n            <div *ngIf=\"!isImg()\" class=\"sky-file-item-preview-other\">\n                <i class=\"fa\" [ngClass]=\"otherCls\"></i>\n            </div>\n        </div>\n        <div class=\"sky-file-item-content-custom\">\n          <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n","styles":[".sky-file-item {\n  border-top: 1px solid #e2e3e4;\n  border-bottom: 1px solid #e2e3e4;\n  border-left: 1px solid #e2e3e4;\n  border-right: 1px solid #e2e3e4;\n  background-color: #eeeeef;\n  padding: 10px;\n  margin-bottom: 10px;\n}\n\n.sky-file-item-name-container {\n  display: inline-block;\n  width: 85%;\n}\n\n.sky-file-item-name {\n  white-space: nowrap;\n  overflow: hidden;\n  -ms-text-overflow: ellipsis;\n  -o-text-overflow: ellipsis;\n  text-overflow: ellipsis;\n}\n\n.sky-file-item-title {\n  margin-bottom: 10px;\n}\n\n.sky-file-item-content {\n  display: flex;\n}\n\n.sky-file-item-preview {\n  flex-basis: 25%;\n}\n\n.sky-file-item-content-custom {\n  flex-basis: 75%;\n}\n\n.sky-file-item-preview-img-container {\n  text-align: center;\n}\n\n.sky-file-item-preview-img {\n  max-width: 100%;\n  height: auto;\n  box-shadow: 0 0 5px #666;\n}\n\n.sky-file-item-preview-other {\n  color: #686c73;\n  font-size: 100px;\n  line-height: 1;\n  text-align: center;\n  width: 100%;\n}\n"]}]}],"members":{"fileItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"deleteFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"KeyValueDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"itemDelete":[{"__symbolic":"method"}],"isFile":[{"__symbolic":"method"}],"isImg":[{"__symbolic":"method"}],"getFileExtensionUpper":[{"__symbolic":"method"}],"getFileTypeUpper":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SkyFileItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"sky-file-item","template":"<div class=\"sky-file-item\">\n    <div class=\"sky-file-item-title\">\n        <div class=\"sky-file-item-name-container\">\n            <div class=\"sky-file-item-name\">\n                <strong *ngIf=\"isFile()\">{{fileItem.file.name || fileItem.url}}</strong>\n                <strong *ngIf=\"!isFile()\">{{fileItem.url}}</strong>\n            </div>\n            <div class=\"sky-file-item-size\" *ngIf=\"isFile()\">\n                ({{fileItem.file.size | skyFileSize}})\n            </div>\n        </div>\n        <div class=\"sky-pull-right\">\n          <button type=\"button\" class=\"sky-btn sky-btn-default sky-file-item-btn-delete\" [attr.aria-label]=\"'file_item_delete' | skyResources\" (click)=\"itemDelete()\">\n              <i class=\"fa fa-lg fa-trash-o\"></i>\n          </button>\n        </div>\n    </div>\n    <div class=\"sky-file-item-content\">\n        <div class=\"sky-file-item-preview\">\n            <div *ngIf=\"isImg()\" class=\"sky-file-item-preview-img-container\">\n              <img class=\"sky-file-item-preview-img\" [src]=\"fileItem.url\" />\n            </div>\n            <div *ngIf=\"!isImg()\" class=\"sky-file-item-preview-other\">\n                <i class=\"fa\" [ngClass]=\"otherCls\"></i>\n            </div>\n        </div>\n        <div class=\"sky-file-item-content-custom\">\n          <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n","styles":[".sky-file-item {\n  border-top: 1px solid #e2e3e4;\n  border-bottom: 1px solid #e2e3e4;\n  border-left: 1px solid #e2e3e4;\n  border-right: 1px solid #e2e3e4;\n  background-color: #eeeeef;\n  padding: 10px;\n  margin-bottom: 10px;\n}\n\n.sky-file-item-name-container {\n  display: inline-block;\n  width: 85%;\n}\n\n.sky-file-item-name {\n  white-space: nowrap;\n  overflow: hidden;\n  -ms-text-overflow: ellipsis;\n  -o-text-overflow: ellipsis;\n  text-overflow: ellipsis;\n}\n\n.sky-file-item-title {\n  margin-bottom: 10px;\n}\n\n.sky-file-item-content {\n  display: flex;\n}\n\n.sky-file-item-preview {\n  flex-basis: 25%;\n}\n\n.sky-file-item-content-custom {\n  flex-basis: 75%;\n}\n\n.sky-file-item-preview-img-container {\n  text-align: center;\n}\n\n.sky-file-item-preview-img {\n  max-width: 100%;\n  height: auto;\n  box-shadow: 0 0 5px #666;\n}\n\n.sky-file-item-preview-other {\n  color: #686c73;\n  font-size: 100px;\n  line-height: 1;\n  text-align: center;\n  width: 100%;\n}\n"]}]}],"members":{"fileItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"deleteFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"KeyValueDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"itemDelete":[{"__symbolic":"method"}],"isFile":[{"__symbolic":"method"}],"isImg":[{"__symbolic":"method"}],"getFileExtensionUpper":[{"__symbolic":"method"}],"getFileTypeUpper":[{"__symbolic":"method"}]}}}}]