@actabldesign/bellhop-core 0.3.0 → 0.3.1

package/components/bh-range-slider.js

@@ -1 +1 @@
-import{p as e,H as a,c as t,h as r,d as i,t as s}from"./p-YZi6LqIt.js";import{c as h,m as n,M as o,r as l}from"./p-BJXjqxlX.js";const d=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=t(this,"bhChange"),this.bhInput=t(this,"bhInput"),this.bhFocus=t(this,"bhFocus"),this.bhBlur=t(this,"bhBlur")}logger=h("bh-range-slider");trackEl;get el(){return this}min=0;max=100;step=1;value=0;valueLow=0;valueHigh=100;dual=!1;disabled=!1;label="";labelDisplay="none";formatLabel;name="";bhChange;bhInput;bhFocus;bhBlur;activeHandle=null;focusedHandle=null;hoveredHandle=null;onValueChange(){this.value=this.clampValue(this.value)}onValueLowChange(){this.valueLow=this.clampValue(this.valueLow),this.dual&&this.valueLow>this.valueHigh&&(this.valueLow=this.valueHigh)}onValueHighChange(){this.valueHigh=this.clampValue(this.valueHigh),this.dual&&this.valueHigh<this.valueLow&&(this.valueHigh=this.valueLow)}componentWillLoad(){this.value=this.clampValue(this.value),this.valueLow=this.clampValue(this.valueLow),this.valueHigh=this.clampValue(this.valueHigh),this.dual&&this.valueLow>this.valueHigh&&(this.valueLow=this.valueHigh)}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),n.increment(o.COMPONENT_ERROR,{component:"bh-range-slider",error_type:e instanceof Error?e.name:"unknown"}),l("bh-range-slider",e)}disconnectedCallback(){this.cleanupDrag()}clampValue(e){const a=this.step>0?this.step:1;return Math.min(Math.max(Math.round((e-this.min)/a)*a+this.min,this.min),this.max)}valueToPercent(e){const a=this.max-this.min;return 0===a?0:(e-this.min)/a*100}percentToValue(e){return this.clampValue(this.min+e/100*(this.max-this.min))}getFormattedLabel(e){return this.formatLabel?this.formatLabel(e):e+""}emitCurrentValue(){this.bhInput.emit(this.dual?{low:this.valueLow,high:this.valueHigh}:this.value)}emitChange(){this.bhChange.emit(this.dual?{low:this.valueLow,high:this.valueHigh}:this.value)}handleTrackClick=e=>{if(this.disabled||this.activeHandle)return;const a=this.getPercentFromMouseEvent(e);if(null===a)return;const t=this.percentToValue(a);this.dual?Math.abs(t-this.valueLow)<=Math.abs(t-this.valueHigh)?this.valueLow=t:this.valueHigh=t:this.value=t,this.emitCurrentValue(),this.emitChange()};handlePointerDown=e=>a=>{this.disabled||(a.preventDefault(),a.stopPropagation(),this.activeHandle=e,a.currentTarget.setPointerCapture(a.pointerId),document.addEventListener("pointermove",this.handlePointerMove),document.addEventListener("pointerup",this.handlePointerUp))};handlePointerMove=e=>{if(!this.activeHandle)return;const a=this.getPercentFromMouseEvent(e);if(null===a)return;const t=this.percentToValue(a);this.updateHandleValue(this.activeHandle,t),this.emitCurrentValue()};handlePointerUp=()=>{this.activeHandle&&this.emitChange(),this.cleanupDrag()};cleanupDrag(){this.activeHandle=null,document.removeEventListener("pointermove",this.handlePointerMove),document.removeEventListener("pointerup",this.handlePointerUp)}updateHandleValue(e,a){"single"===e?this.value=a:"low"===e?this.valueLow=Math.min(a,this.valueHigh):this.valueHigh=Math.max(a,this.valueLow)}handleKeyDown=e=>a=>{if(this.disabled)return;const t=10*this.step;let r=0;switch(a.key){case"ArrowRight":case"ArrowUp":r=this.step;break;case"ArrowLeft":case"ArrowDown":r=-this.step;break;case"PageUp":r=t;break;case"PageDown":r=-t;break;case"Home":return this.setHandleToExtreme(e,this.min),a.preventDefault(),this.emitCurrentValue(),void this.emitChange();case"End":return this.setHandleToExtreme(e,this.max),a.preventDefault(),this.emitCurrentValue(),void this.emitChange();default:return}a.preventDefault();const i=this.getHandleValue(e);this.updateHandleValue(e,this.clampValue(i+r)),this.emitCurrentValue(),this.emitChange()};setHandleToExtreme(e,a){"single"===e?this.value=a:"low"===e?this.valueLow=Math.min(a,this.valueHigh):this.valueHigh=Math.max(a,this.valueLow)}getHandleValue(e){return"single"===e?this.value:"low"===e?this.valueLow:this.valueHigh}handleFocus=e=>()=>{this.focusedHandle=e,this.bhFocus.emit()};handleBlur=e=>()=>{this.focusedHandle===e&&(this.focusedHandle=null),this.bhBlur.emit()};handleMouseEnter=e=>()=>{this.hoveredHandle=e};handleMouseLeave=e=>()=>{this.hoveredHandle===e&&(this.hoveredHandle=null)};getPercentFromMouseEvent(e){if(!this.trackEl)return null;const a=this.trackEl.getBoundingClientRect();return 0===a.width?null:Math.min(Math.max((e.clientX-a.left)/a.width*100,0),100)}renderHandle(e,a,t){const i=this.valueToPercent(a),s={"range-handle":!0,"range-handle-focused":this.focusedHandle===e&&!this.disabled,"range-handle-hovered":this.hoveredHandle===e&&!this.disabled,"range-handle-active":this.activeHandle===e,"range-handle-disabled":this.disabled};return r("div",{"aria-disabled":this.disabled?"true":void 0,"aria-label":t,"aria-orientation":"horizontal","aria-valuemax":("low"===e?this.valueHigh:this.max)+"","aria-valuemin":("high"===e?this.valueLow:this.min)+"","aria-valuenow":a+"","aria-valuetext":this.getFormattedLabel(a),class:s,onBlur:this.handleBlur(e),onFocus:this.handleFocus(e),onKeyDown:this.handleKeyDown(e),onMouseEnter:this.handleMouseEnter(e),onMouseLeave:this.handleMouseLeave(e),onPointerDown:this.handlePointerDown(e),part:"handle-"+e,role:"slider",style:{left:i+"%"},tabIndex:this.disabled?-1:0},"tooltip"===this.labelDisplay&&r("div",{class:"range-tooltip",part:"tooltip"},this.getFormattedLabel(a)),"bottom"===this.labelDisplay&&r("span",{class:"range-label-bottom",part:"label"},this.getFormattedLabel(a)))}render(){let e,a;return this.dual?(e=this.valueToPercent(this.valueLow),a=this.valueToPercent(this.valueHigh)-this.valueToPercent(this.valueLow)):(e=0,a=this.valueToPercent(this.value)),r(i,{key:"60d6bc67694191e50c454b84d8ba37f3eae008e2"},r("div",{key:"3ed1f92ed5eb89067112e1f1d73a8b97ac2fa912",class:{"range-slider":!0,"range-slider-disabled":this.disabled,["range-slider-label-"+this.labelDisplay]:!0},part:"container"},r("div",{key:"02e559c185d3e110851cbbf8842ca239fe675961",class:"range-track",onClick:this.handleTrackClick,part:"track",ref:e=>this.trackEl=e},r("div",{key:"45c6d2bb5073c08f65eb77b30800a615aa60231e",class:"range-track-active",part:"track-active",style:{left:e+"%",width:a+"%"}})),this.dual?[this.renderHandle("low",this.valueLow,this.label?this.label+" minimum":"Minimum value"),this.renderHandle("high",this.valueHigh,this.label?this.label+" maximum":"Maximum value")]:this.renderHandle("single",this.value,this.label||"Value")))}static get watchers(){return{value:[{onValueChange:0}],valueLow:[{onValueLowChange:0}],valueHigh:[{onValueHighChange:0}]}}static get style(){return"@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities;  @layer bh-tokens {   :host {     display: block;               --bh-range-track-height: var(--sp-1-5);     --bh-range-track-bg: var(--color-bg-tertiary);     --bh-range-track-active-bg: var(--color-bg-interactive);     --bh-range-track-radius: var(--radius-full);          --bh-range-handle-size: var(--icon-size-md);     --bh-range-handle-bg: var(--color-bg-primary);     --bh-range-handle-border-color: var(--color-bg-interactive);     --bh-range-handle-border-width: 2px;     --bh-range-handle-shadow: var(--shadow-md);          --bh-range-focus-ring-color: var(--color-border-interactive);     --bh-range-focus-ring-offset: 2px;     --bh-range-focus-ring-width: 4px;          --bh-range-disabled-opacity: 0.38;          --bh-range-label-color: var(--color-text-primary);     --bh-range-label-size: var(--text-sm-size);     --bh-range-label-weight: var(--weight-medium);     --bh-range-label-line-height: var(--text-md-line);          --bh-range-tooltip-bg: var(--color-bg-primary);     --bh-range-tooltip-border: var(--color-border-secondary);     --bh-range-tooltip-color: var(--color-text-secondary);     --bh-range-tooltip-shadow: var(--shadow-lg);     --bh-range-tooltip-radius: var(--radius-md);     --bh-range-tooltip-size: var(--text-xs-size);     --bh-range-tooltip-weight: var(--weight-semibold);     --bh-range-tooltip-line-height: var(--text-xs-line);     --bh-range-tooltip-padding-x: var(--spacing-sm);     --bh-range-tooltip-padding-y: var(--spacing-xs);   } }  @layer bh-base {   .range-slider {     --_range-top: calc(var(--bh-range-handle-size) / 2);     position: relative;     width: 100%;     padding: var(--_range-top) 0 calc(var(--bh-range-handle-size) / 2) 0;   }   .range-track {     position: relative;     width: 100%;     height: var(--bh-range-track-height);     background-color: var(--bh-range-track-bg);     border-radius: var(--bh-range-track-radius);     cursor: pointer;   }   .range-track-active {     position: absolute;     top: 0;     height: 100%;     background-color: var(--bh-range-track-active-bg);     border-radius: var(--bh-range-track-radius);     pointer-events: none;   }   .range-handle {     position: absolute;     top: calc(var(--_range-top) + var(--bh-range-track-height) / 2);     width: var(--bh-range-handle-size);     height: var(--bh-range-handle-size);     background-color: var(--bh-range-handle-bg);     border: var(--bh-range-handle-border-width) solid var(--bh-range-handle-border-color);     border-radius: var(--radius-full);     box-shadow: var(--bh-range-handle-shadow);     transform: translate(-50%, -50%);     cursor: grab;     outline: none;     touch-action: none;     z-index: 1;     transition: box-shadow var(--animation-duration-fast) ease;   }   .range-handle:focus {     outline: none;   }   .range-tooltip {     position: absolute;     bottom: calc(100% + var(--spacing-xs));     left: 50%;     transform: translateX(-50%);     background-color: var(--bh-range-tooltip-bg);     border: 1px solid var(--bh-range-tooltip-border);     border-radius: var(--bh-range-tooltip-radius);     box-shadow: var(--bh-range-tooltip-shadow);     color: var(--bh-range-tooltip-color);     font-family: var(--font-inter);     font-size: var(--bh-range-tooltip-size);     font-weight: var(--bh-range-tooltip-weight);     line-height: var(--bh-range-tooltip-line-height);     padding: var(--bh-range-tooltip-padding-y) var(--bh-range-tooltip-padding-x);     white-space: nowrap;     pointer-events: none;     user-select: none;   }   .range-label-bottom {     position: absolute;     top: calc(100% + var(--spacing-xs));     left: 50%;     transform: translateX(-50%);     color: var(--bh-range-label-color);     font-family: var(--font-inter);     font-size: var(--bh-range-label-size);     font-weight: var(--bh-range-label-weight);     line-height: var(--bh-range-label-line-height);     white-space: nowrap;     pointer-events: none;     user-select: none;   } }  @layer bh-variants {   .range-slider-label-bottom {     padding-bottom: calc(var(--bh-range-handle-size) / 2 + var(--spacing-xs) + var(--bh-range-label-line-height));   }   .range-slider-label-tooltip {     --_range-top: calc(       var(--bh-range-handle-size) / 2 + var(--spacing-xs) +         var(--bh-range-tooltip-line-height) +         var(--bh-range-tooltip-padding-y) * 2 + 2px     );   } }  @layer bh-states {   .range-handle-active {     cursor: grabbing;     z-index: 2;   }   .range-handle-focused:not(.range-handle-disabled) {     box-shadow: var(--shadow-sm), 0 0 0 var(--bh-range-focus-ring-offset) var(--bh-range-handle-bg), 0 0 0 calc(var(--bh-range-focus-ring-offset) + var(--bh-range-focus-ring-width)) var(--bh-range-focus-ring-color);   }   .range-slider-disabled {     opacity: var(--bh-range-disabled-opacity);   }   .range-slider-disabled .range-track {     cursor: not-allowed;   }   .range-slider-disabled .range-handle {     cursor: not-allowed;     box-shadow: none;   } }  @layer bh-utilities {   @media (prefers-reduced-motion: reduce) {     .range-handle {       transition: none;     }   }   @media (prefers-contrast: high) {     .range-track {       border: 1px solid currentColor;     }     .range-handle {       border-width: 3px;     }   } }"}},[513,"bh-range-slider",{min:[2],max:[2],step:[2],value:[1026],valueLow:[1026,"value-low"],valueHigh:[1026,"value-high"],dual:[4],disabled:[4],label:[1],labelDisplay:[1,"label-display"],formatLabel:[16],name:[1],activeHandle:[32],focusedHandle:[32],hoveredHandle:[32]},void 0,{value:[{onValueChange:0}],valueLow:[{onValueLowChange:0}],valueHigh:[{onValueHighChange:0}]}]),g=d,b=function(){"undefined"!=typeof customElements&&["bh-range-slider"].forEach((e=>{"bh-range-slider"===e&&(customElements.get(s(e))||customElements.define(s(e),d))}))};export{g as BhRangeSlider,b as defineCustomElement}
+import{p as e,H as a,c as t,h as r,d as i,t as s}from"./p-YZi6LqIt.js";import{c as h,m as n,M as o,r as l}from"./p-BJXjqxlX.js";const d=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=t(this,"bhChange"),this.bhInput=t(this,"bhInput"),this.bhFocus=t(this,"bhFocus"),this.bhBlur=t(this,"bhBlur")}logger=h("bh-range-slider");trackEl;get el(){return this}min=0;max=100;step=1;value=0;valueLow=0;valueHigh=100;dual=!1;disabled=!1;label="";labelDisplay="none";formatLabel;name="";bhChange;bhInput;bhFocus;bhBlur;activeHandle=null;focusedHandle=null;hoveredHandle=null;onValueChange(){this.value=this.clampValue(this.value)}onValueLowChange(){this.valueLow=this.clampValue(this.valueLow),this.dual&&this.valueLow>this.valueHigh&&(this.valueLow=this.valueHigh)}onValueHighChange(){this.valueHigh=this.clampValue(this.valueHigh),this.dual&&this.valueHigh<this.valueLow&&(this.valueHigh=this.valueLow)}componentWillLoad(){this.value=this.clampValue(this.value),this.valueLow=this.clampValue(this.valueLow),this.valueHigh=this.clampValue(this.valueHigh),this.dual&&this.valueLow>this.valueHigh&&(this.valueLow=this.valueHigh)}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),n.increment(o.COMPONENT_ERROR,{component:"bh-range-slider",error_type:e instanceof Error?e.name:"unknown"}),l("bh-range-slider",e)}disconnectedCallback(){this.cleanupDrag()}clampValue(e){const a=this.step>0?this.step:1;return Math.min(Math.max(Math.round((e-this.min)/a)*a+this.min,this.min),this.max)}valueToPercent(e){const a=this.max-this.min;return 0===a?0:(e-this.min)/a*100}percentToValue(e){return this.clampValue(this.min+e/100*(this.max-this.min))}getFormattedLabel(e){return this.formatLabel?this.formatLabel(e):e+""}emitCurrentValue(){this.bhInput.emit(this.dual?{low:this.valueLow,high:this.valueHigh}:this.value)}emitChange(){this.bhChange.emit(this.dual?{low:this.valueLow,high:this.valueHigh}:this.value)}handleTrackClick=e=>{if(this.disabled||this.activeHandle)return;const a=this.getPercentFromMouseEvent(e);if(null===a)return;const t=this.percentToValue(a);this.dual?Math.abs(t-this.valueLow)<=Math.abs(t-this.valueHigh)?this.valueLow=t:this.valueHigh=t:this.value=t,this.emitCurrentValue(),this.emitChange()};handlePointerDown=e=>a=>{this.disabled||(a.preventDefault(),a.stopPropagation(),this.activeHandle=e,a.currentTarget.setPointerCapture(a.pointerId),document.addEventListener("pointermove",this.handlePointerMove),document.addEventListener("pointerup",this.handlePointerUp))};handlePointerMove=e=>{if(!this.activeHandle)return;const a=this.getPercentFromMouseEvent(e);if(null===a)return;const t=this.percentToValue(a);this.updateHandleValue(this.activeHandle,t),this.emitCurrentValue()};handlePointerUp=()=>{this.activeHandle&&this.emitChange(),this.cleanupDrag()};cleanupDrag(){this.activeHandle=null,document.removeEventListener("pointermove",this.handlePointerMove),document.removeEventListener("pointerup",this.handlePointerUp)}updateHandleValue(e,a){"single"===e?this.value=a:"low"===e?this.valueLow=Math.min(a,this.valueHigh):this.valueHigh=Math.max(a,this.valueLow)}handleKeyDown=e=>a=>{if(this.disabled)return;const t=10*this.step;let r=0;switch(a.key){case"ArrowRight":case"ArrowUp":r=this.step;break;case"ArrowLeft":case"ArrowDown":r=-this.step;break;case"PageUp":r=t;break;case"PageDown":r=-t;break;case"Home":return this.setHandleToExtreme(e,this.min),a.preventDefault(),this.emitCurrentValue(),void this.emitChange();case"End":return this.setHandleToExtreme(e,this.max),a.preventDefault(),this.emitCurrentValue(),void this.emitChange();default:return}a.preventDefault();const i=this.getHandleValue(e);this.updateHandleValue(e,this.clampValue(i+r)),this.emitCurrentValue(),this.emitChange()};setHandleToExtreme(e,a){"single"===e?this.value=a:"low"===e?this.valueLow=Math.min(a,this.valueHigh):this.valueHigh=Math.max(a,this.valueLow)}getHandleValue(e){return"single"===e?this.value:"low"===e?this.valueLow:this.valueHigh}handleFocus=e=>()=>{this.focusedHandle=e,this.bhFocus.emit()};handleBlur=e=>()=>{this.focusedHandle===e&&(this.focusedHandle=null),this.bhBlur.emit()};handleMouseEnter=e=>()=>{this.hoveredHandle=e};handleMouseLeave=e=>()=>{this.hoveredHandle===e&&(this.hoveredHandle=null)};getPercentFromMouseEvent(e){if(!this.trackEl)return null;const a=this.trackEl.getBoundingClientRect();return 0===a.width?null:Math.min(Math.max((e.clientX-a.left)/a.width*100,0),100)}renderHandle(e,a,t){const i=this.valueToPercent(a),s={"range-handle":!0,"range-handle-focused":this.focusedHandle===e&&!this.disabled,"range-handle-hovered":this.hoveredHandle===e&&!this.disabled,"range-handle-active":this.activeHandle===e,"range-handle-disabled":this.disabled};return r("div",{"aria-disabled":this.disabled?"true":void 0,"aria-label":t,"aria-orientation":"horizontal","aria-valuemax":("low"===e?this.valueHigh:this.max)+"","aria-valuemin":("high"===e?this.valueLow:this.min)+"","aria-valuenow":a+"","aria-valuetext":this.getFormattedLabel(a),class:s,onBlur:this.handleBlur(e),onFocus:this.handleFocus(e),onKeyDown:this.handleKeyDown(e),onMouseEnter:this.handleMouseEnter(e),onMouseLeave:this.handleMouseLeave(e),onPointerDown:this.handlePointerDown(e),part:"handle-"+e,role:"slider",style:{left:i+"%"},tabIndex:this.disabled?-1:0},"tooltip"===this.labelDisplay&&r("div",{class:"range-tooltip",part:"tooltip"},this.getFormattedLabel(a)),"bottom"===this.labelDisplay&&r("span",{class:"range-label-bottom",part:"label"},this.getFormattedLabel(a)))}render(){let e,a;return this.dual?(e=this.valueToPercent(this.valueLow),a=this.valueToPercent(this.valueHigh)-this.valueToPercent(this.valueLow)):(e=0,a=this.valueToPercent(this.value)),r(i,{key:"317deaf6ff94d2543e8bfaf52236a2d98ee27277"},r("div",{key:"7229dc67f8df8ad0fdcc9207cc5eb43925c3b325",class:{"range-slider":!0,"range-slider-disabled":this.disabled,["range-slider-label-"+this.labelDisplay]:!0},part:"container"},r("div",{key:"a768ad1069cae8f0f8aa90e6e29967ac3f7a261b",class:"range-track",onClick:this.handleTrackClick,part:"track",ref:e=>this.trackEl=e},r("div",{key:"4dd82c4cf0954c684bd579a6e23a0aa10d89da81",class:"range-track-active",part:"track-active",style:{left:e+"%",width:a+"%"}})),this.dual?[this.renderHandle("low",this.valueLow,this.label?this.label+" minimum":"Minimum value"),this.renderHandle("high",this.valueHigh,this.label?this.label+" maximum":"Maximum value")]:this.renderHandle("single",this.value,this.label||"Value")))}static get watchers(){return{value:[{onValueChange:0}],valueLow:[{onValueLowChange:0}],valueHigh:[{onValueHighChange:0}]}}static get style(){return"@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } } @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities;  @layer bh-tokens {   :host {     display: block;               --bh-range-track-height: var(--sp-1-5);     --bh-range-track-bg: var(--color-bg-tertiary);     --bh-range-track-active-bg: var(--color-bg-interactive);     --bh-range-track-radius: var(--radius-full);          --bh-range-handle-size: var(--icon-size-md);     --bh-range-handle-bg: var(--color-bg-primary);     --bh-range-handle-border-color: var(--color-bg-interactive);     --bh-range-handle-border-width: 2px;     --bh-range-handle-shadow: var(--shadow-md);          --bh-range-focus-ring-color: var(--color-border-interactive);     --bh-range-focus-ring-offset: 2px;     --bh-range-focus-ring-width: 4px;          --bh-range-disabled-opacity: 0.38;          --bh-range-label-color: var(--color-text-primary);     --bh-range-label-size: var(--text-sm-size);     --bh-range-label-weight: var(--weight-medium);     --bh-range-label-line-height: var(--text-md-line);          --bh-range-tooltip-bg: var(--color-bg-primary);     --bh-range-tooltip-border: var(--color-border-secondary);     --bh-range-tooltip-color: var(--color-text-secondary);     --bh-range-tooltip-shadow: var(--shadow-lg);     --bh-range-tooltip-radius: var(--radius-md);     --bh-range-tooltip-size: var(--text-xs-size);     --bh-range-tooltip-weight: var(--weight-semibold);     --bh-range-tooltip-line-height: var(--text-xs-line);     --bh-range-tooltip-padding-x: var(--spacing-sm);     --bh-range-tooltip-padding-y: var(--spacing-xs);   } }  @layer bh-base {   .range-slider {     --_range-top: calc(var(--bh-range-handle-size) / 2);     position: relative;     width: 100%;     padding: var(--_range-top) 0 calc(var(--bh-range-handle-size) / 2) 0;   }   .range-track {     position: relative;     width: 100%;     height: var(--bh-range-track-height);     background-color: var(--bh-range-track-bg);     border-radius: var(--bh-range-track-radius);     cursor: pointer;   }   .range-track-active {     position: absolute;     top: 0;     height: 100%;     background-color: var(--bh-range-track-active-bg);     border-radius: var(--bh-range-track-radius);     pointer-events: none;   }   .range-handle {     position: absolute;     top: calc(var(--_range-top) + var(--bh-range-track-height) / 2);     width: var(--bh-range-handle-size);     height: var(--bh-range-handle-size);     background-color: var(--bh-range-handle-bg);     border: var(--bh-range-handle-border-width) solid var(--bh-range-handle-border-color);     border-radius: var(--radius-full);     box-shadow: var(--bh-range-handle-shadow);     transform: translate(-50%, -50%);     cursor: grab;     outline: none;     touch-action: none;     z-index: 1;     transition: box-shadow var(--animation-duration-fast) ease;   }   .range-handle:focus {     outline: none;   }   .range-tooltip {     position: absolute;     bottom: calc(100% + var(--spacing-xs));     left: 50%;     transform: translateX(-50%);     background-color: var(--bh-range-tooltip-bg);     border: 1px solid var(--bh-range-tooltip-border);     border-radius: var(--bh-range-tooltip-radius);     box-shadow: var(--bh-range-tooltip-shadow);     color: var(--bh-range-tooltip-color);     font-family: var(--font-inter);     font-size: var(--bh-range-tooltip-size);     font-weight: var(--bh-range-tooltip-weight);     line-height: var(--bh-range-tooltip-line-height);     padding: var(--bh-range-tooltip-padding-y) var(--bh-range-tooltip-padding-x);     white-space: nowrap;     pointer-events: none;     user-select: none;   }   .range-label-bottom {     position: absolute;     top: calc(100% + var(--spacing-xs));     left: 50%;     transform: translateX(-50%);     color: var(--bh-range-label-color);     font-family: var(--font-inter);     font-size: var(--bh-range-label-size);     font-weight: var(--bh-range-label-weight);     line-height: var(--bh-range-label-line-height);     white-space: nowrap;     pointer-events: none;     user-select: none;   } }  @layer bh-variants {   .range-slider-label-bottom {     padding-bottom: calc(var(--bh-range-handle-size) / 2 + var(--spacing-xs) + var(--bh-range-label-line-height));   }   .range-slider-label-tooltip {     --_range-top: calc(       var(--bh-range-handle-size) / 2 + var(--spacing-xs) +         var(--bh-range-tooltip-line-height) +         var(--bh-range-tooltip-padding-y) * 2 + 2px     );   } }  @layer bh-states {   .range-handle-active {     cursor: grabbing;     z-index: 2;   }   .range-handle-focused:not(.range-handle-disabled) {     box-shadow: var(--shadow-sm), 0 0 0 var(--bh-range-focus-ring-offset) var(--bh-range-handle-bg), 0 0 0 calc(var(--bh-range-focus-ring-offset) + var(--bh-range-focus-ring-width)) var(--bh-range-focus-ring-color);   }   .range-slider-disabled {     opacity: var(--bh-range-disabled-opacity);   }   .range-slider-disabled .range-track {     cursor: not-allowed;   }   .range-slider-disabled .range-handle {     cursor: not-allowed;     box-shadow: none;   } }  @layer bh-utilities {   @media (prefers-reduced-motion: reduce) {     .range-handle {       transition: none;     }   }   @media (prefers-contrast: high) {     .range-track {       border: 1px solid currentColor;     }     .range-handle {       border-width: 3px;     }   } }"}},[513,"bh-range-slider",{min:[2],max:[2],step:[2],value:[1026],valueLow:[1026,"value-low"],valueHigh:[1026,"value-high"],dual:[4],disabled:[4],label:[1],labelDisplay:[1,"label-display"],formatLabel:[16],name:[1],activeHandle:[32],focusedHandle:[32],hoveredHandle:[32]},void 0,{value:[{onValueChange:0}],valueLow:[{onValueLowChange:0}],valueHigh:[{onValueHighChange:0}]}]),g=d,b=function(){"undefined"!=typeof customElements&&["bh-range-slider"].forEach((e=>{"bh-range-slider"===e&&(customElements.get(s(e))||customElements.define(s(e),d))}))};export{g as BhRangeSlider,b as defineCustomElement}

