ng-rating-pro
Version:
A powerful and customizable Angular rating component that allows full and half ratings with support for read-only mode, dynamic scaling, and SVG customization.<br/>Perfect for use in reviews, feedback forms, and rating-based applications.
12 lines • 5.1 kB
JavaScript
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class StarIconComponent {
static { this.iconName = 'star'; }
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: StarIconComponent, selector: "ng-star-icon", ngImport: i0, template: "<ng-container>\n <svg:symbol id=\"star-empty\" viewBox=\"0 0 24 24\" fill=\"#F1E8CA\">\n <path\n d=\"M12 18l-7.056 3.71 1.348-7.853L.558 9.17l7.923-1.15L12 0l3.519 7.99 7.923 1.18-5.734 5.697 1.348 7.853z\"\n />\n </svg:symbol>\n <svg:symbol id=\"star-full\" viewBox=\"0 0 24 24\" fill=\"#D3A81E\">\n <path\n d=\"M12 18l-7.056 3.71 1.348-7.853L.558 9.17l7.923-1.15L12 0l3.519 7.99 7.923 1.18-5.734 5.697 1.348 7.853z\"\n />\n </svg:symbol>\n <svg:symbol id=\"star-half\" viewBox=\"0 0 24 24\">\n <!-- Left (filled) half of the star -->\n <path\n d=\"M12 0 \n L12 18 \n L4.944 21.71 \n L6.292 13.857 \n L0.558 9.17 \n L8.481 7.99 \n L12 0Z\"\n fill=\"#D3A81E\"\n />\n <!-- Right (empty) half of the star -->\n <path\n d=\"M12 0 \n L12 18 \n L19.056 21.71 \n L17.708 13.857 \n L23.442 9.17 \n L15.519 7.99 \n L12 0Z\"\n fill=\"#F1E8CA\"\n />\n </svg:symbol>\n</ng-container>\n" }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: StarIconComponent, decorators: [{
type: Component,
args: [{ selector: 'ng-star-icon', template: "<ng-container>\n <svg:symbol id=\"star-empty\" viewBox=\"0 0 24 24\" fill=\"#F1E8CA\">\n <path\n d=\"M12 18l-7.056 3.71 1.348-7.853L.558 9.17l7.923-1.15L12 0l3.519 7.99 7.923 1.18-5.734 5.697 1.348 7.853z\"\n />\n </svg:symbol>\n <svg:symbol id=\"star-full\" viewBox=\"0 0 24 24\" fill=\"#D3A81E\">\n <path\n d=\"M12 18l-7.056 3.71 1.348-7.853L.558 9.17l7.923-1.15L12 0l3.519 7.99 7.923 1.18-5.734 5.697 1.348 7.853z\"\n />\n </svg:symbol>\n <svg:symbol id=\"star-half\" viewBox=\"0 0 24 24\">\n <!-- Left (filled) half of the star -->\n <path\n d=\"M12 0 \n L12 18 \n L4.944 21.71 \n L6.292 13.857 \n L0.558 9.17 \n L8.481 7.99 \n L12 0Z\"\n fill=\"#D3A81E\"\n />\n <!-- Right (empty) half of the star -->\n <path\n d=\"M12 0 \n L12 18 \n L19.056 21.71 \n L17.708 13.857 \n L23.442 9.17 \n L15.519 7.99 \n L12 0Z\"\n fill=\"#F1E8CA\"\n />\n </svg:symbol>\n</ng-container>\n" }]
}] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Rhci1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLXJhdGluZy1wcm8vc3JjL2xpYi9yYXRpbmctaWNvbi9zdGFyLWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctcmF0aW5nLXByby9zcmMvbGliL3JhdGluZy1pY29uL3N0YXItaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFTLE1BQU0sZUFBZSxDQUFDOztBQU1qRCxNQUFNLE9BQU8saUJBQWlCO2FBQ3JCLGFBQVEsR0FBVyxNQUFNLEFBQWpCLENBQWtCOytHQUR0QixpQkFBaUI7bUdBQWpCLGlCQUFpQixvRENOOUIscy9CQW9DQTs7NEZEOUJhLGlCQUFpQjtrQkFKN0IsU0FBUzsrQkFDRSxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy1zdGFyLWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vc3Rhci1pY29uLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgU3Rhckljb25Db21wb25lbnQge1xuICBzdGF0aWMgaWNvbk5hbWU6IHN0cmluZyA9ICdzdGFyJztcbn1cbiIsIjxuZy1jb250YWluZXI+XG4gIDxzdmc6c3ltYm9sIGlkPVwic3Rhci1lbXB0eVwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwiI0YxRThDQVwiPlxuICAgIDxwYXRoXG4gICAgICBkPVwiTTEyIDE4bC03LjA1NiAzLjcxIDEuMzQ4LTcuODUzTC41NTggOS4xN2w3LjkyMy0xLjE1TDEyIDBsMy41MTkgNy45OSA3LjkyMyAxLjE4LTUuNzM0IDUuNjk3IDEuMzQ4IDcuODUzelwiXG4gICAgLz5cbiAgPC9zdmc6c3ltYm9sPlxuICA8c3ZnOnN5bWJvbCBpZD1cInN0YXItZnVsbFwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIiBmaWxsPVwiI0QzQTgxRVwiPlxuICAgIDxwYXRoXG4gICAgICBkPVwiTTEyIDE4bC03LjA1NiAzLjcxIDEuMzQ4LTcuODUzTC41NTggOS4xN2w3LjkyMy0xLjE1TDEyIDBsMy41MTkgNy45OSA3LjkyMyAxLjE4LTUuNzM0IDUuNjk3IDEuMzQ4IDcuODUzelwiXG4gICAgLz5cbiAgPC9zdmc6c3ltYm9sPlxuICA8c3ZnOnN5bWJvbCBpZD1cInN0YXItaGFsZlwiIHZpZXdCb3g9XCIwIDAgMjQgMjRcIj5cbiAgICA8IS0tIExlZnQgKGZpbGxlZCkgaGFsZiBvZiB0aGUgc3RhciAtLT5cbiAgICA8cGF0aFxuICAgICAgZD1cIk0xMiAwIFxuICAgICAgIEwxMiAxOCBcbiAgICAgICBMNC45NDQgMjEuNzEgXG4gICAgICAgTDYuMjkyIDEzLjg1NyBcbiAgICAgICBMMC41NTggOS4xNyBcbiAgICAgICBMOC40ODEgNy45OSBcbiAgICAgICBMMTIgMFpcIlxuICAgICAgZmlsbD1cIiNEM0E4MUVcIlxuICAgIC8+XG4gICAgPCEtLSBSaWdodCAoZW1wdHkpIGhhbGYgb2YgdGhlIHN0YXIgLS0+XG4gICAgPHBhdGhcbiAgICAgIGQ9XCJNMTIgMCBcbiAgICAgICBMMTIgMTggXG4gICAgICAgTDE5LjA1NiAyMS43MSBcbiAgICAgICBMMTcuNzA4IDEzLjg1NyBcbiAgICAgICBMMjMuNDQyIDkuMTcgXG4gICAgICAgTDE1LjUxOSA3Ljk5IFxuICAgICAgIEwxMiAwWlwiXG4gICAgICBmaWxsPVwiI0YxRThDQVwiXG4gICAgLz5cbiAgPC9zdmc6c3ltYm9sPlxuPC9uZy1jb250YWluZXI+XG4iXX0=