ng-rating-pro/esm2022/lib/rating-icon/heart-icon.component.mjs

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.

import { Component } from '@angular/core';
import * as i0 from "@angular/core";
export class HeartIconComponent {
    static { this.iconName = 'heart'; }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeartIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: HeartIconComponent, selector: "ng-heart-icon", ngImport: i0, template: "<ng-container>\n  <svg:symbol\n    id=\"heart-empty\"\n    viewBox=\"0 0 24 24\"\n    fill=\"#FFFFFF\"\n    stroke=\"#FFCDD2\"\n  >\n    <path\n      d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\n    />\n  </svg:symbol>\n\n  <svg:symbol id=\"heart-full\" viewBox=\"0 0 24 24\" fill=\"#FF0000\">\n    <path\n      d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\n    />\n  </svg:symbol>\n\n  <svg:symbol id=\"heart-half\" viewBox=\"0 0 24 24\">\n    <!-- Right (empty) half of the heart -->\n    <path\n      d=\"M12,21.35L12,5.09C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.42 22,8.5C22,12.28 18.6,15.36 13.45,20.03L12,21.35Z\"\n      fill=\"#FFFFFF\"\n      stroke=\"#FFCDD2\"\n    />\n\n    <!-- Left (filled) half of the heart -->\n    <path\n      d=\"M12,21.35L12,5.09C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.42 2,8.5C2,12.28 5.4,15.36 10.55,20.03L12,21.35Z\"\n      fill=\"#FF0000\"\n    />\n  </svg:symbol>\n</ng-container>\n" }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: HeartIconComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ng-heart-icon', template: "<ng-container>\n  <svg:symbol\n    id=\"heart-empty\"\n    viewBox=\"0 0 24 24\"\n    fill=\"#FFFFFF\"\n    stroke=\"#FFCDD2\"\n  >\n    <path\n      d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\n    />\n  </svg:symbol>\n\n  <svg:symbol id=\"heart-full\" viewBox=\"0 0 24 24\" fill=\"#FF0000\">\n    <path\n      d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\n    />\n  </svg:symbol>\n\n  <svg:symbol id=\"heart-half\" viewBox=\"0 0 24 24\">\n    <!-- Right (empty) half of the heart -->\n    <path\n      d=\"M12,21.35L12,5.09C13.09,3.81 14.76,3 16.5,3C19.58,3 22,5.42 22,8.5C22,12.28 18.6,15.36 13.45,20.03L12,21.35Z\"\n      fill=\"#FFFFFF\"\n      stroke=\"#FFCDD2\"\n    />\n\n    <!-- Left (filled) half of the heart -->\n    <path\n      d=\"M12,21.35L12,5.09C10.91,3.81 9.24,3 7.5,3C4.42,3 2,5.42 2,8.5C2,12.28 5.4,15.36 10.55,20.03L12,21.35Z\"\n      fill=\"#FF0000\"\n    />\n  </svg:symbol>\n</ng-container>\n" }]
        }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhcnQtaWNvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1yYXRpbmctcHJvL3NyYy9saWIvcmF0aW5nLWljb24vaGVhcnQtaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1yYXRpbmctcHJvL3NyYy9saWIvcmF0aW5nLWljb24vaGVhcnQtaWNvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFTLE1BQU0sZUFBZSxDQUFDOztBQU1qRCxNQUFNLE9BQU8sa0JBQWtCO2FBQ3RCLGFBQVEsR0FBVyxPQUFPLEFBQWxCLENBQW1COytHQUR2QixrQkFBa0I7bUdBQWxCLGtCQUFrQixxRENOL0IseXFDQWlDQTs7NEZEM0JhLGtCQUFrQjtrQkFKOUIsU0FBUzsrQkFDRSxlQUFlIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICduZy1oZWFydC1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYXJ0LWljb24uY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBIZWFydEljb25Db21wb25lbnQge1xuICBzdGF0aWMgaWNvbk5hbWU6IHN0cmluZyA9ICdoZWFydCc7XG59XG4iLCI8bmctY29udGFpbmVyPlxuICA8c3ZnOnN5bWJvbFxuICAgIGlkPVwiaGVhcnQtZW1wdHlcIlxuICAgIHZpZXdCb3g9XCIwIDAgMjQgMjRcIlxuICAgIGZpbGw9XCIjRkZGRkZGXCJcbiAgICBzdHJva2U9XCIjRkZDREQyXCJcbiAgPlxuICAgIDxwYXRoXG4gICAgICBkPVwiTTEyIDIxLjM1bC0xLjQ1LTEuMzJDNS40IDE1LjM2IDIgMTIuMjggMiA4LjUgMiA1LjQyIDQuNDIgMyA3LjUgM2MxLjc0IDAgMy40MS44MSA0LjUgMi4wOUMxMy4wOSAzLjgxIDE0Ljc2IDMgMTYuNSAzIDE5LjU4IDMgMjIgNS40MiAyMiA4LjVjMCAzLjc4LTMuNCA2Ljg2LTguNTUgMTEuNTRMMTIgMjEuMzV6XCJcbiAgICAvPlxuICA8L3N2ZzpzeW1ib2w+XG5cbiAgPHN2ZzpzeW1ib2wgaWQ9XCJoZWFydC1mdWxsXCIgdmlld0JveD1cIjAgMCAyNCAyNFwiIGZpbGw9XCIjRkYwMDAwXCI+XG4gICAgPHBhdGhcbiAgICAgIGQ9XCJNMTIgMjEuMzVsLTEuNDUtMS4zMkM1LjQgMTUuMzYgMiAxMi4yOCAyIDguNSAyIDUuNDIgNC40MiAzIDcuNSAzYzEuNzQgMCAzLjQxLjgxIDQuNSAyLjA5QzEzLjA5IDMuODEgMTQuNzYgMyAxNi41IDMgMTkuNTggMyAyMiA1LjQyIDIyIDguNWMwIDMuNzgtMy40IDYuODYtOC41NSAxMS41NEwxMiAyMS4zNXpcIlxuICAgIC8+XG4gIDwvc3ZnOnN5bWJvbD5cblxuICA8c3ZnOnN5bWJvbCBpZD1cImhlYXJ0LWhhbGZcIiB2aWV3Qm94PVwiMCAwIDI0IDI0XCI+XG4gICAgPCEtLSBSaWdodCAoZW1wdHkpIGhhbGYgb2YgdGhlIGhlYXJ0IC0tPlxuICAgIDxwYXRoXG4gICAgICBkPVwiTTEyLDIxLjM1TDEyLDUuMDlDMTMuMDksMy44MSAxNC43NiwzIDE2LjUsM0MxOS41OCwzIDIyLDUuNDIgMjIsOC41QzIyLDEyLjI4IDE4LjYsMTUuMzYgMTMuNDUsMjAuMDNMMTIsMjEuMzVaXCJcbiAgICAgIGZpbGw9XCIjRkZGRkZGXCJcbiAgICAgIHN0cm9rZT1cIiNGRkNERDJcIlxuICAgIC8+XG5cbiAgICA8IS0tIExlZnQgKGZpbGxlZCkgaGFsZiBvZiB0aGUgaGVhcnQgLS0+XG4gICAgPHBhdGhcbiAgICAgIGQ9XCJNMTIsMjEuMzVMMTIsNS4wOUMxMC45MSwzLjgxIDkuMjQsMyA3LjUsM0M0LjQyLDMgMiw1LjQyIDIsOC41QzIsMTIuMjggNS40LDE1LjM2IDEwLjU1LDIwLjAzTDEyLDIxLjM1WlwiXG4gICAgICBmaWxsPVwiI0ZGMDAwMFwiXG4gICAgLz5cbiAgPC9zdmc6c3ltYm9sPlxuPC9uZy1jb250YWluZXI+XG4iXX0=