package/components/bh-section-footer.js

@@ -1 +1 @@
-import{p as e,H as t,h as o,d as a,t as r}from"./p-YZi6LqIt.js";import{c as n,m as i,M as s,r as c}from"./p-BJXjqxlX.js";const d="bh-section-footer",p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}logger=n(d);variant="section";showDivider=!0;componentDidCatch(e){const t=e instanceof Error?e:Error(e+"");this.logger.error("Component error caught",t),i.increment(s.COMPONENT_ERROR,{component:d,error_type:t.name}),c(d,e)}render(){return o(a,{key:"e668a314813d8473ef4bcfc6be456a347a4aaded"},o("div",{key:"40bf617d2dfde711e7bcadaa7df3504d29d9eb43",class:{"section-footer":!0,["section-footer--"+this.variant]:!0},part:"section-footer"},this.showDivider&&o("div",{key:"1273923ce5a47bce29cca47dae3084f3ea2c4b3e",class:"divider",part:"divider"}),o("div",{key:"9ce4e58d3f74d880b103e4c29a51f5b81bc07c57",class:"content",part:"content"},o("slot",{key:"41e0707bc65ba81cc8ef615ed74c905b5fb1ff40"}))))}static get style(){return"@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;     padding: var(--spacing-md);          --bh-section-footer-divider-color: var(--color-border-secondary);     --bh-section-footer-gap: var(--spacing-md);     --bh-section-footer-content-gap: var(--spacing-2xl);     --bh-section-footer-actions-gap: var(--spacing-lg);   } } @layer bh-base {   .section-footer {     display: flex;     flex-direction: column;     align-items: center;     width: 100%;     gap: var(--bh-section-footer-gap);   }   .divider {     width: 100%;     height: 1px;     background-color: var(--bh-section-footer-divider-color);     flex-shrink: 0;   }   .content {     display: flex;     align-items: center;     justify-content: flex-end;     width: 100%;     gap: var(--bh-section-footer-content-gap);   } } @layer bh-variants {      .section-footer--section .content {     padding: 0;   }      .section-footer--card {     padding-bottom: var(--spacing-xl);   }   .section-footer--card .content {     padding: 0 var(--spacing-3xl);   }      @media (max-width: 768px) {     .section-footer--section {       --bh-section-footer-gap: var(--spacing-xl);     }     .section-footer--card {       --bh-section-footer-gap: var(--spacing-lg);       padding-bottom: var(--spacing-lg);     }     .section-footer--card .content {       padding: 0 var(--spacing-xl);       gap: var(--spacing-xl);     }   } }"}},[769,"bh-section-footer",{variant:[1],showDivider:[4,"show-divider"]}]),b=p,f=function(){"undefined"!=typeof customElements&&["bh-section-footer"].forEach((e=>{"bh-section-footer"===e&&(customElements.get(r(e))||customElements.define(r(e),p))}))};export{b as BhSectionFooter,f as defineCustomElement}
+import{p as e,H as t,h as o,d as r,t as n}from"./p-YZi6LqIt.js";import{c as a,m as i,M as s,r as c}from"./p-BJXjqxlX.js";const d="bh-section-footer",p=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}logger=a(d);variant="section";showDivider=!0;componentDidCatch(e){const t=e instanceof Error?e:Error(e+"");this.logger.error("Component error caught",t),i.increment(s.COMPONENT_ERROR,{component:d,error_type:t.name}),c(d,e)}render(){return o(r,{key:"f7a76395651e3b0ccba33a2b98a94ee860e692b1"},o("div",{key:"cd001abd5ba91fbce383d0597323d1341c992e2f",class:{"section-footer":!0,["section-footer--"+this.variant]:!0},part:"section-footer"},this.showDivider&&o("div",{key:"9fddc9b69d90c8a8738c8f6e38468d821be81d57",class:"divider",part:"divider"}),o("div",{key:"ed11e120d931df4ab34cfba46f56ef9b07b1b899",class:"content",part:"content"},o("slot",{key:"4bc61965522f792f203a8cbd1676e735dd14776c"}))))}static get style(){return"@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;     padding: var(--spacing-md);          --bh-section-footer-divider-color: var(--color-border-secondary);     --bh-section-footer-gap: var(--spacing-md);     --bh-section-footer-content-gap: var(--spacing-2xl);     --bh-section-footer-actions-gap: var(--spacing-lg);   } } @layer bh-base {   .section-footer {     display: flex;     flex-direction: column;     align-items: center;     width: 100%;     gap: var(--bh-section-footer-gap);   }   .divider {     width: 100%;     height: 1px;     background-color: var(--bh-section-footer-divider-color);     flex-shrink: 0;   }   .content {     display: flex;     align-items: center;     justify-content: flex-end;     width: 100%;     gap: var(--bh-section-footer-content-gap);   } } @layer bh-variants {      .section-footer--section .content {     padding: 0;   }      .section-footer--card {     padding-bottom: var(--spacing-xl);   }   .section-footer--card .content {     padding: 0 var(--spacing-3xl);   }      @media (max-width: 768px) {     .section-footer--section {       --bh-section-footer-gap: var(--spacing-xl);     }     .section-footer--card {       --bh-section-footer-gap: var(--spacing-lg);       padding-bottom: var(--spacing-lg);     }     .section-footer--card .content {       padding: 0 var(--spacing-xl);       gap: var(--spacing-xl);     }   } }"}},[769,"bh-section-footer",{variant:[1],showDivider:[4,"show-divider"]}]),b=p,f=function(){"undefined"!=typeof customElements&&["bh-section-footer"].forEach((e=>{"bh-section-footer"===e&&(customElements.get(n(e))||customElements.define(n(e),p))}))};export{b as BhSectionFooter,f as defineCustomElement}

package/components/bh-section-header.js

@@ -1 +1 @@
-import{p as e,H as t,h as a,d as i,t as r}from"./p-YZi6LqIt.js";import{c as s,m as n,M as o,r as c}from"./p-BJXjqxlX.js";const d="bh-section-header",h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}logger=s(d);heading="";supportingText;showDivider=!0;componentDidCatch(e){const t=e instanceof Error?e:Error(e+"");this.logger.error("Component error caught",t),n.increment(o.COMPONENT_ERROR,{component:d,error_type:t.name}),c(d,e)}render(){const e=!!this.supportingText;return a(i,{key:"a6188b9680d5cbeeb25201b3ff21f2abaac773b9","aria-label":this.heading||"Section header",role:"region"},a("div",{key:"0b087bd7940b52a4e864bfbe0702dbf53198daab",class:"section-header",part:"section-header"},a("div",{key:"fdc25467a88a4d86dc2353bf5908c9fc0dd1bb11",class:"content"},a("div",{key:"bc6c3044dceb7ba35b35ee0a5735a2f17f10aa56",class:"text-and-supporting-text"},this.heading&&a("h2",{key:"ca3cb51a4088060ba3e6b59a556670667963d862",class:"heading",part:"heading"},this.heading),e&&a("p",{key:"4f31899bc323ee16a4f772c96a02f2e6601ff5e4",class:"supporting-text",part:"supporting-text"},this.supportingText)),a("div",{key:"1f8760134dac42e1e819289f8035cd69510523f0",class:"actions",part:"actions"},a("slot",{key:"6dc1a30e4059541c2275dce376a0e77d2e12bbb2",name:"actions"}))),a("div",{key:"c970aa3b59f1bd14339d8286b082c11d7d5a6a6e",class:"tabs",part:"tabs"},a("slot",{key:"9d6a55cd1b467cd33ca834e74c5655f191a16cd0",name:"tabs"})),a("div",{key:"a6b25cd2537f0d2fac01a3ee554239f97c1e4a5c",class:"search-slot"},a("slot",{key:"e2ba0774009dba2fa044ff5f78c8d9c846d3f17b",name:"search"})),this.showDivider&&a("div",{key:"dee7622add19dcec9a67d5e992f6cbdb104045c0",class:"divider",part:"divider"})))}static get style(){return"@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-section-header-heading-color: var(--color-text-primary);     --bh-section-header-supporting-color: var(--color-text-tertiary);     --bh-section-header-divider-color: var(--color-border-secondary);     --bh-section-header-gap: var(--spacing-md);     --bh-section-header-content-gap: var(--spacing-xl);     --bh-section-header-text-gap: var(--spacing-xs);   } } @layer bh-base {   .section-header {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: var(--bh-section-header-gap);     width: 100%;   }   .content {     display: flex;     align-items: flex-start;     gap: var(--bh-section-header-content-gap);     width: 100%;   }   .text-and-supporting-text {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: var(--bh-section-header-text-gap);     flex: 1;     min-width: 0;     align-self: center;   }   .heading {     font-family: var(--font-inter);     font-size: var(--text-lg-size);     font-weight: var(--weight-semibold);     line-height: var(--line-height-normal);     color: var(--bh-section-header-heading-color);     margin: 0;     width: 100%;   }   .supporting-text {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-regular);     line-height: var(--line-height-normal);     color: var(--bh-section-header-supporting-color);     margin: 0;     width: 100%;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;   }   .actions {     display: flex;     align-items: center;     gap: var(--spacing-lg);     flex-shrink: 0;   }   .tabs {     display: flex;     align-items: center;     gap: var(--spacing-xs);     width: 100%;   }   .search-slot {     display: contents;   }   .divider {     width: 100%;     height: 1px;     background-color: var(--bh-section-header-divider-color);     flex-shrink: 0;   } } @layer bh-variants {      @media (max-width: 768px) {     .content {       flex-direction: column;     }     .heading {       font-size: var(--text-md-size);       line-height: var(--line-height-normal);     }   } }"}},[769,"bh-section-header",{heading:[1],supportingText:[1,"supporting-text"],showDivider:[4,"show-divider"]}]),l=h,b=function(){"undefined"!=typeof customElements&&["bh-section-header"].forEach((e=>{"bh-section-header"===e&&(customElements.get(r(e))||customElements.define(r(e),h))}))};export{l as BhSectionHeader,b as defineCustomElement}
+import{p as e,H as a,h as t,d as i,t as r}from"./p-YZi6LqIt.js";import{c as s,m as n,M as o,r as c}from"./p-BJXjqxlX.js";const d="bh-section-header",h=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}logger=s(d);heading="";supportingText;showDivider=!0;componentDidCatch(e){const a=e instanceof Error?e:Error(e+"");this.logger.error("Component error caught",a),n.increment(o.COMPONENT_ERROR,{component:d,error_type:a.name}),c(d,e)}render(){const e=!!this.supportingText;return t(i,{key:"59cbcb16c878f16bd96eff24c0fbd33a397f06f2","aria-label":this.heading||"Section header",role:"region"},t("div",{key:"e3a1dc6a766c75b19af87aa6b8d5a252817e0d5e",class:"section-header",part:"section-header"},t("div",{key:"d02a7456fd9134ad30efa50615e7ad49eae20151",class:"content"},t("div",{key:"1e304eca2b0f890025c5f8ee28497c149a20005e",class:"text-and-supporting-text"},this.heading&&t("h2",{key:"9a4739c11044a1bc35703717a9e0c956069aef28",class:"heading",part:"heading"},this.heading),e&&t("p",{key:"8278b021f09b357ee782441b87cdc89fec51af4c",class:"supporting-text",part:"supporting-text"},this.supportingText)),t("div",{key:"85d75cac313332f39e7840db73a50bfb14ecd4c2",class:"actions",part:"actions"},t("slot",{key:"ec37ef8909bfd12fd1e4dfe77155f333aa1ace87",name:"actions"}))),t("div",{key:"3f406f77f51e2443562febba427d411f83fa794e",class:"tabs",part:"tabs"},t("slot",{key:"7553fe39d2cc7c11c8aaa6f8d2cd57c3b28c851d",name:"tabs"})),t("div",{key:"a224a53e3bc58c69de3dd981f79aca9ac9b0acb3",class:"search-slot"},t("slot",{key:"4e7ff2d2036f381d7b41a8b1a2f046f4a3ad5b94",name:"search"})),this.showDivider&&t("div",{key:"6bf6242be0cc5f93b3018dbb972fd8239823af22",class:"divider",part:"divider"})))}static get style(){return"@keyframes spin {   from {     transform: rotate(0deg);   }   to {     transform: rotate(360deg);   } } @keyframes pulse {   0%, 100% {     opacity: 1;   }   50% {     opacity: 0.5;   } }  :root {      --bh-breakpoint-xs: 0;   --bh-breakpoint-sm: 576px;   --bh-breakpoint-md: 768px;   --bh-breakpoint-lg: 992px;   --bh-breakpoint-xl: 1200px;   --bh-breakpoint-xxl: 1400px;      --bh-container-sm: 540px;   --bh-container-md: 720px;   --bh-container-lg: 960px;   --bh-container-xl: 1140px;   --bh-container-xxl: 1320px; }      @layer bh-tokens, bh-base, bh-variants, bh-states, bh-utilities; @layer bh-tokens {   :host {     display: block;          --bh-section-header-heading-color: var(--color-text-primary);     --bh-section-header-supporting-color: var(--color-text-tertiary);     --bh-section-header-divider-color: var(--color-border-secondary);     --bh-section-header-gap: var(--spacing-md);     --bh-section-header-content-gap: var(--spacing-xl);     --bh-section-header-text-gap: var(--spacing-xs);   } } @layer bh-base {   .section-header {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: var(--bh-section-header-gap);     width: 100%;   }   .content {     display: flex;     align-items: flex-start;     gap: var(--bh-section-header-content-gap);     width: 100%;   }   .text-and-supporting-text {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: var(--bh-section-header-text-gap);     flex: 1;     min-width: 0;     align-self: center;   }   .heading {     font-family: var(--font-inter);     font-size: var(--text-lg-size);     font-weight: var(--weight-semibold);     line-height: var(--line-height-normal);     color: var(--bh-section-header-heading-color);     margin: 0;     width: 100%;   }   .supporting-text {     font-family: var(--font-inter);     font-size: var(--text-sm-size);     font-weight: var(--weight-regular);     line-height: var(--line-height-normal);     color: var(--bh-section-header-supporting-color);     margin: 0;     width: 100%;     overflow: hidden;     text-overflow: ellipsis;     white-space: nowrap;   }   .actions {     display: flex;     align-items: center;     gap: var(--spacing-lg);     flex-shrink: 0;   }   .tabs {     display: flex;     align-items: center;     gap: var(--spacing-xs);     width: 100%;   }   .search-slot {     display: contents;   }   .divider {     width: 100%;     height: 1px;     background-color: var(--bh-section-header-divider-color);     flex-shrink: 0;   } } @layer bh-variants {      @media (max-width: 768px) {     .content {       flex-direction: column;     }     .heading {       font-size: var(--text-md-size);       line-height: var(--line-height-normal);     }   } }"}},[769,"bh-section-header",{heading:[1],supportingText:[1,"supporting-text"],showDivider:[4,"show-divider"]}]),l=h,p=function(){"undefined"!=typeof customElements&&["bh-section-header"].forEach((e=>{"bh-section-header"===e&&(customElements.get(r(e))||customElements.define(r(e),h))}))};export{l as BhSectionHeader,p as defineCustomElement}

package/components/bh-select.js

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

package/components/bh-selection-group-item.js

