import { Component } from '@angular/core';
    import { CommonModule } from '@angular/common';
    import { FormsModule, ReactiveFormsModule } from '@angular/forms';      
  
  @Component({
    selector: 'app-tooltip-form-validation',
    imports: [CommonModule,FormsModule,ReactiveFormsModule],
    templateUrl: './tooltip-form-validation.component.html',
    styleUrls: ['./tooltip-form-validation.component.scss']
  })
  export class TooltipFormValidationComponent {
  
    public validate = false;
    public tooltipValidation = false;
  
    public submit() {
      this.validate = !this.validate;
    }
  
    public tooltipSubmit() {
      this.tooltipValidation = !this.tooltipValidation;
    }
  }
  

      import { CommonModule } from '@angular/common';
      import { Component } from '@angular/core';
      import { FormsModule } from '@angular/forms';
      import { NgbCalendar, NgbDate, NgbDateParserFormatter, NgbDateStruct, NgbModule } from '@ng-bootstrap/ng-bootstrap';
      import { FeathericonComponent } from '../../../shared/component/feathericon/feathericon.component';              
     
  @Component({
    selector: 'app-datepicker',
    imports: [CommonModule, NgbModule, FormsModule, FeathericonComponent],
    templateUrl: './datepicker.component.html',
    styleUrls: ['./datepicker.component.scss']
  })
  
   export class DatepickerComponent {
  
  model: NgbDateStruct;
  date: { year: number, month: number };
  
  displayMonths = 2;
  navigation = 'select';
  showWeekNumbers = false;
  outsideDays = 'visible';
  
  fromDate: NgbDate | null;
  toDate: NgbDate | null;
  
  model2: NgbDateStruct;
  placement = 'top';
  
   hoveredDate: NgbDate | null = null;
     
    constructor(private calendar: NgbCalendar, public formatter: NgbDateParserFormatter) {
     this.fromDate = calendar.getToday();
     this.toDate = calendar.getNext(calendar.getToday(), 'd', 10);
    }
  
    onDateSelection(date: NgbDate) {
      if (!this.fromDate && !this.toDate) {
          this.fromDate = date;
      } else if (this.fromDate && !this.toDate && date && date.after(this.fromDate)) {
          this.toDate = date;
      } else {
         this.toDate = null;
         this.fromDate = date;
      }
    }
  
    isHovered(date: NgbDate) {
      return this.fromDate && !this.toDate && this.hoveredDate && date.after(this.fromDate) &&
      date.before(this.hoveredDate);
    }
  
    isInside(date: NgbDate) { return this.toDate && date.after(this.fromDate) && date.before(this.toDate); }
  
   isRange(date: NgbDate) {
     return date.equals(this.fromDate) || (this.toDate && date.equals(this.toDate)) || this.isInside(date) ||
     this.isHovered(date)
    }
  
   validateInput(currentValue: NgbDate | null, input: string): NgbDate | null {
     const parsed = this.formatter.parse(input);
     return parsed && this.calendar.isValid(NgbDate.from(parsed)) ? NgbDate.from(parsed) : currentValue;
    }
   }

@import"/node_modules/@danielmoncada/angular-datetime-picker/assets/style/picker.min.css";
  @import "/node_modules/angular-calendar/css/angular-calendar.css"

import { Component } from '@angular/core';
    import { CommonModule } from '@angular/common';

  @Component({
    selector: 'app-icons-prefix-postfix',
    imports: [CommonModule],
    templateUrl: './icons-prefix-postfix.component.html',
    styleUrls: ['./icons-prefix-postfix.component.scss']
  })
  export class IconsPrefixPostfixComponent {
  
    public counter: number[] = [0, 0];
  
    public increment(i: number) {
      if (i === 0 || i === 1) {
        this.counter[i] += 1;
      }
    }
  
    public decrement(i: number) {
      if (i === 0 || i === 1) {
        if (this.counter[i] > 0) {
          this.counter[i] -= 1;
        }
      }
    }
  }

    import { CommonModule } from '@angular/common';
    import { Component } from '@angular/core';
    import { FormsModule, ReactiveFormsModule } from '@angular/forms';
    import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
    import { NgSelectModule } from '@ng-select/ng-select';   
  
    @Component({
      selector: 'app-select',
      imports: [CommonModule,FormsModule, ReactiveFormsModule, NgSelectModule , NgbModule],
      templateUrl: './select.component.html',
      styleUrl: './select.component.scss'
    })
  export class Defaultselect2Component {
  
    selectedCity: string;
    selectedCityIds: string[] = [];
    selectedCityIds3: string[] = [];
    selectedCityIds2: string[] = [];
    selectedCityIds4: string[] = [];
    selectedCityIds5: string[] = [];
    selectedCityIds6: string[] = [];
    selectedCityName = 'Vilnius';
    selectedCityId: number = 0;
    selectedUserIds: number[] = [];
  
    store: boolean = true;
  
    Placeholder = [
      { id: 1, name: 'Alabama' },
      { id: 2, name: 'Wyoming' },
      { id: 3, name: 'Coming' },
      { id: 4, name: 'Hanry Die' },
      { id: 4, name: 'John Deo' },
    ];
    
    Enable(val: boolean): void {
      this.store = val;
    }
  }
  

  import { CommonModule } from '@angular/common';
  import { Component } from '@angular/core';
  import { FormsModule } from '@angular/forms';
  import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
  import { Observable, OperatorFunction } from 'rxjs';
  import { debounceTime, distinctUntilChanged, map } from 'rxjs/operators';                   
  
  const states = [
    'Alabama',
    'Alaska',
    'American Samoa',
    'Arizona',
    'Arkansas',
    'California',
    'Colorado',
    'Connecticut',
    'Delaware',
    'District Of Columbia',
    'Federated States Of Micronesia',
    'Florida',
    'Georgia',
    'Guam',
    'Hawaii',
    'Idaho',
    'Illinois',
    'Indiana',
    'Iowa',
    'Kansas',
    'Kentucky',
    'Louisiana',
    'Maine',
    'Marshall Islands',
    'Maryland',
    'Massachusetts',
    'Michigan',
    'Minnesota',
    'Mississippi',
    'Missouri',
    'Montana',
    'Nebraska',
    'Nevada',
    'New Hampshire',
    'New Jersey',
    'New Mexico',
    'New York',
    'North Carolina',
    'North Dakota',
    'Northern Mariana Islands',
    'Ohio',
    'Oklahoma',
    'Oregon',
    'Palau',
    'Pennsylvania',
    'Puerto Rico',
    'Rhode Island',
    'South Carolina',
    'South Dakota',
    'Tennessee',
    'Texas',
    'Utah',
    'Vermont',
    'Virgin Islands',
    'Virginia',
    'Washington',
    'West Virginia',
    'Wisconsin',
    'Wyoming',
  ];
  
  @Component({
    selector: 'app-formatted-results',
    imports: [CommonModule,FormsModule,NgbModule],
    templateUrl: './formatted-results.component.html',
    styleUrls: ['./formatted-results.component.scss']
  })
  export class FormattedResultsComponent {
  
  public model: string
  
  formatter = (result: string) => result.toUpperCase();
  search: OperatorFunction = (text$: Observable) =>
    text$.pipe(
      debounceTime(200),
      distinctUntilChanged(),
      map((term) =>
        term === '' ? [] : states.filter((v) => v.toLowerCase().indexOf(term.toLowerCase()) > -1).slice(0, 10),
      ),
    );
  }