@actabldesign/bellhop-core 0.0.7 → 0.0.8

package/dist/esm/bh-sidebar.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"bh-sidebar.entry.js","sources":["src/components/bh-sidebar/bh-sidebar.css?tag=bh-sidebar&encapsulation=shadow","src/components/bh-sidebar/bh-sidebar.tsx"],"sourcesContent":["/* ==========================================================================\n   SIDEBAR COMPONENT\n   Vertical navigation sidebar with gradient bar\n   ========================================================================== */\n\n.sidebar-container {\n  width: fit-content;\n  height: 100vh;\n  background-color: var(--color-white);\n  position: relative;\n  display: flex;\n}\n\n.navigation {\n  background-color: var(--color-white);\n  display: flex;\n  height: 100%;\n  align-items: flex-start;\n  justify-content: flex-start;\n  position: relative;\n  border-right: 1px solid var(--color-neutral-200);\n  z-index: 100;\n}\n\n/* Gradient bar on the left edge */\n.gradient-bar {\n  position: relative;\n  width: var(--spacing-xs);\n  height: 100%;\n  flex-shrink: 0;\n}\n\n.detail-bar {\n  position: absolute;\n  background: linear-gradient(\n    180deg,\n    var(--color-accent-300) 0%,\n    var(--color-brand-400) 51%,\n    var(--color-brand-800) 100%\n  );\n  inset: 0;\n}\n\n/* Main sidebar content */\n.sidebar-content {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-2xl);\n  height: 100%;\n  align-items: center;\n  justify-content: flex-start;\n  padding: var(--spacing-md) var(--spacing-md) var(--spacing-lg)\n    var(--spacing-md);\n  position: relative;\n  flex-shrink: 0;\n  width: 60px;\n}\n\n/* Navigation section that contains search and nav items */\n.navigation-section {\n  flex: 1 1 0%;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xl);\n  flex-grow: 1;\n  align-items: center;\n  justify-content: flex-start;\n  min-height: 0;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n/* Search container */\n.search-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n}\n\n/* Nav items container */\n.nav-items {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs);\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n}\n\n/* Footer section with footer nav and avatar */\n.sidebar-footer {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-lg);\n  align-items: center;\n  justify-content: end;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n}\n\n.footer-navigation {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs);\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n}\n\n/* Collapsed state */\n.sidebar-collapsed .sidebar-content {\n  width: 60px;\n}\n\n.sidebar-collapsed .nav-item-label {\n  display: none;\n}\n\n/* Scrollbar styling for navigation section */\n.navigation-section::-webkit-scrollbar {\n  width: 4px;\n}\n\n.navigation-section::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.navigation-section::-webkit-scrollbar-thumb {\n  background: var(--color-neutral-200);\n  border-radius: var(--radius-xs);\n}\n\n.navigation-section::-webkit-scrollbar-thumb:hover {\n  background: var(--color-neutral-300);\n}\n\n/* Firefox scrollbar */\n.navigation-section {\n  scrollbar-width: thin;\n  scrollbar-color: var(--color-neutral-200) transparent;\n}\n\n/* Expanded state (optional future enhancement) */\n.sidebar-expanded .sidebar-content {\n  width: 240px;\n}\n\n.sidebar-expanded .nav-items {\n  align-items: flex-start;\n}\n\n.sidebar-expanded .nav-item {\n  width: 100%;\n  flex-direction: row;\n  justify-content: flex-start;\n  gap: var(--spacing-md);\n}\n\n.sidebar-expanded .nav-item-label {\n  display: block;\n  text-align: left;\n  font-size: var(--text-sm-size);\n  height: auto;\n  line-height: var(--text-sm-line);\n}\n","import { Component, Prop, Event, EventEmitter, State, h, Host } from '@stencil/core';\nimport { LogoType } from '../bh-logo-box/bh-logo-box';\n\nexport interface MenuItem {\n  label: string;\n  icon: string;\n  isActive?: boolean;\n}\n\nexport interface FooterItem {\n  label: string;\n  icon: string;\n}\n\nexport interface DropdownMenuItem {\n  id: string;\n  label?: string;\n  icon?: string;\n  shortcut?: string;\n  divider?: boolean;\n}\n\n@Component({\n  tag: 'bh-sidebar',\n  styleUrl: 'bh-sidebar.css',\n  shadow: true,\n})\nexport class BhSidebar {\n  /**\n   * Type of logo to display\n   */\n  @Prop() logoType: LogoType = 'actabl';\n\n  /**\n   * Avatar image URL\n   */\n  @Prop() avatarUrl?: string;\n\n  /**\n   * Avatar initials (used if avatarUrl is not provided)\n   */\n  @Prop() avatarInitials: string = 'DM';\n\n  /**\n   * Avatar name for dropdown\n   */\n  @Prop() avatarName: string = 'Daniel Mobara';\n\n  /**\n   * Avatar email for dropdown\n   */\n  @Prop() avatarEmail: string = 'daniel@solsticehospitality.com';\n\n  /**\n   * Main menu navigation items\n   */\n  @Prop() menuItems: MenuItem[] = [\n    { label: 'Dashboard', icon: 'dashboard', isActive: true },\n    { label: 'Analytics', icon: 'analytics', isActive: false },\n    { label: 'Reports', icon: 'assessment', isActive: false },\n    { label: 'Calendar', icon: 'calendar_today', isActive: false },\n    { label: 'Messages', icon: 'message', isActive: false },\n    { label: 'Contacts', icon: 'contacts', isActive: false },\n    { label: 'Files', icon: 'folder', isActive: false },\n  ];\n\n  /**\n   * Footer navigation items\n   */\n  @Prop() footerItems: FooterItem[] = [\n    { label: 'Help', icon: 'help_outline' },\n    { label: 'Settings', icon: 'settings' },\n  ];\n\n  /**\n   * Whether sidebar is collapsed\n   */\n  @Prop() collapsed: boolean = false;\n\n  /**\n   * Event emitted when a menu item is clicked\n   */\n  @Event() bhMenuItemClick!: EventEmitter<string>;\n\n  /**\n   * Event emitted when search button is clicked\n   */\n  @Event() bhSearchClick!: EventEmitter<void>;\n\n  /**\n   * Event emitted when avatar menu item is clicked\n   */\n  @Event() bhAvatarMenuClick!: EventEmitter<DropdownMenuItem>;\n\n  @State() activeItem: string = '';\n\n  componentWillLoad() {\n    const activeMenuItem = this.menuItems.find(item => item.isActive);\n    this.activeItem = activeMenuItem?.label || '';\n  }\n\n  private handleNavItemClick = (label: string) => {\n    this.activeItem = label;\n    this.bhMenuItemClick.emit(label);\n  };\n\n  private handleSearchClick = () => {\n    this.bhSearchClick.emit();\n  };\n\n  private handleAvatarMenuClick = (event: CustomEvent<DropdownMenuItem>) => {\n    this.bhAvatarMenuClick.emit(event.detail);\n  };\n\n  render() {\n    const sidebarClasses = {\n      'sidebar-container': true,\n      'sidebar-collapsed': this.collapsed,\n    };\n\n    const avatarMenuItems: DropdownMenuItem[] = [\n      { id: '1', label: 'View profile', icon: 'person', shortcut: '⌘P' },\n      { id: '2', label: 'Account settings', icon: 'settings', shortcut: '⌘,' },\n      { id: '3', label: 'Notifications', icon: 'notifications', shortcut: '⌘N' },\n      { id: '4', label: 'Privacy & Security', icon: 'shield', shortcut: '⌘S' },\n      { id: '5', divider: true },\n      { id: '6', label: 'Billing', icon: 'credit_card', shortcut: '⌘B' },\n      { id: '7', label: 'Team management', icon: 'group', shortcut: '⌘T' },\n      { id: '8', label: 'Integrations', icon: 'extension', shortcut: '⌘I' },\n      { id: '9', divider: true },\n      { id: '10', label: 'Help center', icon: 'help', shortcut: '⌘H' },\n      { id: '11', label: 'Keyboard shortcuts', icon: 'keyboard', shortcut: '?' },\n      { id: '12', divider: true },\n      { id: '13', label: 'Sign out', icon: 'logout', shortcut: '⇧⌘Q' },\n    ];\n\n    return (\n      <Host>\n        <div class={sidebarClasses}>\n          <div class=\"navigation\">\n            {/* Gradient bar */}\n            <div class=\"gradient-bar\">\n              <div class=\"detail-bar\"></div>\n            </div>\n\n            {/* Main content */}\n            <div class=\"sidebar-content\">\n              {/* Logo box */}\n              <bh-logo-box logoType={this.logoType}></bh-logo-box>\n\n              {/* Navigation section */}\n              <div class=\"navigation-section\">\n                {/* Search */}\n                <div class=\"search-container\">\n                  <bh-button-icon\n                    hierarchy=\"secondary\"\n                    size=\"sm\"\n                    iconName=\"search\"\n                    onClick={this.handleSearchClick}\n                  ></bh-button-icon>\n                </div>\n\n                {/* Nav items */}\n                <div class=\"nav-items\">\n                  {this.menuItems.map((item) => (\n                    <bh-nav-item\n                      key={item.label}\n                      icon={item.icon}\n                      label={item.label}\n                      isActive={this.activeItem === item.label}\n                      onBhClick={() => this.handleNavItemClick(item.label)}\n                    ></bh-nav-item>\n                  ))}\n                </div>\n              </div>\n\n              {/* Footer */}\n              <div class=\"sidebar-footer\">\n                <div class=\"footer-navigation\">\n                  {this.footerItems.map((item) => (\n                    <bh-nav-item\n                      key={item.label}\n                      icon={item.icon}\n                      label={item.label}\n                      isActive={false}\n                      onBhClick={() => this.handleNavItemClick(item.label)}\n                    ></bh-nav-item>\n                  ))}\n                </div>\n\n                {/* Avatar Dropdown */}\n                <bh-dropdown\n                  variant=\"avatar\"\n                  size=\"md\"\n                  avatarSize=\"md\"\n                  avatarSrc={this.avatarUrl}\n                  avatarName={this.avatarName}\n                  avatarEmail={this.avatarEmail}\n                  menuItems={avatarMenuItems}\n                  showIcons={true}\n                  onBhItemClick={this.handleAvatarMenuClick}\n                ></bh-dropdown>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"bh-sidebar.entry.js","sources":["src/components/bh-sidebar/bh-sidebar.css?tag=bh-sidebar&encapsulation=shadow","src/components/bh-sidebar/bh-sidebar.tsx"],"sourcesContent":["/* ==========================================================================\n   SIDEBAR COMPONENT\n   Vertical navigation sidebar with gradient bar\n   ========================================================================== */\n\n.sidebar-container {\n  width: fit-content;\n  height: 100vh;\n  background-color: var(--color-white);\n  position: relative;\n  display: flex;\n}\n\n.navigation {\n  background-color: var(--color-white);\n  display: flex;\n  height: 100%;\n  align-items: flex-start;\n  justify-content: flex-start;\n  position: relative;\n  border-right: 1px solid var(--color-neutral-200);\n  z-index: 100;\n}\n\n/* Gradient bar on the left edge */\n.gradient-bar {\n  position: relative;\n  width: var(--spacing-xs);\n  height: 100%;\n  flex-shrink: 0;\n}\n\n.detail-bar {\n  position: absolute;\n  background: linear-gradient(\n    180deg,\n    var(--color-accent-300) 0%,\n    var(--color-brand-400) 51%,\n    var(--color-brand-800) 100%\n  );\n  inset: 0;\n}\n\n/* Main sidebar content */\n.sidebar-content {\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-2xl);\n  height: 100%;\n  align-items: center;\n  justify-content: flex-start;\n  padding: var(--spacing-md) var(--spacing-md) var(--spacing-lg)\n    var(--spacing-md);\n  position: relative;\n  flex-shrink: 0;\n  width: 60px;\n}\n\n/* Navigation section that contains search and nav items */\n.navigation-section {\n  flex: 1 1 0%;\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xl);\n  flex-grow: 1;\n  align-items: center;\n  justify-content: flex-start;\n  min-height: 0;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n\n/* Search container */\n.search-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n}\n\n/* Nav items container */\n.nav-items {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs);\n  align-items: center;\n  justify-content: flex-start;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n}\n\n/* Footer section with footer nav and avatar */\n.sidebar-footer {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-lg);\n  align-items: center;\n  justify-content: end;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n}\n\n.footer-navigation {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-xs);\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  flex-shrink: 0;\n  width: 100%;\n}\n\n/* Collapsed state */\n.sidebar-collapsed .sidebar-content {\n  width: 60px;\n}\n\n.sidebar-collapsed .nav-item-label {\n  display: none;\n}\n\n/* Scrollbar styling for navigation section */\n.navigation-section::-webkit-scrollbar {\n  width: 4px;\n}\n\n.navigation-section::-webkit-scrollbar-track {\n  background: transparent;\n}\n\n.navigation-section::-webkit-scrollbar-thumb {\n  background: var(--color-neutral-200);\n  border-radius: var(--radius-xs);\n}\n\n.navigation-section::-webkit-scrollbar-thumb:hover {\n  background: var(--color-neutral-300);\n}\n\n/* Firefox scrollbar */\n.navigation-section {\n  scrollbar-width: thin;\n  scrollbar-color: var(--color-neutral-200) transparent;\n}\n\n/* Expanded state (optional future enhancement) */\n.sidebar-expanded .sidebar-content {\n  width: 240px;\n}\n\n.sidebar-expanded .nav-items {\n  align-items: flex-start;\n}\n\n.sidebar-expanded .nav-item {\n  width: 100%;\n  flex-direction: row;\n  justify-content: flex-start;\n  gap: var(--spacing-md);\n}\n\n.sidebar-expanded .nav-item-label {\n  display: block;\n  text-align: left;\n  font-size: var(--text-sm-size);\n  height: auto;\n  line-height: var(--text-sm-line);\n}\n","import { Component, Prop, Event, EventEmitter, State, h, Host } from '@stencil/core';\nimport { LogoType } from '../bh-logo-box/bh-logo-box';\n\nexport interface MenuItem {\n  label: string;\n  icon: string;\n  isActive?: boolean;\n}\n\nexport interface FooterItem {\n  label: string;\n  icon: string;\n}\n\nexport interface DropdownMenuItem {\n  id: string;\n  label?: string;\n  icon?: string;\n  shortcut?: string;\n  divider?: boolean;\n}\n\n@Component({\n  tag: 'bh-sidebar',\n  styleUrl: 'bh-sidebar.css',\n  shadow: true,\n})\nexport class BhSidebar {\n  /**\n   * Type of logo to display\n   */\n  @Prop() logoType: LogoType = 'actabl';\n\n  /**\n   * Custom logo source URL. If provided, overrides the default logo path.\n   */\n  @Prop() logoSrc?: string;\n\n  /**\n   * Base path for asset URLs. Useful for CDN usage.\n   * @example \"https://cdn.jsdelivr.net/npm/@actabldesign/bellhop-assets@0.0.7\"\n   */\n  @Prop() assetBasePath?: string;\n\n  /**\n   * Avatar image URL\n   */\n  @Prop() avatarUrl?: string;\n\n  /**\n   * Avatar initials (used if avatarUrl is not provided)\n   */\n  @Prop() avatarInitials: string = 'DM';\n\n  /**\n   * Avatar name for dropdown\n   */\n  @Prop() avatarName: string = 'Daniel Mobara';\n\n  /**\n   * Avatar email for dropdown\n   */\n  @Prop() avatarEmail: string = 'daniel@solsticehospitality.com';\n\n  /**\n   * Main menu navigation items\n   */\n  @Prop() menuItems: MenuItem[] = [\n    { label: 'Dashboard', icon: 'dashboard', isActive: true },\n    { label: 'Analytics', icon: 'analytics', isActive: false },\n    { label: 'Reports', icon: 'assessment', isActive: false },\n    { label: 'Calendar', icon: 'calendar_today', isActive: false },\n    { label: 'Messages', icon: 'message', isActive: false },\n    { label: 'Contacts', icon: 'contacts', isActive: false },\n    { label: 'Files', icon: 'folder', isActive: false },\n  ];\n\n  /**\n   * Footer navigation items\n   */\n  @Prop() footerItems: FooterItem[] = [\n    { label: 'Help', icon: 'help_outline' },\n    { label: 'Settings', icon: 'settings' },\n  ];\n\n  /**\n   * Whether sidebar is collapsed\n   */\n  @Prop() collapsed: boolean = false;\n\n  /**\n   * Event emitted when a menu item is clicked\n   */\n  @Event() bhMenuItemClick!: EventEmitter<string>;\n\n  /**\n   * Event emitted when search button is clicked\n   */\n  @Event() bhSearchClick!: EventEmitter<void>;\n\n  /**\n   * Event emitted when avatar menu item is clicked\n   */\n  @Event() bhAvatarMenuClick!: EventEmitter<DropdownMenuItem>;\n\n  @State() activeItem: string = '';\n\n  componentWillLoad() {\n    const activeMenuItem = this.menuItems.find(item => item.isActive);\n    this.activeItem = activeMenuItem?.label || '';\n  }\n\n  private handleNavItemClick = (label: string) => {\n    this.activeItem = label;\n    this.bhMenuItemClick.emit(label);\n  };\n\n  private handleSearchClick = () => {\n    this.bhSearchClick.emit();\n  };\n\n  private handleAvatarMenuClick = (event: CustomEvent<DropdownMenuItem>) => {\n    this.bhAvatarMenuClick.emit(event.detail);\n  };\n\n  render() {\n    const sidebarClasses = {\n      'sidebar-container': true,\n      'sidebar-collapsed': this.collapsed,\n    };\n\n    const avatarMenuItems: DropdownMenuItem[] = [\n      { id: '1', label: 'View profile', icon: 'person', shortcut: '⌘P' },\n      { id: '2', label: 'Account settings', icon: 'settings', shortcut: '⌘,' },\n      { id: '3', label: 'Notifications', icon: 'notifications', shortcut: '⌘N' },\n      { id: '4', label: 'Privacy & Security', icon: 'shield', shortcut: '⌘S' },\n      { id: '5', divider: true },\n      { id: '6', label: 'Billing', icon: 'credit_card', shortcut: '⌘B' },\n      { id: '7', label: 'Team management', icon: 'group', shortcut: '⌘T' },\n      { id: '8', label: 'Integrations', icon: 'extension', shortcut: '⌘I' },\n      { id: '9', divider: true },\n      { id: '10', label: 'Help center', icon: 'help', shortcut: '⌘H' },\n      { id: '11', label: 'Keyboard shortcuts', icon: 'keyboard', shortcut: '?' },\n      { id: '12', divider: true },\n      { id: '13', label: 'Sign out', icon: 'logout', shortcut: '⇧⌘Q' },\n    ];\n\n    return (\n      <Host>\n        <div class={sidebarClasses}>\n          <div class=\"navigation\">\n            {/* Gradient bar */}\n            <div class=\"gradient-bar\">\n              <div class=\"detail-bar\"></div>\n            </div>\n\n            {/* Main content */}\n            <div class=\"sidebar-content\">\n              {/* Logo box */}\n              <bh-logo-box\n                logoType={this.logoType}\n                logoSrc={this.logoSrc}\n                assetBasePath={this.assetBasePath}\n              ></bh-logo-box>\n\n              {/* Navigation section */}\n              <div class=\"navigation-section\">\n                {/* Search */}\n                <div class=\"search-container\">\n                  <bh-button-icon\n                    hierarchy=\"secondary\"\n                    size=\"sm\"\n                    iconName=\"search\"\n                    onClick={this.handleSearchClick}\n                  ></bh-button-icon>\n                </div>\n\n                {/* Nav items */}\n                <div class=\"nav-items\">\n                  {this.menuItems.map((item) => (\n                    <bh-nav-item\n                      key={item.label}\n                      icon={item.icon}\n                      label={item.label}\n                      isActive={this.activeItem === item.label}\n                      onBhClick={() => this.handleNavItemClick(item.label)}\n                    ></bh-nav-item>\n                  ))}\n                </div>\n              </div>\n\n              {/* Footer */}\n              <div class=\"sidebar-footer\">\n                <div class=\"footer-navigation\">\n                  {this.footerItems.map((item) => (\n                    <bh-nav-item\n                      key={item.label}\n                      icon={item.icon}\n                      label={item.label}\n                      isActive={false}\n                      onBhClick={() => this.handleNavItemClick(item.label)}\n                    ></bh-nav-item>\n                  ))}\n                </div>\n\n                {/* Avatar Dropdown */}\n                <bh-dropdown\n                  variant=\"avatar\"\n                  size=\"md\"\n                  avatarSize=\"md\"\n                  avatarSrc={this.avatarUrl}\n                  avatarName={this.avatarName}\n                  avatarEmail={this.avatarEmail}\n                  menuItems={avatarMenuItems}\n                  showIcons={true}\n                  onBhItemClick={this.handleAvatarMenuClick}\n                ></bh-dropdown>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/loader.js

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-nAAobRRQ.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"bh-date-range-picker\",[[769,\"bh-date-range-picker\",{\"variant\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"startLabel\":[1,\"start-label\"],\"endLabel\":[1,\"end-label\"],\"startPlaceholder\":[1,\"start-placeholder\"],\"endPlaceholder\":[1,\"end-placeholder\"],\"inputWidth\":[1,\"input-width\"],\"showLabel\":[4,\"show-label\"],\"showFooter\":[4,\"show-footer\"],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"value\":[16],\"selectedValue\":[32],\"tempSelection\":[32],\"isMenuOpen\":[32],\"isMenuClosing\":[32]},[[0,\"bhDateRangeSelect\",\"handleDateRangeSelectEvent\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bh-data-grid\",[[769,\"bh-data-grid\",{\"data\":[16],\"columns\":[16],\"getRowId\":[16],\"getSubRows\":[16],\"size\":[1],\"striped\":[4],\"bordered\":[4],\"stickyHeader\":[4,\"sticky-header\"],\"maxHeight\":[1,\"max-height\"],\"caption\":[1],\"captionPosition\":[1,\"caption-position\"],\"emptyTitle\":[1,\"empty-title\"],\"emptyDescription\":[1,\"empty-description\"],\"loading\":[4],\"loadingType\":[1,\"loading-type\"],\"skeletonRowCount\":[2,\"skeleton-row-count\"],\"enableSorting\":[4,\"enable-sorting\"],\"enableMultiSort\":[4,\"enable-multi-sort\"],\"sortState\":[1040],\"enableFiltering\":[4,\"enable-filtering\"],\"enableGlobalFilter\":[4,\"enable-global-filter\"],\"showFilterRow\":[4,\"show-filter-row\"],\"globalFilterPlaceholder\":[1,\"global-filter-placeholder\"],\"filterState\":[1040],\"globalFilter\":[1025,\"global-filter\"],\"selectionMode\":[1,\"selection-mode\"],\"selectedRowIds\":[1040],\"enablePagination\":[4,\"enable-pagination\"],\"page\":[1026],\"pageSize\":[1026,\"page-size\"],\"pageSizeOptions\":[16],\"enableExpansion\":[4,\"enable-expansion\"],\"expandedRowIds\":[1040],\"enableGrouping\":[4,\"enable-grouping\"],\"groupBy\":[16],\"enableEditing\":[4,\"enable-editing\"],\"editMode\":[1,\"edit-mode\"],\"showEditActions\":[4,\"show-edit-actions\"],\"tableState\":[32],\"editingRowId\":[32],\"editingColumnId\":[32],\"editingValues\":[32],\"validationErrors\":[32],\"hoveredRowId\":[32]},null,{\"data\":[\"handleDataChange\"],\"columns\":[\"handleDataChange\"],\"sortState\":[\"handleSortStateChange\"],\"filterState\":[\"handleFilterStateChange\"],\"selectedRowIds\":[\"handleSelectedRowIdsChange\"],\"page\":[\"handlePaginationPropChange\"],\"pageSize\":[\"handlePaginationPropChange\"],\"expandedRowIds\":[\"handleExpandedRowIdsChange\"],\"groupBy\":[\"handleGroupByChange\"]}]]],[\"bh-date-picker\",[[769,\"bh-date-picker\",{\"variant\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"label\":[1],\"placeholder\":[1],\"inputWidth\":[1,\"input-width\"],\"showLabel\":[4,\"show-label\"],\"showFooter\":[4,\"show-footer\"],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"value\":[16],\"selectedValue\":[32],\"tempSelection\":[32],\"isMenuOpen\":[32],\"isMenuClosing\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-sidebar\",[[769,\"bh-sidebar\",{\"logoType\":[1,\"logo-type\"],\"avatarUrl\":[1,\"avatar-url\"],\"avatarInitials\":[1,\"avatar-initials\"],\"avatarName\":[1,\"avatar-name\"],\"avatarEmail\":[1,\"avatar-email\"],\"menuItems\":[16],\"footerItems\":[16],\"collapsed\":[4],\"activeItem\":[32]}]]],[\"bh-input-autocomplete\",[[769,\"bh-input-autocomplete\",{\"state\":[1],\"error\":[4],\"required\":[4],\"disabled\":[4],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"leadingIcon\":[1,\"leading-icon\"],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"value\":[1025],\"width\":[1],\"options\":[16],\"maxOptions\":[2,\"max-options\"],\"multiSelect\":[4,\"multi-select\"],\"minSearchLength\":[2,\"min-search-length\"],\"selectedItems\":[1040],\"showDropdown\":[32],\"focusedOptionIndex\":[32],\"isFocused\":[32],\"isHovered\":[32],\"isTagClickOpen\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-month-picker\",[[769,\"bh-month-picker\",{\"variant\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledMonths\":[16],\"label\":[1],\"placeholder\":[1],\"inputWidth\":[1,\"input-width\"],\"showLabel\":[4,\"show-label\"],\"showFooter\":[4,\"show-footer\"],\"value\":[16],\"selectedValue\":[32],\"tempSelection\":[32],\"isMenuOpen\":[32],\"isMenuClosing\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-checkbox-group-item\",[[769,\"bh-checkbox-group-item\",{\"type\":[1],\"size\":[1],\"value\":[1],\"checked\":[1028],\"selected\":[1028],\"disabled\":[4],\"icon\":[1],\"itemTitle\":[1,\"item-title\"],\"subtitle\":[1],\"description\":[1],\"name\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"bh-page-navigation\",[[769,\"bh-page-navigation\",{\"navTitle\":[1,\"nav-title\"],\"navigationItems\":[16],\"items\":[32]},null,{\"navigationItems\":[\"handleNavigationItemsChange\"]}]]],[\"bh-appbar\",[[769,\"bh-appbar\",{\"isMenuOpen\":[4,\"is-menu-open\"],\"logoSrc\":[1,\"logo-src\"],\"logoAlt\":[1,\"logo-alt\"],\"breadcrumbItems\":[16],\"notificationCount\":[2,\"notification-count\"]}]]],[\"bh-avatar-stacked\",[[769,\"bh-avatar-stacked\",{\"size\":[1],\"avatars\":[1],\"maxVisible\":[2,\"max-visible\"],\"showAddButton\":[4,\"show-add-button\"],\"addTooltipText\":[1,\"add-tooltip-text\"],\"hoveredIndex\":[32],\"addButtonHovered\":[32]}]]],[\"bh-card-header\",[[769,\"bh-card-header\",{\"showFeaturedIcon\":[4,\"show-featured-icon\"],\"featuredIcon\":[1,\"featured-icon\"],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"featuredIconColor\":[1,\"featured-icon-color\"],\"showTitle\":[4,\"show-title\"],\"headerTitle\":[1,\"header-title\"],\"showBadge\":[4,\"show-badge\"],\"badgeText\":[1,\"badge-text\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"],\"showDropdown\":[4,\"show-dropdown\"],\"showDivider\":[4,\"show-divider\"]}]]],[\"bh-input-number\",[[833,\"bh-input-number\",{\"error\":[4],\"required\":[4],\"disabled\":[4],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"leadingIcon\":[1,\"leading-icon\"],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"value\":[1026],\"min\":[2],\"max\":[2],\"step\":[2],\"prefixText\":[1,\"prefix-text\"],\"suffixText\":[1,\"suffix-text\"],\"width\":[1],\"name\":[1],\"defaultValue\":[2,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"internalState\":[32],\"isHovered\":[32],\"isFocused\":[32],\"internalValue\":[32],\"hasValidationError\":[32]},null,{\"value\":[\"watchValue\"]}]]],[\"bh-notification\",[[769,\"bh-notification\",{\"type\":[1],\"notificationTitle\":[1,\"notification-title\"],\"description\":[1],\"actionText\":[1,\"action-text\"],\"dismissText\":[1,\"dismiss-text\"],\"dismissible\":[4],\"icon\":[1]}]]],[\"bh-container-footer\",[[769,\"bh-container-footer\",{\"size\":[1],\"buttonLabel\":[1,\"button-label\"]}]]],[\"bh-input-password\",[[833,\"bh-input-password\",{\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"leadingIcon\":[1,\"leading-icon\"],\"value\":[1025],\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"isFocused\":[32],\"isHovered\":[32],\"showPassword\":[32]}]]],[\"bh-input-verification\",[[769,\"bh-input-verification\",{\"size\":[1],\"digits\":[2],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"hintText\":[1,\"hint-text\"],\"showHintText\":[4,\"show-hint-text\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"showSeparator\":[4,\"show-separator\"],\"placeholder\":[1],\"width\":[1],\"value\":[1025],\"values\":[32],\"inputRefs\":[32]},null,{\"value\":[\"watchValue\"],\"digits\":[\"watchDigits\"]}]]],[\"bh-modal-actions\",[[769,\"bh-modal-actions\",{\"type\":[1],\"destructive\":[4],\"primaryLabel\":[1,\"primary-label\"],\"secondaryLabel\":[1,\"secondary-label\"],\"divider\":[4]}]]],[\"bh-modal-header\",[[769,\"bh-modal-header\",{\"modalTitle\":[1,\"modal-title\"],\"description\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"showIcon\":[4,\"show-icon\"],\"showCloseButton\":[4,\"show-close-button\"],\"type\":[1],\"paddingBottom\":[4,\"padding-bottom\"],\"divider\":[4]}]]],[\"bh-textarea\",[[833,\"bh-textarea\",{\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"value\":[1025],\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"rows\":[2],\"resize\":[1],\"maxLength\":[2,\"max-length\"],\"isFocused\":[32]}]]],[\"bh-bar-chart\",[[769,\"bh-bar-chart\",{\"data\":[16],\"type\":[1],\"orientation\":[1],\"animated\":[4],\"maxHeight\":[2,\"max-height\"],\"maxWidth\":[2,\"max-width\"],\"tooltipVisible\":[32],\"tooltipX\":[32],\"tooltipY\":[32],\"tooltipHeader\":[32],\"tooltipItems\":[32],\"tooltipTotal\":[32],\"showTooltipTotal\":[32]}]]],[\"bh-pie-chart\",[[769,\"bh-pie-chart\",{\"data\":[16],\"hole\":[1],\"size\":[2],\"animated\":[4],\"gap\":[2],\"tooltipVisible\":[32],\"tooltipX\":[32],\"tooltipY\":[32],\"tooltipSegment\":[32]}]]],[\"bh-accordion\",[[769,\"bh-accordion\",{\"mode\":[1],\"value\":[1025],\"collapsible\":[4],\"expandedItems\":[32]},[[0,\"bhAccordionToggle\",\"handleAccordionToggle\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bh-accordion-item\",[[769,\"bh-accordion-item\",{\"value\":[1],\"header\":[1],\"expanded\":[1540],\"disabled\":[4],\"isAnimating\":[32]},null,{\"expanded\":[\"handleExpandedChange\"]}]]],[\"bh-card\",[[769,\"bh-card\",{\"showHeader\":[4,\"show-header\"],\"showFooter\":[4,\"show-footer\"],\"contentMinHeight\":[2,\"content-min-height\"],\"placeholderText\":[1,\"placeholder-text\"],\"hasContent\":[32]}]]],[\"bh-card-footer\",[[769,\"bh-card-footer\",{\"showDivider\":[4,\"show-divider\"],\"alignment\":[1]}]]],[\"bh-checkbox-group\",[[769,\"bh-checkbox-group\",{\"type\":[1],\"name\":[1],\"value\":[1025],\"disabled\":[4]},[[0,\"bhItemChange\",\"handleItemChange\"]]]]],[\"bh-container\",[[769,\"bh-container\",{\"withFooter\":[4,\"with-footer\"]}]]],[\"bh-illustrations\",[[769,\"bh-illustrations\",{\"size\":[1],\"illustrationTitle\":[1,\"illustration-title\"],\"description\":[1],\"svgPath\":[1,\"svg-path\"],\"alt\":[1]}]]],[\"bh-modal\",[[769,\"bh-modal\",{\"visible\":[4],\"overlay\":[4],\"width\":[1]}]]],[\"bh-popover\",[[769,\"bh-popover\",{\"popoverTitle\":[1,\"popover-title\"],\"viewPortfolioText\":[1,\"view-portfolio-text\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"width\":[1],\"showSearch\":[4,\"show-search\"],\"showAvatar\":[4,\"show-avatar\"],\"avatarSrc\":[1,\"avatar-src\"],\"items\":[1],\"searchTerm\":[32]}]]],[\"bh-property-switcher\",[[769,\"bh-property-switcher\",{\"selectedProperty\":[1,\"selected-property\"],\"properties\":[16],\"grouped\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"isExpanded\":[32],\"searchQuery\":[32],\"expandedGroups\":[32],\"internalSelectedProperty\":[32]},[[4,\"click\",\"handleDocumentClick\"]]]]],[\"bh-tab-item\",[[769,\"bh-tab-item\",{\"value\":[1],\"label\":[1],\"active\":[4],\"disabled\":[4]}]]],[\"bh-tabs\",[[769,\"bh-tabs\",{\"type\":[1],\"orientation\":[1],\"fullWidth\":[4,\"full-width\"],\"value\":[1025]},[[0,\"bhTabItemClick\",\"handleTabItemClick\"]]]]],[\"bh-toggle\",[[833,\"bh-toggle\",{\"size\":[1],\"showText\":[4,\"show-text\"],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"disabled\":[4],\"checked\":[1028],\"name\":[1],\"value\":[1],\"required\":[4],\"defaultChecked\":[4,\"default-checked\"],\"isFocused\":[32],\"isHovered\":[32]}]]],[\"bh-trend-chart\",[[769,\"bh-trend-chart\",{\"trend\":[1],\"data\":[16],\"animated\":[4],\"variant\":[1],\"width\":[2],\"height\":[2]}]]],[\"bh-page-navigation-multi-level_2\",[[769,\"bh-page-navigation-multi-level\",{\"label\":[1],\"icon\":[1],\"badge\":[8],\"childItems\":[16],\"isExpanded\":[1028,\"is-expanded\"],\"isHovered\":[32],\"isAnimating\":[32],\"animationClass\":[32]},null,{\"isExpanded\":[\"handleExpandedChange\"]}],[769,\"bh-page-navigation-single-level\",{\"label\":[1],\"icon\":[1],\"isActive\":[4,\"is-active\"]}]]],[\"bh-button-icon\",[[769,\"bh-button-icon\",{\"hierarchy\":[1],\"size\":[1],\"iconName\":[1,\"icon-name\"],\"disabled\":[4],\"loading\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"bh-date-range-picker-content\",[[769,\"bh-date-range-picker-content\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"value\":[16],\"selectedRange\":[32],\"leftMonth\":[32],\"leftYear\":[32],\"rightMonth\":[32],\"rightYear\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-avatar-add\",[[769,\"bh-avatar-add\",{\"size\":[1],\"disabled\":[4],\"showTooltip\":[4,\"show-tooltip\"],\"tooltipText\":[1,\"tooltip-text\"],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"bh-badge\",[[769,\"bh-badge\",{\"variant\":[1],\"size\":[1],\"emphasis\":[1],\"label\":[1],\"icon\":[1],\"dismissible\":[4],\"disabled\":[4]}]]],[\"bh-autocomplete-menu_2\",[[769,\"bh-tag\",{\"variant\":[1],\"size\":[1],\"label\":[1],\"dismissible\":[4],\"disabled\":[4],\"maxWidth\":[2,\"max-width\"],\"avatarSrc\":[1,\"avatar-src\"],\"isDismissing\":[32]}],[769,\"bh-autocomplete-menu\",{\"menuItems\":[16],\"visible\":[4],\"selectedIndex\":[2,\"selected-index\"],\"maxHeight\":[2,\"max-height\"],\"multiSelect\":[4,\"multi-select\"],\"searchQuery\":[1,\"search-query\"],\"isAnimating\":[32],\"shouldRender\":[32],\"items\":[32]},null,{\"visible\":[\"watchVisible\"],\"menuItems\":[\"watchMenuItems\"]}]]],[\"bh-badge-dot_2\",[[769,\"bh-breadcrumbs\",{\"items\":[1],\"separator\":[1],\"showHome\":[4,\"show-home\"],\"maxVisibleItems\":[2,\"max-visible-items\"]}],[769,\"bh-badge-dot\",{\"size\":[1],\"color\":[1],\"outline\":[4]}]]],[\"bh-dropdown-menu\",[[769,\"bh-dropdown-menu\",{\"header\":[1],\"menuItems\":[1,\"menu-items\"],\"visible\":[4],\"showIcons\":[4,\"show-icons\"],\"scrollable\":[4],\"isClosing\":[32],\"shouldRender\":[32]},null,{\"visible\":[\"watchVisible\"]}]]],[\"bh-chart-tooltip\",[[769,\"bh-chart-tooltip\",{\"visible\":[4],\"x\":[2],\"y\":[2],\"header\":[1],\"items\":[16],\"total\":[1],\"showTotal\":[4,\"show-total\"],\"storybookMode\":[4,\"storybook-mode\"]}]]],[\"bh-page-navigation-child\",[[769,\"bh-page-navigation-child\",{\"label\":[1],\"badge\":[8],\"showBadge\":[4,\"show-badge\"],\"isActive\":[4,\"is-active\"]}]]],[\"bh-product-switcher\",[[769,\"bh-product-switcher\",{\"isOpen\":[4,\"is-open\"],\"anchorPosition\":[16],\"products\":[16],\"isClosing\":[32]},[[4,\"click\",\"handleDocumentClick\"]]]]],[\"bh-dropdown_3\",[[769,\"bh-dropdown\",{\"size\":[1],\"state\":[1],\"variant\":[1],\"label\":[1],\"iconName\":[1,\"icon-name\"],\"disabled\":[4],\"menuItems\":[1,\"menu-items\"],\"header\":[1],\"avatarSrc\":[1,\"avatar-src\"],\"avatarAlt\":[1,\"avatar-alt\"],\"avatarSize\":[1,\"avatar-size\"],\"avatarName\":[1,\"avatar-name\"],\"avatarEmail\":[1,\"avatar-email\"],\"showIcons\":[4,\"show-icons\"],\"isOpen\":[32],\"menuPosition\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"isOpen\":[\"handleOpenChange\"]}],[769,\"bh-logo-box\",{\"logoType\":[1,\"logo-type\"],\"logoSrc\":[1,\"logo-src\"],\"assetBasePath\":[1,\"asset-base-path\"],\"products\":[16],\"isOpen\":[32],\"anchorPosition\":[32]}],[769,\"bh-nav-item\",{\"icon\":[1],\"label\":[1],\"isActive\":[4,\"is-active\"],\"disabled\":[4]}]]],[\"bh-empty-state_3\",[[769,\"bh-empty-state\",{\"emptyTitle\":[1,\"empty-title\"],\"description\":[1],\"illustrationSize\":[1,\"illustration-size\"],\"illustrationPath\":[1,\"illustration-path\"],\"primaryActionText\":[1,\"primary-action-text\"],\"primaryActionIcon\":[1,\"primary-action-icon\"],\"secondaryActionText\":[1,\"secondary-action-text\"],\"secondaryActionIcon\":[1,\"secondary-action-icon\"],\"maxWidth\":[1,\"max-width\"]}],[769,\"bh-pagination\",{\"page\":[1026],\"totalItems\":[2,\"total-items\"],\"pageSize\":[1026,\"page-size\"],\"pageSizeOptions\":[16],\"showPageSizeSelector\":[4,\"show-page-size-selector\"],\"showItemCount\":[4,\"show-item-count\"],\"showFirstLastButtons\":[4,\"show-first-last-buttons\"],\"size\":[1],\"disabled\":[4],\"rowsPerPageLabel\":[1,\"rows-per-page-label\"],\"showingResultsLabel\":[1,\"showing-results-label\"],\"pageInfoLabel\":[1,\"page-info-label\"],\"internalPage\":[32],\"internalPageSize\":[32]}],[769,\"bh-skeleton-loader\",{\"width\":[1],\"height\":[1],\"circle\":[4]}]]],[\"bh-checkbox_2\",[[833,\"bh-checkbox\",{\"size\":[1],\"checked\":[1540],\"indeterminate\":[1028],\"disabled\":[4],\"name\":[1],\"value\":[1],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"required\":[4],\"defaultChecked\":[4,\"default-checked\"],\"isHovered\":[32],\"isFocused\":[32]},null,{\"checked\":[\"handleCheckedChange\"],\"indeterminate\":[\"handleIndeterminateChange\"]}],[833,\"bh-radio-button\",{\"size\":[1],\"selected\":[1028],\"disabled\":[4],\"value\":[1],\"name\":[1],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"isFocused\":[32],\"isHovered\":[32]}]]],[\"bh-month-picker-content\",[[769,\"bh-month-picker-content\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledMonths\":[16],\"scrollable\":[4],\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"height\":[1],\"value\":[16],\"internalSelectedMonth\":[32],\"internalSelectedYear\":[32],\"isUsingKeyboard\":[32]},null,{\"value\":[\"handleValueChange\"],\"selectedMonth\":[\"handleSelectedMonthChange\"],\"selectedYear\":[\"handleSelectedYearChange\"]}]]],[\"bh-date-picker-content\",[[769,\"bh-date-picker-content\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"initialMonth\":[2,\"initial-month\"],\"initialYear\":[2,\"initial-year\"],\"displayMonth\":[2,\"display-month\"],\"displayYear\":[2,\"display-year\"],\"rangeStart\":[16],\"rangeEnd\":[16],\"value\":[16],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"selectedDate\":[32],\"currentMonth\":[32],\"currentYear\":[32],\"isMonthDropdownOpen\":[32],\"isMonthDropdownClosing\":[32]},null,{\"value\":[\"handleValueChange\"],\"displayMonth\":[\"handleDisplayMonthChange\"],\"displayYear\":[\"handleDisplayYearChange\"]}]]],[\"bh-featured-icon\",[[769,\"bh-featured-icon\",{\"size\":[1],\"color\":[1],\"iconStyle\":[1,\"icon-style\"],\"icon\":[1]}]]],[\"bh-avatar\",[[769,\"bh-avatar\",{\"size\":[1],\"type\":[1],\"status\":[1],\"text\":[1],\"imageSrc\":[1,\"image-src\"],\"alt\":[1]}]]],[\"bh-label_2\",[[769,\"bh-label\",{\"label\":[1],\"layout\":[1],\"for\":[1],\"supportingText\":[1,\"supporting-text\"],\"required\":[4],\"showHelpIcon\":[4,\"show-help-icon\"],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"disabled\":[4],\"showHelpTooltip\":[32]}],[769,\"bh-tooltip\",{\"text\":[1],\"position\":[1],\"variant\":[1],\"visible\":[4],\"maxWidth\":[2,\"max-width\"]}]]],[\"bh-button_2\",[[769,\"bh-button\",{\"hierarchy\":[1],\"kind\":[1],\"icon\":[1],\"size\":[1],\"label\":[1],\"iconName\":[1,\"icon-name\"],\"disabled\":[4],\"loading\":[4],\"type\":[1]}],[769,\"bh-loader-spinner\",{\"size\":[1],\"variant\":[1],\"overlay\":[4],\"overlayMessage\":[1,\"overlay-message\"],\"showMessage\":[4,\"show-message\"],\"message\":[1]}]]],[\"bh-input-text_2\",[[769,\"bh-picker-menu\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledMonths\":[16],\"animationClass\":[1,\"animation-class\"],\"visible\":[4],\"showFooter\":[4,\"show-footer\"],\"showTodayButton\":[4,\"show-today-button\"],\"disableApply\":[4,\"disable-apply\"],\"value\":[16],\"isClosing\":[32],\"shouldRender\":[32],\"selectedMonth\":[32],\"selectedYear\":[32]},null,{\"visible\":[\"handleVisibleChange\"],\"value\":[\"handleValueChange\"]}],[833,\"bh-input-text\",{\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"showTrailingIcon\":[4,\"show-trailing-icon\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"value\":[1025],\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"type\":[1],\"width\":[1],\"readOnly\":[4,\"read-only\"],\"state\":[1],\"isFocused\":[32],\"isHovered\":[32]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"bh-date-range-picker\",[[769,\"bh-date-range-picker\",{\"variant\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"startLabel\":[1,\"start-label\"],\"endLabel\":[1,\"end-label\"],\"startPlaceholder\":[1,\"start-placeholder\"],\"endPlaceholder\":[1,\"end-placeholder\"],\"inputWidth\":[1,\"input-width\"],\"showLabel\":[4,\"show-label\"],\"showFooter\":[4,\"show-footer\"],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"value\":[16],\"selectedValue\":[32],\"tempSelection\":[32],\"isMenuOpen\":[32],\"isMenuClosing\":[32]},[[0,\"bhDateRangeSelect\",\"handleDateRangeSelectEvent\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bh-data-grid\",[[769,\"bh-data-grid\",{\"data\":[16],\"columns\":[16],\"getRowId\":[16],\"getSubRows\":[16],\"size\":[1],\"striped\":[4],\"bordered\":[4],\"stickyHeader\":[4,\"sticky-header\"],\"maxHeight\":[1,\"max-height\"],\"caption\":[1],\"captionPosition\":[1,\"caption-position\"],\"emptyTitle\":[1,\"empty-title\"],\"emptyDescription\":[1,\"empty-description\"],\"loading\":[4],\"loadingType\":[1,\"loading-type\"],\"skeletonRowCount\":[2,\"skeleton-row-count\"],\"enableSorting\":[4,\"enable-sorting\"],\"enableMultiSort\":[4,\"enable-multi-sort\"],\"sortState\":[1040],\"enableFiltering\":[4,\"enable-filtering\"],\"enableGlobalFilter\":[4,\"enable-global-filter\"],\"showFilterRow\":[4,\"show-filter-row\"],\"globalFilterPlaceholder\":[1,\"global-filter-placeholder\"],\"filterState\":[1040],\"globalFilter\":[1025,\"global-filter\"],\"selectionMode\":[1,\"selection-mode\"],\"selectedRowIds\":[1040],\"enablePagination\":[4,\"enable-pagination\"],\"page\":[1026],\"pageSize\":[1026,\"page-size\"],\"pageSizeOptions\":[16],\"enableExpansion\":[4,\"enable-expansion\"],\"expandedRowIds\":[1040],\"enableGrouping\":[4,\"enable-grouping\"],\"groupBy\":[16],\"enableEditing\":[4,\"enable-editing\"],\"editMode\":[1,\"edit-mode\"],\"showEditActions\":[4,\"show-edit-actions\"],\"tableState\":[32],\"editingRowId\":[32],\"editingColumnId\":[32],\"editingValues\":[32],\"validationErrors\":[32],\"hoveredRowId\":[32]},null,{\"data\":[\"handleDataChange\"],\"columns\":[\"handleDataChange\"],\"sortState\":[\"handleSortStateChange\"],\"filterState\":[\"handleFilterStateChange\"],\"selectedRowIds\":[\"handleSelectedRowIdsChange\"],\"page\":[\"handlePaginationPropChange\"],\"pageSize\":[\"handlePaginationPropChange\"],\"expandedRowIds\":[\"handleExpandedRowIdsChange\"],\"groupBy\":[\"handleGroupByChange\"]}]]],[\"bh-date-picker\",[[769,\"bh-date-picker\",{\"variant\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"label\":[1],\"placeholder\":[1],\"inputWidth\":[1,\"input-width\"],\"showLabel\":[4,\"show-label\"],\"showFooter\":[4,\"show-footer\"],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"value\":[16],\"selectedValue\":[32],\"tempSelection\":[32],\"isMenuOpen\":[32],\"isMenuClosing\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-sidebar\",[[769,\"bh-sidebar\",{\"logoType\":[1,\"logo-type\"],\"logoSrc\":[1,\"logo-src\"],\"assetBasePath\":[1,\"asset-base-path\"],\"avatarUrl\":[1,\"avatar-url\"],\"avatarInitials\":[1,\"avatar-initials\"],\"avatarName\":[1,\"avatar-name\"],\"avatarEmail\":[1,\"avatar-email\"],\"menuItems\":[16],\"footerItems\":[16],\"collapsed\":[4],\"activeItem\":[32]}]]],[\"bh-input-autocomplete\",[[769,\"bh-input-autocomplete\",{\"state\":[1],\"error\":[4],\"required\":[4],\"disabled\":[4],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"leadingIcon\":[1,\"leading-icon\"],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"value\":[1025],\"width\":[1],\"options\":[16],\"maxOptions\":[2,\"max-options\"],\"multiSelect\":[4,\"multi-select\"],\"minSearchLength\":[2,\"min-search-length\"],\"selectedItems\":[1040],\"showDropdown\":[32],\"focusedOptionIndex\":[32],\"isFocused\":[32],\"isHovered\":[32],\"isTagClickOpen\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-month-picker\",[[769,\"bh-month-picker\",{\"variant\":[1],\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledMonths\":[16],\"label\":[1],\"placeholder\":[1],\"inputWidth\":[1,\"input-width\"],\"showLabel\":[4,\"show-label\"],\"showFooter\":[4,\"show-footer\"],\"value\":[16],\"selectedValue\":[32],\"tempSelection\":[32],\"isMenuOpen\":[32],\"isMenuClosing\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-checkbox-group-item\",[[769,\"bh-checkbox-group-item\",{\"type\":[1],\"size\":[1],\"value\":[1],\"checked\":[1028],\"selected\":[1028],\"disabled\":[4],\"icon\":[1],\"itemTitle\":[1,\"item-title\"],\"subtitle\":[1],\"description\":[1],\"name\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"bh-page-navigation\",[[769,\"bh-page-navigation\",{\"navTitle\":[1,\"nav-title\"],\"navigationItems\":[16],\"items\":[32]},null,{\"navigationItems\":[\"handleNavigationItemsChange\"]}]]],[\"bh-appbar\",[[769,\"bh-appbar\",{\"isMenuOpen\":[4,\"is-menu-open\"],\"logoSrc\":[1,\"logo-src\"],\"logoAlt\":[1,\"logo-alt\"],\"breadcrumbItems\":[16],\"notificationCount\":[2,\"notification-count\"]}]]],[\"bh-avatar-stacked\",[[769,\"bh-avatar-stacked\",{\"size\":[1],\"avatars\":[1],\"maxVisible\":[2,\"max-visible\"],\"showAddButton\":[4,\"show-add-button\"],\"addTooltipText\":[1,\"add-tooltip-text\"],\"hoveredIndex\":[32],\"addButtonHovered\":[32]}]]],[\"bh-card-header\",[[769,\"bh-card-header\",{\"showFeaturedIcon\":[4,\"show-featured-icon\"],\"featuredIcon\":[1,\"featured-icon\"],\"featuredIconStyle\":[1,\"featured-icon-style\"],\"featuredIconColor\":[1,\"featured-icon-color\"],\"showTitle\":[4,\"show-title\"],\"headerTitle\":[1,\"header-title\"],\"showBadge\":[4,\"show-badge\"],\"badgeText\":[1,\"badge-text\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"],\"showDropdown\":[4,\"show-dropdown\"],\"showDivider\":[4,\"show-divider\"]}]]],[\"bh-input-number\",[[833,\"bh-input-number\",{\"error\":[4],\"required\":[4],\"disabled\":[4],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"leadingIcon\":[1,\"leading-icon\"],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"value\":[1026],\"min\":[2],\"max\":[2],\"step\":[2],\"prefixText\":[1,\"prefix-text\"],\"suffixText\":[1,\"suffix-text\"],\"width\":[1],\"name\":[1],\"defaultValue\":[2,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"internalState\":[32],\"isHovered\":[32],\"isFocused\":[32],\"internalValue\":[32],\"hasValidationError\":[32]},null,{\"value\":[\"watchValue\"]}]]],[\"bh-notification\",[[769,\"bh-notification\",{\"type\":[1],\"notificationTitle\":[1,\"notification-title\"],\"description\":[1],\"actionText\":[1,\"action-text\"],\"dismissText\":[1,\"dismiss-text\"],\"dismissible\":[4],\"icon\":[1]}]]],[\"bh-container-footer\",[[769,\"bh-container-footer\",{\"size\":[1],\"buttonLabel\":[1,\"button-label\"]}]]],[\"bh-input-password\",[[833,\"bh-input-password\",{\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"leadingIcon\":[1,\"leading-icon\"],\"value\":[1025],\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"isFocused\":[32],\"isHovered\":[32],\"showPassword\":[32]}]]],[\"bh-input-verification\",[[769,\"bh-input-verification\",{\"size\":[1],\"digits\":[2],\"label\":[1],\"showLabel\":[4,\"show-label\"],\"hintText\":[1,\"hint-text\"],\"showHintText\":[4,\"show-hint-text\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"showSeparator\":[4,\"show-separator\"],\"placeholder\":[1],\"width\":[1],\"value\":[1025],\"values\":[32],\"inputRefs\":[32]},null,{\"value\":[\"watchValue\"],\"digits\":[\"watchDigits\"]}]]],[\"bh-modal-actions\",[[769,\"bh-modal-actions\",{\"type\":[1],\"destructive\":[4],\"primaryLabel\":[1,\"primary-label\"],\"secondaryLabel\":[1,\"secondary-label\"],\"divider\":[4]}]]],[\"bh-modal-header\",[[769,\"bh-modal-header\",{\"modalTitle\":[1,\"modal-title\"],\"description\":[1],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"showIcon\":[4,\"show-icon\"],\"showCloseButton\":[4,\"show-close-button\"],\"type\":[1],\"paddingBottom\":[4,\"padding-bottom\"],\"divider\":[4]}]]],[\"bh-textarea\",[[833,\"bh-textarea\",{\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"value\":[1025],\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"rows\":[2],\"resize\":[1],\"maxLength\":[2,\"max-length\"],\"isFocused\":[32]}]]],[\"bh-bar-chart\",[[769,\"bh-bar-chart\",{\"data\":[16],\"type\":[1],\"orientation\":[1],\"animated\":[4],\"maxHeight\":[2,\"max-height\"],\"maxWidth\":[2,\"max-width\"],\"tooltipVisible\":[32],\"tooltipX\":[32],\"tooltipY\":[32],\"tooltipHeader\":[32],\"tooltipItems\":[32],\"tooltipTotal\":[32],\"showTooltipTotal\":[32]}]]],[\"bh-pie-chart\",[[769,\"bh-pie-chart\",{\"data\":[16],\"hole\":[1],\"size\":[2],\"animated\":[4],\"gap\":[2],\"tooltipVisible\":[32],\"tooltipX\":[32],\"tooltipY\":[32],\"tooltipSegment\":[32]}]]],[\"bh-accordion\",[[769,\"bh-accordion\",{\"mode\":[1],\"value\":[1025],\"collapsible\":[4],\"expandedItems\":[32]},[[0,\"bhAccordionToggle\",\"handleAccordionToggle\"]],{\"value\":[\"handleValueChange\"]}]]],[\"bh-accordion-item\",[[769,\"bh-accordion-item\",{\"value\":[1],\"header\":[1],\"expanded\":[1540],\"disabled\":[4],\"isAnimating\":[32]},null,{\"expanded\":[\"handleExpandedChange\"]}]]],[\"bh-card\",[[769,\"bh-card\",{\"showHeader\":[4,\"show-header\"],\"showFooter\":[4,\"show-footer\"],\"contentMinHeight\":[2,\"content-min-height\"],\"placeholderText\":[1,\"placeholder-text\"],\"hasContent\":[32]}]]],[\"bh-card-footer\",[[769,\"bh-card-footer\",{\"showDivider\":[4,\"show-divider\"],\"alignment\":[1]}]]],[\"bh-checkbox-group\",[[769,\"bh-checkbox-group\",{\"type\":[1],\"name\":[1],\"value\":[1025],\"disabled\":[4]},[[0,\"bhItemChange\",\"handleItemChange\"]]]]],[\"bh-container\",[[769,\"bh-container\",{\"withFooter\":[4,\"with-footer\"]}]]],[\"bh-illustrations\",[[769,\"bh-illustrations\",{\"size\":[1],\"illustrationTitle\":[1,\"illustration-title\"],\"description\":[1],\"svgPath\":[1,\"svg-path\"],\"alt\":[1]}]]],[\"bh-modal\",[[769,\"bh-modal\",{\"visible\":[4],\"overlay\":[4],\"width\":[1]}]]],[\"bh-popover\",[[769,\"bh-popover\",{\"popoverTitle\":[1,\"popover-title\"],\"viewPortfolioText\":[1,\"view-portfolio-text\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"width\":[1],\"showSearch\":[4,\"show-search\"],\"showAvatar\":[4,\"show-avatar\"],\"avatarSrc\":[1,\"avatar-src\"],\"items\":[1],\"searchTerm\":[32]}]]],[\"bh-property-switcher\",[[769,\"bh-property-switcher\",{\"selectedProperty\":[1,\"selected-property\"],\"properties\":[16],\"grouped\":[4],\"searchPlaceholder\":[1,\"search-placeholder\"],\"isExpanded\":[32],\"searchQuery\":[32],\"expandedGroups\":[32],\"internalSelectedProperty\":[32]},[[4,\"click\",\"handleDocumentClick\"]]]]],[\"bh-tab-item\",[[769,\"bh-tab-item\",{\"value\":[1],\"label\":[1],\"active\":[4],\"disabled\":[4]}]]],[\"bh-tabs\",[[769,\"bh-tabs\",{\"type\":[1],\"orientation\":[1],\"fullWidth\":[4,\"full-width\"],\"value\":[1025]},[[0,\"bhTabItemClick\",\"handleTabItemClick\"]]]]],[\"bh-toggle\",[[833,\"bh-toggle\",{\"size\":[1],\"showText\":[4,\"show-text\"],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"disabled\":[4],\"checked\":[1028],\"name\":[1],\"value\":[1],\"required\":[4],\"defaultChecked\":[4,\"default-checked\"],\"isFocused\":[32],\"isHovered\":[32]}]]],[\"bh-trend-chart\",[[769,\"bh-trend-chart\",{\"trend\":[1],\"data\":[16],\"animated\":[4],\"variant\":[1],\"width\":[2],\"height\":[2]}]]],[\"bh-page-navigation-multi-level_2\",[[769,\"bh-page-navigation-multi-level\",{\"label\":[1],\"icon\":[1],\"badge\":[8],\"childItems\":[16],\"isExpanded\":[1028,\"is-expanded\"],\"isHovered\":[32],\"isAnimating\":[32],\"animationClass\":[32]},null,{\"isExpanded\":[\"handleExpandedChange\"]}],[769,\"bh-page-navigation-single-level\",{\"label\":[1],\"icon\":[1],\"isActive\":[4,\"is-active\"]}]]],[\"bh-button-icon\",[[769,\"bh-button-icon\",{\"hierarchy\":[1],\"size\":[1],\"iconName\":[1,\"icon-name\"],\"disabled\":[4],\"loading\":[4],\"type\":[1],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"bh-date-range-picker-content\",[[769,\"bh-date-range-picker-content\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"value\":[16],\"selectedRange\":[32],\"leftMonth\":[32],\"leftYear\":[32],\"rightMonth\":[32],\"rightYear\":[32]},null,{\"value\":[\"handleValueChange\"]}]]],[\"bh-avatar-add\",[[769,\"bh-avatar-add\",{\"size\":[1],\"disabled\":[4],\"showTooltip\":[4,\"show-tooltip\"],\"tooltipText\":[1,\"tooltip-text\"],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"bh-badge\",[[769,\"bh-badge\",{\"variant\":[1],\"size\":[1],\"emphasis\":[1],\"label\":[1],\"icon\":[1],\"dismissible\":[4],\"disabled\":[4]}]]],[\"bh-autocomplete-menu_2\",[[769,\"bh-tag\",{\"variant\":[1],\"size\":[1],\"label\":[1],\"dismissible\":[4],\"disabled\":[4],\"maxWidth\":[2,\"max-width\"],\"avatarSrc\":[1,\"avatar-src\"],\"isDismissing\":[32]}],[769,\"bh-autocomplete-menu\",{\"menuItems\":[16],\"visible\":[4],\"selectedIndex\":[2,\"selected-index\"],\"maxHeight\":[2,\"max-height\"],\"multiSelect\":[4,\"multi-select\"],\"searchQuery\":[1,\"search-query\"],\"isAnimating\":[32],\"shouldRender\":[32],\"items\":[32]},null,{\"visible\":[\"watchVisible\"],\"menuItems\":[\"watchMenuItems\"]}]]],[\"bh-badge-dot_2\",[[769,\"bh-breadcrumbs\",{\"items\":[1],\"separator\":[1],\"showHome\":[4,\"show-home\"],\"maxVisibleItems\":[2,\"max-visible-items\"]}],[769,\"bh-badge-dot\",{\"size\":[1],\"color\":[1],\"outline\":[4]}]]],[\"bh-dropdown-menu\",[[769,\"bh-dropdown-menu\",{\"header\":[1],\"menuItems\":[1,\"menu-items\"],\"visible\":[4],\"showIcons\":[4,\"show-icons\"],\"scrollable\":[4],\"isClosing\":[32],\"shouldRender\":[32]},null,{\"visible\":[\"watchVisible\"]}]]],[\"bh-chart-tooltip\",[[769,\"bh-chart-tooltip\",{\"visible\":[4],\"x\":[2],\"y\":[2],\"header\":[1],\"items\":[16],\"total\":[1],\"showTotal\":[4,\"show-total\"],\"storybookMode\":[4,\"storybook-mode\"]}]]],[\"bh-page-navigation-child\",[[769,\"bh-page-navigation-child\",{\"label\":[1],\"badge\":[8],\"showBadge\":[4,\"show-badge\"],\"isActive\":[4,\"is-active\"]}]]],[\"bh-product-switcher\",[[769,\"bh-product-switcher\",{\"isOpen\":[4,\"is-open\"],\"anchorPosition\":[16],\"products\":[16],\"isClosing\":[32]},[[4,\"click\",\"handleDocumentClick\"]]]]],[\"bh-dropdown_3\",[[769,\"bh-dropdown\",{\"size\":[1],\"state\":[1],\"variant\":[1],\"label\":[1],\"iconName\":[1,\"icon-name\"],\"disabled\":[4],\"menuItems\":[1,\"menu-items\"],\"header\":[1],\"avatarSrc\":[1,\"avatar-src\"],\"avatarAlt\":[1,\"avatar-alt\"],\"avatarSize\":[1,\"avatar-size\"],\"avatarName\":[1,\"avatar-name\"],\"avatarEmail\":[1,\"avatar-email\"],\"showIcons\":[4,\"show-icons\"],\"isOpen\":[32],\"menuPosition\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"isOpen\":[\"handleOpenChange\"]}],[769,\"bh-logo-box\",{\"logoType\":[1,\"logo-type\"],\"logoSrc\":[1,\"logo-src\"],\"assetBasePath\":[1,\"asset-base-path\"],\"products\":[16],\"isOpen\":[32],\"anchorPosition\":[32]}],[769,\"bh-nav-item\",{\"icon\":[1],\"label\":[1],\"isActive\":[4,\"is-active\"],\"disabled\":[4]}]]],[\"bh-empty-state_3\",[[769,\"bh-empty-state\",{\"emptyTitle\":[1,\"empty-title\"],\"description\":[1],\"illustrationSize\":[1,\"illustration-size\"],\"illustrationPath\":[1,\"illustration-path\"],\"primaryActionText\":[1,\"primary-action-text\"],\"primaryActionIcon\":[1,\"primary-action-icon\"],\"secondaryActionText\":[1,\"secondary-action-text\"],\"secondaryActionIcon\":[1,\"secondary-action-icon\"],\"maxWidth\":[1,\"max-width\"]}],[769,\"bh-pagination\",{\"page\":[1026],\"totalItems\":[2,\"total-items\"],\"pageSize\":[1026,\"page-size\"],\"pageSizeOptions\":[16],\"showPageSizeSelector\":[4,\"show-page-size-selector\"],\"showItemCount\":[4,\"show-item-count\"],\"showFirstLastButtons\":[4,\"show-first-last-buttons\"],\"size\":[1],\"disabled\":[4],\"rowsPerPageLabel\":[1,\"rows-per-page-label\"],\"showingResultsLabel\":[1,\"showing-results-label\"],\"pageInfoLabel\":[1,\"page-info-label\"],\"internalPage\":[32],\"internalPageSize\":[32]}],[769,\"bh-skeleton-loader\",{\"width\":[1],\"height\":[1],\"circle\":[4]}]]],[\"bh-checkbox_2\",[[833,\"bh-checkbox\",{\"size\":[1],\"checked\":[1540],\"indeterminate\":[1028],\"disabled\":[4],\"name\":[1],\"value\":[1],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"required\":[4],\"defaultChecked\":[4,\"default-checked\"],\"isHovered\":[32],\"isFocused\":[32]},null,{\"checked\":[\"handleCheckedChange\"],\"indeterminate\":[\"handleIndeterminateChange\"]}],[833,\"bh-radio-button\",{\"size\":[1],\"selected\":[1028],\"disabled\":[4],\"value\":[1],\"name\":[1],\"label\":[1],\"supportingText\":[1,\"supporting-text\"],\"isFocused\":[32],\"isHovered\":[32]}]]],[\"bh-month-picker-content\",[[769,\"bh-month-picker-content\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledMonths\":[16],\"scrollable\":[4],\"selectedMonth\":[2,\"selected-month\"],\"selectedYear\":[2,\"selected-year\"],\"height\":[1],\"value\":[16],\"internalSelectedMonth\":[32],\"internalSelectedYear\":[32],\"isUsingKeyboard\":[32]},null,{\"value\":[\"handleValueChange\"],\"selectedMonth\":[\"handleSelectedMonthChange\"],\"selectedYear\":[\"handleSelectedYearChange\"]}]]],[\"bh-date-picker-content\",[[769,\"bh-date-picker-content\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledDates\":[16],\"initialMonth\":[2,\"initial-month\"],\"initialYear\":[2,\"initial-year\"],\"displayMonth\":[2,\"display-month\"],\"displayYear\":[2,\"display-year\"],\"rangeStart\":[16],\"rangeEnd\":[16],\"value\":[16],\"showOtherMonthDays\":[4,\"show-other-month-days\"],\"selectedDate\":[32],\"currentMonth\":[32],\"currentYear\":[32],\"isMonthDropdownOpen\":[32],\"isMonthDropdownClosing\":[32]},null,{\"value\":[\"handleValueChange\"],\"displayMonth\":[\"handleDisplayMonthChange\"],\"displayYear\":[\"handleDisplayYearChange\"]}]]],[\"bh-featured-icon\",[[769,\"bh-featured-icon\",{\"size\":[1],\"color\":[1],\"iconStyle\":[1,\"icon-style\"],\"icon\":[1]}]]],[\"bh-avatar\",[[769,\"bh-avatar\",{\"size\":[1],\"type\":[1],\"status\":[1],\"text\":[1],\"imageSrc\":[1,\"image-src\"],\"alt\":[1]}]]],[\"bh-label_2\",[[769,\"bh-label\",{\"label\":[1],\"layout\":[1],\"for\":[1],\"supportingText\":[1,\"supporting-text\"],\"required\":[4],\"showHelpIcon\":[4,\"show-help-icon\"],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"disabled\":[4],\"showHelpTooltip\":[32]}],[769,\"bh-tooltip\",{\"text\":[1],\"position\":[1],\"variant\":[1],\"visible\":[4],\"maxWidth\":[2,\"max-width\"]}]]],[\"bh-button_2\",[[769,\"bh-button\",{\"hierarchy\":[1],\"kind\":[1],\"icon\":[1],\"size\":[1],\"label\":[1],\"iconName\":[1,\"icon-name\"],\"disabled\":[4],\"loading\":[4],\"type\":[1]}],[769,\"bh-loader-spinner\",{\"size\":[1],\"variant\":[1],\"overlay\":[4],\"overlayMessage\":[1,\"overlay-message\"],\"showMessage\":[4,\"show-message\"],\"message\":[1]}]]],[\"bh-input-text_2\",[[769,\"bh-picker-menu\",{\"minYear\":[2,\"min-year\"],\"maxYear\":[2,\"max-year\"],\"disabled\":[4],\"disabledMonths\":[16],\"animationClass\":[1,\"animation-class\"],\"visible\":[4],\"showFooter\":[4,\"show-footer\"],\"showTodayButton\":[4,\"show-today-button\"],\"disableApply\":[4,\"disable-apply\"],\"value\":[16],\"isClosing\":[32],\"shouldRender\":[32],\"selectedMonth\":[32],\"selectedYear\":[32]},null,{\"visible\":[\"handleVisibleChange\"],\"value\":[\"handleValueChange\"]}],[833,\"bh-input-text\",{\"label\":[1],\"placeholder\":[1],\"hintText\":[1,\"hint-text\"],\"showLabel\":[4,\"show-label\"],\"showHintText\":[4,\"show-hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showLeadingIcon\":[4,\"show-leading-icon\"],\"showTrailingIcon\":[4,\"show-trailing-icon\"],\"error\":[4],\"disabled\":[4],\"required\":[4],\"helpIconTooltip\":[1,\"help-icon-tooltip\"],\"leadingIcon\":[1,\"leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"value\":[1025],\"name\":[1],\"defaultValue\":[1,\"default-value\"],\"validationMessage\":[1,\"validation-message\"],\"type\":[1],\"width\":[1],\"readOnly\":[4,\"read-only\"],\"state\":[1],\"isFocused\":[32],\"isHovered\":[32]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/types/components/bh-sidebar/bh-sidebar.d.ts

@@ -21,6 +21,15 @@ export declare class BhSidebar {
      * Type of logo to display
      */
     logoType: LogoType;
+    /**
+     * Custom logo source URL. If provided, overrides the default logo path.
+     */
+    logoSrc?: string;
+    /**
+     * Base path for asset URLs. Useful for CDN usage.
+     * @example "https://cdn.jsdelivr.net/npm/@actabldesign/bellhop-assets@0.0.7"
+     */
+    assetBasePath?: string;
     /**
      * Avatar image URL
      */

package/dist/types/components.d.ts

@@ -2529,6 +2529,11 @@ export namespace Components {
         "value": string;
     }
     interface BhSidebar {
+        /**
+          * Base path for asset URLs. Useful for CDN usage.
+          * @example "https://cdn.jsdelivr.net/npm/@actabldesign/bellhop-assets@0.0.7"
+         */
+        "assetBasePath"?: string;
         /**
           * Avatar email for dropdown
           * @default 'daniel@solsticehospitality.com'
@@ -2558,6 +2563,10 @@ export namespace Components {
           * @default [     { label: 'Help', icon: 'help_outline' },     { label: 'Settings', icon: 'settings' },   ]
          */
         "footerItems": FooterItem[];
+        /**
+          * Custom logo source URL. If provided, overrides the default logo path.
+         */
+        "logoSrc"?: string;
         /**
           * Type of logo to display
           * @default 'actabl'
@@ -6974,6 +6983,11 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface BhSidebar {
+        /**
+          * Base path for asset URLs. Useful for CDN usage.
+          * @example "https://cdn.jsdelivr.net/npm/@actabldesign/bellhop-assets@0.0.7"
+         */
+        "assetBasePath"?: string;
         /**
           * Avatar email for dropdown
           * @default 'daniel@solsticehospitality.com'
@@ -7003,6 +7017,10 @@ declare namespace LocalJSX {
           * @default [     { label: 'Help', icon: 'help_outline' },     { label: 'Settings', icon: 'settings' },   ]
          */
         "footerItems"?: FooterItem[];
+        /**
+          * Custom logo source URL. If provided, overrides the default logo path.
+         */
+        "logoSrc"?: string;
         /**
           * Type of logo to display
           * @default 'actabl'

package/hydrate/index.js

@@ -16698,6 +16698,15 @@ class BhSidebar {
      * Type of logo to display
      */
     logoType = 'actabl';
+    /**
+     * Custom logo source URL. If provided, overrides the default logo path.
+     */
+    logoSrc;
+    /**
+     * Base path for asset URLs. Useful for CDN usage.
+     * @example "https://cdn.jsdelivr.net/npm/@actabldesign/bellhop-assets@0.0.7"
+     */
+    assetBasePath;
     /**
      * Avatar image URL
      */
@@ -16784,7 +16793,7 @@ class BhSidebar {
             { id: '12', divider: true },
             { id: '13', label: 'Sign out', icon: 'logout', shortcut: '⇧⌘Q' },
         ];
-        return (hAsync(Host, { key: '8ea6a230d0b50bac6868a43f2f4c3b4cb89f147d' }, hAsync("div", { key: '152c63b3a7a61ea13ca78b05ef3077b135cc4638', class: sidebarClasses }, hAsync("div", { key: '13fdf8adc8c29bf947a43ab05b4cbd67bab9bc82', class: "navigation" }, hAsync("div", { key: 'fd4960f7b232bdfff7bb80d98f718d5bdeddd5a3', class: "gradient-bar" }, hAsync("div", { key: '5304c3a6b81a9941491105233770977c64e06586', class: "detail-bar" })), hAsync("div", { key: '000cad8051add1dbabfe2454579c22ffa371ebc0', class: "sidebar-content" }, hAsync("bh-logo-box", { key: 'ca59b066c4d1053824443a8dd63702d285a66b7c', logoType: this.logoType }), hAsync("div", { key: 'a8b8fc37101b5a8ad83c309dbbf8dbd45b9227f9', class: "navigation-section" }, hAsync("div", { key: '10dda65730b5c23d2a13f0a27636192da1c9b21a', class: "search-container" }, hAsync("bh-button-icon", { key: '52379a2f1fbf04ff494e7cff1b33aca99ce809fb', hierarchy: "secondary", size: "sm", iconName: "search", onClick: this.handleSearchClick })), hAsync("div", { key: '85b26cfcd1b91e4d96be801e654acba45f3649a5', class: "nav-items" }, this.menuItems.map((item) => (hAsync("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: this.activeItem === item.label, onBhClick: () => this.handleNavItemClick(item.label) }))))), hAsync("div", { key: '82647befc09ce326032e6b034189180e826fb7f6', class: "sidebar-footer" }, hAsync("div", { key: '0d8a12f59003ff31b97430ccc017fdd9bfa6636f', class: "footer-navigation" }, this.footerItems.map((item) => (hAsync("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: false, onBhClick: () => this.handleNavItemClick(item.label) })))), hAsync("bh-dropdown", { key: '4016dd4b427aba6b25d8f1d7e04c90236a97d28a', variant: "avatar", size: "md", avatarSize: "md", avatarSrc: this.avatarUrl, avatarName: this.avatarName, avatarEmail: this.avatarEmail, menuItems: avatarMenuItems, showIcons: true, onBhItemClick: this.handleAvatarMenuClick })))))));
+        return (hAsync(Host, { key: 'ec71c0ecf369a2f5fe1028c64509f0257257c20b' }, hAsync("div", { key: '40508d1e275db38c62966af84ea11c343322690a', class: sidebarClasses }, hAsync("div", { key: 'deda56dad78580220725a59440f960e70440302f', class: "navigation" }, hAsync("div", { key: '77d3303bdce1b8fd1e61116888564690d557e34e', class: "gradient-bar" }, hAsync("div", { key: 'd65349b1e37f6d1b344422cf96f1237e5c99407f', class: "detail-bar" })), hAsync("div", { key: '6a2ae10b8b63e0c8732c166d62cbf43c58fb7c8d', class: "sidebar-content" }, hAsync("bh-logo-box", { key: '4204dcb7f5a019c963cd6cf37039f9870e5633a6', logoType: this.logoType, logoSrc: this.logoSrc, assetBasePath: this.assetBasePath }), hAsync("div", { key: '0ef83fbb295546ac57829fecb60a238d923e60e2', class: "navigation-section" }, hAsync("div", { key: '91631f0e8dccd12bd9e9a02fdce17a2d7a4047e7', class: "search-container" }, hAsync("bh-button-icon", { key: '770ce37a93945cc213117d2d54e6e92f9d432c8b', hierarchy: "secondary", size: "sm", iconName: "search", onClick: this.handleSearchClick })), hAsync("div", { key: 'e6a86d4e308dff8c44e2875d7a18d11efa0d8451', class: "nav-items" }, this.menuItems.map((item) => (hAsync("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: this.activeItem === item.label, onBhClick: () => this.handleNavItemClick(item.label) }))))), hAsync("div", { key: '5db852f9c05cc25175e95d091403d0020d1b730e', class: "sidebar-footer" }, hAsync("div", { key: '1f39438f48d87c61d294c52f4bcd7e348bd8418f', class: "footer-navigation" }, this.footerItems.map((item) => (hAsync("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: false, onBhClick: () => this.handleNavItemClick(item.label) })))), hAsync("bh-dropdown", { key: '39a0e3293013159a795ed01f856e44ce47cadad1', variant: "avatar", size: "md", avatarSize: "md", avatarSrc: this.avatarUrl, avatarName: this.avatarName, avatarEmail: this.avatarEmail, menuItems: avatarMenuItems, showIcons: true, onBhItemClick: this.handleAvatarMenuClick })))))));
     }
     static get style() { return bhSidebarCss; }
     static get cmpMeta() { return {
@@ -16792,6 +16801,8 @@ class BhSidebar {
         "$tagName$": "bh-sidebar",
         "$members$": {
             "logoType": [1, "logo-type"],
+            "logoSrc": [1, "logo-src"],
+            "assetBasePath": [1, "asset-base-path"],
             "avatarUrl": [1, "avatar-url"],
             "avatarInitials": [1, "avatar-initials"],
             "avatarName": [1, "avatar-name"],

package/hydrate/index.mjs

@@ -16696,6 +16696,15 @@ class BhSidebar {
      * Type of logo to display
      */
     logoType = 'actabl';
+    /**
+     * Custom logo source URL. If provided, overrides the default logo path.
+     */
+    logoSrc;
+    /**
+     * Base path for asset URLs. Useful for CDN usage.
+     * @example "https://cdn.jsdelivr.net/npm/@actabldesign/bellhop-assets@0.0.7"
+     */
+    assetBasePath;
     /**
      * Avatar image URL
      */
@@ -16782,7 +16791,7 @@ class BhSidebar {
             { id: '12', divider: true },
             { id: '13', label: 'Sign out', icon: 'logout', shortcut: '⇧⌘Q' },
         ];
-        return (hAsync(Host, { key: '8ea6a230d0b50bac6868a43f2f4c3b4cb89f147d' }, hAsync("div", { key: '152c63b3a7a61ea13ca78b05ef3077b135cc4638', class: sidebarClasses }, hAsync("div", { key: '13fdf8adc8c29bf947a43ab05b4cbd67bab9bc82', class: "navigation" }, hAsync("div", { key: 'fd4960f7b232bdfff7bb80d98f718d5bdeddd5a3', class: "gradient-bar" }, hAsync("div", { key: '5304c3a6b81a9941491105233770977c64e06586', class: "detail-bar" })), hAsync("div", { key: '000cad8051add1dbabfe2454579c22ffa371ebc0', class: "sidebar-content" }, hAsync("bh-logo-box", { key: 'ca59b066c4d1053824443a8dd63702d285a66b7c', logoType: this.logoType }), hAsync("div", { key: 'a8b8fc37101b5a8ad83c309dbbf8dbd45b9227f9', class: "navigation-section" }, hAsync("div", { key: '10dda65730b5c23d2a13f0a27636192da1c9b21a', class: "search-container" }, hAsync("bh-button-icon", { key: '52379a2f1fbf04ff494e7cff1b33aca99ce809fb', hierarchy: "secondary", size: "sm", iconName: "search", onClick: this.handleSearchClick })), hAsync("div", { key: '85b26cfcd1b91e4d96be801e654acba45f3649a5', class: "nav-items" }, this.menuItems.map((item) => (hAsync("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: this.activeItem === item.label, onBhClick: () => this.handleNavItemClick(item.label) }))))), hAsync("div", { key: '82647befc09ce326032e6b034189180e826fb7f6', class: "sidebar-footer" }, hAsync("div", { key: '0d8a12f59003ff31b97430ccc017fdd9bfa6636f', class: "footer-navigation" }, this.footerItems.map((item) => (hAsync("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: false, onBhClick: () => this.handleNavItemClick(item.label) })))), hAsync("bh-dropdown", { key: '4016dd4b427aba6b25d8f1d7e04c90236a97d28a', variant: "avatar", size: "md", avatarSize: "md", avatarSrc: this.avatarUrl, avatarName: this.avatarName, avatarEmail: this.avatarEmail, menuItems: avatarMenuItems, showIcons: true, onBhItemClick: this.handleAvatarMenuClick })))))));
+        return (hAsync(Host, { key: 'ec71c0ecf369a2f5fe1028c64509f0257257c20b' }, hAsync("div", { key: '40508d1e275db38c62966af84ea11c343322690a', class: sidebarClasses }, hAsync("div", { key: 'deda56dad78580220725a59440f960e70440302f', class: "navigation" }, hAsync("div", { key: '77d3303bdce1b8fd1e61116888564690d557e34e', class: "gradient-bar" }, hAsync("div", { key: 'd65349b1e37f6d1b344422cf96f1237e5c99407f', class: "detail-bar" })), hAsync("div", { key: '6a2ae10b8b63e0c8732c166d62cbf43c58fb7c8d', class: "sidebar-content" }, hAsync("bh-logo-box", { key: '4204dcb7f5a019c963cd6cf37039f9870e5633a6', logoType: this.logoType, logoSrc: this.logoSrc, assetBasePath: this.assetBasePath }), hAsync("div", { key: '0ef83fbb295546ac57829fecb60a238d923e60e2', class: "navigation-section" }, hAsync("div", { key: '91631f0e8dccd12bd9e9a02fdce17a2d7a4047e7', class: "search-container" }, hAsync("bh-button-icon", { key: '770ce37a93945cc213117d2d54e6e92f9d432c8b', hierarchy: "secondary", size: "sm", iconName: "search", onClick: this.handleSearchClick })), hAsync("div", { key: 'e6a86d4e308dff8c44e2875d7a18d11efa0d8451', class: "nav-items" }, this.menuItems.map((item) => (hAsync("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: this.activeItem === item.label, onBhClick: () => this.handleNavItemClick(item.label) }))))), hAsync("div", { key: '5db852f9c05cc25175e95d091403d0020d1b730e', class: "sidebar-footer" }, hAsync("div", { key: '1f39438f48d87c61d294c52f4bcd7e348bd8418f', class: "footer-navigation" }, this.footerItems.map((item) => (hAsync("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: false, onBhClick: () => this.handleNavItemClick(item.label) })))), hAsync("bh-dropdown", { key: '39a0e3293013159a795ed01f856e44ce47cadad1', variant: "avatar", size: "md", avatarSize: "md", avatarSrc: this.avatarUrl, avatarName: this.avatarName, avatarEmail: this.avatarEmail, menuItems: avatarMenuItems, showIcons: true, onBhItemClick: this.handleAvatarMenuClick })))))));
     }
     static get style() { return bhSidebarCss; }
     static get cmpMeta() { return {
@@ -16790,6 +16799,8 @@ class BhSidebar {
         "$tagName$": "bh-sidebar",
         "$members$": {
             "logoType": [1, "logo-type"],
+            "logoSrc": [1, "logo-src"],
+            "assetBasePath": [1, "asset-base-path"],
             "avatarUrl": [1, "avatar-url"],
             "avatarInitials": [1, "avatar-initials"],
             "avatarName": [1, "avatar-name"],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@actabldesign/bellhop-core",
-  "version": "0.0.7",
+  "version": "0.0.8",
   "description": "Bellhop Web Components Library built with StencilJS",
   "type": "module",
   "main": "dist/index.cjs.js",

package/dist/bellhop-core/p-9a19cbf7.entry.js

@@ -1,2 +0,0 @@
-import{r as e,c as i,h as a,H as t}from"./p-nAAobRRQ.js";const n=".sidebar-container{width:fit-content;height:100vh;background-color:var(--color-white);position:relative;display:flex}.navigation{background-color:var(--color-white);display:flex;height:100%;align-items:flex-start;justify-content:flex-start;position:relative;border-right:1px solid var(--color-neutral-200);z-index:100}.gradient-bar{position:relative;width:var(--spacing-xs);height:100%;flex-shrink:0}.detail-bar{position:absolute;background:linear-gradient(\n    180deg,\n    var(--color-accent-300) 0%,\n    var(--color-brand-400) 51%,\n    var(--color-brand-800) 100%\n  );inset:0}.sidebar-content{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-2xl);height:100%;align-items:center;justify-content:flex-start;padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg)\n    var(--spacing-md);position:relative;flex-shrink:0;width:60px}.navigation-section{flex:1 1 0%;display:flex;flex-direction:column;gap:var(--spacing-xl);flex-grow:1;align-items:center;justify-content:flex-start;min-height:0;position:relative;flex-shrink:0;width:100%;overflow-y:auto;overflow-x:hidden}.search-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex-shrink:0;width:100%}.nav-items{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;width:100%}.sidebar-footer{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center;justify-content:end;position:relative;flex-shrink:0;width:100%}.footer-navigation{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;justify-content:center;position:relative;flex-shrink:0;width:100%}.sidebar-collapsed .sidebar-content{width:60px}.sidebar-collapsed .nav-item-label{display:none}.navigation-section::-webkit-scrollbar{width:4px}.navigation-section::-webkit-scrollbar-track{background:transparent}.navigation-section::-webkit-scrollbar-thumb{background:var(--color-neutral-200);border-radius:var(--radius-xs)}.navigation-section::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-300)}.navigation-section{scrollbar-width:thin;scrollbar-color:var(--color-neutral-200) transparent}.sidebar-expanded .sidebar-content{width:240px}.sidebar-expanded .nav-items{align-items:flex-start}.sidebar-expanded .nav-item{width:100%;flex-direction:row;justify-content:flex-start;gap:var(--spacing-md)}.sidebar-expanded .nav-item-label{display:block;text-align:left;font-size:var(--text-sm-size);height:auto;line-height:var(--text-sm-line)}";const s=class{constructor(a){e(this,a);this.bhMenuItemClick=i(this,"bhMenuItemClick");this.bhSearchClick=i(this,"bhSearchClick");this.bhAvatarMenuClick=i(this,"bhAvatarMenuClick")}logoType="actabl";avatarUrl;avatarInitials="DM";avatarName="Daniel Mobara";avatarEmail="daniel@solsticehospitality.com";menuItems=[{label:"Dashboard",icon:"dashboard",isActive:true},{label:"Analytics",icon:"analytics",isActive:false},{label:"Reports",icon:"assessment",isActive:false},{label:"Calendar",icon:"calendar_today",isActive:false},{label:"Messages",icon:"message",isActive:false},{label:"Contacts",icon:"contacts",isActive:false},{label:"Files",icon:"folder",isActive:false}];footerItems=[{label:"Help",icon:"help_outline"},{label:"Settings",icon:"settings"}];collapsed=false;bhMenuItemClick;bhSearchClick;bhAvatarMenuClick;activeItem="";componentWillLoad(){const e=this.menuItems.find((e=>e.isActive));this.activeItem=e?.label||""}handleNavItemClick=e=>{this.activeItem=e;this.bhMenuItemClick.emit(e)};handleSearchClick=()=>{this.bhSearchClick.emit()};handleAvatarMenuClick=e=>{this.bhAvatarMenuClick.emit(e.detail)};render(){const e={"sidebar-container":true,"sidebar-collapsed":this.collapsed};const i=[{id:"1",label:"View profile",icon:"person",shortcut:"⌘P"},{id:"2",label:"Account settings",icon:"settings",shortcut:"⌘,"},{id:"3",label:"Notifications",icon:"notifications",shortcut:"⌘N"},{id:"4",label:"Privacy & Security",icon:"shield",shortcut:"⌘S"},{id:"5",divider:true},{id:"6",label:"Billing",icon:"credit_card",shortcut:"⌘B"},{id:"7",label:"Team management",icon:"group",shortcut:"⌘T"},{id:"8",label:"Integrations",icon:"extension",shortcut:"⌘I"},{id:"9",divider:true},{id:"10",label:"Help center",icon:"help",shortcut:"⌘H"},{id:"11",label:"Keyboard shortcuts",icon:"keyboard",shortcut:"?"},{id:"12",divider:true},{id:"13",label:"Sign out",icon:"logout",shortcut:"⇧⌘Q"}];return a(t,{key:"8ea6a230d0b50bac6868a43f2f4c3b4cb89f147d"},a("div",{key:"152c63b3a7a61ea13ca78b05ef3077b135cc4638",class:e},a("div",{key:"13fdf8adc8c29bf947a43ab05b4cbd67bab9bc82",class:"navigation"},a("div",{key:"fd4960f7b232bdfff7bb80d98f718d5bdeddd5a3",class:"gradient-bar"},a("div",{key:"5304c3a6b81a9941491105233770977c64e06586",class:"detail-bar"})),a("div",{key:"000cad8051add1dbabfe2454579c22ffa371ebc0",class:"sidebar-content"},a("bh-logo-box",{key:"ca59b066c4d1053824443a8dd63702d285a66b7c",logoType:this.logoType}),a("div",{key:"a8b8fc37101b5a8ad83c309dbbf8dbd45b9227f9",class:"navigation-section"},a("div",{key:"10dda65730b5c23d2a13f0a27636192da1c9b21a",class:"search-container"},a("bh-button-icon",{key:"52379a2f1fbf04ff494e7cff1b33aca99ce809fb",hierarchy:"secondary",size:"sm",iconName:"search",onClick:this.handleSearchClick})),a("div",{key:"85b26cfcd1b91e4d96be801e654acba45f3649a5",class:"nav-items"},this.menuItems.map((e=>a("bh-nav-item",{key:e.label,icon:e.icon,label:e.label,isActive:this.activeItem===e.label,onBhClick:()=>this.handleNavItemClick(e.label)}))))),a("div",{key:"82647befc09ce326032e6b034189180e826fb7f6",class:"sidebar-footer"},a("div",{key:"0d8a12f59003ff31b97430ccc017fdd9bfa6636f",class:"footer-navigation"},this.footerItems.map((e=>a("bh-nav-item",{key:e.label,icon:e.icon,label:e.label,isActive:false,onBhClick:()=>this.handleNavItemClick(e.label)})))),a("bh-dropdown",{key:"4016dd4b427aba6b25d8f1d7e04c90236a97d28a",variant:"avatar",size:"md",avatarSize:"md",avatarSrc:this.avatarUrl,avatarName:this.avatarName,avatarEmail:this.avatarEmail,menuItems:i,showIcons:true,onBhItemClick:this.handleAvatarMenuClick}))))))}};s.style=n;export{s as bh_sidebar};
-//# sourceMappingURL=p-9a19cbf7.entry.js.map

package/dist/bellhop-core/p-9a19cbf7.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","bhSidebarCss","BhSidebar","constructor","hostRef","this","bhMenuItemClick","bhSearchClick","bhAvatarMenuClick","logoType","avatarUrl","avatarInitials","avatarName","avatarEmail","menuItems","label","icon","isActive","footerItems","collapsed","activeItem","componentWillLoad","activeMenuItem","find","item","handleNavItemClick","emit","handleSearchClick","handleAvatarMenuClick","event","detail","render","sidebarClasses","avatarMenuItems","id","shortcut","divider","key","class","hierarchy","size","iconName","onClick","map","onBhClick","variant","avatarSize","avatarSrc","showIcons","onBhItemClick","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAY,kBAEtE,MAAMC,EAAe,sgFAErB,MAAMC,EAAY,MACd,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,GACvBC,KAAKC,gBAAkBR,EAAYO,KAAM,mBACzCA,KAAKE,cAAgBT,EAAYO,KAAM,iBACvCA,KAAKG,kBAAoBV,EAAYO,KAAM,oBAC/C,CAIAI,SAAW,SAIXC,UAIAC,eAAiB,KAIjBC,WAAa,gBAIbC,YAAc,iCAIdC,UAAY,CACR,CAAEC,MAAO,YAAaC,KAAM,YAAaC,SAAU,MACnD,CAAEF,MAAO,YAAaC,KAAM,YAAaC,SAAU,OACnD,CAAEF,MAAO,UAAWC,KAAM,aAAcC,SAAU,OAClD,CAAEF,MAAO,WAAYC,KAAM,iBAAkBC,SAAU,OACvD,CAAEF,MAAO,WAAYC,KAAM,UAAWC,SAAU,OAChD,CAAEF,MAAO,WAAYC,KAAM,WAAYC,SAAU,OACjD,CAAEF,MAAO,QAASC,KAAM,SAAUC,SAAU,QAKhDC,YAAc,CACV,CAAEH,MAAO,OAAQC,KAAM,gBACvB,CAAED,MAAO,WAAYC,KAAM,aAK/BG,UAAY,MAIZb,gBAIAC,cAIAC,kBACAY,WAAa,GACb,iBAAAC,GACI,MAAMC,EAAiBjB,KAAKS,UAAUS,MAAKC,GAAQA,EAAKP,WACxDZ,KAAKe,WAAaE,GAAgBP,OAAS,EAC/C,CACAU,mBAAsBV,IAClBV,KAAKe,WAAaL,EAClBV,KAAKC,gBAAgBoB,KAAKX,EAAM,EAEpCY,kBAAoB,KAChBtB,KAAKE,cAAcmB,MAAM,EAE7BE,sBAAyBC,IACrBxB,KAAKG,kBAAkBkB,KAAKG,EAAMC,OAAO,EAE7C,MAAAC,GACI,MAAMC,EAAiB,CACnB,oBAAqB,KACrB,oBAAqB3B,KAAKc,WAE9B,MAAMc,EAAkB,CACpB,CAAEC,GAAI,IAAKnB,MAAO,eAAgBC,KAAM,SAAUmB,SAAU,MAC5D,CAAED,GAAI,IAAKnB,MAAO,mBAAoBC,KAAM,WAAYmB,SAAU,MAClE,CAAED,GAAI,IAAKnB,MAAO,gBAAiBC,KAAM,gBAAiBmB,SAAU,MACpE,CAAED,GAAI,IAAKnB,MAAO,qBAAsBC,KAAM,SAAUmB,SAAU,MAClE,CAAED,GAAI,IAAKE,QAAS,MACpB,CAAEF,GAAI,IAAKnB,MAAO,UAAWC,KAAM,cAAemB,SAAU,MAC5D,CAAED,GAAI,IAAKnB,MAAO,kBAAmBC,KAAM,QAASmB,SAAU,MAC9D,CAAED,GAAI,IAAKnB,MAAO,eAAgBC,KAAM,YAAamB,SAAU,MAC/D,CAAED,GAAI,IAAKE,QAAS,MACpB,CAAEF,GAAI,KAAMnB,MAAO,cAAeC,KAAM,OAAQmB,SAAU,MAC1D,CAAED,GAAI,KAAMnB,MAAO,qBAAsBC,KAAM,WAAYmB,SAAU,KACrE,CAAED,GAAI,KAAME,QAAS,MACrB,CAAEF,GAAI,KAAMnB,MAAO,WAAYC,KAAM,SAAUmB,SAAU,QAE7D,OAAQpC,EAAEC,EAAM,CAAEqC,IAAK,4CAA8CtC,EAAE,MAAO,CAAEsC,IAAK,2CAA4CC,MAAON,GAAkBjC,EAAE,MAAO,CAAEsC,IAAK,2CAA4CC,MAAO,cAAgBvC,EAAE,MAAO,CAAEsC,IAAK,2CAA4CC,MAAO,gBAAkBvC,EAAE,MAAO,CAAEsC,IAAK,2CAA4CC,MAAO,gBAAkBvC,EAAE,MAAO,CAAEsC,IAAK,2CAA4CC,MAAO,mBAAqBvC,EAAE,cAAe,CAAEsC,IAAK,2CAA4C5B,SAAUJ,KAAKI,WAAaV,EAAE,MAAO,CAAEsC,IAAK,2CAA4CC,MAAO,sBAAwBvC,EAAE,MAAO,CAAEsC,IAAK,2CAA4CC,MAAO,oBAAsBvC,EAAE,iBAAkB,CAAEsC,IAAK,2CAA4CE,UAAW,YAAaC,KAAM,KAAMC,SAAU,SAAUC,QAASrC,KAAKsB,qBAAuB5B,EAAE,MAAO,CAAEsC,IAAK,2CAA4CC,MAAO,aAAejC,KAAKS,UAAU6B,KAAKnB,GAAUzB,EAAE,cAAe,CAAEsC,IAAKb,EAAKT,MAAOC,KAAMQ,EAAKR,KAAMD,MAAOS,EAAKT,MAAOE,SAAUZ,KAAKe,aAAeI,EAAKT,MAAO6B,UAAW,IAAMvC,KAAKoB,mBAAmBD,EAAKT,aAAehB,EAAE,MAAO,CAAEsC,IAAK,2CAA4CC,MAAO,kBAAoBvC,EAAE,MAAO,CAAEsC,IAAK,2CAA4CC,MAAO,qBAAuBjC,KAAKa,YAAYyB,KAAKnB,GAAUzB,EAAE,cAAe,CAAEsC,IAAKb,EAAKT,MAAOC,KAAMQ,EAAKR,KAAMD,MAAOS,EAAKT,MAAOE,SAAU,MAAO2B,UAAW,IAAMvC,KAAKoB,mBAAmBD,EAAKT,YAAchB,EAAE,cAAe,CAAEsC,IAAK,2CAA4CQ,QAAS,SAAUL,KAAM,KAAMM,WAAY,KAAMC,UAAW1C,KAAKK,UAAWE,WAAYP,KAAKO,WAAYC,YAAaR,KAAKQ,YAAaC,UAAWmB,EAAiBe,UAAW,KAAMC,cAAe5C,KAAKuB,4BAC7zD,GAEJ1B,EAAUgD,MAAQjD,SAETC","ignoreList":[]}