@indice/ng-components 0.2.139 → 0.2.141

package/src/lib/controls/date-picker/date-picker.component.html

@@ -1,133 +0,0 @@
-<div class="relative flex"
-     (clickOutside)="closeCalendar()">
-
-  <input type="text"
-         #dateInput
-         [readonly]="readonly"
-         name="dateInput"
-         (blur)="onBlur($event)"
-         id="dateInput"
-         (focus)="showCalendar = false"
-         [value]="value | date: displayFormat"
-         class="w-full focus:ring-0 focus:outline-none rounded-none sm:text-sm border-gray-300  focus:border-0"
-         [ngClass]="{'cursor-not-allowed': disabled}"
-         [placeholder]="disabled ? '' : placeholder">
-
-  <button type="button"
-          class="relative inline-flex items-center px-2 py-2 border border-gray-300 text-sm font-medium rounded-r-sm text-gray-700 bg-gray-50 hover:bg-gray-100 focus:outline-none focus:ring-1 focus:ring-gray-500 focus:border-gray-500"
-          [disabled]="disabled"
-          (click)="openCalendar()"
-          [ngClass]="{'cursor-not-allowed': disabled}">
-    <i class="ms-Icon ms-Icon--DateTime2"></i>
-  </button>
-
-  <div *ngIf="showCalendar"
-       class="bg-gray-100 mt-10 rounded-sm shadow-md p-4 absolute left-0 z-50 w-full"
-       style="height:18rem;min-width:16rem;"
-       name="calendar">
-    <div class="flex justify-between items-center mb-2">
-      <div>
-        <button type="button"
-                (click)="openYears()">
-          <span class="text-lg font-bold text-gray-800">
-            {{monthNames[month]}}
-          </span>
-          <span class="ml-1 text-lg text-gray-600 font-normal">
-            {{year}}</span>
-        </button>
-      </div>
-      <div *ngIf="!showYears; else showYearsPickerTmpl">
-        <button type="button"
-                class="transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full disabled:opacity-25"
-                (click)="previousMonth();">
-          <svg class="h-6 w-6 text-gray-500 inline-flex"
-               fill="none"
-               viewBox="0 0 24 24"
-               stroke="currentColor">
-            <path stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                  d="M15 19l-7-7 7-7" />
-          </svg>
-        </button>
-        <button type="button"
-                class="transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full disabled:opacity-25"
-                (click)="nextMonth()">
-          <svg class="h-6 w-6 text-gray-500 inline-flex"
-               fill="none"
-               viewBox="0 0 24 24"
-               stroke="currentColor">
-            <path stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                  d="M9 5l7 7-7 7" />
-          </svg>
-        </button>
-      </div>
-      <ng-template #showYearsPickerTmpl>
-        <div>
-          <button type="button"
-                  class="transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full disabled:opacity-25 w-1/2"
-                  (click)="previousYear();">
-            <svg class="h-6 w-6 text-gray-500 inline-flex"
-                 fill="none"
-                 viewBox="0 0 24 24"
-                 stroke="currentColor">
-              <path stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
-                    d="M15 19l-7-7 7-7" />
-            </svg>
-          </button>
-          <button type="button"
-                  class="transition ease-in-out duration-100 inline-flex cursor-pointer hover:bg-gray-200 p-1 rounded-full disabled:opacity-25 w-1/2"
-                  (click)="nextYear()">
-            <svg class="h-6 w-6 text-gray-500 inline-flex"
-                 fill="none"
-                 viewBox="0 0 24 24"
-                 stroke="currentColor">
-              <path stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
-                    d="M9 5l7 7-7 7" />
-            </svg>
-          </button>
-        </div>
-      </ng-template>
-    </div>
-
-    <div class="flex flex-wrap mb-3 -mx-1"
-         *ngIf="!showYears; else showCalYearsTmpl">
-      <div *ngFor="let day of dayNames"
-           class="text-gray-800 font-medium text-center text-sm uppercase"
-           style="width: 14.28%">{{day}}</div>
-    </div>
-
-    <ng-template #showCalYearsTmpl>
-      <div class="flex flex-wrap -mx-1 items-center">
-        <div *ngFor="let year of showCalendarYears"
-             style="width: 18.28%"
-             class="px-1 mb-1">
-          <div (click)="selectYearValue(year)"
-               class="cursor-pointer text-center hover:text-blue-600 text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100"
-               [class]="year.selected  ? 'bg-gray-700 text-blue-600 font-medium' : 'text-gray-800 hover:bg-gray-800'">{{year.year}}</div>
-        </div>
-      </div>
-    </ng-template>
-
-    <div class="flex flex-wrap -mx-1 items-center"
-         *ngIf="!showYears">
-      <div *ngFor="let blankday of blankDays"
-           style="width: 14.28%"
-           class="text-center border p-1 border-transparent text-sm opacity-50">{{blankday}}</div>
-      <div *ngFor="let date of calendarDates"
-           style="width: 14.28%"
-           class="px-1 mb-1">
-        <div (click)="selectDateValue(date)"
-             class="cursor-pointer text-center hover:text-blue-600 text-sm leading-none rounded-full leading-loose transition ease-in-out duration-100"
-             [class]="date.selected  ? 'bg-gray-700 text-blue-600 font-medium' : 'text-gray-800 hover:bg-gray-800'">{{date.day}}</div>
-      </div>
-    </div>
-  </div>
-
-</div>

