@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/components/bh-multi-select.js

@@ -1 +1 @@
-import{p as e,H as t,c as i,h as s,d as r,t as o}from"./p-YZi6LqIt.js";import{d as a}from"./p-B7i48CAz.js";import{d as n}from"./p-Bk-ipvH3.js";import{d as l}from"./p-cD3vmu49.js";import{d as h}from"./p-B2KPN863.js";import{d as c}from"./p-BbPrWlsw.js";import{d}from"./p-CVSRqFZ0.js";import{d as m}from"./p-Bf_iTZDv.js";import{c as b,a as u}from"./p-CqAYzGVs.js";import{c as p,h as f}from"./p-C4V7Y6N_.js";import{c as g,r as v}from"./p-BJXjqxlX.js";import{c as x}from"./p-Dmpif9C-.js";import{c as y}from"./p-YdVz1TeW.js";import{B as w,r as k}from"./p-BNVOtH-1.js";import{v as z}from"./p-DlPm3fIV.js";import{c as I}from"./p-CFlb5gKI.js";import{c as C}from"./p-B93zYxiE.js";import{K as j}from"./p-zdFuIabL.js";import{a as S}from"./p-BqJRACkO.js";import{Z as O}from"./p-BoVgy_Ao.js";const B=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=i(this,"bhChange"),this.bhOpen=i(this,"bhOpen"),this.bhClose=i(this,"bhClose"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur"),this.internals=this.attachInternals()}get el(){return this}internals;triggerRef;menuRef;positioner;dismissalManager;destroy$=b();navState=p();logger=g("bh-multi-select");i18nUnsubscribe;_i18nVersion=0;_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=x({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=y();focusVersion=0;menuWidth=0;bhChange;bhOpen;bhClose;bhFocus;bhBlur;componentDidCatch(e){this.handleComponentError(e)}componentWillLoad(){this.i18nUnsubscribe=w.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.syncFormValue()}disconnectedCallback(){this.dismissalManager?.destroy(),this.cleanupFloating(),u(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=p()):(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=z(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=z(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=I(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 C(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){v("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===j.ARROW_DOWN||e.key===j.ARROW_UP?(e.preventDefault(),void(this.isOpen||(this.isOpen=!0,this.bhOpen.emit()))):void(S(e)&&(e.preventDefault(),this.toggleMenu()))};handleMenuKeyDown=e=>{const t=this.parsedOptions.filter((e=>!(e.disabled||e.divider))),i=f(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=this.isOpen?{position:"fixed",left:this.menuPosition.x+"px",top:this.menuPosition.y+"px",zIndex:O.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":this.isOpen+"","aria-haspopup":"listbox","aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,class:{"multi-select-trigger":!0,"trigger-focused":this.focusState.isFocused||this.isOpen,"trigger-error":this.error,"trigger-disabled":this.disabled},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"},0===this.selectedItems.length&&s("span",{key:"7c7464da9f0e6e407b009c69ee9da50b26e1441d",class:"multi-select-placeholder"},k("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:i},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":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}]}}static get style(){return"@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities;  @layer bh-tokens {   :host {     display: block;     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);     }   } }"}},[577,"bh-multi-select",{label:[1],placeholder:[1],hintText:[1,"hint-text"],showLabel:[4,"show-label"],showHintText:[4,"show-hint-text"],size:[1],options:[1],selectedIds:[1025,"selected-ids"],defaultSelectedIds:[1,"default-selected-ids"],disabled:[4],error:[4],required:[4],name:[1],maxVisibleTags:[2,"max-visible-tags"],showIcons:[4,"show-icons"],width:[1],_i18nVersion:[32],isOpen:[32],menuPosition:[32],focusVersion:[32],menuWidth:[32]},void 0,{isOpen:[{handleOpenChange:0}],selectedIds:[{handleSelectedIdsChange:0}]}]),E=B,D=function(){"undefined"!=typeof customElements&&["bh-multi-select","bh-avatar","bh-badge-dot","bh-button-icon","bh-label","bh-loader-spinner","bh-tag","bh-tooltip"].forEach((e=>{switch(e){case"bh-multi-select":customElements.get(o(e))||customElements.define(o(e),B);break;case"bh-avatar":customElements.get(o(e))||a();break;case"bh-badge-dot":customElements.get(o(e))||n();break;case"bh-button-icon":customElements.get(o(e))||l();break;case"bh-label":customElements.get(o(e))||h();break;case"bh-loader-spinner":customElements.get(o(e))||c();break;case"bh-tag":customElements.get(o(e))||d();break;case"bh-tooltip":customElements.get(o(e))||m()}}))};export{E as BhMultiSelect,D as defineCustomElement}
+import{p as e,H as t,c as i,h as s,d as r,t as o}from"./p-YZi6LqIt.js";import{d as a}from"./p-DJlRFgcj.js";import{d as n}from"./p-Be6mIKzo.js";import{d as l}from"./p-CClVva-u.js";import{d as h}from"./p-C7fkgBQS.js";import{d as c}from"./p-BbPrWlsw.js";import{d}from"./p-DjpXtbw8.js";import{d as m}from"./p-D6aw0IK6.js";import{c as b,a as u}from"./p-CqAYzGVs.js";import{c as p,h as f}from"./p-C4V7Y6N_.js";import{c as g,r as v}from"./p-BJXjqxlX.js";import{c as x}from"./p-Dmpif9C-.js";import{c as y}from"./p-YdVz1TeW.js";import{B as w,r as k}from"./p-BNVOtH-1.js";import{v as z}from"./p-DlPm3fIV.js";import{c as I}from"./p-CFlb5gKI.js";import{c as C}from"./p-B93zYxiE.js";import{K as j}from"./p-zdFuIabL.js";import{a as S}from"./p-BqJRACkO.js";import{Z as O}from"./p-BoVgy_Ao.js";const E=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=i(this,"bhChange"),this.bhOpen=i(this,"bhOpen"),this.bhClose=i(this,"bhClose"),this.bhFocus=i(this,"bhFocus"),this.bhBlur=i(this,"bhBlur"),this.internals=this.attachInternals()}get el(){return this}internals;triggerRef;menuRef;positioner;dismissalManager;destroy$=b();navState=p();logger=g("bh-multi-select");i18nUnsubscribe;_i18nVersion=0;_errorHandler;get handleComponentError(){return this._errorHandler||(this._errorHandler=x({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=y();focusVersion=0;menuWidth=0;bhChange;bhOpen;bhClose;bhFocus;bhBlur;componentDidCatch(e){this.handleComponentError(e)}componentWillLoad(){this.i18nUnsubscribe=w.onLocaleChange((()=>{this._i18nVersion++}))}componentDidLoad(){this.focusState.onChange((()=>{this.focusVersion++})),this.syncFormValue()}disconnectedCallback(){this.dismissalManager?.destroy(),this.cleanupFloating(),u(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=p()):(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=z(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=z(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=I(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 C(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){v("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===j.ARROW_DOWN||e.key===j.ARROW_UP?(e.preventDefault(),void(this.isOpen||(this.isOpen=!0,this.bhOpen.emit()))):void(S(e)&&(e.preventDefault(),this.toggleMenu()))};handleMenuKeyDown=e=>{const t=this.parsedOptions.filter((e=>!(e.disabled||e.divider))),i=f(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=this.isOpen?{position:"fixed",left:this.menuPosition.x+"px",top:this.menuPosition.y+"px",zIndex:O.POPOVER+"",width:this.menuWidth>0?this.menuWidth+"px":void 0}:{display:"none"};return s(r,{key:"990847a23d2ea4fe16329c20bfff07f635c290c0",style:{width:this.width}},s("div",{key:"7ef3db32f8c7e59c5695f93e6f776d24e42c1fb4",class:"multi-select-wrapper"},s("bh-label",{key:"f35e268c9a1e4400ff6ea9e4f49f390fbdd30d62",disabled:this.disabled,label:this.showLabel?this.label:"",required:this.required},s("div",{key:"4d550a56e60fafb275b7b01c719bc2e9dc1c7d97","aria-describedby":this.showHintText&&this.hintText?"hint-text":void 0,"aria-expanded":this.isOpen+"","aria-haspopup":"listbox","aria-invalid":this.error?"true":void 0,"aria-required":this.required?"true":void 0,class:{"multi-select-trigger":!0,"trigger-focused":this.focusState.isFocused||this.isOpen,"trigger-error":this.error,"trigger-disabled":this.disabled},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:"23fc0d98f7a295fda1e96878afee8b39149df5ad",class:"multi-select-tag-flow"},0===this.selectedItems.length&&s("span",{key:"e4cab50d03f4473c4d2c4601b3bb294358bc70b3",class:"multi-select-placeholder"},k("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:"d85f22c4406ec3cd03b928ec646ef20560da5f91",disabled:this.disabled,dismissible:!1,label:"+"+t,size:"sm",variant:"text-only"})),s("span",{key:"0e53b1e5a6cbbec0b02feda1220549c10137c3dc",class:{"material-symbols-outlined":!0,"trigger-icon":!0,"trigger-icon-open":this.isOpen}},"expand_more"))),this.showHintText&&this.hintText&&s("div",{key:"70aa346ae406eee4ee38aee041d82ed6eeb8bc71",class:{"hint-text":!0,"hint-error":this.error},id:"hint-text"},this.hintText),s("div",{key:"3754877af6eff5b74cb46543ccf28d5ceb6ebe98",class:{"multi-select-menu":!0,"animate-menu-enter":this.isOpen},onKeyDown:this.handleMenuKeyDown,part:"menu",ref:e=>this.menuRef=e,role:"listbox",style:i},s("div",{key:"ea327f893e4a479aafb40028f84490c6fe460916",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":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}]}}static get style(){return"@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities;  @layer bh-tokens {   :host {     display: block;     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);     }   } }"}},[577,"bh-multi-select",{label:[1],placeholder:[1],hintText:[1,"hint-text"],showLabel:[4,"show-label"],showHintText:[4,"show-hint-text"],size:[1],options:[1],selectedIds:[1025,"selected-ids"],defaultSelectedIds:[1,"default-selected-ids"],disabled:[4],error:[4],required:[4],name:[1],maxVisibleTags:[2,"max-visible-tags"],showIcons:[4,"show-icons"],width:[1],_i18nVersion:[32],isOpen:[32],menuPosition:[32],focusVersion:[32],menuWidth:[32]},void 0,{isOpen:[{handleOpenChange:0}],selectedIds:[{handleSelectedIdsChange:0}]}]),D=E,B=function(){"undefined"!=typeof customElements&&["bh-multi-select","bh-avatar","bh-badge-dot","bh-button-icon","bh-label","bh-loader-spinner","bh-tag","bh-tooltip"].forEach((e=>{switch(e){case"bh-multi-select":customElements.get(o(e))||customElements.define(o(e),E);break;case"bh-avatar":customElements.get(o(e))||a();break;case"bh-badge-dot":customElements.get(o(e))||n();break;case"bh-button-icon":customElements.get(o(e))||l();break;case"bh-label":customElements.get(o(e))||h();break;case"bh-loader-spinner":customElements.get(o(e))||c();break;case"bh-tag":customElements.get(o(e))||d();break;case"bh-tooltip":customElements.get(o(e))||m()}}))};export{D as BhMultiSelect,B as defineCustomElement}

package/components/bh-nav-item.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-CWY9YV_9.js";const p=o,r=s;export{p as BhNavItem,r as defineCustomElement}
+import{B as o,d as s}from"./p-DGWzDn9Y.js";const p=o,r=s;export{p as BhNavItem,r as defineCustomElement}

package/components/bh-notification-center.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface BhNotificationCenter extends Components.BhNotificationCenter, HTMLElement {}
+export const BhNotificationCenter: {
+    prototype: BhNotificationCenter;
+    new (): BhNotificationCenter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/bh-notification-center.js

@@ -0,0 +1 @@
+import{B as s,d as o}from"./p-CvsupUaF.js";const p=s,a=o;export{p as BhNotificationCenter,a as defineCustomElement}

package/components/bh-page-header.js

@@ -1 +1 @@
-import{p as a,H as e,c as r,h as t,d as i,t as n}from"./p-YZi6LqIt.js";import{d as s}from"./p-B7i48CAz.js";import{d as h}from"./p-i7ZvTRXV.js";import{d as o}from"./p-cD3vmu49.js";import{d}from"./p-BbPrWlsw.js";import{c,m as l,M as p,r as b}from"./p-BJXjqxlX.js";const g="bh-page-header",v=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=r(this,"bhItemClick")}logger=c(g);heading="";supportingText="";variant="simple";avatarSrc="";avatarAlt="";bannerSrc="";showBreadcrumbs=!0;showDivider=!0;showSearch=!0;breadcrumbItems=[];bhItemClick;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:Error(a+"")),l.increment(p.COMPONENT_ERROR,{component:g,error_type:a instanceof Error?a.name:"unknown"}),b(g,a)}get isBanner(){return this.variant.startsWith("banner")}get isCentered(){return this.variant.endsWith("centered")}get hasAvatar(){return"avatar"===this.variant||"banner-avatar"===this.variant||"banner-avatar-centered"===this.variant}renderBannerImage(){return this.isBanner?t("div",{class:"banner-image-wrap"},this.bannerSrc?t("img",{alt:"",class:"banner-image",loading:"lazy",src:this.bannerSrc}):t("div",{class:"banner-image-placeholder"})):null}renderAvatar(){return this.hasAvatar?t("div",{class:"avatar-wrap"},t("bh-avatar",{alt:this.avatarAlt||this.heading,imageSrc:this.avatarSrc,size:"avatar"===this.variant?"lg":"2xl",variant:this.avatarSrc?"image":"placeholder"})):null}renderHeadingContent(){return t("div",{class:"text-content"},this.heading&&t("h1",{class:"heading",part:"heading"},this.heading),this.supportingText&&t("p",{class:"supporting-text",part:"supporting-text"},this.supportingText))}renderActions(){return t("div",{class:"actions",part:"actions"},t("slot",{name:"actions"}))}renderSearch(){return this.showSearch?t("div",{class:"search-slot",part:"search"},t("slot",{name:"search"})):null}renderBreadcrumbs(){return this.showBreadcrumbs?t("div",{class:"breadcrumbs-slot",part:"breadcrumbs"},this.breadcrumbItems.length>0?t("bh-breadcrumbs",{items:this.breadcrumbItems,onBhItemClick:a=>this.bhItemClick.emit(a.detail),showHome:!0}):t("slot",{name:"breadcrumbs"})):null}renderDivider(){return this.showDivider?t("div",{class:"divider",part:"divider"}):null}renderTabs(){return t("div",{class:"tabs-slot",part:"tabs"},t("slot",{name:"tabs"}))}renderVariantContent(){switch(this.variant){case"banner-avatar":return t("div",{class:"avatar-and-content"},this.renderAvatar(),t("div",{class:"content-beside-avatar"},this.renderBreadcrumbs(),t("div",{class:"heading-row"},this.renderHeadingContent(),this.renderActions(),this.renderSearch())));case"banner-avatar-centered":return t("div",{class:"centered-content"},this.renderAvatar(),this.renderHeadingContent(),this.renderActions(),this.renderSearch(),this.renderBreadcrumbs());case"banner-simple-centered":return t("div",{class:"centered-content"},this.renderBreadcrumbs(),this.renderHeadingContent(),this.renderActions(),this.renderSearch());case"banner-simple":return t("div",{class:"content-block"},this.renderBreadcrumbs(),t("div",{class:"heading-row"},this.renderHeadingContent(),this.renderActions(),this.renderSearch()));case"avatar":return t("div",{class:"heading-row"},t("div",{class:"avatar-inline"},this.renderAvatar(),this.renderHeadingContent()),this.renderActions(),this.renderSearch());default:return t("div",{class:"heading-row"},this.renderHeadingContent(),this.renderActions(),this.renderSearch())}}render(){return t(i,{key:"d7b1e860bb40680faab346629adf834e8b5348f8","aria-label":this.heading||"Page header",role:"banner"},t("div",{key:"8cfbc1e96f504301d2cd5e1f891314f1ea389e5d",class:{"page-header":!0,["variant-"+this.variant]:!0,"is-banner":this.isBanner,"is-centered":this.isCentered,"has-avatar":this.hasAvatar},part:"base"},this.renderBannerImage(),t("div",{key:"c87b684268591133efccc1e342888cec21e3b453",class:"container"},!this.isBanner&&this.renderBreadcrumbs(),this.renderVariantContent(),this.renderTabs(),this.renderDivider())))}static get style(){return'@charset "UTF-8";  :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;     --bh-page-header-bg: var(--color-bg-primary);     --bh-page-header-heading-color: var(--color-text-primary);     --bh-page-header-supporting-color: var(--color-text-tertiary);     --bh-page-header-divider-color: var(--color-border-secondary);     --bh-page-header-banner-height: 240px;     --bh-page-header-banner-height-mobile: 160px;     --bh-page-header-avatar-size: 160px;     --bh-page-header-avatar-size-mobile: 96px;     --bh-page-header-avatar-border-color: var(--color-white);     --bh-page-header-container-padding: var(--spacing-4xl);     --bh-page-header-container-padding-mobile: var(--spacing-xl);   } } @layer bh-base {   .page-header {     display: flex;     flex-direction: column;     align-items: stretch;     width: 100%;     font-family: var(--font-inter);   }   .container {     display: flex;     flex-direction: column;     gap: var(--spacing-2xl);     width: 100%;     max-width: var(--sp-320);      margin: 0 auto;     padding: 0 var(--bh-page-header-container-padding);     box-sizing: border-box;   }      .banner-image-wrap {     width: 100%;     height: var(--bh-page-header-banner-height);     overflow: hidden;     position: relative;   }   .banner-image {     width: 100%;     height: 100%;     object-fit: cover;     display: block;   }   .banner-image-placeholder {     width: 100%;     height: 100%;     background: linear-gradient(135deg, var(--color-brand-400), var(--color-accent-400));   }      .avatar-wrap {     flex-shrink: 0;   }   .avatar-wrap bh-avatar {          --avatar-size-2xl: var(--bh-page-header-avatar-size);     display: block;     border: 4px solid var(--bh-page-header-avatar-border-color);     border-radius: var(--radius-full);     box-shadow: var(--shadow-lg);   }   .avatar-wrap {        }   .avatar-wrap bh-avatar::part(border) {     border: 1px solid var(--border-contrast-medium);   }      .avatar-inline bh-avatar {     border: none;     box-shadow: none;   }      .text-content {     display: flex;     flex-direction: column;     gap: var(--spacing-xs);     min-width: 0;   }   .heading {     margin: 0;     font-family: var(--font-inter);     font-weight: var(--weight-medium);     font-size: var(--display-xs-size);     line-height: var(--text-2xl-line);     color: var(--bh-page-header-heading-color);   }   .supporting-text {     margin: 0;     font-family: var(--font-inter);     font-weight: var(--weight-regular);     font-size: var(--text-sm-size);     line-height: var(--text-sm-line);     color: var(--bh-page-header-supporting-color);   }      .heading-row {     display: flex;     flex-wrap: wrap;     align-items: flex-start;     gap: var(--spacing-2xl) var(--spacing-xl);     width: 100%;   }   .heading-row > .text-content {     flex: 1 0 0;     min-width: 320px;   }   .actions {     display: flex;     align-items: center;     gap: var(--spacing-lg);     flex-shrink: 0;   }   .search-slot {     flex-shrink: 0;   }   .breadcrumbs-slot {     display: flex;   }   .tabs-slot {     display: contents;   }      .divider {     width: 100%;     height: 1px;     background: var(--bh-page-header-divider-color);   }      .content-block {     display: flex;     flex-direction: column;     gap: var(--spacing-2xl);     padding-top: var(--spacing-3xl);   }      .avatar-inline {     display: flex;     align-items: center;     gap: var(--spacing-2xl);     flex: 1 0 0;     min-width: 320px;   }   .avatar-inline .avatar-photo {     width: var(--bh-avatar-size-lg);     height: var(--bh-avatar-size-lg);     box-shadow: none;     border-width: 0;   }      .avatar-and-content {     display: flex;     gap: var(--spacing-3xl);     align-items: flex-start;     width: 100%;   }   .avatar-and-content > .avatar-wrap {     margin-top: calc(-1 * var(--spacing-5xl));   }   .content-beside-avatar {     display: flex;     flex-direction: column;     flex: 1 0 0;     min-width: 0;     gap: var(--spacing-2xl);     padding-top: var(--spacing-7xl);   }      .centered-content {     display: flex;     flex-direction: column;     align-items: center;     gap: var(--spacing-2xl);     text-align: center;   }   .centered-content .text-content {     max-width: 640px;     align-items: center;   }   .centered-content > .avatar-wrap {     margin-top: calc(-1 * var(--spacing-7xl));   } } @layer bh-variants {      :host([variant=banner-avatar]) .banner-image-wrap {     margin-bottom: calc(-1 * var(--spacing-5xl));   }   :host([variant=banner-avatar-centered]) .banner-image-wrap {     margin-bottom: calc(-1 * var(--spacing-7xl));   }   :host([variant=banner-avatar-centered]) .container {     padding-bottom: 0;   } } @layer bh-utilities {   @media (max-width: 768px) {     .container {       padding: 0 var(--bh-page-header-container-padding-mobile);       gap: var(--spacing-xl);     }     .banner-image-wrap {       height: var(--bh-page-header-banner-height-mobile);     }     .avatar-wrap bh-avatar {       --avatar-size-2xl: var(--bh-page-header-avatar-size-mobile);     }     .heading-row > .text-content {       min-width: 0;     }     .avatar-inline {       min-width: 0;     }     .heading-row {       flex-direction: column;       gap: var(--spacing-xl);     }     .content-block {       padding-top: 0;     }   } }'}},[769,"bh-page-header",{heading:[1],supportingText:[1,"supporting-text"],variant:[513],avatarSrc:[1,"avatar-src"],avatarAlt:[1,"avatar-alt"],bannerSrc:[1,"banner-src"],showBreadcrumbs:[4,"show-breadcrumbs"],showDivider:[4,"show-divider"],showSearch:[4,"show-search"],breadcrumbItems:[16]}]),m=v,x=function(){"undefined"!=typeof customElements&&["bh-page-header","bh-avatar","bh-breadcrumbs","bh-button-icon","bh-loader-spinner"].forEach((a=>{switch(a){case"bh-page-header":customElements.get(n(a))||customElements.define(n(a),v);break;case"bh-avatar":customElements.get(n(a))||s();break;case"bh-breadcrumbs":customElements.get(n(a))||h();break;case"bh-button-icon":customElements.get(n(a))||o();break;case"bh-loader-spinner":customElements.get(n(a))||d()}}))};export{m as BhPageHeader,x as defineCustomElement}
+import{p as a,H as e,c as r,h as t,d as i,t as n}from"./p-YZi6LqIt.js";import{d as s}from"./p-DJlRFgcj.js";import{d as h}from"./p-DKWhUGrV.js";import{d as o}from"./p-CClVva-u.js";import{d}from"./p-BbPrWlsw.js";import{c as l,m as c,M as p,r as b}from"./p-BJXjqxlX.js";const g="bh-page-header",v=a(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=r(this,"bhItemClick")}logger=l(g);heading="";supportingText="";variant="simple";avatarSrc="";avatarAlt="";bannerSrc="";showBreadcrumbs=!0;showDivider=!0;showSearch=!0;breadcrumbItems=[];bhItemClick;componentDidCatch(a){this.logger.error("Component error caught",a instanceof Error?a:Error(a+"")),c.increment(p.COMPONENT_ERROR,{component:g,error_type:a instanceof Error?a.name:"unknown"}),b(g,a)}get isBanner(){return this.variant.startsWith("banner")}get isCentered(){return this.variant.endsWith("centered")}get hasAvatar(){return"avatar"===this.variant||"banner-avatar"===this.variant||"banner-avatar-centered"===this.variant}renderBannerImage(){return this.isBanner?t("div",{class:"banner-image-wrap"},this.bannerSrc?t("img",{alt:"",class:"banner-image",loading:"lazy",src:this.bannerSrc}):t("div",{class:"banner-image-placeholder"})):null}renderAvatar(){return this.hasAvatar?t("div",{class:"avatar-wrap"},t("bh-avatar",{alt:this.avatarAlt||this.heading,imageSrc:this.avatarSrc,size:"avatar"===this.variant?"lg":"2xl",variant:this.avatarSrc?"image":"placeholder"})):null}renderHeadingContent(){return t("div",{class:"text-content"},this.heading&&t("h1",{class:"heading",part:"heading"},this.heading),this.supportingText&&t("p",{class:"supporting-text",part:"supporting-text"},this.supportingText))}renderActions(){return t("div",{class:"actions",part:"actions"},t("slot",{name:"actions"}))}renderSearch(){return this.showSearch?t("div",{class:"search-slot",part:"search"},t("slot",{name:"search"})):null}renderBreadcrumbs(){return this.showBreadcrumbs?t("div",{class:"breadcrumbs-slot",part:"breadcrumbs"},this.breadcrumbItems.length>0?t("bh-breadcrumbs",{items:this.breadcrumbItems,onBhItemClick:a=>this.bhItemClick.emit(a.detail),showHome:!0}):t("slot",{name:"breadcrumbs"})):null}renderDivider(){return this.showDivider?t("div",{class:"divider",part:"divider"}):null}renderTabs(){return t("div",{class:"tabs-slot",part:"tabs"},t("slot",{name:"tabs"}))}renderVariantContent(){switch(this.variant){case"banner-avatar":return t("div",{class:"avatar-and-content"},this.renderAvatar(),t("div",{class:"content-beside-avatar"},this.renderBreadcrumbs(),t("div",{class:"heading-row"},this.renderHeadingContent(),this.renderActions(),this.renderSearch())));case"banner-avatar-centered":return t("div",{class:"centered-content"},this.renderAvatar(),this.renderHeadingContent(),this.renderActions(),this.renderSearch(),this.renderBreadcrumbs());case"banner-simple-centered":return t("div",{class:"centered-content"},this.renderBreadcrumbs(),this.renderHeadingContent(),this.renderActions(),this.renderSearch());case"banner-simple":return t("div",{class:"content-block"},this.renderBreadcrumbs(),t("div",{class:"heading-row"},this.renderHeadingContent(),this.renderActions(),this.renderSearch()));case"avatar":return t("div",{class:"heading-row"},t("div",{class:"avatar-inline"},this.renderAvatar(),this.renderHeadingContent()),this.renderActions(),this.renderSearch());default:return t("div",{class:"heading-row"},this.renderHeadingContent(),this.renderActions(),this.renderSearch())}}render(){return t(i,{key:"62d3783612c4c884eb25afb83fcbacbabc419e32","aria-label":this.heading||"Page header",role:"banner"},t("div",{key:"b1760099f2852fa0893576ee95ad07ee27d8747f",class:{"page-header":!0,["variant-"+this.variant]:!0,"is-banner":this.isBanner,"is-centered":this.isCentered,"has-avatar":this.hasAvatar},part:"base"},this.renderBannerImage(),t("div",{key:"c1e4eb847e4b97fa8c7fb73bd06944e0c3916c4d",class:"container"},!this.isBanner&&this.renderBreadcrumbs(),this.renderVariantContent(),this.renderTabs(),this.renderDivider())))}static get style(){return'@charset "UTF-8";  :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;     --bh-page-header-bg: var(--color-bg-primary);     --bh-page-header-heading-color: var(--color-text-primary);     --bh-page-header-supporting-color: var(--color-text-tertiary);     --bh-page-header-divider-color: var(--color-border-secondary);     --bh-page-header-banner-height: 240px;     --bh-page-header-banner-height-mobile: 160px;     --bh-page-header-avatar-size: 160px;     --bh-page-header-avatar-size-mobile: 96px;     --bh-page-header-avatar-border-color: var(--color-white);     --bh-page-header-container-padding: var(--spacing-4xl);     --bh-page-header-container-padding-mobile: var(--spacing-xl);   } } @layer bh-base {   .page-header {     display: flex;     flex-direction: column;     align-items: stretch;     width: 100%;     font-family: var(--font-inter);   }   .container {     display: flex;     flex-direction: column;     gap: var(--spacing-2xl);     width: 100%;     max-width: var(--sp-320);      margin: 0 auto;     padding: 0 var(--bh-page-header-container-padding);     box-sizing: border-box;   }      .banner-image-wrap {     width: 100%;     height: var(--bh-page-header-banner-height);     overflow: hidden;     position: relative;   }   .banner-image {     width: 100%;     height: 100%;     object-fit: cover;     display: block;   }   .banner-image-placeholder {     width: 100%;     height: 100%;     background: linear-gradient(135deg, var(--color-brand-400), var(--color-accent-400));   }      .avatar-wrap {     flex-shrink: 0;   }   .avatar-wrap bh-avatar {          --avatar-size-2xl: var(--bh-page-header-avatar-size);     display: block;     border: 4px solid var(--bh-page-header-avatar-border-color);     border-radius: var(--radius-full);     box-shadow: var(--shadow-lg);   }   .avatar-wrap {        }   .avatar-wrap bh-avatar::part(border) {     border: 1px solid var(--border-contrast-medium);   }      .avatar-inline bh-avatar {     border: none;     box-shadow: none;   }      .text-content {     display: flex;     flex-direction: column;     gap: var(--spacing-xs);     min-width: 0;   }   .heading {     margin: 0;     font-family: var(--font-inter);     font-weight: var(--weight-medium);     font-size: var(--display-xs-size);     line-height: var(--text-2xl-line);     color: var(--bh-page-header-heading-color);   }   .supporting-text {     margin: 0;     font-family: var(--font-inter);     font-weight: var(--weight-regular);     font-size: var(--text-sm-size);     line-height: var(--text-sm-line);     color: var(--bh-page-header-supporting-color);   }      .heading-row {     display: flex;     flex-wrap: wrap;     align-items: flex-start;     gap: var(--spacing-2xl) var(--spacing-xl);     width: 100%;   }   .heading-row > .text-content {     flex: 1 0 0;     min-width: 320px;   }   .actions {     display: flex;     align-items: center;     gap: var(--spacing-lg);     flex-shrink: 0;   }   .search-slot {     flex-shrink: 0;   }   .breadcrumbs-slot {     display: flex;   }   .tabs-slot {     display: contents;   }      .divider {     width: 100%;     height: 1px;     background: var(--bh-page-header-divider-color);   }      .content-block {     display: flex;     flex-direction: column;     gap: var(--spacing-2xl);     padding-top: var(--spacing-3xl);   }      .avatar-inline {     display: flex;     align-items: center;     gap: var(--spacing-2xl);     flex: 1 0 0;     min-width: 320px;   }   .avatar-inline .avatar-photo {     width: var(--bh-avatar-size-lg);     height: var(--bh-avatar-size-lg);     box-shadow: none;     border-width: 0;   }      .avatar-and-content {     display: flex;     gap: var(--spacing-3xl);     align-items: flex-start;     width: 100%;   }   .avatar-and-content > .avatar-wrap {     margin-top: calc(-1 * var(--spacing-5xl));   }   .content-beside-avatar {     display: flex;     flex-direction: column;     flex: 1 0 0;     min-width: 0;     gap: var(--spacing-2xl);     padding-top: var(--spacing-7xl);   }      .centered-content {     display: flex;     flex-direction: column;     align-items: center;     gap: var(--spacing-2xl);     text-align: center;   }   .centered-content .text-content {     max-width: 640px;     align-items: center;   }   .centered-content > .avatar-wrap {     margin-top: calc(-1 * var(--spacing-7xl));   } } @layer bh-variants {      :host([variant=banner-avatar]) .banner-image-wrap {     margin-bottom: calc(-1 * var(--spacing-5xl));   }   :host([variant=banner-avatar-centered]) .banner-image-wrap {     margin-bottom: calc(-1 * var(--spacing-7xl));   }   :host([variant=banner-avatar-centered]) .container {     padding-bottom: 0;   } } @layer bh-utilities {   @media (max-width: 768px) {     .container {       padding: 0 var(--bh-page-header-container-padding-mobile);       gap: var(--spacing-xl);     }     .banner-image-wrap {       height: var(--bh-page-header-banner-height-mobile);     }     .avatar-wrap bh-avatar {       --avatar-size-2xl: var(--bh-page-header-avatar-size-mobile);     }     .heading-row > .text-content {       min-width: 0;     }     .avatar-inline {       min-width: 0;     }     .heading-row {       flex-direction: column;       gap: var(--spacing-xl);     }     .content-block {       padding-top: 0;     }   } }'}},[769,"bh-page-header",{heading:[1],supportingText:[1,"supporting-text"],variant:[513],avatarSrc:[1,"avatar-src"],avatarAlt:[1,"avatar-alt"],bannerSrc:[1,"banner-src"],showBreadcrumbs:[4,"show-breadcrumbs"],showDivider:[4,"show-divider"],showSearch:[4,"show-search"],breadcrumbItems:[16]}]),m=v,x=function(){"undefined"!=typeof customElements&&["bh-page-header","bh-avatar","bh-breadcrumbs","bh-button-icon","bh-loader-spinner"].forEach((a=>{switch(a){case"bh-page-header":customElements.get(n(a))||customElements.define(n(a),v);break;case"bh-avatar":customElements.get(n(a))||s();break;case"bh-breadcrumbs":customElements.get(n(a))||h();break;case"bh-button-icon":customElements.get(n(a))||o();break;case"bh-loader-spinner":customElements.get(n(a))||d()}}))};export{m as BhPageHeader,x as defineCustomElement}

package/components/bh-page-navigation-child.js

@@ -1 +1 @@
-import{B as o,d as p}from"./p-DpyQ9_VL.js";const s=o,r=p;export{s as BhPageNavigationChild,r as defineCustomElement}
+import{B as o,d as s}from"./p-6tew_a-x.js";const t=o,a=s;export{t as BhPageNavigationChild,a as defineCustomElement}

package/components/bh-page-navigation-multi-level.js

@@ -1 +1 @@
-import{B as o,d as p}from"./p-CzvaS9up.js";const s=o,a=p;export{s as BhPageNavigationMultiLevel,a as defineCustomElement}
+import{B as o,d as s}from"./p-DBl9mNfN.js";const m=o,p=s;export{m as BhPageNavigationMultiLevel,p as defineCustomElement}

package/components/bh-page-navigation-single-level.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-CtaODgcw.js";const t=o,a=s;export{t as BhPageNavigationSingleLevel,a as defineCustomElement}
+import{B as o,d as r}from"./p-C_nrq7_Y.js";const s=o,p=r;export{s as BhPageNavigationSingleLevel,p as defineCustomElement}

package/components/bh-page-navigation.js

@@ -1 +1 @@
-import{p as o,H as r,c as a,h as e,d as i,t}from"./p-YZi6LqIt.js";import{d as n}from"./p-1SkDR91n.js";import{d as l}from"./p-cD3vmu49.js";import{d as s}from"./p-BbPrWlsw.js";import{d as c}from"./p-DpyQ9_VL.js";import{d as h}from"./p-CzvaS9up.js";import{d as g}from"./p-CtaODgcw.js";import{c as p,m as b,M as d,r as m}from"./p-BJXjqxlX.js";import{c as v,h as x}from"./p-C4V7Y6N_.js";import{B as u,r as f}from"./p-BNVOtH-1.js";const w=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=a(this,"bhItemClick"),this.bhToggle=a(this,"bhToggle")}get el(){return this}logger=p("bh-page-navigation");i18nUnsubscribe;_i18nVersion=0;visible=!0;navTitle="Navigation";navigationItems=[];items=[];navState=v();bhItemClick;bhToggle;componentDidCatch(o){this.logger.error("Component error caught",o instanceof Error?o:Error(o+"")),b.increment(d.COMPONENT_ERROR,{component:"bh-page-navigation",error_type:o instanceof Error?o.name:"unknown"}),m("bh-page-navigation",o)}handleNavigationItemsChange(o){this.items=[...o]}componentWillLoad(){this.items=[...this.navigationItems],this.i18nUnsubscribe=u.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}clearAllSelections(){this.items=this.items.map((o=>({...o,isActive:!1,children:o.children?.map((o=>({...o,isActive:!1})))})))}handleSingleLevelClick=o=>{this.clearAllSelections(),this.items=this.items.map((r=>r.id===o?{...r,isActive:!0}:r)),this.bhItemClick.emit({itemId:o})};handleMultiLevelToggle=o=>{this.items=this.items.map((r=>{if(r.id===o){const a=!r.isExpanded;return this.bhToggle.emit(a?{value:o,expanded:!0}:{value:o,expanded:!1}),{...r,isExpanded:a}}return r}))};handleMultiLevelChildClick=(o,r)=>{this.clearAllSelections(),this.items=this.items.map((a=>a.id===o&&a.children?{...a,children:a.children.map(((o,a)=>({...o,isActive:a===r})))}:a)),this.bhItemClick.emit({itemId:o,childIndex:r})};handleKeyDown=o=>{const r=x(o,{container:this.el?.shadowRoot??null,itemSelector:"bh-page-navigation-single-level, bh-page-navigation-multi-level",orientation:"vertical",wrapAround:!0,onFocus:o=>{this.navState={...this.navState,focusedIndex:o}},onExpand:o=>{const r=this.items[o];"expandable"!==r?.type||r.isExpanded||this.handleMultiLevelToggle(r.id)},onCollapse:o=>{const r=this.items[o];"expandable"===r?.type&&r.isExpanded&&this.handleMultiLevelToggle(r.id)}},this.navState);r!==this.navState.focusedIndex&&(this.navState={...this.navState,focusedIndex:r})};render(){return e(i,{key:"ca37f161d6ceb247769de5ef61b23e68e2f25697",onKeyDown:this.handleKeyDown},e("div",{key:"e58684263a131cc52c9540f5aae7b238a5959a5c",class:"page-navigation",part:"container"},e("div",{key:"01cbed1c6fec04062bacdc52e116d0e2b76b1e9b",class:"page-navigation-header",part:"header"},e("h2",{key:"8f209b85ca97a49e7d82a4ef83bef77c82590467",class:"page-navigation-title",part:"title"},f("bh-page-navigation","navTitle",this.navTitle,"Navigation"))),e("nav",{key:"5651c9e04507904ba30eea3b1e3f541fe3a3398a",class:"page-navigation-list",part:"list"},this.items.map((o=>"single"===o.type?e("bh-page-navigation-single-level",{icon:o.icon,isActive:o.isActive,key:o.id,label:o.label,onBhItemClick:()=>this.handleSingleLevelClick(o.id)}):e("bh-page-navigation-multi-level",{childItems:o.children||[],icon:o.icon,isExpanded:o.isExpanded,key:o.id,label:o.label,onBhChildClick:r=>this.handleMultiLevelChildClick(o.id,r.detail),onBhToggle:()=>this.handleMultiLevelToggle(o.id)})))),this.el.querySelector('[slot="bottom-button"]')&&e("div",{key:"9d8cd45a1209ad0d6f97eb66c9b3d7dbf8a3a24a",class:"page-navigation-footer",part:"footer"},e("slot",{key:"1e5c16ccaa83e9ab9c355127973ac4ae652b52d6",name:"bottom-button"}))))}static get watchers(){return{navigationItems:[{handleNavigationItemsChange:0}]}}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } }  :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;          --bh-page-navigation-bg: var(--color-bg-primary);     --bh-page-navigation-border-color: var(--color-border-secondary);     --bh-page-navigation-padding-xl: var(--spacing-xl);     --bh-page-navigation-padding-md: var(--spacing-md);     --bh-page-navigation-font-family: var(--font-inter);     --bh-page-navigation-max-width: var(--bh-page-navigation-min-width, 280px);   }      :host([visible=false]) {     display: none;   } } @layer bh-base {      .page-navigation {     width: var(--bh-page-navigation-width, 100%);     min-width: var(--bh-page-navigation-min-width, 0);     max-width: var(--bh-page-navigation-max-width);     background-color: var(--bh-page-navigation-bg);     padding: var(--bh-page-navigation-padding-xl) var(--bh-page-navigation-padding-md);     font-family: var(--bh-page-navigation-font-family);     height: 100%;     overflow-y: auto;     overflow-x: hidden;     box-sizing: border-box;     user-select: none;     display: flex;     flex-direction: column;   }   .page-navigation-header {     margin-bottom: var(--spacing-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 {     flex: 1;     display: flex;     flex-direction: column;     gap: var(--spacing-sm);   }   .page-navigation-footer {     margin-top: auto;     padding-top: var(--spacing-xl);     border-top: 1px solid var(--bh-page-navigation-border-color);   } } @layer bh-utilities {      @media (max-width: 768px) {     .page-navigation {       width: var(--bh-page-navigation-min-width);       min-width: var(--bh-page-navigation-min-width);     }   } }'}},[769,"bh-page-navigation",{visible:[516],navTitle:[1,"nav-title"],navigationItems:[16],_i18nVersion:[32],items:[32]},void 0,{navigationItems:[{handleNavigationItemsChange:0}]}]),y=w,k=function(){"undefined"!=typeof customElements&&["bh-page-navigation","bh-badge","bh-button-icon","bh-loader-spinner","bh-page-navigation-child","bh-page-navigation-multi-level","bh-page-navigation-single-level"].forEach((o=>{switch(o){case"bh-page-navigation":customElements.get(t(o))||customElements.define(t(o),w);break;case"bh-badge":customElements.get(t(o))||n();break;case"bh-button-icon":customElements.get(t(o))||l();break;case"bh-loader-spinner":customElements.get(t(o))||s();break;case"bh-page-navigation-child":customElements.get(t(o))||c();break;case"bh-page-navigation-multi-level":customElements.get(t(o))||h();break;case"bh-page-navigation-single-level":customElements.get(t(o))||g()}}))};export{y as BhPageNavigation,k as defineCustomElement}
+import{p as o,H as r,c as a,h as e,d as i,t}from"./p-YZi6LqIt.js";import{d as n}from"./p-DUm7JrA0.js";import{d as l}from"./p-CClVva-u.js";import{d as s}from"./p-BbPrWlsw.js";import{d as c}from"./p-6tew_a-x.js";import{d as h}from"./p-DBl9mNfN.js";import{d as g}from"./p-C_nrq7_Y.js";import{c as p,m as b,M as d,r as m}from"./p-BJXjqxlX.js";import{c as v,h as x}from"./p-C4V7Y6N_.js";import{B as u,r as f}from"./p-BNVOtH-1.js";const w=o(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=a(this,"bhItemClick"),this.bhToggle=a(this,"bhToggle")}get el(){return this}logger=p("bh-page-navigation");i18nUnsubscribe;_i18nVersion=0;visible=!0;navTitle="Navigation";navigationItems=[];items=[];navState=v();bhItemClick;bhToggle;componentDidCatch(o){this.logger.error("Component error caught",o instanceof Error?o:Error(o+"")),b.increment(d.COMPONENT_ERROR,{component:"bh-page-navigation",error_type:o instanceof Error?o.name:"unknown"}),m("bh-page-navigation",o)}handleNavigationItemsChange(o){this.items=[...o]}componentWillLoad(){this.items=[...this.navigationItems],this.i18nUnsubscribe=u.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}clearAllSelections(){this.items=this.items.map((o=>({...o,isActive:!1,children:o.children?.map((o=>({...o,isActive:!1})))})))}handleSingleLevelClick=o=>{this.clearAllSelections(),this.items=this.items.map((r=>r.id===o?{...r,isActive:!0}:r)),this.bhItemClick.emit({itemId:o})};handleMultiLevelToggle=o=>{this.items=this.items.map((r=>{if(r.id===o){const a=!r.isExpanded;return this.bhToggle.emit(a?{value:o,expanded:!0}:{value:o,expanded:!1}),{...r,isExpanded:a}}return r}))};handleMultiLevelChildClick=(o,r)=>{this.clearAllSelections(),this.items=this.items.map((a=>a.id===o&&a.children?{...a,children:a.children.map(((o,a)=>({...o,isActive:a===r})))}:a)),this.bhItemClick.emit({itemId:o,childIndex:r})};handleKeyDown=o=>{const r=x(o,{container:this.el?.shadowRoot??null,itemSelector:"bh-page-navigation-single-level, bh-page-navigation-multi-level",orientation:"vertical",wrapAround:!0,onFocus:o=>{this.navState={...this.navState,focusedIndex:o}},onExpand:o=>{const r=this.items[o];"expandable"!==r?.type||r.isExpanded||this.handleMultiLevelToggle(r.id)},onCollapse:o=>{const r=this.items[o];"expandable"===r?.type&&r.isExpanded&&this.handleMultiLevelToggle(r.id)}},this.navState);r!==this.navState.focusedIndex&&(this.navState={...this.navState,focusedIndex:r})};render(){return e(i,{key:"dc139f2e304e1d39a1b112faca7cbe3438154b82",onKeyDown:this.handleKeyDown},e("div",{key:"8c358776ba7d8eba4689955cd16ca1891a23b060",class:"page-navigation",part:"container"},e("div",{key:"e0ccffaef211d071899db55b17f64261baf55bcc",class:"page-navigation-header",part:"header"},e("h2",{key:"aa20cdaa13d5f80590baf4b6c0ca546798f3800f",class:"page-navigation-title",part:"title"},f("bh-page-navigation","navTitle",this.navTitle,"Navigation"))),e("nav",{key:"b5ac929da441edf4bb5128d508302ab243cc5be1",class:"page-navigation-list",part:"list"},this.items.map((o=>"single"===o.type?e("bh-page-navigation-single-level",{icon:o.icon,isActive:o.isActive,key:o.id,label:o.label,onBhItemClick:()=>this.handleSingleLevelClick(o.id)}):e("bh-page-navigation-multi-level",{childItems:o.children||[],icon:o.icon,isExpanded:o.isExpanded,key:o.id,label:o.label,onBhChildClick:r=>this.handleMultiLevelChildClick(o.id,r.detail),onBhToggle:()=>this.handleMultiLevelToggle(o.id)})))),this.el.querySelector('[slot="bottom-button"]')&&e("div",{key:"00f87f12096138fafec24be173695a61634dd9ae",class:"page-navigation-footer",part:"footer"},e("slot",{key:"1f5a1be10ef4e4d7048fa324b134a4af1a9c0081",name:"bottom-button"}))))}static get watchers(){return{navigationItems:[{handleNavigationItemsChange:0}]}}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } }  :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;          --bh-page-navigation-bg: var(--color-bg-primary);     --bh-page-navigation-border-color: var(--color-border-secondary);     --bh-page-navigation-padding-xl: var(--spacing-xl);     --bh-page-navigation-padding-md: var(--spacing-md);     --bh-page-navigation-font-family: var(--font-inter);     --bh-page-navigation-max-width: var(--bh-page-navigation-min-width, 280px);   }      :host([visible=false]) {     display: none;   } } @layer bh-base {      .page-navigation {     width: var(--bh-page-navigation-width, 100%);     min-width: var(--bh-page-navigation-min-width, 0);     max-width: var(--bh-page-navigation-max-width);     background-color: var(--bh-page-navigation-bg);     padding: var(--bh-page-navigation-padding-xl) var(--bh-page-navigation-padding-md);     font-family: var(--bh-page-navigation-font-family);     height: 100%;     overflow-y: auto;     overflow-x: hidden;     box-sizing: border-box;     user-select: none;     display: flex;     flex-direction: column;   }   .page-navigation-header {     margin-bottom: var(--spacing-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 {     flex: 1;     display: flex;     flex-direction: column;     gap: var(--spacing-sm);   }   .page-navigation-footer {     margin-top: auto;     padding-top: var(--spacing-xl);     border-top: 1px solid var(--bh-page-navigation-border-color);   } } @layer bh-utilities {      @media (max-width: 768px) {     .page-navigation {       width: var(--bh-page-navigation-min-width);       min-width: var(--bh-page-navigation-min-width);     }   } }'}},[769,"bh-page-navigation",{visible:[516],navTitle:[1,"nav-title"],navigationItems:[16],_i18nVersion:[32],items:[32]},void 0,{navigationItems:[{handleNavigationItemsChange:0}]}]),y=w,k=function(){"undefined"!=typeof customElements&&["bh-page-navigation","bh-badge","bh-button-icon","bh-loader-spinner","bh-page-navigation-child","bh-page-navigation-multi-level","bh-page-navigation-single-level"].forEach((o=>{switch(o){case"bh-page-navigation":customElements.get(t(o))||customElements.define(t(o),w);break;case"bh-badge":customElements.get(t(o))||n();break;case"bh-button-icon":customElements.get(t(o))||l();break;case"bh-loader-spinner":customElements.get(t(o))||s();break;case"bh-page-navigation-child":customElements.get(t(o))||c();break;case"bh-page-navigation-multi-level":customElements.get(t(o))||h();break;case"bh-page-navigation-single-level":customElements.get(t(o))||g()}}))};export{y as BhPageNavigation,k as defineCustomElement}

package/components/bh-pagination.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-CZRjavNE.js";const a=o,p=s;export{a as BhPagination,p as defineCustomElement}
+import{B as o,d as r}from"./p-Br9M2BbM.js";const s=o,p=r;export{s as BhPagination,p as defineCustomElement}

package/components/bh-picker-menu.js

@@ -1 +1 @@
-import{B as o,d as s}from"./p-DBAPExTG.js";const p=o,r=s;export{p as BhPickerMenu,r as defineCustomElement}
+import{B as o,d as s}from"./p-CvwyG_Kj.js";const p=o,r=s;export{p as BhPickerMenu,r as defineCustomElement}

package/components/bh-pie-chart.js

@@ -1 +1 @@
-import{p as e,H as r,c as t,h as o,d as a,t as s}from"./p-YZi6LqIt.js";import{d as l}from"./p-C6UC_xxP.js";import{c as i,m as n,M as c,r as h}from"./p-BJXjqxlX.js";import{B as p,r as d}from"./p-BNVOtH-1.js";const g=["#2642CF","#8E4B9B","#BB81BA","#E14C94","#E47789","#E9AAAE","#BACEFC"],b=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=t(this,"bhItemClick"),this.bhItemHover=t(this,"bhItemHover"),this.bhItemLeave=t(this,"bhItemLeave"),this.bhTooltipOpen=t(this,"bhTooltipOpen"),this.bhTooltipClose=t(this,"bhTooltipClose"),this.bhError=t(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=i("bh-pie-chart");i18nUnsubscribe;_i18nVersion=0;bhItemClick;bhItemHover;bhItemLeave;bhTooltipOpen;bhTooltipClose;bhError;componentWillLoad(){this.i18nUnsubscribe=p.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),n.increment(c.COMPONENT_ERROR,{component:"bh-pie-chart"}),h("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,t,o,a,s){const l=a*Math.PI/180,i=s*Math.PI/180,n=e+t*Math.cos(l),c=r+t*Math.sin(l),h=e+t*Math.cos(i),p=r+t*Math.sin(i),d=s-a>180?1:0;if(0===o)return["M",e,r,"L",n,c,"A",t,t,0,d,1,h,p,"Z"].join(" ");const g=e+o*Math.cos(l),b=r+o*Math.sin(l);return["M",n,c,"A",t,t,0,d,1,h,p,"L",e+o*Math.cos(i),r+o*Math.sin(i),"A",o,o,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 t=[];let o=-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=o,c=o+i.value/r*s,h=this.createArcPath(80,80,80,a,n,c);t.push({value:i.value,percentage:e,startAngle:n,endAngle:c,color:i.color||g[l%g.length],name:i.name,path:h}),o=c+this.gap}return t}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(a,{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":d("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}))}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: 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;     }   } }'}},[513,"bh-pie-chart",{data:[16],hole:[1],size:[2],animated:[4],gap:[2],showLegend:[4,"show-legend"],legendPosition:[1,"legend-position"],centerText:[16],tooltipVisible:[32],tooltipX:[32],tooltipY:[32],tooltipSegment:[32],_i18nVersion:[32]}]),m=b,v=function(){"undefined"!=typeof customElements&&["bh-pie-chart","bh-chart-tooltip"].forEach((e=>{switch(e){case"bh-pie-chart":customElements.get(s(e))||customElements.define(s(e),b);break;case"bh-chart-tooltip":customElements.get(s(e))||l()}}))};export{m as BhPieChart,v as defineCustomElement}
+import{p as e,H as r,c as t,h as o,d as a,t as s}from"./p-YZi6LqIt.js";import{d as l}from"./p-DblmzWu8.js";import{c as i,m as n,M as c,r as h}from"./p-BJXjqxlX.js";import{B as p,r as d}from"./p-BNVOtH-1.js";const g=["#2642CF","#8E4B9B","#BB81BA","#E14C94","#E47789","#E9AAAE","#BACEFC"],b=e(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=t(this,"bhItemClick"),this.bhItemHover=t(this,"bhItemHover"),this.bhItemLeave=t(this,"bhItemLeave"),this.bhTooltipOpen=t(this,"bhTooltipOpen"),this.bhTooltipClose=t(this,"bhTooltipClose"),this.bhError=t(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=i("bh-pie-chart");i18nUnsubscribe;_i18nVersion=0;bhItemClick;bhItemHover;bhItemLeave;bhTooltipOpen;bhTooltipClose;bhError;componentWillLoad(){this.i18nUnsubscribe=p.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),n.increment(c.COMPONENT_ERROR,{component:"bh-pie-chart"}),h("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,t,o,a,s){const l=a*Math.PI/180,i=s*Math.PI/180,n=e+t*Math.cos(l),c=r+t*Math.sin(l),h=e+t*Math.cos(i),p=r+t*Math.sin(i),d=s-a>180?1:0;if(0===o)return["M",e,r,"L",n,c,"A",t,t,0,d,1,h,p,"Z"].join(" ");const g=e+o*Math.cos(l),b=r+o*Math.sin(l);return["M",n,c,"A",t,t,0,d,1,h,p,"L",e+o*Math.cos(i),r+o*Math.sin(i),"A",o,o,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 t=[];let o=-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=o,c=o+i.value/r*s,h=this.createArcPath(80,80,80,a,n,c);t.push({value:i.value,percentage:e,startAngle:n,endAngle:c,color:i.color||g[l%g.length],name:i.name,path:h}),o=c+this.gap}return t}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(a,{key:"32e213722ad430ed2b9e4b235d44d43893a0640a"},o("div",{key:"d3d031c4e3b35f84cdd11f3f91f235b190a89dfb",class:{"pie-chart-wrapper":!0,["legend-"+this.legendPosition]:this.showLegend}},o("div",{key:"6e465a575be22db278fa1d7a4292bbf50075007b",class:"pie-chart-container",part:"container",style:{width:this.size+"px",height:this.size+"px"}},o("svg",{key:"a0abc090cb119e67b7dfb17ab403a3add4e34e1a","aria-label":d("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:"3e9d942315f0c22c637d5e76dcabf3a300e7b0a7",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:"6b1fbf81da9588ab088329c32bf3aa9b3d29f2f4",class:"pie-inner-hole",cx:"80",cy:"80",fill:"white",r})),this.renderCenterText()),this.renderLegend(e)),o("bh-chart-tooltip",{key:"39bce63e5b0eab31b002a481b6e9dc9580ce211a","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}))}static get style(){return'  @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap"); @keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-reset, bh-tokens, bh-base, bh-utilities;   @layer bh-tokens {   :root {          --color-white: hsl(0, 0%, 100%);     --color-black: hsl(0, 0%, 0%);     --color-transparent: hsla(0, 0%, 100%, 0);          --color-neutral-25: hsl(210, 20%, 99%);     --color-neutral-50: hsl(225, 40%, 98%);     --color-neutral-100: hsl(225, 40%, 96%);     --color-neutral-200: hsl(223, 32%, 91%);     --color-neutral-300: hsl(223, 29%, 84%);     --color-neutral-400: hsl(224, 23%, 65%);     --color-neutral-500: hsl(226, 16%, 47%);     --color-neutral-600: hsl(225, 22%, 37%);     --color-neutral-700: hsl(224, 25%, 27%);     --color-neutral-800: hsl(226, 25%, 20%);     --color-neutral-900: hsl(227, 31%, 11%);     --color-neutral-950: hsl(228, 38%, 5%);          --color-brand-25: hsl(220, 82%, 98%);     --color-brand-50: hsl(226, 100%, 97%);     --color-brand-100: hsl(223, 88%, 94%);     --color-brand-200: hsl(226, 71%, 86%);     --color-brand-300: hsl(227, 75%, 78%);     --color-brand-400: hsl(228, 73%, 67%);     --color-brand-500: hsl(230, 69%, 59%);     --color-brand-600: hsl(230, 69%, 48%);     --color-brand-700: hsl(230, 69%, 41%);     --color-brand-800: hsl(230, 69%, 31%);     --color-brand-900: hsl(230, 68%, 21%);     --color-brand-950: hsl(229, 70%, 8%);          --color-error-25: hsl(6, 100%, 99%);     --color-error-50: hsl(6, 100%, 98%);     --color-error-100: hsl(10, 100%, 93%);     --color-error-200: hsl(8, 100%, 88%);     --color-error-300: hsl(8, 100%, 79%);     --color-error-400: hsl(10, 94%, 65%);     --color-error-500: hsl(16, 100%, 48%);     --color-error-600: hsl(12, 100%, 44%);     --color-error-700: hsl(11, 100%, 37%);     --color-error-800: hsl(10, 100%, 30%);     --color-error-900: hsl(14, 100%, 25%);     --color-error-950: hsl(7, 100%, 14%);          --color-warning-25: hsl(47, 92%, 98%);     --color-warning-50: hsl(47, 100%, 96%);     --color-warning-100: hsl(48, 93%, 89%);     --color-warning-200: hsl(48, 95%, 78%);     --color-warning-300: hsl(46, 96%, 65%);     --color-warning-400: hsl(40, 95%, 60%);     --color-warning-500: hsl(33, 92%, 58%);     --color-warning-600: hsl(26, 71%, 51%);     --color-warning-700: hsl(21, 72%, 41%);     --color-warning-800: hsl(21, 75%, 33%);     --color-warning-900: hsl(21, 71%, 27%);     --color-warning-950: hsl(21, 84%, 14%);          --color-success-25: hsl(144, 78%, 98%);     --color-success-50: hsl(138, 76%, 97%);     --color-success-100: hsl(141, 78%, 93%);     --color-success-200: hsl(140, 76%, 85%);     --color-success-300: hsl(142, 75%, 73%);     --color-success-400: hsl(143, 68%, 55%);     --color-success-500: hsl(136, 57%, 49%);     --color-success-600: hsl(134, 58%, 41%);     --color-success-700: hsl(139, 61%, 31%);     --color-success-800: hsl(143, 63%, 24%);     --color-success-900: hsl(142, 54%, 19%);     --color-success-950: hsl(143, 67%, 11%);          --font-inter:       "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,       "Helvetica Neue", Arial, "Noto Sans", sans-serif;     --font-mono:       ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",       "Courier New", monospace;          --weight-regular: 400;     --weight-medium: 500;     --weight-semibold: 600;     --weight-bold: 700;          --text-xl-size: 1.25rem;     --text-lg-size: 1.125rem;     --text-md-size: 1rem;     --text-sm-size: 0.875rem;     --text-xs-size: 0.75rem;          --text-xl-line: 1.875rem;     --text-lg-line: 1.75rem;     --text-md-line: 1.5rem;     --text-sm-line: 1.25rem;     --text-xs-line: 1.125rem;          --spacing-none: 0rem;     --spacing-xxs: 0.125rem;     --spacing-xs: 0.25rem;     --spacing-sm: 0.375rem;     --spacing-md: 0.5rem;     --spacing-lg: 0.75rem;     --spacing-xl: 1rem;     --spacing-2xl: 1.25rem;     --spacing-3xl: 1.5rem;     --spacing-4xl: 2rem;     --spacing-5xl: 2.5rem;     --spacing-6xl: 3rem;          --radius-none: 0rem;     --radius-xxs: 0.125rem;     --radius-xs: 0.25rem;     --radius-sm: 0.375rem;     --radius-md: 0.5rem;     --radius-lg: 0.625rem;     --radius-xl: 0.75rem;     --radius-2xl: 1rem;     --radius-3xl: 1.25rem;     --radius-4xl: 1.5rem;     --radius-full: 9999px;          --shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);     --shadow-sm:       0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);     --shadow-md:       0px 4px 8px -2px rgba(16, 24, 40, 0.1),       0px 2px 4px -2px rgba(16, 24, 40, 0.06);     --shadow-lg:       0px 12px 16px -4px rgba(16, 24, 40, 0.08),       0px 4px 6px -2px rgba(16, 24, 40, 0.03);     --shadow-xl:       0px 20px 24px -4px rgba(16, 24, 40, 0.08),       0px 8px 8px -4px rgba(16, 24, 40, 0.03);          --icon-compensation-xs-btn: calc(var(--spacing-lg) - var(--spacing-xs));     --icon-compensation-sm-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-md-btn: calc(var(--spacing-xl) - var(--spacing-xs));     --icon-compensation-lg-btn: calc(var(--spacing-xl) - var(--spacing-xs));               --color-bg-primary: var(--color-white);     --color-bg-secondary: var(--color-neutral-50);     --color-bg-tertiary: var(--color-neutral-100);     --color-bg-quaternary: var(--color-neutral-200);     --color-bg-inverse: var(--color-neutral-900);     --color-bg-interactive: var(--color-brand-600);     --color-bg-interactive-hover: var(--color-brand-700);     --color-bg-interactive-active: var(--color-brand-800);     --color-bg-destructive: var(--color-error-600);     --color-bg-destructive-hover: var(--color-error-700);     --color-bg-destructive-active: var(--color-error-800);     --color-bg-success: var(--color-success-700);     --color-bg-success-hover: var(--color-success-800);     --color-bg-warning: var(--color-warning-500);     --color-bg-disabled: var(--color-neutral-200);          --color-text-primary: var(--color-neutral-900);     --color-text-secondary: var(--color-neutral-600);     --color-text-tertiary: var(--color-neutral-500);     --color-text-inverse: var(--color-white);     --color-text-interactive: var(--color-brand-600);     --color-text-interactive-hover: var(--color-brand-700);     --color-text-error: var(--color-error-600);     --color-text-success: var(--color-success-700);     --color-text-warning: var(--color-warning-700);     --color-text-disabled: var(--color-neutral-400);          --color-border-primary: var(--color-neutral-300);     --color-border-secondary: var(--color-neutral-200);     --color-border-interactive: var(--color-brand-500);     --color-border-error: var(--color-error-500);     --color-border-success: var(--color-success-500);     --color-border-disabled: var(--color-neutral-200);          --color-surface-overlay: rgba(0, 0, 0, 0.5);     --color-surface-elevated: var(--color-white);   } }  @layer bh-reset {   *,   *::before,   *::after {     box-sizing: border-box;   } }  @layer bh-base {      .material-symbols-outlined {     font-family: "Material Symbols Outlined";     font-weight: normal;     font-style: normal;     font-size: 24px;     line-height: 1;     letter-spacing: normal;     text-transform: none;     display: inline-block;     white-space: nowrap;     word-wrap: normal;     direction: ltr;     font-feature-settings: "liga";     -webkit-font-feature-settings: "liga";     -webkit-font-smoothing: antialiased;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: 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;     }   } }'}},[513,"bh-pie-chart",{data:[16],hole:[1],size:[2],animated:[4],gap:[2],showLegend:[4,"show-legend"],legendPosition:[1,"legend-position"],centerText:[16],tooltipVisible:[32],tooltipX:[32],tooltipY:[32],tooltipSegment:[32],_i18nVersion:[32]}]),m=b,u=function(){"undefined"!=typeof customElements&&["bh-pie-chart","bh-chart-tooltip"].forEach((e=>{switch(e){case"bh-pie-chart":customElements.get(s(e))||customElements.define(s(e),b);break;case"bh-chart-tooltip":customElements.get(s(e))||l()}}))};export{m as BhPieChart,u as defineCustomElement}

package/components/bh-pivot-grid-field-chooser.js

@@ -1 +1 @@
-import{p as e,H as i,c as r,h as o,d as t,t as s}from"./p-YZi6LqIt.js";import{h as a,c as d,g as l,a as n,b as h}from"./p-D1dU_VEW.js";import{c,m as g,M as p,r as b}from"./p-BJXjqxlX.js";import{B as f,r as v}from"./p-BNVOtH-1.js";const u={rowFields:"Row Fields",columnFields:"Column Fields",dataFields:"Data Fields",filterFields:"Filter Fields",allFields:"All Fields",ok:"Apply",cancel:"Cancel"},m=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhFieldChange=r(this,"bhFieldChange"),this.bhReady=r(this,"bhReady"),this.bhError=r(this,"bhError")}logger=c("bh-pivot-grid-field-chooser");fields=[];applyChangesMode="instantly";allowFieldDragging=!0;disabled=!1;texts;i18nUnsubscribe;_i18nVersion=0;pendingFields=[];dropTargetArea=null;dragData=null;bhFieldChange;bhReady;bhError;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),g.increment(p.COMPONENT_ERROR,{component:"bh-pivot-grid-field-chooser",error_type:e instanceof Error?e.name:"unknown"}),b("bh-pivot-grid-field-chooser",e),this.bhError.emit({error:e})}get t(){return{...u,...this.texts}}get displayFields(){return"onDemand"===this.applyChangesMode?this.pendingFields:this.fields}onFieldDragStart=(e,i)=>{!this.disabled&&a(e,i,this.allowFieldDragging)&&(this.dragData={dataField:i.dataField,sourceArea:i.area??"row"})};onFieldDragEnd=()=>{d(),this.dragData=null,this.dropTargetArea=null};onFieldDragOver=(e,i)=>{if(this.disabled)return;const r=this.dragData??l(e);n(e,i,r)&&(this.dropTargetArea=i)};onFieldDragLeave=()=>{this.dropTargetArea=null};onFieldDrop=(e,i)=>{if(this.disabled)return;const r=l(e),o=h(e,i,r,"onDemand"===this.applyChangesMode?this.pendingFields:this.fields);this.dropTargetArea=null,this.dragData=null,d(),o&&("instantly"===this.applyChangesMode?(this.fields=o.fields,this.bhFieldChange.emit({fields:o.fields,changeType:o.changeType})):this.pendingFields=o.fields)};applyPending=()=>{"onDemand"===this.applyChangesMode&&0!==this.pendingFields.length&&(this.fields=[...this.pendingFields],this.bhFieldChange.emit({fields:this.fields,changeType:"update"}))};resetPending=()=>{"onDemand"===this.applyChangesMode&&(this.pendingFields=[...this.fields])};componentWillLoad(){"onDemand"===this.applyChangesMode&&(this.pendingFields=[...this.fields]),this.i18nUnsubscribe=f.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidLoad(){this.bhReady.emit()}watchFields(e){"onDemand"===this.applyChangesMode&&(this.pendingFields=[...e])}renderArea(e,i){const r=this.displayFields.filter((i=>(i.area??"row")===e)).toSorted(((e,i)=>(e.areaIndex??0)-(i.areaIndex??0))),t=this.dropTargetArea===e;return o("div",{class:"field-chooser-area"},o("span",{class:"field-chooser-area-label"},i),o("div",{class:{"field-chooser-chips":!0,"field-chooser-drop-zone-active":t},onDragLeave:()=>this.onFieldDragLeave(),onDragOver:i=>this.onFieldDragOver(i,e),onDrop:i=>this.onFieldDrop(i,e)},r.map((i=>o("span",{class:"field-chooser-chip",draggable:this.allowFieldDragging&&!this.disabled&&!1!==i.allowDragging,key:i.dataField,onDragEnd:()=>this.onFieldDragEnd(),onDragStart:e=>this.onFieldDragStart(e,i),role:"button",tabIndex:this.disabled?-1:0},i.caption??i.dataField,"data"===e&&i.summaryType?` (${i.summaryType})`:"")))))}render(){const e=this.t,i="onDemand"===this.applyChangesMode&&!this.disabled;return o(t,{key:"3fc5b1098662855265360b07158cdab17ff3aa00","aria-disabled":this.disabled?"true":void 0,"aria-label":v("bh-pivot-grid-field-chooser","ariaLabel",void 0,"Pivot grid field chooser"),class:{"field-chooser-on-demand":"onDemand"===this.applyChangesMode}},o("div",{key:"439303c722224870a3f022b13fdc230f73e394a1",class:"field-chooser-root"},o("div",{key:"4704552b1be0225604aab5388c82cd0838163fe1",class:"field-chooser-areas"},this.renderArea("row",e.rowFields??"Row Fields"),this.renderArea("column",e.columnFields??"Column Fields"),this.renderArea("data",e.dataFields??"Data Fields"),this.renderArea("filter",e.filterFields??"Filter Fields")),i&&o("div",{key:"7c207f0a27b4137fc9968dce6fb0b88c6cb67fbd",class:"field-chooser-footer"},o("button",{key:"6ef0182ca26bd1da91bec83fbf412402745a1c9a",class:"field-chooser-btn",onClick:this.resetPending,type:"button"},e.cancel??"Cancel"),o("button",{key:"895c9efc02dfc2ba8401a51ee9dc04ac7095494a",class:"field-chooser-btn field-chooser-btn-primary",onClick:this.applyPending,type:"button"},e.ok??v("bh-pivot-grid-field-chooser","applyLabel",void 0,"Apply")))))}static get watchers(){return{fields:[{watchFields:0}]}}static get style(){return"@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;box-sizing:border-box;--bh-pivot-grid-field-chooser-border-color:var(--color-neutral-200);--bh-pivot-grid-field-chooser-header-text:var(--color-neutral-600);--bh-pivot-grid-field-chooser-chip-bg:var(--color-white);--bh-pivot-grid-field-chooser-chip-radius:var(--radius-xs);--bh-pivot-grid-field-chooser-drop-zone-bg:var(--color-brand-100)}}.field-chooser-root{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-lg);font-family:var(--font-inter);color:var(--bh-pivot-grid-cell-text)}.field-chooser-areas{display:flex;flex-direction:column;gap:var(--spacing-lg)}.field-chooser-area{display:flex;align-items:center;gap:var(--spacing-md);min-height:var(--bh-button-height-sm)}.field-chooser-area-label{font-size:var(--text-xs-size);font-weight:var(--weight-semibold);line-height:var(--text-xs-line);color:var(--bh-pivot-grid-field-chooser-header-text);min-width:var(--bh-pivot-grid-filter-trigger-min-width);flex-shrink:0}.field-chooser-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:var(--bh-button-height-sm);padding:var(--spacing-xxs) 0}.field-chooser-chip{display:inline-flex;align-items:center;padding:var(--spacing-xxs) var(--spacing-md);font-size:var(--text-xs-size);line-height:var(--text-xs-line);border-radius:var(--bh-pivot-grid-field-chooser-chip-radius);background:var(--bh-pivot-grid-field-chooser-chip-bg);border:1px solid var(--bh-pivot-grid-field-chooser-border-color);color:var(--bh-pivot-grid-cell-text);user-select:none;transition:background-color var(--animation-duration-fast) ease}.field-chooser-chip[draggable=true]{cursor:grab}:host([aria-disabled=true]) .field-chooser-chip{cursor:not-allowed;opacity:0.6}.field-chooser-drop-zone-active{background:var(--bh-pivot-grid-field-chooser-drop-zone-bg);border-radius:var(--bh-pivot-grid-field-chooser-chip-radius);min-height:var(--bh-button-height-md)}.field-chooser-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bh-pivot-grid-field-chooser-border-color)}.field-chooser-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--weight-medium);border-radius:var(--radius-xs);border:1px solid var(--bh-pivot-grid-field-chooser-border-color);background:var(--bh-pivot-grid-field-chooser-chip-bg);color:var(--bh-pivot-grid-cell-text);cursor:pointer;transition:background-color var(--animation-duration-fast) ease}.field-chooser-btn:hover:not(:disabled){background:var(--bh-pivot-grid-hover-bg)}.field-chooser-btn-primary{background:var(--color-bg-interactive);border-color:var(--color-bg-interactive);color:var(--color-text-inverse)}.field-chooser-btn-primary:hover:not(:disabled){background:var(--color-bg-interactive-hover);border-color:var(--color-bg-interactive-hover)}"}},[513,"bh-pivot-grid-field-chooser",{fields:[1040],applyChangesMode:[1,"apply-changes-mode"],allowFieldDragging:[4,"allow-field-dragging"],disabled:[4],texts:[16],_i18nVersion:[32],pendingFields:[32],dropTargetArea:[32]},void 0,{fields:[{watchFields:0}]}]),x=m,y=function(){"undefined"!=typeof customElements&&["bh-pivot-grid-field-chooser"].forEach((e=>{"bh-pivot-grid-field-chooser"===e&&(customElements.get(s(e))||customElements.define(s(e),m))}))};export{x as BhPivotGridFieldChooser,y as defineCustomElement}
+import{p as e,H as i,c as r,h as o,d as t,t as s}from"./p-YZi6LqIt.js";import{h as a,c as d,g as l,a as n,b as h}from"./p-D1dU_VEW.js";import{c,m as g,M as p,r as b}from"./p-BJXjqxlX.js";import{B as f,r as v}from"./p-BNVOtH-1.js";const u={rowFields:"Row Fields",columnFields:"Column Fields",dataFields:"Data Fields",filterFields:"Filter Fields",allFields:"All Fields",ok:"Apply",cancel:"Cancel"},m=e(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhFieldChange=r(this,"bhFieldChange"),this.bhReady=r(this,"bhReady"),this.bhError=r(this,"bhError")}logger=c("bh-pivot-grid-field-chooser");fields=[];applyChangesMode="instantly";allowFieldDragging=!0;disabled=!1;texts;i18nUnsubscribe;_i18nVersion=0;pendingFields=[];dropTargetArea=null;dragData=null;bhFieldChange;bhReady;bhError;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),g.increment(p.COMPONENT_ERROR,{component:"bh-pivot-grid-field-chooser",error_type:e instanceof Error?e.name:"unknown"}),b("bh-pivot-grid-field-chooser",e),this.bhError.emit({error:e})}get t(){return{...u,...this.texts}}get displayFields(){return"onDemand"===this.applyChangesMode?this.pendingFields:this.fields}onFieldDragStart=(e,i)=>{!this.disabled&&a(e,i,this.allowFieldDragging)&&(this.dragData={dataField:i.dataField,sourceArea:i.area??"row"})};onFieldDragEnd=()=>{d(),this.dragData=null,this.dropTargetArea=null};onFieldDragOver=(e,i)=>{if(this.disabled)return;const r=this.dragData??l(e);n(e,i,r)&&(this.dropTargetArea=i)};onFieldDragLeave=()=>{this.dropTargetArea=null};onFieldDrop=(e,i)=>{if(this.disabled)return;const r=l(e),o=h(e,i,r,"onDemand"===this.applyChangesMode?this.pendingFields:this.fields);this.dropTargetArea=null,this.dragData=null,d(),o&&("instantly"===this.applyChangesMode?(this.fields=o.fields,this.bhFieldChange.emit({fields:o.fields,changeType:o.changeType})):this.pendingFields=o.fields)};applyPending=()=>{"onDemand"===this.applyChangesMode&&0!==this.pendingFields.length&&(this.fields=[...this.pendingFields],this.bhFieldChange.emit({fields:this.fields,changeType:"update"}))};resetPending=()=>{"onDemand"===this.applyChangesMode&&(this.pendingFields=[...this.fields])};componentWillLoad(){"onDemand"===this.applyChangesMode&&(this.pendingFields=[...this.fields]),this.i18nUnsubscribe=f.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.i18nUnsubscribe?.()}componentDidLoad(){this.bhReady.emit()}watchFields(e){"onDemand"===this.applyChangesMode&&(this.pendingFields=[...e])}renderArea(e,i){const r=this.displayFields.filter((i=>(i.area??"row")===e)).toSorted(((e,i)=>(e.areaIndex??0)-(i.areaIndex??0))),t=this.dropTargetArea===e;return o("div",{class:"field-chooser-area"},o("span",{class:"field-chooser-area-label"},i),o("div",{class:{"field-chooser-chips":!0,"field-chooser-drop-zone-active":t},onDragLeave:()=>this.onFieldDragLeave(),onDragOver:i=>this.onFieldDragOver(i,e),onDrop:i=>this.onFieldDrop(i,e)},r.map((i=>o("span",{class:"field-chooser-chip",draggable:this.allowFieldDragging&&!this.disabled&&!1!==i.allowDragging,key:i.dataField,onDragEnd:()=>this.onFieldDragEnd(),onDragStart:e=>this.onFieldDragStart(e,i),role:"button",tabIndex:this.disabled?-1:0},i.caption??i.dataField,"data"===e&&i.summaryType?` (${i.summaryType})`:"")))))}render(){const e=this.t,i="onDemand"===this.applyChangesMode&&!this.disabled;return o(t,{key:"160bca86a8a6ed39db89caf216f7488b79adb53a","aria-disabled":this.disabled?"true":void 0,"aria-label":v("bh-pivot-grid-field-chooser","ariaLabel",void 0,"Pivot grid field chooser"),class:{"field-chooser-on-demand":"onDemand"===this.applyChangesMode}},o("div",{key:"dc9212b713e3f624fc4301e7b7f0f700b19acc46",class:"field-chooser-root"},o("div",{key:"57c0ebbf3e46b6c4bc65b957053842242bba24c7",class:"field-chooser-areas"},this.renderArea("row",e.rowFields??"Row Fields"),this.renderArea("column",e.columnFields??"Column Fields"),this.renderArea("data",e.dataFields??"Data Fields"),this.renderArea("filter",e.filterFields??"Filter Fields")),i&&o("div",{key:"d86dada751587c7d2fe1c942a275a4a46b048598",class:"field-chooser-footer"},o("button",{key:"f4214fc1bce9748079ff58c675ab6d4c9161942a",class:"field-chooser-btn",onClick:this.resetPending,type:"button"},e.cancel??"Cancel"),o("button",{key:"77812e2d497ccc04c28d9d0c273ec532239d7e57",class:"field-chooser-btn field-chooser-btn-primary",onClick:this.applyPending,type:"button"},e.ok??v("bh-pivot-grid-field-chooser","applyLabel",void 0,"Apply")))))}static get watchers(){return{fields:[{watchFields:0}]}}static get style(){return"@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;box-sizing:border-box;--bh-pivot-grid-field-chooser-border-color:var(--color-neutral-200);--bh-pivot-grid-field-chooser-header-text:var(--color-neutral-600);--bh-pivot-grid-field-chooser-chip-bg:var(--color-white);--bh-pivot-grid-field-chooser-chip-radius:var(--radius-xs);--bh-pivot-grid-field-chooser-drop-zone-bg:var(--color-brand-100)}}.field-chooser-root{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-lg);font-family:var(--font-inter);color:var(--bh-pivot-grid-cell-text)}.field-chooser-areas{display:flex;flex-direction:column;gap:var(--spacing-lg)}.field-chooser-area{display:flex;align-items:center;gap:var(--spacing-md);min-height:var(--bh-button-height-sm)}.field-chooser-area-label{font-size:var(--text-xs-size);font-weight:var(--weight-semibold);line-height:var(--text-xs-line);color:var(--bh-pivot-grid-field-chooser-header-text);min-width:var(--bh-pivot-grid-filter-trigger-min-width);flex-shrink:0}.field-chooser-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:var(--bh-button-height-sm);padding:var(--spacing-xxs) 0}.field-chooser-chip{display:inline-flex;align-items:center;padding:var(--spacing-xxs) var(--spacing-md);font-size:var(--text-xs-size);line-height:var(--text-xs-line);border-radius:var(--bh-pivot-grid-field-chooser-chip-radius);background:var(--bh-pivot-grid-field-chooser-chip-bg);border:1px solid var(--bh-pivot-grid-field-chooser-border-color);color:var(--bh-pivot-grid-cell-text);user-select:none;transition:background-color var(--animation-duration-fast) ease}.field-chooser-chip[draggable=true]{cursor:grab}:host([aria-disabled=true]) .field-chooser-chip{cursor:not-allowed;opacity:0.6}.field-chooser-drop-zone-active{background:var(--bh-pivot-grid-field-chooser-drop-zone-bg);border-radius:var(--bh-pivot-grid-field-chooser-chip-radius);min-height:var(--bh-button-height-md)}.field-chooser-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--bh-pivot-grid-field-chooser-border-color)}.field-chooser-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--weight-medium);border-radius:var(--radius-xs);border:1px solid var(--bh-pivot-grid-field-chooser-border-color);background:var(--bh-pivot-grid-field-chooser-chip-bg);color:var(--bh-pivot-grid-cell-text);cursor:pointer;transition:background-color var(--animation-duration-fast) ease}.field-chooser-btn:hover:not(:disabled){background:var(--bh-pivot-grid-hover-bg)}.field-chooser-btn-primary{background:var(--color-bg-interactive);border-color:var(--color-bg-interactive);color:var(--color-text-inverse)}.field-chooser-btn-primary:hover:not(:disabled){background:var(--color-bg-interactive-hover);border-color:var(--color-bg-interactive-hover)}"}},[513,"bh-pivot-grid-field-chooser",{fields:[1040],applyChangesMode:[1,"apply-changes-mode"],allowFieldDragging:[4,"allow-field-dragging"],disabled:[4],texts:[16],_i18nVersion:[32],pendingFields:[32],dropTargetArea:[32]},void 0,{fields:[{watchFields:0}]}]),x=m,y=function(){"undefined"!=typeof customElements&&["bh-pivot-grid-field-chooser"].forEach((e=>{"bh-pivot-grid-field-chooser"===e&&(customElements.get(s(e))||customElements.define(s(e),m))}))};export{x as BhPivotGridFieldChooser,y as defineCustomElement}