@stvp/ng-shop-ui
Version:
Librería para crear los componentes de una tienda Online
83 lines (80 loc) • 5.88 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
import { ICON_CLASS } from './../../constants/classfontIcon.function';
let RatingComponent = class RatingComponent {
constructor() {
this.min = 1;
this.max = 5;
this.rating = undefined;
this.classfontIcon = ICON_CLASS.nameClass;
}
ngOnInit() {
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: [`
.checked {
color: orange;
}
.star,
.star-20,
.star-100 {
color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.star-20 {
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(0.25, orange),
color-stop(1, black)
);
background-image: gradient(
linear,
left top,
right top,
color-stop(0.25, orange),
color-stop(1, black)
);
}
.star-100 {
background-image: -webkit-gradient(
linear,
left top,
right top,
color-stop(1, orange)
);
background-image: gradient(
linear,
left top,
right top,
color-stop(1, orange)
);
}
`]
})
], RatingComponent);
export { RatingComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmF0aW5nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzdHZwL25nLXNob3AtdWkvIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9yYXRpbmcvcmF0aW5nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBVSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFDdEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBcUR0RSxJQUFhLGVBQWUsR0FBNUIsTUFBYSxlQUFlO0lBQTVCO1FBQ1csUUFBRyxHQUFHLENBQUMsQ0FBQztRQUNSLFFBQUcsR0FBRyxDQUFDLENBQUM7UUFDUixXQUFNLEdBQWdCLFNBQVMsQ0FBQztRQUVoQyxrQkFBYSxHQUFXLFVBQVUsQ0FBQyxTQUFTLENBQUM7SUFReEQsQ0FBQztJQVBDLFFBQVE7UUFDTixJQUFJLElBQUksQ0FBQyxNQUFNLEtBQUssU0FBUyxJQUFJLElBQUksQ0FBQyxNQUFNLEtBQUssSUFBSSxFQUFFO1lBQ3JELElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxHQUFHLENBQUMsQ0FBQztZQUN0QixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUM7U0FDdkI7UUFDRCxJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQ2pELENBQUM7Q0FDRixDQUFBO0FBWlU7SUFBUixLQUFLLEVBQUU7NENBQVM7QUFDUjtJQUFSLEtBQUssRUFBRTs0Q0FBUztBQUNSO0lBQVIsS0FBSyxFQUFFOytDQUFpQztBQUVoQztJQUFSLEtBQUssRUFBRTtzREFBOEM7QUFMM0MsZUFBZTtJQW5EM0IsU0FBUyxDQUFDO1FBQ1QsUUFBUSxFQUFFLGFBQWE7UUFDdkIsZ1JBQXNDO2lCQUVwQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7S0E0Q0M7S0FFSixDQUFDO0dBQ1csZUFBZSxDQWEzQjtTQWJZLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJUmF0aW5nSXRlbSB9IGZyb20gJy4vLi4vLi4vaW50ZXJmYWNlcy9yYXRpbmctaXRlbS5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0LCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUNPTl9DTEFTUyB9IGZyb20gJy4vLi4vLi4vY29uc3RhbnRzL2NsYXNzZm9udEljb24uZnVuY3Rpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzaG9wLXJhdGluZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9yYXRpbmcuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICAuY2hlY2tlZCB7XG4gICAgICAgIGNvbG9yOiBvcmFuZ2U7XG4gICAgICB9XG5cbiAgICAgIC5zdGFyLFxuICAgICAgLnN0YXItMjAsXG4gICAgICAuc3Rhci0xMDAge1xuICAgICAgICBjb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIC13ZWJraXQtYmFja2dyb3VuZC1jbGlwOiB0ZXh0O1xuICAgICAgICBiYWNrZ3JvdW5kLWNsaXA6IHRleHQ7XG4gICAgICB9XG5cbiAgICAgIC5zdGFyLTIwIHtcbiAgICAgICAgYmFja2dyb3VuZC1pbWFnZTogLXdlYmtpdC1ncmFkaWVudChcbiAgICAgICAgICBsaW5lYXIsXG4gICAgICAgICAgbGVmdCB0b3AsXG4gICAgICAgICAgcmlnaHQgdG9wLFxuICAgICAgICAgIGNvbG9yLXN0b3AoMC4yNSwgb3JhbmdlKSxcbiAgICAgICAgICBjb2xvci1zdG9wKDEsIGJsYWNrKVxuICAgICAgICApO1xuICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBncmFkaWVudChcbiAgICAgICAgICBsaW5lYXIsXG4gICAgICAgICAgbGVmdCB0b3AsXG4gICAgICAgICAgcmlnaHQgdG9wLFxuICAgICAgICAgIGNvbG9yLXN0b3AoMC4yNSwgb3JhbmdlKSxcbiAgICAgICAgICBjb2xvci1zdG9wKDEsIGJsYWNrKVxuICAgICAgICApO1xuICAgICAgfVxuXG4gICAgICAuc3Rhci0xMDAge1xuICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiAtd2Via2l0LWdyYWRpZW50KFxuICAgICAgICAgIGxpbmVhcixcbiAgICAgICAgICBsZWZ0IHRvcCxcbiAgICAgICAgICByaWdodCB0b3AsXG4gICAgICAgICAgY29sb3Itc3RvcCgxLCBvcmFuZ2UpXG4gICAgICAgICk7XG4gICAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGdyYWRpZW50KFxuICAgICAgICAgIGxpbmVhcixcbiAgICAgICAgICBsZWZ0IHRvcCxcbiAgICAgICAgICByaWdodCB0b3AsXG4gICAgICAgICAgY29sb3Itc3RvcCgxLCBvcmFuZ2UpXG4gICAgICAgICk7XG4gICAgICB9XG4gICAgYCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgUmF0aW5nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgQElucHV0KCkgbWluID0gMTtcbiAgQElucHV0KCkgbWF4ID0gNTtcbiAgQElucHV0KCkgcmF0aW5nOiBJUmF0aW5nSXRlbSA9IHVuZGVmaW5lZDtcbiAgc3RhcnNDc3NWYWx1ZXM7XG4gIEBJbnB1dCgpIGNsYXNzZm9udEljb246IHN0cmluZyA9IElDT05fQ0xBU1MubmFtZUNsYXNzO1xuICBuZ09uSW5pdCgpIHtcbiAgICBpZiAodGhpcy5yYXRpbmcgPT09IHVuZGVmaW5lZCB8fCB0aGlzLnJhdGluZyA9PT0gbnVsbCkge1xuICAgICAgdGhpcy5yYXRpbmcudmFsdWUgPSAwO1xuICAgICAgdGhpcy5yYXRpbmcuY291bnQgPSAwO1xuICAgIH1cbiAgICB0aGlzLnN0YXJzQ3NzVmFsdWVzID0gQXJyYXkodGhpcy5tYXgpLmZpbGwoJycpO1xuICB9XG59XG4iXX0=