package/src/lib/controls/date-picker/date-picker.component.ts

@@ -1,258 +0,0 @@
-import { Component, ElementRef, EventEmitter, forwardRef, Input, OnInit, Output, ViewChild } from '@angular/core';
-import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
-
-// freaksly simple date picker : https://tailwind-elements.com/docs/standard/forms/datepicker/
-@Component({
-  selector: 'lib-date-picker',
-  templateUrl: './date-picker.component.html',
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => DatepickerComponent),
-      multi: true
-    }
-  ]
-})
-export class DatepickerComponent implements OnInit, ControlValueAccessor {
-  @Input() readonly: boolean = false;
-  @Input() disabled: boolean = false;
-  @Input('display-format') displayFormat: string | undefined = 'dd/MM/yyyy';
-  @Input() placeholder: string | undefined = '';
-  @Input() value: Date | undefined | null = null;
-  @Output() valueChange: EventEmitter<Date> = new EventEmitter<Date>();
-  @ViewChild('dateInput') dateInput: ElementRef | undefined;
-  public showCalendar = false;
-  public showYears = false;
-  public monthNames = [
-    'Ιανουάριος',
-    'Φεβρουάριος',
-    'Μάρτιος',
-    'Απρίλιος',
-    'Μάϊος',
-    'Ιούνιος',
-    'Ιούλιος',
-    'Αύγουστος',
-    'Σεπτέμβριος',
-    'Οκτώβριος',
-    'Νοεμβριος',
-    'Δεκέμβριος',
-  ];
-  public dayNames = ['Κυρ', 'Δευ', 'Τρι', 'Τετ', 'Πεμ', 'Παρ', 'Σαβ'];
-
-  public month: number = -1;
-  public year: number = -1;
-  public calendarDates: any[] = [];
-  public calendarYears: any[] = [];
-  public showCalendarYears: any[] = [];
-  public blankDays: any[] = [];
-  public calendarYearPage = 1;
-  private yearsPerPage = 30;
-
-  private onChange$: any | undefined = undefined;
-  private onTouched$: any | undefined = undefined;
-
-  ngOnInit(): void {
-    let today = new Date();
-    this.month = today.getMonth();
-    this.year = today.getFullYear();
-    this.calendarDates = [{ day: this.value, today: this.value, selected: this.value }];
-    this.calendarYears = [{ year: this.value?.getFullYear(), today: this.value, selected: this.value }];
-    const yearsArray = [];
-    for (let i = 1950; i <= today.getFullYear() + 2; i++) {
-      yearsArray.push({ year: i, today: this.compareDates(today, null, i), selected: i == this.value?.getFullYear() });
-    }
-    this.calendarYears = yearsArray;
-    this.showCalendarYears = this.paginate(this.calendarYears, 1);
-    this.calcDays();
-  }
-
-  constructor() { }
-
-  writeValue(obj: any): void {
-    if (obj) {
-      this.value = new Date(obj);
-      this.month = this.value.getMonth();
-      this.year = this.value.getFullYear();
-    }
-  }
-
-  registerOnChange(fn: (_: any) => void): void {
-    this.onChange$ = fn;
-  }
-
-  registerOnTouched(fn: any): void {
-    this.onTouched$ = fn;
-  }
-
-  public onBlur(event: any): void {
-    if (this.onTouched$) {
-      this.onTouched$();
-    }
-    this.getDateFromInput();
-  }
-
-  public selectDateValue(date: any): void {
-    // This should be in UTC
-    let selectedDate = new Date(this.year, this.month, date.day, 3, 0, 0, 0);
-    this.value = selectedDate;
-    this.valueChange.emit(this.value);
-    if (this.onChange$) {
-      this.onChange$(this.value);
-    }
-    this.updateDays();
-    if (this.onTouched$) {
-      this.onTouched$();
-    }
-    this.showCalendar = false;
-  }
-
-  public selectYearValue(year: any): void {
-    // This should be in UTC
-    let selectedDate = new Date(year.year, this.month ?? 1, this.calendarDates?.find(x => x.selected == true).day ?? 1, 3, 0, 0, 0);
-    this.year = year.year;
-    this.value = selectedDate;
-    this.valueChange.emit(this.value);
-    if (this.onChange$) {
-      this.onChange$(this.value);
-    }
-    this.updateDays();
-    if (this.onTouched$) {
-      this.onTouched$();
-    }
-    this.showYears = false;
-    this.showCalendar = true;
-    this.calcDays();
-  }
-
-  public previousMonth(): void {
-    if (this.month !== 0) {
-      this.month = this.month - 1;
-      this.calcDays();
-    } else {
-      this.month = 11;
-      this.year = this.year - 1;
-      this.calcDays();
-    }
-    if (this.onTouched$) {
-      this.onTouched$();
-    }
-  }
-
-  public nextMonth(): void {
-    if (this.month !== 11) {
-      this.month = this.month + 1;
-      this.calcDays();
-    } else {
-      this.month = 0;
-      this.year = this.year + 1;
-      this.calcDays();
-    }
-    if (this.onTouched$) {
-      this.onTouched$();
-    }
-  }
-
-  public previousYear(): void {
-    this.showCalendarYears = this.paginate(
-      this.calendarYears,
-      this.calendarYearPage > 1 ? --this.calendarYearPage : 1);
-    this.calcDays();
-    if (this.onTouched$) {
-      this.onTouched$();
-    }
-  }
-
-  public nextYear(): void {
-    this.showCalendarYears = this.paginate(
-      this.calendarYears,
-      this.calendarYearPage <= this.calendarYears.length / this.yearsPerPage
-        ? ++this.calendarYearPage
-        : this.calendarYearPage);
-    this.calcDays();
-    if (this.onTouched$) {
-      this.onTouched$();
-    }
-  }
-
-  private compareDates(date1: Date | undefined | null, day: number | null | undefined, year: number | null | undefined): boolean {
-    if (!date1) {
-      return false;
-    }
-    const d = new Date(year ?? this.year, this.month, day ?? this.value?.getDay());
-    return date1.toDateString() === d.toDateString();
-  };
-
-  private calcDays(): void {
-    const daysInMonth = new Date(this.year, this.month + 1, 0).getDate();
-    // find where to start calendar day of week
-    const dayOfWeek = new Date(this.year, this.month).getDay();
-    const blankdaysArray = new Array<number>();
-    for (var i = 1; i <= dayOfWeek; i++) {
-      // check if month is February
-      blankdaysArray.push(this.month != 2 ? (32 - i) : (29 - i));
-      blankdaysArray.reverse().sort();
-    }
-    const daysArray = [];
-    const today = new Date();
-    for (var i = 1; i <= daysInMonth; i++) {
-      daysArray.push({ day: i, today: this.compareDates(today, i, null), selected: this.compareDates(this.value ?? today, i, null) });
-    }
-    const yearsArray = [];
-    for (let i = 1950; i <= today.getFullYear() + 2; i++) {
-      yearsArray.push({ year: i, today: this.compareDates(today, null, i), selected: i == this.year });
-    }
-    this.calendarYears = yearsArray;
-    this.blankDays = blankdaysArray;
-    this.calendarDates = daysArray;
-  }
-
-  private updateDays(): void {
-    const today = new Date();
-    this.calendarDates.forEach(d => {
-      d.today = this.compareDates(today, d, this.year);
-      d.selected = this.compareDates(this.value, d, this.year);
-    });
-  }
-
-  private paginate(array: any[], page_number: number): any[] {
-    return array.slice((page_number - 1) * this.yearsPerPage, page_number * this.yearsPerPage);
-  }
-
-  private getDateFromInput() {
-    if (this.dateInput?.nativeElement.value !== '') {
-      var dateParts = this.dateInput?.nativeElement.value.split("/");
-      let dateInGrFormat = new Date(+dateParts[2], dateParts[1] - 1, +dateParts[0], 3, 0, 0);
-      if (dateInGrFormat.toString() !== 'Invalid Date') {
-        this.writeValue(dateInGrFormat)
-        this.calcDays();
-        this.valueChange.emit(dateInGrFormat);
-      }
-      if (this.onChange$) {
-        this.onChange$(this.value);
-      }
-      this.updateDays();
-      if (this.onTouched$) {
-        this.onTouched$();
-      }
-    }
-    this.showCalendar = false;
-  }
-
-  public openYears() {
-    this.showYears = !this.showYears;
-    this.calendarYearPage = Math.ceil(this.calendarYears.map(x => x.year).indexOf(this.year) / this.yearsPerPage);
-    this.showCalendarYears = this.paginate(this.calendarYears, this.calendarYearPage !== 0 ? this.calendarYearPage : 1);
-    this.calcDays();
-  }
-
-  public openCalendar() {
-    this.showCalendar = !this.showCalendar;
-    this.calcDays();
-  }
-  
-  public closeCalendar(){
-    this.showCalendar = false;
-    this.getDateFromInput();
-  }
-
-}

