@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/components/p-CJUnjRCe.js

@@ -0,0 +1 @@
+import{p as t,H as a,c as i,h as s,t as e}from"./p-YZi6LqIt.js";import{d as r}from"./p-DJlRFgcj.js";import{d as o}from"./p-BI2Y2Le4.js";import{d as n}from"./p-CClVva-u.js";import{d as h}from"./p-S-miu3h6.js";import{d}from"./p-C7fkgBQS.js";import{d as l}from"./p-BbPrWlsw.js";import{b as c,d as p}from"./p-hhv9O2Qq.js";import{d as m}from"./p-D6aw0IK6.js";import{c as b,a as u,r as v,b as f,d as g}from"./p-BJXjqxlX.js";import{c as w}from"./p-Dmpif9C-.js";import{C as y}from"./p-CNYUzrTZ.js";import{c as I}from"./p-YdVz1TeW.js";import{B as E,r as S}from"./p-BNVOtH-1.js";import{c as k}from"./p-CFlb5gKI.js";import{c as C}from"./p-B93zYxiE.js";import{v as D}from"./p-DlPm3fIV.js";import{a as x}from"./p-BqJRACkO.js";import{K as O}from"./p-zdFuIabL.js";import{Z as j}from"./p-BoVgy_Ao.js";const A=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=i(this,"bhItemClick"),this.bhOpen=i(this,"bhOpen"),this.bhClose=i(this,"bhClose"),this.bhChange=i(this,"bhChange"),this.bhSearch=i(this,"bhSearch"),this.bhScroll=i(this,"bhScroll"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur")}get el(){return this}triggerRef;menuRef;positioner;dismissalManager;logger=b("bh-dropdown");_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=w({componentName:"bh-dropdown",logger:this.logger})),this._errorHandler}size="md";state="default";variant="outlined";label="Options";iconName="more_vert";disabled=!1;menuItems=[];header;avatarSrc="";avatarAlt="Avatar";avatarInitials="";avatarSize="md";avatarName;avatarEmail;showIcons=!0;searchable=!1;searchPlaceholder="Search...";menuId;ariaRoleDescription=null;ariaActiveDescendant;ariaBusy="false";ariaAutocomplete="none";isOpen=!1;menuPosition={x:0,y:0};errorState=u();searchTerm="";componentState="UNMOUNTED";stateManager=new y("UNMOUNTED");positionRetryCount=0;MAX_POSITION_RETRIES=3;bhItemClick;bhOpen;bhClose;bhChange;bhSearch;bhScroll;bhFocus;bhBlur;focusState=I();focusVersion=0;i18nUnsubscribe;_i18nVersion=0;componentDidCatch(t){this.handleComponentError(t)}setMenuOpen(t){this.isOpen!==t&&(this.isOpen=t,t?this.bhOpen.emit():this.bhClose.emit())}handleDismiss=()=>{this.setMenuOpen(!1)};handleOpenChange(t){t?(this.setupFloatingUI(),this.dismissalManager?.enable()):(this.dismissalManager?.disable(),this.cleanupFloating())}componentWillLoad(){this.i18nUnsubscribe=E.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.dismissalManager?.destroy(),this.cleanupFloating(),this.i18nUnsubscribe?.()}componentDidLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.menuRef&&this.triggerRef&&(this.dismissalManager=k(this.menuRef,{onDismiss:this.handleDismiss,escapeKey:!0,clickOutside:!0,focusLoss:!1,excludeElements:[this.triggerRef]}))}async setupFloatingUI(){if(!this.triggerRef||!this.menuRef)return;const t="avatar"===this.variant?"right-end":"bottom-end";try{this.stateManager.transition("LOADING","Computing position"),this.positioner=await C(this.triggerRef,this.menuRef,{placement:t,offset:8,flip:!0,fallbackPlacements:["top-end","bottom-start","top-start"],shift:!0,shiftPadding:8,timeoutMs:2e3,autoUpdate:!0},((t,a)=>{this.menuPosition={x:t,y:a},this.positionRetryCount=0,"ACTIVE"!==this.stateManager.getState()&&(this.stateManager.transition("ACTIVE","Position computed successfully"),this.componentState="ACTIVE")}))}catch(t){this.positionRetryCount++,this.positionRetryCount>=this.MAX_POSITION_RETRIES?(this.stateManager.enterDegradedState({fallbackUI:"static-position",disabledFeatures:["auto-positioning","flip","shift"],retryable:!0,maxRetries:this.MAX_POSITION_RETRIES}),this.componentState="DEGRADED",this.logger.warn("Dropdown degraded: using fallback positioning",{reason:t instanceof Error?t.message:String(t),retries:this.positionRetryCount}),v("bh-dropdown",t)):this.logger.warn("Retrying position calculation",{retryCount:this.positionRetryCount}),this.fallbackPosition()}}fallbackPosition(){if(!this.triggerRef)return;const t=this.triggerRef.getBoundingClientRect();this.menuPosition="right-end"==("avatar"===this.variant?"right-end":"bottom-end")?{x:t.right+8,y:t.top}:{x:t.left,y:t.bottom+8}}cleanupFloating(){this.positioner&&(this.positioner.destroy(),this.positioner=void 0)}get parsedMenuItems(){let t;if("string"==typeof this.menuItems){const a=D(this.menuItems);if(!a.valid)return v("bh-dropdown",new Error(`Invalid menuItems JSON: ${a.errors.map((t=>t.message)).join(", ")}`)),[];if(!Array.isArray(a.value))return v("bh-dropdown",new Error("menuItems must be an array")),[];t=a.value}else t=this.menuItems||[];return this.searchable&&this.searchTerm&&(t=t.filter((t=>(t.label||"").toLowerCase().includes(this.searchTerm.toLowerCase())))),t}get parsedHeader(){if("avatar"===this.variant)return{avatarGroup:!0,avatarSrc:this.avatarSrc,name:this.avatarName,email:this.avatarEmail};if(this.header){if("string"==typeof this.header){const t=D(this.header);return t.valid?t.value??void 0:void v("bh-dropdown",new Error(`Invalid header JSON: ${t.errors.map((t=>t.message)).join(", ")}`))}return this.header}}toggleDropdown=()=>{this.disabled||this.setMenuOpen(!this.isOpen)};handleMenuItemClick=t=>{const a=t.detail.item;a&&!a.disabled&&(this.bhItemClick.emit(a),this.bhChange.emit(a),this.setMenuOpen(!1))};handleSearch=t=>{this.bhSearch.emit(t)};handleFocus=t=>{this.focusState.handleFocus(t,(t=>this.bhFocus.emit(t)))};handleBlur=t=>{this.focusState.handleBlur(t,(t=>this.bhBlur.emit(t)))};handleKeyDown=t=>{if(!this.disabled&&x(t)&&(t.preventDefault(),this.toggleDropdown()),(t.key===O.ARROW_DOWN||t.key===O.ARROW_UP)&&!this.isOpen){t.preventDefault(),this.setMenuOpen(!0);const a=t.key===O.ARROW_DOWN?0:-1;requestAnimationFrame((()=>{this.menuRef?.focusItem(a)}))}};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};get isIconOnly(){return"icon-only-outlined"===this.variant||"icon-only-ghost"===this.variant}get showAvatar(){return"avatar"===this.variant}get buttonHierarchy(){return"ghost"===this.variant||"icon-only-ghost"===this.variant?"tertiary":"secondary"}renderErrorFallback(){return s("div",{class:"dropdown-error",part:"error"},s("bh-button",{disabled:!0,hierarchy:"secondary",icon:"leading",iconName:"error",label:this.label,size:this.size}))}render(){if(this.errorState.hasError)return this.renderErrorFallback();try{const t={"dropdown-container":!0,"dropdown-open":this.isOpen,"dropdown-avatar-variant":"avatar"===this.variant},a={"dropdown-avatar":!0,"dropdown-avatar-focus":this.isOpen,"dropdown-avatar-disabled":this.disabled},i={position:"fixed",left:`${this.menuPosition.x}px`,top:`${this.menuPosition.y}px`,zIndex:String(j.POPOVER)};return s("div",{"aria-disabled":this.disabled?"true":void 0,class:t,part:"container"},"DEGRADED"===this.componentState&&this.isOpen&&s("div",{class:"dropdown-degraded-notice",part:"degraded-notice",role:"status"},s("span",{class:"dropdown-degraded-icon"},"⚠️"),s("span",{class:"dropdown-degraded-text"},"Simplified positioning active")),!this.showAvatar&&s("div",{onKeyDown:this.handleKeyDown,part:"trigger",ref:t=>this.triggerRef=t},this.isIconOnly?s("bh-button-icon",{ariaLabel:this.iconName,disabled:this.disabled,hierarchy:this.buttonHierarchy,iconName:this.iconName,onClick:this.toggleDropdown,size:this.size}):s("bh-button",{disabled:this.disabled,hierarchy:this.buttonHierarchy,icon:"trailing",iconName:"expand_more",label:S("bh-dropdown","label",this.label,"Options"),onClick:this.toggleDropdown,size:this.size})),this.showAvatar&&s("div",{"aria-activedescendant":this.ariaActiveDescendant,"aria-busy":String(this.ariaBusy),"aria-controls":this.menuId,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":String(this.isOpen),"aria-haspopup":"menu","aria-live":"off","aria-roledescription":this.ariaRoleDescription,class:a,"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:t=>{this.disabled||(t.stopPropagation(),this.toggleDropdown())},onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"trigger",ref:t=>this.triggerRef=t,role:"button",tabindex:this.disabled?-1:0},s("bh-avatar",{alt:S("bh-dropdown","avatarAlt",this.avatarAlt,"Avatar"),imageSrc:this.avatarSrc||void 0,size:this.avatarSize,text:this.avatarInitials,variant:this.avatarSrc?"image":this.avatarInitials?"text":"placeholder"})),this.searchable&&this.isOpen&&s("div",{class:"dropdown-search",part:"search"},s("bh-input-text",{onInput:t=>{const a=t.detail;this.searchTerm=a,this.handleSearch(a)},placeholder:S("bh-dropdown","searchPlaceholder",this.searchPlaceholder,"Search..."),value:this.searchTerm})),s("bh-menu",{animated:!0,"aria-activedescendant":this.ariaActiveDescendant,"aria-busy":String(this.ariaBusy),"aria-live":"polite","aria-roledescription":this.ariaRoleDescription,class:{"dropdown-menu-hidden":!this.isOpen},header:this.parsedHeader,id:this.menuId,menuItems:this.parsedMenuItems,onBhItemClick:this.handleMenuItemClick,orientation:"vertical",ref:t=>this.menuRef=t,role:"menu",showIcons:this.showIcons,style:this.isOpen?i:void 0,visible:this.isOpen}))}catch(t){return this.errorState=f(this.errorState,g("bh-dropdown",t,{variant:this.variant})),this.renderErrorFallback()}}static get watchers(){return{isOpen:[{handleOpenChange:0}]}}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;position:relative;--bh-dropdown-avatar-bg-hover:var(--color-bg-tertiary);--bh-dropdown-avatar-bg-focus:var(--color-bg-interactive-light)}}@layer bh-base{.dropdown-container{position:relative;display:inline-block;}.dropdown-container bh-dropdown-menu{}.dropdown-container .dropdown-menu-hidden{display:none}.dropdown-avatar{cursor:pointer;border-radius:50%;outline:none;display:inline-flex;user-select:none;line-height:0}}@layer bh-states{.dropdown-avatar{}.dropdown-avatar:hover:not(.dropdown-avatar-disabled) bh-avatar{--bh-avatar-bg:var(--bh-dropdown-avatar-bg-hover)}.dropdown-avatar:focus:not(.dropdown-avatar-disabled) bh-avatar{--bh-avatar-bg:var(--bh-dropdown-avatar-bg-focus)}.dropdown-avatar-focus bh-avatar{--bh-avatar-bg:var(--bh-dropdown-avatar-bg-focus)}.dropdown-avatar-disabled{cursor:not-allowed;opacity:0.5}.dropdown-open bh-button{--button-focus-ring:0 0 0 2px var(--color-border-interactive)}}"}},[513,"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"],avatarInitials:[1,"avatar-initials"],avatarSize:[1,"avatar-size"],avatarName:[1,"avatar-name"],avatarEmail:[1,"avatar-email"],showIcons:[4,"show-icons"],searchable:[4],searchPlaceholder:[1,"search-placeholder"],menuId:[1,"menu-id"],ariaRoleDescription:[1,"aria-role-description"],ariaActiveDescendant:[1,"aria-active-descendant"],ariaBusy:[1,"aria-busy"],ariaAutocomplete:[1,"aria-autocomplete"],isOpen:[32],menuPosition:[32],errorState:[32],searchTerm:[32],componentState:[32],focusVersion:[32],_i18nVersion:[32]},void 0,{isOpen:[{handleOpenChange:0}]}]);function N(){"undefined"!=typeof customElements&&["bh-dropdown","bh-avatar","bh-button","bh-button-icon","bh-input-text","bh-label","bh-loader-spinner","bh-menu","bh-menu-item","bh-tooltip"].forEach((t=>{switch(t){case"bh-dropdown":customElements.get(e(t))||customElements.define(e(t),A);break;case"bh-avatar":customElements.get(e(t))||r();break;case"bh-button":customElements.get(e(t))||o();break;case"bh-button-icon":customElements.get(e(t))||n();break;case"bh-input-text":customElements.get(e(t))||h();break;case"bh-label":customElements.get(e(t))||d();break;case"bh-loader-spinner":customElements.get(e(t))||l();break;case"bh-menu":customElements.get(e(t))||p();break;case"bh-menu-item":customElements.get(e(t))||c();break;case"bh-tooltip":customElements.get(e(t))||m()}}))}export{A as B,N as d}

package/components/{p--a7Uv1ky.js → p-CK_Py1Yi.js}

