@stvp/ng-shop-ui
Version:
Librería para crear los componentes de una tienda Online
40 lines • 6.03 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
import { ICON_CLASS } from './../../constants/classfontIcon.function';
var RatingComponent = /** @class */ (function () {
function RatingComponent() {
this.min = 1;
this.max = 5;
this.rating = undefined;
this.classfontIcon = ICON_CLASS.nameClass;
}
RatingComponent.prototype.ngOnInit = function () {
if (this.rating === undefined || this.rating === null) {
this.rating.value = 0;
this.rating.count = 0;
}
this.starsCssValues = Array(this.max).fill('');
};
__decorate([
Input()
], RatingComponent.prototype, "min", void 0);
__decorate([
Input()
], RatingComponent.prototype, "max", void 0);
__decorate([
Input()
], RatingComponent.prototype, "rating", void 0);
__decorate([
Input()
], RatingComponent.prototype, "classfontIcon", void 0);
RatingComponent = __decorate([
Component({
selector: 'shop-rating',
template: "<div *ngIf=\"starsCssValues && rating.value\">\n <span *ngFor=\"let v of starsCssValues; let i = index\">\n <i class=\"{{classfontIcon}}\" [ngClass]=\"{ checked: rating.value >= i + 1 }\"></i>\n </span>\n {{ rating.value }} ({{ rating.count }})\n</div>\n",
styles: ["\n .checked {\n color: orange;\n }\n\n .star,\n .star-20,\n .star-100 {\n color: transparent;\n -webkit-background-clip: text;\n background-clip: text;\n }\n\n .star-20 {\n background-image: -webkit-gradient(\n linear,\n left top,\n right top,\n color-stop(0.25, orange),\n color-stop(1, black)\n );\n background-image: gradient(\n linear,\n left top,\n right top,\n color-stop(0.25, orange),\n color-stop(1, black)\n );\n }\n\n .star-100 {\n background-image: -webkit-gradient(\n linear,\n left top,\n right top,\n color-stop(1, orange)\n );\n background-image: gradient(\n linear,\n left top,\n right top,\n color-stop(1, orange)\n );\n }\n "]
})
], RatingComponent);
return RatingComponent;
}());
export { RatingComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmF0aW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdHZwL25nLXNob3AtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9yYXRpbmcvcmF0aW5nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBcUR0RTtJQUFBO1FBQ1csUUFBRyxHQUFHLENBQUMsQ0FBQztRQUNSLFFBQUcsR0FBRyxDQUFDLENBQUM7UUFDUixXQUFNLEdBQWdCLFNBQVMsQ0FBQztRQUVoQyxrQkFBYSxHQUFXLFVBQVUsQ0FBQyxTQUFTLENBQUM7SUFReEQsQ0FBQztJQVBDLGtDQUFRLEdBQVI7UUFDRSxJQUFJLElBQUksQ0FBQyxNQUFNLEtBQUssU0FBUyxJQUFJLElBQUksQ0FBQyxNQUFNLEtBQUssSUFBSSxFQUFFO1lBQ3JELElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztZQUN0QixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7U0FDdkI7UUFDRCxJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFYUTtRQUFSLEtBQUssRUFBRTtnREFBUztJQUNSO1FBQVIsS0FBSyxFQUFFO2dEQUFTO0lBQ1I7UUFBUixLQUFLLEVBQUU7bURBQWlDO0lBRWhDO1FBQVIsS0FBSyxFQUFFOzBEQUE4QztJQUwzQyxlQUFlO1FBbkQzQixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsYUFBYTtZQUN2QixnUkFBc0M7cUJBRXBDLGc3QkE0Q0M7U0FFSixDQUFDO09BQ1csZUFBZSxDQWEzQjtJQUFELHNCQUFDO0NBQUEsQUFiRCxJQWFDO1NBYlksZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElSYXRpbmdJdGVtIH0gZnJvbSAnLi8uLi8uLi9pbnRlcmZhY2VzL3JhdGluZy1pdGVtLmludGVyZmFjZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJQ09OX0NMQVNTIH0gZnJvbSAnLi8uLi8uLi9jb25zdGFudHMvY2xhc3Nmb250SWNvbi5mdW5jdGlvbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3Nob3AtcmF0aW5nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3JhdGluZy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIC5jaGVja2VkIHtcbiAgICAgICAgY29sb3I6IG9yYW5nZTtcbiAgICAgIH1cblxuICAgICAgLnN0YXIsXG4gICAgICAuc3Rhci0yMCxcbiAgICAgIC5zdGFyLTEwMCB7XG4gICAgICAgIGNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICAgICAgLXdlYmtpdC1iYWNrZ3JvdW5kLWNsaXA6IHRleHQ7XG4gICAgICAgIGJhY2tncm91bmQtY2xpcDogdGV4dDtcbiAgICAgIH1cblxuICAgICAgLnN0YXItMjAge1xuICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiAtd2Via2l0LWdyYWRpZW50KFxuICAgICAgICAgIGxpbmVhcixcbiAgICAgICAgICBsZWZ0IHRvcCxcbiAgICAgICAgICByaWdodCB0b3AsXG4gICAgICAgICAgY29sb3Itc3RvcCgwLjI1LCBvcmFuZ2UpLFxuICAgICAgICAgIGNvbG9yLXN0b3AoMSwgYmxhY2spXG4gICAgICAgICk7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGdyYWRpZW50KFxuICAgICAgICAgIGxpbmVhcixcbiAgICAgICAgICBsZWZ0IHRvcCxcbiAgICAgICAgICByaWdodCB0b3AsXG4gICAgICAgICAgY29sb3Itc3RvcCgwLjI1LCBvcmFuZ2UpLFxuICAgICAgICAgIGNvbG9yLXN0b3AoMSwgYmxhY2spXG4gICAgICAgICk7XG4gICAgICB9XG5cbiAgICAgIC5zdGFyLTEwMCB7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IC13ZWJraXQtZ3JhZGllbnQoXG4gICAgICAgICAgbGluZWFyLFxuICAgICAgICAgIGxlZnQgdG9wLFxuICAgICAgICAgIHJpZ2h0IHRvcCxcbiAgICAgICAgICBjb2xvci1zdG9wKDEsIG9yYW5nZSlcbiAgICAgICAgKTtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogZ3JhZGllbnQoXG4gICAgICAgICAgbGluZWFyLFxuICAgICAgICAgIGxlZnQgdG9wLFxuICAgICAgICAgIHJpZ2h0IHRvcCxcbiAgICAgICAgICBjb2xvci1zdG9wKDEsIG9yYW5nZSlcbiAgICAgICAgKTtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBSYXRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBtaW4gPSAxO1xuICBASW5wdXQoKSBtYXggPSA1O1xuICBASW5wdXQoKSByYXRpbmc6IElSYXRpbmdJdGVtID0gdW5kZWZpbmVkO1xuICBzdGFyc0Nzc1ZhbHVlcztcbiAgQElucHV0KCkgY2xhc3Nmb250SWNvbjogc3RyaW5nID0gSUNPTl9DTEFTUy5uYW1lQ2xhc3M7XG4gIG5nT25Jbml0KCkge1xuICAgIGlmICh0aGlzLnJhdGluZyA9PT0gdW5kZWZpbmVkIHx8IHRoaXMucmF0aW5nID09PSBudWxsKSB7XG4gICAgICB0aGlzLnJhdGluZy52YWx1ZSA9IDA7XG4gICAgICB0aGlzLnJhdGluZy5jb3VudCA9IDA7XG4gICAgfVxuICAgIHRoaXMuc3RhcnNDc3NWYWx1ZXMgPSBBcnJheSh0aGlzLm1heCkuZmlsbCgnJyk7XG4gIH1cbn1cbiJdfQ==