@brickclay-org/ui 0.0.83 → 0.0.85

package/index.d.ts

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnInit, OnDestroy, OnChanges, EventEmitter, ElementRef, SimpleChanges, AfterViewInit, QueryList, ComponentRef, Type, InjectionToken, Renderer2, ApplicationRef, EnvironmentInjector, ChangeDetectorRef } from '@angular/core';
-import { ControlValueAccessor, NgControl, NgModel, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
+import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors, NgControl, NgModel } from '@angular/forms';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import * as i1 from '@angular/common';
@@ -59,7 +59,7 @@ declare class CalendarSelection {
     endTime: string | null;
     selectedDates?: string[];
 }
-declare class BkCustomCalendar implements OnInit, OnDestroy, OnChanges, ControlValueAccessor {
+declare class BkCustomCalendar implements OnInit, OnDestroy, OnChanges, ControlValueAccessor, Validator {
     private calendarManager;
     enableTimepicker: boolean;
     autoApply: boolean;
@@ -76,6 +76,7 @@ declare class BkCustomCalendar implements OnInit, OnDestroy, OnChanges, ControlV
     dualCalendar: boolean;
     showRanges: boolean;
     timeFormat: 12 | 24;
+    clearableTime: boolean;
     enableSeconds: boolean;
     customRanges?: Record<string, CalendarRange>;
     multiDateSelection: boolean;
@@ -163,6 +164,12 @@ declare class BkCustomCalendar implements OnInit, OnDestroy, OnChanges, ControlV
     startTime: string | null;
     /** Current end time string in 12-hour format with AM/PM (e.g. "2:00 AM"). Synced with ngModel/CalendarSelection. */
     endTime: string | null;
+    /** ngModel binding for single-calendar time picker (null = no time). */
+    singleTimeModel: string | null;
+    /** ngModel binding for dual-calendar start time picker (null = no time). */
+    startTimeModel: string | null;
+    /** ngModel binding for dual-calendar end time picker (null = no time). */
+    endTimeModel: string | null;
     openTimePickerId: string | null;
     closePickerCounter: {
         [key: string]: number;
@@ -178,6 +185,8 @@ declare class BkCustomCalendar implements OnInit, OnDestroy, OnChanges, ControlV
     registerOnChange(fn: (value: CalendarSelection | null) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
+    /** Validator: when required is true, value must have a date selected. */
+    validate(control: AbstractControl): ValidationErrors | null;
     /** Call from template when control loses focus (for CVA touched state). */
     markAsTouched(): void;
     /** Apply CalendarSelection to internal state (startDate, endDate, startTime, endTime, selectedDates, calendar view). */
@@ -234,8 +243,8 @@ declare class BkCustomCalendar implements OnInit, OnDestroy, OnChanges, ControlV
     onTimePickerClosed(pickerId: string): void;
     shouldClosePicker(pickerId: string): number;
     private parsePickerTimeString;
-    onSingleTimePickerChange(time: string): void;
-    onDualTimePickerChange(time: string, isStart?: boolean): void;
+    onSingleTimePickerChange(time: string | null): void;
+    onDualTimePickerChange(time: string | null, isStart?: boolean): void;
     onTimeChange(event: any, isStart?: boolean): void;
     onSingleTimeChange(event: any): void;
     incrementHour(isStart?: boolean): void;
@@ -265,7 +274,7 @@ declare class BkCustomCalendar implements OnInit, OnDestroy, OnChanges, ControlV
     private parseDateString;
     formatDateToString(date: Date): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<BkCustomCalendar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BkCustomCalendar, "bk-custom-calendar", never, { "enableTimepicker": { "alias": "enableTimepicker"; "required": false; }; "autoApply": { "alias": "autoApply"; "required": false; }; "closeOnAutoApply": { "alias": "closeOnAutoApply"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "linkedCalendars": { "alias": "linkedCalendars"; "required": false; }; "singleDatePicker": { "alias": "singleDatePicker"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showISOWeekNumbers": { "alias": "showISOWeekNumbers"; "required": false; }; "customRangeDirection": { "alias": "customRangeDirection"; "required": false; }; "lockStartDate": { "alias": "lockStartDate"; "required": false; }; "position": { "alias": "position"; "required": false; }; "drop": { "alias": "drop"; "required": false; }; "dualCalendar": { "alias": "dualCalendar"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; "customRanges": { "alias": "customRanges"; "required": false; }; "multiDateSelection": { "alias": "multiDateSelection"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "opens": { "alias": "opens"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; "isDisplayCrossIcon": { "alias": "isDisplayCrossIcon"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "showCancelApply": { "alias": "showCancelApply"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "selected": "selected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkCustomCalendar, "bk-custom-calendar", never, { "enableTimepicker": { "alias": "enableTimepicker"; "required": false; }; "autoApply": { "alias": "autoApply"; "required": false; }; "closeOnAutoApply": { "alias": "closeOnAutoApply"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "linkedCalendars": { "alias": "linkedCalendars"; "required": false; }; "singleDatePicker": { "alias": "singleDatePicker"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showISOWeekNumbers": { "alias": "showISOWeekNumbers"; "required": false; }; "customRangeDirection": { "alias": "customRangeDirection"; "required": false; }; "lockStartDate": { "alias": "lockStartDate"; "required": false; }; "position": { "alias": "position"; "required": false; }; "drop": { "alias": "drop"; "required": false; }; "dualCalendar": { "alias": "dualCalendar"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "clearableTime": { "alias": "clearableTime"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; "customRanges": { "alias": "customRanges"; "required": false; }; "multiDateSelection": { "alias": "multiDateSelection"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "opens": { "alias": "opens"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "appendToBody": { "alias": "appendToBody"; "required": false; }; "isDisplayCrossIcon": { "alias": "isDisplayCrossIcon"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "showCancelApply": { "alias": "showCancelApply"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "selected": "selected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
 }
 
 interface TimeConfiguration {
@@ -319,17 +328,17 @@ declare class BkScheduledDatePicker implements OnInit {
     shouldClosePicker(pickerId: string): number;
     onSingleDateSelected(event: CalendarSelection): void;
     onSingleAllDayChange(): void;
-    onSingleStartTimeChange(time: string): void;
-    onSingleEndTimeChange(time: string): void;
+    onSingleStartTimeChange(time: string | null): void;
+    onSingleEndTimeChange(time: string | null): void;
     updateSingleDateTimes(): void;
     onMultipleDatesSelected(event: CalendarSelection): void;
     onMultipleDateAllDayChange(index: number): void;
-    onMultipleDateStartTimeChange(index: number, time: string): void;
-    onMultipleDateEndTimeChange(index: number, time: string): void;
+    onMultipleDateStartTimeChange(index: number, time: string | null): void;
+    onMultipleDateEndTimeChange(index: number, time: string | null): void;
     onRangeSelected(event: CalendarSelection): void;
     onRangeAllDayChange(): void;
-    onRangeStartTimeChange(time: string): void;
-    onRangeEndTimeChange(time: string): void;
+    onRangeStartTimeChange(time: string | null): void;
+    onRangeEndTimeChange(time: string | null): void;
     updateRangeTimes(): void;
     parseTimeString(timeStr: string): {
         hours: number;
@@ -344,33 +353,70 @@ declare class BkScheduledDatePicker implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<BkScheduledDatePicker, "bk-scheduled-date-picker", never, { "timeFormat": { "alias": "timeFormat"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; }, { "scheduled": "scheduled"; "cleared": "cleared"; }, never, never, true, never>;
 }
 
-declare class BkTimePicker implements OnInit, OnChanges, AfterViewInit {
-    value: string;
+declare class BkTimePicker implements OnInit, OnChanges, AfterViewInit, ControlValueAccessor {
+    required: boolean;
+    /** @deprecated Prefer [(ngModel)]. When ngModel is not used, this sets the initial/current time. */
+    value: string | null;
     label: string;
     placeholder: string;
+    clearable: boolean;
     position: 'left' | 'right';
     pickerId: string;
     closePicker: number;
     timeFormat: 12 | 24;
     showSeconds: boolean;
-    timeChange: EventEmitter<string>;
+    change: EventEmitter<string | null>;
+    /** Alias for (change) for backward compatibility */
+    timeChange: EventEmitter<string | null>;
     pickerOpened: EventEmitter<string>;
     pickerClosed: EventEmitter<string>;
+    /** CVA: called when the control value is set (e.g. ngModel or programmatic) */
+    private onChange;
+    /** CVA: called when the control is touched (blur / close picker) */
+    private onTouched;
+    disabled: boolean;
     timeScrollElements: QueryList<ElementRef>;
+    minuteScrollElements: QueryList<ElementRef>;
+    secondScrollElements: QueryList<ElementRef>;
+    /** Cyclic wheel: item height and cycle size (0-59). Middle block starts at CYCLE_SIZE * ITEM_HEIGHT */
+    private readonly ITEM_HEIGHT;
+    private readonly WHEEL_CYCLE;
+    private readonly MIDDLE_OFFSET;
+    private readonly VIEWPORT_HEIGHT;
+    /** Repeated 0-59 for infinite scroll (minutes and seconds) */
+    wheelMinutes: number[];
+    wheelSeconds: number[];
     showPicker: boolean;
     currentHour: number;
     currentMinute: number;
     currentAMPM: string;
     currentSecond: number;
+    /** When null, input shows placeholder; otherwise the selected time string. */
+    private _modelValue;
     brickclayIcons: {
         readonly arrowleft: "assets/icons/chevron-left.svg";
         readonly arrowRight: "assets/icons/chevron-right.svg";
         readonly calenderIcon: "assets/icons/calender.svg";
         readonly timerIcon: "assets/icons/timer.svg";
     };
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: string | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    /** Display string for the input; empty when value is null. */
+    getDisplayValue(): string;
+    /** True when a time is selected (show clear button). */
+    get hasValue(): boolean;
+    /** Reset dropdown to default time (used when opening with null value). 12h → 12:00 PM, 24h → 00:00 */
+    private setDefaultsForDropdown;
+    /** Clear the time value and notify CVA. */
+    clear(): void;
+    /** Call when control loses focus or picker closes (for CVA touched state). */
+    markAsTouched(): void;
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    parseTimeValue(): void;
+    /** @param timeStr Optional; when not provided uses this.value (from @Input). Empty/null sets defaults. */
+    parseTimeValue(timeStr?: string | null): void;
     getHours(): number[];
     getMinutes(): number[];
     getSeconds(): number[];
@@ -389,12 +435,19 @@ declare class BkTimePicker implements OnInit, OnChanges, AfterViewInit {
     onAMPMChange(ampm: string): void;
     updateTime(): void;
     scrollToSelectedTimes(): void;
+    /** Position wheel so the selected value is at the top of the viewport. */
+    private initMinuteWheelScroll;
+    private initSecondWheelScroll;
+    /** Scroll position -> value 0-59 (value at top of viewport). Recenter when in first or third block. */
+    private wheelScrollToValue;
+    onMinuteWheelScroll(): void;
+    onSecondWheelScroll(): void;
     onDocumentClick(event: MouseEvent): void;
     private previousCloseCounter;
     ngOnChanges(changes: SimpleChanges): void;
     onInputKeydown(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BkTimePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BkTimePicker, "bk-time-picker", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "position": { "alias": "position"; "required": false; }; "pickerId": { "alias": "pickerId"; "required": false; }; "closePicker": { "alias": "closePicker"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; }, { "timeChange": "timeChange"; "pickerOpened": "pickerOpened"; "pickerClosed": "pickerClosed"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkTimePicker, "bk-time-picker", never, { "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "position": { "alias": "position"; "required": false; }; "pickerId": { "alias": "pickerId"; "required": false; }; "closePicker": { "alias": "closePicker"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; }, { "change": "change"; "timeChange": "timeChange"; "pickerOpened": "pickerOpened"; "pickerClosed": "pickerClosed"; }, never, never, true, never>;
 }
 
 /**
@@ -635,6 +688,7 @@ interface TableColumn<T = any> {
     /** show / hide both th + td */
     visible?: boolean;
     actions?: TableAction[] | ((row: T) => TableAction[]);
+    checkbox?: boolean;
 }
 interface TableAction<T = any> {
     name: string;
@@ -669,6 +723,9 @@ declare class BkGrid<T = any> {
     result: T[];
     actions: TableAction<T>[] | ((row: T) => TableAction<T>[]);
     customClass: string;
+    change: EventEmitter<{
+        row: T;
+    }>;
     actionClick: EventEmitter<{
         action: string;
         row: T;
@@ -686,6 +743,8 @@ declare class BkGrid<T = any> {
     sort(column: TableColumn<T>, index: number): void;
     isColumnVisible(column: TableColumn<T>): boolean;
     getCellValue(row: T, column: TableColumn<T>): string;
+    getCheckboxValue(row: T, column: TableColumn<T>): boolean;
+    setCheckboxValue(row: T, column: TableColumn<T>, value: boolean): void;
     getBadge(row: T, column: TableColumn<T>): TableBadge | undefined;
     getIcons(row: T, column: TableColumn<T>): TableIcon[];
     getRowActions(row: T, column?: TableColumn<T>): TableAction<T>[];
@@ -696,7 +755,7 @@ declare class BkGrid<T = any> {
     onDragMoved(event: CdkDragMove<any>): void;
     onDragStart(event: CdkDragStart<any>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BkGrid<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BkGrid<any>, "bk-grid", never, { "draggable": { "alias": "draggable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "result": { "alias": "result"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "actionClick": "actionClick"; "sortChange": "sortChange"; "dragDropChange": "dragDropChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkGrid<any>, "bk-grid", never, { "draggable": { "alias": "draggable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "result": { "alias": "result"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "change": "change"; "actionClick": "actionClick"; "sortChange": "sortChange"; "dragDropChange": "dragDropChange"; }, never, never, true, never>;
 }
 
 declare class BkSelect implements ControlValueAccessor {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brickclay-org/ui",
-  "version": "0.0.83",
+  "version": "0.0.85",
   "schematics": "./schematics/collection.json",
   "ng-add": {
     "save": "dependencies"

package/src/lib/ui-icon-button/ui-icon-button.css

@@ -35,7 +35,7 @@
 }
 
 .btn-icon.primary {
-  @apply border-0
+  @apply border-0;
 }
 
 /* --- SIZES (Square Dimensions) --- */