ca-components 2.1.152 → 2.1.161

package/lib/components/ca-custom-datetime-pickers/components/ca-custom-datetime-pickers-date-calendars/ca-custom-datetime-pickers-date-calendars.component.html

@@ -1,66 +0,0 @@
-<div class="d-flex">
-    <div class="month-years-size">
-        <div class="calendar_border"></div>
-        <app-ca-custom-datetime-pickers-calendar-left
-            [currentIndex]="currentIndex"
-            [currentYearIndex]="currentYearIndex"
-            [activeIndex]="activeIndex"
-            [months]="listPreview === 'full_list' ? months : justYears"
-            [listPreview]="listPreview"
-            [isMonthAndYearOnly]="isMonthAndYearOnly"
-        >
-        </app-ca-custom-datetime-pickers-calendar-left>
-    </div>
-    <div class="full-calendars-list">
-        <div class="full_list">
-            <div class="calendar_view">
-                <div class="calendar_view_head">
-                    <div class="month_name ca-font-bold">
-                        <span (click)="setListPreview()" class="year_hold">
-                            @if (listPreview === 'full_list') {
-                                <span>{{ selectedMonth }}</span>
-                            }
-                            {{ selectedYear }}
-                        </span>
-                    </div>
-                    <div
-                        class="today ca-font-bold"
-                        (click)="selectCurrentDay()"
-                    >
-                        Today
-                    </div>
-                </div>
-                <div class="calendars_list_view">
-                    <div
-                        class="calendar_month_days"
-                        [class.hideVisibility]="listPreview != 'full_list'"
-                    >
-                        @for (
-                            dayLetter of dayOfWeekLetters;
-                            let indx = $index;
-                            track indx
-                        ) {
-                            <div class="cal_day ca-font-bold">
-                                {{ dayLetter }}
-                            </div>
-                        }
-                    </div>
-                    <app-ca-custom-datetime-pickers--calendar-dates-main
-                        [currentIndex]="currentIndex"
-                        [currentYearIndex]="currentYearIndex"
-                        [activeIndex]="activeIndex"
-                        [monthYearsIndx]="monthYearsIndx"
-                        [months]="
-                            listPreview === 'full_list' ? months : justYears
-                        "
-                        [listPreview]="listPreview"
-                        [dateTime]="dateTime"
-                        [isMonthAndYearOnly]="isMonthAndYearOnly"
-                        (setListPreviewToFull)="setListPreviewToFull($event)"
-                        (setAutoIndex)="setAutoIndex($event)"
-                    ></app-ca-custom-datetime-pickers--calendar-dates-main>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>

package/lib/components/ca-custom-datetime-pickers/components/ca-custom-datetime-pickers-date-calendars/ca-custom-datetime-pickers-date-calendars.component.spec.ts

@@ -1,26 +0,0 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { CaCustomDateTimePickersDateCalendarsComponent } from './ca-custom-datetime-pickers-date-calendars.component';
-
-describe('CaCustomDateTimePickersDateCalendarsComponent', () => {
-    let component: CaCustomDateTimePickersDateCalendarsComponent;
-    let fixture: ComponentFixture<CaCustomDateTimePickersDateCalendarsComponent>;
-
-    beforeEach(async(() => {
-        TestBed.configureTestingModule({
-            declarations: [CaCustomDateTimePickersDateCalendarsComponent],
-        }).compileComponents();
-    }));
-
-    beforeEach(() => {
-        fixture = TestBed.createComponent(
-            CaCustomDateTimePickersDateCalendarsComponent
-        );
-        component = fixture.componentInstance;
-        fixture.detectChanges();
-    });
-
-    it('should create', () => {
-        expect(component).toBeTruthy();
-    });
-});

package/lib/components/ca-custom-datetime-pickers/components/ca-custom-datetime-pickers-date-calendars/ca-custom-datetime-pickers-date-calendars.component.ts

