<commit_before><div class="d-flex justify-content-end">
    <call-status [callStatus]="callStatus"
        class="d-flex">
    </call-status>
</div>

<div *ngIf="itemTypeResponse && hasFavourite == true">
    <div>
        <div class="input-group form-group" style="background-color:#F2F2F2;padding-left: 25px;padding-top: 20px;padding-bottom: 20px;">
            <input  class="form-control col-3" type="text" [(ngModel)]="searchText" [ngbTypeahead]="searchFavourite" placeholder="Search ...">

            <label class="space-left space-right"><strong>Category :</strong>
            </label>
            <select  class="custom-select col-3 space-right" [(ngModel)]="selectedCategory" (change)="requestCatalogue()">
                <option value="All">All</option>
                <option *ngFor="let type of cat_levels[0]" [value]=type.id>{{type.preferredName}}</option>
            </select>

            <label class="space-right"><strong>Sort by:</strong>
            </label>
            <select  class="custom-select col-3 space-right" [(ngModel)]="sortOption" (change)="requestCatalogue()">
                <option *ngFor="let option of CATALOGUE_LINE_SORT_OPTIONS" [value]="option.name">{{option.value}}</option>
            </select>
        </div>

        <div *ngIf="catalogueLinesArray.length > 0" class="pagination justify-content-center space-before">
            <ngb-pagination [(collectionSize)]="collectionSize" [(pageSize)]="pageSize" [(page)]="page" [maxSize]="10" [boundaryLinks]="true" (pageChange)="onRegisteredCompaniesPageChange($event)"></ngb-pagination>
        </div>

        <div *ngFor="let catLine of catalogueLinesArray; let i = index" class="space-before">
            <div class="card pointer">
                <div class="card-body">
                    <div class="row" *ngIf="!catalogueLineView[catLine.localName]" (click)="viewCatalogueLine(catLine,i); $event.stopPropagation();">
                        <div class="col-2">
                            <div style="text-align:center">
                                <img src="{{imageMap[catLine.uri]}}" class="thumb" style="max-height: 5rem;max-width: 100%;" onerror="this.src='assets/empty_img.png';"/>
                            </div>
                        </div>
                        <div class="col-10 d-flex justify-content-between">
                            <div class="col-8">
                                <p style="word-break: break-all;word-wrap: break-word;">
                                    <strong>{{ getMultilingualLabel(catLine[product_name]) }}<commit_msg>NIMBLEFMP-669.<commit_after><div class="d-flex justify-content-end">
    <call-status [callStatus]="callStatus"
        class="d-flex">
    </call-status>
</div>

<div *ngIf="itemTypeResponse && hasFavourite == true">
    <div>
        <div class="input-group form-group" style="background-color:#F2F2F2;padding-left: 25px;padding-top: 20px;padding-bottom: 20px;">
            <input  class="form-control col-3" type="text" [(ngModel)]="searchText" [ngbTypeahead]="searchFavourite" placeholder="Search ...">

            <label class="space-left space-right"><strong></strong>
            </label>
            <select  class="custom-select col-3 space-right" [(ngModel)]="selectedCategory" (change)="requestCatalogue()">
                <option value="All">All</option>
                <option *ngFor="let type of cat_levels[0]" [value]=type.id>{{type.preferredName}}</option>
            </select>

            <label class="space-right"><strong>Sort by:</strong>
            </label>
            <select  class="custom-select col-3 space-right" [(ngModel)]="sortOption" (change)="requestCatalogue()">
                <option *ngFor="let option of CATALOGUE_LINE_SORT_OPTIONS" [value]="option.name">{{option.value}}</option>
            </select>
        </div>

        <div *ngIf="catalogueLinesArray.length > 0" class="pagination justify-content-center space-before">
            <ngb-pagination [(collectionSize)]="collectionSize" [(pageSize)]="pageSize" [(page)]="page" [maxSize]="10" [boundaryLinks]="true" (pageChange)="onRegisteredCompaniesPageChange($event)"></ngb-pagination>
        </div>

        <div *ngFor="let catLine of catalogueLinesArray; let i = index" class="space-before">
            <div class="card pointer">
                <div class="card-body">
                    <div class="row" *ngIf="!catalogueLineView[catLine.localName]" (click)="viewCatalogueLine(catLine,i); $event.stopPropagation();">
                        <div class="col-2">
                            <div style="text-align:center">
                                <img src="{{imageMap[catLine.uri]}}" class="thumb" style="max-height: 5rem;max-width: 100%;" onerror="this.src='assets/empty_img.png';"/>
                            </div>
                        </div>
                        <div class="col-10 d-flex justify-content-between">
                            <div class="col-8">
                                <p style="word-break: break-all;word-wrap: break-word;">
                                    <strong>{{ getMultilingualLabel(catLine[product_name]) }}
{'fraction_non_alphanumeric': 0.1674752571317679, 'fraction_numerical': 0.009897147292839123, 'mean_word_length': 2.468371467025572, 'pattern_counts': {'":': 0, '<': 91, '<?xml version=': 0, '>': 93, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4667146', 'n_tokens_mistral': 1575, 'n_tokens_neox': 1464, 'n_words': 245}