@@ -1 +1 @@
-import{p as e,H as r,c as a,h as t,d as o,t as s}from"./p-YZi6LqIt.js";import{d as i}from"./p-oaisznHL.js";import{d as n}from"./p-cD3vmu49.js";import{d as l}from"./p-D_0aDuRr.js";import{d as c}from"./p-Be20AcNb.js";import{d as h}from"./p-B2KPN863.js";import{d}from"./p-BbPrWlsw.js";import{d as b}from"./p-BFL2Pm_E.js";import{d as p}from"./p-Bf_iTZDv.js";import{c as g,m,M as u,r as f}from"./p-BJXjqxlX.js";import{B as x,r as v}from"./p-BNVOtH-1.js";const y=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],k=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=a(this,"bhChange"),this.bhPresetSelect=a(this,"bhPresetSelect")}logger=g("bh-date-range-picker-content");i18nUnsubscribe;_i18nVersion=0;minYear=1998;maxYear=2060;disabled=!1;disabledDates=[];showOtherMonthDays=!0;showDateInputs=!1;showPresetRanges=!1;showPresetSidebar=!1;startDatePlaceholder="Start date";endDatePlaceholder="End date";value;selectedRange=null;leftMonth=(new Date).getMonth();leftYear=(new Date).getFullYear();rightMonth=((new Date).getMonth()+1)%12;rightYear=11===(new Date).getMonth()?(new Date).getFullYear()+1:(new Date).getFullYear();bhChange;bhPresetSelect;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),m.increment(u.COMPONENT_ERROR,{component:"bh-date-range-picker-content",error_type:e instanceof Error?e.name:"unknown"}),f("bh-date-range-picker-content",e)}handleValueChange(e){this.selectedRange=void 0===e?null:{...e}}componentWillLoad(){const e=new Date,r=e.getMonth(),a=e.getFullYear();this.leftMonth=r,this.leftYear=a;const t=this.getNextMonth(r,a);this.rightMonth=t.month,this.rightYear=t.year,this.value&&(this.selectedRange=this.value),this.i18nUnsubscribe=x.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}getNextMonth(e,r){const a=e+1;return a>11?{month:0,year:r+1}:{month:a,year:r}}getPreviousMonth(e,r){const a=e-1;return a<0?{month:11,year:r-1}:{month:a,year:r}}presetSidebarOptions=[{label:"Today",value:"today"},{label:"Yesterday",value:"yesterday"},{label:"This week",value:"this-week"},{label:"Last week",value:"last-week"},{label:"This month",value:"this-month"},{label:"Last month",value:"last-month"},{label:"This year",value:"this-year"},{label:"Last year",value:"last-year"},{label:"All time",value:"all-time"}];formatDate(e){return e?`${y[e.month]} ${e.day}, ${e.year}`:""}handleLeftDateSelect=e=>{e.stopPropagation(),this.handleDateSelect(e.detail)};handleRightDateSelect=e=>{e.stopPropagation(),this.handleDateSelect(e.detail)};handleDateSelect(e){if(!e)return;let r;if(!this.selectedRange?.startDate||this.selectedRange.startDate&&this.selectedRange.endDate)r={startDate:e,endDate:null};else if(this.selectedRange.startDate&&!this.selectedRange.endDate){const a=this.selectedRange.startDate;r=e.year>a.year||e.year===a.year&&e.month>a.month||e.year===a.year&&e.month===a.month&&e.day>a.day?{startDate:a,endDate:e}:{startDate:e,endDate:a}}else r={startDate:e,endDate:null};this.selectedRange=r,this.bhChange.emit(r)}handleLeftMonthYearChange=e=>{const{month:r,year:a}=e.detail;if(this.leftMonth=r,this.leftYear=a,a>this.rightYear||a===this.rightYear&&r>=this.rightMonth){const e=this.getNextMonth(r,a);this.rightMonth=e.month,this.rightYear=e.year}};handleRightMonthYearChange=e=>{const{month:r,year:a}=e.detail;if(this.rightMonth=r,this.rightYear=a,a<this.leftYear||a===this.leftYear&&r<=this.leftMonth){const e=this.getPreviousMonth(r,a);this.leftMonth=e.month,this.leftYear=e.year}};render(){return t(o,{key:"83406ca8d961544fdb90d1a60cf8f7bfe7969f57"},t("div",{key:"9dd600c143f12bb0c2a0b8dbb138fa4c4ac16418",class:{"date-range-picker-content":!0,"has-sidebar":this.showPresetSidebar},part:"container"},this.showPresetSidebar&&t("div",{key:"c8f99fdf67cbf60a6949f8e5426287c83880204b",class:"preset-sidebar",part:"preset-sidebar"},this.presetSidebarOptions.map((e=>t("button",{class:"preset-sidebar-item",key:e.value,onClick:()=>this.bhPresetSelect.emit(e.value),type:"button"},e.label)))),t("div",{key:"872076178cabc77f7778dba96e8531c59ddb5f9a",class:"date-range-main"},this.showDateInputs&&t("div",{key:"1d2daec50e8b6140bbd720608fc207b203e67dd2",class:"date-range-inputs",part:"date-inputs"},t("bh-input-text",{key:"2fb6bc4fc5c44010bf7286fe525577d579484796",placeholder:v("bh-date-range-picker-content","startDatePlaceholder",this.startDatePlaceholder,"Start date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:!1,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatDate(this.selectedRange?.startDate??null)}),t("span",{key:"6f41761ba7e76a2bd0d23a1b98597e22477ac7dc",class:"date-range-separator"},"–"),t("bh-input-text",{key:"b3576664753f7b532fded82ac546062e27fb9ef6",placeholder:v("bh-date-range-picker-content","endDatePlaceholder",this.endDatePlaceholder,"End date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:!1,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatDate(this.selectedRange?.endDate??null)})),this.showPresetRanges&&t("div",{key:"0e7ccbe09b938582346326fdff6546f7e205ea02",class:"preset-ranges",part:"preset-ranges"},t("bh-button",{key:"38038a0c24f975cadacdb8b1e77b46efaa1b6900",hierarchy:"tertiary",label:"Last week",onBhClick:()=>this.bhPresetSelect.emit("last-week"),size:"sm"}),t("bh-button",{key:"25d56e0924312dec6e1638bca9506dea1d296baf",hierarchy:"tertiary",label:"Last month",onBhClick:()=>this.bhPresetSelect.emit("last-month"),size:"sm"}),t("bh-button",{key:"5c05b492d23235af1330b75dae431ecd33dfc873",hierarchy:"tertiary",label:"Last year",onBhClick:()=>this.bhPresetSelect.emit("last-year"),size:"sm"})),t("div",{key:"2eed38e2dd601981cb3ce6293e975c6acc06b8d1",class:"date-pickers",part:"date-pickers"},t("div",{key:"d7360784077dcf67dc3e7258c46af724643e668d",class:"left-picker",part:"left-picker"},t("bh-date-picker-content",{key:"31f2174637bad08111ebeb865697266c4bdb3d1d",disabled:this.disabled,disabledDates:this.disabledDates,displayMonth:this.leftMonth,displayYear:this.leftYear,maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleLeftDateSelect,onBhMonthChange:this.handleLeftMonthYearChange,rangeEnd:this.selectedRange?.endDate??void 0,rangeStart:this.selectedRange?.startDate??void 0,showOtherMonthDays:this.showOtherMonthDays})),t("div",{key:"9dd3247ea825d3894052308bf999a65f7b8ad97d",class:"right-picker",part:"right-picker"},t("bh-date-picker-content",{key:"07113da5e53989d1f79e2b70a62745f0b099fc13",disabled:this.disabled,disabledDates:this.disabledDates,displayMonth:this.rightMonth,displayYear:this.rightYear,maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleRightDateSelect,onBhMonthChange:this.handleRightMonthYearChange,rangeEnd:this.selectedRange?.endDate??void 0,rangeStart:this.selectedRange?.startDate??void 0,showOtherMonthDays:this.showOtherMonthDays}))))))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-date-range-picker-font-family: var(--font-inter);     --bh-date-range-picker-gap: var(--spacing-sm);     --bh-date-range-picker-divider-color: var(--color-border-secondary);     --bh-date-range-picker-sidebar-width: 160px;     --bh-date-range-picker-sidebar-bg: var(--color-bg-primary);     --bh-date-range-picker-sidebar-item-color: var(--color-text-secondary);     --bh-date-range-picker-sidebar-item-hover-bg: var(--color-brand-100);     --bh-date-range-picker-sidebar-item-hover-color: var(       --color-text-interactive     );     --bh-date-range-picker-separator-color: var(--color-text-tertiary);   } } @layer bh-base {      .date-range-picker-content {     display: flex;     flex-direction: column;     font-family: var(--bh-date-range-picker-font-family);     width: fit-content;        }   .date-range-picker-content.has-sidebar {     flex-direction: row;   }      .date-range-main {     display: flex;     flex-direction: column;     flex: 1;   }      .date-range-inputs {     display: flex;     flex-direction: row;     align-items: center;     gap: var(--bh-date-range-picker-gap);     padding: var(--spacing-sm) var(--spacing-md);   }   .date-range-separator {     color: var(--bh-date-range-picker-separator-color);     font-size: var(--text-md-size);     flex-shrink: 0;   }      .preset-ranges {     display: flex;     flex-direction: row;     gap: var(--bh-date-range-picker-gap);     padding: var(--spacing-sm) var(--spacing-md);   }      .preset-sidebar {     display: flex;     flex-direction: column;     width: var(--bh-date-range-picker-sidebar-width);     background: var(--bh-date-range-picker-sidebar-bg);     border-right: 1px solid var(--bh-date-range-picker-divider-color);     padding: var(--spacing-sm) 0;   }   .preset-sidebar-item {     display: flex;     align-items: center;     padding: var(--spacing-xs) var(--spacing-md);     background: none;     border: none;     cursor: pointer;     font-family: var(--bh-date-range-picker-font-family);     font-size: var(--text-sm-size);     color: var(--bh-date-range-picker-sidebar-item-color);     text-align: left;     width: 100%;     transition: all var(--animation-duration-fast, 150ms) var(--animation-easing-ease, ease);   }   .preset-sidebar-item:hover {     background: var(--bh-date-range-picker-sidebar-item-hover-bg);     color: var(--bh-date-range-picker-sidebar-item-hover-color);   }      .date-pickers {     display: flex;     flex-direction: row;     width: 100%;     position: relative;     gap: var(--bh-date-range-picker-gap);        }   .date-pickers::after {     content: "";     position: absolute;     left: 50%;     top: 50%;     transform: translateX(-50%) translateY(-50%);     width: 1px;     height: 100%;     background: var(--bh-date-range-picker-divider-color);     pointer-events: none;     z-index: 1;   }      .left-picker {     display: flex;     flex-direction: column;     width: 296px;   }      .right-picker {     display: flex;     flex-direction: column;     width: 296px;   } } @layer bh-utilities {      @media (max-width: 768px) {     .date-range-picker-content {       width: 320px;            }     .date-range-picker-content.has-sidebar {       flex-direction: column;     }     .preset-sidebar {       flex-direction: row;       width: 100%;       border-right: none;       border-bottom: 1px solid var(--bh-date-range-picker-divider-color);       overflow-x: auto;       padding: var(--spacing-xs) var(--spacing-sm);     }     .preset-sidebar-item {       white-space: nowrap;       width: auto;       padding: var(--spacing-xs) var(--spacing-sm);     }     .date-pickers {       flex-direction: column;            }     .date-pickers::after {       display: none;     }     .left-picker,     .right-picker {       width: 100%;     }   } }'}},[513,"bh-date-range-picker-content",{minYear:[2,"min-year"],maxYear:[2,"max-year"],disabled:[4],disabledDates:[16],showOtherMonthDays:[4,"show-other-month-days"],showDateInputs:[4,"show-date-inputs"],showPresetRanges:[4,"show-preset-ranges"],showPresetSidebar:[4,"show-preset-sidebar"],startDatePlaceholder:[1,"start-date-placeholder"],endDatePlaceholder:[1,"end-date-placeholder"],value:[16],_i18nVersion:[32],selectedRange:[32],leftMonth:[32],leftYear:[32],rightMonth:[32],rightYear:[32]},void 0,{value:[{handleValueChange:0}]}]);function w(){"undefined"!=typeof customElements&&["bh-date-range-picker-content","bh-button","bh-button-icon","bh-date-picker-content","bh-input-text","bh-label","bh-loader-spinner","bh-month-picker-content","bh-tooltip"].forEach((e=>{switch(e){case"bh-date-range-picker-content":customElements.get(s(e))||customElements.define(s(e),k);break;case"bh-button":customElements.get(s(e))||i();break;case"bh-button-icon":customElements.get(s(e))||n();break;case"bh-date-picker-content":customElements.get(s(e))||l();break;case"bh-input-text":customElements.get(s(e))||c();break;case"bh-label":customElements.get(s(e))||h();break;case"bh-loader-spinner":customElements.get(s(e))||d();break;case"bh-month-picker-content":customElements.get(s(e))||b();break;case"bh-tooltip":customElements.get(s(e))||p()}}))}export{k as B,w as d}
+import{p as e,H as r,c as a,h as t,d as o,t as s}from"./p-YZi6LqIt.js";import{d as i}from"./p-BI2Y2Le4.js";import{d as n}from"./p-CClVva-u.js";import{d as l}from"./p-BF5hfv7s.js";import{d as c}from"./p-S-miu3h6.js";import{d as h}from"./p-C7fkgBQS.js";import{d}from"./p-BbPrWlsw.js";import{d as p}from"./p-CssmbrSc.js";import{d as b}from"./p-D6aw0IK6.js";import{c as g,m,M as u,r as f}from"./p-BJXjqxlX.js";import{B as x,r as v}from"./p-BNVOtH-1.js";const y=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],k=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=a(this,"bhChange"),this.bhPresetSelect=a(this,"bhPresetSelect")}logger=g("bh-date-range-picker-content");i18nUnsubscribe;_i18nVersion=0;minYear=1998;maxYear=2060;disabled=!1;disabledDates=[];showOtherMonthDays=!0;showDateInputs=!1;showPresetRanges=!1;showPresetSidebar=!1;startDatePlaceholder="Start date";endDatePlaceholder="End date";value;selectedRange=null;leftMonth=(new Date).getMonth();leftYear=(new Date).getFullYear();rightMonth=((new Date).getMonth()+1)%12;rightYear=11===(new Date).getMonth()?(new Date).getFullYear()+1:(new Date).getFullYear();bhChange;bhPresetSelect;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),m.increment(u.COMPONENT_ERROR,{component:"bh-date-range-picker-content",error_type:e instanceof Error?e.name:"unknown"}),f("bh-date-range-picker-content",e)}handleValueChange(e){this.selectedRange=void 0===e?null:{...e}}componentWillLoad(){const e=new Date,r=e.getMonth(),a=e.getFullYear();this.leftMonth=r,this.leftYear=a;const t=this.getNextMonth(r,a);this.rightMonth=t.month,this.rightYear=t.year,this.value&&(this.selectedRange=this.value),this.i18nUnsubscribe=x.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}getNextMonth(e,r){const a=e+1;return a>11?{month:0,year:r+1}:{month:a,year:r}}getPreviousMonth(e,r){const a=e-1;return a<0?{month:11,year:r-1}:{month:a,year:r}}presetSidebarOptions=[{label:"Today",value:"today"},{label:"Yesterday",value:"yesterday"},{label:"This week",value:"this-week"},{label:"Last week",value:"last-week"},{label:"This month",value:"this-month"},{label:"Last month",value:"last-month"},{label:"This year",value:"this-year"},{label:"Last year",value:"last-year"},{label:"All time",value:"all-time"}];formatDate(e){return e?`${y[e.month]} ${e.day}, ${e.year}`:""}handleLeftDateSelect=e=>{e.stopPropagation(),this.handleDateSelect(e.detail)};handleRightDateSelect=e=>{e.stopPropagation(),this.handleDateSelect(e.detail)};handleDateSelect(e){if(!e)return;let r;if(!this.selectedRange?.startDate||this.selectedRange.startDate&&this.selectedRange.endDate)r={startDate:e,endDate:null};else if(this.selectedRange.startDate&&!this.selectedRange.endDate){const a=this.selectedRange.startDate;r=e.year>a.year||e.year===a.year&&e.month>a.month||e.year===a.year&&e.month===a.month&&e.day>a.day?{startDate:a,endDate:e}:{startDate:e,endDate:a}}else r={startDate:e,endDate:null};this.selectedRange=r,this.bhChange.emit(r)}handleLeftMonthYearChange=e=>{const{month:r,year:a}=e.detail;if(this.leftMonth=r,this.leftYear=a,a>this.rightYear||a===this.rightYear&&r>=this.rightMonth){const e=this.getNextMonth(r,a);this.rightMonth=e.month,this.rightYear=e.year}};handleRightMonthYearChange=e=>{const{month:r,year:a}=e.detail;if(this.rightMonth=r,this.rightYear=a,a<this.leftYear||a===this.leftYear&&r<=this.leftMonth){const e=this.getPreviousMonth(r,a);this.leftMonth=e.month,this.leftYear=e.year}};render(){return t(o,{key:"2873c8e1502ca19ee5025f38d0b36afc6a370e02"},t("div",{key:"76fa3f6d28afe10a23092da5adf0d651f4115d62",class:{"date-range-picker-content":!0,"has-sidebar":this.showPresetSidebar},part:"container"},this.showPresetSidebar&&t("div",{key:"807fb5e9d659943c371f11858bb5f8ff2ad6b763",class:"preset-sidebar",part:"preset-sidebar"},this.presetSidebarOptions.map((e=>t("button",{class:"preset-sidebar-item",key:e.value,onClick:()=>this.bhPresetSelect.emit(e.value),type:"button"},e.label)))),t("div",{key:"6c537ad636a758e3464bea0a0dc8f9ff49568e61",class:"date-range-main"},this.showDateInputs&&t("div",{key:"6c82c5fdd67aed508da0e8f2c115301f47c0fbc2",class:"date-range-inputs",part:"date-inputs"},t("bh-input-text",{key:"4a0a345a8ac4579fc288cb25ba3be85f0d7daf7a",placeholder:v("bh-date-range-picker-content","startDatePlaceholder",this.startDatePlaceholder,"Start date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:!1,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatDate(this.selectedRange?.startDate??null)}),t("span",{key:"89337f017a0190e3b5352f2bc3466bc0cca98091",class:"date-range-separator"},"–"),t("bh-input-text",{key:"45697ddc84b7b84ff1f8dc6169f11a4f000121d5",placeholder:v("bh-date-range-picker-content","endDatePlaceholder",this.endDatePlaceholder,"End date"),readOnly:!0,showHelpIcon:!1,showHintText:!1,showLabel:!1,showTrailingIcon:!0,trailingIcon:"calendar_today",value:this.formatDate(this.selectedRange?.endDate??null)})),this.showPresetRanges&&t("div",{key:"c6b2de889965088cbdde0c4e6ee6ee916895705a",class:"preset-ranges",part:"preset-ranges"},t("bh-button",{key:"2c0162a46e7242f60194a301494374ead966ab62",hierarchy:"tertiary",label:"Last week",onBhClick:()=>this.bhPresetSelect.emit("last-week"),size:"sm"}),t("bh-button",{key:"2524509e8026649c62276a1109c159f16e6bf48f",hierarchy:"tertiary",label:"Last month",onBhClick:()=>this.bhPresetSelect.emit("last-month"),size:"sm"}),t("bh-button",{key:"e1bb42043248316008271fbf6d8a3c5c0342ce72",hierarchy:"tertiary",label:"Last year",onBhClick:()=>this.bhPresetSelect.emit("last-year"),size:"sm"})),t("div",{key:"0f23d9455df550d6e10ca31c54138aa1c46d5432",class:"date-pickers",part:"date-pickers"},t("div",{key:"9ddef93db31778e910f3dc2a33930f68d342702c",class:"left-picker",part:"left-picker"},t("bh-date-picker-content",{key:"91d9bd5c0693972525431db8bef04095dc493cf8",disabled:this.disabled,disabledDates:this.disabledDates,displayMonth:this.leftMonth,displayYear:this.leftYear,maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleLeftDateSelect,onBhMonthChange:this.handleLeftMonthYearChange,rangeEnd:this.selectedRange?.endDate??void 0,rangeStart:this.selectedRange?.startDate??void 0,showOtherMonthDays:this.showOtherMonthDays})),t("div",{key:"b73d3c8ab9463ea43d86dbe4102f77b3bd66ea42",class:"right-picker",part:"right-picker"},t("bh-date-picker-content",{key:"d17c3ec80cf8bf7b7ad4c80dd523308e5824c21a",disabled:this.disabled,disabledDates:this.disabledDates,displayMonth:this.rightMonth,displayYear:this.rightYear,maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleRightDateSelect,onBhMonthChange:this.handleRightMonthYearChange,rangeEnd:this.selectedRange?.endDate??void 0,rangeStart:this.selectedRange?.startDate??void 0,showOtherMonthDays:this.showOtherMonthDays}))))))}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-date-range-picker-font-family: var(--font-inter);     --bh-date-range-picker-gap: var(--spacing-sm);     --bh-date-range-picker-divider-color: var(--color-border-secondary);     --bh-date-range-picker-sidebar-width: 160px;     --bh-date-range-picker-sidebar-bg: var(--color-bg-primary);     --bh-date-range-picker-sidebar-item-color: var(--color-text-secondary);     --bh-date-range-picker-sidebar-item-hover-bg: var(--color-brand-100);     --bh-date-range-picker-sidebar-item-hover-color: var(       --color-text-interactive     );     --bh-date-range-picker-separator-color: var(--color-text-tertiary);   } } @layer bh-base {      .date-range-picker-content {     display: flex;     flex-direction: column;     font-family: var(--bh-date-range-picker-font-family);     width: fit-content;        }   .date-range-picker-content.has-sidebar {     flex-direction: row;   }      .date-range-main {     display: flex;     flex-direction: column;     flex: 1;   }      .date-range-inputs {     display: flex;     flex-direction: row;     align-items: center;     gap: var(--bh-date-range-picker-gap);     padding: var(--spacing-sm) var(--spacing-md);   }   .date-range-separator {     color: var(--bh-date-range-picker-separator-color);     font-size: var(--text-md-size);     flex-shrink: 0;   }      .preset-ranges {     display: flex;     flex-direction: row;     gap: var(--bh-date-range-picker-gap);     padding: var(--spacing-sm) var(--spacing-md);   }      .preset-sidebar {     display: flex;     flex-direction: column;     width: var(--bh-date-range-picker-sidebar-width);     background: var(--bh-date-range-picker-sidebar-bg);     border-right: 1px solid var(--bh-date-range-picker-divider-color);     padding: var(--spacing-sm) 0;   }   .preset-sidebar-item {     display: flex;     align-items: center;     padding: var(--spacing-xs) var(--spacing-md);     background: none;     border: none;     cursor: pointer;     font-family: var(--bh-date-range-picker-font-family);     font-size: var(--text-sm-size);     color: var(--bh-date-range-picker-sidebar-item-color);     text-align: left;     width: 100%;     transition: all var(--animation-duration-fast, 150ms) var(--animation-easing-ease, ease);   }   .preset-sidebar-item:hover {     background: var(--bh-date-range-picker-sidebar-item-hover-bg);     color: var(--bh-date-range-picker-sidebar-item-hover-color);   }      .date-pickers {     display: flex;     flex-direction: row;     width: 100%;     position: relative;     gap: var(--bh-date-range-picker-gap);        }   .date-pickers::after {     content: "";     position: absolute;     left: 50%;     top: 50%;     transform: translateX(-50%) translateY(-50%);     width: 1px;     height: 100%;     background: var(--bh-date-range-picker-divider-color);     pointer-events: none;     z-index: 1;   }      .left-picker {     display: flex;     flex-direction: column;     width: 296px;   }      .right-picker {     display: flex;     flex-direction: column;     width: 296px;   } } @layer bh-utilities {      @media (max-width: 768px) {     .date-range-picker-content {       width: 320px;            }     .date-range-picker-content.has-sidebar {       flex-direction: column;     }     .preset-sidebar {       flex-direction: row;       width: 100%;       border-right: none;       border-bottom: 1px solid var(--bh-date-range-picker-divider-color);       overflow-x: auto;       padding: var(--spacing-xs) var(--spacing-sm);     }     .preset-sidebar-item {       white-space: nowrap;       width: auto;       padding: var(--spacing-xs) var(--spacing-sm);     }     .date-pickers {       flex-direction: column;            }     .date-pickers::after {       display: none;     }     .left-picker,     .right-picker {       width: 100%;     }   } }'}},[513,"bh-date-range-picker-content",{minYear:[2,"min-year"],maxYear:[2,"max-year"],disabled:[4],disabledDates:[16],showOtherMonthDays:[4,"show-other-month-days"],showDateInputs:[4,"show-date-inputs"],showPresetRanges:[4,"show-preset-ranges"],showPresetSidebar:[4,"show-preset-sidebar"],startDatePlaceholder:[1,"start-date-placeholder"],endDatePlaceholder:[1,"end-date-placeholder"],value:[16],_i18nVersion:[32],selectedRange:[32],leftMonth:[32],leftYear:[32],rightMonth:[32],rightYear:[32]},void 0,{value:[{handleValueChange:0}]}]);function w(){"undefined"!=typeof customElements&&["bh-date-range-picker-content","bh-button","bh-button-icon","bh-date-picker-content","bh-input-text","bh-label","bh-loader-spinner","bh-month-picker-content","bh-tooltip"].forEach((e=>{switch(e){case"bh-date-range-picker-content":customElements.get(s(e))||customElements.define(s(e),k);break;case"bh-button":customElements.get(s(e))||i();break;case"bh-button-icon":customElements.get(s(e))||n();break;case"bh-date-picker-content":customElements.get(s(e))||l();break;case"bh-input-text":customElements.get(s(e))||c();break;case"bh-label":customElements.get(s(e))||h();break;case"bh-loader-spinner":customElements.get(s(e))||d();break;case"bh-month-picker-content":customElements.get(s(e))||p();break;case"bh-tooltip":customElements.get(s(e))||b()}}))}export{k as B,w as d}

package/components/{p-DjJP-dIm.js → p-CWdw6bHR.js}

@@ -1 +1 @@
-import{p as t,H as e,c as i,h as a,d as s,t as n}from"./p-YZi6LqIt.js";import{d as o}from"./p-oaisznHL.js";import{d as r}from"./p-BbPrWlsw.js";import{a as c}from"./p-DlPm3fIV.js";import{c as l,m as h,M as p,r as m}from"./p-BJXjqxlX.js";import{B as d,r as y}from"./p-BNVOtH-1.js";const b="bh-empty-state",f="512px",g={sm:{width:"120px",height:"120px"},md:{width:"200px",height:"200px"},lg:{width:"280px",height:"280px"}},x=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhAction=i(this,"bhAction")}logger=l(b);i18nUnsubscribe;_i18nVersion=0;emptyTitle="No items found";description="There are no items to display at the moment.";illustrationSize="md";illustrationPath="";primaryActionText="";primaryActionIcon="";secondaryActionText="";secondaryActionIcon="";maxWidth=f;bhAction;componentWillLoad(){this.i18nUnsubscribe=d.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),h.increment(p.COMPONENT_ERROR,{component:b,error_type:t instanceof Error?t.name:"unknown"}),m(b,t)}handlePrimaryAction=()=>{this.bhAction.emit({action:"primary"})};handleSecondaryAction=()=>{this.bhAction.emit({action:"secondary"})};getIllustrationDimensions(){return g[this.illustrationSize]??g.md}get safeMaxWidth(){if(!this.maxWidth)return f;const t=c(this.maxWidth,50);return t.valid?t.value:(m(b,new Error(`Invalid maxWidth: ${t.errors.map((t=>t.message)).join(", ")}`)),f)}render(){const t=this.getIllustrationDimensions(),e=this.primaryActionText||this.secondaryActionText;return a(s,{key:"5dc8156cb58ce7cfe498d6c26710d3b5557b9c15"},a("div",{key:"88d105372e4fd54b1f0afbb779446c2663fba1d9",class:"empty-state",part:"container",style:{maxWidth:this.safeMaxWidth}},a("div",{key:"64a4bfa4e09456b9e4b29462e1ce3ff814b140b4",class:"empty-state-content"},this.illustrationPath&&a("div",{key:"c14b72aa91753c3bfb7c470bb738083744271113",class:"empty-state-illustration"},a("img",{key:"4285215f3dd316b00710d8fdee7c888b3e74c46a",alt:"Empty state illustration",src:this.illustrationPath,style:{width:t.width,height:t.height}})),a("div",{key:"7c9b1f7b08348fc5788256cfa3bb5fe33b28c484",class:"empty-state-text"},a("h3",{key:"d495acd4474bfd8eca99c40d512ac0ca6df32453",class:"empty-state-title"},y("bh-empty-state","emptyTitle",this.emptyTitle,"No items found")),a("p",{key:"1b46feccbb5fe9421fbda1a45e1116d49b430c37",class:"empty-state-description"},y("bh-empty-state","description",this.description,"There are no items to display at the moment.")))),e&&a("div",{key:"9ad49d3f3c306c7537729d418aa7ee0e8c307a01",class:"empty-state-actions"},this.secondaryActionText&&a("bh-button",{key:"1194d0ecb49a87267ef90aafe304a7cab2deb1b4",hierarchy:"secondary",icon:this.secondaryActionIcon?"leading":"none",iconName:this.secondaryActionIcon,label:this.secondaryActionText,onBhClick:this.handleSecondaryAction,size:"md"}),this.primaryActionText&&a("bh-button",{key:"6324bcc3c76fac18886c0304fd326125bd9ed30a",hierarchy:"primary",icon:this.primaryActionIcon?"leading":"none",iconName:this.primaryActionIcon,label:this.primaryActionText,onBhClick:this.handlePrimaryAction,size:"md"}))))}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter)}}@layer bh-tokens{:host{--bh-empty-state-gap:var(--spacing-4xl);--bh-empty-state-padding:var(--spacing-6xl) var(--spacing-3xl);--bh-empty-state-content-gap:var(--spacing-3xl);--bh-empty-state-text-gap:var(--spacing-md);--bh-empty-state-actions-gap:var(--spacing-lg);--bh-empty-state-title-color:var(--color-text-primary);--bh-empty-state-description-color:var(--color-text-secondary);--bh-empty-state-title-font-size:var(--text-lg-size);--bh-empty-state-description-font-size:var(--text-sm-size);--bh-empty-state-title-font-weight:var(--weight-semibold);--bh-empty-state-description-font-weight:var(--weight-regular);--bh-empty-state-title-line-height:var(--line-height-tight);--bh-empty-state-description-line-height:var(--line-height-normal)}}@layer bh-base{.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--bh-empty-state-gap);padding:var(--bh-empty-state-padding);text-align:center;}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:var(--bh-empty-state-content-gap)}.empty-state{}.empty-state-illustration{display:flex;align-items:center;justify-content:center}.empty-state-illustration img{object-fit:contain}.empty-state{}.empty-state-text{display:flex;flex-direction:column;align-items:center;gap:var(--bh-empty-state-text-gap)}.empty-state-title{font-size:var(--bh-empty-state-title-font-size);font-weight:var(--bh-empty-state-title-font-weight);color:var(--bh-empty-state-title-color);margin:0;line-height:var(--bh-empty-state-title-line-height)}.empty-state-description{font-size:var(--bh-empty-state-description-font-size);font-weight:var(--bh-empty-state-description-font-weight);color:var(--bh-empty-state-description-color);margin:0;line-height:var(--bh-empty-state-description-line-height);max-width:var(--bh-modal-max-width-md)}.empty-state{}.empty-state-actions{display:flex;gap:var(--bh-empty-state-actions-gap);flex-wrap:wrap;justify-content:center}}@layer bh-utilities{.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}}'}},[513,"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"],_i18nVersion:[32]}]);function u(){"undefined"!=typeof customElements&&["bh-empty-state","bh-button","bh-loader-spinner"].forEach((t=>{switch(t){case"bh-empty-state":customElements.get(n(t))||customElements.define(n(t),x);break;case"bh-button":customElements.get(n(t))||o();break;case"bh-loader-spinner":customElements.get(n(t))||r()}}))}export{x as B,u as d}
+import{p as t,H as e,c as i,h as a,d as s,t as n}from"./p-YZi6LqIt.js";import{d as o}from"./p-BI2Y2Le4.js";import{d as r}from"./p-BbPrWlsw.js";import{a as c}from"./p-DlPm3fIV.js";import{c as l,m as h,M as p,r as m}from"./p-BJXjqxlX.js";import{B as y,r as d}from"./p-BNVOtH-1.js";const b="bh-empty-state",f="512px",g={sm:{width:"120px",height:"120px"},md:{width:"200px",height:"200px"},lg:{width:"280px",height:"280px"}},x=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhAction=i(this,"bhAction")}logger=l(b);i18nUnsubscribe;_i18nVersion=0;emptyTitle="No items found";description="There are no items to display at the moment.";illustrationSize="md";illustrationPath="";primaryActionText="";primaryActionIcon="";secondaryActionText="";secondaryActionIcon="";maxWidth=f;bhAction;componentWillLoad(){this.i18nUnsubscribe=y.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),h.increment(p.COMPONENT_ERROR,{component:b,error_type:t instanceof Error?t.name:"unknown"}),m(b,t)}handlePrimaryAction=()=>{this.bhAction.emit({action:"primary"})};handleSecondaryAction=()=>{this.bhAction.emit({action:"secondary"})};getIllustrationDimensions(){return g[this.illustrationSize]??g.md}get safeMaxWidth(){if(!this.maxWidth)return f;const t=c(this.maxWidth,50);return t.valid?t.value:(m(b,new Error(`Invalid maxWidth: ${t.errors.map((t=>t.message)).join(", ")}`)),f)}render(){const t=this.getIllustrationDimensions(),e=this.primaryActionText||this.secondaryActionText;return a(s,{key:"57930763a4c3ba2b353ba5f05e59ee5baf992553"},a("div",{key:"53794864da2883ea8571101fb0e9e4964db5c75c",class:"empty-state",part:"container",style:{maxWidth:this.safeMaxWidth}},a("div",{key:"5e690ac0ed6de13d5a3936f85b2462155910de9d",class:"empty-state-content"},this.illustrationPath&&a("div",{key:"556cd00dfa89a33a786964bbe0d8015e2b51ca53",class:"empty-state-illustration"},a("img",{key:"c2102298c71b2b15b9517a81ce3966987aa9b974",alt:"Empty state illustration",src:this.illustrationPath,style:{width:t.width,height:t.height}})),a("div",{key:"720e5856e702ffde310fce1f92e334712502b52b",class:"empty-state-text"},a("h3",{key:"33c746c9fecfc80562aa1a513913c120f82eebda",class:"empty-state-title"},d("bh-empty-state","emptyTitle",this.emptyTitle,"No items found")),a("p",{key:"90140e2119b98ae865ed8f27ceb3400bb5d72e3b",class:"empty-state-description"},d("bh-empty-state","description",this.description,"There are no items to display at the moment.")))),e&&a("div",{key:"fb7d85c1d88567438f6c7b91b67a0eb4082cd8d4",class:"empty-state-actions"},this.secondaryActionText&&a("bh-button",{key:"67b02cb3407f4fb610fb1fdd02c6d23ed491722c",hierarchy:"secondary",icon:this.secondaryActionIcon?"leading":"none",iconName:this.secondaryActionIcon,label:this.secondaryActionText,onBhClick:this.handleSecondaryAction,size:"md"}),this.primaryActionText&&a("bh-button",{key:"227959bfa5b4d013f08ee638b5a72244540336b8",hierarchy:"primary",icon:this.primaryActionIcon?"leading":"none",iconName:this.primaryActionIcon,label:this.primaryActionText,onBhClick:this.handlePrimaryAction,size:"md"}))))}static get style(){return'@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter)}}@layer bh-tokens{:host{--bh-empty-state-gap:var(--spacing-4xl);--bh-empty-state-padding:var(--spacing-6xl) var(--spacing-3xl);--bh-empty-state-content-gap:var(--spacing-3xl);--bh-empty-state-text-gap:var(--spacing-md);--bh-empty-state-actions-gap:var(--spacing-lg);--bh-empty-state-title-color:var(--color-text-primary);--bh-empty-state-description-color:var(--color-text-secondary);--bh-empty-state-title-font-size:var(--text-lg-size);--bh-empty-state-description-font-size:var(--text-sm-size);--bh-empty-state-title-font-weight:var(--weight-semibold);--bh-empty-state-description-font-weight:var(--weight-regular);--bh-empty-state-title-line-height:var(--line-height-tight);--bh-empty-state-description-line-height:var(--line-height-normal)}}@layer bh-base{.empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--bh-empty-state-gap);padding:var(--bh-empty-state-padding);text-align:center;}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:var(--bh-empty-state-content-gap)}.empty-state{}.empty-state-illustration{display:flex;align-items:center;justify-content:center}.empty-state-illustration img{object-fit:contain}.empty-state{}.empty-state-text{display:flex;flex-direction:column;align-items:center;gap:var(--bh-empty-state-text-gap)}.empty-state-title{font-size:var(--bh-empty-state-title-font-size);font-weight:var(--bh-empty-state-title-font-weight);color:var(--bh-empty-state-title-color);margin:0;line-height:var(--bh-empty-state-title-line-height)}.empty-state-description{font-size:var(--bh-empty-state-description-font-size);font-weight:var(--bh-empty-state-description-font-weight);color:var(--bh-empty-state-description-color);margin:0;line-height:var(--bh-empty-state-description-line-height);max-width:var(--bh-modal-max-width-md)}.empty-state{}.empty-state-actions{display:flex;gap:var(--bh-empty-state-actions-gap);flex-wrap:wrap;justify-content:center}}@layer bh-utilities{.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24}}'}},[513,"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"],_i18nVersion:[32]}]);function u(){"undefined"!=typeof customElements&&["bh-empty-state","bh-button","bh-loader-spinner"].forEach((t=>{switch(t){case"bh-empty-state":customElements.get(n(t))||customElements.define(n(t),x);break;case"bh-button":customElements.get(n(t))||o();break;case"bh-loader-spinner":customElements.get(n(t))||r()}}))}export{x as B,u as d}

