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

@actabldesign/bellhop-core 0.0.8 → 0.0.12

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 (466) hide show

package/components/{p-Bu0BcHwL.js.map → p-Du_cCBR7.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-Bu0BcHwL.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-page-navigation-multi-level/bh-page-navigation-multi-level.css?tag=bh-page-navigation-multi-level&encapsulation=shadow","src/components/bh-page-navigation-multi-level/bh-page-navigation-multi-level.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n display: block;\n}\n\n.page-navigation-multi-level {\n margin: var(--spacing-none) var(--spacing-xs);\n}\n\n.page-navigation-multi-level-parent {\n display: flex;\n align-items: center;\n padding: var(--spacing-lg);\n cursor: pointer;\n gap: var(--spacing-md);\n position: relative;\n transition: all 0.15s ease;\n min-height: 40px;\n max-height: 44px;\n box-sizing: border-box;\n border-radius: var(--radius-sm);\n background-color: transparent;\n border: 1px solid transparent;\n}\n\n/* Has active child state /\n.page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent {\n background-color: transparent;\n border: 1px solid transparent;\n}\n\n/ Hover state for multi level parent /\n.page-navigation-multi-level-parent:hover {\n background-color: var(--color-neutral-50) !important;\n}\n\n/ Children container with smooth animation /\n.page-navigation-children {\n margin-top: var(--spacing-xs);\n margin-bottom: var(--spacing-xs);\n position: relative;\n margin-left: var(--spacing-xl);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xs);\n max-height: 1000px;\n opacity: 1;\n transition: max-height 0.4s cubic-bezier(0.08, 0.52, 0.52, 1),\n opacity 0.4s cubic-bezier(0.08, 0.52, 0.52, 1),\n margin 0.4s cubic-bezier(0.08, 0.52, 0.52, 1);\n}\n\n.page-navigation-children.collapsed {\n max-height: 0;\n opacity: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n/ Vertical line indicator for children /\n.page-navigation-children::before {\n content: '';\n position: absolute;\n left: 0;\n top: -2px;\n height: calc(100% + 4px);\n width: 2px;\n background-color: var(--color-neutral-200);\n margin-left: var(--spacing-sm);\n z-index: 2;\n}\n\n/ Animation classes /\n.page-navigation-children.animate-slide-down-enter {\n animation: slideDownEnter 0.15s ease-out forwards;\n}\n\n.page-navigation-children.animate-slide-down-exit {\n animation: slideDownExit 0.15s ease-out forwards;\n}\n\n@keyframes slideDownEnter {\n from {\n opacity: 0;\n max-height: 0;\n transform: translateY(-10px);\n }\n to {\n opacity: 1;\n max-height: 1000px;\n transform: translateY(0);\n }\n}\n\n@keyframes slideDownExit {\n from {\n opacity: 1;\n max-height: 1000px;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n max-height: 0;\n transform: translateY(-10px);\n }\n}\n\n/ Item content and common elements /\n.page-navigation-item-content {\n display: flex;\n align-items: center;\n gap: var(--spacing-md);\n width: 100%;\n}\n\n/ Icons /\n.page-navigation-item-icon {\n flex-shrink: 0;\n color: var(--color-neutral-600);\n font-size: 20px;\n width: 20px;\n height: 20px;\n transition: color 0.15s ease;\n}\n\n/ Smooth animation class for page navigation items /\n.page-navigation-animate-smooth {\n transform-origin: top center;\n transition: all var(--animation-duration-normal, 0.2s) var(--animation-ease-enter, ease);\n}\n\n/ Chevron icon styling /\n.page-navigation-chevron-icon {\n flex-shrink: 0;\n color: var(--color-neutral-600);\n font-size: 20px;\n width: 20px;\n height: 20px;\n transition: color 0.15s ease, transform var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease);\n}\n\n/ Chevron rotation when expanded /\n.page-navigation-chevron-icon.expanded {\n transform: rotate(180deg);\n}\n\n/ Icon color changes for active states /\n.page-navigation-multi-level.has-active-child .page-navigation-item-icon {\n color: var(--color-neutral-900);\n}\n\n/ Labels /\n.page-navigation-item-label {\n font-family: var(--font-inter);\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n color: var(--color-neutral-600);\n flex: 1;\n transition: all 0.15s ease;\n}\n\n/ Label color and weight changes for active states /\n.page-navigation-multi-level.has-active-child .page-navigation-item-label {\n color: var(--color-neutral-900);\n font-weight: 600;\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\n@Component({\n tag: 'bh-page-navigation-multi-level',\n styleUrl: 'bh-page-navigation-multi-level.css',\n shadow: true,\n})\nexport class BhPageNavigationMultiLevel {\n /\n Label text for the navigation item\n /\n @Prop() label!: string;\n\n /\n Material icon name\n /\n @Prop() icon: string = 'radio_button_unchecked';\n\n /\n Optional badge text/number to display\n /\n @Prop() badge?: string \| number;\n\n /\n Child navigation items\n /\n @Prop() childItems: ChildItem[] = [];\n\n /\n Whether the item is expanded to show children\n /\n @Prop({ mutable: true }) isExpanded: boolean = false;\n\n /\n Internal state for hover\n /\n @State() isHovered: boolean = false;\n\n /\n Internal state for animation\n /\n @State() isAnimating: boolean = false;\n\n /\n Animation class\n /\n @State() animationClass: string = '';\n\n /\n Event emitted when the parent item is clicked (to toggle expansion)\n /\n @Event() bhToggle!: EventEmitter<void>;\n\n /\n Event emitted when a child item is clicked\n /\n @Event() bhChildClick!: EventEmitter<number>;\n\n /\n Event emitted when add button is clicked\n */\n @Event() bhAddClick!: EventEmitter<void>;\n\n @Watch('isExpanded')\n handleExpandedChange(newValue: boolean) {\n if (newValue) {\n this.isAnimating = true;\n this.animationClass = 'animate-slide-down-enter';\n } else if (this.isAnimating) {\n this.animationClass = 'animate-slide-down-exit';\n setTimeout(() => {\n this.isAnimating = false;\n this.animationClass = '';\n }, 150);\n }\n }\n\n private get hasActiveChild(): boolean {\n return this.childItems.some(child => child.isActive);\n }\n\n private handleParentClick = () => {\n this.bhToggle.emit();\n };\n\n private handleChildClick = (index: number) => {\n this.bhChildClick.emit(index);\n };\n\n private handleAddClick = (e: MouseEvent) => {\n e.stopPropagation();\n this.bhAddClick.emit();\n };\n\n private getItemClasses() {\n return {\n 'page-navigation-multi-level': true,\n 'page-navigation-animate-smooth': true,\n 'has-active-child': this.hasActiveChild,\n 'expanded': this.isExpanded,\n };\n }\n\n render() {\n return (\n <Host>\n <div class={this.getItemClasses()}>\n <div\n class=\"page-navigation-multi-level-parent\"\n onClick={this.handleParentClick}\n onMouseEnter={() => (this.isHovered = true)}\n onMouseLeave={() => (this.isHovered = false)}\n >\n <div class=\"page-navigation-item-content\">\n {!this.isHovered && (\n <span class=\"page-navigation-item-icon material-symbols-outlined\">\n {this.icon}\n </span>\n )}\n {this.isHovered && (\n <span\n class={{\n 'page-navigation-chevron-icon': true,\n 'material-symbols-outlined': true,\n 'expanded': this.isExpanded,\n }}\n >\n expand_more\n </span>\n )}\n <span class=\"page-navigation-item-label\">{this.label}</span>\n <bh-button\n hierarchy=\"tertiary\"\n icon=\"only\"\n size=\"xs\"\n iconName=\"add\"\n onClick={this.handleAddClick}\n ></bh-button>\n </div>\n </div>\n\n {(this.isExpanded \|\| this.isAnimating) && (\n <div class={`page-navigation-children ${this.animationClass}`}>\n {this.childItems.map((child, index) => (\n <bh-page-navigation-child\n key={index}\n label={child.label}\n badge={child.badge}\n showBadge={child.showBadge}\n isActive={child.isActive}\n onBhItemClick={() => this.handleChildClick(index)}\n ></bh-page-navigation-child>\n ))}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Du_cCBR7.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-page-navigation-multi-level/bh-page-navigation-multi-level.css?tag=bh-page-navigation-multi-level&encapsulation=shadow","src/components/bh-page-navigation-multi-level/bh-page-navigation-multi-level.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n display: block;\n}\n\n.page-navigation-multi-level {\n margin: var(--spacing-none) var(--spacing-xs);\n}\n\n.page-navigation-multi-level-parent {\n display: flex;\n align-items: center;\n padding: var(--spacing-lg);\n cursor: pointer;\n gap: var(--spacing-md);\n position: relative;\n transition: all 0.15s ease;\n min-height: 40px;\n max-height: 44px;\n box-sizing: border-box;\n border-radius: var(--radius-sm);\n background-color: transparent;\n border: 1px solid transparent;\n}\n\n/* Has active child state /\n.page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent {\n background-color: transparent;\n border: 1px solid transparent;\n}\n\n/ Hover state for multi level parent /\n.page-navigation-multi-level-parent:hover {\n background-color: var(--color-neutral-50) !important;\n}\n\n/ Children container with smooth animation /\n.page-navigation-children {\n margin-top: var(--spacing-xs);\n margin-bottom: var(--spacing-xs);\n position: relative;\n margin-left: var(--spacing-xl);\n display: flex;\n flex-direction: column;\n gap: var(--spacing-xs);\n max-height: 1000px;\n opacity: 1;\n transition: max-height 0.4s cubic-bezier(0.08, 0.52, 0.52, 1),\n opacity 0.4s cubic-bezier(0.08, 0.52, 0.52, 1),\n margin 0.4s cubic-bezier(0.08, 0.52, 0.52, 1);\n}\n\n.page-navigation-children.collapsed {\n max-height: 0;\n opacity: 0;\n margin-top: 0;\n margin-bottom: 0;\n}\n\n/ Vertical line indicator for children /\n.page-navigation-children::before {\n content: '';\n position: absolute;\n left: 0;\n top: -2px;\n height: calc(100% + 4px);\n width: 2px;\n background-color: var(--color-neutral-200);\n margin-left: var(--spacing-sm);\n z-index: 2;\n}\n\n/ Animation classes /\n.page-navigation-children.animate-slide-down-enter {\n animation: slideDownEnter 0.15s ease-out forwards;\n}\n\n.page-navigation-children.animate-slide-down-exit {\n animation: slideDownExit 0.15s ease-out forwards;\n}\n\n@keyframes slideDownEnter {\n from {\n opacity: 0;\n max-height: 0;\n transform: translateY(-10px);\n }\n to {\n opacity: 1;\n max-height: 1000px;\n transform: translateY(0);\n }\n}\n\n@keyframes slideDownExit {\n from {\n opacity: 1;\n max-height: 1000px;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n max-height: 0;\n transform: translateY(-10px);\n }\n}\n\n/ Item content and common elements /\n.page-navigation-item-content {\n display: flex;\n align-items: center;\n gap: var(--spacing-md);\n width: 100%;\n}\n\n/ Icons /\n.page-navigation-item-icon {\n flex-shrink: 0;\n color: var(--color-neutral-600);\n font-size: 20px;\n width: 20px;\n height: 20px;\n transition: color 0.15s ease;\n}\n\n/ Smooth animation class for page navigation items /\n.page-navigation-animate-smooth {\n transform-origin: top center;\n transition: all var(--animation-duration-normal, 0.2s) var(--animation-ease-enter, ease);\n}\n\n/ Chevron icon styling /\n.page-navigation-chevron-icon {\n flex-shrink: 0;\n color: var(--color-neutral-600);\n font-size: 20px;\n width: 20px;\n height: 20px;\n transition: color 0.15s ease, transform var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease);\n}\n\n/ Chevron rotation when expanded /\n.page-navigation-chevron-icon.expanded {\n transform: rotate(180deg);\n}\n\n/ Icon color changes for active states /\n.page-navigation-multi-level.has-active-child .page-navigation-item-icon {\n color: var(--color-neutral-900);\n}\n\n/ Labels /\n.page-navigation-item-label {\n font-family: var(--font-inter);\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n color: var(--color-neutral-600);\n flex: 1;\n transition: all 0.15s ease;\n}\n\n/ Label color and weight changes for active states /\n.page-navigation-multi-level.has-active-child .page-navigation-item-label {\n color: var(--color-neutral-900);\n font-weight: 600;\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\n@Component({\n tag: 'bh-page-navigation-multi-level',\n styleUrl: 'bh-page-navigation-multi-level.css',\n shadow: true,\n})\nexport class BhPageNavigationMultiLevel {\n /\n Label text for the navigation item\n /\n @Prop() label!: string;\n\n /\n Material icon name\n /\n @Prop() icon: string = 'radio_button_unchecked';\n\n /\n Optional badge text/number to display\n /\n @Prop() badge?: string \| number;\n\n /\n Child navigation items\n /\n @Prop() childItems: ChildItem[] = [];\n\n /\n Whether the item is expanded to show children\n /\n @Prop({ mutable: true }) isExpanded: boolean = false;\n\n /\n Internal state for hover\n /\n @State() isHovered: boolean = false;\n\n /\n Internal state for animation\n /\n @State() isAnimating: boolean = false;\n\n /\n Animation class\n /\n @State() animationClass: string = '';\n\n /\n Event emitted when the parent item is clicked (to toggle expansion)\n /\n @Event() bhToggle!: EventEmitter<void>;\n\n /\n Event emitted when a child item is clicked\n /\n @Event() bhChildClick!: EventEmitter<number>;\n\n /\n Event emitted when add button is clicked\n */\n @Event() bhAddClick!: EventEmitter<void>;\n\n @Watch('isExpanded')\n handleExpandedChange(newValue: boolean) {\n if (newValue) {\n this.isAnimating = true;\n this.animationClass = 'animate-slide-down-enter';\n } else if (this.isAnimating) {\n this.animationClass = 'animate-slide-down-exit';\n setTimeout(() => {\n this.isAnimating = false;\n this.animationClass = '';\n }, 150);\n }\n }\n\n private get hasActiveChild(): boolean {\n return this.childItems.some(child => child.isActive);\n }\n\n private handleParentClick = () => {\n this.bhToggle.emit();\n };\n\n private handleChildClick = (index: number) => {\n this.bhChildClick.emit(index);\n };\n\n private handleAddClick = (e: MouseEvent) => {\n e.stopPropagation();\n this.bhAddClick.emit();\n };\n\n private getItemClasses() {\n return {\n 'page-navigation-multi-level': true,\n 'page-navigation-animate-smooth': true,\n 'has-active-child': this.hasActiveChild,\n 'expanded': this.isExpanded,\n };\n }\n\n render() {\n return (\n <Host>\n <div class={this.getItemClasses()}>\n <div\n class=\"page-navigation-multi-level-parent\"\n onClick={this.handleParentClick}\n onMouseEnter={() => (this.isHovered = true)}\n onMouseLeave={() => (this.isHovered = false)}\n >\n <div class=\"page-navigation-item-content\">\n {!this.isHovered && (\n <span class=\"page-navigation-item-icon material-symbols-outlined\">\n {this.icon}\n </span>\n )}\n {this.isHovered && (\n <span\n class={{\n 'page-navigation-chevron-icon': true,\n 'material-symbols-outlined': true,\n 'expanded': this.isExpanded,\n }}\n >\n expand_more\n </span>\n )}\n <span class=\"page-navigation-item-label\">{this.label}</span>\n <bh-button\n hierarchy=\"tertiary\"\n icon=\"only\"\n size=\"xs\"\n iconName=\"add\"\n onClick={this.handleAddClick}\n ></bh-button>\n </div>\n </div>\n\n {(this.isExpanded \|\| this.isAnimating) && (\n <div class={`page-navigation-children ${this.animationClass}`}>\n {this.childItems.map((child, index) => (\n <bh-page-navigation-child\n key={index}\n label={child.label}\n badge={child.badge}\n showBadge={child.showBadge}\n isActive={child.isActive}\n onBhItemClick={() => this.handleChildClick(index)}\n ></bh-page-navigation-child>\n ))}\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/{p-h6juyPoa.js → p-JJSN-gZI.js} RENAMED Viewed

@@ -34,7 +34,7 @@ const BhFeaturedIcon = /*@__PURE__*/ proxyCustomElement(class BhFeaturedIcon ext
             [`featured-icon-${this.iconStyle}`]: true,
         };
         const iconClasses = `material-symbols-outlined icon-${this.size}`;
-        return (h("div", { key: '93ed57fa603fa36d0eb2ddcfa83895f3b5969083', class: containerClasses, part: "container" }, h("span", { key: '5dd3699dba085ab2e9b8a2d76318edae8e1b8cba', class: iconClasses }, this.icon)));
+        return (h("div", { key: 'ee3492ab0b0ce3b0b877a36e1b7eb57ce6a3c62a', class: containerClasses, part: "container" }, h("span", { key: '3708b8926e679cb8cb4d3ab77d7dcaa32ab45606', class: iconClasses }, this.icon)));
     }
     static get style() { return bhFeaturedIconCss; }
 }, [769, "bh-featured-icon", {
@@ -58,6 +58,6 @@ function defineCustomElement() {
 }
 export { BhFeaturedIcon as B, defineCustomElement as d };
-//# sourceMappingURL=p-h6juyPoa.js.map
+//# sourceMappingURL=p-JJSN-gZI.js.map
-//# sourceMappingURL=p-h6juyPoa.js.map
+//# sourceMappingURL=p-JJSN-gZI.js.map

package/components/{p-h6juyPoa.js.map → p-JJSN-gZI.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~h6juyPoa~~.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,4tGAA4tG;;MCWzuG,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;AACzB;;AAEG;IACK,IAAI,GAAqB,IAAI;AAErC;;AAEG;IACK,KAAK,GAAsB,MAAM;AAEzC;;AAEG;IACK,SAAS,GAAsB,UAAU;AAEjD;;AAEG;IACK,IAAI,GAAW,MAAM;IAE7B,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;AACpC,YAAA,CAAC,iBAAiB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,IAAI;AACrC,YAAA,CAAC,iBAAiB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;SAC1C;AAED,QAAA,MAAM,WAAW,GAAG,CAAA,+BAAA,EAAkC,IAAI,CAAC,IAAI,EAAE;AAEjE,QAAA,QACE,4DAAK,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC5C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,WAAW,EAAG,EAAA,IAAI,CAAC,IAAI,CAAQ,CACxC;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-featured-icon/bh-featured-icon.css?tag=bh-featured-icon&encapsulation=shadow","src/components/bh-featured-icon/bh-featured-icon.tsx"],"sourcesContent":["/* ==========================================================================\n BH-FEATURED-ICON COMPONENT STYLES\n ========================================================================== /\n\n:host {\n display: inline-block;\n}\n\n.featured-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n}\n\n/ Size variations /\n.featured-icon-sm {\n width: 32px;\n height: 32px;\n border-radius: 6px;\n}\n\n.featured-icon-md {\n width: 40px;\n height: 40px;\n border-radius: 8px;\n}\n\n.featured-icon-lg {\n width: 48px;\n height: 48px;\n border-radius: 10px;\n}\n\n.featured-icon-xl {\n width: 56px;\n height: 56px;\n border-radius: 12px;\n}\n\n/ Icon sizes - matching Figma specs /\n.icon-sm {\n font-size: var(--icon-size-xs);\n width: var(--icon-size-xs);\n height: var(--icon-size-xs);\n line-height: 1;\n}\n\n.icon-md {\n font-size: var(--icon-size-md);\n width: var(--icon-size-md);\n height: var(--icon-size-md);\n line-height: 1;\n}\n\n.icon-lg {\n font-size: var(--icon-size-lg);\n width: var(--icon-size-lg);\n height: var(--icon-size-lg);\n line-height: 1;\n}\n\n.icon-xl {\n font-size: var(--icon-size-2xl);\n width: var(--icon-size-2xl);\n height: var(--icon-size-2xl);\n line-height: 1;\n}\n\n/ ============================================\n OUTLINED STYLES\n ============================================ /\n\n/ Brand color - Outlined /\n.featured-icon-brand.featured-icon-outlined {\n background-color: transparent;\n border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-brand.featured-icon-outlined .material-symbols-outlined {\n color: var(--color-brand-600);\n}\n\n/ Gray color - Outlined /\n.featured-icon-gray.featured-icon-outlined {\n border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-gray.featured-icon-outlined .material-symbols-outlined {\n color: var(--color-neutral-600);\n}\n\n/ Error color - Outlined /\n.featured-icon-error.featured-icon-outlined {\n border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-error.featured-icon-outlined .material-symbols-outlined {\n color: var(--color-error-600);\n}\n\n/ Warning color - Outlined /\n.featured-icon-warning.featured-icon-outlined {\n border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-warning.featured-icon-outlined .material-symbols-outlined {\n color: var(--color-warning-600);\n}\n\n/ Success color - Outlined /\n.featured-icon-success.featured-icon-outlined {\n border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-success.featured-icon-outlined .material-symbols-outlined {\n color: var(--color-success-600);\n}\n\n/ Highlight color - Outlined /\n.featured-icon-highlight.featured-icon-outlined {\n border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-highlight.featured-icon-outlined .material-symbols-outlined {\n color: var(--color-purple-600);\n}\n\n/ ============================================\n FILLED STYLES\n ============================================ /\n\n/ Brand color - Filled /\n.featured-icon-brand.featured-icon-filled {\n background-color: var(--color-brand-100);\n border: none;\n}\n\n.featured-icon-brand.featured-icon-filled .material-symbols-outlined {\n color: var(--color-brand-600);\n}\n\n/ Gray color - Filled /\n.featured-icon-gray.featured-icon-filled {\n background-color: var(--color-neutral-100);\n border: none;\n}\n\n.featured-icon-gray.featured-icon-filled .material-symbols-outlined {\n color: var(--color-neutral-600);\n}\n\n/ Error color - Filled /\n.featured-icon-error.featured-icon-filled {\n background-color: var(--color-error-100);\n border: none;\n}\n\n.featured-icon-error.featured-icon-filled .material-symbols-outlined {\n color: var(--color-error-600);\n}\n\n/ Warning color - Filled /\n.featured-icon-warning.featured-icon-filled {\n background-color: var(--color-warning-200);\n border: none;\n}\n\n.featured-icon-warning.featured-icon-filled .material-symbols-outlined {\n color: var(--color-warning-600);\n}\n\n/ Success color - Filled /\n.featured-icon-success.featured-icon-filled {\n background-color: var(--color-success-100);\n border: none;\n}\n\n.featured-icon-success.featured-icon-filled .material-symbols-outlined {\n color: var(--color-success-600);\n}\n\n/ Highlight color - Filled /\n.featured-icon-highlight.featured-icon-filled {\n background-color: var(--color-purple-200);\n border: none;\n}\n\n.featured-icon-highlight.featured-icon-filled .material-symbols-outlined {\n color: var(--color-purple-600);\n}\n\n/ Material Symbols base styles /\n.material-symbols-outlined {\n font-family: 'Material Symbols Outlined';\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n user-select: none;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\nexport type FeaturedIconSize = 'sm' \| 'md' \| 'lg' \| 'xl';\nexport type FeaturedIconColor = 'brand' \| 'gray' \| 'error' \| 'warning' \| 'success' \| 'highlight';\nexport type FeaturedIconStyle = 'outlined' \| 'filled';\n\n@Component({\n tag: 'bh-featured-icon',\n styleUrl: 'bh-featured-icon.css',\n shadow: true,\n})\nexport class BhFeaturedIcon {\n /\n The size of the featured icon\n /\n @Prop() size: FeaturedIconSize = 'md';\n\n /\n The color theme of the featured icon\n /\n @Prop() color: FeaturedIconColor = 'gray';\n\n /\n The style variant (outlined or filled)\n /\n @Prop() iconStyle: FeaturedIconStyle = 'outlined';\n\n /\n The Material Symbol icon name\n */\n @Prop() icon: string = 'star';\n\n render() {\n const containerClasses = {\n 'featured-icon': true,\n [`featured-icon-${this.size}`]: true,\n [`featured-icon-${this.color}`]: true,\n [`featured-icon-${this.iconStyle}`]: true,\n };\n\n const iconClasses = `material-symbols-outlined icon-${this.size}`;\n\n return (\n <div class={containerClasses} part=\"container\">\n <span class={iconClasses}>{this.icon}</span>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-JJSN-gZI.js","mappings":";;AAAA,MAAM,iBAAiB,GAAG,4tGAA4tG;;MCWzuG,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;AACzB;;AAEG;IACK,IAAI,GAAqB,IAAI;AAErC;;AAEG;IACK,KAAK,GAAsB,MAAM;AAEzC;;AAEG;IACK,SAAS,GAAsB,UAAU;AAEjD;;AAEG;IACK,IAAI,GAAW,MAAM;IAE7B,MAAM,GAAA;AACJ,QAAA,MAAM,gBAAgB,GAAG;AACvB,YAAA,eAAe,EAAE,IAAI;AACrB,YAAA,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAE,CAAA,GAAG,IAAI;AACpC,YAAA,CAAC,iBAAiB,IAAI,CAAC,KAAK,CAAE,CAAA,GAAG,IAAI;AACrC,YAAA,CAAC,iBAAiB,IAAI,CAAC,SAAS,CAAE,CAAA,GAAG,IAAI;SAC1C;AAED,QAAA,MAAM,WAAW,GAAG,CAAA,+BAAA,EAAkC,IAAI,CAAC,IAAI,EAAE;AAEjE,QAAA,QACE,4DAAK,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAC,WAAW,EAAA,EAC5C,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,WAAW,EAAG,EAAA,IAAI,CAAC,IAAI,CAAQ,CACxC;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-featured-icon/bh-featured-icon.css?tag=bh-featured-icon&encapsulation=shadow","src/components/bh-featured-icon/bh-featured-icon.tsx"],"sourcesContent":["/* ==========================================================================\n BH-FEATURED-ICON COMPONENT STYLES\n ========================================================================== /\n\n:host {\n display: inline-block;\n}\n\n.featured-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n transition: all 0.2s ease;\n}\n\n/ Size variations /\n.featured-icon-sm {\n width: 32px;\n height: 32px;\n border-radius: 6px;\n}\n\n.featured-icon-md {\n width: 40px;\n height: 40px;\n border-radius: 8px;\n}\n\n.featured-icon-lg {\n width: 48px;\n height: 48px;\n border-radius: 10px;\n}\n\n.featured-icon-xl {\n width: 56px;\n height: 56px;\n border-radius: 12px;\n}\n\n/ Icon sizes - matching Figma specs /\n.icon-sm {\n font-size: var(--icon-size-xs);\n width: var(--icon-size-xs);\n height: var(--icon-size-xs);\n line-height: 1;\n}\n\n.icon-md {\n font-size: var(--icon-size-md);\n width: var(--icon-size-md);\n height: var(--icon-size-md);\n line-height: 1;\n}\n\n.icon-lg {\n font-size: var(--icon-size-lg);\n width: var(--icon-size-lg);\n height: var(--icon-size-lg);\n line-height: 1;\n}\n\n.icon-xl {\n font-size: var(--icon-size-2xl);\n width: var(--icon-size-2xl);\n height: var(--icon-size-2xl);\n line-height: 1;\n}\n\n/ ============================================\n OUTLINED STYLES\n ============================================ /\n\n/ Brand color - Outlined /\n.featured-icon-brand.featured-icon-outlined {\n background-color: transparent;\n border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-brand.featured-icon-outlined .material-symbols-outlined {\n color: var(--color-brand-600);\n}\n\n/ Gray color - Outlined /\n.featured-icon-gray.featured-icon-outlined {\n border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-gray.featured-icon-outlined .material-symbols-outlined {\n color: var(--color-neutral-600);\n}\n\n/ Error color - Outlined /\n.featured-icon-error.featured-icon-outlined {\n border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-error.featured-icon-outlined .material-symbols-outlined {\n color: var(--color-error-600);\n}\n\n/ Warning color - Outlined /\n.featured-icon-warning.featured-icon-outlined {\n border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-warning.featured-icon-outlined .material-symbols-outlined {\n color: var(--color-warning-600);\n}\n\n/ Success color - Outlined /\n.featured-icon-success.featured-icon-outlined {\n border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-success.featured-icon-outlined .material-symbols-outlined {\n color: var(--color-success-600);\n}\n\n/ Highlight color - Outlined /\n.featured-icon-highlight.featured-icon-outlined {\n border: 1px solid var(--color-neutral-200);\n}\n\n.featured-icon-highlight.featured-icon-outlined .material-symbols-outlined {\n color: var(--color-purple-600);\n}\n\n/ ============================================\n FILLED STYLES\n ============================================ /\n\n/ Brand color - Filled /\n.featured-icon-brand.featured-icon-filled {\n background-color: var(--color-brand-100);\n border: none;\n}\n\n.featured-icon-brand.featured-icon-filled .material-symbols-outlined {\n color: var(--color-brand-600);\n}\n\n/ Gray color - Filled /\n.featured-icon-gray.featured-icon-filled {\n background-color: var(--color-neutral-100);\n border: none;\n}\n\n.featured-icon-gray.featured-icon-filled .material-symbols-outlined {\n color: var(--color-neutral-600);\n}\n\n/ Error color - Filled /\n.featured-icon-error.featured-icon-filled {\n background-color: var(--color-error-100);\n border: none;\n}\n\n.featured-icon-error.featured-icon-filled .material-symbols-outlined {\n color: var(--color-error-600);\n}\n\n/ Warning color - Filled /\n.featured-icon-warning.featured-icon-filled {\n background-color: var(--color-warning-200);\n border: none;\n}\n\n.featured-icon-warning.featured-icon-filled .material-symbols-outlined {\n color: var(--color-warning-600);\n}\n\n/ Success color - Filled /\n.featured-icon-success.featured-icon-filled {\n background-color: var(--color-success-100);\n border: none;\n}\n\n.featured-icon-success.featured-icon-filled .material-symbols-outlined {\n color: var(--color-success-600);\n}\n\n/ Highlight color - Filled /\n.featured-icon-highlight.featured-icon-filled {\n background-color: var(--color-purple-200);\n border: none;\n}\n\n.featured-icon-highlight.featured-icon-filled .material-symbols-outlined {\n color: var(--color-purple-600);\n}\n\n/ Material Symbols base styles /\n.material-symbols-outlined {\n font-family: 'Material Symbols Outlined';\n font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;\n user-select: none;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\nexport type FeaturedIconSize = 'sm' \| 'md' \| 'lg' \| 'xl';\nexport type FeaturedIconColor = 'brand' \| 'gray' \| 'error' \| 'warning' \| 'success' \| 'highlight';\nexport type FeaturedIconStyle = 'outlined' \| 'filled';\n\n@Component({\n tag: 'bh-featured-icon',\n styleUrl: 'bh-featured-icon.css',\n shadow: true,\n})\nexport class BhFeaturedIcon {\n /\n The size of the featured icon\n /\n @Prop() size: FeaturedIconSize = 'md';\n\n /\n The color theme of the featured icon\n /\n @Prop() color: FeaturedIconColor = 'gray';\n\n /\n The style variant (outlined or filled)\n /\n @Prop() iconStyle: FeaturedIconStyle = 'outlined';\n\n /\n The Material Symbol icon name\n */\n @Prop() icon: string = 'star';\n\n render() {\n const containerClasses = {\n 'featured-icon': true,\n [`featured-icon-${this.size}`]: true,\n [`featured-icon-${this.color}`]: true,\n [`featured-icon-${this.iconStyle}`]: true,\n };\n\n const iconClasses = `material-symbols-outlined icon-${this.size}`;\n\n return (\n <div class={containerClasses} part=\"container\">\n <span class={iconClasses}>{this.icon}</span>\n </div>\n );\n }\n}\n"],"version":3}

package/components/{p-wPu4WTba.js → p-dsE158cF.js} RENAMED Viewed

@@ -41,7 +41,7 @@ const BhPageNavigationChild = /*@__PURE__*/ proxyCustomElement(class BhPageNavig
         };
     }
     render() {
-        return (h(Host, { key: '801f6ce9fa33bff82ae0572ca4233d62101bff5a' }, h("div", { key: 'b485e3a258658dadebda21a9f329bb676a737e6d', class: this.getItemClasses(), onClick: this.handleClick }, h("div", { key: '3cebeec1f7255591c5a2405198d65f7cc637fe02', class: "page-navigation-child-content" }, h("span", { key: '982dbda8defddf8a04cbd4831d68090816bb8228', class: "page-navigation-child-label" }, this.label), this.badge !== undefined && this.showBadge && (h("span", { key: '623a58963bbbbd94d5a2934165a4f5e821ef3a56', class: "page-navigation-child-badge" }, this.badge))))));
+        return (h(Host, { key: '7b51730980d4a8e466d5cca640339572f6ad2062' }, h("div", { key: '8ed4a9c84c92b7786a3986748575eaf336ef86a6', class: this.getItemClasses(), onClick: this.handleClick }, h("div", { key: '387bc1a2264c8a9474f294ea7104d6296ca0bbf3', class: "page-navigation-child-content" }, h("span", { key: '9b3961e48932f09887c519b56721994478dfca77', class: "page-navigation-child-label" }, this.label), this.badge !== undefined && this.showBadge && (h("span", { key: '430e176454b97486a2e4d08fc21283c03ac11b24', class: "page-navigation-child-badge" }, this.badge))))));
     }
     static get style() { return bhPageNavigationChildCss; }
 }, [769, "bh-page-navigation-child", {
@@ -65,6 +65,6 @@ function defineCustomElement() {
 }
 export { BhPageNavigationChild as B, defineCustomElement as d };
-//# sourceMappingURL=p-wPu4WTba.js.map
+//# sourceMappingURL=p-dsE158cF.js.map
-//# sourceMappingURL=p-wPu4WTba.js.map
+//# sourceMappingURL=p-dsE158cF.js.map

package/components/{p-wPu4WTba.js.map → p-dsE158cF.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~wPu4WTba~~.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,u2LAAu2L;;MCO33L,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAChC;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;IACK,SAAS,GAAY,IAAI;AAEjC;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;AACM,IAAA,WAAW;IAEZ,WAAW,GAAG,MAAK;AACzB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;AACzB,KAAC;IAEO,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,uBAAuB,EAAE,IAAI;YAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB;;IAGH,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAC1D,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACxC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,KAAK,CAAQ,EAC5D,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KACzC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CAC9D,CACG,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-page-navigation-child/bh-page-navigation-child.css?tag=bh-page-navigation-child&encapsulation=shadow","src/components/bh-page-navigation-child/bh-page-navigation-child.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n display: block;\n}\n\n.page-navigation-child {\n display: flex;\n align-items: center;\n padding: var(--spacing-md) var(--spacing-lg);\n cursor: pointer;\n gap: var(--spacing-md);\n position: relative;\n transition: all 0.15s ease;\n min-height: 36px;\n box-sizing: border-box;\n border-radius: var(--radius-sm);\n margin: var(--spacing-none) var(--spacing-xs);\n background-color: transparent;\n border: 1px solid transparent;\n margin-left: 9px;\n}\n\n/* Hover state for child items /\n.page-navigation-child:hover:not(.active) {\n background-color: var(--color-neutral-50);\n position: relative;\n z-index: 1;\n}\n\n/ Active/Selected state for child items /\n.page-navigation-child.active {\n background-color: transparent;\n}\n\n/ Active line indicator for child items /\n.page-navigation-child.active::before {\n content: '';\n position: absolute;\n left: -4.5px;\n top: 50%;\n transform: translateY(-50%);\n width: 2px;\n height: 24px;\n background-color: var(--color-brand-600);\n z-index: 3;\n}\n\n.page-navigation-child-content {\n display: flex;\n align-items: center;\n gap: var(--spacing-md);\n width: 100%;\n}\n\n.page-navigation-child-label {\n font-family: var(--font-inter);\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n color: var(--color-neutral-600);\n flex: 1;\n transition: all 0.15s ease;\n}\n\n.page-navigation-child.active .page-navigation-child-label {\n color: var(--color-brand-600);\n font-weight: 600;\n}\n\n.page-navigation-child-badge {\n margin-left: auto;\n font-family: var(--font-inter);\n font-size: 12px;\n font-weight: 500;\n color: var(--color-neutral-500);\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'bh-page-navigation-child',\n styleUrl: 'bh-page-navigation-child.css',\n shadow: true,\n})\nexport class BhPageNavigationChild {\n /\n Label text for the navigation item\n /\n @Prop() label!: string;\n\n /\n Optional badge text/number to display\n /\n @Prop() badge?: string \| number;\n\n /\n Whether to show the badge (when badge prop is provided)\n /\n @Prop() showBadge: boolean = true;\n\n /\n Whether the item is currently active/selected\n /\n @Prop() isActive: boolean = false;\n\n /\n Event emitted when the navigation item is clicked\n */\n @Event() bhItemClick!: EventEmitter<void>;\n\n private handleClick = () => {\n this.bhItemClick.emit();\n };\n\n private getItemClasses() {\n return {\n 'page-navigation-child': true,\n 'active': this.isActive,\n };\n }\n\n render() {\n return (\n <Host>\n <div class={this.getItemClasses()} onClick={this.handleClick}>\n <div class=\"page-navigation-child-content\">\n <span class=\"page-navigation-child-label\">{this.label}</span>\n {this.badge !== undefined && this.showBadge && (\n <span class=\"page-navigation-child-badge\">{this.badge}</span>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-dsE158cF.js","mappings":";;AAAA,MAAM,wBAAwB,GAAG,u2LAAu2L;;MCO33L,qBAAqB,iBAAAA,kBAAA,CAAA,MAAA,qBAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAChC;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;AACK,IAAA,KAAK;AAEb;;AAEG;IACK,SAAS,GAAY,IAAI;AAEjC;;AAEG;IACK,QAAQ,GAAY,KAAK;AAEjC;;AAEG;AACM,IAAA,WAAW;IAEZ,WAAW,GAAG,MAAK;AACzB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;AACzB,KAAC;IAEO,cAAc,GAAA;QACpB,OAAO;AACL,YAAA,uBAAuB,EAAE,IAAI;YAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ;SACxB;;IAGH,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,WAAW,EAAA,EAC1D,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,+BAA+B,EAAA,EACxC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,6BAA6B,IAAE,IAAI,CAAC,KAAK,CAAQ,EAC5D,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,KACzC,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,6BAA6B,EAAA,EAAE,IAAI,CAAC,KAAK,CAAQ,CAC9D,CACG,CACF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-page-navigation-child/bh-page-navigation-child.css?tag=bh-page-navigation-child&encapsulation=shadow","src/components/bh-page-navigation-child/bh-page-navigation-child.tsx"],"sourcesContent":["@import '../../global/global.css';\n\n:host {\n display: block;\n}\n\n.page-navigation-child {\n display: flex;\n align-items: center;\n padding: var(--spacing-md) var(--spacing-lg);\n cursor: pointer;\n gap: var(--spacing-md);\n position: relative;\n transition: all 0.15s ease;\n min-height: 36px;\n box-sizing: border-box;\n border-radius: var(--radius-sm);\n margin: var(--spacing-none) var(--spacing-xs);\n background-color: transparent;\n border: 1px solid transparent;\n margin-left: 9px;\n}\n\n/* Hover state for child items /\n.page-navigation-child:hover:not(.active) {\n background-color: var(--color-neutral-50);\n position: relative;\n z-index: 1;\n}\n\n/ Active/Selected state for child items /\n.page-navigation-child.active {\n background-color: transparent;\n}\n\n/ Active line indicator for child items /\n.page-navigation-child.active::before {\n content: '';\n position: absolute;\n left: -4.5px;\n top: 50%;\n transform: translateY(-50%);\n width: 2px;\n height: 24px;\n background-color: var(--color-brand-600);\n z-index: 3;\n}\n\n.page-navigation-child-content {\n display: flex;\n align-items: center;\n gap: var(--spacing-md);\n width: 100%;\n}\n\n.page-navigation-child-label {\n font-family: var(--font-inter);\n font-size: 14px;\n font-weight: 500;\n line-height: 20px;\n color: var(--color-neutral-600);\n flex: 1;\n transition: all 0.15s ease;\n}\n\n.page-navigation-child.active .page-navigation-child-label {\n color: var(--color-brand-600);\n font-weight: 600;\n}\n\n.page-navigation-child-badge {\n margin-left: auto;\n font-family: var(--font-inter);\n font-size: 12px;\n font-weight: 500;\n color: var(--color-neutral-500);\n}\n","import { Component, Prop, Event, EventEmitter, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'bh-page-navigation-child',\n styleUrl: 'bh-page-navigation-child.css',\n shadow: true,\n})\nexport class BhPageNavigationChild {\n /\n Label text for the navigation item\n /\n @Prop() label!: string;\n\n /\n Optional badge text/number to display\n /\n @Prop() badge?: string \| number;\n\n /\n Whether to show the badge (when badge prop is provided)\n /\n @Prop() showBadge: boolean = true;\n\n /\n Whether the item is currently active/selected\n /\n @Prop() isActive: boolean = false;\n\n /\n Event emitted when the navigation item is clicked\n */\n @Event() bhItemClick!: EventEmitter<void>;\n\n private handleClick = () => {\n this.bhItemClick.emit();\n };\n\n private getItemClasses() {\n return {\n 'page-navigation-child': true,\n 'active': this.isActive,\n };\n }\n\n render() {\n return (\n <Host>\n <div class={this.getItemClasses()} onClick={this.handleClick}>\n <div class=\"page-navigation-child-content\">\n <span class=\"page-navigation-child-label\">{this.label}</span>\n {this.badge !== undefined && this.showBadge && (\n <span class=\"page-navigation-child-badge\">{this.badge}</span>\n )}\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/components/{p-C0fcjlnS.js → p-eYcfeTFU.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-BsHlTsAN.js';
-import { d as defineCustomElement$1 } from './p-CMoGgYqw.js';
+import { d as defineCustomElement$1 } from './p-DmELCHDa.js';
 const bhDropdownMenuCss = ":host{display:block}.dropdown-menu{width:240px;background:var(--color-white);border-radius:var(--radius-md);box-shadow:0px 32px 64px -12px rgba(64, 73, 104, 0.14),\n    0px 0px 1px 1px rgba(64, 73, 104, 0.1);overflow:hidden;flex-shrink:0;position:relative;box-sizing:border-box}.animate-dropdown-enter{animation:dropdownEnter 0.15s ease-out forwards}.animate-dropdown-exit{animation:dropdownExit 0.15s ease-in forwards}@keyframes dropdownEnter{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownExit{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.dropdown-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-neutral-200)}.dropdown-header-avatar{padding:var(--spacing-lg) var(--spacing-xl)}.avatar-group{display:flex;align-items:center;gap:var(--spacing-lg);width:100%}.avatar-text{display:flex;flex-direction:column;flex:1;min-width:0}.avatar-name{font-family:var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-sm-size);text-align:left;line-height:1.43;color:var(--color-neutral-800);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-email{font-family:var(--font-inter);font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:1.43;color:var(--color-neutral-600);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-title{font-family:var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-sm-size);line-height:1.43;color:var(--color-neutral-800);margin:0}.menu-items{padding:var(--spacing-xs) 0}.dropdown-item{padding:var(--spacing-none) var(--spacing-sm);cursor:pointer}.dropdown-item-disabled{opacity:0.5;cursor:not-allowed}.item-content{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-md);border-radius:var(--radius-sm);transition:background-color 0.15s ease}.dropdown-item:hover:not(.dropdown-item-disabled) .item-content{background:var(--color-neutral-100)}.item-main{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.item-icon{font-size:var(--icon-size-md, 20px);color:var(--color-neutral-600);flex-shrink:0;display:flex;align-items:center;justify-content:center}.item-text{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);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.item-shortcut{font-family:var(--font-inter);font-weight:var(--weight-regular);font-size:var(--text-xs-size);line-height:1.5;color:var(--color-neutral-500);flex-shrink:0}.menu-divider{height:1px;background:var(--color-neutral-200);margin:var(--spacing-xs) 0}.dropdown-menu-scrollable .menu-items{max-height:280px;overflow-y:auto;overflow-x:hidden}.dropdown-menu-scrollable .menu-items::-webkit-scrollbar{width:6px}.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-track{background:var(--color-neutral-50);border-radius:var(--radius-xs)}.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-thumb{background:var(--color-neutral-200);border-radius:var(--radius-xs)}.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-300)}.dropdown-menu-scrollable .menu-items{scrollbar-width:thin;scrollbar-color:var(--color-neutral-200) var(--color-neutral-50)}";
@@ -142,6 +142,6 @@ function defineCustomElement() {
 }
 export { BhDropdownMenu as B, defineCustomElement as d };
-//# sourceMappingURL=p-C0fcjlnS.js.map
+//# sourceMappingURL=p-eYcfeTFU.js.map
-//# sourceMappingURL=p-C0fcjlnS.js.map
+//# sourceMappingURL=p-eYcfeTFU.js.map

package/components/{p-C0fcjlnS.js.map → p-eYcfeTFU.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-C0fcjlnS.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-dropdown-menu/bh-dropdown-menu.css?tag=bh-dropdown-menu&encapsulation=shadow","src/components/bh-dropdown-menu/bh-dropdown-menu.tsx"],"sourcesContent":["/* ==========================================================================\n BH-DROPDOWN-MENU COMPONENT STYLES\n ========================================================================== /\n\n:host {\n display: block;\n}\n\n/ Base dropdown menu styles /\n.dropdown-menu {\n width: 240px;\n background: var(--color-white);\n border-radius: var(--radius-md);\n box-shadow: 0px 32px 64px -12px rgba(64, 73, 104, 0.14),\n 0px 0px 1px 1px rgba(64, 73, 104, 0.1);\n overflow: hidden;\n flex-shrink: 0;\n position: relative;\n box-sizing: border-box;\n}\n\n/ Animation classes /\n.animate-dropdown-enter {\n animation: dropdownEnter 0.15s ease-out forwards;\n}\n\n.animate-dropdown-exit {\n animation: dropdownExit 0.15s ease-in forwards;\n}\n\n@keyframes dropdownEnter {\n from {\n opacity: 0;\n transform: translateY(-8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes dropdownExit {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(-8px);\n }\n}\n\n/ ==========================================================================\n HEADER SECTION\n ========================================================================== /\n\n.dropdown-header {\n padding: var(--spacing-lg) var(--spacing-xl);\n border-bottom: 1px solid var(--color-neutral-200);\n}\n\n.dropdown-header-avatar {\n padding: var(--spacing-lg) var(--spacing-xl);\n}\n\n.avatar-group {\n display: flex;\n align-items: center;\n gap: var(--spacing-lg);\n width: 100%;\n}\n\n.avatar-text {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n}\n\n.avatar-name {\n font-family: var(--font-inter);\n font-weight: var(--weight-semibold);\n font-size: var(--text-sm-size);\n text-align: left;\n line-height: 1.43;\n color: var(--color-neutral-800);\n margin: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.avatar-email {\n font-family: var(--font-inter);\n font-weight: var(--weight-regular);\n font-size: var(--text-sm-size);\n line-height: 1.43;\n color: var(--color-neutral-600);\n margin: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.header-title {\n font-family: var(--font-inter);\n font-weight: var(--weight-semibold);\n font-size: var(--text-sm-size);\n line-height: 1.43;\n color: var(--color-neutral-800);\n margin: 0;\n}\n\n/ ==========================================================================\n MENU ITEMS SECTION\n ========================================================================== /\n\n.menu-items {\n padding: var(--spacing-xs) 0;\n}\n\n.dropdown-item {\n padding: var(--spacing-none) var(--spacing-sm);\n cursor: pointer;\n}\n\n.dropdown-item-disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.item-content {\n display: flex;\n align-items: center;\n gap: var(--spacing-lg);\n padding: var(--spacing-md) var(--spacing-md);\n border-radius: var(--radius-sm);\n transition: background-color 0.15s ease;\n}\n\n.dropdown-item:hover:not(.dropdown-item-disabled) .item-content {\n background: var(--color-neutral-100);\n}\n\n.item-main {\n display: flex;\n align-items: center;\n gap: var(--spacing-md);\n flex: 1;\n min-width: 0;\n}\n\n.item-icon {\n font-size: var(--icon-size-md, 20px);\n color: var(--color-neutral-600);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.item-text {\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 flex: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n}\n\n.item-shortcut {\n font-family: var(--font-inter);\n font-weight: var(--weight-regular);\n font-size: var(--text-xs-size);\n line-height: 1.5;\n color: var(--color-neutral-500);\n flex-shrink: 0;\n}\n\n/ ==========================================================================\n DIVIDER\n ========================================================================== /\n\n.menu-divider {\n height: 1px;\n background: var(--color-neutral-200);\n margin: var(--spacing-xs) 0;\n}\n\n/ ==========================================================================\n SCROLLABLE VARIANT\n ========================================================================== /\n\n.dropdown-menu-scrollable .menu-items {\n max-height: 280px;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n/ Custom scrollbar styling /\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar {\n width: 6px;\n}\n\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-track {\n background: var(--color-neutral-50);\n border-radius: var(--radius-xs);\n}\n\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-thumb {\n background: var(--color-neutral-200);\n border-radius: var(--radius-xs);\n}\n\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-thumb:hover {\n background: var(--color-neutral-300);\n}\n\n/ Firefox scrollbar /\n.dropdown-menu-scrollable .menu-items {\n scrollbar-width: thin;\n scrollbar-color: var(--color-neutral-200) var(--color-neutral-50);\n}\n","import { Component, Prop, State, Event, EventEmitter, Watch, h } from '@stencil/core';\n\nexport interface DropdownMenuItem {\n id: string;\n label?: string;\n icon?: string;\n shortcut?: string;\n disabled?: boolean;\n divider?: boolean;\n}\n\nexport interface DropdownMenuHeader {\n title?: string;\n avatarGroup?: boolean;\n avatarSrc?: string;\n name?: string;\n email?: string;\n}\n\n@Component({\n tag: 'bh-dropdown-menu',\n styleUrl: 'bh-dropdown-menu.css',\n shadow: true,\n})\nexport class BhDropdownMenu {\n /\n Header configuration (JSON string or object)\n /\n @Prop() header?: DropdownMenuHeader \| string;\n\n /\n Menu items array (JSON string or array)\n /\n @Prop() menuItems: DropdownMenuItem[] \| string = [];\n\n /\n Whether the menu is visible\n /\n @Prop() visible: boolean = true;\n\n /\n Whether to show icons in menu items\n /\n @Prop() showIcons: boolean = true;\n\n /\n Whether the menu should be scrollable\n /\n @Prop() scrollable: boolean = false;\n\n @State() isClosing: boolean = false;\n @State() shouldRender: boolean = true;\n\n /\n Event emitted when a menu item is clicked\n /\n @Event() bhItemClick!: EventEmitter<DropdownMenuItem>;\n\n private get parsedHeader(): DropdownMenuHeader \| undefined {\n if (!this.header) return undefined;\n if (typeof this.header === 'string') {\n try {\n return JSON.parse(this.header);\n } catch {\n return undefined;\n }\n }\n return this.header;\n }\n\n private get parsedMenuItems(): DropdownMenuItem[] {\n if (typeof this.menuItems === 'string') {\n try {\n return JSON.parse(this.menuItems);\n } catch {\n return [];\n }\n }\n return this.menuItems \|\| [];\n }\n\n @Watch('visible')\n watchVisible(newValue: boolean) {\n if (newValue) {\n this.shouldRender = true;\n this.isClosing = false;\n } else {\n this.isClosing = true;\n setTimeout(() => {\n this.shouldRender = false;\n this.isClosing = false;\n }, 150);\n }\n }\n\n componentWillLoad() {\n this.shouldRender = this.visible;\n }\n\n private handleItemClick(item: DropdownMenuItem) {\n if (!item.disabled && !item.divider) {\n this.bhItemClick.emit(item);\n }\n }\n\n private getMenuItemClasses(item: DropdownMenuItem) {\n return {\n 'dropdown-item': true,\n 'dropdown-item-disabled': !!item.disabled,\n };\n }\n\n render() {\n if (!this.visible) {\n return null;\n }\n\n const header = this.parsedHeader;\n const items = this.parsedMenuItems;\n\n const dropdownClasses = {\n 'dropdown-menu': true,\n 'dropdown-menu-scrollable': this.scrollable,\n 'animate-dropdown-enter': true,\n 'animate-dropdown-exit': false,\n };\n\n const headerClasses = {\n 'dropdown-header': true,\n 'dropdown-header-avatar': !!header?.avatarGroup,\n };\n\n return (\n <div class={dropdownClasses}>\n {/ Header Section /}\n {header && (\n <div class={headerClasses}>\n {/ Avatar Group Header /}\n {header.avatarGroup && (\n <div class=\"avatar-group\">\n <bh-avatar\n size=\"md\"\n type=\"image\"\n status=\"online\"\n imageSrc={header.avatarSrc \|\| ''}\n alt={header.name \|\| 'Avatar'}\n />\n <div class=\"avatar-text\">\n <div class=\"avatar-name\">{header.name}</div>\n <div class=\"avatar-email\">{header.email}</div>\n </div>\n </div>\n )}\n {/ Simple Text Header /}\n {!header.avatarGroup && header.title && (\n <div class=\"header-title\">{header.title}</div>\n )}\n </div>\n )}\n\n {/ Menu Items Section /}\n <div class=\"menu-items\">\n {items.map((item) => (\n <div key={item.id}>\n {/ Divider /}\n {item.divider && <div class=\"menu-divider\" />}\n\n {/ Menu Item */}\n {!item.divider && (\n <div\n class={this.getMenuItemClasses(item)}\n onClick={() => this.handleItemClick(item)}\n >\n <div class=\"item-content\">\n <div class=\"item-main\">\n {item.icon && this.showIcons && (\n <span class=\"material-symbols-outlined item-icon\">\n {item.icon}\n </span>\n )}\n <span class=\"item-text\" title={item.label}>\n {item.label}\n </span>\n </div>\n {item.shortcut && (\n <span class=\"item-shortcut\">{item.shortcut}</span>\n )}\n </div>\n </div>\n )}\n </div>\n ))}\n </div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-eYcfeTFU.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-dropdown-menu/bh-dropdown-menu.css?tag=bh-dropdown-menu&encapsulation=shadow","src/components/bh-dropdown-menu/bh-dropdown-menu.tsx"],"sourcesContent":["/* ==========================================================================\n BH-DROPDOWN-MENU COMPONENT STYLES\n ========================================================================== /\n\n:host {\n display: block;\n}\n\n/ Base dropdown menu styles /\n.dropdown-menu {\n width: 240px;\n background: var(--color-white);\n border-radius: var(--radius-md);\n box-shadow: 0px 32px 64px -12px rgba(64, 73, 104, 0.14),\n 0px 0px 1px 1px rgba(64, 73, 104, 0.1);\n overflow: hidden;\n flex-shrink: 0;\n position: relative;\n box-sizing: border-box;\n}\n\n/ Animation classes /\n.animate-dropdown-enter {\n animation: dropdownEnter 0.15s ease-out forwards;\n}\n\n.animate-dropdown-exit {\n animation: dropdownExit 0.15s ease-in forwards;\n}\n\n@keyframes dropdownEnter {\n from {\n opacity: 0;\n transform: translateY(-8px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n@keyframes dropdownExit {\n from {\n opacity: 1;\n transform: translateY(0);\n }\n to {\n opacity: 0;\n transform: translateY(-8px);\n }\n}\n\n/ ==========================================================================\n HEADER SECTION\n ========================================================================== /\n\n.dropdown-header {\n padding: var(--spacing-lg) var(--spacing-xl);\n border-bottom: 1px solid var(--color-neutral-200);\n}\n\n.dropdown-header-avatar {\n padding: var(--spacing-lg) var(--spacing-xl);\n}\n\n.avatar-group {\n display: flex;\n align-items: center;\n gap: var(--spacing-lg);\n width: 100%;\n}\n\n.avatar-text {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n}\n\n.avatar-name {\n font-family: var(--font-inter);\n font-weight: var(--weight-semibold);\n font-size: var(--text-sm-size);\n text-align: left;\n line-height: 1.43;\n color: var(--color-neutral-800);\n margin: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.avatar-email {\n font-family: var(--font-inter);\n font-weight: var(--weight-regular);\n font-size: var(--text-sm-size);\n line-height: 1.43;\n color: var(--color-neutral-600);\n margin: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.header-title {\n font-family: var(--font-inter);\n font-weight: var(--weight-semibold);\n font-size: var(--text-sm-size);\n line-height: 1.43;\n color: var(--color-neutral-800);\n margin: 0;\n}\n\n/ ==========================================================================\n MENU ITEMS SECTION\n ========================================================================== /\n\n.menu-items {\n padding: var(--spacing-xs) 0;\n}\n\n.dropdown-item {\n padding: var(--spacing-none) var(--spacing-sm);\n cursor: pointer;\n}\n\n.dropdown-item-disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.item-content {\n display: flex;\n align-items: center;\n gap: var(--spacing-lg);\n padding: var(--spacing-md) var(--spacing-md);\n border-radius: var(--radius-sm);\n transition: background-color 0.15s ease;\n}\n\n.dropdown-item:hover:not(.dropdown-item-disabled) .item-content {\n background: var(--color-neutral-100);\n}\n\n.item-main {\n display: flex;\n align-items: center;\n gap: var(--spacing-md);\n flex: 1;\n min-width: 0;\n}\n\n.item-icon {\n font-size: var(--icon-size-md, 20px);\n color: var(--color-neutral-600);\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.item-text {\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 flex: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n min-width: 0;\n}\n\n.item-shortcut {\n font-family: var(--font-inter);\n font-weight: var(--weight-regular);\n font-size: var(--text-xs-size);\n line-height: 1.5;\n color: var(--color-neutral-500);\n flex-shrink: 0;\n}\n\n/ ==========================================================================\n DIVIDER\n ========================================================================== /\n\n.menu-divider {\n height: 1px;\n background: var(--color-neutral-200);\n margin: var(--spacing-xs) 0;\n}\n\n/ ==========================================================================\n SCROLLABLE VARIANT\n ========================================================================== /\n\n.dropdown-menu-scrollable .menu-items {\n max-height: 280px;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n/ Custom scrollbar styling /\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar {\n width: 6px;\n}\n\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-track {\n background: var(--color-neutral-50);\n border-radius: var(--radius-xs);\n}\n\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-thumb {\n background: var(--color-neutral-200);\n border-radius: var(--radius-xs);\n}\n\n.dropdown-menu-scrollable .menu-items::-webkit-scrollbar-thumb:hover {\n background: var(--color-neutral-300);\n}\n\n/ Firefox scrollbar /\n.dropdown-menu-scrollable .menu-items {\n scrollbar-width: thin;\n scrollbar-color: var(--color-neutral-200) var(--color-neutral-50);\n}\n","import { Component, Prop, State, Event, EventEmitter, Watch, h } from '@stencil/core';\n\nexport interface DropdownMenuItem {\n id: string;\n label?: string;\n icon?: string;\n shortcut?: string;\n disabled?: boolean;\n divider?: boolean;\n}\n\nexport interface DropdownMenuHeader {\n title?: string;\n avatarGroup?: boolean;\n avatarSrc?: string;\n name?: string;\n email?: string;\n}\n\n@Component({\n tag: 'bh-dropdown-menu',\n styleUrl: 'bh-dropdown-menu.css',\n shadow: true,\n})\nexport class BhDropdownMenu {\n /\n Header configuration (JSON string or object)\n /\n @Prop() header?: DropdownMenuHeader \| string;\n\n /\n Menu items array (JSON string or array)\n /\n @Prop() menuItems: DropdownMenuItem[] \| string = [];\n\n /\n Whether the menu is visible\n /\n @Prop() visible: boolean = true;\n\n /\n Whether to show icons in menu items\n /\n @Prop() showIcons: boolean = true;\n\n /\n Whether the menu should be scrollable\n /\n @Prop() scrollable: boolean = false;\n\n @State() isClosing: boolean = false;\n @State() shouldRender: boolean = true;\n\n /\n Event emitted when a menu item is clicked\n /\n @Event() bhItemClick!: EventEmitter<DropdownMenuItem>;\n\n private get parsedHeader(): DropdownMenuHeader \| undefined {\n if (!this.header) return undefined;\n if (typeof this.header === 'string') {\n try {\n return JSON.parse(this.header);\n } catch {\n return undefined;\n }\n }\n return this.header;\n }\n\n private get parsedMenuItems(): DropdownMenuItem[] {\n if (typeof this.menuItems === 'string') {\n try {\n return JSON.parse(this.menuItems);\n } catch {\n return [];\n }\n }\n return this.menuItems \|\| [];\n }\n\n @Watch('visible')\n watchVisible(newValue: boolean) {\n if (newValue) {\n this.shouldRender = true;\n this.isClosing = false;\n } else {\n this.isClosing = true;\n setTimeout(() => {\n this.shouldRender = false;\n this.isClosing = false;\n }, 150);\n }\n }\n\n componentWillLoad() {\n this.shouldRender = this.visible;\n }\n\n private handleItemClick(item: DropdownMenuItem) {\n if (!item.disabled && !item.divider) {\n this.bhItemClick.emit(item);\n }\n }\n\n private getMenuItemClasses(item: DropdownMenuItem) {\n return {\n 'dropdown-item': true,\n 'dropdown-item-disabled': !!item.disabled,\n };\n }\n\n render() {\n if (!this.visible) {\n return null;\n }\n\n const header = this.parsedHeader;\n const items = this.parsedMenuItems;\n\n const dropdownClasses = {\n 'dropdown-menu': true,\n 'dropdown-menu-scrollable': this.scrollable,\n 'animate-dropdown-enter': true,\n 'animate-dropdown-exit': false,\n };\n\n const headerClasses = {\n 'dropdown-header': true,\n 'dropdown-header-avatar': !!header?.avatarGroup,\n };\n\n return (\n <div class={dropdownClasses}>\n {/ Header Section /}\n {header && (\n <div class={headerClasses}>\n {/ Avatar Group Header /}\n {header.avatarGroup && (\n <div class=\"avatar-group\">\n <bh-avatar\n size=\"md\"\n type=\"image\"\n status=\"online\"\n imageSrc={header.avatarSrc \|\| ''}\n alt={header.name \|\| 'Avatar'}\n />\n <div class=\"avatar-text\">\n <div class=\"avatar-name\">{header.name}</div>\n <div class=\"avatar-email\">{header.email}</div>\n </div>\n </div>\n )}\n {/ Simple Text Header /}\n {!header.avatarGroup && header.title && (\n <div class=\"header-title\">{header.title}</div>\n )}\n </div>\n )}\n\n {/ Menu Items Section /}\n <div class=\"menu-items\">\n {items.map((item) => (\n <div key={item.id}>\n {/ Divider /}\n {item.divider && <div class=\"menu-divider\" />}\n\n {/ Menu Item */}\n {!item.divider && (\n <div\n class={this.getMenuItemClasses(item)}\n onClick={() => this.handleItemClick(item)}\n >\n <div class=\"item-content\">\n <div class=\"item-main\">\n {item.icon && this.showIcons && (\n <span class=\"material-symbols-outlined item-icon\">\n {item.icon}\n </span>\n )}\n <span class=\"item-text\" title={item.label}>\n {item.label}\n </span>\n </div>\n {item.shortcut && (\n <span class=\"item-shortcut\">{item.shortcut}</span>\n )}\n </div>\n </div>\n )}\n </div>\n ))}\n </div>\n </div>\n );\n }\n}\n"],"version":3}

package/components/{p-BSok41i-.js → p-oyeucMe6.js} RENAMED Viewed

@@ -39,7 +39,7 @@ const BhTooltip = /*@__PURE__*/ proxyCustomElement(class BhTooltip extends H {
             'multiline': this.maxWidth !== undefined && this.maxWidth > 240,
         };
         const tooltipStyles = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};
-        return (h("div", { key: 'a940486923a3a424a3c7e3ffde5251b756800049', class: tooltipClasses, style: tooltipStyles, role: "tooltip", part: "tooltip" }, h("div", { key: '78e7c1939da5eaccea4e78a2890982be817b88a9', class: "tooltip-content" }, this.text)));
+        return (h("div", { key: 'c4a102ca883f38ab915c988c03317c2c82e6e828', class: tooltipClasses, style: tooltipStyles, role: "tooltip", part: "tooltip" }, h("div", { key: '5e09f3f7db5366835cce2e54e438f0437cd9a9f5', class: "tooltip-content" }, this.text)));
     }
     static get style() { return bhTooltipCss; }
 }, [769, "bh-tooltip", {
@@ -64,6 +64,6 @@ function defineCustomElement() {
 }
 export { BhTooltip as B, defineCustomElement as d };
-//# sourceMappingURL=p-BSok41i-.js.map
+//# sourceMappingURL=p-oyeucMe6.js.map
-//# sourceMappingURL=p-BSok41i-.js.map
+//# sourceMappingURL=p-oyeucMe6.js.map

package/components/{p-BSok41i-.js.map → p-oyeucMe6.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~BSok41i-.~~js","mappings":";;AAAA,MAAM,YAAY,GAAG,ggCAAggC;;MCUxgC,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACpB;;AAEG;IACK,IAAI,GAAW,EAAE;AAEzB;;AAEG;IACK,QAAQ,GAAoB,KAAK;AAEzC;;AAEG;IACK,OAAO,GAAmB,SAAS;AAE3C;;AAEG;IACK,OAAO,GAAY,KAAK;AAEhC;;AAEG;AACK,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,CAAC,WAAW,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AAClC,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;YACjC,iBAAiB,EAAE,IAAI,CAAC,OAAO;YAC/B,WAAW,EAAE,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG;SAChE;QAED,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,EAAE,QAAQ,EAAE,CAAG,EAAA,IAAI,CAAC,QAAQ,CAAA,EAAA,CAAI,EAAE,GAAG,EAAE;QAE7E,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAA,EAC7E,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAE,EAAA,IAAI,CAAC,IAAI,CAAO,CAC1C;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-tooltip/bh-tooltip.css?tag=bh-tooltip&encapsulation=shadow","src/components/bh-tooltip/bh-tooltip.tsx"],"sourcesContent":["/* ==========================================================================\n BH-TOOLTIP COMPONENT STYLES\n ========================================================================== /\n\n:host {\n display: inline-block;\n}\n\n.tooltip {\n position: absolute;\n z-index: 10000;\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n white-space: nowrap;\n}\n\n.tooltip-visible {\n opacity: 1;\n}\n\n.tooltip-content {\n background-color: var(--color-neutral-900);\n color: var(--color-white);\n font-family: var(--font-inter);\n font-weight: var(--weight-semibold);\n font-size: 12px;\n line-height: 1.5em;\n padding: 8px 12px;\n border-radius: 8px;\n box-shadow: var(--shadow-popover);\n position: relative;\n}\n\n/ Position variants /\n.tooltip-top {\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n margin-bottom: 6px;\n}\n\n.tooltip-bottom {\n top: 100%;\n left: 50%;\n transform: translateX(-50%);\n margin-top: 6px;\n}\n\n.tooltip-left {\n right: 100%;\n top: 50%;\n transform: translateY(-50%);\n margin-right: 6px;\n}\n\n.tooltip-right {\n left: 100%;\n top: 50%;\n transform: translateY(-50%);\n margin-left: 6px;\n}\n\n/ Multiline support /\n.tooltip.multiline {\n white-space: normal;\n}\n\n.tooltip.multiline .tooltip-content {\n max-width: 240px;\n}\n\n/ Icon variant - positioning adjustments for tooltips on icons /\n.tooltip-icon.tooltip-top {\n margin-bottom: 4px;\n}\n\n.tooltip-icon.tooltip-bottom {\n margin-top: 4px;\n}\n\n.tooltip-icon.tooltip-left {\n margin-right: 4px;\n}\n\n.tooltip-icon.tooltip-right {\n margin-left: 4px;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\nexport type TooltipPosition = 'top' \| 'bottom' \| 'left' \| 'right';\nexport type TooltipVariant = 'default' \| 'icon';\n\n@Component({\n tag: 'bh-tooltip',\n styleUrl: 'bh-tooltip.css',\n shadow: true,\n})\nexport class BhTooltip {\n /\n The tooltip text content\n /\n @Prop() text: string = '';\n\n /\n Position of the tooltip relative to its target\n /\n @Prop() position: TooltipPosition = 'top';\n\n /\n Variant of the tooltip (default or icon)\n /\n @Prop() variant: TooltipVariant = 'default';\n\n /\n Whether the tooltip is visible\n /\n @Prop() visible: boolean = false;\n\n /\n Maximum width in pixels (enables multiline if > 240)\n */\n @Prop() maxWidth?: number;\n\n render() {\n const tooltipClasses = {\n 'tooltip': true,\n [`tooltip-${this.position}`]: true,\n [`tooltip-${this.variant}`]: true,\n 'tooltip-visible': this.visible,\n 'multiline': this.maxWidth !== undefined && this.maxWidth > 240,\n };\n\n const tooltipStyles = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};\n\n return (\n <div class={tooltipClasses} style={tooltipStyles} role=\"tooltip\" part=\"tooltip\">\n <div class=\"tooltip-content\">{this.text}</div>\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-oyeucMe6.js","mappings":";;AAAA,MAAM,YAAY,GAAG,ggCAAggC;;MCUxgC,SAAS,iBAAAA,kBAAA,CAAA,MAAA,SAAA,SAAAC,CAAA,CAAA;;;;;;;;AACpB;;AAEG;IACK,IAAI,GAAW,EAAE;AAEzB;;AAEG;IACK,QAAQ,GAAoB,KAAK;AAEzC;;AAEG;IACK,OAAO,GAAmB,SAAS;AAE3C;;AAEG;IACK,OAAO,GAAY,KAAK;AAEhC;;AAEG;AACK,IAAA,QAAQ;IAEhB,MAAM,GAAA;AACJ,QAAA,MAAM,cAAc,GAAG;AACrB,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,CAAC,WAAW,IAAI,CAAC,QAAQ,CAAE,CAAA,GAAG,IAAI;AAClC,YAAA,CAAC,WAAW,IAAI,CAAC,OAAO,CAAE,CAAA,GAAG,IAAI;YACjC,iBAAiB,EAAE,IAAI,CAAC,OAAO;YAC/B,WAAW,EAAE,IAAI,CAAC,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,QAAQ,GAAG,GAAG;SAChE;QAED,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,GAAG,EAAE,QAAQ,EAAE,CAAG,EAAA,IAAI,CAAC,QAAQ,CAAA,EAAA,CAAI,EAAE,GAAG,EAAE;QAE7E,QACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAA,EAC7E,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,iBAAiB,EAAE,EAAA,IAAI,CAAC,IAAI,CAAO,CAC1C;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/bh-tooltip/bh-tooltip.css?tag=bh-tooltip&encapsulation=shadow","src/components/bh-tooltip/bh-tooltip.tsx"],"sourcesContent":["/* ==========================================================================\n BH-TOOLTIP COMPONENT STYLES\n ========================================================================== /\n\n:host {\n display: inline-block;\n}\n\n.tooltip {\n position: absolute;\n z-index: 10000;\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n white-space: nowrap;\n}\n\n.tooltip-visible {\n opacity: 1;\n}\n\n.tooltip-content {\n background-color: var(--color-neutral-900);\n color: var(--color-white);\n font-family: var(--font-inter);\n font-weight: var(--weight-semibold);\n font-size: 12px;\n line-height: 1.5em;\n padding: 8px 12px;\n border-radius: 8px;\n box-shadow: var(--shadow-popover);\n position: relative;\n}\n\n/ Position variants /\n.tooltip-top {\n bottom: 100%;\n left: 50%;\n transform: translateX(-50%);\n margin-bottom: 6px;\n}\n\n.tooltip-bottom {\n top: 100%;\n left: 50%;\n transform: translateX(-50%);\n margin-top: 6px;\n}\n\n.tooltip-left {\n right: 100%;\n top: 50%;\n transform: translateY(-50%);\n margin-right: 6px;\n}\n\n.tooltip-right {\n left: 100%;\n top: 50%;\n transform: translateY(-50%);\n margin-left: 6px;\n}\n\n/ Multiline support /\n.tooltip.multiline {\n white-space: normal;\n}\n\n.tooltip.multiline .tooltip-content {\n max-width: 240px;\n}\n\n/ Icon variant - positioning adjustments for tooltips on icons /\n.tooltip-icon.tooltip-top {\n margin-bottom: 4px;\n}\n\n.tooltip-icon.tooltip-bottom {\n margin-top: 4px;\n}\n\n.tooltip-icon.tooltip-left {\n margin-right: 4px;\n}\n\n.tooltip-icon.tooltip-right {\n margin-left: 4px;\n}\n","import { Component, Prop, h } from '@stencil/core';\n\nexport type TooltipPosition = 'top' \| 'bottom' \| 'left' \| 'right';\nexport type TooltipVariant = 'default' \| 'icon';\n\n@Component({\n tag: 'bh-tooltip',\n styleUrl: 'bh-tooltip.css',\n shadow: true,\n})\nexport class BhTooltip {\n /\n The tooltip text content\n /\n @Prop() text: string = '';\n\n /\n Position of the tooltip relative to its target\n /\n @Prop() position: TooltipPosition = 'top';\n\n /\n Variant of the tooltip (default or icon)\n /\n @Prop() variant: TooltipVariant = 'default';\n\n /\n Whether the tooltip is visible\n /\n @Prop() visible: boolean = false;\n\n /\n Maximum width in pixels (enables multiline if > 240)\n */\n @Prop() maxWidth?: number;\n\n render() {\n const tooltipClasses = {\n 'tooltip': true,\n [`tooltip-${this.position}`]: true,\n [`tooltip-${this.variant}`]: true,\n 'tooltip-visible': this.visible,\n 'multiline': this.maxWidth !== undefined && this.maxWidth > 240,\n };\n\n const tooltipStyles = this.maxWidth ? { maxWidth: `${this.maxWidth}px` } : {};\n\n return (\n <div class={tooltipClasses} style={tooltipStyles} role=\"tooltip\" part=\"tooltip\">\n <div class=\"tooltip-content\">{this.text}</div>\n </div>\n );\n }\n}\n"],"version":3}

package/dist/bellhop-core/bellhop-core.esm.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{p as e,g as a,b as t}from"./p-nAAobRRQ.js";export{s as setNonce}from"./p-nAAobRRQ.js";var i=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};i().then((async e=>{await a();return t(JSON.parse('[["p-62235d6e",[[769,"bh-date-range-picker",{"variant":[1],"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledDates":[16],"startLabel":[1,"start-label"],"endLabel":[1,"end-label"],"startPlaceholder":[1,"start-placeholder"],"endPlaceholder":[1,"end-placeholder"],"inputWidth":[1,"input-width"],"showLabel":[4,"show-label"],"showFooter":[4,"show-footer"],"showOtherMonthDays":[4,"show-other-month-days"],"value":[16],"selectedValue":[32],"tempSelection":[32],"isMenuOpen":[32],"isMenuClosing":[32]},[[0,"bhDateRangeSelect","handleDateRangeSelectEvent"]],{"value":["handleValueChange"]}]]],["p-233540f9",[[769,"bh-data-grid",{"data":[16],"columns":[16],"getRowId":[16],"getSubRows":[16],"size":[1],"striped":[4],"bordered":[4],"stickyHeader":[4,"sticky-header"],"maxHeight":[1,"max-height"],"caption":[1],"captionPosition":[1,"caption-position"],"emptyTitle":[1,"empty-title"],"emptyDescription":[1,"empty-description"],"loading":[4],"loadingType":[1,"loading-type"],"skeletonRowCount":[2,"skeleton-row-count"],"enableSorting":[4,"enable-sorting"],"enableMultiSort":[4,"enable-multi-sort"],"sortState":[1040],"enableFiltering":[4,"enable-filtering"],"enableGlobalFilter":[4,"enable-global-filter"],"showFilterRow":[4,"show-filter-row"],"globalFilterPlaceholder":[1,"global-filter-placeholder"],"filterState":[1040],"globalFilter":[1025,"global-filter"],"selectionMode":[1,"selection-mode"],"selectedRowIds":[1040],"enablePagination":[4,"enable-pagination"],"page":[1026],"pageSize":[1026,"page-size"],"pageSizeOptions":[16],"enableExpansion":[4,"enable-expansion"],"expandedRowIds":[1040],"enableGrouping":[4,"enable-grouping"],"groupBy":[16],"enableEditing":[4,"enable-editing"],"editMode":[1,"edit-mode"],"showEditActions":[4,"show-edit-actions"],"tableState":[32],"editingRowId":[32],"editingColumnId":[32],"editingValues":[32],"validationErrors":[32],"hoveredRowId":[32]},null,{"data":["handleDataChange"],"columns":["handleDataChange"],"sortState":["handleSortStateChange"],"filterState":["handleFilterStateChange"],"selectedRowIds":["handleSelectedRowIdsChange"],"page":["handlePaginationPropChange"],"pageSize":["handlePaginationPropChange"],"expandedRowIds":["handleExpandedRowIdsChange"],"groupBy":["handleGroupByChange"]}]]],["p-3194a87d",[[769,"bh-date-picker",{"variant":[1],"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledDates":[16],"label":[1],"placeholder":[1],"inputWidth":[1,"input-width"],"showLabel":[4,"show-label"],"showFooter":[4,"show-footer"],"showOtherMonthDays":[4,"show-other-month-days"],"value":[16],"selectedValue":[32],"tempSelection":[32],"isMenuOpen":[32],"isMenuClosing":[32]},null,{"value":["handleValueChange"]}]]],["p-a9c914ee",[[769,"bh-sidebar",{"logoType":[1,"logo-type"],"logoSrc":[1,"logo-src"],"assetBasePath":[1,"asset-base-path"],"avatarUrl":[1,"avatar-url"],"avatarInitials":[1,"avatar-initials"],"avatarName":[1,"avatar-name"],"avatarEmail":[1,"avatar-email"],"menuItems":[16],"footerItems":[16],"collapsed":[4],"activeItem":[32]}]]],["p-36166900",[[769,"bh-input-autocomplete",{"state":[1],"error":[4],"required":[4],"disabled":[4],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"showLabel":[4,"show-label"],"showHintText":[4,"show-hint-text"],"label":[1],"placeholder":[1],"hintText":[1,"hint-text"],"leadingIcon":[1,"leading-icon"],"helpIconTooltip":[1,"help-icon-tooltip"],"value":[1025],"width":[1],"options":[16],"maxOptions":[2,"max-options"],"multiSelect":[4,"multi-select"],"minSearchLength":[2,"min-search-length"],"selectedItems":[1040],"showDropdown":[32],"focusedOptionIndex":[32],"isFocused":[32],"isHovered":[32],"isTagClickOpen":[32]},null,{"value":["handleValueChange"]}]]],["p-4e483d25",[[769,"bh-month-picker",{"variant":[1],"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledMonths":[16],"label":[1],"placeholder":[1],"inputWidth":[1,"input-width"],"showLabel":[4,"show-label"],"showFooter":[4,"show-footer"],"value":[16],"selectedValue":[32],"tempSelection":[32],"isMenuOpen":[32],"isMenuClosing":[32]},null,{"value":["handleValueChange"]}]]],["p-272afebb",[[769,"bh-checkbox-group-item",{"type":[1],"size":[1],"value":[1],"checked":[1028],"selected":[1028],"disabled":[4],"icon":[1],"itemTitle":[1,"item-title"],"subtitle":[1],"description":[1],"name":[1],"isHovered":[32],"isFocused":[32]}]]],["p-a41b3673",[[769,"bh-page-navigation",{"navTitle":[1,"nav-title"],"navigationItems":[16],"items":[32]},null,{"navigationItems":["handleNavigationItemsChange"]}]]],["p-09a50860",[[769,"bh-appbar",{"isMenuOpen":[4,"is-menu-open"],"logoSrc":[1,"logo-src"],"logoAlt":[1,"logo-alt"],"breadcrumbItems":[16],"notificationCount":[2,"notification-count"]}]]],["p-442121f3",[[769,"bh-avatar-stacked",{"size":[1],"avatars":[1],"maxVisible":[2,"max-visible"],"showAddButton":[4,"show-add-button"],"addTooltipText":[1,"add-tooltip-text"],"hoveredIndex":[32],"addButtonHovered":[32]}]]],["p-8cd61bd8",[[769,"bh-card-header",{"showFeaturedIcon":[4,"show-featured-icon"],"featuredIcon":[1,"featured-icon"],"featuredIconStyle":[1,"featured-icon-style"],"featuredIconColor":[1,"featured-icon-color"],"showTitle":[4,"show-title"],"headerTitle":[1,"header-title"],"showBadge":[4,"show-badge"],"badgeText":[1,"badge-text"],"showSupportingText":[4,"show-supporting-text"],"supportingText":[1,"supporting-text"],"showDropdown":[4,"show-dropdown"],"showDivider":[4,"show-divider"]}]]],["p-1540001e",[[833,"bh-input-number",{"error":[4],"required":[4],"disabled":[4],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"showLabel":[4,"show-label"],"showHintText":[4,"show-hint-text"],"label":[1],"placeholder":[1],"hintText":[1,"hint-text"],"leadingIcon":[1,"leading-icon"],"helpIconTooltip":[1,"help-icon-tooltip"],"value":[1026],"min":[2],"max":[2],"step":[2],"prefixText":[1,"prefix-text"],"suffixText":[1,"suffix-text"],"width":[1],"name":[1],"defaultValue":[2,"default-value"],"validationMessage":[1,"validation-message"],"internalState":[32],"isHovered":[32],"isFocused":[32],"internalValue":[32],"hasValidationError":[32]},null,{"value":["watchValue"]}]]],["p-b0dda4df",[[769,"bh-notification",{"type":[1],"notificationTitle":[1,"notification-title"],"description":[1],"actionText":[1,"action-text"],"dismissText":[1,"dismiss-text"],"dismissible":[4],"icon":[1]}]]],["p-c33f6e73",[[769,"bh-container-footer",{"size":[1],"buttonLabel":[1,"button-label"]}]]],["p-0e34250c",[[833,"bh-input-password",{"label":[1],"placeholder":[1],"hintText":[1,"hint-text"],"showLabel":[4,"show-label"],"showHintText":[4,"show-hint-text"],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"error":[4],"disabled":[4],"required":[4],"helpIconTooltip":[1,"help-icon-tooltip"],"leadingIcon":[1,"leading-icon"],"value":[1025],"name":[1],"defaultValue":[1,"default-value"],"validationMessage":[1,"validation-message"],"isFocused":[32],"isHovered":[32],"showPassword":[32]}]]],["p-67956598",[[769,"bh-input-verification",{"size":[1],"digits":[2],"label":[1],"showLabel":[4,"show-label"],"hintText":[1,"hint-text"],"showHintText":[4,"show-hint-text"],"error":[4],"disabled":[4],"required":[4],"showSeparator":[4,"show-separator"],"placeholder":[1],"width":[1],"value":[1025],"values":[32],"inputRefs":[32]},null,{"value":["watchValue"],"digits":["watchDigits"]}]]],["p-21bc4f77",[[769,"bh-modal-actions",{"type":[1],"destructive":[4],"primaryLabel":[1,"primary-label"],"secondaryLabel":[1,"secondary-label"],"divider":[4]}]]],["p-3a1c52a9",[[769,"bh-modal-header",{"modalTitle":[1,"modal-title"],"description":[1],"icon":[1],"iconColor":[1,"icon-color"],"showIcon":[4,"show-icon"],"showCloseButton":[4,"show-close-button"],"type":[1],"paddingBottom":[4,"padding-bottom"],"divider":[4]}]]],["p-a30e22f7",[[833,"bh-textarea",{"label":[1],"placeholder":[1],"hintText":[1,"hint-text"],"showLabel":[4,"show-label"],"showHintText":[4,"show-hint-text"],"showHelpIcon":[4,"show-help-icon"],"error":[4],"disabled":[4],"required":[4],"helpIconTooltip":[1,"help-icon-tooltip"],"value":[1025],"name":[1],"defaultValue":[1,"default-value"],"validationMessage":[1,"validation-message"],"rows":[2],"resize":[1],"maxLength":[2,"max-length"],"isFocused":[32]}]]],["p-3255019b",[[769,"bh-bar-chart",{"data":[16],"type":[1],"orientation":[1],"animated":[4],"maxHeight":[2,"max-height"],"maxWidth":[2,"max-width"],"tooltipVisible":[32],"tooltipX":[32],"tooltipY":[32],"tooltipHeader":[32],"tooltipItems":[32],"tooltipTotal":[32],"showTooltipTotal":[32]}]]],["p-c70d11a2",[[769,"bh-pie-chart",{"data":[16],"hole":[1],"size":[2],"animated":[4],"gap":[2],"tooltipVisible":[32],"tooltipX":[32],"tooltipY":[32],"tooltipSegment":[32]}]]],["p-c9f7d922",[[769,"bh-accordion",{"mode":[1],"value":[1025],"collapsible":[4],"expandedItems":[32]},[[0,"bhAccordionToggle","handleAccordionToggle"]],{"value":["handleValueChange"]}]]],["p-1be3e908",[[769,"bh-accordion-item",{"value":[1],"header":[1],"expanded":[1540],"disabled":[4],"isAnimating":[32]},null,{"expanded":["handleExpandedChange"]}]]],["p-6bc81ebb",[[769,"bh-card",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"contentMinHeight":[2,"content-min-height"],"placeholderText":[1,"placeholder-text"],"hasContent":[32]}]]],["p-83443918",[[769,"bh-card-footer",{"showDivider":[4,"show-divider"],"alignment":[1]}]]],["p-11a6e5fc",[[769,"bh-checkbox-group",{"type":[1],"name":[1],"value":[1025],"disabled":[4]},[[0,"bhItemChange","handleItemChange"]]]]],["p-80e07b3d",[[769,"bh-container",{"withFooter":[4,"with-footer"]}]]],["p-5c4f74b8",[[769,"bh-illustrations",{"size":[1],"illustrationTitle":[1,"illustration-title"],"description":[1],"svgPath":[1,"svg-path"],"alt":[1]}]]],["p-1b670545",[[769,"bh-modal",{"visible":[4],"overlay":[4],"width":[1]}]]],["p-8962e1a6",[[769,"bh-popover",{"popoverTitle":[1,"popover-title"],"viewPortfolioText":[1,"view-portfolio-text"],"searchPlaceholder":[1,"search-placeholder"],"width":[1],"showSearch":[4,"show-search"],"showAvatar":[4,"show-avatar"],"avatarSrc":[1,"avatar-src"],"items":[1],"searchTerm":[32]}]]],["p-d5bf49ab",[[769,"bh-property-switcher",{"selectedProperty":[1,"selected-property"],"properties":[16],"grouped":[4],"searchPlaceholder":[1,"search-placeholder"],"isExpanded":[32],"searchQuery":[32],"expandedGroups":[32],"internalSelectedProperty":[32]},[[4,"click","handleDocumentClick"]]]]],["p-2db7990e",[[769,"bh-tab-item",{"value":[1],"label":[1],"active":[4],"disabled":[4]}]]],["p-c0e36166",[[769,"bh-tabs",{"type":[1],"orientation":[1],"fullWidth":[4,"full-width"],"value":[1025]},[[0,"bhTabItemClick","handleTabItemClick"]]]]],["p-7b0cba50",[[833,"bh-toggle",{"size":[1],"showText":[4,"show-text"],"label":[1],"supportingText":[1,"supporting-text"],"disabled":[4],"checked":[1028],"name":[1],"value":[1],"required":[4],"defaultChecked":[4,"default-checked"],"isFocused":[32],"isHovered":[32]}]]],["p-f85a9eaa",[[769,"bh-trend-chart",{"trend":[1],"data":[16],"animated":[4],"variant":[1],"width":[2],"height":[2]}]]],["p-4a8844ff",[[769,"bh-page-navigation-multi-level",{"label":[1],"icon":[1],"badge":[8],"childItems":[16],"isExpanded":[1028,"is-expanded"],"isHovered":[32],"isAnimating":[32],"animationClass":[32]},null,{"isExpanded":["handleExpandedChange"]}],[769,"bh-page-navigation-single-level",{"label":[1],"icon":[1],"isActive":[4,"is-active"]}]]],["p-c9ac177b",[[769,"bh-button-icon",{"hierarchy":[1],"size":[1],"iconName":[1,"icon-name"],"disabled":[4],"loading":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["p-bd00d5ad",[[769,"bh-date-range-picker-content",{"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledDates":[16],"showOtherMonthDays":[4,"show-other-month-days"],"value":[16],"selectedRange":[32],"leftMonth":[32],"leftYear":[32],"rightMonth":[32],"rightYear":[32]},null,{"value":["handleValueChange"]}]]],["p-5f92cb28",[[769,"bh-avatar-add",{"size":[1],"disabled":[4],"showTooltip":[4,"show-tooltip"],"tooltipText":[1,"tooltip-text"],"isHovered":[32],"isFocused":[32]}]]],["p-cf412873",[[769,"bh-badge",{"variant":[1],"size":[1],"emphasis":[1],"label":[1],"icon":[1],"dismissible":[4],"disabled":[4]}]]],["p-df4498cd",[[769,"bh-tag",{"variant":[1],"size":[1],"label":[1],"dismissible":[4],"disabled":[4],"maxWidth":[2,"max-width"],"avatarSrc":[1,"avatar-src"],"isDismissing":[32]}],[769,"bh-autocomplete-menu",{"menuItems":[16],"visible":[4],"selectedIndex":[2,"selected-index"],"maxHeight":[2,"max-height"],"multiSelect":[4,"multi-select"],"searchQuery":[1,"search-query"],"isAnimating":[32],"shouldRender":[32],"items":[32]},null,{"visible":["watchVisible"],"menuItems":["watchMenuItems"]}]]],["p-9bf79c21",[[769,"bh-breadcrumbs",{"items":[1],"separator":[1],"showHome":[4,"show-home"],"maxVisibleItems":[2,"max-visible-items"]}],[769,"bh-badge-dot",{"size":[1],"color":[1],"outline":[4]}]]],["p-8bf6364f",[[769,"bh-dropdown-menu",{"header":[1],"menuItems":[1,"menu-items"],"visible":[4],"showIcons":[4,"show-icons"],"scrollable":[4],"isClosing":[32],"shouldRender":[32]},null,{"visible":["watchVisible"]}]]],["p-efd3dfed",[[769,"bh-chart-tooltip",{"visible":[4],"x":[2],"y":[2],"header":[1],"items":[16],"total":[1],"showTotal":[4,"show-total"],"storybookMode":[4,"storybook-mode"]}]]],["p-07c9b7fa",[[769,"bh-page-navigation-child",{"label":[1],"badge":[8],"showBadge":[4,"show-badge"],"isActive":[4,"is-active"]}]]],["p-afd85291",[[769,"bh-product-switcher",{"isOpen":[4,"is-open"],"anchorPosition":[16],"products":[16],"isClosing":[32]},[[4,"click","handleDocumentClick"]]]]],["p-091171da",[[769,"bh-dropdown",{"size":[1],"state":[1],"variant":[1],"label":[1],"iconName":[1,"icon-name"],"disabled":[4],"menuItems":[1,"menu-items"],"header":[1],"avatarSrc":[1,"avatar-src"],"avatarAlt":[1,"avatar-alt"],"avatarSize":[1,"avatar-size"],"avatarName":[1,"avatar-name"],"avatarEmail":[1,"avatar-email"],"showIcons":[4,"show-icons"],"isOpen":[32],"menuPosition":[32]},[[4,"click","handleClickOutside"]],{"isOpen":["handleOpenChange"]}],[769,"bh-logo-box",{"logoType":[1,"logo-type"],"logoSrc":[1,"logo-src"],"assetBasePath":[1,"asset-base-path"],"products":[16],"isOpen":[32],"anchorPosition":[32]}],[769,"bh-nav-item",{"icon":[1],"label":[1],"isActive":[4,"is-active"],"disabled":[4]}]]],["p-5514d7fb",[[769,"bh-empty-state",{"emptyTitle":[1,"empty-title"],"description":[1],"illustrationSize":[1,"illustration-size"],"illustrationPath":[1,"illustration-path"],"primaryActionText":[1,"primary-action-text"],"primaryActionIcon":[1,"primary-action-icon"],"secondaryActionText":[1,"secondary-action-text"],"secondaryActionIcon":[1,"secondary-action-icon"],"maxWidth":[1,"max-width"]}],[769,"bh-pagination",{"page":[1026],"totalItems":[2,"total-items"],"pageSize":[1026,"page-size"],"pageSizeOptions":[16],"showPageSizeSelector":[4,"show-page-size-selector"],"showItemCount":[4,"show-item-count"],"showFirstLastButtons":[4,"show-first-last-buttons"],"size":[1],"disabled":[4],"rowsPerPageLabel":[1,"rows-per-page-label"],"showingResultsLabel":[1,"showing-results-label"],"pageInfoLabel":[1,"page-info-label"],"internalPage":[32],"internalPageSize":[32]}],[769,"bh-skeleton-loader",{"width":[1],"height":[1],"circle":[4]}]]],["p-6e8dd0f7",[[833,"bh-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1028],"disabled":[4],"name":[1],"value":[1],"label":[1],"supportingText":[1,"supporting-text"],"required":[4],"defaultChecked":[4,"default-checked"],"isHovered":[32],"isFocused":[32]},null,{"checked":["handleCheckedChange"],"indeterminate":["handleIndeterminateChange"]}],[833,"bh-radio-button",{"size":[1],"selected":[1028],"disabled":[4],"value":[1],"name":[1],"label":[1],"supportingText":[1,"supporting-text"],"isFocused":[32],"isHovered":[32]}]]],["p-ffb29d95",[[769,"bh-month-picker-content",{"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledMonths":[16],"scrollable":[4],"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"height":[1],"value":[16],"internalSelectedMonth":[32],"internalSelectedYear":[32],"isUsingKeyboard":[32]},null,{"value":["handleValueChange"],"selectedMonth":["handleSelectedMonthChange"],"selectedYear":["handleSelectedYearChange"]}]]],["p-a42e8ddb",[[769,"bh-date-picker-content",{"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledDates":[16],"initialMonth":[2,"initial-month"],"initialYear":[2,"initial-year"],"displayMonth":[2,"display-month"],"displayYear":[2,"display-year"],"rangeStart":[16],"rangeEnd":[16],"value":[16],"showOtherMonthDays":[4,"show-other-month-days"],"selectedDate":[32],"currentMonth":[32],"currentYear":[32],"isMonthDropdownOpen":[32],"isMonthDropdownClosing":[32]},null,{"value":["handleValueChange"],"displayMonth":["handleDisplayMonthChange"],"displayYear":["handleDisplayYearChange"]}]]],["p-49edd1bb",[[769,"bh-featured-icon",{"size":[1],"color":[1],"iconStyle":[1,"icon-style"],"icon":[1]}]]],["p-7a85db89",[[769,"bh-avatar",{"size":[1],"type":[1],"status":[1],"text":[1],"imageSrc":[1,"image-src"],"alt":[1]}]]],["p-43c41dfb",[[769,"bh-label",{"label":[1],"layout":[1],"for":[1],"supportingText":[1,"supporting-text"],"required":[4],"showHelpIcon":[4,"show-help-icon"],"helpIconTooltip":[1,"help-icon-tooltip"],"disabled":[4],"showHelpTooltip":[32]}],[769,"bh-tooltip",{"text":[1],"position":[1],"variant":[1],"visible":[4],"maxWidth":[2,"max-width"]}]]],["p-b878539a",[[769,"bh-button",{"hierarchy":[1],"kind":[1],"icon":[1],"size":[1],"label":[1],"iconName":[1,"icon-name"],"disabled":[4],"loading":[4],"type":[1]}],[769,"bh-loader-spinner",{"size":[1],"variant":[1],"overlay":[4],"overlayMessage":[1,"overlay-message"],"showMessage":[4,"show-message"],"message":[1]}]]],["p-defe9916",[[769,"bh-picker-menu",{"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledMonths":[16],"animationClass":[1,"animation-class"],"visible":[4],"showFooter":[4,"show-footer"],"showTodayButton":[4,"show-today-button"],"disableApply":[4,"disable-apply"],"value":[16],"isClosing":[32],"shouldRender":[32],"selectedMonth":[32],"selectedYear":[32]},null,{"visible":["handleVisibleChange"],"value":["handleValueChange"]}],[833,"bh-input-text",{"label":[1],"placeholder":[1],"hintText":[1,"hint-text"],"showLabel":[4,"show-label"],"showHintText":[4,"show-hint-text"],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"showTrailingIcon":[4,"show-trailing-icon"],"error":[4],"disabled":[4],"required":[4],"helpIconTooltip":[1,"help-icon-tooltip"],"leadingIcon":[1,"leading-icon"],"trailingIcon":[1,"trailing-icon"],"value":[1025],"name":[1],"defaultValue":[1,"default-value"],"validationMessage":[1,"validation-message"],"type":[1],"width":[1],"readOnly":[4,"read-only"],"state":[1],"isFocused":[32],"isHovered":[32]}]]]]'),e)}));
+import{p as e,g as a,b as t}from"./p-nAAobRRQ.js";export{s as setNonce}from"./p-nAAobRRQ.js";var i=()=>{const a=import.meta.url;const t={};if(a!==""){t.resourcesUrl=new URL(".",a).href}return e(t)};i().then((async e=>{await a();return t(JSON.parse('[["p-5a0b2d81",[[769,"bh-date-range-picker",{"variant":[1],"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledDates":[16],"startLabel":[1,"start-label"],"endLabel":[1,"end-label"],"startPlaceholder":[1,"start-placeholder"],"endPlaceholder":[1,"end-placeholder"],"inputWidth":[1,"input-width"],"showLabel":[4,"show-label"],"showFooter":[4,"show-footer"],"showOtherMonthDays":[4,"show-other-month-days"],"value":[16],"selectedValue":[32],"tempSelection":[32],"isMenuOpen":[32],"isMenuClosing":[32]},[[0,"bhDateRangeSelect","handleDateRangeSelectEvent"]],{"value":["handleValueChange"]}]]],["p-0d5ce369",[[769,"bh-data-grid",{"data":[16],"columns":[16],"getRowId":[16],"getSubRows":[16],"size":[1],"striped":[4],"bordered":[4],"stickyHeader":[4,"sticky-header"],"maxHeight":[1,"max-height"],"caption":[1],"captionPosition":[1,"caption-position"],"emptyTitle":[1,"empty-title"],"emptyDescription":[1,"empty-description"],"loading":[4],"loadingType":[1,"loading-type"],"skeletonRowCount":[2,"skeleton-row-count"],"enableSorting":[4,"enable-sorting"],"enableMultiSort":[4,"enable-multi-sort"],"sortState":[1040],"enableFiltering":[4,"enable-filtering"],"enableGlobalFilter":[4,"enable-global-filter"],"showFilterRow":[4,"show-filter-row"],"globalFilterPlaceholder":[1,"global-filter-placeholder"],"filterState":[1040],"globalFilter":[1025,"global-filter"],"selectionMode":[1,"selection-mode"],"selectedRowIds":[1040],"enablePagination":[4,"enable-pagination"],"page":[1026],"pageSize":[1026,"page-size"],"pageSizeOptions":[16],"enableExpansion":[4,"enable-expansion"],"expandedRowIds":[1040],"enableGrouping":[4,"enable-grouping"],"groupBy":[16],"enableEditing":[4,"enable-editing"],"editMode":[1,"edit-mode"],"showEditActions":[4,"show-edit-actions"],"tableState":[32],"editingRowId":[32],"editingColumnId":[32],"editingValues":[32],"validationErrors":[32],"hoveredRowId":[32]},null,{"data":["handleDataChange"],"columns":["handleDataChange"],"sortState":["handleSortStateChange"],"filterState":["handleFilterStateChange"],"selectedRowIds":["handleSelectedRowIdsChange"],"page":["handlePaginationPropChange"],"pageSize":["handlePaginationPropChange"],"expandedRowIds":["handleExpandedRowIdsChange"],"groupBy":["handleGroupByChange"]}]]],["p-59e4c008",[[769,"bh-date-picker",{"variant":[1],"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledDates":[16],"label":[1],"placeholder":[1],"inputWidth":[1,"input-width"],"showLabel":[4,"show-label"],"showFooter":[4,"show-footer"],"showOtherMonthDays":[4,"show-other-month-days"],"value":[16],"menuStyles":[32],"openUpward":[32],"selectedValue":[32],"tempSelection":[32],"isMenuOpen":[32],"isMenuClosing":[32]},null,{"value":["handleValueChange"]}]]],["p-e0f7b6d1",[[769,"bh-sidebar",{"logoType":[1,"logo-type"],"logoSrc":[1,"logo-src"],"assetBasePath":[1,"asset-base-path"],"avatarUrl":[1,"avatar-url"],"avatarInitials":[1,"avatar-initials"],"avatarName":[1,"avatar-name"],"avatarEmail":[1,"avatar-email"],"menuItems":[16],"footerItems":[16],"collapsed":[4],"activeItem":[32]}]]],["p-6b428841",[[769,"bh-input-autocomplete",{"state":[1],"error":[4],"required":[4],"disabled":[4],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"showLabel":[4,"show-label"],"showHintText":[4,"show-hint-text"],"label":[1],"placeholder":[1],"hintText":[1,"hint-text"],"leadingIcon":[1,"leading-icon"],"helpIconTooltip":[1,"help-icon-tooltip"],"value":[1025],"width":[1],"options":[16],"maxOptions":[2,"max-options"],"multiSelect":[4,"multi-select"],"minSearchLength":[2,"min-search-length"],"selectedItems":[1040],"showDropdown":[32],"focusedOptionIndex":[32],"isFocused":[32],"isHovered":[32],"isTagClickOpen":[32]},null,{"value":["handleValueChange"]}]]],["p-c0dfca99",[[769,"bh-month-picker",{"variant":[1],"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledMonths":[16],"label":[1],"placeholder":[1],"inputWidth":[1,"input-width"],"showLabel":[4,"show-label"],"showFooter":[4,"show-footer"],"value":[16],"selectedValue":[32],"tempSelection":[32],"isMenuOpen":[32],"isMenuClosing":[32]},null,{"value":["handleValueChange"]}]]],["p-272afebb",[[769,"bh-checkbox-group-item",{"type":[1],"size":[1],"value":[1],"checked":[1028],"selected":[1028],"disabled":[4],"icon":[1],"itemTitle":[1,"item-title"],"subtitle":[1],"description":[1],"name":[1],"isHovered":[32],"isFocused":[32]}]]],["p-20e65b2b",[[769,"bh-page-navigation",{"navTitle":[1,"nav-title"],"navigationItems":[16],"items":[32]},null,{"navigationItems":["handleNavigationItemsChange"]}]]],["p-09a50860",[[769,"bh-appbar",{"isMenuOpen":[4,"is-menu-open"],"logoSrc":[1,"logo-src"],"logoAlt":[1,"logo-alt"],"breadcrumbItems":[16],"notificationCount":[2,"notification-count"]}]]],["p-442121f3",[[769,"bh-avatar-stacked",{"size":[1],"avatars":[1],"maxVisible":[2,"max-visible"],"showAddButton":[4,"show-add-button"],"addTooltipText":[1,"add-tooltip-text"],"hoveredIndex":[32],"addButtonHovered":[32]}]]],["p-8cd61bd8",[[769,"bh-card-header",{"showFeaturedIcon":[4,"show-featured-icon"],"featuredIcon":[1,"featured-icon"],"featuredIconStyle":[1,"featured-icon-style"],"featuredIconColor":[1,"featured-icon-color"],"showTitle":[4,"show-title"],"headerTitle":[1,"header-title"],"showBadge":[4,"show-badge"],"badgeText":[1,"badge-text"],"showSupportingText":[4,"show-supporting-text"],"supportingText":[1,"supporting-text"],"showDropdown":[4,"show-dropdown"],"showDivider":[4,"show-divider"]}]]],["p-cb0e4e35",[[833,"bh-input-number",{"error":[4],"required":[4],"disabled":[4],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"showLabel":[4,"show-label"],"showHintText":[4,"show-hint-text"],"label":[1],"placeholder":[1],"hintText":[1,"hint-text"],"leadingIcon":[1,"leading-icon"],"helpIconTooltip":[1,"help-icon-tooltip"],"value":[1026],"min":[2],"max":[2],"step":[2],"prefixText":[1,"prefix-text"],"suffixText":[1,"suffix-text"],"width":[1],"name":[1],"defaultValue":[2,"default-value"],"validationMessage":[1,"validation-message"],"internalState":[32],"isHovered":[32],"isFocused":[32],"internalValue":[32],"hasValidationError":[32]},null,{"value":["watchValue"]}]]],["p-e83a86d6",[[769,"bh-notification",{"type":[1],"notificationTitle":[1,"notification-title"],"description":[1],"actionText":[1,"action-text"],"dismissText":[1,"dismiss-text"],"dismissible":[4],"icon":[1]}]]],["p-f4dd33af",[[833,"bh-input-password",{"label":[1],"placeholder":[1],"hintText":[1,"hint-text"],"showLabel":[4,"show-label"],"showHintText":[4,"show-hint-text"],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"error":[4],"disabled":[4],"required":[4],"helpIconTooltip":[1,"help-icon-tooltip"],"leadingIcon":[1,"leading-icon"],"value":[1025],"name":[1],"defaultValue":[1,"default-value"],"validationMessage":[1,"validation-message"],"isFocused":[32],"isHovered":[32],"showPassword":[32]}]]],["p-0e773f4b",[[769,"bh-input-verification",{"size":[1],"digits":[2],"label":[1],"showLabel":[4,"show-label"],"hintText":[1,"hint-text"],"showHintText":[4,"show-hint-text"],"error":[4],"disabled":[4],"required":[4],"showSeparator":[4,"show-separator"],"placeholder":[1],"width":[1],"value":[1025],"values":[32],"inputRefs":[32]},null,{"value":["watchValue"],"digits":["watchDigits"]}]]],["p-4cf74f24",[[769,"bh-modal-actions",{"type":[1],"destructive":[4],"primaryLabel":[1,"primary-label"],"secondaryLabel":[1,"secondary-label"],"divider":[4]}]]],["p-2cc352e8",[[769,"bh-modal-header",{"modalTitle":[1,"modal-title"],"description":[1],"icon":[1],"iconColor":[1,"icon-color"],"showIcon":[4,"show-icon"],"showCloseButton":[4,"show-close-button"],"type":[1],"paddingBottom":[4,"padding-bottom"],"divider":[4]}]]],["p-2349cd39",[[833,"bh-textarea",{"label":[1],"placeholder":[1],"hintText":[1,"hint-text"],"showLabel":[4,"show-label"],"showHintText":[4,"show-hint-text"],"showHelpIcon":[4,"show-help-icon"],"error":[4],"disabled":[4],"required":[4],"helpIconTooltip":[1,"help-icon-tooltip"],"value":[1025],"name":[1],"defaultValue":[1,"default-value"],"validationMessage":[1,"validation-message"],"rows":[2],"resize":[1],"maxLength":[2,"max-length"],"isFocused":[32]}]]],["p-efd3dfed",[[769,"bh-chart-tooltip",{"visible":[4],"x":[2],"y":[2],"header":[1],"items":[16],"total":[1],"showTotal":[4,"show-total"],"storybookMode":[4,"storybook-mode"]}]]],["p-3255019b",[[769,"bh-bar-chart",{"data":[16],"type":[1],"orientation":[1],"animated":[4],"maxHeight":[2,"max-height"],"maxWidth":[2,"max-width"],"tooltipVisible":[32],"tooltipX":[32],"tooltipY":[32],"tooltipHeader":[32],"tooltipItems":[32],"tooltipTotal":[32],"showTooltipTotal":[32]}]]],["p-ed780663",[[769,"bh-pie-chart",{"data":[16],"hole":[1],"size":[2],"animated":[4],"gap":[2],"tooltipVisible":[32],"tooltipX":[32],"tooltipY":[32],"tooltipSegment":[32]}]]],["p-c9f7d922",[[769,"bh-accordion",{"mode":[1],"value":[1025],"collapsible":[4],"expandedItems":[32]},[[0,"bhAccordionToggle","handleAccordionToggle"]],{"value":["handleValueChange"]}]]],["p-fe7d5dcb",[[769,"bh-accordion-item",{"value":[1],"header":[1],"expanded":[1540],"disabled":[4],"isAnimating":[32]},null,{"expanded":["handleExpandedChange"]}]]],["p-6d4c6b6f",[[769,"bh-card",{"showHeader":[4,"show-header"],"showFooter":[4,"show-footer"],"contentMinHeight":[2,"content-min-height"],"placeholderText":[1,"placeholder-text"],"hasContent":[32]}]]],["p-83443918",[[769,"bh-card-footer",{"showDivider":[4,"show-divider"],"alignment":[1]}]]],["p-11a6e5fc",[[769,"bh-checkbox-group",{"type":[1],"name":[1],"value":[1025],"disabled":[4]},[[0,"bhItemChange","handleItemChange"]]]]],["p-738f24c8",[[769,"bh-illustrations",{"size":[1],"illustrationTitle":[1,"illustration-title"],"description":[1],"svgPath":[1,"svg-path"],"alt":[1]}]]],["p-1b670545",[[769,"bh-modal",{"visible":[4],"overlay":[4],"width":[1]}]]],["p-d64525f4",[[769,"bh-popover",{"popoverTitle":[1,"popover-title"],"content":[1],"maxWidth":[1,"max-width"],"position":[1]}]]],["p-cad28e7e",[[769,"bh-property-switcher",{"selectedProperty":[1,"selected-property"],"properties":[16],"grouped":[4],"searchPlaceholder":[1,"search-placeholder"],"isExpanded":[32],"searchQuery":[32],"expandedGroups":[32],"internalSelectedProperty":[32]},[[4,"click","handleDocumentClick"]]]]],["p-e96e5aa3",[[769,"bh-tab-item",{"value":[1],"label":[1],"active":[4],"disabled":[4]}]]],["p-6dad737e",[[769,"bh-tabs",{"type":[1],"orientation":[1],"fullWidth":[4,"full-width"],"value":[1025]},[[0,"bhTabItemClick","handleTabItemClick"]]]]],["p-84ecaf3b",[[833,"bh-toggle",{"size":[1],"showText":[4,"show-text"],"label":[1],"supportingText":[1,"supporting-text"],"disabled":[4],"checked":[1028],"name":[1],"value":[1],"required":[4],"defaultChecked":[4,"default-checked"],"isFocused":[32],"isHovered":[32]}]]],["p-439f8477",[[769,"bh-trend-chart",{"trend":[1],"data":[16],"animated":[4],"variant":[1],"width":[2],"height":[2]}]]],["p-06b0ba5f",[[769,"bh-date-range-picker-content",{"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledDates":[16],"showOtherMonthDays":[4,"show-other-month-days"],"value":[16],"selectedRange":[32],"leftMonth":[32],"leftYear":[32],"rightMonth":[32],"rightYear":[32]},null,{"value":["handleValueChange"]}]]],["p-5f92cb28",[[769,"bh-avatar-add",{"size":[1],"disabled":[4],"showTooltip":[4,"show-tooltip"],"tooltipText":[1,"tooltip-text"],"isHovered":[32],"isFocused":[32]}]]],["p-cf412873",[[769,"bh-badge",{"variant":[1],"size":[1],"emphasis":[1],"label":[1],"icon":[1],"dismissible":[4],"disabled":[4]}]]],["p-7b0a4c99",[[769,"bh-avatar",{"size":[1],"type":[1],"status":[1],"text":[1],"imageSrc":[1,"image-src"],"alt":[1]}]]],["p-11e84742",[[769,"bh-tag",{"variant":[1],"size":[1],"label":[1],"dismissible":[4],"disabled":[4],"maxWidth":[2,"max-width"],"avatarSrc":[1,"avatar-src"],"isDismissing":[32]}],[769,"bh-autocomplete-menu",{"menuItems":[16],"visible":[4],"selectedIndex":[2,"selected-index"],"maxHeight":[2,"max-height"],"multiSelect":[4,"multi-select"],"searchQuery":[1,"search-query"],"isAnimating":[32],"shouldRender":[32],"items":[32]},null,{"visible":["watchVisible"],"menuItems":["watchMenuItems"]}]]],["p-9bf79c21",[[769,"bh-breadcrumbs",{"items":[1],"separator":[1],"showHome":[4,"show-home"],"maxVisibleItems":[2,"max-visible-items"]}],[769,"bh-badge-dot",{"size":[1],"color":[1],"outline":[4]}]]],["p-8bf6364f",[[769,"bh-dropdown-menu",{"header":[1],"menuItems":[1,"menu-items"],"visible":[4],"showIcons":[4,"show-icons"],"scrollable":[4],"isClosing":[32],"shouldRender":[32]},null,{"visible":["watchVisible"]}]]],["p-6626f089",[[769,"bh-page-navigation-child",{"label":[1],"badge":[8],"showBadge":[4,"show-badge"],"isActive":[4,"is-active"]}]]],["p-0a232a85",[[769,"bh-page-navigation-multi-level",{"label":[1],"icon":[1],"badge":[8],"childItems":[16],"isExpanded":[1028,"is-expanded"],"isHovered":[32],"isAnimating":[32],"animationClass":[32]},null,{"isExpanded":["handleExpandedChange"]}],[769,"bh-page-navigation-single-level",{"label":[1],"icon":[1],"isActive":[4,"is-active"]}]]],["p-afd85291",[[769,"bh-product-switcher",{"isOpen":[4,"is-open"],"anchorPosition":[16],"products":[16],"isClosing":[32]},[[4,"click","handleDocumentClick"]]]]],["p-ce2aaf37",[[769,"bh-dropdown",{"size":[1],"state":[1],"variant":[1],"label":[1],"iconName":[1,"icon-name"],"disabled":[4],"menuItems":[1,"menu-items"],"header":[1],"avatarSrc":[1,"avatar-src"],"avatarAlt":[1,"avatar-alt"],"avatarSize":[1,"avatar-size"],"avatarName":[1,"avatar-name"],"avatarEmail":[1,"avatar-email"],"showIcons":[4,"show-icons"],"isOpen":[32],"menuPosition":[32]},[[4,"click","handleClickOutside"]],{"isOpen":["handleOpenChange"]}],[769,"bh-logo-box",{"logoType":[1,"logo-type"],"logoSrc":[1,"logo-src"],"assetBasePath":[1,"asset-base-path"],"products":[16],"isOpen":[32],"anchorPosition":[32]}],[769,"bh-nav-item",{"icon":[1],"label":[1],"isActive":[4,"is-active"],"disabled":[4]}]]],["p-53dbd8bd",[[769,"bh-empty-state",{"emptyTitle":[1,"empty-title"],"description":[1],"illustrationSize":[1,"illustration-size"],"illustrationPath":[1,"illustration-path"],"primaryActionText":[1,"primary-action-text"],"primaryActionIcon":[1,"primary-action-icon"],"secondaryActionText":[1,"secondary-action-text"],"secondaryActionIcon":[1,"secondary-action-icon"],"maxWidth":[1,"max-width"]}],[769,"bh-pagination",{"page":[1026],"totalItems":[2,"total-items"],"pageSize":[1026,"page-size"],"pageSizeOptions":[16],"showPageSizeSelector":[4,"show-page-size-selector"],"showItemCount":[4,"show-item-count"],"compact":[4],"maxPageNumbers":[2,"max-page-numbers"],"disabled":[4],"rowsPerPageLabel":[1,"rows-per-page-label"],"showingResultsLabel":[1,"showing-results-label"],"pageInfoLabel":[1,"page-info-label"],"internalPage":[32],"internalPageSize":[32]}],[769,"bh-skeleton-loader",{"width":[1],"height":[1],"circle":[4]}]]],["p-940af1e0",[[769,"bh-label",{"label":[1],"layout":[1],"for":[1],"supportingText":[1,"supporting-text"],"required":[4],"showHelpIcon":[4,"show-help-icon"],"helpIconTooltip":[1,"help-icon-tooltip"],"disabled":[4],"showHelpTooltip":[32]}],[769,"bh-tooltip",{"text":[1],"position":[1],"variant":[1],"visible":[4],"maxWidth":[2,"max-width"]}]]],["p-6e8dd0f7",[[833,"bh-checkbox",{"size":[1],"checked":[1540],"indeterminate":[1028],"disabled":[4],"name":[1],"value":[1],"label":[1],"supportingText":[1,"supporting-text"],"required":[4],"defaultChecked":[4,"default-checked"],"isHovered":[32],"isFocused":[32]},null,{"checked":["handleCheckedChange"],"indeterminate":["handleIndeterminateChange"]}],[833,"bh-radio-button",{"size":[1],"selected":[1028],"disabled":[4],"value":[1],"name":[1],"label":[1],"supportingText":[1,"supporting-text"],"isFocused":[32],"isHovered":[32]}]]],["p-f30af956",[[769,"bh-month-picker-content",{"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledMonths":[16],"scrollable":[4],"selectedMonth":[2,"selected-month"],"selectedYear":[2,"selected-year"],"height":[1],"value":[16],"internalSelectedMonth":[32],"internalSelectedYear":[32],"isUsingKeyboard":[32]},null,{"value":["handleValueChange"],"selectedMonth":["handleSelectedMonthChange"],"selectedYear":["handleSelectedYearChange"]}]]],["p-31f60dac",[[769,"bh-picker-menu",{"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledMonths":[16],"animationClass":[1,"animation-class"],"visible":[4],"showFooter":[4,"show-footer"],"showTodayButton":[4,"show-today-button"],"disableApply":[4,"disable-apply"],"value":[16],"isClosing":[32],"shouldRender":[32],"selectedMonth":[32],"selectedYear":[32]},null,{"visible":["handleVisibleChange"],"value":["handleValueChange"]}],[833,"bh-input-text",{"label":[1],"placeholder":[1],"hintText":[1,"hint-text"],"showLabel":[4,"show-label"],"showHintText":[4,"show-hint-text"],"showHelpIcon":[4,"show-help-icon"],"showLeadingIcon":[4,"show-leading-icon"],"showTrailingIcon":[4,"show-trailing-icon"],"error":[4],"disabled":[4],"required":[4],"helpIconTooltip":[1,"help-icon-tooltip"],"leadingIcon":[1,"leading-icon"],"trailingIcon":[1,"trailing-icon"],"value":[1025],"name":[1],"defaultValue":[1,"default-value"],"validationMessage":[1,"validation-message"],"type":[1],"width":[1],"readOnly":[4,"read-only"],"state":[1],"isFocused":[32],"isHovered":[32]}]]],["p-c9ac177b",[[769,"bh-button-icon",{"hierarchy":[1],"size":[1],"iconName":[1,"icon-name"],"disabled":[4],"loading":[4],"type":[1],"ariaLabel":[1,"aria-label"]}]]],["p-4bc0e720",[[769,"bh-date-picker-content",{"minYear":[2,"min-year"],"maxYear":[2,"max-year"],"disabled":[4],"disabledDates":[16],"initialMonth":[2,"initial-month"],"initialYear":[2,"initial-year"],"displayMonth":[2,"display-month"],"displayYear":[2,"display-year"],"rangeStart":[16],"rangeEnd":[16],"value":[16],"showOtherMonthDays":[4,"show-other-month-days"],"selectedDate":[32],"currentMonth":[32],"currentYear":[32],"isMonthDropdownOpen":[32],"isMonthDropdownClosing":[32]},null,{"value":["handleValueChange"],"displayMonth":["handleDisplayMonthChange"],"displayYear":["handleDisplayYearChange"]}]]],["p-7534a8d4",[[769,"bh-featured-icon",{"size":[1],"color":[1],"iconStyle":[1,"icon-style"],"icon":[1]}]]],["p-04a00da6",[[769,"bh-button",{"hierarchy":[1],"kind":[1],"icon":[1],"size":[1],"label":[1],"iconName":[1,"icon-name"],"disabled":[4],"loading":[4],"type":[1]}],[769,"bh-loader-spinner",{"size":[1],"variant":[1],"overlay":[4],"overlayMessage":[1,"overlay-message"],"showMessage":[4,"show-message"],"message":[1]}]]]]'),e)}));
 //# sourceMappingURL=bellhop-core.esm.js.map

package/dist/bellhop-core/bellhop-core.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bellhop-core.esm.js","sources":["node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/\n Stencil Client Patch Browser v4.38.3 \| MIT Licensed \| https://stenciljs.com\n /\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($\|\\\\?\|#)`).test(s.src) \|\| s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm \|\| {})[\"data-opts\"] \|\| {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/!__STENCIL_LAZY_DATA__/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}
1	+ {"version":3,"file":"bellhop-core.esm.js","sources":["../../node_modules/@stencil/core/internal/client/patch-browser.js","@lazy-browser-entrypoint?app-data=conditional"],"sourcesContent":["/\n Stencil Client Patch Browser v4.38.3 \| MIT Licensed \| https://stenciljs.com\n /\n\n// src/client/client-patch-browser.ts\nimport { BUILD, NAMESPACE } from \"@stencil/core/internal/app-data\";\nimport { consoleDevInfo, H, promiseResolve, win } from \"@stencil/core\";\nvar patchBrowser = () => {\n if (BUILD.isDev && !BUILD.isTesting) {\n consoleDevInfo(\"Running in development mode.\");\n }\n if (BUILD.cloneNodeFix) {\n patchCloneNodeFix(H.prototype);\n }\n const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll(\"script\")).find(\n (s) => new RegExp(`/${NAMESPACE}(\\\\.esm)?\\\\.js($\|\\\\?\|#)`).test(s.src) \|\| s.getAttribute(\"data-stencil-namespace\") === NAMESPACE\n ) : null;\n const importMeta = import.meta.url;\n const opts = BUILD.scriptDataOpts ? (scriptElm \|\| {})[\"data-opts\"] \|\| {} : {};\n if (importMeta !== \"\") {\n opts.resourcesUrl = new URL(\".\", importMeta).href;\n }\n return promiseResolve(opts);\n};\nvar patchCloneNodeFix = (HTMLElementPrototype) => {\n const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;\n HTMLElementPrototype.cloneNode = function(deep) {\n if (this.nodeName === \"TEMPLATE\") {\n return nativeCloneNodeFn.call(this, deep);\n }\n const clonedNode = nativeCloneNodeFn.call(this, false);\n const srcChildNodes = this.childNodes;\n if (deep) {\n for (let i = 0; i < srcChildNodes.length; i++) {\n if (srcChildNodes[i].nodeType !== 2) {\n clonedNode.appendChild(srcChildNodes[i].cloneNode(true));\n }\n }\n }\n return clonedNode;\n };\n};\nexport {\n patchBrowser\n};\n","export { setNonce } from '@stencil/core';\nimport { bootstrapLazy } from '@stencil/core';\nimport { patchBrowser } from '@stencil/core/internal/client/patch-browser';\nimport { globalScripts } from '@stencil/core/internal/app-globals';\npatchBrowser().then(async (options) => {\n await globalScripts();\n return bootstrapLazy([/!__STENCIL_LAZY_DATA__/], options);\n});\n"],"names":[],"mappings":";;;AAAA;AACA;AACA;;AAKA,IAAI,YAAY,GAAG,MAAM;AAUzB,EAAE,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG;AACpC,EAAE,MAAM,IAAI,GAAiE,EAAE;AAC/E,EAAE,IAAI,UAAU,KAAK,EAAE,EAAE;AACzB,IAAI,IAAI,CAAC,YAAY,GAAG,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI;AACrD;AACA,EAAE,OAAO,cAAc,CAAC,IAAI,CAAC;AAC7B,CAAC;;ACnBD,YAAY,EAAE,CAAC,IAAI,CAAC,OAAO,OAAO,KAAK;AACvC,EAAE,MAAM,aAAa,EAAE;AACvB,EAAE,OAAO,aAAa,CAAC,4BAA4B,EAAE,OAAO,CAAC;AAC7D,CAAC,CAAC","x_google_ignoreList":[0]}

package/dist/bellhop-core/bh-avatar.entry.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"bh-avatar.entry.esm.js","sources":["src/components/bh-avatar/bh-avatar.css?tag=bh-avatar&encapsulation=shadow","src/components/bh-avatar/bh-avatar.tsx"],"sourcesContent":["/* ==========================================================================\n BH-AVATAR COMPONENT STYLES\n ========================================================================== /\n\n:host {\n display: inline-block;\n}\n\n/ Base Avatar /\n.avatar {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background-color: var(--color-neutral-100);\n flex-shrink: 0;\n}\n\n/ Avatar Sizes /\n.avatar-xxs {\n width: 16px;\n height: 16px;\n}\n\n.avatar-xs {\n width: 24px;\n height: 24px;\n}\n\n.avatar-sm {\n width: 32px;\n height: 32px;\n}\n\n.avatar-md {\n width: 40px;\n height: 40px;\n}\n\n.avatar-lg {\n width: 48px;\n height: 48px;\n}\n\n.avatar-xl {\n width: 56px;\n height: 56px;\n}\n\n.avatar-2xl {\n width: 64px;\n height: 64px;\n}\n\n/ ==========================================================================\n AVATAR CONTENT ELEMENTS\n ========================================================================== /\n\n/ Avatar Border /\n.avatar-border {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 50%;\n pointer-events: none;\n z-index: 1;\n}\n\n.avatar-xs .avatar-border,\n.avatar-sm .avatar-border {\n border: 0.5px solid var(--color-neutral-400);\n}\n\n.avatar-md .avatar-border,\n.avatar-lg .avatar-border,\n.avatar-xl .avatar-border,\n.avatar-2xl .avatar-border {\n border: 0.75px solid var(--color-neutral-400);\n}\n\n/ Avatar Content Container /\n.avatar-content {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n overflow: hidden;\n z-index: 0;\n}\n\n/ Avatar Image /\n.avatar-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n aspect-ratio: 1 / 1;\n}\n\n/ Avatar Placeholder Icon /\n.avatar-placeholder-icon {\n color: var(--color-neutral-500);\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/ Avatar Text (for text-type avatars) /\n.avatar-text {\n color: var(--color-neutral-500);\n font-family: var(--font-inter);\n font-weight: var(--weight-semibold);\n text-align: center;\n line-height: 1;\n}\n\n/ Text Size Classes /\n.text-xxs {\n font-size: 10px;\n line-height: 1.6em;\n}\n\n.text-xs {\n font-size: 12px;\n line-height: 1.5em;\n}\n\n.text-sm {\n font-size: var(--text-sm-size);\n line-height: var(--text-sm-line);\n}\n\n.text-md {\n font-size: var(--text-md-size);\n line-height: var(--text-md-line);\n}\n\n.text-lg {\n font-size: 18px;\n line-height: 1.56em;\n}\n\n.text-xl {\n font-size: 20px;\n line-height: 1.5em;\n}\n\n.text-2xl {\n font-size: 24px;\n line-height: 1.33em;\n}\n\n/ Icon Size Classes /\n.icon-sm {\n font-size: 16px;\n}\n\n.icon-md {\n font-size: 20px;\n}\n\n.icon-lg {\n font-size: 24px;\n}\n\n.icon-xl {\n font-size: 28px;\n}\n\n.icon-2xl {\n font-size: 32px;\n}\n\n.icon-3xl {\n font-size: 36px;\n}\n\n.icon-4xl {\n font-size: 40px;\n}\n\n/ ==========================================================================\n STATUS INDICATOR\n ========================================================================== /\n\n.avatar-status {\n position: absolute;\n border-radius: 50%;\n background-color: var(--color-success-500);\n border: 1.5px solid var(--color-white);\n z-index: 2;\n}\n\n.avatar-status-online {\n background-color: var(--color-success-500);\n}\n\n.avatar-status-offline {\n background-color: var(--color-neutral-400);\n}\n\n/ Status Indicator Sizes /\n.avatar-status-xxs {\n width: 4px;\n height: 4px;\n bottom: 0;\n right: 0;\n}\n\n.avatar-status-xs {\n width: 6px;\n height: 6px;\n bottom: 0;\n right: 0;\n}\n\n.avatar-status-sm {\n width: 8px;\n height: 8px;\n bottom: 0;\n right: 0;\n}\n\n.avatar-status-md {\n width: 10px;\n height: 10px;\n bottom: 0;\n right: 0;\n}\n\n.avatar-status-lg {\n width: 12px;\n height: 12px;\n bottom: 0;\n right: 0;\n}\n\n.avatar-status-xl {\n width: 14px;\n height: 14px;\n bottom: 0;\n right: 0;\n}\n\n.avatar-status-2xl {\n width: 16px;\n height: 16px;\n bottom: 0;\n right: 0;\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport type AvatarSize = 'xxs' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl';\nexport type AvatarType = 'image' \| 'placeholder' \| 'text';\nexport type AvatarStatus = 'online' \| 'offline' \| 'none';\n\n@Component({\n tag: 'bh-avatar',\n styleUrl: 'bh-avatar.css',\n shadow: true,\n})\nexport class BhAvatar {\n /\n The size of the avatar\n /\n @Prop() size: AvatarSize = 'md';\n\n /\n The type of avatar content\n /\n @Prop() type: AvatarType = 'image';\n\n /\n The status indicator (online, offline, or none)\n /\n @Prop() status: AvatarStatus = 'none';\n\n /\n Text to display for text-type avatars (initials)\n /\n @Prop() text: string = 'RD';\n\n /\n Image source URL for image-type avatars\n /\n @Prop() imageSrc?: string;\n\n /\n Alt text for the avatar image\n /\n @Prop() alt: string = 'Avatar';\n\n /\n Emitted when the avatar is hovered\n /\n @Event() bhMouseEnter!: EventEmitter<void>;\n\n /\n Emitted when the mouse leaves the avatar\n */\n @Event() bhMouseLeave!: EventEmitter<void>;\n\n private handleMouseEnter = (): void => {\n this.bhMouseEnter.emit();\n };\n\n private handleMouseLeave = (): void => {\n this.bhMouseLeave.emit();\n };\n\n private getTextSizeClass(): string {\n const sizeMap: Record<AvatarSize, string> = {\n 'xxs': 'text-xxs',\n 'xs': 'text-xs',\n 'sm': 'text-sm',\n 'md': 'text-md',\n 'lg': 'text-lg',\n 'xl': 'text-xl',\n '2xl': 'text-2xl',\n };\n return sizeMap[this.size] \|\| 'text-md';\n }\n\n private getIconSizeClass(): string {\n const sizeMap: Record<AvatarSize, string> = {\n 'xxs': 'icon-sm',\n 'xs': 'icon-md',\n 'sm': 'icon-lg',\n 'md': 'icon-xl',\n 'lg': 'icon-2xl',\n 'xl': 'icon-3xl',\n '2xl': 'icon-4xl',\n };\n return sizeMap[this.size] \|\| 'icon-xl';\n }\n\n render() {\n const avatarClasses = {\n 'avatar': true,\n [`avatar-${this.size}`]: true,\n 'avatar-with-status': this.status !== 'none',\n };\n\n const statusClasses = {\n 'avatar-status': true,\n [`avatar-status-${this.size}`]: true,\n 'avatar-status-online': this.status === 'online',\n 'avatar-status-offline': this.status === 'offline',\n };\n\n return (\n <div\n class={avatarClasses}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n part=\"avatar\"\n >\n <div class=\"avatar-border\"></div>\n\n <div class=\"avatar-content\">\n {this.type === 'image' && (\n <img\n src={this.imageSrc}\n alt={this.alt}\n class=\"avatar-image\"\n />\n )}\n\n {this.type === 'placeholder' && (\n <span class={`material-symbols-outlined avatar-placeholder-icon ${this.getIconSizeClass()}`}>\n person\n </span>\n )}\n\n {this.type === 'text' && (\n <span class={`avatar-text ${this.getTextSizeClass()}`}>\n {this.text}\n </span>\n )}\n </div>\n\n {this.status !== 'none' && (\n <div class={statusClasses}></div>\n )}\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"bh-avatar.entry.esm.js","sources":["src/components/bh-avatar/bh-avatar.css?tag=bh-avatar&encapsulation=shadow","src/components/bh-avatar/bh-avatar.tsx"],"sourcesContent":["/* ==========================================================================\n BH-AVATAR COMPONENT STYLES\n ========================================================================== /\n\n:host {\n display: inline-block;\n}\n\n/ Base Avatar /\n.avatar {\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n background-color: var(--color-neutral-100);\n flex-shrink: 0;\n}\n\n/ Avatar Sizes /\n.avatar-xxs {\n width: 16px;\n height: 16px;\n}\n\n.avatar-xs {\n width: 24px;\n height: 24px;\n}\n\n.avatar-sm {\n width: 32px;\n height: 32px;\n}\n\n.avatar-md {\n width: 40px;\n height: 40px;\n}\n\n.avatar-lg {\n width: 48px;\n height: 48px;\n}\n\n.avatar-xl {\n width: 56px;\n height: 56px;\n}\n\n.avatar-2xl {\n width: 64px;\n height: 64px;\n}\n\n/ ==========================================================================\n AVATAR CONTENT ELEMENTS\n ========================================================================== /\n\n/ Avatar Border /\n.avatar-border {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: 50%;\n pointer-events: none;\n}\n\n.avatar-xs .avatar-border,\n.avatar-sm .avatar-border {\n border: 0.5px solid var(--color-neutral-400);\n}\n\n.avatar-md .avatar-border,\n.avatar-lg .avatar-border,\n.avatar-xl .avatar-border,\n.avatar-2xl .avatar-border {\n border: 0.75px solid var(--color-neutral-400);\n}\n\n/ Avatar Content Container /\n.avatar-content {\n position: relative;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n overflow: hidden;\n z-index: 0;\n}\n\n/ Avatar Image /\n.avatar-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n border-radius: 50%;\n aspect-ratio: 1 / 1;\n}\n\n/ Avatar Placeholder Icon /\n.avatar-placeholder-icon {\n color: var(--color-neutral-500);\n line-height: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n/ Avatar Text (for text-type avatars) /\n.avatar-text {\n color: var(--color-neutral-500);\n font-family: var(--font-inter);\n font-weight: var(--weight-semibold);\n text-align: center;\n line-height: 1;\n}\n\n/ Text Size Classes /\n.text-xxs {\n font-size: 10px;\n line-height: 1.6em;\n}\n\n.text-xs {\n font-size: 12px;\n line-height: 1.5em;\n}\n\n.text-sm {\n font-size: var(--text-sm-size);\n line-height: var(--text-sm-line);\n}\n\n.text-md {\n font-size: var(--text-md-size);\n line-height: var(--text-md-line);\n}\n\n.text-lg {\n font-size: 18px;\n line-height: 1.56em;\n}\n\n.text-xl {\n font-size: 20px;\n line-height: 1.5em;\n}\n\n.text-2xl {\n font-size: 24px;\n line-height: 1.33em;\n}\n\n/ Icon Size Classes /\n.icon-sm {\n font-size: 16px;\n}\n\n.icon-md {\n font-size: 20px;\n}\n\n.icon-lg {\n font-size: 24px;\n}\n\n.icon-xl {\n font-size: 28px;\n}\n\n.icon-2xl {\n font-size: 32px;\n}\n\n.icon-3xl {\n font-size: 36px;\n}\n\n.icon-4xl {\n font-size: 40px;\n}\n\n/ ==========================================================================\n STATUS INDICATOR\n ========================================================================== /\n\n.avatar-status {\n position: absolute;\n border-radius: 50%;\n background-color: var(--color-success-500);\n border: 1.5px solid var(--color-white);\n z-index: 2;\n}\n\n.avatar-status-online {\n background-color: var(--color-success-500);\n}\n\n.avatar-status-offline {\n background-color: var(--color-neutral-400);\n}\n\n/ Status Indicator Sizes /\n.avatar-status-xxs {\n width: 4px;\n height: 4px;\n bottom: 0;\n right: 0;\n}\n\n.avatar-status-xs {\n width: 6px;\n height: 6px;\n bottom: 0;\n right: 0;\n}\n\n.avatar-status-sm {\n width: 8px;\n height: 8px;\n bottom: 0;\n right: 0;\n}\n\n.avatar-status-md {\n width: 10px;\n height: 10px;\n bottom: 0;\n right: 0;\n}\n\n.avatar-status-lg {\n width: 12px;\n height: 12px;\n bottom: 0;\n right: 0;\n}\n\n.avatar-status-xl {\n width: 14px;\n height: 14px;\n bottom: 0;\n right: 0;\n}\n\n.avatar-status-2xl {\n width: 16px;\n height: 16px;\n bottom: 0;\n right: 0;\n}\n","import { Component, Prop, Event, EventEmitter, h } from '@stencil/core';\n\nexport type AvatarSize = 'xxs' \| 'xs' \| 'sm' \| 'md' \| 'lg' \| 'xl' \| '2xl';\nexport type AvatarType = 'image' \| 'placeholder' \| 'text';\nexport type AvatarStatus = 'online' \| 'offline' \| 'none';\n\n@Component({\n tag: 'bh-avatar',\n styleUrl: 'bh-avatar.css',\n shadow: true,\n})\nexport class BhAvatar {\n /\n The size of the avatar\n /\n @Prop() size: AvatarSize = 'md';\n\n /\n The type of avatar content\n /\n @Prop() type: AvatarType = 'image';\n\n /\n The status indicator (online, offline, or none)\n /\n @Prop() status: AvatarStatus = 'none';\n\n /\n Text to display for text-type avatars (initials)\n /\n @Prop() text: string = 'RD';\n\n /\n Image source URL for image-type avatars\n /\n @Prop() imageSrc?: string;\n\n /\n Alt text for the avatar image\n /\n @Prop() alt: string = 'Avatar';\n\n /\n Emitted when the avatar is hovered\n /\n @Event() bhMouseEnter!: EventEmitter<void>;\n\n /\n Emitted when the mouse leaves the avatar\n */\n @Event() bhMouseLeave!: EventEmitter<void>;\n\n private handleMouseEnter = (): void => {\n this.bhMouseEnter.emit();\n };\n\n private handleMouseLeave = (): void => {\n this.bhMouseLeave.emit();\n };\n\n private getTextSizeClass(): string {\n const sizeMap: Record<AvatarSize, string> = {\n 'xxs': 'text-xxs',\n 'xs': 'text-xs',\n 'sm': 'text-sm',\n 'md': 'text-md',\n 'lg': 'text-lg',\n 'xl': 'text-xl',\n '2xl': 'text-2xl',\n };\n return sizeMap[this.size] \|\| 'text-md';\n }\n\n private getIconSizeClass(): string {\n const sizeMap: Record<AvatarSize, string> = {\n 'xxs': 'icon-sm',\n 'xs': 'icon-md',\n 'sm': 'icon-lg',\n 'md': 'icon-xl',\n 'lg': 'icon-2xl',\n 'xl': 'icon-3xl',\n '2xl': 'icon-4xl',\n };\n return sizeMap[this.size] \|\| 'icon-xl';\n }\n\n render() {\n const avatarClasses = {\n 'avatar': true,\n [`avatar-${this.size}`]: true,\n 'avatar-with-status': this.status !== 'none',\n };\n\n const statusClasses = {\n 'avatar-status': true,\n [`avatar-status-${this.size}`]: true,\n 'avatar-status-online': this.status === 'online',\n 'avatar-status-offline': this.status === 'offline',\n };\n\n return (\n <div\n class={avatarClasses}\n onMouseEnter={this.handleMouseEnter}\n onMouseLeave={this.handleMouseLeave}\n part=\"avatar\"\n >\n <div class=\"avatar-border\"></div>\n\n <div class=\"avatar-content\">\n {this.type === 'image' && (\n <img\n src={this.imageSrc}\n alt={this.alt}\n class=\"avatar-image\"\n />\n )}\n\n {this.type === 'placeholder' && (\n <span class={`material-symbols-outlined avatar-placeholder-icon ${this.getIconSizeClass()}`}>\n person\n </span>\n )}\n\n {this.type === 'text' && (\n <span class={`avatar-text ${this.getTextSizeClass()}`}>\n {this.text}\n </span>\n )}\n </div>\n\n {this.status !== 'none' && (\n <div class={statusClasses}></div>\n )}\n </div>\n );\n }\n}\n"],"names":[],"mappings":"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"}