@brickclay-org/ui 0.0.95 → 0.0.97

package/index.d.ts

@@ -16,7 +16,7 @@ import * as i1$1 from '@angular/cdk/scrolling';
 declare const BrickclayIcons: {
     readonly arrowleft: "assets/icons/chevron-left.svg";
     readonly arrowRight: "assets/icons/chevron-right.svg";
-    readonly calenderIcon: "assets/icons/calender.svg";
+    readonly calenderIcon: "assets/icons/custom-calender.svg";
     readonly timerIcon: "assets/icons/timer.svg";
 };
 
@@ -117,7 +117,7 @@ declare class BkCustomCalendar implements OnInit, OnDestroy, OnChanges, ControlV
     brickclayIcons: {
         readonly arrowleft: "assets/icons/chevron-left.svg";
         readonly arrowRight: "assets/icons/chevron-right.svg";
-        readonly calenderIcon: "assets/icons/calender.svg";
+        readonly calenderIcon: "assets/icons/custom-calender.svg";
         readonly timerIcon: "assets/icons/timer.svg";
     };
     show: boolean;
@@ -355,7 +355,7 @@ declare class BkScheduledDatePicker implements OnInit {
 
 declare class BkTimePicker implements OnInit, OnChanges, AfterViewInit, ControlValueAccessor {
     required: boolean;
-    /** @deprecated Prefer [(ngModel)]. When ngModel is not used, this sets the initial/current time. */
+    /** @deprecated Prefer [(ngModel)] */
     value: string | null;
     label: string;
     placeholder: string;
@@ -366,61 +366,45 @@ declare class BkTimePicker implements OnInit, OnChanges, AfterViewInit, ControlV
     timeFormat: 12 | 24;
     showSeconds: boolean;
     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. */
+    currentAMPM: 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 calenderIcon: "assets/icons/custom-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;
-    /** @param timeStr Optional; when not provided uses this.value (from @Input). Empty/null sets defaults. */
+    ngOnChanges(changes: SimpleChanges): void;
     parseTimeValue(timeStr?: string | null): void;
-    getHours(): number[];
-    getMinutes(): number[];
-    getSeconds(): number[];
-    getAMPMOptions(): string[];
     parseTimeStringToComponents(timeStr: string): {
         hour: number;
         minute: number;
@@ -435,19 +419,16 @@ declare class BkTimePicker implements OnInit, OnChanges, AfterViewInit, ControlV
     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;
+    getHours(): number[];
+    getAMPMOptions(): string[];
+    onMinuteWheelScroll(): void;
+    onSecondWheelScroll(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BkTimePicker, 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>;
+    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; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; "timeChange": "timeChange"; "pickerOpened": "pickerOpened"; "pickerClosed": "pickerClosed"; }, never, never, true, never>;
 }
 
 /**

package/package.json

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

package/src/assets/icons/custom-calender.svg

@@ -0,0 +1,12 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6 1.5V3.75" stroke="black" stroke-width="1.25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12 1.5V3.75" stroke="black" stroke-width="1.25" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.625 6.81836H15.375" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.75 6.375V12.75C15.75 15 14.625 16.5 12 16.5H6C3.375 16.5 2.25 15 2.25 12.75V6.375C2.25 4.125 3.375 2.625 6 2.625H12C14.625 2.625 15.75 4.125 15.75 6.375Z" stroke="black" stroke-width="1.3" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.7693 10.2754H11.7761" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M11.7693 12.5254H11.7761" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.99588 10.2754H9.00262" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.99588 12.5254H9.00262" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.22244 10.2754H6.22918" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.22244 12.5254H6.22918" stroke="black" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/select-column.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.875 14.925V3.075C7.875 1.95 7.395 1.5 6.2025 1.5H3.1725C1.98 1.5 1.5 1.95 1.5 3.075V14.925C1.5 16.05 1.98 16.5 3.1725 16.5H6.2025C7.395 16.5 7.875 16.05 7.875 14.925Z" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.5 14.925V3.075C16.5 1.95 16.02 1.5 14.8275 1.5H11.7975C10.605 1.5 10.125 1.95 10.125 3.075V14.925C10.125 16.05 10.605 16.5 11.7975 16.5H14.8275C16.02 16.5 16.5 16.05 16.5 14.925Z" stroke="black" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>