@brickclay-org/ui 0.0.38 → 0.0.39

package/index.d.ts

@@ -0,0 +1,857 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, OnChanges, EventEmitter, SimpleChanges, AfterViewInit, QueryList, ElementRef } from '@angular/core';
+import * as rxjs from 'rxjs';
+import * as i1 from '@angular/common';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { CdkDragDrop, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';
+
+declare const 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";
+};
+
+declare class BrickclayLib {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BrickclayLib, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BrickclayLib, "lib-brickclay-lib", never, {}, {}, never, never, true, never>;
+}
+
+declare class CalendarManagerService {
+    private calendarInstances;
+    private closeAllSubject;
+    closeAll$: rxjs.Observable<void>;
+    /**
+     * Register a calendar instance with its close function
+     */
+    register(closeFn: () => void): () => void;
+    /**
+     * Close all calendars except the one being opened
+     */
+    closeAllExcept(exceptCloseFn: () => void): void;
+    /**
+     * Close all calendars
+     */
+    closeAll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarManagerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CalendarManagerService>;
+}
+
+interface CalendarRange {
+    start: Date;
+    end: Date;
+}
+interface CalendarSelection {
+    startDate: string | null;
+    endDate: string | null;
+    selectedDates?: string[];
+}
+declare class BkCustomCalendar implements OnInit, OnDestroy, OnChanges {
+    private calendarManager;
+    enableTimepicker: boolean;
+    autoApply: boolean;
+    closeOnAutoApply: boolean;
+    showCancel: boolean;
+    linkedCalendars: boolean;
+    singleDatePicker: boolean;
+    showWeekNumbers: boolean;
+    showISOWeekNumbers: boolean;
+    customRangeDirection: boolean;
+    lockStartDate: boolean;
+    position: 'center' | 'left' | 'right';
+    drop: 'up' | 'down';
+    dualCalendar: boolean;
+    showRanges: boolean;
+    timeFormat: 12 | 24;
+    enableSeconds: boolean;
+    customRanges?: Record<string, CalendarRange>;
+    multiDateSelection: boolean;
+    maxDate?: Date;
+    minDate?: Date;
+    placeholder: string;
+    opens: 'left' | 'right' | 'center';
+    inline: boolean;
+    isDisplayCrossIcon: boolean;
+    selected: EventEmitter<CalendarSelection>;
+    opened: EventEmitter<void>;
+    closed: EventEmitter<void>;
+    /**
+     * External value passed from parent. If provided, component will select these dates on init / change.
+     * Accepts { startDate: Date|null, endDate: Date|null, selectedDates?: Date[] }
+     */
+    selectedValue: CalendarSelection | null;
+    /** Optional display format for the input value. Uses moment formatting tokens. */
+    displayFormat: string;
+    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";
+    };
+    show: boolean;
+    today: Date;
+    month: number;
+    year: number;
+    calendar: {
+        day: number;
+        currentMonth: boolean;
+    }[][];
+    leftMonth: number;
+    leftYear: number;
+    rightMonth: number;
+    rightYear: number;
+    leftCalendar: {
+        day: number;
+        currentMonth: boolean;
+    }[][];
+    rightCalendar: {
+        day: number;
+        currentMonth: boolean;
+    }[][];
+    startDate: Date | null;
+    endDate: Date | null;
+    selectedDates: Date[];
+    disableHighlight: boolean;
+    hoveredDate: Date | null;
+    minuteInputValues: {
+        [key: string]: string;
+    };
+    selectedHour: number;
+    selectedMinute: number;
+    selectedSecond: number;
+    selectedAMPM: 'AM' | 'PM';
+    startHour: number;
+    startMinute: number;
+    startSecond: number;
+    startAMPM: 'AM' | 'PM';
+    endHour: number;
+    endMinute: number;
+    endSecond: number;
+    endAMPM: 'AM' | 'PM';
+    openTimePickerId: string | null;
+    closePickerCounter: {
+        [key: string]: number;
+    };
+    defaultRanges: Record<string, CalendarRange>;
+    activeRange: string | null;
+    rangeOrder: string[];
+    private unregisterFn?;
+    private closeAllSubscription?;
+    private closeFn?;
+    constructor(calendarManager: CalendarManagerService);
+    onClickOutside(event: MouseEvent): void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    checkAndSetActiveRange(): void;
+    initializeDefaultRanges(): void;
+    initializeTimeFromDate(date: Date, isStart: boolean): void;
+    toggle(): void;
+    close(): void;
+    onDateHover(day: number | null, fromRight?: boolean): void;
+    onDateLeave(): void;
+    selectDate(day: number | null, fromRight?: boolean): void;
+    handleMultiDateSelection(selected: Date): void;
+    getDateString(date: Date): string;
+    isDateInMultiSelection(year: number, month: number, day: number): boolean;
+    apply(): void;
+    cancel(): void;
+    clear(): void;
+    chooseRange(key: string): void;
+    emitSelection(): void;
+    addDays(date: Date, days: number): Date;
+    generateCalendar(): void;
+    nextMonth(): void;
+    prevMonth(): void;
+    nextLeftMonth(): void;
+    prevLeftMonth(): void;
+    nextRightMonth(): void;
+    prevRightMonth(): void;
+    initializeDual(): void;
+    generateDualCalendars(): void;
+    buildCalendar(year: number, month: number): {
+        day: number;
+        currentMonth: boolean;
+    }[][];
+    isDateSelected(year: number, month: number, day: number): boolean;
+    isDateInRange(year: number, month: number, day: number): boolean;
+    isDateDisabled(year: number, month: number, day: number): boolean;
+    isToday(year: number, month: number, day: number): boolean;
+    getDisplayValue(): string;
+    getTimeInputValue(isStart?: boolean): string;
+    getSingleTimeInputValue(): string;
+    getSingleTimePickerDisplay(): string;
+    getDualTimePickerDisplay(isStart?: boolean): string;
+    onTimePickerOpened(pickerId: string): void;
+    onTimePickerClosed(pickerId: string): void;
+    shouldClosePicker(pickerId: string): number;
+    private parsePickerTimeString;
+    onSingleTimePickerChange(time: string): void;
+    onDualTimePickerChange(time: string, isStart?: boolean): void;
+    onTimeChange(event: any, isStart?: boolean): void;
+    onSingleTimeChange(event: any): void;
+    incrementHour(isStart?: boolean): void;
+    decrementHour(isStart?: boolean): void;
+    incrementMinute(isStart?: boolean): void;
+    decrementMinute(isStart?: boolean): void;
+    toggleAMPM(isStart?: boolean): void;
+    incrementSingleHour(): void;
+    decrementSingleHour(): void;
+    incrementSingleMinute(): void;
+    decrementSingleMinute(): void;
+    toggleSingleAMPM(): void;
+    getMonthName(month: number): string;
+    onHourInput(event: any, isStart?: boolean, isSingle?: boolean): void;
+    onHourBlur(event: any, isStart?: boolean, isSingle?: boolean): void;
+    onMinuteInput(event: any, isStart?: boolean, isSingle?: boolean): void;
+    onMinuteBlur(event: any, isStart?: boolean, isSingle?: boolean): void;
+    getDisplayHour(hour: number): number;
+    getMinuteDisplayValue(isStart: boolean, isSingle: boolean): string;
+    applyTimeToDate(date: Date, isStart: boolean): void;
+    onTimeInputFocus(event: any): void;
+    formatAllMinuteInputs(): void;
+    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; }; "isDisplayCrossIcon": { "alias": "isDisplayCrossIcon"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "startDate": { "alias": "startDate"; "required": false; }; "endDate": { "alias": "endDate"; "required": false; }; }, { "selected": "selected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+}
+
+interface TimeConfiguration {
+    date: Date;
+    allDay: boolean;
+    startTime: string;
+    endTime: string;
+}
+interface ScheduledDateSelection {
+    mode: 'single' | 'multiple' | 'range';
+    singleDate?: {
+        startDate: Date;
+        endDate: Date;
+        allDay: boolean;
+        startTime: string;
+        endTime: string;
+    };
+    multipleDates?: TimeConfiguration[];
+    dateRange?: {
+        startDate: Date;
+        endDate: Date;
+        allDay: boolean;
+        startTime: string;
+        endTime: string;
+    };
+}
+declare class BkScheduledDatePicker implements OnInit {
+    timeFormat: 12 | 24;
+    enableSeconds: boolean;
+    scheduled: EventEmitter<ScheduledDateSelection>;
+    cleared: EventEmitter<void>;
+    activeTab: 'single' | 'multiple' | 'range';
+    openTimePickerId: string | null;
+    closePickerCounter: {
+        [key: string]: number;
+    };
+    singleDate: Date | null;
+    singleAllDay: boolean;
+    singleStartTime: string;
+    singleEndTime: string;
+    multipleDates: TimeConfiguration[];
+    rangeStartDate: Date | null;
+    rangeEndDate: Date | null;
+    rangeAllDay: boolean;
+    rangeStartTime: string;
+    rangeEndTime: string;
+    ngOnInit(): void;
+    onTabChange(tab: 'single' | 'multiple' | 'range'): void;
+    onTimePickerOpened(pickerId: string): void;
+    onTimePickerClosed(pickerId: string): void;
+    shouldClosePicker(pickerId: string): number;
+    onSingleDateSelected(event: CalendarSelection): void;
+    onSingleAllDayChange(): void;
+    onSingleStartTimeChange(time: string): void;
+    onSingleEndTimeChange(time: string): void;
+    updateSingleDateTimes(): void;
+    onMultipleDatesSelected(event: CalendarSelection): void;
+    onMultipleDateAllDayChange(index: number): void;
+    onMultipleDateStartTimeChange(index: number, time: string): void;
+    onMultipleDateEndTimeChange(index: number, time: string): void;
+    onRangeSelected(event: CalendarSelection): void;
+    onRangeAllDayChange(): void;
+    onRangeStartTimeChange(time: string): void;
+    onRangeEndTimeChange(time: string): void;
+    updateRangeTimes(): void;
+    parseTimeString(timeStr: string): {
+        hours: number;
+        minutes: number;
+    };
+    getDateString(date: Date): string;
+    formatDate(date: Date): string;
+    emitScheduled(): void;
+    clear(): void;
+    apply(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkScheduledDatePicker, never>;
+    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;
+    label: string;
+    placeholder: string;
+    position: 'left' | 'right';
+    pickerId: string;
+    closePicker: number;
+    timeFormat: 12 | 24;
+    showSeconds: boolean;
+    timeChange: EventEmitter<string>;
+    pickerOpened: EventEmitter<string>;
+    pickerClosed: EventEmitter<string>;
+    timeScrollElements: QueryList<ElementRef>;
+    showPicker: boolean;
+    currentHour: number;
+    currentMinute: number;
+    currentAMPM: string;
+    currentSecond: number;
+    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";
+    };
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    parseTimeValue(): void;
+    getHours(): number[];
+    getMinutes(): number[];
+    getSeconds(): number[];
+    getAMPMOptions(): string[];
+    parseTimeStringToComponents(timeStr: string): {
+        hour: number;
+        minute: number;
+        second: number;
+        ampm: string;
+    };
+    formatTimeFromComponents(hour: number, minute: number, second: number, ampm: string): string;
+    togglePicker(): void;
+    onHourChange(hour: number): void;
+    onMinuteChange(minute: number): void;
+    onSecondChange(second: number): void;
+    onAMPMChange(ampm: string): void;
+    updateTime(): void;
+    scrollToSelectedTimes(): 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>;
+}
+
+/**
+ * Optional NgModule wrapper for projects that prefer module-based usage.
+ *
+ * Note:
+ * - The components themselves are standalone, so you can also import them
+ *   directly into any standalone component without using this module.
+ * - This module is mainly for:
+ *   - Existing apps that still use feature modules
+ *   - Easier "plug-and-play" integration: import CalendarModule once and use
+ *     the three exported components anywhere in your templates.
+ */
+declare class CalendarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CalendarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CalendarModule, never, [typeof i1.CommonModule, typeof BkCustomCalendar, typeof BkScheduledDatePicker, typeof BkTimePicker], [typeof BkCustomCalendar, typeof BkScheduledDatePicker, typeof BkTimePicker]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CalendarModule>;
+}
+
+declare class BkToggle implements ControlValueAccessor {
+    label: string;
+    disabled: boolean;
+    toggleClass: string;
+    change: EventEmitter<boolean>;
+    isChecked: boolean;
+    onChange: (_: boolean) => void;
+    onTouched: () => void;
+    toggle(): void;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkToggle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkToggle, "bk-toggle", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "toggleClass": { "alias": "toggleClass"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}
+
+declare class BkCheckbox implements ControlValueAccessor {
+    checkboxClass: string;
+    label: string;
+    labelClass: string;
+    disabled: boolean;
+    change: EventEmitter<boolean>;
+    isChecked: boolean;
+    private onChange;
+    private onTouched;
+    toggle(): void;
+    /** ------------------ ControlValueAccessor methods ------------------ */
+    writeValue(value: boolean): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkCheckbox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkCheckbox, "bk-checkbox", never, { "checkboxClass": { "alias": "checkboxClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}
+
+declare class BkRadioButton implements ControlValueAccessor {
+    radioClass: string;
+    label: string;
+    labelClass: string;
+    value: any;
+    disabled: boolean;
+    variant: 'dot' | 'tick';
+    change: EventEmitter<any>;
+    modelValue: any;
+    onChange: (_: any) => void;
+    onTouched: () => void;
+    select(): void;
+    get isChecked(): boolean;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkRadioButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkRadioButton, "bk-radio-button", never, { "radioClass": { "alias": "radioClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}
+
+type PillVariant = 'Light' | 'Solid' | 'Outline' | 'Transparent';
+type PillColor = 'Gray' | 'Primary' | 'Error' | 'Warning' | 'Success' | 'Purple' | 'Cyan';
+type PillSize = 'xsm' | 'sm' | 'md' | 'lg';
+declare class BkPill {
+    label: string;
+    variant: PillVariant;
+    color: PillColor;
+    size: PillSize;
+    dot: 'left' | 'right' | 'none';
+    removable: boolean;
+    customClass: string;
+    clicked: EventEmitter<string>;
+    get containerClasses(): string;
+    onRemove(e: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkPill, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkPill, "bk-pill", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+
+type BadgeVariant = 'Light' | 'Solid' | 'Outline' | 'Transparent';
+type BadgeColor = 'Gray' | 'Primary' | 'Error' | 'Warning' | 'Success' | 'Purple' | 'Cyan';
+type BadgeSize = 'xsm' | 'sm' | 'md' | 'lg';
+declare class BkBadge {
+    label: string;
+    variant: BadgeVariant;
+    color: BadgeColor;
+    size: BadgeSize;
+    dot: 'left' | 'right' | 'none';
+    removable: boolean;
+    customClass: string;
+    clicked: EventEmitter<string>;
+    get containerClasses(): string;
+    onRemove(e: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkBadge, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkBadge, "bk-badge", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+
+type SpinnerSize = 'xsm' | 'sm' | 'md' | 'lg' | 'xl';
+declare class BkSpinner {
+    size: SpinnerSize;
+    show: boolean;
+    color: string;
+    get classes(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkSpinner, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkSpinner, "bk-spinner", never, { "size": { "alias": "size"; "required": false; }; "show": { "alias": "show"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+type ButtonSize = 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+type ButtonVariant = 'primary' | 'secondary';
+declare class BkButton {
+    variant: ButtonVariant;
+    size: ButtonSize;
+    label: string;
+    leftIcon?: string;
+    rightIcon?: string;
+    iconAlt: string;
+    type: 'button' | 'submit' | 'reset';
+    loading: boolean;
+    disabled: boolean;
+    buttonClass: string;
+    textClass: string;
+    spinnerClass: string;
+    clicked: EventEmitter<boolean>;
+    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>;
+}
+
+type IconButtonSize = 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+type IconButtonVariant = 'primary' | 'secondary';
+declare class BkIconButton {
+    icon: string;
+    alt: string;
+    variant: IconButtonVariant;
+    size: IconButtonSize;
+    disabled: boolean;
+    buttonClass: string;
+    clicked: EventEmitter<boolean>;
+    onClick(event: Event): void;
+    get buttonClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkIconButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkIconButton, "bk-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+
+interface GroupItem {
+    label: string;
+    value: any;
+}
+type GroupMode = 'single' | 'multiple';
+declare class BkButtonGroup {
+    items: GroupItem[];
+    mode: GroupMode;
+    disabled: boolean;
+    value: any | any[];
+    valueChange: EventEmitter<any>;
+    onItemClick(itemValue: any): void;
+    isActive(itemValue: any): boolean;
+    get containerClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkButtonGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkButtonGroup, "bk-button-group", never, { "items": { "alias": "items"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+type BkTextAreaAutoComplete = 'on' | 'off' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo';
+type BkTextAreaAutoCapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+type BkTextAreaInputMode = 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+declare class BkTextarea implements ControlValueAccessor {
+    private ngControl;
+    autoComplete: BkTextAreaAutoComplete;
+    name: string;
+    id: string;
+    label: string;
+    placeholder: string;
+    rows: number;
+    hint: string;
+    required: boolean;
+    maxlength: number | null;
+    minlength: number | null;
+    hasError: boolean | null;
+    disabled: boolean;
+    errorMessage: string;
+    tabIndex: number | null;
+    readOnly: boolean;
+    autoCapitalize: BkTextAreaAutoCapitalize | null;
+    inputMode: BkTextAreaInputMode | null;
+    input: EventEmitter<Event>;
+    change: EventEmitter<Event>;
+    blur: EventEmitter<Event>;
+    focus: EventEmitter<Event>;
+    value: string;
+    onChange: (_: any) => void;
+    onTouched: () => void;
+    constructor(ngControl: NgControl);
+    get control(): any;
+    get touched(): boolean;
+    get dirty(): boolean;
+    get errors(): any;
+    handleFocus(event: Event): void;
+    handleBlur(event: Event): void;
+    handleInput(event: Event): void;
+    handleChange(event: Event): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkTextarea, [{ optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkTextarea, "bk-textarea", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; }, { "input": "input"; "change": "change"; "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
+}
+
+interface TableColumn<T = any> {
+    header: string;
+    field?: keyof T;
+    width?: string;
+    sticky?: boolean;
+    sortable?: boolean;
+    headerClass?: string;
+    cellClass?: string;
+    formatter?: (row: T) => string;
+    /** show / hide both th + td */
+    visible?: boolean;
+}
+interface TableAction {
+    name: string;
+    icon: string;
+    tooltip: string;
+    hasPermission: boolean;
+}
+
+type SortDirection = 'asc' | 'desc';
+declare class BkGrid<T = any> {
+    draggable: boolean;
+    columns: TableColumn<T>[];
+    result: T[];
+    actions: TableAction[];
+    actionClick: EventEmitter<{
+        action: string;
+        row: T;
+    }>;
+    sortChange: EventEmitter<{
+        columnIndex: number;
+        column: TableColumn<T>;
+        direction: SortDirection;
+    }>;
+    dragDropChange: EventEmitter<T[]>;
+    sortColumn?: keyof T;
+    sortDirection: SortDirection;
+    tableScrollContainer: ElementRef<HTMLDivElement>;
+    get firstVisibleColumnIndex(): number;
+    sort(column: TableColumn<T>, index: number): void;
+    isColumnVisible(column: TableColumn<T>): boolean;
+    getCellValue(row: T, column: TableColumn<T>): string;
+    emitAction(action: TableAction, row: T): void;
+    dropList(event: CdkDragDrop<T[]>): void;
+    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; }; }, { "actionClick": "actionClick"; "sortChange": "sortChange"; "dragDropChange": "dragDropChange"; }, never, never, true, never>;
+}
+
+declare class BkSelect implements ControlValueAccessor {
+    items: i0.InputSignal<any[]>;
+    bindLabel: i0.InputSignal<string>;
+    bindValue: i0.InputSignal<string>;
+    placeholder: i0.InputSignal<string>;
+    notFoundText: i0.InputSignal<string>;
+    loadingText: i0.InputSignal<string>;
+    clearAllText: i0.InputSignal<string>;
+    iconAlt: string;
+    label: string;
+    required: Boolean;
+    iconSrc?: string;
+    multiple: i0.InputSignal<boolean>;
+    maxLabels: i0.InputSignal<number>;
+    searchable: i0.InputSignal<boolean>;
+    clearable: i0.InputSignal<boolean>;
+    readonly: i0.InputSignal<boolean>;
+    disabled: i0.ModelSignal<boolean>;
+    loading: i0.InputSignal<boolean>;
+    closeOnSelect: i0.InputSignal<boolean>;
+    dropdownPosition: i0.InputSignal<"bottom" | "top">;
+    appendToBody: i0.InputSignal<boolean>;
+    open: i0.OutputEmitterRef<void>;
+    close: i0.OutputEmitterRef<void>;
+    focus: i0.OutputEmitterRef<void>;
+    blur: i0.OutputEmitterRef<void>;
+    search: i0.OutputEmitterRef<{
+        term: string;
+        items: any[];
+    }>;
+    clear: i0.OutputEmitterRef<void>;
+    change: i0.OutputEmitterRef<any>;
+    scrollToEnd: i0.OutputEmitterRef<void>;
+    searchInput: ElementRef<HTMLInputElement>;
+    optionsListContainer: ElementRef<HTMLDivElement>;
+    optionsRef: QueryList<ElementRef>;
+    controlWrapper: ElementRef<HTMLDivElement>;
+    private _value;
+    isOpen: i0.WritableSignal<boolean>;
+    selectedOptions: i0.WritableSignal<any[]>;
+    searchTerm: i0.WritableSignal<string>;
+    markedIndex: i0.WritableSignal<number>;
+    dropdownStyle: i0.WritableSignal<{
+        top?: string;
+        bottom?: string;
+        left: string;
+        width: string;
+    }>;
+    filteredItems: i0.Signal<any[]>;
+    isAllSelected: i0.Signal<boolean>;
+    constructor();
+    resolveLabel(item: any): string;
+    resolveValue(item: any): any;
+    isItemSelected(item: any): boolean;
+    compareWith: i0.InputSignal<(a: any, b: any) => boolean>;
+    toggleDropdown(event: Event | null): void;
+    openDropdown(): void;
+    closeDropdown(): void;
+    getTop(): string | null;
+    getBottom(): string | null;
+    updatePosition(): void;
+    onWindowEvents(): void;
+    toggleSelectAll(event: Event): void;
+    handleSelection(item: any, event?: Event): void;
+    removeOption(item: any, event: Event): void;
+    handleClear(event: Event): void;
+    private updateModel;
+    onSearchInput(event: Event): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onScroll(event: Event): void;
+    scrollToMarked(): void;
+    onChange: any;
+    onTouched: any;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(d: boolean): void;
+    private resolveSelectedOptions;
+    private el;
+    onClickOutside(e: Event): void;
+    openFromLabel(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkSelect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkSelect, "bk-select", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "bindLabel": { "alias": "bindLabel"; "required": false; "isSignal": true; }; "bindValue": { "alias": "bindValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "notFoundText": { "alias": "notFoundText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "clearAllText": { "alias": "clearAllText"; "required": false; "isSignal": true; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "iconSrc": { "alias": "iconSrc"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "maxLabels": { "alias": "maxLabels"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "closeOnSelect": { "alias": "closeOnSelect"; "required": false; "isSignal": true; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; }, { "disabled": "disabledChange"; "open": "open"; "close": "close"; "focus": "focus"; "blur": "blur"; "search": "search"; "clear": "clear"; "change": "change"; "scrollToEnd": "scrollToEnd"; }, never, never, true, never>;
+}
+
+type BkInputType = 'text' | 'email' | 'password' | 'number' | 'url' | 'tel';
+type BkInputAutoComplete = 'on' | 'off' | 'name' | 'honorific-prefix' | 'given-name' | 'additional-name' | 'family-name' | 'honorific-suffix' | 'nickname' | 'email' | 'username' | 'new-password' | 'current-password' | 'organization-title' | 'organization' | 'street-address' | 'address-line1' | 'address-line2' | 'address-line3' | 'address-level4' | 'address-level3' | 'address-level2' | 'address-level1' | 'country' | 'country-name' | 'postal-code' | 'cc-name' | 'cc-given-name' | 'cc-additional-name' | 'cc-family-name' | 'cc-number' | 'cc-exp' | 'cc-exp-month' | 'cc-exp-year' | 'cc-csc' | 'cc-type' | 'transaction-currency' | 'transaction-amount' | 'language' | 'bday' | 'bday-day' | 'bday-month' | 'bday-year' | 'sex' | 'tel' | 'tel-country-code' | 'tel-national' | 'tel-area-code' | 'tel-local' | 'tel-extension' | 'impp' | 'url' | 'photo';
+type BkInputAutoCapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+type BkInputMode = 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+type IconOrientation = 'left' | 'right';
+interface CountryOption {
+    code: string;
+    name: string;
+    mask: string;
+    prefix: string;
+    placeholder: string;
+}
+declare class BkInput implements OnInit, OnDestroy, ControlValueAccessor {
+    id: string;
+    name: string;
+    mask: string | null;
+    autoComplete: BkInputAutoComplete;
+    label: string;
+    placeholder: string;
+    hint: string;
+    required: boolean;
+    type: BkInputType;
+    value: string;
+    hasError: boolean;
+    showErrorIcon: boolean;
+    errorMessage: string;
+    disabled: boolean;
+    tabIndex: number | null;
+    readOnly: boolean;
+    autoCapitalize: BkInputAutoComplete | null;
+    inputMode: BkInputMode | null;
+    iconSrc?: string;
+    iconAlt: string;
+    showIcon: boolean;
+    phone: boolean;
+    countryCode: string;
+    countryOptions: CountryOption[];
+    selectedCountry: CountryOption;
+    iconOrientation: IconOrientation;
+    password: boolean;
+    showPassword: boolean;
+    pattern?: string | null;
+    max: number | null;
+    min: number | null;
+    step: number | null;
+    maxlength: number | null;
+    minlength: number | null;
+    dropdownRef?: ElementRef;
+    selectRef?: ElementRef;
+    inputField?: ElementRef<HTMLInputElement>;
+    isFocused: boolean;
+    inputValue: string;
+    isDropdownOpen: boolean;
+    input: EventEmitter<Event>;
+    change: EventEmitter<Event>;
+    focus: EventEmitter<Event>;
+    blur: EventEmitter<Event>;
+    clicked: EventEmitter<boolean>;
+    get placeHolderText(): string;
+    get maskValue(): string;
+    get maskPrefixValue(): string;
+    private onChange;
+    private onTouched;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    private closeAllDropdownsHandler;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onDocumentClick(event: MouseEvent): void;
+    handleFocus(event: Event): void;
+    handleBlur(event: Event): void;
+    handleInput(event: Event): void;
+    handleClicked(): void;
+    handleChange(event: Event): void;
+    toggleDropdown(event?: Event): void;
+    selectCountry(country: CountryOption): void;
+    togglePasswordVisibility(event: Event): void;
+    handleIconClick(event: Event): void;
+    get isFilled(): boolean;
+    get inputState(): 'default' | 'focused' | 'filled' | 'error' | 'disabled';
+    get currentInputType(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkInput, "bk-input", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "showErrorIcon": { "alias": "showErrorIcon"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "iconSrc": { "alias": "iconSrc"; "required": false; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "phone": { "alias": "phone"; "required": false; }; "countryCode": { "alias": "countryCode"; "required": false; }; "countryOptions": { "alias": "countryOptions"; "required": false; }; "iconOrientation": { "alias": "iconOrientation"; "required": false; }; "password": { "alias": "password"; "required": false; }; "showPassword": { "alias": "showPassword"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; }, { "input": "input"; "change": "change"; "focus": "focus"; "blur": "blur"; "clicked": "clicked"; }, never, never, true, never>;
+}
+
+declare class BkChips implements ControlValueAccessor, AfterViewInit {
+    badgeInput: ElementRef<HTMLInputElement>;
+    fieldWrapper: ElementRef<HTMLDivElement>;
+    id: string;
+    name: string;
+    label: string;
+    placeholder: string;
+    hint: string;
+    required: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    /**
+     * If true, displays the component in an error state (red border).
+     * It also replaces the hint text with the error message.
+     */
+    hasError: boolean;
+    errorMessage: string;
+    input: EventEmitter<Event>;
+    change: EventEmitter<string[]>;
+    focus: EventEmitter<Event>;
+    blur: EventEmitter<Event>;
+    badges: string[];
+    inputValue: string;
+    isFocused: boolean;
+    needsScroll: boolean;
+    onChange: any;
+    onTouched: any;
+    get inputState(): 'default' | 'focused' | 'filled' | 'error' | 'disabled';
+    onKeyDown(event: KeyboardEvent): void;
+    addBadge(): void;
+    removeBadge(index: number): void;
+    checkScrollNeeded(): void;
+    updateValue(): void;
+    focusInput(): void;
+    ngAfterViewInit(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(disabled: boolean): void;
+    handleInput(event: Event): void;
+    handleFocus(event: Event): void;
+    handleBlur(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkChips, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkChips, "bk-chips", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; }, { "input": "input"; "change": "change"; "focus": "focus"; "blur": "blur"; }, never, never, true, never>;
+}
+
+interface TabItem {
+    id: string;
+    label: string;
+    icon?: string;
+    iconActive?: string;
+    iconAlt?: string;
+    disabled?: boolean;
+}
+declare class BkTabs {
+    list: TabItem[];
+    activeTabId: string;
+    disabled: boolean;
+    change: EventEmitter<TabItem>;
+    setActiveTab(tab: TabItem): void;
+    isActive(tabId: string): boolean;
+    getTabIcon(tab: TabItem): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BkTabs, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BkTabs, "bk-tabs", never, { "list": { "alias": "list"; "required": false; }; "activeTabId": { "alias": "activeTabId"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}
+
+export { BkBadge, BkButton, BkButtonGroup, BkCheckbox, BkChips, BkCustomCalendar, BkGrid, BkIconButton, BkInput, BkPill, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTabs, BkTextarea, BkTimePicker, BkToggle, BrickclayIcons, BrickclayLib, CalendarManagerService, CalendarModule };
+export type { BadgeColor, BadgeSize, BadgeVariant, BkInputAutoCapitalize, BkInputAutoComplete, BkInputMode, BkInputType, BkTextAreaAutoCapitalize, BkTextAreaAutoComplete, BkTextAreaInputMode, ButtonSize, ButtonVariant, CalendarRange, CalendarSelection, CountryOption, GroupItem, GroupMode, IconButtonSize, IconButtonVariant, IconOrientation, PillColor, PillSize, PillVariant, ScheduledDateSelection, SortDirection, SpinnerSize, TabItem, TableAction, TableColumn, TimeConfiguration };