@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/dist/bellhop-core/p-53dc8f16.entry.js

@@ -1 +0,0 @@
-import{r as i,c as e,a as t,h as s,H as o}from"./p-CTHvNfIu.js";import{T as n,s as h}from"./p-_HEoiOQg.js";import{c as a,r}from"./p-YLeLKAYJ.js";import{c,a as l}from"./p-CS8F5LFw.js";import{c as d}from"./p-YdVz1TeW.js";import{m as p,M as b}from"./p-CSH9RXgl.js";import{P as m}from"./p-Sdr_qqWO.js";import{B as u,r as k}from"./p-BNVOtH-1.js";import{t as f}from"./p-Bf0qW3wI.js";import{A as g}from"./p-BoVgy_Ao.js";const y=class{constructor(t){i(this,t),this.bhChange=e(this,"bhChange"),this.bhFocus=e(this,"bhFocus"),this.bhBlur=e(this,"bhBlur"),this.bhOpen=e(this,"bhOpen"),this.bhClose=e(this,"bhClose")}logger=a("bh-month-picker");destroy$=c();stateManager;closeTimerId=null;variant="dropdown-outlined";minYear=1998;maxYear=2060;disabled=!1;disabledMonths=[];label="Select Month";placeholder="Choose month and year";inputWidth="200px";showLabel=!0;showFooter=!0;value;isMenuClosing=!1;get el(){return t(this)}isMenuOpen=!1;menuContainerEl;menuAnchor=new n;bhChange;bhFocus;bhBlur;bhOpen;bhClose;focusState=d();i18nUnsubscribe;focusVersion=0;_i18nVersion=0;componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:new Error(String(i))),p.increment(b.COMPONENT_ERROR,{component:"bh-month-picker",error_type:i instanceof Error?i.name:"unknown"}),r("bh-month-picker",i)}handleValueChange(i){this.stateManager&&this.stateManager.setValue(i??null)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.stateManager=new m({onOpen:()=>{this.isMenuOpen=!0,this.bhOpen.emit()},onClose:()=>{this.isMenuOpen=!1,this.bhClose.emit()},onApply:i=>{this.bhChange.emit(i)}}),this.value&&this.stateManager.setValue(this.value),this.i18nUnsubscribe=u.onLocaleChange((()=>{this._i18nVersion++}))}getDisplayValue(){const i=this.stateManager?.committedValue;return i?`${(i.month+1).toString().padStart(2,"0")}/${i.year}`:""}getButtonLabel(){return this.getDisplayValue()||this.placeholder}handleTriggerClick=()=>{this.disabled||(this.stateManager.isOpen?this.closeMenu():this.stateManager.open())};handleInputFocus=()=>{this.disabled||this.stateManager.isOpen||this.stateManager.open()};handleFocus=i=>{this.focusState.handleFocus(i,(i=>this.bhFocus.emit(i)))};handleBlur=i=>{this.focusState.handleBlur(i,(i=>this.bhBlur.emit(i)))};handleMonthYearSelect=i=>{i.stopPropagation();const e=i.detail;e&&(this.showFooter?this.stateManager.setTempValue(e):(this.stateManager.setValue(e),this.bhChange.emit(e),this.closeMenu()))};handleMenuAction=i=>{"apply"===i.detail.action?this.handleMenuApply():this.handleMenuCancel()};handleMenuCancel=()=>{this.stateManager.cancel(),this.closeMenu()};handleMenuApply=()=>{this.stateManager.apply(),this.closeMenu()};closeMenu(){this.isMenuClosing=!0,null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null);const i=this.destroy$?f(g.MENU_CLOSE,this.destroy$):null;i?i.subscribe((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null})):this.closeTimerId=setTimeout((()=>{this.stateManager.close(),this.isMenuClosing=!1,this.closeTimerId=null}),g.MENU_CLOSE)}componentDidRender(){this.menuAnchor.sync(this.isMenuOpen,this.menuContainerEl,this.el)}disconnectedCallback(){this.menuAnchor.destroy(),null!==this.closeTimerId&&(clearTimeout(this.closeTimerId),this.closeTimerId=null),l(this.destroy$),this.i18nUnsubscribe?.()}handleBackdropClick=()=>{this.handleMenuCancel()};render(){return s(o,{key:"45ab4ca8e6c4b4388fe9f5b3637a48d47e2a8abb"},s("div",{key:"bcae7b82c027a99f5813b5d50387593016a7c3d5",class:"month-picker-container","data-focused":String(this.focusState.isFocused),onFocusin:this.handleFocus,onFocusout:this.handleBlur,part:"container"},"dropdown-outlined"===this.variant&&s("div",{key:"7be63ef8f808a70c15908c7adf41ceedc7f4d5a5",class:"month-picker-trigger",onClick:this.handleTriggerClick},s("bh-button",{key:"e00534b8f6a02f85f28d4e3f0e8e709b5a60b1e4",disabled:this.disabled,hierarchy:"secondary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"dropdown-ghost"===this.variant&&s("div",{key:"498b247c64c399543bad0ad6e27b5c144dd13d26",class:"month-picker-trigger",onClick:this.handleTriggerClick},s("bh-button",{key:"7d3d03b2723b3e883cd75b446006b3d5369d9687",disabled:this.disabled,hierarchy:"tertiary",icon:"trailing",iconName:"expand_more",label:this.getButtonLabel(),size:"sm"})),"input"===this.variant&&s("div",{key:"18fd25447c67c2283fa222f1e03b46f705e23701",class:"month-picker-trigger input-field-container"},s("bh-input-text",{key:"51c346b4df02351f0f304928eb2bd011972e943e",disabled:this.disabled,label:k("bh-month-picker","defaultLabel",this.label,"Select Month"),onFocus:this.handleInputFocus,placeholder:k("bh-month-picker","defaultPlaceholder",this.placeholder,"Choose month and year"),showHelpIcon:!1,showHintText:!1,showLabel:this.showLabel,showTrailingIcon:!0,trailingIcon:"calendar_month",value:this.getDisplayValue(),width:this.inputWidth}),s("div",{key:"551ce58ad4f1b33d1545f77a6a6545e775691100",class:"calendar-icon-overlay",onClick:this.handleTriggerClick})),s("div",{key:"79cc7b4934c7f27e4be6d1cc5549e8a76e36a29b",class:{"month-picker-menu-container":!0,"is-open":this.isMenuOpen&&!h},part:"menu",popover:h?"manual":void 0,ref:i=>this.menuContainerEl=i},s("bh-picker-menu",{key:"27d0d8edf8cf494af988c440a4f61119b7bffb66",disabled:this.disabled,disabledMonths:this.disabledMonths,maxYear:this.maxYear,minYear:this.minYear,onBhAction:this.handleMenuAction,onBhChange:this.handleMonthYearSelect,showFooter:this.showFooter,value:this.stateManager?.tempValue||this.stateManager?.committedValue||void 0,visible:this.isMenuOpen}))),(this.isMenuOpen||this.isMenuClosing)&&s("div",{key:"e6829565c0a553a624ba6bd8b0e0d433215b66bc",class:"month-picker-backdrop",onClick:this.handleBackdropClick}))}static get watchers(){return{value:[{handleValueChange:0}]}}};y.style="@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-month-picker-icon-overlay-width:var(--bh-button-height-md);--bh-month-picker-dropdown-z-index:var(--bh-z-index-dropdown);--bh-month-picker-dropdown-offset:var(--spacing-xs);--bh-month-picker-backdrop-z-index:var(--bh-z-index-raised)}}@layer bh-base{.month-picker-container{position:relative;display:inline-block}.month-picker-trigger{cursor:pointer}.month-picker-trigger.input-field-container{position:relative}.calendar-icon-overlay{position:absolute;top:0;right:0;width:var(--bh-month-picker-icon-overlay-width);height:100%;cursor:pointer;z-index:1}.month-picker-menu-container{}.month-picker-menu-container:popover-open{display:block;inset:auto;margin:0;border:none;padding:0;background:transparent;overflow:visible}.month-picker-menu-container{position:absolute;top:100%;left:0;z-index:var(--bh-month-picker-dropdown-z-index);margin-top:var(--bh-month-picker-dropdown-offset);display:none;}.month-picker-menu-container.is-open{display:block}.month-picker-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--bh-month-picker-backdrop-z-index);background:transparent}}";export{y as bh_month_picker}

package/dist/bellhop-core/p-54d147b9.entry.js

@@ -1 +0,0 @@
-import{r as i,c as t,h as r,H as e}from"./p-CTHvNfIu.js";import{c as o,r as n}from"./p-YLeLKAYJ.js";import{c as a}from"./p-YdVz1TeW.js";import{B as s,r as h}from"./p-BNVOtH-1.js";import{m as l,M as c}from"./p-CSH9RXgl.js";import{s as d,u as p}from"./p-DWWRC9ht.js";import{c as b,M as u}from"./p-R-A72b5e.js";const f=class{constructor(r){i(this,r),this.bhInput=t(this,"bhInput"),this.bhChange=t(this,"bhChange"),this.bhFocus=t(this,"bhFocus"),this.bhBlur=t(this,"bhBlur"),this.bhHelpClick=t(this,"bhHelpClick"),this.bhVisibilityToggle=t(this,"bhVisibilityToggle"),this.bhValidityChange=t(this,"bhValidityChange"),r.$hostElement$["s-ei"]?this.internals=r.$hostElement$["s-ei"]:(this.internals=r.$hostElement$.attachInternals(),r.$hostElement$["s-ei"]=this.internals)}internals;logger=o("bh-input-password");focusState=a();inputEl;i18nUnsubscribe;_i18nVersion=0;label="";placeholder="";hintText="";showLabel=!0;showHintText=!0;showHelpIcon=!1;showLeadingIcon=!0;error=!1;disabled=!1;required=!1;readOnly=!1;size="md";helpIconTooltip="Password requirements";leadingIcon="lock";value="";name="";defaultValue="";validationMessage="";autocomplete="current-password";ariaDescribedBy;ariaErrorMessage;focusVersion=0;showPassword=!1;isDirty=!1;isTouched=!1;bhInput;bhChange;bhFocus;bhBlur;bhHelpClick;bhVisibilityToggle;bhValidityChange;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=s.onLocaleChange((()=>{this._i18nVersion++}))}componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:new Error(String(i))),l.increment(c.COMPONENT_ERROR,{component:"bh-input-password",error_type:i instanceof Error?i.name:"unknown"}),n("bh-input-password",i)}componentDidLoad(){d(this),p(this.internals,this.inputEl,this.validationMessage),this.inputEl&&this.inputEl.addEventListener("invalid",this.handleValidityChange)}disconnectedCallback(){this.inputEl&&this.inputEl.removeEventListener("invalid",this.handleValidityChange),this.i18nUnsubscribe?.()}formResetCallback(){this.value=this.defaultValue,this.isDirty=!1,this.isTouched=!1,this.showPassword=!1,this.inputEl&&(this.inputEl.value=this.defaultValue),d(this),p(this.internals,this.inputEl)}handleInput=i=>{const t=b(i.target.value,u);this.value=t.value,t.valid||n("bh-input-password",new Error(t.errors.map((i=>i.message)).join(", "))),this.isDirty||(this.isDirty=!0),this.bhInput.emit(this.value),d(this),p(this.internals,this.inputEl,this.validationMessage)};handleChange=()=>{this.bhChange.emit(this.value)};handleFocus=i=>{this.isTouched=!0,this.focusState.handleFocus(i,(()=>this.bhFocus.emit()))};handleBlur=i=>{this.focusState.handleBlur(i,(()=>this.bhBlur.emit()))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleKeyDown=()=>{};handleValidityChange=()=>{this.inputEl&&this.bhValidityChange.emit(this.inputEl.validity)};togglePasswordVisibility=()=>{this.disabled||(this.showPassword=!this.showPassword,this.bhVisibilityToggle.emit(this.showPassword))};handleHelpClick=()=>{this.bhHelpClick.emit()};render(){const i={"input-container":!0,[`input-container-${this.size}`]:!0,"input-container-focused":this.focusState.isFocused,"input-container-hover":this.focusState.isHovered&&!this.focusState.isFocused,"input-container-error":this.error,"input-container-disabled":this.disabled,"input-container-with-leading":this.showLeadingIcon};return r(e,{key:"af51eb8f1eafae0a72f5bae8ddf399bd5f5a9276"},r("div",{key:"5e3ed1bceb6bdb8d6ee0930c1503567ad758276f",class:"input-wrapper",part:"wrapper"},r("bh-label",{key:"10188b17c3d4b9bff42109e32bf4bfe3ccd550e6",disabled:this.disabled,helpIconTooltip:h("bh-input-password","helpIconTooltip",this.helpIconTooltip,"Password requirements"),label:this.showLabel?this.label:"",onBhHelpClick:this.handleHelpClick,required:this.required,showHelpIcon:this.showHelpIcon},r("div",{key:"5239de4682a1372a28db4002d63cef7b71f6758e",class:i,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container"},r("div",{key:"1bf40743d62321eb51e87efcc6ca004c751b5df6",class:"input-content"},this.showLeadingIcon&&r("span",{key:"e5040678f003c4b31fb81b7a60b2030e8c475eea","aria-hidden":"true",class:"material-symbols-outlined leading-icon",part:"prefix"},this.leadingIcon),r("input",{key:"f850a80046158db8955c3112d4390e0207b582b7","aria-describedby":[this.showHintText&&this.hintText?"hint-text":"",this.ariaDescribedBy].filter(Boolean).join(" ")||void 0,"aria-errormessage":this.ariaErrorMessage,"aria-invalid":this.error?"true":"false","aria-label":this.label,"aria-readonly":String(this.readOnly),"aria-required":String(this.required),autocomplete:this.autocomplete,class:"input-element","data-dirty":String(this.isDirty),"data-touched":String(this.isTouched),disabled:this.disabled,name:this.name,onBlur:this.handleBlur,onChange:this.handleChange,onFocus:this.handleFocus,onInput:this.handleInput,onKeyDown:this.handleKeyDown,part:"input",placeholder:this.placeholder,readOnly:this.readOnly,ref:i=>this.inputEl=i,required:this.required,type:this.showPassword?"text":"password",value:this.value})),r("button",{key:"d406d379f42489ef6f3d44297675d0540483a573","aria-label":this.showPassword?h("bh-input-password","hidePasswordAriaLabel",void 0,"Hide password"):h("bh-input-password","showPasswordAriaLabel",void 0,"Show password"),"aria-pressed":this.showPassword?"true":"false",class:"material-symbols-outlined visibility-toggle",disabled:this.disabled,onClick:this.togglePasswordVisibility,part:"suffix",type:"button"},this.showPassword?"visibility_off":"visibility"))),this.showHintText&&this.hintText&&r("div",{key:"d3b7f7fbed0f6ee4527f391c22af845816a53ba5",class:{"hint-text":!0,"hint-error":this.error},id:"hint-text"},this.hintText)))}static get formAssociated(){return!0}};f.style='@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);--bh-input-bg:var(--color-bg-primary);--bh-input-bg-disabled:var(--color-bg-disabled);--bh-input-color:var(--color-text-primary);--bh-input-color-placeholder:var(--color-neutral-400);--bh-input-border-color:var(--color-border-primary);--bh-input-border-color-hover:var(--color-border-interactive);--bh-input-border-color-focus:var(--color-border-interactive);--bh-input-border-color-error:var(--color-border-error);--bh-input-icon-color:var(--color-text-tertiary);--bh-input-icon-color-focus:var(--color-text-interactive);--bh-input-hint-color:var(--color-text-secondary);--bh-input-hint-error-color:var(--color-text-error);--bh-input-border-radius:var(--radius-md)}}@layer bh-base{.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.input-container{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);height:var(--bh-input-height-md);width:100%;background:var(--bh-input-bg);border:1px solid var(--bh-input-border-color);border-radius:var(--bh-input-border-radius);transition:border-color var(--animation-duration-normal) ease-in-out, box-shadow var(--animation-duration-normal) ease-in-out;cursor:text;box-sizing:border-box}.input-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;height:100%;min-width:0}.input-element{flex:1;height:100%;border:none;outline:none;background:transparent;font-family:inherit;font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--bh-input-color);min-width:60px;padding:0}.leading-icon{font-size:var(--text-xl-size);color:var(--bh-input-icon-color);user-select:none;flex-shrink:0;cursor:default;transition:color var(--animation-duration-normal) ease-in-out}.visibility-toggle{font-size:var(--text-xl-size);color:var(--bh-input-icon-color);cursor:pointer;user-select:none;flex-shrink:0;transition:color var(--animation-duration-normal) ease-in-out;background:none;border:none;padding:0;appearance:none}.hint-text{font-family:inherit;font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal);color:var(--bh-input-hint-color)}}@layer bh-variants{.input-container-sm{height:var(--bh-input-height-sm)}.input-container-lg{height:var(--bh-input-height-lg)}}@layer bh-states{.input-container.input-container-hover{border-color:var(--bh-input-border-color-hover)}.input-container.input-container-focused{border-color:var(--bh-input-border-color-focus);box-shadow:0 0 0 1px var(--bh-input-border-color-focus)}.input-container.input-container-focused .leading-icon{color:var(--bh-input-icon-color-focus)}.input-container.input-container-disabled{opacity:0.5;cursor:not-allowed;background:var(--bh-input-bg-disabled)}.input-container.input-container-disabled .visibility-toggle{cursor:not-allowed;pointer-events:none}.input-container.input-container-error{border-color:var(--bh-input-border-color-error)}.input-container.input-container-error.input-container-hover{border-color:var(--bh-input-border-color-error)}.input-container.input-container-error.input-container-focused{border-color:var(--bh-input-border-color-focus)}.input-element:focus{outline:none;border:none;box-shadow:none}.input-element::placeholder{color:var(--bh-input-color-placeholder)}.input-element:disabled{cursor:not-allowed}.visibility-toggle:hover{color:var(--bh-input-hint-color)}.hint-text.hint-error{color:var(--bh-input-hint-error-color)}}@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;font-size:var(--icon-size-md)}}';export{f as bh_input_password}

package/dist/bellhop-core/p-56b090e1.entry.js

@@ -1 +0,0 @@
-import{r as i,c as a,h as e,H as t}from"./p-CTHvNfIu.js";import{c as n,r as l}from"./p-YLeLKAYJ.js";import{m as c,M as s}from"./p-CSH9RXgl.js";import{B as r,r as o}from"./p-BNVOtH-1.js";const d="bh-inline-cta",h=class{constructor(e){i(this,e),this.bhClose=a(this,"bhClose"),this.bhAction=a(this,"bhAction")}logger=n(d);i18nUnsubscribe;_i18nVersion=0;heading="";description="";type="actions";layout="horizontal";imageSrc="";imageAlt="";emailLabel="";showDismiss=!1;dismissAriaLabel="Dismiss";bhClose;bhAction;componentDidCatch(i){this.logger.error("Component error caught",i instanceof Error?i:new Error(String(i))),c.increment(s.COMPONENT_ERROR,{component:d,error_type:i instanceof Error?i.name:"unknown"}),l(d,i)}componentWillLoad(){this.i18nUnsubscribe=r.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleDismiss=()=>{this.bhClose.emit()};handleActionClick=i=>{i.stopPropagation(),this.bhAction.emit({action:"primary"})};renderMedia(){return e("div",{class:"inline-cta-media",part:"media"},this.imageSrc?e("img",{alt:this.imageAlt,class:"inline-cta-image",part:"image",src:this.imageSrc}):e("slot",{name:"media"}))}renderEmailSection(){return e("div",{class:"inline-cta-email-section",part:"email-section"},this.emailLabel&&e("span",{class:"inline-cta-email-label"},this.emailLabel),e("div",{class:"inline-cta-email-input"},e("slot",{name:"email"})))}render(){const i="image"===this.type,a="email-field"===this.type;return e(t,{key:"0ecf6d0198dcb06a775596ac3a84012b554cd99f"},e("div",{key:"042d60a5538087b0b74efc24b67c237bd9702409","aria-label":this.heading||"Call to action",class:{"inline-cta":!0,"inline-cta-dismissable":this.showDismiss,[`inline-cta-${this.layout}`]:!0,[`inline-cta-type-${this.type}`]:!0,"inline-cta-with-media":i&&!!this.imageSrc},part:"container",role:"region"},i&&this.renderMedia(),e("div",{key:"77717d1781068a3cf30ef4ce32d23e7101dd9caa",class:"inline-cta-content",part:"content"},e("div",{key:"1ae1e297c30a140f45c48bb0327766a1cbe526f2",class:"inline-cta-text",part:"text"},this.heading&&e("h3",{key:"0727909efae46c0c3d6c785d070fb7680e8acd2c",class:"inline-cta-heading",part:"heading"},this.heading),this.description&&e("p",{key:"fff0a3a916f6957fe7b54306eccabd6417610757",class:"inline-cta-description",part:"description"},this.description)),a&&this.renderEmailSection(),e("div",{key:"09b678401ae1166ae8654f4f813e181193fbd456",class:"inline-cta-body",part:"body"},e("slot",{key:"535f34901eac23bb7615e7d948b79376a7c71ad3"})),e("div",{key:"5a1135d5fd845bf88d3a184bcf88e02912abff94",class:"inline-cta-actions",onClick:this.handleActionClick,part:"actions"},e("slot",{key:"206a2b02b19bd4bc4ab6352f9ec174e7537188a2",name:"actions"}))),this.showDismiss&&e("div",{key:"775f6f3e2df63a1619366432a99ef8d4ee17e039",class:"inline-cta-dismiss",part:"dismiss"},e("bh-close-button",{key:"6a1896643d85f1b1223c37999360428d2e6d9df6",ariaLabel:o(d,"dismissAriaLabel",this.dismissAriaLabel,"Dismiss"),onClick:this.handleDismiss}))))}};h.style='@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);--bh-inline-cta-bg:var(--color-bg-primary);--bh-inline-cta-border-color:var(--color-border-secondary);--bh-inline-cta-border-radius:var(--radius-xl);--bh-inline-cta-shadow:var(--shadow-xs);--bh-inline-cta-heading-color:var(--color-text-primary);--bh-inline-cta-description-color:var(--color-text-tertiary);--bh-inline-cta-email-label-color:var(--color-text-secondary)}}@layer bh-base{.inline-cta{display:flex;background:var(--bh-inline-cta-bg);border:1px solid var(--bh-inline-cta-border-color);border-radius:var(--bh-inline-cta-border-radius);box-shadow:var(--bh-inline-cta-shadow);overflow:clip;position:relative}.inline-cta-dismiss{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg)}.inline-cta-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);flex:1;min-width:0}.inline-cta-text{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.inline-cta-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-inline-cta-heading-color);margin:0}.inline-cta-description{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-inline-cta-description-color);margin:0}.inline-cta-body{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.inline-cta-body:empty{display:none}.inline-cta-actions{display:flex;gap:var(--spacing-lg);align-items:flex-start}.inline-cta-media{flex-shrink:0;overflow:clip}.inline-cta-image{display:block;width:100%;height:100%;object-fit:cover}.inline-cta-email-section{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.inline-cta-email-label{font-size:var(--text-sm-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);color:var(--bh-inline-cta-email-label-color)}.inline-cta-email-input{display:flex;gap:var(--spacing-md);align-items:flex-start;width:100%}.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}}@layer bh-variants{.inline-cta-horizontal{flex-direction:row;align-items:stretch}.inline-cta-horizontal .inline-cta-media{width:240px;align-self:stretch}.inline-cta-horizontal .inline-cta-content{padding:var(--spacing-3xl)}.inline-cta-vertical{flex-direction:column}.inline-cta-vertical .inline-cta-media{width:100%;height:200px}.inline-cta-vertical .inline-cta-content{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl)}.inline-cta-vertical .inline-cta-actions{flex-direction:column;width:100%}.inline-cta-vertical .inline-cta-actions ::slotted(*){width:100%}.inline-cta-type-email-field.inline-cta-vertical .inline-cta-email-input{flex-direction:column}.inline-cta-type-email-field.inline-cta-vertical .inline-cta-email-input ::slotted(*){width:100%}.inline-cta-type-change-plan .inline-cta-body{gap:var(--spacing-xl)}.inline-cta-type-upgrade-plan .inline-cta-body{gap:var(--spacing-md)}.inline-cta-type-receipt .inline-cta-body{gap:var(--spacing-lg)}}@layer bh-states{.inline-cta-dismissable .inline-cta-content{padding-right:calc(var(--spacing-lg) + 40px)}}';export{h as bh_inline_cta}

package/dist/bellhop-core/p-58eae3e6.entry.js

@@ -1 +0,0 @@
-import{r as a,c as e,h as i,H as n}from"./p-CTHvNfIu.js";import{c as o,r}from"./p-YLeLKAYJ.js";import{c as t,a as l}from"./p-CS8F5LFw.js";import{c as s}from"./p-YdVz1TeW.js";import{m as g,M as c}from"./p-CSH9RXgl.js";import{t as v}from"./p-Bf0qW3wI.js";import{v as h}from"./p-R-A72b5e.js";import{a as p}from"./p-BqJRACkO.js";import{A as d}from"./p-BoVgy_Ao.js";import"./p-zdFuIabL.js";const m=class{constructor(i){a(this,i),this.bhToggle=e(this,"bhToggle"),this.bhItemClick=e(this,"bhItemClick"),this.bhAction=e(this,"bhAction")}logger=o("bh-page-navigation-multi-level");destroy$=t();label;icon="radio_button_unchecked";badge;childItems=[];isExpanded=!1;focusState=s();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))),g.increment(c.COMPONENT_ERROR,{component:"bh-page-navigation-multi-level",error_type:a instanceof Error?a.name:"unknown"}),r("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(d.MENU_CLOSE,this.destroy$)?.subscribe((()=>{this.isAnimating=!1,this.animationClass=""})))}disconnectedCallback(){l(this.destroy$)}getParsedChildItems(){if(Array.isArray(this.childItems))return this.childItems;const a=h(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=>{p(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 i(n,{key:"9ec6a3884c08560fce28ec489cf2cc6584cdaae8"},i("div",{key:"037a839d45f62714e43b7686d8bd8587c114a63c",class:this.getItemClasses(),part:"container"},i("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},i("div",{key:"7752ca6a7e3c2e0e78da7d441db17020d83bff21",class:"page-navigation-item-content"},!this.focusState.isHovered&&i("span",{key:"827f84917aea8873b93a86d03fed62146944ef98","aria-hidden":"true",class:"page-navigation-item-icon material-symbols-outlined"},this.icon),this.focusState.isHovered&&i("span",{key:"c2e9dbe17e62eb3d85660807bdb06c227d8f9b59","aria-hidden":"true",class:{"page-navigation-chevron-icon":!0,"material-symbols-outlined":!0,expanded:this.isExpanded}},"expand_more"),i("span",{key:"4f35bd036f8352ed740b5da8ed5176c43446b8c0",class:"page-navigation-item-label"},this.label),void 0!==this.badge&&i("bh-badge",{key:"0cae401dbf6ff088086d6d666b590e1b2dbac1e3",class:"page-navigation-item-badge",emphasis:"medium",label:String(this.badge),part:"badge",size:"sm",variant:"gray"}),i("bh-button-icon",{key:"28a1759aa9c91607b396e24e2342334d6e7c69c1",ariaLabel:`Add to ${this.label}`,hierarchy:"tertiary",iconName:"add",onClick:this.handleAddClick,size:"xs"}))),(this.isExpanded||this.isAnimating)&&i("div",{key:"ea51a7b729a6ae51d5ac5597d28851576329293e",class:`page-navigation-children ${this.animationClass}`,part:"children",role:"group"},this.getParsedChildItems().map(((a,e)=>i("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}]}}};m.style='  @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);     }   } }';const b=class{constructor(i){a(this,i),this.bhItemClick=e(this,"bhItemClick")}logger=o("bh-page-navigation-single-level");label;icon="radio_button_unchecked";isActive=!1;bhItemClick;focusState=s();focusVersion=0;connectedCallback(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),g.increment(c.COMPONENT_ERROR,{component:"bh-page-navigation-single-level",error_type:a instanceof Error?a.name:"unknown"}),r("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 i(n,{key:"926f7b96aa4bfde3d0341fba3d69ec93f85e0e19"},i("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},i("div",{key:"29a4b1860ccdc884559b71d92224db5a1e29232f",class:"page-navigation-item-content",part:"content"},i("span",{key:"c197ce8d5986b6c54a23e828619eac43afecfb84","aria-hidden":"true",class:"page-navigation-item-icon material-symbols-outlined",part:"icon"},this.icon),i("span",{key:"dfcede684220fee20569eae439ba1f63237ffd23",class:"page-navigation-item-label",part:"label"},this.label))))}};b.style='@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);     }   } }';export{m as bh_page_navigation_multi_level,b as bh_page_navigation_single_level}

package/dist/bellhop-core/p-5d43f80b.entry.js

@@ -1 +0,0 @@
-import{r,c as e,h as o,H as a}from"./p-CTHvNfIu.js";import{c as t,r as s}from"./p-YLeLKAYJ.js";import{m as l,M as c}from"./p-CSH9RXgl.js";import{B as i,r as n}from"./p-BNVOtH-1.js";const h=class{constructor(o){r(this,o),this.bhGaugeClick=e(this,"bhGaugeClick"),this.bhError=e(this,"bhError")}logger=t("bh-gauge-chart");i18nUnsubscribe;_i18nVersion=0;data={value:240,max:300};size=200;strokeWidth=16;animated=!0;chartTitle="";description="";color="var(--bh-gauge-chart-fill-color)";trackColor="var(--bh-gauge-chart-track-color)";startAngle=135;endAngle=405;ariaLabel="Gauge chart";bhGaugeClick;bhError;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),l.increment(c.COMPONENT_ERROR,{component:"bh-gauge-chart"}),s("bh-gauge-chart",r),this.bhError.emit({error:r})}componentWillLoad(){this.i18nUnsubscribe=i.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}getPercentage(){const{value:r,max:e}=this.data;return!Number.isFinite(r)||!Number.isFinite(e)||e<=0||r<0?(this.logger.warn("Invalid gauge data",{value:r,max:e}),0):Math.min(r/e,1)}getComputedAriaLabel(){const r=Math.round(100*this.getPercentage()),e=this.data.label||String(this.data.value);return`${n("bh-gauge-chart","ariaLabel",this.ariaLabel,"Gauge chart")}: ${e}, ${r}% of ${this.data.max}`}handleClick=r=>{this.bhGaugeClick.emit({value:this.data.value,percentage:Math.round(100*this.getPercentage()),event:r})};createArc(r,e,o,a,t){const s=a*Math.PI/180,l=t*Math.PI/180;return`M ${r+o*Math.cos(s)} ${e+o*Math.sin(s)} A ${o} ${o} 0 ${t-a>180?1:0} 1 ${r+o*Math.cos(l)} ${e+o*Math.sin(l)}`}render(){const r=this.getPercentage(),e=this.size/2,t=e-this.strokeWidth/2,s=this.startAngle+(this.endAngle-this.startAngle)*r,l=this.data.label||String(this.data.value),c=this.createArc(e,e,t,this.startAngle,this.endAngle),i=r>0?this.createArc(e,e,t,this.startAngle,s):"";return o(a,{key:"fcf2f2c00bdd3f020c38a69927c28178bde3339d"},o("div",{key:"1d6679e08f04a982e17c0ce2142957f00937e82a","aria-label":this.getComputedAriaLabel(),"aria-valuemax":this.data.max,"aria-valuemin":0,"aria-valuenow":this.data.value,class:{"gauge-chart-container":!0,"gauge-chart-animated":this.animated},onClick:this.handleClick,part:"container",role:"meter"},o("div",{key:"26349aadff8e05e4c07da378e584d5ce4c03d1e0",class:"gauge-svg-wrapper",style:{width:`${this.size}px`,height:`${this.size}px`}},o("svg",{key:"eeb94ad2127141d0ae7118a84068e77cd537d4ff",class:"gauge-svg",height:this.size,viewBox:`0 0 ${this.size} ${this.size}`,width:this.size},o("path",{key:"196f43a3b8e3fea83ab4ccddbb19018541744041",class:"gauge-track",d:c,fill:"none",stroke:this.trackColor,"stroke-linecap":"round","stroke-width":this.strokeWidth}),i&&o("path",{key:"e72e3168ad0efd4db34a3433dff99e0c560c3aa2",class:"gauge-fill",d:i,fill:"none",stroke:this.color,"stroke-linecap":"round","stroke-width":this.strokeWidth})),o("div",{key:"1bfe7abd7c55c40d5845f62807e56a9ff3798724",class:"gauge-center-text",part:"center-text"},o("span",{key:"e0f253bec25ae3a53bac8a352bc090c14e807609",class:"gauge-value"},l))),this.chartTitle&&o("div",{key:"8c284d9ea7afd45c820c2e6d478e2143c3bb2846",class:"gauge-title",part:"title"},this.chartTitle),this.description&&o("div",{key:"9aaaeebd64475490be5167b62bf1817b74b3f4ba",class:"gauge-description",part:"description"},this.description)))}};h.style='  @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: inline-block;     --bh-gauge-chart-fill-color: var(       --bh-chart-color-1,       var(--color-brand-600, hsl(230deg 69% 48%))     );     --bh-gauge-chart-track-color: var(--color-neutral-100, hsl(224deg 25% 89%));     --bh-gauge-chart-text-color: var(--color-text-primary, hsl(233deg 33% 10%));     --bh-gauge-chart-title-color: var(       --color-text-primary,       hsl(233deg 33% 10%)     );     --bh-gauge-chart-desc-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );     --bh-gauge-chart-value-size: var(--text-3xl-size, 1.875rem);     --bh-gauge-chart-title-size: var(--text-md-size, 1rem);     --bh-gauge-chart-desc-size: var(--text-sm-size, 0.875rem);   } } @layer bh-base {   .gauge-chart-container {     display: flex;     flex-direction: column;     align-items: center;     gap: var(--spacing-md, 8px);     cursor: pointer;     font-family: var(--font-inter, system-ui, sans-serif);   }   .gauge-svg-wrapper {     position: relative;     display: inline-block;   }   .gauge-svg {     display: block;     overflow: visible;   }   .gauge-track {     opacity: 0.3;   }   .gauge-fill {     transition: stroke-dashoffset 0.8s cubic-bezier(0.4, 0, 0.2, 1);   }   .gauge-center-text {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     text-align: center;     pointer-events: none;   }   .gauge-value {     font-size: var(--bh-gauge-chart-value-size);     font-weight: var(--weight-bold, 700);     color: var(--bh-gauge-chart-text-color);     line-height: 1;   }   .gauge-title {     font-size: var(--bh-gauge-chart-title-size);     font-weight: var(--weight-semibold, 600);     color: var(--bh-gauge-chart-title-color);     text-align: center;     line-height: var(--line-height-tight, 1.25);   }   .gauge-description {     font-size: var(--bh-gauge-chart-desc-size);     color: var(--bh-gauge-chart-desc-color);     text-align: center;     line-height: var(--line-height-normal, 1.5);     max-width: 280px;   } } @layer bh-variants {   .gauge-chart-animated .gauge-fill {     animation: gaugeFill 1s cubic-bezier(0.4, 0, 0.2, 1) both;   } } @layer bh-states {   .gauge-chart-container:hover .gauge-fill {     filter: brightness(1.05);   } } @layer bh-utilities {   @keyframes gaugeFill {     from {       stroke-dashoffset: var(--gauge-circumference, 0);     }     to {       stroke-dashoffset: var(--gauge-offset, 0);     }   }   @media (prefers-reduced-motion: reduce) {     .gauge-chart-animated .gauge-fill {       animation: none;     }     .gauge-fill {       transition: none;     }   } }';export{h as bh_gauge_chart}

package/dist/bellhop-core/p-61aeccd7.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,a as i,h as r}from"./p-CTHvNfIu.js";import{c as a,r as n}from"./p-YLeLKAYJ.js";import{c as s}from"./p-YdVz1TeW.js";import{m as o,M as m}from"./p-CSH9RXgl.js";import{A as h}from"./p-BoVgy_Ao.js";import{v as l}from"./p-R-A72b5e.js";import{K as u}from"./p-zdFuIabL.js";import{c as d}from"./p-B93zYxiE.js";import{a as c}from"./p-BqJRACkO.js";const v=class{constructor(i){e(this,i),this.bhItemClick=t(this,"bhItemClick"),this.bhOpen=t(this,"bhOpen"),this.bhClose=t(this,"bhClose")}get el(){return i(this)}logger=a("bh-menu");focusState=s();menuItemElements=[];focusVersion=0;focusedIndex=-1;openSubmenuIndex=-1;isClosing=!1;shouldRender=!0;orientation="vertical";visible=!0;menuItems=[];header;scrollable=!1;showIcons=!0;animated=!1;bhItemClick;bhOpen;bhClose;componentWillLoad(){this.shouldRender=this.visible,this.focusState.onChange((()=>{this.focusVersion++}))}componentDidLoad(){this.collectMenuItems()}componentDidUpdate(){this.collectMenuItems()}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),o.increment(m.COMPONENT_ERROR,{component:"bh-menu",error_type:e instanceof Error?e.name:"unknown"}),n("bh-menu",e)}handleVisibilityChange(e){e?(this.shouldRender=!0,this.isClosing=!1,this.bhOpen.emit(),this.focusedIndex=-1):(this.bhClose.emit(),this.animated?(this.isClosing=!0,setTimeout((()=>{this.shouldRender=!1,this.isClosing=!1}),h.MENU_CLOSE)):this.shouldRender=!1)}handleItemClick(e){e.stopPropagation();const t=this.findItemIndex(e),i=this.parsedMenuItems;this.bhItemClick.emit({index:t,item:t>=0&&t<i.length?i[t]:void 0})}handleSubmenuToggle(e){e.stopPropagation();const t=this.findItemIndex(e);e.detail.open?this.openSubmenuIndex=t:this.openSubmenuIndex===t&&(this.openSubmenuIndex=-1)}findItemIndex(e){for(const t of e.composedPath?.()??[]){const e=this.menuItemElements.indexOf(t);if(e>=0)return e}return this.menuItemElements.indexOf(e.target)}collectMenuItems(){const e=this.el.shadowRoot;if(!e)return;const t=e.querySelector('[role="menu"]');t&&(this.menuItemElements=[...Array.from(t.querySelectorAll("bh-menu-item")),...Array.from(this.el.querySelectorAll("bh-menu-item"))])}get parsedMenuItems(){if("string"==typeof this.menuItems){if(!this.menuItems)return[];const e=l(this.menuItems);return e.valid?Array.isArray(e.value)?e.value:(n("bh-menu",new Error("menuItems must be an array")),[]):(n("bh-menu",new Error(`Invalid menuItems JSON: ${e.errors.map((e=>e.message)).join(", ")}`)),[])}return Array.isArray(this.menuItems)?this.menuItems:[]}get parsedHeader(){if(this.header){if("string"==typeof this.header){const e=l(this.header);return e.valid?e.value??void 0:void n("bh-menu",new Error(`Invalid header JSON: ${e.errors.map((e=>e.message)).join(", ")}`))}return this.header}}async focusItem(e){for(let e=0;e<10&&(this.collectMenuItems(),!this.menuItemElements.some((e=>e.shadowRoot?.querySelector('[role="menuitem"]'))));e++)await new Promise((e=>requestAnimationFrame((()=>e(void 0)))));this.focusItemInternal(e)}focusItemInternal(e){const t=this.menuItemElements;if(0===t.length)return;let i=e,r=0;for(;r<t.length;){i<0&&(i=t.length-1),i>=t.length&&(i=0);const a=t[i];if(a&&!a.hasAttribute("disabled")&&"true"!==a.getAttribute("aria-disabled"))break;i+=e>this.focusedIndex?1:-1,r++}if(r>=t.length)return;this.focusedIndex=i;const a=t[i]?.shadowRoot?.querySelector('[role="menuitem"]');a?a.focus():t[i]?.focus()}openSubmenuForFocusedItem(){const e=this.menuItemElements[this.focusedIndex];e&&("menu"===e.getAttribute("aria-haspopup")||e.hasAttribute("has-submenu"))&&(this.openSubmenuIndex=this.focusedIndex,requestAnimationFrame((()=>{const t=e.shadowRoot?.querySelector("bh-menu"),i=t?.shadowRoot?.querySelector("bh-menu-item"),r=i?.shadowRoot?.querySelector('[role="menuitem"]');r&&r.focus()})))}closeSubmenu(){if(this.openSubmenuIndex>=0){const e=this.menuItemElements[this.openSubmenuIndex];this.openSubmenuIndex=-1;const t=e?.shadowRoot?.querySelector('[role="menuitem"]');t&&t.focus()}}handleKeyDown=e=>{const t="vertical"===this.orientation,i=t?u.ARROW_DOWN:u.ARROW_RIGHT,r=t?u.ARROW_UP:u.ARROW_LEFT,a=t?u.ARROW_RIGHT:u.ARROW_DOWN,n=t?u.ARROW_LEFT:u.ARROW_UP;switch(e.key){case i:e.preventDefault(),this.focusItemInternal(this.focusedIndex+1);break;case r:e.preventDefault(),this.focusItemInternal(this.focusedIndex-1);break;case a:a!==i&&(e.preventDefault(),this.openSubmenuForFocusedItem());break;case n:n!==r&&(e.preventDefault(),this.closeSubmenu());break;case u.HOME:e.preventDefault(),this.focusItemInternal(0);break;case u.END:e.preventDefault(),this.focusItemInternal(this.menuItemElements.length-1);break;case u.ESCAPE:e.preventDefault(),this.openSubmenuIndex>=0?this.closeSubmenu():this.visible=!1}};renderDataDrivenItems(){const e=this.parsedMenuItems;return 0===e.length?null:e.map(((e,t)=>{if(e.divider)return r("hr",{"aria-hidden":"true",class:"menu-divider",key:e.id??`divider-${t}`,part:"divider"});const i=e.variant??e.type??(e.icon?"icon":"default");return r("bh-menu-item",{avatarAlt:e.avatarAlt??"",avatarSrc:e.avatarSrc??"",disabled:e.disabled??!1,hasSubmenu:void 0!==e.children&&e.children.length>0||(e.hasSubmenu??!1),icon:e.icon??"",imageAlt:e.imageAlt??"",imageSrc:e.imageSrc??"",key:e.id??t,label:e.label??"",orientation:this.orientation,selected:e.selected??!1,shortcut:e.shortcut??"",submenuItems:e.children??[],submenuVisible:this.openSubmenuIndex===t,variant:this.showIcons||"icon"!==i?i:"default"})}))}renderHeader(){const e=this.parsedHeader;return e?r("div",{class:{"menu-header":!0,"menu-header--avatar":!!e.avatarGroup},part:"header"},e.avatarGroup&&r("div",{class:"menu-header-avatar-group"},r("bh-avatar",{alt:e.name||"Avatar",imageSrc:e.avatarSrc||void 0,size:"md",status:"online",variant:e.avatarSrc?"image":"placeholder"}),r("div",{class:"menu-header-avatar-text"},r("div",{class:"menu-header-avatar-name"},e.name),r("div",{class:"menu-header-avatar-email"},e.email))),!e.avatarGroup&&e.title&&r("div",{class:"menu-header-title"},e.title)):null}render(){if(!this.shouldRender)return null;const e="vertical"===this.orientation,t={menu:!0,"menu--vertical":e,"menu--horizontal":!e,"menu--scrollable":this.scrollable,"menu--animated":this.animated,"menu--closing":this.isClosing},i=this.renderDataDrivenItems(),a=null!==i;return r("div",{"aria-orientation":this.orientation,class:t,onKeyDown:this.handleKeyDown,part:"container",role:"menu"},this.renderHeader(),a?r("div",{class:"menu-items",part:"items"},i):r("slot",null))}static get watchers(){return{visible:[{handleVisibilityChange:0}]}}};v.style='@charset "UTF-8"; @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 {        }   :host:popover-open {     background: transparent;     overflow: visible;     display: block;     margin: 0;     inset: auto;     border: 0;     padding: 0;   }   :host {     display: inline-block;     --menu-bg: var(--color-bg-primary);     --menu-border-color: var(--color-border-secondary);     --menu-radius-vertical: var(--radius-md);     --menu-radius-horizontal: var(--radius-xl);     --menu-shadow: var(--shadow-md);     --menu-padding: var(--spacing-xs);     --menu-gap: var(--spacing-xxs);     --menu-min-width: 240px;   } } @layer bh-base {   .menu {     display: flex;     background-color: var(--menu-bg);     box-sizing: border-box;     list-style: none;     margin: 0;     outline: none;     overflow: hidden;   }   .menu-items {     display: flex;     flex-direction: column;     flex: 1;     gap: var(--menu-gap);   }   .menu-divider {     height: 1px;     background: var(--menu-border-color);     border: none;     margin: 0;     margin-top: var(--spacing-xs);   }   .menu-header {     padding: var(--spacing-sm);     border-bottom: 1px solid var(--menu-border-color);   }   .menu-header--avatar {     padding: var(--spacing-sm);   }   .menu-header-avatar-group {     display: flex;     align-items: center;     gap: var(--spacing-xl);     width: 100%;   }   .menu-header-avatar-text {     display: flex;     flex-direction: column;     flex: 1;     min-width: 0;   }   .menu-header-avatar-name {     font-family: var(--font-inter);     font-weight: var(--weight-semibold);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     color: var(--color-text-primary);     white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;   }   .menu-header-avatar-email {     font-family: var(--font-inter);     font-weight: var(--weight-regular);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     color: var(--color-text-secondary);     white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;   }   .menu-header-title {     font-family: var(--font-inter);     font-weight: var(--weight-semibold);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     color: var(--color-text-primary);   } } @layer bh-variants {   .menu--vertical {     flex-direction: column;     min-width: var(--menu-min-width);     padding-top: var(--spacing-xs);     padding-bottom: var(--spacing-sm);     border: 1px solid var(--menu-border-color);     border-radius: var(--menu-radius-vertical);     box-shadow: var(--menu-shadow);   }   .menu--horizontal {     flex-direction: row;     align-items: center;     border-radius: var(--menu-radius-horizontal);     gap: var(--spacing-xxs);   }   .menu--scrollable .menu-items {     max-height: 280px;     overflow-y: auto;     overflow-x: hidden;   }   .menu--animated {     animation: menuEnter var(--animation-duration-fast) ease-out forwards;   }   .menu--animated.menu--closing {     animation: menuExit var(--animation-duration-fast) ease-in forwards;   }   @keyframes menuEnter {     from {       opacity: 0;       transform: translateY(-8px);     }     to {       opacity: 1;       transform: translateY(0);     }   }   @keyframes menuExit {     from {       opacity: 1;       transform: translateY(0);     }     to {       opacity: 0;       transform: translateY(-8px);     }   } }';const p=class{constructor(i){e(this,i),this.bhClick=t(this,"bhClick"),this.bhSubmenuToggle=t(this,"bhSubmenuToggle")}get el(){return i(this)}logger=a("bh-menu-item");focusState=s();hoverOpenTimeout;hoverCloseTimeout;positioner;submenuRef;itemRef;focusVersion=0;label="";variant="default";icon="";avatarSrc="";avatarAlt="";imageSrc="";imageAlt="";selected=!1;disabled=!1;shortcut="";divider=!1;hasSubmenu=!1;orientation="vertical";submenuVisible=!1;submenuItems=[];bhClick;bhSubmenuToggle;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}disconnectedCallback(){this.clearHoverTimeouts(),this.destroyPositioner()}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),o.increment(m.COMPONENT_ERROR,{component:"bh-menu-item",error_type:e instanceof Error?e.name:"unknown"}),n("bh-menu-item",e)}async handleSubmenuVisibleChange(e){e?await this.setupPositioner():this.destroyPositioner()}get parsedSubmenuItems(){if("string"==typeof this.submenuItems){if(!this.submenuItems)return[];const e=l(this.submenuItems);return e.valid&&Array.isArray(e.value)?e.value:[]}return Array.isArray(this.submenuItems)?this.submenuItems:[]}get hasSubmenuContent(){return this.hasSubmenu&&this.parsedSubmenuItems.length>0}clearHoverTimeouts(){void 0!==this.hoverOpenTimeout&&(clearTimeout(this.hoverOpenTimeout),this.hoverOpenTimeout=void 0),void 0!==this.hoverCloseTimeout&&(clearTimeout(this.hoverCloseTimeout),this.hoverCloseTimeout=void 0)}destroyPositioner(){this.positioner&&(this.positioner.destroy(),this.positioner=void 0)}async setupPositioner(){if(this.destroyPositioner(),!this.itemRef||!this.submenuRef)return;const e="horizontal"===this.orientation?"bottom-start":"right-start";try{this.positioner=await d(this.itemRef,this.submenuRef,{placement:e,offset:0,flip:!0,shift:!0,shiftPadding:8,autoUpdate:!0},((e,t)=>{this.submenuRef&&(this.submenuRef.style.left=`${e}px`,this.submenuRef.style.top=`${t}px`)}))}catch{this.logger.error("Failed to position submenu",new Error("Floating UI position failed"))}}handleClick=()=>{this.disabled||(this.hasSubmenuContent&&this.bhSubmenuToggle.emit({open:!this.submenuVisible}),this.bhClick.emit())};handleKeyDown=e=>{c(e)&&!this.disabled&&(e.preventDefault(),this.bhClick.emit())};handleFocus=e=>{this.focusState.handleFocus(e)};handleBlur=e=>{this.focusState.handleBlur(e)};handleMouseEnter=()=>{this.focusState.handleMouseEnter(),this.hasSubmenuContent&&!this.disabled&&(void 0!==this.hoverCloseTimeout&&(clearTimeout(this.hoverCloseTimeout),this.hoverCloseTimeout=void 0),this.hoverOpenTimeout=setTimeout((()=>{this.bhSubmenuToggle.emit({open:!0}),this.hoverOpenTimeout=void 0}),200))};handleMouseLeave=()=>{this.focusState.handleMouseLeave(),this.hasSubmenuContent&&(void 0!==this.hoverOpenTimeout&&(clearTimeout(this.hoverOpenTimeout),this.hoverOpenTimeout=void 0),this.hoverCloseTimeout=setTimeout((()=>{this.bhSubmenuToggle.emit({open:!1}),this.hoverCloseTimeout=void 0}),300))};renderLeadingContent(){switch(this.variant){case"icon":return r("span",{class:"menu-item-icon material-symbols-outlined",part:"icon"},this.icon);case"avatar":return r("bh-avatar",{alt:this.avatarAlt,class:"menu-item-avatar",imageSrc:this.avatarSrc,part:"avatar",size:"xs",variant:"image"});case"image":return r("img",{alt:this.imageAlt,class:"menu-item-image",part:"image",src:this.imageSrc});default:return null}}renderTrailingContent(){const e=[];return this.selected&&e.push(r("span",{class:"menu-item-trailing material-symbols-outlined",part:"trailing"},"check")),this.shortcut&&e.push(r("span",{class:"menu-item-shortcut",part:"shortcut"},this.shortcut)),this.hasSubmenu&&e.push(r("span",{class:"menu-item-trailing material-symbols-outlined",part:"trailing"},"horizontal"===this.orientation?"expand_more":"chevron_right")),e.length>0?e:null}renderSubmenu(){return this.hasSubmenuContent&&this.submenuVisible?r("div",{class:"menu-item-submenu",ref:e=>{this.submenuRef=e}},r("bh-menu",{menuItems:this.parsedSubmenuItems,orientation:"vertical"})):null}render(){if(this.divider)return r("hr",{"aria-hidden":"true",class:"menu-item-divider",part:"divider"});const e={"menu-item-wrapper":!0,"menu-item-wrapper--submenu-open":this.submenuVisible},t={"menu-item":!0,"menu-item--selected":this.selected,"menu-item--disabled":this.disabled,"menu-item--has-submenu":this.hasSubmenu,[`menu-item--${this.variant}`]:!0,focused:this.focusState.isFocused&&!this.disabled,hovered:this.focusState.isHovered&&!this.disabled};return r("div",{class:e},r("div",{"aria-checked":this.selected?"true":void 0,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":this.hasSubmenu?String(this.submenuVisible):void 0,"aria-haspopup":this.hasSubmenu?"menu":void 0,class:t,"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",ref:e=>{this.itemRef=e},role:"menuitem",tabindex:this.disabled?-1:0},this.renderLeadingContent(),r("span",{class:"menu-item-label",part:"label"},this.label),this.renderTrailingContent()),this.renderSubmenu())}static get watchers(){return{submenuVisible:[{handleSubmenuVisibleChange:0}]}}};p.style='@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;padding:var(--menu-item-padding-v) var(--menu-item-padding-h);height:var(--menu-item-height);--menu-item-height:var(--bh-button-height-sm);--menu-item-padding-h:var(--spacing-sm);--menu-item-padding-v:var(--spacing-xxs);--menu-item-gap:var(--spacing-sm);--menu-item-radius:var(--radius-sm);--menu-item-icon-size:var(--icon-size-sm);--menu-item-image-size:var(--icon-size-sm);--menu-item-bg:transparent;--menu-item-color:var(--color-text-primary)}}@layer bh-base{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;.menu-item-wrapper{position:relative}.menu-item-submenu:popover-open{background:transparent;overflow:visible;margin:0;inset:auto;border:0;padding:0}.menu-item-submenu{position:absolute;z-index:var(--z-index-dropdown)}.menu-item{display:flex;align-items:center;gap:var(--menu-item-gap);height:var(--menu-item-height);padding:var(--menu-item-padding-v) var(--menu-item-padding-h);border-radius:var(--menu-item-radius);background-color:var(--menu-item-bg);color:var(--menu-item-color);font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-medium);line-height:var(--line-height-normal);cursor:pointer;outline:none;transition:background-color var(--animation-duration-fast) ease;user-select:none;box-sizing:border-box}.menu-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item-icon{width:var(--menu-item-icon-size);height:var(--menu-item-icon-size);font-size:var(--menu-item-icon-size);flex-shrink:0;color:var(--color-text-secondary)}.menu-item-avatar{flex-shrink:0}.menu-item-image{width:var(--menu-item-image-size);height:var(--menu-item-image-size);border-radius:var(--radius-xs);border:1px solid var(--color-neutral-900);object-fit:cover;flex-shrink:0}.menu-item-trailing{width:var(--menu-item-icon-size);height:var(--menu-item-icon-size);font-size:var(--menu-item-icon-size);flex-shrink:0;color:inherit}.menu-item-shortcut{font-family:var(--font-inter);font-size:var(--text-xs-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--color-text-secondary);flex-shrink:0;white-space:nowrap}.menu-item-divider{height:1px;background:var(--color-border-secondary);border:none;margin:var(--spacing-xs) var(--menu-item-padding-h)}}@layer bh-states{.menu-item:hover:not(.menu-item--disabled){background-color:var(--color-bg-secondary)}.menu-item:focus-visible:not(.menu-item--disabled){box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive)}.menu-item--selected{--menu-item-bg:var(--color-neutral-200)}.menu-item--selected:hover:not(.menu-item--disabled){background-color:var(--color-bg-secondary)}.menu-item--disabled{--menu-item-color:var(--color-text-disabled);cursor:not-allowed}.menu-item--disabled.menu-item--selected{--menu-item-bg:var(--color-neutral-100)}}';export{v as bh_menu,p as bh_menu_item}

package/dist/bellhop-core/p-63303380.entry.js

@@ -1 +0,0 @@
-import{r as t,c as e,h as i,H as a,a as s}from"./p-CTHvNfIu.js";import{c as r,r as o}from"./p-YLeLKAYJ.js";import{c as n}from"./p-YdVz1TeW.js";import{m as h,M as l}from"./p-CSH9RXgl.js";import{B as c,r as p}from"./p-BNVOtH-1.js";import{K as d}from"./p-zdFuIabL.js";import{g}from"./p-CLrVoF3x.js";import{s as b,v as u}from"./p-DWWRC9ht.js";import{v}from"./p-R-A72b5e.js";import{a as m}from"./p-BqJRACkO.js";import{c as f}from"./p-CFlb5gKI.js";import{c as x}from"./p-B93zYxiE.js";import{Z as y}from"./p-BoVgy_Ao.js";const k=1e7,w=1e3,z=class{constructor(i){t(this,i),this.bhChange=e(this,"bhChange")}logger=r("bh-pagination");focusState=n();i18nUnsubscribe;_i18nVersion=0;page=1;totalItems=0;pageSize=10;pageSizeOptions=[10,25,50,100];showPageSize=!0;showItemCount=!0;compact=!0;maxPageNumbers=5;disabled=!1;rowsPerPageLabel="Rows per page:";showingResultsLabel="Showing {start} to {end} of {total} results";pageInfoLabel="Page {page} of {totalPages}";internalPage=1;internalPageSize=10;focusVersion=0;bhChange;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),h.increment(l.COMPONENT_ERROR,{component:"bh-pagination",error_type:t instanceof Error?t.name:"unknown"}),o("bh-pagination",t)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.internalPage=this.page,this.internalPageSize=this.pageSize,this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}get safeTotalItems(){return"number"==typeof this.totalItems&&Number.isFinite(this.totalItems)?this.totalItems<0?(this.logger.warn("Negative totalItems clamped to 0",{totalItems:this.totalItems}),0):this.totalItems>k?(this.logger.warn("totalItems exceeds maximum, clamping",{totalItems:this.totalItems,max:k}),k):this.totalItems:(this.logger.warn("Invalid totalItems, using 0",{totalItems:this.totalItems}),0)}get safePage(){return"number"==typeof this.internalPage&&Number.isFinite(this.internalPage)?this.internalPage<1?(this.logger.warn("Page less than 1, clamping to 1",{page:this.internalPage}),1):this.internalPage:(this.logger.warn("Invalid page, using 1",{page:this.internalPage}),1)}get safePageSize(){return"number"==typeof this.internalPageSize&&Number.isFinite(this.internalPageSize)?this.internalPageSize<1?(this.logger.warn("pageSize less than 1, clamping to 1",{pageSize:this.internalPageSize}),1):this.internalPageSize>w?(this.logger.warn("pageSize exceeds maximum, clamping",{pageSize:this.internalPageSize,max:w}),w):this.internalPageSize:(this.logger.warn("Invalid pageSize, using 10",{pageSize:this.internalPageSize}),10)}get totalPages(){return Math.max(1,Math.ceil(this.safeTotalItems/this.safePageSize))}get startItem(){return 0===this.safeTotalItems?0:(this.safePage-1)*this.safePageSize+1}get endItem(){return Math.min(this.safePage*this.safePageSize,this.safeTotalItems)}get canGoPrevious(){return this.safePage>1&&!this.disabled}get canGoNext(){return this.safePage<this.totalPages&&!this.disabled}goToPage(t){if(this.disabled)return;const e=Math.max(1,Math.min(t,this.totalPages));e!==this.internalPage&&(this.internalPage=e,this.page=e,this.bhChange.emit({page:e,pageSize:this.internalPageSize}))}handlePageSizeChange(t){if(this.disabled)return;const e=Number.parseInt(t.detail.value,10);if(e!==this.internalPageSize){this.internalPageSize=e,this.pageSize=e;const t=Math.max(1,Math.ceil(this.totalItems/e)),i=Math.min(this.internalPage,t);i!==this.internalPage&&(this.internalPage=i,this.page=i),this.bhChange.emit({page:this.internalPage,pageSize:e})}}goToPrevious=()=>this.goToPage(this.internalPage-1);goToNext=()=>this.goToPage(this.internalPage+1);goToFirst=()=>this.goToPage(1);goToLast=()=>this.goToPage(this.totalPages);handleKeyDown=t=>{if(!this.disabled)switch(t.key){case d.ARROW_LEFT:t.preventDefault(),this.goToPrevious();break;case d.ARROW_RIGHT:t.preventDefault(),this.goToNext();break;case d.HOME:t.preventDefault(),this.goToFirst();break;case d.END:t.preventDefault(),this.goToLast()}};handleFocus=t=>{this.focusState.handleFocus(t)};handleBlur=t=>{this.focusState.handleBlur(t)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handlePageInputChange(t){const e=Number.parseInt(t.target.value,10);isNaN(e)||this.goToPage(e)}getPageNumbers(){const t=this.totalPages,e=this.internalPage,i=this.maxPageNumbers;if(t<=i)return Array.from({length:t},((t,e)=>e+1));const a=[],s=Math.floor(i/2);let r=Math.max(1,e-s);const o=Math.min(t,r+i-1);o-r<i-1&&(r=Math.max(1,o-i+1));for(let t=r;t<=o;t++)a.push(t);return a}getInfoText(){return 0===this.safeTotalItems?"No results":this.showItemCount&&this.safeTotalItems>0?p("bh-pagination","showingResultsLabel",this.showingResultsLabel,"Showing {start} to {end} of {total} results").replace("{start}",String(this.startItem)).replace("{end}",String(this.endItem)).replace("{total}",String(this.safeTotalItems)):p("bh-pagination","pageInfoLabel",this.pageInfoLabel,"Page {page} of {totalPages}").replace("{page}",String(this.safePage)).replace("{totalPages}",String(this.totalPages))}renderPageNumbers(){if(this.compact)return i("div",{class:"pagination-page-display"},i("span",{class:"pagination-page-text"},"Page"),i("input",{"aria-label":"Page number",class:"pagination-page-input",disabled:this.disabled,max:String(this.totalPages),min:"1",onChange:t=>this.handlePageInputChange(t),type:"number",value:String(this.internalPage)}),i("span",{class:"pagination-page-text"},"of ",this.totalPages));const t=this.getPageNumbers(),e=t[t.length-1]<this.totalPages;return i("div",{class:"pagination-pages"},t[0]>1&&t[0]>2&&[i("button",{"aria-label":"Go to page 1",class:"pagination-page-btn",disabled:this.disabled,key:"page-1",onClick:()=>this.goToPage(1),type:"button"},"1"),i("span",{class:"pagination-ellipsis",key:"ellipsis-start"},"...")],t.map((t=>i("button",{"aria-current":t===this.internalPage?"page":void 0,"aria-label":`Go to page ${t}`,class:{"pagination-page-btn":!0,"pagination-page-btn-active":t===this.internalPage},disabled:this.disabled,key:`page-${t}`,onClick:()=>this.goToPage(t),type:"button"},t))),e&&t[t.length-1]<this.totalPages-1&&[i("span",{class:"pagination-ellipsis",key:"ellipsis-end"},"..."),i("button",{"aria-label":`Go to page ${this.totalPages}`,class:"pagination-page-btn",disabled:this.disabled,key:`page-${this.totalPages}`,onClick:()=>this.goToPage(this.totalPages),type:"button"},this.totalPages)])}disconnectedCallback(){this.i18nUnsubscribe?.()}render(){return i(a,{key:"636f605ca421b676d81d83106ddaaaf97a72c939"},i("div",{key:"bd9e255273fb2c16f293dfd13c67be6ff5512cdb","aria-disabled":this.disabled?"true":void 0,"aria-label":"Pagination",class:{pagination:!0,"pagination-disabled":this.disabled,"pagination-compact":this.compact},"data-focus-version":this.focusVersion,"data-focus-visible":this.focusState.isKeyboardFocused?"true":"false","data-focused":this.focusState.isFocused,"data-hovered":this.focusState.isHovered,onBlur:this.handleBlur,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"pagination",role:"navigation",tabIndex:this.disabled?-1:0},i("div",{key:"1e442d973788dd0364e2d84d78e9a43dc109ae0c",class:"pagination-controls",part:"controls"},this.showPageSize&&i("div",{key:"674a9e7173c9160ab60c8955f2504c7e17844ba2","aria-label":p("bh-pagination","rowsPerPageLabel",this.rowsPerPageLabel,"Rows per page:"),class:"pagination-page-size",role:"group"},i("span",{key:"dd6ebf74ab120ceeceef3cec366cd43144b39348","aria-hidden":"true",class:"pagination-page-size-label"},p("bh-pagination","rowsPerPageLabel",this.rowsPerPageLabel,"Rows per page:")),i("bh-select",{key:"2314c665835f7fd54639f33828b5096e59c1f8bf",class:"pagination-select",disabled:this.disabled,onBhChange:t=>this.handlePageSizeChange(t),options:this.pageSizeOptions.map((t=>({value:String(t),label:String(t)}))),size:"sm",value:String(this.internalPageSize)})),i("div",{key:"1d65e9aaf02fefc4616c6c3a1a048d1717d9410d",class:"pagination-nav",part:"nav"},i("bh-button-icon",{key:"f056a493436b7cd6dee357f49746ad52b42bfab5",ariaLabel:"Go to previous page",class:"pagination-btn",disabled:!this.canGoPrevious,hierarchy:"tertiary",iconName:"chevron_left",onClick:this.goToPrevious,size:"sm"}),this.renderPageNumbers(),i("bh-button-icon",{key:"92f29e3c7fc782bfdf85a912fa80a87f69743d16",ariaLabel:"Go to next page",class:"pagination-btn",disabled:!this.canGoNext,hierarchy:"tertiary",iconName:"chevron_right",onClick:this.goToNext,size:"sm"}))),this.showItemCount&&i("div",{key:"9bd23686d53d02eb890bd2c004761ffee5b4cd4f","aria-atomic":"true","aria-live":"polite",class:"pagination-info",part:"info"},i("span",{key:"2b28ef9e6912e8bde6afca15dbbd76b5b961fa6d",class:"pagination-info-text"},this.getInfoText()))))}};z.style='@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities;  @layer bh-tokens {   :host {     display: block;     font-family: var(--font-inter);          --bh-pagination-bg: var(--color-bg-primary);     --bh-pagination-border-color: var(--color-border-secondary);     --bh-pagination-text-color: var(--color-text-secondary);     --bh-pagination-btn-bg-hover: var(--color-bg-tertiary);     --bh-pagination-btn-color-hover: var(--color-text-primary);     --bh-pagination-active-bg: var(--color-bg-interactive);     --bh-pagination-active-color: var(--color-text-inverse);     --bh-pagination-focus-ring-color: var(--color-border-interactive);     --bh-pagination-btn-color: var(--color-text-secondary);     --bh-pagination-btn-bg-active: var(--color-bg-tertiary);     --bh-pagination-page-btn-color: var(--color-text-secondary);     --bh-pagination-page-input-bg: var(--color-bg-primary);     --bh-pagination-page-input-border-color: var(--color-border-primary);     --bh-pagination-page-input-border-color-hover: var(--color-border-primary);     --bh-pagination-page-input-border-color-focus: var(       --color-border-interactive     );     --bh-pagination-page-input-color: var(--color-text-primary);     --bh-pagination-page-input-bg-disabled: var(--color-bg-disabled);     --bh-pagination-ellipsis-color: var(--color-text-tertiary);   } } @layer bh-base {      .pagination {     display: flex;     align-items: center;     justify-content: space-between;     gap: var(--sp-4, 1rem);     padding: var(--sp-3, 0.75rem) var(--sp-4, 1rem);     background-color: var(--bh-pagination-bg);     border-top: 1px solid var(--bh-pagination-border-color);   }      .pagination-info {     display: flex;     align-items: center;   }   .pagination-info-text {     font-size: var(--text-sm-size);     color: var(--bh-pagination-text-color);     white-space: nowrap;   }      .pagination-controls {     display: flex;     justify-content: space-between;     align-items: center;     width: 100%;     gap: var(--sp-4, 1rem);   }      .pagination-page-size {     display: flex;     align-items: center;     gap: var(--sp-2, 0.5rem);   }   .pagination-page-size-label {     font-size: var(--text-sm-size);     color: var(--bh-pagination-text-color);     white-space: nowrap;   }      .pagination-select {     display: inline-flex;   }      .pagination-nav {     display: flex;     align-items: center;     gap: var(--sp-1, 0.25rem);   }   .pagination-btn {     display: inline-flex;     align-items: center;     justify-content: center;     width: var(--bh-pagination-button-size);     height: var(--bh-pagination-button-size);     padding: 0;     border: none;     border-radius: var(--radius-md);     background-color: transparent;     color: var(--bh-pagination-btn-color);     cursor: pointer;     transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease;   }   .pagination-btn .material-symbols-outlined {     font-size: var(--icon-size-md);     font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;   }      .pagination-pages {     display: flex;     align-items: center;     gap: var(--sp-1, 0.25rem);   }   .pagination-page-btn {     display: inline-flex;     align-items: center;     justify-content: center;     min-width: var(--bh-pagination-button-size);     height: var(--bh-pagination-button-size);     padding: 0 var(--sp-2);     border: 1px solid transparent;     border-radius: var(--radius-md);     background-color: transparent;     color: var(--bh-pagination-page-btn-color);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     cursor: pointer;     transition: background-color var(--animation-duration-fast) ease, color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease;   }   .pagination-ellipsis {     display: inline-flex;     align-items: center;     justify-content: center;     min-width: var(--bh-pagination-button-size-sm);     color: var(--bh-pagination-ellipsis-color);     font-size: var(--text-sm-size);     user-select: none;   }      .pagination-page-display {     display: flex;     align-items: center;     gap: var(--sp-2, 0.5rem);   }   .pagination-page-text {     font-size: var(--text-sm-size);     color: var(--color-text-secondary);     white-space: nowrap;   }   .pagination-page-input {     width: var(--bh-pagination-input-width);     height: var(--bh-pagination-button-size);     padding: 0 var(--sp-2);     border: 1px solid var(--bh-pagination-page-input-border-color);     border-radius: var(--radius-md);     font-size: var(--text-sm-size);     text-align: center;     color: var(--bh-pagination-page-input-color);     background-color: var(--bh-pagination-page-input-bg);     transition: border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease;        }   .pagination-page-input::-webkit-inner-spin-button, .pagination-page-input::-webkit-outer-spin-button {     -webkit-appearance: none;     margin: 0;   }   .pagination-page-input[type=number] {     appearance: textfield;   } } @layer bh-states {      .pagination-disabled {     opacity: 0.5;     pointer-events: none;   }   .pagination-btn:hover:not(:disabled) {     background-color: var(--bh-pagination-btn-bg-hover);     color: var(--bh-pagination-btn-color-hover);   }   .pagination-btn:focus {     outline: none;     box-shadow: 0 0 0 2px var(--bh-pagination-focus-ring-color);   }   .pagination-btn:active:not(:disabled) {     background-color: var(--bh-pagination-btn-bg-active);   }   .pagination-btn:disabled {     opacity: 0.4;     cursor: not-allowed;   }   .pagination-page-btn:hover:not(:disabled) {     background-color: var(--bh-pagination-btn-bg-hover);     color: var(--bh-pagination-btn-color-hover);   }   .pagination-page-btn:focus {     outline: none;     box-shadow: 0 0 0 2px var(--bh-pagination-focus-ring-color);   }   .pagination-page-btn:disabled {     opacity: 0.4;     cursor: not-allowed;   }   .pagination-page-btn-active {     background-color: var(--bh-pagination-active-bg);     color: var(--bh-pagination-active-color);     border-color: var(--bh-pagination-active-bg);   }   .pagination-page-btn-active:hover:not(:disabled) {     background-color: var(--bh-pagination-active-bg);     border-color: var(--bh-pagination-active-bg);     color: var(--bh-pagination-active-color);   }   .pagination-page-input:hover:not(:disabled) {     border-color: var(--bh-pagination-page-input-border-color-hover);   }   .pagination-page-input:focus {     outline: none;     border-color: var(--bh-pagination-page-input-border-color-focus);     box-shadow: 0 0 0 3px var(--bh-pagination-focus-ring-color);   }   .pagination-page-input:disabled {     background-color: var(--bh-pagination-page-input-bg-disabled);     cursor: not-allowed;   } } @layer bh-utilities {      @media (max-width: 640px) {     .pagination {       flex-direction: column;       align-items: stretch;       gap: var(--sp-3, 0.75rem);     }     .pagination-info {       justify-content: center;     }     .pagination-controls {       justify-content: center;       flex-wrap: wrap;     }     .pagination-page-size {       width: 100%;       justify-content: center;     }     .pagination-nav {       justify-content: center;     }   } }';const C=class{constructor(i){t(this,i),this.bhChange=e(this,"bhChange"),this.bhMultiChange=e(this,"bhMultiChange"),this.bhClear=e(this,"bhClear"),this.bhOpen=e(this,"bhOpen"),this.bhClose=e(this,"bhClose"),this.bhFocus=e(this,"bhFocus"),this.bhBlur=e(this,"bhBlur"),this.bhValidityChange=e(this,"bhValidityChange"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get el(){return s(this)}internals;logger=r("bh-select");focusState=n();selectId=g("bh-select");triggerRef;menuRef;positioner;dismissalManager;i18nUnsubscribe;_cachedOptions=null;_lastOptionsInput="[]";searchInputRef;_justOpened=!1;_cachedValues=null;_lastValuesInput=null;label="";supportingText="";placeholder="Select…";name="";value="";required=!1;disabled=!1;error=!1;size="md";options="[]";multiple=!1;values="[]";maxTagsVisible=2;keepOpenOnSelect;searchable=!1;displayMode="text";triggerIcon="";clearable=!1;isOpen=!1;searchQuery="";activeIndex=-1;menuPosition={x:0,y:0};menuWidth=0;focusVersion=0;_i18nVersion=0;bhChange;bhMultiChange;bhClear;bhOpen;bhClose;bhFocus;bhBlur;bhValidityChange;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:new Error(String(t))),o("bh-select",t)}componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.i18nUnsubscribe=c.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){if(this.multiple){const t=this.parsedValues;this.name&&this.internals&&this.internals.setFormValue(t.length>0?t.join(","):null)}else b(this);this.updateRequiredValidity(),this.bhValidityChange.emit(this.internals?.validity)}componentDidUpdate(){this._justOpened&&this.searchInputRef&&(this._justOpened=!1,this.searchInputRef.focus())}disconnectedCallback(){this.dismissalManager?.destroy(),this.cleanupFloating(),this.i18nUnsubscribe?.()}formResetCallback(){this.multiple?this.values="[]":this.value=""}handleValueChange(){b(this),this.updateRequiredValidity(),this.bhValidityChange.emit(this.internals?.validity)}handleValuesChange(){if(this.multiple){const t=this.parsedValues;this.name&&this.internals&&this.internals.setFormValue(t.length>0?t.join(","):null),this.updateRequiredValidity(),this.bhValidityChange.emit(this.internals?.validity)}}handleRequiredChange(){this.updateRequiredValidity(),this.bhValidityChange.emit(this.internals?.validity)}handleOpenChange(t){t?(this.setupFloatingUI(),this.initDismissalManager(),this.dismissalManager?.enable()):(this.dismissalManager?.disable(),this.cleanupFloating())}updateRequiredValidity(){u(this.internals,this.required,this.multiple?this.parsedValues.length>0:Boolean(this.value),"Please select an option.")}get parsedOptions(){if(this.options!==this._lastOptionsInput)if(this._lastOptionsInput=this.options,"string"==typeof this.options){const t=v(this.options);t.valid&&Array.isArray(t.value)?this._cachedOptions=t.value:(this.logger.warn("Invalid options JSON:",{errors:t.errors}),this._cachedOptions=[])}else this._cachedOptions=this.options||[];return this._cachedOptions||[]}get selectedOption(){return this.parsedOptions.find((t=>t.value===this.value))}get parsedValues(){if(this.values!==this._lastValuesInput)if(this._lastValuesInput=this.values,Array.isArray(this.values))this._cachedValues=this.values;else{const t=v(this.values);this._cachedValues=t.valid&&Array.isArray(t.value)?t.value:[]}return this._cachedValues??[]}get selectedOptions(){const t=new Set(this.parsedValues);return this.parsedOptions.filter((e=>t.has(e.value)))}get filteredOptions(){const t=this.parsedOptions;if(!this.searchQuery)return t;const e=this.searchQuery.toLowerCase();return t.filter((t=>t.label.toLowerCase().includes(e)))}get displayedOptions(){return this.searchable?this.filteredOptions:this.parsedOptions}get enabledIndexes(){return this.displayedOptions.flatMap(((t,e)=>t.disabled?[]:[e]))}optionId(t){return`${this.selectId}-option-${t}`}openMenu(){if(!this.disabled&&!this.isOpen){if(this.searchable&&(this.searchQuery="",this._justOpened=!0),this.multiple)this.activeIndex=this.enabledIndexes[0]??-1;else{const t=this.displayedOptions.findIndex((t=>t.value===this.value&&!t.disabled));this.activeIndex=t>=0?t:this.enabledIndexes[0]??-1}this.isOpen=!0,this.bhOpen.emit()}}closeMenu(t){this.isOpen&&(this.isOpen=!1,this.searchable&&(this.searchQuery=""),this.bhClose.emit({reason:t}))}deselectOption(t){this.values=JSON.stringify(this.parsedValues.filter((e=>e!==t))),this.bhMultiChange.emit(this.selectedOptions)}handleSearchInput=t=>{this.searchQuery=t.target.value,this.activeIndex=this.enabledIndexes[0]??-1};clearAll=t=>{t.stopPropagation(),this.multiple?(this.values="[]",this.bhMultiChange.emit([])):this.value="",this.bhClear.emit()};toggleMenu=()=>{this.disabled||(this.isOpen?this.closeMenu():this.openMenu())};selectOption(t){if(!t.disabled)if(this.multiple){const e=this.parsedValues,i=e.includes(t.value);this.values=JSON.stringify(i?e.filter((e=>e!==t.value)):[...e,t.value]),this.bhMultiChange.emit(this.selectedOptions),(this.keepOpenOnSelect??1)||this.closeMenu("select")}else{if(this.value=t.value,this.bhChange.emit(t),this.keepOpenOnSelect)return;this.closeMenu("select")}}moveActive(t){const e=this.enabledIndexes;if(0===e.length)return;const i=e.indexOf(this.activeIndex);if(i<0)return void(this.activeIndex=t>0?e[0]:e[e.length-1]);const a=Math.max(0,Math.min(i+t,e.length-1));this.activeIndex=e[a]}handleTriggerKeyDown=t=>{if(!this.disabled)if(this.isOpen)switch(t.key){case d.ARROW_DOWN:t.preventDefault(),this.moveActive(1);break;case d.ARROW_UP:t.preventDefault(),this.moveActive(-1);break;case d.HOME:t.preventDefault(),this.activeIndex=this.enabledIndexes[0]??-1;break;case d.END:t.preventDefault(),this.activeIndex=this.enabledIndexes[this.enabledIndexes.length-1]??-1;break;case d.ENTER:case d.SPACE:{if(this.searchable&&t.key===d.SPACE)break;t.preventDefault();const e=this.displayedOptions[this.activeIndex];e&&this.selectOption(e);break}case d.ESCAPE:t.preventDefault(),this.closeMenu("escape")}else t.key!==d.ARROW_DOWN&&t.key!==d.ARROW_UP&&(!m(t)||this.searchable&&t.key===d.SPACE)||(t.preventDefault(),this.openMenu())};handleDismiss=()=>{this.closeMenu("outside-click")};initDismissalManager(){this.dismissalManager&&(this.dismissalManager.destroy(),this.dismissalManager=void 0),this.menuRef&&this.triggerRef&&(this.dismissalManager=f(this.menuRef,{onDismiss:this.handleDismiss,escapeKey:!1,clickOutside:!0,focusLoss:!1,excludeElements:[this.triggerRef]}))}async setupFloatingUI(){if(this.triggerRef&&this.menuRef)try{this.positioner=await x(this.triggerRef,this.menuRef,{placement:"bottom-start",offset:4,flip:!0,fallbackPlacements:["top-start"],shift:!0,shiftPadding:8,matchWidth:!0,timeoutMs:2e3,autoUpdate:!0},((t,e)=>{this.menuPosition={x:t,y:e}}))}catch(t){o("bh-select",t),this.fallbackPosition()}}fallbackPosition(){if(!this.triggerRef)return;const t=this.triggerRef.getBoundingClientRect();this.menuPosition={x:t.left,y:t.bottom+4},this.menuWidth=t.width}cleanupFloating(){this.positioner&&(this.positioner.destroy(),this.positioner=void 0)}handleFocus=t=>{this.focusState.handleFocus(t,(()=>this.bhFocus.emit()))};handleBlur=t=>{this.focusState.handleBlur(t,(()=>this.bhBlur.emit()))};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const t=this.selectedOption,e=`${this.selectId}-label`,s=`${this.selectId}-listbox`,r=`${this.selectId}-supporting`,o=this.multiple?this.parsedValues.length>0:Boolean(this.value),n={"select-trigger":!0,[`select-trigger-${this.size}`]:!0,"trigger-focused":this.focusState.isFocused||this.isOpen,"trigger-error":this.error,"trigger-disabled":this.disabled},h=this.isOpen?{position:"fixed",left:`${this.menuPosition.x}px`,top:`${this.menuPosition.y}px`,zIndex:String(y.POPOVER),width:this.menuWidth>0?`${this.menuWidth}px`:void 0}:{display:"none"};return i(a,{key:"54a25e68eb56eeb45dc02268b6841c3f56d4cd7f"},i("div",{key:"d79d8c99bc590fea80ffa93ec63049bf026842e4",class:"select-wrapper",part:"wrapper"},this.label&&i("span",{key:"5df519601e51b84a44e85be961e569c7f1d9c3a1",class:"select-label",id:e,part:"label"},this.label,this.required&&i("span",{key:"d40dc62c2f84d9b9aab95874b3fe3d079d1aaeef","aria-hidden":"true",class:"select-required"},"*")),i("div",{key:"b31c8aecfbe11de9a2c0768df92d903056d53e74","aria-activedescendant":this.isOpen&&this.activeIndex>=0?this.optionId(this.activeIndex):void 0,"aria-controls":s,"aria-describedby":this.supportingText?r:void 0,"aria-disabled":this.disabled?"true":void 0,"aria-expanded":String(this.isOpen),"aria-haspopup":"listbox","aria-invalid":this.error?"true":void 0,"aria-labelledby":this.label?e:void 0,"aria-required":this.required?"true":void 0,class:n,onBlur:this.handleBlur,onClick:this.toggleMenu,onFocus:this.handleFocus,onKeyDown:this.handleTriggerKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"trigger",ref:t=>this.triggerRef=t,role:"combobox",tabindex:this.disabled?-1:0},!this.multiple&&this.searchable&&!this.isOpen&&t?.avatar?i("bh-avatar",{"aria-hidden":"true",class:"trigger-selected-avatar",imageSrc:t.avatar,size:"xxs",variant:"image"}):this.triggerIcon&&i("span",{"aria-hidden":"true",class:"material-symbols-outlined trigger-leading-icon"},this.triggerIcon),this.multiple&&"tags"===this.displayMode?i("div",{class:"select-tags-content"},this.selectedOptions.slice(0,this.maxTagsVisible).map((t=>i("bh-tag",{action:"dismiss",avatarSrc:t.avatar??"",key:t.value,label:t.label,onBhClose:()=>this.deselectOption(t.value),size:"sm",variant:t.avatar?"avatar":"text-only"}))),this.selectedOptions.length>this.maxTagsVisible&&i("span",{class:"select-overflow-count"},"+",this.selectedOptions.length-this.maxTagsVisible),this.searchable?i("input",{class:"select-search-input",onClick:t=>{this.isOpen&&t.stopPropagation()},onInput:this.handleSearchInput,placeholder:0===this.selectedOptions.length?p("bh-select","placeholder",this.placeholder,"Select…"):"",ref:t=>{this.searchInputRef=t},type:"text",value:this.searchQuery}):0===this.selectedOptions.length&&i("span",{class:"select-placeholder"},p("bh-select","placeholder",this.placeholder,"Select…"))):this.multiple?this.parsedValues.length>0?i("span",{class:"select-value"},this.selectedOptions.map((t=>t.label)).join(", ")):i("span",{class:"select-placeholder"},p("bh-select","placeholder",this.placeholder,"Select…")):this.searchable?i("input",{class:"select-search-input",disabled:this.disabled,onClick:t=>{this.isOpen&&t.stopPropagation()},onInput:this.handleSearchInput,placeholder:p("bh-select","placeholder",this.placeholder,"Select…"),readOnly:!this.isOpen,ref:t=>{this.searchInputRef=t},type:"text",value:this.isOpen?this.searchQuery:t?.label??""}):t?i("span",{class:"select-value"},t.label):i("span",{class:"select-placeholder"},p("bh-select","placeholder",this.placeholder,"Select…")),this.clearable&&o&&i("button",{key:"34c5f3e3ffed7a3bc106ac25e70a10ab54778231","aria-label":"Clear selection",class:"trigger-clear",onClick:this.clearAll,tabIndex:-1,type:"button"},i("span",{key:"1e5ac56e69edadaee20dae25729d3078514a6f00","aria-hidden":"true",class:"material-symbols-outlined"},"close")),i("span",{key:"33359b20f7199171f04366b1176bca1f4ad4f6e1","aria-hidden":"true",class:"material-symbols-outlined trigger-icon"},this.isOpen?"expand_less":"expand_more")),this.supportingText&&i("div",{key:"3e07eec1338e2ed9415792f7ed4ade0b810e183e",class:{"supporting-text":!0,"supporting-error":this.error},id:r,part:"supporting-text"},this.supportingText),i("div",{key:"061c8a817d8ad2f530afde1afbf82d527fc64696","aria-labelledby":this.label?e:void 0,"aria-multiselectable":this.multiple?"true":void 0,class:{"select-menu":!0,"animate-menu-enter":this.isOpen},id:s,part:"menu",ref:t=>this.menuRef=t,role:"listbox",style:h},i("div",{key:"c99d558c9a8fd4774ba76f82dac6287bd533b25c",class:"menu-items"},this.displayedOptions.map(((t,e)=>{const a=this.multiple?this.parsedValues.includes(t.value):t.value===this.value;return i("div",{"aria-disabled":t.disabled?"true":void 0,"aria-selected":String(a),class:{"select-option":!0,"option-selected":a,"option-active":e===this.activeIndex,"option-disabled":!!t.disabled},id:this.optionId(e),key:t.value,onClick:()=>this.selectOption(t),role:"option"},i("div",{class:"option-content"},this.multiple&&"text"===this.displayMode&&i("bh-checkbox",{"aria-hidden":"true",checked:a,class:"option-checkbox",disabled:t.disabled,size:"sm",tabIndex:-1}),t.avatar?i("bh-avatar",{"aria-hidden":"true",class:"option-avatar",imageSrc:t.avatar,size:"xs",variant:"image"}):t.icon&&i("span",{"aria-hidden":"true",class:"material-symbols-outlined option-icon"},t.icon),i("span",{class:"option-label",title:t.label},t.label),(!this.multiple||"tags"===this.displayMode)&&a&&i("span",{"aria-hidden":"true",class:"material-symbols-outlined check-icon"},"check")))}))))))}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}],values:[{handleValuesChange:0}],required:[{handleRequiredChange:0}],isOpen:[{handleOpenChange:0}]}}};C.style='@charset "UTF-8"; @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;     position: relative;     --bh-select-bg: var(--color-bg-primary);     --bh-select-border: var(--color-border-primary);     --bh-select-border-hover: var(--color-border-interactive);     --bh-select-border-focus: var(--color-border-interactive);     --bh-select-border-error: var(--color-border-error);     --bh-select-text: var(--color-text-primary);     --bh-select-placeholder: var(--color-text-tertiary);     --bh-select-icon: var(--color-text-secondary);     --bh-select-menu-bg: var(--color-surface-elevated);     --bh-select-menu-radius: var(--radius-md);     --bh-select-menu-shadow: var(--shadow-dropdown);     --bh-select-menu-hover-bg: var(--color-bg-secondary);     --bh-select-menu-selected-bg: var(--color-neutral-200);     --bh-select-menu-text: var(--color-text-primary);     --bh-select-menu-icon: var(--color-text-secondary);     --bh-select-check-color: var(--color-text-interactive);   } } @layer bh-base {   .select-wrapper {     position: relative;     display: flex;     flex-direction: column;     gap: var(--spacing-xs);   }   .select-label {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-medium);     line-height: var(--line-height-normal);     color: var(--bh-select-text);   }   .select-required {     color: var(--color-text-error);     margin-left: var(--spacing-xxs);   }      .select-trigger {     display: flex;     align-items: center;     gap: var(--spacing-sm);     padding: var(--spacing-xs) var(--spacing-sm);     background: var(--bh-select-bg);     border: 1px solid var(--bh-select-border);     border-radius: var(--radius-md);     cursor: pointer;     outline: none;     transition: border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease;     box-sizing: border-box;   }   .select-value,   .select-placeholder {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     flex: 1;     min-width: 0;     white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;   }   .select-value {     color: var(--bh-select-text);   }   .select-placeholder {     color: var(--bh-select-placeholder);   }   .trigger-icon {     font-size: var(--icon-size-md);     color: var(--bh-select-icon);     flex-shrink: 0;     user-select: none;   }      .supporting-text {     font-family: var(--font-inter);     font-size: var(--text-xs-size);     line-height: var(--line-height-normal);     color: var(--color-text-secondary);   }   .supporting-error {     color: var(--color-text-error);   }      .select-menu:popover-open {     margin: 0;     inset: auto;     border: 0;     padding: 0;   }   .select-menu {     min-width: 200px;     background: var(--bh-select-menu-bg);     border-radius: var(--bh-select-menu-radius);     box-shadow: var(--bh-select-menu-shadow);     overflow: hidden;     box-sizing: border-box;   }   .menu-items {     padding: var(--spacing-xs) 0;     max-height: 280px;     overflow-y: auto;     overflow-x: hidden;     scrollbar-width: thin;     scrollbar-color: var(--color-border-secondary) var(--color-bg-secondary);   }   .menu-items::-webkit-scrollbar {     width: var(--sp-1-5);   }   .menu-items::-webkit-scrollbar-track {     background: var(--color-bg-secondary);     border-radius: var(--radius-xs);   }   .menu-items::-webkit-scrollbar-thumb {     background: var(--color-border-secondary);     border-radius: var(--radius-xs);   }   .menu-items::-webkit-scrollbar-thumb:hover {     background: var(--color-border-primary);   }   .select-option {     padding: var(--spacing-none) var(--spacing-sm);     cursor: pointer;     outline: none;   }   .option-content {     display: flex;     align-items: center;     gap: var(--spacing-md);     padding: var(--spacing-sm);     border-radius: var(--radius-sm);     transition: background-color var(--animation-duration-fast) ease;   }   .option-icon {     font-size: var(--text-lg-size);     color: var(--bh-select-menu-icon);     flex-shrink: 0;     display: flex;     align-items: center;     justify-content: center;   }   .option-label {     font-family: var(--font-inter);     font-weight: var(--weight-medium);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     color: var(--bh-select-menu-text);     flex: 1;     white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;     min-width: 0;   }   .check-icon {     font-size: var(--text-lg-size);     color: var(--bh-select-check-color);     flex-shrink: 0;   }      .option-checkbox {     flex-shrink: 0;     pointer-events: none;   }      .option-avatar {     flex-shrink: 0;   }      .trigger-selected-avatar {     flex-shrink: 0;     display: flex;     align-items: center;   }      .trigger-leading-icon {     font-size: var(--icon-size-md);     color: var(--bh-select-icon);     flex-shrink: 0;     user-select: none;   }      .select-tags-content {     display: flex;     flex-wrap: nowrap;     align-items: center;     gap: var(--spacing-xs);     flex: 1;     min-width: 0;     overflow: hidden;   }      .select-overflow-count {     font-family: var(--font-inter);     font-size: var(--text-xs-size);     font-weight: var(--weight-medium);     line-height: var(--line-height-normal);     color: var(--color-text-secondary);     background: var(--color-bg-secondary);     border-radius: var(--radius-full, 9999px);     padding: 2px var(--spacing-xs);     white-space: nowrap;     flex-shrink: 0;   }      .trigger-clear {     display: flex;     align-items: center;     justify-content: center;     background: none;     border: none;     padding: 0;     cursor: pointer;     color: var(--bh-select-icon);     flex-shrink: 0;     line-height: 1;   }   .trigger-clear .material-symbols-outlined {     font-size: var(--icon-size-md);   }   .trigger-clear:hover {     color: var(--color-text-primary);   }      .select-search-input {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     color: var(--bh-select-text);     border: none;     outline: none;     background: transparent;     padding: 0;     flex: 1;     min-width: 80px;   }   .select-search-input::placeholder {     color: var(--bh-select-placeholder);   }   .select-search-input:read-only {     cursor: pointer;   } } @layer bh-variants {   .select-trigger-sm {     min-height: var(--bh-button-height-sm);   }   .select-trigger-md {     min-height: var(--bh-button-height-md);   }   .select-trigger-lg {     min-height: var(--bh-button-height-lg);   } } @layer bh-states {   .select-trigger:hover:not(.trigger-disabled) {     border-color: var(--bh-select-border-hover);   }   .trigger-focused {     border-color: var(--bh-select-border-focus);     box-shadow: 0 0 0 2px var(--bh-select-border-focus);   }   .trigger-error {     border-color: var(--bh-select-border-error);   }   .trigger-error.trigger-focused {     box-shadow: 0 0 0 2px var(--bh-select-border-error);   }   .trigger-disabled {     opacity: 0.5;     cursor: not-allowed;     pointer-events: none;   }   .select-option:hover:not(.option-disabled) .option-content {     background: var(--bh-select-menu-hover-bg);   }   .option-active:not(.option-disabled) .option-content {     background: var(--bh-select-menu-hover-bg);   }   .option-selected .option-content {     background: var(--bh-select-menu-selected-bg);   }   .option-selected .option-label {     font-weight: var(--weight-semibold);   }   .option-disabled {     opacity: 0.5;     cursor: not-allowed;   } } @layer bh-utilities {   .animate-menu-enter {     animation: menuEnter var(--animation-duration-fast) ease-out forwards;   }   @keyframes menuEnter {     from {       opacity: 0;       transform: translateY(-4px);     }     to {       opacity: 1;       transform: translateY(0);     }   } }';export{z as bh_pagination,C as bh_select}

package/dist/bellhop-core/p-63af6f45.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,a as i,h as s,H as r}from"./p-CTHvNfIu.js";import{c as o,h as a}from"./p-C4V7Y6N_.js";import{c as n}from"./p-CFlb5gKI.js";import{c as l}from"./p-B93zYxiE.js";import{Z as h}from"./p-BoVgy_Ao.js";import{c,a as d}from"./p-CS8F5LFw.js";import{c as m,r as b}from"./p-YLeLKAYJ.js";import{c as u}from"./p-Dn-MvAk9.js";import{c as p}from"./p-YdVz1TeW.js";import{B as g,r as f}from"./p-BNVOtH-1.js";import{v}from"./p-R-A72b5e.js";import{K as x}from"./p-zdFuIabL.js";import{a as y}from"./p-BqJRACkO.js";import"./p-CSH9RXgl.js";const w=class{constructor(i){e(this,i),this.bhChange=t(this,"bhChange"),this.bhOpen=t(this,"bhOpen"),this.bhClose=t(this,"bhClose"),this.bhFocus=t(this,"bhFocus"),this.bhBlur=t(this,"bhBlur"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals)}get el(){return i(this)}internals;triggerRef;menuRef;positioner;dismissalManager;destroy$=c();navState=o();logger=m("bh-multi-select");i18nUnsubscribe;_i18nVersion=0;_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=u({componentName:"bh-multi-select",logger:this.logger})),this._errorHandler}_cachedOptions=null;_lastOptionsInput="[]";_cachedSelectedIds=null;_lastSelectedIdsInput="[]";label="";placeholder="Select options...";hintText="";showLabel=!0;showHintText=!0;size="md";options="[]";selectedIds="[]";defaultSelectedIds="[]";disabled=!1;error=!1;required=!1;name="";maxVisibleTags=3;showIcons=!0;width="100%";isOpen=!1;menuPosition={x:0,y:0};focusState=p();focusVersion=0;menuWidth=0;bhChange;bhOpen;bhClose;bhFocus;bhBlur;componentDidCatch(e){this.handleComponentError(e)}componentWillLoad(){this.i18nUnsubscribe=g.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.syncFormValue()}disconnectedCallback(){this.dismissalManager?.destroy(),this.cleanupFloating(),d(this.destroy$),this.i18nUnsubscribe?.()}formResetCallback(){this.selectedIds=this.defaultSelectedIds,this._cachedSelectedIds=null,this.syncFormValue()}handleOpenChange(e){e?(this.setupFloatingUI(),this.initDismissalManager(),this.dismissalManager?.enable(),this.navState=o()):(this.dismissalManager?.disable(),this.cleanupFloating())}handleSelectedIdsChange(){this._cachedSelectedIds=null,this.syncFormValue()}get parsedOptions(){if(this.options!==this._lastOptionsInput)if(this._lastOptionsInput=this.options,"string"==typeof this.options){const e=v(this.options);e.valid?this._cachedOptions=e.value??[]:(this.logger.warn("Invalid options JSON:",{errors:e.errors}),this._cachedOptions=[])}else this._cachedOptions=this.options||[];return this._cachedOptions||[]}get parsedSelectedIds(){if(this.selectedIds!==this._lastSelectedIdsInput)if(this._lastSelectedIdsInput=this.selectedIds,"string"==typeof this.selectedIds){const e=v(this.selectedIds);e.valid?this._cachedSelectedIds=e.value??[]:(this.logger.warn("Invalid selectedIds JSON:",{errors:e.errors}),this._cachedSelectedIds=[])}else this._cachedSelectedIds=this.selectedIds||[];return this._cachedSelectedIds||[]}get selectedItems(){const e=new Set(this.parsedSelectedIds);return this.parsedOptions.filter((t=>e.has(t.id)))}get visibleTags(){const e=this.selectedItems;return e.length<=this.maxVisibleTags?{tags:e,remaining:0}:{tags:e.slice(0,this.maxVisibleTags),remaining:e.length-this.maxVisibleTags}}isItemSelected(e){return this.parsedSelectedIds.includes(e.id)}syncFormValue(){if(this.internals&&this.name){const e=this.parsedSelectedIds.join(",");this.internals.setFormValue(e)}}initDismissalManager(){this.dismissalManager&&this.dismissalManager.destroy(),this.menuRef&&this.triggerRef&&(this.dismissalManager=n(this.menuRef,{onDismiss:this.handleDismiss,escapeKey:!0,clickOutside:!0,focusLoss:!1,excludeElements:[this.triggerRef]}))}handleDismiss=()=>{this.isOpen&&(this.isOpen=!1,this.bhClose.emit(),this.triggerRef?.focus())};async setupFloatingUI(){if(this.triggerRef&&this.menuRef)try{this.positioner=await l(this.triggerRef,this.menuRef,{placement:"bottom-start",offset:4,flip:!0,fallbackPlacements:["top-start"],shift:!0,shiftPadding:8,matchWidth:!0,timeoutMs:2e3,autoUpdate:!0},((e,t)=>{this.menuPosition={x:e,y:t}}))}catch(e){b("bh-multi-select",e),this.fallbackPosition()}}fallbackPosition(){if(!this.triggerRef)return;const e=this.triggerRef.getBoundingClientRect();this.menuPosition={x:e.left,y:e.bottom+4},this.menuWidth=e.width}cleanupFloating(){this.positioner&&(this.positioner.destroy(),this.positioner=void 0)}toggleMenu=()=>{if(this.disabled)return;const e=this.isOpen;this.isOpen=!this.isOpen,this.isOpen&&!e?this.bhOpen.emit():!this.isOpen&&e&&this.bhClose.emit()};toggleItem=e=>{if(e.disabled)return;const t=this.parsedSelectedIds,i=t.includes(e.id);let s;s=i?t.filter((t=>t!==e.id)):[...t,e.id],this.selectedIds=JSON.stringify(s),this._cachedSelectedIds=null;const r=this.parsedOptions.filter((e=>s.includes(e.id)));this.bhChange.emit(r)};handleTagDismiss=e=>{this.toggleItem(e)};handleTriggerKeyDown=e=>{if(!this.disabled)return e.key===x.ARROW_DOWN||e.key===x.ARROW_UP?(e.preventDefault(),void(this.isOpen||(this.isOpen=!0,this.bhOpen.emit()))):void(y(e)&&(e.preventDefault(),this.toggleMenu()))};handleMenuKeyDown=e=>{const t=this.parsedOptions.filter((e=>!(e.disabled||e.divider))),i=a(e,{container:this.el?.shadowRoot??null,itemSelector:'[role="option"]',orientation:"vertical",wrapAround:!0,onFocus:()=>{},onActivate:e=>{e>=0&&e<t.length&&this.toggleItem(t[e])},onEscape:()=>{this.handleDismiss()}},this.navState);i!==this.navState.focusedIndex&&(this.navState={...this.navState,focusedIndex:i})};handleFocus=e=>{this.focusState.handleFocus(e,(()=>this.bhFocus.emit()))};handleBlur=e=>{this.focusState.handleBlur(e,(()=>this.bhBlur.emit()))};render(){const{tags:e,remaining:t}=this.visibleTags,i=0===this.selectedItems.length,o={"multi-select-trigger":!0,"trigger-focused":this.focusState.isFocused||this.isOpen,"trigger-error":this.error,"trigger-disabled":this.disabled},a=this.isOpen?{position:"fixed",left:`${this.menuPosition.x}px`,top:`${this.menuPosition.y}px`,zIndex:String(h.POPOVER),width:this.menuWidth>0?`${this.menuWidth}px`:void 0}:{display:"none"};return s(r,{key:"70e5a15519841efe0fd7c0d242359c14b9ee4a4e",style:{width:this.width}},s("div",{key:"bb4f9e2e3e77f8fb8baf8a5ecb3ef4a6f343c77d",class:"multi-select-wrapper"},s("bh-label",{key:"71bfded56ed11d28b561f5cff4198e02281a3402",disabled:this.disabled,label:this.showLabel?this.label:"",required:this.required},s("div",{key:"0cb220f4c693d5b0aa520288bde1f979f6ce3fdf","aria-describedby":this.showHintText&&this.hintText?"hint-text":void 0,"aria-expanded":String(this.isOpen),"aria-haspopup":"listbox","aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,class:o,onBlur:this.handleBlur,onClick:this.toggleMenu,onFocus:this.handleFocus,onKeyDown:this.handleTriggerKeyDown,part:"trigger",ref:e=>this.triggerRef=e,role:"combobox",tabindex:this.disabled?-1:0},s("div",{key:"d9c23c79264c97ab317efba76f77734140fd879c",class:"multi-select-tag-flow"},i&&s("span",{key:"7c7464da9f0e6e407b009c69ee9da50b26e1441d",class:"multi-select-placeholder"},f("bh-multi-select","placeholder",this.placeholder,"Select options...")),e.map((e=>s("bh-tag",{disabled:this.disabled,dismissible:!this.disabled,key:e.id,label:e.label,maxWidth:150,onBhClose:()=>this.handleTagDismiss(e),size:"sm",variant:"text-only"}))),t>0&&s("bh-tag",{key:"ffb89f6899b87a508fa51383151ea86ee5dcb005",disabled:this.disabled,dismissible:!1,label:`+${t}`,size:"sm",variant:"text-only"})),s("span",{key:"b12080257937d7e4726d9cf3a6e20bd2db5d3f1c",class:{"material-symbols-outlined":!0,"trigger-icon":!0,"trigger-icon-open":this.isOpen}},"expand_more"))),this.showHintText&&this.hintText&&s("div",{key:"6680cc413d3f326db2702a63909f47dc31e64754",class:{"hint-text":!0,"hint-error":this.error},id:"hint-text"},this.hintText),s("div",{key:"55bba664d8aecb80c648c811f373ddb80295849e",class:{"multi-select-menu":!0,"animate-menu-enter":this.isOpen},onKeyDown:this.handleMenuKeyDown,part:"menu",ref:e=>this.menuRef=e,role:"listbox",style:a},s("div",{key:"11914223d536b2b2f8dd3a52e36ba96aa8094cfd",class:"menu-items"},this.parsedOptions.map((e=>{if(e.divider)return s("div",{class:"menu-divider",key:e.id});const t=this.isItemSelected(e);return s("div",{"aria-disabled":e.disabled?"true":void 0,"aria-selected":String(t),class:{"menu-item":!0,"menu-item-selected":t,"menu-item-disabled":!!e.disabled},key:e.id,onClick:()=>this.toggleItem(e),role:"option",tabindex:e.disabled?-1:0},s("div",{class:"item-content"},e.icon&&this.showIcons&&s("span",{class:"material-symbols-outlined item-icon"},e.icon),s("span",{class:"item-label",title:e.label},e.label),t&&s("span",{class:"material-symbols-outlined check-icon"},"check")))}))))))}static get formAssociated(){return!0}static get watchers(){return{isOpen:[{handleOpenChange:0}],selectedIds:[{handleSelectedIdsChange:0}]}}};w.style="@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;     position: relative;     --bh-multi-select-bg: var(--color-bg-primary);     --bh-multi-select-border: var(--color-border-primary);     --bh-multi-select-border-hover: var(--color-border-interactive);     --bh-multi-select-border-focus: var(--color-border-interactive);     --bh-multi-select-border-error: var(--color-border-error);     --bh-multi-select-text: var(--color-text-primary);     --bh-multi-select-placeholder: var(--color-text-tertiary);     --bh-multi-select-icon: var(--color-text-secondary);     --bh-multi-select-menu-bg: var(--color-surface-elevated);     --bh-multi-select-menu-shadow: var(--shadow-dropdown);     --bh-multi-select-menu-hover: var(--color-bg-tertiary);     --bh-multi-select-menu-text: var(--color-text-tertiary);     --bh-multi-select-menu-icon: var(--color-text-secondary);     --bh-multi-select-check-color: var(--color-text-interactive);   } } @layer bh-base {   .multi-select-wrapper {     position: relative;   }      .multi-select-trigger {     display: flex;     align-items: center;     gap: var(--spacing-sm);     min-height: var(--bh-button-height-md);     padding: var(--spacing-xs) var(--spacing-md);     background: var(--bh-multi-select-bg);     border: 1px solid var(--bh-multi-select-border);     border-radius: var(--radius-sm);     cursor: pointer;     outline: none;     transition: border-color var(--animation-duration-fast) ease, box-shadow var(--animation-duration-fast) ease;     box-sizing: border-box;   }      .multi-select-tag-flow {     display: flex;     flex-wrap: wrap;     gap: var(--spacing-xs);     align-items: center;     flex: 1;     min-width: 0;   }   .multi-select-placeholder {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     color: var(--bh-multi-select-placeholder);     white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;   }   .trigger-icon {     font-size: var(--icon-size-md);     color: var(--bh-multi-select-icon);     flex-shrink: 0;     transition: transform var(--animation-duration-fast) ease;     user-select: none;   }   .trigger-icon-open {     transform: rotate(180deg);   }      .hint-text {     font-family: var(--font-inter);     font-size: var(--text-xs-size);     line-height: var(--line-height-normal);     color: var(--color-text-secondary);     margin-top: var(--spacing-xs);   }   .hint-error {     color: var(--color-text-error);   }      .multi-select-menu:popover-open {     margin: 0;     inset: auto;     border: 0;     padding: 0;   }   .multi-select-menu {     min-width: 200px;     background: var(--bh-multi-select-menu-bg);     border-radius: var(--radius-md);     box-shadow: var(--bh-multi-select-menu-shadow);     overflow: hidden;     box-sizing: border-box;   }   .menu-items {     padding: var(--spacing-xs) 0;     max-height: 280px;     overflow-y: auto;     overflow-x: hidden;     scrollbar-width: thin;     scrollbar-color: var(--color-border-secondary) var(--color-bg-secondary);   }   .menu-items::-webkit-scrollbar {     width: var(--sp-1-5);   }   .menu-items::-webkit-scrollbar-track {     background: var(--color-bg-secondary);     border-radius: var(--radius-xs);   }   .menu-items::-webkit-scrollbar-thumb {     background: var(--color-border-secondary);     border-radius: var(--radius-xs);   }   .menu-items::-webkit-scrollbar-thumb:hover {     background: var(--color-border-primary);   }   .menu-item {     padding: var(--spacing-none) var(--spacing-sm);     cursor: pointer;     outline: none;   }   .item-content {     display: flex;     align-items: center;     gap: var(--spacing-md);     padding: var(--spacing-md);     border-radius: var(--radius-sm);     transition: background-color var(--animation-duration-fast) ease;   }   .item-icon {     font-size: var(--text-lg-size);     color: var(--bh-multi-select-menu-icon);     flex-shrink: 0;     display: flex;     align-items: center;     justify-content: center;   }   .item-label {     font-family: var(--font-inter);     font-weight: var(--weight-medium);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     color: var(--bh-multi-select-menu-text);     flex: 1;     white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;     min-width: 0;   }   .check-icon {     font-size: var(--text-lg-size);     color: var(--bh-multi-select-check-color);     flex-shrink: 0;   }   .menu-divider {     height: 1px;     background: var(--color-border-secondary);     margin: var(--spacing-xs) 0;   }      .multi-select-value {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     color: var(--bh-multi-select-text);     white-space: nowrap;     overflow: hidden;     text-overflow: ellipsis;   }      .menu-search {     display: flex;     align-items: center;     gap: var(--spacing-sm);     padding: var(--spacing-sm) var(--spacing-md);     border-bottom: 1px solid var(--color-border-secondary);   }   .menu-search-input {     flex: 1;     border: none;     outline: none;     background: transparent;     font-family: var(--font-inter);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     color: var(--bh-multi-select-text);     min-width: 0;   }   .menu-search-input::placeholder {     color: var(--bh-multi-select-placeholder);   }   .menu-search-icon {     font-size: var(--icon-size-sm);     color: var(--bh-multi-select-icon);     flex-shrink: 0;   }   .menu-empty {     padding: var(--spacing-lg) var(--spacing-md);     text-align: center;     font-family: var(--font-inter);     font-size: var(--text-sm-size);     color: var(--bh-multi-select-placeholder);   } } @layer bh-states {      .multi-select-trigger:hover:not(.trigger-disabled) {     border-color: var(--bh-multi-select-border-hover);   }   .trigger-focused {     border-color: var(--bh-multi-select-border-focus);     box-shadow: 0 0 0 2px var(--bh-multi-select-border-focus);   }   .trigger-error {     border-color: var(--bh-multi-select-border-error);   }   .trigger-error.trigger-focused {     box-shadow: 0 0 0 2px var(--bh-multi-select-border-error);   }   .trigger-disabled {     opacity: 0.5;     cursor: not-allowed;     pointer-events: none;   }      .menu-item:hover:not(.menu-item-disabled) .item-content {     background: var(--bh-multi-select-menu-hover);   }   .menu-item:focus:not(.menu-item-disabled) .item-content {     background: var(--bh-multi-select-menu-hover);   }   .menu-item-disabled {     opacity: 0.5;     cursor: not-allowed;   }   .menu-item-selected .item-label {     font-weight: var(--weight-semibold);   } } @layer bh-utilities {   .animate-menu-enter {     animation: menuEnter var(--animation-duration-fast) ease-out forwards;   }   @keyframes menuEnter {     from {       opacity: 0;       transform: translateY(-4px);     }     to {       opacity: 1;       transform: translateY(0);     }   } }";export{w as bh_multi_select}

package/dist/bellhop-core/p-640aaf14.entry.js

@@ -1 +0,0 @@
-import{r as e,c as r,h as o,H as t}from"./p-CTHvNfIu.js";import{c as a,r as s}from"./p-YLeLKAYJ.js";import{B as l,r as i}from"./p-BNVOtH-1.js";import{m as n,M as c}from"./p-CSH9RXgl.js";const h=["#2642CF","#8E4B9B","#BB81BA","#E14C94","#E47789","#E9AAAE","#BACEFC"],p=class{constructor(o){e(this,o),this.bhItemClick=r(this,"bhItemClick"),this.bhItemHover=r(this,"bhItemHover"),this.bhItemLeave=r(this,"bhItemLeave"),this.bhTooltipOpen=r(this,"bhTooltipOpen"),this.bhTooltipClose=r(this,"bhTooltipClose"),this.bhError=r(this,"bhError")}data={series:[{name:"Series 1",value:30,color:"#2642CF"},{name:"Series 2",value:25,color:"#8E4B9B"},{name:"Series 3",value:20,color:"#BB81BA"},{name:"Series 4",value:15,color:"#E14C94"},{name:"Series 5",value:10,color:"#E47789"}]};hole="none";size=160;animated=!0;gap=0;showLegend=!1;legendPosition="right";centerText=null;tooltipVisible=!1;tooltipX=0;tooltipY=0;tooltipSegment=null;logger=a("bh-pie-chart");i18nUnsubscribe;_i18nVersion=0;bhItemClick;bhItemHover;bhItemLeave;bhTooltipOpen;bhTooltipClose;bhError;componentWillLoad(){this.i18nUnsubscribe=l.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),n.increment(c.COMPONENT_ERROR,{component:"bh-pie-chart"}),s("bh-pie-chart",e),this.bhError.emit({error:e})}validateSeriesData(e){return e.map((e=>({...e,value:(()=>!Number.isFinite(e.value)||e.value<0?(this.logger.warn("Invalid data value detected",{seriesName:e.name,invalidValue:e.value}),0):Math.min(e.value,Number.MAX_SAFE_INTEGER))()})))}getInnerRadius(){switch(this.hole){case"25%":return 20;case"50%":return 40;case"75%":return 60;case"85%":return 68;default:return 0}}createArcPath(e,r,o,t,a,s){const l=a*Math.PI/180,i=s*Math.PI/180,n=e+o*Math.cos(l),c=r+o*Math.sin(l),h=e+o*Math.cos(i),p=r+o*Math.sin(i),d=s-a>180?1:0;if(0===t)return["M",e,r,"L",n,c,"A",o,o,0,d,1,h,p,"Z"].join(" ");const g=e+t*Math.cos(l),b=r+t*Math.sin(l);return["M",n,c,"A",o,o,0,d,1,h,p,"L",e+t*Math.cos(i),r+t*Math.sin(i),"A",t,t,0,d,0,g,b,"Z"].join(" ")}getSegments(){if(!this.data.series?.length)return[];const e=this.validateSeriesData(this.data.series),r=e.reduce(((e,r)=>e+r.value),0);if(0===r)return[];const o=[];let t=-90;const a=this.getInnerRadius(),s=360-e.length*this.gap;for(const[l,i]of e.entries()){const e=i.value/r*100,n=t,c=t+i.value/r*s,p=this.createArcPath(80,80,80,a,n,c);o.push({value:i.value,percentage:e,startAngle:n,endAngle:c,color:i.color||h[l%h.length],name:i.name,path:p}),t=c+this.gap}return o}handleSegmentClick=(e,r)=>{this.bhItemClick.emit({segment:r,event:e})};handleSegmentHover=(e,r)=>{this.tooltipVisible=!0,this.tooltipX=e.clientX,this.tooltipY=e.clientY,this.tooltipSegment=r,this.bhItemHover.emit({segment:r,event:e}),this.bhTooltipOpen.emit({segment:r,x:this.tooltipX,y:this.tooltipY})};handleSegmentLeave=(e,r)=>{this.tooltipVisible=!1,this.bhItemLeave.emit({segment:r,event:e}),this.bhTooltipClose.emit()};renderLegend(e){return this.showLegend&&0!==e.length?o("div",{class:"pie-legend",part:"legend"},e.map(((e,r)=>o("div",{class:"pie-legend-item",key:r},o("span",{class:"pie-legend-dot",style:{backgroundColor:e.color}}),o("span",{class:"pie-legend-label"},e.name))))):null}renderCenterText(){if(!this.centerText||"none"===this.hole)return null;const{label:e,value:r,trend:t,trendDirection:a}=this.centerText;return o("div",{class:"pie-center-text",part:"center-text"},e&&o("div",{class:"pie-center-label"},e),r&&o("div",{class:"pie-center-value"},r),t&&o("div",{class:{"pie-center-trend":!0,[`trend-${a||"neutral"}`]:!0}},t))}render(){const e=this.getSegments(),r=this.getInnerRadius();return o(t,{key:"3bc0a9b002ee92bc89f81948734ddaf04087f90f"},o("div",{key:"d7ba440a122b50800c3bb0e35321563ea7c30392",class:{"pie-chart-wrapper":!0,[`legend-${this.legendPosition}`]:this.showLegend}},o("div",{key:"d913f5ed492560051e84de771cf729762d9398fb",class:"pie-chart-container",part:"container",style:{width:`${this.size}px`,height:`${this.size}px`}},o("svg",{key:"47f04a124612d37d93b68a99ee87b6b475df2899","aria-label":i("bh-pie-chart","ariaLabel",void 0,"Pie chart"),class:"pie-chart-svg",height:this.size,role:"img",viewBox:"0 0 160 160",width:this.size},o("circle",{key:"15c6dd28189ca2e1f392b018ae17ffe5bcf278af",class:"pie-background",cx:"80",cy:"80",fill:"transparent",r:"80"}),e.map(((e,r)=>o("g",{class:"pie-segment-group",key:r},o("path",{class:{"pie-segment":!0,animated:this.animated},d:e.path,fill:e.color,onClick:r=>this.handleSegmentClick(r,e),onMouseEnter:r=>this.handleSegmentHover(r,e),onMouseLeave:r=>this.handleSegmentLeave(r,e),style:{animationDelay:this.animated?.03*r+"s":"0s"}})))),"none"!==this.hole&&o("circle",{key:"6b65df0fa5c286d510434902912b1391b2d708f8",class:"pie-inner-hole",cx:"80",cy:"80",fill:"white",r})),this.renderCenterText()),this.renderLegend(e)),o("bh-chart-tooltip",{key:"81321a1817182e939856c6dcd8ff3700c5920a0d","aria-hidden":this.tooltipVisible?void 0:"true",items:this.tooltipSegment?[{label:this.tooltipSegment.name,value:`${this.tooltipSegment.percentage.toFixed(0)}%`,color:this.tooltipSegment.color}]:[],visible:this.tooltipVisible,x:this.tooltipX,y:this.tooltipY}))}};p.style='  @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: inline-block;          --bh-pie-chart-legend-gap: var(--spacing-lg, 12px);     --bh-pie-chart-legend-item-gap: var(--spacing-xs, 4px);     --bh-pie-chart-legend-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );     --bh-pie-chart-legend-font-size: var(--text-xs-size, 0.75rem);     --bh-pie-chart-legend-dot-size: 8px;     --bh-pie-chart-center-label-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );     --bh-pie-chart-center-value-color: var(       --color-text-primary,       hsl(233deg 33% 10%)     );     --bh-pie-chart-center-value-size: var(--text-lg-size, 1.125rem);     --bh-pie-chart-trend-positive-color: var(       --color-text-success,       hsl(152deg 82% 39%)     );     --bh-pie-chart-trend-negative-color: var(       --color-text-error,       hsl(4deg 76% 48%)     );     --bh-pie-chart-trend-neutral-color: var(       --color-text-secondary,       hsl(226deg 24% 48%)     );   } } @layer bh-base {   .pie-chart-wrapper {     display: inline-flex;     align-items: center;     gap: var(--bh-pie-chart-legend-gap);   }   .pie-chart-wrapper.legend-bottom {     flex-direction: column;   }   .pie-chart-wrapper.legend-right {     flex-direction: row;   }   .pie-chart-container {     display: inline-block;     width: 160px;     height: 160px;     overflow: visible;     position: relative;   }   .pie-legend {     display: flex;     flex-direction: column;     gap: var(--bh-pie-chart-legend-item-gap);   }   .pie-legend-item {     display: flex;     align-items: center;     gap: var(--bh-pie-chart-legend-item-gap);     font-size: var(--bh-pie-chart-legend-font-size);     color: var(--bh-pie-chart-legend-color);     font-family: var(--font-inter, system-ui, sans-serif);     white-space: nowrap;   }   .pie-legend-dot {     width: var(--bh-pie-chart-legend-dot-size);     height: var(--bh-pie-chart-legend-dot-size);     border-radius: var(--radius-full, 9999px);     flex-shrink: 0;   }   .pie-center-text {     position: absolute;     top: 50%;     left: 50%;     transform: translate(-50%, -50%);     text-align: center;     pointer-events: none;     font-family: var(--font-inter, system-ui, sans-serif);   }   .pie-center-label {     font-size: var(--bh-pie-chart-legend-font-size);     color: var(--bh-pie-chart-center-label-color);     line-height: var(--line-height-normal, 1.5);   }   .pie-center-value {     font-size: var(--bh-pie-chart-center-value-size);     font-weight: var(--weight-semibold, 600);     color: var(--bh-pie-chart-center-value-color);     line-height: var(--line-height-tight, 1.25);   }   .pie-center-trend {     font-size: var(--bh-pie-chart-legend-font-size);     line-height: var(--line-height-normal, 1.5);   }   .pie-center-trend.trend-positive {     color: var(--bh-pie-chart-trend-positive-color);   }   .pie-center-trend.trend-negative {     color: var(--bh-pie-chart-trend-negative-color);   }   .pie-center-trend.trend-neutral {     color: var(--bh-pie-chart-trend-neutral-color);   }   .pie-chart-svg {     width: 100%;     height: 100%;     overflow: visible;   }   .pie-segment {     cursor: pointer;     transition: opacity var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease);     transform-origin: 80px 80px;   }   .pie-background {     pointer-events: none;   }   .pie-inner-hole {     pointer-events: none;   }   .pie-segment-group {     pointer-events: auto;   } } @layer bh-variants {   .pie-segment.animated {     opacity: 0;     transform: scale(0.3) rotate(-180deg);     animation: pieSliceReveal 0.8s var(--animation-ease-enter, ease-out) forwards;   } } @layer bh-states {   .pie-segment:hover {     opacity: 0.85;     transform: scale(1.05);     filter: brightness(1.1);     transition: all var(--animation-duration-fast, 0.1s) var(--animation-ease-smooth, ease);   } } @layer bh-utilities {   @keyframes pieSliceReveal {     0% {       opacity: 0;       transform: scale(0.3) rotate(-180deg);     }     15% {       opacity: 0.2;       transform: scale(0.45) rotate(-135deg);     }     30% {       opacity: 0.5;       transform: scale(0.7) rotate(-70deg);     }     45% {       opacity: 0.7;       transform: scale(0.9) rotate(-25deg);     }     60% {       opacity: 0.85;       transform: scale(1.05) rotate(-8deg);     }     80% {       opacity: 0.95;       transform: scale(1.01) rotate(-1deg);     }     100% {       opacity: 1;       transform: scale(1) rotate(0deg);     }   }   @media (prefers-reduced-motion: reduce) {     .pie-segment.animated {       animation: none;       opacity: 1;       transform: none;     }   } }';export{p as bh_pie_chart}

package/dist/bellhop-core/p-6632ba13.entry.js

@@ -1 +0,0 @@
-import{r,c as o,h as e,H as a}from"./p-CTHvNfIu.js";import{c as s,r as l}from"./p-YLeLKAYJ.js";import{c as t,a as i}from"./p-CS8F5LFw.js";import{m as n,M as c}from"./p-CSH9RXgl.js";import{t as h}from"./p-Bf0qW3wI.js";import{B as p,r as d}from"./p-BNVOtH-1.js";import{A as b}from"./p-BoVgy_Ao.js";const m=class{constructor(e){r(this,e),this.bhChange=o(this,"bhChange"),this.bhAction=o(this,"bhAction")}logger=s("bh-picker-menu");destroy$=t();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))),n.increment(c.COMPONENT_ERROR,{component:"bh-picker-menu",error_type:r instanceof Error?r.name:"unknown"}),l("bh-picker-menu",r)}handleVisibleChange(r){r?(this.shouldRender=!0,this.isClosing=!1):(this.isClosing=!0,this.destroy$&&h(b.MENU_CLOSE,this.destroy$)?.subscribe((()=>{this.shouldRender=!1,this.isClosing=!1})))}disconnectedCallback(){i(this.destroy$),this.i18nUnsubscribe?.()}handleValueChange(r){r&&(this.selectedMonth=r.month,this.selectedYear=r.year)}componentWillLoad(){if(this.shouldRender=this.visible,this.i18nUnsubscribe=p.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?e(a,{"aria-disabled":this.disabled?"true":void 0,"aria-hidden":this.visible?void 0:"true"},e("div",{class:{"picker-menu":!0,"animate-dropdown-exit":this.isClosing,[this.animationClass]:!this.isClosing,"no-footer":!this.showFooter},part:"container"},e("slot",null,e("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&&e("div",{class:"picker-menu-footer",part:"footer"},e("div",{class:"picker-menu-actions "+(this.showTodayButton?"has-today-button":"")},this.showTodayButton&&e("bh-button-icon",{ariaLabel:"Today",hierarchy:"secondary",iconName:"today",onClick:this.handleToday,size:"sm"}),e("div",{class:"picker-menu-main-actions"},e("bh-button",{hierarchy:"secondary",label:d("bh-picker-menu","cancelLabel",this.cancelLabel,"Cancel"),onClick:this.handleCancel,size:"sm"}),e("bh-button",{disabled:this.disableApply,hierarchy:"primary",label:d("bh-picker-menu","applyLabel",this.applyLabel,"Apply"),onClick:this.handleApply,size:"sm"})))))):null}static get watchers(){return{visible:[{handleVisibleChange:0}],value:[{handleValueChange:0}]}}};m.style='  @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);     }   } }';export{m as bh_picker_menu}

package/dist/bellhop-core/p-6807b97e.entry.js

@@ -1 +0,0 @@
-import{r,c as o,h as a,H as e}from"./p-CTHvNfIu.js";import{m as t,M as l}from"./p-CSH9RXgl.js";import{r as s,c as i}from"./p-YLeLKAYJ.js";const c=["var(--bh-bar-chart-color-1, var(--color-bg-interactive))","var(--bh-bar-chart-color-2, var(--color-orange-500))","var(--bh-bar-chart-color-3, var(--color-text-success))","var(--bh-bar-chart-color-4, var(--bh-bar-chart-color-purple))","var(--bh-bar-chart-color-5, var(--bh-bar-chart-color-accent))","var(--bh-bar-chart-color-6, var(--color-teal-500))","var(--bh-bar-chart-color-7, var(--color-lime-500))","var(--bh-bar-chart-color-8, var(--color-amber-500))"],n=class{constructor(a){r(this,a),this.bhBarClick=o(this,"bhBarClick"),this.bhBarHover=o(this,"bhBarHover"),this.bhBarLeave=o(this,"bhBarLeave"),this.bhTooltipOpen=o(this,"bhTooltipOpen"),this.bhTooltipClose=o(this,"bhTooltipClose"),this.bhError=o(this,"bhError")}data={series:[{name:"Series 1",values:[30,45,20,35,50,40,60,35,25,55,40],color:"#94a3b8"},{name:"Series 2",values:[20,25,40,30,35,45,25,30,40,20,50],color:"#2563eb"},{name:"Series 3",values:[25,15,35,20,15,20,30,25,30,35,25],color:"#7c3aed"}]};variant="stacked";orientation="vertical";animated=!0;maxHeight=150;maxWidth=200;bhBarClick;bhBarHover;bhBarLeave;bhTooltipOpen;bhTooltipClose;bhError;componentDidCatch(r){this.logger.error("Component error caught",r instanceof Error?r:new Error(String(r))),t.increment(l.COMPONENT_ERROR,{component:"bh-bar-chart"}),s("bh-bar-chart",r),this.bhError.emit({error:r})}tooltipVisible=!1;tooltipX=0;tooltipY=0;tooltipHeader="";tooltipItems=[];tooltipTotal="";showTooltipTotal=!1;logger=i("bh-bar-chart");validateSeriesData(r){return r.map((r=>({...r,values:r.values.map((o=>!Number.isFinite(o)||o<0?(this.logger.warn("Invalid data value detected",{seriesName:r.name,invalidValue:o}),0):Math.min(o,Number.MAX_SAFE_INTEGER)))})))}processData(){if(!this.data.series?.length||!this.data.series[0].values.length)return[];const r=this.validateSeriesData(this.data.series),o=[];if("simple"===this.variant){const a=r[0].values,e=a.reduce(((r,o)=>Math.max(r,o)),Number.NEGATIVE_INFINITY);for(let r=0;r<a.length;r++){const t=a[r]??0,l=[];t>0&&l.push({value:t,height:t/e*this.maxHeight,width:t/e*this.maxWidth,color:c[r%c.length],seriesName:this.data.categories?.[r]||`Bar ${r+1}`}),o.push({segments:l,totalValue:t,category:this.data.categories?.[r]})}}else{const a=r[0].values.length;let e=0;for(let o=0;o<a;o++){const a=r.reduce(((r,a)=>r+(a.values[o]??0)),0);e=Math.max(e,a)}for(let t=0;t<a;t++){const a=[];let l=0;for(const o of r){const r=o.values[t]??0;l+=r,r>0&&a.push({value:r,height:r/e*this.maxHeight,width:r/e*this.maxWidth,color:o.color||"#64748b",seriesName:o.name})}o.push({segments:a,totalValue:l,category:this.data.categories?.[t]})}}return o}handleColumnHover=(r,o,a)=>{this.tooltipVisible=!0,this.tooltipX=r.clientX,this.tooltipY=r.clientY,this.tooltipHeader=o.category||`Column ${a+1}`;const e=[];for(const t of o.segments)t.seriesName&&t.value>0&&(e.push({color:t.color,label:t.seriesName,value:t.value.toString()}),this.bhBarHover.emit({seriesName:t.seriesName,value:t.value,category:o.category,columnIndex:a,event:r}));this.tooltipItems=e,this.tooltipTotal=o.totalValue.toString(),this.showTooltipTotal=e.length>1,this.bhTooltipOpen.emit({header:this.tooltipHeader,items:e,total:this.tooltipTotal,x:this.tooltipX,y:this.tooltipY})};handleColumnMove=r=>{this.tooltipVisible&&(this.tooltipX=r.clientX,this.tooltipY=r.clientY)};handleColumnClick=(r,o,a)=>{for(const e of o.segments)e.seriesName&&e.value>0&&this.bhBarClick.emit({seriesName:e.seriesName,value:e.value,category:o.category,columnIndex:a,event:r})};handleColumnLeave=(r,o,a)=>{this.tooltipVisible=!1;for(const e of o.segments)e.seriesName&&e.value>0&&this.bhBarLeave.emit({seriesName:e.seriesName,category:o.category,columnIndex:a,event:r});this.bhTooltipClose.emit()};render(){const r=this.processData();return a(e,{key:"4d0480d6140e744255e2335090cebc69042f29a6"},a("div",{key:"40b95ccf681d97b54f5376d74ba43205091ac55b",class:{"bar-chart":!0,[this.variant]:!0,[this.orientation]:!0,"bar-chart-animated":this.animated},part:"container"},"vertical"===this.orientation?a("div",{class:"vertical-container"},r.map(((r,o)=>a("div",{class:"bar-column vertical",key:o,onClick:a=>this.handleColumnClick(a,r,o),onMouseEnter:a=>this.handleColumnHover(a,r,o),onMouseLeave:a=>this.handleColumnLeave(a,r,o),onMouseMove:this.handleColumnMove},r.segments.map(((r,o)=>a("div",{class:"bar-segment vertical",key:o,style:{height:`${r.height}px`,backgroundColor:r.color}}))))))):a("div",{class:"horizontal-container"},r.map(((r,o)=>a("div",{class:"bar-row horizontal",key:o,onClick:a=>this.handleColumnClick(a,r,o),onMouseEnter:a=>this.handleColumnHover(a,r,o),onMouseLeave:a=>this.handleColumnLeave(a,r,o),onMouseMove:this.handleColumnMove},r.segments.map(((o,e)=>a("div",{class:"bar-segment horizontal",key:e,style:{width:o.value/r.totalValue*100+"%",backgroundColor:o.color}})))))))),a("bh-chart-tooltip",{key:"b980b600f61e671df3fd7ddf00d7eba799f7802a","aria-hidden":this.tooltipVisible?void 0:"true",header:this.tooltipHeader,items:this.tooltipItems,showTotal:this.showTooltipTotal,total:this.tooltipTotal,visible:this.tooltipVisible,x:this.tooltipX,y:this.tooltipY}))}};n.style='  @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-bar-chart-gap: var(--spacing-xxs);     --bh-bar-chart-gap-lg: var(--spacing-lg);     --bh-bar-chart-hover-bg: var(--color-bg-tertiary);          --bh-bar-chart-color-1: var(--color-bg-interactive);     --bh-bar-chart-color-2: var(--color-orange-500);     --bh-bar-chart-color-3: var(--color-text-success);     --bh-bar-chart-color-purple: var(--color-purple-600);     --bh-bar-chart-color-accent: var(--color-accent-500);     --bh-bar-chart-color-4: var(--color-teal-500);     --bh-bar-chart-color-5: var(--color-lime-500);     --bh-bar-chart-color-6: var(--color-amber-500);     --bh-bar-chart-color-7: var(--color-purple-600);     --bh-bar-chart-color-8: var(--color-accent-500);   } } @layer bh-base {      .vertical-container {     display: flex;     align-items: flex-end;     height: 180px;     width: 100%;   }   .bar-column.vertical {     display: flex;     flex-direction: column;     align-items: center;     justify-content: flex-end;     height: 100%;     flex: 1;     gap: var(--bh-bar-chart-gap);     margin: 0 2px;     border-radius: var(--radius-xs);     transition: background-color var(--animation-duration-normal) ease;   }   .bar-segment.vertical {     width: 6px;     border-radius: var(--radius-xxs);     min-height: 2px;     transition: all var(--animation-duration-slow) ease;     transform-origin: bottom;   }      .horizontal-container {     display: flex;     flex-direction: column;     justify-content: space-between;     height: auto;     min-height: 140px;     gap: var(--bh-bar-chart-gap-lg);   }   .bar-row.horizontal {     display: flex;     align-items: center;     width: 100%;     height: 6px;     min-height: 6px;     max-height: 6px;     gap: var(--bh-bar-chart-gap);     margin: 2px 0;     border-radius: var(--radius-xs);     transition: background-color var(--animation-duration-normal) ease;     padding: 2px;   }   .bar-segment.horizontal {     height: 100%;     min-height: 6px;     max-height: 6px;     border-radius: var(--radius-xxs);     min-width: 2px;     transition: all var(--animation-duration-slow) ease;     transform-origin: left;   } } @layer bh-variants {      .vertical-container.simple {     height: 180px;     width: 100%;   }   .vertical-container.simple .bar-column.vertical {     flex: 1;     margin: 0 2px;   }   .vertical-container.simple .bar-segment.horizontal {     min-width: 2px;     height: 6px;     min-height: 6px;     max-height: 6px;   }      .horizontal-container.simple {     height: auto;     min-height: 140px;     gap: var(--bh-bar-chart-gap-lg);   }   .horizontal-container.simple .bar-row.horizontal {     height: 6px;     min-height: 6px;     max-height: 6px;     margin: 2px 0;     padding: 2px;   }   .horizontal-container.simple .bar-segment.horizontal {     min-width: 2px;     height: 6px;     min-height: 6px;     max-height: 6px;   } } @layer bh-states {      .bar-column,   .bar-row {     cursor: pointer;   }   .bar-column:hover {     background-color: color-mix(in srgb, var(--bh-bar-chart-hover-bg) 50%, transparent);   }   .bar-column:hover .bar-segment {     opacity: 0.9;     filter: brightness(1.05);   }   .bar-row:hover {     background-color: color-mix(in srgb, var(--bh-bar-chart-hover-bg) 50%, transparent);   }   .bar-row:hover .bar-segment {     opacity: 0.9;     filter: brightness(1.05);   } } @layer bh-utilities {      .bar-chart-animated .bar-segment.vertical {     animation: barGrowVertical 0.8s cubic-bezier(0.4, 0, 0.2, 1) both;   }   .bar-chart-animated .bar-segment.horizontal {     animation: barGrowHorizontal 0.8s cubic-bezier(0.4, 0, 0.2, 1) both;   }   @keyframes barGrowVertical {     from {       transform: scaleY(0);       opacity: 0;     }     to {       transform: scaleY(1);       opacity: 1;     }   }   @keyframes barGrowHorizontal {     from {       transform: scaleX(0);       opacity: 0;     }     to {       transform: scaleX(1);       opacity: 1;     }   }   @media (prefers-reduced-motion: reduce) {     .bar-chart-animated .bar-segment.vertical,     .bar-chart-animated .bar-segment.horizontal {       animation: none;       opacity: 1;       transform: none;     }   } }';export{n as bh_bar_chart}

package/dist/bellhop-core/p-6a725cbe.entry.js

@@ -1 +0,0 @@
-import{r as a,c as e,h as n,H as r}from"./p-CTHvNfIu.js";import{c as i,r as t}from"./p-YLeLKAYJ.js";import{m as o,M as s}from"./p-CSH9RXgl.js";import{B as b,r as l}from"./p-BNVOtH-1.js";const c="bh-banner",d=class{constructor(n){a(this,n),this.bhClose=e(this,"bhClose"),this.bhAction=e(this,"bhAction")}logger=i(c);i18nUnsubscribe;_i18nVersion=0;heading="";description="";imageSrc="";imageAlt="";variant="horizontal";showDismiss=!1;dismissAriaLabel="Dismiss banner";bhClose;bhAction;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:new Error(String(a))),o.increment(s.COMPONENT_ERROR,{component:c,error_type:a instanceof Error?a.name:"unknown"}),t(c,a)}componentWillLoad(){this.i18nUnsubscribe=b.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}handleDismiss=()=>{this.bhClose.emit()};handleActionClick=a=>{a.stopPropagation(),this.bhAction.emit({action:"primary"})};renderMedia(){return n("div",{class:"banner-media",part:"media"},this.imageSrc?n("img",{alt:this.imageAlt,class:"banner-image",part:"image",src:this.imageSrc}):n("slot",{name:"media"}))}render(){const a=!!this.imageSrc;return n(r,{key:"79fb5793d1b15cf28cb253d76a32e1b0c1901b43"},n("div",{key:"68317880f36540113c041b4a7988a0a1ba4bb905","aria-label":this.heading||"Banner",class:{banner:!0,[`banner-${this.variant}`]:!0,"banner-with-media":a},part:"container",role:"region"},a&&this.renderMedia(),n("div",{key:"dcccc9223215d053378f386e9792090241df829a",class:"banner-content",part:"content"},n("div",{key:"c359f940df031ceb027199b9078c2ec88c2e90be",class:"banner-body",part:"body"},n("div",{key:"eadb47b277801f7f3d05d6d71bb90a4a99020ae7",class:"banner-text",part:"text"},this.heading&&n("h3",{key:"56b86b6844878d151ed69164b4c2ddc39ad6ec61",class:"banner-heading",part:"heading"},this.heading),this.description&&n("p",{key:"274436012fbdb0f0b9ecf2f7e289b428f22e0309",class:"banner-description",part:"description"},this.description)),n("slot",{key:"7b619e0cfbf1326abd19ce703946ee192983b432"})),n("div",{key:"19f6c33e74e8f380d3840974479a838b123f78fa",class:"banner-actions",onClick:this.handleActionClick,part:"actions"},n("slot",{key:"c1f363a7f526006d21ed0d26dd134d623eb1583a",name:"actions"}))),this.showDismiss&&n("bh-close-button",{key:"01736b1296b1938af470f5198a72a29a009b2c94",ariaLabel:l("bh-banner","dismissAriaLabel",this.dismissAriaLabel,"Dismiss banner"),onClick:this.handleDismiss})))}};d.style='@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);--bh-banner-bg:var(--color-bg-primary);--bh-banner-border-color:var(--color-border-secondary);--bh-banner-border-radius:var(--radius-xl);--bh-banner-shadow:var(--shadow-xs);--bh-banner-heading-color:var(--color-text-primary);--bh-banner-description-color:var(--color-text-tertiary)}}@layer bh-base{.banner{display:flex;background:var(--bh-banner-bg);border:1px solid var(--bh-banner-border-color);border-radius:var(--bh-banner-border-radius);box-shadow:var(--bh-banner-shadow);overflow:clip;position:relative}.banner-content{display:flex;flex-direction:column;gap:var(--spacing-2xl);flex:1;min-width:0}.banner-body{display:flex;flex-direction:column;gap:var(--spacing-2xl);width:100%}.banner-text{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.banner-heading{font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-banner-heading-color);margin:0}.banner-description{font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-banner-description-color);margin:0}.banner-actions{display:flex;gap:var(--spacing-lg);align-items:flex-start}.banner-media{flex-shrink:0;overflow:clip}.banner-image{display:block;width:100%;height:100%;object-fit:cover}.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}}@layer bh-variants{.banner-horizontal{flex-direction:row;align-items:stretch}.banner-horizontal .banner-media{width:240px;align-self:stretch}.banner-horizontal .banner-content{padding:var(--spacing-3xl)}.banner-horizontal:not(.banner-with-media) .banner-content{padding:var(--spacing-3xl)}.banner-vertical{flex-direction:column}.banner-vertical .banner-media{width:100%;height:200px}.banner-vertical .banner-content{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-2xl)}.banner-vertical .banner-actions{flex-direction:column;width:100%}.banner-vertical .banner-actions ::slotted(*){width:100%}}';export{d as bh_banner}

package/dist/bellhop-core/p-6bfb6425.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,a,h as i,H as r}from"./p-CTHvNfIu.js";import{D as s}from"./p-gY2wiaRN.js";import{c as o,r as l}from"./p-YLeLKAYJ.js";import{c as h,a as n}from"./p-CS8F5LFw.js";import{m as c,M as d}from"./p-CSH9RXgl.js";import"./p-BNVOtH-1.js";const b=class{constructor(a){e(this,a),this.bhSearchChange=t(this,"bhSearchChange"),this.bhExport=t(this,"bhExport"),this.bhFilterBuilderToggle=t(this,"bhFilterBuilderToggle"),this.bhBatchSave=t(this,"bhBatchSave"),this.bhBatchDiscard=t(this,"bhBatchDiscard"),this.bhRefresh=t(this,"bhRefresh"),this.bhAdd=t(this,"bhAdd"),this.bhClearFilter=t(this,"bhClearFilter"),this.bhClearSelection=t(this,"bhClearSelection"),this.bhColumnChooserToggle=t(this,"bhColumnChooserToggle")}get el(){return a(this)}logger=o("bh-data-grid-toolbar");table;columns;size="default";isLoading=!1;config;enableSearch=!1;searchText="";searchPlaceholder="Search...";enableExport=!1;exportFormats=["csv"];exportConfig;batchEditingEnabled=!1;pendingChangesCount=0;filterBuilderOpen=!1;filterExpression=null;filterDescription=null;showRefreshButton=!1;showAddButton=!1;showClearFilterButton=!1;showClearSelectionButton=!1;enableColumnChooser=!1;enableFilterBuilder=!1;toolbarLabels=s;bhSearchChange;bhExport;bhFilterBuilderToggle;bhBatchSave;bhBatchDiscard;bhRefresh;bhAdd;bhClearFilter;bhClearSelection;bhColumnChooserToggle;destroy$=h();componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:new Error(String(e))),c.increment(d.COMPONENT_ERROR,{component:"bh-data-grid-toolbar",error_type:e instanceof Error?e.name:"unknown"}),l("bh-data-grid-toolbar",e)}disconnectedCallback(){n(this.destroy$)}handleExportClick(e){this.bhExport.emit({format:e})}getExportMenuItems(){const e={csv:{label:"CSV (.csv)",icon:"description"},xlsx:{label:"Excel (.xlsx)",icon:"table_chart"},json:{label:"JSON (.json)",icon:"data_object"}};return this.exportFormats.map((t=>({id:t,label:e[t].label,icon:e[t].icon})))}renderToolbarItem(e){switch(e){case"search":return this.enableSearch?i("div",{class:"data-grid-toolbar-search",key:"search"},i("bh-input-text",{leadingIcon:"search",onBhInput:e=>{this.bhSearchChange.emit({searchText:e.detail})},placeholder:this.searchPlaceholder,showLabel:!1,showLeadingIcon:!0})):null;case"export":return this.enableExport?i("div",{class:"data-grid-toolbar-export",key:"export"},1===this.exportFormats.length?i("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"download",label:this.toolbarLabels.export,onClick:()=>this.handleExportClick(this.exportFormats[0]),size:"sm"}):i("bh-dropdown",{class:"data-grid-export-dropdown",iconName:"download",label:this.toolbarLabels.export,menuItems:this.getExportMenuItems(),onBhItemClick:e=>this.handleExportClick(e.detail.id),size:"sm",variant:"outlined"})):null;case"column-chooser":return this.enableColumnChooser?i("div",{class:"data-grid-toolbar-column-chooser",key:"column-chooser"},i("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"view_column",label:this.toolbarLabels.chooseColumns,onClick:()=>this.bhColumnChooserToggle.emit(),size:"sm"})):null;case"refresh":return this.showRefreshButton?i("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"refresh",key:"refresh",label:this.toolbarLabels.refresh,onClick:()=>this.bhRefresh.emit(),size:"sm"}):null;case"add":return this.showAddButton?i("bh-button",{hierarchy:"primary",icon:"leading",iconName:"add",key:"add",label:this.toolbarLabels.addNewRow,onClick:()=>this.bhAdd.emit(),size:"sm"}):null;case"clear-filter":return this.showClearFilterButton?i("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"filter_alt_off",key:"clear-filter",label:this.toolbarLabels.clearAllFilters,onClick:()=>this.bhClearFilter.emit(),size:"sm"}):null;case"clear-selection":return this.showClearSelectionButton?i("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"deselect",key:"clear-selection",label:this.toolbarLabels.clearSelection,onClick:()=>this.bhClearSelection.emit(),size:"sm"}):null;case"filter-builder":return this.enableFilterBuilder?i("div",{class:"data-grid-toolbar-filter-builder",key:"filter-builder"},i("bh-button",{hierarchy:this.filterExpression?"primary":"secondary",icon:"leading",iconName:"filter_list",label:this.filterExpression?this.toolbarLabels.editFilter:this.toolbarLabels.filter,onClick:()=>this.bhFilterBuilderToggle.emit(),size:"sm"}),this.filterDescription&&i("div",{class:"data-grid-filter-display"},this.filterDescription.parts.map(((e,t)=>i("span",{class:"data-grid-filter-part","data-type":e.type,key:t},e.text))))):null;default:return null}}renderBatchActions(){return this.batchEditingEnabled&&0!==this.pendingChangesCount?i("div",{class:"data-grid-toolbar-batch-actions"},i("span",{class:"data-grid-batch-count"},i("bh-badge",{size:"sm",variant:"warning"},this.pendingChangesCount),i("span",{class:"data-grid-batch-label"},"pending changes")),i("div",{class:"data-grid-batch-buttons"},i("bh-button",{hierarchy:"primary",icon:"leading",iconName:"save",label:this.toolbarLabels.saveAll,onClick:()=>this.bhBatchSave.emit(),size:"sm"}),i("bh-button",{hierarchy:"secondary",icon:"leading",iconName:"undo",label:this.toolbarLabels.revertAll,onClick:()=>this.bhBatchDiscard.emit(),size:"sm"}))):null}renderDefaultItems(e,t){return(e??t).map((e=>this.renderToolbarItem(e)))}render(){const e=this.enableFilterBuilder?["search","filter-builder"]:["search"],t=this.config?.leftItems??e,a=this.config?.centerItems??[],s=this.config?.rightItems??["export","column-chooser"],o=this.batchEditingEnabled&&this.pendingChangesCount>0;return i(r,{key:"f9a6f3725c191dca8f3e6b2bbab6fc14d30e244b"},i("div",{key:"e1027fb17b3187599baf62449a665791923af76d",class:{"data-grid-toolbar":!0,"data-grid-toolbar-batch-mode":o,[`data-grid-toolbar-${this.size}`]:!0,[this.config?.cssClass??""]:!!this.config?.cssClass},part:"toolbar"},i("div",{key:"844b7b4f05dff77805b0b3d8790ac2886332e97a",class:"data-grid-toolbar-left",part:"toolbar-left"},i("slot",{key:"9627679104269509980df20eae32a99d9e803c5e",name:"toolbar-left"},this.renderDefaultItems(t,e))),i("div",{key:"258d8568e00beb27df742f534d0f2eb6b42033d8",class:"data-grid-toolbar-center",part:"toolbar-center"},i("slot",{key:"3463374051889eabc2351d25d88ec060ad2ff714",name:"toolbar-center"},this.renderDefaultItems(a,[]))),i("div",{key:"633e92c03280fef90d69b18c756949b18bb7639f",class:"data-grid-toolbar-right",part:"toolbar-right"},i("slot",{key:"2f88cb9956e5402f7737e0978295c6e71ce23e47",name:"toolbar-right"},o?this.renderBatchActions():this.renderDefaultItems(s,["export","column-chooser"])))))}};export{b as bh_data_grid_toolbar}

package/dist/bellhop-core/p-6c4eb165.entry.js

@@ -1 +0,0 @@
-import{r as e,c as t,h as i,H as a}from"./p-CTHvNfIu.js";import{c as s}from"./p-YLeLKAYJ.js";import{c as r}from"./p-Dn-MvAk9.js";import"./p-CSH9RXgl.js";const c="bh-guided-checklist",o=class{constructor(i){e(this,i),this.bhOpen=t(this,"bhOpen"),this.bhClose=t(this,"bhClose"),this.bhTaskStart=t(this,"bhTaskStart")}logger=s(c);_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=r({componentName:c,logger:this.logger})),this._errorHandler}config;taskGroups=[];open=!1;fabIcon="rocket_launch";overlay=!1;bhOpen;bhClose;bhTaskStart;componentDidCatch(e){this.handleComponentError(e)}handleGroupToggle(e){e.stopPropagation()}get parsedConfig(){if(this.config){if("string"==typeof this.config)try{return JSON.parse(this.config)}catch{return}return this.config}}get parsedTaskGroups(){if("string"==typeof this.taskGroups)try{return JSON.parse(this.taskGroups)}catch{return[]}return this.taskGroups||[]}handleTriggerClick=()=>{this.open=!this.open,this.open?this.bhOpen.emit():this.bhClose.emit()};handleClose=()=>{this.open&&(this.open=!1,this.bhClose.emit())};handlePanelClose=e=>{e.stopPropagation(),this.handleClose()};render(){const e=this.parsedConfig,t=this.parsedTaskGroups;return i(a,{key:"451ef1547207acdf126672c4d109549bafe7564e"},i("div",{key:"12c3edffe25242655d8ce8dc52de1ba4c07aeaa6",class:"checklist-trigger",onClick:this.handleTriggerClick},i("slot",{key:"01a6e60a1f1d3a63056c6155b08dce1e7a65588b",name:"trigger"},i("bh-fab",{key:"14cedb0464ea71b6a5e270986007c84a2c6d3cbd",ariaLabel:this.open?"Close guided checklist":"Open guided checklist",iconName:this.fabIcon,size:"lg"}))),i("bh-side-panel",{key:"9363b7cf7d2e341d5a41ac9c1b0c8fa3cc2593df",closeOnEsc:!0,onBhClose:this.handlePanelClose,overlay:this.overlay,panelTitle:e?.title??"Guided Checklist",placement:"bottom-right",style:{"--bh-panel-floating-margin":"24px 24px 88px 24px"},variant:"floating",visible:this.open,width:"lg"},i("div",{key:"a392758c11584364528a4e7ca506bc0e1834c1c3",class:"checklist-header",slot:"header"},i("div",{key:"7e0edac25d02848ea8adcaf84827b959d79207c2",class:"checklist-header-top"},e?.logoSrc&&i("img",{key:"9dde74fe3d0b7a440a5a469e3ab47fedfc7c7488",alt:e.logoAlt??"",class:"checklist-logo",src:e.logoSrc}),i("bh-close-button",{key:"a254886b2ec7544c649f161164d0473c615c3326",ariaLabel:"Close",onClick:this.handleClose})),e&&i("div",{key:"60e57c86124aa9c3b2ab92fa9babb07bf7d612c7",class:"checklist-header-text"},i("h3",{key:"1ffa1a9f9a37ff8f001f0b305ce3ec443ef57201",class:"checklist-title"},e.title),e.description&&i("p",{key:"a8cd35a5e61127fe13b574b9c3d10f89a967959c",class:"checklist-description"},e.description))),i("div",{key:"1fd34d34b9de8219baddf18ef40e40926cf8b26a",class:"checklist-body"},t.map((e=>i("bh-checklist-task-group",{group:e,key:e.id}))))))}};o.style='@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-states,bh-utilities; @layer bh-tokens{:host{display:block;font-family:var(--font-inter);--bh-checklist-title-color:var(--color-text-primary);--bh-checklist-description-color:var(--color-text-secondary)}}@layer bh-base{.checklist-trigger{position:fixed;bottom:var(--spacing-3xl);right:var(--spacing-3xl);z-index:var(--bh-z-index-popover);display:inline-flex;cursor:pointer}.checklist-header{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-4xl) var(--spacing-4xl) 0}.checklist-header-top{display:flex;align-items:flex-start;justify-content:space-between}.checklist-logo{width:56px;height:56px;object-fit:contain}.checklist-header-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.checklist-title{margin:0;font-size:var(--text-lg-size);font-weight:var(--weight-semibold);line-height:var(--text-lg-line);color:var(--bh-checklist-title-color)}.checklist-description{margin:0;font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line-height);color:var(--bh-checklist-description-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.checklist-body{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-4xl) var(--spacing-4xl);overflow-y:auto}.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}}@layer bh-utilities{.checklist-body{scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}.checklist-body::-webkit-scrollbar{width:4px}.checklist-body::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-xs)}.checklist-body::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-xs)}.checklist-body::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}}';export{o as bh_guided_checklist}