@updevs/components 1.0.0-alpha.47 → 1.0.0-alpha.49

package/README.md

@@ -1,13 +1 @@
-# UpDevs Components Library for Angular
-
-# Tabler Upgrade
-
-After every Tabler update, perform the following operations:
-
-- Replace all "tblr" to "upd"
-
-# Library References
-
-LOCAL: "@updevs/icons": "file:../icons", "@updevs/sdk": "file:../sdk",
-
-PUBLISHED: "@updevs/icons": "^1.0.4", "@updevs/sdk": "^1.0.0-alpha.15",
+# UpDevs Components Library for Angular v18

package/calendar/calendar.component.d.ts

@@ -1,127 +1,63 @@
-import { AfterContentInit, AfterViewChecked, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
+import { OnInit } from '@angular/core';
 import { OptionalType } from '@updevs/sdk/types';
-import { DateRangeModel } from './models/date-range.model';
-import { CalendarViewType } from './types/calendar-view.type';
-import { CalendarUserEventModel } from './models/calendar-user-event.model';
-import { CalendarCellClassFunctionType } from './types/calendar-cell-class-function.type';
-import { CalendarMonthViewComponent } from './components/calendar-month-view/calendar-month-view.component';
-import { CalendarYearViewComponent } from './components/calendar-year-view/calendar-year-view.component';
-import { CalendarMultiYearViewComponent } from './components/calendar-multi-year-view/calendar-multi-year-view.component';
+import { CalendarViewEnum } from './models/enums/calendar-view.enum';
+import { CalendarDateModel } from './models/calendar-date.model';
+import { CalendarMonthModel } from './models/calendar-month.model';
+import { CalendarYearModel } from './models/calendar-year.model';
+import { CalendarSelectedModel } from './models/calendar-selected.model';
 import * as i0 from "@angular/core";
-export declare class CalendarComponent implements AfterContentInit, AfterViewChecked, OnChanges {
-    /** Reference to the current month view component. */
-    monthView?: CalendarMonthViewComponent;
-    /** Reference to the current year view component. */
-    yearView?: CalendarYearViewComponent;
-    /** Reference to the current multi-year view component. */
-    multiYearView?: CalendarMultiYearViewComponent;
-    /** A date representing the period (month or year) to start the calendar in. */
-    get startAt(): OptionalType<Date>;
-    set startAt(value: OptionalType<Date>);
-    /**
-     * Whether the calendar should be started in month or year view.
-     */
-    startView: CalendarViewType;
-    /**
-     * The currently selected date.
-     */
-    get selected(): DateRangeModel | OptionalType<Date>;
-    set selected(value: DateRangeModel | OptionalType<Date>);
-    /**
-     * The minimum selectable date.
-     */
-    get minDate(): OptionalType<Date>;
-    set minDate(value: OptionalType<Date>);
-    /**
-     * The maximum selectable date.
-     */
-    get maxDate(): OptionalType<Date>;
-    set maxDate(value: OptionalType<Date>);
-    /**
-     * Function used to filter which dates are selectable.
-     */
-    dateFilter?: (date: Date) => boolean;
-    /** Function that can be used to add custom CSS classes to dates. */
-    dateClass?: CalendarCellClassFunctionType;
-    /** Start of the comparison range. */
-    comparisonStart?: Date;
-    /** End of the comparison range. */
-    comparisonEnd?: Date;
-    /** ARIA Accessible name of the `<input matStartDate/>` */
-    startDateAccessibleName?: string;
-    /** ARIA Accessible name of the `<input matEndDate/>` */
-    endDateAccessibleName?: string;
-    /** Whether the user is currently selecting a range of dates. */
-    isRange: boolean;
-    /** Emits when the currently selected date changes. */
-    readonly selectedChange: EventEmitter<OptionalType<Date>>;
-    /**
-     * Emits the year chosen in multiyear view.
-     * This doesn't imply a change on the selected date.
-     */
-    readonly yearSelected: EventEmitter<Date>;
-    /**
-     * Emits the month chosen in year view.
-     * This doesn't imply a change on the selected date.
-     */
-    readonly monthSelected: EventEmitter<Date>;
-    /**
-     * Emits when the current view changes.
-     */
-    readonly viewChanged: EventEmitter<CalendarViewType>;
-    /** Emits when any date is selected. */
-    readonly userSelection: EventEmitter<CalendarUserEventModel<OptionalType<Date>>>;
-    /** Emits a new date range value when the user completes a drag drop operation. */
-    readonly userDragDrop: EventEmitter<CalendarUserEventModel<DateRangeModel>>;
-    /**
-     * The current active date. This determines which time period is shown and which date is
-     * highlighted when using keyboard navigation.
-     */
-    get activeDate(): Date;
-    set activeDate(value: Date);
-    /** Whether the calendar is in month view. */
-    get currentView(): CalendarViewType;
-    set currentView(value: CalendarViewType);
-    /** Origin of active drag, or null when dragging is not active. */
-    protected _activeDrag?: CalendarUserEventModel<Date>;
-    private _clampedActiveDate;
-    private _startAt?;
-    private _selected?;
-    private _minDate?;
-    private _maxDate?;
-    /**
-     * Used for scheduling that focus should be moved to the active cell on the next tick.
-     * We need to schedule it, rather than do it immediately, because we have to wait
-     * for Angular to re-evaluate the view children.
-     */
-    private _moveFocusOnNextTick;
-    private _currentView;
+export declare class CalendarComponent implements OnInit {
+    readonly selectedDate: import("@angular/core").InputSignal<OptionalType<Date>>;
+    readonly selectedStartDate: import("@angular/core").InputSignal<OptionalType<Date>>;
+    readonly selectedEndDate: import("@angular/core").InputSignal<OptionalType<Date>>;
+    readonly minDate: import("@angular/core").InputSignal<OptionalType<Date>>;
+    readonly maxDate: import("@angular/core").InputSignal<OptionalType<Date>>;
+    readonly disabledDatesFilter: import("@angular/core").InputSignal<OptionalType<(date: Date) => boolean>>;
+    readonly isRange: import("@angular/core").InputSignal<boolean>;
+    readonly shouldRemoveExternalBorder: import("@angular/core").InputSignal<boolean>;
+    readonly selected: import("@angular/core").OutputEmitterRef<OptionalType<CalendarSelectedModel>>;
+    readonly monthChanged: import("@angular/core").OutputEmitterRef<Date>;
+    CalendarViewEnum: typeof CalendarViewEnum;
+    readonly currentView: import("@angular/core").WritableSignal<CalendarViewEnum>;
+    readonly currentDate: import("@angular/core").WritableSignal<Date>;
+    readonly yearRange: import("@angular/core").WritableSignal<{
+        start: number;
+        end: number;
+    }>;
+    readonly currentYear: import("@angular/core").Signal<number>;
+    readonly currentMonth: import("@angular/core").Signal<number>;
+    readonly currentMonthName: import("@angular/core").Signal<string>;
+    readonly calendarDays: import("@angular/core").Signal<CalendarDateModel[]>;
+    readonly calendarMonths: import("@angular/core").Signal<CalendarMonthModel[]>;
+    readonly calendarYears: import("@angular/core").Signal<CalendarYearModel[]>;
+    readonly weekDayNames: import("@angular/core").Signal<string[]>;
+    private readonly internalSelectedDate;
+    private readonly internalSelectedStartDate;
+    private readonly internalSelectedEndDate;
     private readonly dateService;
-    private readonly _changeDetectorRef;
-    ngAfterContentInit(): void;
-    ngAfterViewChecked(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    /** Focuses the active date. */
-    focusActiveCell(): void;
-    /** Updates today's date after an update of the active date */
-    updateTodaysDate(): void;
-    /** Handles date selection in the month view. */
-    _dateSelected(event: CalendarUserEventModel<OptionalType<Date>>): void;
-    /** Handles year selection in the multiyear view. */
-    _yearSelectedInMultiYearView(normalizedYear: Date): void;
-    /** Handles month selection in the year view. */
-    _monthSelectedInYearView(normalizedMonth: Date): void;
-    /** Handles year/month selection in the multi-year/year views. */
-    _goToDateInView(date: Date, view: CalendarViewType): void;
-    /** Called when the user starts dragging to change a date range. */
-    _dragStarted(event: CalendarUserEventModel<Date>): void;
-    /**
-     * Called when a drag completes. It may end in cancelation or in the selection
-     * of a new range.
-     */
-    _dragEnded(event: CalendarUserEventModel<OptionalType<DateRangeModel>>): void;
-    /** Returns the component instance that corresponds to the current calendar view. */
-    private _getCurrentViewComponent;
+    private rangeSelectionState;
+    ngOnInit(): void;
+    onHeaderClick(): void;
+    onPreviousClick(): void;
+    onNextClick(): void;
+    onDateClick(dateModel: CalendarDateModel): void;
+    onMonthClick(monthModel: CalendarMonthModel): void;
+    onYearClick(yearModel: CalendarYearModel): void;
+    clearSelection(): void;
+    private syncInternalState;
+    private handleRangeSelection;
+    private generateCalendarDays;
+    private generateCalendarMonths;
+    private generateCalendarYears;
+    private isDateSelected;
+    private isDateInRange;
+    private isDateRangeStart;
+    private isDateRangeEnd;
+    private isDateDisabled;
+    private isMonthDisabled;
+    private isYearDisabled;
+    private updateYearRange;
+    private moveYearRange;
     static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "upd-calendar", never, { "startAt": { "alias": "startAt"; "required": false; }; "startView": { "alias": "startView"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "dateFilter": { "alias": "dateFilter"; "required": false; }; "dateClass": { "alias": "dateClass"; "required": false; }; "comparisonStart": { "alias": "comparisonStart"; "required": false; }; "comparisonEnd": { "alias": "comparisonEnd"; "required": false; }; "startDateAccessibleName": { "alias": "startDateAccessibleName"; "required": false; }; "endDateAccessibleName": { "alias": "endDateAccessibleName"; "required": false; }; "isRange": { "alias": "isRange"; "required": false; }; }, { "selectedChange": "selectedChange"; "yearSelected": "yearSelected"; "monthSelected": "monthSelected"; "viewChanged": "viewChanged"; "userSelection": "userSelection"; "userDragDrop": "userDragDrop"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "upd-calendar", never, { "selectedDate": { "alias": "selectedDate"; "required": false; "isSignal": true; }; "selectedStartDate": { "alias": "selectedStartDate"; "required": false; "isSignal": true; }; "selectedEndDate": { "alias": "selectedEndDate"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDatesFilter": { "alias": "disabledDatesFilter"; "required": false; "isSignal": true; }; "isRange": { "alias": "isRange"; "required": false; "isSignal": true; }; "shouldRemoveExternalBorder": { "alias": "shouldRemoveExternalBorder"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "monthChanged": "monthChanged"; }, never, never, false, never>;
 }

package/calendar/models/calendar-date.model.d.ts

@@ -0,0 +1,10 @@
+export interface CalendarDateModel {
+    date: Date;
+    isCurrentMonth: boolean;
+    isToday: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+    isInRange?: boolean;
+    isRangeStart?: boolean;
+    isRangeEnd?: boolean;
+}

package/calendar/models/calendar-month.model.d.ts

@@ -0,0 +1,7 @@
+export interface CalendarMonthModel {
+    monthIndex: number;
+    name: string;
+    isCurrentMonth: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+}

package/calendar/models/calendar-selected.model.d.ts

@@ -0,0 +1,5 @@
+export interface CalendarSelectedModel {
+    selectedDate?: Date;
+    startDate?: Date;
+    endDate?: Date;
+}

package/calendar/models/calendar-year.model.d.ts

@@ -0,0 +1,6 @@
+export interface CalendarYearModel {
+    year: number;
+    isCurrentYear: boolean;
+    isSelected: boolean;
+    isDisabled: boolean;
+}

package/calendar/models/date-range.model.d.ts

@@ -10,10 +10,6 @@ export declare class DateRangeModel {
      * The end date of the range.
      */
     readonly end?: Date | undefined;
-    /**
-     * Ensures that objects with a `start` and `end` property can't be assigned to a variable that
-     * expects a `DateRange`
-     */ private disableStructuralEquivalency;
     constructor(
     /**
      * The start date of the range.

package/calendar/models/enums/calendar-view.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum CalendarViewEnum {
+    Days = "days",
+    Months = "months",
+    Years = "years"
+}

package/calendar/models/public-api.d.ts

@@ -1,2 +1,7 @@
 export * from './calendar-user-event.model';
 export * from './date-range.model';
+export * from './enums/calendar-view.enum';
+export * from './calendar-date.model';
+export * from './calendar-month.model';
+export * from './calendar-year.model';
+export * from './calendar-selected.model';

package/calendar/upd-calendar.module.d.ts

@@ -1,18 +1,13 @@
 import { TranslocoService } from '@jsverse/transloco';
 import * as i0 from "@angular/core";
-import * as i1 from "./components/calendar-header/calendar-header.component";
-import * as i2 from "./components/calendar-multi-year-view/calendar-multi-year-view.component";
-import * as i3 from "./components/calendar-year-view/calendar-year-view.component";
-import * as i4 from "./components/calendar-month-view/calendar-month-view.component";
-import * as i5 from "./components/calendar-body/calendar-body.component";
-import * as i6 from "./calendar.component";
-import * as i7 from "@angular/common";
-import * as i8 from "@updevs/components/button";
-import * as i9 from "@jsverse/transloco";
-import * as i10 from "@updevs/icons";
+import * as i1 from "./calendar.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@updevs/components/button";
+import * as i4 from "@jsverse/transloco";
+import * as i5 from "@updevs/icons";
 export declare class UpdCalendarModule {
     constructor(translocoService: TranslocoService);
     static ɵfac: i0.ɵɵFactoryDeclaration<UpdCalendarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdCalendarModule, [typeof i1.CalendarHeaderComponent, typeof i2.CalendarMultiYearViewComponent, typeof i3.CalendarYearViewComponent, typeof i4.CalendarMonthViewComponent, typeof i5.CalendarBodyComponent, typeof i6.CalendarComponent], [typeof i7.CommonModule, typeof i8.UpdButtonModule, typeof i9.TranslocoDirective, typeof i10.UpdIconsModule], [typeof i6.CalendarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UpdCalendarModule, [typeof i1.CalendarComponent], [typeof i2.CommonModule, typeof i3.UpdButtonModule, typeof i4.TranslocoDirective, typeof i5.UpdIconsModule], [typeof i1.CalendarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<UpdCalendarModule>;
 }

package/card/public-api.d.ts

@@ -1,3 +1,4 @@
 export * from './directives/public-api';
+export * from './types/public-api';
 export * from './upd-card.module';
 export * from './card.component';

package/card/types/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './card-state.type';
+export * from './card-style.type';
+export * from './hover-effect.type';
+export * from './ribbon-style.type';
+export * from './status-position.type';

package/dropdown/dropdown.component.d.ts

@@ -52,6 +52,7 @@ export declare class DropdownComponent extends BaseComponent implements OnInit,
     get overflowClass(): string;
     private baseWrapperClasses;
     private _isOpen;
+    private dropdownOutsideClickSub?;
     private readonly dropdownElement;
     private readonly ngZone;
     private readonly elementRef;
@@ -64,6 +65,8 @@ export declare class DropdownComponent extends BaseComponent implements OnInit,
     onSelect(item: DropdownItem): void;
     onCheckboxChange(item: DropdownItem, isChecked: boolean): void;
     adaptAction(btn: ButtonModel, item: DropdownItem): ButtonModel;
+    trackByItemId(index: number, item: DropdownItem): any;
+    getButtonClasses(item: DropdownItem): string;
     private closeOnOutsideClick;
     private updateStyle;
     private updateWrapperClasses;