@actabldesign/bellhop-core 0.0.3

package/types/components/bh-month-picker/bh-month-picker.d.ts

@@ -0,0 +1,73 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { MonthYear, DisabledMonth } from '../bh-month-picker-content/bh-month-picker-content';
+export type MonthPickerVariant = 'dropdown-outlined' | 'dropdown-ghost' | 'input';
+export declare class BhMonthPicker {
+    /**
+     * Variant of the month picker trigger
+     */
+    variant: MonthPickerVariant;
+    /**
+     * Minimum year in the picker
+     */
+    minYear: number;
+    /**
+     * Maximum year in the picker
+     */
+    maxYear: number;
+    /**
+     * Whether the picker is disabled
+     */
+    disabled: boolean;
+    /**
+     * Array of disabled months
+     */
+    disabledMonths: DisabledMonth[];
+    /**
+     * Label for input variant
+     */
+    label: string;
+    /**
+     * Placeholder text
+     */
+    placeholder: string;
+    /**
+     * Width for input variant
+     */
+    inputWidth: string;
+    /**
+     * Whether to show the label
+     */
+    showLabel: boolean;
+    /**
+     * Whether to show the footer
+     */
+    showFooter: boolean;
+    /**
+     * Currently selected value
+     */
+    value?: MonthYear;
+    selectedValue: MonthYear | null;
+    tempSelection: MonthYear | null;
+    isMenuOpen: boolean;
+    isMenuClosing: boolean;
+    /**
+     * Event emitted when value changes
+     */
+    bhChange: EventEmitter<MonthYear | null>;
+    /**
+     * Event emitted when a month/year is selected
+     */
+    bhMonthYearSelect: EventEmitter<MonthYear>;
+    handleValueChange(newValue: MonthYear | undefined): void;
+    componentWillLoad(): void;
+    private getDisplayValue;
+    private getButtonLabel;
+    private handleTriggerClick;
+    private handleInputFocus;
+    private handleMonthYearSelect;
+    private handleMenuCancel;
+    private handleMenuApply;
+    private closeMenu;
+    private handleBackdropClick;
+    render(): any;
+}

package/types/components/bh-month-picker-content/bh-month-picker-content.d.ts

@@ -0,0 +1,77 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface MonthYear {
+    month: number;
+    year: number;
+}
+export interface DisabledMonth {
+    month: number;
+    year: number;
+}
+export declare class BhMonthPickerContent {
+    el: HTMLElement;
+    /**
+     * Minimum year in the picker
+     */
+    minYear: number;
+    /**
+     * Maximum year in the picker
+     */
+    maxYear: number;
+    /**
+     * Whether the picker is disabled
+     */
+    disabled: boolean;
+    /**
+     * Array of disabled months
+     */
+    disabledMonths: DisabledMonth[];
+    /**
+     * Whether the content is scrollable
+     */
+    scrollable: boolean;
+    /**
+     * Currently selected month (0-11)
+     */
+    selectedMonth?: number;
+    /**
+     * Currently selected year
+     */
+    selectedYear?: number;
+    /**
+     * Height of the content area
+     */
+    height: string;
+    /**
+     * Value object with month and year
+     */
+    value?: MonthYear;
+    internalSelectedMonth: number | null;
+    internalSelectedYear: number | null;
+    isUsingKeyboard: boolean;
+    /**
+     * Event emitted when a month is selected
+     */
+    bhChange: EventEmitter<MonthYear>;
+    /**
+     * Event emitted when a month/year is selected
+     */
+    bhMonthYearSelect: EventEmitter<MonthYear>;
+    private months;
+    private currentDate;
+    private currentMonth;
+    private currentYear;
+    handleValueChange(newValue: MonthYear | undefined): void;
+    handleSelectedMonthChange(newValue: number | undefined): void;
+    handleSelectedYearChange(newValue: number | undefined): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private scrollToSelectedYear;
+    private getYears;
+    private isCurrentMonth;
+    private isMonthSelectable;
+    private selectMonth;
+    private handleKeyDown;
+    private handleMouseDown;
+    private getMonthButtonClasses;
+    render(): any;
+}

package/types/components/bh-notification/bh-notification.d.ts

