@brickclay-org/ui 0.0.94 → 0.0.96

package/index.d.ts

@@ -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,32 +366,25 @@ 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";
@@ -403,24 +396,15 @@ declare class BkTimePicker implements OnInit, OnChanges, AfterViewInit, ControlV
     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>;
 }
 
 /**
@@ -575,6 +556,7 @@ type ButtonVariant = 'primary' | 'secondary';
 declare class BkButton {
     variant: ButtonVariant;
     size: ButtonSize;
+    shadow: boolean;
     label: string;
     leftIcon?: string;
     rightIcon?: string;
@@ -589,7 +571,7 @@ declare class BkButton {
     onClick(event: Event): void;
     get buttonClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<BkButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BkButton, "bk-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "type": { "alias": "type"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "textClass": { "alias": "textClass"; "required": false; }; "spinnerClass": { "alias": "spinnerClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkButton, "bk-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "shadow": { "alias": "shadow"; "required": false; }; "label": { "alias": "label"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "type": { "alias": "type"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "textClass": { "alias": "textClass"; "required": false; }; "spinnerClass": { "alias": "spinnerClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 type IconButtonSize = 'xxxsm' | 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
@@ -782,7 +764,7 @@ declare class BkSelect implements ControlValueAccessor {
     disabled: i0.ModelSignal<boolean>;
     loading: i0.InputSignal<boolean>;
     closeOnSelect: i0.InputSignal<boolean>;
-    dropdownPosition: i0.InputSignal<"bottom" | "top">;
+    dropdownPosition: i0.InputSignal<"top" | "bottom">;
     hasError: boolean;
     errorMessage: string;
     appendToBody: i0.InputSignal<boolean>;

package/package.json

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

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

@@ -70,3 +70,8 @@
 .btn.lg .spinner   { @apply size-[15px] border-[1.5px]; }
 .btn.xl .spinner   { @apply size-[15px] border-[1.5px]; }
 .btn.xxl .spinner  { @apply size-[24px] border-[2.34px]; }
+
+
+.btn-shadow {
+  box-shadow: 0px 1px 2px 0px #1018280D;
+}