package/components/{p-XYHjFWDD.js → p-CZ_H3nat.js}

@@ -1 +1 @@
-import{p as r,H as o,c as i,h as a,d as t,t as e}from"./p-YZi6LqIt.js";import{d}from"./p-B2KPN863.js";import{d as s}from"./p-Bf_iTZDv.js";import{c as h,m as b,M as l,r as n}from"./p-BJXjqxlX.js";import{c}from"./p-YdVz1TeW.js";import{s as u}from"./p-L4Y2hq_b.js";import{a as p}from"./p-BqJRACkO.js";import{g as m}from"./p-CLrVoF3x.js";const v=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bhChange=i(this,"bhChange"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur"),this.bhValidityChange=i(this,"bhValidityChange"),this.internals=this.attachInternals()}logger=h("bh-radio-button");focusState=c();internals;size="md";selected=!1;defaultChecked=!1;disabled=!1;required=!1;value="";name="";tabIndex=0;label="";ariaLabel=null;supportingText="";focusVersion=0;isDirty=!1;isTouched=!1;bhChange;bhFocus;bhBlur;bhValidityChange;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),b.increment(l.COMPONENT_ERROR,{component:"bh-radio-button",error_type:r instanceof Error?r.name:"unknown"}),n("bh-radio-button",r)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidLoad(){u(this.internals,this.name,this.selected,this.value),this.bhValidityChange.emit(this.internals.validity)}formResetCallback(){this.selected=this.defaultChecked,this.isDirty=!1,this.isTouched=!1,u(this.internals,this.name,this.selected,this.value),this.bhValidityChange.emit(this.internals.validity)}handleClick=()=>{this.disabled||this.selected||(this.selected=!0,this.isDirty||(this.isDirty=!0),u(this.internals,this.name,this.selected,this.value),this.bhValidityChange.emit(this.internals.validity),this.bhChange.emit(this.value))};handleKeyDown=r=>{p(r)&&(r.preventDefault(),this.handleClick())};handleFocus=r=>{this.isTouched=!0,this.focusState.handleFocus(r,(()=>this.bhFocus.emit()))};handleBlur=r=>{this.focusState.handleBlur(r,(()=>this.bhBlur.emit()))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};radioControlRef;handleLabelClick=r=>{this.radioControlRef&&r.composedPath().includes(this.radioControlRef)||this.radioControlRef?.click()};uniqueId=m("bh-radio");renderRadioControl(){const r={radio:!0,[`radio-${this.size}`]:!0,"radio-selected":this.selected,"radio-disabled":this.disabled,"radio-focused":this.focusState.isFocused&&!this.disabled,"radio-hover":this.focusState.isHovered&&!this.disabled};return a("div",{"aria-checked":String(this.selected),"aria-describedby":this.supportingText?`${this.uniqueId}-description`:void 0,"aria-disabled":String(this.disabled),"aria-label":this.ariaLabel||this.label||void 0,class:"radio-control","data-dirty":String(this.isDirty),"data-touched":String(this.isTouched),id:this.uniqueId,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,ref:r=>this.radioControlRef=r,role:"radio",tabIndex:this.disabled?-1:this.tabIndex},a("div",{class:r,part:"indicator"},this.selected&&a("div",{class:"radio-dot"})))}render(){const r=this.label||this.supportingText;return a(t,null,a("div",{class:{"radio-wrapper":!0,"radio-wrapper-with-label":!!r,"radio-wrapper-disabled":this.disabled},part:"container"},r?a("bh-label",{disabled:this.disabled,for:this.uniqueId,label:this.label,layout:"inline-start",onClick:this.handleLabelClick,required:this.required,size:this.size,supportingText:this.supportingText},this.renderRadioControl()):this.renderRadioControl()))}static get formAssociated(){return!0}static get style(){return"@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities;  @layer bh-tokens {   :host {     display: inline-block;     font-family: var(--font-inter);          --bh-radio-bg: var(--color-bg-primary);     --bh-radio-bg-selected: var(--color-bg-interactive);     --bh-radio-bg-hover: var(--color-bg-tertiary);     --bh-radio-bg-disabled: var(--color-bg-secondary);     --bh-radio-border-color: var(--color-border-primary);     --bh-radio-border-color-selected: var(--color-bg-interactive);     --bh-radio-dot-color: var(--color-bg-primary);     --bh-radio-dot-color-disabled: var(--color-border-primary);     --bh-radio-focus-ring-color: var(--color-border-interactive);   } }  @layer bh-base {   .radio {     display: inline-flex;     align-items: center;     justify-content: center;     cursor: pointer;     outline: none;     user-select: none;     transition: background-color var(--animation-duration-slow) cubic-bezier(0.4, 0, 0.2, 1), border-color var(--animation-duration-slow) cubic-bezier(0.4, 0, 0.2, 1), box-shadow var(--animation-duration-normal) ease;     box-sizing: border-box;     background: var(--bh-radio-bg);     border: 2px solid var(--bh-radio-border-color);     border-radius: var(--radius-full);     position: relative;     flex-shrink: 0;        }   .radio:focus {     outline: none;   }      .radio-dot {     width: var(--bh-radio-button-dot-md);     height: var(--bh-radio-button-dot-md);     border-radius: var(--radius-full);     background: var(--bh-radio-dot-color);     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);   }   .radio-wrapper {     display: inline-block;   }   .radio-control {     display: inline-flex;     align-items: flex-start;     cursor: pointer;     outline: none;   } }  @layer bh-variants {   .radio-sm {     width: var(--bh-radio-button-size-sm);     height: var(--bh-radio-button-size-sm);   }   .radio-sm .radio-dot {     width: var(--bh-radio-button-dot-sm);     height: var(--bh-radio-button-dot-sm);   }   .radio-md {     width: var(--bh-radio-button-size-md);     height: var(--bh-radio-button-size-md);   }   .radio-wrapper.radio-wrapper-with-label .radio-sm {     margin-top: var(--bh-radio-button-offset-sm);   }   .radio-wrapper.radio-wrapper-with-label .radio-md {     margin-top: var(--bh-radio-button-offset-md);   } }  @layer bh-states {   .radio {        }   .radio.radio-selected {     background: var(--bh-radio-bg-selected);     border-color: var(--bh-radio-border-color-selected);     animation: fillExpand var(--animation-duration-slow) cubic-bezier(0.4, 0, 0.2, 1);   }   .radio.radio-selected:hover:not(.radio-disabled) {     background: var(--bh-radio-bg-selected);     border-color: var(--bh-radio-border-color-selected);   }   .radio.radio-selected.radio-focused:not(.radio-disabled) {     background: var(--bh-radio-bg-selected);     border-color: var(--bh-radio-border-color-selected);     box-shadow: 0px 0px 0px 4px var(--bh-radio-focus-ring-color), 0px 0px 0px 2px var(--bh-radio-bg);   }   .radio.radio-selected.radio-disabled {     background: var(--bh-radio-bg-disabled);     border: 2px solid var(--bh-radio-border-color);   }   .radio {        }   .radio:hover:not(.radio-disabled) {     background: var(--bh-radio-bg-hover);     border-color: var(--bh-radio-border-color);   }   .radio {        }   .radio.radio-focused:not(.radio-disabled) {     border-color: var(--bh-radio-border-color);     box-shadow: 0px 0px 0px 4px var(--bh-radio-focus-ring-color), 0px 0px 0px 2px var(--bh-radio-bg);   }   .radio {        }   .radio.radio-disabled {     background: var(--bh-radio-bg-disabled);     border-color: var(--bh-radio-border-color);     cursor: not-allowed;     opacity: 1;   }   .radio.radio-disabled .radio-dot {     background: var(--bh-radio-dot-color-disabled);   }   .radio:focus:not(.radio-disabled) {     box-shadow: 0px 0px 0px 4px var(--bh-radio-focus-ring-color), 0px 0px 0px 2px var(--bh-radio-bg);   }   .radio-wrapper.radio-wrapper-disabled .radio-control {     cursor: not-allowed;   } }  @layer bh-utilities {      @keyframes fillExpand {     0% {       transform: scale(0.95);     }     50% {       transform: scale(1.05);     }     100% {       transform: scale(1);     }   } }"}},[577,"bh-radio-button",{size:[1],selected:[1028],defaultChecked:[4,"default-checked"],disabled:[4],required:[4],value:[1],name:[1],tabIndex:[2,"tab-index"],label:[1],ariaLabel:[1,"aria-label"],supportingText:[1,"supporting-text"],focusVersion:[32],isDirty:[32],isTouched:[32]}]);function g(){"undefined"!=typeof customElements&&["bh-radio-button","bh-label","bh-tooltip"].forEach((r=>{switch(r){case"bh-radio-button":customElements.get(e(r))||customElements.define(e(r),v);break;case"bh-label":customElements.get(e(r))||d();break;case"bh-tooltip":customElements.get(e(r))||s()}}))}export{v as B,g as d}
+import{p as r,H as o,c as i,h as a,d as t,t as e}from"./p-YZi6LqIt.js";import{d}from"./p-C7fkgBQS.js";import{d as s}from"./p-D6aw0IK6.js";import{c as h,m as b,M as l,r as n}from"./p-BJXjqxlX.js";import{c}from"./p-YdVz1TeW.js";import{s as u}from"./p-L4Y2hq_b.js";import{a as p}from"./p-BqJRACkO.js";import{g as m}from"./p-CLrVoF3x.js";const v=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bhChange=i(this,"bhChange"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur"),this.bhValidityChange=i(this,"bhValidityChange"),this.internals=this.attachInternals()}logger=h("bh-radio-button");focusState=c();internals;size="md";selected=!1;defaultChecked=!1;disabled=!1;required=!1;value="";name="";tabIndex=0;label="";ariaLabel=null;supportingText="";focusVersion=0;isDirty=!1;isTouched=!1;bhChange;bhFocus;bhBlur;bhValidityChange;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),b.increment(l.COMPONENT_ERROR,{component:"bh-radio-button",error_type:r instanceof Error?r.name:"unknown"}),n("bh-radio-button",r)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidLoad(){u(this.internals,this.name,this.selected,this.value),this.bhValidityChange.emit(this.internals.validity)}formResetCallback(){this.selected=this.defaultChecked,this.isDirty=!1,this.isTouched=!1,u(this.internals,this.name,this.selected,this.value),this.bhValidityChange.emit(this.internals.validity)}handleClick=()=>{this.disabled||this.selected||(this.selected=!0,this.isDirty||(this.isDirty=!0),u(this.internals,this.name,this.selected,this.value),this.bhValidityChange.emit(this.internals.validity),this.bhChange.emit(this.value))};handleKeyDown=r=>{p(r)&&(r.preventDefault(),this.handleClick())};handleFocus=r=>{this.isTouched=!0,this.focusState.handleFocus(r,(()=>this.bhFocus.emit()))};handleBlur=r=>{this.focusState.handleBlur(r,(()=>this.bhBlur.emit()))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};radioControlRef;handleLabelClick=r=>{this.radioControlRef&&r.composedPath().includes(this.radioControlRef)||this.radioControlRef?.click()};uniqueId=m("bh-radio");renderRadioControl(){const r={radio:!0,[`radio-${this.size}`]:!0,"radio-selected":this.selected,"radio-disabled":this.disabled,"radio-focused":this.focusState.isFocused&&!this.disabled,"radio-hover":this.focusState.isHovered&&!this.disabled};return a("div",{"aria-checked":String(this.selected),"aria-describedby":this.supportingText?`${this.uniqueId}-description`:void 0,"aria-disabled":String(this.disabled),"aria-label":this.ariaLabel||this.label||void 0,class:"radio-control","data-dirty":String(this.isDirty),"data-touched":String(this.isTouched),id:this.uniqueId,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,ref:r=>this.radioControlRef=r,role:"radio",tabIndex:this.disabled?-1:this.tabIndex},a("div",{class:r,part:"indicator"},this.selected&&a("div",{class:"radio-dot"})))}render(){const r=this.label||this.supportingText;return a(t,null,a("div",{class:{"radio-wrapper":!0,"radio-wrapper-with-label":!!r,"radio-wrapper-disabled":this.disabled},part:"container"},r?a("bh-label",{disabled:this.disabled,for:this.uniqueId,label:this.label,layout:"inline-start",onClick:this.handleLabelClick,required:this.required,size:this.size,supportingText:this.supportingText},this.renderRadioControl()):this.renderRadioControl()))}static get formAssociated(){return!0}static get style(){return"@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities;  @layer bh-tokens {   :host {     display: inline-block;     font-family: var(--font-inter);          --bh-radio-bg: var(--color-bg-primary);     --bh-radio-bg-selected: var(--color-bg-interactive);     --bh-radio-bg-hover: var(--color-bg-tertiary);     --bh-radio-bg-disabled: var(--color-bg-secondary);     --bh-radio-border-color: var(--color-border-primary);     --bh-radio-border-color-selected: var(--color-bg-interactive);     --bh-radio-dot-color: var(--color-bg-primary);     --bh-radio-dot-color-disabled: var(--color-border-primary);     --bh-radio-focus-ring-color: var(--color-border-interactive);   } }  @layer bh-base {   .radio {     display: inline-flex;     align-items: center;     justify-content: center;     cursor: pointer;     outline: none;     user-select: none;     transition: background-color var(--animation-duration-slow) cubic-bezier(0.4, 0, 0.2, 1), border-color var(--animation-duration-slow) cubic-bezier(0.4, 0, 0.2, 1), box-shadow var(--animation-duration-normal) ease;     box-sizing: border-box;     background: var(--bh-radio-bg);     border: 2px solid var(--bh-radio-border-color);     border-radius: var(--radius-full);     position: relative;     flex-shrink: 0;        }   .radio:focus {     outline: none;   }      .radio-dot {     width: var(--bh-radio-button-dot-md);     height: var(--bh-radio-button-dot-md);     border-radius: var(--radius-full);     background: var(--bh-radio-dot-color);     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);   }   .radio-wrapper {     display: inline-block;   }   .radio-control {     display: inline-flex;     align-items: flex-start;     cursor: pointer;     outline: none;   } }  @layer bh-variants {   .radio-sm {     width: var(--bh-radio-button-size-sm);     height: var(--bh-radio-button-size-sm);   }   .radio-sm .radio-dot {     width: var(--bh-radio-button-dot-sm);     height: var(--bh-radio-button-dot-sm);   }   .radio-md {     width: var(--bh-radio-button-size-md);     height: var(--bh-radio-button-size-md);   }   .radio-wrapper.radio-wrapper-with-label .radio-sm {     margin-top: var(--bh-radio-button-offset-sm);   }   .radio-wrapper.radio-wrapper-with-label .radio-md {     margin-top: var(--bh-radio-button-offset-md);   } }  @layer bh-states {   .radio {        }   .radio.radio-selected {     background: var(--bh-radio-bg-selected);     border-color: var(--bh-radio-border-color-selected);     animation: fillExpand var(--animation-duration-slow) cubic-bezier(0.4, 0, 0.2, 1);   }   .radio.radio-selected:hover:not(.radio-disabled) {     background: var(--bh-radio-bg-selected);     border-color: var(--bh-radio-border-color-selected);   }   .radio.radio-selected.radio-focused:not(.radio-disabled) {     background: var(--bh-radio-bg-selected);     border-color: var(--bh-radio-border-color-selected);     box-shadow: 0px 0px 0px 4px var(--bh-radio-focus-ring-color), 0px 0px 0px 2px var(--bh-radio-bg);   }   .radio.radio-selected.radio-disabled {     background: var(--bh-radio-bg-disabled);     border: 2px solid var(--bh-radio-border-color);   }   .radio {        }   .radio:hover:not(.radio-disabled) {     background: var(--bh-radio-bg-hover);     border-color: var(--bh-radio-border-color);   }   .radio {        }   .radio.radio-focused:not(.radio-disabled) {     border-color: var(--bh-radio-border-color);     box-shadow: 0px 0px 0px 4px var(--bh-radio-focus-ring-color), 0px 0px 0px 2px var(--bh-radio-bg);   }   .radio {        }   .radio.radio-disabled {     background: var(--bh-radio-bg-disabled);     border-color: var(--bh-radio-border-color);     cursor: not-allowed;     opacity: 1;   }   .radio.radio-disabled .radio-dot {     background: var(--bh-radio-dot-color-disabled);   }   .radio:focus:not(.radio-disabled) {     box-shadow: 0px 0px 0px 4px var(--bh-radio-focus-ring-color), 0px 0px 0px 2px var(--bh-radio-bg);   }   .radio-wrapper.radio-wrapper-disabled .radio-control {     cursor: not-allowed;   } }  @layer bh-utilities {      @keyframes fillExpand {     0% {       transform: scale(0.95);     }     50% {       transform: scale(1.05);     }     100% {       transform: scale(1);     }   } }"}},[577,"bh-radio-button",{size:[1],selected:[1028],defaultChecked:[4,"default-checked"],disabled:[4],required:[4],value:[1],name:[1],tabIndex:[2,"tab-index"],label:[1],ariaLabel:[1,"aria-label"],supportingText:[1,"supporting-text"],focusVersion:[32],isDirty:[32],isTouched:[32]}]);function g(){"undefined"!=typeof customElements&&["bh-radio-button","bh-label","bh-tooltip"].forEach((r=>{switch(r){case"bh-radio-button":customElements.get(e(r))||customElements.define(e(r),v);break;case"bh-label":customElements.get(e(r))||d();break;case"bh-tooltip":customElements.get(e(r))||s()}}))}export{v as B,g as d}