@@ -0,0 +1,51 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type NotificationType = 'primary' | 'default' | 'success' | 'error' | 'warning' | 'feature';
+export declare class BhNotification {
+    /**
+     * Type of notification (determines color and icon)
+     */
+    type: NotificationType;
+    /**
+     * Notification title
+     */
+    notificationTitle: string;
+    /**
+     * Notification description
+     */
+    description: string;
+    /**
+     * Text for the action button
+     */
+    actionText: string;
+    /**
+     * Text for the dismiss button
+     */
+    dismissText: string;
+    /**
+     * Whether to show the close button
+     */
+    dismissible: boolean;
+    /**
+     * Custom icon name (overrides type-based icon)
+     */
+    icon: string;
+    /**
+     * Emitted when action button is clicked
+     */
+    bhAction: EventEmitter<void>;
+    /**
+     * Emitted when dismiss button is clicked
+     */
+    bhDismiss: EventEmitter<void>;
+    /**
+     * Emitted when close button is clicked
+     */
+    bhClose: EventEmitter<void>;
+    private getIconName;
+    private getIconColor;
+    private getIconStyle;
+    private handleAction;
+    private handleDismiss;
+    private handleClose;
+    render(): any;
+}

package/types/components/bh-page-navigation/bh-page-navigation.d.ts

@@ -0,0 +1,45 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface ChildItem {
+    label: string;
+    badge?: string | number;
+    showBadge?: boolean;
+    isActive?: boolean;
+}
+export interface NavigationItem {
+    id: string;
+    label: string;
+    icon?: string;
+    type: 'single' | 'expandable';
+    isActive?: boolean;
+    isExpanded?: boolean;
+    badge?: string | number;
+    children?: ChildItem[];
+}
+export declare class BhPageNavigation {
+    /**
+     * Title displayed at the top of the navigation
+     */
+    navTitle: string;
+    /**
+     * Array of navigation items
+     */
+    navigationItems: NavigationItem[];
+    /**
+     * Internal state to track navigation items
+     */
+    items: NavigationItem[];
+    /**
+     * Event emitted when a navigation item is clicked
+     */
+    bhItemClick: EventEmitter<{
+        itemId: string;
+        childIndex?: number;
+    }>;
+    handleNavigationItemsChange(newValue: NavigationItem[]): void;
+    componentWillLoad(): void;
+    private clearAllSelections;
+    private handleSingleLevelClick;
+    private handleMultiLevelToggle;
+    private handleMultiLevelChildClick;
+    render(): any;
+}

package/types/components/bh-page-navigation-child/bh-page-navigation-child.d.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class BhPageNavigationChild {
+    /**
+     * Label text for the navigation item
+     */
+    label: string;
+    /**
+     * Optional badge text/number to display
+     */
+    badge?: string | number;
+    /**
+     * Whether to show the badge (when badge prop is provided)
+     */
+    showBadge: boolean;
+    /**
+     * Whether the item is currently active/selected
+     */
+    isActive: boolean;
+    /**
+     * Event emitted when the navigation item is clicked
+     */
+    bhItemClick: EventEmitter<void>;
+    private handleClick;
+    private getItemClasses;
+    render(): any;
+}

package/types/components/bh-page-navigation-multi-level/bh-page-navigation-multi-level.d.ts

@@ -0,0 +1,60 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface ChildItem {
+    label: string;
+    badge?: string | number;
+    showBadge?: boolean;
+    isActive?: boolean;
+}
+export declare class BhPageNavigationMultiLevel {
+    /**
+     * Label text for the navigation item
+     */
+    label: string;
+    /**
+     * Material icon name
+     */
+    icon: string;
+    /**
+     * Optional badge text/number to display
+     */
+    badge?: string | number;
+    /**
+     * Child navigation items
+     */
+    childItems: ChildItem[];
+    /**
+     * Whether the item is expanded to show children
+     */
+    isExpanded: boolean;
+    /**
+     * Internal state for hover
+     */
+    isHovered: boolean;
+    /**
+     * Internal state for animation
+     */
+    isAnimating: boolean;
+    /**
+     * Animation class
+     */
+    animationClass: string;
+    /**
+     * Event emitted when the parent item is clicked (to toggle expansion)
+     */
+    bhToggle: EventEmitter<void>;
+    /**
+     * Event emitted when a child item is clicked
+     */
+    bhChildClick: EventEmitter<number>;
+    /**
+     * Event emitted when add button is clicked
+     */
+    bhAddClick: EventEmitter<void>;
+    handleExpandedChange(newValue: boolean): void;
+    private get hasActiveChild();
+    private handleParentClick;
+    private handleChildClick;
+    private handleAddClick;
+    private getItemClasses;
+    render(): any;
+}

package/types/components/bh-page-navigation-single-level/bh-page-navigation-single-level.d.ts

@@ -0,0 +1,22 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class BhPageNavigationSingleLevel {
+    /**
+     * Label text for the navigation item
+     */
+    label: string;
+    /**
+     * Material icon name
+     */
+    icon: string;
+    /**
+     * Whether the item is currently active/selected
+     */
+    isActive: boolean;
+    /**
+     * Event emitted when the navigation item is clicked
+     */
+    bhItemClick: EventEmitter<void>;
+    private handleClick;
+    private getItemClasses;
+    render(): any;
+}

