@mugan86/ng-shop-ui
Version:
Librería para crear los componentes de una tienda Online
35 lines • 5.44 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
var RatingComponent = /** @class */ (function () {
function RatingComponent() {
this.min = 1;
this.max = 5;
this.rating = undefined;
}
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);
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=\"fas fa-star\" [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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmF0aW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BtdWdhbjg2L25nLXNob3AtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9yYXRpbmcvcmF0aW5nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFxRHpEO0lBQUE7UUFDVyxRQUFHLEdBQUcsQ0FBQyxDQUFDO1FBQ1IsUUFBRyxHQUFHLENBQUMsQ0FBQztRQUNSLFdBQU0sR0FBZ0IsU0FBUyxDQUFDO0lBUzNDLENBQUM7SUFQQyxrQ0FBUSxHQUFSO1FBQ0UsSUFBSSxJQUFJLENBQUMsTUFBTSxLQUFLLFNBQVMsSUFBSSxJQUFJLENBQUMsTUFBTSxLQUFLLElBQUksRUFBRTtZQUNyRCxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7WUFDdEIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLEdBQUcsQ0FBQyxDQUFDO1NBQ3ZCO1FBQ0QsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUNqRCxDQUFDO0lBVlE7UUFBUixLQUFLLEVBQUU7Z0RBQVM7SUFDUjtRQUFSLEtBQUssRUFBRTtnREFBUztJQUNSO1FBQVIsS0FBSyxFQUFFO21EQUFpQztJQUg5QixlQUFlO1FBbkQzQixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsYUFBYTtZQUN2QiwwUUFBc0M7cUJBRXBDLGc3QkE0Q0M7U0FFSixDQUFDO09BQ1csZUFBZSxDQVkzQjtJQUFELHNCQUFDO0NBQUEsQUFaRCxJQVlDO1NBWlksZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IElSYXRpbmdJdGVtIH0gZnJvbSAnLi8uLi8uLi9pbnRlcmZhY2VzL3JhdGluZy1pdGVtLmludGVyZmFjZSc7XG5pbXBvcnQgeyBDb21wb25lbnQsIE9uSW5pdCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2hvcC1yYXRpbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vcmF0aW5nLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLmNoZWNrZWQge1xuICAgICAgICBjb2xvcjogb3JhbmdlO1xuICAgICAgfVxuXG4gICAgICAuc3RhcixcbiAgICAgIC5zdGFyLTIwLFxuICAgICAgLnN0YXItMTAwIHtcbiAgICAgICAgY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAtd2Via2l0LWJhY2tncm91bmQtY2xpcDogdGV4dDtcbiAgICAgICAgYmFja2dyb3VuZC1jbGlwOiB0ZXh0O1xuICAgICAgfVxuXG4gICAgICAuc3Rhci0yMCB7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IC13ZWJraXQtZ3JhZGllbnQoXG4gICAgICAgICAgbGluZWFyLFxuICAgICAgICAgIGxlZnQgdG9wLFxuICAgICAgICAgIHJpZ2h0IHRvcCxcbiAgICAgICAgICBjb2xvci1zdG9wKDAuMjUsIG9yYW5nZSksXG4gICAgICAgICAgY29sb3Itc3RvcCgxLCBibGFjaylcbiAgICAgICAgKTtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogZ3JhZGllbnQoXG4gICAgICAgICAgbGluZWFyLFxuICAgICAgICAgIGxlZnQgdG9wLFxuICAgICAgICAgIHJpZ2h0IHRvcCxcbiAgICAgICAgICBjb2xvci1zdG9wKDAuMjUsIG9yYW5nZSksXG4gICAgICAgICAgY29sb3Itc3RvcCgxLCBibGFjaylcbiAgICAgICAgKTtcbiAgICAgIH1cblxuICAgICAgLnN0YXItMTAwIHtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogLXdlYmtpdC1ncmFkaWVudChcbiAgICAgICAgICBsaW5lYXIsXG4gICAgICAgICAgbGVmdCB0b3AsXG4gICAgICAgICAgcmlnaHQgdG9wLFxuICAgICAgICAgIGNvbG9yLXN0b3AoMSwgb3JhbmdlKVxuICAgICAgICApO1xuICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBncmFkaWVudChcbiAgICAgICAgICBsaW5lYXIsXG4gICAgICAgICAgbGVmdCB0b3AsXG4gICAgICAgICAgcmlnaHQgdG9wLFxuICAgICAgICAgIGNvbG9yLXN0b3AoMSwgb3JhbmdlKVxuICAgICAgICApO1xuICAgICAgfVxuICAgIGAsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFJhdGluZ0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIEBJbnB1dCgpIG1pbiA9IDE7XG4gIEBJbnB1dCgpIG1heCA9IDU7XG4gIEBJbnB1dCgpIHJhdGluZzogSVJhdGluZ0l0ZW0gPSB1bmRlZmluZWQ7XG4gIHN0YXJzQ3NzVmFsdWVzO1xuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5yYXRpbmcgPT09IHVuZGVmaW5lZCB8fCB0aGlzLnJhdGluZyA9PT0gbnVsbCkge1xuICAgICAgdGhpcy5yYXRpbmcudmFsdWUgPSAwO1xuICAgICAgdGhpcy5yYXRpbmcuY291bnQgPSAwO1xuICAgIH1cbiAgICB0aGlzLnN0YXJzQ3NzVmFsdWVzID0gQXJyYXkodGhpcy5tYXgpLmZpbGwoJycpO1xuICB9XG59XG4iXX0=