@@ -1 +1 @@
-import{p as e,H as t,c as o,h as i,d as r,t as s}from"./p-YZi6LqIt.js";import{d as n}from"./p-BHeNnP2q.js";import{d as a}from"./p-GjWzFf-V.js";import{d as l}from"./p-B2KPN863.js";import{d as c}from"./p-XYHjFWDD.js";import{d as h}from"./p-Bf_iTZDv.js";import{c as b,m,M as p,r as u}from"./p-BJXjqxlX.js";import{c as d}from"./p-YdVz1TeW.js";import{a as g}from"./p-BqJRACkO.js";const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=o(this,"bhChange"),this.bhFocus=o(this,"bhFocus"),this.bhBlur=o(this,"bhBlur")}logger=b("bh-selection-group-item");focusState=d();selectionMode="multiple";size="sm";value="";checked=!1;selected=!1;disabled=!1;hasIcon=!1;iconName="";itemTitle="";subtitle="";description="";name="";focusVersion=0;bhChange;bhFocus;bhBlur;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),m.increment(p.COMPONENT_ERROR,{component:"bh-selection-group-item",error_type:e instanceof Error?e.name:"unknown"}),u("bh-selection-group-item",e)}handleClick=()=>{this.disabled||("single"===this.selectionMode?this.selected||(this.selected=!0,this.bhChange.emit({value:this.value,checked:!0})):(this.checked=!this.checked,this.bhChange.emit({value:this.value,checked:this.checked})))};handleKeyDown=e=>{g(e)&&(e.preventDefault(),this.handleClick())};handleMouseEnter=()=>{this.disabled||this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=e=>{this.disabled?this.bhFocus.emit(e):this.focusState.handleFocus(e,(()=>this.bhFocus.emit(e)))};handleBlur=e=>{this.focusState.handleBlur(e,(()=>this.bhBlur.emit(e)))};handleCheckboxBhChange=e=>{e.stopPropagation()};handleRadioChange=e=>{e.stopPropagation(),this.selected=!0,this.bhChange.emit({value:this.value,checked:!0})};render(){const e="single"===this.selectionMode,t=e?this.selected:this.checked,o=()=>e?i("bh-radio-button",{disabled:this.disabled,name:this.name,onBhChange:this.handleRadioChange,selected:this.selected,size:this.size,value:this.value}):i("bh-checkbox",{checked:this.checked,disabled:this.disabled,onBhChange:this.handleCheckboxBhChange,size:this.size}),s=()=>i("div",{class:"item-content"},i("div",{class:"item-text-row"},this.itemTitle&&i("span",{class:"item-title"},this.itemTitle),this.subtitle&&i("span",{class:"item-subtitle"},this.subtitle)),this.description&&i("p",{class:"item-description"},this.description));return i(r,null,i("div",{"aria-checked":t+"","aria-disabled":this.disabled?"true":null,class:{"selection-group-item":!0,["selection-group-item-"+this.size]:!0,["selection-group-item-"+this.selectionMode]:!0,"selection-group-item-with-icon":this.hasIcon,"selection-group-item-active":t,"selection-group-item-disabled":this.disabled,"selection-group-item-hovered":this.focusState.isHovered,"selection-group-item-focused":this.focusState.isFocused},"data-focused":this.focusState.isFocused+"","data-hovered":this.focusState.isHovered+"",onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container",role:e?"radio":"checkbox",tabIndex:this.disabled?-1:0},this.hasIcon?[(()=>this.hasIcon&&this.iconName?i("bh-featured-icon",{color:"gray",icon:this.iconName,iconStyle:"outlined",size:"sm"}):null)(),s(),o()]:[o(),s()]))}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}}@layer bh-base{.selection-group-item{display:flex;align-items:flex-start;background:var(--bh-selection-group-item-bg);border:1px solid var(--bh-selection-group-item-border-color);border-radius:var(--bh-selection-group-item-border-radius);cursor:pointer;transition:background-color var(--animation-duration-normal) ease, border-color var(--animation-duration-normal) ease, box-shadow var(--animation-duration-normal) ease;box-sizing:border-box;font-family:var(--bh-selection-group-item-font-family);outline:none;}.selection-group-item bh-checkbox,.selection-group-item bh-radio-button{pointer-events:none}}@layer bh-tokens{:host{--bh-selection-group-item-bg:var(--color-bg-primary);--bh-selection-group-item-border-color:var(--color-border-secondary);--bh-selection-group-item-border-radius:var(--radius-xl);--bh-selection-group-item-font-family:var(--font-inter);--bh-selection-group-item-title-color:var(--color-text-primary);--bh-selection-group-item-subtitle-color:var(--color-text-secondary);--bh-selection-group-item-description-color:var(--color-text-secondary);--bh-selection-group-item-font-size:var(--text-sm-size);--bh-selection-group-item-font-weight-semibold:var(--weight-semibold);--bh-selection-group-item-font-weight-regular:var(--weight-regular);--bh-selection-group-item-line-height:var(--text-sm-line);--bh-selection-group-item-content-gap:var(--spacing-xs);--bh-selection-group-item-text-row-gap:var(--spacing-sm);--bh-selection-group-item-active-border-color:var(       --color-border-interactive     );--bh-selection-group-item-active-shadow:var(--color-brand-100);--bh-selection-group-item-active-bg:var(--color-brand-50);--bh-selection-group-item-hover-bg:var(--color-bg-secondary);--bh-selection-group-item-hover-border-color:var(--color-border-primary);--bh-selection-group-item-focus-shadow:var(--color-brand-100);--bh-selection-group-item-disabled-bg:var(--color-bg-tertiary);--bh-selection-group-item-disabled-border-color:var(       --color-border-secondary     );--bh-selection-group-item-disabled-color:var(--color-text-disabled)}}@layer bh-base{.item-content{display:flex;flex-direction:column;flex:1;gap:var(--bh-selection-group-item-content-gap);min-width:0}.item-text-row{display:flex;align-items:center;gap:var(--bh-selection-group-item-text-row-gap);flex-wrap:wrap}.item-title{font-size:var(--bh-selection-group-item-font-size);font-weight:var(--bh-selection-group-item-font-weight-semibold);line-height:var(--bh-selection-group-item-line-height);color:var(--bh-selection-group-item-title-color)}.item-subtitle{font-size:var(--bh-selection-group-item-font-size);font-weight:var(--bh-selection-group-item-font-weight-regular);line-height:var(--bh-selection-group-item-line-height);color:var(--bh-selection-group-item-subtitle-color)}.item-description{font-size:var(--bh-selection-group-item-font-size);font-weight:var(--bh-selection-group-item-font-weight-regular);line-height:var(--bh-selection-group-item-line-height);color:var(--bh-selection-group-item-description-color);margin:0}}@layer bh-variants{.selection-group-item{}.selection-group-item-sm{padding:var(--spacing-xl);gap:var(--spacing-md)}.selection-group-item-md{padding:var(--spacing-xl) var(--spacing-2xl);gap:var(--spacing-lg)}.selection-group-item{}.selection-group-item-with-icon{gap:var(--spacing-lg)}}@layer bh-states{.selection-group-item{}.selection-group-item-active{border-color:var(--bh-selection-group-item-active-border-color);box-shadow:inset 0 0 0 1px var(--bh-selection-group-item-active-border-color);background:var(--bh-selection-group-item-active-bg)}.selection-group-item{}.selection-group-item-hovered:not(.selection-group-item-disabled):not(.selection-group-item-active){background:var(--bh-selection-group-item-hover-bg);border-color:var(--bh-selection-group-item-hover-border-color)}.selection-group-item{}.selection-group-item-focused:not(.selection-group-item-disabled):not(.selection-group-item-active){box-shadow:0px 0px 0px 4px var(--bh-selection-group-item-focus-shadow)}.selection-group-item-focused.selection-group-item-active:not(.selection-group-item-disabled){box-shadow:inset 0 0 0 1px var(--bh-selection-group-item-active-border-color), 0px 0px 0px 4px var(--bh-selection-group-item-active-shadow)}.selection-group-item{}.selection-group-item-disabled{background:var(--bh-selection-group-item-disabled-bg);border-color:var(--bh-selection-group-item-disabled-border-color);cursor:not-allowed;opacity:0.6}.selection-group-item-disabled .item-title,.selection-group-item-disabled .item-subtitle,.selection-group-item-disabled .item-description{color:var(--bh-selection-group-item-disabled-color)}}"}},[513,"bh-selection-group-item",{selectionMode:[1,"selection-mode"],size:[1],value:[1],checked:[1028],selected:[1028],disabled:[4],hasIcon:[4,"has-icon"],iconName:[1,"icon-name"],itemTitle:[1,"item-title"],subtitle:[1],description:[1],name:[1],focusVersion:[32]}]),f=v,x=function(){"undefined"!=typeof customElements&&["bh-selection-group-item","bh-checkbox","bh-featured-icon","bh-label","bh-radio-button","bh-tooltip"].forEach((e=>{switch(e){case"bh-selection-group-item":customElements.get(s(e))||customElements.define(s(e),v);break;case"bh-checkbox":customElements.get(s(e))||n();break;case"bh-featured-icon":customElements.get(s(e))||a();break;case"bh-label":customElements.get(s(e))||l();break;case"bh-radio-button":customElements.get(s(e))||c();break;case"bh-tooltip":customElements.get(s(e))||h()}}))};export{f as BhSelectionGroupItem,x as defineCustomElement}
+import{p as e,H as t,c as o,h as i,d as r,t as s}from"./p-YZi6LqIt.js";import{d as n}from"./p-DfCONXO0.js";import{d as a}from"./p-Dzlsnb7d.js";import{d as l}from"./p-C7fkgBQS.js";import{d as c}from"./p-CZ_H3nat.js";import{d as h}from"./p-D6aw0IK6.js";import{c as b,m,M as p,r as u}from"./p-BJXjqxlX.js";import{c as d}from"./p-YdVz1TeW.js";import{a as g}from"./p-BqJRACkO.js";const v=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=o(this,"bhChange"),this.bhFocus=o(this,"bhFocus"),this.bhBlur=o(this,"bhBlur")}logger=b("bh-selection-group-item");focusState=d();selectionMode="multiple";size="sm";value="";checked=!1;selected=!1;disabled=!1;hasIcon=!1;iconName="";itemTitle="";subtitle="";description="";name="";focusVersion=0;bhChange;bhFocus;bhBlur;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),m.increment(p.COMPONENT_ERROR,{component:"bh-selection-group-item",error_type:e instanceof Error?e.name:"unknown"}),u("bh-selection-group-item",e)}handleClick=()=>{this.disabled||("single"===this.selectionMode?this.selected||(this.selected=!0,this.bhChange.emit({value:this.value,checked:!0})):(this.checked=!this.checked,this.bhChange.emit({value:this.value,checked:this.checked})))};handleKeyDown=e=>{g(e)&&(e.preventDefault(),this.handleClick())};handleMouseEnter=()=>{this.disabled||this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};handleFocus=e=>{this.disabled?this.bhFocus.emit(e):this.focusState.handleFocus(e,(()=>this.bhFocus.emit(e)))};handleBlur=e=>{this.focusState.handleBlur(e,(()=>this.bhBlur.emit(e)))};handleCheckboxBhChange=e=>{e.stopPropagation()};handleRadioChange=e=>{e.stopPropagation(),this.selected=!0,this.bhChange.emit({value:this.value,checked:!0})};render(){const e="single"===this.selectionMode,t=e?this.selected:this.checked,o=()=>e?i("bh-radio-button",{disabled:this.disabled,name:this.name,onBhChange:this.handleRadioChange,selected:this.selected,size:this.size,value:this.value}):i("bh-checkbox",{checked:this.checked,disabled:this.disabled,onBhChange:this.handleCheckboxBhChange,size:this.size}),s=()=>i("div",{class:"item-content"},i("div",{class:"item-text-row"},this.itemTitle&&i("span",{class:"item-title"},this.itemTitle),this.subtitle&&i("span",{class:"item-subtitle"},this.subtitle)),this.description&&i("p",{class:"item-description"},this.description));return i(r,null,i("div",{"aria-checked":t+"","aria-disabled":this.disabled?"true":null,class:{"selection-group-item":!0,["selection-group-item-"+this.size]:!0,["selection-group-item-"+this.selectionMode]:!0,"selection-group-item-with-icon":this.hasIcon,"selection-group-item-active":t,"selection-group-item-disabled":this.disabled,"selection-group-item-hovered":this.focusState.isHovered,"selection-group-item-focused":this.focusState.isFocused},"data-focused":this.focusState.isFocused+"","data-hovered":this.focusState.isHovered+"",onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"container",role:e?"radio":"checkbox",tabIndex:this.disabled?-1:0},this.hasIcon?[(()=>this.hasIcon&&this.iconName?i("bh-featured-icon",{color:"gray",icon:this.iconName,iconStyle:"outlined",size:"sm"}):null)(),s(),o()]:[o(),s()]))}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}}@layer bh-base{.selection-group-item{display:flex;align-items:flex-start;background:var(--bh-selection-group-item-bg);border:1px solid var(--bh-selection-group-item-border-color);border-radius:var(--bh-selection-group-item-border-radius);cursor:pointer;transition:background-color var(--animation-duration-normal) ease, border-color var(--animation-duration-normal) ease, box-shadow var(--animation-duration-normal) ease;box-sizing:border-box;font-family:var(--bh-selection-group-item-font-family);outline:none;}.selection-group-item bh-checkbox,.selection-group-item bh-radio-button{pointer-events:none}}@layer bh-tokens{:host{--bh-selection-group-item-bg:var(--color-bg-primary);--bh-selection-group-item-border-color:var(--color-border-secondary);--bh-selection-group-item-border-radius:var(--radius-xl);--bh-selection-group-item-font-family:var(--font-inter);--bh-selection-group-item-title-color:var(--color-text-primary);--bh-selection-group-item-subtitle-color:var(--color-text-secondary);--bh-selection-group-item-description-color:var(--color-text-secondary);--bh-selection-group-item-font-size:var(--text-sm-size);--bh-selection-group-item-font-weight-semibold:var(--weight-semibold);--bh-selection-group-item-font-weight-regular:var(--weight-regular);--bh-selection-group-item-line-height:var(--text-sm-line);--bh-selection-group-item-content-gap:var(--spacing-xs);--bh-selection-group-item-text-row-gap:var(--spacing-sm);--bh-selection-group-item-active-border-color:var(       --color-border-interactive     );--bh-selection-group-item-active-shadow:var(--color-brand-100);--bh-selection-group-item-active-bg:var(--color-brand-50);--bh-selection-group-item-hover-bg:var(--color-bg-secondary);--bh-selection-group-item-hover-border-color:var(--color-border-primary);--bh-selection-group-item-focus-shadow:var(--color-brand-100);--bh-selection-group-item-disabled-bg:var(--color-bg-tertiary);--bh-selection-group-item-disabled-border-color:var(       --color-border-secondary     );--bh-selection-group-item-disabled-color:var(--color-text-disabled)}}@layer bh-base{.item-content{display:flex;flex-direction:column;flex:1;gap:var(--bh-selection-group-item-content-gap);min-width:0}.item-text-row{display:flex;align-items:center;gap:var(--bh-selection-group-item-text-row-gap);flex-wrap:wrap}.item-title{font-size:var(--bh-selection-group-item-font-size);font-weight:var(--bh-selection-group-item-font-weight-semibold);line-height:var(--bh-selection-group-item-line-height);color:var(--bh-selection-group-item-title-color)}.item-subtitle{font-size:var(--bh-selection-group-item-font-size);font-weight:var(--bh-selection-group-item-font-weight-regular);line-height:var(--bh-selection-group-item-line-height);color:var(--bh-selection-group-item-subtitle-color)}.item-description{font-size:var(--bh-selection-group-item-font-size);font-weight:var(--bh-selection-group-item-font-weight-regular);line-height:var(--bh-selection-group-item-line-height);color:var(--bh-selection-group-item-description-color);margin:0}}@layer bh-variants{.selection-group-item{}.selection-group-item-sm{padding:var(--spacing-xl);gap:var(--spacing-md)}.selection-group-item-md{padding:var(--spacing-xl) var(--spacing-2xl);gap:var(--spacing-lg)}.selection-group-item{}.selection-group-item-with-icon{gap:var(--spacing-lg)}}@layer bh-states{.selection-group-item{}.selection-group-item-active{border-color:var(--bh-selection-group-item-active-border-color);box-shadow:inset 0 0 0 1px var(--bh-selection-group-item-active-border-color);background:var(--bh-selection-group-item-active-bg)}.selection-group-item{}.selection-group-item-hovered:not(.selection-group-item-disabled):not(.selection-group-item-active){background:var(--bh-selection-group-item-hover-bg);border-color:var(--bh-selection-group-item-hover-border-color)}.selection-group-item{}.selection-group-item-focused:not(.selection-group-item-disabled):not(.selection-group-item-active){box-shadow:0px 0px 0px 4px var(--bh-selection-group-item-focus-shadow)}.selection-group-item-focused.selection-group-item-active:not(.selection-group-item-disabled){box-shadow:inset 0 0 0 1px var(--bh-selection-group-item-active-border-color), 0px 0px 0px 4px var(--bh-selection-group-item-active-shadow)}.selection-group-item{}.selection-group-item-disabled{background:var(--bh-selection-group-item-disabled-bg);border-color:var(--bh-selection-group-item-disabled-border-color);cursor:not-allowed;opacity:0.6}.selection-group-item-disabled .item-title,.selection-group-item-disabled .item-subtitle,.selection-group-item-disabled .item-description{color:var(--bh-selection-group-item-disabled-color)}}"}},[513,"bh-selection-group-item",{selectionMode:[1,"selection-mode"],size:[1],value:[1],checked:[1028],selected:[1028],disabled:[4],hasIcon:[4,"has-icon"],iconName:[1,"icon-name"],itemTitle:[1,"item-title"],subtitle:[1],description:[1],name:[1],focusVersion:[32]}]),f=v,x=function(){"undefined"!=typeof customElements&&["bh-selection-group-item","bh-checkbox","bh-featured-icon","bh-label","bh-radio-button","bh-tooltip"].forEach((e=>{switch(e){case"bh-selection-group-item":customElements.get(s(e))||customElements.define(s(e),v);break;case"bh-checkbox":customElements.get(s(e))||n();break;case"bh-featured-icon":customElements.get(s(e))||a();break;case"bh-label":customElements.get(s(e))||l();break;case"bh-radio-button":customElements.get(s(e))||c();break;case"bh-tooltip":customElements.get(s(e))||h()}}))};export{f as BhSelectionGroupItem,x as defineCustomElement}

package/components/bh-selection-group.js

@@ -1 +1 @@
-import{p as e,H as t,c as s,h as i,d as r,t as a}from"./p-YZi6LqIt.js";import{c as o,m as n,M as h,r as l}from"./p-BJXjqxlX.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=s(this,"bhChange"),this.bhFocus=s(this,"bhFocus"),this.bhBlur=s(this,"bhBlur")}logger=o("bh-selection-group");get el(){return this}selectionMode="multiple";name="";value=[];disabled=!1;ariaLabel=null;ariaLabelledBy;ariaDescribedBy;required=!1;bhChange;bhFocus;bhBlur;handleFocus=e=>{this.bhFocus.emit(e)};handleBlur=e=>{this.bhBlur.emit(e)};handleKeyDown=e=>{if("single"!==this.selectionMode)return;const t=e.key;if(!["ArrowDown","ArrowRight","ArrowUp","ArrowLeft"].includes(t))return;const s=Array.from(this.el.querySelectorAll("bh-selection-group-item")).filter((e=>!e.disabled));if(0===s.length)return;e.preventDefault();const i=s.indexOf(document.activeElement),r=s["ArrowDown"===t||"ArrowRight"===t?(i+1)%s.length:(i-1+s.length)%s.length];r.shadowRoot?.querySelector("[tabindex]")?.focus(),void 0!==r.value&&(this.value=r.value,this.updateChildItems(),this.bhChange.emit(this.value))};componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),n.increment(h.COMPONENT_ERROR,{component:"bh-selection-group",error_type:e instanceof Error?e.name:"unknown"}),l("bh-selection-group",e)}handleItemChange(e){e.stopPropagation();const{value:t,checked:s}=e.detail;if("single"===this.selectionMode)s&&(this.value=t,this.updateChildItems(),this.bhChange.emit(this.value));else{let e=Array.isArray(this.value)?[...this.value]:[];if(s)e.includes(t)||(e=[...e,t]);else{const s=e.indexOf(t);s>-1&&(e=e.toSpliced(s,1))}this.value=e,this.bhChange.emit(this.value)}}componentDidLoad(){this.updateChildItems()}updateChildItems(){const e=this.el.querySelectorAll("bh-selection-group-item"),t=Array.from(e);for(const e of t)e.selectionMode=this.selectionMode,"single"===this.selectionMode&&(e.name=this.name),this.disabled&&(e.disabled=!0),"single"===this.selectionMode?(e.selected=e.value===this.value,e.checked=!1):(e.checked=(Array.isArray(this.value)?this.value:[]).includes(e.value),e.selected=!1)}render(){return i(r,{key:"651a357be7a60f88d21aefd0dc166a96291ac443"},i("div",{key:"ea7c7b837371d0e6239858f99078483031ade5ca","aria-describedby":this.ariaDescribedBy,"aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-required":this.required+"",class:"selection-group",onFocusin:this.handleFocus,onFocusout:this.handleBlur,onKeyDown:this.handleKeyDown,part:"container",role:"single"===this.selectionMode?"radiogroup":"group"},i("slot",{key:"7562b34ef2da0a5ce4db989e1256dd178322c6ed"})))}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}}@layer bh-tokens{:host{--bh-selection-group-gap:var(--spacing-sm)}}@layer bh-base{.selection-group{display:flex;flex-direction:column;gap:var(--bh-selection-group-gap);width:100%}}"}},[769,"bh-selection-group",{selectionMode:[1,"selection-mode"],name:[1],value:[1025],disabled:[4],ariaLabel:[1,"aria-label"],ariaLabelledBy:[1,"aria-labelled-by"],ariaDescribedBy:[1,"aria-described-by"],required:[4]},[[0,"bhChange","handleItemChange"]]]),d=c,b=function(){"undefined"!=typeof customElements&&["bh-selection-group"].forEach((e=>{"bh-selection-group"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))};export{d as BhSelectionGroup,b as defineCustomElement}
+import{p as e,H as t,c as s,h as i,d as r,t as o}from"./p-YZi6LqIt.js";import{c as a,m as n,M as h,r as l}from"./p-BJXjqxlX.js";const c=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhChange=s(this,"bhChange"),this.bhFocus=s(this,"bhFocus"),this.bhBlur=s(this,"bhBlur")}logger=a("bh-selection-group");get el(){return this}selectionMode="multiple";name="";value=[];disabled=!1;ariaLabel=null;ariaLabelledBy;ariaDescribedBy;required=!1;bhChange;bhFocus;bhBlur;handleFocus=e=>{this.bhFocus.emit(e)};handleBlur=e=>{this.bhBlur.emit(e)};handleKeyDown=e=>{if("single"!==this.selectionMode)return;const t=e.key;if(!["ArrowDown","ArrowRight","ArrowUp","ArrowLeft"].includes(t))return;const s=Array.from(this.el.querySelectorAll("bh-selection-group-item")).filter((e=>!e.disabled));if(0===s.length)return;e.preventDefault();const i=s.indexOf(document.activeElement),r=s["ArrowDown"===t||"ArrowRight"===t?(i+1)%s.length:(i-1+s.length)%s.length];r.shadowRoot?.querySelector("[tabindex]")?.focus(),void 0!==r.value&&(this.value=r.value,this.updateChildItems(),this.bhChange.emit(this.value))};componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),n.increment(h.COMPONENT_ERROR,{component:"bh-selection-group",error_type:e instanceof Error?e.name:"unknown"}),l("bh-selection-group",e)}handleItemChange(e){e.stopPropagation();const{value:t,checked:s}=e.detail;if("single"===this.selectionMode)s&&(this.value=t,this.updateChildItems(),this.bhChange.emit(this.value));else{let e=Array.isArray(this.value)?[...this.value]:[];if(s)e.includes(t)||(e=[...e,t]);else{const s=e.indexOf(t);s>-1&&(e=e.toSpliced(s,1))}this.value=e,this.bhChange.emit(this.value)}}componentDidLoad(){this.updateChildItems()}updateChildItems(){const e=this.el.querySelectorAll("bh-selection-group-item"),t=Array.from(e);for(const e of t)e.selectionMode=this.selectionMode,"single"===this.selectionMode&&(e.name=this.name),this.disabled&&(e.disabled=!0),"single"===this.selectionMode?(e.selected=e.value===this.value,e.checked=!1):(e.checked=(Array.isArray(this.value)?this.value:[]).includes(e.value),e.selected=!1)}render(){return i(r,{key:"42a3fee86af4a59de1260fc9b421b01b75c0ebe9"},i("div",{key:"2d23ad07b16eec484f69f9fc618e114727a9e527","aria-describedby":this.ariaDescribedBy,"aria-disabled":this.disabled?"true":void 0,"aria-label":this.ariaLabel,"aria-labelledby":this.ariaLabelledBy,"aria-required":this.required+"",class:"selection-group",onFocusin:this.handleFocus,onFocusout:this.handleBlur,onKeyDown:this.handleKeyDown,part:"container",role:"single"===this.selectionMode?"radiogroup":"group"},i("slot",{key:"a1ee406cb10e814fbb63df50f5c2cab6da2ff97a"})))}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}}@layer bh-tokens{:host{--bh-selection-group-gap:var(--spacing-sm)}}@layer bh-base{.selection-group{display:flex;flex-direction:column;gap:var(--bh-selection-group-gap);width:100%}}"}},[769,"bh-selection-group",{selectionMode:[1,"selection-mode"],name:[1],value:[1025],disabled:[4],ariaLabel:[1,"aria-label"],ariaLabelledBy:[1,"aria-labelled-by"],ariaDescribedBy:[1,"aria-described-by"],required:[4]},[[0,"bhChange","handleItemChange"]]]),b=c,d=function(){"undefined"!=typeof customElements&&["bh-selection-group"].forEach((e=>{"bh-selection-group"===e&&(customElements.get(o(e))||customElements.define(o(e),c))}))};export{b as BhSelectionGroup,d as defineCustomElement}

package/components/bh-side-panel-footer.js