package/components/{p-CtaODgcw.js → p-C_nrq7_Y.js}

@@ -1 +1 @@
-import{p as a,H as e,c as i,h as n,d as t,t as o}from"./p-YZi6LqIt.js";import{c as g,m as l,M as r,r as s}from"./p-BJXjqxlX.js";import{c as v}from"./p-YdVz1TeW.js";import{a as p}from"./p-BqJRACkO.js";const c=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=i(this,"bhItemClick")}logger=g("bh-page-navigation-single-level");label;icon="radio_button_unchecked";isActive=!1;bhItemClick;focusState=v();focusVersion=0;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),l.increment(r.COMPONENT_ERROR,{component:"bh-page-navigation-single-level",error_type:a instanceof Error?a.name:"unknown"}),s("bh-page-navigation-single-level",a)}handleClick=()=>{this.bhItemClick.emit({value:this.label})};handleKeyDown=a=>{p(a)&&(a.preventDefault(),this.handleClick())};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};getItemClasses(){return{"page-navigation-single-level":!0,"page-navigation-animate-smooth":!0,active:this.isActive,focused:this.focusState.isFocused,hovered:this.focusState.isHovered}}render(){return n(t,{key:"926f7b96aa4bfde3d0341fba3d69ec93f85e0e19"},n("div",{key:"0e48406513b267703cd832a25fe10f6c672ebd0e","aria-current":this.isActive?"page":void 0,class:this.getItemClasses(),"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:()=>this.handleClick(),onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container",role:"button",tabIndex:0},n("div",{key:"29a4b1860ccdc884559b71d92224db5a1e29232f",class:"page-navigation-item-content",part:"content"},n("span",{key:"c197ce8d5986b6c54a23e828619eac43afecfb84","aria-hidden":"true",class:"page-navigation-item-icon material-symbols-outlined",part:"icon"},this.icon),n("span",{key:"dfcede684220fee20569eae439ba1f63237ffd23",class:"page-navigation-item-label",part:"label"},this.label))))}static get style(){return'@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities;  @layer bh-tokens {   :host {          --bh-page-navigation-single-level-bg: var(--color-bg-primary);     --bh-page-navigation-single-level-border-color: var(       --color-border-secondary     );     --bh-page-navigation-single-level-font-family: var(--font-inter);     --bh-page-navigation-single-level-padding-sm: var(--spacing-sm);     --bh-page-navigation-single-level-padding-md: var(--spacing-md);     --bh-page-navigation-single-level-padding-xl: var(--spacing-xl);     --bh-page-navigation-single-level-padding-md-lg: var(--spacing-md)       var(--spacing-xl);     --bh-page-navigation-single-level-margin-xs: var(--spacing-xs);     --bh-page-navigation-single-level-margin-3xl: var(--spacing-3xl);     --bh-page-navigation-single-level-margin-none: var(--spacing-none);     --bh-page-navigation-single-level-margin-top-xs: var(--spacing-xs);     --bh-page-navigation-single-level-margin-bottom-xs: var(--spacing-xs);     --bh-page-navigation-single-level-margin-left-xl: var(--spacing-xl);     --bh-page-navigation-single-level-margin-left-sm: var(--spacing-sm);     --bh-page-navigation-single-level-gap-xs: var(--spacing-xs);     --bh-page-navigation-single-level-gap-sm: var(--spacing-sm);     --bh-page-navigation-single-level-bg-neutral-200: var(--color-bg-tertiary);     --bh-page-navigation-single-level-color-neutral-600: var(       --color-text-secondary     );     --bh-page-navigation-single-level-color-neutral-900: var(       --color-text-primary     );     --bh-page-navigation-single-level-bg-neutral-50: var(--color-bg-secondary);     --bh-page-navigation-single-level-bg-neutral-100: var(--color-bg-tertiary);     --bh-page-navigation-single-level-bg-brand-600: var(--color-bg-interactive);     --bh-page-navigation-single-level-color-brand-600: var(       --color-text-interactive     );   } } @layer bh-base {      .page-navigation {     width: 100%;     background-color: var(--bh-page-navigation-single-level-bg);     font-family: var(--bh-page-navigation-single-level-font-family);     box-sizing: border-box;     user-select: none;   }   .page-navigation-header {     margin-bottom: var(--bh-page-navigation-single-level-margin-lg);   }   .page-navigation-title {     font-size: var(--text-xl-size);     font-weight: var(--weight-semibold);     line-height: var(--line-height-normal);     color: var(--color-text-primary);     padding: var(--spacing-none) var(--spacing-md);     margin: 0;   }   .page-navigation-list {     display: flex;     flex-direction: column;     gap: var(--spacing-sm);   }      .page-navigation-single-level {     display: flex;     align-items: center;     padding: var(--bh-page-navigation-single-level-padding-sm);     cursor: pointer;     gap: var(--bh-page-navigation-single-level-gap-sm);     position: relative;     transition: background-color var(--animation-duration-fast) ease;     min-height: var(--bh-button-height-md);     max-height: var(--bh-page-navigation-item-max-height);     box-sizing: border-box;     border-radius: var(--radius-sm);     margin: var(--bh-page-navigation-single-level-margin-none) var(--bh-page-navigation-single-level-margin-xs);     background-color: transparent;     border: 1px solid transparent;   }      .page-navigation-multi-level {     margin: var(--bh-page-navigation-single-level-margin-none) var(--bh-page-navigation-single-level-margin-xs);   }   .page-navigation-multi-level-parent {     display: flex;     align-items: center;     padding: var(--bh-page-navigation-single-level-padding-sm);     cursor: pointer;     gap: var(--bh-page-navigation-single-level-gap-sm);     position: relative;     transition: background-color var(--animation-duration-fast) ease;     min-height: var(--bh-button-height-md);     max-height: var(--bh-page-navigation-item-max-height);     box-sizing: border-box;     border-radius: var(--radius-sm);     background-color: transparent;     border: 1px solid transparent;   }      .page-navigation-children {     margin-top: var(--bh-page-navigation-single-level-margin-top-xs);     margin-bottom: var(--bh-page-navigation-single-level-margin-bottom-xs);     position: relative;     margin-left: var(--bh-page-navigation-single-level-margin-left-xl);     display: flex;     flex-direction: column;     gap: var(--bh-page-navigation-single-level-gap-xs);     max-height: 1000px;     opacity: 1;     transition: max-height 0.4s cubic-bezier(0.08, 0.52, 0.52, 1), opacity 0.4s cubic-bezier(0.08, 0.52, 0.52, 1), margin 0.4s cubic-bezier(0.08, 0.52, 0.52, 1);        }   .page-navigation-children::before {     content: "";     position: absolute;     left: 0;     top: -2px;     height: calc(100% + 4px);     width: 2px;     background-color: var(--bh-page-navigation-single-level-bg-neutral-200);     margin-left: calc(var(--spacing-sm) * 1.25);     z-index: 2;   }      .page-navigation-child {     display: flex;     align-items: center;     padding: var(--bh-page-navigation-single-level-padding-md-lg);     cursor: pointer;     gap: var(--bh-page-navigation-single-level-gap-sm);     position: relative;     transition: background-color var(--animation-duration-fast) ease;     min-height: var(--icon-size-3xl);      box-sizing: border-box;     border-radius: var(--radius-sm);     margin: 0;     background-color: transparent;     border: 1px solid transparent;     margin-left: var(--bh-page-navigation-child-indent);   }      .page-navigation-item-content,   .page-navigation-child-content {     display: flex;     align-items: center;     gap: var(--bh-page-navigation-single-level-gap-sm);     width: 100%;   }      .page-navigation-item-icon {     flex-shrink: 0;     color: var(--bh-page-navigation-single-level-color-neutral-600);     font-size: var(--icon-size-md);     width: var(--icon-size-md);     height: var(--icon-size-md);     transition: color var(--animation-duration-fast) ease;   }      .page-navigation-chevron-icon {     flex-shrink: 0;     color: var(--bh-page-navigation-single-level-color-neutral-600);     font-size: var(--icon-size-md);     width: var(--icon-size-md);     height: var(--icon-size-md);     transition: color var(--animation-duration-fast) ease, transform var(--animation-duration-fast) var(--animation-ease-smooth);   }      .page-navigation-item-label,   .page-navigation-child-label {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--text-sm-line);     color: var(--bh-page-navigation-single-level-color-neutral-600);     flex: 1;     transition: color var(--animation-duration-fast) ease, font-weight var(--animation-duration-fast) ease;   }      .page-navigation-item-badge,   .page-navigation-child-badge {     margin-left: auto;   } } @layer bh-states {      .page-navigation-single-level.active {     background-color: transparent;     border: 1px solid transparent;   }   .page-navigation-single-level.active .page-navigation-item-icon {     color: var(--bh-page-navigation-single-level-color-neutral-900);   }   .page-navigation-single-level.active .page-navigation-item-label {     color: var(--bh-page-navigation-single-level-color-neutral-900);     font-weight: var(--weight-semibold);   }   .page-navigation-single-level {        }   .page-navigation-single-level:hover {     background-color: var(--bh-page-navigation-single-level-bg-neutral-50);   }      .page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent {     background-color: transparent;     border: 1px solid transparent;   }   .page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent:hover {     background-color: var(--bh-page-navigation-single-level-bg-neutral-50);   }   .page-navigation-multi-level.has-active-child .page-navigation-item-icon {     color: var(--bh-page-navigation-single-level-color-neutral-900);   }   .page-navigation-multi-level.has-active-child .page-navigation-item-label {     color: var(--bh-page-navigation-single-level-color-neutral-900);     font-weight: var(--weight-semibold);   }   .page-navigation-multi-level-parent {        }   .page-navigation-multi-level-parent:hover {     background-color: var(--bh-page-navigation-single-level-bg-neutral-50);   }      .page-navigation-children.collapsed {     max-height: 0;     opacity: 0;     margin-top: 0;     margin-bottom: 0;   }      .page-navigation-child {        }   .page-navigation-child:hover:not(.active) {     background-color: var(--bh-page-navigation-single-level-bg-neutral-50);     position: relative;     z-index: 1;        }   .page-navigation-child:hover:not(.active)::after {     content: "";     position: absolute;     left: calc(var(--sp-5) * -1);     top: 0;     bottom: 0;     width: var(--sp-5);     background-color: var(--bh-page-navigation-single-level-bg-neutral-100);     z-index: 1;     border-radius: var(--radius-sm);   }   .page-navigation-child {        }   .page-navigation-child.active {     background-color: transparent;        }   .page-navigation-child.active::before {     content: "";     position: absolute;     left: -4.5px;     top: 50%;     transform: translateY(-50%);     width: 2px;     height: var(--sp-6);     background-color: var(--bh-page-navigation-single-level-bg-brand-600);     z-index: 3;   }   .page-navigation-child.active .page-navigation-child-label {     color: var(--bh-page-navigation-single-level-color-brand-600);     font-weight: var(--weight-semibold);   }      .page-navigation-chevron-icon.expanded {     transform: rotate(180deg);   } } @layer bh-utilities {      .page-navigation-animate-smooth {     transform-origin: top center;     transition: all var(--animation-duration-normal) var(--animation-ease-enter);   }      @media (max-width: 768px) {     .page-navigation {       width: var(--bh-page-navigation-min-width);       min-width: var(--bh-page-navigation-min-width);     }   } }'}},[513,"bh-page-navigation-single-level",{label:[1],icon:[1],isActive:[4,"is-active"],focusVersion:[32]}]);function h(){"undefined"!=typeof customElements&&["bh-page-navigation-single-level"].forEach((a=>{"bh-page-navigation-single-level"===a&&(customElements.get(o(a))||customElements.define(o(a),c))}))}export{c as B,h as d}
+import{p as a,H as e,c as i,h as n,d as t,t as o}from"./p-YZi6LqIt.js";import{c as g,m as l,M as r,r as s}from"./p-BJXjqxlX.js";import{c as v}from"./p-YdVz1TeW.js";import{a as p}from"./p-BqJRACkO.js";const c=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=i(this,"bhItemClick")}logger=g("bh-page-navigation-single-level");label;icon="radio_button_unchecked";isActive=!1;bhItemClick;focusState=v();focusVersion=0;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),l.increment(r.COMPONENT_ERROR,{component:"bh-page-navigation-single-level",error_type:a instanceof Error?a.name:"unknown"}),s("bh-page-navigation-single-level",a)}handleClick=()=>{this.bhItemClick.emit({value:this.label})};handleKeyDown=a=>{p(a)&&(a.preventDefault(),this.handleClick())};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};getItemClasses(){return{"page-navigation-single-level":!0,"page-navigation-animate-smooth":!0,active:this.isActive,focused:this.focusState.isFocused,hovered:this.focusState.isHovered}}render(){return n(t,{key:"ffa7f8fae621f03d4c069c8f335b905c35cec6fa"},n("div",{key:"de70f38734b07e9b2a3b9daee4e11c053aa73fdf","aria-current":this.isActive?"page":void 0,class:this.getItemClasses(),"data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:()=>this.handleClick(),onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container",role:"button",tabIndex:0},n("div",{key:"d5e9efd758166f3fc2f0c66f66f8442a0cd0e192",class:"page-navigation-item-content",part:"content"},n("span",{key:"3d8bb218a663ed658fb59e8cb74fe8b754130406","aria-hidden":"true",class:"page-navigation-item-icon material-symbols-outlined",part:"icon"},this.icon),n("span",{key:"6d864cb47d3daca69f451f145f85b5fa823b81e9",class:"page-navigation-item-label",part:"label"},this.label))))}static get style(){return'@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities;  @layer bh-tokens {   :host {          --bh-page-navigation-single-level-bg: var(--color-bg-primary);     --bh-page-navigation-single-level-border-color: var(       --color-border-secondary     );     --bh-page-navigation-single-level-font-family: var(--font-inter);     --bh-page-navigation-single-level-padding-sm: var(--spacing-sm);     --bh-page-navigation-single-level-padding-md: var(--spacing-md);     --bh-page-navigation-single-level-padding-xl: var(--spacing-xl);     --bh-page-navigation-single-level-padding-md-lg: var(--spacing-md)       var(--spacing-xl);     --bh-page-navigation-single-level-margin-xs: var(--spacing-xs);     --bh-page-navigation-single-level-margin-3xl: var(--spacing-3xl);     --bh-page-navigation-single-level-margin-none: var(--spacing-none);     --bh-page-navigation-single-level-margin-top-xs: var(--spacing-xs);     --bh-page-navigation-single-level-margin-bottom-xs: var(--spacing-xs);     --bh-page-navigation-single-level-margin-left-xl: var(--spacing-xl);     --bh-page-navigation-single-level-margin-left-sm: var(--spacing-sm);     --bh-page-navigation-single-level-gap-xs: var(--spacing-xs);     --bh-page-navigation-single-level-gap-sm: var(--spacing-sm);     --bh-page-navigation-single-level-bg-neutral-200: var(--color-bg-tertiary);     --bh-page-navigation-single-level-color-neutral-600: var(       --color-text-secondary     );     --bh-page-navigation-single-level-color-neutral-900: var(       --color-text-primary     );     --bh-page-navigation-single-level-bg-neutral-50: var(--color-bg-secondary);     --bh-page-navigation-single-level-bg-neutral-100: var(--color-bg-tertiary);     --bh-page-navigation-single-level-bg-brand-600: var(--color-bg-interactive);     --bh-page-navigation-single-level-color-brand-600: var(       --color-text-interactive     );   } } @layer bh-base {      .page-navigation {     width: 100%;     background-color: var(--bh-page-navigation-single-level-bg);     font-family: var(--bh-page-navigation-single-level-font-family);     box-sizing: border-box;     user-select: none;   }   .page-navigation-header {     margin-bottom: var(--bh-page-navigation-single-level-margin-lg);   }   .page-navigation-title {     font-size: var(--text-xl-size);     font-weight: var(--weight-semibold);     line-height: var(--line-height-normal);     color: var(--color-text-primary);     padding: var(--spacing-none) var(--spacing-md);     margin: 0;   }   .page-navigation-list {     display: flex;     flex-direction: column;     gap: var(--spacing-sm);   }      .page-navigation-single-level {     display: flex;     align-items: center;     padding: var(--bh-page-navigation-single-level-padding-sm);     cursor: pointer;     gap: var(--bh-page-navigation-single-level-gap-sm);     position: relative;     transition: background-color var(--animation-duration-fast) ease;     min-height: var(--bh-button-height-md);     max-height: var(--bh-page-navigation-item-max-height);     box-sizing: border-box;     border-radius: var(--radius-sm);     margin: var(--bh-page-navigation-single-level-margin-none) var(--bh-page-navigation-single-level-margin-xs);     background-color: transparent;     border: 1px solid transparent;   }      .page-navigation-multi-level {     margin: var(--bh-page-navigation-single-level-margin-none) var(--bh-page-navigation-single-level-margin-xs);   }   .page-navigation-multi-level-parent {     display: flex;     align-items: center;     padding: var(--bh-page-navigation-single-level-padding-sm);     cursor: pointer;     gap: var(--bh-page-navigation-single-level-gap-sm);     position: relative;     transition: background-color var(--animation-duration-fast) ease;     min-height: var(--bh-button-height-md);     max-height: var(--bh-page-navigation-item-max-height);     box-sizing: border-box;     border-radius: var(--radius-sm);     background-color: transparent;     border: 1px solid transparent;   }      .page-navigation-children {     margin-top: var(--bh-page-navigation-single-level-margin-top-xs);     margin-bottom: var(--bh-page-navigation-single-level-margin-bottom-xs);     position: relative;     margin-left: var(--bh-page-navigation-single-level-margin-left-xl);     display: flex;     flex-direction: column;     gap: var(--bh-page-navigation-single-level-gap-xs);     max-height: 1000px;     opacity: 1;     transition: max-height 0.4s cubic-bezier(0.08, 0.52, 0.52, 1), opacity 0.4s cubic-bezier(0.08, 0.52, 0.52, 1), margin 0.4s cubic-bezier(0.08, 0.52, 0.52, 1);        }   .page-navigation-children::before {     content: "";     position: absolute;     left: 0;     top: -2px;     height: calc(100% + 4px);     width: 2px;     background-color: var(--bh-page-navigation-single-level-bg-neutral-200);     margin-left: calc(var(--spacing-sm) * 1.25);     z-index: 2;   }      .page-navigation-child {     display: flex;     align-items: center;     padding: var(--bh-page-navigation-single-level-padding-md-lg);     cursor: pointer;     gap: var(--bh-page-navigation-single-level-gap-sm);     position: relative;     transition: background-color var(--animation-duration-fast) ease;     min-height: var(--icon-size-3xl);      box-sizing: border-box;     border-radius: var(--radius-sm);     margin: 0;     background-color: transparent;     border: 1px solid transparent;     margin-left: var(--bh-page-navigation-child-indent);   }      .page-navigation-item-content,   .page-navigation-child-content {     display: flex;     align-items: center;     gap: var(--bh-page-navigation-single-level-gap-sm);     width: 100%;   }      .page-navigation-item-icon {     flex-shrink: 0;     color: var(--bh-page-navigation-single-level-color-neutral-600);     font-size: var(--icon-size-md);     width: var(--icon-size-md);     height: var(--icon-size-md);     transition: color var(--animation-duration-fast) ease;   }      .page-navigation-chevron-icon {     flex-shrink: 0;     color: var(--bh-page-navigation-single-level-color-neutral-600);     font-size: var(--icon-size-md);     width: var(--icon-size-md);     height: var(--icon-size-md);     transition: color var(--animation-duration-fast) ease, transform var(--animation-duration-fast) var(--animation-ease-smooth);   }      .page-navigation-item-label,   .page-navigation-child-label {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--text-sm-line);     color: var(--bh-page-navigation-single-level-color-neutral-600);     flex: 1;     transition: color var(--animation-duration-fast) ease, font-weight var(--animation-duration-fast) ease;   }      .page-navigation-item-badge,   .page-navigation-child-badge {     margin-left: auto;   } } @layer bh-states {      .page-navigation-single-level.active {     background-color: transparent;     border: 1px solid transparent;   }   .page-navigation-single-level.active .page-navigation-item-icon {     color: var(--bh-page-navigation-single-level-color-neutral-900);   }   .page-navigation-single-level.active .page-navigation-item-label {     color: var(--bh-page-navigation-single-level-color-neutral-900);     font-weight: var(--weight-semibold);   }   .page-navigation-single-level {        }   .page-navigation-single-level:hover {     background-color: var(--bh-page-navigation-single-level-bg-neutral-50);   }      .page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent {     background-color: transparent;     border: 1px solid transparent;   }   .page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent:hover {     background-color: var(--bh-page-navigation-single-level-bg-neutral-50);   }   .page-navigation-multi-level.has-active-child .page-navigation-item-icon {     color: var(--bh-page-navigation-single-level-color-neutral-900);   }   .page-navigation-multi-level.has-active-child .page-navigation-item-label {     color: var(--bh-page-navigation-single-level-color-neutral-900);     font-weight: var(--weight-semibold);   }   .page-navigation-multi-level-parent {        }   .page-navigation-multi-level-parent:hover {     background-color: var(--bh-page-navigation-single-level-bg-neutral-50);   }      .page-navigation-children.collapsed {     max-height: 0;     opacity: 0;     margin-top: 0;     margin-bottom: 0;   }      .page-navigation-child {        }   .page-navigation-child:hover:not(.active) {     background-color: var(--bh-page-navigation-single-level-bg-neutral-50);     position: relative;     z-index: 1;        }   .page-navigation-child:hover:not(.active)::after {     content: "";     position: absolute;     left: calc(var(--sp-5) * -1);     top: 0;     bottom: 0;     width: var(--sp-5);     background-color: var(--bh-page-navigation-single-level-bg-neutral-100);     z-index: 1;     border-radius: var(--radius-sm);   }   .page-navigation-child {        }   .page-navigation-child.active {     background-color: transparent;        }   .page-navigation-child.active::before {     content: "";     position: absolute;     left: -4.5px;     top: 50%;     transform: translateY(-50%);     width: 2px;     height: var(--sp-6);     background-color: var(--bh-page-navigation-single-level-bg-brand-600);     z-index: 3;   }   .page-navigation-child.active .page-navigation-child-label {     color: var(--bh-page-navigation-single-level-color-brand-600);     font-weight: var(--weight-semibold);   }      .page-navigation-chevron-icon.expanded {     transform: rotate(180deg);   } } @layer bh-utilities {      .page-navigation-animate-smooth {     transform-origin: top center;     transition: all var(--animation-duration-normal) var(--animation-ease-enter);   }      @media (max-width: 768px) {     .page-navigation {       width: var(--bh-page-navigation-min-width);       min-width: var(--bh-page-navigation-min-width);     }   } }'}},[513,"bh-page-navigation-single-level",{label:[1],icon:[1],isActive:[4,"is-active"],focusVersion:[32]}]);function h(){"undefined"!=typeof customElements&&["bh-page-navigation-single-level"].forEach((a=>{"bh-page-navigation-single-level"===a&&(customElements.get(o(a))||customElements.define(o(a),c))}))}export{c as B,h as d}