package/types/components/bh-picker-menu/bh-picker-menu.d.ts

@@ -0,0 +1,76 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { MonthYear, DisabledMonth } from '../bh-month-picker-content/bh-month-picker-content';
+export declare class BhPickerMenu {
+    /**
+     * Minimum year in the picker
+     */
+    minYear: number;
+    /**
+     * Maximum year in the picker
+     */
+    maxYear: number;
+    /**
+     * Whether the picker is disabled
+     */
+    disabled: boolean;
+    /**
+     * Array of disabled months
+     */
+    disabledMonths: DisabledMonth[];
+    /**
+     * Animation class for the menu
+     */
+    animationClass: string;
+    /**
+     * Whether the menu is visible
+     */
+    visible: boolean;
+    /**
+     * Whether to show the footer with action buttons
+     */
+    showFooter: boolean;
+    /**
+     * Whether to show the today button
+     */
+    showTodayButton: boolean;
+    /**
+     * Whether the apply button is disabled
+     */
+    disableApply: boolean;
+    /**
+     * Current value
+     */
+    value?: MonthYear;
+    isClosing: boolean;
+    shouldRender: boolean;
+    selectedMonth: number | null;
+    selectedYear: number | null;
+    /**
+     * Event emitted when value changes
+     */
+    bhChange: EventEmitter<MonthYear | null>;
+    /**
+     * Event emitted when a month/year is selected
+     */
+    bhMonthYearSelect: EventEmitter<MonthYear>;
+    /**
+     * Event emitted when cancel is clicked
+     */
+    bhCancel: EventEmitter<void>;
+    /**
+     * Event emitted when apply is clicked
+     */
+    bhApply: EventEmitter<void>;
+    /**
+     * Event emitted when today button is clicked
+     */
+    bhToday: EventEmitter<void>;
+    handleVisibleChange(newValue: boolean): void;
+    handleValueChange(newValue: MonthYear | undefined): void;
+    componentWillLoad(): void;
+    private handleMonthYearSelect;
+    private handleCancel;
+    private handleApply;
+    private handleToday;
+    render(): any;
+}

package/types/components/bh-pie-chart/bh-pie-chart.d.ts

@@ -0,0 +1,50 @@
+export interface PieChartSeriesItem {
+    name: string;
+    value: number;
+    color?: string;
+}
+export interface PieChartData {
+    series: PieChartSeriesItem[];
+}
+export interface PieSegment {
+    value: number;
+    percentage: number;
+    startAngle: number;
+    endAngle: number;
+    color: string;
+    name: string;
+    path: string;
+}
+export type PieChartHole = 'none' | '25%' | '50%' | '75%' | '85%';
+export declare class BhPieChart {
+    /**
+     * Chart data containing series
+     */
+    data: PieChartData;
+    /**
+     * Size of the donut hole
+     */
+    hole: PieChartHole;
+    /**
+     * Size of the chart in pixels
+     */
+    size: number;
+    /**
+     * Whether to animate the chart
+     */
+    animated: boolean;
+    /**
+     * Gap between segments in degrees
+     */
+    gap: number;
+    tooltipVisible: boolean;
+    tooltipX: number;
+    tooltipY: number;
+    tooltipSegment: PieSegment | null;
+    private getInnerRadius;
+    private createArcPath;
+    private getSegments;
+    private handleSegmentHover;
+    private handleSegmentLeave;
+    render(): any;
+}

package/types/components/bh-popover/bh-popover.d.ts

@@ -0,0 +1,60 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface PopoverItem {
+    id: string;
+    label: string;
+    type?: 'portfolio' | 'region' | 'property' | 'header';
+    selected?: boolean;
+}
+export declare class BhPopover {
+    /**
+     * Title displayed in the header
+     */
+    popoverTitle: string;
+    /**
+     * Text for the portfolio link
+     */
+    viewPortfolioText: string;
+    /**
+     * Placeholder text for search input
+     */
+    searchPlaceholder: string;
+    /**
+     * Width of the popover
+     */
+    width: string;
+    /**
+     * Whether to show search input
+     */
+    showSearch: boolean;
+    /**
+     * Whether to show avatar section
+     */
+    showAvatar: boolean;
+    /**
+     * Avatar image source URL
+     */
+    avatarSrc?: string;
+    /**
+     * Menu items array (JSON string or array)
+     */
+    items: PopoverItem[] | string;
+    searchTerm: string;
+    /**
+     * Event emitted when a menu item is selected
+     */
+    bhItemSelect: EventEmitter<PopoverItem>;
+    /**
+     * Event emitted when portfolio link is clicked
+     */
+    bhPortfolioClick: EventEmitter<void>;
+    /**
+     * Event emitted when search input changes
+     */
+    bhSearchChange: EventEmitter<string>;
+    private get parsedItems();
+    private handleItemClick;
+    private handlePortfolioClick;
+    private handleSearchInput;
+    private getItemClasses;
+    render(): any;
+}