@@ -1 +1 @@
-import{p as e,H as t,c as o,h as r,d as n,t as a}from"./p-YZi6LqIt.js";import{d as i}from"./p-oaisznHL.js";import{d as s}from"./p-BbPrWlsw.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhAction=o(this,"bhAction")}variant="fill";destructive=!1;primaryLabel="Confirm";secondaryLabel="Cancel";showSecondary=!0;divider=!1;bhAction;handlePrimaryAction=()=>{this.bhAction.emit({action:"primary"})};handleSecondaryAction=()=>{this.bhAction.emit({action:"secondary"})};renderButtons(){const e="right-aligned"===this.variant,t=r("bh-button",{hierarchy:"primary",icon:"none",label:this.primaryLabel,onClick:this.handlePrimaryAction,size:"md",variant:this.destructive?"destructive":"default"}),o=this.showSecondary?r("bh-button",{hierarchy:"secondary",icon:"none",label:this.secondaryLabel,onClick:this.handleSecondaryAction,size:"md"}):null;return e?r("div",{class:"panel-footer-content panel-footer-content--right"},r("div",{class:"actions-left"},r("slot",{name:"left-content"})),r("div",{class:"actions-right"},o,t)):r("div",{class:"panel-footer-content panel-footer-content--fill"},o,t)}render(){return r(n,{key:"b0c301c0266272f7d29cdfc21b688f516a8c72e6"},r("footer",{key:"a542de9c73b83a0b8d73ec3f1804a4a380b0e788",class:"panel-footer"},this.divider&&r("div",{key:"ae3df81a4ca576adb54b39a3848e21d291e0dd4d",class:"divider"}),this.renderButtons()))}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;     width: 100%;     font-family: var(--font-inter);     --bh-panel-footer-divider-color: var(--color-border-secondary);     --bh-panel-footer-padding: var(--spacing-3xl);     --bh-panel-footer-destructive-bg: var(--color-bg-destructive);     --bh-panel-footer-destructive-bg-hover: var(--color-bg-destructive-hover);     --bh-panel-footer-destructive-bg-active: var(--color-bg-destructive-active);     --bh-panel-footer-destructive-text: var(--color-text-inverse);   } } @layer bh-base {   .panel-footer {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: 0;     padding-top: var(--bh-panel-footer-padding);     width: 100%;   }   .divider {     height: 1px;     width: 100%;     flex-shrink: 0;     background-color: var(--bh-panel-footer-divider-color);     margin-bottom: var(--bh-panel-footer-padding);   }   .panel-footer-content {     display: flex;     gap: var(--spacing-lg);     padding: 0 var(--bh-panel-footer-padding);     padding-bottom: var(--bh-panel-footer-padding);     width: 100%;     box-sizing: border-box;   }      .actions-left {     display: flex;     gap: var(--spacing-lg);     align-items: center;   }   .actions-right {     display: flex;     gap: var(--spacing-lg);     align-items: center;     justify-content: flex-end;   }      .btn-destructive {     display: flex;     align-items: center;     justify-content: center;     gap: var(--spacing-xxs);     height: var(--bh-button-height-md);     padding: 0 var(--spacing-lg);     background-color: var(--bh-panel-footer-destructive-bg);     color: var(--bh-panel-footer-destructive-text);     border: none;     border-radius: var(--radius-md);     font-family: var(--font-inter);     font-weight: var(--weight-semibold);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     letter-spacing: 0;     cursor: pointer;     overflow: hidden;     transition: background-color 0.2s ease-in-out;   } } @layer bh-variants {      .panel-footer-content--fill {     flex-direction: row;     align-items: stretch;   }   .panel-footer-content--fill bh-button {     flex: 1;     display: block;     width: 100%;   }   .panel-footer-content--fill bh-button::part(button) {     width: 100%;   }   .panel-footer-content--fill .btn-destructive {     flex: 1;   }      .panel-footer-content--right {     flex-direction: row;     align-items: center;     justify-content: space-between;   } } @layer bh-states {   .btn-destructive:hover {     background-color: var(--bh-panel-footer-destructive-bg-hover);   }   .btn-destructive:focus-visible {     outline: 2px solid var(--bh-panel-footer-destructive-bg);     outline-offset: 2px;   }   .btn-destructive:active {     background-color: var(--bh-panel-footer-destructive-bg-active);   } } @layer bh-utilities {      @media (max-width: 480px) {     .panel-footer-content--fill {       flex-direction: column-reverse;       align-items: stretch;     }     .panel-footer-content--fill bh-button,     .panel-footer-content--fill .btn-destructive {       flex: none;       width: 100%;     }   } }"}},[769,"bh-side-panel-footer",{variant:[1],destructive:[4],primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],showSecondary:[4,"show-secondary"],divider:[4]}]),c=l,d=function(){"undefined"!=typeof customElements&&["bh-side-panel-footer","bh-button","bh-loader-spinner"].forEach((e=>{switch(e){case"bh-side-panel-footer":customElements.get(a(e))||customElements.define(a(e),l);break;case"bh-button":customElements.get(a(e))||i();break;case"bh-loader-spinner":customElements.get(a(e))||s()}}))};export{c as BhSidePanelFooter,d as defineCustomElement}
+import{p as e,H as t,c as o,h as r,d as n,t as a}from"./p-YZi6LqIt.js";import{d as i}from"./p-BI2Y2Le4.js";import{d as s}from"./p-BbPrWlsw.js";const l=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhAction=o(this,"bhAction")}variant="fill";destructive=!1;primaryLabel="Confirm";secondaryLabel="Cancel";showSecondary=!0;divider=!1;bhAction;handlePrimaryAction=()=>{this.bhAction.emit({action:"primary"})};handleSecondaryAction=()=>{this.bhAction.emit({action:"secondary"})};renderButtons(){const e="right-aligned"===this.variant,t=r("bh-button",{hierarchy:"primary",icon:"none",label:this.primaryLabel,onClick:this.handlePrimaryAction,size:"md",variant:this.destructive?"destructive":"default"}),o=this.showSecondary?r("bh-button",{hierarchy:"secondary",icon:"none",label:this.secondaryLabel,onClick:this.handleSecondaryAction,size:"md"}):null;return e?r("div",{class:"panel-footer-content panel-footer-content--right"},r("div",{class:"actions-left"},r("slot",{name:"left-content"})),r("div",{class:"actions-right"},o,t)):r("div",{class:"panel-footer-content panel-footer-content--fill"},o,t)}render(){return r(n,{key:"ff8639f5131658cf8ffae8dd65d49d54f7c5c0ae"},r("footer",{key:"4d3cb230b86bf89aa7112abcb3c9d8f2cb9bf4f8",class:"panel-footer"},this.divider&&r("div",{key:"a0ae6e6b9c723819556ea2da0617467be09f9a85",class:"divider"}),this.renderButtons()))}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;     width: 100%;     font-family: var(--font-inter);     --bh-panel-footer-divider-color: var(--color-border-secondary);     --bh-panel-footer-padding: var(--spacing-3xl);     --bh-panel-footer-destructive-bg: var(--color-bg-destructive);     --bh-panel-footer-destructive-bg-hover: var(--color-bg-destructive-hover);     --bh-panel-footer-destructive-bg-active: var(--color-bg-destructive-active);     --bh-panel-footer-destructive-text: var(--color-text-inverse);   } } @layer bh-base {   .panel-footer {     display: flex;     flex-direction: column;     align-items: flex-start;     gap: 0;     padding-top: var(--bh-panel-footer-padding);     width: 100%;   }   .divider {     height: 1px;     width: 100%;     flex-shrink: 0;     background-color: var(--bh-panel-footer-divider-color);     margin-bottom: var(--bh-panel-footer-padding);   }   .panel-footer-content {     display: flex;     gap: var(--spacing-lg);     padding: 0 var(--bh-panel-footer-padding);     padding-bottom: var(--bh-panel-footer-padding);     width: 100%;     box-sizing: border-box;   }      .actions-left {     display: flex;     gap: var(--spacing-lg);     align-items: center;   }   .actions-right {     display: flex;     gap: var(--spacing-lg);     align-items: center;     justify-content: flex-end;   }      .btn-destructive {     display: flex;     align-items: center;     justify-content: center;     gap: var(--spacing-xxs);     height: var(--bh-button-height-md);     padding: 0 var(--spacing-lg);     background-color: var(--bh-panel-footer-destructive-bg);     color: var(--bh-panel-footer-destructive-text);     border: none;     border-radius: var(--radius-md);     font-family: var(--font-inter);     font-weight: var(--weight-semibold);     font-size: var(--text-sm-size);     line-height: var(--line-height-normal);     letter-spacing: 0;     cursor: pointer;     overflow: hidden;     transition: background-color 0.2s ease-in-out;   } } @layer bh-variants {      .panel-footer-content--fill {     flex-direction: row;     align-items: stretch;   }   .panel-footer-content--fill bh-button {     flex: 1;     display: block;     width: 100%;   }   .panel-footer-content--fill bh-button::part(button) {     width: 100%;   }   .panel-footer-content--fill .btn-destructive {     flex: 1;   }      .panel-footer-content--right {     flex-direction: row;     align-items: center;     justify-content: space-between;   } } @layer bh-states {   .btn-destructive:hover {     background-color: var(--bh-panel-footer-destructive-bg-hover);   }   .btn-destructive:focus-visible {     outline: 2px solid var(--bh-panel-footer-destructive-bg);     outline-offset: 2px;   }   .btn-destructive:active {     background-color: var(--bh-panel-footer-destructive-bg-active);   } } @layer bh-utilities {      @media (max-width: 480px) {     .panel-footer-content--fill {       flex-direction: column-reverse;       align-items: stretch;     }     .panel-footer-content--fill bh-button,     .panel-footer-content--fill .btn-destructive {       flex: none;       width: 100%;     }   } }"}},[769,"bh-side-panel-footer",{variant:[1],destructive:[4],primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],showSecondary:[4,"show-secondary"],divider:[4]}]),c=l,d=function(){"undefined"!=typeof customElements&&["bh-side-panel-footer","bh-button","bh-loader-spinner"].forEach((e=>{switch(e){case"bh-side-panel-footer":customElements.get(a(e))||customElements.define(a(e),l);break;case"bh-button":customElements.get(a(e))||i();break;case"bh-loader-spinner":customElements.get(a(e))||s()}}))};export{c as BhSidePanelFooter,d as defineCustomElement}

package/components/bh-side-panel-header.js

@@ -1 +1 @@
-import{p as e,H as t,c as a,h as i,d as s,t as o}from"./p-YZi6LqIt.js";import{d as n}from"./p-cD3vmu49.js";import{d as r}from"./p-BVwh7Zds.js";import{d as l}from"./p-GjWzFf-V.js";import{d as c}from"./p-BbPrWlsw.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhClose=a(this,"bhClose")}panelTitle;description;icon;iconColor="gray";showIcon=!1;showCloseButton=!0;divider=!1;bhClose;handleClose=()=>{this.bhClose.emit()};render(){return i(s,{key:"e7965b177aaef468e59bc48d1279cceecf319160"},i("header",{key:"be1c0c144eec2c7aef6b2815abae4b5ee7743ee0",class:"panel-header"},i("div",{key:"b2ec676de7c44f97d4a93efa840bdf35b895d896",class:"panel-header-content"},this.showIcon&&this.icon&&i("bh-featured-icon",{key:"f876eb04b2406841538a570225b1e70a10e1a4f6",color:this.iconColor,icon:this.icon,iconStyle:"outlined",size:"md"}),i("div",{key:"62560b71eb9b245c576adb3eb4f1f7991291f53d",class:"panel-text-content"},i("h3",{key:"98fd555a7b91826f5d3cce8efeb27c22db4dad65",class:"panel-title"},this.panelTitle),this.description&&i("p",{key:"aecfb71b7777f8a0c49a54d7fe45be5964eff108",class:"panel-description"},this.description))),this.showCloseButton&&i("div",{key:"000945b20104edf433f78f2e070746cf77ba6c28",class:"close-button"},i("bh-close-button",{key:"45c096365ab19df4f16d86f3b6b799ba22119930",ariaLabel:"Close panel",onClick:this.handleClose}))),this.divider&&i("div",{key:"cb02b1512b93777a6a6d4adce36c9f3a7290d03c",class:"divider"}))}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:flex;flex-direction:column;align-items:center;gap:0;width:100%;font-family:var(--font-inter);--bh-panel-header-title-color:var(--color-text-primary);--bh-panel-header-description-color:var(--color-text-tertiary);--bh-panel-header-divider-color:var(--color-border-secondary);--bh-panel-header-padding:var(--spacing-3xl)}}@layer bh-base{.panel-header{display:flex;align-items:flex-start;gap:0;width:100%;position:relative}.panel-header-content{display:flex;align-items:flex-start;gap:var(--spacing-xl);padding:var(--bh-panel-header-padding);padding-bottom:var(--spacing-xl);padding-right:var(--spacing-7xl);width:100%;flex:1;min-width:0}.panel-text-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);flex:1;min-width:0}.panel-title{margin:0;font-weight:var(--weight-semibold);font-size:var(--text-lg-size);line-height:var(--text-lg-line);letter-spacing:0;color:var(--bh-panel-header-title-color);width:100%}.panel-description{margin:0;font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal);letter-spacing:0;color:var(--bh-panel-header-description-color);width:100%}.close-button{position:absolute;top:var(--spacing-3xl);right:var(--spacing-3xl)}.divider{height:1px;width:100%;flex-shrink:0;background-color:var(--bh-panel-header-divider-color)}}"}},[513,"bh-side-panel-header",{panelTitle:[1,"panel-title"],description:[1],icon:[1],iconColor:[1,"icon-color"],showIcon:[4,"show-icon"],showCloseButton:[4,"show-close-button"],divider:[4]}]),h=d,b=function(){"undefined"!=typeof customElements&&["bh-side-panel-header","bh-button-icon","bh-close-button","bh-featured-icon","bh-loader-spinner"].forEach((e=>{switch(e){case"bh-side-panel-header":customElements.get(o(e))||customElements.define(o(e),d);break;case"bh-button-icon":customElements.get(o(e))||n();break;case"bh-close-button":customElements.get(o(e))||r();break;case"bh-featured-icon":customElements.get(o(e))||l();break;case"bh-loader-spinner":customElements.get(o(e))||c()}}))};export{h as BhSidePanelHeader,b as defineCustomElement}
+import{p as e,H as t,c as a,h as i,d as s,t as o}from"./p-YZi6LqIt.js";import{d as n}from"./p-CClVva-u.js";import{d as r}from"./p-2SnKTVal.js";import{d as l}from"./p-Dzlsnb7d.js";import{d as c}from"./p-BbPrWlsw.js";const d=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhClose=a(this,"bhClose")}panelTitle;description;icon;iconColor="gray";showIcon=!1;showCloseButton=!0;divider=!1;bhClose;handleClose=()=>{this.bhClose.emit()};render(){return i(s,{key:"3224ec9f84a5850acc476b92d88b7f08f85dc492"},i("header",{key:"55327f5e1eb2fc6e38758b60695e5ce2263d6dae",class:"panel-header"},i("div",{key:"60cb220c5a3212f7ead2f9000155d419f9672fa5",class:"panel-header-content"},this.showIcon&&this.icon&&i("bh-featured-icon",{key:"541884194ca5d974f043c112be2dc572b39ea91b",color:this.iconColor,icon:this.icon,iconStyle:"outlined",size:"md"}),i("div",{key:"d62a700b96f50c97dfe0ebe0f1563fb71ec125c8",class:"panel-text-content"},i("h3",{key:"aa6773b297c819008a2f7077dbf51f0e4da8d1e9",class:"panel-title"},this.panelTitle),this.description&&i("p",{key:"b39e76e15559448c148b13f488914a512228295f",class:"panel-description"},this.description))),this.showCloseButton&&i("div",{key:"fd241777351f6dab5cf1bcc4e67ab4c2d64adec3",class:"close-button"},i("bh-close-button",{key:"086edfc28db803236b6dfc3dee200998f7ec5674",ariaLabel:"Close panel",onClick:this.handleClose}))),this.divider&&i("div",{key:"a5135859dd026ad96526f97697a39c3a668bd54c",class:"divider"}))}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:flex;flex-direction:column;align-items:center;gap:0;width:100%;font-family:var(--font-inter);--bh-panel-header-title-color:var(--color-text-primary);--bh-panel-header-description-color:var(--color-text-tertiary);--bh-panel-header-divider-color:var(--color-border-secondary);--bh-panel-header-padding:var(--spacing-3xl)}}@layer bh-base{.panel-header{display:flex;align-items:flex-start;gap:0;width:100%;position:relative}.panel-header-content{display:flex;align-items:flex-start;gap:var(--spacing-xl);padding:var(--bh-panel-header-padding);padding-bottom:var(--spacing-xl);padding-right:var(--spacing-7xl);width:100%;flex:1;min-width:0}.panel-text-content{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);flex:1;min-width:0}.panel-title{margin:0;font-weight:var(--weight-semibold);font-size:var(--text-lg-size);line-height:var(--text-lg-line);letter-spacing:0;color:var(--bh-panel-header-title-color);width:100%}.panel-description{margin:0;font-weight:var(--weight-regular);font-size:var(--text-sm-size);line-height:var(--line-height-normal);letter-spacing:0;color:var(--bh-panel-header-description-color);width:100%}.close-button{position:absolute;top:var(--spacing-3xl);right:var(--spacing-3xl)}.divider{height:1px;width:100%;flex-shrink:0;background-color:var(--bh-panel-header-divider-color)}}"}},[513,"bh-side-panel-header",{panelTitle:[1,"panel-title"],description:[1],icon:[1],iconColor:[1,"icon-color"],showIcon:[4,"show-icon"],showCloseButton:[4,"show-close-button"],divider:[4]}]),h=d,p=function(){"undefined"!=typeof customElements&&["bh-side-panel-header","bh-button-icon","bh-close-button","bh-featured-icon","bh-loader-spinner"].forEach((e=>{switch(e){case"bh-side-panel-header":customElements.get(o(e))||customElements.define(o(e),d);break;case"bh-button-icon":customElements.get(o(e))||n();break;case"bh-close-button":customElements.get(o(e))||r();break;case"bh-featured-icon":customElements.get(o(e))||l();break;case"bh-loader-spinner":customElements.get(o(e))||c()}}))};export{h as BhSidePanelHeader,p as defineCustomElement}

package/components/bh-sidebar.js