package/components/{p-BFL2Pm_E.js → p-CssmbrSc.js}

@@ -1 +1 @@
-import{p as t,H as e,c as n,h as o,d as r,t as i}from"./p-YZi6LqIt.js";import{c as a,m as c,M as h,r as s}from"./p-BJXjqxlX.js";import{c as l,t as d,a as b}from"./p-CqAYzGVs.js";const m=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhChange=n(this,"bhChange")}logger=a("bh-month-picker-content");destroy$=l();containerRef=null;get el(){return this}minYear=1998;maxYear=2060;disabled=!1;disabledMonths=[];scrollable=!0;selectedMonth;selectedYear;height="375px";value;internalSelectedMonth=null;internalSelectedYear=null;isUsingKeyboard=!1;bhChange;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),c.increment(h.COMPONENT_ERROR,{component:"bh-month-picker-content",error_type:t instanceof Error?t.name:"unknown"}),s("bh-month-picker-content",t)}currentDate=new Date;currentMonth=this.currentDate.getMonth();currentYear=this.currentDate.getFullYear();handleValueChange(t){t&&(this.internalSelectedMonth=t.month,this.internalSelectedYear=t.year)}handleSelectedMonthChange(t){void 0!==t&&(this.internalSelectedMonth=t)}handleSelectedYearChange(t){void 0!==t&&(this.internalSelectedYear=t)}componentWillLoad(){this.value?(this.internalSelectedMonth=this.value.month,this.internalSelectedYear=this.value.year):void 0!==this.selectedMonth||void 0!==this.selectedYear?(this.internalSelectedMonth=this.selectedMonth??this.currentMonth,this.internalSelectedYear=this.selectedYear??this.currentYear):this.currentYear>=this.minYear&&this.currentYear<=this.maxYear?(this.internalSelectedMonth=this.currentMonth,this.internalSelectedYear=this.currentYear):(this.internalSelectedMonth=this.currentMonth,this.internalSelectedYear=this.currentYear<this.minYear?this.minYear:this.maxYear)}componentDidLoad(){this.scrollable&&this.destroy$&&d(0,this.destroy$)?.subscribe((()=>{this.scrollToSelectedYear()}))}disconnectedCallback(){b(this.destroy$),this.containerRef=null}scrollToSelectedYear(){if(null===this.internalSelectedYear)return;const t=this.containerRef,e=this.el.shadowRoot?.querySelector(`#year-${this.internalSelectedYear}`);if(!t||!e)return;const n=this.internalSelectedYear===this.minYear;t.scrollTop=n||this.internalSelectedYear===this.maxYear?n?0:t.scrollHeight:Math.max(0,e.offsetTop-t.clientHeight/2+e.offsetHeight/2+50)}getYears(){return Array.from({length:this.maxYear-this.minYear+1},((t,e)=>this.minYear+e))}isCurrentMonth(t,e){return this.currentMonth===t&&this.currentYear===e}isMonthSelectable(t,e){return!(e<this.minYear||e>this.maxYear||this.disabledMonths.some((n=>n.month===t&&n.year===e)))}selectMonth(t,e){!this.disabled&&this.isMonthSelectable(t,e)&&(this.internalSelectedMonth=t,this.internalSelectedYear=e,this.bhChange.emit({month:t,year:e}))}handleKeyDown=()=>{this.isUsingKeyboard=!0};handleMouseDown=()=>{this.isUsingKeyboard=!1};getMonthButtonClasses(t,e){const n=["month-button"];return this.isMonthSelectable(t,e)||n.push("inactive"),this.internalSelectedMonth===t&&this.internalSelectedYear===e&&n.push("selected"),this.isCurrentMonth(t,e)&&n.push("today"),n.join(" ")}render(){const t=this.getYears();return o(r,{key:"119cc97550588b32a3fa2135d792eedde64936d7"},o("div",{key:"fc3c26464119587288c0ab3ba9802780c3a46af7",class:"month-picker-content animate-slide-up-enter "+(this.scrollable?"scrollable":""),onKeyDown:this.handleKeyDown,onMouseDown:this.handleMouseDown,part:"container",ref:t=>this.containerRef=t,style:{height:this.height}},o("div",{key:"1668b61376578089fe9a055c0b17213bde640ae7",class:"calendar",part:"calendar"},t.map(((e,n)=>o("div",{class:"year-section",id:`year-${e}`,key:e},o("div",{class:"year-month-container"},o("div",{class:"year-label"},e),o("div",{class:"months-row"},o("div",{class:"month-row"},m.slice(0,6).map(((t,n)=>o("button",{class:this.getMonthButtonClasses(n,e),disabled:!this.isMonthSelectable(n,e),key:n,onClick:()=>this.selectMonth(n,e)},m[n])))),o("div",{class:"month-row"},m.slice(6,12).map(((t,n)=>{const r=n+6;return o("button",{class:this.getMonthButtonClasses(r,e),disabled:!this.isMonthSelectable(r,e),key:r,onClick:()=>this.selectMonth(r,e)},m[r])}))))),n<t.length-1&&o("div",{class:"section-divider"},o("div",{class:"divider-container"},o("div",{class:"divider-line"})))))))))}static get watchers(){return{value:[{handleValueChange:0}],selectedMonth:[{handleSelectedMonthChange:0}],selectedYear:[{handleSelectedYearChange:0}]}}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-month-picker-content-font-family:var(--font-inter);--bh-month-picker-content-padding:var(--spacing-lg);--bh-month-picker-content-gap:var(--spacing-lg);--bh-month-picker-content-button-padding:var(--spacing-md);--bh-month-picker-content-button-gap:var(--spacing-sm);--bh-month-picker-content-button-font-size:var(--text-sm-size);--bh-month-picker-content-button-font-weight:var(--weight-medium);--bh-month-picker-content-button-border-radius:var(--radius-sm);--bh-month-picker-content-year-label-color:var(--color-text-secondary);--bh-month-picker-content-button-color:var(--color-text-secondary);--bh-month-picker-content-button-active-bg:var(--color-bg-interactive);--bh-month-picker-content-button-active-color:var(--color-text-inverse);--bh-month-picker-content-button-active-border-color:var(       --color-border-interactive     );--bh-month-picker-content-button-disabled-color:var(--color-text-disabled);--bh-month-picker-content-button-focus-outline:var(       --color-border-interactive     );--bh-month-picker-content-scrollbar-track:var(--color-bg-secondary);--bh-month-picker-content-scrollbar-thumb:var(--color-bg-tertiary);--bh-month-picker-content-scrollbar-thumb-hover:var(       --color-border-primary     );--bh-month-picker-content-section-divider-color:var(       --color-border-secondary     );--bh-month-picker-content-header-bg:var(--color-bg-secondary);--bh-month-picker-content-header-color:var(--color-text-primary);--bh-month-picker-content-hover-bg:var(--color-bg-secondary);--bh-month-picker-content-active-bg:var(--color-brand-100);--bh-month-picker-content-active-color:var(--color-text-interactive)}}@layer bh-base{.month-picker-content{width:100%;overflow-x:hidden;font-family:var(--bh-month-picker-content-font-family)}.calendar{display:flex;flex-direction:column;width:100%;padding:var(--bh-month-picker-content-padding) 0 var(--bh-month-picker-content-padding) var(--bh-month-picker-content-padding)}.year-section{display:flex;flex-direction:column;width:100%}.year-month-container{display:flex;flex-direction:row;width:100%;align-items:flex-start}.year-label{width:auto;height:auto;display:flex;align-items:flex-start;justify-content:flex-start;font-family:var(--bh-month-picker-content-font-family);font-weight:var(--weight-bold);font-size:var(--bh-month-picker-content-button-font-size);line-height:var(--line-height-normal);color:var(--color-text-secondary);flex-shrink:0;min-width:50px;padding:var(--spacing-md) 0}.months-row{display:flex;flex-direction:column}.month-row{display:flex;gap:var(--spacing-sm);justify-content:flex-start}.month-button{width:var(--bh-button-height-md);height:var(--bh-button-height-md);border-radius:var(--radius-full);border:2px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--text-sm-size);line-height:var(--leading-sm);color:var(--bh-month-picker-content-year-label-color);cursor:pointer;transition:all var(--animation-duration-fast, 0.1s) var(--animation-easing-ease, ease);flex-shrink:0;text-align:center;overflow:hidden;}.month-button:focus{outline:none}.section-divider{width:100%;margin:var(--spacing-xl) 0}.divider-container{width:100%;display:flex;justify-content:center}.divider-line{width:100%;height:1px;background:var(--bh-month-picker-content-section-divider-color)}}@layer bh-variants{.month-picker-content.scrollable{max-height:340px;overflow-y:auto;overflow-y:overlay;position:relative;scrollbar-width:thin;scrollbar-color:transparent transparent;}.month-picker-content.scrollable::-webkit-scrollbar{width:var(--spacing-xs)}.month-picker-content.scrollable::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-xs)}.month-picker-content.scrollable::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-xs);transition:background var(--animation-duration-normal) ease}.month-picker-content.animate-slide-up-enter{animation-duration:var(--animation-duration-slow, 0.3s)}.month-button{}.month-button.selected{background:var(--bh-month-picker-content-button-active-bg);color:var(--bh-month-picker-content-button-active-color);font-weight:var(--weight-semibold)}.month-button{}.month-button.today:not(.selected){border-color:var(--bh-month-picker-content-button-active-border-color)}.month-button{}.month-button.inactive,.month-button:disabled{opacity:0.4;cursor:not-allowed;color:var(--bh-month-picker-content-button-disabled-color)}.month-button{}.month-button.keyboard-focused{outline:var(--border-width-md, 2px) solid var(--bh-month-picker-content-button-focus-outline);outline-offset:var(--spacing-xs)}}@layer bh-states{.month-picker-content.scrollable{}.month-picker-content.scrollable:hover{scrollbar-color:var(--bh-month-picker-content-scrollbar-thumb) transparent}.month-picker-content.scrollable{}.month-picker-content.scrollable:hover::-webkit-scrollbar-track{background:var(--bh-month-picker-content-scrollbar-track)}.month-picker-content.scrollable:hover::-webkit-scrollbar-thumb{background:var(--bh-month-picker-content-section-divider-color)}.month-picker-content.scrollable:hover::-webkit-scrollbar-thumb:hover{background:var(--bh-month-picker-content-scrollbar-thumb-hover)}.month-button:hover:not(.inactive):not(.selected):not(:disabled):not(.today){background:var(--bh-month-picker-content-scrollbar-track);color:var(--bh-month-picker-content-header-color)}.month-button.today:not(.selected):hover{background:var(--bh-month-picker-content-active-bg);color:var(--bh-month-picker-content-active-color)}.month-button:disabled:hover{background:transparent}}"}},[513,"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]},void 0,{value:[{handleValueChange:0}],selectedMonth:[{handleSelectedMonthChange:0}],selectedYear:[{handleSelectedYearChange:0}]}]);function u(){"undefined"!=typeof customElements&&["bh-month-picker-content"].forEach((t=>{"bh-month-picker-content"===t&&(customElements.get(i(t))||customElements.define(i(t),p))}))}export{p as B,u as d}
+import{p as t,H as e,c as n,h as o,d as r,t as i}from"./p-YZi6LqIt.js";import{c as a,m as c,M as h,r as s}from"./p-BJXjqxlX.js";import{c as l,t as d,a as b}from"./p-CqAYzGVs.js";const m=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhChange=n(this,"bhChange")}logger=a("bh-month-picker-content");destroy$=l();containerRef=null;get el(){return this}minYear=1998;maxYear=2060;disabled=!1;disabledMonths=[];scrollable=!0;selectedMonth;selectedYear;height="375px";value;internalSelectedMonth=null;internalSelectedYear=null;isUsingKeyboard=!1;bhChange;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),c.increment(h.COMPONENT_ERROR,{component:"bh-month-picker-content",error_type:t instanceof Error?t.name:"unknown"}),s("bh-month-picker-content",t)}currentDate=new Date;currentMonth=this.currentDate.getMonth();currentYear=this.currentDate.getFullYear();handleValueChange(t){t&&(this.internalSelectedMonth=t.month,this.internalSelectedYear=t.year)}handleSelectedMonthChange(t){void 0!==t&&(this.internalSelectedMonth=t)}handleSelectedYearChange(t){void 0!==t&&(this.internalSelectedYear=t)}componentWillLoad(){this.value?(this.internalSelectedMonth=this.value.month,this.internalSelectedYear=this.value.year):void 0!==this.selectedMonth||void 0!==this.selectedYear?(this.internalSelectedMonth=this.selectedMonth??this.currentMonth,this.internalSelectedYear=this.selectedYear??this.currentYear):this.currentYear>=this.minYear&&this.currentYear<=this.maxYear?(this.internalSelectedMonth=this.currentMonth,this.internalSelectedYear=this.currentYear):(this.internalSelectedMonth=this.currentMonth,this.internalSelectedYear=this.currentYear<this.minYear?this.minYear:this.maxYear)}componentDidLoad(){this.scrollable&&this.destroy$&&d(0,this.destroy$)?.subscribe((()=>{this.scrollToSelectedYear()}))}disconnectedCallback(){b(this.destroy$),this.containerRef=null}scrollToSelectedYear(){if(null===this.internalSelectedYear)return;const t=this.containerRef,e=this.el.shadowRoot?.querySelector(`#year-${this.internalSelectedYear}`);if(!t||!e)return;const n=this.internalSelectedYear===this.minYear;t.scrollTop=n||this.internalSelectedYear===this.maxYear?n?0:t.scrollHeight:Math.max(0,e.offsetTop-t.clientHeight/2+e.offsetHeight/2+50)}getYears(){return Array.from({length:this.maxYear-this.minYear+1},((t,e)=>this.minYear+e))}isCurrentMonth(t,e){return this.currentMonth===t&&this.currentYear===e}isMonthSelectable(t,e){return!(e<this.minYear||e>this.maxYear||this.disabledMonths.some((n=>n.month===t&&n.year===e)))}selectMonth(t,e){!this.disabled&&this.isMonthSelectable(t,e)&&(this.internalSelectedMonth=t,this.internalSelectedYear=e,this.bhChange.emit({month:t,year:e}))}handleKeyDown=()=>{this.isUsingKeyboard=!0};handleMouseDown=()=>{this.isUsingKeyboard=!1};getMonthButtonClasses(t,e){const n=["month-button"];return this.isMonthSelectable(t,e)||n.push("inactive"),this.internalSelectedMonth===t&&this.internalSelectedYear===e&&n.push("selected"),this.isCurrentMonth(t,e)&&n.push("today"),n.join(" ")}render(){const t=this.getYears();return o(r,{key:"73b5ce30cd62f32d19daf4214b08345ae4bec1ac"},o("div",{key:"bdfd8daa1b0db677e06c8a742f1459f170d8e3cf",class:"month-picker-content animate-slide-up-enter "+(this.scrollable?"scrollable":""),onKeyDown:this.handleKeyDown,onMouseDown:this.handleMouseDown,part:"container",ref:t=>this.containerRef=t,style:{height:this.height}},o("div",{key:"3ccc79f6551261b34d9136a0691683b89583c660",class:"calendar",part:"calendar"},t.map(((e,n)=>o("div",{class:"year-section",id:`year-${e}`,key:e},o("div",{class:"year-month-container"},o("div",{class:"year-label"},e),o("div",{class:"months-row"},o("div",{class:"month-row"},m.slice(0,6).map(((t,n)=>o("button",{class:this.getMonthButtonClasses(n,e),disabled:!this.isMonthSelectable(n,e),key:n,onClick:()=>this.selectMonth(n,e)},m[n])))),o("div",{class:"month-row"},m.slice(6,12).map(((t,n)=>{const r=n+6;return o("button",{class:this.getMonthButtonClasses(r,e),disabled:!this.isMonthSelectable(r,e),key:r,onClick:()=>this.selectMonth(r,e)},m[r])}))))),n<t.length-1&&o("div",{class:"section-divider"},o("div",{class:"divider-container"},o("div",{class:"divider-line"})))))))))}static get watchers(){return{value:[{handleValueChange:0}],selectedMonth:[{handleSelectedMonthChange:0}],selectedYear:[{handleSelectedYearChange:0}]}}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-month-picker-content-font-family:var(--font-inter);--bh-month-picker-content-padding:var(--spacing-lg);--bh-month-picker-content-gap:var(--spacing-lg);--bh-month-picker-content-button-padding:var(--spacing-md);--bh-month-picker-content-button-gap:var(--spacing-sm);--bh-month-picker-content-button-font-size:var(--text-sm-size);--bh-month-picker-content-button-font-weight:var(--weight-medium);--bh-month-picker-content-button-border-radius:var(--radius-sm);--bh-month-picker-content-year-label-color:var(--color-text-secondary);--bh-month-picker-content-button-color:var(--color-text-secondary);--bh-month-picker-content-button-active-bg:var(--color-bg-interactive);--bh-month-picker-content-button-active-color:var(--color-text-inverse);--bh-month-picker-content-button-active-border-color:var(       --color-border-interactive     );--bh-month-picker-content-button-disabled-color:var(--color-text-disabled);--bh-month-picker-content-button-focus-outline:var(       --color-border-interactive     );--bh-month-picker-content-scrollbar-track:var(--color-bg-secondary);--bh-month-picker-content-scrollbar-thumb:var(--color-bg-tertiary);--bh-month-picker-content-scrollbar-thumb-hover:var(       --color-border-primary     );--bh-month-picker-content-section-divider-color:var(       --color-border-secondary     );--bh-month-picker-content-header-bg:var(--color-bg-secondary);--bh-month-picker-content-header-color:var(--color-text-primary);--bh-month-picker-content-hover-bg:var(--color-bg-secondary);--bh-month-picker-content-active-bg:var(--color-brand-100);--bh-month-picker-content-active-color:var(--color-text-interactive)}}@layer bh-base{.month-picker-content{width:100%;overflow-x:hidden;font-family:var(--bh-month-picker-content-font-family)}.calendar{display:flex;flex-direction:column;width:100%;padding:var(--bh-month-picker-content-padding) 0 var(--bh-month-picker-content-padding) var(--bh-month-picker-content-padding)}.year-section{display:flex;flex-direction:column;width:100%}.year-month-container{display:flex;flex-direction:row;width:100%;align-items:flex-start}.year-label{width:auto;height:auto;display:flex;align-items:flex-start;justify-content:flex-start;font-family:var(--bh-month-picker-content-font-family);font-weight:var(--weight-bold);font-size:var(--bh-month-picker-content-button-font-size);line-height:var(--line-height-normal);color:var(--color-text-secondary);flex-shrink:0;min-width:50px;padding:var(--spacing-md) 0}.months-row{display:flex;flex-direction:column}.month-row{display:flex;gap:var(--spacing-sm);justify-content:flex-start}.month-button{width:var(--bh-button-height-md);height:var(--bh-button-height-md);border-radius:var(--radius-full);border:2px solid transparent;background:transparent;display:flex;align-items:center;justify-content:center;font-family:var(--font-inter);font-weight:var(--weight-medium);font-size:var(--text-sm-size);line-height:var(--leading-sm);color:var(--bh-month-picker-content-year-label-color);cursor:pointer;transition:all var(--animation-duration-fast, 0.1s) var(--animation-easing-ease, ease);flex-shrink:0;text-align:center;overflow:hidden;}.month-button:focus{outline:none}.section-divider{width:100%;margin:var(--spacing-xl) 0}.divider-container{width:100%;display:flex;justify-content:center}.divider-line{width:100%;height:1px;background:var(--bh-month-picker-content-section-divider-color)}}@layer bh-variants{.month-picker-content.scrollable{max-height:340px;overflow-y:auto;overflow-y:overlay;position:relative;scrollbar-width:thin;scrollbar-color:transparent transparent;}.month-picker-content.scrollable::-webkit-scrollbar{width:var(--spacing-xs)}.month-picker-content.scrollable::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-xs)}.month-picker-content.scrollable::-webkit-scrollbar-thumb{background:transparent;border-radius:var(--radius-xs);transition:background var(--animation-duration-normal) ease}.month-picker-content.animate-slide-up-enter{animation-duration:var(--animation-duration-slow, 0.3s)}.month-button{}.month-button.selected{background:var(--bh-month-picker-content-button-active-bg);color:var(--bh-month-picker-content-button-active-color);font-weight:var(--weight-semibold)}.month-button{}.month-button.today:not(.selected){border-color:var(--bh-month-picker-content-button-active-border-color)}.month-button{}.month-button.inactive,.month-button:disabled{opacity:0.4;cursor:not-allowed;color:var(--bh-month-picker-content-button-disabled-color)}.month-button{}.month-button.keyboard-focused{outline:var(--border-width-md, 2px) solid var(--bh-month-picker-content-button-focus-outline);outline-offset:var(--spacing-xs)}}@layer bh-states{.month-picker-content.scrollable{}.month-picker-content.scrollable:hover{scrollbar-color:var(--bh-month-picker-content-scrollbar-thumb) transparent}.month-picker-content.scrollable{}.month-picker-content.scrollable:hover::-webkit-scrollbar-track{background:var(--bh-month-picker-content-scrollbar-track)}.month-picker-content.scrollable:hover::-webkit-scrollbar-thumb{background:var(--bh-month-picker-content-section-divider-color)}.month-picker-content.scrollable:hover::-webkit-scrollbar-thumb:hover{background:var(--bh-month-picker-content-scrollbar-thumb-hover)}.month-button:hover:not(.inactive):not(.selected):not(:disabled):not(.today){background:var(--bh-month-picker-content-scrollbar-track);color:var(--bh-month-picker-content-header-color)}.month-button.today:not(.selected):hover{background:var(--bh-month-picker-content-active-bg);color:var(--bh-month-picker-content-active-color)}.month-button:disabled:hover{background:transparent}}"}},[513,"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]},void 0,{value:[{handleValueChange:0}],selectedMonth:[{handleSelectedMonthChange:0}],selectedYear:[{handleSelectedYearChange:0}]}]);function u(){"undefined"!=typeof customElements&&["bh-month-picker-content"].forEach((t=>{"bh-month-picker-content"===t&&(customElements.get(i(t))||customElements.define(i(t),p))}))}export{p as B,u as d}