package/src/lib/controls/drop-down-menu/drop-down-menu.component.html

@@ -1,61 +0,0 @@
-<div class="dropdown-container" (clickOutside)="onClickOutside($event)">
-  <button
-    type="button"
-    (click)="expanded = !expanded"
-    class="dropdown-button"
-    aria-haspopup="listbox"
-    aria-expanded="true"
-    aria-labelledby="listbox-label"
-  >
-    <span class="dropdown-selected-text">
-      {{ selectedOption?.text || placeholder }}
-    </span>
-    <span class="dropdown-button-icon">
-      <!-- Heroicon name: solid/selector -->
-      <svg class="dropdown-arrow" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-        <path
-          fill-rule="evenodd"
-          d="M10 3a1 1 0 01.707.293l3 3a1 1 0 01-1.414 1.414L10 5.414 7.707 7.707a1 1 0 01-1.414-1.414l3-3A1 1 0 0110 3zm-3.707 9.293a1 1 0 011.414 0L10 14.586l2.293-2.293a1 1 0 011.414 1.414l-3 3a1 1 0 01-1.414 0l-3-3a1 1 0 010-1.414z"
-          clip-rule="evenodd"
-        />
-      </svg>
-    </span>
-  </button>
-  <ul
-    *ngIf="expanded && options && options.length > 0"
-    class="dropdown-ul"
-    tabindex="-1"
-    role="listbox"
-    aria-labelledby="listbox-label"
-    aria-activedescendant="listbox-option-3"
-  >
-    <ng-container *ngFor="let option of options">
-      <li
-        [class]="isSelected(option) ? 'dropdown-li-selected' : 'dropdown-li'"
-        (click)="selectOption(option)"
-        id="listbox-option-0"
-        role="option"
-      >
-        <span [class]="isSelected(option) ? 'dropdown-li-selected-text' : 'dropdown-li-text'">
-          {{ option.text }}
-        </span>
-        <span *ngIf="isSelected(option)" class="dropdown-li-selected-indicator-container">
-          <!-- Heroicon name: solid/check -->
-          <svg
-            class="dropdown-li-selected-indicator"
-            xmlns="http://www.w3.org/2000/svg"
-            viewBox="0 0 20 20"
-            fill="currentColor"
-            aria-hidden="true"
-          >
-            <path
-              fill-rule="evenodd"
-              d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </span>
-      </li>
-    </ng-container>
-  </ul>
-</div>