@@ -1 +1 @@
-import{p as e,H as a,c as i,h as t,d as r,t as s}from"./p-YZi6LqIt.js";import{d as o}from"./p-B7i48CAz.js";import{d as n}from"./p-Bk-ipvH3.js";import{d as l}from"./p-oaisznHL.js";import{d}from"./p-cD3vmu49.js";import{d as b}from"./p-Cy98fCjm.js";import{d as c}from"./p-Be20AcNb.js";import{d as h}from"./p-B2KPN863.js";import{d as v}from"./p-BbPrWlsw.js";import{d as p}from"./p-Xa6gUVGr.js";import{b as m,d as u}from"./p-arW9uaFJ.js";import{d as g}from"./p-CWY9YV_9.js";import{d as f}from"./p-rshDLCri.js";import{d as x}from"./p-Bf_iTZDv.js";import{c as y,m as w,M as k,r as z}from"./p-BJXjqxlX.js";import{c as j,h as C}from"./p-C4V7Y6N_.js";import{B as I,r as L}from"./p-BNVOtH-1.js";import{c as E}from"./p-CFlb5gKI.js";const A=[{id:"1",label:"View profile",icon:"person",shortcut:"⌘P"},{id:"2",label:"Account settings",icon:"settings",shortcut:"⌘,"},{id:"3",label:"Notifications",icon:"notifications",shortcut:"⌘N"},{id:"4",label:"Privacy & Security",icon:"shield",shortcut:"⌘S"},{id:"5",divider:!0},{id:"6",label:"Billing",icon:"credit_card",shortcut:"⌘B"},{id:"7",label:"Team management",icon:"group",shortcut:"⌘T"},{id:"8",label:"Integrations",icon:"extension",shortcut:"⌘I"},{id:"9",divider:!0},{id:"10",label:"Help center",icon:"help",shortcut:"⌘H"},{id:"11",label:"Keyboard shortcuts",icon:"keyboard",shortcut:"?"},{id:"12",divider:!0},{id:"13",label:"Sign out",icon:"logout",shortcut:"⇧⌘Q"}],S=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=i(this,"bhItemClick"),this.bhAction=i(this,"bhAction"),this.bhToggle=i(this,"bhToggle")}get el(){return this}logger=y("bh-sidebar");navState=j();flyoutDismissalManager;subNavRef;syncingOpen=!1;i18nUnsubscribe;_i18nVersion=0;get focusedIndex(){return this.navState.focusedIndex}sidebarStyle="simple";open=!0;collapsed=!1;showToggleHandle=!1;collapseAriaLabel="Collapse sidebar";expandAriaLabel="Expand sidebar";mainNavAriaLabel="Main navigation";logoType="actabl";logoSrc;assetBasePath;products=[];avatarUrl;avatarInitials="";avatarName="";avatarEmail="";menuItems=[{label:"Home",icon:"home",isActive:!0},{label:"Dashboard",icon:"dashboard",isActive:!1},{label:"Projects",icon:"layers",isActive:!1},{label:"Tasks",icon:"check_box",isActive:!1},{label:"Reporting",icon:"pie_chart",isActive:!1}];footerItems=[{label:"Support",icon:"support"},{label:"Settings",icon:"settings"}];avatarMenuItems;bhItemClick;bhAction;bhToggle;activeItem="";expandedItemLabel=null;flyoutItemLabel=null;get allNavigableItems(){return[...this.menuItems,...this.footerItems]}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),w.increment(k.COMPONENT_ERROR,{component:"bh-sidebar",error_type:e instanceof Error?e.name:"unknown"}),z("bh-sidebar",e)}handleCollapsedChange(e){this.syncOpenState((()=>{this.open=!e,this.bhToggle.emit(e?{expanded:!1}:{expanded:!0})}))}handleOpenChange(e){this.syncOpenState((()=>{this.collapsed=!e,e?this.bhToggle.emit({expanded:!0}):(this.bhToggle.emit({expanded:!1}),this.flyoutItemLabel=null)}))}syncOpenState(e){if(!this.syncingOpen){this.syncingOpen=!0;try{e()}finally{this.syncingOpen=!1}}}componentWillLoad(){this.collapsed?this.open=!1:this.open&&(this.collapsed=!1);const e=this.menuItems.find((e=>e.isActive));if(this.activeItem=e?.label||"","dual-tier"===this.sidebarStyle&&this.activeItem){const e=this.menuItems.find((e=>e.label===this.activeItem&&e.children?.length));e&&(this.expandedItemLabel=e.label)}this.i18nUnsubscribe=I.onLocaleChange((()=>{this._i18nVersion++}))}componentDidRender(){this.updateFlyoutDismissal()}disconnectedCallback(){this.flyoutDismissalManager?.destroy(),this.i18nUnsubscribe?.()}updateFlyoutDismissal(){"slim"===this.sidebarStyle&&this.flyoutItemLabel&&this.subNavRef?(this.flyoutDismissalManager||(this.flyoutDismissalManager=E(this.subNavRef,{onDismiss:()=>{this.flyoutItemLabel=null},escapeKey:!0,clickOutside:!0,focusLoss:!1})),this.flyoutDismissalManager.enable()):this.flyoutDismissalManager?.disable()}handleNavItemClick=e=>{const a=this.menuItems.find((a=>a.label===e));if("slim"===this.sidebarStyle&&a?.children?.length)return this.flyoutItemLabel=this.flyoutItemLabel===e?null:e,this.activeItem=e,void this.bhItemClick.emit({value:e});"dual-tier"===this.sidebarStyle&&a?.children?.length&&(this.expandedItemLabel=this.expandedItemLabel===e?null:e),this.activeItem=e,this.bhItemClick.emit({value:e})};handleSubNavClick=(e,a)=>{this.bhItemClick.emit({value:a,item:{parentLabel:e,childLabel:a}})};handleSearchClick=()=>{this.bhAction.emit({action:"search"})};handleToggle=()=>{this.open=!this.open};handleKeyDown=e=>{const a=this.allNavigableItems;if(0===a.length)return;const i=C(e,{container:this.el?.shadowRoot??null,itemSelector:"bh-nav-item",orientation:"vertical",wrapAround:!0,onFocus:e=>{if(e>=0&&e<a.length){const i=a[e];this.activeItem=i.label,this.bhItemClick.emit({value:i.label})}}},this.navState);i!==this.navState.focusedIndex&&(this.navState={...this.navState,focusedIndex:i})};get navItemLayout(){return"dual-tier"===this.sidebarStyle?"row":"column"}get shouldShowSubNav(){return"dual-tier"===this.sidebarStyle&&this.open?null!==this.expandedItemLabel:"slim"===this.sidebarStyle&&null!==this.flyoutItemLabel}get subNavChildren(){const e="slim"===this.sidebarStyle?this.flyoutItemLabel:this.expandedItemLabel;if(!e)return null;const a=this.menuItems.find((a=>a.label===e));return a?.children?.length?{parentLabel:a.label,children:a.children}:null}renderHeader(){return t("div",{class:"sidebar-header",part:"header"},t("bh-logo-box",{assetBasePath:this.assetBasePath,logoSrc:this.logoSrc,logoType:this.logoType,products:this.products}))}renderSearch(){return t("div",{class:"search-container",part:"search"},t("bh-button-icon",{hierarchy:"secondary",iconName:"search",onClick:this.handleSearchClick,size:"md"}))}renderToggleHandle(){return this.showToggleHandle?t("button",{"aria-label":this.open?L("bh-sidebar","collapseAriaLabel",this.collapseAriaLabel,"Collapse sidebar"):L("bh-sidebar","expandAriaLabel",this.expandAriaLabel,"Expand sidebar"),class:"toggle-handle",onClick:this.handleToggle,part:"toggle-handle",type:"button"},t("span",{class:"material-symbols-outlined"},this.open?"chevron_left":"chevron_right")):null}renderSubNavPanel(){const e=this.subNavChildren;return e?t("div",{class:"sub-nav-panel",part:"sub-nav-panel",ref:e=>this.subNavRef=e},t("div",{class:"sub-nav-header",part:"sub-nav-header"},t("h3",{class:"sub-nav-title"},e.parentLabel)),t("div",{class:"sub-nav-items",part:"sub-nav-items"},e.children.map((a=>t("button",{"aria-current":a.isActive?"page":void 0,class:{"sub-nav-item":!0,"sub-nav-item--active":!!a.isActive},key:a.label,onClick:()=>this.handleSubNavClick(e.parentLabel,a.label),type:"button"},a.icon&&t("span",{class:"material-symbols-outlined sub-nav-item-icon"},a.icon),t("span",{class:"sub-nav-item-label"},a.label),void 0!==a.badge&&t("span",{class:"sub-nav-item-badge"},a.badge)))))):null}renderFooter(){const e=this.navItemLayout;return t("div",{class:"sidebar-footer",part:"footer"},t("div",{class:"footer-navigation",part:"footer-nav"},this.footerItems.map((a=>t("bh-nav-item",{icon:a.icon,isActive:!1,key:a.label,label:a.label,layout:e,onBhClick:()=>this.handleNavItemClick(a.label),showLabel:"row"===e})))),t("bh-dropdown",{avatarEmail:this.avatarEmail,avatarName:this.avatarName,avatarSize:"md",avatarSrc:this.avatarUrl,menuItems:this.avatarMenuItems||A,showIcons:!0,size:"md",variant:"avatar"}))}render(){const e=this.navItemLayout;return t(r,{key:"1716951a51d3d02a8a7b79d3f31d5dfb0eb48466",onKeyDown:this.handleKeyDown},t("div",{key:"088a6a1ab1351e0f8e9c1c7a824dc1c1555fe845","aria-expanded":this.open?"true":"false",class:{"sidebar-container":!0,"sidebar-collapsed":!this.open,"sidebar-open":this.open,["sidebar-style-"+this.sidebarStyle]:!0},part:"sidebar"},t("nav",{key:"18e04677043e593dfdc9b96456a496207e28456a","aria-label":L("bh-sidebar","mainNavAriaLabel",this.mainNavAriaLabel,"Main navigation"),class:"navigation",part:"navigation"},t("div",{key:"76d9672eaa6d7aff5ac9ece5e4ae5ee890deeb81",class:"gradient-bar",part:"gradient-bar"},t("div",{key:"0319afcad723f44f038bd890684c60af41137829",class:"detail-bar"})),t("div",{key:"77b428e8a56f51ba127d08aaa43cf69ce8191345",class:"sidebar-content",part:"content"},this.renderHeader(),t("div",{key:"3c3b05773175d3bc5d1acdbf659aef4318f2c2d9",class:"navigation-section",part:"nav-section"},this.renderSearch(),t("div",{key:"07126dcf784c43916f8df25277f4f51fd6aa81b9",class:"nav-items",part:"nav-items"},this.menuItems.map((a=>[t("bh-nav-item",{badge:a.badge,expandable:!!a.children?.length&&"slim"!==this.sidebarStyle,expanded:this.expandedItemLabel===a.label,icon:a.icon,isActive:this.activeItem===a.label,key:a.label,label:a.label,layout:e,onBhClick:()=>this.handleNavItemClick(a.label),showLabel:"row"===e})])))),this.renderFooter()),this.renderToggleHandle(),this.shouldShowSubNav&&this.renderSubNavPanel())))}static get watchers(){return{collapsed:[{handleCollapsedChange:0}],open:[{handleOpenChange:0}]}}static get style(){return'@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;position:relative;z-index:var(--bh-z-index-raised);--bh-sidebar-bg:var(--color-bg-primary);--bh-sidebar-border-color:var(--color-border-secondary);--bh-sidebar-nav-item-bg-hover:var(--color-bg-secondary);--bh-sidebar-nav-item-bg-active:var(--color-brand-50);--bh-sidebar-nav-item-bg-active-hover:var(--color-brand-100);--bh-sidebar-nav-item-color:var(--color-text-secondary);--bh-sidebar-nav-item-color-active:var(--color-brand-600);--bh-sidebar-sub-nav-bg:var(--color-bg-primary);--bh-sidebar-sub-nav-border:var(--color-border-secondary);--sidebar-item-size:var(--bh-button-height-md, 40px);--sidebar-width-collapsed:60px;--sidebar-width-expanded:240px;--sidebar-gradient-bar-width:4px;--sidebar-scrollbar-width:4px;--sidebar-toggle-handle-size:24px;--sidebar-dual-tier-primary-width:200px;--sidebar-dual-tier-sub-nav-width:200px;--sidebar-slim-flyout-width:200px}}@layer bh-base{.sidebar-container{width:fit-content;height:100vh;background-color:var(--bh-sidebar-bg);position:relative;display:flex}.navigation{background-color:var(--bh-sidebar-bg);display:flex;height:100%;align-items:flex-start;justify-content:flex-start;position:relative;border-right:1px solid var(--bh-sidebar-border-color);z-index:var(--bh-z-index-raised)}.gradient-bar{position:relative;width:var(--bh-sidebar-gradient-bar-width);height:100%;flex-shrink:0}.detail-bar{position:absolute;background:linear-gradient(180deg, var(--color-accent-300) 0%, var(--color-brand-500) 51%, var(--color-brand-900) 100%);inset:0}.sidebar-content{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;align-items:center;justify-content:flex-start;padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg);position:relative;flex-shrink:0;width:var(--bh-sidebar-width-collapsed);transition:width var(--animation-duration-normal, 0.2s) ease}.sidebar-header{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%}.sidebar-header--expanded{justify-content:flex-start;gap:var(--spacing-md);padding:0 var(--spacing-xl) 0 var(--spacing-2xl)}.header-divider{width:1px;height:var(--bh-button-height-sm, 32px);background-color:var(--bh-sidebar-border-color);flex-shrink:0}.navigation-section{flex:1 1 0%;display:flex;flex-direction:column;gap:var(--spacing-md);flex-grow:1;align-items:center;justify-content:flex-start;min-height:0;position:relative;flex-shrink:0;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}.navigation-section::-webkit-scrollbar{width:var(--bh-sidebar-scrollbar-width)}.navigation-section::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-xs)}.navigation-section::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-xs)}.navigation-section::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.search-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex-shrink:0;width:100%}.nav-items{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;width:100%;padding:0;box-sizing:border-box}.sidebar-footer{display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;width:100%;overflow:hidden}.footer-navigation{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;justify-content:center;position:relative;flex-shrink:0;width:100%}.toggle-handle{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;position:absolute;right:calc(-1 * var(--bh-sidebar-toggle-handle-size) / 2);top:var(--spacing-3xl, 48px);width:var(--bh-sidebar-toggle-handle-size);height:var(--bh-sidebar-toggle-handle-size);border-radius:50%;border:none;background:var(--bh-sidebar-bg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--bh-z-index-sticky);padding:var(--spacing-xxs, 2px);opacity:1;transition:opacity var(--animation-duration-normal, 0.2s) ease}.toggle-handle .material-symbols-outlined{font-size:var(--icon-size-sm, 20px);color:var(--bh-sidebar-nav-item-color)}.toggle-handle:hover{background-color:var(--bh-sidebar-nav-item-bg-hover)}.toggle-handle:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive);outline:none}.avatar-button{background:none;border:none;padding:0;margin:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-button:focus-visible{outline:2px solid var(--color-border-interactive);outline-offset:2px}.sub-nav-panel{background-color:var(--bh-sidebar-sub-nav-bg);border-left:1px solid var(--bh-sidebar-sub-nav-border);height:100%;display:flex;flex-direction:column;overflow-y:auto}.sub-nav-header{padding:var(--spacing-xl) var(--spacing-lg);flex-shrink:0}.sub-nav-title{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:var(--spacing-none)}.sub-nav-items{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-xxs);flex:1;overflow-y:auto}.sub-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;width:100%;box-sizing:border-box;text-align:left}.sub-nav-item:hover{background-color:var(--bh-sidebar-nav-item-bg-hover)}.sub-nav-item:focus-visible{box-shadow:0 0 0 2px var(--color-border-interactive);outline:none}.sub-nav-item--active{background-color:var(--bh-sidebar-nav-item-bg-active)}.sub-nav-item--active .sub-nav-item-label{color:var(--bh-sidebar-nav-item-color-active);font-weight:var(--weight-semibold)}.sub-nav-item--active .sub-nav-item-icon{color:var(--bh-sidebar-nav-item-color-active)}.sub-nav-item-icon{font-size:var(--icon-size-md, 24px);color:var(--bh-sidebar-nav-item-color);flex-shrink:0}.sub-nav-item-label{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-medium);color:var(--bh-sidebar-nav-item-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sub-nav-item-badge{font-family:var(--font-inter);font-size:var(--text-xs-size);font-weight:var(--weight-medium);color:var(--bh-sidebar-nav-item-color);background:var(--color-bg-secondary);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-full);min-width:var(--icon-size-md, 24px);text-align:center}}@layer bh-variants{.sidebar-style-simple .sidebar-content{width:var(--bh-sidebar-width-collapsed);padding-left:0;padding-right:0}.sidebar-style-simple{}.sidebar-style-simple .sidebar-footer{overflow:hidden}.sidebar-style-simple .sidebar-footer bh-dropdown{max-width:100%;overflow:hidden}.sidebar-style-dual-tier .sidebar-content{width:var(--bh-sidebar-dual-tier-primary-width);align-items:flex-start}.sidebar-style-dual-tier .nav-items{align-items:flex-start;padding:0 var(--spacing-xl)}.sidebar-style-dual-tier .search-container{align-items:flex-start;padding:0 var(--spacing-2xl)}.sidebar-style-dual-tier .footer-navigation{align-items:flex-start;padding:0 var(--spacing-xl)}.sidebar-style-dual-tier.sidebar-open .sub-nav-panel{width:var(--bh-sidebar-dual-tier-sub-nav-width)}.sidebar-style-dual-tier.sidebar-collapsed .sub-nav-panel{display:none}.sidebar-style-slim .sidebar-content{width:var(--bh-sidebar-width-collapsed)}.sidebar-style-slim{}.sidebar-style-slim:not(:hover) .toggle-handle{opacity:0}.sidebar-style-slim .sub-nav-panel{width:var(--bh-sidebar-slim-flyout-width);position:absolute;left:calc(var(--bh-sidebar-width-collapsed) + var(--bh-sidebar-gradient-bar-width));top:0;height:100%;z-index:var(--bh-z-index-drawer)}}'}},[513,"bh-sidebar",{sidebarStyle:[1,"sidebar-style"],open:[1540],collapsed:[1028],showToggleHandle:[4,"show-toggle-handle"],collapseAriaLabel:[1,"collapse-aria-label"],expandAriaLabel:[1,"expand-aria-label"],mainNavAriaLabel:[1,"main-nav-aria-label"],logoType:[1,"logo-type"],logoSrc:[1,"logo-src"],assetBasePath:[1,"asset-base-path"],products:[16],avatarUrl:[1,"avatar-url"],avatarInitials:[1,"avatar-initials"],avatarName:[1,"avatar-name"],avatarEmail:[1,"avatar-email"],menuItems:[16],footerItems:[16],avatarMenuItems:[16],_i18nVersion:[32],activeItem:[32],expandedItemLabel:[32],flyoutItemLabel:[32]},void 0,{collapsed:[{handleCollapsedChange:0}],open:[{handleOpenChange:0}]}]),N=S,B=function(){"undefined"!=typeof customElements&&["bh-sidebar","bh-avatar","bh-badge-dot","bh-button","bh-button-icon","bh-dropdown","bh-input-text","bh-label","bh-loader-spinner","bh-logo-box","bh-menu","bh-menu-item","bh-nav-item","bh-product-switcher","bh-tooltip"].forEach((e=>{switch(e){case"bh-sidebar":customElements.get(s(e))||customElements.define(s(e),S);break;case"bh-avatar":customElements.get(s(e))||o();break;case"bh-badge-dot":customElements.get(s(e))||n();break;case"bh-button":customElements.get(s(e))||l();break;case"bh-button-icon":customElements.get(s(e))||d();break;case"bh-dropdown":customElements.get(s(e))||b();break;case"bh-input-text":customElements.get(s(e))||c();break;case"bh-label":customElements.get(s(e))||h();break;case"bh-loader-spinner":customElements.get(s(e))||v();break;case"bh-logo-box":customElements.get(s(e))||p();break;case"bh-menu":customElements.get(s(e))||u();break;case"bh-menu-item":customElements.get(s(e))||m();break;case"bh-nav-item":customElements.get(s(e))||g();break;case"bh-product-switcher":customElements.get(s(e))||f();break;case"bh-tooltip":customElements.get(s(e))||x()}}))};export{N as BhSidebar,B as defineCustomElement}
+import{p as e,H as a,c as i,h as t,d as s,t as r}from"./p-YZi6LqIt.js";import{d as o}from"./p-DJlRFgcj.js";import{d as n}from"./p-Be6mIKzo.js";import{d as l}from"./p-BI2Y2Le4.js";import{d}from"./p-CClVva-u.js";import{d as b}from"./p-CJUnjRCe.js";import{d as c}from"./p-S-miu3h6.js";import{d as h}from"./p-DhgfM7Wy.js";import{d as v}from"./p-C7fkgBQS.js";import{d as p}from"./p-BbPrWlsw.js";import{d as m}from"./p-DjUfsCJJ.js";import{b as u,d as g}from"./p-hhv9O2Qq.js";import{d as f}from"./p-DGWzDn9Y.js";import{d as x}from"./p-rshDLCri.js";import{d as y}from"./p-D6aw0IK6.js";import{c as w,m as k,M as j,r as z}from"./p-BJXjqxlX.js";import{c as C,h as I}from"./p-C4V7Y6N_.js";import{B as E,r as L}from"./p-BNVOtH-1.js";import{c as A}from"./p-CFlb5gKI.js";const S=[{id:"1",label:"View profile",icon:"person",shortcut:"⌘P"},{id:"2",label:"Account settings",icon:"settings",shortcut:"⌘,"},{id:"3",label:"Notifications",icon:"notifications",shortcut:"⌘N"},{id:"4",label:"Privacy & Security",icon:"shield",shortcut:"⌘S"},{id:"5",divider:!0},{id:"6",label:"Billing",icon:"credit_card",shortcut:"⌘B"},{id:"7",label:"Team management",icon:"group",shortcut:"⌘T"},{id:"8",label:"Integrations",icon:"extension",shortcut:"⌘I"},{id:"9",divider:!0},{id:"10",label:"Help center",icon:"help",shortcut:"⌘H"},{id:"11",label:"Keyboard shortcuts",icon:"keyboard",shortcut:"?"},{id:"12",divider:!0},{id:"13",label:"Sign out",icon:"logout",shortcut:"⇧⌘Q"}],N=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=i(this,"bhItemClick"),this.bhAction=i(this,"bhAction"),this.bhToggle=i(this,"bhToggle")}get el(){return this}logger=w("bh-sidebar");navState=C();flyoutDismissalManager;subNavRef;syncingOpen=!1;i18nUnsubscribe;_i18nVersion=0;get focusedIndex(){return this.navState.focusedIndex}sidebarStyle="simple";open=!0;collapsed=!1;showToggleHandle=!1;collapseAriaLabel="Collapse sidebar";expandAriaLabel="Expand sidebar";mainNavAriaLabel="Main navigation";logoType="actabl";logoSrc;assetBasePath;products=[];avatarUrl;avatarInitials="";avatarName="";avatarEmail="";menuItems=[{label:"Home",icon:"home",isActive:!0},{label:"Dashboard",icon:"dashboard",isActive:!1},{label:"Projects",icon:"layers",isActive:!1},{label:"Tasks",icon:"check_box",isActive:!1},{label:"Reporting",icon:"pie_chart",isActive:!1}];footerItems=[{label:"Support",icon:"support"},{label:"Settings",icon:"settings"}];avatarMenuItems;avatarAlt="Avatar";searchHotkey;avatarMenuHeader;bhItemClick;bhAction;bhToggle;activeItem="";expandedItemLabel=null;flyoutItemLabel=null;get allNavigableItems(){return[...this.menuItems,...this.footerItems]}componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),k.increment(j.COMPONENT_ERROR,{component:"bh-sidebar",error_type:e instanceof Error?e.name:"unknown"}),z("bh-sidebar",e)}handleCollapsedChange(e){this.syncOpenState((()=>{this.open=!e,this.bhToggle.emit(e?{expanded:!1}:{expanded:!0})}))}handleOpenChange(e){this.syncOpenState((()=>{this.collapsed=!e,e?this.bhToggle.emit({expanded:!0}):(this.bhToggle.emit({expanded:!1}),this.flyoutItemLabel=null)}))}syncOpenState(e){if(!this.syncingOpen){this.syncingOpen=!0;try{e()}finally{this.syncingOpen=!1}}}componentWillLoad(){this.collapsed?this.open=!1:this.open&&(this.collapsed=!1);const e=this.menuItems.find((e=>e.isActive));if(this.activeItem=e?.label||"","dual-tier"===this.sidebarStyle&&this.activeItem){const e=this.menuItems.find((e=>e.label===this.activeItem&&e.children?.length));e&&(this.expandedItemLabel=e.label)}this.i18nUnsubscribe=E.onLocaleChange((()=>{this._i18nVersion++}))}componentDidRender(){this.updateFlyoutDismissal()}disconnectedCallback(){this.flyoutDismissalManager?.destroy(),this.i18nUnsubscribe?.()}updateFlyoutDismissal(){"slim"===this.sidebarStyle&&this.flyoutItemLabel&&this.subNavRef?(this.flyoutDismissalManager||(this.flyoutDismissalManager=A(this.subNavRef,{onDismiss:()=>{this.flyoutItemLabel=null},escapeKey:!0,clickOutside:!0,focusLoss:!1})),this.flyoutDismissalManager.enable()):this.flyoutDismissalManager?.disable()}handleNavItemClick=e=>{const a=this.menuItems.find((a=>a.label===e));if("slim"===this.sidebarStyle&&a?.children?.length)return this.flyoutItemLabel=this.flyoutItemLabel===e?null:e,this.activeItem=e,void this.bhItemClick.emit({value:e});"dual-tier"===this.sidebarStyle&&a?.children?.length&&(this.expandedItemLabel=this.expandedItemLabel===e?null:e),this.activeItem=e,this.bhItemClick.emit({value:e})};handleSubNavClick=(e,a)=>{this.bhItemClick.emit({value:a,item:{parentLabel:e,childLabel:a}})};handleSearchClick=()=>{this.bhAction.emit({action:"search"})};handleToggle=()=>{this.open=!this.open};handleKeyDown=e=>{const a=this.allNavigableItems;if(0===a.length)return;const i=I(e,{container:this.el?.shadowRoot??null,itemSelector:"bh-nav-item",orientation:"vertical",wrapAround:!0,onFocus:e=>{if(e>=0&&e<a.length){const i=a[e];this.activeItem=i.label,this.bhItemClick.emit({value:i.label})}}},this.navState);i!==this.navState.focusedIndex&&(this.navState={...this.navState,focusedIndex:i})};get navItemLayout(){return"dual-tier"===this.sidebarStyle?"row":"column"}get shouldShowSubNav(){return"dual-tier"===this.sidebarStyle&&this.open?null!==this.expandedItemLabel:"slim"===this.sidebarStyle&&null!==this.flyoutItemLabel}get subNavChildren(){const e="slim"===this.sidebarStyle?this.flyoutItemLabel:this.expandedItemLabel;if(!e)return null;const a=this.menuItems.find((a=>a.label===e));return a?.children?.length?{parentLabel:a.label,children:a.children}:null}renderHeader(){return t("div",{class:"sidebar-header",part:"header"},t("bh-logo-box",{assetBasePath:this.assetBasePath,logoSrc:this.logoSrc,logoType:this.logoType,products:this.products}))}renderSearch(){return t("div",{class:"search-container",part:"search"},t("bh-button-icon",{hierarchy:"secondary",iconName:"search",onClick:this.handleSearchClick,size:"md"}),this.searchHotkey&&this.open&&t("bh-kbd",{class:"search-hotkey",keys:this.searchHotkey,size:"sm"}))}renderToggleHandle(){return this.showToggleHandle?t("button",{"aria-label":this.open?L("bh-sidebar","collapseAriaLabel",this.collapseAriaLabel,"Collapse sidebar"):L("bh-sidebar","expandAriaLabel",this.expandAriaLabel,"Expand sidebar"),class:"toggle-handle",onClick:this.handleToggle,part:"toggle-handle",type:"button"},t("span",{class:"material-symbols-outlined"},this.open?"chevron_left":"chevron_right")):null}renderSubNavPanel(){const e=this.subNavChildren;return e?t("div",{class:"sub-nav-panel",part:"sub-nav-panel",ref:e=>this.subNavRef=e},t("div",{class:"sub-nav-header",part:"sub-nav-header"},t("h3",{class:"sub-nav-title"},e.parentLabel)),t("div",{class:"sub-nav-items",part:"sub-nav-items"},e.children.map((a=>t("button",{"aria-current":a.isActive?"page":void 0,class:{"sub-nav-item":!0,"sub-nav-item--active":!!a.isActive},key:a.label,onClick:()=>this.handleSubNavClick(e.parentLabel,a.label),type:"button"},a.icon&&t("span",{class:"material-symbols-outlined sub-nav-item-icon"},a.icon),t("span",{class:"sub-nav-item-label"},a.label),void 0!==a.badge&&t("span",{class:"sub-nav-item-badge"},a.badge)))))):null}renderFooter(){const e=this.navItemLayout;return t("div",{class:"sidebar-footer",part:"footer"},t("div",{class:"footer-navigation",part:"footer-nav"},this.footerItems.map((a=>t("bh-nav-item",{icon:a.icon,isActive:!1,key:a.label,label:a.label,layout:e,onBhClick:()=>this.handleNavItemClick(a.label),showLabel:"row"===e})))),t("slot",{name:"user-menu"},t("bh-dropdown",{avatarAlt:this.avatarAlt,avatarEmail:this.avatarEmail,avatarInitials:this.avatarInitials,avatarName:this.avatarName,avatarSize:"md",avatarSrc:this.avatarUrl,header:this.avatarMenuHeader,menuItems:this.avatarMenuItems||S,showIcons:!0,size:"md",variant:"avatar"})))}render(){const e=this.navItemLayout;return t(s,{key:"2dec369efb3e4dc9ec7d84959b337ff30d44412d",onKeyDown:this.handleKeyDown},t("div",{key:"452065ea048a8857b1d6cef73732faee54d56a22","aria-expanded":this.open?"true":"false",class:{"sidebar-container":!0,"sidebar-collapsed":!this.open,"sidebar-open":this.open,["sidebar-style-"+this.sidebarStyle]:!0},part:"sidebar"},t("nav",{key:"cb273ec0b22a186fa3b4177e9d3081588cf613bc","aria-label":L("bh-sidebar","mainNavAriaLabel",this.mainNavAriaLabel,"Main navigation"),class:"navigation",part:"navigation"},t("div",{key:"12267bf76b6662f8ebfe949c576ea20ec612b352",class:"gradient-bar",part:"gradient-bar"},t("div",{key:"86b9610ff1167e06ddf4c0b4015f32893d92fcc9",class:"detail-bar"})),t("div",{key:"7e033b47ed6f9d4ae678fd60a7259137cf2fb377",class:"sidebar-content",part:"content"},this.renderHeader(),t("div",{key:"84957e80d53b5f6f9b31ff27e2f8aad8016ce545",class:"navigation-section",part:"nav-section"},this.renderSearch(),t("div",{key:"b4ed4701e6e600350b7ce0442fc4b9307c778e46",class:"nav-items",part:"nav-items"},this.menuItems.map((a=>[t("bh-nav-item",{badge:a.badge,expandable:!!a.children?.length&&"slim"!==this.sidebarStyle,expanded:this.expandedItemLabel===a.label,icon:a.icon,isActive:this.activeItem===a.label,key:a.label,label:a.label,layout:e,onBhClick:()=>this.handleNavItemClick(a.label),showLabel:"row"===e})])))),this.renderFooter()),this.renderToggleHandle(),this.shouldShowSubNav&&this.renderSubNavPanel())))}static get watchers(){return{collapsed:[{handleCollapsedChange:0}],open:[{handleOpenChange:0}]}}static get style(){return'@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;position:relative;z-index:var(--bh-z-index-raised);--bh-sidebar-bg:var(--color-bg-primary);--bh-sidebar-border-color:var(--color-border-secondary);--bh-sidebar-nav-item-bg-hover:var(--color-bg-secondary);--bh-sidebar-nav-item-bg-active:var(--color-brand-50);--bh-sidebar-nav-item-bg-active-hover:var(--color-brand-100);--bh-sidebar-nav-item-color:var(--color-text-secondary);--bh-sidebar-nav-item-color-active:var(--color-brand-600);--bh-sidebar-sub-nav-bg:var(--color-bg-primary);--bh-sidebar-sub-nav-border:var(--color-border-secondary);--sidebar-item-size:var(--bh-button-height-md, 40px);--sidebar-width-collapsed:60px;--sidebar-width-expanded:240px;--sidebar-gradient-bar-width:4px;--sidebar-scrollbar-width:4px;--sidebar-toggle-handle-size:24px;--sidebar-dual-tier-primary-width:200px;--sidebar-dual-tier-sub-nav-width:200px;--sidebar-slim-flyout-width:200px}}@layer bh-base{.sidebar-container{width:fit-content;height:100vh;background-color:var(--bh-sidebar-bg);position:relative;display:flex}.navigation{background-color:var(--bh-sidebar-bg);display:flex;height:100%;align-items:flex-start;justify-content:flex-start;position:relative;border-right:1px solid var(--bh-sidebar-border-color);z-index:var(--bh-z-index-raised)}.gradient-bar{position:relative;width:var(--bh-sidebar-gradient-bar-width);height:100%;flex-shrink:0}.detail-bar{position:absolute;background:linear-gradient(180deg, var(--color-accent-300) 0%, var(--color-brand-500) 51%, var(--color-brand-900) 100%);inset:0}.sidebar-content{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-lg);height:100%;align-items:center;justify-content:flex-start;padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg);position:relative;flex-shrink:0;width:var(--bh-sidebar-width-collapsed);transition:width var(--animation-duration-normal, 0.2s) ease}.sidebar-header{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%}.sidebar-header--expanded{justify-content:flex-start;gap:var(--spacing-md);padding:0 var(--spacing-xl) 0 var(--spacing-2xl)}.header-divider{width:1px;height:var(--bh-button-height-sm, 32px);background-color:var(--bh-sidebar-border-color);flex-shrink:0}.navigation-section{flex:1 1 0%;display:flex;flex-direction:column;gap:var(--spacing-md);flex-grow:1;align-items:center;justify-content:flex-start;min-height:0;position:relative;flex-shrink:0;width:100%;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-border-secondary) transparent}.navigation-section::-webkit-scrollbar{width:var(--bh-sidebar-scrollbar-width)}.navigation-section::-webkit-scrollbar-track{background:transparent;border-radius:var(--radius-xs)}.navigation-section::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--radius-xs)}.navigation-section::-webkit-scrollbar-thumb:hover{background:var(--color-border-primary)}.search-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;flex-shrink:0;width:100%}.nav-items{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;justify-content:flex-start;position:relative;flex-shrink:0;width:100%;padding:0;box-sizing:border-box}.sidebar-footer{display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;width:100%;overflow:hidden}.footer-navigation{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:center;justify-content:center;position:relative;flex-shrink:0;width:100%}.toggle-handle{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;position:absolute;right:calc(-1 * var(--bh-sidebar-toggle-handle-size) / 2);top:var(--spacing-3xl, 48px);width:var(--bh-sidebar-toggle-handle-size);height:var(--bh-sidebar-toggle-handle-size);border-radius:50%;border:none;background:var(--bh-sidebar-bg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--bh-z-index-sticky);padding:var(--spacing-xxs, 2px);opacity:1;transition:opacity var(--animation-duration-normal, 0.2s) ease}.toggle-handle .material-symbols-outlined{font-size:var(--icon-size-sm, 20px);color:var(--bh-sidebar-nav-item-color)}.toggle-handle:hover{background-color:var(--bh-sidebar-nav-item-bg-hover)}.toggle-handle:focus-visible{box-shadow:0 0 0 2px var(--color-bg-primary), 0 0 0 4px var(--color-border-interactive);outline:none}.avatar-button{background:none;border:none;padding:0;margin:0;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center}.avatar-button:focus-visible{outline:2px solid var(--color-border-interactive);outline-offset:2px}.sub-nav-panel{background-color:var(--bh-sidebar-sub-nav-bg);border-left:1px solid var(--bh-sidebar-sub-nav-border);height:100%;display:flex;flex-direction:column;overflow-y:auto}.sub-nav-header{padding:var(--spacing-xl) var(--spacing-lg);flex-shrink:0}.sub-nav-title{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);color:var(--color-text-primary);margin:var(--spacing-none)}.sub-nav-items{display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-xxs);flex:1;overflow-y:auto}.sub-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;width:100%;box-sizing:border-box;text-align:left}.sub-nav-item:hover{background-color:var(--bh-sidebar-nav-item-bg-hover)}.sub-nav-item:focus-visible{box-shadow:0 0 0 2px var(--color-border-interactive);outline:none}.sub-nav-item--active{background-color:var(--bh-sidebar-nav-item-bg-active)}.sub-nav-item--active .sub-nav-item-label{color:var(--bh-sidebar-nav-item-color-active);font-weight:var(--weight-semibold)}.sub-nav-item--active .sub-nav-item-icon{color:var(--bh-sidebar-nav-item-color-active)}.sub-nav-item-icon{font-size:var(--icon-size-md, 24px);color:var(--bh-sidebar-nav-item-color);flex-shrink:0}.sub-nav-item-label{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-medium);color:var(--bh-sidebar-nav-item-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sub-nav-item-badge{font-family:var(--font-inter);font-size:var(--text-xs-size);font-weight:var(--weight-medium);color:var(--bh-sidebar-nav-item-color);background:var(--color-bg-secondary);padding:var(--spacing-xxs) var(--spacing-sm);border-radius:var(--radius-full);min-width:var(--icon-size-md, 24px);text-align:center}}@layer bh-variants{.sidebar-style-simple .sidebar-content{width:var(--bh-sidebar-width-collapsed);padding-left:0;padding-right:0}.sidebar-style-simple{}.sidebar-style-simple .sidebar-footer{overflow:hidden}.sidebar-style-simple .sidebar-footer bh-dropdown{max-width:100%;overflow:hidden}.sidebar-style-dual-tier .sidebar-content{width:var(--bh-sidebar-dual-tier-primary-width);align-items:flex-start}.sidebar-style-dual-tier .nav-items{align-items:flex-start;padding:0 var(--spacing-xl)}.sidebar-style-dual-tier .search-container{align-items:flex-start;padding:0 var(--spacing-2xl)}.sidebar-style-dual-tier .footer-navigation{align-items:flex-start;padding:0 var(--spacing-xl)}.sidebar-style-dual-tier.sidebar-open .sub-nav-panel{width:var(--bh-sidebar-dual-tier-sub-nav-width)}.sidebar-style-dual-tier.sidebar-collapsed .sub-nav-panel{display:none}.sidebar-style-slim .sidebar-content{width:var(--bh-sidebar-width-collapsed)}.sidebar-style-slim{}.sidebar-style-slim:not(:hover) .toggle-handle{opacity:0}.sidebar-style-slim .sub-nav-panel{width:var(--bh-sidebar-slim-flyout-width);position:absolute;left:calc(var(--bh-sidebar-width-collapsed) + var(--bh-sidebar-gradient-bar-width));top:0;height:100%;z-index:var(--bh-z-index-drawer)}}'}},[769,"bh-sidebar",{sidebarStyle:[1,"sidebar-style"],open:[1540],collapsed:[1028],showToggleHandle:[4,"show-toggle-handle"],collapseAriaLabel:[1,"collapse-aria-label"],expandAriaLabel:[1,"expand-aria-label"],mainNavAriaLabel:[1,"main-nav-aria-label"],logoType:[1,"logo-type"],logoSrc:[1,"logo-src"],assetBasePath:[1,"asset-base-path"],products:[16],avatarUrl:[1,"avatar-url"],avatarInitials:[1,"avatar-initials"],avatarName:[1,"avatar-name"],avatarEmail:[1,"avatar-email"],menuItems:[16],footerItems:[16],avatarMenuItems:[16],avatarAlt:[1,"avatar-alt"],searchHotkey:[1,"search-hotkey"],avatarMenuHeader:[16],_i18nVersion:[32],activeItem:[32],expandedItemLabel:[32],flyoutItemLabel:[32]},void 0,{collapsed:[{handleCollapsedChange:0}],open:[{handleOpenChange:0}]}]),D=N,B=function(){"undefined"!=typeof customElements&&["bh-sidebar","bh-avatar","bh-badge-dot","bh-button","bh-button-icon","bh-dropdown","bh-input-text","bh-kbd","bh-label","bh-loader-spinner","bh-logo-box","bh-menu","bh-menu-item","bh-nav-item","bh-product-switcher","bh-tooltip"].forEach((e=>{switch(e){case"bh-sidebar":customElements.get(r(e))||customElements.define(r(e),N);break;case"bh-avatar":customElements.get(r(e))||o();break;case"bh-badge-dot":customElements.get(r(e))||n();break;case"bh-button":customElements.get(r(e))||l();break;case"bh-button-icon":customElements.get(r(e))||d();break;case"bh-dropdown":customElements.get(r(e))||b();break;case"bh-input-text":customElements.get(r(e))||c();break;case"bh-kbd":customElements.get(r(e))||h();break;case"bh-label":customElements.get(r(e))||v();break;case"bh-loader-spinner":customElements.get(r(e))||p();break;case"bh-logo-box":customElements.get(r(e))||m();break;case"bh-menu":customElements.get(r(e))||g();break;case"bh-menu-item":customElements.get(r(e))||u();break;case"bh-nav-item":customElements.get(r(e))||f();break;case"bh-product-switcher":customElements.get(r(e))||x();break;case"bh-tooltip":customElements.get(r(e))||y()}}))};export{D as BhSidebar,B as defineCustomElement}