package/components/p-CvsupUaF.js

@@ -0,0 +1 @@
+import{p as e,H as t,c as i,h as a,d as r,t as s}from"./p-YZi6LqIt.js";import{d as o}from"./p-Bh0oD_Yf.js";import{d as n}from"./p-DJlRFgcj.js";import{d as l}from"./p-DUm7JrA0.js";import{d as c}from"./p-Be6mIKzo.js";import{d as h}from"./p-BI2Y2Le4.js";import{d}from"./p-CClVva-u.js";import{d as b}from"./p-2SnKTVal.js";import{d as p}from"./p-Dzlsnb7d.js";import{d as f}from"./p-B8HxD-vO.js";import{d as m}from"./p-BbPrWlsw.js";import{c as g}from"./p-CFlb5gKI.js";import{c as u}from"./p-BJXjqxlX.js";import{B as v,r as y}from"./p-BNVOtH-1.js";const x=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhOpen=i(this,"bhOpen"),this.bhClose=i(this,"bhClose"),this.bhChange=i(this,"bhChange"),this.bhItemClick=i(this,"bhItemClick")}logger=u("bh-notification-center");dismissalManager;i18nUnsubscribe;_i18nVersion=0;get el(){return this}notifications=[];open=!1;display="popover";headerTitle="Notifications";markAllLabel="Mark all as read";emptyMessage="You're all caught up";filterAllLabel="All";filterUnreadLabel="Unread";bellAriaLabel="Notifications";items=[];filter="all";bhOpen;bhClose;bhChange;bhItemClick;syncFromProp(){this.items=this.parseNotifications()}handleOpenChange(e){e?this.dismissalManager?.enable():this.dismissalManager?.disable()}componentWillLoad(){this.items=this.parseNotifications(),this.i18nUnsubscribe=v.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){"inline"!==this.display&&(this.dismissalManager=g(this.el,{onDismiss:()=>this.setOpen(!1),escapeKey:!0,clickOutside:!0,focusLoss:!1}),this.open&&this.dismissalManager.enable())}disconnectedCallback(){this.dismissalManager?.destroy(),this.i18nUnsubscribe?.()}async markRead(e){this.applyRead(this.items.filter((t=>t.id===e&&!t.read)))}async markAllRead(){this.applyRead(this.items.filter((e=>!e.read)))}parseNotifications(){if("string"!=typeof this.notifications)return this.notifications.map((e=>({...e})));if(""===this.notifications.trim())return[];try{return JSON.parse(this.notifications)}catch(e){return this.logger.error("Invalid notifications JSON",e instanceof Error?e:new Error(String(e))),[]}}applyRead(e){if(0===e.length)return;const t=e.map((e=>e.id));this.items=this.items.map((e=>t.includes(e.id)?{...e,read:!0}:e)),this.bhChange.emit({readIds:t,unreadCount:this.unreadCount()})}unreadCount(){return this.items.filter((e=>!e.read)).length}visibleItems(){return"unread"===this.filter?this.items.filter((e=>!e.read)):this.items}setOpen(e){this.open!==e&&(this.open=e,e?this.bhOpen.emit():this.bhClose.emit())}handleBellClick=()=>{this.setOpen(!this.open)};handleItemClick=e=>{this.bhItemClick.emit(e),this.applyRead(this.items.filter((t=>t.id===e.id&&!t.read)))};t(e,t,i){return y("bh-notification-center",e,t,i)}renderTrigger(e){const t=this.t("bellAriaLabel",this.bellAriaLabel,"Notifications");return a("div",{class:"trigger",part:"trigger"},a("bh-button-icon",{ariaLabel:e>0?`${t} (${e})`:t,hierarchy:"tertiary",iconName:"notifications",onClick:this.handleBellClick,size:"sm"}),e>0&&a("bh-badge",{class:"icon-badge-count",emphasis:"high",label:String(e),size:"sm",variant:"error"}))}render(){const e=this.unreadCount(),t=this.visibleItems(),i="inline"===this.display,s=i||this.open;return a(r,{key:"1cec4c416a7dc25a5eb5f6ba1596315d86c50271"},!i&&this.renderTrigger(e),s&&a("div",{key:"eae2068a2a56f938c04bd5be6eac8885de8db987","aria-label":this.t("headerTitle",this.headerTitle,"Notifications"),class:{panel:!0,"panel-inline":i},part:"panel",role:i?"region":"dialog"},a("div",{key:"2990d636c1ea32f28df29e84d60da4ddc8325960",class:"panel-header",part:"header"},a("span",{key:"c0b9291e8dbb52ebde5f62e95eedb646569f075d",class:"panel-title"},this.t("headerTitle",this.headerTitle,"Notifications")),e>0&&a("bh-button",{key:"76217c3ca371df29bf782af9c04a6113ecdda805",hierarchy:"tertiary",label:this.t("markAllLabel",this.markAllLabel,"Mark all as read"),onClick:()=>this.markAllRead(),size:"sm"})),a("div",{key:"696ebb7f1ba24de12b98a32f519abc71fd7dcd54",class:"filters",part:"filters",role:"tablist"},["all","unread"].map((e=>a("button",{"aria-selected":this.filter===e?"true":"false",class:{filter:!0,active:this.filter===e},"data-filter":e,onClick:()=>{this.filter=e},role:"tab",type:"button"},"all"===e?this.t("filterAllLabel",this.filterAllLabel,"All"):this.t("filterUnreadLabel",this.filterUnreadLabel,"Unread"))))),0===t.length?a("div",{class:"empty",part:"empty"},this.t("emptyMessage",this.emptyMessage,"You're all caught up")):a("bh-activity-feed",{class:"feed",divider:"line",flush:!0,part:"list",type:"notifications"},t.map((e=>a("bh-feed-item",{author:e.author??"",class:{unread:!e.read},content:e.body??"","data-id":e.id,icon:e.author?void 0:e.icon,itemTitle:e.title,key:e.id,onBhClick:()=>this.handleItemClick(e),showDot:!e.read,size:"sm",timestamp:e.timestamp??"",variant:e.author?"user":"system"}))))))}static get watchers(){return{notifications:[{syncFromProp:0}],open:[{handleOpenChange:0}]}}static get style(){return'@charset "UTF-8";:host{position:relative;display:inline-block}.trigger{position:relative;display:inline-flex}.icon-badge-count{position:absolute;top:var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm, 8px)));right:var(--bh-corner-badge-count-offset, calc(-1.5 * var(--spacing-sm, 8px)));opacity:0.8;pointer-events:none}.icon-badge-count:hover{opacity:1}.panel{position:absolute;top:calc(100% + var(--spacing-sm, 8px));right:0;z-index:var(--bh-notification-center-z-index, 1000);width:var(--bh-notification-center-width, 360px);max-height:var(--bh-notification-center-max-height, 480px);display:flex;flex-direction:column;overflow:hidden;background:var(--color-bg-primary, #fff);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-popup, 0 4px 12px rgba(0, 0, 0, 0.15))}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm, 8px);padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);min-height:calc(var(--bh-button-height-sm, 32px) + 2 * var(--spacing-md, 12px))}.panel-title{font-family:var(--font-inter, inherit);font-size:var(--text-md-size, 1rem);font-weight:var(--weight-semibold, 600);color:var(--color-text-primary, #101828)}.filters{display:flex;gap:var(--spacing-xs, 4px);padding:var(--spacing-sm, 8px) var(--spacing-lg, 16px);border-bottom:1px solid var(--color-border-tertiary, #eaecf0)}.filter{padding:var(--spacing-xs, 4px) var(--spacing-md, 12px);font-family:var(--font-inter, inherit);font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467);background:transparent;border:none;border-radius:var(--radius-md, 8px);cursor:pointer}.filter:hover{background:var(--color-bg-secondary, #f9fafb)}.filter.active{color:var(--color-text-primary, #101828);font-weight:var(--weight-semibold, 600);background:var(--color-bg-tertiary, #f2f4f7)}.feed{overflow-y:auto}.feed bh-feed-item{display:block;padding:var(--spacing-md, 12px) var(--spacing-lg, 16px);cursor:pointer}.feed bh-feed-item:hover{background:var(--color-bg-secondary, #f9fafb)}.feed bh-feed-item.unread{background:var(--color-brand-25, hsl(220, 82%, 98%))}.feed bh-feed-item.unread:hover{background:var(--color-bg-secondary, #f9fafb)}.panel-inline{position:static;width:100%;max-height:none;border:1px solid var(--color-border-primary, #e4e7ec);box-shadow:none}.empty{padding:var(--spacing-2xl, 32px) var(--spacing-lg, 16px);font-family:var(--font-inter, inherit);font-size:var(--text-sm-size, 0.875rem);color:var(--color-text-secondary, #475467);text-align:center}'}},[513,"bh-notification-center",{notifications:[1],open:[1540],display:[513],headerTitle:[1,"header-title"],markAllLabel:[1,"mark-all-label"],emptyMessage:[1,"empty-message"],filterAllLabel:[1,"filter-all-label"],filterUnreadLabel:[1,"filter-unread-label"],bellAriaLabel:[1,"bell-aria-label"],_i18nVersion:[32],items:[32],filter:[32],markRead:[64],markAllRead:[64]},void 0,{notifications:[{syncFromProp:0}],open:[{handleOpenChange:0}]}]);function k(){"undefined"!=typeof customElements&&["bh-notification-center","bh-activity-feed","bh-avatar","bh-badge","bh-badge-dot","bh-button","bh-button-icon","bh-close-button","bh-featured-icon","bh-feed-item","bh-loader-spinner"].forEach((e=>{switch(e){case"bh-notification-center":customElements.get(s(e))||customElements.define(s(e),x);break;case"bh-activity-feed":customElements.get(s(e))||o();break;case"bh-avatar":customElements.get(s(e))||n();break;case"bh-badge":customElements.get(s(e))||l();break;case"bh-badge-dot":customElements.get(s(e))||c();break;case"bh-button":customElements.get(s(e))||h();break;case"bh-button-icon":customElements.get(s(e))||d();break;case"bh-close-button":customElements.get(s(e))||b();break;case"bh-featured-icon":customElements.get(s(e))||p();break;case"bh-feed-item":customElements.get(s(e))||f();break;case"bh-loader-spinner":customElements.get(s(e))||m()}}))}export{x as B,k as d}

package/components/{p-DBAPExTG.js → p-CvwyG_Kj.js}

@@ -1 +1 @@
-import{p as r,H as o,c as e,h as s,d as a,t}from"./p-YZi6LqIt.js";import{d as l}from"./p-oaisznHL.js";import{d as n}from"./p-cD3vmu49.js";import{d as i}from"./p-BbPrWlsw.js";import{d as c}from"./p-BFL2Pm_E.js";import{c as h,m as p,M as d,r as b}from"./p-BJXjqxlX.js";import{c as m,t as u,a as g}from"./p-CqAYzGVs.js";import{B as x,r as v}from"./p-BNVOtH-1.js";import{A as y}from"./p-BoVgy_Ao.js";const f=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bhChange=e(this,"bhChange"),this.bhAction=e(this,"bhAction")}logger=h("bh-picker-menu");destroy$=m();i18nUnsubscribe;_i18nVersion=0;minYear=1998;maxYear=2060;disabled=!1;disabledMonths=[];animationClass="animate-dropdown-enter";visible=!0;showFooter=!0;showTodayButton=!1;disableApply=!1;cancelLabel="Cancel";applyLabel="Apply";value;isClosing=!1;shouldRender=!0;selectedMonth=null;selectedYear=null;bhChange;bhAction;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),p.increment(d.COMPONENT_ERROR,{component:"bh-picker-menu",error_type:r instanceof Error?r.name:"unknown"}),b("bh-picker-menu",r)}handleVisibleChange(r){r?(this.shouldRender=!0,this.isClosing=!1):(this.isClosing=!0,this.destroy$&&u(y.MENU_CLOSE,this.destroy$)?.subscribe((()=>{this.shouldRender=!1,this.isClosing=!1})))}disconnectedCallback(){g(this.destroy$),this.i18nUnsubscribe?.()}handleValueChange(r){r&&(this.selectedMonth=r.month,this.selectedYear=r.year)}componentWillLoad(){if(this.shouldRender=this.visible,this.i18nUnsubscribe=x.onLocaleChange((()=>{this._i18nVersion++})),this.value)this.selectedMonth=this.value.month,this.selectedYear=this.value.year;else{const r=new Date,o=r.getMonth(),e=r.getFullYear();e>=this.minYear&&e<=this.maxYear?(this.selectedMonth=o,this.selectedYear=e):e<this.minYear?(this.selectedYear=this.minYear,this.selectedMonth=o):(this.selectedYear=this.maxYear,this.selectedMonth=o)}}handleMonthYearSelect=r=>{const o=r.detail;this.selectedMonth=o.month,this.selectedYear=o.year,this.bhChange.emit(o)};handleCancel=()=>{this.bhAction.emit({action:"cancel"})};handleApply=()=>{this.bhAction.emit({action:"apply"})};handleToday=()=>{this.bhAction.emit({action:"today"})};render(){return this.shouldRender?s(a,{"aria-disabled":this.disabled?"true":void 0,"aria-hidden":this.visible?void 0:"true"},s("div",{class:{"picker-menu":!0,"animate-dropdown-exit":this.isClosing,[this.animationClass]:!this.isClosing,"no-footer":!this.showFooter},part:"container"},s("slot",null,s("bh-month-picker-content",{disabled:this.disabled,disabledMonths:this.disabledMonths,maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleMonthYearSelect,scrollable:!0,selectedMonth:this.selectedMonth??void 0,selectedYear:this.selectedYear??void 0})),this.showFooter&&s("div",{class:"picker-menu-footer",part:"footer"},s("div",{class:"picker-menu-actions "+(this.showTodayButton?"has-today-button":"")},this.showTodayButton&&s("bh-button-icon",{ariaLabel:"Today",hierarchy:"secondary",iconName:"today",onClick:this.handleToday,size:"sm"}),s("div",{class:"picker-menu-main-actions"},s("bh-button",{hierarchy:"secondary",label:v("bh-picker-menu","cancelLabel",this.cancelLabel,"Cancel"),onClick:this.handleCancel,size:"sm"}),s("bh-button",{disabled:this.disableApply,hierarchy:"primary",label:v("bh-picker-menu","applyLabel",this.applyLabel,"Apply"),onClick:this.handleApply,size:"sm"})))))):null}static get watchers(){return{visible:[{handleVisibleChange:0}],value:[{handleValueChange:0}]}}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-picker-menu-bg: var(--color-bg-primary);     --bh-picker-menu-border-color: var(--color-border-secondary);     --bh-picker-menu-border-radius: var(--radius-md);     --bh-picker-menu-padding: var(--spacing-md);     --bh-picker-menu-padding-none: var(--spacing-none);     --bh-picker-menu-gap: var(--spacing-sm);   } } @layer bh-base {      .picker-menu {     width: fit-content;     background: var(--bh-picker-menu-bg);     border-radius: var(--bh-picker-menu-border-radius);     border: 1px solid var(--bh-picker-menu-border-color);     box-shadow: var(--shadow-lg);     overflow: hidden;     flex-shrink: 0;     position: relative;     box-sizing: border-box;   }      .picker-menu-footer {     border-top: 1px solid var(--bh-picker-menu-border-color);     padding: var(--bh-picker-menu-padding) var(--bh-picker-menu-padding);     background: var(--bh-picker-menu-bg);   }   .picker-menu-actions {     display: flex;     justify-content: flex-end;     align-items: center;     gap: var(--bh-picker-menu-gap);        }   .picker-menu-actions.has-today-button {     justify-content: space-between;   }   .picker-menu-main-actions {     display: flex;     gap: var(--bh-picker-menu-gap);   } } @layer bh-variants {      .picker-menu.no-footer {     padding-bottom: var(--bh-picker-menu-padding-none);   } } @layer bh-utilities {      .picker-menu.animate-dropdown-enter {     animation: dropdownEnter var(--animation-duration-fast) ease-out forwards;   }   .picker-menu.animate-dropdown-exit {     animation: dropdownExit var(--animation-duration-fast) ease-out 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);     }   } }'}},[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"],cancelLabel:[1,"cancel-label"],applyLabel:[1,"apply-label"],value:[16],_i18nVersion:[32],isClosing:[32],shouldRender:[32],selectedMonth:[32],selectedYear:[32]},void 0,{visible:[{handleVisibleChange:0}],value:[{handleValueChange:0}]}]);function w(){"undefined"!=typeof customElements&&["bh-picker-menu","bh-button","bh-button-icon","bh-loader-spinner","bh-month-picker-content"].forEach((r=>{switch(r){case"bh-picker-menu":customElements.get(t(r))||customElements.define(t(r),f);break;case"bh-button":customElements.get(t(r))||l();break;case"bh-button-icon":customElements.get(t(r))||n();break;case"bh-loader-spinner":customElements.get(t(r))||i();break;case"bh-month-picker-content":customElements.get(t(r))||c()}}))}export{f as B,w as d}
+import{p as r,H as o,c as e,h as s,d as a,t}from"./p-YZi6LqIt.js";import{d as l}from"./p-BI2Y2Le4.js";import{d as n}from"./p-CClVva-u.js";import{d as i}from"./p-BbPrWlsw.js";import{d as c}from"./p-CssmbrSc.js";import{c as h,m as p,M as d,r as b}from"./p-BJXjqxlX.js";import{c as m,t as u,a as g}from"./p-CqAYzGVs.js";import{B as x,r as v}from"./p-BNVOtH-1.js";import{A as y}from"./p-BoVgy_Ao.js";const f=r(class extends o{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.bhChange=e(this,"bhChange"),this.bhAction=e(this,"bhAction")}logger=h("bh-picker-menu");destroy$=m();i18nUnsubscribe;_i18nVersion=0;minYear=1998;maxYear=2060;disabled=!1;disabledMonths=[];animationClass="animate-dropdown-enter";visible=!0;showFooter=!0;showTodayButton=!1;disableApply=!1;cancelLabel="Cancel";applyLabel="Apply";value;isClosing=!1;shouldRender=!0;selectedMonth=null;selectedYear=null;bhChange;bhAction;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),p.increment(d.COMPONENT_ERROR,{component:"bh-picker-menu",error_type:r instanceof Error?r.name:"unknown"}),b("bh-picker-menu",r)}handleVisibleChange(r){r?(this.shouldRender=!0,this.isClosing=!1):(this.isClosing=!0,this.destroy$&&u(y.MENU_CLOSE,this.destroy$)?.subscribe((()=>{this.shouldRender=!1,this.isClosing=!1})))}disconnectedCallback(){g(this.destroy$),this.i18nUnsubscribe?.()}handleValueChange(r){r&&(this.selectedMonth=r.month,this.selectedYear=r.year)}componentWillLoad(){if(this.shouldRender=this.visible,this.i18nUnsubscribe=x.onLocaleChange((()=>{this._i18nVersion++})),this.value)this.selectedMonth=this.value.month,this.selectedYear=this.value.year;else{const r=new Date,o=r.getMonth(),e=r.getFullYear();e>=this.minYear&&e<=this.maxYear?(this.selectedMonth=o,this.selectedYear=e):e<this.minYear?(this.selectedYear=this.minYear,this.selectedMonth=o):(this.selectedYear=this.maxYear,this.selectedMonth=o)}}handleMonthYearSelect=r=>{const o=r.detail;this.selectedMonth=o.month,this.selectedYear=o.year,this.bhChange.emit(o)};handleCancel=()=>{this.bhAction.emit({action:"cancel"})};handleApply=()=>{this.bhAction.emit({action:"apply"})};handleToday=()=>{this.bhAction.emit({action:"today"})};render(){return this.shouldRender?s(a,{"aria-disabled":this.disabled?"true":void 0,"aria-hidden":this.visible?void 0:"true"},s("div",{class:{"picker-menu":!0,"animate-dropdown-exit":this.isClosing,[this.animationClass]:!this.isClosing,"no-footer":!this.showFooter},part:"container"},s("slot",null,s("bh-month-picker-content",{disabled:this.disabled,disabledMonths:this.disabledMonths,maxYear:this.maxYear,minYear:this.minYear,onBhChange:this.handleMonthYearSelect,scrollable:!0,selectedMonth:this.selectedMonth??void 0,selectedYear:this.selectedYear??void 0})),this.showFooter&&s("div",{class:"picker-menu-footer",part:"footer"},s("div",{class:"picker-menu-actions "+(this.showTodayButton?"has-today-button":"")},this.showTodayButton&&s("bh-button-icon",{ariaLabel:"Today",hierarchy:"secondary",iconName:"today",onClick:this.handleToday,size:"sm"}),s("div",{class:"picker-menu-main-actions"},s("bh-button",{hierarchy:"secondary",label:v("bh-picker-menu","cancelLabel",this.cancelLabel,"Cancel"),onClick:this.handleCancel,size:"sm"}),s("bh-button",{disabled:this.disableApply,hierarchy:"primary",label:v("bh-picker-menu","applyLabel",this.applyLabel,"Apply"),onClick:this.handleApply,size:"sm"})))))):null}static get watchers(){return{visible:[{handleVisibleChange:0}],value:[{handleValueChange:0}]}}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-picker-menu-bg: var(--color-bg-primary);     --bh-picker-menu-border-color: var(--color-border-secondary);     --bh-picker-menu-border-radius: var(--radius-md);     --bh-picker-menu-padding: var(--spacing-md);     --bh-picker-menu-padding-none: var(--spacing-none);     --bh-picker-menu-gap: var(--spacing-sm);   } } @layer bh-base {      .picker-menu {     width: fit-content;     background: var(--bh-picker-menu-bg);     border-radius: var(--bh-picker-menu-border-radius);     border: 1px solid var(--bh-picker-menu-border-color);     box-shadow: var(--shadow-lg);     overflow: hidden;     flex-shrink: 0;     position: relative;     box-sizing: border-box;   }      .picker-menu-footer {     border-top: 1px solid var(--bh-picker-menu-border-color);     padding: var(--bh-picker-menu-padding) var(--bh-picker-menu-padding);     background: var(--bh-picker-menu-bg);   }   .picker-menu-actions {     display: flex;     justify-content: flex-end;     align-items: center;     gap: var(--bh-picker-menu-gap);        }   .picker-menu-actions.has-today-button {     justify-content: space-between;   }   .picker-menu-main-actions {     display: flex;     gap: var(--bh-picker-menu-gap);   } } @layer bh-variants {      .picker-menu.no-footer {     padding-bottom: var(--bh-picker-menu-padding-none);   } } @layer bh-utilities {      .picker-menu.animate-dropdown-enter {     animation: dropdownEnter var(--animation-duration-fast) ease-out forwards;   }   .picker-menu.animate-dropdown-exit {     animation: dropdownExit var(--animation-duration-fast) ease-out 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);     }   } }'}},[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"],cancelLabel:[1,"cancel-label"],applyLabel:[1,"apply-label"],value:[16],_i18nVersion:[32],isClosing:[32],shouldRender:[32],selectedMonth:[32],selectedYear:[32]},void 0,{visible:[{handleVisibleChange:0}],value:[{handleValueChange:0}]}]);function w(){"undefined"!=typeof customElements&&["bh-picker-menu","bh-button","bh-button-icon","bh-loader-spinner","bh-month-picker-content"].forEach((r=>{switch(r){case"bh-picker-menu":customElements.get(t(r))||customElements.define(t(r),f);break;case"bh-button":customElements.get(t(r))||l();break;case"bh-button-icon":customElements.get(t(r))||n();break;case"bh-loader-spinner":customElements.get(t(r))||i();break;case"bh-month-picker-content":customElements.get(t(r))||c()}}))}export{f as B,w as d}

