atinc / ngx-tethys / d9ae709b-3c27-4b69-b125-b8b80b54f90b

import { Component, EventEmitter, Input, OnInit, Output, TemplateRef } from '@angular/core';

import { ThyIconComponent } from 'ngx-tethys/icon';

import { NgTemplateOutlet } from '@angular/common';

import { ThyStopPropagationDirective } from 'ngx-tethys/shared';

import { InputBoolean } from 'ngx-tethys/core';

/**

 * @private

 */

    selector: 'thy-rate-item, [thy-rate-item]',

        </div>

        <div class="thy-rate-item-all" thyStopPropagation (mouseover)="hoverRateItem(false)" (click)="clickRateItem(false)">

            <ng-template [ngTemplateOutlet]="iconTemplate || (iconValue && character) || defaultTemplate"></ng-template>

        <ng-template #defaultTemplate>

        </ng-template>

            <thy-icon [thyIconName]="iconValue"></thy-icon>

        </ng-template>

    `,

    standalone: true,

    imports: [ThyStopPropagationDirective, NgTemplateOutlet, ThyIconComponent]

})

export class ThyRateItemComponent implements OnInit {

    @Input() iconValue: string;

    @Output() readonly itemHover = new EventEmitter<boolean>();

    @Output() readonly itemClick = new EventEmitter<boolean>();

    constructor() {}

    ngOnInit() {}

    hoverRateItem(isHalf: boolean): void {

        this.itemHover.next(isHalf && this.allowHalf);

    }

    clickRateItem(isHalf: boolean): void {

        this.itemClick.next(isHalf && this.allowHalf);

    }

}