package/components/bh-skeleton-loader.js

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

package/components/bh-stepper.js

@@ -1 +1 @@
-import{p as e,H as t,c as r,h as s,d as o,t as i}from"./p-YZi6LqIt.js";import{d as a}from"./p-GjWzFf-V.js";import{c as n,m as p,M as c,r as l}from"./p-BJXjqxlX.js";import{B as h,r as d}from"./p-BNVOtH-1.js";import{v as b}from"./p-DlPm3fIV.js";import{K as v}from"./p-zdFuIabL.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=r(this,"bhItemClick")}logger=n("bh-stepper");stepElementsCache=null;i18nUnsubscribe;_i18nVersion=0;get el(){return this}steps="[]";activeStep=0;orientation="horizontal";compact=!1;variant="icon";showDescription=!0;progressAriaLabel="Progress steps";bhItemClick;focusedIndex=-1;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),p.increment(c.COMPONENT_ERROR,{component:"bh-stepper",error_type:e instanceof Error?e.name:"unknown"}),l("bh-stepper",e)}componentDidLoad(){this.populateStepElementsCache()}componentWillLoad(){this.i18nUnsubscribe=h.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.stepElementsCache=null,this.i18nUnsubscribe?.()}stepsChanged(){this.stepElementsCache=null}populateStepElementsCache(){this.stepElementsCache=this.el.shadowRoot?.querySelectorAll("[data-step-index]")??null}getParsedSteps(){if(Array.isArray(this.steps))return this.steps;const e=b(this.steps);return e.valid?e.value??[]:(this.logger.warn("Invalid steps JSON:",{errors:e.errors}),[])}getStepStatus(e){return e<this.activeStep?"complete":e===this.activeStep?"current":"incomplete"}handleStepClick=(e,t)=>{this.bhItemClick.emit({index:e,step:t})};handleKeyDown=(e,t)=>{const r=t.length;if(0===r)return;const s="horizontal"===this.orientation;let o=this.focusedIndex;switch(e.key){case s?v.ARROW_RIGHT:v.ARROW_DOWN:e.preventDefault(),o=Math.min(this.focusedIndex+1,r-1);break;case s?v.ARROW_LEFT:v.ARROW_UP:e.preventDefault(),o=Math.max(this.focusedIndex-1,0);break;case v.HOME:e.preventDefault(),o=0;break;case v.END:e.preventDefault(),o=r-1;break;case v.ENTER:case v.SPACE:return e.preventDefault(),void(this.focusedIndex>=0&&this.focusedIndex<r&&this.handleStepClick(this.focusedIndex,t[this.focusedIndex]));default:return}o!==this.focusedIndex&&(this.focusedIndex=o,this.focusStepByIndex(o))};focusStepByIndex(e){this.stepElementsCache||this.populateStepElementsCache(),this.stepElementsCache?.[e]?.focus()}handleStepFocus=e=>{this.focusedIndex=e};renderStepIcon(e,t){return"featured-icon"===this.variant?s("bh-featured-icon",{class:"step-featured-icon",color:"incomplete"===e?"gray":"brand",icon:t.icon,iconStyle:"outlined",size:"md"}):s("div",{class:"step-icon "+e},"complete"===e?s("span",{"aria-hidden":"true",class:"step-icon-check material-symbols-outlined"},"check"):s("span",{class:"step-icon-dot"}))}renderConnector(e){return s("div",{class:"step-connector "+("complete"===e?"complete":"incomplete")})}renderHorizontalSteps(e){return s("div",{"aria-label":d("bh-stepper","progressAriaLabel",this.progressAriaLabel,"Progress steps"),class:"stepper-container horizontal "+("featured-icon"===this.variant?"featured":""),onKeyDown:t=>this.handleKeyDown(t,e),role:"list"},e.map(((t,r)=>{const o=this.getStepStatus(r),i=r===e.length-1;return s("div",{class:"step-wrapper",role:"listitem"},s("div",{"aria-current":"current"===o?"step":void 0,class:"step "+o,"data-step-index":r,onClick:()=>this.handleStepClick(r,t),onFocus:()=>this.handleStepFocus(r),tabindex:r===this.activeStep?0:-1},this.renderStepIcon(o,t),s("div",{class:"step-content"},s("span",{class:"step-label"},t.label),this.showDescription&&t.description&&s("span",{class:"step-description"},t.description))),!i&&this.renderConnector(o))})))}renderVerticalSteps(e){return s("div",{"aria-label":d("bh-stepper","progressAriaLabel",this.progressAriaLabel,"Progress steps"),class:"stepper-container vertical "+("featured-icon"===this.variant?"featured":""),onKeyDown:t=>this.handleKeyDown(t,e),role:"list"},e.map(((t,r)=>{const o=this.getStepStatus(r),i=r===e.length-1;return s("div",{class:"step "+o,role:"listitem"},s("div",{class:"step-connector-wrap"},s("div",{"aria-current":"current"===o?"step":void 0,"aria-label":t.label,class:"step-icon-clickable "+o,"data-step-index":r,onClick:()=>this.handleStepClick(r,t),onFocus:()=>this.handleStepFocus(r),tabindex:r===this.activeStep?0:-1},this.renderStepIcon(o,t)),!i&&this.renderConnector(o)),s("div",{class:"step-content"},s("span",{class:"step-label"},t.label),this.showDescription&&t.description&&s("span",{class:"step-description"},t.description)))})))}renderCompact(e){const t=e.length,r=Math.min(this.activeStep+1,t);return s("div",{"aria-label":`Step ${r} of ${t}`,class:"stepper-container compact",role:"group"},s("span",{class:"stepper-compact-label"},"Step ",r," of ",t),s("div",{class:"stepper-compact-track",onKeyDown:t=>this.handleKeyDown(t,e),role:"list"},e.map(((e,t)=>{const r=this.getStepStatus(t);return s("div",{"aria-current":"current"===r?"step":void 0,"aria-label":e.label,class:"step-dot "+r,"data-step-index":t,onClick:()=>this.handleStepClick(t,e),onFocus:()=>this.handleStepFocus(t),role:"listitem",tabindex:t===this.activeStep?0:-1})}))))}render(){const e=this.getParsedSteps();return 0===e.length?s(o,null):s(o,null,this.compact?this.renderCompact(e):"vertical"===this.orientation?this.renderVerticalSteps(e):this.renderHorizontalSteps(e))}static get watchers(){return{steps:[{stepsChanged:0}]}}static get style(){return'@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-stepper-icon-bg-complete:var(--color-brand-50);--bh-stepper-icon-bg-current:var(--color-brand-50);--bh-stepper-icon-bg-incomplete:var(--color-neutral-50);--bh-stepper-icon-bg-hover:var(--color-brand-100);--bh-stepper-icon-fill:var(--color-brand-600);--bh-stepper-icon-border-incomplete:var(--color-border-secondary);--bh-stepper-focus-ring:var(--color-border-interactive);--bh-stepper-text-complete:var(--color-neutral-700);--bh-stepper-text-current:var(--color-brand-800);--bh-stepper-text-incomplete:var(--color-neutral-700);--bh-stepper-desc-color:var(--color-text-secondary);--bh-stepper-desc-color-current:var(--color-text-interactive);--bh-stepper-connector-complete:var(--color-border-interactive);--bh-stepper-connector-incomplete:var(--color-border-secondary);--bh-stepper-connector-width:2px;--bh-stepper-icon-size:var(--icon-size-lg);--bh-stepper-dot-size:var(--sp-2);--bh-stepper-dot-color-incomplete:var(--color-neutral-300);--bh-stepper-compact-dot-size:10px;--bh-stepper-content-gap:var(--spacing-lg);--bh-stepper-marker-size:var(--bh-stepper-icon-size)}}@layer bh-base{.step-icon{display:flex;align-items:center;justify-content:center;width:var(--bh-stepper-icon-size);height:var(--bh-stepper-icon-size);border-radius:var(--radius-full);flex-shrink:0;position:relative;transition:background-color var(--animation-duration-fast) ease, border-color var(--animation-duration-fast) ease}.step-icon.incomplete{background-color:var(--bh-stepper-icon-bg-incomplete);border:1.5px solid var(--bh-stepper-icon-border-incomplete)}.step-icon.current{background-color:var(--bh-stepper-icon-fill)}.step-icon.complete{background-color:var(--bh-stepper-icon-fill)}.step-icon-dot{display:block;width:var(--bh-stepper-dot-size);height:var(--bh-stepper-dot-size);border-radius:var(--radius-full);background-color:var(--bh-stepper-dot-color-incomplete)}.current .step-icon-dot{background-color:var(--color-bg-primary)}.step-icon-check{font-size:var(--icon-size-xs);color:var(--color-bg-primary);line-height:1}.step-content{display:flex;flex-direction:column;gap:0;min-width:0}.step-label{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line);color:var(--bh-stepper-text-incomplete);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-description{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--bh-stepper-desc-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-featured-icon{flex-shrink:0}.step-connector{flex-shrink:0}.step-connector.complete{background-color:var(--bh-stepper-connector-complete)}.step-connector.incomplete{background-color:var(--bh-stepper-connector-incomplete)}}@layer bh-variants{.stepper-container.horizontal{display:flex;align-items:flex-start;width:100%;}.stepper-container.horizontal .step-wrapper{position:relative;flex:1 1 0;min-width:0}.stepper-container.horizontal .step{display:flex;flex-direction:column;align-items:center;gap:var(--bh-stepper-content-gap);cursor:pointer;outline:none;width:100%;border-radius:var(--radius-md)}.stepper-container.horizontal .step-content{align-items:center;text-align:center;width:100%}.stepper-container.horizontal .step-connector{position:absolute;top:calc(var(--bh-stepper-marker-size) / 2 - var(--bh-stepper-connector-width) / 2);left:calc(50% + var(--bh-stepper-marker-size) / 2);width:calc(100% - var(--bh-stepper-marker-size));height:var(--bh-stepper-connector-width)}.stepper-container.featured{--bh-stepper-marker-size:var(--bh-featured-icon-size-md, 40px)}.stepper-container.vertical{display:flex;flex-direction:column}.stepper-container.vertical .step{display:flex;gap:var(--spacing-md);min-height:0}.stepper-container.vertical .step-connector-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.stepper-container.vertical .step-icon-clickable{cursor:pointer;outline:none;border-radius:var(--radius-full)}.stepper-container.vertical .step-connector{width:var(--bh-stepper-connector-width);flex:1;min-height:var(--spacing-xl);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.stepper-container.vertical .step-content{padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xl)}.stepper-container.compact{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.stepper-compact-label{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--line-height-normal);color:var(--bh-stepper-text-current)}.stepper-compact-track{display:flex;align-items:center;gap:var(--spacing-sm)}.step-dot{width:var(--bh-stepper-compact-dot-size);height:var(--bh-stepper-compact-dot-size);border-radius:var(--radius-full);cursor:pointer;outline:none;transition:background-color var(--animation-duration-fast) ease, border-color var(--animation-duration-fast) ease}.step-dot.complete{background-color:var(--bh-stepper-icon-fill)}.step-dot.current{background-color:var(--bh-stepper-icon-fill)}.step-dot.incomplete{background-color:transparent;border:1.5px solid var(--bh-stepper-icon-border-incomplete)}}@layer bh-states{.step.complete .step-label,.step-wrapper .step.complete .step-label{color:var(--bh-stepper-text-complete)}.step.current .step-label,.step-wrapper .step.current .step-label{color:var(--bh-stepper-text-current)}.step.incomplete .step-label,.step-wrapper .step.incomplete .step-label{color:var(--bh-stepper-text-incomplete)}.step.current .step-description{color:var(--bh-stepper-desc-color-current)}.featured .step.complete .step-label{color:var(--color-text-secondary)}.featured .step.current .step-label{color:var(--color-text-interactive)}.step:hover .step-icon.incomplete,.step-icon-clickable:hover .step-icon.incomplete{background-color:var(--bh-stepper-icon-bg-hover);border-color:var(--bh-stepper-icon-bg-hover)}.step:hover .step-icon.complete,.step:hover .step-icon.current,.step-icon-clickable:hover .step-icon.complete,.step-icon-clickable:hover .step-icon.current{opacity:0.9}.step-dot:hover{opacity:0.8}.step:focus-visible .step-icon,.step-icon-clickable:focus-visible .step-icon{box-shadow:0px 0px 0px 2px var(--color-bg-primary), 0px 0px 0px 4px var(--bh-stepper-focus-ring)}.step-dot:focus-visible{box-shadow:0px 0px 0px 2px var(--color-bg-primary), 0px 0px 0px 4px var(--bh-stepper-focus-ring)}}'}},[513,"bh-stepper",{steps:[1],activeStep:[2,"active-step"],orientation:[513],compact:[516],variant:[513],showDescription:[4,"show-description"],progressAriaLabel:[1,"progress-aria-label"],_i18nVersion:[32],focusedIndex:[32]},void 0,{steps:[{stepsChanged:0}]}]),m=u,f=function(){"undefined"!=typeof customElements&&["bh-stepper","bh-featured-icon"].forEach((e=>{switch(e){case"bh-stepper":customElements.get(i(e))||customElements.define(i(e),u);break;case"bh-featured-icon":customElements.get(i(e))||a()}}))};export{m as BhStepper,f as defineCustomElement}
+import{p as e,H as t,c as r,h as s,d as o,t as i}from"./p-YZi6LqIt.js";import{d as a}from"./p-Dzlsnb7d.js";import{c as n,m as p,M as c,r as l}from"./p-BJXjqxlX.js";import{B as h,r as d}from"./p-BNVOtH-1.js";import{v as b}from"./p-DlPm3fIV.js";import{K as v}from"./p-zdFuIabL.js";const u=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=r(this,"bhItemClick")}logger=n("bh-stepper");stepElementsCache=null;i18nUnsubscribe;_i18nVersion=0;get el(){return this}steps="[]";activeStep=0;orientation="horizontal";compact=!1;variant="icon";showDescription=!0;progressAriaLabel="Progress steps";bhItemClick;focusedIndex=-1;componentDidCatch(e){this.logger.error("Component error caught",e instanceof Error?e:Error(e+"")),p.increment(c.COMPONENT_ERROR,{component:"bh-stepper",error_type:e instanceof Error?e.name:"unknown"}),l("bh-stepper",e)}componentDidLoad(){this.populateStepElementsCache()}componentWillLoad(){this.i18nUnsubscribe=h.onLocaleChange((()=>{this._i18nVersion++}))}disconnectedCallback(){this.stepElementsCache=null,this.i18nUnsubscribe?.()}stepsChanged(){this.stepElementsCache=null}populateStepElementsCache(){this.stepElementsCache=this.el.shadowRoot?.querySelectorAll("[data-step-index]")??null}getParsedSteps(){if(Array.isArray(this.steps))return this.steps;const e=b(this.steps);return e.valid?e.value??[]:(this.logger.warn("Invalid steps JSON:",{errors:e.errors}),[])}getStepStatus(e){return e<this.activeStep?"complete":e===this.activeStep?"current":"incomplete"}handleStepClick=(e,t)=>{this.bhItemClick.emit({index:e,step:t})};handleKeyDown=(e,t)=>{const r=t.length;if(0===r)return;const s="horizontal"===this.orientation;let o=this.focusedIndex;switch(e.key){case s?v.ARROW_RIGHT:v.ARROW_DOWN:e.preventDefault(),o=Math.min(this.focusedIndex+1,r-1);break;case s?v.ARROW_LEFT:v.ARROW_UP:e.preventDefault(),o=Math.max(this.focusedIndex-1,0);break;case v.HOME:e.preventDefault(),o=0;break;case v.END:e.preventDefault(),o=r-1;break;case v.ENTER:case v.SPACE:return e.preventDefault(),void(this.focusedIndex>=0&&this.focusedIndex<r&&this.handleStepClick(this.focusedIndex,t[this.focusedIndex]));default:return}o!==this.focusedIndex&&(this.focusedIndex=o,this.focusStepByIndex(o))};focusStepByIndex(e){this.stepElementsCache||this.populateStepElementsCache(),this.stepElementsCache?.[e]?.focus()}handleStepFocus=e=>{this.focusedIndex=e};renderStepIcon(e,t){return"featured-icon"===this.variant?s("bh-featured-icon",{class:"step-featured-icon",color:"incomplete"===e?"gray":"brand",icon:t.icon,iconStyle:"outlined",size:"md"}):s("div",{class:"step-icon "+e},"complete"===e?s("span",{"aria-hidden":"true",class:"step-icon-check material-symbols-outlined"},"check"):s("span",{class:"step-icon-dot"}))}renderConnector(e){return s("div",{class:"step-connector "+("complete"===e?"complete":"incomplete")})}renderHorizontalSteps(e){return s("div",{"aria-label":d("bh-stepper","progressAriaLabel",this.progressAriaLabel,"Progress steps"),class:"stepper-container horizontal "+("featured-icon"===this.variant?"featured":""),onKeyDown:t=>this.handleKeyDown(t,e),role:"list"},e.map(((t,r)=>{const o=this.getStepStatus(r),i=r===e.length-1;return s("div",{class:"step-wrapper",role:"listitem"},s("div",{"aria-current":"current"===o?"step":void 0,class:"step "+o,"data-step-index":r,onClick:()=>this.handleStepClick(r,t),onFocus:()=>this.handleStepFocus(r),tabindex:r===this.activeStep?0:-1},this.renderStepIcon(o,t),s("div",{class:"step-content"},s("span",{class:"step-label"},t.label),this.showDescription&&t.description&&s("span",{class:"step-description"},t.description))),!i&&this.renderConnector(o))})))}renderVerticalSteps(e){return s("div",{"aria-label":d("bh-stepper","progressAriaLabel",this.progressAriaLabel,"Progress steps"),class:"stepper-container vertical "+("featured-icon"===this.variant?"featured":""),onKeyDown:t=>this.handleKeyDown(t,e),role:"list"},e.map(((t,r)=>{const o=this.getStepStatus(r),i=r===e.length-1;return s("div",{class:"step "+o,role:"listitem"},s("div",{class:"step-connector-wrap"},s("div",{"aria-current":"current"===o?"step":void 0,"aria-label":t.label,class:"step-icon-clickable "+o,"data-step-index":r,onClick:()=>this.handleStepClick(r,t),onFocus:()=>this.handleStepFocus(r),tabindex:r===this.activeStep?0:-1},this.renderStepIcon(o,t)),!i&&this.renderConnector(o)),s("div",{class:"step-content"},s("span",{class:"step-label"},t.label),this.showDescription&&t.description&&s("span",{class:"step-description"},t.description)))})))}renderCompact(e){const t=e.length,r=Math.min(this.activeStep+1,t);return s("div",{"aria-label":`Step ${r} of ${t}`,class:"stepper-container compact",role:"group"},s("span",{class:"stepper-compact-label"},"Step ",r," of ",t),s("div",{class:"stepper-compact-track",onKeyDown:t=>this.handleKeyDown(t,e),role:"list"},e.map(((e,t)=>{const r=this.getStepStatus(t);return s("div",{"aria-current":"current"===r?"step":void 0,"aria-label":e.label,class:"step-dot "+r,"data-step-index":t,onClick:()=>this.handleStepClick(t,e),onFocus:()=>this.handleStepFocus(t),role:"listitem",tabindex:t===this.activeStep?0:-1})}))))}render(){const e=this.getParsedSteps();return 0===e.length?s(o,null):s(o,null,this.compact?this.renderCompact(e):"vertical"===this.orientation?this.renderVerticalSteps(e):this.renderHorizontalSteps(e))}static get watchers(){return{steps:[{stepsChanged:0}]}}static get style(){return'@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-stepper-icon-bg-complete:var(--color-brand-50);--bh-stepper-icon-bg-current:var(--color-brand-50);--bh-stepper-icon-bg-incomplete:var(--color-neutral-50);--bh-stepper-icon-bg-hover:var(--color-brand-100);--bh-stepper-icon-fill:var(--color-brand-600);--bh-stepper-icon-border-incomplete:var(--color-border-secondary);--bh-stepper-focus-ring:var(--color-border-interactive);--bh-stepper-text-complete:var(--color-neutral-700);--bh-stepper-text-current:var(--color-brand-800);--bh-stepper-text-incomplete:var(--color-neutral-700);--bh-stepper-desc-color:var(--color-text-secondary);--bh-stepper-desc-color-current:var(--color-text-interactive);--bh-stepper-connector-complete:var(--color-border-interactive);--bh-stepper-connector-incomplete:var(--color-border-secondary);--bh-stepper-connector-width:2px;--bh-stepper-icon-size:var(--icon-size-lg);--bh-stepper-dot-size:var(--sp-2);--bh-stepper-dot-color-incomplete:var(--color-neutral-300);--bh-stepper-compact-dot-size:10px;--bh-stepper-content-gap:var(--spacing-lg);--bh-stepper-marker-size:var(--bh-stepper-icon-size)}}@layer bh-base{.step-icon{display:flex;align-items:center;justify-content:center;width:var(--bh-stepper-icon-size);height:var(--bh-stepper-icon-size);border-radius:var(--radius-full);flex-shrink:0;position:relative;transition:background-color var(--animation-duration-fast) ease, border-color var(--animation-duration-fast) ease}.step-icon.incomplete{background-color:var(--bh-stepper-icon-bg-incomplete);border:1.5px solid var(--bh-stepper-icon-border-incomplete)}.step-icon.current{background-color:var(--bh-stepper-icon-fill)}.step-icon.complete{background-color:var(--bh-stepper-icon-fill)}.step-icon-dot{display:block;width:var(--bh-stepper-dot-size);height:var(--bh-stepper-dot-size);border-radius:var(--radius-full);background-color:var(--bh-stepper-dot-color-incomplete)}.current .step-icon-dot{background-color:var(--color-bg-primary)}.step-icon-check{font-size:var(--icon-size-xs);color:var(--color-bg-primary);line-height:1}.step-content{display:flex;flex-direction:column;gap:0;min-width:0}.step-label{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--text-sm-line);color:var(--bh-stepper-text-incomplete);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-description{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--text-sm-line);color:var(--bh-stepper-desc-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-featured-icon{flex-shrink:0}.step-connector{flex-shrink:0}.step-connector.complete{background-color:var(--bh-stepper-connector-complete)}.step-connector.incomplete{background-color:var(--bh-stepper-connector-incomplete)}}@layer bh-variants{.stepper-container.horizontal{display:flex;align-items:flex-start;width:100%;}.stepper-container.horizontal .step-wrapper{position:relative;flex:1 1 0;min-width:0}.stepper-container.horizontal .step{display:flex;flex-direction:column;align-items:center;gap:var(--bh-stepper-content-gap);cursor:pointer;outline:none;width:100%;border-radius:var(--radius-md)}.stepper-container.horizontal .step-content{align-items:center;text-align:center;width:100%}.stepper-container.horizontal .step-connector{position:absolute;top:calc(var(--bh-stepper-marker-size) / 2 - var(--bh-stepper-connector-width) / 2);left:calc(50% + var(--bh-stepper-marker-size) / 2);width:calc(100% - var(--bh-stepper-marker-size));height:var(--bh-stepper-connector-width)}.stepper-container.featured{--bh-stepper-marker-size:var(--bh-featured-icon-size-md, 40px)}.stepper-container.vertical{display:flex;flex-direction:column}.stepper-container.vertical .step{display:flex;gap:var(--spacing-md);min-height:0}.stepper-container.vertical .step-connector-wrap{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.stepper-container.vertical .step-icon-clickable{cursor:pointer;outline:none;border-radius:var(--radius-full)}.stepper-container.vertical .step-connector{width:var(--bh-stepper-connector-width);flex:1;min-height:var(--spacing-xl);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.stepper-container.vertical .step-content{padding-top:var(--spacing-xxs);padding-bottom:var(--spacing-xl)}.stepper-container.compact{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.stepper-compact-label{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-semibold);line-height:var(--line-height-normal);color:var(--bh-stepper-text-current)}.stepper-compact-track{display:flex;align-items:center;gap:var(--spacing-sm)}.step-dot{width:var(--bh-stepper-compact-dot-size);height:var(--bh-stepper-compact-dot-size);border-radius:var(--radius-full);cursor:pointer;outline:none;transition:background-color var(--animation-duration-fast) ease, border-color var(--animation-duration-fast) ease}.step-dot.complete{background-color:var(--bh-stepper-icon-fill)}.step-dot.current{background-color:var(--bh-stepper-icon-fill)}.step-dot.incomplete{background-color:transparent;border:1.5px solid var(--bh-stepper-icon-border-incomplete)}}@layer bh-states{.step.complete .step-label,.step-wrapper .step.complete .step-label{color:var(--bh-stepper-text-complete)}.step.current .step-label,.step-wrapper .step.current .step-label{color:var(--bh-stepper-text-current)}.step.incomplete .step-label,.step-wrapper .step.incomplete .step-label{color:var(--bh-stepper-text-incomplete)}.step.current .step-description{color:var(--bh-stepper-desc-color-current)}.featured .step.complete .step-label{color:var(--color-text-secondary)}.featured .step.current .step-label{color:var(--color-text-interactive)}.step:hover .step-icon.incomplete,.step-icon-clickable:hover .step-icon.incomplete{background-color:var(--bh-stepper-icon-bg-hover);border-color:var(--bh-stepper-icon-bg-hover)}.step:hover .step-icon.complete,.step:hover .step-icon.current,.step-icon-clickable:hover .step-icon.complete,.step-icon-clickable:hover .step-icon.current{opacity:0.9}.step-dot:hover{opacity:0.8}.step:focus-visible .step-icon,.step-icon-clickable:focus-visible .step-icon{box-shadow:0px 0px 0px 2px var(--color-bg-primary), 0px 0px 0px 4px var(--bh-stepper-focus-ring)}.step-dot:focus-visible{box-shadow:0px 0px 0px 2px var(--color-bg-primary), 0px 0px 0px 4px var(--bh-stepper-focus-ring)}}'}},[513,"bh-stepper",{steps:[1],activeStep:[2,"active-step"],orientation:[513],compact:[516],variant:[513],showDescription:[4,"show-description"],progressAriaLabel:[1,"progress-aria-label"],_i18nVersion:[32],focusedIndex:[32]},void 0,{steps:[{stepsChanged:0}]}]),m=u,f=function(){"undefined"!=typeof customElements&&["bh-stepper","bh-featured-icon"].forEach((e=>{switch(e){case"bh-stepper":customElements.get(i(e))||customElements.define(i(e),u);break;case"bh-featured-icon":customElements.get(i(e))||a()}}))};export{m as BhStepper,f as defineCustomElement}

