ud-components 0.5.14 → 0.5.17

package/lib/calendar/calendar.component.d.ts

@@ -0,0 +1,81 @@
+import { CalendarMode, CalendarSlot, CalendarView } from './calendar.interface';
+import * as i0 from "@angular/core";
+export declare class CalendarComponent {
+    slots: import("@angular/core").InputSignal<CalendarSlot[]>;
+    mode: import("@angular/core").InputSignal<CalendarMode>;
+    defaultView: import("@angular/core").InputSignal<CalendarView>;
+    slotDuration: import("@angular/core").InputSignal<number>;
+    minHour: import("@angular/core").InputSignal<number>;
+    maxHour: import("@angular/core").InputSignal<number>;
+    slotAdded: import("@angular/core").OutputEmitterRef<CalendarSlot>;
+    slotUpdated: import("@angular/core").OutputEmitterRef<CalendarSlot>;
+    slotRemoved: import("@angular/core").OutputEmitterRef<string>;
+    slotBooked: import("@angular/core").OutputEmitterRef<CalendarSlot>;
+    activeView: import("@angular/core").WritableSignal<CalendarView>;
+    navDate: import("@angular/core").WritableSignal<Date>;
+    readonly viewOptions: {
+        id: CalendarView;
+        label: string;
+    }[];
+    private readonly CELL_H;
+    private readonly TIME_COL_W;
+    private dialog;
+    private elRef;
+    draggingSlot: CalendarSlot | null;
+    dragMoved: boolean;
+    dragTarget: {
+        day: Date;
+        hour: number;
+        minute: number;
+    } | null;
+    private dragSlotDurationMin;
+    private dragStartPos;
+    constructor();
+    timeSlots: import("@angular/core").Signal<{
+        hour: number;
+        minute: number;
+        label: string;
+    }[]>;
+    weekDays: import("@angular/core").Signal<Date[]>;
+    monthWeeks: import("@angular/core").Signal<Date[][]>;
+    headerLabel: import("@angular/core").Signal<string>;
+    navigate(dir: -1 | 1): void;
+    goToday(): void;
+    switchView(view: CalendarView): void;
+    clickDay(day: Date): void;
+    slotsForDay(day: Date): CalendarSlot[];
+    slotTop(slot: CalendarSlot): number;
+    slotHeight(slot: CalendarSlot): number;
+    slotBg(slot: CalendarSlot): string;
+    slotTextColor(slot: CalendarSlot): string;
+    slotBorderColor(slot: CalendarSlot): string;
+    formatSlotTime(slot: CalendarSlot): string;
+    isToday(day: Date): boolean;
+    isCurrentMonth(day: Date): boolean;
+    dayLabel(day: Date): string;
+    dayNum(day: Date): number;
+    onCellClick(day: Date, hour: number, minute: number): void;
+    onSlotMouseDown(e: MouseEvent, slot: CalendarSlot): void;
+    onDocMouseMove(e: MouseEvent): void;
+    onDocMouseUp(e: MouseEvent): void;
+    previewTop(target: {
+        hour: number;
+        minute: number;
+    }): number;
+    previewHeight(): number;
+    private getGridTarget;
+    openAddModal(day?: Date, hour?: number, minute?: number): void;
+    openEditModal(slot: CalendarSlot): void;
+    private buildForm;
+    private slotForms;
+    private buildSlot;
+    private shiftTimeStr;
+    private applyTimeStr;
+    private getMonday;
+    isSameDay(a: Date, b: Date): boolean;
+    private formatHour;
+    private formatTime;
+    private hexToRgba;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CalendarComponent, "ud-calendar", never, { "slots": { "alias": "slots"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "defaultView": { "alias": "defaultView"; "required": false; "isSignal": true; }; "slotDuration": { "alias": "slotDuration"; "required": false; "isSignal": true; }; "minHour": { "alias": "minHour"; "required": false; "isSignal": true; }; "maxHour": { "alias": "maxHour"; "required": false; "isSignal": true; }; }, { "slotAdded": "slotAdded"; "slotUpdated": "slotUpdated"; "slotRemoved": "slotRemoved"; "slotBooked": "slotBooked"; }, never, never, true, never>;
+}

package/lib/calendar/calendar.interface.d.ts

@@ -0,0 +1,11 @@
+export interface CalendarSlot {
+    id: string;
+    title?: string;
+    start: Date;
+    end: Date;
+    booked?: boolean;
+    bookedBy?: string;
+    color?: string;
+}
+export type CalendarView = 'week' | 'month' | 'day';
+export type CalendarMode = 'admin' | 'student' | 'readonly';

package/lib/carousel/carousel.component.d.ts

@@ -1,18 +1,30 @@
-import { AfterViewInit, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
+import { AfterViewChecked, AfterViewInit, ElementRef, OnChanges, SimpleChanges } from '@angular/core';
 import { SwiperContainer } from 'swiper/element/bundle';
 import * as i0 from "@angular/core";
-export declare class CarouselComponent implements AfterViewInit, OnChanges {
+export type CarouselObjectFit = 'cover' | 'contain' | 'fill' | 'scale-down' | 'none';
+export declare class CarouselComponent implements AfterViewInit, AfterViewChecked, OnChanges {
     pictures: string[];
     height: number;
     direction: string;
     autoplay: boolean;
+    objectFit: CarouselObjectFit;
     swiperRef: ElementRef<SwiperContainer>;
+    lightboxBackdrop?: ElementRef<HTMLDivElement>;
     protected activeIndex: number;
+    protected lightboxIndex: number | null;
+    private lightboxShouldFocus;
+    protected get lightboxOpen(): boolean;
+    protected openLightbox(index: number): void;
+    ngAfterViewChecked(): void;
+    protected closeLightbox(): void;
+    protected lightboxPrev(): void;
+    protected lightboxNext(): void;
+    protected onLightboxKeydown(event: KeyboardEvent): void;
     ngAfterViewInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
     prev(): void;
     next(): void;
     goTo(index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "ud-carousel", never, { "pictures": { "alias": "pictures"; "required": false; }; "height": { "alias": "height"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "autoplay": { "alias": "autoplay"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "ud-carousel", never, { "pictures": { "alias": "pictures"; "required": false; }; "height": { "alias": "height"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "autoplay": { "alias": "autoplay"; "required": false; }; "objectFit": { "alias": "objectFit"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/form-fields/chip-input/chip-input.component.d.ts

@@ -0,0 +1,23 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { MatChipInputEvent } from '@angular/material/chips';
+import * as i0 from "@angular/core";
+export declare class ChipInputComponent implements OnChanges {
+    controlName: string;
+    label: string;
+    placeholder: string;
+    icon?: string;
+    iconFontSet: string;
+    disabled: boolean;
+    hint: string;
+    focused: boolean;
+    readonly separatorKeysCodes: readonly [13, 188];
+    private controlContainer;
+    get control(): FormControl;
+    get chips(): string[];
+    ngOnChanges(changes: SimpleChanges): void;
+    addChip(event: MatChipInputEvent): void;
+    removeChip(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChipInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipInputComponent, "ud-chip-input", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/form-fields/pill-toggle/pill-toggle.component.d.ts

@@ -2,7 +2,7 @@ import { OnChanges, SimpleChanges } from '@angular/core';
 import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export interface PillToggleOption {
-    value: string;
+    value: any;
     label: string;
 }
 /**
@@ -25,7 +25,7 @@ export declare class PillToggleComponent implements OnChanges {
     private controlContainer;
     ngOnChanges(changes: SimpleChanges): void;
     get control(): FormControl;
-    select(value: string): void;
+    select(value: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PillToggleComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PillToggleComponent, "ud-pill-toggle", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/form-fields/time-picker/time-picker.component.d.ts

@@ -1,43 +1,22 @@
-import { OnChanges, SimpleChanges } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { MatTimepickerOption } from '@angular/material/timepicker';
+import { OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import { UdSelectOption } from '../multi-select/multi-select.component';
 import * as i0 from "@angular/core";
-/**
- * Styled time picker that participates in the parent FormGroup.
- *
- * Usage (interval mode — value is in minutes):
- *   <ud-time-picker
- *     controlName="checkInTime"
- *     label="Check-in time"
- *     [intervalMinutes]="30" />
- *
- * Usage (custom options mode):
- *   <ud-time-picker
- *     controlName="checkInTime"
- *     label="Check-in time"
- *     [options]="timeOptions" />
- */
-export declare class TimePickerComponent implements OnChanges {
+export declare class TimePickerComponent implements OnInit, OnChanges {
     controlName: string;
     label: string;
     placeholder: string;
-    icon: string;
-    iconFontSet: string;
-    /**
-     * Minutes between each option in the dropdown (e.g. 30 → every half hour).
-     * Omit to use Material's default (30 min). Ignored when `options` is provided.
-     * Internally converted to seconds for mat-timepicker.
-     */
     intervalMinutes?: number;
-    /** Pre-defined list of selectable times. When set, `intervalMinutes` is ignored. */
-    options?: readonly MatTimepickerOption<Date>[] | null;
+    options?: readonly {
+        value: Date;
+        label?: string;
+    }[] | null;
     disabled: boolean;
     hint: string;
-    focused: boolean;
-    private controlContainer;
-    get control(): FormControl;
+    timeOptions: UdSelectOption[];
+    ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;
-    get _intervalSeconds(): number | null;
+    private buildOptions;
+    private formatTime;
     static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "ud-time-picker", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconFontSet": { "alias": "iconFontSet"; "required": false; }; "intervalMinutes": { "alias": "intervalMinutes"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "ud-time-picker", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "intervalMinutes": { "alias": "intervalMinutes"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/modal/modal.component.d.ts

@@ -32,6 +32,7 @@ export declare class ModalComponent {
     protected currentPictureIndex?: number;
     data: any;
     constructor(injectedData: any, dialogRef: MatDialogRef<ModalComponent> | null);
+    onDelete(): void;
     close(): void;
     onAction(): void;
     previous(): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ud-components",
-  "version": "0.5.14",
+  "version": "0.5.17",
   "peerDependencies": {
     "@angular/cdk": ">=19",
     "@angular/common": ">=19",
@@ -21,30 +21,6 @@
     ".": {
       "types": "./index.d.ts",
       "default": "./fesm2022/ud-components.mjs"
-    },
-    "./enums/role.enum": {
-      "types": "./enums/role.enum.d.ts",
-      "default": "./enums/role.enum.js"
-    },
-    "./lib/kpi/kpi.enum": {
-      "types": "./lib/kpi/kpi.enum.d.ts",
-      "default": "./lib/kpi/kpi.enum.js"
-    },
-    "./lib/edit-view/edit-view-section.directive": {
-      "types": "./lib/edit-view/edit-view-section.directive.d.ts",
-      "default": "./lib/edit-view/edit-view-section.directive.js"
-    },
-    "./interfaces/page-request.interface": {
-      "types": "./interfaces/page-request.interface.d.ts",
-      "default": "./interfaces/page-request.interface.js"
-    },
-    "./interfaces/table.interface": {
-      "types": "./interfaces/table.interface.d.ts",
-      "default": "./interfaces/table.interface.js"
-    },
-    "./interfaces/table-display-column.interface": {
-      "types": "./interfaces/table-display-column.interface.d.ts",
-      "default": "./interfaces/table-display-column.interface.js"
     }
   }
-}
+}

package/public-api.d.ts

@@ -25,6 +25,9 @@ export * from './lib/form-fields/pill-toggle/pill-toggle.component';
 export * from './lib/form-fields/time-picker/time-picker.component';
 export * from './lib/form-fields/textarea/textarea.component';
 export * from './lib/form-fields/phone-input/phone-input.component';
+export * from './lib/form-fields/chip-input/chip-input.component';
+export * from './lib/calendar/calendar.component';
+export * from './lib/calendar/calendar.interface';
 export * from './lib/button/button.component';
 export * from './lib/button-toggle/button-toggle.component';
 export * from './lib/preview-container/preview-container.component';