package/components/{p-Bf_iTZDv.js → p-D6aw0IK6.js}

@@ -1 +1 @@
-import{p as t,H as i,c as s,h as o,d as e,t as n}from"./p-YZi6LqIt.js";import{c as a}from"./p-B93zYxiE.js";import{c as h,m as r,M as l,r as p}from"./p-BJXjqxlX.js";const c="undefined"!=typeof HTMLElement&&"showPopover"in HTMLElement.prototype;class d{frame=null;shown=!1;options={};sync(t,i,s,o={}){if(i&&c)if(this.options=o,t&&!this.shown){i.style.position="fixed",i.style.margin="0",i.style.inset="auto";try{i.showPopover()}catch(t){return}this.shown=!0;const t=()=>{this.position(i,s),this.frame=requestAnimationFrame(t)};t()}else if(!t&&this.shown){try{i.hidePopover()}catch(t){}i.style.position="",i.style.margin="",i.style.inset="",i.style.top="",i.style.left="",this.shown=!1,this.stop()}}destroy(){this.stop()}stop(){null!==this.frame&&(cancelAnimationFrame(this.frame),this.frame=null)}position(t,i){const{offset:s=8,upward:o=!1,toLeft:e=!1}=this.options,n=i.getBoundingClientRect(),a=t.getBoundingClientRect(),h=e?n.right-a.width:n.left;t.style.top=`${o?n.top-a.height-s:n.bottom+s}px`,t.style.left=`${h}px`}}const f={shiftPadding:8,autoUpdate:!0,timeoutMs:2e3},m={top:"tooltip-top",bottom:"tooltip-bottom",left:"tooltip-left",right:"tooltip-right"};let b=0;const g=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhOpen=s(this,"bhOpen"),this.bhClose=s(this,"bhClose")}get el(){return this}logger=h("bh-tooltip");positioner;referenceEl;interactionTarget;describedByTarget;tooltipEl;pendingRafId;setupRetryCount=0;escapeListenerAttached=!1;text="";placement="top";variant="default";visible;interactionOpen=!1;get isShown(){return this.visible??this.interactionOpen}maxWidth;tooltipId;offset=6;flip=!0;shift=!0;referenceSelector;strategy="absolute";computedPosition=null;isPositioned=!1;bhOpen;bhClose;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),r.increment(l.COMPONENT_ERROR,{component:"bh-tooltip",error_type:t instanceof Error?t.name:"unknown"}),p("bh-tooltip",t)}componentDidLoad(){this.findReferenceElement(),this.attachInteractionListeners(),this.wireAriaDescribedBy(),this.isShown&&this.setupPositioner()}wireAriaDescribedBy(){this.unwireAriaDescribedBy(),this.tooltipId?this.el.id=this.tooltipId:this.el.id||(b+=1,this.el.id=`bh-tooltip-${b}`);const t=this.referenceEl;t&&this.text&&!t.hasAttribute("aria-describedby")&&(t.setAttribute("aria-describedby",this.el.id),this.describedByTarget=t)}unwireAriaDescribedBy(){this.describedByTarget?.getAttribute("aria-describedby")===this.el.id&&this.describedByTarget.removeAttribute("aria-describedby"),this.describedByTarget=void 0}attachInteractionListeners(){this.detachInteractionListeners();const t=this.referenceEl;t&&(this.interactionTarget=t,t.addEventListener("mouseenter",this.handleTriggerEnter),t.addEventListener("mouseleave",this.handleTriggerLeave),t.addEventListener("focusin",this.handleTriggerEnter),t.addEventListener("focusout",this.handleTriggerLeave))}detachInteractionListeners(){const t=this.interactionTarget;t&&(t.removeEventListener("mouseenter",this.handleTriggerEnter),t.removeEventListener("mouseleave",this.handleTriggerLeave),t.removeEventListener("focusin",this.handleTriggerEnter),t.removeEventListener("focusout",this.handleTriggerLeave),this.interactionTarget=void 0)}handleTriggerEnter=()=>this.setInteractionOpen(!0);handleTriggerLeave=()=>this.setInteractionOpen(!1);setInteractionOpen(t){this.interactionOpen!==t&&(this.interactionOpen=t,void 0===this.visible&&(t?(this.attachEscapeListener(),this.setupPositioner(),this.bhOpen.emit()):(this.detachEscapeListener(),this.destroyPositioner(),this.bhClose.emit())))}handleDocumentKeyDown=t=>{"Escape"===t.key&&this.isShown&&this.setInteractionOpen(!1)};attachEscapeListener(){this.escapeListenerAttached||(this.el.ownerDocument.addEventListener("keydown",this.handleDocumentKeyDown),this.escapeListenerAttached=!0)}detachEscapeListener(){this.escapeListenerAttached&&(this.el.ownerDocument.removeEventListener("keydown",this.handleDocumentKeyDown),this.escapeListenerAttached=!1)}async show(){this.setInteractionOpen(!0)}async hide(){this.setInteractionOpen(!1)}disconnectedCallback(){this.detachInteractionListeners(),this.detachEscapeListener(),this.unwireAriaDescribedBy(),this.cancelPendingRaf(),this.destroyPositioner()}handleVisibleChange(t,i){t!==i&&(t?(this.setupPositioner(),this.bhOpen.emit()):(this.destroyPositioner(),this.bhClose.emit()))}handlePositionPropsChange(){this.isShown&&this.positioner&&(this.destroyPositioner(),this.setupPositioner())}async updatePosition(){this.positioner&&await this.positioner.update()}async setReferenceElement(t){this.referenceEl=t,this.attachInteractionListeners(),this.wireAriaDescribedBy(),this.isShown&&(this.destroyPositioner(),await this.setupPositioner())}cancelPendingRaf(){void 0!==this.pendingRafId&&(cancelAnimationFrame(this.pendingRafId),this.pendingRafId=void 0)}findReferenceElement(){if(this.referenceSelector){const t=this.el.getRootNode();this.referenceEl=t.querySelector(this.referenceSelector)??void 0}else this.referenceEl=this.el.firstElementChild?this.el.firstElementChild:this.el.parentElement??void 0}async setupPositioner(){if(this.cancelPendingRaf(),this.referenceEl&&this.tooltipEl){this.setupRetryCount=0;try{this.positioner=await a(this.referenceEl,this.tooltipEl,{placement:this.placement,offset:this.offset,flip:this.flip,shift:this.shift,...f},((t,i)=>{this.computedPosition={x:t,y:i},this.isPositioned=!0}))}catch(t){this.logger.warn("Failed to setup floating positioner, using fallback",{error:t instanceof Error?t.message:String(t)}),this.isPositioned=!1,this.computedPosition=null}}else this.setupRetryCount<3&&(this.setupRetryCount++,this.pendingRafId=requestAnimationFrame((()=>{this.pendingRafId=void 0,this.findReferenceElement(),this.referenceEl&&this.tooltipEl?this.setupPositioner():this.logger.warn("Unable to find reference or tooltip element",{hasReference:Boolean(this.referenceEl),hasTooltip:Boolean(this.tooltipEl),retryCount:this.setupRetryCount})})))}destroyPositioner(){this.cancelPendingRaf(),this.positioner&&(this.positioner.destroy(),this.positioner=void 0),this.computedPosition=null,this.isPositioned=!1,this.setupRetryCount=0}getFallbackPositionClass(){const t=this.placement.split("-")[0];return m[t]??"tooltip-top"}render(){const t=this.isPositioned&&null!==this.computedPosition,i={tooltip:!0,[this.getFallbackPositionClass()]:!t,[`tooltip-${this.variant}`]:!0,"tooltip-visible":this.isShown,"tooltip-positioned":t,multiline:void 0!==this.maxWidth&&this.maxWidth>240},s={};return this.maxWidth&&(s.maxWidth=`${this.maxWidth}px`),t&&this.computedPosition&&(s.position=c?"fixed":this.strategy,s.left=`${this.computedPosition.x}px`,s.top=`${this.computedPosition.y}px`,s.transform="none"),o(e,{key:"ae9ea36fb7ec75f2d95e04866e1813b2f31cda80"},o("slot",{key:"1e74573a36b92cc5d8f783392350d74ef9fb4b58"}),o("div",{key:"642207d233e6192c1823cdde4a2dec9b01e9ed46","aria-hidden":this.isShown?void 0:"true",class:i,part:"tooltip",ref:t=>this.tooltipEl=t,role:"tooltip",style:s},o("div",{key:"6986f4e0201978c8bb5ee8fb9647374e164d966d",class:"tooltip-content",part:"content"},this.text)))}static get watchers(){return{visible:[{handleVisibleChange:0}],placement:[{handlePositionPropsChange:0}],offset:[{handlePositionPropsChange:0}],flip:[{handlePositionPropsChange:0}],shift:[{handlePositionPropsChange:0}]}}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-tooltip-bg:var(--color-bg-inverse);--bh-tooltip-color:var(--color-text-inverse);--bh-tooltip-border-radius:var(--radius-md);--bh-tooltip-padding:var(--spacing-sm) var(--spacing-md)}}@layer bh-base{.tooltip:popover-open{background:transparent;overflow:visible;margin:0;inset:auto;border:0;padding:0}.tooltip{position:absolute;z-index:var(--bh-z-index-tooltip);pointer-events:none;opacity:0;transition:opacity var(--animation-duration-normal) ease-in-out;white-space:nowrap}.tooltip-visible{opacity:1}.tooltip{}.tooltip-positioned{margin:0}.tooltip-content{background-color:var(--bh-tooltip-bg);color:var(--bh-tooltip-color);font-family:var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-xs-size);line-height:var(--line-height-normal);padding:var(--bh-tooltip-padding);border-radius:var(--bh-tooltip-border-radius);box-shadow:var(--shadow-popover);position:relative}.tooltip{}.tooltip.multiline{white-space:normal}.tooltip.multiline .tooltip-content{max-width:var(--bh-illustrations-size-xl)}}@layer bh-variants{.tooltip{}.tooltip-top{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:var(--spacing-sm)}.tooltip-bottom{top:100%;left:50%;transform:translateX(-50%);margin-top:var(--spacing-sm)}.tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--spacing-sm)}.tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--spacing-sm)}.tooltip{}.tooltip-icon.tooltip-top{margin-bottom:var(--spacing-xs)}.tooltip-icon.tooltip-bottom{margin-top:var(--spacing-xs)}.tooltip-icon.tooltip-left{margin-right:var(--spacing-xs)}.tooltip-icon.tooltip-right{margin-left:var(--spacing-xs)}}"}},[769,"bh-tooltip",{text:[1],placement:[1],variant:[1],visible:[4],maxWidth:[2,"max-width"],tooltipId:[1,"tooltip-id"],offset:[2],flip:[4],shift:[4],referenceSelector:[1,"reference-selector"],strategy:[1],interactionOpen:[32],computedPosition:[32],isPositioned:[32],show:[64],hide:[64],updatePosition:[64],setReferenceElement:[64]},void 0,{visible:[{handleVisibleChange:0}],placement:[{handlePositionPropsChange:0}],offset:[{handlePositionPropsChange:0}],flip:[{handlePositionPropsChange:0}],shift:[{handlePositionPropsChange:0}]}]);function u(){"undefined"!=typeof customElements&&["bh-tooltip"].forEach((t=>{"bh-tooltip"===t&&(customElements.get(n(t))||customElements.define(n(t),g))}))}export{g as B,d as T,u as d,c as s}
+import{p as t,H as i,c as s,h as o,d as e,t as n}from"./p-YZi6LqIt.js";import{c as a}from"./p-B93zYxiE.js";import{c as h,m as r,M as l,r as p}from"./p-BJXjqxlX.js";const c="undefined"!=typeof HTMLElement&&"showPopover"in HTMLElement.prototype;class d{frame=null;shown=!1;options={};sync(t,i,s,o={}){if(i&&c)if(this.options=o,t&&!this.shown){i.style.position="fixed",i.style.margin="0",i.style.inset="auto";try{i.showPopover()}catch(t){return}this.shown=!0;const t=()=>{this.position(i,s),this.frame=requestAnimationFrame(t)};t()}else if(!t&&this.shown){try{i.hidePopover()}catch(t){}i.style.position="",i.style.margin="",i.style.inset="",i.style.top="",i.style.left="",this.shown=!1,this.stop()}}destroy(){this.stop()}stop(){null!==this.frame&&(cancelAnimationFrame(this.frame),this.frame=null)}position(t,i){const{offset:s=8,upward:o=!1,toLeft:e=!1}=this.options,n=i.getBoundingClientRect(),a=t.getBoundingClientRect(),h=e?n.right-a.width:n.left;t.style.top=`${o?n.top-a.height-s:n.bottom+s}px`,t.style.left=`${h}px`}}const f={shiftPadding:8,autoUpdate:!0,timeoutMs:2e3},b={top:"tooltip-top",bottom:"tooltip-bottom",left:"tooltip-left",right:"tooltip-right"};let m=0;const g=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhOpen=s(this,"bhOpen"),this.bhClose=s(this,"bhClose")}get el(){return this}logger=h("bh-tooltip");positioner;referenceEl;interactionTarget;describedByTarget;tooltipEl;pendingRafId;setupRetryCount=0;escapeListenerAttached=!1;text="";placement="top";variant="default";visible;interactionOpen=!1;get isShown(){return this.visible??this.interactionOpen}maxWidth;tooltipId;offset=6;flip=!0;shift=!0;referenceSelector;strategy="absolute";computedPosition=null;isPositioned=!1;bhOpen;bhClose;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),r.increment(l.COMPONENT_ERROR,{component:"bh-tooltip",error_type:t instanceof Error?t.name:"unknown"}),p("bh-tooltip",t)}componentDidLoad(){this.findReferenceElement(),this.attachInteractionListeners(),this.wireAriaDescribedBy(),this.isShown&&this.setupPositioner()}wireAriaDescribedBy(){this.unwireAriaDescribedBy(),this.tooltipId?this.el.id=this.tooltipId:this.el.id||(m+=1,this.el.id=`bh-tooltip-${m}`);const t=this.referenceEl;t&&this.text&&!t.hasAttribute("aria-describedby")&&(t.setAttribute("aria-describedby",this.el.id),this.describedByTarget=t)}unwireAriaDescribedBy(){this.describedByTarget?.getAttribute("aria-describedby")===this.el.id&&this.describedByTarget.removeAttribute("aria-describedby"),this.describedByTarget=void 0}attachInteractionListeners(){this.detachInteractionListeners();const t=this.referenceEl;t&&(this.interactionTarget=t,t.addEventListener("mouseenter",this.handleTriggerEnter),t.addEventListener("mouseleave",this.handleTriggerLeave),t.addEventListener("focusin",this.handleTriggerEnter),t.addEventListener("focusout",this.handleTriggerLeave))}detachInteractionListeners(){const t=this.interactionTarget;t&&(t.removeEventListener("mouseenter",this.handleTriggerEnter),t.removeEventListener("mouseleave",this.handleTriggerLeave),t.removeEventListener("focusin",this.handleTriggerEnter),t.removeEventListener("focusout",this.handleTriggerLeave),this.interactionTarget=void 0)}handleTriggerEnter=()=>this.setInteractionOpen(!0);handleTriggerLeave=()=>this.setInteractionOpen(!1);setInteractionOpen(t){this.interactionOpen!==t&&(this.interactionOpen=t,void 0===this.visible&&(t?(this.attachEscapeListener(),this.setupPositioner(),this.bhOpen.emit()):(this.detachEscapeListener(),this.destroyPositioner(),this.bhClose.emit())))}handleDocumentKeyDown=t=>{"Escape"===t.key&&this.isShown&&this.setInteractionOpen(!1)};attachEscapeListener(){this.escapeListenerAttached||(this.el.ownerDocument.addEventListener("keydown",this.handleDocumentKeyDown),this.escapeListenerAttached=!0)}detachEscapeListener(){this.escapeListenerAttached&&(this.el.ownerDocument.removeEventListener("keydown",this.handleDocumentKeyDown),this.escapeListenerAttached=!1)}async show(){this.setInteractionOpen(!0)}async hide(){this.setInteractionOpen(!1)}disconnectedCallback(){this.detachInteractionListeners(),this.detachEscapeListener(),this.unwireAriaDescribedBy(),this.cancelPendingRaf(),this.destroyPositioner()}handleVisibleChange(t,i){t!==i&&(t?(this.setupPositioner(),this.bhOpen.emit()):(this.destroyPositioner(),this.bhClose.emit()))}handlePositionPropsChange(){this.isShown&&this.positioner&&(this.destroyPositioner(),this.setupPositioner())}async updatePosition(){this.positioner&&await this.positioner.update()}async setReferenceElement(t){this.referenceEl=t,this.attachInteractionListeners(),this.wireAriaDescribedBy(),this.isShown&&(this.destroyPositioner(),await this.setupPositioner())}cancelPendingRaf(){void 0!==this.pendingRafId&&(cancelAnimationFrame(this.pendingRafId),this.pendingRafId=void 0)}findReferenceElement(){if(this.referenceSelector){const t=this.el.getRootNode();this.referenceEl=t.querySelector(this.referenceSelector)??void 0}else this.referenceEl=this.el.firstElementChild?this.el.firstElementChild:this.el.parentElement??void 0}async setupPositioner(){if(this.cancelPendingRaf(),this.referenceEl&&this.tooltipEl){this.setupRetryCount=0;try{this.positioner=await a(this.referenceEl,this.tooltipEl,{placement:this.placement,offset:this.offset,flip:this.flip,shift:this.shift,...f},((t,i)=>{this.computedPosition={x:t,y:i},this.isPositioned=!0}))}catch(t){this.logger.warn("Failed to setup floating positioner, using fallback",{error:t instanceof Error?t.message:String(t)}),this.isPositioned=!1,this.computedPosition=null}}else this.setupRetryCount<3&&(this.setupRetryCount++,this.pendingRafId=requestAnimationFrame((()=>{this.pendingRafId=void 0,this.findReferenceElement(),this.referenceEl&&this.tooltipEl?this.setupPositioner():this.logger.warn("Unable to find reference or tooltip element",{hasReference:Boolean(this.referenceEl),hasTooltip:Boolean(this.tooltipEl),retryCount:this.setupRetryCount})})))}destroyPositioner(){this.cancelPendingRaf(),this.positioner&&(this.positioner.destroy(),this.positioner=void 0),this.computedPosition=null,this.isPositioned=!1,this.setupRetryCount=0}getFallbackPositionClass(){const t=this.placement.split("-")[0];return b[t]??"tooltip-top"}render(){const t=this.isPositioned&&null!==this.computedPosition,i={tooltip:!0,[this.getFallbackPositionClass()]:!t,[`tooltip-${this.variant}`]:!0,"tooltip-visible":this.isShown,"tooltip-positioned":t,multiline:void 0!==this.maxWidth&&this.maxWidth>240},s={};return this.maxWidth&&(s.maxWidth=`${this.maxWidth}px`),t&&this.computedPosition&&(s.position=c?"fixed":this.strategy,s.left=`${this.computedPosition.x}px`,s.top=`${this.computedPosition.y}px`,s.transform="none"),o(e,{key:"418c8ccb2a8b128651b91e4f83954a6f515c2a5f"},o("slot",{key:"0e151c6b6074829abaae38c5181b2deb508b8394"}),o("div",{key:"53c84943768b17a6197bf8794af2514e1d700fcf","aria-hidden":this.isShown?void 0:"true",class:i,part:"tooltip",ref:t=>this.tooltipEl=t,role:"tooltip",style:s},o("div",{key:"f63dfdab26a4ecab969169b912ad40a10b522254",class:"tooltip-content",part:"content"},this.text)))}static get watchers(){return{visible:[{handleVisibleChange:0}],placement:[{handlePositionPropsChange:0}],offset:[{handlePositionPropsChange:0}],flip:[{handlePositionPropsChange:0}],shift:[{handlePositionPropsChange:0}]}}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:inline-block;--bh-tooltip-bg:var(--color-bg-inverse);--bh-tooltip-color:var(--color-text-inverse);--bh-tooltip-border-radius:var(--radius-md);--bh-tooltip-padding:var(--spacing-sm) var(--spacing-md)}}@layer bh-base{.tooltip:popover-open{background:transparent;overflow:visible;margin:0;inset:auto;border:0;padding:0}.tooltip{position:absolute;z-index:var(--bh-z-index-tooltip);pointer-events:none;opacity:0;transition:opacity var(--animation-duration-normal) ease-in-out;white-space:nowrap}.tooltip-visible{opacity:1}.tooltip{}.tooltip-positioned{margin:0}.tooltip-content{background-color:var(--bh-tooltip-bg);color:var(--bh-tooltip-color);font-family:var(--font-inter);font-weight:var(--weight-semibold);font-size:var(--text-xs-size);line-height:var(--line-height-normal);padding:var(--bh-tooltip-padding);border-radius:var(--bh-tooltip-border-radius);box-shadow:var(--shadow-popover);position:relative}.tooltip{}.tooltip.multiline{white-space:normal}.tooltip.multiline .tooltip-content{max-width:var(--bh-illustrations-size-xl)}}@layer bh-variants{.tooltip{}.tooltip-top{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:var(--spacing-sm)}.tooltip-bottom{top:100%;left:50%;transform:translateX(-50%);margin-top:var(--spacing-sm)}.tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--spacing-sm)}.tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--spacing-sm)}.tooltip{}.tooltip-icon.tooltip-top{margin-bottom:var(--spacing-xs)}.tooltip-icon.tooltip-bottom{margin-top:var(--spacing-xs)}.tooltip-icon.tooltip-left{margin-right:var(--spacing-xs)}.tooltip-icon.tooltip-right{margin-left:var(--spacing-xs)}}"}},[769,"bh-tooltip",{text:[1],placement:[1],variant:[1],visible:[4],maxWidth:[2,"max-width"],tooltipId:[1,"tooltip-id"],offset:[2],flip:[4],shift:[4],referenceSelector:[1,"reference-selector"],strategy:[1],interactionOpen:[32],computedPosition:[32],isPositioned:[32],show:[64],hide:[64],updatePosition:[64],setReferenceElement:[64]},void 0,{visible:[{handleVisibleChange:0}],placement:[{handlePositionPropsChange:0}],offset:[{handlePositionPropsChange:0}],flip:[{handlePositionPropsChange:0}],shift:[{handlePositionPropsChange:0}]}]);function u(){"undefined"!=typeof customElements&&["bh-tooltip"].forEach((t=>{"bh-tooltip"===t&&(customElements.get(n(t))||customElements.define(n(t),g))}))}export{g as B,d as T,u as d,c as s}