@@ -1,158 +0,0 @@
-import {
-    Component,
-    Input,
-    OnInit,
-    Output,
-    EventEmitter,
-    OnDestroy,
-} from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FormsModule } from '@angular/forms';
-
-import { Subject, Subscription, takeUntil } from 'rxjs';
-
-// moment
-import moment from 'moment';
-
-// services
-import { CalendarDateTimePickerService } from '../../services/calendar-datetime-picker.service';
-
-// constants
-import { RANGE, STARTING_YEAR } from '../../strategy/calendar-strategy';
-import { CustomDatetimePickersConstants } from '../../utils/constants/custom-datetime-pickers.constants';
-
-// components
-import { CaCustomDateTimePickerCalendarDatesMainComponent } from '../ca-custom-datetime-pickers-calendar-dates-main/ca-custom-datetime-pickers-calendar-dates-main.component';
-import { CaCustomDateTimePickersCalendarLeftComponent } from '../ca-custom-datetime-pickers-calendar-left/ca-custom-datetime-pickers-calendar-left.component';
-
-// enums
-import { CalendarListPreviewStringEnum } from '../../enums/calendar-list-preview-string.enum';
-
-@Component({
-    selector: 'app-ca-custom-datetime-pickers-date-calendars',
-    templateUrl: './ca-custom-datetime-pickers-date-calendars.component.html',
-    styleUrls: ['./ca-custom-datetime-pickers-date-calendars.component.scss'],
-    imports: [
-        CommonModule,
-        FormsModule,
-        CaCustomDateTimePickerCalendarDatesMainComponent,
-        CaCustomDateTimePickersCalendarLeftComponent,
-    ]
-})
-export class CaCustomDateTimePickersDateCalendarsComponent
-    implements OnInit, OnDestroy
-{
-    @Input() listPreview!: string;
-    @Input() dateTime!: Date;
-    @Input() isMonthAndYearOnly: boolean = false;
-    @Output() setListPreviewValue = new EventEmitter();
-
-    private currentYear: number = new Date().getFullYear();
-    private currentMonth: number = new Date().getMonth();
-    private activeMonth: number = 0;
-    private subscription?: Subscription;
-    private destroy$ = new Subject<void>();
-    private monthNames: string[] = CustomDatetimePickersConstants.monthNames;
-    public dayOfWeekLetters: string[] =
-        CustomDatetimePickersConstants.dayOfWeekLetters;
-
-    public activeIndex: number = 0;
-    public currentIndex!: number;
-    public currentYearIndex!: number;
-    public monthYearsIndx: string[] = [];
-    public months: Date[] = Array.from({ length: RANGE }, (_, i) => {
-        const year = STARTING_YEAR + Math.floor(i / 12);
-        const month = i % 12;
-        if (year === this.currentYear && month === this.currentMonth) {
-            this.currentIndex = i;
-            this.activeIndex = i;
-        }
-        const sendDate = new Date(year, month, 1);
-        this.monthYearsIndx.push(moment(sendDate).format('MM/DD/YY'));
-        return sendDate;
-    });
-
-    public justYears: Date[] = Array.from({ length: 100 }, (_, i) => {
-        const year = STARTING_YEAR + i;
-        if (year === this.currentYear) this.currentYearIndex = i;
-
-        return new Date(STARTING_YEAR + i, 1, 1);
-    });
-
-    public selectedYear!: number;
-    public selectedMonth!: string;
-
-    constructor(private calendarService: CalendarDateTimePickerService) {}
-
-    ngOnInit(): void {
-        this.initInitalState();
-        this.initScrollListener();
-    }
-
-    public initScrollListener(): void {
-        this.calendarService.scrolledIndexChange
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((res: { indx: number }) => {
-                this.activeIndex = res.indx;
-                this.onMonthChange(res.indx);
-            });
-    }
-
-    public initInitalState(): void {
-        this.selectedMonth = this.monthNames[this.dateTime.getMonth()];
-        this.selectedYear = this.dateTime.getFullYear();
-
-        if (this.calendarService.selectedIndex)
-            this.activeIndex = this.calendarService.selectedIndex;
-
-        if (this.isMonthAndYearOnly)
-            this.currentYearIndex = this.justYears.findIndex(
-                (year) => year.getFullYear() === this.selectedYear
-            );
-    }
-
-    public onMonthChange(month: number): void {
-        this.listPreview === CalendarListPreviewStringEnum.FULL_LIST
-            ? (this.selectedYear = this.months[month].getFullYear())
-            : (this.selectedYear = this.justYears[month].getFullYear());
-
-        this.selectedMonth = this.monthNames[this.months[month].getMonth()];
-        this.activeMonth = month;
-    }
-
-    public getMonth(index: number): string {
-        return CustomDatetimePickersConstants.monthNames[index];
-    }
-
-    public setListPreview(): void {
-        if (this.listPreview === CalendarListPreviewStringEnum.FULL_LIST) {
-            this.setListPreviewValue.emit(
-                CalendarListPreviewStringEnum.MONTH_LIST
-            );
-            this.calendarService.setAutoIndex = Math.floor(
-                this.activeIndex / 12
-            );
-        }
-    }
-
-    public setListPreviewToFull(num: number): void {
-        this.setListPreviewValue.emit(CalendarListPreviewStringEnum.FULL_LIST);
-        this.setAutoIndex(num);
-    }
-
-    public setAutoIndex(num: number): void {
-        this.calendarService.setAutoIndex = this.activeIndex * 12 + num;
-    }
-
-    public selectCurrentDay(): void {
-        const new_date = moment(new Date()).format();
-        this.calendarService.dateChanged.next(new_date);
-        this.setListPreviewValue.emit(CalendarListPreviewStringEnum.FULL_LIST);
-    }
-
-    ngOnDestroy() {
-        if (this.subscription) this.subscription.unsubscribe();
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-}

package/lib/components/ca-custom-datetime-pickers/enums/calendar-left-string.enum.ts

@@ -1,5 +0,0 @@
-export enum CalendarLeftStringEnum {
-    FULL_SIZE = 22,
-    CYCLE_HEIGHT = 100 * (12 * FULL_SIZE) + 265,
-    CYCLE_HEIGHT_BY_MONTHS = 100 * FULL_SIZE + 265,
-}

package/lib/components/ca-custom-datetime-pickers/enums/calendar-list-preview-string.enum.ts

@@ -1,4 +0,0 @@
-export enum CalendarListPreviewStringEnum {
-  FULL_LIST = 'full_list',
-  MONTH_LIST = 'month_list',
-}

package/lib/components/ca-custom-datetime-pickers/enums/calendar-main-string.enum.ts

@@ -1,5 +0,0 @@
-export enum CalendarMainStringEnum {
-    FULL_SIZE = 182,
-    CYCLE_HEIGHT = 100 * (12 * FULL_SIZE) + 50,
-    CYCLE_HEIGHT_BY_MONTHS = 100 * FULL_SIZE + 65,
-}

package/lib/components/ca-custom-datetime-pickers/enums/calendar-scroll-type-string.enum.ts

@@ -1,4 +0,0 @@
-export enum CalendarScrollTypeStringEnum {
-  HOURS_SCROLL = 'hourScroll',
-  PM_AM_SCROLL = 'pmAmScroll',
-}

package/lib/components/ca-custom-datetime-pickers/enums/calendar-string.enum.ts

@@ -1,6 +0,0 @@
-export enum CalendarStringEnum {
-  AUTO = 'auto',
-  LEFT = 'left',
-  LIST_PREVIEW = 'listPreview',
-  MAIN = 'main'
-}

package/lib/components/ca-custom-datetime-pickers/enums/calendar-type-string.enum.ts

@@ -1,3 +0,0 @@
-export enum CalendarTypeStringEnum {
-  TIME = 'time',
-}

package/lib/components/ca-custom-datetime-pickers/models/scroll-change.model.ts

@@ -1,6 +0,0 @@
-export interface ScrollChange {
-  indx: number;
-  scrollOffset: number;
-  cycleSize: number;
-  type: string;
-}

package/lib/components/ca-custom-datetime-pickers/models/scroll-type.model.ts

@@ -1,8 +0,0 @@
-export interface ScrollType {
-  pmAmScroll: number;
-  minutesScroll: number;
-  hourScroll: number;
-  monthScroll: number;
-  dayScroll: number;
-  yearScroll: number;
-}

package/lib/components/ca-custom-datetime-pickers/pipes/calendar-months.pipe.ts

@@ -1,23 +0,0 @@
-import { Pipe, PipeTransform } from '@angular/core';
-import { CustomDatetimePickersConstants } from '../utils/constants/custom-datetime-pickers.constants';
-import { CalendarListPreviewStringEnum } from '../enums/calendar-list-preview-string.enum';
-
-@Pipe({
-    name: 'calendarmonths',
-    standalone: true,
-})
-export class CalendarMonthsPipe implements PipeTransform {
-    private MONTHS = CustomDatetimePickersConstants.monthNames;
-
-    constructor() {}
-
-    transform(index: Date, listPreview: string): string {
-        if (
-            this.MONTHS[index.getMonth()] === 'January' ||
-            listPreview === CalendarListPreviewStringEnum.MONTH_LIST
-        )
-            return `<span class="left-year-show">${index.getFullYear()}</span>`;
-
-        return this.MONTHS[index.getMonth()].slice(0, 3);
-    }
-}

package/lib/components/ca-custom-datetime-pickers/services/calendar-datetime-picker.service.ts

@@ -1,35 +0,0 @@
-import { distinctUntilChanged } from "rxjs/operators";
-import { Subject } from "rxjs";
-import { Injectable } from "@angular/core";
-
-// models
-import { ScrollChange } from "../models/scroll-change.model";
-
-@Injectable({
-  providedIn: "root",
-})
-export class CalendarDateTimePickerService {
-  public index$ = new Subject<ScrollChange>();
-  public indexAuto$ = new Subject<number>();
-  public scrollToDate = new Subject<string>();
-  public dateChanged = new Subject<any>();
-  public selectedIndex = 0;
-  scrolledIndexChange = this.index$.pipe(distinctUntilChanged());
-  scrollToAutoIndex = this.indexAuto$.pipe(distinctUntilChanged());
-  private scrolledScroll!: string;
-
-  constructor() {}
-
-  public set setAutoIndex(number: number) {
-    this.selectedIndex = number;
-    this.indexAuto$.next(number);
-  }
-
-  public set scrolledScrollItem(name: string) {
-    this.scrolledScroll = name;
-  }
-
-  public get selectedScroll() {
-    return this.scrolledScroll;
-  }
-}

package/lib/components/ca-custom-datetime-pickers/strategy/calendar-strategy.ts

@@ -1,120 +0,0 @@
-import {
-  CdkVirtualScrollViewport,
-  VirtualScrollStrategy,
-} from '@angular/cdk/scrolling';
-import { Inject, Injectable } from '@angular/core';
-import { Subject } from 'rxjs';
-import { distinctUntilChanged } from 'rxjs/operators';
-
-// services
-import { CalendarDateTimePickerService } from '../services/calendar-datetime-picker.service';
-
-export const STARTING_YEAR = new Date().getFullYear() - 90;
-
-export const RANGE = 100 * 12;
-
-const BUFFER = 500;
-
-@Injectable()
-export class CalendarStrategy implements VirtualScrollStrategy {
-  constructor(
-    private calendarService: CalendarDateTimePickerService,
-    @Inject(String) private startedHeight: number,
-    @Inject(String) private FULL_SIZE: number,
-    @Inject(String) private SCROLL_TYPE: string
-  ) {}
-
-  private index$ = new Subject<any>();
-  scrolledIndexChange = this.index$.pipe(distinctUntilChanged());
-  private viewport?: CdkVirtualScrollViewport;
-
-  public attach(viewport: CdkVirtualScrollViewport): void {
-    this.viewport = viewport;
-    this.viewport.setTotalContentSize(this.startedHeight);
-    this.updateRenderedRange(this.viewport);
-  }
-
-  public updateScrollHeights(height: number): void {
-    this.viewport?.setTotalContentSize(height);
-    this.updateRenderedRange(this.viewport);
-  }
-
-  public detach(): void {
-    this.index$.complete();
-    this.viewport = undefined;
-  }
-
-  public onContentScrolled(): void {
-    if (this.viewport) this.updateRenderedRange(this.viewport);
-  }
-
-  /** These do not matter for this case */
-  public onDataLengthChanged(): void {}
-
-  public onContentRendered(): void {}
-
-  public onRenderedOffsetChanged(): void {}
-
-  public scrollToIndex(index: number, behavior: ScrollBehavior): void {
-    if (this.viewport)
-      this.viewport.scrollToOffset(this.getOffsetForIndex(index), behavior);
-  }
-
-  public scrollToOffset(offset: number, behavior: ScrollBehavior): void {
-    if (this.viewport) this.viewport.scrollToOffset(offset, behavior);
-  }
-
-  public getOffsetForIndex(index: number): number {
-    return this.FULL_SIZE * index;
-  }
-
-  private getIndexForOffset(offset: number): number {
-    return Math.round(offset / this.FULL_SIZE);
-  }
-  private updateRenderedRange(viewport?: CdkVirtualScrollViewport): void {
-    if (!viewport) return;
-
-    const offset = viewport.measureScrollOffset();
-
-    const { start, end } = viewport.getRenderedRange();
-    const viewportSize = 230;
-
-    const dataLength = viewport.getDataLength();
-
-    const newRange = { start, end };
-    const firstVisibleIndex = this.getIndexForOffset(offset);
-
-    const startOffsetIndex = this.FULL_SIZE * start;
-
-    const startBuffer = offset - startOffsetIndex;
-    if (startBuffer < BUFFER && start !== 0) {
-      newRange.start = Math.max(0, this.getIndexForOffset(offset - BUFFER * 2));
-      newRange.end = Math.min(
-        dataLength,
-        this.getIndexForOffset(offset + viewportSize + BUFFER)
-      );
-    } else {
-      const endBuffer = this.FULL_SIZE * end - offset - viewportSize;
-
-      if (endBuffer < BUFFER && end !== dataLength) {
-        newRange.start = Math.max(0, this.getIndexForOffset(offset - BUFFER));
-        newRange.end = Math.min(
-          dataLength,
-          this.getIndexForOffset(offset + viewportSize + BUFFER * 2)
-        );
-      }
-    }
-
-    viewport.setRenderedRange(newRange);
-    viewport.setRenderedContentOffset(this.getOffsetForIndex(newRange.start));
-
-    // Used for update of 2nd scroll that is listening
-    if (this.calendarService.selectedScroll === this.SCROLL_TYPE)
-      this.index$.next({
-        indx: firstVisibleIndex,
-        scrollOffset: offset,
-        cycleSize: this.FULL_SIZE,
-        type: this.SCROLL_TYPE,
-      });
-  }
-}

package/lib/components/ca-custom-datetime-pickers/utils/constants/custom-datetime-pickers.constants.ts

@@ -1,48 +0,0 @@
-export class CustomDatetimePickersConstants {
-  public static readonly timeMinutes = ['00', '15', '30', '45'];
-  public static readonly timeMinutesGapFive = [
-    '00',
-    '05',
-    '10',
-    '15',
-    '20',
-    '25',
-    '30',
-    '35',
-    '40',
-    '45',
-    '50',
-    '55',
-  ];
-  public static readonly monthNames = [
-    'January',
-    'February',
-    'March',
-    'April',
-    'May',
-    'June',
-    'July',
-    'August',
-    'September',
-    'October',
-    'November',
-    'December',
-  ];
-  public static readonly hourTimes = [
-    12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10,
-    11,
-  ];
-  public static readonly defaultScrollTypes = {
-    pmAmScroll: 0,
-    minutesScroll: 0,
-    hourScroll: 8,
-    monthScroll: 0,
-    dayScroll: 0,
-    yearScroll: 0,
-  };
-  public static readonly timeOfDay = ['AM', 'PM'];
-  public static readonly defaultSelectedTime = '12:00 AM';
-  public static readonly defaultOutputTypeTime = ['hh', ':', 'mm', ' ', 'AM'];
-  public static readonly defaultOutputTypeDate = ['MM', '/', 'DD', '/', 'YY'];
-  public static readonly dayOfWeekLetters = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
-}