package/components/bh-tab-item.js

@@ -1 +1 @@
-import{p as t,H as e,c as a,h as o,d as i,t as n}from"./p-YZi6LqIt.js";import{c as r,m as s,M as b,r as l}from"./p-BJXjqxlX.js";import{c,g as d}from"./p-YdVz1TeW.js";import{K as h}from"./p-zdFuIabL.js";import{a as u}from"./p-BqJRACkO.js";const v=[h.ARROW_LEFT,h.ARROW_RIGHT,h.ARROW_UP,h.ARROW_DOWN,h.HOME,h.END],m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=a(this,"bhItemClick")}logger=r("bh-tab-item");focusState=c();get el(){return this}value;label;icon;active=!1;disabled=!1;panelId;setSize;posInSet;focusVersion=0;bhItemClick;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),s.increment(b.COMPONENT_ERROR,{component:"bh-tab-item",error_type:t instanceof Error?t.name:"unknown"}),l("bh-tab-item",t)}handleKeyDown=t=>{v.includes(t.key)&&(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("bhTabKeyNav",{bubbles:!0,composed:!0,detail:{key:t.key,value:this.value}}))),u(t)&&(t.preventDefault(),this.handleClick())};handleClick=()=>{this.disabled||this.bhItemClick.emit({value:this.value})};handleFocus=t=>{this.focusState.handleFocus(t)};handleBlur=t=>{this.focusState.handleBlur(t)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const t=d(this.focusState,"tab-button"),e={"tab-button":!0,"tab-button-active":this.active,"tab-button-disabled":this.disabled,...this.disabled?{}:t};return o(i,{key:"ecf630fe97884f7f91c3450d4d047364e12fc8eb",class:{"tab-item":!0,"tab-item-active":this.active,"tab-item-disabled":this.disabled},onClick:this.handleClick},o("button",{key:"b0339ce540dede72bfdd3375f8f3e4a5d989a0e6","aria-controls":this.panelId,"aria-disabled":this.disabled?"true":"false","aria-posinset":this.posInSet,"aria-selected":this.active?"true":"false","aria-setsize":this.setSize,class:e,disabled:this.disabled,id:"tab-"+this.value,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"button",role:"tab",tabIndex:this.active?0:-1,type:"button"},this.icon&&o("span",{key:"6d771e046f7f9be0afeaafd895821e2fa264580b","aria-hidden":"true",class:"tab-icon material-symbols-outlined",part:"icon"},this.icon),o("span",{key:"97f8e48657b2baf1c8c96eecbfedb9e679b8a9b0",class:"tab-label",part:"label"},this.label),o("slot",{key:"9ac37134a9fa8918622be4473c66149c9a8585bc"})))}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:flex;--bh-tab-item-min-height:var(--spacing-4xl);}}@layer bh-base{.tab-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);box-sizing:border-box;min-height:var(--bh-tab-item-min-height);font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--weight-semibold);color:var(--bh-tabs-inactive-color);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--animation-duration-normal) ease-in-out, background-color var(--animation-duration-normal) ease-in-out, border-color var(--animation-duration-normal) ease-in-out;white-space:nowrap;outline:none;width:100%}.tab-label{display:inline-block}.tab-icon{font-size:var(--icon-size-md);width:var(--icon-size-md);height:var(--icon-size-md);flex-shrink:0}}@layer bh-variants{:host-context(.tabs-full-width){flex:1 0 0;min-width:0}:host-context(.tabs-underline) .tab-button{border-radius:0;padding-top:var(--spacing-xs);padding-bottom:var(--spacing-sm);border-bottom:2px solid transparent}:host-context(.tabs-full-width) .tab-button{justify-content:center}:host-context(.tabs-vertical){width:100%}:host-context(.tabs-vertical) .tab-button{justify-content:flex-start;width:100%}:host-context(.tabs-vertical.tabs-underline) .tab-button{border-radius:0;border-bottom:none;border-left:2px solid transparent;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-lg)}}@layer bh-utilities{.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:var(--icon-size-md)}}@layer bh-states{.tab-button:focus-visible{outline:2px solid var(--color-border-interactive);outline-offset:2px}.tab-button-disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}:host-context(.tabs-contained) .tab-button-active{color:var(--bh-tabs-active-color);background-color:var(--color-bg-interactive-light)}:host-context(.tabs-underline) .tab-button-active{color:var(--bh-tabs-active-color);border-bottom-color:var(--bh-tabs-active-border-color)}:host-context(.tabs-contained) .tab-button:hover:not(.tab-button-disabled):not(.tab-button-active){background-color:var(--color-bg-interactive-light);color:var(--bh-tabs-active-color)}:host-context(.tabs-underline) .tab-button:hover:not(.tab-button-disabled):not(.tab-button-active){color:var(--bh-tabs-active-color);border-bottom-color:var(--bh-tabs-active-border-color)}:host-context(.tabs-vertical.tabs-underline) .tab-button:hover:not(.tab-button-disabled):not(.tab-button-active){border-bottom-color:transparent;border-left-color:var(--bh-tabs-active-border-color)}:host-context(.tabs-contained) .tab-button:active:not(.tab-button-disabled){background-color:var(--color-bg-tertiary)}:host-context(.tabs-vertical.tabs-contained) .tab-button-active{color:var(--bh-tabs-active-color);background-color:var(--color-bg-interactive-light)}:host-context(.tabs-vertical.tabs-underline) .tab-button-active{color:var(--bh-tabs-active-color);border-left-color:var(--bh-tabs-active-border-color);border-bottom-color:transparent}}'}},[769,"bh-tab-item",{value:[1],label:[1],icon:[1],active:[4],disabled:[4],panelId:[1,"panel-id"],setSize:[2,"set-size"],posInSet:[2,"pos-in-set"],focusVersion:[32]}]),p=m,f=function(){"undefined"!=typeof customElements&&["bh-tab-item"].forEach((t=>{"bh-tab-item"===t&&(customElements.get(n(t))||customElements.define(n(t),m))}))};export{p as BhTabItem,f as defineCustomElement}
+import{p as t,H as e,c as a,h as o,d as i,t as n}from"./p-YZi6LqIt.js";import{c as r,m as s,M as b,r as l}from"./p-BJXjqxlX.js";import{c,g as d}from"./p-YdVz1TeW.js";import{K as h}from"./p-zdFuIabL.js";import{a as u}from"./p-BqJRACkO.js";const v=[h.ARROW_LEFT,h.ARROW_RIGHT,h.ARROW_UP,h.ARROW_DOWN,h.HOME,h.END],m=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhItemClick=a(this,"bhItemClick")}logger=r("bh-tab-item");focusState=c();get el(){return this}value;label;icon;active=!1;disabled=!1;panelId;setSize;posInSet;focusVersion=0;bhItemClick;componentWillLoad(){this.focusState.onChange((()=>{this.focusVersion++}))}componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),s.increment(b.COMPONENT_ERROR,{component:"bh-tab-item",error_type:t instanceof Error?t.name:"unknown"}),l("bh-tab-item",t)}handleKeyDown=t=>{v.includes(t.key)&&(t.preventDefault(),this.el.dispatchEvent(new CustomEvent("bhTabKeyNav",{bubbles:!0,composed:!0,detail:{key:t.key,value:this.value}}))),u(t)&&(t.preventDefault(),this.handleClick())};handleClick=()=>{this.disabled||this.bhItemClick.emit({value:this.value})};handleFocus=t=>{this.focusState.handleFocus(t)};handleBlur=t=>{this.focusState.handleBlur(t)};handleMouseEnter=()=>{this.focusState.handleMouseEnter()};handleMouseLeave=()=>{this.focusState.handleMouseLeave()};render(){const t=d(this.focusState,"tab-button"),e={"tab-button":!0,"tab-button-active":this.active,"tab-button-disabled":this.disabled,...this.disabled?{}:t};return o(i,{key:"6feaa14297ed9671314fe18241b4d552f75e7055",class:{"tab-item":!0,"tab-item-active":this.active,"tab-item-disabled":this.disabled},onClick:this.handleClick},o("button",{key:"443a865ea0d87717da3587b7050d3cd78d0c9158","aria-controls":this.panelId,"aria-disabled":this.disabled?"true":"false","aria-posinset":this.posInSet,"aria-selected":this.active?"true":"false","aria-setsize":this.setSize,class:e,disabled:this.disabled,id:"tab-"+this.value,onBlur:this.handleBlur,onClick:this.handleClick,onFocus:this.handleFocus,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,part:"button",role:"tab",tabIndex:this.active?0:-1,type:"button"},this.icon&&o("span",{key:"379857e6150ff11dfd831e88d576e46186d58afd","aria-hidden":"true",class:"tab-icon material-symbols-outlined",part:"icon"},this.icon),o("span",{key:"c0e9970e0737baeb714191ce7a06ced589f34c32",class:"tab-label",part:"label"},this.label),o("slot",{key:"2d54a6be0dbb73bcf4df3705172d046be368f873"})))}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:flex;--bh-tab-item-min-height:var(--spacing-4xl);}}@layer bh-base{.tab-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);box-sizing:border-box;min-height:var(--bh-tab-item-min-height);font-family:var(--font-inter);font-size:var(--text-sm-size);line-height:var(--text-sm-line);font-weight:var(--weight-semibold);color:var(--bh-tabs-inactive-color);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--animation-duration-normal) ease-in-out, background-color var(--animation-duration-normal) ease-in-out, border-color var(--animation-duration-normal) ease-in-out;white-space:nowrap;outline:none;width:100%}.tab-label{display:inline-block}.tab-icon{font-size:var(--icon-size-md);width:var(--icon-size-md);height:var(--icon-size-md);flex-shrink:0}}@layer bh-variants{:host-context(.tabs-full-width){flex:1 0 0;min-width:0}:host-context(.tabs-underline) .tab-button{border-radius:0;padding-top:var(--spacing-xs);padding-bottom:var(--spacing-sm);border-bottom:2px solid transparent}:host-context(.tabs-full-width) .tab-button{justify-content:center}:host-context(.tabs-vertical){width:100%}:host-context(.tabs-vertical) .tab-button{justify-content:flex-start;width:100%}:host-context(.tabs-vertical.tabs-underline) .tab-button{border-radius:0;border-bottom:none;border-left:2px solid transparent;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-lg)}}@layer bh-utilities{.material-symbols-outlined{font-family:"Material Symbols Outlined";font-weight:normal;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:var(--icon-size-md)}}@layer bh-states{.tab-button:focus-visible{outline:2px solid var(--color-border-interactive);outline-offset:2px}.tab-button-disabled{cursor:not-allowed;opacity:0.5;pointer-events:none}:host-context(.tabs-contained) .tab-button-active{color:var(--bh-tabs-active-color);background-color:var(--color-bg-interactive-light)}:host-context(.tabs-underline) .tab-button-active{color:var(--bh-tabs-active-color);border-bottom-color:var(--bh-tabs-active-border-color)}:host-context(.tabs-contained) .tab-button:hover:not(.tab-button-disabled):not(.tab-button-active){background-color:var(--color-bg-interactive-light);color:var(--bh-tabs-active-color)}:host-context(.tabs-underline) .tab-button:hover:not(.tab-button-disabled):not(.tab-button-active){color:var(--bh-tabs-active-color);border-bottom-color:var(--bh-tabs-active-border-color)}:host-context(.tabs-vertical.tabs-underline) .tab-button:hover:not(.tab-button-disabled):not(.tab-button-active){border-bottom-color:transparent;border-left-color:var(--bh-tabs-active-border-color)}:host-context(.tabs-contained) .tab-button:active:not(.tab-button-disabled){background-color:var(--color-bg-tertiary)}:host-context(.tabs-vertical.tabs-contained) .tab-button-active{color:var(--bh-tabs-active-color);background-color:var(--color-bg-interactive-light)}:host-context(.tabs-vertical.tabs-underline) .tab-button-active{color:var(--bh-tabs-active-color);border-left-color:var(--bh-tabs-active-border-color);border-bottom-color:transparent}}'}},[769,"bh-tab-item",{value:[1],label:[1],icon:[1],active:[4],disabled:[4],panelId:[1,"panel-id"],setSize:[2,"set-size"],posInSet:[2,"pos-in-set"],focusVersion:[32]}]),p=m,f=function(){"undefined"!=typeof customElements&&["bh-tab-item"].forEach((t=>{"bh-tab-item"===t&&(customElements.get(n(t))||customElements.define(n(t),m))}))};export{p as BhTabItem,f as defineCustomElement}

package/components/bh-table-header.js

