npm - @actabldesign/bellhop-core - Versions diffs - 0.0.6 → 0.0.8 - Mend

@actabldesign/bellhop-core 0.0.6 → 0.0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (633) hide show

package/{dist/components → components}/bh-page-navigation.js RENAMED Viewed

@@ -1,9 +1,9 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DLHC5fHk.js';
-import { d as defineCustomElement$6 } from './p-QjxdVLPX.js';
-import { d as defineCustomElement$5 } from './p-CA0LmFbe.js';
-import { d as defineCustomElement$4 } from './p-C24VI6pZ.js';
-import { d as defineCustomElement$3 } from './p-CNifJXgc.js';
-import { d as defineCustomElement$2 } from './p-DoORMw6u.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BsHlTsAN.js';
+import { d as defineCustomElement$6 } from './p-B02xFf1P.js';
+import { d as defineCustomElement$5 } from './p-S3PEg8gv.js';
+import { d as defineCustomElement$4 } from './p-wPu4WTba.js';
+import { d as defineCustomElement$3 } from './p-Bu0BcHwL.js';
+import { d as defineCustomElement$2 } from './p-Do29ZTL9.js';
 const bhPageNavigationCss = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap'); :root{--color-white:hsl(0, 0%, 100%);--color-black:hsl(0, 0%, 0%);--color-transparent:hsla(0, 0%, 100%, 0);--color-neutral-25:hsl(240, 20%, 99%);--color-neutral-50:hsl(240, 20%, 98%);--color-neutral-100:hsl(240, 17%, 95%);--color-neutral-200:hsl(227, 25%, 89%);--color-neutral-300:hsl(224, 24%, 78%);--color-neutral-400:hsl(226, 24%, 59%);--color-neutral-500:hsl(226, 24%, 48%);--color-neutral-600:hsl(226, 24%, 38%);--color-neutral-700:hsl(226, 24%, 25%);--color-neutral-800:hsl(233, 33%, 10%);--color-neutral-900:hsl(231, 32%, 8%);--color-neutral-950:hsl(231, 32%, 8%);--color-brand-25:hsl(220, 82%, 98%);--color-brand-50:hsl(222, 87%, 97%);--color-brand-100:hsl(221, 94%, 94%);--color-brand-200:hsl(221, 92%, 86%);--color-brand-300:hsl(224, 95%, 77%);--color-brand-400:hsl(224, 94%, 72%);--color-brand-500:hsl(230, 67%, 58%);--color-brand-600:hsl(230, 69%, 48%);--color-brand-700:hsl(230, 75%, 34%);--color-brand-800:hsl(243, 86%, 44%);--color-brand-900:hsl(237, 69%, 24%);--color-brand-950:hsl(237, 61%, 20%);--color-error-25:hsl(12, 100%, 99%);--color-error-50:hsl(5, 86%, 97%);--color-error-100:hsl(4, 93%, 94%);--color-error-200:hsl(3, 96%, 89%);--color-error-300:hsl(4, 96%, 80%);--color-error-400:hsl(4, 92%, 69%);--color-error-500:hsl(4, 86%, 58%);--color-error-600:hsl(4, 74%, 49%);--color-error-700:hsl(4, 76%, 40%);--color-error-800:hsl(4, 72%, 33%);--color-error-900:hsl(8, 65%, 29%);--color-error-950:hsl(8, 75%, 19%);--color-warning-25:hsl(42, 100%, 98%);--color-warning-50:hsl(45, 100%, 96%);--color-warning-100:hsl(45, 96%, 89%);--color-warning-200:hsl(44, 98%, 77%);--color-warning-300:hsl(42, 99%, 65%);--color-warning-400:hsl(39, 98%, 56%);--color-warning-500:hsl(34, 94%, 50%);--color-warning-600:hsl(28, 97%, 44%);--color-warning-700:hsl(22, 92%, 37%);--color-warning-800:hsl(19, 84%, 31%);--color-warning-900:hsl(18, 79%, 27%);--color-warning-950:hsl(17, 79%, 17%);--color-success-25:hsl(142, 80%, 98%);--color-success-50:hsl(145, 81%, 96%);--color-success-100:hsl(140, 80%, 90%);--color-success-200:hsl(144, 78%, 80%);--color-success-300:hsl(148, 63%, 67%);--color-success-400:hsl(150, 57%, 54%);--color-success-500:hsl(152, 77%, 39%);--color-success-600:hsl(153, 91%, 30%);--color-success-700:hsl(155, 90%, 24%);--color-success-800:hsl(155, 84%, 20%);--color-success-900:hsl(156, 83%, 16%);--color-success-950:hsl(157, 82%, 11%);--font-inter:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',\n    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n    'Liberation Mono', 'Courier New', monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-xl-size:1.25rem;--text-lg-size:1.125rem;--text-md-size:1rem;--text-sm-size:0.875rem;--text-xs-size:0.75rem;--text-xl-line:1.875rem;--text-lg-line:1.75rem;--text-md-line:1.5rem;--text-sm-line:1.25rem;--text-xs-line:1.125rem;--spacing-none:0rem;--spacing-xxs:0.125rem;--spacing-xs:0.25rem;--spacing-sm:0.375rem;--spacing-md:0.5rem;--spacing-lg:0.75rem;--spacing-xl:1rem;--spacing-2xl:1.25rem;--spacing-3xl:1.5rem;--spacing-4xl:2rem;--spacing-5xl:2.5rem;--spacing-6xl:3rem;--radius-none:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.625rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.25rem;--radius-4xl:1.5rem;--radius-full:9999px;--shadow-xs:0px 1px 2px rgba(16, 24, 40, 0.05);--shadow-sm:0px 1px 3px rgba(16, 24, 40, 0.1),\n    0px 1px 2px rgba(16, 24, 40, 0.06);--shadow-md:0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n    0px 2px 4px -2px rgba(16, 24, 40, 0.06);--shadow-lg:0px 12px 16px -4px rgba(16, 24, 40, 0.08),\n    0px 4px 6px -2px rgba(16, 24, 40, 0.03);--shadow-xl:0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n    0px 8px 8px -4px rgba(16, 24, 40, 0.03);--icon-compensation-xs-btn:calc(var(--spacing-lg) - var(--spacing-xs));--icon-compensation-sm-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-md-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-lg-btn:calc(var(--spacing-xl) - var(--spacing-xs))}*,*::before,*::after{box-sizing:border-box}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}:host{display:block}.page-navigation{width:320px;min-width:280px;background-color:var(--color-white);padding:var(--spacing-xl) var(--spacing-md);font-family:var(--font-inter);height:100vh;overflow-y:auto;border-right:1px solid var(--color-neutral-200);box-sizing:border-box;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.page-navigation-header{margin-bottom:var(--spacing-3xl)}.page-navigation-title{font-size:var(--text-xl-size);font-weight:var(--weight-semibold);line-height:var(--text-xl-line);color:var(--color-neutral-900);padding:var(--spacing-none) var(--spacing-xl);margin:0}.page-navigation-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (max-width: 768px){.page-navigation{width:280px;min-width:280px}}";
@@ -118,7 +118,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhPageNavigation = BhPageNavigation$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-page-navigation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"bh-page-navigation.js","mappings":"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","names":["BhPageNavigation","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-page-navigation/bh-page-navigation.css?tag=bh-page-navigation&encapsulation=shadow","src/components/bh-page-navigation/bh-page-navigation.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n display: block;\n}\n\n/* Main Page Navigation Container */\n.page-navigation {\n width: 320px;\n min-width: 280px;\n background-color: var(--color-white);\n padding: var(--spacing-xl) var(--spacing-md);\n font-family: var(--font-inter);\n height: 100vh;\n overflow-y: auto;\n border-right: 1px solid var(--color-neutral-200);\n box-sizing: border-box;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n}\n\n.page-navigation-header {\n margin-bottom: var(--spacing-3xl);\n}\n\n.page-navigation-title {\n font-size: var(--text-xl-size);\n font-weight: var(--weight-semibold);\n line-height: var(--text-xl-line);\n color: var(--color-neutral-900);\n padding: var(--spacing-none) var(--spacing-xl);\n margin: 0;\n}\n\n.page-navigation-list {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-sm);\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n .page-navigation {\n width: 280px;\n min-width: 280px;\n }\n}\n","import { Component, Prop, State, Event, EventEmitter, h, Host, Watch } from '@stencil/core';\n\nexport interface ChildItem {\n label: string;\n badge?: string | number;\n showBadge?: boolean;\n isActive?: boolean;\n}\n\nexport interface NavigationItem {\n id: string;\n label: string;\n icon?: string;\n type: 'single' | 'expandable';\n isActive?: boolean;\n isExpanded?: boolean;\n badge?: string | number;\n children?: ChildItem[];\n}\n\n@Component({\n tag: 'bh-page-navigation',\n styleUrl: 'bh-page-navigation.css',\n shadow: true,\n})\nexport class BhPageNavigation {\n /**\n * Title displayed at the top of the navigation\n */\n @Prop() navTitle: string = 'Navigation';\n\n /**\n * Array of navigation items\n */\n @Prop() navigationItems: NavigationItem[] = [];\n\n /**\n * Internal state to track navigation items\n */\n @State() items: NavigationItem[] = [];\n\n /**\n * Event emitted when a navigation item is clicked\n */\n @Event() bhItemClick!: EventEmitter<{ itemId: string; childIndex?: number }>;\n\n @Watch('navigationItems')\n handleNavigationItemsChange(newValue: NavigationItem[]) {\n this.items = [...newValue];\n }\n\n componentWillLoad() {\n this.items = [...this.navigationItems];\n }\n\n private clearAllSelections() {\n this.items = this.items.map(item => ({\n ...item,\n isActive: false,\n children: item.children?.map(child => ({ ...child, isActive: false })),\n }));\n }\n\n private handleSingleLevelClick = (itemId: string) => {\n this.clearAllSelections();\n this.items = this.items.map(item =>\n item.id === itemId ? { ...item, isActive: true } : item,\n );\n this.bhItemClick.emit({ itemId });\n };\n\n private handleMultiLevelToggle = (itemId: string) => {\n this.items = this.items.map(item =>\n item.id === itemId ? { ...item, isExpanded: !item.isExpanded } : item,\n );\n };\n\n private handleMultiLevelChildClick = (itemId: string, childIndex: number) => {\n this.clearAllSelections();\n this.items = this.items.map(item =>\n item.id === itemId && item.children\n ? {\n ...item,\n children: item.children.map((child, index) => ({\n ...child,\n isActive: index === childIndex,\n })),\n }\n : item,\n );\n this.bhItemClick.emit({ itemId, childIndex });\n };\n\n render() {\n return (\n <Host>\n <div class=\"page-navigation\">\n <div class=\"page-navigation-header\">\n <h2 class=\"page-navigation-title\">{this.navTitle}</h2>\n </div>\n\n <nav class=\"page-navigation-list\">\n {this.items.map(item =>\n item.type === 'single' ? (\n <bh-page-navigation-single-level\n key={item.id}\n label={item.label}\n icon={item.icon}\n isActive={item.isActive || false}\n onBhItemClick={() => this.handleSingleLevelClick(item.id)}\n ></bh-page-navigation-single-level>\n ) : (\n <bh-page-navigation-multi-level\n key={item.id}\n label={item.label}\n icon={item.icon}\n childItems={item.children || []}\n isExpanded={item.isExpanded || false}\n onBhToggle={() => this.handleMultiLevelToggle(item.id)}\n onBhChildClick={(e: CustomEvent<number>) =>\n this.handleMultiLevelChildClick(item.id, e.detail)\n }\n ></bh-page-navigation-multi-level>\n ),\n )}\n </nav>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/{dist/components → components}/bh-pagination.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhPagination extends Components.BhPagination, HTMLElement {}
 export const BhPagination: {

package/{dist/components → components}/bh-pagination.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhPagination$1, d as defineCustomElement$1 } from './p-CoJrxiH7.js';
+import { B as BhPagination$1, d as defineCustomElement$1 } from './p-WibqGBGu.js';
 const BhPagination = BhPagination$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-picker-menu.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhPickerMenu extends Components.BhPickerMenu, HTMLElement {}
 export const BhPickerMenu: {

package/{dist/components → components}/bh-picker-menu.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhPickerMenu$1, d as defineCustomElement$1 } from './p-B-oXID22.js';
+import { B as BhPickerMenu$1, d as defineCustomElement$1 } from './p-8bOZFmdg.js';
 const BhPickerMenu = BhPickerMenu$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-pie-chart.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhPieChart extends Components.BhPieChart, HTMLElement {}
 export const BhPieChart: {

package/{dist/components → components}/bh-pie-chart.js RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-DLHC5fHk.js';
-import { d as defineCustomElement$2 } from './p-3wrr5uYj.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-BsHlTsAN.js';
+import { d as defineCustomElement$2 } from './p-B9W7gNtY.js';
 const bhPieChartCss = "@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap'); :root{--color-white:hsl(0, 0%, 100%);--color-black:hsl(0, 0%, 0%);--color-transparent:hsla(0, 0%, 100%, 0);--color-neutral-25:hsl(240, 20%, 99%);--color-neutral-50:hsl(240, 20%, 98%);--color-neutral-100:hsl(240, 17%, 95%);--color-neutral-200:hsl(227, 25%, 89%);--color-neutral-300:hsl(224, 24%, 78%);--color-neutral-400:hsl(226, 24%, 59%);--color-neutral-500:hsl(226, 24%, 48%);--color-neutral-600:hsl(226, 24%, 38%);--color-neutral-700:hsl(226, 24%, 25%);--color-neutral-800:hsl(233, 33%, 10%);--color-neutral-900:hsl(231, 32%, 8%);--color-neutral-950:hsl(231, 32%, 8%);--color-brand-25:hsl(220, 82%, 98%);--color-brand-50:hsl(222, 87%, 97%);--color-brand-100:hsl(221, 94%, 94%);--color-brand-200:hsl(221, 92%, 86%);--color-brand-300:hsl(224, 95%, 77%);--color-brand-400:hsl(224, 94%, 72%);--color-brand-500:hsl(230, 67%, 58%);--color-brand-600:hsl(230, 69%, 48%);--color-brand-700:hsl(230, 75%, 34%);--color-brand-800:hsl(243, 86%, 44%);--color-brand-900:hsl(237, 69%, 24%);--color-brand-950:hsl(237, 61%, 20%);--color-error-25:hsl(12, 100%, 99%);--color-error-50:hsl(5, 86%, 97%);--color-error-100:hsl(4, 93%, 94%);--color-error-200:hsl(3, 96%, 89%);--color-error-300:hsl(4, 96%, 80%);--color-error-400:hsl(4, 92%, 69%);--color-error-500:hsl(4, 86%, 58%);--color-error-600:hsl(4, 74%, 49%);--color-error-700:hsl(4, 76%, 40%);--color-error-800:hsl(4, 72%, 33%);--color-error-900:hsl(8, 65%, 29%);--color-error-950:hsl(8, 75%, 19%);--color-warning-25:hsl(42, 100%, 98%);--color-warning-50:hsl(45, 100%, 96%);--color-warning-100:hsl(45, 96%, 89%);--color-warning-200:hsl(44, 98%, 77%);--color-warning-300:hsl(42, 99%, 65%);--color-warning-400:hsl(39, 98%, 56%);--color-warning-500:hsl(34, 94%, 50%);--color-warning-600:hsl(28, 97%, 44%);--color-warning-700:hsl(22, 92%, 37%);--color-warning-800:hsl(19, 84%, 31%);--color-warning-900:hsl(18, 79%, 27%);--color-warning-950:hsl(17, 79%, 17%);--color-success-25:hsl(142, 80%, 98%);--color-success-50:hsl(145, 81%, 96%);--color-success-100:hsl(140, 80%, 90%);--color-success-200:hsl(144, 78%, 80%);--color-success-300:hsl(148, 63%, 67%);--color-success-400:hsl(150, 57%, 54%);--color-success-500:hsl(152, 77%, 39%);--color-success-600:hsl(153, 91%, 30%);--color-success-700:hsl(155, 90%, 24%);--color-success-800:hsl(155, 84%, 20%);--color-success-900:hsl(156, 83%, 16%);--color-success-950:hsl(157, 82%, 11%);--font-inter:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI',\n    Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,\n    'Liberation Mono', 'Courier New', monospace;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-xl-size:1.25rem;--text-lg-size:1.125rem;--text-md-size:1rem;--text-sm-size:0.875rem;--text-xs-size:0.75rem;--text-xl-line:1.875rem;--text-lg-line:1.75rem;--text-md-line:1.5rem;--text-sm-line:1.25rem;--text-xs-line:1.125rem;--spacing-none:0rem;--spacing-xxs:0.125rem;--spacing-xs:0.25rem;--spacing-sm:0.375rem;--spacing-md:0.5rem;--spacing-lg:0.75rem;--spacing-xl:1rem;--spacing-2xl:1.25rem;--spacing-3xl:1.5rem;--spacing-4xl:2rem;--spacing-5xl:2.5rem;--spacing-6xl:3rem;--radius-none:0rem;--radius-xxs:0.125rem;--radius-xs:0.25rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.625rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.25rem;--radius-4xl:1.5rem;--radius-full:9999px;--shadow-xs:0px 1px 2px rgba(16, 24, 40, 0.05);--shadow-sm:0px 1px 3px rgba(16, 24, 40, 0.1),\n    0px 1px 2px rgba(16, 24, 40, 0.06);--shadow-md:0px 4px 8px -2px rgba(16, 24, 40, 0.1),\n    0px 2px 4px -2px rgba(16, 24, 40, 0.06);--shadow-lg:0px 12px 16px -4px rgba(16, 24, 40, 0.08),\n    0px 4px 6px -2px rgba(16, 24, 40, 0.03);--shadow-xl:0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n    0px 8px 8px -4px rgba(16, 24, 40, 0.03);--icon-compensation-xs-btn:calc(var(--spacing-lg) - var(--spacing-xs));--icon-compensation-sm-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-md-btn:calc(var(--spacing-xl) - var(--spacing-xs));--icon-compensation-lg-btn:calc(var(--spacing-xl) - var(--spacing-xs))}*,*::before,*::after{box-sizing:border-box}.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:'liga';-webkit-font-feature-settings:'liga';-webkit-font-smoothing:antialiased}:host{display:inline-block}.pie-chart-container{display:inline-block;width:160px;height:160px;overflow:visible}.pie-chart-svg{width:100%;height:100%;overflow:visible}.pie-segment{cursor:pointer;transition:opacity var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease);transform-origin:80px 80px}.pie-segment.animated{opacity:0;transform:scale(0.3) rotate(-180deg);animation:pieSliceReveal 0.8s var(--animation-ease-enter, ease-out) forwards}.pie-segment:hover{opacity:0.85;transform:scale(1.05);filter:brightness(1.1);transition:all var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease)}.pie-background{pointer-events:none}.pie-inner-hole{pointer-events:none}.pie-segment-group{pointer-events:auto}@keyframes pieSliceReveal{0%{opacity:0;transform:scale(0.3) rotate(-180deg)}15%{opacity:0.2;transform:scale(0.45) rotate(-135deg)}30%{opacity:0.5;transform:scale(0.7) rotate(-70deg)}45%{opacity:0.7;transform:scale(0.9) rotate(-25deg)}60%{opacity:0.85;transform:scale(1.05) rotate(-8deg)}80%{opacity:0.95;transform:scale(1.01) rotate(-1deg)}100%{opacity:1;transform:scale(1) rotate(0deg)}}@media (prefers-reduced-motion: reduce){.pie-segment.animated{animation:none;opacity:1;transform:none}}";
@@ -183,7 +183,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhPieChart = BhPieChart$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-pie-chart.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"bh-pie-chart.js","mappings":"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","names":["BhPieChart","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-pie-chart/bh-pie-chart.css?tag=bh-pie-chart&encapsulation=shadow","src/components/bh-pie-chart/bh-pie-chart.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n display: inline-block;\n}\n\n.pie-chart-container {\n display: inline-block;\n width: 160px;\n height: 160px;\n overflow: visible;\n}\n\n.pie-chart-svg {\n width: 100%;\n height: 100%;\n overflow: visible;\n}\n\n.pie-segment {\n cursor: pointer;\n transition: opacity var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease);\n transform-origin: 80px 80px;\n}\n\n.pie-segment.animated {\n opacity: 0;\n transform: scale(0.3) rotate(-180deg);\n animation: pieSliceReveal 0.8s var(--animation-ease-enter, ease-out) forwards;\n}\n\n.pie-segment:hover {\n opacity: 0.85;\n transform: scale(1.05);\n filter: brightness(1.1);\n transition: all var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease);\n}\n\n.pie-background {\n pointer-events: none;\n}\n\n.pie-inner-hole {\n pointer-events: none;\n}\n\n.pie-segment-group {\n pointer-events: auto;\n}\n\n@keyframes pieSliceReveal {\n 0% {\n opacity: 0;\n transform: scale(0.3) rotate(-180deg);\n }\n 15% {\n opacity: 0.2;\n transform: scale(0.45) rotate(-135deg);\n }\n 30% {\n opacity: 0.5;\n transform: scale(0.7) rotate(-70deg);\n }\n 45% {\n opacity: 0.7;\n transform: scale(0.9) rotate(-25deg);\n }\n 60% {\n opacity: 0.85;\n transform: scale(1.05) rotate(-8deg);\n }\n 80% {\n opacity: 0.95;\n transform: scale(1.01) rotate(-1deg);\n }\n 100% {\n opacity: 1;\n transform: scale(1) rotate(0deg);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .pie-segment.animated {\n animation: none;\n opacity: 1;\n transform: none;\n }\n}\n","import { Component, Prop, State, h, Host } from '@stencil/core';\n\nexport interface PieChartSeriesItem {\n name: string;\n value: number;\n color?: string;\n}\n\nexport interface PieChartData {\n series: PieChartSeriesItem[];\n}\n\nexport interface PieSegment {\n value: number;\n percentage: number;\n startAngle: number;\n endAngle: number;\n color: string;\n name: string;\n path: string;\n}\n\nexport type PieChartHole = 'none' | '25%' | '50%' | '75%' | '85%';\n\nconst DEFAULT_COLORS = [\n '#2642CF', // Blue\n '#8E4B9B', // Purple\n '#BB81BA', // Light Purple\n '#E14C94', // Pink\n '#E47789', // Coral\n '#E9AAAE', // Light Coral\n '#BACEFC', // Light Blue\n];\n\n@Component({\n tag: 'bh-pie-chart',\n styleUrl: 'bh-pie-chart.css',\n shadow: true,\n})\nexport class BhPieChart {\n /**\n * Chart data containing series\n */\n @Prop() data: PieChartData = {\n series: [\n { name: 'Series 1', value: 30, color: '#2642CF' },\n { name: 'Series 2', value: 25, color: '#8E4B9B' },\n { name: 'Series 3', value: 20, color: '#BB81BA' },\n { name: 'Series 4', value: 15, color: '#E14C94' },\n { name: 'Series 5', value: 10, color: '#E47789' },\n ],\n };\n\n /**\n * Size of the donut hole\n */\n @Prop() hole: PieChartHole = 'none';\n\n /**\n * Size of the chart in pixels\n */\n @Prop() size: number = 160;\n\n /**\n * Whether to animate the chart\n */\n @Prop() animated: boolean = true;\n\n /**\n * Gap between segments in degrees\n */\n @Prop() gap: number = 0;\n\n @State() tooltipVisible: boolean = false;\n @State() tooltipX: number = 0;\n @State() tooltipY: number = 0;\n @State() tooltipSegment: PieSegment | null = null;\n\n private getInnerRadius(): number {\n switch (this.hole) {\n case '25%':\n return 20;\n case '50%':\n return 40;\n case '75%':\n return 60;\n case '85%':\n return 68;\n default:\n return 0;\n }\n }\n\n private createArcPath(\n centerX: number,\n centerY: number,\n outerRadius: number,\n innerRadius: number,\n startAngle: number,\n endAngle: number\n ): string {\n const startAngleRad = (startAngle * Math.PI) / 180;\n const endAngleRad = (endAngle * Math.PI) / 180;\n\n const outerStartX = centerX + outerRadius * Math.cos(startAngleRad);\n const outerStartY = centerY + outerRadius * Math.sin(startAngleRad);\n const outerEndX = centerX + outerRadius * Math.cos(endAngleRad);\n const outerEndY = centerY + outerRadius * Math.sin(endAngleRad);\n\n const largeArcFlag = endAngle - startAngle > 180 ? 1 : 0;\n\n if (innerRadius === 0) {\n return [\n 'M', centerX, centerY,\n 'L', outerStartX, outerStartY,\n 'A', outerRadius, outerRadius, 0, largeArcFlag, 1, outerEndX, outerEndY,\n 'Z',\n ].join(' ');\n } else {\n const innerStartX = centerX + innerRadius * Math.cos(startAngleRad);\n const innerStartY = centerY + innerRadius * Math.sin(startAngleRad);\n const innerEndX = centerX + innerRadius * Math.cos(endAngleRad);\n const innerEndY = centerY + innerRadius * Math.sin(endAngleRad);\n\n return [\n 'M', outerStartX, outerStartY,\n 'A', outerRadius, outerRadius, 0, largeArcFlag, 1, outerEndX, outerEndY,\n 'L', innerEndX, innerEndY,\n 'A', innerRadius, innerRadius, 0, largeArcFlag, 0, innerStartX, innerStartY,\n 'Z',\n ].join(' ');\n }\n }\n\n private getSegments(): PieSegment[] {\n if (!this.data.series?.length) {\n return [];\n }\n\n const total = this.data.series.reduce((sum, item) => sum + item.value, 0);\n if (total === 0) {\n return [];\n }\n\n const segments: PieSegment[] = [];\n let currentAngle = -90;\n const radius = 80;\n const centerX = 80;\n const centerY = 80;\n const innerRadius = this.getInnerRadius();\n\n const totalGaps = this.data.series.length * this.gap;\n const availableAngle = 360 - totalGaps;\n\n this.data.series.forEach((item, index) => {\n const percentage = (item.value / total) * 100;\n const angleSize = (item.value / total) * availableAngle;\n const startAngle = currentAngle;\n const endAngle = currentAngle + angleSize;\n\n const path = this.createArcPath(centerX, centerY, radius, innerRadius, startAngle, endAngle);\n\n segments.push({\n value: item.value,\n percentage,\n startAngle,\n endAngle,\n color: item.color || DEFAULT_COLORS[index % DEFAULT_COLORS.length],\n name: item.name,\n path,\n });\n\n currentAngle = endAngle + this.gap;\n });\n\n return segments;\n }\n\n private handleSegmentHover = (event: MouseEvent, segment: PieSegment) => {\n this.tooltipVisible = true;\n this.tooltipX = event.clientX;\n this.tooltipY = event.clientY;\n this.tooltipSegment = segment;\n };\n\n private handleSegmentLeave = () => {\n this.tooltipVisible = false;\n };\n\n render() {\n const segments = this.getSegments();\n const innerRadius = this.getInnerRadius();\n\n return (\n <Host>\n <div class=\"pie-chart-container\" style={{ width: `${this.size}px`, height: `${this.size}px` }}>\n <svg\n width={this.size}\n height={this.size}\n viewBox=\"0 0 160 160\"\n class=\"pie-chart-svg\"\n >\n {/* Background circle */}\n <circle cx=\"80\" cy=\"80\" r=\"80\" fill=\"transparent\" class=\"pie-background\" />\n\n {/* Pie segments */}\n {segments.map((segment, index) => (\n <g key={index} class=\"pie-segment-group\">\n <path\n d={segment.path}\n fill={segment.color}\n class={{ 'pie-segment': true, animated: this.animated }}\n style={{ animationDelay: this.animated ? `${index * 0.03}s` : '0s' }}\n onMouseEnter={(e) => this.handleSegmentHover(e, segment)}\n onMouseLeave={this.handleSegmentLeave}\n />\n </g>\n ))}\n\n {/* Inner hole for donut charts */}\n {this.hole !== 'none' && (\n <circle cx=\"80\" cy=\"80\" r={innerRadius} fill=\"white\" class=\"pie-inner-hole\" />\n )}\n </svg>\n </div>\n\n {/* Tooltip */}\n <bh-chart-tooltip\n visible={this.tooltipVisible}\n x={this.tooltipX}\n y={this.tooltipY}\n items={\n this.tooltipSegment\n ? [\n {\n label: this.tooltipSegment.name,\n value: `${this.tooltipSegment.percentage.toFixed(0)}%`,\n color: this.tooltipSegment.color,\n },\n ]\n : []\n }\n />\n </Host>\n );\n }\n}\n"],"version":3}

package/{dist/components → components}/bh-popover.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhPopover extends Components.BhPopover, HTMLElement {}
 export const BhPopover: {

package/{dist/components → components}/bh-popover.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DLHC5fHk.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BsHlTsAN.js';
 const bhPopoverCss = ".popover{position:relative;border-radius:var(--radius-md);width:320px}.popover-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow:hidden;position:relative;width:100%;height:100%}.popover-menu{background-color:#ffffff;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow:hidden;position:relative;border-radius:var(--radius-md);flex-shrink:0;width:100%;max-height:400px;border:1px solid #dcdfea;box-shadow:var(--shadow-popover)}.popover-header{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-lg) var(--spacing-xl);position:relative;flex-shrink:0;width:100%;border-bottom:1px solid #dcdfea}.avatar-group{display:flex;gap:var(--spacing-lg);align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;width:100%}.avatar{background-color:#ffffff;position:relative;border-radius:var(--radius-full);flex-shrink:0;width:40px;height:40px;border:0.75px solid rgba(0, 0, 0, 0.08);overflow:hidden;display:flex;align-items:center;justify-content:center}.avatar-image{width:100%;height:100%;object-fit:cover}.brand-info{flex-basis:0;display:flex;flex-direction:column;flex-grow:1;align-items:flex-start;justify-content:flex-start;line-height:0;min-height:1px;min-width:1px;position:relative;flex-shrink:0}.brand-name{font-family:var(--font-inter);font-weight:600;position:relative;flex-shrink:0;color:#404968;font-size:14px;line-height:20px;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.portfolio-link{font-family:var(--font-inter);font-weight:400;position:relative;flex-shrink:0;color:#2642cf;font-size:14px;line-height:20px;width:100%;text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font;background:none;border:none;cursor:pointer;text-align:left;padding:0}.portfolio-link:hover{color:#1a2bb8}.search-container{box-sizing:border-box;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;overflow:visible;padding:0;position:relative;flex-shrink:0;width:100%}.search-input{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-none) var(--spacing-none) var(--spacing-lg);align-items:flex-start;justify-content:flex-start;position:relative;flex-shrink:0;width:100%}.search-content{background-color:#ffffff;box-sizing:border-box;display:flex;gap:var(--spacing-md);height:var(--spacing-4xl);align-items:center;justify-content:flex-start;overflow:hidden;padding:var(--spacing-none);position:relative;border-radius:var(--radius-md);flex-shrink:0;width:100%;border:none}.search-icon{width:20px;height:20px;flex-shrink:0;color:#5d6b98}.search-field{flex-basis:0;font-family:var(--font-inter);font-weight:500;flex-grow:1;line-height:0;min-height:1px;min-width:1px;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:0;color:#404968;font-size:14px;line-height:20px;white-space:nowrap;border:none;outline:none;background:none}.search-field::placeholder{color:#5d6b98}.menu-items{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;overflow-y:auto;padding:var(--spacing-xs) var(--spacing-none);position:relative;flex-grow:1;width:100%;max-height:calc(400px - 180px)}.menu-header{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-lg) var(--spacing-xl);position:relative;flex-shrink:0;width:100%;border-top:1px solid #dcdfea;border-bottom:1px solid #dcdfea;font-family:var(--font-inter);font-weight:600;line-height:0;color:#404968;font-size:14px;line-height:20px}.menu-item-container{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-xxs) var(--spacing-sm);position:relative;flex-shrink:0;width:100%}.menu-item{flex-basis:0;box-sizing:border-box;display:flex;flex-grow:1;align-items:center;justify-content:flex-start;min-height:1px;min-width:1px;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;border-radius:var(--radius-sm);flex-shrink:0;font-family:var(--font-inter);font-weight:500;line-height:0;color:#404968;font-size:14px;line-height:20px;background:none;border:none;cursor:pointer;text-align:left;width:100%;transition:all 0.2s ease}.menu-item:hover{background-color:#f9f9fb;color:#30374f}.menu-item.selected{background-color:#f9f9fb;color:#30374f}.menu-item-portfolio{font-weight:600;color:#2642cf}.menu-item-portfolio:hover{color:#1a2bb8}.menu-item-region{font-weight:500;padding-left:26px;color:#404968;font-size:13px}.menu-item-property{color:#5d6b98;font-size:13px}";
@@ -120,7 +120,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhPopover = BhPopover$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-popover.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"bh-popover.js","mappings":"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","names":["BhPopover","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-popover/bh-popover.css?tag=bh-popover&encapsulation=shadow","src/components/bh-popover/bh-popover.tsx"],"sourcesContent":["/* Popover Container */\n.popover {\n position: relative;\n border-radius: var(--radius-md);\n width: 320px;\n}\n\n.popover-content {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n overflow: hidden;\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.popover-menu {\n background-color: #ffffff;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n overflow: hidden;\n position: relative;\n border-radius: var(--radius-md);\n flex-shrink: 0;\n width: 100%;\n max-height: 400px;\n border: 1px solid #dcdfea;\n box-shadow: var(--shadow-popover);\n}\n\n/* Header */\n.popover-header {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n padding: var(--spacing-lg) var(--spacing-xl);\n position: relative;\n flex-shrink: 0;\n width: 100%;\n border-bottom: 1px solid #dcdfea;\n}\n\n.avatar-group {\n display: flex;\n gap: var(--spacing-lg);\n align-items: center;\n justify-content: flex-start;\n position: relative;\n flex-shrink: 0;\n width: 100%;\n}\n\n.avatar {\n background-color: #ffffff;\n position: relative;\n border-radius: var(--radius-full);\n flex-shrink: 0;\n width: 40px;\n height: 40px;\n border: 0.75px solid rgba(0, 0, 0, 0.08);\n overflow: hidden;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.avatar-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.brand-info {\n flex-basis: 0;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n align-items: flex-start;\n justify-content: flex-start;\n line-height: 0;\n min-height: 1px;\n min-width: 1px;\n position: relative;\n flex-shrink: 0;\n}\n\n.brand-name {\n font-family: var(--font-inter);\n font-weight: 600;\n position: relative;\n flex-shrink: 0;\n color: #404968;\n font-size: 14px;\n line-height: 20px;\n width: 100%;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.portfolio-link {\n font-family: var(--font-inter);\n font-weight: 400;\n position: relative;\n flex-shrink: 0;\n color: #2642cf;\n font-size: 14px;\n line-height: 20px;\n width: 100%;\n text-decoration: underline;\n text-decoration-skip-ink: none;\n text-underline-position: from-font;\n background: none;\n border: none;\n cursor: pointer;\n text-align: left;\n padding: 0;\n}\n\n.portfolio-link:hover {\n color: #1a2bb8;\n}\n\n/* Search Container */\n.search-container {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n gap: 6px;\n align-items: center;\n justify-content: center;\n overflow: visible;\n padding: 0;\n position: relative;\n flex-shrink: 0;\n width: 100%;\n}\n\n.search-input {\n display: flex;\n flex-direction: column;\n gap: var(--spacing-sm);\n padding: var(--spacing-xs) var(--spacing-none) var(--spacing-none) var(--spacing-lg);\n align-items: flex-start;\n justify-content: flex-start;\n position: relative;\n flex-shrink: 0;\n width: 100%;\n}\n\n.search-content {\n background-color: #ffffff;\n box-sizing: border-box;\n display: flex;\n gap: var(--spacing-md);\n height: var(--spacing-4xl);\n align-items: center;\n justify-content: flex-start;\n overflow: hidden;\n padding: var(--spacing-none);\n position: relative;\n border-radius: var(--radius-md);\n flex-shrink: 0;\n width: 100%;\n border: none;\n}\n\n.search-icon {\n width: 20px;\n height: 20px;\n flex-shrink: 0;\n color: #5d6b98;\n}\n\n.search-field {\n flex-basis: 0;\n font-family: var(--font-inter);\n font-weight: 500;\n flex-grow: 1;\n line-height: 0;\n min-height: 1px;\n min-width: 1px;\n overflow: hidden;\n text-overflow: ellipsis;\n position: relative;\n flex-shrink: 0;\n color: #404968;\n font-size: 14px;\n line-height: 20px;\n white-space: nowrap;\n border: none;\n outline: none;\n background: none;\n}\n\n.search-field::placeholder {\n color: #5d6b98;\n}\n\n/* Menu Items */\n.menu-items {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n overflow-y: auto;\n padding: var(--spacing-xs) var(--spacing-none);\n position: relative;\n flex-grow: 1;\n width: 100%;\n max-height: calc(400px - 180px);\n}\n\n.menu-header {\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: flex-start;\n padding: var(--spacing-lg) var(--spacing-xl);\n position: relative;\n flex-shrink: 0;\n width: 100%;\n border-top: 1px solid #dcdfea;\n border-bottom: 1px solid #dcdfea;\n font-family: var(--font-inter);\n font-weight: 600;\n line-height: 0;\n color: #404968;\n font-size: 14px;\n line-height: 20px;\n}\n\n.menu-item-container {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: flex-start;\n padding: var(--spacing-xxs) var(--spacing-sm);\n position: relative;\n flex-shrink: 0;\n width: 100%;\n}\n\n.menu-item {\n flex-basis: 0;\n box-sizing: border-box;\n display: flex;\n flex-grow: 1;\n align-items: center;\n justify-content: flex-start;\n min-height: 1px;\n min-width: 1px;\n overflow: hidden;\n padding: var(--spacing-md) var(--spacing-lg);\n position: relative;\n border-radius: var(--radius-sm);\n flex-shrink: 0;\n font-family: var(--font-inter);\n font-weight: 500;\n line-height: 0;\n color: #404968;\n font-size: 14px;\n line-height: 20px;\n background: none;\n border: none;\n cursor: pointer;\n text-align: left;\n width: 100%;\n transition: all 0.2s ease;\n}\n\n.menu-item:hover {\n background-color: #f9f9fb;\n color: #30374f;\n}\n\n.menu-item.selected {\n background-color: #f9f9fb;\n color: #30374f;\n}\n\n/* Property Type Styling */\n.menu-item-portfolio {\n font-weight: 600;\n color: #2642cf;\n}\n\n.menu-item-portfolio:hover {\n color: #1a2bb8;\n}\n\n.menu-item-region {\n font-weight: 500;\n padding-left: 26px;\n color: #404968;\n font-size: 13px;\n}\n\n.menu-item-property {\n color: #5d6b98;\n font-size: 13px;\n}\n","import { Component, Prop, State, Event, EventEmitter, h, Host } from '@stencil/core';\n\nexport interface PopoverItem {\n id: string;\n label: string;\n type?: 'portfolio' | 'region' | 'property' | 'header';\n selected?: boolean;\n}\n\n@Component({\n tag: 'bh-popover',\n styleUrl: 'bh-popover.css',\n shadow: true,\n})\nexport class BhPopover {\n /**\n * Title displayed in the header\n */\n @Prop() popoverTitle: string = 'Brand Name';\n\n /**\n * Text for the portfolio link\n */\n @Prop() viewPortfolioText: string = 'view portfolio';\n\n /**\n * Placeholder text for search input\n */\n @Prop() searchPlaceholder: string = 'Search by name or region';\n\n /**\n * Width of the popover\n */\n @Prop() width: string = '240px';\n\n /**\n * Whether to show search input\n */\n @Prop() showSearch: boolean = true;\n\n /**\n * Whether to show avatar section\n */\n @Prop() showAvatar: boolean = true;\n\n /**\n * Avatar image source URL\n */\n @Prop() avatarSrc?: string;\n\n /**\n * Menu items array (JSON string or array)\n */\n @Prop() items: PopoverItem[] | string = [];\n\n @State() searchTerm: string = '';\n\n /**\n * Event emitted when a menu item is selected\n */\n @Event() bhItemSelect!: EventEmitter<PopoverItem>;\n\n /**\n * Event emitted when portfolio link is clicked\n */\n @Event() bhPortfolioClick!: EventEmitter<void>;\n\n /**\n * Event emitted when search input changes\n */\n @Event() bhSearchChange!: EventEmitter<string>;\n\n private get parsedItems(): PopoverItem[] {\n if (typeof this.items === 'string') {\n try {\n return JSON.parse(this.items);\n } catch {\n return [];\n }\n }\n return this.items || [];\n }\n\n private handleItemClick = (item: PopoverItem) => {\n if (item.type !== 'header') {\n this.bhItemSelect.emit(item);\n }\n };\n\n private handlePortfolioClick = () => {\n this.bhPortfolioClick.emit();\n };\n\n private handleSearchInput = (event: Event) => {\n const target = event.target as HTMLInputElement;\n this.searchTerm = target.value;\n this.bhSearchChange.emit(this.searchTerm);\n };\n\n private getItemClasses(item: PopoverItem): Record<string, boolean> {\n return {\n 'menu-item': true,\n 'selected': !!item.selected,\n 'menu-item-portfolio': item.type === 'portfolio',\n 'menu-item-region': item.type === 'region',\n 'menu-item-property': item.type === 'property',\n };\n }\n\n render() {\n const items = this.parsedItems;\n\n return (\n <Host>\n <div class=\"popover\" style={{ width: this.width }}>\n <div class=\"popover-content\">\n <div class=\"popover-menu\">\n {/* Header with Brand/Avatar */}\n {this.showAvatar && (\n <div class=\"popover-header\">\n <div class=\"avatar-group\">\n <div class=\"avatar\">\n {this.avatarSrc ? (\n <img src={this.avatarSrc} alt={this.popoverTitle} class=\"avatar-image\" />\n ) : (\n <slot name=\"avatar\" />\n )}\n </div>\n <div class=\"brand-info\">\n <div class=\"brand-name\">{this.popoverTitle}</div>\n {this.viewPortfolioText && (\n <button\n class=\"portfolio-link\"\n onClick={this.handlePortfolioClick}\n type=\"button\"\n >\n {this.viewPortfolioText}\n </button>\n )}\n </div>\n </div>\n </div>\n )}\n\n {/* Search Input */}\n {this.showSearch && (\n <div class=\"search-container\">\n <div class=\"search-input\">\n <div class=\"search-content\">\n <span class=\"material-symbols-outlined search-icon\">search</span>\n <input\n type=\"text\"\n placeholder={this.searchPlaceholder}\n value={this.searchTerm}\n onInput={this.handleSearchInput}\n class=\"search-field\"\n />\n </div>\n </div>\n </div>\n )}\n\n {/* Menu Items */}\n <div class=\"menu-items\">\n {items.map((item) => (\n <div key={item.id}>\n {/* Header Item */}\n {item.type === 'header' && (\n <div class=\"menu-header\">{item.label}</div>\n )}\n\n {/* Regular Item */}\n {item.type !== 'header' && (\n <div class=\"menu-item-container\">\n <button\n class={this.getItemClasses(item)}\n onClick={() => this.handleItemClick(item)}\n type=\"button\"\n >\n {item.label}\n </button>\n </div>\n )}\n </div>\n ))}\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/{dist/components → components}/bh-product-switcher.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhProductSwitcher extends Components.BhProductSwitcher, HTMLElement {}
 export const BhProductSwitcher: {

package/{dist/components → components}/bh-product-switcher.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhProductSwitcher$1, d as defineCustomElement$1 } from './p-DBL4ByGk.js';
+import { B as BhProductSwitcher$1, d as defineCustomElement$1 } from './p-CUWjjZT-.js';
 const BhProductSwitcher = BhProductSwitcher$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-property-switcher.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhPropertySwitcher extends Components.BhPropertySwitcher, HTMLElement {}
 export const BhPropertySwitcher: {

package/{dist/components → components}/bh-property-switcher.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DLHC5fHk.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BsHlTsAN.js';
 const bhPropertySwitcherCss = ".property-switcher{position:relative;display:inline-block;width:220px}.property-selector{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);transition:background-color 0.2s ease;width:100%;height:36px;min-width:0}.property-selector:hover{background-color:var(--color-neutral-100)}.selector-icon{font-size:18px;color:var(--color-neutral-500);flex-shrink:0}.property-name{font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--color-neutral-700);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex-grow:1;min-width:0;text-align:left}.expand-icon{font-size:18px;flex-shrink:0;color:var(--color-neutral-400);transition:color 0.2s ease}.dropdown-panel{position:absolute;top:100%;left:0;z-index:1000;margin-top:var(--spacing-xs);background-color:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);min-width:280px;max-width:360px;animation:dropdownSlideIn 0.15s ease-out;overflow:hidden}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}100%{opacity:1;transform:translateY(0)}}.search-container{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background-color:var(--color-white);border-bottom:1px solid var(--color-neutral-200)}.search-icon{font-size:20px;color:var(--color-neutral-500);flex-shrink:0}.search-input{flex:1;border:none;outline:none;font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--color-neutral-900);background:transparent;min-width:0}.search-input::placeholder{color:var(--color-neutral-400)}.clear-search{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-neutral-400);transition:color 0.15s ease, background-color 0.15s ease}.clear-search:hover{color:var(--color-neutral-600);background-color:var(--color-neutral-200)}.clear-search .material-symbols-outlined{font-size:18px}.dropdown-content{max-height:360px;overflow-y:auto}.flat-list-container{padding:var(--spacing-xs) 0}.groups-container{padding:var(--spacing-xs) 0}.property-group{border-bottom:1px solid var(--color-neutral-100)}.property-group:last-child{border-bottom:none}.group-header{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:var(--color-neutral-50);cursor:pointer;font-family:var(--font-inter);font-size:var(--text-xs-size);font-weight:var(--weight-semibold);color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:0.5px;transition:background-color 0.15s ease}.group-header:hover{background-color:var(--color-neutral-200)}.group-expand-icon{font-size:18px;color:var(--color-neutral-500);transition:transform 0.15s ease}.group-name{flex:1;text-align:left}.group-count{font-size:11px;font-weight:var(--weight-semibold);color:var(--color-neutral-500);background-color:var(--color-neutral-200);padding:2px 8px;border-radius:var(--radius-full);min-width:20px;text-align:center}.group-properties{padding:var(--spacing-xs) 0}.property-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:calc(var(--spacing-md) + 26px);border:none;background:transparent;cursor:pointer;font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);color:var(--color-neutral-700);text-align:left;transition:background-color 0.15s ease}.flat-list-container .property-item{padding-left:var(--spacing-md)}.property-item:hover{background-color:var(--color-neutral-100)}.property-item.selected{background-color:var(--color-brand-50);color:var(--color-brand-700)}.property-item.selected .property-icon{color:var(--color-brand-600)}.property-icon{font-size:20px;color:var(--color-neutral-400);flex-shrink:0}.property-item-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-regular)}.property-item.selected .property-item-name{font-weight:var(--weight-medium)}.check-icon{font-size:18px;color:var(--color-brand-600);flex-shrink:0}.menu-divider{height:1px;background-color:var(--color-neutral-150);margin:var(--spacing-xs) var(--spacing-md)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);gap:var(--spacing-sm)}.empty-icon{font-size:40px;color:var(--color-neutral-300)}.empty-text{font-family:var(--font-inter);font-size:var(--text-sm-size);color:var(--color-neutral-500)}.dropdown-menu-container{position:absolute;top:100%;left:0;z-index:1000;margin-top:var(--spacing-xs);max-height:320px}.popover-container{position:absolute;top:100%;left:0;z-index:1000;margin-top:var(--spacing-xs);animation:popoverSlideIn 0.3s ease-out;transform-origin:top center}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(calc(-1 * var(--spacing-lg)))}100%{opacity:1;transform:translateY(0)}}.popover-container.closing{animation:popoverSlideOut 0.2s ease-in forwards}@keyframes popoverSlideOut{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(calc(-1 * var(--spacing-lg)))}}";
@@ -250,7 +250,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhPropertySwitcher = BhPropertySwitcher$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-property-switcher.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"bh-property-switcher.js","mappings":"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","names":["BhPropertySwitcher","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-property-switcher/bh-property-switcher.css?tag=bh-property-switcher&encapsulation=shadow","src/components/bh-property-switcher/bh-property-switcher.tsx"],"sourcesContent":[".property-switcher {\n position: relative;\n display: inline-block;\n width: 220px;\n}\n\n.property-selector {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: var(--spacing-xs);\n padding: var(--spacing-xs) var(--spacing-sm);\n border: none;\n background: transparent;\n cursor: pointer;\n border-radius: var(--radius-sm);\n transition: background-color 0.2s ease;\n width: 100%;\n height: 36px;\n min-width: 0;\n}\n\n.property-selector:hover {\n background-color: var(--color-neutral-100);\n}\n\n.selector-icon {\n font-size: 18px;\n color: var(--color-neutral-500);\n flex-shrink: 0;\n}\n\n.property-name {\n font-family: var(--font-inter);\n font-weight: var(--weight-medium);\n font-size: var(--text-sm-size);\n line-height: var(--text-sm-line);\n color: var(--color-neutral-700);\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n flex-grow: 1;\n min-width: 0;\n text-align: left;\n}\n\n.expand-icon {\n font-size: 18px;\n flex-shrink: 0;\n color: var(--color-neutral-400);\n transition: color 0.2s ease;\n}\n\n/* Dropdown Panel */\n.dropdown-panel {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n margin-top: var(--spacing-xs);\n background-color: var(--color-white);\n border: 1px solid var(--color-neutral-200);\n border-radius: var(--radius-lg);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12), 0 1px 4px rgba(0, 0, 0, 0.08);\n min-width: 280px;\n max-width: 360px;\n animation: dropdownSlideIn 0.15s ease-out;\n overflow: hidden;\n}\n\n@keyframes dropdownSlideIn {\n 0% {\n opacity: 0;\n transform: translateY(-8px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/* Search Container */\n.search-container {\n display: flex;\n align-items: center;\n gap: var(--spacing-xs);\n padding: var(--spacing-sm);\n background-color: var(--color-white);\n border-bottom: 1px solid var(--color-neutral-200);\n}\n\n.search-icon {\n font-size: 20px;\n color: var(--color-neutral-500);\n flex-shrink: 0;\n}\n\n.search-input {\n flex: 1;\n border: none;\n outline: none;\n font-family: var(--font-inter);\n font-size: var(--text-sm-size);\n line-height: var(--text-sm-line);\n color: var(--color-neutral-900);\n background: transparent;\n min-width: 0;\n}\n\n.search-input::placeholder {\n color: var(--color-neutral-400);\n}\n\n.clear-search {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border: none;\n background: transparent;\n cursor: pointer;\n border-radius: var(--radius-sm);\n color: var(--color-neutral-400);\n transition: color 0.15s ease, background-color 0.15s ease;\n}\n\n.clear-search:hover {\n color: var(--color-neutral-600);\n background-color: var(--color-neutral-200);\n}\n\n.clear-search .material-symbols-outlined {\n font-size: 18px;\n}\n\n/* Dropdown Content */\n.dropdown-content {\n max-height: 360px;\n overflow-y: auto;\n}\n\n/* Flat List Container */\n.flat-list-container {\n padding: var(--spacing-xs) 0;\n}\n\n/* Groups Container */\n.groups-container {\n padding: var(--spacing-xs) 0;\n}\n\n/* Property Group */\n.property-group {\n border-bottom: 1px solid var(--color-neutral-100);\n}\n\n.property-group:last-child {\n border-bottom: none;\n}\n\n/* Group Header */\n.group-header {\n display: flex;\n align-items: center;\n gap: var(--spacing-xs);\n width: 100%;\n padding: var(--spacing-sm) var(--spacing-md);\n border: none;\n background: var(--color-neutral-50);\n cursor: pointer;\n font-family: var(--font-inter);\n font-size: var(--text-xs-size);\n font-weight: var(--weight-semibold);\n color: var(--color-neutral-600);\n text-transform: uppercase;\n letter-spacing: 0.5px;\n transition: background-color 0.15s ease;\n}\n\n.group-header:hover {\n background-color: var(--color-neutral-200);\n}\n\n.group-expand-icon {\n font-size: 18px;\n color: var(--color-neutral-500);\n transition: transform 0.15s ease;\n}\n\n.group-name {\n flex: 1;\n text-align: left;\n}\n\n.group-count {\n font-size: 11px;\n font-weight: var(--weight-semibold);\n color: var(--color-neutral-500);\n background-color: var(--color-neutral-200);\n padding: 2px 8px;\n border-radius: var(--radius-full);\n min-width: 20px;\n text-align: center;\n}\n\n/* Group Properties */\n.group-properties {\n padding: var(--spacing-xs) 0;\n}\n\n/* Property Item */\n.property-item {\n display: flex;\n align-items: center;\n gap: var(--spacing-sm);\n width: 100%;\n padding: var(--spacing-sm) var(--spacing-md);\n padding-left: calc(var(--spacing-md) + 26px);\n border: none;\n background: transparent;\n cursor: pointer;\n font-family: var(--font-inter);\n font-size: var(--text-sm-size);\n line-height: var(--text-sm-line);\n color: var(--color-neutral-700);\n text-align: left;\n transition: background-color 0.15s ease;\n}\n\n.flat-list-container .property-item {\n padding-left: var(--spacing-md);\n}\n\n.property-item:hover {\n background-color: var(--color-neutral-100);\n}\n\n.property-item.selected {\n background-color: var(--color-brand-50);\n color: var(--color-brand-700);\n}\n\n.property-item.selected .property-icon {\n color: var(--color-brand-600);\n}\n\n.property-icon {\n font-size: 20px;\n color: var(--color-neutral-400);\n flex-shrink: 0;\n}\n\n.property-item-name {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n font-weight: var(--weight-regular);\n}\n\n.property-item.selected .property-item-name {\n font-weight: var(--weight-medium);\n}\n\n.check-icon {\n font-size: 18px;\n color: var(--color-brand-600);\n flex-shrink: 0;\n}\n\n/* Menu Divider */\n.menu-divider {\n height: 1px;\n background-color: var(--color-neutral-150);\n margin: var(--spacing-xs) var(--spacing-md);\n}\n\n/* Empty State */\n.empty-state {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: var(--spacing-2xl) var(--spacing-lg);\n gap: var(--spacing-sm);\n}\n\n.empty-icon {\n font-size: 40px;\n color: var(--color-neutral-300);\n}\n\n.empty-text {\n font-family: var(--font-inter);\n font-size: var(--text-sm-size);\n color: var(--color-neutral-500);\n}\n\n/* Legacy dropdown menu container (for backwards compatibility) */\n.dropdown-menu-container {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n margin-top: var(--spacing-xs);\n max-height: 320px;\n}\n\n/* Legacy popover animations */\n.popover-container {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: 1000;\n margin-top: var(--spacing-xs);\n animation: popoverSlideIn 0.3s ease-out;\n transform-origin: top center;\n}\n\n@keyframes popoverSlideIn {\n 0% {\n opacity: 0;\n transform: translateY(calc(-1 * var(--spacing-lg)));\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.popover-container.closing {\n animation: popoverSlideOut 0.2s ease-in forwards;\n}\n\n@keyframes popoverSlideOut {\n 0% {\n opacity: 1;\n transform: translateY(0);\n }\n 100% {\n opacity: 0;\n transform: translateY(calc(-1 * var(--spacing-lg)));\n }\n}\n","import { Component, Prop, Event, EventEmitter, State, h, Host, Listen } from '@stencil/core';\n\nexport interface PropertyOption {\n id: string;\n name: string;\n type: 'portfolio' | 'region' | 'property';\n group?: string;\n}\n\nexport interface PropertyGroup {\n id: string;\n name: string;\n properties: PropertyOption[];\n}\n\nexport interface DropdownMenuItem {\n id: string;\n label?: string;\n icon?: string;\n divider?: boolean;\n}\n\n@Component({\n tag: 'bh-property-switcher',\n styleUrl: 'bh-property-switcher.css',\n shadow: true,\n})\nexport class BhPropertySwitcher {\n /**\n * Selected property name to display (initial value)\n */\n @Prop() selectedProperty: string = 'Select a property';\n\n /**\n * Array of property options\n */\n @Prop() properties: PropertyOption[] = [];\n\n /**\n * Whether to group properties by their group field\n */\n @Prop() grouped: boolean = false;\n\n /**\n * Placeholder text for search input\n */\n @Prop() searchPlaceholder: string = 'Search properties...';\n\n /**\n * Event emitted when a property is selected\n */\n @Event() bhPropertyChange!: EventEmitter<PropertyOption>;\n\n @State() isExpanded: boolean = false;\n @State() searchQuery: string = '';\n @State() expandedGroups: Set<string> = new Set();\n @State() internalSelectedProperty: string = '';\n\n private switcherRef?: HTMLDivElement;\n private searchInputRef?: HTMLInputElement;\n\n componentWillLoad() {\n this.internalSelectedProperty = this.selectedProperty;\n }\n\n @Listen('click', { target: 'document' })\n handleDocumentClick(event: MouseEvent) {\n if (!this.isExpanded) {\n return;\n }\n\n // Check if click is on this component or inside it using composedPath for Shadow DOM\n const clickedInside = event.composedPath().includes(this.switcherRef as any);\n\n if (!clickedInside) {\n this.isExpanded = false;\n }\n }\n\n private handleToggle = () => {\n this.isExpanded = !this.isExpanded;\n if (this.isExpanded) {\n this.searchQuery = '';\n // Initialize all groups as expanded when opening\n if (this.grouped) {\n const groups = this.getPropertyGroups();\n this.expandedGroups = new Set(groups.map(g => g.id));\n }\n // Focus search input when opening\n setTimeout(() => {\n if (this.searchInputRef) {\n this.searchInputRef.focus();\n }\n }, 50);\n }\n }\n\n private handleSearchInput = (event: Event) => {\n const target = event.target as HTMLInputElement;\n this.searchQuery = target.value;\n }\n\n private handleGroupToggle = (groupId: string) => {\n const newSet = new Set(this.expandedGroups);\n if (newSet.has(groupId)) {\n newSet.delete(groupId);\n } else {\n newSet.add(groupId);\n }\n this.expandedGroups = newSet;\n }\n\n private handlePropertySelect = (property: PropertyOption) => {\n this.internalSelectedProperty = property.name;\n this.bhPropertyChange.emit(property);\n this.isExpanded = false;\n this.searchQuery = '';\n }\n\n private getPropertyGroups = (): PropertyGroup[] => {\n const groupMap = new Map<string, PropertyOption[]>();\n const ungrouped: PropertyOption[] = [];\n\n this.properties.forEach((property) => {\n if (property.group) {\n const existing = groupMap.get(property.group) || [];\n existing.push(property);\n groupMap.set(property.group, existing);\n } else {\n ungrouped.push(property);\n }\n });\n\n const groups: PropertyGroup[] = [];\n\n groupMap.forEach((properties, name) => {\n groups.push({\n id: name.toLowerCase().replace(/\\s+/g, '-'),\n name,\n properties,\n });\n });\n\n // Add ungrouped properties as a special group if any exist\n if (ungrouped.length > 0) {\n groups.push({\n id: 'ungrouped',\n name: 'Other',\n properties: ungrouped,\n });\n }\n\n return groups;\n }\n\n private filterProperties = (properties: PropertyOption[]): PropertyOption[] => {\n if (!this.searchQuery.trim()) {\n return properties;\n }\n const query = this.searchQuery.toLowerCase();\n return properties.filter((p) =>\n p.name.toLowerCase().includes(query)\n );\n }\n\n private filterGroups = (groups: PropertyGroup[]): PropertyGroup[] => {\n if (!this.searchQuery.trim()) {\n return groups;\n }\n const query = this.searchQuery.toLowerCase();\n\n return groups\n .map((group) => {\n // Check if group name matches\n const groupMatches = group.name.toLowerCase().includes(query);\n // Filter properties within the group\n const filteredProperties = group.properties.filter((p) =>\n p.name.toLowerCase().includes(query)\n );\n\n // Include group if group name matches (show all properties) or if any properties match\n if (groupMatches) {\n return { ...group }; // Return group with all properties\n } else if (filteredProperties.length > 0) {\n return { ...group, properties: filteredProperties };\n }\n return null;\n })\n .filter((g): g is PropertyGroup => g !== null);\n }\n\n private getPropertyIcon = (type: PropertyOption['type']): string => {\n switch (type) {\n case 'portfolio':\n return 'business';\n case 'region':\n return 'public';\n case 'property':\n default:\n return 'location_on';\n }\n }\n\n private renderSearchInput() {\n return (\n <div class=\"search-container\">\n <span class=\"material-symbols-outlined search-icon\">search</span>\n <input\n ref={(el) => (this.searchInputRef = el)}\n type=\"text\"\n class=\"search-input\"\n placeholder={this.searchPlaceholder}\n value={this.searchQuery}\n onInput={this.handleSearchInput}\n onClick={(e) => e.stopPropagation()}\n />\n {this.searchQuery && (\n <button\n class=\"clear-search\"\n onClick={(e) => {\n e.stopPropagation();\n this.searchQuery = '';\n this.searchInputRef?.focus();\n }}\n aria-label=\"Clear search\"\n >\n <span class=\"material-symbols-outlined\">close</span>\n </button>\n )}\n </div>\n );\n }\n\n private renderPropertyItem(property: PropertyOption) {\n const isSelected = property.name === this.internalSelectedProperty;\n return (\n <button\n class={{\n 'property-item': true,\n 'selected': isSelected,\n }}\n onClick={() => this.handlePropertySelect(property)}\n >\n <span class=\"material-symbols-outlined property-icon\">\n {this.getPropertyIcon(property.type)}\n </span>\n <span class=\"property-item-name\" title={property.name}>\n {property.name}\n </span>\n {isSelected && (\n <span class=\"material-symbols-outlined check-icon\">check</span>\n )}\n </button>\n );\n }\n\n private renderGroupedView() {\n const groups = this.getPropertyGroups();\n const filteredGroups = this.filterGroups(groups);\n\n if (filteredGroups.length === 0) {\n return this.renderEmptyState();\n }\n\n return (\n <div class=\"groups-container\">\n {filteredGroups.map((group) => {\n const isExpanded = this.expandedGroups.has(group.id);\n return (\n <div class=\"property-group\" key={group.id}>\n <button\n class={{\n 'group-header': true,\n 'expanded': isExpanded,\n }}\n onClick={() => this.handleGroupToggle(group.id)}\n aria-expanded={isExpanded ? 'true' : 'false'}\n >\n <span class=\"material-symbols-outlined group-expand-icon\">\n {isExpanded ? 'expand_more' : 'chevron_right'}\n </span>\n <span class=\"group-name\">{group.name}</span>\n <span class=\"group-count\">{group.properties.length}</span>\n </button>\n {isExpanded && (\n <div class=\"group-properties\">\n {group.properties.map((property) => (\n <div key={property.id}>\n {this.renderPropertyItem(property)}\n </div>\n ))}\n </div>\n )}\n </div>\n );\n })}\n </div>\n );\n }\n\n private renderFlatView() {\n const filteredProperties = this.filterProperties(this.properties);\n\n if (filteredProperties.length === 0) {\n return this.renderEmptyState();\n }\n\n // Legacy behavior: render portfolios with dividers, skip regions\n const items: (PropertyOption | { divider: true })[] = [];\n\n filteredProperties.forEach((property) => {\n if (property.type === 'portfolio') {\n items.push(property);\n items.push({ divider: true });\n } else if (property.type === 'property') {\n items.push(property);\n }\n });\n\n return (\n <div class=\"flat-list-container\">\n {items.map((item, index) => {\n if ('divider' in item) {\n return <div class=\"menu-divider\" key={`divider-${index}`} />;\n }\n return (\n <div key={item.id}>\n {this.renderPropertyItem(item)}\n </div>\n );\n })}\n </div>\n );\n }\n\n private renderEmptyState() {\n return (\n <div class=\"empty-state\">\n <span class=\"material-symbols-outlined empty-icon\">search_off</span>\n <span class=\"empty-text\">No properties found</span>\n </div>\n );\n }\n\n private getSelectedProperty(): PropertyOption | undefined {\n return this.properties.find(p => p.name === this.internalSelectedProperty);\n }\n\n render() {\n const containerClasses = {\n 'property-switcher': true,\n 'expanded': this.isExpanded,\n };\n\n const selectedProp = this.getSelectedProperty();\n const displayName = this.internalSelectedProperty || this.selectedProperty;\n\n return (\n <Host>\n <div\n ref={(el) => (this.switcherRef = el)}\n class={containerClasses}\n >\n <button\n class=\"property-selector\"\n onClick={() => this.handleToggle()}\n aria-expanded={this.isExpanded ? 'true' : 'false'}\n aria-label={`Property selector: ${displayName}`}\n >\n {selectedProp && (\n <span class=\"material-symbols-outlined selector-icon\">\n {this.getPropertyIcon(selectedProp.type)}\n </span>\n )}\n <span class=\"property-name\">{displayName}</span>\n <span\n class=\"material-symbols-outlined expand-icon\"\n aria-label={this.isExpanded ? 'Collapse Options' : 'Expand Options'}\n >\n {this.isExpanded ? 'unfold_less' : 'unfold_more'}\n </span>\n </button>\n\n {this.isExpanded && (\n <div class=\"dropdown-panel\">\n {this.renderSearchInput()}\n <div class=\"dropdown-content\">\n {this.grouped\n ? this.renderGroupedView()\n : this.renderFlatView()\n }\n </div>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/{dist/components → components}/bh-radio-button.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhRadioButton extends Components.BhRadioButton, HTMLElement {}
 export const BhRadioButton: {

package/{dist/components → components}/bh-radio-button.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhRadioButton$1, d as defineCustomElement$1 } from './p-BAKX4y5m.js';
+import { B as BhRadioButton$1, d as defineCustomElement$1 } from './p-Cmo_S3fO.js';
 const BhRadioButton = BhRadioButton$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-sidebar.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhSidebar extends Components.BhSidebar, HTMLElement {}
 export const BhSidebar: {

package/{dist/components → components}/bh-sidebar.js RENAMED Viewed

@@ -1,13 +1,13 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DLHC5fHk.js';
-import { d as defineCustomElement$a } from './p-D_matRYZ.js';
-import { d as defineCustomElement$9 } from './p-QjxdVLPX.js';
-import { d as defineCustomElement$8 } from './p-BsB67vNb.js';
-import { d as defineCustomElement$7 } from './p-Djti9xFF.js';
-import { d as defineCustomElement$6 } from './p-DXXn0saP.js';
-import { d as defineCustomElement$5 } from './p-CA0LmFbe.js';
-import { d as defineCustomElement$4 } from './p-l5G-q5dj.js';
-import { d as defineCustomElement$3 } from './p-BE4kximA.js';
-import { d as defineCustomElement$2 } from './p-DBL4ByGk.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BsHlTsAN.js';
+import { d as defineCustomElement$a } from './p-CMoGgYqw.js';
+import { d as defineCustomElement$9 } from './p-B02xFf1P.js';
+import { d as defineCustomElement$8 } from './p-BajBGXic.js';
+import { d as defineCustomElement$7 } from './p-D3FuyNC4.js';
+import { d as defineCustomElement$6 } from './p-C0fcjlnS.js';
+import { d as defineCustomElement$5 } from './p-S3PEg8gv.js';
+import { d as defineCustomElement$4 } from './p-C_wf2KGn.js';
+import { d as defineCustomElement$3 } from './p-BLCjD0ux.js';
+import { d as defineCustomElement$2 } from './p-CUWjjZT-.js';
 const bhSidebarCss = ".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)}";
@@ -26,6 +26,15 @@ const BhSidebar$1 = /*@__PURE__*/ proxyCustomElement(class BhSidebar extends H {
      * 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
      */
@@ -112,11 +121,13 @@ const BhSidebar$1 = /*@__PURE__*/ proxyCustomElement(class BhSidebar extends H {
             { id: '12', divider: true },
             { id: '13', label: 'Sign out', icon: 'logout', shortcut: '⇧⌘Q' },
         ];
-        return (h(Host, { key: '8ea6a230d0b50bac6868a43f2f4c3b4cb89f147d' }, h("div", { key: '152c63b3a7a61ea13ca78b05ef3077b135cc4638', class: sidebarClasses }, h("div", { key: '13fdf8adc8c29bf947a43ab05b4cbd67bab9bc82', class: "navigation" }, h("div", { key: 'fd4960f7b232bdfff7bb80d98f718d5bdeddd5a3', class: "gradient-bar" }, h("div", { key: '5304c3a6b81a9941491105233770977c64e06586', class: "detail-bar" })), h("div", { key: '000cad8051add1dbabfe2454579c22ffa371ebc0', class: "sidebar-content" }, h("bh-logo-box", { key: 'ca59b066c4d1053824443a8dd63702d285a66b7c', logoType: this.logoType }), h("div", { key: 'a8b8fc37101b5a8ad83c309dbbf8dbd45b9227f9', class: "navigation-section" }, h("div", { key: '10dda65730b5c23d2a13f0a27636192da1c9b21a', class: "search-container" }, h("bh-button-icon", { key: '52379a2f1fbf04ff494e7cff1b33aca99ce809fb', hierarchy: "secondary", size: "sm", iconName: "search", onClick: this.handleSearchClick })), h("div", { key: '85b26cfcd1b91e4d96be801e654acba45f3649a5', class: "nav-items" }, this.menuItems.map((item) => (h("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: this.activeItem === item.label, onBhClick: () => this.handleNavItemClick(item.label) }))))), h("div", { key: '82647befc09ce326032e6b034189180e826fb7f6', class: "sidebar-footer" }, h("div", { key: '0d8a12f59003ff31b97430ccc017fdd9bfa6636f', class: "footer-navigation" }, this.footerItems.map((item) => (h("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: false, onBhClick: () => this.handleNavItemClick(item.label) })))), h("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 (h(Host, { key: 'ec71c0ecf369a2f5fe1028c64509f0257257c20b' }, h("div", { key: '40508d1e275db38c62966af84ea11c343322690a', class: sidebarClasses }, h("div", { key: 'deda56dad78580220725a59440f960e70440302f', class: "navigation" }, h("div", { key: '77d3303bdce1b8fd1e61116888564690d557e34e', class: "gradient-bar" }, h("div", { key: 'd65349b1e37f6d1b344422cf96f1237e5c99407f', class: "detail-bar" })), h("div", { key: '6a2ae10b8b63e0c8732c166d62cbf43c58fb7c8d', class: "sidebar-content" }, h("bh-logo-box", { key: '4204dcb7f5a019c963cd6cf37039f9870e5633a6', logoType: this.logoType, logoSrc: this.logoSrc, assetBasePath: this.assetBasePath }), h("div", { key: '0ef83fbb295546ac57829fecb60a238d923e60e2', class: "navigation-section" }, h("div", { key: '91631f0e8dccd12bd9e9a02fdce17a2d7a4047e7', class: "search-container" }, h("bh-button-icon", { key: '770ce37a93945cc213117d2d54e6e92f9d432c8b', hierarchy: "secondary", size: "sm", iconName: "search", onClick: this.handleSearchClick })), h("div", { key: 'e6a86d4e308dff8c44e2875d7a18d11efa0d8451', class: "nav-items" }, this.menuItems.map((item) => (h("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: this.activeItem === item.label, onBhClick: () => this.handleNavItemClick(item.label) }))))), h("div", { key: '5db852f9c05cc25175e95d091403d0020d1b730e', class: "sidebar-footer" }, h("div", { key: '1f39438f48d87c61d294c52f4bcd7e348bd8418f', class: "footer-navigation" }, this.footerItems.map((item) => (h("bh-nav-item", { key: item.label, icon: item.icon, label: item.label, isActive: false, onBhClick: () => this.handleNavItemClick(item.label) })))), h("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; }
 }, [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"],
@@ -184,7 +195,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhSidebar = BhSidebar$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-sidebar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"bh-sidebar.js","mappings":"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","names":["BhSidebar","__stencil_proxyCustomElement","HTMLElement"],"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"],"version":3}

package/{dist/components → components}/bh-skeleton-loader.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhSkeletonLoader extends Components.BhSkeletonLoader, HTMLElement {}
 export const BhSkeletonLoader: {

package/{dist/components → components}/bh-skeleton-loader.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { B as BhSkeletonLoader$1, d as defineCustomElement$1 } from './p-DgAfq9r9.js';
+import { B as BhSkeletonLoader$1, d as defineCustomElement$1 } from './p-CdwyUif-.js';
 const BhSkeletonLoader = BhSkeletonLoader$1;
 const defineCustomElement = defineCustomElement$1;

package/{dist/components → components}/bh-tab-item.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhTabItem extends Components.BhTabItem, HTMLElement {}
 export const BhTabItem: {

package/{dist/components → components}/bh-tab-item.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DLHC5fHk.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BsHlTsAN.js';
 const bhTabItemCss = ":host{display:flex}:host(.tab-item-full){flex:1 0 0;min-width:0}.tab-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);min-height:36px;font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--weight-semibold);color:var(--color-neutral-600);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s ease-in-out;white-space:nowrap;outline:none;width:100%}:host-context(.tabs-underline) .tab-button{border-radius:0;padding-top:var(--spacing-xs);padding-bottom:var(--spacing-md);border-bottom:2px solid transparent}:host-context(.tabs-full-width) .tab-button{justify-content:center}:host-context(.tabs-contained) .tab-button-active{color:var(--color-brand-600);background-color:var(--color-brand-50)}:host-context(.tabs-underline) .tab-button-active{color:var(--color-brand-600);border-bottom-color:var(--color-brand-600)}:host-context(.tabs-contained) .tab-button:hover:not(.tab-button-disabled):not(.tab-button-active){background-color:var(--color-neutral-50);color:var(--color-neutral-700)}:host-context(.tabs-underline) .tab-button:hover:not(.tab-button-disabled):not(.tab-button-active){color:var(--color-neutral-700)}:host-context(.tabs-contained) .tab-button:active:not(.tab-button-disabled){background-color:var(--color-neutral-100)}.tab-button:focus-visible{outline:2px solid var(--color-brand-500);outline-offset:2px}.tab-button-disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}.tab-label{display:inline-block}:host-context(.tabs-vertical){width:100%}:host-context(.tabs-vertical) .tab-button{justify-content:flex-start;width:100%}:host-context(.tabs-vertical.tabs-contained) .tab-button-active{color:var(--color-brand-600);background-color:var(--color-brand-50)}:host-context(.tabs-vertical.tabs-underline) .tab-button{border-radius:0;border-bottom:none;border-left:2px solid transparent;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-lg)}:host-context(.tabs-vertical.tabs-underline) .tab-button-active{color:var(--color-brand-600);border-left-color:var(--color-brand-600);border-bottom-color:transparent}";
@@ -69,7 +69,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhTabItem = BhTabItem$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-tab-item.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"bh-tab-item.js","mappings":";;AAAA,MAAM,YAAY,GAAG,orEAAorE;;MCkB5rEA,WAAS,iBAAAC,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;;;AAGpB;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;IACK,MAAM,GAAY,KAAK;AAE/B;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;AAEH,IAAA,cAAc;IAEN,WAAW,GAAG,MAAW;AAC/B,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;AAExC,KAAC;IAED,MAAM,GAAA;AACJ,QAAA,MAAM,aAAa,GAAG;AACpB,YAAA,YAAY,EAAE,IAAI;YAClB,mBAAmB,EAAE,IAAI,CAAC,MAAM;YAChC,qBAAqB,EAAE,IAAI,CAAC,QAAQ;SACrC;QAED,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE;AACL,gBAAA,UAAU,EAAE,IAAI;gBAChB,iBAAiB,EAAE,IAAI,CAAC,MAAM;gBAC9B,mBAAmB,EAAE,IAAI,CAAC,QAAQ;aACnC,EAAA,EAED,CACE,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,aAAa,EACpB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,EAC9B,eAAA,EAAA,IAAI,CAAC,QAAQ,GAAG,MAAM,GAAG,OAAO,EAC/C,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,OAAO,EAAE,IAAI,CAAC,WAAW,EACzB,IAAI,EAAC,QAAQ,EAAA,EAEb,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,EACjC,EAAA,IAAI,CAAC,KAAK,CACN,EACP,CAAQ,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACD,CACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BhTabItem","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-tab-item/bh-tab-item.css?tag=bh-tab-item&encapsulation=shadow","src/components/bh-tab-item/bh-tab-item.tsx"],"sourcesContent":["/* ==========================================================================\n BH-TAB-ITEM COMPONENT STYLES\n ========================================================================== */\n\n:host {\n display: flex;\n}\n\n/* Full Width for Tab Items inside Full Width Tabs */\n:host(.tab-item-full) {\n flex: 1 0 0;\n min-width: 0;\n}\n\n/* Tab Button Base */\n.tab-button {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: var(--spacing-xs);\n padding: var(--spacing-sm) var(--spacing-md);\n min-height: 36px;\n font-family: var(--font-inter);\n font-size: var(--text-sm-size);\n line-height: var(--text-sm-line);\n font-weight: var(--weight-semibold);\n color: var(--color-neutral-600);\n background: transparent;\n border: none;\n border-radius: var(--radius-sm);\n cursor: pointer;\n transition: all 0.2s ease-in-out;\n white-space: nowrap;\n outline: none;\n width: 100%;\n}\n\n/* Underline Type Specific Styles */\n:host-context(.tabs-underline) .tab-button {\n border-radius: 0;\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-md);\n border-bottom: 2px solid transparent;\n}\n\n/* Full Width Tab Items */\n:host-context(.tabs-full-width) .tab-button {\n justify-content: center;\n}\n\n/* Active State - Contained Type */\n:host-context(.tabs-contained) .tab-button-active {\n color: var(--color-brand-600);\n background-color: var(--color-brand-50);\n}\n\n/* Active State - Underline Type */\n:host-context(.tabs-underline) .tab-button-active {\n color: var(--color-brand-600);\n border-bottom-color: var(--color-brand-600);\n}\n\n/* Hover State - Contained Type */\n:host-context(.tabs-contained)\n .tab-button:hover:not(.tab-button-disabled):not(.tab-button-active) {\n background-color: var(--color-neutral-50);\n color: var(--color-neutral-700);\n}\n\n/* Hover State - Underline Type */\n:host-context(.tabs-underline)\n .tab-button:hover:not(.tab-button-disabled):not(.tab-button-active) {\n color: var(--color-neutral-700);\n}\n\n/* Active/Pressed State - Contained Type */\n:host-context(.tabs-contained) .tab-button:active:not(.tab-button-disabled) {\n background-color: var(--color-neutral-100);\n}\n\n/* Focus State */\n.tab-button:focus-visible {\n outline: 2px solid var(--color-brand-500);\n outline-offset: 2px;\n}\n\n/* Disabled State */\n.tab-button-disabled {\n cursor: not-allowed;\n opacity: 0.5;\n pointer-events: none;\n}\n\n/* Tab Label */\n.tab-label {\n display: inline-block;\n}\n\n/* ==========================================================================\n VERTICAL ORIENTATION STYLES\n ========================================================================== */\n\n/* Vertical Tab Items take full width */\n:host-context(.tabs-vertical) {\n width: 100%;\n}\n\n:host-context(.tabs-vertical) .tab-button {\n justify-content: flex-start;\n width: 100%;\n}\n\n/* Vertical Contained - Active State */\n:host-context(.tabs-vertical.tabs-contained) .tab-button-active {\n color: var(--color-brand-600);\n background-color: var(--color-brand-50);\n}\n\n/* Vertical Underline - Uses left border instead of bottom */\n:host-context(.tabs-vertical.tabs-underline) .tab-button {\n border-radius: 0;\n border-bottom: none;\n border-left: 2px solid transparent;\n padding: var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-lg);\n}\n\n/* Vertical Underline - Active State */\n:host-context(.tabs-vertical.tabs-underline) .tab-button-active {\n color: var(--color-brand-600);\n border-left-color: var(--color-brand-600);\n border-bottom-color: transparent;\n}\n","import {\n Component,\n Prop,\n Event,\n EventEmitter,\n h,\n Host,\n Element,\n} from '@stencil/core';\n\n/**\n * @slot - Tab content (usually just text, but can include badges)\n */\n@Component({\n tag: 'bh-tab-item',\n styleUrl: 'bh-tab-item.css',\n shadow: true,\n})\nexport class BhTabItem {\n @Element() el!: HTMLElement;\n\n /**\n * Unique identifier for this tab\n */\n @Prop() value!: string;\n\n /**\n * The label text for the tab\n */\n @Prop() label!: string;\n\n /**\n * Whether this tab is currently active\n */\n @Prop() active: boolean = false;\n\n /**\n * Whether this tab is disabled\n */\n @Prop() disabled: boolean = false;\n\n /**\n * Emitted when the tab is clicked\n */\n @Event({ bubbles: true, composed: true })\n bhTabItemClick!: EventEmitter<string>;\n\n private handleClick = (): void => {\n if (!this.disabled) {\n this.bhTabItemClick.emit(this.value);\n }\n };\n\n render() {\n const buttonClasses = {\n 'tab-button': true,\n 'tab-button-active': this.active,\n 'tab-button-disabled': this.disabled,\n };\n\n return (\n <Host\n class={{\n 'tab-item': true,\n 'tab-item-active': this.active,\n 'tab-item-disabled': this.disabled,\n }}\n >\n <button\n class={buttonClasses}\n part=\"button\"\n role=\"tab\"\n aria-selected={this.active ? 'true' : 'false'}\n aria-disabled={this.disabled ? 'true' : 'false'}\n disabled={this.disabled}\n onClick={this.handleClick}\n type=\"button\"\n >\n <span class=\"tab-label\" part=\"label\">\n {this.label}\n </span>\n <slot />\n </button>\n </Host>\n );\n }\n}\n"],"version":3}

package/{dist/components → components}/bh-tabs.d.ts RENAMED Viewed

@@ -1,4 +1,4 @@
-import type { Components, JSX } from "../types/components";
+import type { Components, JSX } from "../dist/types/components";
 interface BhTabs extends Components.BhTabs, HTMLElement {}
 export const BhTabs: {

package/{dist/components → components}/bh-tabs.js RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-DLHC5fHk.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-BsHlTsAN.js';
 const bhTabsCss = ":host{display:block;width:100%}.tabs-container{display:flex;flex-direction:column;width:100%}.tabs-list{display:flex;gap:var(--spacing-xs);padding:var(--spacing-none);position:relative}.tabs-full-width .tabs-list{width:100%;gap:var(--spacing-lg);justify-content:center}.tabs-underline.tabs-horizontal .tabs-container{border-bottom:1px solid var(--color-neutral-200)}.tabs-underline.tabs-horizontal .tabs-list{gap:var(--spacing-lg)}.tabs-underline.tabs-horizontal.tabs-full-width .tabs-list{gap:var(--spacing-lg)}.tabs-contained .tabs-list{gap:var(--spacing-xs)}.tabs-vertical{width:auto}.tabs-vertical .tabs-container{width:auto}.tabs-vertical .tabs-list{flex-direction:column;gap:var(--spacing-xs);width:204px}.tabs-underline.tabs-vertical .tabs-container{border-bottom:none}";
@@ -67,7 +67,6 @@ function defineCustomElement$1() {
             break;
     } });
 }
-defineCustomElement$1();
 const BhTabs = BhTabs$1;
 const defineCustomElement = defineCustomElement$1;

package/components/bh-tabs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"bh-tabs.js","mappings":";;AAAA,MAAM,SAAS,GAAG,0wBAA0wB;;MCqB/wBA,QAAM,iBAAAC,kBAAA,CAAA,MAAA,MAAA,SAAAC,CAAA,CAAA;;;;;;;;;AACjB;;AAEG;IACK,IAAI,GAAa,WAAW;AAEpC;;AAEG;IACK,WAAW,GAAoB,YAAY;AAEnD;;AAEG;IACK,SAAS,GAAY,KAAK;AAElC;;AAEG;IACsB,KAAK,GAAW,EAAE;AAE3C;;AAEG;AACuC,IAAA,WAAW;AAGrD,IAAA,kBAAkB,CAAC,KAA0B,EAAA;AAC3C,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM;AAC1B,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,KAAK,GAAG,KAAK;AAClB,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;;;IAIhC,MAAM,GAAA;AACJ,QAAA,MAAM,WAAW,GAAG;AAClB,YAAA,IAAI,EAAE,IAAI;AACV,YAAA,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;AAC3B,YAAA,CAAC,QAAQ,IAAI,CAAC,WAAW,CAAE,CAAA,GAAG,IAAI;YAClC,iBAAiB,EAAE,IAAI,CAAC,SAAS;SAClC;AAED,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,WAAW,EAAA,EACtB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,gBAAgB,EAAC,IAAI,EAAC,WAAW,EAAA,EAC1C,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,KAAK,EAAC,WAAW,EACjB,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,SAAS,EACI,kBAAA,EAAA,IAAI,CAAC,WAAW,EAAA,EAElC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAQ,CACJ,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["BhTabs","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-tabs/bh-tabs.css?tag=bh-tabs&encapsulation=shadow","src/components/bh-tabs/bh-tabs.tsx"],"sourcesContent":["/* ==========================================================================\n BH-TABS COMPONENT STYLES\n ========================================================================== */\n\n:host {\n display: block;\n width: 100%;\n}\n\n/* Tabs Container */\n.tabs-container {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n/* Tabs List */\n.tabs-list {\n display: flex;\n gap: var(--spacing-xs);\n padding: var(--spacing-none);\n position: relative;\n}\n\n/* Full Width */\n.tabs-full-width .tabs-list {\n width: 100%;\n gap: var(--spacing-lg);\n justify-content: center;\n}\n\n/* Underline Type - Horizontal */\n.tabs-underline.tabs-horizontal .tabs-container {\n border-bottom: 1px solid var(--color-neutral-200);\n}\n\n.tabs-underline.tabs-horizontal .tabs-list {\n gap: var(--spacing-lg);\n}\n\n.tabs-underline.tabs-horizontal.tabs-full-width .tabs-list {\n gap: var(--spacing-lg);\n}\n\n/* Contained Type */\n.tabs-contained .tabs-list {\n gap: var(--spacing-xs);\n}\n\n/* ==========================================================================\n VERTICAL ORIENTATION\n ========================================================================== */\n\n.tabs-vertical {\n width: auto;\n}\n\n.tabs-vertical .tabs-container {\n width: auto;\n}\n\n.tabs-vertical .tabs-list {\n flex-direction: column;\n gap: var(--spacing-xs);\n width: 204px;\n}\n\n/* Vertical Underline Type - Left border instead of bottom */\n.tabs-underline.tabs-vertical .tabs-container {\n border-bottom: none;\n}\n","import {\n Component,\n Prop,\n Event,\n EventEmitter,\n h,\n Host,\n Listen,\n} from '@stencil/core';\n\nexport type TabsType = 'underline' | 'contained';\nexport type TabsOrientation = 'horizontal' | 'vertical';\n\n/**\n * @slot - Tab items (bh-tab-item components)\n */\n@Component({\n tag: 'bh-tabs',\n styleUrl: 'bh-tabs.css',\n shadow: true,\n})\nexport class BhTabs {\n /**\n * The type of tabs: underline or contained style\n */\n @Prop() type: TabsType = 'contained';\n\n /**\n * The orientation of the tabs: horizontal or vertical\n */\n @Prop() orientation: TabsOrientation = 'horizontal';\n\n /**\n * Whether the tabs should take up the full width of the container\n */\n @Prop() fullWidth: boolean = false;\n\n /**\n * The value of the currently active tab\n */\n @Prop({ mutable: true }) value: string = '';\n\n /**\n * Emitted when the active tab changes\n */\n @Event({ bubbles: true, composed: true }) bhTabChange!: EventEmitter<string>;\n\n @Listen('bhTabItemClick')\n handleTabItemClick(event: CustomEvent<string>): void {\n const value = event.detail;\n if (this.value !== value) {\n this.value = value;\n this.bhTabChange.emit(value);\n }\n }\n\n render() {\n const hostClasses = {\n tabs: true,\n [`tabs-${this.type}`]: true,\n [`tabs-${this.orientation}`]: true,\n 'tabs-full-width': this.fullWidth,\n };\n\n return (\n <Host class={hostClasses}>\n <div class=\"tabs-container\" part=\"container\">\n <div\n class=\"tabs-list\"\n part=\"list\"\n role=\"tablist\"\n aria-orientation={this.orientation}\n >\n <slot />\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}