package/components/{p-CzvaS9up.js → p-DBl9mNfN.js}

@@ -1 +1 @@
-import{p as a,H as e,c as r,h as o,d as i,t}from"./p-YZi6LqIt.js";import{d as n}from"./p-1SkDR91n.js";import{d as s}from"./p-cD3vmu49.js";import{d as l}from"./p-BbPrWlsw.js";import{d as c}from"./p-DpyQ9_VL.js";import{c as h,m as d,M as g,r as m}from"./p-BJXjqxlX.js";import{c as p,t as v,a as b}from"./p-CqAYzGVs.js";import{c as u}from"./p-YdVz1TeW.js";import{v as x}from"./p-DlPm3fIV.js";import{a as f}from"./p-BqJRACkO.js";import{A as y}from"./p-BoVgy_Ao.js";const w=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhToggle=r(this,"bhToggle"),this.bhItemClick=r(this,"bhItemClick"),this.bhAction=r(this,"bhAction")}logger=h("bh-page-navigation-multi-level");destroy$=p();label;icon="radio_button_unchecked";badge;childItems=[];isExpanded=!1;focusState=u();focusVersion=0;isAnimating=!1;animationClass="";bhToggle;bhItemClick;bhAction;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),d.increment(g.COMPONENT_ERROR,{component:"bh-page-navigation-multi-level",error_type:a instanceof Error?a.name:"unknown"}),m("bh-page-navigation-multi-level",a)}handleExpandedChange(a){a?(this.isAnimating=!0,this.animationClass="animate-slide-down-enter"):this.isAnimating&&(this.animationClass="animate-slide-down-exit",this.destroy$&&v(y.MENU_CLOSE,this.destroy$)?.subscribe((()=>{this.isAnimating=!1,this.animationClass=""})))}disconnectedCallback(){b(this.destroy$)}getParsedChildItems(){if(Array.isArray(this.childItems))return this.childItems;const a=x(this.childItems);return a.valid?a.value??[]:(this.logger.warn("Invalid child-items JSON:",{errors:a.errors}),[])}get hasActiveChild(){return this.getParsedChildItems().some((a=>a.isActive))}handleParentClick=()=>{this.bhToggle.emit()};handleParentKeyDown=a=>{f(a)&&(a.preventDefault(),this.handleParentClick())};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleChildClick=a=>{this.bhItemClick.emit({value:String(a),item:this.getParsedChildItems()[a],index:a})};handleAddClick=a=>{a.stopPropagation(),this.bhAction.emit({action:"add"})};getItemClasses(){return{"page-navigation-multi-level":!0,"page-navigation-animate-smooth":!0,"has-active-child":this.hasActiveChild,expanded:this.isExpanded,focused:this.focusState.isFocused,hovered:this.focusState.isHovered}}render(){return o(i,{key:"9ec6a3884c08560fce28ec489cf2cc6584cdaae8"},o("div",{key:"037a839d45f62714e43b7686d8bd8587c114a63c",class:this.getItemClasses(),part:"container"},o("div",{key:"08b08b3cbf646f2a608e75b7dff4c4a75d4a6fcd","aria-expanded":String(this.isExpanded),class:"page-navigation-multi-level-parent","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleParentClick,onFocus:this.handleFocus,onKeyDown:this.handleParentKeyDown,onMouseEnter:()=>this.focusState.handleMouseEnter(),onMouseLeave:()=>this.focusState.handleMouseLeave(),part:"parent",role:"button",tabIndex:0},o("div",{key:"7752ca6a7e3c2e0e78da7d441db17020d83bff21",class:"page-navigation-item-content"},!this.focusState.isHovered&&o("span",{key:"827f84917aea8873b93a86d03fed62146944ef98","aria-hidden":"true",class:"page-navigation-item-icon material-symbols-outlined"},this.icon),this.focusState.isHovered&&o("span",{key:"c2e9dbe17e62eb3d85660807bdb06c227d8f9b59","aria-hidden":"true",class:{"page-navigation-chevron-icon":!0,"material-symbols-outlined":!0,expanded:this.isExpanded}},"expand_more"),o("span",{key:"4f35bd036f8352ed740b5da8ed5176c43446b8c0",class:"page-navigation-item-label"},this.label),void 0!==this.badge&&o("bh-badge",{key:"0cae401dbf6ff088086d6d666b590e1b2dbac1e3",class:"page-navigation-item-badge",emphasis:"medium",label:String(this.badge),part:"badge",size:"sm",variant:"gray"}),o("bh-button-icon",{key:"28a1759aa9c91607b396e24e2342334d6e7c69c1",ariaLabel:`Add to ${this.label}`,hierarchy:"tertiary",iconName:"add",onClick:this.handleAddClick,size:"xs"}))),(this.isExpanded||this.isAnimating)&&o("div",{key:"ea51a7b729a6ae51d5ac5597d28851576329293e",class:`page-navigation-children ${this.animationClass}`,part:"children",role:"group"},this.getParsedChildItems().map(((a,e)=>o("bh-page-navigation-child",{badge:a.badge,isActive:a.isActive,key:e,label:a.label,onBhItemClick:()=>this.handleChildClick(e),showBadge:a.showBadge}))))))}static get watchers(){return{isExpanded:[{handleExpandedChange:0}]}}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;   } } @layer bh-tokens {   :host {          --bh-page-navigation-multi-level-margin-none: var(--spacing-none);     --bh-page-navigation-multi-level-margin-xs: var(--spacing-xs);     --bh-page-navigation-multi-level-padding-sm: var(--spacing-sm);     --bh-page-navigation-multi-level-gap-sm: var(--spacing-sm);   } } @layer bh-base {   .page-navigation-multi-level {     margin: 0 var(--bh-page-navigation-multi-level-margin-xs);   }   .page-navigation-multi-level-parent {     display: flex;     align-items: center;     padding: var(--bh-page-navigation-multi-level-padding-sm);     cursor: pointer;     gap: var(--bh-page-navigation-multi-level-gap-sm);     position: relative;     transition: background-color var(--animation-duration-fast) ease;     min-height: var(--bh-button-height-md);     max-height: var(--bh-page-navigation-item-max-height);     box-sizing: border-box;     border-radius: var(--radius-sm);     background-color: transparent;     border: 1px solid transparent;   }      .page-navigation-children {     position: relative;     display: flex;     flex-direction: column;     gap: 0;     max-height: 1000px;     opacity: 1;     transition: max-height 0.4s cubic-bezier(0.08, 0.52, 0.52, 1), opacity 0.4s cubic-bezier(0.08, 0.52, 0.52, 1), margin 0.4s cubic-bezier(0.08, 0.52, 0.52, 1);   }      .page-navigation-item-content {     display: flex;     align-items: center;     gap: var(--bh-page-navigation-multi-level-gap-sm);     width: 100%;   }      .page-navigation-item-icon {     flex-shrink: 0;     color: var(--color-text-secondary);     font-size: var(--icon-size-md);     width: var(--icon-size-md);     height: var(--icon-size-md);     transition: color var(--animation-duration-fast) ease;   }      .page-navigation-chevron-icon {     flex-shrink: 0;     color: var(--color-text-secondary);     font-size: var(--icon-size-md);     width: var(--icon-size-md);     height: var(--icon-size-md);     transition: color var(--animation-duration-fast) ease, transform var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease);   }   .page-navigation-item-badge {     display: inline-flex;     flex-shrink: 0;   }      .page-navigation-item-label {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--text-sm-line);     color: var(--color-text-secondary);     flex: 1;     transition: color var(--animation-duration-fast) ease, font-weight var(--animation-duration-fast) ease;   } } @layer bh-states {   .page-navigation-multi-level-parent {        }   .page-navigation-multi-level-parent:hover {     background-color: var(--color-bg-secondary);   }      .page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent {     background-color: transparent;     border: 1px solid transparent;   }   .page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent:hover {     background-color: var(--color-bg-secondary);   }   .page-navigation-multi-level.has-active-child .page-navigation-item-icon {     color: var(--color-text-primary);   }   .page-navigation-multi-level.has-active-child .page-navigation-item-label {     color: var(--color-text-primary);     font-weight: var(--weight-semibold);   }   .page-navigation-children.collapsed {     max-height: 0;     opacity: 0;     margin-top: 0;     margin-bottom: 0;   }      .page-navigation-chevron-icon.expanded {     transform: rotate(180deg);   } } @layer bh-utilities {      .page-navigation-animate-smooth {     transform-origin: top center;     transition: all var(--animation-duration-normal, 0.2s) var(--animation-ease-enter, ease);   } } @layer bh-utilities {      .page-navigation-children.animate-slide-down-enter {     animation: slideDownEnter var(--animation-duration-fast) ease-out forwards;   }   .page-navigation-children.animate-slide-down-exit {     animation: slideDownExit var(--animation-duration-fast) ease-out forwards;   }   @keyframes slideDownEnter {     from {       opacity: 0;       max-height: 0;       transform: translateY(-10px);     }     to {       opacity: 1;       max-height: 1000px;       transform: translateY(0);     }   }   @keyframes slideDownExit {     from {       opacity: 1;       max-height: 1000px;       transform: translateY(0);     }     to {       opacity: 0;       max-height: 0;       transform: translateY(-10px);     }   } }'}},[513,"bh-page-navigation-multi-level",{label:[1],icon:[1],badge:[8],childItems:[1,"child-items"],isExpanded:[1028,"is-expanded"],focusVersion:[32],isAnimating:[32],animationClass:[32]},void 0,{isExpanded:[{handleExpandedChange:0}]}]);function k(){"undefined"!=typeof customElements&&["bh-page-navigation-multi-level","bh-badge","bh-button-icon","bh-loader-spinner","bh-page-navigation-child"].forEach((a=>{switch(a){case"bh-page-navigation-multi-level":customElements.get(t(a))||customElements.define(t(a),w);break;case"bh-badge":customElements.get(t(a))||n();break;case"bh-button-icon":customElements.get(t(a))||s();break;case"bh-loader-spinner":customElements.get(t(a))||l();break;case"bh-page-navigation-child":customElements.get(t(a))||c()}}))}export{w as B,k as d}
+import{p as a,H as e,c as r,h as o,d as i,t}from"./p-YZi6LqIt.js";import{d as n}from"./p-DUm7JrA0.js";import{d as s}from"./p-CClVva-u.js";import{d as l}from"./p-BbPrWlsw.js";import{d as c}from"./p-6tew_a-x.js";import{c as h,m as d,M as g,r as m}from"./p-BJXjqxlX.js";import{c as p,t as v,a as b}from"./p-CqAYzGVs.js";import{c as u}from"./p-YdVz1TeW.js";import{v as x}from"./p-DlPm3fIV.js";import{a as f}from"./p-BqJRACkO.js";import{A as y}from"./p-BoVgy_Ao.js";const w=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhToggle=r(this,"bhToggle"),this.bhItemClick=r(this,"bhItemClick"),this.bhAction=r(this,"bhAction")}logger=h("bh-page-navigation-multi-level");destroy$=p();label;icon="radio_button_unchecked";badge;childItems=[];isExpanded=!1;focusState=u();focusVersion=0;isAnimating=!1;animationClass="";bhToggle;bhItemClick;bhAction;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),d.increment(g.COMPONENT_ERROR,{component:"bh-page-navigation-multi-level",error_type:a instanceof Error?a.name:"unknown"}),m("bh-page-navigation-multi-level",a)}handleExpandedChange(a){a?(this.isAnimating=!0,this.animationClass="animate-slide-down-enter"):this.isAnimating&&(this.animationClass="animate-slide-down-exit",this.destroy$&&v(y.MENU_CLOSE,this.destroy$)?.subscribe((()=>{this.isAnimating=!1,this.animationClass=""})))}disconnectedCallback(){b(this.destroy$)}getParsedChildItems(){if(Array.isArray(this.childItems))return this.childItems;const a=x(this.childItems);return a.valid?a.value??[]:(this.logger.warn("Invalid child-items JSON:",{errors:a.errors}),[])}get hasActiveChild(){return this.getParsedChildItems().some((a=>a.isActive))}handleParentClick=()=>{this.bhToggle.emit()};handleParentKeyDown=a=>{f(a)&&(a.preventDefault(),this.handleParentClick())};handleFocus=a=>{this.focusState.handleFocus(a)};handleBlur=a=>{this.focusState.handleBlur(a)};handleChildClick=a=>{this.bhItemClick.emit({value:String(a),item:this.getParsedChildItems()[a],index:a})};handleAddClick=a=>{a.stopPropagation(),this.bhAction.emit({action:"add"})};getItemClasses(){return{"page-navigation-multi-level":!0,"page-navigation-animate-smooth":!0,"has-active-child":this.hasActiveChild,expanded:this.isExpanded,focused:this.focusState.isFocused,hovered:this.focusState.isHovered}}render(){return o(i,{key:"d9741d97ddd3eafaa584a4ed2874b54586f12d27"},o("div",{key:"78c214b1a6eed4371ddb9f9e7bfe6623d1981f9c",class:this.getItemClasses(),part:"container"},o("div",{key:"61b5570c3bc98afccb9d8fa12036874eff797b00","aria-expanded":String(this.isExpanded),class:"page-navigation-multi-level-parent","data-focused":String(this.focusState.isFocused),"data-hovered":String(this.focusState.isHovered),onBlur:this.handleBlur,onClick:this.handleParentClick,onFocus:this.handleFocus,onKeyDown:this.handleParentKeyDown,onMouseEnter:()=>this.focusState.handleMouseEnter(),onMouseLeave:()=>this.focusState.handleMouseLeave(),part:"parent",role:"button",tabIndex:0},o("div",{key:"ecb225085b57e91a45ca5261160e5faa8fb5320d",class:"page-navigation-item-content"},!this.focusState.isHovered&&o("span",{key:"3ec3d64a64ca0557f5dd1868b58afce58f5028c3","aria-hidden":"true",class:"page-navigation-item-icon material-symbols-outlined"},this.icon),this.focusState.isHovered&&o("span",{key:"6e63fa64c2d5a24f6fc0440a961e58aad6fd044c","aria-hidden":"true",class:{"page-navigation-chevron-icon":!0,"material-symbols-outlined":!0,expanded:this.isExpanded}},"expand_more"),o("span",{key:"e48c777f044af85e035969be85c75a44c0033972",class:"page-navigation-item-label"},this.label),void 0!==this.badge&&o("bh-badge",{key:"b3e00c448d7dd26de9c4a39e2cf256f7dc14e039",class:"page-navigation-item-badge",emphasis:"medium",label:String(this.badge),part:"badge",size:"sm",variant:"gray"}),o("bh-button-icon",{key:"4e6154e0f29457173b4617f554095c99bb1edee6",ariaLabel:`Add to ${this.label}`,hierarchy:"tertiary",iconName:"add",onClick:this.handleAddClick,size:"xs"}))),(this.isExpanded||this.isAnimating)&&o("div",{key:"4df9880e7f4975b317544e9a3b18156b5590830c",class:`page-navigation-children ${this.animationClass}`,part:"children",role:"group"},this.getParsedChildItems().map(((a,e)=>o("bh-page-navigation-child",{badge:a.badge,isActive:a.isActive,key:e,label:a.label,onBhItemClick:()=>this.handleChildClick(e),showBadge:a.showBadge}))))))}static get watchers(){return{isExpanded:[{handleExpandedChange:0}]}}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;   } } @layer bh-tokens {   :host {          --bh-page-navigation-multi-level-margin-none: var(--spacing-none);     --bh-page-navigation-multi-level-margin-xs: var(--spacing-xs);     --bh-page-navigation-multi-level-padding-sm: var(--spacing-sm);     --bh-page-navigation-multi-level-gap-sm: var(--spacing-sm);   } } @layer bh-base {   .page-navigation-multi-level {     margin: 0 var(--bh-page-navigation-multi-level-margin-xs);   }   .page-navigation-multi-level-parent {     display: flex;     align-items: center;     padding: var(--bh-page-navigation-multi-level-padding-sm);     cursor: pointer;     gap: var(--bh-page-navigation-multi-level-gap-sm);     position: relative;     transition: background-color var(--animation-duration-fast) ease;     min-height: var(--bh-button-height-md);     max-height: var(--bh-page-navigation-item-max-height);     box-sizing: border-box;     border-radius: var(--radius-sm);     background-color: transparent;     border: 1px solid transparent;   }      .page-navigation-children {     position: relative;     display: flex;     flex-direction: column;     gap: 0;     max-height: 1000px;     opacity: 1;     transition: max-height 0.4s cubic-bezier(0.08, 0.52, 0.52, 1), opacity 0.4s cubic-bezier(0.08, 0.52, 0.52, 1), margin 0.4s cubic-bezier(0.08, 0.52, 0.52, 1);   }      .page-navigation-item-content {     display: flex;     align-items: center;     gap: var(--bh-page-navigation-multi-level-gap-sm);     width: 100%;   }      .page-navigation-item-icon {     flex-shrink: 0;     color: var(--color-text-secondary);     font-size: var(--icon-size-md);     width: var(--icon-size-md);     height: var(--icon-size-md);     transition: color var(--animation-duration-fast) ease;   }      .page-navigation-chevron-icon {     flex-shrink: 0;     color: var(--color-text-secondary);     font-size: var(--icon-size-md);     width: var(--icon-size-md);     height: var(--icon-size-md);     transition: color var(--animation-duration-fast) ease, transform var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease);   }   .page-navigation-item-badge {     display: inline-flex;     flex-shrink: 0;   }      .page-navigation-item-label {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--text-sm-line);     color: var(--color-text-secondary);     flex: 1;     transition: color var(--animation-duration-fast) ease, font-weight var(--animation-duration-fast) ease;   } } @layer bh-states {   .page-navigation-multi-level-parent {        }   .page-navigation-multi-level-parent:hover {     background-color: var(--color-bg-secondary);   }      .page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent {     background-color: transparent;     border: 1px solid transparent;   }   .page-navigation-multi-level.has-active-child .page-navigation-multi-level-parent:hover {     background-color: var(--color-bg-secondary);   }   .page-navigation-multi-level.has-active-child .page-navigation-item-icon {     color: var(--color-text-primary);   }   .page-navigation-multi-level.has-active-child .page-navigation-item-label {     color: var(--color-text-primary);     font-weight: var(--weight-semibold);   }   .page-navigation-children.collapsed {     max-height: 0;     opacity: 0;     margin-top: 0;     margin-bottom: 0;   }      .page-navigation-chevron-icon.expanded {     transform: rotate(180deg);   } } @layer bh-utilities {      .page-navigation-animate-smooth {     transform-origin: top center;     transition: all var(--animation-duration-normal, 0.2s) var(--animation-ease-enter, ease);   } } @layer bh-utilities {      .page-navigation-children.animate-slide-down-enter {     animation: slideDownEnter var(--animation-duration-fast) ease-out forwards;   }   .page-navigation-children.animate-slide-down-exit {     animation: slideDownExit var(--animation-duration-fast) ease-out forwards;   }   @keyframes slideDownEnter {     from {       opacity: 0;       max-height: 0;       transform: translateY(-10px);     }     to {       opacity: 1;       max-height: 1000px;       transform: translateY(0);     }   }   @keyframes slideDownExit {     from {       opacity: 1;       max-height: 1000px;       transform: translateY(0);     }     to {       opacity: 0;       max-height: 0;       transform: translateY(-10px);     }   } }'}},[513,"bh-page-navigation-multi-level",{label:[1],icon:[1],badge:[8],childItems:[1,"child-items"],isExpanded:[1028,"is-expanded"],focusVersion:[32],isAnimating:[32],animationClass:[32]},void 0,{isExpanded:[{handleExpandedChange:0}]}]);function k(){"undefined"!=typeof customElements&&["bh-page-navigation-multi-level","bh-badge","bh-button-icon","bh-loader-spinner","bh-page-navigation-child"].forEach((a=>{switch(a){case"bh-page-navigation-multi-level":customElements.get(t(a))||customElements.define(t(a),w);break;case"bh-badge":customElements.get(t(a))||n();break;case"bh-button-icon":customElements.get(t(a))||s();break;case"bh-loader-spinner":customElements.get(t(a))||l();break;case"bh-page-navigation-child":customElements.get(t(a))||c()}}))}export{w as B,k as d}