@@ -1 +1 @@
-import{p as e,H as a,h as t,d as r,t as i}from"./p-YZi6LqIt.js";import{c as s,m as o,M as n,r as h}from"./p-BJXjqxlX.js";const d="bh-table-header",c=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}logger=s(d);heading="";itemCount;showActions=!0;showSearch=!1;showDivider=!1;componentDidCatch(e){const a=e instanceof Error?e:Error(e+"");this.logger.error("Component error caught",a),o.increment(n.COMPONENT_ERROR,{component:d,error_type:a.name}),h(d,e)}render(){const e=!!this.itemCount;return t(r,{key:"589a3fc7be7bccdd16bd1360e912e3485c1cee4d","aria-label":this.heading||"Table header",role:"region"},t("div",{key:"ede399c8fb00fc48d0538981e3b9547bb995996a",class:"table-header",part:"table-header"},t("div",{key:"28b7affd9ba00523b8391366eb9995c55762b8e4",class:"content"},t("div",{key:"ea3ff8bdfd8b1788e0f261fd51053b623ebda1d6",class:"text-group"},this.heading&&t("h3",{key:"ba8574cecc0900ee48e43bc91487be6a55911a5e",class:"heading",part:"heading"},this.heading),e&&t("span",{key:"6b8d677f8e682be9930c248ed7b54bd2afa4a690",class:"item-count",part:"item-count"},this.itemCount)),t("div",{key:"b3b881b2093200658f73b382099c9b63f648042c",class:"controls"},this.showSearch&&t("div",{key:"4fdf364d8e52ebfa0d144a6567e2434b97282f15",class:"search",part:"search"},t("slot",{key:"422096579d570d99b40bb888f05a9ac4e90c6333",name:"search"})),this.showActions&&t("div",{key:"263c6b52b367b9d55dfd0a08d3a39d743e2f5820",class:"actions",part:"actions"},t("slot",{key:"638ad6f59a29602aaaf72a82e409a53543a965f9",name:"actions"})))),this.showDivider&&t("div",{key:"7f49b68af175acb595e4c5559b03db4a62d21b3d",class:"divider",part:"divider"})))}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-table-header-heading-color:var(--color-text-primary);--bh-table-header-count-color:var(--color-text-tertiary);--bh-table-header-divider-color:var(--color-border-secondary);--bh-table-header-gap:var(--spacing-md);--bh-table-header-controls-gap:var(--spacing-sm)}}@layer bh-base{.table-header{display:flex;flex-direction:column;gap:var(--bh-table-header-gap);width:100%}.content{display:flex;align-items:center;justify-content:space-between;gap:var(--bh-table-header-gap);width:100%;min-height:var(--bh-button-height-sm)}.text-group{display:flex;align-items:baseline;gap:var(--spacing-sm);flex:1;min-width:0}.heading{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);line-height:var(--line-height-normal);color:var(--bh-table-header-heading-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-count{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-table-header-count-color);white-space:nowrap;flex-shrink:0}.controls{display:flex;align-items:center;gap:var(--bh-table-header-controls-gap);flex-shrink:0}.search{display:flex;align-items:center}.actions{display:flex;align-items:center;gap:var(--spacing-sm)}.divider{width:100%;height:1px;background-color:var(--bh-table-header-divider-color);flex-shrink:0}}"}},[769,"bh-table-header",{heading:[1],itemCount:[1,"item-count"],showActions:[4,"show-actions"],showSearch:[4,"show-search"],showDivider:[4,"show-divider"]}]),l=c,b=function(){"undefined"!=typeof customElements&&["bh-table-header"].forEach((e=>{"bh-table-header"===e&&(customElements.get(i(e))||customElements.define(i(e),c))}))};export{l as BhTableHeader,b as defineCustomElement}
+import{p as e,H as a,h as t,d as r,t as i}from"./p-YZi6LqIt.js";import{c as s,m as o,M as c,r as n}from"./p-BJXjqxlX.js";const h="bh-table-header",l=e(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}logger=s(h);heading="";itemCount;showActions=!0;showSearch=!1;showDivider=!1;componentDidCatch(e){const a=e instanceof Error?e:Error(e+"");this.logger.error("Component error caught",a),o.increment(c.COMPONENT_ERROR,{component:h,error_type:a.name}),n(h,e)}render(){const e=!!this.itemCount;return t(r,{key:"44e768f9758c3a23b62dad1e841202e43c8126ea","aria-label":this.heading||"Table header",role:"region"},t("div",{key:"aa8101727fcd585921b49e0b0ed2e87c22bf9206",class:"table-header",part:"table-header"},t("div",{key:"20309d683a9cab5f43e711c47da3344906a4da0a",class:"content"},t("div",{key:"3c299b721cc6fb10f5e003c8b9a5b61c07aa45d5",class:"text-group"},this.heading&&t("h3",{key:"a767be72bc114681f08504aa55fb255af5535bac",class:"heading",part:"heading"},this.heading),e&&t("span",{key:"f8bdb6e6a9036fbcfef92e3888f91245950ec31e",class:"item-count",part:"item-count"},this.itemCount)),t("div",{key:"cf57f2b14bc2c287cdd1a711bf70e6414042f96c",class:"controls"},this.showSearch&&t("div",{key:"0e7caf3307d40cd2fee1e9d679e3dd22dccf5aaf",class:"search",part:"search"},t("slot",{key:"54156f2d8e710104147834590fc37449243f7973",name:"search"})),this.showActions&&t("div",{key:"c4cef8663e9a79e861e4c8d0d4fa58f21093c794",class:"actions",part:"actions"},t("slot",{key:"03b2ca92c4c5007ab4ddcbc7803c9975a4b713f6",name:"actions"})))),this.showDivider&&t("div",{key:"68629b7b7407fe057202b5c7b971765c0fe20a2c",class:"divider",part:"divider"})))}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-table-header-heading-color:var(--color-text-primary);--bh-table-header-count-color:var(--color-text-tertiary);--bh-table-header-divider-color:var(--color-border-secondary);--bh-table-header-gap:var(--spacing-md);--bh-table-header-controls-gap:var(--spacing-sm)}}@layer bh-base{.table-header{display:flex;flex-direction:column;gap:var(--bh-table-header-gap);width:100%}.content{display:flex;align-items:center;justify-content:space-between;gap:var(--bh-table-header-gap);width:100%;min-height:var(--bh-button-height-sm)}.text-group{display:flex;align-items:baseline;gap:var(--spacing-sm);flex:1;min-width:0}.heading{font-family:var(--font-inter);font-size:var(--text-md-size);font-weight:var(--weight-semibold);line-height:var(--line-height-normal);color:var(--bh-table-header-heading-color);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-count{font-family:var(--font-inter);font-size:var(--text-sm-size);font-weight:var(--weight-regular);line-height:var(--line-height-normal);color:var(--bh-table-header-count-color);white-space:nowrap;flex-shrink:0}.controls{display:flex;align-items:center;gap:var(--bh-table-header-controls-gap);flex-shrink:0}.search{display:flex;align-items:center}.actions{display:flex;align-items:center;gap:var(--spacing-sm)}.divider{width:100%;height:1px;background-color:var(--bh-table-header-divider-color);flex-shrink:0}}"}},[769,"bh-table-header",{heading:[1],itemCount:[1,"item-count"],showActions:[4,"show-actions"],showSearch:[4,"show-search"],showDivider:[4,"show-divider"]}]),d=l,b=function(){"undefined"!=typeof customElements&&["bh-table-header"].forEach((e=>{"bh-table-header"===e&&(customElements.get(i(e))||customElements.define(i(e),l))}))};export{d as BhTableHeader,b as defineCustomElement}

package/components/bh-tabs.js

@@ -1 +1 @@
-import{p as t,H as a,c as e,h as s,d as i,t as r}from"./p-YZi6LqIt.js";import{c as o,m as n,M as l,r as b}from"./p-BJXjqxlX.js";import{K as h}from"./p-zdFuIabL.js";const c=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhChange=e(this,"bhChange"),this.bhReorder=e(this,"bhReorder"),this.bhItemClose=e(this,"bhItemClose")}logger=o("bh-tabs");get el(){return this}variant="contained";orientation="horizontal";fullWidth=!1;value="";closable=!1;reorderable=!1;swipeable=!1;showScrollIndicators=!0;tablistId;ariaLevel="2";autoManagePanels=!1;bhChange;bhReorder;bhItemClose;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),n.increment(l.COMPONENT_ERROR,{component:"bh-tabs",error_type:t instanceof Error?t.name:"unknown"}),b("bh-tabs",t)}handleTabItemClick(t){t.stopPropagation();const a=t.detail.value;this.value!==a&&(this.value=a,this.bhChange.emit(a))}handleTabKeyNav(t){t.stopPropagation();const{key:a}=t.detail,e=this.getTabItems();if(0===e.length)return;const s=e.findIndex((t=>t.getAttribute("value")===this.value||t.value===this.value));let i=s;const r="horizontal"===this.orientation;switch(a){case h.ARROW_RIGHT:r&&(i=this.findAdjacentEnabledTab(e,s,1));break;case h.ARROW_LEFT:r&&(i=this.findAdjacentEnabledTab(e,s,-1));break;case h.ARROW_DOWN:r||(i=this.findAdjacentEnabledTab(e,s,1));break;case h.ARROW_UP:r||(i=this.findAdjacentEnabledTab(e,s,-1));break;case h.HOME:i=this.findNextEnabledTab(e,-1,1);break;case h.END:i=this.findNextEnabledTab(e,e.length,-1)}if(i!==s&&i>=0&&i<e.length){const t=e[i],a=t.getAttribute("value")||t.value;this.value=a,this.bhChange.emit(a);const s=t.shadowRoot?.querySelector("button");s?.focus()}}handleTabClose(t){t.target!==this.el&&(t.stopPropagation(),this.bhItemClose.emit({value:t.detail}))}handleTabReorder(t){t.target!==this.el&&(t.stopPropagation(),this.bhReorder.emit(t.detail))}componentDidLoad(){this.value||this.initializeFromActiveTab()}componentDidRender(){const t=this.getTabItems();for(const[a,e]of t.entries())e.setSize=t.length,e.posInSet=a+1,this.value&&(e.active=(e.getAttribute("value")||e.value)===this.value)}initializeFromActiveTab(){const t=this.getTabItems();if(0===t.length)return;const a=t.find((t=>{const a=t.getAttribute("active");return""===a||"true"===a}))??t[0],e=a.getAttribute("value")||a.value;e&&(this.value=e)}getTabItems(){return Array.from(this.el.querySelectorAll("bh-tab-item"))}findAdjacentEnabledTab(t,a,e){const s=t.length;for(let i=1;i<=s;i++){const r=((a+e*i)%s+s)%s,o=t[r];if("true"!==o.getAttribute("disabled")&&!o.disabled)return r}return a}findNextEnabledTab(t,a,e){let s=a+e;for(;s>=0&&s<t.length;){const a=t[s];if("true"!==a.getAttribute("disabled")&&!a.disabled)return s;s+=e}return a}render(){return s(i,{key:"7083a499e2f13500b64a6a1cb13b5fc8b83d832f",class:{tabs:!0,["tabs-"+this.variant]:!0,["tabs-"+this.orientation]:!0,"tabs-full-width":this.fullWidth}},s("div",{key:"b7e12a89ca076d2f589edd02d4cee3e8fc85ecd1",class:"tabs-container",part:"container"},s("div",{key:"67f36616e1187ae26bd67bb869b58194030e786a","aria-level":this.ariaLevel,"aria-orientation":this.orientation,class:"tabs-list",id:this.tablistId,part:"list",role:"tablist"},s("slot",{key:"b9233a03eba1530d6bf6a69f85984c7cf105932e"}))))}static get style(){return'@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;width:100%;--bh-tabs-border-color:var(--color-border-secondary);--bh-tabs-active-color:var(--color-text-interactive);--bh-tabs-active-border-color:var(--color-text-interactive);--bh-tabs-inactive-color:var(--color-text-tertiary)}}@layer bh-base{.tabs-container{display:flex;flex-direction:column;width:100%}.tabs-list{display:flex;gap:var(--spacing-xs);padding:var(--spacing-none);position:relative}}@layer bh-variants{:host(.tabs-full-width) .tabs-list{width:100%;gap:0}:host(.tabs-underline.tabs-horizontal) .tabs-container{border-bottom:1px solid var(--bh-tabs-border-color)}:host(.tabs-underline.tabs-horizontal) .tabs-list{gap:var(--spacing-lg)}:host(.tabs-full-width.tabs-underline.tabs-horizontal) .tabs-list,:host(.tabs-full-width.tabs-contained) .tabs-list{gap:0}:host(.tabs-contained) .tabs-list{gap:var(--spacing-xs)}:host(.tabs-vertical){width:auto}:host(.tabs-vertical) .tabs-container{width:auto}:host(.tabs-vertical) .tabs-list{flex-direction:column;gap:var(--spacing-xs);width:var(--bh-tabs-vertical-width)}:host(.tabs-underline.tabs-vertical) .tabs-container{border-bottom:none}}'}},[769,"bh-tabs",{variant:[1],orientation:[1],fullWidth:[4,"full-width"],value:[1025],closable:[4],reorderable:[4],swipeable:[4],showScrollIndicators:[4,"show-scroll-indicators"],tablistId:[1,"tablist-id"],ariaLevel:[1,"aria-level"],autoManagePanels:[4,"auto-manage-panels"]},[[0,"bhItemClick","handleTabItemClick"],[0,"bhTabKeyNav","handleTabKeyNav"],[0,"bhItemClose","handleTabClose"],[0,"bhReorder","handleTabReorder"]]]),d=c,u=function(){"undefined"!=typeof customElements&&["bh-tabs"].forEach((t=>{"bh-tabs"===t&&(customElements.get(r(t))||customElements.define(r(t),c))}))};export{d as BhTabs,u as defineCustomElement}
+import{p as t,H as a,c as e,h as s,d as i,t as r}from"./p-YZi6LqIt.js";import{c as o,m as n,M as l,r as b}from"./p-BJXjqxlX.js";import{K as h}from"./p-zdFuIabL.js";const c=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhChange=e(this,"bhChange"),this.bhReorder=e(this,"bhReorder"),this.bhItemClose=e(this,"bhItemClose")}logger=o("bh-tabs");get el(){return this}variant="contained";orientation="horizontal";fullWidth=!1;value="";closable=!1;reorderable=!1;swipeable=!1;showScrollIndicators=!0;tablistId;ariaLevel="2";autoManagePanels=!1;bhChange;bhReorder;bhItemClose;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),n.increment(l.COMPONENT_ERROR,{component:"bh-tabs",error_type:t instanceof Error?t.name:"unknown"}),b("bh-tabs",t)}handleTabItemClick(t){t.stopPropagation();const a=t.detail.value;this.value!==a&&(this.value=a,this.bhChange.emit(a))}handleTabKeyNav(t){t.stopPropagation();const{key:a}=t.detail,e=this.getTabItems();if(0===e.length)return;const s=e.findIndex((t=>t.getAttribute("value")===this.value||t.value===this.value));let i=s;const r="horizontal"===this.orientation;switch(a){case h.ARROW_RIGHT:r&&(i=this.findAdjacentEnabledTab(e,s,1));break;case h.ARROW_LEFT:r&&(i=this.findAdjacentEnabledTab(e,s,-1));break;case h.ARROW_DOWN:r||(i=this.findAdjacentEnabledTab(e,s,1));break;case h.ARROW_UP:r||(i=this.findAdjacentEnabledTab(e,s,-1));break;case h.HOME:i=this.findNextEnabledTab(e,-1,1);break;case h.END:i=this.findNextEnabledTab(e,e.length,-1)}if(i!==s&&i>=0&&i<e.length){const t=e[i],a=t.getAttribute("value")||t.value;this.value=a,this.bhChange.emit(a);const s=t.shadowRoot?.querySelector("button");s?.focus()}}handleTabClose(t){t.target!==this.el&&(t.stopPropagation(),this.bhItemClose.emit({value:t.detail}))}handleTabReorder(t){t.target!==this.el&&(t.stopPropagation(),this.bhReorder.emit(t.detail))}componentDidLoad(){this.value||this.initializeFromActiveTab()}componentDidRender(){const t=this.getTabItems();for(const[a,e]of t.entries())e.setSize=t.length,e.posInSet=a+1,this.value&&(e.active=(e.getAttribute("value")||e.value)===this.value)}initializeFromActiveTab(){const t=this.getTabItems();if(0===t.length)return;const a=t.find((t=>{const a=t.getAttribute("active");return""===a||"true"===a}))??t[0],e=a.getAttribute("value")||a.value;e&&(this.value=e)}getTabItems(){return Array.from(this.el.querySelectorAll("bh-tab-item"))}findAdjacentEnabledTab(t,a,e){const s=t.length;for(let i=1;i<=s;i++){const r=((a+e*i)%s+s)%s,o=t[r];if("true"!==o.getAttribute("disabled")&&!o.disabled)return r}return a}findNextEnabledTab(t,a,e){let s=a+e;for(;s>=0&&s<t.length;){const a=t[s];if("true"!==a.getAttribute("disabled")&&!a.disabled)return s;s+=e}return a}render(){return s(i,{key:"959bd6dc3908532185cf569bd0b4e2d376711ff0",class:{tabs:!0,["tabs-"+this.variant]:!0,["tabs-"+this.orientation]:!0,"tabs-full-width":this.fullWidth}},s("div",{key:"d4a6ce9368c1bfe1ec434c0fc709b09986b2ab3e",class:"tabs-container",part:"container"},s("div",{key:"b6772c7747a48154476532635106139353d5cfa8","aria-level":this.ariaLevel,"aria-orientation":this.orientation,class:"tabs-list",id:this.tablistId,part:"list",role:"tablist"},s("slot",{key:"66c17f42b14ed8a72c36eed47e85dd43588322b7"}))))}static get style(){return'@charset "UTF-8";@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;width:100%;--bh-tabs-border-color:var(--color-border-secondary);--bh-tabs-active-color:var(--color-text-interactive);--bh-tabs-active-border-color:var(--color-text-interactive);--bh-tabs-inactive-color:var(--color-text-tertiary)}}@layer bh-base{.tabs-container{display:flex;flex-direction:column;width:100%}.tabs-list{display:flex;gap:var(--spacing-xs);padding:var(--spacing-none);position:relative}}@layer bh-variants{:host(.tabs-full-width) .tabs-list{width:100%;gap:0}:host(.tabs-underline.tabs-horizontal) .tabs-container{border-bottom:1px solid var(--bh-tabs-border-color)}:host(.tabs-underline.tabs-horizontal) .tabs-list{gap:var(--spacing-lg)}:host(.tabs-full-width.tabs-underline.tabs-horizontal) .tabs-list,:host(.tabs-full-width.tabs-contained) .tabs-list{gap:0}:host(.tabs-contained) .tabs-list{gap:var(--spacing-xs)}:host(.tabs-vertical){width:auto}:host(.tabs-vertical) .tabs-container{width:auto}:host(.tabs-vertical) .tabs-list{flex-direction:column;gap:var(--spacing-xs);width:var(--bh-tabs-vertical-width)}:host(.tabs-underline.tabs-vertical) .tabs-container{border-bottom:none}}'}},[769,"bh-tabs",{variant:[1],orientation:[1],fullWidth:[4,"full-width"],value:[1025],closable:[4],reorderable:[4],swipeable:[4],showScrollIndicators:[4,"show-scroll-indicators"],tablistId:[1,"tablist-id"],ariaLevel:[1,"aria-level"],autoManagePanels:[4,"auto-manage-panels"]},[[0,"bhItemClick","handleTabItemClick"],[0,"bhTabKeyNav","handleTabKeyNav"],[0,"bhItemClose","handleTabClose"],[0,"bhReorder","handleTabReorder"]]]),d=c,u=function(){"undefined"!=typeof customElements&&["bh-tabs"].forEach((t=>{"bh-tabs"===t&&(customElements.get(r(t))||customElements.define(r(t),c))}))};export{d as BhTabs,u as defineCustomElement}

package/components/bh-tag-group.js

@@ -1 +1 @@
-import{p as t,H as e,c as s,h as a,d as r,t as i}from"./p-YZi6LqIt.js";import{d as o}from"./p-B7i48CAz.js";import{d as h}from"./p-Bk-ipvH3.js";import{d as n}from"./p-cD3vmu49.js";import{d as c}from"./p-BbPrWlsw.js";import{d as b}from"./p-CVSRqFZ0.js";import{c as g,m as l,M as m,r as p}from"./p-BJXjqxlX.js";import{v as d}from"./p-DlPm3fIV.js";const u=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhItemClose=s(this,"bhItemClose"),this.bhItemClick=s(this,"bhItemClick"),this.bhChange=s(this,"bhChange"),this.bhAction=s(this,"bhAction")}logger=g("bh-tag-group");get el(){return this}size="md";tags="[]";maxVisible=10;dismissible=!1;disabled=!1;bhItemClose;bhItemClick;bhChange;bhAction;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),l.increment(m.COMPONENT_ERROR,{component:"bh-tag-group",error_type:t instanceof Error?t.name:"unknown"}),p("bh-tag-group",t)}getParsedTags(){if(Array.isArray(this.tags))return this.tags;const t=d(this.tags);return t.valid?t.value??[]:(this.logger.warn("Invalid tags JSON:",{errors:t.errors}),[])}handleTagDismiss=t=>{this.bhItemClose.emit({value:t})};handleTagClick=t=>{this.bhItemClick.emit({value:t})};handleTagCheckedChange=(t,e)=>{this.bhChange.emit({value:t,checked:e})};handleOverflowClick=t=>{this.bhAction.emit({action:"overflow",data:{hiddenCount:t}})};render(){const t=this.getParsedTags(),e=t.slice(0,this.maxVisible),s=t.length-e.length;return a(r,{key:"9e248b5f5e760bbd5c42ce47f7feae5b5e26775e"},a("div",{key:"cae076010498a5c4616ef10e32ec0595b5b2c2bd","aria-disabled":this.disabled?"true":void 0,class:"tag-group tag-group-"+this.size,part:"container",role:"group"},e.map((t=>a("bh-tag",{action:t.dismissible??this.dismissible?"dismiss":"none",avatarSrc:t.avatarSrc,checked:t.checked,count:t.count,disabled:t.disabled??this.disabled,dotColor:t.dotColor,key:t.id,label:t.label,onBhChange:e=>this.handleTagCheckedChange(t.id,e.detail),onBhClose:()=>this.handleTagDismiss(t.id),onClick:()=>this.handleTagClick(t.id),size:this.size,variant:t.variant??"text-only"}))),s>0&&a("bh-tag",{key:"ccb28b24671f98c6c53e31717cce15be606092d6",action:"none",label:"+"+s,onClick:()=>this.handleOverflowClick(s),size:this.size})))}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-tag-group-gap:var(--spacing-sm)}}@layer bh-base{.tag-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bh-tag-group-gap)}}@layer bh-variants{.tag-group-sm{gap:var(--spacing-xs)}.tag-group-md{gap:var(--spacing-sm)}.tag-group-lg{gap:var(--spacing-md)}}"}},[513,"bh-tag-group",{size:[1],tags:[1],maxVisible:[2,"max-visible"],dismissible:[4],disabled:[4]}]),f=u,k=function(){"undefined"!=typeof customElements&&["bh-tag-group","bh-avatar","bh-badge-dot","bh-button-icon","bh-loader-spinner","bh-tag"].forEach((t=>{switch(t){case"bh-tag-group":customElements.get(i(t))||customElements.define(i(t),u);break;case"bh-avatar":customElements.get(i(t))||o();break;case"bh-badge-dot":customElements.get(i(t))||h();break;case"bh-button-icon":customElements.get(i(t))||n();break;case"bh-loader-spinner":customElements.get(i(t))||c();break;case"bh-tag":customElements.get(i(t))||b()}}))};export{f as BhTagGroup,k as defineCustomElement}
+import{p as t,H as s,c as e,h as a,d as r,t as i}from"./p-YZi6LqIt.js";import{d as o}from"./p-DJlRFgcj.js";import{d as h}from"./p-Be6mIKzo.js";import{d as n}from"./p-CClVva-u.js";import{d as c}from"./p-BbPrWlsw.js";import{d as l}from"./p-DjpXtbw8.js";import{c as b,m as g,M as m,r as p}from"./p-BJXjqxlX.js";import{v as d}from"./p-DlPm3fIV.js";const u=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.bhItemClose=e(this,"bhItemClose"),this.bhItemClick=e(this,"bhItemClick"),this.bhChange=e(this,"bhChange"),this.bhAction=e(this,"bhAction")}logger=b("bh-tag-group");get el(){return this}size="md";tags="[]";maxVisible=10;dismissible=!1;disabled=!1;bhItemClose;bhItemClick;bhChange;bhAction;componentDidCatch(t){this.logger.error("Component error caught",t instanceof Error?t:Error(t+"")),g.increment(m.COMPONENT_ERROR,{component:"bh-tag-group",error_type:t instanceof Error?t.name:"unknown"}),p("bh-tag-group",t)}getParsedTags(){if(Array.isArray(this.tags))return this.tags;const t=d(this.tags);return t.valid?t.value??[]:(this.logger.warn("Invalid tags JSON:",{errors:t.errors}),[])}handleTagDismiss=t=>{this.bhItemClose.emit({value:t})};handleTagClick=t=>{this.bhItemClick.emit({value:t})};handleTagCheckedChange=(t,s)=>{this.bhChange.emit({value:t,checked:s})};handleOverflowClick=t=>{this.bhAction.emit({action:"overflow",data:{hiddenCount:t}})};render(){const t=this.getParsedTags(),s=t.slice(0,this.maxVisible),e=t.length-s.length;return a(r,{key:"56ef6c8be13cec0ff3044ffa76ec033afd5e0e06"},a("div",{key:"f43d1b5facd4c4df6b451451f1a8ffdecf1ef2e2","aria-disabled":this.disabled?"true":void 0,class:"tag-group tag-group-"+this.size,part:"container",role:"group"},s.map((t=>a("bh-tag",{action:t.dismissible??this.dismissible?"dismiss":"none",avatarSrc:t.avatarSrc,checked:t.checked,count:t.count,disabled:t.disabled??this.disabled,dotColor:t.dotColor,key:t.id,label:t.label,onBhChange:s=>this.handleTagCheckedChange(t.id,s.detail),onBhClose:()=>this.handleTagDismiss(t.id),onClick:()=>this.handleTagClick(t.id),size:this.size,variant:t.variant??"text-only"}))),e>0&&a("bh-tag",{key:"78ab161b41b73e2cdd7009577e5c307019a7c0c8",action:"none",label:"+"+e,onClick:()=>this.handleOverflowClick(e),size:this.size})))}static get style(){return"@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.5}}@layer bh-tokens,bh-base,bh-variants,bh-states,bh-utilities; @layer bh-tokens{:host{display:block;--bh-tag-group-gap:var(--spacing-sm)}}@layer bh-base{.tag-group{display:flex;flex-wrap:wrap;align-items:center;gap:var(--bh-tag-group-gap)}}@layer bh-variants{.tag-group-sm{gap:var(--spacing-xs)}.tag-group-md{gap:var(--spacing-sm)}.tag-group-lg{gap:var(--spacing-md)}}"}},[513,"bh-tag-group",{size:[1],tags:[1],maxVisible:[2,"max-visible"],dismissible:[4],disabled:[4]}]),f=u,k=function(){"undefined"!=typeof customElements&&["bh-tag-group","bh-avatar","bh-badge-dot","bh-button-icon","bh-loader-spinner","bh-tag"].forEach((t=>{switch(t){case"bh-tag-group":customElements.get(i(t))||customElements.define(i(t),u);break;case"bh-avatar":customElements.get(i(t))||o();break;case"bh-badge-dot":customElements.get(i(t))||h();break;case"bh-button-icon":customElements.get(i(t))||n();break;case"bh-loader-spinner":customElements.get(i(t))||c();break;case"bh-tag":customElements.get(i(t))||l()}}))};export{f as BhTagGroup,k as defineCustomElement}