package/types/components/bh-product-switcher/bh-product-switcher.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface BhProduct {
+    id: string;
+    name: string;
+    description: string;
+    logo: string;
+    current?: boolean;
+}
+export interface AnchorPosition {
+    top: number;
+    left: number;
+}
+export declare class BhProductSwitcher {
+    /**
+     * Whether the product switcher is open
+     */
+    isOpen: boolean;
+    /**
+     * Position to anchor the popover
+     */
+    anchorPosition: AnchorPosition;
+    /**
+     * Array of products to display
+     */
+    products: BhProduct[];
+    /**
+     * Event emitted when the switcher should close
+     */
+    bhClose: EventEmitter<void>;
+    /**
+     * Event emitted when a product is selected
+     */
+    bhProductSelect: EventEmitter<BhProduct>;
+    isClosing: boolean;
+    private containerRef?;
+    handleDocumentClick(event: MouseEvent): void;
+    private handleClose;
+    private handleProductClick;
+    render(): any;
+}

package/types/components/bh-property-switcher/bh-property-switcher.d.ts

@@ -0,0 +1,63 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export interface PropertyOption {
+    id: string;
+    name: string;
+    type: 'portfolio' | 'region' | 'property';
+    group?: string;
+}
+export interface PropertyGroup {
+    id: string;
+    name: string;
+    properties: PropertyOption[];
+}
+export interface DropdownMenuItem {
+    id: string;
+    label?: string;
+    icon?: string;
+    divider?: boolean;
+}
+export declare class BhPropertySwitcher {
+    /**
+     * Selected property name to display (initial value)
+     */
+    selectedProperty: string;
+    /**
+     * Array of property options
+     */
+    properties: PropertyOption[];
+    /**
+     * Whether to group properties by their group field
+     */
+    grouped: boolean;
+    /**
+     * Placeholder text for search input
+     */
+    searchPlaceholder: string;
+    /**
+     * Event emitted when a property is selected
+     */
+    bhPropertyChange: EventEmitter<PropertyOption>;
+    isExpanded: boolean;
+    searchQuery: string;
+    expandedGroups: Set<string>;
+    internalSelectedProperty: string;
+    private switcherRef?;
+    private searchInputRef?;
+    componentWillLoad(): void;
+    handleDocumentClick(event: MouseEvent): void;
+    private handleToggle;
+    private handleSearchInput;
+    private handleGroupToggle;
+    private handlePropertySelect;
+    private getPropertyGroups;
+    private filterProperties;
+    private filterGroups;
+    private getPropertyIcon;
+    private renderSearchInput;
+    private renderPropertyItem;
+    private renderGroupedView;
+    private renderFlatView;
+    private renderEmptyState;
+    private getSelectedProperty;
+    render(): any;
+}

package/types/components/bh-radio-button/bh-radio-button.d.ts

@@ -0,0 +1,56 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type RadioButtonSize = 'sm' | 'md';
+export declare class BhRadioButton {
+    internals: ElementInternals;
+    /**
+     * The size of the radio button
+     */
+    size: RadioButtonSize;
+    /**
+     * Whether the radio button is selected
+     */
+    selected: boolean;
+    /**
+     * Whether the radio button is disabled
+     */
+    disabled: boolean;
+    /**
+     * The value associated with this radio button
+     */
+    value: string;
+    /**
+     * The name of the radio group
+     */
+    name: string;
+    /**
+     * Optional label text - when provided, renders radio with label
+     */
+    label: string;
+    /**
+     * Optional supporting text below the label
+     */
+    supportingText: string;
+    /**
+     * Track focus state internally
+     */
+    isFocused: boolean;
+    /**
+     * Track hover state internally
+     */
+    isHovered: boolean;
+    /**
+     * Emitted when the radio button selection changes
+     */
+    bhChange: EventEmitter<string>;
+    componentDidLoad(): void;
+    formResetCallback(): void;
+    private handleClick;
+    private handleKeyDown;
+    private handleFocus;
+    private handleBlur;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private uniqueId;
+    private renderRadioControl;
+    render(): any;
+}