<commit_before>import {
    ChangeDetectionStrategy,
    Component,
    ElementRef,
    forwardRef,
    HostBinding,
    HostListener,
    Inject,
    Input,
    Renderer2,
    ViewChild
} from "@angular/core";

import {
    IgxListPanState,
    IListChild
} from "./list.common";

import { HammerGesturesManager } from "../core/touch";
import { IgxRippleModule } from "../directives/ripple/ripple.directive";

import { IgxListComponent } from "./list.component";

// ====================== ITEM ================================
// The `<igx-item>` component is a container intended for row items in
// a `<igx-list>` container.
@Component({
    providers: [HammerGesturesManager],
    selector: "igx-list-item",
    templateUrl: "list-item.component.html",
    changeDetection: ChangeDetectionStrategy.OnPush
})
export class IgxListItemComponent implements IListChild {
    private _panState: IgxListPanState = IgxListPanState.NONE;
    private _FRACTION_OF_WIDTH_TO_TRIGGER_GRIP = 0.5; // as a fraction of the item width
    private _currentLeft = 0;

    constructor(
        @Inject(forwardRef(() => IgxListComponent))
        public list: IgxListComponent,
        private elementRef: ElementRef,
        private _renderer: Renderer2) {
    }

    @Input()
    public isHeader: boolean;

    @HostBinding("attr.role")
    public get role() {
        return this.isHeader ? "separator" : "listitem";
    }

    @HostBinding("hidden")
    @Input()
    public hidden: boolean;

    @HostBinding("attr.aria-label")
    public ariaLabel: string;
    @HostBinding("style.touch-action")
    public touchAction = "pan-y";

    @HostBinding("class.igx-list__header")
    get headerStyle(): boolean {
        return this.isHeader;
    }
    @HostBinding("class.igx-list__item")
    get innerStyle(): boolean {
        return !this.isHeader;
    }

    @HostListener("click", ["$event"])
    clicked(evt) {
        this.list.onItemClicked.emit({item: this, event: evt});
    }

    @HostListener("panstart", ["$event"])
    panStart(ev) {
        if (!this.isTrue(this.list.allowLeftPanning) && !this.isTrue(this.list.allowRightPanning)) {
            return;
        }
<commit_msg>Fix hidden input getting overriden by css style<commit_after>import {
    ChangeDetectionStrategy,
    Component,
    ElementRef,
    forwardRef,
    HostBinding,
    HostListener,
    Inject,
    Input,
    Renderer2,
    ViewChild
} from "@angular/core";

import {
    IgxListPanState,
    IListChild
} from "./list.common";

import { HammerGesturesManager } from "../core/touch";
import { IgxRippleModule } from "../directives/ripple/ripple.directive";

import { IgxListComponent } from "./list.component";

// ====================== ITEM ================================
// The `<igx-item>` component is a container intended for row items in
// a `<igx-list>` container.
@Component({
    providers: [HammerGesturesManager],
    selector: "igx-list-item",
    templateUrl: "list-item.component.html",
    changeDetection: ChangeDetectionStrategy.OnPush
})
export class IgxListItemComponent implements IListChild {
    private _panState: IgxListPanState = IgxListPanState.NONE;
    private _FRACTION_OF_WIDTH_TO_TRIGGER_GRIP = 0.5; // as a fraction of the item width
    private _currentLeft = 0;

    constructor(
        @Inject(forwardRef(() => IgxListComponent))
        public list: IgxListComponent,
        private elementRef: ElementRef,
        private _renderer: Renderer2) {
    }

    @Input()
    public isHeader: boolean;

    @HostBinding("attr.role")
    public get role() {
        return this.isHeader ? "separator" : "listitem";
    }

    @Input()
    public hidden: boolean;

    @HostBinding("attr.aria-label")
    public ariaLabel: string;
    @HostBinding("style.touch-action")
    public touchAction = "pan-y";

    @HostBinding("class.igx-list__header")
    get headerStyle(): boolean {
        return this.isHeader;
    }
    @HostBinding("class.igx-list__item")
    get innerStyle(): boolean {
        return !this.isHeader;
    }

    @HostBinding("style.display")
    get display(): string {
        return this.hidden ? "none" : "";
    }

    @HostListener("click", ["$event"])
    clicked(evt) {
        this.list.onItemClicked.emit({item: this, event: evt});
    }

    @HostListener("panstart", ["$event"])
    panStart(ev) {
        if (!this.isTrue(this.list.allowLeftPanning) && !this.isTrue(this.list.allowRightPanning)) {
            return;
        }

{'fraction_non_alphanumeric': 0.1476510067114094, 'fraction_numerical': 0.0022371364653243847, 'mean_word_length': 3.1785046728971964, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 9, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7225910', 'n_tokens_mistral': 1413, 'n_tokens_neox': 1357, 'n_words': 291}