@kushki/ng-suka
Version:
<p align="center"> <h1 align="center">Suka Components Angular</h1> <p align="center"> An Angular implementation of the Suka Design System </p> </p>
58 lines • 5.87 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Input, Output, EventEmitter, HostBinding } from '@angular/core';
var File = /** @class */ (function () {
function File() {
this.remove = new EventEmitter();
this.selectedFile = true;
}
Object.defineProperty(File.prototype, "isInvalidText", {
get: /**
* @return {?}
*/
function () {
return this.fileItem.invalidText;
},
enumerable: true,
configurable: true
});
Object.defineProperty(File.prototype, "isValid", {
get: /**
* @return {?}
*/
function () {
return this.fileItem.state === 'complete';
},
enumerable: true,
configurable: true
});
File.decorators = [
{ type: Component, args: [{
selector: 'suka-file',
template: "\n <p class=\"file-filename\">{{fileItem.file.name}}</p>\n <span\n *ngIf=\"fileItem.state === 'edit'\"\n class=\"file__state-container\"\n (click)=\"remove.emit()\"\n (keyup.enter)=\"remove.emit()\"\n (keyup.space)=\"remove.emit()\"\n tabindex=\"0\">\n <suka-icon\n *ngIf=\"isInvalidText\"\n icon=\"alert-circle\"\n class=\"file--invalid\">\n </suka-icon>\n <suka-icon\n icon=\"x\"\n class=\"file-close\">\n </suka-icon>\n </span>\n <span *ngIf=\"fileItem.state === 'upload'\">\n <suka-loading size=\"sm\"></suka-loading>\n </span>\n <span\n *ngIf=\"fileItem.state === 'complete'\"\n class=\"file__state-container\"\n tabindex=\"0\">\n <suka-icon\n icon=\"check\"\n class=\"file-complete\">\n </suka-icon>\n </span>\n "
}] }
];
File.propDecorators = {
fileItem: [{ type: Input }],
remove: [{ type: Output }],
selectedFile: [{ type: HostBinding, args: ['class.file__selected-file',] }],
isInvalidText: [{ type: HostBinding, args: ['class.file__selected-file--invalid',] }],
isValid: [{ type: HostBinding, args: ['class.file__selected-file--valid',] }]
};
return File;
}());
export { File };
if (false) {
/**
* A single `FileItem` from the set of `FileItem`s
* @type {?}
*/
File.prototype.fileItem;
/** @type {?} */
File.prototype.remove;
/** @type {?} */
File.prototype.selectedFile;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJsaWIvZmlsZS11cGxvYWRlci9maWxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUVOLFlBQVksRUFFWixXQUFXLEVBQ1osTUFBTSxlQUFlLENBQUM7QUFLdkI7SUFBQTtRQXlDWSxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVJLGlCQUFZLEdBQUcsSUFBSSxDQUFDO0lBU2hFLENBQUM7SUFQQyxzQkFBdUQsK0JBQWE7Ozs7UUFBcEU7WUFDRSxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDO1FBQ25DLENBQUM7OztPQUFBO0lBRUQsc0JBQXFELHlCQUFPOzs7O1FBQTVEO1lBQ0UsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssS0FBSyxVQUFVLENBQUM7UUFDNUMsQ0FBQzs7O09BQUE7O2dCQW5ERixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFFBQVEsRUFBRSx1MkJBK0JUO2lCQUNGOzs7MkJBS0UsS0FBSzt5QkFFTCxNQUFNOytCQUVOLFdBQVcsU0FBQywyQkFBMkI7Z0NBRXZDLFdBQVcsU0FBQyxvQ0FBb0M7MEJBSWhELFdBQVcsU0FBQyxrQ0FBa0M7O0lBR2pELFdBQUM7Q0FBQSxBQXBERCxJQW9EQztTQWpCWSxJQUFJOzs7Ozs7SUFJZix3QkFBNEI7O0lBRTVCLHNCQUFzQzs7SUFFdEMsNEJBQThEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT25Jbml0LFxuICBIb3N0QmluZGluZ1xufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBGaWxlSXRlbSB9IGZyb20gJy4vZmlsZS1pdGVtLmludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1a2EtZmlsZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPHAgY2xhc3M9XCJmaWxlLWZpbGVuYW1lXCI+e3tmaWxlSXRlbS5maWxlLm5hbWV9fTwvcD5cbiAgICA8c3BhblxuICAgICAgKm5nSWY9XCJmaWxlSXRlbS5zdGF0ZSA9PT0gJ2VkaXQnXCJcbiAgICAgIGNsYXNzPVwiZmlsZV9fc3RhdGUtY29udGFpbmVyXCJcbiAgICAgIChjbGljayk9XCJyZW1vdmUuZW1pdCgpXCJcbiAgICAgIChrZXl1cC5lbnRlcik9XCJyZW1vdmUuZW1pdCgpXCJcbiAgICAgIChrZXl1cC5zcGFjZSk9XCJyZW1vdmUuZW1pdCgpXCJcbiAgICAgIHRhYmluZGV4PVwiMFwiPlxuICAgICAgPHN1a2EtaWNvblxuICAgICAgICAqbmdJZj1cImlzSW52YWxpZFRleHRcIlxuICAgICAgICBpY29uPVwiYWxlcnQtY2lyY2xlXCJcbiAgICAgICAgY2xhc3M9XCJmaWxlLS1pbnZhbGlkXCI+XG4gICAgICA8L3N1a2EtaWNvbj5cbiAgICAgIDxzdWthLWljb25cbiAgICAgICAgaWNvbj1cInhcIlxuICAgICAgICBjbGFzcz1cImZpbGUtY2xvc2VcIj5cbiAgICAgIDwvc3VrYS1pY29uPlxuICAgIDwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cImZpbGVJdGVtLnN0YXRlID09PSAndXBsb2FkJ1wiPlxuICAgICAgPHN1a2EtbG9hZGluZyBzaXplPVwic21cIj48L3N1a2EtbG9hZGluZz5cbiAgICA8L3NwYW4+XG4gICAgPHNwYW5cbiAgICAgICpuZ0lmPVwiZmlsZUl0ZW0uc3RhdGUgPT09ICdjb21wbGV0ZSdcIlxuICAgICAgY2xhc3M9XCJmaWxlX19zdGF0ZS1jb250YWluZXJcIlxuICAgICAgdGFiaW5kZXg9XCIwXCI+XG4gICAgICA8c3VrYS1pY29uXG4gICAgICAgIGljb249XCJjaGVja1wiXG4gICAgICAgIGNsYXNzPVwiZmlsZS1jb21wbGV0ZVwiPlxuICAgICAgPC9zdWthLWljb24+XG4gICAgPC9zcGFuPlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIEZpbGUge1xuICAvKipcbiAgICogQSBzaW5nbGUgYEZpbGVJdGVtYCBmcm9tIHRoZSBzZXQgb2YgYEZpbGVJdGVtYHNcbiAgICovXG4gIEBJbnB1dCgpIGZpbGVJdGVtOiBGaWxlSXRlbTtcblxuICBAT3V0cHV0KCkgcmVtb3ZlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZmlsZV9fc2VsZWN0ZWQtZmlsZScpIHNlbGVjdGVkRmlsZSA9IHRydWU7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5maWxlX19zZWxlY3RlZC1maWxlLS1pbnZhbGlkJykgZ2V0IGlzSW52YWxpZFRleHQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZmlsZUl0ZW0uaW52YWxpZFRleHQ7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmZpbGVfX3NlbGVjdGVkLWZpbGUtLXZhbGlkJykgZ2V0IGlzVmFsaWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZmlsZUl0ZW0uc3RhdGUgPT09ICdjb21wbGV0ZSc7XG4gIH1cbn1cbiJdfQ==