@junte/ui
Version:
Quality Angular UI components kit
95 lines • 8.17 kB
JavaScript
import { __decorate, __metadata } from "tslib";
import { Component, HostBinding, Input } from '@angular/core';
import { PropertyApi } from '../../core/decorators/api';
import { Size } from '../../core/enums/size';
import { UI } from '../../core/enums/ui';
import { SkeletonType } from './enums';
var SkeletonComponent = /** @class */ (function () {
function SkeletonComponent() {
this.ui = UI;
this._type = SkeletonType.text;
this.host = 'jnt-skeleton-host';
this._size = Size.normal;
this.lines = 1;
this.animated = true;
}
Object.defineProperty(SkeletonComponent.prototype, "type", {
get: function () {
return this._type;
},
set: function (type) {
this._type = type || SkeletonType.text;
},
enumerable: true,
configurable: true
});
Object.defineProperty(SkeletonComponent.prototype, "size", {
set: function (size) {
this._size = size || Size.normal;
},
enumerable: true,
configurable: true
});
__decorate([
HostBinding('attr.host'),
__metadata("design:type", Object)
], SkeletonComponent.prototype, "host", void 0);
__decorate([
HostBinding('attr.data-size'),
__metadata("design:type", Object)
], SkeletonComponent.prototype, "_size", void 0);
__decorate([
PropertyApi({
description: 'Skeleton type',
path: 'ui.skeleton.type',
default: SkeletonType.text,
options: [SkeletonType.text,
SkeletonType.card,
SkeletonType.avatar,
SkeletonType.image]
}),
HostBinding('attr.data-type'),
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], SkeletonComponent.prototype, "type", null);
__decorate([
PropertyApi({
description: 'Avatar/image size',
path: 'ui.size',
default: Size.normal,
options: [Size.tiny, Size.small, Size.normal, Size.large]
}),
Input(),
__metadata("design:type", String),
__metadata("design:paramtypes", [String])
], SkeletonComponent.prototype, "size", null);
__decorate([
PropertyApi({
description: 'Count of text lines',
type: 'number',
default: '1'
}),
Input(),
__metadata("design:type", Object)
], SkeletonComponent.prototype, "lines", void 0);
__decorate([
PropertyApi({
description: 'Switch on/off animation',
type: 'boolean',
default: 'true'
}),
HostBinding('attr.data-animated'),
Input(),
__metadata("design:type", Object)
], SkeletonComponent.prototype, "animated", void 0);
SkeletonComponent = __decorate([
Component({
selector: 'jnt-skeleton',
template: "<jnt-stack child-of=\"jnt-skeleton-host\" *ngIf=\"type == ui.skeleton.type.text\" [gutter]=\"ui.gutter.big\">\n <div child-of=\"jnt-skeleton-host\" data-line *ngFor=\"let l of lines | mockArray\"></div>\n</jnt-stack>\n\n<div child-of=\"jnt-skeleton-host\" data-avatar *ngIf=\"type === ui.skeleton.type.avatar || type === ui.skeleton.type.image\"\n [attr.data-avatar]=\"type === ui.skeleton.type.avatar\">\n</div>\n\n<div child-of=\"jnt-skeleton-host\" *ngIf=\"type === ui.skeleton.type.card\" data-card></div>"
})
], SkeletonComponent);
return SkeletonComponent;
}());
export { SkeletonComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGp1bnRlL3VpLyIsInNvdXJjZXMiOlsibGliL2xheW91dC9za2VsZXRvbi9za2VsZXRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDeEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzdDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBTXZDO0lBQUE7UUFFRSxPQUFFLEdBQUcsRUFBRSxDQUFDO1FBRUEsVUFBSyxHQUFHLFlBQVksQ0FBQyxJQUFJLENBQUM7UUFFQyxTQUFJLEdBQUcsbUJBQW1CLENBQUM7UUFHOUQsVUFBSyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7UUFtQ1gsVUFBSyxHQUFHLENBQUMsQ0FBQztRQVFWLGFBQVEsR0FBRyxJQUFJLENBQUM7SUFFM0IsQ0FBQztJQWpDVSxzQkFBSSxtQ0FBSTthQUlqQjtZQUNFLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztRQUNwQixDQUFDO2FBTlEsVUFBUyxJQUFrQjtZQUNsQyxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDO1FBQ3pDLENBQUM7OztPQUFBO0lBWVEsc0JBQUksbUNBQUk7YUFBUixVQUFTLElBQVU7WUFDMUIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQztRQUNuQyxDQUFDOzs7T0FBQTtJQS9CeUI7UUFBekIsV0FBVyxDQUFDLFdBQVcsQ0FBQzs7bURBQXFDO0lBRzlEO1FBREMsV0FBVyxDQUFDLGdCQUFnQixDQUFDOztvREFDVjtJQVlYO1FBVlIsV0FBVyxDQUFDO1lBQ1gsV0FBVyxFQUFFLGVBQWU7WUFDNUIsSUFBSSxFQUFFLGtCQUFrQjtZQUN4QixPQUFPLEVBQUUsWUFBWSxDQUFDLElBQUk7WUFDMUIsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDLElBQUk7Z0JBQ3pCLFlBQVksQ0FBQyxJQUFJO2dCQUNqQixZQUFZLENBQUMsTUFBTTtnQkFDbkIsWUFBWSxDQUFDLEtBQUssQ0FBQztTQUN0QixDQUFDO1FBQ0QsV0FBVyxDQUFDLGdCQUFnQixDQUFDO1FBQzdCLEtBQUssRUFBRTs7O2lEQUVQO0lBWVE7UUFOUixXQUFXLENBQUM7WUFDWCxXQUFXLEVBQUUsbUJBQW1CO1lBQ2hDLElBQUksRUFBRSxTQUFTO1lBQ2YsT0FBTyxFQUFFLElBQUksQ0FBQyxNQUFNO1lBQ3BCLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUM7U0FDMUQsQ0FBQztRQUNELEtBQUssRUFBRTs7O2lEQUVQO0lBT1E7UUFMUixXQUFXLENBQUM7WUFDWCxXQUFXLEVBQUUscUJBQXFCO1lBQ2xDLElBQUksRUFBRSxRQUFRO1lBQ2QsT0FBTyxFQUFFLEdBQUc7U0FDYixDQUFDO1FBQ0QsS0FBSyxFQUFFOztvREFBVztJQVFWO1FBTlIsV0FBVyxDQUFDO1lBQ1gsV0FBVyxFQUFFLHlCQUF5QjtZQUN0QyxJQUFJLEVBQUUsU0FBUztZQUNmLE9BQU8sRUFBRSxNQUFNO1NBQ2hCLENBQUM7UUFDRCxXQUFXLENBQUMsb0JBQW9CLENBQUM7UUFDakMsS0FBSyxFQUFFOzt1REFBaUI7SUFwRGQsaUJBQWlCO1FBSjdCLFNBQVMsQ0FBQztZQUNULFFBQVEsRUFBRSxjQUFjO1lBQ3hCLDhnQkFBMkM7U0FDNUMsQ0FBQztPQUNXLGlCQUFpQixDQXNEN0I7SUFBRCx3QkFBQztDQUFBLEFBdERELElBc0RDO1NBdERZLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBQcm9wZXJ0eUFwaSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy9hcGknO1xuaW1wb3J0IHsgU2l6ZSB9IGZyb20gJy4uLy4uL2NvcmUvZW51bXMvc2l6ZSc7XG5pbXBvcnQgeyBVSSB9IGZyb20gJy4uLy4uL2NvcmUvZW51bXMvdWknO1xuaW1wb3J0IHsgU2tlbGV0b25UeXBlIH0gZnJvbSAnLi9lbnVtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2pudC1za2VsZXRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9za2VsZXRvbi5lbmNhcHN1bGF0ZWQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25Db21wb25lbnQge1xuXG4gIHVpID0gVUk7XG5cbiAgcHJpdmF0ZSBfdHlwZSA9IFNrZWxldG9uVHlwZS50ZXh0O1xuXG4gIEBIb3N0QmluZGluZygnYXR0ci5ob3N0JykgcmVhZG9ubHkgaG9zdCA9ICdqbnQtc2tlbGV0b24taG9zdCc7XG5cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmRhdGEtc2l6ZScpXG4gIF9zaXplID0gU2l6ZS5ub3JtYWw7XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ1NrZWxldG9uIHR5cGUnLFxuICAgIHBhdGg6ICd1aS5za2VsZXRvbi50eXBlJyxcbiAgICBkZWZhdWx0OiBTa2VsZXRvblR5cGUudGV4dCxcbiAgICBvcHRpb25zOiBbU2tlbGV0b25UeXBlLnRleHQsXG4gICAgICBTa2VsZXRvblR5cGUuY2FyZCxcbiAgICAgIFNrZWxldG9uVHlwZS5hdmF0YXIsXG4gICAgICBTa2VsZXRvblR5cGUuaW1hZ2VdXG4gIH0pXG4gIEBIb3N0QmluZGluZygnYXR0ci5kYXRhLXR5cGUnKVxuICBASW5wdXQoKSBzZXQgdHlwZSh0eXBlOiBTa2VsZXRvblR5cGUpIHtcbiAgICB0aGlzLl90eXBlID0gdHlwZSB8fCBTa2VsZXRvblR5cGUudGV4dDtcbiAgfVxuXG4gIGdldCB0eXBlKCkge1xuICAgIHJldHVybiB0aGlzLl90eXBlO1xuICB9XG5cbiAgQFByb3BlcnR5QXBpKHtcbiAgICBkZXNjcmlwdGlvbjogJ0F2YXRhci9pbWFnZSBzaXplJyxcbiAgICBwYXRoOiAndWkuc2l6ZScsXG4gICAgZGVmYXVsdDogU2l6ZS5ub3JtYWwsXG4gICAgb3B0aW9uczogW1NpemUudGlueSwgU2l6ZS5zbWFsbCwgU2l6ZS5ub3JtYWwsIFNpemUubGFyZ2VdXG4gIH0pXG4gIEBJbnB1dCgpIHNldCBzaXplKHNpemU6IFNpemUpIHtcbiAgICB0aGlzLl9zaXplID0gc2l6ZSB8fCBTaXplLm5vcm1hbDtcbiAgfVxuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdDb3VudCBvZiB0ZXh0IGxpbmVzJyxcbiAgICB0eXBlOiAnbnVtYmVyJyxcbiAgICBkZWZhdWx0OiAnMSdcbiAgfSlcbiAgQElucHV0KCkgbGluZXMgPSAxO1xuXG4gIEBQcm9wZXJ0eUFwaSh7XG4gICAgZGVzY3JpcHRpb246ICdTd2l0Y2ggb24vb2ZmIGFuaW1hdGlvbicsXG4gICAgdHlwZTogJ2Jvb2xlYW4nLFxuICAgIGRlZmF1bHQ6ICd0cnVlJ1xuICB9KVxuICBASG9zdEJpbmRpbmcoJ2F0dHIuZGF0YS1hbmltYXRlZCcpXG4gIEBJbnB1dCgpIGFuaW1hdGVkID0gdHJ1ZTtcblxufVxuIl19