package/src/lib/controls/drop-down-menu/drop-down-menu.component.ts

@@ -1,59 +0,0 @@
-import { Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
-import { MenuOption } from '../../types';
-
-@Component({
-  // tslint:disable-next-line:component-selector
-  selector: 'lib-drop-down-menu',
-  templateUrl: './drop-down-menu.component.html',
-})
-export class DropDownMenuComponent implements OnInit, OnChanges {
-  @Input() options: MenuOption[] = [];
-  // tslint:disable-next-line:no-input-rename
-  @Input('selected') selectedValue: any | null = null;
-  @Input() multiple = false;
-  @Input() placeholder: string = 'Παρακαλώ επιλέξτε...';
-
-  private selectedOption$: MenuOption | null = null;
-  public get selectedOption(): MenuOption | null {
-    return this.selectedOption$;
-  }
-  public set selectedOption(option: MenuOption | null) {
-    this.selectedOption$ = option;
-    this.selectedValue = option ? option.value : null;
-    this.expanded = false;
-  }
-
-  @Output() selectedChange: EventEmitter<any> = new EventEmitter<any>();
-  @Output() selectedChanged: EventEmitter<any> = new EventEmitter<any>();
-
-  private expanded$ = false;
-  public get expanded(): boolean {
-    return this.expanded$;
-  }
-  public set expanded(value: boolean) {
-    this.expanded$ = value;
-  }
-  constructor() {}
-
-  ngOnChanges(changes: SimpleChanges): void {
-    if (this.options && this.options.length > 0 && this.selectedValue !== null && this.selectedValue !== undefined) {
-      this.selectedOption$ = this.options.filter((o) => o.value === this.selectedValue)[0];
-    }
-  }
-
-  ngOnInit(): void {}
-
-  public isSelected(option: MenuOption): boolean {
-    return option != null && this.selectedValue != null && option.value === this.selectedValue;
-  }
-
-  public onClickOutside($event: any): void {
-    this.expanded = false;
-  }
-
-  public selectOption(option: MenuOption): void {
-    this.selectedOption = option;
-    this.selectedChange.emit(option.value);
-    this.selectedChanged.emit(option.value);
-  }
-}

package/src/lib/controls/kpi-tile/kpi-tile.component.html

@@ -1,18 +0,0 @@
-<div class="card"
-     [ngClass]="{'card-deck-busy' : busy }">
-  <div class="card-body">
-    <div class="kpi-tile-title-container">
-      <a href="#"
-         class="kpi-tile-action"
-         (click)="emitTileAction($event)">{{title || '-'}}</a>
-    </div>
-    <p class="kpi-tile-value">{{kpi || '-'}}</p>
-    <div class="card-footer">
-      <div class="text-xs">
-        <a href="#"
-           class="kpi-tile-action"
-           (click)="emitTileAction($event)">Περισσότερα</a>
-      </div>
-    </div>
-  </div>
-</div>

package/src/lib/controls/kpi-tile/kpi-tile.component.ts

@@ -1,26 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-
-@Component({
-  selector: 'lib-kpi-tile',
-  templateUrl: './kpi-tile.component.html'
-})
-export class KpiTileComponent implements OnInit {
-
-  @Input() title: string | undefined = undefined;
-  @Input() busy = false;
-  @Input() kpi: any | undefined = undefined;
-  // tslint:disable-next-line:no-output-rename
-  @Output('tile-action') tileAction: EventEmitter<any> = new EventEmitter<any>();
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-  public emitTileAction($event: any): boolean {
-    $event.preventDefault();
-    $event.stopPropagation();
-    this.tileAction.emit($event);
-    return false;
-  }
-
-}

package/src/lib/controls/list-view/list-column.component.ts

@@ -1,10 +0,0 @@
-import { Component, ContentChild, Input, OnInit, TemplateRef } from '@angular/core';
-
-@Component({selector: 'lib-list-column', template: '<ng-content></ng-content>'})
-export class ListColumnComponent {
-  @Input() title: string | null = null;
-  // tslint:disable-next-line:no-input-rename
-  @Input('full-width') fullWidth = false;
-  @ContentChild(TemplateRef) template: any | null = null;
-  constructor() { }
-}

package/src/lib/controls/list-view/list-details-section.component.ts

@@ -1,8 +0,0 @@
-import { Component, ContentChild, Input, OnInit, TemplateRef } from '@angular/core';
-
-@Component({ selector: 'lib-list-details-section', template: '<ng-content></ng-content>' })
-export class ListDetailsSectionComponent{
-  @ContentChild(TemplateRef) template: any | null = null;
-  constructor() {
-  }
-}

package/src/lib/controls/list-view/list-tile.component.ts

@@ -1,8 +0,0 @@
-import { Component, ContentChild, Input, OnInit, TemplateRef } from '@angular/core';
-
-@Component({ selector: 'lib-list-tile', template: '<ng-content></ng-content>' })
-export class ListTileComponent{
-  @ContentChild(TemplateRef) template: any | null = null;
-  constructor() {
-  }
-}

package/src/lib/controls/list-view/list-view-empty-state.component.html

@@ -1,20 +0,0 @@
-<div class="p-20">
-  <div class="text-center p-2">
-    <svg xmlns="http://www.w3.org/2000/svg" class="mx-auto h-12 w-12 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-      <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4" />
-    </svg>
-    <h3 class="mt-2 text-sm font-medium text-gray-900">{{title}}</h3>
-    <p class="mt-1 text-sm text-gray-500">
-      {{subTitle}}
-    </p>
-    <div class="mt-6" *ngIf="false">
-      <button type="button" class="inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-gray-600 hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-offset-1 focus:ring-gray-500">
-        <!-- Heroicon name: solid/plus -->
-        <svg class="-ml-1 mr-2 h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true">
-          <path vector-effect="non-scaling-stroke" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 13h6m-3-3v6m-9 1V7a2 2 0 012-2h6l2 2h6a2 2 0 012 2v8a2 2 0 01-2 2H5a2 2 0 01-2-2z" />
-        </svg>
-        {{newItemLabel}}
-      </button>
-    </div>
-  </div>
-</div>

package/src/lib/controls/list-view/list-view-empty-state.component.ts

@@ -1,19 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'lib-list-view-empty-state',
-  templateUrl: './list-view-empty-state.component.html'
-})
-export class ListViewEmptyStateComponent implements OnInit {
-
-  @Input() title = 'Δεν βρέθηκαν εγγραφές.';
-  // tslint:disable-next-line:no-input-rename
-  @Input('sub-title') subTitle = 'Παρακαλώ αλλάξτε τα κριτήρια αναζήτησης σας ή ξεκινήστε προσθέτοντας μια νέα εγγραφή';
-  // tslint:disable-next-line:no-input-rename
-  @Input('new-item-label') newItemLabel = 'Νέα εγγραφή';
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-}