@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>
79 lines • 5.37 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';
export class File {
constructor() {
this.remove = new EventEmitter();
this.selectedFile = true;
}
/**
* @return {?}
*/
get isInvalidText() {
return this.fileItem.invalidText;
}
/**
* @return {?}
*/
get isValid() {
return this.fileItem.state === 'complete';
}
}
File.decorators = [
{ type: Component, args: [{
selector: 'suka-file',
template: `
<p class="file-filename">{{fileItem.file.name}}</p>
<span
*ngIf="fileItem.state === 'edit'"
class="file__state-container"
(click)="remove.emit()"
(keyup.enter)="remove.emit()"
(keyup.space)="remove.emit()"
tabindex="0">
<suka-icon
*ngIf="isInvalidText"
icon="alert-circle"
class="file--invalid">
</suka-icon>
<suka-icon
icon="x"
class="file-close">
</suka-icon>
</span>
<span *ngIf="fileItem.state === 'upload'">
<suka-loading size="sm"></suka-loading>
</span>
<span
*ngIf="fileItem.state === 'complete'"
class="file__state-container"
tabindex="0">
<suka-icon
icon="check"
class="file-complete">
</suka-icon>
</span>
`
}] }
];
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',] }]
};
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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Aa3VzaGtpL25nLXN1a2EvIiwic291cmNlcyI6WyJsaWIvZmlsZS11cGxvYWRlci9maWxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBQ0wsTUFBTSxFQUVOLFlBQVksRUFFWixXQUFXLEVBQ1osTUFBTSxlQUFlLENBQUM7QUF3Q3ZCLE1BQU0sT0FBTyxJQUFJO0lBbkNqQjtRQXlDWSxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUVJLGlCQUFZLEdBQUcsSUFBSSxDQUFDO0lBU2hFLENBQUM7Ozs7SUFQQyxJQUF1RCxhQUFhO1FBQ2xFLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxXQUFXLENBQUM7SUFDbkMsQ0FBQzs7OztJQUVELElBQXFELE9BQU87UUFDMUQsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssS0FBSyxVQUFVLENBQUM7SUFDNUMsQ0FBQzs7O1lBbkRGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsV0FBVztnQkFDckIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBK0JUO2FBQ0Y7Ozt1QkFLRSxLQUFLO3FCQUVMLE1BQU07MkJBRU4sV0FBVyxTQUFDLDJCQUEyQjs0QkFFdkMsV0FBVyxTQUFDLG9DQUFvQztzQkFJaEQsV0FBVyxTQUFDLGtDQUFrQzs7Ozs7OztJQVYvQyx3QkFBNEI7O0lBRTVCLHNCQUFzQzs7SUFFdEMsNEJBQThEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBWaWV3Q2hpbGQsXG4gIEV2ZW50RW1pdHRlcixcbiAgT25Jbml0LFxuICBIb3N0QmluZGluZ1xufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5pbXBvcnQgeyBGaWxlSXRlbSB9IGZyb20gJy4vZmlsZS1pdGVtLmludGVyZmFjZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N1a2EtZmlsZScsXG4gIHRlbXBsYXRlOiBgXG4gICAgPHAgY2xhc3M9XCJmaWxlLWZpbGVuYW1lXCI+e3tmaWxlSXRlbS5maWxlLm5hbWV9fTwvcD5cbiAgICA8c3BhblxuICAgICAgKm5nSWY9XCJmaWxlSXRlbS5zdGF0ZSA9PT0gJ2VkaXQnXCJcbiAgICAgIGNsYXNzPVwiZmlsZV9fc3RhdGUtY29udGFpbmVyXCJcbiAgICAgIChjbGljayk9XCJyZW1vdmUuZW1pdCgpXCJcbiAgICAgIChrZXl1cC5lbnRlcik9XCJyZW1vdmUuZW1pdCgpXCJcbiAgICAgIChrZXl1cC5zcGFjZSk9XCJyZW1vdmUuZW1pdCgpXCJcbiAgICAgIHRhYmluZGV4PVwiMFwiPlxuICAgICAgPHN1a2EtaWNvblxuICAgICAgICAqbmdJZj1cImlzSW52YWxpZFRleHRcIlxuICAgICAgICBpY29uPVwiYWxlcnQtY2lyY2xlXCJcbiAgICAgICAgY2xhc3M9XCJmaWxlLS1pbnZhbGlkXCI+XG4gICAgICA8L3N1a2EtaWNvbj5cbiAgICAgIDxzdWthLWljb25cbiAgICAgICAgaWNvbj1cInhcIlxuICAgICAgICBjbGFzcz1cImZpbGUtY2xvc2VcIj5cbiAgICAgIDwvc3VrYS1pY29uPlxuICAgIDwvc3Bhbj5cbiAgICA8c3BhbiAqbmdJZj1cImZpbGVJdGVtLnN0YXRlID09PSAndXBsb2FkJ1wiPlxuICAgICAgPHN1a2EtbG9hZGluZyBzaXplPVwic21cIj48L3N1a2EtbG9hZGluZz5cbiAgICA8L3NwYW4+XG4gICAgPHNwYW5cbiAgICAgICpuZ0lmPVwiZmlsZUl0ZW0uc3RhdGUgPT09ICdjb21wbGV0ZSdcIlxuICAgICAgY2xhc3M9XCJmaWxlX19zdGF0ZS1jb250YWluZXJcIlxuICAgICAgdGFiaW5kZXg9XCIwXCI+XG4gICAgICA8c3VrYS1pY29uXG4gICAgICAgIGljb249XCJjaGVja1wiXG4gICAgICAgIGNsYXNzPVwiZmlsZS1jb21wbGV0ZVwiPlxuICAgICAgPC9zdWthLWljb24+XG4gICAgPC9zcGFuPlxuICBgXG59KVxuZXhwb3J0IGNsYXNzIEZpbGUge1xuICAvKipcbiAgICogQSBzaW5nbGUgYEZpbGVJdGVtYCBmcm9tIHRoZSBzZXQgb2YgYEZpbGVJdGVtYHNcbiAgICovXG4gIEBJbnB1dCgpIGZpbGVJdGVtOiBGaWxlSXRlbTtcblxuICBAT3V0cHV0KCkgcmVtb3ZlID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZmlsZV9fc2VsZWN0ZWQtZmlsZScpIHNlbGVjdGVkRmlsZSA9IHRydWU7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5maWxlX19zZWxlY3RlZC1maWxlLS1pbnZhbGlkJykgZ2V0IGlzSW52YWxpZFRleHQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZmlsZUl0ZW0uaW52YWxpZFRleHQ7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmZpbGVfX3NlbGVjdGVkLWZpbGUtLXZhbGlkJykgZ2V0IGlzVmFsaWQoKSB7XG4gICAgcmV0dXJuIHRoaXMuZmlsZUl0ZW0uc3RhdGUgPT09ICdjb21wbGV0ZSc7XG4gIH1cbn1cbiJdfQ==